/* Gallery */
.modal-gallery .modal-content{
    background-color: transparent;
    border: none;
}
.modal-gallery .modal-content .close{
    background-color: #949494;
    width: 30px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    padding: 0px;
    opacity: 1;
}
.gallery-carousel{}
.modal-content-gallery{
    background-color: transparent;
    border: none;
}
.gallery-carousel .carousel-item{
    text-align:center;
    background-position: center  center;
    background-repeat: no-repeat;
    background-size: contain;
}
.gallery-carousel .carousel-item img{
    width:100%;
    min-height:100%;
    display:none;
}

/* Novedades: Gama Estilos */
.gama-estilos .two-images{
    padding: 0px;
}
.gama-estilos .two-images .row{
    padding:0px;
}
.gama-estilos .two-images .images-holder{
    padding:0px;
}
.gama-estilos .two-images .images-holder .col{
    padding: 0px;
}
.gama-estilos .two-images .images-holder img{}
.gama-estilos ul{
    margin:20px 0px 40px 0px;
    padding:0px;
    padding-left:20px;
}
.gama-estilos ul li{
    margin-bottom:10px;
}
/* Aliados */
#aliados{}
#aliados #map{
    margin-top: 40px;
}
#aliados h2{
    font-size: 65px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.21;
    letter-spacing: normal;
    text-align: center;
    color: #5c5a5c;
}
#aliados .city-click{
    display: block;
    width: 100%;
    height: 63px;
    border: solid 7px #eee;
    border-radius: 32px;
    line-height: 63px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: #5d5b5d;
    background-color: transparent;
    margin-bottom: 30px;
    transition: all 0.35s;
    cursor: pointer;
}
#aliados .city-click:hover,
#aliados .city-click.selected,
#aliados .city-click:active{
    border: solid 7px #2bc13a;
    outline: none !important;
    box-shadow: none !important;
}
#aliados .fit5-holder{
    text-align: center;
}
#aliados  .fit5-holder .col-fit-5{
    display: inline-block;
    width: 17.5%;
    margin: 0px 1%;
}
#aliados a.btn-contact{
    display: inline-block;
    color:#fff;
    text-align: center;
    text-decoration: none;
    cursor: pointer !important;
    border-radius: 100%;
    height: 44px;
    width: 44px;
    line-height: 44px;
    margin: 10px 5px;
    vertical-align: top;
}
#aliados a.btn-contact i{
    display: inline-block;
}
#aliados a.btn-contact:nth-child(1){
    background-color: #7acc45;
    font-size: 25px;
}
#aliados a.btn-contact:nth-child(2){
    background-color: #4584cc;
}
#aliados a.btn-contact:nth-child(3){
    background-color: #5d5b5d;
}
#aliados a.btn-contact.hidden{
    display: none !important;
}
#aliados address{
    vertical-align: top;
    margin-bottom: 0px;
}
#aliados address h3{
    font-family: Cormorant,Times;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    letter-spacing: normal;
    text-align: left;
    color: #5c5a5c;
    margin-bottom: 16px;;
    margin-top: 15px;
}
#aliados address b{
    display: block;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: left;
    color: #5c5a5c;
}
#aliados address i{
    display: inline-block;
    width: 5%;
    vertical-align: top;
    font-size: 14px;
    margin-top: 3px;
}
#aliados address p,
#aliados address a{
    display: inline-block;
    vertical-align: top;
    width: 90%;
    margin-left: 2%;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: -0.08px;
    text-align: left;
    color: #5c5a5c;
}
#aliados address a{
    word-wrap:break-word;
    /*
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    */
}
#aliados h4{
    display: block;
    margin:0px;
    margin-top: 10px;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: left;
    color: #5c5a5c;
}
#aliados .card-body{
    margin-bottom: 60px;
    border-radius: 30px;
    border: solid 7px #eee;
    min-height: 640px;
}
#aliados .ally-card{
    margin-bottom: 30px;
}
#aliados .card-body .tag{
    display: inline-block;
    margin-bottom: 10px;
}
#aliados .card-body .tag.hidden{
    display: none;
}
#aliados .pkober-logo{
    display: inline-block;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 70px;
    height: 30px;
    margin-right: 20px;
}
#aliados .back-button{
    display: inline-block;
    border-radius: 32px;
    background-color: #5c5a5c;
    height: 63px;
    line-height: 63px;
    vertical-align: middle;
    text-align: center;
    font-size: 25px;
    color: #fff;
    padding:0px 70px;
}
#aliados .tag{
    height: 24px;
    line-height: 24px;
    color: #fff;
    padding: 0px 7px;
}
#aliados .tag.blue{
    background-color: #4584cc;
}
#aliados .tag.yellow{
    background-color: #fbbc03;
}
/* <!-- Forma de Contacto --> */
#modalContact .modal-header{
    border:none !important;
}
#modalContact .close{
    opacity: 1;
}
#modalContact .close span{
    font-size: 32px !important;
    text-shadow: none;
}
#contactForm{
    padding: 0px 40px;
}
#contactForm h2{
    font-size: 63px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.21;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}

