/* GCC V2.0*/

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 16px;
    color: #000;
    font-family: 'Avenir-Book' !important;
}

@keyframes jump {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(0);
    }
}

.jump {
    animation-name: jump;
    animation-timing-function: linear;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    background-color: #F44336;
    transform-origin: bottom;
}

.scroll {
    display: none;
    height: 40px;
    width: 40px;
    position: fixed;
    z-index: 3;
    bottom: 20px;
    left: 50%;
    background-color: #ffffff30;
    background-image: url(../images/down2.png);
    transition: all ease .5s;
    opacity: 1;
    height: 60px;
    width: 60px;
    background-repeat: no-repeat;
    border: 1px solid;
    border-radius: 100px;
    background-position: center;
    cursor: pointer;
    border-color: #000 !important;
}

.inv {
    opacity: 0;
}

.dark-demo.fullwidth-demo:before,
.conta:before {
    display: none;
}

.logo {
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 13;
    width: 16vh;
    height: 16vh;
    transition: all ease .3s;
    background: url(../images/logo-b.svg) no-repeat center center;
    background-size: contain;
    opacity: 1;
}

.logo img {
    display: none;
}

.logo.bl {
    background: url(../images/logo-b.svg) no-repeat center center;
    background-size: contain;
}

.logo.wh,
.logo.hid {
    background: url(../images/logo-w.svg) no-repeat center center;
    background-size: contain;
}

.logo.rd {
    background: url(../images/logo-r.svg) no-repeat center center;
    background-size: contain;
}

.logo.nof {
    position: absolute;
}

.clear {
    clear: both;
}

.menu-header {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #ff0043 url(../images/f7.gif) no-repeat right bottom;
    background-size: contain;
    left: -100%;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    z-index: 11;
}

.menu-header:after {
    content: "";
    display: block;
    border-right: 10em solid #fff;
    border-left: 10em solid #000;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.menu-header.active {
    left: 0;
    position: fixed;
}

.menu-icon {
    padding: 10px 20px;
    color: #fff;
    cursor: pointer;
    margin: 6px 6px 0 0;
    position: fixed;
    left: 20px;
    top: 20px;
    z-index: 12;
    transition: all 0.3s ease;
    background: rgba(0, 0, 0, .5) center center;
    font-size: 26px;
    font-weight: 700;
    border-radius: 5px;
}

#menuToggle {
    display: none;
}

#menuToggle:checked~.menu-header {
    position: fixed;
    left: 0;
}

#menuToggle:checked~.menu-header a {
    padding-right: 50px
}

#menuToggle:checked+.menu-icon {
    left: 30px;
    color: rgba(255, 255, 255, 0);
    background: url(../images/cerrar.png) no-repeat center center;
    background-size: 35%;
}

m #menuToggle:checked~.menu-header:before {
    content: "";
    display: block;
    width: 60px;
    height: 62px;
    background: url(images/gcc.png) no-repeat;
    background-size: contain;
    position: fixed;
    left: 50px;
    top: 20px;
    z-index: 11;
}

.menu-header nav ul li a {
    font-size: 8vh;
    line-height: 12vh;
    font-family: 'Avenir-Black';
    color: #fff;
    text-transform: uppercase;
    transition: all ease .3s;
    text-decoration: none;
}

#menuToggle:checked~.menu-header nav ul li a:hover {
    font-size: 9.3vh;
    text-decoration: none;
    color: #fff;
    text-shadow: 0 0 0 !important;
}

#menuToggle:checked~.menu-header nav {
    position: absolute;
    left: 5%;
    bottom: 5%;
}

#menuToggle:checked~.logo {
    width: 14vh
}

#menuToggle:checked~.logo {
    background: url(../images/logo-b.svg) no-repeat center center;
}

.contenedor {
    height: 70vh !important;
    width: 100%;
    position: relative;
}

.slideview {
    position: relative;
    text-align: right;
    height: 100%;
    width: 100%;
    background: #ff0042
}

.slide-1 {
    background: url(../images/f1.jpg) no-repeat right center;
    background-size: cover;
    padding-top: 15%;
    padding-right: 10%
}

.slide-1 h3 {
    font-family: 'Avenir-Black';
    color: #000;
    text-transform: uppercase;
    font-size: 9vh
}

.slide-1 p {
    color: #000;
    font-family: 'Avenir-Book';
    width: 25%;
    display: inline-block
}

