/*
 Theme Name:     Media y Publicidad Integral
 Theme URI:      http://www.elegantthemes.com/demo/?theme=Divi
 Description:    This is Child Theme for Media y Publicidad Integral
 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;}
.owl-dots {margin-top: 3em; color: #2db46e;display: flex;flex-wrap: wrap;grid-column-gap: 1.3em;font-size: 16px;justify-content: center;}
.owl-dots .owl-dot {    border-radius: 100%;background-color: transparent;appearance: none;color: inherit;font-size: inherit;border: none;padding: 0;}
.owl-dots .owl-dot.active span{background-color: currentColor;}
.owl-dots .owl-dot span{height: 1em;width: 1em;cursor: pointer;border-radius: 100%;display: block;font-size: inherit;color: inherit;transition: .5s ease;border: solid 2px currentColor;}
.owl-dots .owl-dot:not(.active) span{background-color: transparent;}

/* 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. */


.privacy-item-list{list-style-type: upper-alpha !important; padding-top: 20px !important}
.privacy_module .use-text-item{margin-bottom: 25px !important}
.privacy_module .use-text-item::marker{font-weight: 700 !important;}


.coocky_module p {
  margin-bottom: 15px !important;
}



.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; }

/**header estilos**/
.header-content {
    position: absolute;
    background: rgb(4,4,5);
    background: linear-gradient(0deg, rgb(4 4 5 / 0%) 28%, rgba(4,4,5,0.59) 80%);
    width: 100%;
    height: 160px;
    transition: .6s ease;
}
.has_et_pb_sticky .header-content{background: rgb(4,4,5);}

#page-container .has_et_pb_sticky #main-head {
 height: auto;
}
#main-head .et-menu > li {
    margin-top: 0;
}
#main-head .et-menu > li a { opacity: 1; }
#page-container #main-head > .et_pb_row {
    padding-top: 24px !important;transition: .6s ease;
}
#page-container .has_et_pb_sticky #main-head > .et_pb_row{padding-top: 20px !important; padding-bottom: 20px !important;}
#main-head .et-menu .custom-button-cotiza > a {background-color: #2db46e;line-height: 1;padding: 0 2.3em;min-height: 3.4em;display: grid;
    align-items: center;
    align-content: center;
    text-shadow: none;
}
#main-head .et-menu > li:not(.custom-button-cotiza) a:before {
    border-top: solid;content: "";
    border-color: #2db46e;
    padding-top: 0.7em;width: var(--borw);
display: block;    transition: .3s ease;
}
#main-head .et-menu > li a{--borw:0%;}
#main-head .et-menu > li a:hover{--borw:100%;border-color: #2db46e;}
#page-container .et-menu [state="active"] a{--borw:100%;  }

/*Styles from ojoba*/


.slider-grdnt rs-slide {background-color: #10418e;}
.slider-grdnt rs-slide rs-sbg-px {-webkit-mask-image: linear-gradient(54deg, rgb(0 0 0 / 80%) 0%, rgb(2 38 60 / 96%) 100%);mask-image: linear-gradient(54deg, rgb(0 0 0 / 80%) 0%, rgb(2 38 60 / 96%) 100%);}
/*h2{font-size: 2.917vw;}*/
.sign_plus .percent-value:before {content: "+";}
.tab_styles {/* background-color: transparent !important; */border: none;}
.tab_styles :is(.et_pb_all_tabs,.et_pb_tabs_controls ) {background-color: transparent;border:none;}
.tab_styles .et_pb_tab {background-size: 0;padding: 0;height: 100%;}
.tab_styles .et_pb_tab .et_pb_tab_content{ height: 100% }
.tab_styles ul:after{content: none;}
.tab_styles li{ border:none;height: auto !important;width: 100%; }
.tab_styles li a {color: white !important;}
.tab_styles .et_pb_tab_active {
    background-color: #002b70 !important;
}
.tab_styles li a {
    position: relative;
    padding-left: 3.5em;
}
.tab_styles li a:before {
    content: "";
    background-image: var(--img);
    display: inline-block;
    width: 2em;
    height: 2em;
    background-size: contain;
    vertical-align: middle;
    margin-right: 0em;
    background-repeat: no-repeat;
    position: absolute;
    left: 0.7em;
    top: 50%;
    transform: translateY(-50%);
}

.tab_styles li a {
    position: relative;
    padding-left: 3.5em;
    font-weight: normal;
    font-size: 18px;
    min-height: 5em;
    display: grid;
    align-items: center;
    align-content: center;max-width: 27em;
}

.bg_ser_tab {
  /**  margin-bottom: 0 !important;**/
}
.list-custom ul {margin-top: 20px;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    grid-column-gap: 25px;
}

#page-container .list-custom ul li {list-style: none; margin: 0;}
#page-container .list-custom ul li:before {
    content: "";
    width: 0.4em;
    height: 0.4em;
    display: inline-block;
    background-color: #10418e;
    margin-right: 0.4em;
    vertical-align: middle;
    /* grid-column-gap: 15px; */
}