#contactForm  h3{
    font-size: 40px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.6px;
    text-align: left;
    color: #fff;
}
#contactForm  h4{
    font-size: 38px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.21;
    letter-spacing: normal;
    text-align: left;
    color:#fff;
    margin-top: 20px;
    margin-bottom: 15px;
    font-family: Cormorant,Times;
}
#contactForm address{
    vertical-align: top;
    margin-bottom: 15px;
}
#contactForm address b{
    display: block;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: left;
    color: #FFF;
    margin-bottom: 5px;
}
#contactForm address i{
    display: inline-block;
    width: 5%;
    vertical-align: top;
    font-size: 14px;
    margin-top: 3px;
}
#contactForm address p,
#contactForm address a{
    display: inline-block;
    vertical-align: top;
    width: 90%;
    margin-left: 2%;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: -0.08px;
    text-align: left;
    color: #FFF;
}
#contactForm address a{
    word-wrap:break-word;
}
#contactForm [type="submit"]{
    background-color: #7acc45;
    color:#fff;
    border:none;
    margin-bottom: 60px;
}
#contactForm input[type="text"],
#contactForm input[type="email"],
#contactForm textarea{
    background-color: #F2F2F2;
    color: #5c5a5c;
    border:none !important;
}
#contactForm ::placeholder{
    color: #CCC;
}

#aliados legend{
    font-size: 40px;
    font-weight: 900;
}


/* Redesign Aug 2021 */
#aliados .banner-holder{
    height: 437px;
    background-image: url('/images/aliados/banner-aug-2021.png');
    background-position: top center;
    background-size: cover;
    width: 100%;
    position: relative;
    margin-bottom: 88px;
}
#aliados .banner-holder .text-holder{
    display: block;
    position: absolute;
    width: 780px;
    left: 50%;
    margin-left: -390px;
    top: 50%;
    height: 240px;
    margin-top: -120px;
    color: #fff;
    text-align: left;
}
#aliados .banner-holder .text-holder h1{
    font-size: 100px;
    line-height: 75px;
    margin-bottom: 20px;
}
#aliados .banner-holder .text-holder legend{
    display: block;
    color: #fff;
    font-size: 30px;
    font-weight: 100;
    text-transform: uppercase;
    margin-bottom: 26px;
}
#aliados .banner-holder .text-holder p{
    font-size: 25px;
    line-height: 32px;
    font-weight: 100;
}
#aliados .service-selector{
    display: block;
    text-align: center;
    position: relative;
    cursor: pointer;
    margin-bottom: 20px;
    transition: all 0.15s;
    border-radius: 30px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
