/*
 Theme Name:     Tinas y Lavabos
 Theme URI:      http://www.elegantthemes.com/demo/?theme=Divi
 Description:    This is Child Theme for Tinas y Lavabos
 Author:         Ecolohosting
 Author URI:     http://ecolohosting.com/
 Template:       Divi
 Version:        2.0.0
*/
 

/* Add Custom CSS after this line */
/* BACKWARDS EMAIL */
.e-mail:before { content: attr(data-website) "\0040" attr(data-user); unicode-bidi: bidi-override; direction: rtl; }

/* LANG CHANGE */
.lang_icon a { text-transform:uppercase; }
.lang_icon a:before { content: ""; display: inline-block; vertical-align: middle; width:20px; height:20px; margin-right: 10px; border-radius: 10px; background: #dadada; background-image: url(images/flags.png); }
.change_eng a:before { background-position:center bottom;  }
.change_esp a:before { background-position:center top;  }


/* SAME HEIGHT COLUMNS, VERTICAL ALIGN MIDDLE  */
.ds-vertical-align { display: flex; flex-direction: column; justify-content: center; } 

/* CONTACT MENU */
/* Toogle*/
.contact-hidden{ opacity: 1 !important;}
#menu-social-menu{ opacity: 0;}

/* Menu Display */
.menu-social-menu-container{ z-index: 999999; font: normal normal normal 14px/1 FontAwesome; position: fixed; display: block;  text-align: center; bottom: 75px; right: 30px; margin-right: 27px; margin-right: 46px;}

@keyframes pulse {
    0% {box-shadow: 0 0 0 0 rgba(236,25,104, 0.7);}
    70% {box-shadow: 0 0 0 10px rgba(236,25,104, 0);}
    100% {box-shadow: 0 0 0 0 rgba(236,25,104, 0);}
}

.fa-close:after{content: "\f00d" !important; font-size: 13px; line-height: 7px; font-size: 13px !important}
.fa-coment{border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; z-index: 10; position: fixed; display: block; width: 50px; height:50px; background: #ec1968; font-size: 0; text-align: center; bottom: 30px; right: 30px; line-height: 20px !important; box-shadow: 0 0 0 0 rgba(112, 0, 255, 1); animation: pulse 2s infinite; cursor: pointer;}
.fa-coment:after{content:"\f27a"; line-height: 50px; font-size: 25px !important;}
.fa-coment:before{content: "¿Tienes dudas? ¡Contáctanos!"; position: absolute; display: inline-block; right: 65px; top: 0; bottom: 0; margin: auto; width: max-content; font-size: 15px; color: #000; padding: 14px 13px; height: 4px; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.15); border: 1px solid rgba(0,0,0,.07); font-family: arial !important; border-radius: 50px; line-height: 2px; background-color: #ffff}

#menu-social-menu{display: grid; margin-bottom: 0px; margin-bottom:15px !important; }
#menu-social-menu li{margin-bottom: 0 !important; display: block;}
#menu-social-menu li a{display: block; position: relative; float: right; height: 50px; font-size:0; }
#menu-social-menu li a:after{content: ""; display: inline-block; width: 45px; height: 45px; position: absolute; background-color: #ffff; border-radius: 50px; vertical-align: middle; top: 0; bottom: 0; margin: auto; line-height: 45px; font-size:23px; right: -45px; transition: all 0.5s ease; }

/* Menu Options*/
.fa a:after{ font: normal normal normal 14px/1 FontAwesome; background-color: #e2dddf !important; color: #151515 !important; }

.fa-facebook-f a:after {content: "\f09a" !important; }
.fa-instagram a:after {content: "\f16d" !important; }
.fa-envelope a:after {content: "\f0e0" !important; font-size:15px !important }
.fa-whatsapp a:after {content: "\f232" !important; }
.fa-phone a:after {content: "\f095"  !important; }

.fa-facebook-f a:hover:after { background-color: #009fff !important; color: #fff !important; transition: all 0.2s ease;}
.fa-instagram a:hover:after { background-color: #c6018c !important; color: #fff !important; transition: all 0.2s ease;}
.fa-envelope a:hover:after { background-color: #50c9e7 !important; color: #fff !important; transition: all 0.2s ease;}
.fa-whatsapp a:hover:after { background-color: #25d366 !important; color: #fff !important; transition: all 0.2s ease;}
.fa-phone a:hover:after { background-color: #f4af0b  !important; color: #fff !important; transition: all 0.2s ease;}

/* OWL CAROUSEL */
.owl-carousel .et_pb_gallery_item{width:100%!important;margin:0!important;}
.owl-stage{display:flex;}
.owl-stage-outer {overflow: hidden;}
.owl-nav button span {display: none;}
.flex-control-nav {position: relative;}
.owl-nav button:before{font-family:FontAwesome;font-size:67px;color:#878787;}
.owl-nav .owl-prev:before{content:"\f104";}
.owl-nav .owl-next:before{content:"\f105";}
.owl-nav button{position:absolute;top:50%;transform:translateY(-50%);background-color:transparent;border:none;}
.et_pb_gallery_pagination {display: none;}
.owl-nav .owl-next {right: 0;}

/* HIDE RECAPTCHA */
.grecaptcha-badge {  visibility: hidden; }

/* SCROLL FIXED MENU MOBILE */ 
/* @media (max-width: 980px) {
	.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header { position: fixed !important; }
}
.et_mobile_menu { overflow: scroll !important; max-height: 83vh; }
*/

/* MAP SCROLLING FIX */
/* In order to make this work, the map iframe must be inside the a div with the class gmap-fix. */
/* The add a height to  the class "gmap-fix" you if would have a fixed height. Don't add a height if responsive is requiered. */
/* The class "vcontainer" would be required in case you need a responsive map. Edit the padding-bottom and the min-height in case the height needs to be adjust.  */
/* The class "map_overlay" is the real fix for scrolling map. */

.gmap-fix { position:relative; /* height: -- Your fixed height here -- ; */ }
.vcontainer { height: 0; overflow: hidden; padding-bottom: 30% !important; position: relative; min-height: 350px; }
.vcontainer iframe, .vcontainer object, .vcontainer embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.map_overlay { position:absolute; z-index:9999; width:100%; height:100%; top:0; bottom:0; left:0; right:0; }
/*
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*/
:root{

	--primary-color:#263480;
	--gray-color:#a8a8a8;
	--separator-wave-blue: url(images/separetor-waves-1.png);
}


.header_row .et_pb_column.button_language_col{display: flex !important; flex-wrap: wrap; flex-direction: row; justify-content: flex-end}
.lang_sel{}
.lang_sel ul{list-style: none; padding-left: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; line-height: 44px;}
.lang_sel li{display: inline-block;}
.lang_sel li a{text-transform: uppercase; color: #ffff; font-size: 16px !important; padding: 13px !important;}
.lang_sel li a.active{font-weight: 300 !important}
.lang_sel li:first-child{position: relative;}
.lang_sel li:first-child:after{content:""; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; display: inline-block; height: 15px; width: 1px; background-color: #ffff}




.header_section{position: fixed !important; width: 100% !important; border-top: 3px #202020 solid; background-color: transparent !important; padding-top: 6px !important; padding-bottom: 0 !important;}
.header_section:before{content: ""; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; display: inline-block; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.header_section.fix-header{background-color: rgba(35, 35, 35, 0.95) !important; padding-top: 0 !important;}
.header_section.fix-header:before{display: none !important;}
.header_section.fix-header .header_row{max-width: 1720px}
.header_section.fix-header .header_section.fix-header:before{display: none !important;}
.header_section.fix-header .header-logo .et_pb_image_wrap{position: relative; }
.header_section.fix-header .header-logo .et_pb_image_wrap:before{content: ""; display: inline-block; width: 62px; height: 62px; background-image: url(images/fixed-header-logo.png); background-size: contain; background-repeat: no-repeat; }
.header_section.fix-header .header-logo .et_pb_image_wrap img{display: none;}



.header_row{padding-top: 10px !important; padding-bottom: 10px !important; max-width: 100% !important; width: 91.5% !important;}
.header_menu ul li{padding-left: 0 !important; padding-right: 0 !important; margin-top: 0 !important}
.header_menu ul li a {padding: 8px 28px !important; line-height: 20px; border-radius: 6px;}
.header_menu ul li.current-menu-item a {background-color: #273482;}


body #page-container .et_pb_section .header_button.et_pb_button, 
body #page-container .et_pb_section .header_button.et_pb_button:hover {padding: 5px 32px !important; border-radius: 10px;}


.text-slider {
    background: rgb(255,255,255);
    background: radial-gradient(circle, rgba(255,255,255,1) 40%, rgba(9,9,121,0) 60%);
    padding: 20px 0;
}
.box-date-since {
    display: flex;
    align-content: end;
    align-items: end;
    flex-wrap: wrap;
    justify-content: center;
}
.box-date-since .num {
    font-size: 8em !important;
    line-height: 1em !important;
}
.box-date-since > div .txt-parr:nth-child(1) {
    font-family: 'Montserrat';
    letter-spacing: .2em !important;
}
.box-date-since > div > .txt-parr:nth-child(2) {
    font-size: 3.1em !important;color: var(--gray-color);
}
.text-slider .exp .txt-parr:first-child {
    font-size: 4.90em !important;
    color: var(--primary-color);    font-style: italic;
}

.text-slider .exp > .txt-parr:nth-of-type(2) {
    font-size: 3.2em !important;color: var(--gray-color);
}

.text-slider ul {    margin-top: 1.2em;
    display: flex;
    list-style: none;
    padding: 0 !important;
    grid-column-gap: 0em;
    font-family: 'Montserrat';
    font-weight: 600 !important;justify-content: center;
}.text-slider ul li:not(:first-child):before {
    content: "";
    background-color: currentColor;
    /* border: solid; */
    width: 0.2em;
    height: 0.2em;
    display: inline-block;
    border-radius: 100%;
    vertical-align: middle;
    margin-right: 0.7em; margin-left: 0.7em;
}
.txt-parr {
    padding: 0 !important;
    line-height: 1em !important;text-align: inherit !important;
}
.text-slider :is(.num, .txt-parr:not(.normal-w)) {
	font-weight: inherit !important;
}
.text-slider :is(p,ul) {
    text-shadow: 0px 0px 20px white;
    filter: drop-shadow(0px 0px 20px white);
}
.text-slider ul li {
    font-weight: 500 !important;
    letter-spacing: .2em !important;
}

.box-date-since > div {
    display: grid;
    grid-row-gap: 0.7em;
}.text-slider br{display: none;}
.text-slider .txt-sub-t {
    font-family: 'Montserrat';display: block !important;
    font-weight: 500 !important;
    margin-bottom: 0.5em !important;
    letter-spacing: .2em !important;
}
.gray-color{color: var(--gray-color)}
#page-container .parallelogram{ background: transparent;height:max-content; } 
#page-container .parallelogram:before {
    -webkit-transform: skew(-10deg) scale(1.3);
    -moz-transform: skew(-10deg) scale(1.3);
    -o-transform: skew(-10deg) scale(1.3);
    background: white;
    content: "";
    width: 100%;
    height: calc(100% - 2em);
    position: absolute;
    left: 0;
    top: -1em;
    filter: blur(1.3em);
    z-index: -1;
}
.icon_below {
    background-size: 0 !important;
}
.icon_below:after {
    content: "";
    background-image: inherit;
    width: 3em;
    height: 3em;
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5em;
}

/*.separator_sec .bg_separ{background-size: 0;}*/
.separator_sec .bg_separ rs-module:before {content: "";position: absolute; width: 100%;height: 28%;top: auto;
    bottom: 0;
    left: 0;
    background-image: var(--separator-wave-blue);
    z-index: 21;
    background-position: bottom;
    background-size: 100% 100%;
}


.divider_section{margin-top: -200px !important; margin-bottom: 198px; z-index: 0; padding: 0 !important}
.divider_section .et_pb_row{padding: 0px !important}


.custom .tp-bullet {width: 60px !important; height: 9px !important; background-color: #fcfbf7 !important}
.custom .tp-bullet.selected{background-color: #2a337e !important}


.service_slide_section{margin-bottom: -9% !important; padding-top: 0 !important}
.service_slide_section .et_pb_row{z-index: 9}
.service_img{padding-top: 0 !important; padding-bottom: 0 !important}
.service_slide_row{padding-top: 0 !important}

.serv8ice_headline{padding: 0 !important; margin-bottom: 40px !important; }
.serv8ice_headline  .et_pb_module_header{margin-bottom: 16px;}
.serv8ice_headline .et_pb_promo_description div{  letter-spacing: 5px; font-weight: 300 !important; line-height: 25px;}

.gallery_icons{}
.gallery_icons .et_pb_gallery_items{display: grid !important; grid-template-columns: 30% 30% 30%; grid-column-gap: 5%;}
.gallery_icons .et_pb_gallery_items .et_pb_gallery_item{width: 100% !important; display: inline-block; margin-right: 0 !important; margin-left: 0 !important; border-radius: 149px; text-align: center; background-color: #2e4080 !important; padding: 25% 13%;}
.gallery_icons .et_pb_gallery_items .et_pb_gallery_item:last-child{margin-right: 0 !important}
.gallery_icons .et_pb_gallery_items .et_pb_gallery_item img{width: 60px; height: 60px; object-fit: contain;}
.service_slider .owl-nav button {display: none  !important;}

.service_slider{padding-left: 10%}
.service_slider .owl-dots{text-align: right;}
.service_slider .owl-dots .owl-dot{width: 60px !important; height: 9px; border-radius: 0 !important; border: 0 !important; margin-right: 12px !important; background-color: }
.service_slider .owl-dots .owl-dot.active{background-color: #929ac1 !important}
.service_slider .owl-dots .owl-dot:last-child{margin-right: 0px !important}

.service_slide_img{border-radius: 75px; overflow: hidden; max-width: 93%;}


.image_slider{border-radius: 75px; overflow: hidden; max-width: 93%; box-shadow: rgba(25, 32, 71, 0.8) 0px 0px 143px -14px}
.image_slider .et_pb_gallery_item{height: 100% !important !important; max-height: 100% !important;}
.image_slider . .et_pb_gallery_image{} 
.image_slider .et_pb_gallery_items{background-color: #ffff !important}
.image_slider .et_pb_gallery_items a{position: relative; display: block; height: 666px}
.image_slider .et_pb_gallery_items a:before{content:""; padding-top: 100%; display: inline-block; width: 100%}
.image_slider .et_pb_gallery_items a img{position: absolute; top: 0; left: 0; right: 0; margin: auto; display: inline-block; width: 100%; height: 100%; object-fit: cover}
.image_slider .et-pb-slider-arrows{display: none;}
.image_slider .et-pb-controllers{display: none;}

.gallery_tabs_section{  padding-top: 174px !important; padding-bottom: 130px !important;}


.tin_lav_headline{padding: 0 !important; margin-bottom: 40px !important; }
.tin_lav_headline  .et_pb_module_header{margin-bottom: 16px;}
.tin_lav_headline .et_pb_promo_description div{  letter-spacing: 5px; font-weight: 300 !important; line-height: 25px;}


.tab_content_section{padding-top: 0px !important; padding-bottom: 0px !important}
.tab_content_section .tab_content_row{max-width: 100% !important; width: 100% !important; padding-top: 0px !important; padding-bottom: 0px !important}
/*
.tab_content_section .tab_content_row .et_pb_column{display: grid; grid-template-columns: 30% 30% 30%; grid-column-gap: 5%; grid-template-rows: masonry;}
*/




.tab_content_section .tab_content_row .et_pb_column{display: grid; grid-auto-rows: 250px; gap: 40px; grid-auto-flow: row dense; }


@media all and (min-width: 320px) {
    .tab_content_section .tab_content_row .et_pb_column{grid-auto-rows: 230px !important; gap: 26px !important;}
    .tab_content_section .tab_content_row .et_pb_column {grid-template-columns: repeat(2, 1fr);}
    .tab_content_section .tab_content_row .et_pb_column > div:nth-child(11n+1) {grid-column: span 2 !important; grid-row: span 2 !important;}
    .tab_content_section .tab_content_row .et_pb_column > div:nth-child(11n+2) {grid-column: span 1 !important; grid-row: span 2 !important;}
    .tab_content_section .tab_content_row .et_pb_column > div:nth-child(11n+3) {grid-column: span 1 !important; grid-row: span 1 !important;}
    .tab_content_section .tab_content_row .et_pb_column > div:nth-child(11n+4) {grid-column: span 1 !important; grid-row: span 2 !important;}
    .tab_content_section .tab_content_row .et_pb_column > div:nth-child(11n+6) {grid-column: span 1 !important; grid-row: span 1 !important;}
    .tab_content_section .tab_content_row .et_pb_column > div:nth-child(11n+7) { grid-column: span 1 !important; grid-row: span 1 !important;}
    .tab_content_section .tab_content_row .et_pb_column > div:nth-child(11n+8) {grid-column: span 1 !important; grid-row: span 2 !important;}
    .tab_content_section .tab_content_row .et_pb_column > div:nth-child(11n+9) {grid-row: span 2;}

}

@media all and (min-width: 980px) {

    .tab_content_section .tab_content_row .et_pb_column{grid-auto-rows: 250px !important;}
    .tab_content_section .tab_content_row .et_pb_column{grid-template-columns: repeat(3, 1fr);}

    .tab_content_section .tab_content_row .et_pb_column > div:nth-child(11n+1) {grid-column: span 1 !important; grid-row: span 2 !important;;}
    .tab_content_section .tab_content_row .et_pb_column > div:nth-child(11n+2) {grid-column: span 1 !important; grid-row: span 2 !important;;}
    .tab_content_section .tab_content_row .et_pb_column > div:nth-child(11n+3) {grid-column: span 1 !important; grid-row: span 1 !important;;}
    .tab_content_section .tab_content_row .et_pb_column > div:nth-child(11n+4) {grid-column: span 1 !important; grid-row: span 2 !important;;}
    .tab_content_section .tab_content_row .et_pb_column > div:nth-child(11n+6) {grid-column: span 1; grid-row: span 1 !important;;}
    .tab_content_section .tab_content_row .et_pb_column > div:nth-child(11n+7) { grid-column: span 1; grid-row: span 2 !important;;}
    .tab_content_section .tab_content_row .et_pb_column > div:nth-child(11n+8) {grid-column: span 2; grid-row: span 2 !important;;}
    .tab_content_section .tab_content_row .et_pb_column > div:nth-child(11n+9) {grid-row: span 3 !important;;}

}


.tab_content_section .tab_content_row .et_pb_column > div{display: inline-block; width: 100%}
.tab_content_section .tab_content_row .et_pb_column .tab_img_mod{margin-bottom: 0 !important}
.tab_content_section .tab_content_row .et_pb_column .tab_img_mod .et_pb_lightbox_image{display: inline-block; width: 100% !important; max-width: 100% !important; height: 100%;}
.tab_content_section .tab_content_row .et_pb_column .tab_img_mod .et_pb_image_wrap{position: relative; display: inline-block; width: 100% !important; max-width: 100% !important; height: 100%;}
.tab_content_section .tab_content_row .et_pb_column .tab_img_mod .et_pb_image_wrap:before;{content: ""; display: inline-block; width: 100%; padding-top: 100%}
.tab_content_section .tab_content_row .et_pb_column .tab_img_mod .et_pb_image_wrap img{position: absolute; top: 0; right: 0; left: 0; display: inline-block; width: 100%; height: 100%; object-fit: cover;}


.tab_content_section .tab_headline{padding: 0 !important; background-color: transparent !important; padding-bottom: 130px !important; position: relative;}
.tab_content_section .tab_headline:after{content: ""; display: inline-block; width: 50px; height: 50px; background-image: url(images/fixed-header-logo.png); background-size: contain; background-repeat: no-repeat; margin: auto; left: 0; bottom: 7%; position: absolute;}
.tab_content_section .tab_headline .et_pb_module_header{line-height: 37px; margin-bottom: 10% !important;}
.tab_content_section .tab_headline .et_pb_module_header:before{content: "Sector"; display: block; text-transform: uppercase; font-size: 18px; letter-spacing: 5px; color: #6F6F6F; font-family: "Open Sans",Helvetica,Arial,Lucida,sans-serif;}
.tab_content_section .tab_headline .et_pb_promo_description{margin-bottom: 11% !important;}
.tab_content_section .tab_headline .et_pb_promo_description div{font-weight: 300 !important; font-size: 16px !important; line-height: 23px; max-width: 340px;}
.tab_content_section .tab_headline .et_pb_button_wrapper{text-align: left;}
body #page-container .et_pb_section.tab_content_section .et_pb_promo.tab_headline .et_pb_promo_button.et_pb_button,
body #page-container .et_pb_section.tab_content_section .et_pb_promo.tab_headline .et_pb_promo_button.et_pb_button:hover{padding: 15px 14px !important; border-radius: 18px !important; border-width: 2px !important;}



.tab_img_mod{border-radius: 15px; overflow: hidden;}
.gallery-tabs{border: 0 !important}
.gallery-tabs .et_pb_tabs{border: 0 !important; background-color: transparent !important;}
.gallery-tabs .et_pb_tabs_controls{border: 0 !important; background-color: transparent !important; margin-bottom: 26px;}
.gallery-tabs .et_pb_tabs_controls li {border: 3px #ffff solid !important; border-radius: 15px !important; max-width: 29%; width: 100%; margin-right: 0.8%;}
.gallery-tabs .et_pb_tabs_controls li:last-child{margin-right: 0 !important}
.gallery-tabs .et_pb_tabs_controls li a{padding: 5.5% 11% !important; position: relative; line-height: 58px !important; display: inline-block; height: 92px !important}
.gallery-tabs .et_pb_tabs_controls li a span{position: relative; display: inline-block; vertical-align: text-bottom; width: 35px; height: 35px; margin-right: 13px;}
.gallery-tabs .et_pb_tabs_controls li a span:before{content: ""; display: inline-block; width: 35px; height: 35px; background-size: contain !important; background-position: center !important; background-repeat: no-repeat; filter: brightness(0) saturate(100%) invert(62%) sepia(9%) saturate(0%) hue-rotate(133deg) brightness(112%) contrast(89%);}
.gallery-tabs .et_pb_tabs_controls li:after{content: ""; background-image: url("images/tab_row.png"); display: inline-block; width: 20px; height: 20px; position: absolute; top: 0; right: 25px; bottom: 0; margin: auto; background-size: contain !important; background-position: center !important; background-repeat: no-repeat;}

.gallery-tabs .et_pb_tabs_controls li.et_pb_tab_active:after{filter: brightness(0) saturate(100%) invert(14%) sepia(42%) saturate(4903%) hue-rotate(226deg) brightness(90%) contrast(84%);}
.gallery-tabs .et_pb_tabs_controls li.et_pb_tab_active a span:before{filter: brightness(0) saturate(100%) invert(14%) sepia(42%) saturate(4903%) hue-rotate(226deg) brightness(90%) contrast(84%);}


.gallery-tabs ul.et_pb_tabs_controls::after {border-top: 0px !important;}
.gallery-tabs .et_pb_tab_content {height: 1170px; overflow: hidden;}
.gallery-tabs .et_pb_tab_content.open{height: auto !important;}
.gallery-tabs .et_pb_tab{padding: 32px 63px !important;}


.industrial_icon:before{background-image: url(images/Industria.png);}
.comercial_icon:before{background-image: url(images/Comercial.png);}
.residencial_icon:before{background-image: url(images/Residencial.png);}

.load_more_button button{display: block; margin: auto; letter-spacing: 5px; font-size: 16px; text-transform: uppercase !important; background-color: transparent; padding: 15px 14px !important; border-radius: 18px !important;  border: #263480  2px solid !important; color: #263480; font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif; pointer-events: all;}

.oppened-gal{font-size: 0 !important}
.oppened-gal:before{content: "Ver menos"; letter-spacing: 5px; font-size: 16px; text-transform: uppercase !important; display: block;}


.about_us_page_section{padding-bottom: 0 !important; padding-top: 146px !important}

.about_us_img{box-shadow: rgba(25, 32, 71, 0.5) 0px 0px 120px -14px; border-radius: 15px; overflow: hidden;}

.tin_lav_text_mod{padding: 0 !important; margin-bottom: 40px !important; }
.tin_lav_text_mod .et_pb_module_header{margin-bottom: 16px;}
.tin_lav_text_mod .et_pb_promo_description div{}

.mision_vision_row{}
.mision_vision_row .tin_lav_text_mod{padding: 16px 46px !important;}
.mision_vision_row .tin_lav_text_mod .et_pb_module_header{margin-bottom: 0 !important}
.mision_vision_row .tin_lav_text_mod .et_pb_promo_description div{line-height: 25px !important; font-weight: 400;}



.logos_carrucel_section{padding-top: 234px !important; padding-bottom: 214px !important;}

.logo_carrucel_mod .et_pb_gallery_item{display:inline-block !important; width: 100% !important; vertical-align: middle;  height: 110px}
.logo_carrucel_mod .et_pb_gallery_image{width: 100%; height: 110px}
.logo_carrucel_mod .et_pb_gallery_image img{  filter: brightness(0) invert(1);display: inline-block; margin: auto; height: 100%; vertical-align: middle; object-fit: contain;}
.logo_carrucel_mod .owl-nav{display: none !important;}
.logo_carrucel_mod .owl-dots{display: none !important;}


.contact_form_section{padding-bottom: 0 !important;}

.contact_form{max-width: 975px; margin: auto;}

    /* TAMAÑOS GENERALES */
    .formulario.positivo li input[type="email"] {max-width: 100%}
    .formulario.positivo li input[type="tel"]{max-width: 100%}
    .formulario ul { margin: 0; padding: 0; font-size: 0; display: block; width: 100%; }
    .formulario li { padding: 0; display: inline-block; vertical-align: top; }
    .formulario li label{display: block; font-size: 16px; color: #6F6F6F; text-transform: uppercase; letter-spacing: 5px; margin-left: 23px; margin-bottom: 4px;}
    .formulario li.fullwidth { width: 100% !important; margin-right: 0; }
    .formulario li.list_fix { display: none !important }
    .formulario li input[type="text"], .formulario li input[type="tel"], .formulario li .wpcf7-select,
    .formulario li input[type="email"] { width: 100%; border-radius: 15px; border: none !important; height: 65px; line-height: 65px; padding: 0 15px; font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-seri; letter-spacing: 5px; font-size: 20px; font-weight: 400;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
    .formulario li textarea { width: 100%; border: none !important; overflow: clip; border-radius: 15px; height:216px; padding:15px; font-family: "Open Sans",Helvetica,Arial,Lucida,sans-serif; font-size: 17px; font-weight: 400;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
    .formulario li textarea, 
    .formulario li input[type="text"]:focus, .formulario li input[type="tel"]:focus, .formulario li .wpcf7-select:focus,
    .formulario li input[type="email"]:focus { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
    .formulario li input[type="submit"] { width:auto; height: 60px; border-radius: 15px; line-height: 60px; background: transparent; border: #263480 2px solid; color: #263480; text-transform: uppercase; cursor: pointer; font-size: 16px; letter-spacing: 5px; padding: 0px 14px; display: block; margin: auto;}
    .formulario li input[type="submit"]:hover { background: transparent; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
    .formulario.negativo div.wpcf7-validation-errors, .formulario.negativo div.wpcf7-acceptance-missing { color: white !important; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
    .message_row{margin-bottom: 62px !important}
    .formulario .wpcf7-not-valid-tip {font-size: 13px !important;}
    .select_custom{background-color: #ffff; border-radius: 15px; position: relative; margin-left: 0 !important; position: relative;}
    .select_custom:after{content: ""; position: absolute; right: 11px; top: 0; bottom: 0; margin: auto; height: 24px; width: 30px; display: inline-block; background-image: url("images/dropdown_button.png"); background-size: contain; background-repeat: no-repeat;}
    .wpcf7-select{-webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent !important;}


    /* COLUMNAS */
    /*5 COLUMNAS*/
    .formulario.cinco_campos ul { text-align: center;  }
    .formulario.cinco_campos li {width:18%; margin-right: 2%;  }
    .formulario.cinco_campos li:last-child { margin-right: 0 !important; }
    /*2 COLUMNAS*/
    .formulario.dos_campos li {width: 47.5%; margin-right: 5%; margin-bottom: 40px;}
    .formulario.dos_campos li:nth-child(2n) { margin-right: 0 !important;}

    /* COLORES --FONDOS OSCUROS-- */
    .formulario.negativo li input[type="text"],
    .formulario.negativo li input[type="email"]{color: white; background: rgba(255,255,255,.5);}
    .formulario.negativo li input[type="text"]:focus,
    .formulario.negativo li input[type="email"]:focus { background: white; color: black; }

    /* COLORE --COLORES CLAROS-- */
    .formulario.positivo li textarea,
    .formulario.positivo li input[type="text"], .formulario.positivo li input[type="tel"], .formulario.positivo li .wpcf7-select,
    .formulario.positivo li input[type="email"]{color:#CECECE; background: rgba(255,255,255, 1); border: 1px solid rgba(0,0,0,0) !important; text-transform: uppercase;}
    .formulario.positivo li textarea:focus,
    .formulario.positivo li input[type="text"]:focus, .formulario.positivo li input[type="tel"]:focus, .formulario.positivo li .wpcf7-select:focus,
    .formulario.positivo li input[type="email"]:focus { background: white; color: black; border: 1px solid rgba(0,0,0,.1) !important }


@media (max-width: 980px) {
    /*5 COLUMNAS*/
    .formulario.cinco_campos li {width:49%; margin-right: 2%; margin-bottom:20px;   }
    .formulario.cinco_campos li:nth-child(even) { margin-right: 0 !important;  }
    .formulario.cinco_campos  li:last-child { margin-right: 0 !important; width: 100% !important; }
}

@media (max-width: 600px) { 
    /* 2 y 5 COLUMNAS*/
    .formulario.dos_campos li,
    .formulario.cinco_campos li {width:100%; margin-bottom:20px; margin-right: 0 !important;  }
    .formulario.cinco_campos  li:last-child { margin-right: 0 !important; width: 100% !important; } 
}



.contact_section{padding-top: 0px !important; padding-bottom: 0px !important}
.contact_section > .et_pb_row > .et_pb_column{padding-top: 0px; padding-bottom: 0px !important}
.contact_section .contact_icon_row{padding-top: 0px !important; padding-bottom: 49px !important;}
.contact_section .map_iframe{display: grid; height: 100%;}
.contact_section .et_pb_code_inner{line-height: 0 !important; display: grid; height: 100%;}
.contact_section .map_iframe iframe{height: 100% !important; max-height: 100% !important;}
.contact_section .tin_lav_headline {margin-bottom: 0px !important;}
.contact_header_row{padding-top: 77px !important; padding-bottom: 30px !important;}
.contact_blurb .et_pb_module_header{margin-bottom: 11px !important; font-weight: 400 !important; letter-spacing: 5px;}
.contact_blurb .et_pb_blurb_description{line-height: 22px !important; font-weight: 300 !important;}
.contact_social_row{padding-top: 9px !important; padding-bottom: 71px !important;}
.contact_social_row .social_buttons_module{text-align: left !important;}

.contact-info_col{padding-left: 4.5%;}



.social_buttons_module li a.icon{height: 50px !important; width: 50px !important; background-color: transparent !important;}
.social_buttons_module li a.icon:before {line-height: 50px !important; height: 50px !important; width: 50px !important;}

.footer_section{padding-top: 25px !important; padding-bottom: 14px !important;}
.footer_section .footer_logo{position: relative;}
.footer_section .footer_logo:before{content: ""; position: absolute; display: inline-block; width: 100%; height: 1px; background-color: #D3D3D3; bottom: 18px; left: 0; right: 0; margin: auto;}
.footer_section .footer_logo .et_pb_image_wrap {padding-left: 30px; padding-right: 30px; background-color: #232323; max-width: 232px;}
.footer_section .social_buttons_module{margin-bottom: 16px !important;}
.footer_section .footer_menu{margin-bottom: 50px !important}
.footer_section .footer_menu li{padding-left: 18px !important; padding-right: 18px !important;}
.footer_section .footer_menu li a{letter-spacing: 5px; font-weight: 400 !important}
.footer_info_text .et_pb_text_inner{letter-spacing: 4px;}



@media(max-width: 1500px){
    .header_row {width: 96.5% !important;}
    body #page-container .et_pb_section .header_button.et_pb_button, 
    body #page-container .et_pb_section .header_button.et_pb_button:hover {padding: 5px 23px !important; font-size: 14px !important;}

    body #page-container .et_pb_section.tab_content_section .et_pb_promo.tab_headline .et_pb_promo_button.et_pb_button,
    body #page-container .et_pb_section.tab_content_section .et_pb_promo.tab_headline .et_pb_promo_button.et_pb_button:hover{letter-spacing: 2px !important; font-size: 15px !important;}

    .gallery_tabs_row{width: 90% !important}
}


@media(max-width: 1366px){
    .service_slider {padding-left: 3% !important;}
    .gallery_tabs_row{width: 90% !important}
    .gallery-tabs .et_pb_tab {padding: 32px 35px !important;}
    .mision_vision_row .tin_lav_text_mod {padding: 16px 12px !important;}

    .image_slider{overflow: hidden; max-width: 93%; min-height: 550px !important; max-height: 550px !important;}
    .image_slider .et_pb_gallery_items a{height: 550px !important}

}


@media(max-width: 1250px){
    body #page-container .et_pb_section .header_button.et_pb_button, 
    body #page-container .et_pb_section .header_button.et_pb_button:hover {
      padding: 5px 10px !important;
      font-size: 13px !important;
    }

    .lang_sel li a {
      text-transform: uppercase;
      color: #ffff;
      font-size: 11px !important;
      padding: 10px !important;
    }


}


@media(max-width: 1200px){

    .header-logo{max-width: 150px !important}
    body #page-container .et_pb_section .header_button.et_pb_button_0_tb_header, 
    body #page-container .et_pb_section .header_button.et_pb_button_0_tb_header:hover {padding: 5px 15px !important; border-radius: 10px;}
    .header_menu ul li a {padding: 8px 15px !important; line-height: 20px !important;}
    .header_menu  ul li a {font-size: 15px !important;}

    .gallery-tabs .et_pb_tabs_controls li a {padding: 9.5% 11% !important;   font-size: 14px !important; letter-spacing: 3px !important; display: block;}



    .service_slide_row {padding-bottom: 9px !important;}
    body #page-container .et_pb_section .header_button.et_pb_button_0_tb_header, body #page-container .et_pb_section .header_button.et_pb_button_0_tb_header:hover {font-size: 14px !important;}


    .gallery-tabs .et_pb_tab_content {height: 750px !important;}
    body #page-container .et_pb_section.tab_content_section .et_pb_promo.tab_headline .et_pb_promo_button.et_pb_button, 
    body #page-container .et_pb_section.tab_content_section .et_pb_promo.tab_headline .et_pb_promo_button.et_pb_button:hover {
        letter-spacing: 1px !important;
        font-size: 15px !important;
    }


}




@media(min-width: 981px){
    .header_mobil_section{display: none !important;}
.header_row .et_pb_column, .header_row .et_pb_column .et_pb_button_module_wrapper,.code_lang{display: flex !important; flex-wrap: wrap; justify-content: center; flex-direction: column;}

}

@media(max-width: 980px){

.custom .tp-bullet {
    width: 40px !important;
    height: 6px !important;
}
.bg_separ .custom.tp-bullets {
    left: 100% !important;
    /* right: 41px !important; */
    /* bottom: 0 !important; */
    top: 123% !important;
}

.rev_slider_1_1_forcefullwidth .tp-bullets {transform: translate(-192px, -245px) !important;}

/*align the hamburger menu to the right right*/
.pa-fullscreen-menu .et_pb_menu__wrap {
    justify-content: flex-end !important;
}
/*hide the desktop version of the menu*/
.pa-fullscreen-menu .et_pb_menu__wrap .et_pb_menu__menu {
    display: none !important;
}
/*show the mobile version of the menu on desktop*/
.pa-fullscreen-menu .et_pb_menu__wrap .et_mobile_nav_menu {
    display: block !important;
    align-items: center !important;
}
/*style the opened menu*/
.pa-fullscreen-menu .opened #mobile_menu1 {
    width: 100vw !important;
    position: fixed !important;
    top: 0em !important;
    left: 0vw !important;
    height: 100vh !important;
    display: flex !important;
    justify-content: center !important;
    flex-direction: column !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: visibility 0.3s, opacity 0.3s ease-in-out;
    padding: 0 !important;
    background-color: rgba(0, 0, 0, 0.9) !important;
}
/*style the closed menu*/
.pa-fullscreen-menu .closed #mobile_menu1 {
    background-color: #fff !important;
    text-align: center !important;
    width: 100vw !important;
    position: fixed !important;
    left: 100vw !important;
    top: 0em !important;
    height: 100vh !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: column !important;
    transition: visibility 0.3s, opacity 0.3s, left 1s, ease-in-out;
    opacity: 0 !important;
    visibility: hidden !important;
}

body #page-container .et_pb_section .pa-fullscreen-menu .header_button.et_pb_button_0_tb_header, 
body #page-container .et_pb_section .pa-fullscreen-menu .header_button.et_pb_button_0_tb_header:hover {
  padding: 5px 15px !important;
  border-radius: 10px;
  max-width: max-content;
  margin-left: auto;
  margin-right: auto;
}

/*remove the bullet points from the list items*/
.pa-fullscreen-menu #mobile_menu1 li {
    list-style: none !important;
    text-align: center !important;
    width: 100%;
    margin-bottom: 25px;  
}
/*move the menu to the top above other elements*/
.pa-fullscreen-menu .et_pb_menu__wrap span.mobile_menu_bar { z-index: 999999 !important;
}

.pa-fullscreen-menu .opened span.mobile_menu_bar{right: 29px; top: 19px;}

.header_mobil_section .et_pb_menu_inner_container {margin-top: 13px;}

.lang_sel{}
.lang_sel ul{list-style: none; padding-left: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; margin-top: 40px !important; text-align: center !important; line-height: 44px;}
.lang_sel li{display: inline-block !important; width: max-content !important;}
.lang_sel li a{text-transform: uppercase; color: #ffff; font-size: 16px !important; padding: 13px !important;}
.lang_sel li a.active{font-weight: 300 !important}
.lang_sel li:first-child{position: relative !important;}
.lang_sel li:first-child:after{content:""; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; display: inline-block; height: 15px; width: 1px; background-color: #ffff}




/*change the opened menu icon*/
.pa-fullscreen-menu .et_pb_menu__wrap .opened .mobile_menu_bar:before {
    content: "\4d" !important;
}
/*make the hamburger menu fixed position on mobile*/
.pa-fullscreen-menu .opened .mobile_menu_bar {
    position: fixed !important;
}
/*remove the default blue border top on the mobile menu*/
.pa-fullscreen-menu .et_mobile_menu {
    border-top: none;
}
/*remove the default background color on menu items*/
.pa-fullscreen-menu .et_mobile_menu .menu-item-has-children>a {
    background-color: transparent;
}
/*remove the default hover background color and adjust opacity*/
.et_mobile_menu li a:hover {
    background-color: transparent;
    opacity: 1;
}
/*remove the default border bottom on menu items*/
.pa-fullscreen-menu .et_mobile_menu li a {
    border-bottom: none;
}



.header_mobil_section{position: fixed !important; width: 100% !important; border-top: 3px #202020 solid; background-color: transparent !important; padding-top: 6px !important; padding-bottom: 0 !important;}
.header_mobil_section:before{content: ""; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; display: inline-block; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.header_mobil_section.fix-header{background-color: #232323 !important; padding-top: 0 !important;}
.header_mobil_section.fix-header .header_row{max-width: 1720px}
.header_mobil_section.fix-header .header_section.fix-header:before{display: none !important;}
.header_mobil_section.fix-header .header-logo .et_pb_image_wrap{position: relative; }
.header_mobil_section.fix-header .header-logo .et_pb_image_wrap:before{content: ""; display: inline-block; width: 62px; height: 62px; background-image: url(images/fixed-header-logo.png); background-size: contain; background-repeat: no-repeat; }
.header_mobil_section.fix-header .header-logo .et_pb_image_wrap img{display: none;}



    .header_mobil_section .header_row{padding-top: 10px !important; padding-bottom: 10px !important; max-width: 100% !important; width: 91.5% !important; display: flex;}
    .header_mobil_section .header_row .et_pb_column {display: flex;}


    .service_slide_section {margin-bottom: -25% !important;}
    .service_slide_section > .et_pb_row {width: 90% !important; max-width: 700px !important;}
    .service_slider {padding-left: 0% !important; margin-bottom: 60px !important;}

    .image_slider{overflow: hidden; max-width: 100% !important; min-height: 350px !important; max-height: 350px !important;}
    .image_slider .et_pb_gallery_items a{height: 350px !important}


    .gallery_icons .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_title{font-size: 10px !important}



    .mision_vision_row .tin_lav_text_mod .et_pb_module_header {text-align: left !important;}
    .mision_vision_row .tin_lav_text_mod .et_pb_promo_description div {text-align: left !important;}
    .mision_vision_row .tin_lav_text_mod {padding: 16px 12px !important; margin-bottom: 0 !important}

    .contact_blurb .et_pb_blurb_content{max-width: 100% !important; width: 100% !important}
    .contact_map_col{margin-bottom: 0 !important}
    .contact_section .map_iframe iframe {height: 400px !important; max-height: 100% !important;}
    .gallery-tabs .et_pb_tab {padding: 36px 0px !important;}
    .gallery-tabs .et_pb_tabs_controls li{margin: auto !important;}
    .gallery-tabs .et_pb_tabs_controls li:last-child{margin: auto !important;}
    .gallery-tabs .et_pb_tab_content {height: 1150px !important;}

    .gallery-tabs .et_pb_tabs_controls li {max-width: 100% !important; width: 100%; margin-right: 0 !important;}
    .gallery-tabs .et_pb_tabs_controls li a {padding: 2.5% 7% !important; display: block !important;}

    .tab_content_section .tab_headline .et_pb_module_header {text-align: center !important;}
    .tab_content_section .tab_headline .et_pb_promo_description div {max-width: 100%; text-align: center !important;}
    .tab_content_section .tab_headline .et_pb_promo_description div p{text-align: center !important;}
    .tab_content_section .tab_headline .et_pb_button_wrapper {text-align: center !important;}


    .tab_content_section .tab_content_row .et_pb_column{grid-auto-rows: 240px;}
    .tab_content_section .tab_headline::after {right: 0;}

    .tin_lav_text_mod.et_pb_module .et_pb_module_header {text-align: center !important}
    .tin_lav_text_mod .et_pb_promo_description div {text-align: center !important;}
    .tin_lav_text_mod .et_pb_promo_description div p{text-align: center !important;}

    .contact_section > .et_pb_row {display: flex; flex-wrap: wrap; flex-direction: column-reverse;}
    .contact_section > .et_pb_row > .contact-info_col {width: 89% !important; margin: auto !important; padding-left: 0 !important}
    .contact_section .contact_icon_row{flex-wrap: wrap; flex-direction: row;}
    .contact_section .contact_icon_row .et_pb_column{width: 50% !important}
    .contact_section .contact_icon_row .et_pb_column.et_pb_column_4_4{width: 100% !important} 

    .contact_section .et_pb_module.tin_lav_headline .et_pb_module_header {text-align: center !important; }
    .contact_section .tin_lav_headline .et_pb_promo_description div{text-align: center !important}
    .contact_section .tin_lav_headline .et_pb_promo_description div p{text-align: center !important;}
    .contact_section .contact_blurb{}
    .contact_section .contact_blurb .et_pb_module_header{text-align: center !important}
    .contact_section .contact_blurb .et_pb_blurb_content{}
    .contact_section .contact_blurb .et_pb_main_blurb_image, .contact_blurb .et_pb_blurb_container{display: block !important; width: 100%; text-align: center !important; padding: 0 !important;}
    .contact_section{padding-bottom: 0px !important}
    .contact_social_row .social_buttons_module {text-align: center !important;}


    .footer_row{width: 90% !important}
    .footer_menu.et_pb_menu .et_pb_menu__menu {display: block !important;}
    .footer_menu.et_pb_menu  .et_mobile_nav_menu{display: none !important;}
    .et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li {padding-left: 9px !important; padding-right: 9px !important;}
    .footer_section .footer_menu li a {letter-spacing: 3px; font-weight: 400 !important; font-size: 13px !important;}
    .et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li {padding-left: 0px !important; padding-right: 0px !important; display: block; width: 100%; text-align: center;}


}



@media(max-width: 600px){

    .contact_section .contact_icon_row .et_pb_column {width: 100% !important; margin-bottom: 35px !important}
    .contact_section .contact_icon_row {padding-bottom: 0px !important;}

    /*.tab_content_row .et_pb_column {column-count: 1 !important; column-gap: 0px !important;}
    .tab_content_section .tab_content_row .et_pb_column > div:first-child{width: 100% !important}
    .tab_content_section .tab_content_row .et_pb_column > div {width: 42% !important;}*/
}
@media(max-width: 480px){



}