@charset "utf-8";
/* CSS Document */

body { padding:0px; margin:0px; background:#fff; font-size:16px; color:#1a171b; line-height:20px;  font-family: 'space_groteskregular';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #192432; text-decoration: none;  }
div { margin: 0; padding: 0; }
p { font-size:16px; line-height:24px; padding:0px; margin:0px; color:#000000;} 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px;  line-height: 30px; }
a{ color: #192432; outline:none; }
ul, li { list-style:none;}
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.row{ width: 100%; margin:auto; padding:0px 5%;}

header{float:left; width:100%;position:absolute; top:0px; z-index: 5;}
header .main-menu{position:relative; top:0px; float:left; width:100%; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.is-sticky .main-menu{ background: #BFBEB9;  box-shadow: 0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2); -o-box-shadow: 0 0 3px rgba(0,0,0,0.2);}
.is-sticky header { box-shadow: 0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2); -o-box-shadow: 0 0 3px rgba(0,0,0,0.2);}
.is-sticky .main-menu .main-menu-inner{padding: 18px 0; border-bottom: none;}
header.inner-head .is-sticky .logo a {color: #ffffff;}
header.inner-head .is-sticky .ddsmoothmenu ul li a{color: #ffffff;}
header.inner-head .is-sticky .ddsmoothmenu ul li a:hover{color: #2C2C2C;} 
header.inner-head .is-sticky .nice-select {color: #ffffff; border-bottom: 1px solid #fff;}
header.inner-head .is-sticky .nice-select:hover{color: #2C2C2C; border-bottom: 1px solid #2C2C2C;}
header.logo-head .main-menu-inner {border-bottom: none;}
.main-menu.scrolling_down {-webkit-transform: translateY(-80px);transform: translateY(-80px);}
.main-menu.scrolling_up {-webkit-transform: translateY(0);transform: translateY(0);background: #BFBEB9;}
.main-menu-inner {width: 100%;float: left;padding:32px 0 72px 0; display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between; /*border-bottom: 1px solid rgba(140, 143,130,50%);*/}
header .logo{float:left;}
header .logo a{float:left; width:auto; color: #fff; font-family: 'space_groteskmedium'; font-size: 31px; line-height: 40px;}
header .logo a img{float:left; width:80%;}
header .menu{float:left;}
.banner-home { float:left; width:100%; position:relative; min-height: 592px;}
.main-menu-rgt {float: right;width: auto; display: flex;flex-wrap: wrap;column-gap: 70px; padding-top: 8px;}
.lang {width: auto;float: right;}
.lang h5 {float: left; transition:all .5s ease; font-size: 21px;line-height: 23px;font-family: 'space_groteskregular';color: #fff;}
.lang h5:hover {color: rgba(255, 255, 255, 60%);}
.mobile-menu .logo img{width: 320px;}
.m-menu { position: absolute;  right:15px; top: 20px; display: none; z-index:999999;} 
.m-menu img { width: 20px;}
.mobile-menu{ position:fixed; top:0px; bottom: 0; width:100%; z-index: 999; overflow-y:auto; overflow-x:hidden;  padding:15px 0px; opacity: 0; visibility: hidden; transition: all 0.4s ease; background: #BFBEB9; height: 250px;}
.mobile-menu.slow { opacity: 1; visibility: visible; }
.mobile-menu .nav { width: 100%;  /*background: #fff;*/ float: left;  padding: 20px 0 0 0; height:100%;}
.m-menu { width: 25px; height: 22px;  margin: 5px 0 0 0;  -webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; float: right;  }
.m-menu a { display: block;}
.m-menu span { display: block; position: absolute; height: 2px; width: 100%; background: #fff; border-radius: 0px; opacity: 1;
left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }  

/* Icon 4 */
.m-menu span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(2) { top: 8px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(3) { top: 16px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -4px; left: 4px;  background: #fff;}
.m-menu.open span:nth-child(2) { width: 0%; opacity: 0;}
.m-menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 14px; left: 4px; background: #fff; }
.hght{overflow:hidden;}
.hght header .logo.m-rht, .hght header .logo{display:none;}
.hght header .main-menu{width:auto; right:0; box-shadow:none; background:none; float:right;}
.nav ul { float: left; width: 100%; margin:0px; text-align: left;}
.nav ul li a { color: #fff; font-size: 16px;  padding-left: 0px; line-height:22px; font-family: 'space_groteskregular'; letter-spacing:0.5px; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
.nav ul li a.active, .nav ul li a:hover{ color:#2C2C2C;}
.nav ul li { padding:8px 0;}
.lang.mbl { display:none; width:auto; position: absolute;right: 15px;bottom: 28px;}
.mobile-menu .nav .lang.mbl ul { border-top: none;}
.mobile-menu .nav .lang.mbl ul li { border-bottom:none; float:none; display:inline-block; text-align:center; margin-right:10px; padding:0;}
.mobile-menu .nav .lang.mbl ul li a{font-family: 'space_groteskregular'; padding:0px;  display:flex; align-items: center;justify-content: center; position: relative;}
.mobile-menu .nav .lang.mbl ul li a:after{position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 2px; background: #fff; display: none; transition:all .5s ease; }
.mobile-menu .nav .lang.mbl ul li a:hover:after, .mobile-menu .nav .lang.mbl ul li a.active:after{display: block;}
.mobile-menu .nav .lang.mbl ul li a:hover, .mobile-menu .nav .lang.mbl ul li a.active{color: #fff;}
.mobile-menu .logo a{font-size: 20px; line-height: 30px; color: #fff;}
.lang-mob { margin: 0%; border-top:1px solid #333333; border-bottom:1px solid #333333; padding: 35px 0; float: left; width: 100%; }
.lang-mob ul { margin: 0; text-align:center;}
.lang-mob ul li { float: none; margin-right: 20px; margin-bottom: 0; display:inline-block;}
.lang-mob ul li a { padding: 0; position: relative; z-index: 1; }
.lang-mob ul li a:hover { color: #676767; }
.lang-mob ul li a.select { position: relative; z-index: 1;  font-family: 'FoundersGrotesk-Medium';}
.lang-mob ul li a.select::after { position: absolute; display: block; content: ""; left:0 ; bottom: -3px; height: 1px; background: #000; width: 100%; z-index:-1; }
.lang-mob ul li a::after { position: absolute; display: block; content: ""; left:0 ; bottom: -3px; height: 1px; background: #000; width: 0%; z-index:-1; transition: all 0.3s ease; }
.lang-mob ul li a:hover::after { width: 100%; }
.is-sticky .m-menu span{background: #fff;}
.inner-header .m-menu span{background:#000;}
.mob-icon { display:none;}
footer{float:left; width:100%; background:#2C2C2C; padding:50px 0; position: relative;}
.foot-top{float:left; width:100%; margin-bottom: 40px;}
.foot-lft{ float: left; width: 50%; display: flex;flex-wrap: wrap;column-gap: 50px;}
.foot-lft ul li{ width:auto; margin-bottom: 5px;}
.foot-lft ul li:last-child { margin-right: 0px;}
.foot-lft ul li p, .foot-lft ul li{font-size: 18px; line-height: 28px;color:#fff;font-family: 'space_groteskregular';}
.foot-lft ul li a{font-size: 18px; line-height: 28px;color:#fff;font-family: 'space_groteskregular'; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
.foot-lft ul li a:hover{color:rgba(110, 165, 125, 60%);}
.foot-rgt{ float: right; width: 50%; text-align: right;}
.foot-rgt p{transition:all .5s ease; color: #fff; float: left; font-family: 'space_groteskregular'; font-size: 20px; line-height: 35px; float: right;}
.foot-mid{float:left; width:100%; margin-bottom: 25px; display: flex;justify-content: space-between;align-items: center;}
.foot-mid ul.avis{float:left; width:auto; display: flex; flex-wrap: wrap; column-gap: 16px; row-gap: 0;}
.foot-mid ul.avis li{flex: 0 1 auto; position: relative;}
.foot-mid ul.avis li a{font-size: 18px; line-height: 28px;color:#fff;font-family: 'space_groteskregular'; transition:all .5s ease;}
.foot-mid ul.avis li:after{position: absolute; content: ""; right: -8px; top: 5px; width: 1px; height: 15px; background: #fff;}
.foot-mid ul.avis li:last-child:after{display: none;}
.foot-mid ul.coac{float:left; width:auto;display: flex; flex-wrap: wrap; column-gap: 40px; row-gap: 0;}
.foot-mid ul.coac ul li{flex: 0 1 auto;}
.foot-mid ul.avis li a:hover{color:rgba(110, 165, 125, 60%);}
.foot-mid ul.coac li a,.foot-mid ul.coac ul li a img{float: left;transition:all .5s ease;}
.foot-mid ul.coac li a:hover img{opacity: 0.6;}
.foot-btm {float: left; width: 100%; border-top: 1px solid rgba(140,143,130,50%); padding-top: 25px;}
.foot-btm ul{float: left; width: 100%; text-align: left; display: flex; flex-wrap: wrap; column-gap: 60px; align-items: center;}
.foot-btm ul li{flex: 0 1 auto;}
.foot-btm ul li:first-child {margin-left: 0;}
.foot-btm ul li a, .foot-btm ul li, .foot-btm ul li p { float: left;font-family: 'space_groteskregular';font-size: 18px; line-height: 27px; color: #ffffff; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
.foot-btm ul li a:hover{ color:rgba(255, 255, 255, 60%);}
.foot-btm ul li a img {transition:all .5s ease;}
.foot-btm ul li a:hover img {opacity: 0.6;}
.foot-btm ul li p {width:100%;}
.service-sec{float:left; width:100%; background: #F6F6F6; padding: 80px 0 50px 0;}
.service-inner{float:left; width:100%;padding-bottom: 80px; border-bottom: 1px solid rgba(140, 143,130,50%);}
.service-inner ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 8%; row-gap: 0;}
.service-inner ul li{flex: 0 1 46%;}
.service-inner ul li h3{float:left; width:100%; margin-bottom: 15px; font-family: 'space_groteskmedium'; font-size: 28px; line-height: 35px; color: #2C2C2C;}
.service-inner ul li p{float:left; width:100%; color: #878578; font-family: 'space_groteskregular'; font-size: 24px; line-height: 32px; margin-bottom: 35px;}
.service-inner ul li a{color: #6EA57D; font-size: 21px; line-height: 30px; font-family: 'space_groteskregular'; background: #F6F6F6; border: 1px solid #6EA57D; border-radius: 25px; height: 50px; width: 180px; float: left; padding: 5px 30px;display: flex;align-items: center; justify-content: center; transition:all .5s ease;}
.service-inner ul li a:hover {background:#6EA57D; color: #fff;}
.project-list{width: 100%; float: left; padding-top: 25px;}
.project-list h2{width: 100%; float: left; color: #2C2C2C; font-size: 42px; line-height: 50px; font-family: 'space_groteskmedium'; margin-bottom: 40px;}
.grid-wrapper{width: 100%; float: left; margin-bottom: 70px;}
.grid-wrapper ul {width: 100%; float: left; display: grid; grid-gap: 30px; grid-template-columns: 323px repeat(auto-fit, minmax(275px, 1fr)) 323px;	grid-auto-rows: 545px; grid-auto-flow: dense; grid-row-gap: 110px;}
.grid-wrapper ul li.wide { grid-column: span 2; }
.grid-wrapper ul li.tall { grid-row: span 2;}
.grid-wrapper ul li.big { grid-column: span 2; grid-row: span 2; }
.grid-wrapper ul li .prj-img{ width: 100%; height: 100%; float: left; margin-bottom: 20px; overflow: hidden; transition:all .5s ease;}
.grid-wrapper ul li .prj-img img{width: 100%; float: left; height: 100%; object-fit: cover; transition:all .5s ease; }
.grid-wrapper ul li:hover .prj-img img {opacity: 70%;}
.grid-wrapper ul li .prj-cnt{width: 100%; float: left;}
.grid-wrapper ul li .prj-cnt p{width: 100%; float: left; color: #878578; font-family: 'space_groteskmedium'; font-size: 18px; line-height: 24px; transition:all .5s ease; }
.grid-wrapper ul li .prj-cnt p span{font-family: 'space_grotesklight'; display: block;}

.ver-but{width: 100%; float: left; margin-top: 40px;}
.ver-but a {color: #6EA57D; font-size: 21px; line-height: 30px; font-family: 'space_groteskregular'; background: #F6F6F6; border: 1px solid #6EA57D; border-radius: 25px; height: 50px; width: 180px; float: left; padding: 5px 30px;display: flex;align-items: center; justify-content: center; transition:all .5s ease;}
.ver-but a:hover {background:#6EA57D; color: #fff;}

/*inner page*/
header.inner-head {position: relative; background: #f6f6f6;}
header.inner-head .logo a{color: #2C2C2C;}
header.inner-head .ddsmoothmenu ul li a{color: #878578;}
header.inner-head .nice-select .option {color: #878578;}
header.inner-head .nice-select {color: #878578; border-bottom: solid 1px #878578;}
header.inner-head .nice-select span:hover{color: #2c2c2c;}
header.inner-head .ddsmoothmenu ul li a:hover{color: #2c2c2c;}
header.inner-head .nice-select .option:hover {color: #2c2c2c;}
.top-border {width: 100%;float: left; border-top: 1px solid rgba(140, 143,130,50%); padding-top: 30px;}
.contact-sec{width: 100%; float: left; padding: 0 0 80px 0; background: #f6f6f6;}
.contact-sec h2{width: 100%; float: left; color: #2C2C2C; font-family: 'space_groteskmedium'; font-size: 42px; line-height: 48px; margin-bottom: 50px;}
.contact-inner{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 8%; row-gap: 0;}
.contact-sec h3 {float:left; width:100%;color: #2C2C2C;font-family: 'space_groteskmedium'; font-size: 28px; line-height: 35px; text-align: left; margin-bottom: 40px;}
.contact-map{width: 46%; float: left;}
.contact-map iframe{width: 100%; float: left; height: 700px;}
.contact-form{flex:0 1 46%; position: relative; }
.contact-form ul {float:left; width:100%; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 22px;}
.contact-form ul li {flex: 0 1 100%;}
.contact-form ul li label{width: auto; float: left; color: #98968A; font-size: 20px; line-height: 28px;font-family: 'space_groteskregular'; margin-bottom: 10px;}
.contact-form ul li input[type="text"], .contact-form ul li input[type="email"] {width: 100%;float: left;color: #98968A;border:none;border-bottom: 0.7px solid rgba(140, 143,130,50%);font-size: 20px; padding: 5px 0; background: none;font-family: 'space_groteskregular';line-height: 30px;}
.contact-form ul li textarea {width: 100%; float: left; color: #98968A; resize: none; border: 0.7px solid rgba(140, 143,130,50%);font-size: 20px; padding: 2px 5px 15px 5px; height: 115px;background: none;font-family: 'space_groteskregular';line-height: 30px;}
.contact-form ul li input[type="text"]:focus, .contact-form ul li input[type="email"]:focus {border-bottom: 1px solid #6EA57D;}
.contact-form ul li textarea:focus {border: 1px solid #6EA57D;}
.contact-form input[type=checkbox]:not(old){position:absolute;width:13px;height:13px;margin: 0;padding: 0;font-size : 1em;opacity: 0; cursor:pointer; display:none; left:3px; top:22px;}
.contact-form input[type=checkbox]:not(old) + span label.options{ cursor:pointer; display: inline-block;line-height: 1.5em;float:left; width:100%; font-size:16px; margin-left: 0;}
.contact-form input[type=checkbox]:not(old) + span label.options > span{display: inline-block;width:15px; height: 15px; margin: 0 5px 0 0; vertical-align: middle;border: 0.7px solid rgba(140, 143,130,50%); position:relative; background:none; border-radius: 100%;}
.contact-form input[type=checkbox]:not(old):checked + span label.options > span:before{content: '';display: inline-block; text-align: center; cursor:pointer;background:#878578; height:9px; width:9px;  position:absolute;top:2.2px; left:2.2px; border-radius: 100%;}
.contact-form strong a{color: #909090;font-family: 'space_groteskregular'; transition: all .4s ease;-moz-transition: all .4s ease;-webkit-transition: all .4s ease;-o-transition: all .4s ease;}
.contact-form strong a:hover{ opacity: 0.6;}
.contact-form ul li.check label {margin-top: 0; width:auto; margin-bottom: 4px;}
.contact-form ul li.check-1 label {width:auto;}
.contact-form input[type=checkbox]:not(old):checked + label > span.l-txt:before{ display:none;}
.contact-form ul li .check {margin-bottom: 15px; float: left; width: 100%;}
.contact-form ul li .check:first-child { margin-top: 0;}
.contact-form ul li .check:last-child { margin-bottom: 0;}
.contact-form p, .contact-form label { float: right; width: calc(100% - 24px); font-family: 'space_groteskregular'; line-height: 24px; font-size:18px; color: #878578;text-align: left; }
.contact-form p a, .contact-form label a {font-family: 'space_groteskregular'; line-height: 24px; font-size:18px; color: #878578;}
.contact-form p:last-child, .contact-form label:last-child { margin-bottom: 0;}
.contact-form ul li:last-child{margin-top: 40px;}
.contact-form ul li .c-lft{width: 65%; float: left;}
.envir-btn { float: right; width: auto; max-width: 35%;}
.envir-btn input[type="button"], .envir-btn input[type="submit"] { border-radius: 60px; border:none; background:transparent; color:#6EA57D; font-size:21px; font-family: 'space_groteskregular'; border: 1px solid #6EA57D; width:182px; padding:14px 10px; cursor:pointer;  transition:all 0.5s ease; }
.envir-btn input[type="button"]:hover, .envir-btn input[type="submit"]:hover { background:#6EA57D; color:#fff;} 

/*perfil-sec*/
.perfil-sec{width:100%; float: left; padding: 0 0 50px 0; background: #f6f6f6;}
.perfil-sec h1{width: 100%; float: left; color: #2C2C2C; font-size: 48px; line-height: 54px; font-family: 'space_groteskmedium';  margin-bottom: 30px;}
.perfil-sec h2{width: 100%; float: left; color: #2C2C2C; font-size: 42px; line-height: 48px; font-family: 'space_groteskmedium';  margin-bottom: 25px;}
.perfil-inner{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 0;}
.perfil-title{flex: 0 1 23%;}
.perfil-cont{flex: 0 1 49%; padding-right: 132px;}
.perfil-img{flex: 0 1 24%;}
.perfil-img img{float: left; width: 100%;}
.perfil-cont-inner{width: 100%; float: left; margin-bottom: 35px;}
.perfil-sec h5{width: 100%; float: left; color: #2C2C2C; font-size: 28px; line-height: 35px; font-family: 'space_groteskmedium';}
.perfil-sec h4{width: 100%; float: left; color: #2C2C2C; font-family: 'space_groteskbold'; font-size: 20px; line-height: 28px; margin-bottom: 12px;}
.perfil-sec p, .perfil-sec ul li{width: 100%; float: left; color: #98968A; font-family: 'space_groteskregular'; font-size: 20px; line-height: 28px; margin-bottom: 20px;}
.perfil-sec ul {list-style: disc; padding: revert; margin-top: 10px; float: left; width: 100%;}
.perfil-sec ul li {list-style: inherit;}
.perfil-cont-inner p:last-child{margin-bottom: 0;}
.perfil-cont-inner:last-child{margin-bottom: 0;}
.serveis-sec{width:100%; float: left;background: #f6f6f6; padding: 30px 0 80px 0;}
.serveis-inner{width:100%; float: left; display: flex; flex-wrap: wrap; column-gap: 15%; row-gap: 0; align-items: flex-end;}
.serveis-img{flex: 0 1 41%;}
.serveis-img img{width: 100%; float: left;}
.serveis-cnt{flex: 0 1 44%;}
.serveis-cnt h2{width: 100%; float: left; color: #2C2C2C; font-family: 'space_groteskmedium'; font-size: 42px; line-height: 48px; margin-bottom: 40px;}
.serveis-cnt ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 0;  border-top: 0.7px solid rgba(140, 143,130,50%); position: relative; }
.serveis-cnt ul:after{ content: ''; position: absolute; left:0px; top:0px; width:0px; height: 1px; background:rgba(75, 77, 71, 0.5); transition: all 0.5s ease; }
.is-active .serveis-cnt ul:after{ width:100%; transition-delay: 0.4s }
.serveis-cnt ul li{flex: 0 1 100%; border-bottom: 0.7px solid rgba(140, 143,130,50%); padding: 15px 0; display: flex; column-gap: 3%; position: relative;}
.serveis-cnt ul li:after{ content: ''; position: absolute; bottom:0px; left:0px; width:0px; height: 1px; background:rgba(75, 77, 71, 0.5); transition: all 0.5s ease; }

.serveis-cnt ul li .serveis-tit{flex: 0 1 37%;}
.serveis-cnt ul li .serveis-cnt{flex: 0 1 60%;}
.serveis-cnt ul li h6{width: 100%; float: left; color: #2C2C2C; font-size: 21px; line-height: 30px; font-family: 'space_groteskregular';}
.serveis-cnt ul li p{width: 100%; float: left; color: #98968A; font-size: 20px; line-height: 28px; font-family: 'space_groteskregular';}
.divulg-sec{width:100%; float: left;background: #f6f6f6; padding: 50px 0 200px 0;}
.divulg-sec h2{width: 100%; float: left; color: #2C2C2C;font-size: 42px; line-height: 48px; font-family: 'space_groteskmedium'; margin-bottom: 35px;}
.divulg-lst{width: 100%;float: left; margin-bottom: 60px;}
.divulg-lst ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 0;}
.divulg-lst ul li{flex: 0 1 100%; display: flex; column-gap: 4%; border-bottom: 0.7px solid rgba(140, 143,130,50%); padding: 15px 0; position: relative;}
.divulg-lst ul li:after{ content: ''; position: absolute; bottom:0px; left:0px; width:0px; height: 1px; background:rgba(75, 77, 71, 0.5); transition: all 0.5s ease; }

.divulg-lst ul li .ulg-date{flex: 0 1 16%;}
.divulg-lst ul li .ulg-cnt{flex: 0 1 80%; display: flex; column-gap: 3%;}
.divulg-lst ul li h3{width: 100%; float: left; font-family: 'space_groteskregular';color: #878578; font-size: 21px; line-height: 31px;}
.divulg-lst ul li h3 span{color: #2C2C2C;}
.divulg-lst ul li .lft{flex: 0 1 75%;}
.divulg-lst ul li .rgt{flex: 0 1 22%;}
.divulg-lst ul li h6{width: 100%; float: left;color: #2C2C2C; font-family: 'space_groteskregular'; font-size: 20px; line-height: 28px;}
.divulg-lst ul li p{color: #98968A; width: 100%; float: left; font-size: 20px; line-height: 28px; font-family: 'space_groteskregular';}
.divulg-lst:last-child{margin-bottom: 0;}
/*na*/
.analisi-pad{width:100%; float: left;padding-right: 100px;border-top: 1px solid rgba(140,143,130,50%);}
.analisi-sec{width:100%; float: left;background: #f6f6f6; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 0;}
.analisi-lft{flex: 0 1 49%; padding-top: 144px;}
.analisi-rgt{flex: 0 1 49%;}
.analisi-img{width: 100%; float: left; margin-bottom: 30px;}
.analisi-img img{width: 100%; float: left;}
.analisi-pad.cnt-left {width: calc(46% - 25px);}
.breadcrum{width:100%;float:left;padding:12px 0 30px 0;}
.breadcrum ul{display:flex;align-items:center;}
.breadcrum ul li{flex:0 1 auto;font-size:16px;color:#878578;position:relative;padding:0 10px 0 0;margin:0 5px 0 0;font-family: 'space_groteskregular';line-height: 20px;}
.breadcrum ul li::after{position:absolute;display:block;content:"/";font-size:14px;color:#878578;top:0;right:0;line-height: 20px;}
.breadcrum ul li:last-child::after{display:none;}
.breadcrum ul li:last-child{padding:0;margin:0;}
.breadcrum ul li a{font-family: 'space_groteskregular';transition:all 0.4s ease;color:#878578;}
.breadcrum ul li a:hover{text-decoration:underline;}
.main-menu-inner.no-border{border-bottom: none;}
header.wht .logo a{color: #2c2c2c;}
header.inner-head.wht {position: absolute;background: transparent;}
header.inner-head.wht .ddsmoothmenu ul li a{color: #ffffff;}
header.inner-head.wht .nice-select .option {color: #ffffff;}
header.inner-head.wht .nice-select {color: #ffffff; border-bottom: solid 1px #ffffff;}
header.inner-head.wht .nice-select span:hover{color: #2c2c2c;}
header.inner-head.wht .ddsmoothmenu ul li a:hover{color: #2c2c2c;}
header.inner-head.wht .nice-select .option:hover {color: #2c2c2c;}
.analisi-sec h2{width:100%;float:left; margin-bottom: 25px; color: #2C2C2C; font-family: 'space_groteskmedium'; font-size: 42px; line-height: 48px;}
.analisi-sec p{width:100%;float:left; color: #2C2C2C; font-size: 20px; line-height: 28px; font-family: 'space_groteskregular'; margin-bottom: 15px;}
.analisi-sec p.txt{color: #878578; font-size: 18px; line-height: 24px; margin-top: 180px;}
.analisi-lst{width: 100%; float: left;}
.analisi-lst ul{width: 100%;  float: left; display: flex; flex-wrap: wrap; column-gap: 4%; row-gap: 25px;}
.analisi-lst ul li{flex: 1 1 48%; overflow: hidden;}
.analisi-lst ul li img{width: 100%; float: left;transition:all .5s ease; }
.analisi-lst ul li:hover img {opacity: 70%;}
.collab-sec{width: 100%; float: left; background: #F4F4F4; padding: 165px 0;}
.collab-inner{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap:3%; row-gap: 0;}
.collab-sec h2{width: 100%; float: left; color: #2C2C2C; font-family: 'space_groteskmedium'; font-size: 42px; line-height: 48px;}
.collab-lft{ flex: 0 1 28%;}
.collab-rgt{flex: 0 1 69%; border-top: 1px solid rgba(140,143,130,50%); margin-top: 20px; position: relative; }
.collab-rgt:after{ content: ''; position: absolute; left:0px; top:0px; width:0px; height: 1px; background:rgba(75, 77, 71, 0.5); transition: all 0.5s ease; }
.is-active .collab-rgt:after{ width:100%; transition-delay: 0.4s }
.collab-sec ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 0;}
.collab-sec ul li{flex: 0 1 100%; border-bottom: 1px solid rgba(140,143,130,50%); position: relative; display: flex; column-gap: 0; padding: 15px 0;}
.collab-sec ul li .ar-lft{flex: 0 1 29%; padding-right: 60px;}
.collab-sec ul li .ar-rgt{flex: 0 1 71%;}
.collab-sec ul li .ar-rgt p{color: #2c2c2c; transition:all .5s ease;}
.collab-sec ul li p{width: 100%; float: left; font-family: 'space_groteskregular'; color: #98968A; font-size: 20px; line-height: 28px; text-transform: uppercase; transition:all .5s ease;}
.collab-sec ul li:after{ content: ''; position: absolute; bottom:0px; left:0px; width:0px; height: 1px; background:rgba(75, 77, 71, 0.5); transition: all 0.5s ease; }
.is-active ul li:after{ width:100%;  transition-delay: 0.4s }
.is-active ul li:nth-child(1):after{ transition-delay: 0.7s }
.is-active ul li:nth-child(2):after{ transition-delay: 1.0s }
.is-active ul li:nth-child(3):after{ transition-delay: 1.3s }
.is-active ul li:nth-child(4):after{ transition-delay: 1.6s }
.is-active ul li:nth-child(5):after{ transition-delay: 1.9s }
.is-active ul li:nth-child(6):after{ transition-delay: 2.2s }
.is-active ul li:nth-child(7):after{ transition-delay: 2.5s }
.is-active ul li:nth-child(8):after{ transition-delay: 2.8s }
.is-active ul li:nth-child(9):after{ transition-delay: 3.1s }
.is-active ul li:nth-child(10):after{ transition-delay: 3.4s }
.is-active ul li:nth-child(11):after{ transition-delay: 3.7s }
.is-active ul li:nth-child(12):after{ transition-delay: 4s }
.is-active ul li:nth-child(13):after{ transition-delay: 4.3s }
.is-active ul li:nth-child(14):after{ transition-delay: 4.6s }
.is-active ul li:nth-child(15):after{ transition-delay: 4.9s }

.altres-sec {width: 100%; float: left; background: #F4F4F4; padding: 0 0 55px 0;}
.altres-sec h2{width: 100%; float: left; color: #2C2C2C; font-family: 'space_groteskmedium'; font-size: 42px; line-height: 48px;}
.altres-lft{ width: 28%; float: left; margin-right: 3%;}
.altres-rgt{width: 69%; float: right; border-top: 1px solid rgba(140,143,130,50%); padding-top: 60px; margin-top: 20px;}
#altres-list{width: 100%; float: left;}
#altres-list .item{width: 100%; float: left;}
#altres-list .item .altres-img{width: 100%; float: left; overflow: hidden;}
#altres-list .item .altres-img img{width: 100%; float: left; transition:all .5s ease; }
#altres-list .item:hover .altres-img img{opacity: 70%;}
#altres-list .item .altres-cnt{width: 100%; float: left; padding-top: 20px;}
#altres-list .item .altres-cnt p{width: 100%; float: left; color: #878578; font-size: 18px; line-height: 24px; font-family: 'space_groteskmedium';transition:all .5s ease;}
#altres-list .item .altres-cnt p span{font-family: 'space_grotesklight'; display: block;}

#sc-button { display: none;position: fixed;right: 5%;bottom: 70px;z-index: 999;width: 50px;height: 50px;background: transparent;border: 1px solid #A5A59B; border-radius: 100px;transition: all .5s ease;}
#sc-button span { background: url("../images/scroll-arw.svg") no-repeat scroll 0 0; transition:all .5s ease; position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%); width: 21px;height: 20px;}
#sc-button:hover {opacity: 70%;}
#sc-button.show {display: block;}
.projects-sec{width: 100%; float: left; padding: 0 0 100px 0; background: #f6f6f6;}
.projects-sec h2{width: 100%; float: left; color: #2C2C2C; font-family: 'space_groteskmedium'; font-size: 42px; line-height: 48px; margin-bottom: 18px;}
.projects-lst{float: left; width: 100%;}
.mixitp-main-sec { float: left; width: 100%; padding: 50px 0 0 0;}
.mixitp-lst { float: left; width: 100%;}
.filter-lst { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 30px;}
.filter-lst .controls { float: left; width: auto; display: flex; flex-wrap: wrap; column-gap: 30px;}
.filter-lst .controls button.filter { float: left; width: auto; cursor: pointer; font-family: 'space_groteskregular'; color: #878578; font-size: 18px; line-height: 24px; background: transparent; border: none; padding: 0;}
.filter-lst .controls button.filter.active {color: #2C2C2C;}
.filter-lst .controls button.filter:hover {color: #2C2C2C;}
.mixitp-lst .container { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 40px;}
.mixitup-main { float: left; width: 100%;}
.grid-wrapper{width: 100%; float: left;}
.grid-wrapper.grid-irta {width: 100%; float: left; display: grid; grid-gap: 30px; grid-template-columns: 323px repeat(auto-fill, 323px) 323px;	grid-auto-rows: 550px; grid-auto-flow: dense; grid-row-gap: 110px;}
.grid-wrapper.grid-irta div .prj-img{ position: relative; width: 100%; height: 100%; float: left; margin-bottom: 20px; overflow: hidden; transition:all .5s ease;}
.grid-wrapper.grid-irta div .prj-img img{width: 100%; float: left; height: 100%; object-fit: cover; transition:all .5s ease; }
.grid-wrapper.grid-irta div .prj-img img.nrl-img{ position: relative; }
.grid-wrapper.grid-irta div .prj-img img.abs-img{ position:absolute; display: none; opacity: 0px; }

.grid-wrapper.grid-irta div.nrml .prj-img img.nrl-img{ position: absolute; top: 0px; left: 0px; }
.grid-wrapper.grid-irta div.nrml .prj-img img.abs-img{ position:relative; display:block; }

.grid-wrapper.grid-irta div:hover .prj-img img {opacity: 70%;}
.grid-wrapper.grid-irta div .prj-cnt{width: 100%; float: left;}
.grid-wrapper.grid-irta div .prj-cnt p{width: 100%; float: left; color: #878578; font-family: 'space_groteskmedium'; font-size: 18px; line-height: 24px; transition:all .5s ease; }
.grid-wrapper.grid-irta div .prj-cnt p span{font-family: 'space_grotesklight'; display: block;}

.mixitp-lst.noticias .container .mix {flex: 0 1 32%; display: none;}
.grid-wrapper.grid-irta div.wide {grid-column: span 2;}
.grid-wrapper.grid-irta div.tall { grid-row: span 2;}
.grid-wrapper.grid-irta div.nrml { grid-row: span 1;grid-column: span 1;}
.grid-wrapper.grid-irta.last{grid-template-columns: 327px repeat(auto-fill, 310px) 310px;grid-auto-rows: 555px;}

.otgs-development-site-front-end {display:none;}

.owl-carousel .owl-item .altres-img img { width: 100%; float: left; height: 360px; object-fit: cover;}