#aliados .service-selector input[type="radio"]{
    display: none;
}
#aliados .service-selector .img-holder{
    width: 100%;
}
#aliados .service-selector .img-holder img{
    display: inline-block;
    width: 100%;
}
#aliados .service-selector .title-holder{
    display: flex;
    flex-direction: column;
    height: 82px;
    background-color: #FFFFFF;
    justify-content: center;
    transition: all 0.35s;
}
#aliados .service-selector .title-holder span{
    color: #5c5a5c;
    font-size: 22px;
    font-weight: 100;
    line-height: 22px;
}
#aliados .service-col:nth-of-type(1) .service-selector .title-holder,
#aliados .service-col:nth-of-type(2) .service-selector .title-holder{
    background-color: #f5b650;
}
#aliados .service-col:nth-of-type(1) .service-selector .title-holder span,
#aliados .service-col:nth-of-type(2) .service-selector .title-holder span{
    color: #FFF;
}
#aliados .service-selector:hover .title-holder{
    background-color: #004072 !important;
}
#aliados .service-selector:hover .title-holder span{
    color: #fff;
}
#aliados .service-selector.selected .title-holder{
    background-color: #004072 !important;
}
#aliados .service-selector.selected .title-holder span{
    color: #FFF;
}
#aliados button[type="submit"]{
    background-color: #7acc45;
    color:#fff;
    border:none;
    margin-bottom: 60px;
    width: 300px;
    font-size: 25px;
    height: 63px;
    line-height: 63px;
    vertical-align: middle;
    display: none;
    margin-top: 80px;
    border-radius: 43px;
}
#aliados button[type="submit"].reveal{
    display: inline-block;
}


#aliados #the-projects{
    display: none;
}
#aliados #the-projects.reveal{
    display: block;
}

/* contactar-aliado */
#aliados.contactar-aliado legend{
    text-align: center;
    display: block;
    padding-top: 83px;
    padding-bottom: 62px;
}
#aliados.contactar-aliado h1{
    display: block;
    text-align: center;
    margin-bottom: 64px;
    font-size: 65px;
    margin-top: 78px;
}
#aliados.contactar-aliado .select-custom{
    font-size: 0px;
    position: relative;
    overflow: hidden;
    width: 90%;
}
#aliados.contactar-aliado .select-custom span{
    width: 25%;
    display: inline-block;
    font-size: 25px;
    font-weight: bold;
    color: #5c5a5c;
    height: 38px;
    line-height: 38px;
    vertical-align: middle;
}
#aliados.contactar-aliado .select-holder{
    display: inline-block;
    width: 75%;
    background-color: #f2f2f2;
}
#aliados.contactar-aliado  .select-custom .select-holder select{
    display: inline-block;
    height: 38px;
    line-height: 38px;
    vertical-align: middle;
    font-size: 20px;
    font-weight: 200;
    border:none;
    color: #5c5c5c;
    position: relative;
    padding: 0px 50px 0px 14px;
    z-index: 1;
    margin-right: -20px;
    background-color: transparent;
    width: calc(100% + 30px);
}
#aliados.contactar-aliado  .select-custom .select-holder i{
    display: inline-block;
    position: absolute;
    top:0px;
    right: 0px;
    width: 41px;
    height: 38px;
    line-height: 38px;
    background-color: #949494;
    color: #fff;
    text-align: center;
    font-size: 24px;
    z-index: 0;
}
#aliados .hidden{
    display: none !important;
}

/* Distribuodres */
#aliados.contactar-aliado.distribuidores h1{
    margin-bottom: 14px;
}
#aliados.contactar-aliado.distribuidores h1 + p{
    text-align: center;
    margin-bottom: 40px;
}


/* Invite Allies */
.invite-allies{
    text-align:center;
    padding: 64px 60px 47px 60px;
    background-color: #eeeeee;
    margin-top: 82px;
}
.invite-allies h1{
    display:block;
    margin:0px 0px 0px 0px;
    font-size: 60px;
    font-weight: normal;
    color: #5c5a5c;
}
.invite-allies h2{
    font-size: 70px !important;
    font-weight: bold !important;
    color: #004072 !important;
}
.invite-allies p{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: #5c5a5c;
}
.invite-allies p b{
    font-weight:bold;
}
.invite-allies p a{
    text-decoration:none;
    color: #004072;
}

