/* Hero */
.banner-area.bg-mixed {
    background: rgb(120,195,198);
    background: -moz-linear-gradient(30deg, rgba(237,95,173,1) 0%, rgba(69,136,173,1) 70%);
    background: -webkit-linear-gradient(30deg, rgba(237,95,173,1) 0%, rgba(69,136,173,1) 70%);
    background: linear-gradient(30deg, rgba(237,95,173,1) 0%, rgba(69,136,173,1) 70%);
}
.girl-in-the-field {
    background-image: url("../img/images/girl-in-field.webp");
}
.woman-in-the-field {
    background-image: url("../img/images/woman-in-field.webp");
}
.chica_gestlife-cont {
    position: absolute;
    width: 45%;
    top: 0%;
    left: 5%;
}
.chica_gestlife{
    margin-top: 100px;
    background-image: url("../img/images/gestlife_girl.webp");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
}

.carousel-inner {
    z-index: 2;
}

/* Especial */
.banner-area.double-items .content h2 {
    font-size: 3em;
    font-weight: 500;
    color: #F6D431;
}
.banner-area.double-items .content h3 {
    font-size: 1.6em;
}
.position_banner_hero {
    position: absolute;
    margin-top: 5%;
    top: 0;
    right: 0%;
}

/* Animations */


/* Media Query Standars*/

 /* iPhone Retina */ 
 @media only screen and (min-width : 300px) and (max-width : 480px) {
    

    .blog-img {
        padding: 40px 0px 10px 0px;
    }
    .blog-area .info {
        padding: 40px 20px;
    }
    .banner-program {
        height: 250px;
        padding-top: 300px;
    }
    .girl-in-the-field {
        background-image: url("../img/images/mov/girl-in-field.webp");
    }
    .woman-in-the-field {
        background-image: url("../img/images/mov/women-in-field.webp");
    }
    .chica_gestlife{
        background-image: url("../img/images/mov/gestlife_girl.webp");
    }
    .chica_gestlife-cont {
        width: 90%;
    }
    .banner-area.double-items .content h2 {
        font-size: 2.3em;
    }
    .banner-area.double-items .content h3 {
        font-size: 1.1em;
    }
    .btn-animation.border.light {
        font-size: 14px;
    }
    
    .btn {
        font-size: 14px;
    }
    h1 {
        font-size: 2em;
    }
    .about-content-area .top-info h4 {
        font-size: 110px;
        text-align: center;
        margin-top: 40px;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) and (max-width : 768px) {
    .banner-program {
        height: 430px;
        padding-top: 300px;
    }
    .girl-in-the-field {
        background-image: url("../img/images/tab/girl-in-field.webp");
    }
    .woman-in-the-field {
        background-image: url("../img/images/tab/woman-in-field.webp");
    }
    .chica_gestlife{
        margin-top: 100px;
        background-image: url("../img/images/tab/gestlife_girl.webp");
    }
    .chica_gestlife-cont {
        width: 70%;
    }
    .banner-area div {
        height: 100vh;
    }
    .banner-area.double-items .content h2 {
        font-size: 2.6em;
    }
    .banner-area.double-items .content h3 {
        font-size: 1.4em;
    }
    h1 {
        font-size: 2.2em;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) and (max-width : 992px) {
    .banner-program {
        padding-top: 300px;
    }
    .girl-in-the-field {
        background-image: url("../img/images/pad/girl-in-field.webp");
    }
    .woman-in-the-field {
        background-image: url("../img/images/pad/woman-in-field.webp");
    }
    .chica_gestlife-cont {
        width: 50%;
    }
    .chica_gestlife{
        background-image: url("../img/images/tab/gestlife_girl.webp");
    }
    .banner-area, .banner-area div {
        height: 100vh;
    }
    .banner-area.double-items .content h2 {
        font-size: 2.8em;
    }
    .banner-area.double-items .content h3 {
        font-size: 1.4em;
    }

}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

@media (max-height: 700px) and (orientation: portrait) {
    .chica_gestlife-cont {
        width: 70%;
    }
}
         
.btn-grad {
    background-image: linear-gradient(30deg, #ed5fad 0%, #4588AD 51%, #ed5fad 100%);
    margin: 20px;
    padding: 15px 45px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;         
    box-shadow: 0 0 20px rgba(238, 238, 238, 0.3);
    
}
.btn-grad.top-low {
    min-width: 70%;
    margin-top:2px;
    font-size: 14px;
}
.btn-grad.loop {
    animation: buttom_loop ease-in-out 2s infinite alternate;
}
.btn-grad:hover {
    background-position: right center;
    color: #fff;
    text-decoration: none;
}
.our-features-area .features-box .item .icon i, .blog-area .blog-item-box .item .icon i, .feature-area .feature-items .item .icon i {
    background-image: linear-gradient(30deg, #ed5fad 0%, #4588AD 100%);
    background-size: 200% auto;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: buttom_loop ease-in-out 1s infinite alternate;
}

@keyframes buttom_loop {
    0%   {background-position: right center;}
    100% {background-position: left center;}
}