.slide-1 .cta {
    color: #000;
    font-family: 'Avenir-Black';
    padding: 10px 40px 10px 20px;
    border: 1px solid #000;
    border-radius: 90px;
    background: url(../images/cta1.gif) no-repeat 90%;
    background-size: 10px;
    cursor: pointer;
    text-transform: uppercase;
    transition: all ease .3s
}

.cta:hover {
    text-decoration: none;
    background-position: 87%;
    color: #ff0043;
}

.slide-2 {
    background: url(../images/f2.jpg) no-repeat fixed;
    background-size: cover;
    padding-right: 8%
}

.slideview-pagination {
    display: none !important;
}

.slide-2 h3 {
    font-size: 5vh;
    font-family: 'Avenir-BlackOblique';
    text-transform: uppercase;
    padding-top: 10%;
    color: #fff;
}

.slide-3 {
    background: url(../images/f3.gif) no-repeat #ff0042;
    background-size: cover;
    padding-right: 14%
}

.slide-3 h3 {
    font-size: 8vh;
    font-family: 'Avenir-BlackOblique';
    text-transform: uppercase;
    padding-top: 12%;
    color: #fff;
}

.mision {
    background: url(../images/inspirar.jpg) no-repeat fixed;
    background-size: cover;
    height: 110%;
    padding-top: 10%;
    padding-left: 30%
}

.mision h3 {
    color: #ff0043;
    font-family: 'Avenir-Black';
    text-transform: uppercase;
    line-height: normal;
    background: #000;
    padding: 10px;
    display: inline-block;
}

.mision li {
    font-size: 10vh;
    font-family: 'Avenir-BlackOblique';
    text-transform: uppercase;
    color: #fff;
    line-height: normal;
}

.proposito {
    background: url(../images/f5.jpg) no-repeat;
    background-size: cover;
    height: 100%;
    padding-top: 35%;
    padding-left: 30%;
    padding-right: 20%;
}

.proposito h3 {
    font-family: 'Avenir-BlackOblique';
    color: #000;
    font-size: 8vh;
    text-transform: uppercase;
}

.proposito p {
    font-size: 3vh;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Avenir-BlackOblique';
}

.valores {
    background: url(../images/f6.png) no-repeat fixed;
    background-size: cover;
    height: 100%;
    padding-top: 20%;
    padding-left: 20%;
    padding-right: 20%;
}

.valores h3 {
    font-family: 'Avenir-Black';
    color: #000;
    font-size: 8vh;
    text-transform: uppercase;
}

.valores p {
    font-size: 3vh;
    color: #000;
}

.valores .stext b, strong {
    font-weight: 900 !important;
    color: #ff0043 !important;
}

.conta {
    background: url(../images/conta.jpg) no-repeat fixed;
    background-size: cover;
    color: #fff;
    font-size: 1.5vh;
}

.conta input {
    background: none;
    border: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding: 10px 10px;
    font-size: 2vh;
}

.conta textarea {
    border: none;
    border-bottom: 1px solid #fff;
    background: none;
    color: #fff;
}

.conta h1 {
    font-family: 'Avenir-Black';
    color: #fff;
    text-transform: uppercase;
    font-size: 8vh
}

.con-title {
    float: left;
}

.conta .container {
    display: table;
    margin: 0 auto;
    padding-top: 15%
}

.forma {
    float: left;
    margin-left: 30px;
}

.conta input,
.conta textarea,
.conta select {
    width: 350px;
    box-sizing: border-box;
    font-size: 1.5vh;
    color: #ccc;
    transition: all ease .5s;
}

.conta input[type="submit"] {
    width: auto;
    padding: 15px 43px 15px 25px;
    border-radius: 50px;
    border: 1px solid #fff;
    font-family: 'Avenir-Black';
    text-transform: uppercase;
    background: url(../images/cta.png) no-repeat 106px 16px;
    font-size: 18px;
}

.conta input[type="submit"]:hover {
    border: 1px solid #ff0043;
    color: #ff0043;
    background-position: 100px 16px;
}

.conta select {
    background: none;
    border: none;
    border-bottom: 1px solid #fff;
    padding: 14px 10px 10px;
    color: #fff;
}

.conta select:focus {
    background: #fff;
    color: #333;
}

.conta textarea {
    padding: 15px 10px;
}

.container2 {
    display: table;
    margin: 0 auto;
    padding-top: 15%
}