footer ul {
    display: grid;
    grid-row-gap: 10px;
}
.-menu-foo a{color: inherit;text-transform: uppercase;}


.footer-whatsapp-icon {color: rgb(37 211 102);  z-index: 10; position: fixed; display: block; width: 50px; height:50px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; background: currentColor; font-size: 0; text-align: center; bottom: 30px; right: 30px; line-height: 75px; }
.footer-whatsapp-icon:before { content: "\f232"; display: inline-block; font-size: 35px; line-height: 35px; font-family: FontAwesome; color: white; }
.palpito {
    box-shadow: 0 0 0 0 rgb(37 211 102);
    animation: pulse 2s infinite;
}
@keyframes pulse {
    0% {box-shadow: 0 0 0 0 currentColor; }
    70% {box-shadow: 0 0 0 10px rgba(236,25,104, 0);}
    100% {box-shadow: 0 0 0 0 rgba(236,25,104, 0);}
}


.logo_list_cl .et_pb_gallery_items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
}
.logo_list_cl .et_pb_gallery_item {
    margin: 0 !important;
    width: 100% !important;
}
.logo_list_cl .owl-nav {
    width: 100%;visibility: hidden;
    /* height: 100%; */
    /* display: flex; */
    /* align-items: center; */
    /* align-content: center; */
    /* justify-content: center; */
}
.logo_list_cl .owl-nav button{ transform: none;cursor: pointer; }
.logo_list_cl .owl-stage{display:flex;align-items: center;align-content: center;}
.logo_list_cl .owl-nav button:before {
  
    font-size: 48px !important;
}
.modules_h .et_pb_column {    height: auto;
   /* display: grid;
    align-items: stretch;
    align-content: space-between;*/
}
.modules_h {
    align-items: normal !important;
    align-content: normal !important;
}
.logo_list_cl .et_pb_gallery_item .et_pb_gallery_image {
    width: 100%;
    margin: auto;
    max-width: 200px;
}
.logo_list_cl .owl-dots {
    margin-top: 35px;
}
.bottom_foo .-menu-foo {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    padding: 0;
    grid-column-gap: 20px;
    justify-content: flex-end;
}
.bottom_foo .-menu-foo li {
    list-style: none;
    font-size: 15px;
}
.bottom_foo .et_pb_row {
    min-height: 55px;
    align-items: center;
    align-content: center;
}
@media (min-width: 981px) {
    .form_wrap {padding-top: 40px !important;}
#page-container .tab-sel{display: none;}
#nosotros .et_pb_row_1 > .et_pb_column {
    display: inline-flex;
    align-items: flex-start;
}
.form_wrap h2 {
    font-size: 32px !important;
}
.header-content .et-menu  {
  /*  grid-column-gap: 34px;
     align-items: flex-end; */
}
#main-head .et-menu > li {
    height: 100%;
    align-items: center;
}
	.tab_styles {display: grid;grid-template-columns: 57% 43%;}
.tab_styles .et_pb_tabs_controls {
    padding-top: 60px !important;
    padding-bottom: 140px !important;
}
.bg_ser_tab:after {
    content: "";
    position: absolute;
    height: 45px;
    width: 100%;
    bottom: 0;
    display: block;
    background-color: white;
}
#menu-main a {
    margin: 0 1em !important;
}
.tab_styles .et_pb_tab .et_pb_tab_content img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 15px;
    object-fit: cover;
}
}

