/*
Theme Name: Aqua4d
Description: Aqua4d theme
Author: urbsdc.com
Version: 999
Author URI: www.urbsdc.com
*/

html, body, div, span, applet, object, iframe, img,
h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font,ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
center, i{font-family: 'Roboto', sans-serif;font-weight: normal;  border:0;outline:0;color:#11172f;text-decoration:none;font-size:14px;}
*{margin:0;padding:0}
body{line-height:1}
div{box-sizing: border-box;}
:focus{outline:0}s
ol, ul{list-style:none}
table{border-collapse:collapse;border-spacing:0;}
blockquote, q{quotes:"" ""}
hr{border:0;color:#FFFFFF;}
blockquote:before, blockquote:after, q:before, q:after{content:""}
strong{color:#11172f;font-weight:400;}
html,body{width:100%;margin:0;padding:0; overflow-x:hidden;}
html.sr .load-hidden {visibility: hidden;}
.tipo1{font-family: 'Roboto', sans-serif!important;}
.tipo2{font-family: 'Open Sans', sans-serif!important;}
.margintop80{margin-top: 160px}
.margintop40{margin-top: 80px}

/*slideshow*/
.cycle-slideshow{height: 100%; width: 100%;}
.cycle-slideshow.enproyectos{height: auto}
.cycle-slideshow img{max-width:100%;width:100%; max-height:100%;}
.cycle-slide {-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover;height: 100%;width: 100%;}
.cycle-slide > .descr{position: absolute; top: 58%; text-align: center; color: white; font-size: 24px; width: 100%;}
.cycle-pager {display: block;margin: 0 auto;text-align: center; width: 100%; bottom: 140px; z-index: 998; position: absolute;}
.cycle-pager.enproyectos {display: block;margin: 0 auto;text-align: center; width: 100%; bottom: 150px; z-index: 998; position: relative;}
.cycle-pager a{display:inline-block;width:18px;height:18px;margin-left:10px;margin-right:10px;background:url(images/noactiva.png) no-repeat;text-indent: -3333px;}
.cycle-pager a:last-child{margin-right:0;}
.cycle-pager a:first-child{margin-left:0;}
a.cycle-pager-active, .cycle-pager a:hover{background:url(images/activa.png) no-repeat;}
#cookie-law-info-again{display: none!important}

.negrita{font-weight: 500!important}
.margintop60{margin-top: 60px}
.paddingtop0{padding-top: 0!important}
.paddingbottom0{padding-top: 0!important}
.paddingbottom0{padding-bottom: 0!important}
.margintop20{margin-top: 20px!important;}
.marginbottom20{margin-bottom: 20px!important;}
.margintop40{margin-top: 20px!important; display: block; float: left}
.marginbottom60{margin-bottom: 60px!important;}

sup{color: inherit; font-size: 10px;line-height: 0;}
sup.titol{color: inherit; font-size: 19px}
sup.titol2{color: inherit; font-size: 19px}
inf{color: inherit; font-size: 10px}
/*contact form*/
.current-menu-item > a, .current-menu-ancestor > a{color: #1878f3}

.contactar .wpcf7 span{font-size: 16px; color: white}
.contactar .wpcf7 span > input{border: 0px solid white; border-bottom: 1px solid rgba(255,255,255,1); padding: 8px; text-align: left; color: white; box-sizing:border-box; font-size: 16px; width: 100%;font-family: 'Roboto'; background-color: rgba(255,255,255,0)!important; width: 80%; margin-right: 10px}
.contactar .wpcf7 .wpcf7-submit{display: inline-block; background: url(images/icon-send-blanc.svg) center center; border: 0px solid white; text-indent: -9999px;box-shadow: none;font-size: 0px;width: 30px;height: 30px;padding: 0px; cursor: pointer;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.contactar .wpcf7 .wpcf7-submit:hover{opacity:0.5}

footer .wpcf7 span > input{border: 0px solid white; border-bottom: 1px solid #1878f3; padding: 8px; text-align: left; color: white; box-sizing:border-box; font-size: 16px; width: 100%;font-family: 'Roboto'; background-color: rgba(255,255,255,0)!important; width: 85%; margin-right: 10px}
footer .wpcf7 .wpcf7-submit{display: inline-block; background: url(images/icon-send.svg) center center; border: 0px solid white; text-indent: -9999px;box-shadow: none;font-size: 0px;width: 30px;height: 30px;padding: 0px; cursor: pointer;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
footer .wpcf7 .wpcf7-submit:hover{opacity:0.5}


.contenidobotonewsletter .wpcf7 span > input{border: 0px solid white; border-bottom: 1px solid white; padding: 8px; text-align: left; color: white; box-sizing:border-box; font-size: 16px; width: 100%;font-family: 'Roboto'; background-color: rgba(255,255,255,0)!important; width: 30%; margin-right: 10px}
.contenidobotonewsletter .wpcf7 .wpcf7-submit{display: inline-block; background: url(images/icon-send-blanc.svg) center center; border: 0px solid white; text-indent: -9999px;box-shadow: none;font-size: 0px;width: 30px;height: 30px;padding: 0px; cursor: pointer;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.contenidobotonewsletter .wpcf7 .wpcf7-submit:hover{opacity:0.5}


#wpcf7-f445-p23-o1 label, #wpcf7-f445-p23-o1 span, .formulariocontacto label, .formulariocontacto span{font-size: 16px; color: white; display: block; margin-top: 10px}
#wpcf7-f445-p23-o1 span > input, #wpcf7-f445-p23-o1 span > textarea, #wpcf7-f445-p23-o1 span > select, .formulariocontacto span > input, .formulariocontacto span > textarea, .formulariocontacto span > select{border: 1px solid #1878f3; padding: 8px; text-align: left; color: white; box-sizing:border-box; font-size: 16px; width: 100%;font-family: 'Roboto'; background-color: rgba(255,255,255,0)!important; width: 100%; margin-right: 10px}
#wpcf7-f445-p23-o1 .wpcf7-submit, .formulariocontacto .wpcf7-submit{ font-family: 'Roboto'; border: 2px solid #1878f3; padding: 5px 30px 5px 30px; border-radius: 15px; color: #1878f3; background-color: rgba(255,255,255,0); cursor: pointer; font-size: 16px;float: right}

/*flexat*/
.flexat{display: inline-flex; width: 100%; flex-wrap: wrap;}
.flexat.dalt{align-items: flex-start}
.flexat.baix{align-items: flex-end}
.flexat.centre{align-items: center}
.flexat.mismaaltura{align-items: stretch;}
.flexat.inici{justify-content: flex-start}
.flexat.final{justify-content: flex-end}
.flexat.centrat{justify-content: center}
.flexat.total{justify-content: space-between}

/*otras generales*/
.oculto{display: none}
a{-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
a:hover{opacity: 0.6}
.bloque{display: block}
.foto100{width: 100%; height: auto;}

/*menumobil*/
#iconmenu {display: block; cursor: pointer; padding: 0; transition: opacity 0.5s ease-in-out; transition: background 0.1s ease-in-out; position: absolute; top: 40px; right: 40px;z-index: 4;}
#iconmenu > .bar1, #iconmenu > .bar2 , #iconmenu > .bar3 {width: 30px;height: 4px;background-color: #333;margin: 6px 0;transition: 0.4s;}
#iconmenu:hover > .bar1, #iconmenu:hover > .bar2, #iconmenu:hover > .bar3{background-color: #999}
.change.bar1 { -webkit-transform: rotate(-45deg) translate(-6px, 9px) ;transform: rotate(-45deg) translate(-6px, 9px) ;}
.change.bar2 {opacity: 0!important;}
.change.bar3 { -webkit-transform: rotate(45deg) translate(-5px, -9px) ;transform: rotate(45deg) translate(-5px, -9px) ;}


/*homepage*/
body > header{position: fixed; top: 0; left: 0; width: 100%; padding: 20px 40px 5px 40px; box-sizing: border-box; background-color: white; z-index: 99997}
main{margin-top: 100px}
.logo > img{width: 200px; height: auto;}
.logoprincipal{margin-top: 35px}
.menu{text-align: right}
.menu li{display: inline-block;}
#menu-social{margin-bottom: 15px;}
#menu-social > li{margin-left: 10px; width: 25px;}
#menu-social > li > a{width: 25px; height: 25px; font-size: 0px;}
#menu-social > li:nth-child(1) > a:before{display: block; width: 25px; height: 25px; content: ''; background: url(images/icon-youtube.svg) no-repeat; background-size: contain}
#menu-social > li:nth-child(2) > a:before{display: block; width: 25px; height: 25px; content: ''; background: url(images/icon-linkedin.svg) no-repeat; background-size: contain}
#menu-social > li:nth-child(3) > a:before{display: block; width: 25px; height: 25px; content: ''; background: url(images/icon-facebook.svg) no-repeat; background-size: contain}
#menu-social > li:nth-child(4) > a:before{display: block; width: 25px; height: 25px; content: ''; background: url(images/icon-instagram.svg) no-repeat; background-size: contain}

.fancybox-content{height: 100%!important}

#menu-principal {display: inline-block;}
#menu-principal > li{margin-left:  50px; position: relative}
#menu-principal > li > a{font-size: 15px; padding-bottom: 10px; font-weight: 300}
#menu-principal > li > a:hover{color: #1878f3; opacity: 1!important;}
#menu-principal > li > ul{display: none; background-color: white; padding: 25px 30px 25px 30px; position: absolute; top: 20px; left: -25px; text-align: left}
#menu-principal  li:hover > .sub-menu{display: block; width: 150px}
#menu-principal .sub-menu li{display: block; margin-bottom: 20px; line-height: 1.4em;font-weight: 300!important;}
#menu-principal .sub-menu li > a{font-weight: 300!important;white-space: nowrap;}
#menu-principal .sub-menu li > a:hover{color: #1878f3;}
#menu-principal li .sub-menu{display: none; padding: 20px 0px 0px 20px; min-width: 190px}

#menu-idiomass {display: inline-block; margin-left: 30px;}
#menu-idiomass > li {position: relative;}
#menu-idiomas > li > a{display: none!important}
#menu-idiomass > li > a{padding-bottom: 15px;padding-right: 32px;font-weight: 300;}
#menu-idiomass > li > a:hover{color: #1878f3; opacity: 1!important;}
#menu-idiomass > li:after {display: inline-block; margin-left: -20px; width: 20px; height: 20px; content: ''; background: url(images/lang.svg) no-repeat; background-size: contain; vertical-align: middle;margin-top: -4px;}
#menu-idiomass > li:hover > .menu{display: block;}
#menu-idiomass .menu{display: none; background-color: white; padding: 20px 40px 10px 20px; position: absolute; top: 20px; left :-20px}
#menu-idiomass .menu li{display: block; margin-bottom: 15px}
#menu-idiomass .menu li > a{font-weight: 300;}
#menu-idiomass .menu li > a:hover{color: #1878f3;}

.slidehome {position: relative;}
.slidehome > .cycle-slideshow, .videohome{width: 100%; height: 500px;}
.fondovideo{background: linear-gradient(90deg, rgba(18,23,46,0.6) 0%, rgba(18,23,46,0.6) 100%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1}
.slidehome > .infoslidehome{width: 100%; height: 100%; display: inline-flex; align-items: center; padding-left: 40px; box-sizing: border-box;position: absolute; top: 0px; left: 0; z-index: 1000;}
.slidehome > .infoslidehome > div{width: 100%;}
.slidehome > .infoslidehome > div > h1{color: white; font-size: 35px; line-height: 1.2em; width: 40%; margin-bottom: 40px; font-weight: 100}
.slidehome > .infoslidehome > div > h2{color: white; font-size: 16px; line-height: 1.6em; width: 40%; margin-bottom: 40px; font-weight: 100}

.slidehome2 {position: relative;}

.slidehome2{background: url(images/Animation.svg) no-repeat #12172e; background-position: center right; background-size: auto 100%}

.slidehome2 > .infoslidehome2{width: 100%; padding: 40px; box-sizing: border-box; padding-left: 40px; padding-top: 80px; padding-bottom: 80px; margin-bottom: 80px; }
.slidehome2 > .infoslidehome2 > .conbarraverde:beforezzzzzz{position: absolute; content:''; width: 5px; height: 80px; background-color: #00cc8a; display: inline-block}
.slidehome2 > .infoslidehome2 h2{color: white; font-size: 36px; line-height: 1.6em; margin-bottom: 30px; font-weight: 500}
.slidehome2 > .infoslidehome2 h4{color: white; font-size: 16px; line-height: 1.6em; font-weight: 500; color: #1878f3;}
.slidehome2 > .infoslidehome2 h3{color: white; font-size: 16px; line-height: 1.6em; margin-bottom: 40px}


.slidehome2 > .infoslidehome2 > .nube {display: inline-flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; max-width: 60%}
.slidehome2 > .infoslidehome2 > .nube > div{padding: 10px 20px 10px 20px; border-radius: 25px; margin-right: 25px; margin-bottom: 20px; -webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.slidehome2 > .infoslidehome2 > .nube > div.estilo1{border: 2px solid #1878f3; background-color: #12172e}
.slidehome2 > .infoslidehome2 > .nube > div.estilo1:hover{border: 2px solid #00cc8a; background-color: #00cc8a; opacity: 1!important}
.slidehome2 > .infoslidehome2 > .nube > div.estilo2{border: 2px solid #1878f3; background-color: #12172e}
.slidehome2 > .infoslidehome2 > .nube > div.estilo2:hover{border: 2px solid #ff961f; background-color: #ff961f; opacity: 1!important}
.slidehome2 > .infoslidehome2 > .nube > div.estilo3{border: 2px solid #1878f3; background-color: #12172e}
.slidehome2 > .infoslidehome2 > .nube > div.estilo3:hover{border: 2px solid #eb402e; background-color: #eb402e; opacity: 1!important}
.slidehome2 > .infoslidehome2 > .nube > div.estilo4{border: 2px solid #1878f3; background-color: #12172e}
.slidehome2 > .infoslidehome2 > .nube > div.estilo4:hover{border: 2px solid #00cc8a; background-color: #00cc8a; opacity: 1!important}
.slidehome2 > .infoslidehome2 > .nube > div.estilo5{border: 2px solid #1878f3; background-color: #12172e}
.slidehome2 > .infoslidehome2 > .nube > div.estilo5:hover{border: 2px solid #00cc8a; background-color: #00cc8a; opacity: 1!important}
.slidehome2 > .infoslidehome2 > .nube > div:hover > a{color: #ffffff; opacity: 1!important}
.slidehome2 > .infoslidehome2 > .nube > div > a{font-weight: 500; color: #1878f3;}

.godownhome{position: absolute; z-index: 110; left: 49.5%; bottom: 10px; }
.godownhome img{width: 20px;height: 20px; cursor: pointer;}

.boton{border-radius: 25px; border: 2px solid #1878f3; text-align: center; padding: 10px 20px 10px 20px; color: white; font-weight: 400; letter-spacing: 1px; }
.boton:hover{background: #1878f3; opacity: 1!important}

.botoninvertido{border-radius: 25px; border: 2px solid #1878f3; text-align: center; padding: 10px 20px 10px 20px; color: #1878f3; font-weight: 400;letter-spacing: 1px; }
.botoninvertido:hover{background: #1878f3; opacity: 1!important; color: white;}

.botonnaranja{border-radius: 25px; border: 2px solid #ff961f; text-align: center; padding: 10px 20px 10px 20px; color: #ff961f; font-weight: 400;letter-spacing: 1px; }
.botonnaranja:hover{background: #ff961f; opacity: 1!important; color: white;}

.botonrojo{border-radius: 25px; border: 2px solid #eb402e; text-align: center; padding: 10px 20px 10px 20px; color: #eb402e; font-weight: 400;letter-spacing: 1px; }
.botonrojo:hover{background: #eb402e; opacity: 1!important; color: white;}

.botoninvertido2{border-radius: 25px; border: 2px solid #1878f3; background-color: #1878f3; text-align: center; padding: 10px 30px 10px 30px; color: white; font-weight: bold }
.botoninvertido2:hover{background: none; color: #1878f3;opacity: 1!important}

.botonfondoverde{border-radius: 25px; border: 2px solid white;  text-align: center; padding: 10px 30px 10px 30px; color: white; font-weight: bold }
.botonfondoverde:hover{border-radius: 25px; border: 2px solid white;  text-align: center; padding: 10px 30px 10px 30px; color: #00cc8a; background-color:white;  font-weight: bold; opacity: 1!important }

.botonfondoazul{border-radius: 25px; border: 2px solid white;  text-align: center; padding: 10px 30px 10px 30px; color: white; font-weight: bold }
.botonfondoazul:hover{border-radius: 25px; border: 2px solid white;  text-align: center; padding: 10px 30px 10px 30px; color: #1878f3; font-weight: bold; background-color: white; opacity: 1!important}

.botonverde{border-radius: 25px; border: 2px solid #00cc8a; text-align: center; padding: 10px 20px 10px 20px; color: #00cc8a; font-weight: 400;letter-spacing: 1px; }
.botonverde:hover{background: #00cc8a; opacity: 1!important; color: white;}

.newsletterbanner{background-color: #1878f3; width: 100%; padding: 10px; line-height: 0; display: inline-flex; justify-content: flex-end; align-items: flex-start; flex-wrap: wrap}
.newsletterbanner > div:nth-child(1), .newsletterbanner > div:nth-child(2){padding-top: 12px;color: white; font-size: 18px; text-align: center; width: calc(100% - 40px);font-weight: 100}
.newsletterbanner > div:nth-child(2){display: none}
#botonewsletter{width: 20px; height: 20px; cursor: pointer}
#botonnewslettertexto{cursor: pointer;}
.home1{ padding-top: 80px; padding-bottom: 80px;}
.home1 > h4{font-weight: 500; color: #1878f3; font-size: 16px; margin-bottom: 20px; padding-left: 40px;}
.home1 > h2{font-weight: 500; color: #11172f; font-size: 36px; margin-bottom: 30px;  padding-left: 40px;}
.home1 > h3{font-weight: 100; color: #11172f; font-size: 16px; margin-bottom: 20px;line-height: 1.4em; width: 40%;  padding-left: 40px;}

.flexathomeindustria{width: 33.33%; position: relative;background-color: #11172f;}
.flexathomeindustria > h2{width: 100%; padding: 40px 40px 20px 40px; font-size: 26px;  box-sizing: border-box; background-color: white;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; font-weight: 400}



.flexathomeindustria > h2:before{display: block; margin-bottom: 20px; width: 60px; height: 5px; content: '';}
.flexathomeindustria > .foto{width: 100%; height: 400px; opacity: 0.6;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.flexathomeindustria > .foto.hover{opacity: 1}
#flexathomeindustria1 > h2{color: #00cc8a}
#flexathomeindustria1 > h2:before{background-color: #00cc8a}
#flexathomeindustria2 > h2{color: #ff961f}
#flexathomeindustria2 > h2:before{background-color: #ff961f}
#flexathomeindustria3 > h2{color: #eb402e}
#flexathomeindustria3 > h2:before{background-color: #eb402e}
.flexathomeindustria > a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.borderbott{width: 100%; height: 0px; position: absolute; bottom: 0; z-index: 1;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
#flexathomeindustria1 > .borderbott{background-color: #00cc8a}
#flexathomeindustria2 > .borderbott{background-color: #ff961f}
#flexathomeindustria3 > .borderbott{background-color: #eb402e}
.borderbott.hover{height: 10px;}


.home2{padding: 0px 40px 80px 40px;}
.flexat3logos{width: 15%; margin-left: 7%; margin-right: 7%; text-align: center;}
.flexat3logos:nth-child(1),.flexat3logos:nth-child(2),.flexat3logos:nth-child(3){margin-bottom: 60px}
.flexat3logos > a > img{max-height: 90px;}

.flexat4logos{width: 15%; margin-left: 5%; margin-right: 5%; text-align: center;}
.flexat4logos > a > img{max-height: 90px; max-width: 100%;}

.home3old{background-color: #12172e;padding: 80px 40px 80px 40px; background: url(images/Animation.svg) no-repeat #12172e; background-position: center right; background-size: auto 100%}
.home3{background-color: #12172e;padding: 80px 40px 80px 40px;}
.home3 > h4{font-weight: 500; color: #1878f3; font-size: 16px; margin-bottom: 20px;}
.home3 > h2{font-weight: 500; color: white; font-size: 36px; margin-bottom: 30px;}
.home3 > h3{font-weight: 100; color: white; font-size: 16px; margin-bottom: 60px; line-height: 1.6em; width: 40%;font-family: 'Open Sans', sans-serif!important;}
.flexat3info{width: 20%; margin-left: 5%; margin-right: 5%; border-left: 2px solid #1878f3; padding-left: 20px; color: #1878f3; font-family: 'Open Sans', sans-serif; font-size: 16px}
.flexat3info > span{color: #1878f3; display: block; margin-bottom: 20px; font-size: 40px; font-weight: bold}

.home4{line-height: 0;}
.home4 > div > .flexat2video{width:50%; position: relative;}
.home4 > div > .flexat2video:nth-child(2){background-color: #1878f3; padding: 200px 40px 200px 40px; text-align: center}
.home4 > div > .flexat2video:nth-child(2) > h2{font-weight: 500; display: block; color: white; font-size: 34px; margin-bottom: 10px; line-height: 1.2em}
.home4 > div > .flexat2video:nth-child(2) > h3{color: white; font-size: 34px; line-height: 1.2em}
.flexat2video > a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
div.fancybox-bg{background-color: rgba(0,0,0,0.90)!important}

.home5{padding: 80px 40px 80px 40px;}
.flexat3testimonials{width: 23%; margin-right: 2%; margin-left: 2%; position: relative;}
.flexat3testimonials > div:nth-child(1){border-radius: 200px; width: 200px; height: 200px;position: relative;}
.flexat3testimonials > div:nth-child(2) > a:hover{opacity: 1!important}
.flexat3testimonials > div:nth-child(1):hover ~ div:nth-child(2){background-color: #1878f3}
.flexat3testimonials > div:nth-child(1):hover ~ div:nth-child(2) > h2{color: white;}
.flexat3testimonials > div:nth-child(1):hover ~ div:nth-child(2) > h3{color: white;}
.flexat3testimonials > div > a:hover ~ div{background-color: #1878f3}
.flexat3testimonials > div:nth-child(1) > a:hover ~ div > h2{color: white;}
.flexat3testimonials > div:nth-child(1) > a:hover ~ div > h3{color: white;}
.flexat3testimonials > div > a:hover ~ div > h2{color: white;}
.flexat3testimonials > div > a:hover ~ div > h3{color: white;}
.flexat3testimonials > div:nth-child(2){margin-top: -65px; margin-left: 40px; padding: 80px 30px 50px 30px; border: 2px solid #1878f3; box-sizing: border-box;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;height: calc(100% - 170px);}
.flexat3testimonials > div > h2{color: #1878f3; margin-top: 40px; font-weight: 500;font-size: 14px;line-height: 1.4em;}
.flexat3testimonials > div > h3{color: #12172e; line-height: 1.6em;font-size: 16px;}
.flexat3testimonials > div > a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.flexat3testimonials > div:hover {background-color: #1878f3}
.flexat3testimonials > div:hover > h3 {color: white;}
.flexat3testimonials > div:hover > h2{color: white;}

.home6{background-color: #12172e;padding: 40px 40px 80px 40px;}
.home6 > p{display: block; width: 300px; margin: 0 auto; }
.home6 > .flexat.total.centre{margin-bottom: 60px; justify-content: center!important}
.flexat2circular:nth-child(1){width: 40%; margin-right: 10%;  position: relative;}
.flexat2circular:nth-child(2){width: 40%; margin-right: 10%; position: relative;}
.flexat2circular:nth-child(2){height: 450px; max-width: 620px}
.flexat2circular > h4{font-weight: 500; color: #1878f3; font-size: 16px; margin-bottom: 20px;}
.flexat2circular > h2{font-weight: 500; color: white; font-size: 36px; margin-bottom: 30px;}
.flexat2circular > h3{font-weight: 100; color: white; font-size: 16px; line-height: 1.6em;font-family: 'Open Sans', sans-serif;}
.flexat2circular > h3 a{font-weight: bold;font-size: 16px; line-height: 1.6em;font-family: 'Open Sans', sans-serif;color: #1878f3;}
.flexat2circular > .base{position: absolute; top: 0; left: 0;width: 100%;z-index: 0; height: auto}
.flexat2circular > .graph1espai{ width: 50%; height: 30%; z-index: 2; position: absolute; top: 0; left: 0; cursor: pointer;}
.flexat2circular > .graph5espai{ width: 39%; height: 40%; z-index: 2; position: absolute; top: 30%; left: 0; cursor: pointer;}
.flexat2circular > .graph4espai{ width: 15%; height: 39%; z-index: 2; position: absolute; bottom: 0%; left: 43%; cursor: pointer;}
.flexat2circular > .graph3espai{ width: 39%; height: 29%; z-index: 2; position: absolute; top: 42%; right: 0; cursor: pointer;}
.flexat2circular > .graph2espai{ width: 46%; height: 34%; z-index: 2; position: absolute; top: 0; right: 0; cursor: pointer;}
.flexat2circular > .graph1{position: absolute; top: 0; left: 0;width: 100%; height: auto; z-index: 1; opacity: 0.2;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; cursor: pointer}
.flexat2circular > .graph2{position: absolute; top: 0; left: 0;width: 100%; height: auto; z-index: 1; opacity: 0.2;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; cursor: pointer}
.flexat2circular > .graph3{position: absolute; top: 0; left: 0;width: 100%; height: auto; z-index: 1; opacity: 0.2;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; cursor: pointer}
.flexat2circular > .graph4{position: absolute; top: 0; left: 0;width: 100%; height: auto; z-index: 1; opacity: 0.2;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; cursor: pointer}
.flexat2circular > .graph5{position: absolute; top: 0; left: 0;width: 100%; height: auto; z-index: 1; opacity: 0.2;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; cursor: pointer}
.flexat2circular > .graph1.activo, .flexat2circular > .graph2.activo, .flexat2circular > .graph3.activo, .flexat2circular > .graph4.activo, .flexat2circular > .graph5.activo{opacity: 1;}
.atope{opacity: 1!important}
.flexat3circular{width: 24%; margin-left: 3%; margin-right: 3%; -webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.flexat3circular:hover::before{opacity: 1!important}
.flexat3circular:hover > h3 {opacity: 1}
.flexat3circular:nth-child(1), .flexat3circular:nth-child(2), .flexat3circular:nth-child(3){margin-bottom: 80px}
.flexat3circular > h2{color: white; font-weight: 400; margin-bottom: 20px}
.flexat3circular > h3{color: white; font-weight: 100; font-size: 16px; line-height: 1.6em; opacity: 0.2; -webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.flexat3circular > h2:before{display: block; margin-bottom: 20px; width: 60px; height: 5px; content: ''; background-color: #1878f3}
.flexat3circular:before{display: block; margin-bottom: 20px; height: 70px; content: ''; background-size: contain}

.flexat3circular:nth-child(1):before{background: url(images/icon-home-1.svg) no-repeat; opacity: 0.3;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.flexat3circular:nth-child(2):before{background: url(images/icon-home-2.svg) no-repeat; opacity: 0.3;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.flexat3circular:nth-child(3):before{background: url(images/icon-home-3.svg) no-repeat; opacity: 0.3;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.flexat3circular:nth-child(4):before{background: url(images/icon-home-4.svg) no-repeat; opacity: 0.3;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.flexat3circular:nth-child(5):before{background: url(images/icon-home-5.svg) no-repeat; opacity: 0.3;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.flexat3circular:nth-child(6):before{background: url(images/icon-home-6.svg) no-repeat; opacity: 0.3;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.botonen100{margin-top: 80px; text-align: center; width: 100%}

.home7{padding: 80px 40px 80px 40px;position: relative;}
.home7 > .cycle-slideshow{width: calc(100% - 50px); margin-left: 30px;}
.productoenlinea{padding: 15px; box-sizing: border-box; position: relative!important; height: 620px; }

.productoenlinea > .foto{position: absolute; top: 0; left: 10px; right: 10px; height: 100%;}
.productoenlinea > .mascara{z-index: 11;position: absolute; top: 0; left: 10px; right: 10px; height: 100%; background: rgb(17,23,47); background: linear-gradient(0deg, rgba(17,23,47,1) 0%, rgba(17,23,47,0) 50%, rgba(17,23,47,1) 100%);}

.productoenlinea > .infoup{position: absolute; top: 0px; left: 0; padding: 30px; width: 100%; z-index: 12;}
.productoenlinea > .infoup > h4{margin-top: 20px;margin-bottom: 10px; font-weight: 500; color: white; font-size: 14px;white-space: normal;line-height: 1.6em;}
.productoenlinea > .infoup > h2{font-weight: 500; color: white; font-size: 22px; margin-bottom: 30px;white-space: normal;line-height: 1.4em;}
.productoenlinea > .infoup > h3{font-size: 14px; color: white; line-height: 1.6em; margin-bottom: 60px;white-space: normal;font-weight: 400;font-family: 'Open Sans', sans-serif;}
.productoenlinea > .infodown{position: absolute; bottom: 20px; left: 0; padding: 20px; width: 100%; z-index: 12;text-align: center;}
#prev{cursor: pointer;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;position: absolute; top: 50%; left: 28px;}
#prev img{width: 28px;}
#next{cursor: pointer;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;position: absolute; top: 50%; right: 22px;}
#next img{width: 28px;}
#prev:hover{opacity: 0.5; }
#next:hover{opacity: 0.5;}
#next.disabled, #prev.disabled{display: none}

footer{width: 100%;}
footer > .footerup{background-color: #11172f; padding: 40px; }
footer > .footerend{padding: 5px 5px 5px 40px; text-align: left; color: #11172f; background-color: white}

.flexatfooter2{width: 30%; margin-bottom:60px}
.flexatfooter2:nth-child(1){margin-right: 40%}
.flexatfooter4{width: 23%; margin-right: 5%}
.flexatfooter2 > h2, .flexatfooter4 > h2{color: white; font-size: 20px; margin-bottom: 20px}

#menu-social-1{margin-bottom: 15px; text-align: left}
#menu-social-1 > li{margin-right: 10px; width: 25px;}
#menu-social-1 > li > a{width: 25px; height: 25px; font-size: 0px;}
#menu-social-1 > li:nth-child(1) > a:before{display: block; width: 30px; height: 30px; content: ''; background: url(images/icon-youtube-footer.svg) no-repeat; background-size: contain}
#menu-social-1 > li:nth-child(2) > a:before{display: block; width: 30px; height: 30px; content: ''; background: url(images/icon-linkedin-footer.svg) no-repeat; background-size: contain}
#menu-social-1 > li:nth-child(3) > a:before{display: block; width: 30px; height: 30px; content: ''; background: url(images/icon-facebook-footer.svg) no-repeat; background-size: contain}
#menu-social-1 > li:nth-child(4) > a:before{display: block; width: 30px; height: 30px; content: ''; background: url(images/icon-instagram-footer.svg) no-repeat; background-size: contain}

#menu-principalfooter, #menu-legal{text-align: left;}
#menu-principalfooter > li, #menu-legal > li{display: block; margin-bottom: 5px}
#menu-principalfooter > li > a, #menu-legal > li > a{font-size: 16px; color: white; font-weight: 100}
#menu-principalfooter > li > ul, #menu-legal > li > ul{display: none;}

.flexatfooter4:nth-child(3), .flexatfooter4:nth-child(3) > a{color: white; font-weight:100; line-height: 1.6em; font-size: 16px;}


/*COMPANY*/
.contenido{padding: 80px 0px 80px 0px;position: relative;}
.headerpage{width: 100%; height: 500px; position: relative;}
.headerpage.orange{border-bottom: 10px solid #ff961f}
.headerpage.red{border-bottom: 10px solid #eb402e}
.headerpagesinfoto{width: 100%; height:300px; position: relative;background-color: #12172e;}
.headerpagevideo.irrigation{width: 100%; height: 500px; position: relative;border-bottom: 10px solid #00cc8a}
.headerpagevideo.sustainable{width: 100%; height: 500px; position: relative;border-bottom: 10px solid #ff961f}
.headerpage > h1, .headerpagesinfoto > h1, .headerpagevideo > h1{color: white;font-size: 35px;line-height: 1.2em;font-weight: 100; position: absolute; top: 50px; left: 40px; z-index: 110; text-transform: uppercase}

.headerpage > h2{color: white;font-size: 16px;line-height: 1.2em;font-weight: 100; position: absolute; top:120px; left: 40px; z-index: 110;}
.headerpage > h2 a{color: white;font-size: 16px;line-height: 1.2em;font-weight: 100;}

.headerpagesinfoto > h1{color: white;font-size: 35px;line-height: 1.2em;margin-bottom: 40px;font-weight: 100; position: absolute; top: 50px; left: 40px; z-index: 110; text-transform: uppercase}
.headerpage > h1:before, .headerpagesinfoto > h1:before {display: block;margin-bottom: 20px;width: 60px;height: 5px;content: '';background-color: #1878f3;}
h1.orange:before{background-color: #ff961f}
h1.red:before{background-color: #eb402e}
#myVideo {position:absolute;width:100%;height: 100%;top: 0; left:0;z-index: -1;object-fit: cover;}


.headerpage > .mask{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.45) 100%);}
.about1.flexat{display: inline-flex; width: 100%; justify-content: space-between; align-items: flex-start; margin-bottom: 40px; padding-top: 80px}
.about1.flexat > .flexat2:nth-child(1){width: 50%; padding: 80px; padding-left: 40px; box-sizing: border-box}
.about1.flexat > .flexat2:nth-child(2){width: 50%;}
.about1.flexat > .flexat2:nth-child(2) img{width: 100%; height: auto}
.about1.flexat > .flexat2:nth-child(1) > h4{font-weight: 500; color: #1878f3; font-size: 16px; margin-bottom: 20px; }
.about1.flexat > .flexat2:nth-child(1) > h2{font-weight: 500; color: #11172f; font-size: 36px; margin-bottom: 30px; }
.about1.flexat > .flexat2:nth-child(1) > h3{font-weight: 100; color: #11172f; font-size: 16px; margin-bottom: 20px;line-height: 1.6em;font-family: 'Open Sans', sans-serif}

.about2{background-color: #1878f3; padding: 120px 80px 120px 80px; box-sizing: border-box; position: relative; margin-top: 40px; margin-bottom: 80px}
.about2 > div{position: absolute; top: -40px; left: 40px; width: 40%; height: 120%;}
.about2 > div > img{width: 100%; height: auto}
.about2 > h2{color: white; font-size: 36px; margin-left: 50%; font-weight: 100; line-height: 1.4em;}
.about2 > h2 strong{color: white; font-size: 24px; font-weight: 500; margin-top: 40px; display: block }

.about3.flexat{display: inline-flex; width: 100%; justify-content: space-between; align-items: flex-end; margin-bottom: 40px}
.about3.flexat > .flexat2:nth-child(1){width: 50%; padding: 80px 80px 0px 40px; box-sizing: border-box; order: 2}
.about3.flexat > .flexat2:nth-child(2){width: 50%; order: 1}
.about3.flexat > .flexat2:nth-child(1) > h4{font-weight: 500; color: #1878f3; font-size: 16px; margin-bottom: 20px; }
.about3.flexat > .flexat2:nth-child(1) > h2{font-weight: 500; color: #11172f; font-size: 36px; margin-bottom: 30px; }
.about3.flexat > .flexat2:nth-child(1) > h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em;font-family: 'Open Sans', sans-serif}
.about3.flexat > .flexat2:nth-child(1) > h3 > a{font-weight: 400; color: #1878f3; font-size: 16px; line-height: 1.6em;}
.about3.flexat > .flexat2:nth-child(2) {text-align: center}
.about3.flexat > .flexat2:nth-child(2) > a >  img{width: 10%; display: inline-block; margin-right: 10%; height: auto}


.about4{display: inline-flex; width: 100%; justify-content: flex-end; align-items: flex-start; padding: 80px 0px 80px 0px; box-sizing: border-box;}
.about4 > div:nth-child(1){width: 50%; padding: 80px; padding-left: 40px}
.about4 > div:nth-child(1) h2{font-weight: 500; color: #11172f; font-size: 36px; margin: 0 auto; margin-bottom: 40px; display: block}
.about4 > div:nth-child(1) h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; margin: 0 auto;font-family: 'Open Sans', sans-serif}
.about4 > div:nth-child(1) h4{font-weight: 500; color: #1878f3; font-size: 16px; margin: 0 auto; margin-bottom: 20px;}
.about4 > div:nth-child(1)  h3 strong, .about4 > div:nth-child(1)  h3 a{color: #1878f3;font-size: 16px;font-weight: 500; font-family: 'Open Sans', sans-serif}
.about4 > div:nth-child(2){width: 50%;}
.about4 > div:nth-child(2) > img{width: 100%; height: auto}

.about5{padding: 80px 40px 120px 40px; background-color: #1878f3;}
.about5 h2{font-weight: 500; color: #11172f; font-size: 36px; margin: 0 auto; margin-bottom: 40px; display: block}
.about5 h4 {font-weight: 500; color: #ffffff; font-size: 16px; margin: 0 auto; margin-bottom: 20px;}
.about5 ul li{width: 35%; display: inline-block; color:#11172f ; margin-right: 10%;margin-bottom: 20px;}
.about5 ul li:nth-child(2n+0){margin-right: 0%;}
.about5 ul li:before{content: '> '; color: white; margin-right: 5px; display: inline-block}
.about5 p{display: block;margin:  0 auto;width: 225px;}


.about5 > .flexat{display: inline-flex; justify-content: space-between; align-items: center; margin-top: 40px; margin-bottom: 40px; padding: 0px 80px 0px 80px; box-sizing: border-box}
.about5 > .flexat >.flexat5{width: 15%; text-align: left; color: white; background: url(images/fons_irrigation.svg) no-repeat; background-size: contain;padding: 35px 0px 35px 30px; line-height: 1.4em}


.team1{padding: 80px 0px 80px 0px;position: relative; text-align: center;}
.team1 > h4{font-weight: 500; color: #1878f3; font-size: 16px; max-width: 40%; margin: 0 auto; margin-bottom: 20px;}
.team1 > h2{font-weight: 500; color: #11172f; font-size: 36px; max-width: 40%; margin: 0 auto; margin-bottom: 40px; display: block}
.team1 > h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; max-width: 40%; margin: 0 auto;font-family: 'Open Sans', sans-serif}

.team2{display: inline-flex; width: 100%; justify-content: space-between; align-items: flex-start; margin-bottom: 80px}
.team2 > div{width: 24%}

.team2 > div > img{width: 100%; height: auto; margin-bottom: 20px}
.team2 > div > h2{ padding-left: 36px; font-weight: 500; margin-bottom: 10px;font-size: 20px;color: #11172f;}
.team2 > div > h3{padding-left: 36px; color: #11172f;}

.team2 > .flexat3{width: 30%;}
.team2 > .flexat3 > h2{text-align: center!important; padding-left: 0!important}

.team3{display: inline-flex; width: 100%; justify-content: space-between; align-items: center; padding: 80px 40px 80px 0px; box-sizing: border-box;  background-color: #1878f3;}
.team3 > div{width: 45%}
.team3 > div > a > img{width: 100%; height: auto; }
.team3 h2{color: white; font-size: 36px; font-weight: 100; line-height: 1.4em;}
.team3 h2 strong{color: white; font-size: 24px; font-weight: 500; margin-top: 40px; display: block }


.collaboration1{display: inline-flex; width: 100%; justify-content: flex-end; align-items: flex-start; padding: 80px 0px 80px 0px; box-sizing: border-box;  background-color: #12172e; flex-wrap: wrap}
.collaboration1 > div:nth-child(1){width: 50%; padding: 80px; padding-left: 40px}
.collaboration1 > div:nth-child(1) h2{font-weight: 500; color: white; font-size: 36px; margin: 0 auto; margin-bottom: 40px; display: block}
.collaboration1 > div:nth-child(1) h3{font-weight: 100; color: white; font-size: 16px; line-height: 1.6em; margin: 0 auto;font-family: 'Open Sans', sans-serif;}
.collaboration1 > div:nth-child(1) h4{font-weight: 500; color: #1878f3; font-size: 16px; margin: 0 auto; margin-bottom: 20px;}
.collaboration1 > div:nth-child(2){width: 50%;}
.collaboration1 > div:nth-child(2) > img{width: 100%; height: auto}

.collaboration2{padding: 0px 40px 80px 40px;background-color: #12172e;}
.contenidocol2{border-top: 1px solid #1878f3;}
.study{border-bottom: 1px solid #1878f3; padding-bottom: 20px;padding-top: 20px;}
.studyheader, .studyheader.apretat{color: white!important; font-weight: 500; cursor: pointer; font-size: 16px;}
.studyheader:before{margin-right: 10px; content:url(images/left_before.svg); width: 12px; font-weight: 500; font-size: 18px; color: #1878f3; display: inline-block;}
.studyheader.apretat:before{margin-right: 10px; content:url(images/down_before.svg); width: 12px; font-weight: 500; font-size: 18px; color: #1878f3; display: inline-block;}
.studybody{padding: 20px; box-sizing: border-box}
.studybody p{color: white; margin-bottom: 15px; line-height: 20px}
.studybody a{color: #1878f3; text-decoration: underline }
.studybody p strong{font-weight: 500; color:white}
.studybody p em{color: white; font-style: italic}
.studybody ul{padding-left: 30px; list-style-type: disc; margin-bottom: 20px}
.studybody ul li{color: white; margin-bottom: 10px}
.studybody{display: none}

.collaboration3{display: inline-flex; width: 100%; justify-content: flex-end; align-items: flex-start; padding: 80px 0px 80px 0px; box-sizing: border-box; flex-wrap: wrap}
.collaboration3 > div:nth-child(1){width: 50%; padding: 80px; padding-left: 40px}
.collaboration3 > div:nth-child(1) h2{font-weight: 500; color: #11172f; font-size: 36px; margin: 0 auto; margin-bottom: 40px; display: block}
.collaboration3 > div:nth-child(1) h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; margin: 0 auto;font-family: 'Open Sans', sans-serif;}
.collaboration3 > div:nth-child(1) h4{font-weight: 500; color: #1878f3; font-size: 16px; margin: 0 auto; margin-bottom: 20px;}
.collaboration3 > div:nth-child(1)  a{font-weight: bold;color: #1878f3;font-size: 16px;;font-weight: 400; }
.collaboration3 > div:nth-child(2){width: 50%;}
.collaboration3 > div:nth-child(2) > img{width: 100%; height: auto}

.collaboration4{display: inline-flex; width: 100%; justify-content: flex-end; align-items: flex-start; padding: 0px 0px 80px 0px; box-sizing: border-box; flex-wrap: wrap;}
.collaboration4 > div:nth-child(2){width: 50%; padding: 80px; padding-right: 40px}
.collaboration4 > div:nth-child(2) h2{font-weight: 500; color: #11172f; font-size: 36px;  margin: 0 auto; margin-bottom: 40px; display: block}
.collaboration4 > div:nth-child(2) h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; margin: 0 auto;font-family: 'Open Sans', sans-serif;}
.collaboration4 > div:nth-child(2) h3 strong{font-size: 16px; margin-top: 10px; display: block; font-weight: 700}
.collaboration4 > div:nth-child(2) h4{font-weight: 500; color: #1878f3; font-size: 16px; margin: 0 auto; margin-bottom: 20px;}
.collaboration4 > div:nth-child(2)  a{font-weight: bold;color: #1878f3;font-size: 16px; font-weight: 400; }
.collaboration4 > div:nth-child(1){width: 50%;}
.collaboration4 > div:nth-child(1) > img{width: 100%; height: auto}

.pressrelease{padding: 80px 40px 80px 40px; box-sizing: border-box;}
.cosany{display: inline-flex; width: 100%; justify-content: flex-start; flex-wrap: wrap;}
.cosany > div{width: 23.5%; margin-bottom: 30px; border: 1px solid #11172f; padding: 20px; box-sizing: border-box;margin-right: 1.5%;}
.cosany > div > div:nth-child(1){text-align: center;}
.cosany > div:nth-child(4n+4){margin-right: 0%;}
.cosany h3{font-weight: 400; color: #1878f3; margin-bottom: 20px; line-height: 1.6em}
.cosany h2{line-height: 1.2em; color: #11172f; margin-bottom: 10px;font-size: 16px;}
.cosany img{margin-bottom: 10px}
.cosany a{font-weight: 400; color: #1878f3; margin-top: 5px; display: block; text-decoration: underline}
.cosany.ocult{display:none;}
.headany{margin-bottom: 20px; font-weight: 500; font-size: 18px; cursor: pointer;}
.headany:before{margin-right: 10px; content:url(images/left_before.svg); width: 12px; font-weight: 500; font-size: 18px; color: #1878f3; display: inline-block;}
.headany.apretat:before{margin-right: 10px; content:url(images/down_before.svg); width: 12px; font-weight: 500; font-size: 18px; color: #1878f3; display: inline-block;}



.contact1{display: inline-flex; width: 100%; justify-content: flex-end; align-items: center; padding: 0px 0px 0px 0px; box-sizing: border-box;  background-color: #12172e; flex-wrap: wrap}
.contact1 > div:nth-child(1){width: 50%; padding: 80px; padding-left: 40px}
.contact1 > div:nth-child(1) h2{font-weight: 500; color: white; font-size: 36px; margin: 0 auto; margin-bottom: 40px; display: block}
.contact1 > div:nth-child(1) p a {font-family: 'Open Sans', sans-serif!important;}
.contact1 > div:nth-child(1) .enlaces{display: inline-block; vertical-align: middle; margin-top: 10px; margin-bottom: 10px;font-family: 'Open Sans', sans-serif!important;}
.contact1 > div:nth-child(1) a{font-weight: 100; color: white; font-size: 16px; line-height: 1.6em; margin: 0 auto; display: block;font-family: 'Open Sans', sans-serif!important;}
.contact1 > div:nth-child(1) h4{font-weight: 500; color: #1878f3; font-size: 16px; margin: 0 auto; margin-bottom: 20px;}
.contact1 > div:nth-child(2){width: 50%;}
.contact1 > div:nth-child(2) > a > img{width: 100%; height: auto}
.contact1 .telf:before{margin-right: 10px; content:url(images/icon-tel.svg); width: 20px; display: inline-block; vertical-align: middle}
.contact1 .mail:before{margin-right: 10px; content:url(images/icon-mail.svg); width: 20px;display: inline-block; vertical-align: middle}

.contact1 .direcciones{display: inline-flex; width: 100%; justify-content: flex-start; align-content: flex-start; flex-wrap: wrap}
.contact1 .direcciones .direccion{width: 30%; margin-right: 5%}
.contact1 .direcciones .direccion:last-child{margin-right:0}

.direccion > h2{font-size: 24px!important; margin-bottom: 10px!important }
.direccion > h2:after {display: block!important;margin-top: 20px!important; margin-bottom: 0px!important;width: 60px!important;height: 5px!important;content: ''!important;background-color: #1878f3!important;}
.direccion > h3{color: white; font-size: 18px;margin-bottom: 20px;}

.contact2{display: inline-flex; width: 100%; justify-content: flex-end; align-items: flex-start; padding: 0px 0px 80px 0px; box-sizing: border-box;  background-color: #12172e; margin-bottom: 0px; flex-wrap: wrap}
.contact2 > div:nth-child(1){width: 50%; padding: 0px 80px 80px 40px;}
.contact2 > div:nth-child(2){width: 50%; padding: 0px 80px 80px 0px;}
.contact2 > div:nth-child(2) > h2{font-weight: 400; color: white; font-size: 18px; line-height: 1.6em; margin-bottom: 10px; display: block;}

.contactusfixed{position: fixed; right: 20px;top: 225px; text-align: right;box-sizing: border-box; background-color: rgba(17,23,47,1)!important;  z-index: 1000000; cursor: pointer; line-height: 1.4em; font-family: 'Roboto';border: 2px solid #1878f3;padding: 5px 30px 5px 30px;border-radius: 15px;color: white;font-size: 16px;}

.contactnew{padding: 60px 40px 120px 40px;}
.contactnew > h4 {font-weight: 500;color: #1878f3;font-size: 16px;margin: 0 auto;margin-bottom: 20px;}
.contactnew > h2 {font-weight: 500;color: white;font-size: 36px;margin: 0 auto;margin-bottom: 40px;display: block;}

.contactnew label{font-size: 16px; color: white; display: block; margin-top: 10px}
.contactnew span > input, .contactnew span > textarea, .contactnew span > select{border: 1px solid #1878f3; padding: 8px; text-align: left; color: white; box-sizing:border-box; font-size: 16px; width: 100%;font-family: 'Roboto'; background-color: rgba(255,255,255,0)!important; width: 100%; margin-right: 10px;margin-top: 10px; margin-bottom: 15px}
.contactnew .wpcf7-submit{ font-family: 'Roboto'; border: 2px solid #1878f3; padding: 5px 30px 5px 30px; border-radius: 15px; color: #1878f3; background-color: rgba(255,255,255,0); cursor: pointer; font-size: 16px;float: left; margin-top: 40px}

.contactnew #l1, .contactnew #l3, .contactnew #l5, .contactnew #l7, .contactnew #l9, .contactnew #l11{width: 47.5%; margin-right: 5%; display: inline-block;}
.contactnew #l2, .contactnew #l4, .contactnew #l6, .contactnew #l8, .contactnew #l10, .contactnew #l12{width: 47.5%; margin-right: 0%; display: inline-block;}
.grecaptcha-badge,.country-selector{display: none!important}
#menu-social-contact{margin-bottom: 15px; margin-top: 20px; text-align: left}
#menu-social-contact > li{margin-right: 10px; width: 25px;}
#menu-social-contact > li > a{width: 25px; height: 25px; font-size: 0px;}
#menu-social-contact > li:nth-child(1) > a:before{display: block; width: 30px; height: 30px; content: ''; background: url(images/icon-youtube.svg) no-repeat; background-size: contain}
#menu-social-contact > li:nth-child(2) > a:before{display: block; width: 30px; height: 30px; content: ''; background: url(images/icon-linkedin.svg) no-repeat; background-size: contain}
#menu-social-contact > li:nth-child(3) > a:before{display: block; width: 30px; height: 30px; content: ''; background: url(images/icon-facebook.svg) no-repeat; background-size: contain}
#menu-social-contact > li:nth-child(4) > a:before{display: block; width: 30px; height: 30px; content: ''; background: url(images/icon-instagram.svg) no-repeat; background-size: contain}
.footerup #menu-social{text-align: left}

.corporate1{padding: 80px 0px 80px 0px;position: relative; text-align: center;background-color: #12172e}
.corporate1 > h4{font-weight: 500; color: #1878f3; font-size: 16px; max-width: 40%; margin: 0 auto; margin-bottom: 20px;}
.corporate1 > h2{font-weight: 500; color: white; font-size: 36px; max-width: 40%; margin: 0 auto; margin-bottom: 40px; display: block}
.corporate1 > h3{font-weight: 100; color: white; font-size: 16px; line-height: 1.6em; max-width: 40%; margin: 0 auto;font-family: 'Open Sans', sans-serif;}

.corporate2{padding: 00px 0px 80px 0px;position: relative; text-align: center;background-color: #12172e}
.corporate2 img{max-width: 1024px}

.corporate3{padding: 80px 40px 80px 40px; display: inline-flex; justify-content: space-between; align-items: flex-start; width: 100%; box-sizing: border-box; flex-wrap: wrap}
.corporate3 > .flexat{width: 27%; position: relative;}
.corporate3 > div > img{width: 100%; height: auto; margin-bottom: 20px}
.corporate3 h4{font-weight: 500; color: #1878f3; font-size: 14px; margin-bottom: 10px; display: block}
.corporate3 h2{font-weight: 500; color: #12172e; font-size: 26px; line-height: 1.2em;  margin-bottom: 20px; display: block}
.corporate3 h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; max-width: 100%;font-family: 'Open Sans', sans-serif;}
.corporate3 a{margin-top: 20px; display: block;}

.corporate4.flexat{display: inline-flex; width: 100%; justify-content: space-between; align-items: flex-start; margin-bottom: 40px}
.corporate4.flexat > .flexat2:nth-child(1){width: 50%; padding: 80px; padding-left: 40px; box-sizing: border-box}
.corporate4.flexat > .flexat2:nth-child(2){width: 50%;}
.corporate4.flexat > .flexat2:nth-child(2) img{width: 100%; height: auto}
.corporate4.flexat > .flexat2:nth-child(1) > h4{font-weight: 500; color: #1878f3; font-size: 16px; margin-bottom: 20px; }
.corporate4.flexat > .flexat2:nth-child(1) > h2{font-weight: 500; color: #11172f; font-size: 36px; margin-bottom: 30px; }
.corporate4.flexat > .flexat2:nth-child(1) > h3{font-weight: 100; color: #11172f; font-size: 16px; margin-bottom: 20px;line-height: 1.4em;font-family: 'Open Sans', sans-serif;}

.margintop0{margin-top: 0!important}
.paddingtop0{padding-top: 0!important}

.corporate5{padding: 0px 40px 80px 40px;}
.corporate5 .contenidocol2{border-top: 1px solid #1878f3;}
.corporate5 .study{border-bottom: 1px solid #1878f3; padding-bottom: 20px;padding-top: 20px;}
.corporate5 .studyheader, .studyheader.apretat{color: #11172f; font-weight: 500; cursor: pointer; font-size: 16px;}
.corporate5 .studyheader span, .corporate5 .studyheader a{color: #1878f3; font-weight: 500; cursor: pointer; font-size: 16px;}
.corporate5 .studyheader:before{margin-right: 10px; content:url(images/left_before.svg); width: 12px; font-weight: 500; font-size: 18px; color: #1878f3; display: inline-block;}
.corporate5 .studyheader.apretat:before{margin-right: 10px; content:url(images/down_before.svg); width: 12px; font-weight: 500; font-size: 18px; color: #1878f3; display: inline-block;}
.corporate5 .studybody{padding: 20px; box-sizing: border-box}
.corporate5 .studybody p{color: #12172e; margin-bottom: 15px; line-height: 20px}
.corporate5 .studybody a{color: #1878f3; text-decoration: underline }
.corporate5 .studybody p strong{font-weight: 500; color:white}
.corporate5 .studybody p em{color: #1878f3; font-style: italic}
.corporate5 .studybody ul{padding-left: 0px; list-style-type: disc; color: #1878f3; margin-bottom: 20px}
.corporate5 .studybody ul li{color: #12172e; margin-bottom: 10px}
.corporate5 .studybody{display: none; line-height: 1.4em}

.media1.flexat{padding: 40px;display: inline-flex; width: 100%; justify-content: space-between; align-items: flex-start; margin-bottom: 40px}
.media1.flexat .video{width: 23%; margin-bottom: 60px; position: relative;}
.media1.flexat .video img{width: 100%; height: auto; margin-bottom: 10px}
.media1.flexat .video h2{font-weight: 400; color: #11172f; font-size: 14px; line-height: 1.3em}


.sustainable1{display: inline-flex; width: 100%; justify-content: flex-end; align-items: flex-start; padding: 0px 0px 80px 0px; box-sizing: border-box;}
.sustainable1 > div:nth-child(1){width: 50%; padding: 80px; padding-left: 40px}
.sustainable1 > div:nth-child(1) h2{font-weight: 500; color: #11172f; font-size: 36px; margin: 0 auto; margin-bottom: 40px; display: block}
.sustainable1 > div:nth-child(1) h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; margin: 0 auto;font-family: 'Open Sans', sans-serif}
.sustainable1 > div:nth-child(1) h4{font-weight: 500; color: #ff961f; font-size: 16px; margin: 0 auto; margin-bottom: 20px;}
.sustainable1 > div:nth-child(1)  h3 a, .sustainable1 > div:nth-child(1)  h3 strong{font-weight: 100;color: #ff961f;font-size: 18px;font-weight: 500; }
.sustainable1 > div:nth-child(2){width: 50%;}
.sustainable1 > div:nth-child(2) > img{width: 100%; height: auto}

.sustainable2 > div{width: 30%; padding: 0px 40px 80px 40px}
.sustainable2 > div > img{display: block; width: 80%; height: auto; margin-left: 10%; margin-bottom: 20px}
.sustainable2 > div > div{border-left: 5px solid #ff961f; padding: 0px 0px 15px 20px}
.sustainable2 > div > div h2{font-weight: 500; color: #ff961f; font-size: 26px; margin: 0 auto; margin-bottom: 10px; display: block}
.sustainable2 > div > div h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; margin: 0 auto;font-family: 'Open Sans', sans-serif}
.sustainable2 > div > div p{margin-top: 25px}
.sustainable3{display: inline-flex; width: 100%; justify-content: flex-end; align-items: flex-start; padding: 0px; box-sizing: border-box; flex-wrap: wrap}
.sustainable3 > div:nth-child(2){width: 50%; padding: 80px; padding-right: 40px}
.sustainable3 > div:nth-child(2) h2{font-weight: 500; color: #11172f; font-size: 36px;  margin: 0 auto; margin-bottom: 40px; display: block}
.sustainable3 > div:nth-child(2) h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; margin: 0 auto;font-family: 'Open Sans', sans-serif}
.sustainable3 > div:nth-child(2) h4{font-weight: 500; color: #ff961f; font-size: 16px; margin: 0 auto; margin-bottom: 20px;}
.sustainable3 > div:nth-child(2)  a{margin-top: 40px; display: block; float: left}
.sustainable3 > div:nth-child(1){width: 50%;}
.sustainable3 > div:nth-child(1) > img{width: 100%; height: auto}

.sustainable4.flexat{display: inline-flex; width: 100%; justify-content: space-between; align-items: flex-end; margin-bottom: 80px}
.sustainable4.flexat > .flexat2:nth-child(1){width: 50%; padding: 80px 80px 0px 40px; box-sizing: border-box}
.sustainable4.flexat > .flexat2:nth-child(2){width: 50%;}
.sustainable4.flexat > .flexat2:nth-child(1) > h4{font-weight: 500; color: #ff961f; font-size: 16px; margin-bottom: 20px; }
.sustainable4.flexat > .flexat2:nth-child(1) > h2{font-weight: 500; color: #11172f; font-size: 36px; margin-bottom: 30px; }
.sustainable4.flexat > .flexat2:nth-child(1) > h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em;font-family: 'Open Sans', sans-serif}
.sustainable4.flexat > .flexat2:nth-child(1) > h3 > strong, .sustainable4.flexat > .flexat2:nth-child(1) > h3 > a{font-weight: 400; color: #ff961f; font-size: 16px; line-height: 1.6em;}
.sustainable4.flexat > .flexat2:nth-child(2) {text-align: center}
.sustainable4.flexat > .flexat2:nth-child(2) > a >  img{width: 15%; display: inline-block; margin-right: 15%; height: auto}
.sustainable4.flexat > .flexat2:nth-child(1) > p{display:block; margin-top: 40px}

.sustainable5{padding: 80px 0px 0px 0px;position: relative; text-align: center;background-color: #12172e}
.sustainable5 > h4{font-weight: 500; color: #ff961f; font-size: 16px; max-width: 40%; margin: 0 auto; margin-bottom: 20px;}
.sustainable5 > h2{font-weight: 500; color: white; font-size: 36px; max-width: 40%; margin: 0 auto; margin-bottom: 40px; display: block}
.sustainable5 > h3{font-weight: 100; color: white; font-size: 16px; line-height: 1.6em; max-width: 40%; margin: 0 auto;font-family: 'Open Sans', sans-serif}
.sustainable5 .flexat > div{width: 30%; padding: 80px; text-align: left}
.sustainable5 .flexat > div > .foto{opacity: 0.3;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.sustainable5 .flexat > div > .foto:after{display: block;margin-bottom: 20px;width: 60px;height: 5px;content: '';background-color: #ff961f;}
.sustainable5 .flexat > div h2{font-weight: 500; color: white; font-size: 18px; margin-bottom: 20px; display: block;opacity: 0.3;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.sustainable5 .flexat > div ul{margin-left: 30px}
.sustainable5 .flexat > div li{color: white; font-size: 16px; margin-bottom: 10px;margin-left: 0px;font-weight: 100;font-family: 'Open Sans', sans-serif; line-height: 1.4em;opacity: 0.3;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.sustainable5 .flexat > div li:before{content:'·'; font-size: 40px; color: #ff961f; margin-right: 20px; display: inline-block; line-height: 0; vertical-align: middle;margin-left: -30px; }
.sustainable5 .flexat > div img {width: 50%;margin-bottom: 20px;}
.sustainable5 .flexat > div p{margin-top: 40px;}
.sustainable5 .flexat > div:hover .foto, .sustainable5 .flexat > div:hover h2, .sustainable5 .flexat > div:hover li {opacity: 1}
.sustainable6.flexat{display: inline-flex; width: 100%; justify-content: space-between; padding: 80px 40px 80px 40px; align-items: flex-end; margin-bottom: 40px; background-color: #ff961f; flex-wrap: wrap}
.sustainable6.flexat > .flexat2:nth-child(1){width: 50%; box-sizing: border-box}
.sustainable6.flexat > .flexat2:nth-child(2){width: 50%;}
.sustainable6.flexat > .flexat2:nth-child(2) > h4{font-weight: 500; color: #FFF; font-size: 16px; margin-bottom: 20px; }
.sustainable6.flexat > .flexat2:nth-child(2) > h2{font-weight: 500; color: #11172f; font-size: 36px; margin-bottom: 30px; }
.sustainable6.flexat > .flexat2:nth-child(2) > h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em;font-family: 'Open Sans', sans-serif}
.sustainable6.flexat > .flexat2:nth-child(2) > h3 > a{font-weight: 400; color: #ff961f; font-size: 16px; line-height: 1.6em;}
.sustainable6.flexat > .flexat2:nth-child(1) {text-align: center; color: white; font-size: 18px}
.sustainable6.flexat > .flexat2:nth-child(1) >  img{width: 80%; margin-left: 10%; display: block; height: auto}
.sustainable6 .flex30{width: 30%; margin-left: 10%; margin-right: 10%; margin-top: 40px; text-align: left; color: white; line-height: 1.4em}
.sustainable6 .flex30 strong{font-weight: bold; color: white}


.sustainable7.flexat{display: inline-flex; width: 100%; justify-content: space-between; align-items: center; margin-bottom: 40px}
.sustainable7.flexat > .flexat2:nth-child(1){width: 50%; padding: 0px 80px 0px 80px; box-sizing: border-box}
.sustainable7.flexat > .flexat2:nth-child(2){width: 40%; padding: 0px 80px 0px 0px; box-sizing: border-box}
.sustainable7.flexat > .flexat2:nth-child(1) > h4{font-weight: 500; color: #ff961f; font-size: 16px; margin-bottom: 20px; }
.sustainable7.flexat > .flexat2:nth-child(1) > h2{font-weight: 500; color: #11172f; font-size: 36px; margin-bottom: 30px; }
.sustainable7.flexat > .flexat2:nth-child(1) > h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em;font-family: 'Open Sans', sans-serif}
.sustainable7.flexat > .flexat2:nth-child(1) > h3 > a{font-weight: 400; color: #ff961f; font-size: 16px; line-height: 1.6em;}
.sustainable7.flexat > .flexat2:nth-child(2) {text-align: center}
.sustainable7.flexat > .flexat2:nth-child(2) > a >  img{width: 15%; display: inline-block; margin-right: 10%; height: auto}

.sustainable7 .tabla{width: 100%}
.tabla > .intabla{display: inline-flex; justify-content: flex-start; flex-wrap: wrap; width: 100%; align-items: center; padding: 10px 5px 10px 5px; box-sizing: border-box}
.tabla > .intabla.gris{background-color: rgba(0,0,0,0.1)}
.tabla > .intabla > div:nth-child(1){width: 55%; text-align: left}
.tabla > .intabla > div:nth-child(2){width: 15%; text-align: center}
.tabla > .intabla > div:nth-child(3){width: 15%; text-align: center}
.tabla > .intabla > div:nth-child(4){width: 15%; text-align: center}
.tabla > .intabla img{width: 20px}
.loguito{width: 30px!important}
.sustainable8{padding: 80px 40px 80px 40px;}
.flexat3testimonialsbuildings{width: 23%; margin-right: 2%; margin-left: 2%; position: relative;}
.flexat3testimonialsbuildings > div:nth-child(1){border-radius: 200px; width: 200px; height: 200px;position: relative;}
.flexat3testimonialsbuildings > div:nth-child(2) > a:hover{opacity: 1!important}
.flexat3testimonialsbuildings > div:nth-child(1):hover ~ div:nth-child(2){background-color: #ff961f}
.flexat3testimonialsbuildings > div:nth-child(1):hover ~ div:nth-child(2) > h2{color: white;}
.flexat3testimonialsbuildings > div:nth-child(1):hover ~ div:nth-child(2) > h3{color: white;}
.flexat3testimonialsbuildings > div > a:hover ~ div{background-color: #ff961f}
.flexat3testimonialsbuildings > div:nth-child(1) > a:hover ~ div > h2{color: white;}
.flexat3testimonialsbuildings > div:nth-child(1) > a:hover ~ div > h3{color: white;}
.flexat3testimonialsbuildings > div > a:hover ~ div > h2{color: white;}
.flexat3testimonialsbuildings > div > a:hover ~ div > h3{color: white;}
.flexat3testimonialsbuildings > div:nth-child(2){margin-top: -65px; margin-left: 40px; padding: 80px 30px 50px 30px; border: 2px solid #ff961f; box-sizing: border-box;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;height: calc(100% - 170px);}
.flexat3testimonialsbuildings > div > h2{color: #ff961f; margin-top: 40px; font-weight: 500;font-size: 14px;line-height: 1.4em;}
.flexat3testimonialsbuildings > div > h3{color: #12172e; line-height: 1.6em;font-size: 16px;}
.flexat3testimonialsbuildings > div > a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.flexat3testimonialsbuildings > div:hover {background-color: #ff961f}
.flexat3testimonialsbuildings > div:hover > h3 {color: white;}
.flexat3testimonialsbuildings > div:hover > h2{color: white;}

.sustainable9{display: inline-flex; width: 100%; justify-content: flex-end; align-items: flex-start; padding: 0px; padding-top: 0px; box-sizing: border-box; flex-wrap: wrap}
.sustainable9 > div:nth-child(2){width: 50%; padding: 80px; padding-right: 40px}
.sustainable9 > div:nth-child(2) h2{font-weight: 500; color: #11172f; font-size: 36px;  margin: 0 auto; margin-bottom: 40px; display: block}
.sustainable9 > div:nth-child(2) h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; margin: 0 auto;font-family: 'Open Sans', sans-serif}
.sustainable9 > div:nth-child(2) h4{font-weight: 500; color: #ff961f; font-size: 16px; margin: 0 auto; margin-bottom: 20px;}
.sustainable9 > div:nth-child(2)  a{font-weight: 400; color: #ff961f; font-size: 16px; line-height: 1.6em; }
.sustainable9 > div:nth-child(1){width: 50%;}
.sustainable9 > div:nth-child(1) > img{width: 100%; height: auto}

.sustainable10{display: inline-flex; width: 100%; justify-content: flex-end; align-items: center; padding: 80px 0px 80px 0px; box-sizing: border-box;}
.sustainable10 > div:nth-child(1){width: 50%; padding: 80px; padding-left: 40px}
.sustainable10 > div:nth-child(1) h2{font-weight: 500; color: #11172f; font-size: 36px; margin: 0 auto; margin-bottom: 40px; display: block}
.sustainable10 > div:nth-child(1) h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; margin: 0 auto;font-family: 'Open Sans', sans-serif}
.sustainable10 > div:nth-child(1) h4{font-weight: 500; color: #ff961f; font-size: 16px; margin: 0 auto; margin-bottom: 20px;}
.sustainable10 > div:nth-child(1)  h3 strong, .sustainable10 > div:nth-child(1)  h3 a{font-weight: 100;color: #ff961f;font-size: 16px;font-weight: 500; }
.sustainable10 > div:nth-child(2){width: 50%;}
.sustainable10 > div:nth-child(2) > img{width: 100%; height: auto}

.sustainable11{background-color: #ff961f; padding: 120px 80px 120px 80px; box-sizing: border-box; position: relative; margin-top: 40px; margin-bottom: 80px}
.sustainable11 > div{position: absolute; top: -40px; left: 40px; width: 40%; height: 120%;}
.sustainable11 > div > img{width: 100%; height: auto}
.sustainable11 > h2{color: white; font-size: 36px; margin-left: 50%; font-weight: 100; line-height: 1.4em;}
.sustainable11 > h2 strong{color: white; font-size: 24px; font-weight: 500; margin-top: 40px; display: block }

.sustainable12{padding: 80px 40px 80px 40px; box-sizing: border-box; display: inline-flex;align-items: flex-start; justify-content: space-between; width: 100%; flex-wrap: wrap}
.sustainable12 > .flexat{width: 27%; position: relative;}
.sustainable12 > div > img{width: 100%; height: auto; margin-bottom: 20px}
.sustainable12 h4{font-weight: 500; color: #ff961f; font-size: 16px; margin-bottom: 20px; display: block}
.sustainable12 h2{font-weight: 500; color: #12172e; font-size: 26px; line-height: 1.2em;  margin-bottom: 20px; display: block}
.sustainable12 h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; max-width: 100%; display: block;font-family: 'Open Sans', sans-serif}
.sustainable12 a{margin-top: 20px; display: block;}

.limescale1{display: inline-flex; width: 100%; justify-content: flex-end; align-items: flex-start; padding: 80px; padding-top: 0; box-sizing: border-box;}
.limescale1 > div:nth-child(1){width: 50%; padding: 80px; padding-left: 40px}
.limescale1 > div:nth-child(1) h2{font-weight: 500; color: #11172f; font-size: 36px; margin: 0 auto; margin-bottom: 40px; display: block}
.limescale1 > div:nth-child(1) h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; margin: 0 auto;font-family: 'Open Sans', sans-serif}
.limescale1 > div:nth-child(1) h4{font-weight: 500; color: #ff961f; font-size: 16px; margin: 0 auto; margin-bottom: 20px;}
.limescale1 > div:nth-child(1)  h3 strong{font-weight: 100;color: #ff961f;font-size: 16px;font-weight: 500; }
.limescale1 > div:nth-child(1) h3 a{font-weight: 100;color: #ff961f;font-size: 16px;font-weight: 500;}
.limescale1 > div:nth-child(2){width: 50%;}
.limescale1 > div:nth-child(2) > img{width: 100%; height: auto}

.limescale2{padding: 80px;position: relative; text-align: center;background-color: #12172e; box-sizing: border-box}

.limescale3{padding: 80px 40px 80px 40px; box-sizing: border-box; display: inline-flex; align-items: flex-start; justify-content: space-between; width: 100%; flex-wrap: wrap}
.limescale3 > .flexat{width: 27%; position: relative;}
.limescale3 > div > img{width: 100%; height: auto; margin-bottom: 20px}
.limescale3 h4{font-weight: 500; color: #ff961f; font-size: 16px; margin-bottom: 20px; display: block}
.limescale3 h2{font-weight: 500; color: #12172e; font-size: 26px; line-height: 1.2em;  margin-bottom: 20px; display: block}
.limescale3 h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; max-width: 100%; display: block}
.limescale3 a{margin-top: 20px; display: block;}


.irrigation1{display: inline-flex; width: 100%; justify-content: flex-end; align-items: flex-start; padding: 80px 0px 80px 0px; box-sizing: border-box;}
.irrigation1 > div:nth-child(1){width: 50%; padding: 80px; padding-left: 40px}
.irrigation1 > div:nth-child(1) h2{font-weight: 500; color: #11172f; font-size: 36px; margin: 0 auto; margin-bottom: 40px; display: block}
.irrigation1 > div:nth-child(1) h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; margin: 0 auto;font-family: 'Open Sans', sans-serif}
.irrigation1 > div:nth-child(1) h4{font-weight: 500; color: #00cc8a; font-size: 16px; margin: 0 auto; margin-bottom: 20px;}
.irrigation1 > div:nth-child(1)  h3 strong, .irrigation1 > div:nth-child(1)  h3 a{color: #00cc8a;font-size: 18px;font-weight: 500; }
.irrigation1 > div:nth-child(2){width: 50%;}
.irrigation1 > div:nth-child(2) > img{width: 100%; height: auto}

.irrigation2{padding: 80px 0px 80px 0px;position: relative; text-align: center;background-color: #12172e}
.irrigation2 > h4{font-weight: 500; color: #00cc8a; font-size: 16px; max-width: 40%; margin: 0 auto; margin-bottom: 20px;}
.irrigation2 > h2{font-weight: 500; color: white; font-size: 36px; max-width: 40%; margin: 0 auto; margin-bottom: 40px; display: block}
.irrigation2 > h3{font-weight: 100; color: white; font-size: 16px; line-height: 1.6em; max-width: 40%; margin: 0 auto;font-family: 'Open Sans', sans-serif}
.irrigation2 > h3 > a{color: #00cc8a; font-size: 16px;}
.irrigation2 > .flexat{background-color: #12172e; padding-bottom: 80px}
.flexat3irrigation2{width: 24%; margin-left: 3%; margin-right: 3%; -webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.flexat3irrigation2:hover > h3 {opacity: 1}
.flexat3irrigation2:hover::before{opacity: 1!important}
.flexat3irrigation2:nth-child(1), .flexat3irrigation:nth-child(2), .flexat3irrigation:nth-child(3){margin-bottom: 80px}
.flexat3irrigation2 > h2{color: white; font-weight: 400; margin-bottom: 20px; text-align: left}
.flexat3irrigation2 > h3{color: white; font-weight: 100; font-size: 16px; line-height: 1.6em; opacity: 0.2; -webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; text-align: left}
.flexat3irrigation2 > h2:before{display: block; margin-bottom: 20px; width: 60px; height: 5px; content: ''; background-color: #00cc8a;}
.flexat3irrigation2 a{border-radius: 25px;border: 2px solid #00cc8a;text-align: center;padding: 10px 20px 10px 20px;color: #00cc8a;font-weight: 400;letter-spacing: 1px; display: block; margin-top: 20px;float: left;}
.flexat3irrigation2 a:hover{border-radius: 25px;border: 2px solid #00cc8a;text-align: center;padding: 10px 20px 10px 20px;color: white;font-weight: 400;letter-spacing: 1px; display: block; margin-top: 20px;float: left; background-color: #00cc8a; opacity:1!important}
.flexat3irrigation2:before{display: block; margin-bottom: 20px; height: 70px; content: ''; background-size: contain}
.flexat3irrigation2:nth-child(1):before{background: url(images/icon-irrigation_1.svg) no-repeat; opacity: 0.3;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.flexat3irrigation2:nth-child(2):before{background: url(images/icon-irrigation_2.svg) no-repeat; opacity: 0.3;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.flexat3irrigation2:nth-child(3):before{background: url(images/icon-irrigation_3.svg) no-repeat; opacity: 0.3;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.flexat3irrigation2:nth-child(4):before{background: url(images/icon-irrigation_4.svg) no-repeat; opacity: 0.3;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.flexat3irrigation2:nth-child(5):before{background: url(images/icon-irrigation_5.svg) no-repeat; opacity: 0.3;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.flexat3irrigation2:nth-child(6):before{background: url(images/icon-irrigation_6.svg) no-repeat; opacity: 0.3;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}

.irrigation3{display: inline-flex; width: 100%; justify-content: flex-end; align-items: flex-start; padding: 80px 0px 120px 0px;box-sizing: border-box; flex-wrap: wrap;}
.irrigation3 > div:nth-child(2){width: 50%; padding: 80px; padding-right: 40px}
.irrigation3 > div:nth-child(2) h2{font-weight: 500; color: #11172f; font-size: 36px;  margin: 0 auto; margin-bottom: 40px; display: block}
.irrigation3 > div:nth-child(2) h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; margin: 0 auto;font-family: 'Open Sans', sans-serif}
.irrigation3 > div:nth-child(2) h4{font-weight: 500; color: #00cc8a; font-size: 16px; margin: 0 auto; margin-bottom: 20px;}
.irrigation3 > div:nth-child(2)  h3 a{font-weight: 500;color: #00cc8a; font-size: 16px; }
.irrigation3 > div:nth-child(1){width: 50%;}
.irrigation3 > div:nth-child(1) > img{width: 100%; height: auto}

.irrigation4{display: inline-flex; width: 100%; justify-content: flex-end; align-items: flex-start; padding: 0px 0px 0px 0px;box-sizing: border-box; flex-wrap: wrap;}
.irrigation4 > div:nth-child(2){width: 50%; padding: 80px;}
.irrigation4 > div:nth-child(2) h2{font-weight: 500; color: #11172f; font-size: 36px;  margin: 0 auto; margin-bottom: 40px; display: block}
.irrigation4 > div:nth-child(2) ul li{display: inline-block; width: 30%; margin-right: 10%; border-left: 3px solid #00cc8a; padding: 5px 0px 5px 10px; margin-bottom: 20px; min-height: 30px; line-height: 1.4em;box-sizing: border-box;}
.irrigation4 > div:nth-child(1){width: 50%;}
.irrigation4 > div:nth-child(1) > img{width: 100%; height: auto}

.irrigation5{background-color: #12172e;}
.irrigation5 h2{color: white; text-transform: uppercase; font-weight: bold; font-size: 20px; display: block; text-align: center; padding-top: 40px}

.irrigation6{padding: 80px 40px 80px 40px;}
.flexat3testimonialsirrigationconlink, .flexat3testimonialsirrigation{width: 23%; margin-right: 2%; margin-left: 2%; position: relative;}
.flexat3testimonialsirrigationconlink > div:nth-child(1), .flexat3testimonialsirrigation > div:nth-child(1){border-radius: 200px; width: 200px; height: 200px;position: relative;}
.flexat3testimonialsirrigationconlink > div:nth-child(2) > a:hover{opacity: 1!important}
.flexat3testimonialsirrigationconlink > div:nth-child(1):hover ~ div:nth-child(2){background-color: #00cc8a;}
.flexat3testimonialsirrigationconlink > div:nth-child(1):hover ~ div:nth-child(2) > h2{color: white;}
.flexat3testimonialsirrigationconlink > div:nth-child(1):hover ~ div:nth-child(2) > h3{color: white;}
.flexat3testimonialsirrigationconlink > div > a:hover ~ div{background-color: #00cc8a}
.flexat3testimonialsirrigationconlink > div:nth-child(1) > a:hover ~ div > h2{color: white;}
.flexat3testimonialsirrigationconlink > div:nth-child(1) > a:hover ~ div > h3{color: white;}
.flexat3testimonialsirrigationconlink > div > a:hover ~ div > h2{color: white;}
.flexat3testimonialsirrigationconlink > div > a:hover ~ div > h3{color: white;}
.flexat3testimonialsirrigationconlink > div:nth-child(2), .flexat3testimonialsirrigation > div:nth-child(2){margin-top: -65px; margin-left: 40px; padding: 80px 30px 50px 30px; border: 2px solid #00cc8a; box-sizing: border-box;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;height: calc(100% - 170px);}
.flexat3testimonialsirrigationconlink > div > h2, .flexat3testimonialsirrigation > div:nth-child(2) > h2{color: #00cc8a; margin-top: 40px; font-weight: 500;font-size: 14px;line-height: 1.4em;}
.flexat3testimonialsirrigationconlink > div > h3, .flexat3testimonialsirrigation > div:nth-child(2) > h3{color: #12172e; line-height: 1.6em;font-size: 16px;}
.flexat3testimonialsirrigationconlink > div > a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.flexat3testimonialsirrigationconlink > div:hover {background-color: #00cc8a}
.flexat3testimonialsirrigationconlink > div:hover > h3 {color: white;}
.flexat3testimonialsirrigationconlink > div:hover > h2{color: white;}

.irrigation7{display: inline-flex; width: 100%; justify-content: flex-end; align-items: flex-start; padding: 80px 0px 80px 0px; box-sizing: border-box;}
.irrigation7 > div:nth-child(1){width: 50%; padding: 80px; padding-left: 40px}
.irrigation7 > div:nth-child(1) h2{font-weight: 500; color: #11172f; font-size: 36px; margin: 0 auto; margin-bottom: 40px; display: block}
.irrigation7 > div:nth-child(1) h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; margin: 0 auto;font-family: 'Open Sans', sans-serif}
.irrigation7 > div:nth-child(1) h4{font-weight: 500; color: #00cc8a; font-size: 16px; margin: 0 auto; margin-bottom: 20px;}
.irrigation7 > div:nth-child(1)  h3 strong, .irrigation7 > div:nth-child(1)  h3 a{color: #00cc8a;font-size: 16px;font-weight: 500; }
.irrigation7 > div:nth-child(2){width: 50%;}
.irrigation7 > div:nth-child(2) > img{width: 100%; height: auto}

.irrigation8{padding: 80px 40px 120px 40px; background-color: #00cc8a;}
.irrigation8 h2{font-weight: 500; color: #11172f; font-size: 36px; margin: 0 auto; margin-bottom: 40px; display: block}
.irrigation8 h4 {font-weight: 500; color: #ffffff; font-size: 16px; margin: 0 auto; margin-bottom: 20px;}
.irrigation8 ul li{width: 35%; display: inline-block; color:#11172f ; margin-right: 10%;margin-bottom: 20px;}
.irrigation8 ul li:nth-child(2n+0){margin-right: 0%;}
.irrigation8 ul li:before{content: '> '; color: white; margin-right: 5px; display: inline-block}

.irrigation8 > .flexat{display: inline-flex; justify-content: space-between; align-items: center; margin-top: 40px; margin-bottom: 40px; padding: 80px 80px 0px 80px; box-sizing: border-box}
.irrigation8 > .flexat >.flexat5{width: 15%; text-align: left; color: white; background: url(images/fons_irrigation.svg) no-repeat; background-size: contain;padding: 35px 0px 35px 30px; line-height: 1.4em;}
.irrigation8 p {width: 250px; margin: 0 auto; display: block}

.waterefficiency1{display: inline-flex; width: 100%; justify-content: flex-end; align-items: flex-start; padding: 0px 0px 80px 0px; box-sizing: border-box;}
.waterefficiency1 > div:nth-child(1){width: 50%; padding: 80px; padding-left: 40px}
.waterefficiency1 > div:nth-child(1) h2{font-weight: 500; color: #11172f; font-size: 36px; margin: 0 auto; margin-bottom: 40px; display: block}
.waterefficiency1 > div:nth-child(1) h3, .waterefficiency1 > div:nth-child(1) p{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; margin: 0 auto;font-family: 'Open Sans', sans-serif}
.waterefficiency1 > div:nth-child(1) h4{font-weight: 500; color: #00cc8a; font-size: 16px; margin: 0 auto; margin-bottom: 20px;}
.waterefficiency1 > div:nth-child(1)  h3 strong, .waterefficiency1 > div:nth-child(1)  h3 a{color: #00cc8a;font-size: 18px;font-weight: 500; }
.waterefficiency1 > div:nth-child(2){width: 50%;}
.waterefficiency1 > div:nth-child(2)  img{width: 100%; height: auto}

.waterefficiency2{background-color: #00cc8a; padding: 120px 80px 160px 80px; box-sizing: border-box; position: relative; margin-top: 40px; margin-bottom: 80px}
.waterefficiency2 > div{position: absolute; top: -40px; left: 40px; width: 40%; height: 120%;}
.waterefficiency2 > div > img{width: 100%; height: auto}
.waterefficiency2 > h2{color: white; font-size: 36px; margin-left: 50%; font-weight: 100; line-height: 1.4em;}
.waterefficiency2 > h2 strong{color: white; font-size: 24px; font-weight: 500; margin-top: 40px; display: block }

.waterefficiency3{padding: 80px 40px 0px 40px;}
.flexat3testimonialwaterefficiency{width: 23%; margin-right: 2%; margin-left: 2%; position: relative;}
.flexat3testimonialwaterefficiency > a{border-radius: 200px; width: 200px; height: 200px; position: relative;}
.flexat3testimonialwaterefficiency > div:nth-child(1){border-radius: 200px; width: 200px; height: 200px; position: relative;}
.flexat3testimonialwaterefficiency > div:nth-child(1):hover ~ div:nth-child(2){background-color: #00cc8a}

.flexat3testimonialwaterefficiency > div:nth-child(1):hover ~ div:nth-child(2) > h2{color: white;}
.flexat3testimonialwaterefficiency > div:nth-child(1):hover ~ div:nth-child(2) > h3{color: white;}

.flexat3testimonialwaterefficiency > a:hover{opacity: 1!important}
.flexat3testimonialwaterefficiency > a:hover ~ div{background-color: #00cc8a}
.flexat3testimonialwaterefficiency > a:hover ~ div > h2{color: white;}
.flexat3testimonialwaterefficiency > div:nth-child(2){margin-top: -65px; margin-left: 40px; padding: 80px 30px 50px 30px; border: 2px solid #00cc8a; box-sizing: border-box;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;height: calc(100% - 170px);}
.flexat3testimonialwaterefficiency > div > h2{color: #00cc8a; margin-top: 40px; font-weight: 500;font-size: 14px;line-height: 1.4em;}
.flexat3testimonialwaterefficiency > div > h3{color: #12172e; line-height: 1.6em;font-size: 16px;font-family: 'Open Sans', sans-serif}
.flexat3testimonialwaterefficiency > div > a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.flexat3testimonialwaterefficiency > div:hover {background-color: #00cc8a}
.flexat3testimonialwaterefficiency > div:hover > h2{color: white;}
.flexat3testimonialwaterefficiency > div:hover > h3{color: white;}

.waterefficiency4{padding: 80px 40px 80px 40px; display: inline-flex;align-items: flex-start; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.waterefficiency4 > .flexat{width: 27%; position: relative;}
.waterefficiency4 > div > img{width: 100%; height: auto; margin-bottom: 20px}
.waterefficiency4 h4{font-weight: 500; color: #00cc8a; font-size: 16px; margin-bottom: 20px; display: block}
.waterefficiency4 h2{font-weight: 500; color: #12172e; font-size: 26px; line-height: 1.2em;  margin-bottom: 20px; display: block}
.waterefficiency4 h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; max-width: 100%; display: block;font-family: 'Open Sans', sans-serif}
.waterefficiency4 a{margin-top: 20px; display: block;}


.soil1{display: inline-flex; width: 100%; justify-content: flex-end; align-items: flex-start; padding: 0px 0px 80px 0px; box-sizing: border-box;}
.soil1 > div:nth-child(1){width: 50%; padding: 80px; padding-left: 40px}
.soil1 > div:nth-child(1) h2{font-weight: 500; color: #11172f; font-size: 36px; margin: 0 auto; margin-bottom: 40px; display: block}
.soil1 > div:nth-child(1) h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; margin: 0 auto;font-family: 'Open Sans', sans-serif}
.soil1 > div:nth-child(1) h4{font-weight: 500; color: #00cc8a; font-size: 16px; margin: 0 auto; margin-bottom: 20px;}
.soil1 > div:nth-child(1)  h3 strong, .soil1 > div:nth-child(1)  h3 a{color: #00cc8a;font-size: 16px;font-weight: 500; }
.soil1 > div:nth-child(2){width: 50%;}
.soil1 > div:nth-child(2) img{width: 100%; height: auto}

.soil2{background-color: #00cc8a; padding: 120px 80px 160px 80px; box-sizing: border-box; position: relative; margin-top: 40px; margin-bottom: 80px}
.soil2 > div{position: absolute; top: -40px; left: 40px; width: 40%; height: 120%;}
.soil2 > div > img{width: 100%; height: auto}
.soil2 > h2{color: white; font-size: 36px; margin-left: 50%; font-weight: 100; line-height: 1.4em;}
.soil2 > h2 strong{color: white; font-size: 24px; font-weight: 500; margin-top: 40px; display: block }

.soil3{padding: 80px 40px 80px 40px;}
.flexat3testimonialsoil{width: 23%; margin-right: 2%; margin-left: 2%; position: relative;}
.flexat3testimonialsoil > div:nth-child(1){border-radius: 200px; width: 200px; height: 200px;position: relative;}
.flexat3testimonialsoil > div:nth-child(2) > a:hover{opacity: 1!important}
.flexat3testimonialsoil > div:nth-child(1):hover ~ div:nth-child(2){background-color: #00cc8a}
.flexat3testimonialsoil > div:nth-child(1):hover ~ div:nth-child(2) > h2{color: white;}
.flexat3testimonialsoil > div:nth-child(1):hover ~ div:nth-child(2) > h3{color: white;}
.flexat3testimonialsoil > div > a:hover ~ div{background-color: #00cc8a}
.flexat3testimonialsoil > div:nth-child(1) > a:hover ~ div > h2{color: white;}
.flexat3testimonialsoil > div:nth-child(1) > a:hover ~ div > h3{color: white;}
.flexat3testimonialsoil > div > a:hover ~ div > h2{color: white;}
.flexat3testimonialsoil > div > a:hover ~ div > h3{color: white;}
.flexat3testimonialsoil > div:nth-child(2){margin-top: -65px; margin-left: 40px; padding: 80px 30px 50px 30px; border: 2px solid #00cc8a; box-sizing: border-box;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;height: calc(100% - 170px);}
.flexat3testimonialsoil > div > h2{color: #00cc8a; margin-top: 40px; font-weight: 500;font-size: 14px;line-height: 1.4em;}
.flexat3testimonialsoil > div > h3{color: #12172e; line-height: 1.6em;font-size: 16px;}
.flexat3testimonialsoil > div > a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.flexat3testimonialsoil > div:hover {background-color: #00cc8a}
.flexat3testimonialsoil > div:hover > h3 {color: white;}
.flexat3testimonialsoil > div:hover > h2{color: white;}

.soil4{padding: 80px 40px 80px 40px;display: inline-flex; align-items: flex-start;justify-content: space-between; flex-wrap: wrap; width: 100%;}
.soil4 > .flexat{width: 27%; position: relative;}
.soil4 > div > img{width: 100%; height: auto; margin-bottom: 20px}
.soil4 h4{font-weight: 500; color: #00cc8a; font-size: 16px; margin-bottom: 20px; display: block}
.soil4 h2{font-weight: 500; color: #12172e; font-size: 26px; line-height: 1.2em;  margin-bottom: 20px; display: block}
.soil4 h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; max-width: 100%; display: block}
.soil4 a{margin-top: 20px; display: block;}

.saline1{display: inline-flex; width: 100%; justify-content: flex-end; align-items: flex-start; padding: 0px 0px 80px 0px; box-sizing: border-box;}
.saline1 > div:nth-child(1){width: 50%; padding: 80px; padding-left: 40px}
.saline1 > div:nth-child(1) h2{font-weight: 500; color: #11172f; font-size: 36px; margin: 0 auto; margin-bottom: 40px; display: block}
.saline1 > div:nth-child(1) h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; margin: 0 auto;font-family: 'Open Sans', sans-serif}
.saline1 > div:nth-child(1) h4{font-weight: 500; color: #00cc8a; font-size: 16px; margin: 0 auto; margin-bottom: 20px;}
.saline1 > div:nth-child(1)  h3 strong, .saline1 > div:nth-child(1)  h3 a{color: #00cc8a;font-size: 16px;font-weight: 500; font-family: 'Open Sans', sans-serif}
.saline1 > div:nth-child(2){width: 50%;}
.saline1 > div:nth-child(2) img{width: 100%; height: auto}

.saline2{background-color: #00cc8a; padding: 120px 80px 160px 80px; box-sizing: border-box; position: relative; margin-top: 40px; margin-bottom: 80px}
.saline2 > div{position: absolute; top: -40px; left:40px; width: 40%; height: 120%;}
.saline2 > div > img{width: 100%; height: auto}
.saline2 > h2{color: white; font-size: 36px; margin-left: 50%; font-weight: 100; line-height: 1.4em;}
.saline2 > h2 strong{color: white; font-size: 24px; font-weight: 500; margin-top: 40px; display: block }

.saline3{padding: 80px 40px 80px 40px;}
.flexat3testimonialsaline{width: 23%; margin-right: 2%; margin-left: 2%; position: relative;}
.flexat3testimonialsaline > div:nth-child(1){border-radius: 200px; width: 200px; height: 200px;position: relative;}
.flexat3testimonialsaline > div:nth-child(2) > a:hover{opacity: 1!important}
.flexat3testimonialsaline > div:nth-child(1):hover ~ div:nth-child(2){background-color: #00cc8a}
.flexat3testimonialsaline > div:nth-child(1):hover ~ div:nth-child(2) > h2{color: white;}
.flexat3testimonialsaline > div:nth-child(1):hover ~ div:nth-child(2) > h3{color: white;}
.flexat3testimonialsaline > div > a:hover ~ div{background-color: #00cc8a}
.flexat3testimonialsaline > div:nth-child(1) > a:hover ~ div > h2{color: white;}
.flexat3testimonialsaline > div:nth-child(1) > a:hover ~ div > h3{color: white;}
.flexat3testimonialsaline > div > a:hover ~ div > h2{color: white;}
.flexat3testimonialsaline > div > a:hover ~ div > h3{color: white;}
.flexat3testimonialsaline > div:nth-child(2){margin-top: -65px; margin-left: 40px; padding: 80px 30px 50px 30px; border: 2px solid #00cc8a; box-sizing: border-box;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;height: calc(100% - 170px);}
.flexat3testimonialsaline > div > h2{color: #00cc8a; margin-top: 40px; font-weight: 500;font-size: 14px;line-height: 1.4em;}
.flexat3testimonialsaline > div > h3{color: #12172e; line-height: 1.6em;font-size: 16px;}
.flexat3testimonialsaline > div > a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.flexat3testimonialsaline > div:hover {background-color: #00cc8a}
.flexat3testimonialsaline > div:hover > h3 {color: white;}
.flexat3testimonialsaline > div:hover > h2{color: white;}

.saline4{padding: 80px 40px 80px 40px;display: inline-flex;align-items: flex-start; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.saline4 > .flexat{width: 27%;position: relative;}
.saline4 > div > img{width: 100%; height: auto; margin-bottom: 20px}
.saline4 h4{font-weight: 500; color: #00cc8a; font-size: 16px; margin-bottom: 20px; display: block}
.saline4 h2{font-weight: 500; color: #12172e; font-size: 26px; line-height: 1.2em;  margin-bottom: 20px; display: block}
.saline4 h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; max-width: 100%; display: block}
.saline4 a{margin-top: 20px; display: block;}


.clogging1{display: inline-flex; width: 100%; justify-content: flex-end; align-items: flex-start; padding: 0px 0px 80px 0px; box-sizing: border-box;}
.clogging1 > div:nth-child(1){width: 50%; padding: 80px; padding-left: 40px}
.clogging1 > div:nth-child(1) h2{font-weight: 500; color: #11172f; font-size: 36px; margin: 0 auto; margin-bottom: 40px; display: block}
.clogging1 > div:nth-child(1) h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; margin: 0 auto;font-family: 'Open Sans', sans-serif}
.clogging1 > div:nth-child(1) h4{font-weight: 500; color: #00cc8a; font-size: 16px; margin: 0 auto; margin-bottom: 20px;}
.clogging1 > div:nth-child(1)  h3 strong, .clogging1 > div:nth-child(1)  h3 a{color: #00cc8a;font-size: 16px;font-weight: 500; font-family: 'Open Sans', sans-serif}
.clogging1 > div:nth-child(2){width: 50%;}
.clogging1 > div:nth-child(2) img{width: 100%; height: auto; overflow: hidden}

.clogging2{background-color: #00cc8a; padding: 120px 80px 160px 80px; box-sizing: border-box; position: relative; margin-top: 40px; margin-bottom: 80px}
.clogging2 > div{position: absolute; top: -40px; left: 40px; width: 40%; height: 120%;overflow: hidden}
.clogging2 > div > img{width: 100%; height: auto}
.clogging2 > h2{color: white; font-size: 36px; margin-left: 50%; font-weight: 100; line-height: 1.4em;}
.clogging2 > h2 strong{color: white; font-size: 24px; font-weight: 500; margin-top: 40px; display: block }

.clogging3{padding: 80px 40px 80px 40px;}
.flexat3testimonialclogging{width: 23%; margin-right: 2%; margin-left: 2%; position: relative;}
.flexat3testimonialclogging > div:nth-child(1){border-radius: 200px; width: 200px; height: 200px;position: relative;}
.flexat3testimonialclogging > div:nth-child(2) > a:hover{opacity: 1!important}
.flexat3testimonialclogging > div:nth-child(1):hover ~ div:nth-child(2){background-color: #00cc8a}
.flexat3testimonialclogging > div:nth-child(1):hover ~ div:nth-child(2) > h2{color: white;}
.flexat3testimonialclogging > div:nth-child(1):hover ~ div:nth-child(2) > h3{color: white;}
.flexat3testimonialclogging > div > a:hover ~ div{background-color: #00cc8a}
.flexat3testimonialclogging > div:nth-child(1) > a:hover ~ div > h2{color: white;}
.flexat3testimonialclogging > div:nth-child(1) > a:hover ~ div > h3{color: white;}
.flexat3testimonialclogging > div > a:hover ~ div > h2{color: white;}
.flexat3testimonialclogging > div > a:hover ~ div > h3{color: white;}
.flexat3testimonialclogging > div:nth-child(2){margin-top: -65px; margin-left: 40px; padding: 80px 30px 50px 30px; border: 2px solid #00cc8a; box-sizing: border-box;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;height: calc(100% - 170px);}
.flexat3testimonialclogging > div > h2{color: #00cc8a; margin-top: 40px; font-weight: 500;font-size: 14px;line-height: 1.4em;}
.flexat3testimonialclogging > div > h3{color: #12172e; line-height: 1.6em;font-size: 16px;}
.flexat3testimonialclogging > div > a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.flexat3testimonialclogging > div:hover {background-color: #00cc8a}
.flexat3testimonialclogging > div:hover > h3 {color: white;}
.flexat3testimonialclogging > div:hover > h2{color: white;}

.clogging4{padding: 80px 40px 80px 40px;display: inline-flex;align-items: flex-start; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.clogging4 > .flexat{width: 27%; position: relative;}
.clogging4 > div > img{width: 100%; height: auto; margin-bottom: 20px}
.clogging4 h4{font-weight: 500; color: #00cc8a; font-size: 16px; margin-bottom: 20px; display: block}
.clogging4 h2{font-weight: 500; color: #12172e; font-size: 26px; line-height: 1.2em;  margin-bottom: 20px; display: block}
.clogging4 h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; max-width: 100%; display: block}
.clogging4 a{margin-top: 20px; display: block;}


.nematode1{display: inline-flex; width: 100%; justify-content: flex-end; align-items: flex-start; padding: 0px 0px 80px 0px; box-sizing: border-box;}
.nematode1 > div:nth-child(1){width: 50%; padding: 80px; padding-left: 40px}
.nematode1 > div:nth-child(1) h2{font-weight: 500; color: #11172f; font-size: 36px; margin: 0 auto; margin-bottom: 40px; display: block}
.nematode1 > div:nth-child(1) h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; margin: 0 auto;font-family: 'Open Sans', sans-serif}
.nematode1 > div:nth-child(1) h4{font-weight: 500; color: #00cc8a; font-size: 16px; margin: 0 auto; margin-bottom: 20px;}
.nematode1 > div:nth-child(1)  h3 strong, .nematode1 > div:nth-child(1)  h3 a{color: #00cc8a;font-size: 16px;font-weight: 500; font-family: 'Open Sans', sans-serif}
.nematode1 > div:nth-child(2){width: 50%;}
.nematode1 > div:nth-child(2) img{width: 100%; height: auto}

.nematode2{background-color: #00cc8a; padding: 120px 80px 160px 80px; box-sizing: border-box; position: relative; margin-top: 40px; margin-bottom: 80px}
.nematode2 > div{position: absolute; top: -40px; left: 40px; width: 40%; height: 120%; overflow: hidden;}
.nematode2 > div > img{width: 100%; height: auto}
.nematode2 > h2{color: white; font-size: 36px; margin-left: 50%; font-weight: 100; line-height: 1.4em;}
.nematode2 > h2 strong{color: white; font-size: 24px; font-weight: 500; margin-top: 40px; display: block }

.nematode3{padding: 80px 40px 80px 40px;}
.flexat3testimonialnematode{width: 23%; margin-right: 2%; margin-left: 2%; position: relative;}
.flexat3testimonialnematode > div:nth-child(1){border-radius: 200px; width: 200px; height: 200px;position: relative;}
.flexat3testimonialnematode > div:nth-child(2) > a:hover{opacity: 1!important}
.flexat3testimonialnematode > div:nth-child(1):hover ~ div:nth-child(2){background-color: #00cc8a}
.flexat3testimonialnematode > div:nth-child(1):hover ~ div:nth-child(2) > h2{color: white;}
.flexat3testimonialnematode > div:nth-child(1):hover ~ div:nth-child(2) > h3{color: white;}
.flexat3testimonialnematode > div > a:hover ~ div{background-color: #00cc8a}
.flexat3testimonialnematode > div:nth-child(1) > a:hover ~ div > h2{color: white;}
.flexat3testimonialnematode > div:nth-child(1) > a:hover ~ div > h3{color: white;}
.flexat3testimonialnematode > div > a:hover ~ div > h2{color: white;}
.flexat3testimonialnematode > div > a:hover ~ div > h3{color: white;}
.flexat3testimonialnematode > div:nth-child(2){margin-top: -65px; margin-left: 40px; padding: 80px 30px 50px 30px; border: 2px solid #00cc8a; box-sizing: border-box;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;height: calc(100% - 170px);}
.flexat3testimonialnematode > div > h2{color: #00cc8a; margin-top: 40px; font-weight: 500;font-size: 14px;line-height: 1.4em;}
.flexat3testimonialnematode > div > h3{color: #12172e; line-height: 1.6em;font-size: 16px;}
.flexat3testimonialnematode > div > a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.flexat3testimonialnematode > div:hover {background-color: #00cc8a}
.flexat3testimonialnematode > div:hover > h3 {color: white;}
.flexat3testimonialnematode > div:hover > h2{color: white;}

.nematode4{padding: 80px 40px 80px 40px;display: inline-flex;align-items: flex-start; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.nematode4 > .flexat{width: 27%; position: relative;}
.nematode4 > div > img{width: 100%; height: auto; margin-bottom: 20px}
.nematode4 h4{font-weight: 500; color: #00cc8a; font-size: 16px; margin-bottom: 20px; display: block}
.nematode4 h2{font-weight: 500; color: #12172e; font-size: 26px; line-height: 1.2em;  margin-bottom: 20px; display: block}
.nematode4 h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; max-width: 100%; display: block}
.nematode4 a{margin-top: 20px; display: block;}


.fertilizer1{display: inline-flex; width: 100%; justify-content: flex-end; align-items: flex-start; padding: 0px 0px 80px 0px; box-sizing: border-box;}
.fertilizer1 > div:nth-child(1){width: 50%; padding: 80px; padding-left: 40px}
.fertilizer1 > div:nth-child(1) h2{font-weight: 500; color: #11172f; font-size: 36px; margin: 0 auto; margin-bottom: 40px; display: block}
.fertilizer1 > div:nth-child(1) h3{font-weight: 100; color: #11172f; font-size: 18px; line-height: 1.6em; margin: 0 auto;font-family: 'Open Sans', sans-serif}
.fertilizer1 > div:nth-child(1) h4{font-weight: 500; color: #00cc8a; font-size: 16px; margin: 0 auto; margin-bottom: 20px;}
.fertilizer1 > div:nth-child(1)  h3 strong, .fertilizer1 > div:nth-child(1)  h3 a{color: #00cc8a;font-size: 18px;font-weight: 500; font-family: 'Open Sans', sans-serif}
.fertilizer1 > div:nth-child(2){width: 50%;}
.fertilizer1 > div:nth-child(2) img{width: 100%; height: auto}

.fertilizer2{background-color: #00cc8a; padding: 120px 80px 160px 80px; box-sizing: border-box; position: relative; margin-top: 40px; margin-bottom: 80px}
.fertilizer2 > div{position: absolute; top: -40px; left: 40px; width: 40%; height: 120%;}
.fertilizer2 > div > img{width: 100%; height: auto}
.fertilizer2 > h2{color: white; font-size: 36px; margin-left: 50%; font-weight: 100; line-height: 1.4em;}
.fertilizer2 > h2 strong{color: white; font-size: 24px; font-weight: 500; margin-top: 40px; display: block }

.fertilizer3{padding: 80px 40px 80px 40px;}
.flexat3testimonialfertilizer{width: 23%; margin-right: 2%; margin-left: 2%; position: relative;}
.flexat3testimonialfertilizer > div:nth-child(1){border-radius: 200px; width: 200px; height: 200px;position: relative;}
.flexat3testimonialfertilizer > div:nth-child(2) > a:hover{opacity: 1!important}
.flexat3testimonialfertilizer > div:nth-child(1):hover ~ div:nth-child(2){background-color: #00cc8a}
.flexat3testimonialfertilizer > div:nth-child(1):hover ~ div:nth-child(2) > h2{color: white;}
.flexat3testimonialfertilizer > div:nth-child(1):hover ~ div:nth-child(2) > h3{color: white;}
.flexat3testimonialfertilizer > div > a:hover ~ div{background-color: #00cc8a}
.flexat3testimonialfertilizer > div:nth-child(1) > a:hover ~ div > h2{color: white;}
.flexat3testimonialfertilizer > div:nth-child(1) > a:hover ~ div > h3{color: white;}
.flexat3testimonialfertilizer > div > a:hover ~ div > h2{color: white;}
.flexat3testimonialfertilizer > div > a:hover ~ div > h3{color: white;}
.flexat3testimonialfertilizer > div:nth-child(2){margin-top: -65px; margin-left: 40px; padding: 80px 30px 50px 30px; border: 2px solid #00cc8a; box-sizing: border-box;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;height: calc(100% - 170px);}
.flexat3testimonialfertilizer > div > h2{color: #00cc8a; margin-top: 40px; font-weight: 500;font-size: 14px;line-height: 1.4em;}
.flexat3testimonialfertilizer > div > h3{color: #12172e; line-height: 1.6em;font-size: 16px;}
.flexat3testimonialfertilizer > div > a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.flexat3testimonialfertilizer > div:hover {background-color: #00cc8a}
.flexat3testimonialfertilizer > div:hover > h3 {color: white;}
.flexat3testimonialfertilizer > div:hover > h2{color: white;}

.fertilizer4{padding: 80px 40px 80px 40px;display: inline-flex; align-items: flex-start;justify-content: space-between; flex-wrap: wrap; width: 100%;}
.fertilizer4 > .flexat{width: 27%; position: relative;}
.fertilizer4 > div > img{width: 100%; height: auto; margin-bottom: 20px}
.fertilizer4 h4{font-weight: 500; color: #00cc8a; font-size: 16px; margin-bottom: 20px; display: block}
.fertilizer4 h2{font-weight: 500; color: #12172e; font-size: 26px; line-height: 1.2em;  margin-bottom: 20px; display: block}
.fertilizer4 h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; max-width: 100%; display: block}
.fertilizer4 a{margin-top: 20px; display: block;}


.animal1{display: inline-flex; width: 100%; justify-content: flex-end; align-items: flex-start; padding: 0px 0px 80px 0px; box-sizing: border-box;}
.animal1 > div:nth-child(1){width: 50%; padding: 80px; padding-left: 40px}
.animal1 > div:nth-child(1) h2{font-weight: 500; color: #11172f; font-size: 36px; margin: 0 auto; margin-bottom: 40px; display: block}
.animal1 > div:nth-child(1) h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; margin: 0 auto;font-family: 'Open Sans', sans-serif}
.animal1 > div:nth-child(1) h4{font-weight: 500; color: #eb402e; font-size: 16px; margin: 0 auto; margin-bottom: 20px;}
.animal1 > div:nth-child(1)  h3 strong{font-weight: 100;color: #eb402e;font-size: 16px;font-weight: 500; }
.animal1 > div:nth-child(2){width: 50%;}
.animal1 > div:nth-child(2) img{width: 100%; height: auto}

.animal2{padding: 80px 0px 0px 0px;position: relative; text-align: center;background-color: #12172e}
.animal2 > h4{font-weight: 500; color: #eb402e; font-size: 16px; max-width: 40%; margin: 0 auto; margin-bottom: 20px;}
.animal2 > h2{font-weight: 500; color: white; font-size: 36px; max-width: 40%; margin: 0 auto; margin-bottom: 40px; display: block;}
.animal2 > h3{font-weight: 100; color: white; font-size: 16px; line-height: 1.6em; max-width: 40%; margin: 0 auto;font-family: 'Open Sans', sans-serif}
.animal2 .flexat > div{width: 30%; padding: 80px; text-align: left}
.animal2 .flexat > div > .foto{opacity: 0.3;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.animal2 .flexat > div > .foto:after{display: block;margin-bottom: 20px;width: 60px;height: 5px;content: '';background-color: #eb402e;}
.animal2 .flexat > div h2{font-weight: 500; color: white; font-size: 18px; margin-bottom: 20px; display: block;opacity: 0.3;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.animal2 .flexat > div ul{margin-left: 30px}
.animal2 .flexat > div p{margin-top: 40px}
.animal2 .flexat > div li{color: white; font-size: 16px; margin-bottom: 10px;margin-left: 0px;font-weight: 100;font-family: 'Open Sans', sans-serif; line-height: 1.4em;opacity: 0.3;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.animal2 .flexat > div li:before{content:'·'; font-size: 40px; color: #eb402e; margin-right: 20px; display: inline-block; line-height: 0; vertical-align: middle;margin-left: -30px; }
.animal2 .flexat > div img {width: 50%;margin-bottom: 20px;}
.animal2 .flexat > div:hover .foto, .animal2 .flexat > div:hover h2, .animal2 .flexat > div:hover li {opacity: 1}

.animal3{display: inline-flex; width: 100%; justify-content: flex-end; align-items: flex-start; padding: 0px; padding-top: 80px; box-sizing: border-box; flex-wrap: wrap}
.animal3 > div:nth-child(2){width: 50%; padding: 80px; padding-right: 40px}
.animal3 > div:nth-child(2) h2{font-weight: 500; color: #11172f; font-size: 36px;  margin: 0 auto; margin-bottom: 40px; display: block}
.animal3 > div:nth-child(2) h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; margin: 0 auto;font-family: 'Open Sans', sans-serif}
.animal3 > div:nth-child(2) h4{font-weight: 500; color: #eb402e; font-size: 16px; margin: 0 auto; margin-bottom: 20px;}
.animal3 > div:nth-child(2)  a{font-weight: 400; color: #eb402e; font-size: 16px; line-height: 1.6em; }
.animal3 > div:nth-child(1){width: 50%;}
.animal3 > div:nth-child(1) > img{width: 100%; height: auto}

.animal4{background-color: #eb402e; padding: 120px 80px 120px 80px; box-sizing: border-box; position: relative; margin-top: 120px; margin-bottom: 80px}
.animal4 > div{position: absolute; top: -40px; left: 40px; width: 40%; height: 120%;}
.animal4 > div > img{width: 100%; height: auto}
.animal4 > h2{color: white; font-size: 36px; margin-left: 50%; font-weight: 100; line-height: 1.4em;}
.animal4 > h2 strong{color: white; font-size: 24px; font-weight: 500; margin-top: 40px; display: block }

.animal5{display: inline-flex; width: 100%; justify-content: flex-end; align-items: center; padding: 80px 0px 0px 0px; box-sizing: border-box;}
.animal5 > div:nth-child(1){width: 50%; padding: 80px; padding-left: 40px}
.animal5 > div:nth-child(1) h2{font-weight: 500; color: #11172f; font-size: 36px; margin: 0 auto; margin-bottom: 40px; display: block}
.animal5 > div:nth-child(1) h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; margin: 0 auto;font-family: 'Open Sans', sans-serif;}
.animal5 > div:nth-child(1) h4{font-weight: 500; color: #eb402e; font-size: 16px; margin: 0 auto; margin-bottom: 20px;}
.animal5 > div:nth-child(1)  h3 strong{font-weight: 100;color: #eb402e;font-size: 16px;font-weight: 500; }
.animal5 > div:nth-child(2){width: 50%;}
.animal5 > div:nth-child(2) > img{width: 100%; height: auto}

.animal6{padding: 80px;position: relative; text-align: center;background-color: #12172e; box-sizing: border-box}
.buildings999{padding: 80px;position: relative; text-align: center;background-color: #12172e; box-sizing: border-box}

.animal7{padding: 80px 40px 80px 40px; box-sizing: border-box; display: inline-flex;align-items: flex-start; justify-content: space-between; width: 100%; flex-wrap: wrap}
.animal7 > .flexat{width: 27%; position: relative;}
.animal7 > div > img{width: 100%; height: auto; margin-bottom: 20px}
.animal7 h4{font-weight: 500; color: #eb402e; font-size: 16px; margin-bottom: 20px; display: block}
.animal7 h2{font-weight: 500; color: #12172e; font-size: 26px; line-height: 1.2em;  margin-bottom: 20px; display: block}
.animal7 h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; max-width: 100%; display: block}
.animal7 a{margin-top: 20px; display: block;}

.biofilm-animal1{padding: 0px 40px 80px 40px; box-sizing: border-box; width: 100%; text-align: center; max-width: 50%; margin-left: 25%; }
.biofilm-animal1 h4{font-weight: 500; color: #eb402e; font-size: 16px; margin-bottom: 20px; display: block; width: 100%;}
.biofilm-animal1 h2{font-weight: 500; color: #12172e; font-size: 26px; line-height: 1.2em;  margin-bottom: 20px; display: block;width: 100%;}
.biofilm-animal1 h3{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; max-width: 100%; display: block;width: 100%;font-family: 'Open Sans', sans-serif;}
.biofilm-animal1 a{margin-top: 20px; display: block;}

.biofilm-animal2, .biofilm-animal4{padding: 80px; margin-bottom: 80px; background-color: #11172f}

.biofilm-animal3{padding: 80px; padding-top: 0}
.biofilm-animal3.flexat{display: inline-flex; justify-content: space-between; align-items: center; margin-top: 40px; margin-bottom: 40px}
.biofilm-animal3 > .flexat5{line-height: 1.4em; width: 18%; text-align: left;  background: url(images/fons-biofilm.svg) no-repeat; background-size: contain;min-height: 100px;display: inline-flex; align-items: center; padding-left: 20px}
.biofilm-animal3 > .flexat6{width: 15%; text-align: left;  background: url(images/fons-biofilm.svg) no-repeat; background-size: contain;min-height: 100px;display: inline-flex; align-items: center; padding-left: 20px; line-height: 1.4em}
.biofilm-animal3 > .flexat6 span{color: #eb402e;}

.biofilm-animal-hydration4{display: inline-flex; width: 100%; justify-content: flex-end; align-items: flex-start; padding: 0px 0px 80px 0px; box-sizing: border-box;}
.biofilm-animal-hydration4 > div:nth-child(2){width: 50%; padding: 80px; padding-left: 40px}
.biofilm-animal-hydration4 > div:nth-child(2) h2{font-weight: 500; color: #11172f; font-size: 36px; margin: 0 auto; margin-bottom: 40px; display: block}
.biofilm-animal-hydration4 > div:nth-child(2) h3, .waterefficiency1 > div:nth-child(1) p{font-weight: 100; color: #11172f; font-size: 16px; line-height: 1.6em; margin: 0 auto;font-family: 'Open Sans', sans-serif}
.biofilm-animal-hydration4 > div:nth-child(2) h4{font-weight: 500; color: #00cc8a; font-size: 16px; margin: 0 auto; margin-bottom: 20px;}
.biofilm-animal-hydration4 > div:nth-child(2)  h3 strong, .waterefficiency1 > div:nth-child(1)  h3 a{color: #00cc8a;font-size: 18px;font-weight: 500; }
.biofilm-animal-hydration4 > div:nth-child(1){width: 50%;}
.biofilm-animal-hydration4 > div:nth-child(1) img{width: 100%; height: auto}


.biofilm-animal5{background-color: #eb402e; padding: 120px 80px 120px 80px; box-sizing: border-box; position: relative; margin-top: 40px; margin-bottom: 80px}
.biofilm-animal5 > div{position: absolute; top: -40px; left: 40px; width: 40%; height: 120%;}
.biofilm-animal5 > div > img{width: 100%; height: auto}
.biofilm-animal5 > h2{color: white; font-size: 36px; margin-left: 50%; font-weight: 100; line-height: 1.4em;}
.biofilm-animal5 > h2 strong{color: white; font-size: 24px; font-weight: 500; margin-top: 40px; display: block }
.biofilm-animal5  a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.tribe-common .tribe-common-c-btn, .tribe-common a.tribe-common-c-btn{background-color: #1878f3!important; border-radius: 25px!important; padding: 10px 30px 10px 30px!important;font-family: 'Roboto', sans-serif!important}
.tribe-common .tribe-common-c-btn:hover, .tribe-common a.tribe-common-c-btn:hover{background-color: white!important; border-radius: 25px!important; padding: 10px 30px 10px 30px!important;font-family: 'Roboto', sans-serif!important; color: #1878f3; border: 2px solid #1878f3}
.tribe-events-cal-links .tribe-events-gcal, .tribe-events-cal-links .tribe-events-ical{color: #1878f3!important}

.graphcontext{position: relative}
.graphcontext img{width: 100%; height: auto;}
.graphcontext > div{position: absolute; bottom: 100px; left: 80px; color: white;text-align: left; width: 250px}


.graphcontext > div > p{color: white; line-height: 1.6em}
.graphcontext > div strong{font-weight: bold;color: white; margin-bottom: 20px; display: block; }
.graphcontext > div strong.verde{display: inline-block;font-weigth: bold; color: #00cc8a}
.tribe-common .tribe-common-h5, .tribe-common .tribe-common-h6, .tribe-events-event-url > a{color: #1878f3!important}
.graphcontext.animal6 > div{position: absolute; top: 60px; left: 80px; color: white;text-align: left; width: 250px}
.graphcontext.animal6 > div strong{display: inline-block;font-weigth: bold; color: #eb412d}
.graphcontext.buildings999 > div{position: absolute; top: 60px; left: 80px; color: white;text-align: left; width: 250px}
.graphcontext.buildings999 > div strong{display: inline-block;font-weigth: bold; color: #ffbe1e}
.tribe-events-single-event-title{color: #1878f3!important}
.tribe-events-calendar-list__event-title a{color: #1878f3!important; font-size: 20px!important; font-weight: bold!important}
#tribe-events-pg-template, .tribe-common-l-container {margin: 0 auto!important;max-width: 100%!important;padding: 40px 40px 40px!important;}
.tribe-common .tribe-common-c-svgicon{color: #1878f3!important}

.privacy{width: 100%; padding: 0px 40px 40px 40px; box-sizing: border-box;}
.privacy h2{font-weight: 500; color: #1878f3; font-size: 26px; margin: 0 auto; margin-bottom: 20px; margin-top: 40px; display: block}
.privacy p{color: #11172f; font-size: 15px; margin-bottom: 20px;}

.menumobil{display: none}
.menumobil img{width: 35px; height: 35px; cursor: pointer;}
.containermenu{position: fixed; top: 20px; right: 20px; z-index: 99998}
.menumobilclose{position: fixed; top: 20px; right: 20px; z-index: 100000; display: none}
.menumobilclose img{width: 35px; height: 35px; cursor: pointer;}

.wpcf7 form.sent .wpcf7-response-output{border: 0px solid white}
.flexatfooter2 .wpcf7 form.sent .wpcf7-response-output, .contact2 .wpcf7 form.sent .wpcf7-response-output{border: 0px solid white; color: white!important; padding: 0!important}

.fancybox-content {height: 100%!important;}


#myVideo{object-fit: cover;width: 100%;height: 100%;position: absolute;top: 0;left: 0; z-index: 0}
.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {width: 100% !important;height: 100% !important;}
.mejs-container {padding-top: 56.25%;}
.wp-video, video.wp-video-shortcode {max-width: 100% !important;}
video.wp-video-shortcode {position: relative;}
.mejs-mediaelement {position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.mejs-controls {display: none;}
.mejs-overlay-play {top: 0;right: 0;bottom: 0;left: 0;width: auto !important;height: auto !important;}

#myVideoincontent{object-fit: cover;width: 100%;height: 500px;position: absolute;top: 0;left: 0; z-index: 0}

#yvideo{width: 100%; height: 580px}
.rotationimage{text-align: center; width: 100%; margin-top: 40px; margin-bottom: 80px}

.titleee{text-align: center; font-size: 20px}

@media screen 
and (max-width : 1200px) 
and (min-width : 1024px) 
{
#menu-principal > li{margin-left: 30px}
.flexat3testimonials{width: 29%}
.flexat2circular:nth-child(2) {width: 50%;margin-right: 0%;}
.flexat2circular:nth-child(2) {height: 370px;}
.contact1 .direcciones .direccion{width: 100%; margin-right: 0%; margin-bottom: 40px}

}


@media screen 
and (max-width : 1023px) 
and (min-width : 768px) 
{
.flexat2circular:nth-child(2) {width: 50%;margin-right: 0%;}
.flexat2circular:nth-child(2) {height: 300px;}
.menumobil{display: block}
.logoprincipal{margin-top: 0}
header{align-items: flex-start!important;}
body > header{padding: 20px 20px 5px 20px}
.headerpage, .headerpagevideo.irrigation, .headerpagevideo.sustainable{height: 350px}
main {margin-top: 70px;}
.containermenu{display: none; z-index: 99999;width: 100%; height: 100vh;background-color: rgba(255,255,255,0.90);padding: 80px 20px 0px 0px; box-sizing: border-box; top: 0; left: 0}
#menu-principal {display: block;}
#menu-principal > li {margin-left: 0px;display: block; margin-bottom:20px}
#menu-principal  li  a {font-size: 20px;padding-bottom: 0px;margin-bottom: 10px;}
#menu-principal > li > ul {background-color: rgba(255,255,255,0); padding: 20px 20px 20px 0px!important; position: relative; top: 0px; left: 0px; text-align: right;}
#menu-principal li ul, #menu-principal li .sub-menu{padding-right: 10px; margin-bottom: 20px}
#menu-principal > li:hover > .sub-menu {width: auto!important;display: none;}
#menu-principal .sub-menu li{margin-bottom: 10px}
#menu-idiomass {margin-left: 0px;display: block;text-align: right; margin-top: 30px}
#menu-idiomass > li > a{padding-right: 0; display: none}
#menu-idiomass > li:after{display: none}
#menu-idiomass .menu{display: block; background-color: rgba(255,255,255,0);position: relative;top: auto;left: auto; padding: 15px 0px 10px 20px}
.slidehome > .infoslidehome > div > h1{width: 100%;}
.slidehome > .infoslidehome > div > h2{width: 100%;}
.flexat3logos {width: 25%;margin-left: 2%;margin-right: 2%;}
.flexat4logos {width: 21%;margin-left: 2%;margin-right: 2%;}
.irrigation6 {padding: 80px 0px 80px 0px;}
.flexat3testimonials, .flexat3testimonialsirrigationconlink, .flexat3testimonialsirrigation, .flexat3testimonialsbuildings, .flexat3testimonialsoil, .flexat3testimonialsaline, .flexat3testimonialclogging, .flexat3testimonialfertilizer, .flexat3testimonialnematode{width: 29%;}
.flexat3testimonials > div:nth-child(2), .flexat3testimonialsirrigationconlink > div:nth-child(2), .flexat3testimonialsirrigation > div:nth-child(2), .flexat3testimonialsbuildings > div:nth-child(2), .flexat3testimonialsoil > div:nth-child(2), .flexat3testimonialsaline > div:nth-child(2), .flexat3testimonialclogging > div:nth-child(2), .flexat3testimonialfertilizer > div:nth-child(2), .flexat3testimonialnematode > div:nth-child(2){margin-left: 20px;padding: 80px 10px 50px 10px;}
.flexat2circular:nth-child(2) {height: 370px;}
.flexat2circular {width: 50%;position: relative;}
.flexathomeindustria > .foto{height: 250px}
.flexathomeindustria > h2{min-height: 140px}
.about3.flexat{align-items: center;}
.flexat3circular, .flexat3irrigation2 {width: 28%; margin-left: 1%; margin-right: 1%;}

.sustainable2 > div {width: 33%;padding: 0px 20px 80px 20px;}

/*alineat items amb foto a dalt*/
.about1.flexat > .flexat2:nth-child(1), .about4 > div:nth-child(1), .about3.flexat > .flexat2:nth-child(1), .collaboration1 > div:nth-child(1), .irrigation1 > div:nth-child(1), .irrigation3 > div:nth-child(2), .irrigation4 > div:nth-child(2),.irrigation7 > div:nth-child(1), .sustainable1 > div:nth-child(1), .sustainable3 > div:nth-child(2), .sustainable4.flexat > .flexat2:nth-child(1),.sustainable7.flexat > .flexat2:nth-child(1),.sustainable9 > div:nth-child(2) h4, .sustainable10 > div:nth-child(1), .sustainable9 > div:nth-child(2),.animal1 > div:nth-child(1), .animal3 > div:nth-child(2), .animal5 > div:nth-child(1),.corporate4.flexat > .flexat2:nth-child(1), .waterefficiency1 > div:nth-child(1), .soil1 > div:nth-child(1), .saline1 > div:nth-child(1), .clogging1 > div:nth-child(1), .fertilizer1 > div:nth-child(1), .nematode1 > div:nth-child(1), .limescale1 > div:nth-child(1), .biofilm-animal-hydration4 > div:nth-child(1){padding: 0 20px 20px 20px}
.contact1{align-items: flex-start}
.contact1{ padding-top: 60px}
.contact1 > div:nth-child(1){padding: 20px;}

/*walter*/
.about2, .team3, .sustainable11, .animal4, .waterefficiency2, .soil2, .nematode2, .fertilizer2, .clogging2, .biofilm-animal5{padding: 40px}
.about2 > h2 {font-size: 28px;margin-left: 55%;}
.team3 h2, .sustainable11 h2, .animal4 h2, .waterefficiency2 h2, .soil2 h2, .saline2 h2, .nematode2 > h2, .fertilizer2 > h2, .clogging2 > h2, .biofilm-animal5 > h2{font-size: 28px;}
.about3.flexat > .flexat2:nth-child(2) > a > img{width: 20%;}

/*beforeafter*/
.waterefficiency2 > div, .soil2 > div, .saline2 > div {position: absolute;top: 50%;margin-top: -21%;left: 40px;width: 40%;height: auto;}


.about5 ul li{width: 44%;}
.about5 > .flexat{padding: 0}
.about5 > .flexat >.flexat5{width: 18%}

.team1 > h4, .team1 > h2, .team1 > h3, .irrigation2 > h4, .irrigation2 > h2, .irrigation2 > h3, .sustainable5 h2, .sustainable5 h3, .sustainable5 h4, .animal2 h2, .animal2 h3, .animal2 h4, .corporate1 h2, .corporate1 h3, .corporate1 h4{max-width: 80%}

.corporate2 {padding: 0px 20px 80px 20px;}
.team3{align-items: flex-start;}
.cosany > div{width: 48.5%;margin-bottom: 12px;}
.collaboration2 {padding: 0px 20px 80px 20px;}
 .tribe-common-l-container{padding: 40px 20px 40px 20px!important;}
 
 .graphcontext > div {position: relative;bottom: auto;left: auto;width: 100%;padding: 40px;box-sizing: border-box; padding-top: 0}
.irrigation4 > div:nth-child(2) ul li{width: 38%; margin-right: 5%;}
.irrigation8 > .flexat{padding: 80px 0px 0px 0px;}
.irrigation8 > .flexat >.flexat5{width: 18%;padding: 20px 0px 20px 20px;}
.irrigation8 ul li{width: 44%;}
.sustainable4.flexat{align-items: center;}
.sustainable4.flexat > .flexat2:nth-child(2) > a > img{width: 30%}

.sustainable5 .flexat > div {width: 30%;padding: 40px 30px 30px 20px;text-align: left;}
.sustainable6.flexat{align-items: center;}
.sustainable6 .flex30 {width: 90%; margin-left: 0%; margin-right: 0%;}
.sustainable7.flexat{align-items: flex-start;}
.sustainable7.flexat > .flexat2:nth-child(2){width: 48%; padding-right: 20px}
.sustainable10{align-items: center;}

.animal2 .flexat > div{padding: 60px 20px 60px 20px;}
.limescale1{padding: 0px 20px 80px 20px}
/*noticies*/
.nematode3, .clogging3, .fertilizer3, .soil3, .efficiency3 .irrigation3, .limescale3{padding: 80px 20px 80px 20px;}

.sustainable12, .animal7, .corporate3, .waterefficiency3, .waterefficiency4, .soil4, .saline4, .nematode4, .fertilizer4, .clogging4 {padding: 80px 20px 80px 20px;}
.sustainable12 > .flexat, .animal7 > .flexat, .corporate3 > .flexat, .waterefficiency3 > .flexat, .waterefficiency4 >  .flexat, .soil4 >  .flexat, .saline4 > .flexat, .nematode4 > .flexat, .fertilizer4 > .flexat, .clogging4 > .flexat, .limescale3 > .flexat{width: 31%;}
.sustainable12 h2, .animal7 h2, .corporate3 h2, .waterefficiency3 h2, .waterefficiency4 >  .flexat >  div, .soil4 >  .flexat >  div, .saline4 > .flexat > div, .nematode4 > .flexat > div, .fertilizer4 > .flexat > div, .clogging4 > .flexat > div, .limescale3 > div{font-size: 24px}
.graphcontext.animal6 > div { position: relative; top: auto; left: auto; color: white; text-align: left; width: 100%;padding-top: 40px;}
.flexatfooter2:nth-child(1) {margin-right: 10%;}
.media1.flexat .video {width: 31%;}
.contact2 > div:nth-child(1) {width: 50%;padding: 0px 20px 80px 20px;}
.contact2 > div:nth-child(2) {width: 50%;padding: 0px 20px 20px 40px;}
.flexatfooter4 {width: 33%;}
.flexatfooter2 {width: 42%;}
.footer .wpcf7 span > input{width: 80%;}
.corporate5 {padding: 0px 20px 80px 20px;}
.flexat3testimonialwaterefficiency {margin-right: 0%;margin-left: 0%;}
.biofilm-animal3 {padding: 20px;}
.biofilm-animal3.flexat{margin-top: 0px;}
.biofilm-animal3 > .flexat6{width: 26%; margin-bottom: 40px}
.biofilm-animal1{width: 100%; margin-left: 0; max-width: 100%}
.flexat3logos > a > img{max-width: 100%;}
.graph1espai, .graph2espai, .graph3espai, .graph4espai, .graph5espai{display: none}
.graph1, .graph2, .graph3, .graph4, .graph5{opacity: 1;}
.sustainable5 .flexat > div > .foto, .sustainable5 .flexat > div h2, .sustainable5 .flexat > div li{opacity: 1;}
.contact1 .direcciones .direccion{width: 100%; margin-right: 0%; margin-bottom: 40px}

.slidehome2 > .infoslidehome2{padding: 20px!important}
.slidehome2 > .infoslidehome2 > .nube{max-width: 100%}
}

@media screen 
and (max-width : 768px) 
{

.contactnew {padding: 20px;}
.contactnew #l1, .contactnew #l3, .contactnew #l5, .contactnew #l7, .contactnew #l9, .contactnew #l11{width: 100%!important; margin-right: 0%!important;}
.contactnew #l2, .contactnew #l4, .contactnew #l6, .contactnew #l8, .contactnew #l10, .contactnew #l12{width: 100%!important; margin-right: 0%!important;}

.headerpage > h1, .headerpagesinfoto > h1, .headerpagevideo > h1{top: 25px; font-size: 26px}
.headerpage > h2{top: 110px; left: 20px;}
.menumobil{display: block}
.logoprincipal{margin-top: 0}
header{align-items: flex-start!important;}
body > header{padding: 20px 20px 5px 20px}
.headerpagevideo.irrigation, .headerpagevideo.sustainable{height: 300px;}
.headerpage, .headerpagesinfoto{height: 150px}
main {margin-top: 70px;}
.slidehome > .infoslidehome{padding-left: 20px; padding-right: 20px; top:0}
.containermenu{display: none; z-index: 99999;width: 100%; height: 100vh;background-color: rgba(255,255,255,0.90);padding: 80px 20px 0px 0px; box-sizing: border-box; top: 0; left: 0}
#menu-principal {display: block;}
#menu-principal > li {margin-left: 0px;display: block; margin-bottom:20px}
#menu-principal  li  a {font-size: 20px;padding-bottom: 0px;margin-bottom: 10px;}
#menu-principal > li > ul {background-color: rgba(255,255,255,0); padding: 20px 20px 20px 0px!important; position: relative; top: 0px; left: 0px; text-align: right;}
#menu-principal li ul, #menu-principal li .sub-menu{padding-right: 10px; margin-bottom: 20px}
#menu-principal > li:hover > .sub-menu {width: auto!important;display: none;}
#menu-principal .sub-menu li{margin-bottom: 10px}
#menu-idiomass {margin-left: 0px;display: block;text-align: right; margin-top: 30px}
#menu-idiomass > li > a{padding-right: 0; display: none}
#menu-idiomass > li:after{display: none}
#menu-idiomass .menu{display: block; background-color: rgba(255,255,255,0);position: relative;top: auto;left: auto; padding: 15px 0px 10px 20px}
.slidehome > .infoslidehome > div > h1{width: 100%;font-size: 24px;}
.slidehome > .infoslidehome > div > h2{width: 100%;}
.flexat3logos {width: 31%;margin-left: 1%;margin-right: 1%;}
.flexat4logos {width: 27%;margin-left: 3%;margin-right: 3%;}
.home2 > div.flexat{padding-top: 0!important}
.irrigation6 {padding: 80px 0px 80px 0px;}
.flexat3testimonials, .flexat3testimonialsirrigationconlink, .flexat3testimonialsirrigation, .flexat3testimonialsbuildings, .flexat3testimonialsoil, .flexat3testimonialsaline, .flexat3testimonialclogging, .flexat3testimonialfertilizer, .flexat3testimonialnematode{width: 100%;margin-right: 0%; margin-left: 0%;}
.flexat3testimonials > div:nth-child(2), .flexat3testimonialsirrigationconlink > div:nth-child(2), .flexat3testimonialsirrigation > div:nth-child(2), .flexat3testimonialsbuildings > div:nth-child(2), .flexat3testimonialsoil > div:nth-child(2), .flexat3testimonialsaline > div:nth-child(2), .flexat3testimonialclogging > div:nth-child(2), .flexat3testimonialfertilizer > div:nth-child(2), .flexat3testimonialnematode > div:nth-child(2){margin-left: 0px;padding: 80px 10px 50px 10px; text-align: center}

.flexat3testimonials > div:nth-child(1), .flexat3testimonialsirrigationconlink > div:nth-child(1), .flexat3testimonialsirrigation > div:nth-child(1), .flexat3testimonialsbuildings > div:nth-child(1), .flexat3testimonialsoil > div:nth-child(1), .flexat3testimonialsaline > div:nth-child(1), .flexat3testimonialclogging > div:nth-child(1), .flexat3testimonialfertilizer > div:nth-child(1), .flexat3testimonialnematode > div:nth-child(1){margin: 0 auto;}

.flexat2circular:nth-child(2) {height: 300px;}
.flexat2circular {width: 50%;position: relative;}
.flexathomeindustria > .foto{height: 250px}
.flexathomeindustria > h2{min-height: 140px}
.about3.flexat{align-items: center;}
.flexat3circular, .flexat3irrigation2 {width: 100%;margin-left: 0;margin-right: 0;margin-bottom: 60px!important;}
.botonen100 {margin-top: 0px;}
.sustainable2 > div {width: 100%;padding: 0px 20px 80px 20px;}
	
/*alineat items amb foto a dalt*/
.about1.flexat > .flexat2:nth-child(1), .about4 > div:nth-child(1), .about3.flexat > .flexat2:nth-child(1), .collaboration1 > div:nth-child(1), .irrigation1 > div:nth-child(1), .irrigation3 > div:nth-child(2), .irrigation4 > div:nth-child(2),.irrigation7 > div:nth-child(1), .sustainable1 > div:nth-child(1), .sustainable3 > div:nth-child(2), .sustainable4.flexat > .flexat2:nth-child(1),.sustainable7.flexat > .flexat2:nth-child(1),.sustainable9 > div:nth-child(2) h4, .sustainable10 > div:nth-child(1), .sustainable9 > div:nth-child(2),.animal1 > div:nth-child(1), .animal3 > div:nth-child(2), .animal5 > div:nth-child(1),.corporate4.flexat > .flexat2:nth-child(1), .waterefficiency1 > div:nth-child(1), .soil1 > div:nth-child(1), .saline1 > div:nth-child(1), .clogging1 > div:nth-child(1), .fertilizer1 > div:nth-child(1), .nematode1 > div:nth-child(1), .limescale1 > div:nth-child(1), .biofilm-animal-hydration4 > div:nth-child(1){padding: 20px; width: 100%}

.about1.flexat > .flexat2:nth-child(2), .about4 > div:nth-child(2), .about3.flexat > .flexat2:nth-child(2), .collaboration1 > div:nth-child(2), .irrigation1 > div:nth-child(2), .irrigation3 > div:nth-child(1), .irrigation4 > div:nth-child(1),.irrigation7 > div:nth-child(2), .sustainable1 > div:nth-child(2), .sustainable3 > div:nth-child(1), .sustainable4.flexat > .flexat2:nth-child(2),.sustainable7.flexat > .flexat2:nth-child(2),.sustainable9 > div:nth-child(1) h4, .sustainable10 > div:nth-child(2), .sustainable9 > div:nth-child(1),.animal1 > div:nth-child(2), .animal3 > div:nth-child(1), .animal5 > div:nth-child(1),.corporate4.flexat > .flexat2:nth-child(2), .waterefficiency1 > div:nth-child(2), .soil1 > div:nth-child(2), .saline1 > div:nth-child(2), .clogging1 > div:nth-child(2), .fertilizer1 > div:nth-child(2), .nematode1 > div:nth-child(2), .limescale1 > div:nth-child(2), .biofilm-animal-hydration4 > div:nth-child(2){width: 100%; margin-top: 20px}
.about1.flexat > .flexat2:nth-child(1), .collaboration1 > div:nth-child(1), .irrigation7 > div:nth-child(1), .sustainable1 > div:nth-child(1), .sustainable3 > div:nth-child(2),.sustainable7.flexat > .flexat2:nth-child(1), .sustainable9 > div:nth-child(2), .sustainable9 > div:nth-child(2) h4, .sustainable10 > div:nth-child(1), .animal3 > div:nth-child(2), .animal5 > div:nth-child(1){padding: 0}
.contact1{align-items: flex-start}
.contact1{ padding-top: 60px}
.contact1 > div:nth-child(1){padding: 20px;}

/*walter*/
.about2, .team3, .sustainable11, .animal4, .waterefficiency2, .soil2, .nematode2, .fertilizer2, .clogging2, .biofilm-animal5{padding: 20px; margin-top: 0; margin-bottom: 0}
.about2 > h2 {font-size: 28px;margin-left: 0;}
.about2 > div, .team3 > div, .sustainable11 > div, .animal4 > div, .waterefficiency2 > div, .soil2 > div, .nematode2 > div, .fertilizer2 > div, .clogging2 > div, .biofilm-animal5 > div{width: 100%; position: relative; margin-bottom: 20px; height: auto;top: auto; left: auto;}
.team3 h2, .sustainable11 h2, .animal4 h2, .waterefficiency2 h2, .soil2 h2, .saline2 h2, .nematode2 > h2, .fertilizer2 > h2, .clogging2 > h2, .biofilm-animal5 > h2{font-size: 28px; width: 100%; margin-left:0}
.about3.flexat > .flexat2:nth-child(2) > a > img{width: 20%;}

/*beforeafter*/
.waterefficiency2 > div, .soil2 > div, .saline2 > div, .waterefficiency2 > div {position: relative ;top: auto;margin-top: 0;left: 0px;width: 100%;height: auto;}


.about5 ul li{width: 100%;}
.about5 > .flexat{padding: 0}
.about5 > .flexat >.flexat5{width: 45%;margin-bottom: 20px;padding: 26px 0px 34px 23px;}

.team1 > h4, .team1 > h2, .team1 > h3, .irrigation2 > h4, .irrigation2 > h2, .irrigation2 > h3, .sustainable5 h2, .sustainable5 h3, .sustainable5 h4, .animal2 h2, .animal2 h3, .animal2 h4, .corporate1 h2, .corporate1 h3, .corporate1 h4{max-width: 100%}
.about5{padding-bottom: 80px}
.corporate2 {padding: 0px 20px 80px 20px;}
.team3{align-items: flex-start;flex-wrap: wrap;}
.cosany > div{width: 100%;margin-bottom: 12px;}
.collaboration2 {padding: 0px 20px 80px 20px;}
 .tribe-common-l-container{padding: 40px 20px 40px 20px!important;}
 
 .graphcontext > div {position: relative;bottom: auto;left: auto;width: 100%;padding: 0px;box-sizing: border-box; padding-top: 20px}
.irrigation4 > div:nth-child(2) ul li{width: 44%; margin-right: 5%;}
.irrigation8 > .flexat{padding: 20px 0px 0px 0px;margin-top: 0;margin-bottom: 0;}
.irrigation8 > .flexat >.flexat5, .biofilm-animal3 > .flexat5, .biofilm-animal3 > .flexat6{width: 45%; padding: 30px 0px 30px 20px; box-sizing: border-box; margin-bottom: 20px}
.irrigation8 ul li{width: 100%;}
.sustainable4.flexat{align-items: center;}
.sustainable4.flexat > .flexat2:nth-child(2) > a > img{width: 37%;margin-right: 5%;}

.sustainable5 .flexat > div {width: 100%;padding: 40px 30px 30px 20px;text-align: left; margin-top: 20px;}
.sustainable6.flexat{align-items: center;margin-bottom: 0;}
.sustainable6 .flex30 {width: 90%; margin-left: 0%; margin-right: 0%;}
.sustainable7.flexat{align-items: flex-start;margin-bottom: 0px;}
.sustainable7.flexat > .flexat2:nth-child(2){width: 100%; padding-right: 0px}
.sustainable10{align-items: center;}
.sustainable5 .flexat > div > .foto, .sustainable5 .flexat > div h2, .sustainable5 .flexat > div li{opacity: 1;}

.animal2 .flexat > div{padding: 60px 20px 60px 20px;}
.limescale1{padding: 0px 20px 80px 20px}
/*noticies*/
.nematode3, .clogging3, .fertilizer3, .soil3, .efficiency3 .irrigation3, .limescale3{padding: 80px 20px 80px 20px;}

.sustainable12, .animal7, .corporate3, .waterefficiency3, .waterefficiency4, .soil4, .saline4, .nematode4, .fertilizer4, .clogging4 {padding: 80px 20px 80px 20px;}
.sustainable12 > .flexat, .animal7 > .flexat, .corporate3 > .flexat, .waterefficiency3 > .flexat, .waterefficiency4 >  .flexat, .soil4 >  .flexat, .saline4 > .flexat, .nematode4 > .flexat, .fertilizer4 > .flexat, .clogging4 > .flexat, .limescale3 > .flexat{width: 100%; margin-bottom: 40px}
.sustainable12 h2, .animal7 h2, .corporate3 h2, .waterefficiency3 h2, .waterefficiency4 >  .flexat >  div, .soil4 >  .flexat >  div, .saline4 > .flexat > div, .nematode4 > .flexat > div, .fertilizer4 > .flexat > div, .clogging4 > .flexat > div, .limescale3 > div{font-size: 24px}
.graphcontext.animal6 > div { position: relative; top: auto; left: auto; color: white; text-align: left; width: 100%;padding-top: 40px;}
.media1.flexat .video {width: 100%;}
.contact2 > div:nth-child(1) {width: 50%;padding: 0px 20px 80px 20px;}
.contact2 > div:nth-child(2) {width: 50%;padding: 0px 20px 20px 40px;}
.flexatfooter4 {width: 100%;margin-top: 30px;}
.flexatfooter2 {width: 100%;}
.footer .wpcf7 span > input{width: 80%;}
.corporate5 {padding: 0px 20px 80px 20px;}

/*testimonials*/
.waterefficiency3 > .flexat{margin-bottom: 0}
.flexat3testimonialwaterefficiency {margin-right: 0%;margin-left: 0%; width: 100%}
.flexat3testimonialwaterefficiency > div:nth-child(1){margin: 0 auto}
.flexat3testimonialwaterefficiency > div:nth-child(2){margin-left: 0;text-align: center;}

.biofilm-animal3 {padding: 20px;}
.biofilm-animal3.flexat{margin-top: 0px;}
.biofilm-animal1{width: 100%; margin-left: 0; max-width: 100%}
.flexat3logos > a > img{max-width: 100%;}
.newsletterbanner{display: none!important}
.home1 {padding-top: 40px;padding-bottom:0px;}
.home1 > h4{padding-left: 20px; padding-right: 20px;box-sizing: border-box;  width: 100%;}
.home1 > h3{padding-left: 20px;padding-right: 20px;box-sizing: border-box; width: 100%;}
.home1 > h2{padding-left: 20px;padding-right: 20px;box-sizing: border-box; width: 100%;}
.flexathomeindustria, .home3 > h3{width: 100%}
.flexathomeindustria > h2{min-height: auto; padding: 20px}
.home3{background: #12172e;}


.home2, .home3, .home5, .home6, .home7, footer > .footerup, .about1.flexat, .about4, .about3, .about4, .about5, .team1, .team2, .pressrelease, .collaboration1, .irrigation1, .irrigation2, .irrigation3, .irrigation4, .irrigation6, .irrigation7, .irrigation8, .sustainable1, .sustainable3, .sustainable5, .sustainable6.flexat, .sustainable7, .sustainable8, .sustainable9, .sustainable10, .sustainable12, .animal2, .animal3, .animal5, .animal6, .animal7, .media1.flexat, .corporate1, .corporate3, .collaboration3, .collaboration4, .waterefficiency3, .waterefficiency4, .saline2, .saline3, .limescale1 ,.corrosion1, .biofilm1, .limescale2, .corrosion2, .biofilm2, .limescale3, .corrosion3, .biofilm3, .biofilm-animal1, .biofilm-animal2, .biofilm-animal3, .biofilm-animal-hydration4, .biofilm-animal4{padding: 40px 20px 40px 20px}
.limescale1 > div:nth-child(1), .corrosion1 > div:nth-child(1), .biofilm1 > div:nth-child(1), .biofilm-animal-hydration4 > div:nth-child(1){padding: 0}
.saline1, .clogging1, .clogging3, .clogging4, .fertilizer1, .fertilizer3, .nematode1, .nematode3, .biofilm-animal3{padding-bottom: 0}
.saline2, .clogging2, .clogging3, .clogging4, .fertilizer4, .nematode3, .nematode4, .biofilm-animal3{margin-top: 0; margin-bottom: 0}
.botonnaranja{display: block}
.about4 > div:nth-child(1), .about3.flexat > .flexat2:nth-child(1), .irrigation1 > div:nth-child(1), .irrigation3 > div:nth-child(2), .irrigation4 > div:nth-child(2){padding: 0}
.flexat3info {width: 100%;margin-left: 0;margin-right: 0;border-left: 0px solid #1878f3;padding-left: 0px; text-align: center;margin-bottom: 40px;}
.flexat3info > span, .biofilm-animal2{margin-bottom: 0}
.irrigation3 > div:nth-child(1){margin-bottom: 20px}
.home4 > div > .flexat2video:nth-child(1){width: 100%; height: 250px}
.home4 > div > .flexat2video:nth-child(2){width: 100%;padding: 40px;}
.flexat2circular{width: 100%; margin-bottom: 20px}
.headerpage > h1, .headerpagesinfoto > h1, .headerpagevideo > h1{left: 20px}
.graph1espai, .graph2espai, .graph3espai, .graph4espai, .graph5espai{display: none}
.flexat2circular > .graph1, .flexat2circular > .graph2, .flexat2circular > .graph3, .flexat2circular > .graph4, .flexat2circular > .graph5, .flexat3circular:nth-child(1):before, .flexat3circular > h3{opacity: 1;}
.home6 > p {display: block;width: 100%;margin: 0 auto;text-align: center;}
#next{right: 10px;}
#prev{left: 14px;}
.animal2 .flexat > div{text-align: center;}
.animal2 .flexat > div > .foto:after{margin: 0 auto; margin-bottom: 20px;}
.sustainable6.flexat > .flexat2:nth-child(2){width: 100%; margin-top: 20px}
.sustainable6.flexat > .flexat2:nth-child(1) > img{margin-left: 0; width: 100%}
.sustainable6 .flex30{width: 100%;}
.sustainable9{padding-top: 0}
.sustainable6.flexat > .flexat2:nth-child(1){width: 100%; margin-bottom: 20px}
.flexatfooter2:nth-child(1) {margin-right: 0;}
.flexatfooter2, .sustainable3 > div:nth-child(1) {margin-bottom: 20px; width: 100%}
.about1.flexat, .team2 {margin-bottom: 0}
.team2 > div > img{margin-bottom: 10px}
.team2 > div > h3, .team2 > div > h2{padding-left: 0}
.team2 > div {width: 48%; margin-bottom: 20px}
.graphcontext > div{padding: 20px;text-align: center}
.margintop40{margin-top: 20px!important; display: block; float: none}
.contenido {padding: 0;}
.sustainable9 > div:nth-child(1){margin-bottom: 20px}
.sustainable2 > div > div {padding: 0px 0px 15px 0px;text-align: center;border-left: 0px solid #ff961f;}
.sustainable2 > div:last-child{padding-bottom: 0}
.sustainable11 > div:nth-child(1), .animal4 > div{height: 250px;}
.sustainable11 > h2, .animal4 > h2{margin-left: 0%;}
.animal1{padding-bottom: 0}
.animal2 .flexat > div {width: 100%;padding: 20px; margin-top: 40px}
.animal2 .flexat > div > .foto, .animal2 .flexat > div h2, .animal2 .flexat > div li{opacity: 1;}
.animal5 > div:nth-child(2) {width: 100%;}
.collaboration3 > div:nth-child(1){width: 100%; padding: 0; order: 2;margin-top: 20px}
.collaboration3 > div:nth-child(2){width: 100%; order: 1}
.collaboration4 > div:nth-child(1){width: 100%; padding: 0}
.collaboration4 > div:nth-child(2){width: 100%; padding: 0; margin-top: 20px}
.contact1 > div:nth-child(1){width: 100%;}
.contact1 > div:nth-child(2){width: 100%; order: 2}
.contact2 > div:nth-child(1){width: 100%; margin-top: 40px}
.contact2 > div:nth-child(2){display: none}
.flexat3irrigation2{margin-bottom: 40px}
.flexat3irrigation2 > h2:before{margin: 0 auto; margin-bottom: 20px; margin-top: 20px}
.flexat3irrigation2 a{float: none}
.flexat3irrigation2:before{width: 85px; margin: 0 auto; opacity: 1!important}
.flexat3irrigation2 > h2, .flexat3irrigation2 > h3{text-align: center; opacity: 1}
.flexat3irrigation2 a:hover{float: none}
.botonrojo{display: block}
.animal2 .flexat > div ul{margin-left: 0}
.animal2 .flexat > div li:before{display: none}
.biofilm-animal4{margin-bottom: 0}
.botoninvertido{display: block}
.flexat3circular{text-align: center}
.flexat3circular:nth-child(1):before{background: url(images/icon-home-1.svg) no-repeat center;}
.flexat3circular:nth-child(2):before{background: url(images/icon-home-2.svg) no-repeat center;}
.flexat3circular:nth-child(3):before{background: url(images/icon-home-3.svg) no-repeat center;}
.flexat3circular:nth-child(4):before{background: url(images/icon-home-4.svg) no-repeat center;}
.flexat3circular:nth-child(5):before{background: url(images/icon-home-5.svg) no-repeat center;}
.flexat3circular:nth-child(6):before{background: url(images/icon-home-6.svg) no-repeat center;}
.flexat3circular > h2:before{margin: 0 auto; margin-bottom: 20px}
.team2{padding-top: 0; padding-bottom: 0}
.irrigation2 > .flexat, .waterefficiency1, .soil1{padding-bottom: 0px;}
.sustainable5 .flexat > div{text-align: center}
.sustainable5 .flexat > div > .foto:after{margin: 0 auto; margin-bottom: 20px}

.team2 > .flexat3{width: 100%; margin-bottom: 20px}
.flexat2circular:nth-child(1) {width: 100%;margin-right: 0%; margin-bottom: 40px}
.flexat2circular:nth-child(2) {width: 100%;margin-right: 0%;}
.contact1 .direcciones .direccion{width: 100%; margin-right: 0%; margin-bottom: 40px}
.irrigation2 .graphcontext > div {position: relative;bottom: auto;top: auto;left: auto;color: white;text-align: center;width: 100%;}

.slidehome2 > .infoslidehome2{padding: 20px!important}
.slidehome2 > .infoslidehome2 > .nube{max-width: 100%}
.slidehome2 > .infoslidehome2 h2{line-height: 1.2em}
.contactusfixed{ top: 125px;}
#yvideo{width: 100%; height: 300px}

.tabla > .intabla > div:nth-child(1) {width: 35%;}
.tabla > .intabla > div:nth-child(2) {width: 15%;}
.tabla > .intabla > div:nth-child(3) {width: 25%;}
.tabla > .intabla > div:nth-child(4) {width: 25%;}
.about2 > div{height: 250px!important;}
}