textarea:focus,
input:focus {
    outline: none;
    background: rgba(0, 0, 0, .5)
}

.required {
    color: #ff0041;
}

.error_message2 {
    padding-top: 10px;
    font-family: 'Avenir-Black';
}

.porta h2 {
    font-size: 8vh;
    color: #ff0043;
    font-family: 'Avenir-Black';
    text-transform: uppercase;
}

.porta .slide {
    width: 100%;
    min-height: 100%;
    padding: 10% 0 1px;
    background: url(../images/porta.gif) #fff no-repeat center;
    background-size: cover;
}

.porta .slide .info {
    float: right;
}

.porta .slide .info p {
    font-size: 1.5vh;
    max-width: 40%;
}

.ipg {
    text-align: center;
    background: #ff0043 url(../images/fondoipg.gif) no-repeat center top;
    background-size: cover;
    color: #fff;
    padding-bottom: 1px;
}

.organigrama img {
    width: 75vh;
}

.cifras img {
    width: 25vh;
    float: left;
    margin-right: 30px;
    padding: 5% 0
}

.organigrama {
    padding: 10% 0;
}

.cifras {
    padding: 0;
    display: table;
    margin: 0% auto 10%;
}

.gcct {}

.cifras p {
    float: left;
    font-size: 4vh;
    text-transform: uppercase;
    color: #000;
    font-family: 'Avenir-BlackOblique';
    text-align: left;
}

.cifras p span {
    color: #fff;
    font-size: 8vh;
}

.foto {
    height: 100%;
    width: 50%;
    float: left;
}

.elsalvador {
    height: 100%;
    width: 50%;
    float: left;
    background: url(../images/elsalvador.gif) no-repeat center #ff0043;
    background-size: auto 100%;
}

.guatemala {
    height: 100%;
    width: 50%;
    float: left;
    background: url(../images/guatemala.gif) no-repeat center #ff0043;
    background-size: auto 100%;
}

.honduras {
    height: 100%;
    width: 50%;
    float: left;
    background: url(../images/honduras.gif) no-repeat center #ff0043;
    background-size: auto 100%;
}

.nicaragua {
    height: 100%;
    width: 50%;
    float: left;
    background: url(../images/nicaragua.gif) no-repeat center #ff0043;
    background-size: auto 100%;
}

.costarica {
    height: 100%;
    width: 50%;
    float: left;
    background: url(../images/costarica.gif) no-repeat center #ff0043;
    background-size: auto 100%;
}

.panama {
    height: 100%;
    width: 50%;
    float: left;
    background: url(../images/panama.gif) no-repeat center #ff0043;
    background-size: auto 100%;
}

.dominicana {
    height: 100%;
    width: 50%;
    float: left;
    background: url(../images/rdominicana.gif) no-repeat center #ff0043;
    background-size: auto 100%;
}

.grupo {
    height: 50%;
}

.grupo img {
    display: none;
}

.primera {
    background: url(../images/ft1.jpg) no-repeat center;
    background-size: cover;
}

.segunda {
    background: url(../images/ft2.jpg) no-repeat center;
    background-size: cover;
}

.tercera {
    background: url(../images/ft3.jpg) no-repeat center;
    background-size: cover;
}

.cuarta {
    background: url(../images/ft4.jpg) no-repeat center;
    background-size: cover;
}

.quinta {
    background: url(../images/ft5.jpg) no-repeat center;
    background-size: cover;
}

.sexta {
    background: url(../images/ft6.jpg) no-repeat center;
    background-size: cover;
}

.septima {
    background: url(../images/ft7.jpg) no-repeat center;
    background-size: cover;
}

.grupo:nth-child(even) .foto,
.grupo:nth-child(even) .pais {
    float: right;
}

#mytimeline h2 {
    font-size: 8vh;
    text-transform: uppercase;
    color: #fff;
    position: fixed;
    z-index: 4;
    top: 10%;
    left: 30px;
    font-family: 'Avenir-Black';
}

.timeline .date {
    font-family: 'Avenir-Black';
}


/*
.slideview-prev:before {
    background: url(../images/izq.png) no-repeat center center;
    background-size: 24px;
    color: rgba(0, 0, 0, 0);
    height: 60px;
    border-radius: 100px;
    width: 60px;
    border: 2px solid #ff0043;
    transition: all ease .2s
}
*/