/* Botón venta en línea */
.venta-en-linea{
    display: inline-block;
    background-color: #004072;
    color: #fff;
    height: 45px;
    line-height: 45px;
    padding: 0px 20px;
    vertical-align: middle;
    margin-left: 30px;
    opacity: 0.75;
    transition: all 0.35s;
}
.venta-en-linea:hover{
    background-color: #124073;
    text-decoration: none;
    color: #fff;
    opacity: 1;
}

.dFlex{
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 1220px) {
    .navbar-nav li{}
    .navbar-nav li a{
        padding: .2rem 1rem!important;
        font-size: 14px;
    }
    .venta-en-linea{
        padding: 0px 10px;
    }
}

@media screen and (max-width: 990px) {
    .navbar-nav li:last-child{
        text-align: center;
    }
    .venta-en-linea{
        margin-left: 0px;
    }
}


@media screen and (max-width: 890px) {
    #aliados legend{
        font-size: 30px;
    }
    #aliados .banner-holder{
        height: 200px;
        background-size: cover;
        background-repeat: no-repeat;
        margin-bottom: 0px;
    }
    #aliados .banner-holder .text-holder{
        width: 90%;
        margin-left: -45%;
        margin-top: -80px;
        height: 180px;
    }
    #aliados .banner-holder .text-holder h1{
        font-size: 30px;
        line-height: 32px;
        margin-bottom: 0px;
    }
    #aliados .banner-holder .text-holder legend{
        font-size: 18px;
        margin-bottom: 10px;
    }
    #aliados .banner-holder .text-holder p{
        font-size: 14px;
        line-height: 16px;
    }

}


@media screen and (max-width: 800px) {
    .invite-allies h1{
        font-size: 40px !important;
        line-height:45px !important;
    }
    .invite-allies h2{
        font-size: 50px !important;
        line-height:55px !important;
    }
    #aliados.contactar-aliado h1{
        margin: 20px 0px;
    }
    .invite-allies p{
        font-size: 14px !important;
    }
    #aliados.contactar-aliado .select-custom{
        width: 100%;
    }
    #aliados.contactar-aliado .select-custom span{
        font-size: 18px;
        display: block;
        width: 100%;
    }
    #aliados.contactar-aliado .select-holder{
        width: 95%;
    }
    #aliados.contactar-aliado .select-custom .select-holder select{
        margin-right: 0px;
    }
    #aliados.contactar-aliado .select-custom .select-holder i{
        top: unset;
        bottom: 0px;
    }
}


@media only screen and (max-width: 1220px) and (min-width: 1200px){
    #aliados .city-click{
        font-size: 16px;
    }
    #aliados address p, #aliados address a{
        font-size: 14px;
    }
    #aliados a.btn-contact{
        font-size: 0px;
    }
    #aliados a.btn-contact i{
        font-size: 16px;
        line-height: 35px;
        margin:0px;
    }
}
@media only screen and (max-width: 1199px) {
    #aliados .city-click{
        font-size: 16px;
    }
}
@media only screen and (max-width: 870px) and (min-width: 561px){
    #aliados .col-fit-5 {
        width: 23% !important;
        margin:0px 0.5%;
    }
}
@media only screen and (max-width: 560px) and (min-width: 446px){
    #aliados .col-fit-5 {
        width: 30% !important;
        margin:0px 0.5%;
    }
}
@media only screen and (max-width: 445px){
    #aliados .col-fit-5 {
        width: 45% !important;
        margin:0px 2%;
    }
}

@media (max-width: 1200px){
    #contactForm{
        padding: 0px 0px;
    }
    #contactForm h2{
        font-size: 40px;
    }
    #contactForm h3{
        font-size: 20px;
    }
    #contactForm h4{
        font-size: 22px;
    }
    #contactForm p{
        font-size: 14px;
    }
}

/* Blog */
.blog-abstract div{
    background-color: rgba(0, 0, 0, 0.65);
}
.blog-abstract div h1,
.blog-abstract div p{
    color: #FFF !important;
    text-shadow: #5c5a5c;
}