/* Responsive CSS */
/*.main-nav-ct {opacity: .6}*/
/* HACK FOR IE 10/11 */
@media all and (-ms-high-contrast:none) {
    
    /* CORRECCION SVG */    
                    /*.menu-open .main-nav-ct {overflow: hidden;}
    *::-ms-backdrop .menu-open .main-nav-ct {overflow: hidden;}*/

}

/* HACK FOR EDGE 12+ */
/*@supports (-ms-ime-align:auto) {
    .menu-open .main-nav-ct {overflow: hidden;}
}*/

/* Media queries
-------------------------------------------------------------- */

/* iPAD PRO LANDSCAPE*/
@media only screen and (max-device-width: 1500px) and (orientation: landscape) {

    /*.main-nav-ct ul{background: orange !important;}*/

}

@media only screen and (max-width: 1200px) {
    
    /*.main-nav-ct ul{background: red !important;}*/

    /* GENERAL */
    body {font-size: 82%}
    .header-main figure.imago {right: 4.5em;}
    .header-main.special-header figure.imago {right: 2.5em}
}


@media only screen and (max-width: 1024px) {
    
    /*.main-nav-ct ul{background: green !important;}*/

    /* GENERAL */
    body {font-size: 74%}

    [class^="icon-"].med-icon, [class*=" icon-"].med-icon {width: 28px; height: 28px;}
    [class^="icon-"].med-icon:before, [class*=" icon-"].med-icon:before {font-size: 28px; line-height: 28px;}
    [class^="icon-"].big-icon, [class*=" icon-"].big-icon {width: 32px; height: 32px;}
    [class^="icon-"].big-icon:before, [class*=" icon-"].big-icon:before {font-size: 32px; line-height: 32px;}
    [class^="icon-"].xbig-icon, [class*=" icon-"].xbig-icon {width: 38px; height: 38px;}
    [class^="icon-"].xbig-icon:before, [class*=" icon-"].xbig-icon:before {font-size: 38px; line-height: 38px;}

    .text-huge {font-size: 8em !important}

    .header-main figure.imago .imago {width: 6em;height: 6em;}

    /* HOME */
    .home-top {min-height: 50em;}
    .home-top .header-content figure.logo {width: 12.5em;}
    .home-impacto .impacto-blocks .block-item .block-img {width: 5em; height: 5em;}

    /* NEXT LEVEL */
    .nextlevel-top .col-55 > .container.inter-width {width: 76%}

    /* SERVICIOS */
    .sec-servicios .servicios-title {font-size: 2.4vw;}
    .servicios-header::before {height: 80%; left: 4%}


}

@media only screen and (max-device-width: 1024px) and (orientation: portrait) {

    /*.main-nav-ct ul{background: blue !important;}*/

}

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

    /* AGENDA */
    .single-mec-events .mec-container [class^="col-"], 
    .single-mec-events .mec-container [class*=" col-"]{float: none !important;}
    .single-mec-events .mec-single-event .mec-events-event-image, 
    .single-mec-events .mec-wrap .mec-single-title, 
    .single-mec-events .single-mec-events .mec-wrap.mec-no-access-error h1, 
    .single-mec-events .mec-single-event .mec-event-export-module {margin-right: 0 }
    .single-mec-events .mec-single-event .mec-events-content {margin-right: 0; margin-bottom: 4em;}

    .single-mec-events .mec-single-event .mec-event-export-module.mec-frontbox .mec-event-exporting .mec-export-details ul {font-size: 100%}
}   .single-mec-events .mec-next-previous-events li {margin: 2em 8%;}

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

    /* CONTACTO  */
    .rrss .fts-simple-fb-wrapper .fts-jal-single-fb-post {width: 48%} 

}

@media only screen and (max-width: 820px) {
    
    /*.main-nav-ct ul{background: lightblue !important;} */
    
    /* GENERAL */   
    .sec-imago::before, .sec-imago::after {height: 52em; margin-top: -26em;}

    /* HEADER */
    .header-main .imago {display: none;}

    /* MENU */
    .main-nav-ct ul {padding: .4em 2% .2em 2%; display: block; text-align: center; font-size: 90%}
    body.menu-open .main-nav-ct ul {padding-top: 4.5em;}

    /* HOME */
    .home-top {min-height: 40em;}
    .home-top .header-content figure.logo {width: 60%}
    .home-servicios .servicios-summary,
    .home-servicios .servicios-blocks {width: 50%}
    .home-servicios .servicios-blocks .container {margin-left: 30%}
    .home-inspiring .col-55 {width: 70%}
    .home-impacto .impacto-blocks > .container {margin-left: auto}

    /* NEXT LEVEL */
    .nextlevel-top .col-55,
    .nextlevel-top .col-45 {width: 50%}
    .nextlevel-top .col-45 img {width: 130%; margin-left: -23%}
    .equipo .equipo-blocks.container {width: 90%}

    /* SERVICIOS */
    .servicios-header::before {left: -16%}

    /* INSPIRING*/
    .inspiring-header .header-content {padding-top: 8em}
    .inspiring-header .header-content .col-2-3 > .container,
    .inspiring-blocks.container,
    .sec-contacto .contacto-form.container {width: 60%}

    /* AGENDA */
    .sec-agenda .container.medium-width {width: 80%}

}


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

    /* GENERAL */
    .container.xsmall-width {width: 60%}

    /* MENU */
    /*.main-nav-ct ul {padding-left: 2em;}*/
}