/*Chris perfect code*/

.round .slideview-button:before {
    display: none;
}

.slideview-prev {
    transform: scaleX(-1);
}

.round {
    /* position: absolute;*/
    border: 2px solid #fff;
    width: 40px;
    height: 40px;
    border-radius: 100%;
}

#cta {
    cursor: pointer;
}

#cta .arrow {
    left: 30%;
}

.arrow {
    position: absolute;
    bottom: 0;
    margin-left: 0px;
    width: 18px;
    height: 18px;
    background-size: contain;
    top: 21px;
}

.slideview-button-disabled {
    display: none !important;
}

.slideview.home .segunda {
    margin-left: 8px;
}

.next {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
}

.slideview-touch .slideview-button {
    display: block !important;
}

@keyframes bounceAlpha {
    0% {
        opacity: 1;
        transform: translateX(0px) scale(1);
    }
    25% {
        opacity: 0;
        transform: translateX(10px) scale(0.9);
    }
    26% {
        opacity: 0;
        transform: translateX(-10px) scale(0.9);
    }
    55% {
        opacity: 1;
        transform: translateX(0px) scale(1);
    }
}

.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.arrow.primera.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration: 1.4s;
    animation-delay: 0.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.round .arrow {
    animation-name: bounceAlpha;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.round .arrow.primera {
    animation-name: bounceAlpha;
    animation-duration: 1.4s;
    animation-delay: 0.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.round .slideview-next:before {
    display: none;
}

div#cta {
    background: #000;
    border-radius: 100px;
}

.slideview-button {
    width: 60px;
    height: 60px;
}


/* Chris erfect code end*/


/*
.slideview-next:before {
    background: #000;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
    background-size: 24px;
    color: rgba(0, 0, 0, 0);
    height: 60px;
    border-radius: 100px;
    width: 60px;
    right: 30px;
    border: 2px solid #ff0043;
    transition: all ease .2s
}

.slideview-prev:after {
    background: url(../images/izq2.png) no-repeat center center;
    background-size: 24px;
    color: rgba(0, 0, 0, 0);
    height: 60px;
    border-radius: 100px;
    width: 60px;
    border: 2px solid #ff0043;
    transition: all ease .3s;
    content: "\2039";
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: lighter;
    font-size: 70px;
    line-height: 25px;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0px;
    opacity: 0;
}

.slideview-next:after {
    background: url(../images/der2.png) no-repeat center center;
    background-size: 24px;
    color: rgba(0, 0, 0, 0);
    height: 60px;
    border-radius: 100px;
    width: 60px;
    border: 2px solid #ff0043;
    transition: all ease .3s;
    content: "\2039";
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: lighter;
    font-size: 70px;
    line-height: 25px;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: -30px;
    opacity: 0;
}

.slideview-prev:hover:before {
    border: 30px solid #ff0043;
}

.slideview-prev:hover:after {
    opacity: 1;
}

.slideview-next:hover:before {
    border: 30px solid #ff0043;
}

.slideview-next:hover:after {
    opacity: 1;
}

.slideview-next,
.slideview-prev {
    transition: all .3s ease;
    background-size: 24px;
}

.slideview-button.slideview-button-disabled {
    opacity: 0;
}
*/

@media (min-width:1001px) {
    .small {
        height: 10vh;
        width: 10vh;
    }
}

@media (max-width:1000px) {
    .scroll {
        left: 44%;
    }
    .logo {
        width: 70px;
    }
    #mytimeline h2 {
        font-size: 28px;
        top: 50px;
        left: 10px
    }
    .timeline .txt {
        font-size: 14px
    }
    .menu-icon {
        font-size: 16px;
        color: #fff;
        padding: 5px 10px;
        left: 10px;
        top: 10px
    }
    .timeline-wrapper.dark {
        background: #ff0043 !important
    }
    .timeline .milestones {
        background: #000;
    }
    #menuToggle:checked~.logo {
        width: 70px;
    }
    .menu-header:after {
        display: none;
    }
    .menu-header {
        background-position: 210% 50% !important;
        background-size: 70%;
    }
    .menu-header nav ul li a {
        font-size: 27px;
        line-height: normal;
        text-shadow: 0 0;
        color: #fff
    }
    #menuToggle:checked~.menu-header nav {
        position: relative;
        padding-top: 65%;
        left: 30px
    }
    .menu-header nav ul li {
        margin: 5% 0;
    }
    #menuToggle:checked~.menu-header nav ul li a:hover {
        font-size: 28px;
    }
    #menuToggle:checked+.menu-icon {
        left: 10px
    }
    .slide-1 {
        text-align: center;
        padding: 30px;
        position: relative;
        background: url(../images/f1m.jpg) no-repeat center;
        background-size: cover;
    }
    .slide-1 p {
        width: auto;
        font-size: 14px;
        margin-bottom: 8%
    }
    .slide-1 h3 {
        font-size: 36px
    }
    .slide-1 .stext {
        position: absolute;
        bottom: 10%;
        width: 100%;
        padding: 0 20px;
        left: 0;
    }
    .slide-1 .cta {
        font-size: 14px;
        padding: 3% 9% 3% 5%;
        background-size: 4% auto !important;
        background-position: 92% center;
    }
    .slide-2 {
        background: url(../images/f2m.jpg) no-repeat top center fixed;
        background-size: cover;
        padding: 30px;
        position: relative;
    }
    .slide-2 h3 {
        font-size: 4vh;
        padding: 0;
        color: #fff;
        padding: 0;
        margin: 0;
    }
    .slide-2 .stext {
        position: absolute;
        top: 15%;
        right: 10%;
    }
    .slide-3 {
        background: url(../images/f3m.gif) no-repeat top center fixed;
        background-size: cover;
        padding: 30px;
        position: relative;
    }
    .slide-3 h3 {
        font-size: 24px;
        line-height: normal;
        padding: 0;
        text-align: center;
        padding: 0;
        margin: 0;
    }
    .slide-3 .stext {
        position: absolute;
        bottom: 23%;
        left: 0;
        padding: 0 30px;
        width: 100%
    }
    .mision {
        background: url(../images/inspirar2.jpg) no-repeat #000 center bottom;
        background-size: cover;
        height: 110%;
        padding: 30px;
        position: relative;
    }
    .mision h3 {
        background: none;
        padding: 0px;
        font-size: 18px;
    }
    .mision li {
        font-size: 5vh;
    }
    .mision .stext {
        position: absolute;
        left: 30px;
        top: 15%;
    }
    .proposito {
        background: url(../images/f5m.jpg) no-repeat;
        background-size: cover;
        padding: 30px;
        padding-right: 10%;
        position: relative;
    }
    .proposito h3 {
        font-size: 28px;
    }
    .proposito p {
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
        font-family: 'Avenir-BlackOblique';
    }
    .proposito .stext {
        text-align: center;
        position: absolute;
        width: 100%;
        left: 0;
        top: 23%;
        padding: 0 30px
    }
    .valores {
        background: url(../images/f6vm.png) no-repeat fixed;
        background-size: cover;
        padding: 30px;
    }
    .valores .stext {
        text-align: center;
        padding-top: 35%
    }
    .valores .stext b, strong {
        font-weight: 900;
        color: #ff0043;
    }
    .valores h3 {
        font-size: 30px;
    }
    .valores p {
        font-size: 14px;
        line-height: normal;
    }
    .porta .slide {
        background: url(../images/portam.gif) no-repeat center center;
        background-size: cover;
        padding: 30px;
        position: relative;
    }
    .porta .slide .info {
        float: none;
        text-align: center;
    }
    .porta h2 {
        font-size: 4.5vh;
    }
    .porta .slide .info p {
        max-width: none;
        font-size: 14px;
    }
    .porta .slide article {
        position: absolute;
        left: 0;
        top: 0;
        padding: 28% 30px 0;
    }
    .organigrama img {
        width: 80%;
    }
    .ipg {
        background: #ff0043
    }
    .cifras img {
        width: 116px;
        float: none;
        padding: 0;
        margin: 0 0 20px
    }
    .cifras p span {
        font-size: 4.5vh
    }
    .cifras p {
        font-size: 3vh;
        text-align: center;
        float: none;
    }
    .gcct {
        padding: 0 30px 30px;
        padding: 5% 20px;
    }
    .cifras {
        display: block;
        padding: 0;
        margin: 0;
    }
    .foto {
        display: block;
        float: none !important;
        width: 100% !important;
        height: 300px;
    }
    .grupo {
        height: auto;
        background: #ff0043;
        padding-bottom: 50px;
        float: none !important;
    }
    .grupo img {
        display: inline;
        max-width: 100%;
        height: auto;
    }
    .elsalvador,
    .guatemala,
    .honduras,
    .nicaragua,
    .costarica,
    .panama,
    .dominicana {
        width: 100%;
        background-size: 100% auto;
        height: auto;
        background: none;
        float: none !important;
    }
    .conta h1 {
        font-size: 30px;
    }
    .conta p {
        font-size: 14px;
    }
    .con-title {
        float: none;
        text-align: center;
        padding-top: 90px;
    }
    .forma {
        float: none;
        margin: 0;
        width: 200px;
        margin: 0 auto;
    }
    .conta input,
    .conta textarea,
    .conta select {
        width: 200px !important;
        font-size: 14px;
    }
    .conta input[type="submit"] {
        width: auto !important;
        font-size: 16px;
        padding: 10px 50px 10px 20px;
        background-size: 7% auto !important;
        background-position: 85% center;
        margin: 0 auto;
        display: block;
    }
    .forma label {
        font-size: 14px;
        margin-top: 10px;
    }
    .conta input[type="submit"]:hover {
        background-position: 81% center;
    }
    .container2 {
        padding: 1px 0 50px;
        display: block;
    }
    .conta {
        background: #000 url(../images/contam.jpg) no-repeat center center;
        background-size: cover;
        height: auto;
    }
    .hid {
        opacity: 0;
    }
}
/* for Iphone */