@media (max-width: 980px) {

#page-container .tab-sel:not(:checked)+div {height: 0;visibility: hidden;opacity: 0;
}
#page-container .tab-sel:checked + div {visibility: visible;opacity: 1;}
.tab_styles .et_pb_tab .et_pb_tab_content{transition: .5s ease}

.tab_styles .et_pb_tab{ display: block !important; }
#page-container .tab-sel:checked {
    background-color: #10418e;
    padding: 1em 1em;
    margin: 0;
}

#page-container .tab-sel {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: flex;grid-column-gap: 0.5em;
    align-items: center;
    align-content: center;
    font-size: 18px;
    background-size: 2em;
    background-position: 1em center;
    padding-left: 4em !important;
    background-repeat: no-repeat;
    color: white;
    background-image: inherit;
    min-height: 3em;width: 100%;
}
#page-container .tab-sel {
    border-bottom: solid 1px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 13px;
    padding-top: 0.5em;
    padding-bottom: 0.5em !important;
}
#page-container .tab-sel:before {
    /*content: "";
    background-image: inherit;
    width: 1em;
    height: 1em;
    display: inline-block;
    background-size: contain;*/
}
#page-container .tab-sel:before{content: attr(value);}
#page-container .tab-sel:after {
    font-family: FontAwesome;
    content: '\f107';
    font-size: 1.9em;transition: .5s ease;
}
#page-container .tab-sel:checked:after{transform: rotate(180deg);}
.tab_styles .et_pb_tabs_controls {display: none;}

/**mobile menu**/
.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; }
    .et_pb_section { overflow: hidden;}
  .mobile_nav.opened .mobile_menu_bar:before {content: "\4d";}
 #et_mobile_nav_menu .mobile_nav .mobile_menu_bar:before {font-size: 46px;}
 #et_mobile_nav_menu .et_mobile_menu {transition: ease 1s;height: auto !important;}
#page-container #et_mobile_nav_menu .et_mobile_menu{ color: white;}
#page-container .et_mobile_menu a {
    display: inline-block;
    font-size: 4vw;
}
#page-container #et_mobile_nav_menu .et_mobile_menu {
    
   background-blend-mode: multiply;
    background-image: url(images/premios-y-cert-bg.jpg), linear-gradient( rgb(0 0 0 / 39%), var(---primary-color)); /*   position: absolute;    background-blend-mode: multiply;
content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;*/
}
#et_mobile_nav_menu .opened .et_mobile_menu:before {
  /*  animation-name: background-gradient;
    animation-iteration-count: initial;
    animation-direction: normal;
    animation-delay: 1s;
        animation-duration: 1s;
    animation-fill-mode: forwards;
    backface-visibility: hidden;
    animation-timing-function: ease-in-out;*/
}

#page-container #et_mobile_nav_menu .et_mobile_menu li a { color: inherit; }
#page-container .opened .et_mobile_menu {
    animation-name: fadeInRight;/*display: block !important;*/
    animation-direction: reverse;
    animation-play-state: running;
    animation-duration: 1s;
    visibility: visible;
}
.main_men_sty .mobile_menu_bar:before {
    color: white !important;
}


#page-container .closed .et_mobile_menu {
    animation-name: fadeInRight;
    display: flex !important;
    animation-direction: normal;
    animation-play-state: running;
    animation-duration: 3.2s;
    animation-delay: .9s;
    opacity: 0;visibility: hidden;
    transform: translatex(200%);background-color: black !important;
}
#page-container #main-head {
    height: 62px !important;
    width: 62px !important;
    right: 0 !important;
    left: auto !important;    display: grid;
    background-color: rgb(4,4,5);
}
#page-container #main-head .et_pb_row {
    padding: 0 !important;
}