/* IPAD Portrait */

@media only screen and (max-device-width: 768px) and (orientation: portrait) {

    /*.main-nav-ct ul{background: orange  !important;}*/

    /* MENU */
    .menu-open .nav-trigger {top: .6em; right: .6em;}

    /* HOME */
    .scrollbtn-ct {display: block;}
    .header-main.home-top {height: 100%}
    .home-top .header-content figure.logo {top: 5.65em}
    

}


/* Small Tablets Landscape */
@media only screen and (max-device-width: 768px) and (orientation: landscape) {
    
    /*.main-nav-ct ul{background: blue  !important;}*/


}


/* IPAD Portrait */
@media only screen and (min-device-width: 480px) and (max-device-width: 768px) and (orientation: portrait) {
    
    /*.main-nav-ct ul{background: #0d2535  !important;} */
    
    
}   

/* IPHONE 6 LANDSCAPE*/
/*@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px){

}*/

/* IPHONE 
----------------------------------------------- */
@media only screen and (max-width: 666px) {

    /* GENERAL */
    body {font-size: 82%}

    /* OCULTAMOS ALGUNOS ELEMENTOS */
    .no-mobile,
    .is-desktop {display: none !important;}
    .is-mobile {display: inherit !important;}

    /* GENERAL */
    h1, .entry-title {font-size: 240%}
    .text-adjust {line-height: initial; font-size: initial;}
    .text-adjust:not(.servicios-title)::after {display: none;}

    .sec-imago::before, .sec-imago::after {display: none;}

    /* HEADER */
    .header-main {min-height: 12.5em;}
    .header-main::before {width: 60%; left: -0.3em;}
    .special-header {width: 86%}
    .special-header::after {width: 16.5%; right: -16.2%}

    /* MENU */
    .main-nav-ct {opacity: 0; visibility: hidden; top: -100%; padding: 0; width: 100%; min-width: 0; height: 100%; display: table;
        font-size: 1.8em;
    }
    .single-mec-events .main-nav-ct {position: fixed}
    .main-nav-ct ul::after {border: 0; background-color: #FFF;
    top: auto; height: 100%; left: -10%; width: .15em; right: auto;
    -ms-transition: none;
    -webkit-transition: none;
    transition: none; }
    body.menu-open .main-nav-ct { top: 0 !important; visibility: visible !important; opacity: 1 !important;}
    body.menu-open .main-nav-ct ul {padding: 0; text-align: left}
    body.menu-open .main-nav-ct ul::after {width: .15em}
    body.menu-open .nav-trigger,
    .nav-trigger {opacity: 1; visibility: visible;}
    .menu-wp {display: table-row;}
    .menu-ct {display: table-cell;vertical-align: middle; padding: 0 5% 0 24%}
    .main-nav-ct ul.menu {padding: 0; background: none}
    .main-nav-ct ul.menu > li {display: block;}
    .main-nav-ct ul.menu > li:first-of-type,
    .main-nav-ct ul.menu > li:first-of-type a {padding-top: 0; margin-top: 0}
    .main-nav-ct ul.menu > li:last-of-type,
    .main-nav-ct ul.menu > li:last-of-type a {padding-bottom: 0; margin-bottom: 0}
    .main-nav-ct ul.menu li::after {display: none;}
    .main-nav-ct ul.menu > li a {margin-left: 0}
    
    /* HOME */
    .scrollbtn-ct {display: block; left: 9%; bottom: 7em;}
    .header-main.home-top {height: 100%}
    .home-top .header-content figure.logo {width: 78%; top: 4.65em; left: 8%;}
    .home-inspiring {padding-bottom: 7em;}
    .home-inspiring::after {width: 93%}
    .home-inspiring .col-55,
    .home-impacto .columns > .col-1-3,
    .home-impacto .columns > .col-2-3,
    .home-servicios .columns > .col-45,
    .home-servicios .columns > .col-55 {width: 100%}

    .home-impacto .impacto-summary .container {margin-left: auto; width: 76%; padding-top: 1em; padding-bottom: 0;}
    .home-impacto .impacto-blocks > .container {padding-top: 4em}
    .home-impacto .impacto-blocks .block-item .container {padding-bottom: 2em;}
    
    .home-servicios .servicios-summary .container {padding-top: 6em;}
    .home-servicios .servicios-blocks .container {margin-left: 22%; padding-top: 4em;}

    /* NEXT LEVEL */
    body.page-template-nextlevel .header-main::before {width: 65%}
    .nextlevel-top .col-55, .nextlevel-top .col-45 {width: 100%}
    .nextlevel-top .col-45 img {width: 80%; margin-left: 0; float: right;}

    .equipo .block-item {width: 33%}

    /* SERVICIOS */
    .servicios-header.header-main::before {display: none;}
    .servicios-header .header-content {padding-top: 1em;}
    .servicios-header .header-content h1 {display: block;}
    .servicios-header .header-content .col-2 {width: 96%}
    
    .sec-servicios .tab-nav {right: 0; }
    .sec-servicios .tab-nav ul {justify-content: center; align-items: flex-end;}
    .sec-servicios .servicios-claim {font-size: 150%; margin-top: -1em}
    .sec-servicios .servicios-title {font-size: 2em; margin-top: -1em}
    .sec-servicios .servicios-title::after {bottom: -0.8em;}
    .sec-servicios .servicios-blocks {margin-top: 3em}
    .sec-servicios .servicios-blocks .block-item {width: 100%}
    .sec-servicios .servicios-blocks .block-item::before {font-size: 8em; left: 24% !important; top: -.2em; width: 0; height: 0em;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .sec-servicios .servicios-blocks .block-item:first-of-type > .container, .sec-servicios .servicios-blocks .block-item:nth-child(3n+1) > .container,
    .sec-servicios .servicios-blocks .block-item:nth-child(3n) > .container {float: none}
    .sec-servicios .servicios-blocks .block-item .block-title {font-size: 210%}
    .sec-servicios .servicios-blocks .block-item .entry-content {margin-top: 0}
    .img-decorativa-left,.img-decorativa-right{display: none;}

    /* INSPIRING */
    .inspiring-header {background-position: 40% 0; }
    .inspiring-header .header-content {padding-top: 8em; padding-bottom: 6em;}
    .inspiring-header .header-content .col-2-3 {width: 100%}

    .inspiring-blocks.container, 
    .sec-contacto .contacto-form.container {width: 80%}
    .inspiring-blocks .block-item:nth-child(1) .block-img,
    .inspiring-blocks .block-item:nth-child(1n+3) .block-img,
    .inspiring-blocks .block-item:nth-child(2) .block-img,
    .inspiring-blocks .block-item:nth-child(2n+3) .block-img,
    .inspiring-blocks .block-item:nth-child(3) .block-img,
    .inspiring-blocks .block-item:nth-child(3n+3) .block-img {background-size: contain}


    /* EVENTOS / AGENDA */
    .sec-agenda .entry-content br {display: none;}
    .sec-default .mec-wrap.mec-sm959 .mec-calendar:not(.mec-event-calendar-classic):not(.mec-calendar-weekly) .mec-calendar-side, 
    .post-type-archive-mec-events .mec-wrap.mec-sm959 .mec-calendar:not(.mec-event-calendar-classic):not(.mec-calendar-weekly) .mec-calendar-side,
    .sec-default .mec-calendar .mec-calendar-events-side, 
    .post-type-archive-mec-events .mec-calendar .mec-calendar-events-side {
        width: 100%;
    }

}


/* IPHONE 
----------------------------------------------- */
@media only screen and (max-width: 520px) {
    
}


    /* IPHONE 
----------------------------------------------- */
@media only screen and (max-width: 480px) {
    
    /*.main-nav-ct ul{background: #000 !important;}*/
    
    /*svg {height: 100% !important}*/

    br {display: none;}
    .text-huge {font-size: 2.4em !important}
    .floatLeft,
    .floatRight {float: none !important}

    /* GENERAL */
    h1, .entry-title {font-size: 290%}
    .text-small {font-size: 100%}
    .text-xsmall {font-size: 90%}
    table br,
    .mobile {display: inherit;}
    .text-huge {font-size: 5.4em !important; }
    .container {width: 74% !important}
    .container .container {width: 100% !important}

    [class^="col-"],    
    [class*=" col-"] {width: 80%; margin-left: auto; margin-right: auto; height: auto; padding-left: 0; padding-right: 0; float: none}

    .special-header {width: 82%}
    .special-header::after {width: 22%; right: -22%}

    /* HOME */
    .home-inspiring::after {width: 89%}
    .home-impacto .impacto-blocks .block-item {margin-bottom: 2em;}
    .home-impacto .impacto-blocks .block-item::before {background-size: contain !important}
    .home-impacto .impacto-blocks .block-item .container {padding-bottom: 2em; width: 60% !important; margin-left: 12%;}
    
    .home-servicios .servicios-summary .container {margin-left: auto;}
    .home-servicios .servicios-blocks .container {margin-left: 27%; padding-top: 4em; width: 55% !important;}

    /* NEXT LEVEL */
    .nextlevel-top {padding-top: 0}
    .equipo .block-item {width: 70%}

    /* SERVICIOS */
    .sec-servicios .container.row {overflow: visible;}
    /*.sec-servicios .tab-nav {font-size: 82%}*/
    .sec-servicios .tab-nav li {margin: 0; width: 50%}
    .sec-servicios .servicios-blocks .block-item::before {left: 10% !important}

    /* CONTACTO */
    .input-box.col-2 {width: 100%; text-align: center}
    .input-box.col-2 input {width: 94%; padding-left: 3%; padding-right: 3%}
    .rrss .header-rrss {width: 100%; text-align: center; left: 0; top: 2em;}
    .tab-nav.nav-social {padding-top: 7em;}
    .rrss .tab-container .container {padding-top: 3em; padding-bottom: 3em;}
    .rrss .fts-simple-fb-wrapper .fts-jal-single-fb-post {width: 100%}

    .footer {padding: 2.4em 2em;}
    .footer .footer-navigation {margin-top: 1em;}

    /* AGENDA */ 
    .single-mec-events .mec-container {width: 90% !important; padding: 2em 0 !important; }
}

/* iPHONE 4 */
@media only screen and (max-width: 390px) {
    
    /*.main-nav-ct ul{background: gray !important;} */
    
    /* GENERAL */
    body {font-size: 80%}

    .sec-default .mec-calendar:not(.mec-liquid-custom-scrollbar,.mec-liquid-daily) .mec-event-article .mec-event-image, 
    .post-type-archive-mec-events .mec-calendar:not(.mec-liquid-custom-scrollbar,.mec-liquid-daily) .mec-event-article .mec-event-image {display: none;}
    
    .sec-default .mec-calendar:not(.mec-liquid-custom-scrollbar,.mec-liquid-daily) .mec-event-article .mec-monthly-contents,
    .post-type-archive-mec-events .mec-calendar:not(.mec-liquid-custom-scrollbar,.mec-liquid-daily) .mec-event-article .mec-monthly-contents {width: 100% !important}
}


/* iPHONE 4 */
@media only screen and (max-width: 320px) and (orientation: portrait) {
    
    /*.main-nav-ct ul{background: blue !important;} */

}

@media only screen and (min-width: 1500px) {

    /*.main-nav-ct ul{background: green !important;} */
    
    /* GENERAL */
    body {font-size: 100%}

    /* MENU */
    .nav-trigger {width: 37px; height: 37px; }
    .nav-trigger .btn-nav-icon, .nav-trigger .btn-nav-icon:after, .nav-trigger .btn-nav-icon:before {top: 6px; width: 37px; height: 6px;}
    .nav-trigger .btn-nav-icon:before {transform: translate3d(0, -17px, 0); -webkit-transform: translate3d(0, -17px, 0);}
    .nav-trigger .btn-nav-icon:after {transform: translate3d(0, 5px, 0); -webkit-transform: translate3d(0, 5px, 0);}

    /* NEXT LEVEL */
    .nextlevel-top { margin-left: -2%; margin-right: 6%;}
    .nextlevel-top .col-55 {width: 50%}
    .nextlevel-top .col-55 > .container {font-size: 110%; margin-right: -9%; width: 75%;}

    /* SERVICIOS */
    .servicios-header .header-content {padding-top: 9em;}

}

@media only screen and (min-width: 1800px) {

    /*.main-nav-ct ul{background: blue !important;} */
    
    /* GENERAL */
    body {font-size: 105%}
    .header-main:not(.home-top) {min-height: 25.5em;}

    /* MENU */
    .main-nav-ct {font-size: 1.3em}

    /* HOME */
    .home-impacto .impacto-blocks .block-item {font-size: 120%}
    .home-impacto .impacto-blocks .block-item::before {background-size: 80% !important}

    /* NEXT LEVEL */
    .nextlevel-top .col-55 > .container {padding-bottom: 10em;}

    /* SERVICIOS */
    .servicios-header .header-content {font-size: 140%; padding-bottom: 3em;}
}


@media only screen and (min-width: 2300px) {
    
    /*.main-nav-ct ul{background: yellow !important;}*/

    /* GENERAL */
    body {font-size: 120%}
}