@media only screen 
  and (min-device-width: 428px) 
  and (max-device-width: 926px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {
    .scroll {
        left: 44%;
    }
    .logo {
        width: 70px;
    }
    #mytimeline h2 {
        font-size: 28px;
        top: 50px;
        left: 10px
    }
    .timeline .txt {
        font-size: 14px
    }
    .menu-icon {
        font-size: 16px;
        color: #fff;
        padding: 5px 10px;
        left: 10px;
        top: 10px
    }
    .timeline-wrapper.dark {
        background: #ff0043 !important
    }
    .timeline .milestones {
        background: #000;
    }
    #menuToggle:checked~.logo {
        width: 70px;
    }
    .menu-header:after {
        display: none;
    }
    .menu-header {
        background-position: 210% 50% !important;
        background-size: 70%;
    }
    .menu-header nav ul li a {
        font-size: 27px;
        line-height: normal;
        text-shadow: 0 0;
        color: #fff
    }
    #menuToggle:checked~.menu-header nav {
        position: relative;
        padding-top: 65%;
        left: 30px
    }
    .menu-header nav ul li {
        margin: 5% 0;
    }
    #menuToggle:checked~.menu-header nav ul li a:hover {
        font-size: 28px;
    }
    #menuToggle:checked+.menu-icon {
        left: 10px
    }
    .slide-1 {
        text-align: center;
        padding: 30px;
        position: relative;
        background: url(../images/f1m.jpg) no-repeat center;
        background-size: cover;
    }
    .slide-1 p {
        width: auto;
        font-size: 14px;
        margin-bottom: 8%
    }
    .slide-1 h3 {
        font-size: 36px
    }
    .slide-1 .stext {
        position: absolute;
        bottom: 10%;
        width: 100%;
        padding: 0 20px;
        left: 0;
    }
    .slide-1 .cta {
        font-size: 14px;
        padding: 3% 9% 3% 5%;
        background-size: 4% auto !important;
        background-position: 92% center;
    }
    .slide-2 {
        background: url(../images/f2m.jpg) no-repeat top center fixed;
        background-size: cover;
        padding: 30px;
        position: relative;
    }
    .slide-2 h3 {
        font-size: 4vh;
        padding: 0;
        color: #fff;
        padding: 0;
        margin: 0;
    }
    .slide-2 .stext {
        position: absolute;
        top: 15%;
        right: 10%;
    }
    .slide-3 {
        background: url(../images/f3m.gif) no-repeat top center fixed;
        background-size: cover;
        padding: 30px;
        position: relative;
    }
    .slide-3 h3 {
        font-size: 24px;
        line-height: normal;
        padding: 0;
        text-align: center;
        padding: 0;
        margin: 0;
    }
    .slide-3 .stext {
        position: absolute;
        bottom: 23%;
        left: 0;
        padding: 0 30px;
        width: 100%
    }
    .mision {
        background: url(../images/inspirar2.jpg) no-repeat #000 center bottom;
        background-size: cover;
        height: 110%;
        padding: 30px;
        position: relative;
    }
    .mision h3 {
        background: none;
        padding: 0px;
        font-size: 18px;
    }
    .mision li {
        font-size: 5vh;
    }
    .mision .stext {
        position: absolute;
        left: 30px;
        top: 15%;
    }
    .proposito {
        background: url(../images/f5m.jpg) no-repeat;
        background-size: cover;
        padding: 30px;
        padding-right: 10%;
        position: relative;
    }
    .proposito h3 {
        font-size: 28px;
    }
    .proposito p {
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
        font-family: 'Avenir-BlackOblique';
    }
    .proposito .stext {
        text-align: center;
        position: absolute;
        width: 100%;
        left: 0;
        top: 23%;
        padding: 0 30px
    }
    .valores {
        background: url(../images/f6vm.png) no-repeat fixed;
        background-size: cover;
        padding: 30px;
    }
    .valores .stext {
        text-align: center;
        padding-top: 35%
    }
    .valores .stext b, strong {
        font-weight: 900;
        color: #ff0043;
    }
    .valores h3 {
        font-size: 30px;
    }
    .valores p {
        font-size: 14px;
        line-height: normal;
    }
    .porta .slide {
        background: url(../images/portam.gif) no-repeat center center;
        background-size: cover;
        padding: 30px;
        position: relative;
    }
    .porta .slide .info {
        float: none;
        text-align: center;
    }
    .porta h2 {
        font-size: 4.5vh;
    }
    .porta .slide .info p {
        max-width: none;
        font-size: 14px;
    }
    .porta .slide article {
        position: absolute;
        left: 0;
        top: 0;
        padding: 28% 30px 0;
    }
    .organigrama img {
        width: 80%;
    }
    .ipg {
        background: #ff0043
    }
    .cifras img {
        width: 116px;
        float: none;
        padding: 0;
        margin: 0 0 20px
    }
    .cifras p span {
        font-size: 4.5vh
    }
    .cifras p {
        font-size: 3vh;
        text-align: center;
        float: none;
    }
    .gcct {
        padding: 0 30px 30px;
        padding: 5% 20px;
    }
    .cifras {
        display: block;
        padding: 0;
        margin: 0;
    }
    .foto {
        display: block;
        float: none !important;
        width: 100% !important;
        height: 300px;
    }
    .grupo {
        height: auto;
        background: #ff0043;
        padding-bottom: 50px;
        float: none !important;
    }
    .grupo img {
        display: inline;
        max-width: 100%;
        height: auto;
    }
    .elsalvador,
    .guatemala,
    .honduras,
    .nicaragua,
    .costarica,
    .panama,
    .dominicana {
        width: 100%;
        background-size: 100% auto;
        height: auto;
        background: none;
        float: none !important;
    }
    .conta h1 {
        font-size: 30px;
    }
    .conta p {
        font-size: 14px;
    }
    .con-title {
        float: none;
        text-align: center;
        padding-top: 90px;
    }
    .forma {
        float: none;
        margin: 0;
        width: 200px;
        margin: 0 auto;
    }
    .conta input,
    .conta textarea,
    .conta select {
        width: 200px !important;
        font-size: 14px;
    }
    .conta input[type="submit"] {
        width: auto !important;
        font-size: 16px;
        padding: 10px 50px 10px 20px;
        background-size: 7% auto !important;
        background-position: 85% center;
        margin: 0 auto;
        display: block;
    }
    .forma label {
        font-size: 14px;
        margin-top: 10px;
    }
    .conta input[type="submit"]:hover {
        background-position: 81% center;
    }
    .container2 {
        padding: 1px 0 50px;
        display: block;
    }
    .conta {
        background: #000 url(../images/contam.jpg) no-repeat center center;
        background-size: cover;
        height: auto;
    }
    .hid {
        opacity: 0;
}
/*
@media only screen 
  and (min-device-width: 428px) 
  and (max-device-width: 926px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {
    .valores {
        background: url(../images/f6mv.gif) no-repeat fixed !important;
        background-size: cover;
        padding: 30px;
    }
    .valores .stext {
        text-align: center;
        padding-top: 35%
    }
    .valores .stext b, strong {
        font-weight: 900;
        color: #ff0043;
    }
    .valores h3 {
        font-size: 30px;
    }
    .valores p {
        font-size: 14px;
        line-height: normal;
    }
}
*/