.header-content .et_pb_menu_inner_container .opened .mobile_menu_bar {
    z-index: 11111;
}
#page-container .et_mobile_menu {
    --menu-hg: 0px;
    display: flex !important;
    opacity: 1;
    border: none !important;
    margin: 0 !important;
    transition: 1s ease;
    flex-direction: column;
    padding: 5% !important;
    position: fixed;
    top: calc(0% - var(--menu-hg));
    left: 30%;
    background-color: #10418e !important;
    height: calc(100vh - var(--menu-hg)) !important;
    max-height: 100% !important;
    text-transform: uppercase;
    width: 70%;
    text-align: left;
    grid-row-gap: 13px;
    justify-content: center;
    /* align-items: center; */
}
#page-container .et_mobile_menu:before {
  /*  content: "";
    background-image: url(images/Galeria_5_En.jpg);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background-blend-mode: multiply;
    opacity: .;
    background-color: rgb(132 62 28 / 48%) !important;*/
}
/*.header-content .et_pb_menu_inner_container .et_pb_menu__wrap {
    justify-content: flex-end;
}
.header-content > .et_pb_row {
    width: 97%;
}*/
.header-content .et_pb_menu_inner_container .et_pb_menu__wrap .mobile_menu_bar:before{ color: white;    top: 0; }
@keyframes background-gradient {
  0% {
    background-color: #ff0000;
  }
  25% {
    background-color: yellow;
  }
  50% {
    background-color: #3333cc;
  }
  75% {
    background-color: #00ffcc;
  }
  100% {
    background-color: #cc9900;
  }
}
 #et_mobile_nav_menu .mobile_menu_bar {
    z-index: 10000;
}
#page-container  #et_mobile_nav_menu .et_mobile_menu {
    width: 90%;
    left: auto;
    right: 0;
}
 /** fadeInRight **/

@keyframes fadeInRight {
    from {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);   
    }
    to {
        opacity:0;   
        -webkit-transform: translatex(100%);
        -moz-transform: translatex(100%);
        -o-transform: translatex(100%);
        transform: translatex(100%);
    }
}



}

@media (max-width: 767px) {
#cotiza {padding-bottom: 0;}
footer [title="logo-mpi"] {
    max-width: 135px;
    margin-left: 0px;
    /* display: block; */
}
footer .et_pb_image {
    text-align: left;
}
.bottom_foo .et_pb_row {
    width: 85%;
    padding: 20px 0 !important;
}
#nosotros .et_pb_text_align_center-phone {
    text-align: center !important;
    padding: 0 !important;
}#et-main-area #main-content .form_wrap [type="submit"] {
    font-size: 15px !important;
    padding: 15px 40px !important;
    width: max-content !important;
}.et_pb_text_align_center-phone {
    width: 100% !important;
    text-align: left !important;
}
    .bottom_foo .et_pb_text_inner {
    text-align: center;
}.bottom_foo .-menu-foo {
    justify-content: center;
}
#nosotros .et_pb_row_1 .et_pb_column:first-child {
    display: flex;
    flex-direction: column-reverse;
}#nosotros .et_pb_row .et_pb_column {
    grid-row-gap: 35px;
}


#nosotros .et_pb_row_1 .et_pb_column:first-child + div{display: flex;flex-direction: column;}
#nosotros .et_pb_row_1 .et_pb_column:first-child + div .et_pb_image {
    margin-bottom: 0;
}
#nosotros .et_pb_row_1 .et_pb_column .et_pb_image { /*text-align: left; */}
#nosotros .et_pb_row_1 .et_pb_column:first-child {
    display: flex;
    flex-direction: column-reverse;
}
.et_pb_text_align_center-phone {
    padding: 0 !important;
}
body {
    font-size: 15px !important;
}
.et_pb_text_align_center-phone{ padding: 0!important; }
}

@media (max-width: 480px) {
.owl-dots {
   
    grid-row-gap: 1.3em;
    font-size: 12px;
}
	.slider-grdnt rs-arrow {
    visibility: hidden;
}
footer ul li{ text-align: left !important; }


}


@media (max-width: 480px) {
.custom-title-h2 h2, .form_wrap .et_pb_text_inner h2{
    font-size: 20px;
}
.form_wrap .et_pb_text_inner {
    font-size: 14px;
    line-height: 1.3em;
}
.et_pb_slider .et_pb_slide_title {
    font-size: 16px !important;
}
.et_pb_text_align_center-phone {
    /*text-align: left !important;*/
}

.et_pb_text_align_center-phone h2 {
    font-size: 22px;
}
.et_pb_text_align_center-phone h4 {
    font-size: 18px;
}
.list-custom ul {
    /* flex-direction: column; */
    /* text-align: left !important; */
    display: block;
    text-align: left;
}
.list-custom h3 {
    text-align: left !important;
}

}