/* ESTILOS GLOBALES */


.margin-top{margin-top:90px !important;}
.margin-bottom{margin-bottom:90px !important;}
.padding-top{padding-top:90px !important;}
.padding-bottom{padding-bottom:90px !important;}
.main__title h2{font-weight: 600 !important;}



/* ESTILOS DEL INICIO */
#header .logo-container{padding-top: 10px;padding-bottom: 10px;}
#header .logo{height:90px !important;}
.fixed-header #logo-sty{height:70px !important;margin-top: 10px;}
#header .btn-one{padding: 15px 20px;font-weight: 700;font-size: 17px;}

#slider .owl-dots{position: absolute;top: 45%;left:60px;display:flex;flex-direction:column !important;align-items: center;}
#slider .owl-dots .active{height: 25px;width: 25px;border-radius: 50%;border: 1px solid white;display: flex;align-items: center;justify-content: center;position:relative;}
#slider .owl-dots .owl-dot span {width: 8px;height: 8px;border:none;background-color:var(--theme-color);}
#slider .owl-dots .owl-dot {height: 25px;width: 25px;margin-bottom:10px;display: flex;align-items: center;justify-content: center;}
#slider .title{display: flex;flex-direction: row;gap:10px;align-items: center;letter-spacing: 4px;}
#slider .title img{height:20px;}
#slider .btn-one{background-color: var(--primary-color);padding: 17px 20px;font-size:15px;}
#slider .btn-one span{color:var(--theme-color) !important;display: flex; align-items: center;justify-content: center;gap: 9px;}
#slider .redes{position: absolute;right:60px;display: flex;flex-direction: column;top:35%;z-index: 999;}
#slider .redes ul li a {border:1px solid var(--theme-color);padding:6px;font-size: 17.5px;display: flex;align-items: center;justify-content: center;}
#slider .redes ul li {padding-bottom: 13px;}
#slider .redes h3 { writing-mode: vertical-rl;text-orientation: mixed;color:white;font-size:15px;transform: rotate(180deg);position: relative;left: 10px;}
#slider .icon-twitter svg {top:0px !important;}
.bandera-idioma:hover{transform:translateY(-10px);cursor:pointer;}
.bandera-espa{margin-left:10px;}


#about-us {background-size: cover;}
#about-us::before {position: absolute;content: '';background: #000000;width: 100%;height: 100%;left: 0px;top: 0px;opacity: 0.5;z-index: 1;}
#about-us .about__section__content{position: relative;z-index: 99;}
#about-us .main__title h2{color:white !important;font-size: 35px;font-weight: 600;}
#about-us p,div{color:white;font-size: 16px;}
#about-us .about__section__content .row{display: flex;align-items: center;justify-content: center;}


#services .owl-prev{position:absolute;top:0px;right:40px;border: 1px solid white;border-radius: 50%;padding: 8px;display: flex;align-items: center;justify-content: center;}
#services .owl-next{ position: absolute;top: 0px;right: 90px;border: 1px solid white;border-radius: 50%;padding: 8px;display: flex;align-items: center;justify-content: center;}
#services .nav-style-two .owl-nav {top: -95px}
#services .nav-style-two .owl-nav span {font-size: 23px;}
#services .owl-prev:hover{cursor: pointer;border: 1px solid var(--theme-color);}
#services .owl-next:hover{cursor: pointer;border: 1px solid var(--theme-color);}
#services .main__title h2{color:white !important;font-size: 35px;margin-bottom:20px;}
#services .descripcion {background-color: white;padding: 30px 20px 30px 20px;text-align: left;}
#services .descripcion h4 {margin-bottom: 10px;color:black;font-size:22px;}
#services .img-service{margin-left: 0px !important;margin-right: 0px;width: 100%;position:relative;}
#services .descripcion p {font-size: 16px;line-height: 25px;}
#services .icon-service{position: absolute;bottom:0px;bottom: -38px;right:25px;background-color: #E7EAEE;padding:10px;border:2px dotted var(--primary-color);}
#services .container-img{position: relative;}
.brand__one .brand__logo__box{width: 90%;}


#services .descripcion {
    min-height: 248px;
}


#gallery .sub__title h6{color:var(--primary-color) !important;}
#gallery .main__title h2{color:black !important;font-size: 35px;}
#gallery .title{display: flex;align-items: center;justify-content: center;flex-direction: column;}

#our-plus{padding-top: 110px !important;padding-bottom: 110px !important;}
#our-plus .main__title h2{color:white !important;font-size: 35px;font-weight: 600;}
#our-plus p,div{color:white;font-size: 16px;}
#our-plus {background-size: cover;position: relative;}
#our-plus::before {position: absolute;content: '';background: #000000;width: 100%;height: 100%;left: 0px;top: 0px;opacity: 0.5;z-index: 1;}
#our-plus .about__section__content{position: relative;z-index: 99;}
#our-plus .item {display: flex;flex-direction: row;align-items: flex-start;justify-content: flex-start;gap:20px;margin-bottom: 35px;}
#our-plus .item .number span{color:white !important;font-size: 18px !important;font-weight: 600;}
#our-plus .img-plus img{width:80px;background-color:var(--theme-color);padding: 10px;border-radius:5px;min-width: 80px;}
#our-plus .img-service{width: 90px;margin-left: 10px;}
#our-plus .man-our{position: absolute;width: auto;bottom:0px;z-index: 99;left: 60%;}


#contact-us .main__title h2{color:white !important;font-size: 35px;font-weight: 600;}
#contact-us p,div{color:white;font-size: 16px;}
#contact-us {background-size: cover;position: relative;}
#contact-us::before {position: absolute;content: '';background: #000000;width: 100%;height: 100%;left: 0px;top: 0px;opacity: 0.5;z-index: 1;}
#contact-us .about__section__content{position: relative;z-index: 99;}
#contact-us .contact__page {position: relative;z-index: 99;}
#contact-us .contact__info__block h4 {color:var(--theme-color);font-size: 22px;}
#contact-us .contact__info__block p {color:white;font-size: 16px;}
#contact-us .contact__info__block a {color:white;font-size: 16px;}
#contact-us .contact__page .contact__right .contact___title span {color:var(--primary-color);}
#contact-us .contact__page .contact__right .contact___title h3{color:black !important;}
#contact-us .message-btn{margin-bottom: 0px !important;}
#contact-us iframe {border-radius: 20px;}
#contact-us .coont-video{padding: 0px 60px 0px 60px !important;}
#contact-us .politicas {display: flex;align-items: center;justify-content:flex-start;gap:10px;}
#contact-us .politicas label {font-size: 14px;}
#contact-us .politicas label input {width:auto;margin-right: 10px;}
#contact-us .privacy{text-decoration: underline;}


#footer .icon-footer{width:120px;}
#footer .widget_title h4{color:var(--theme-color);}
#footer .list-footer{margin-right: 10px;}
#footer .icon{color:var(--theme-color);font-size: 20px;font-weight: 500;}
#footer .icons-footer{display: flex;align-items: center;justify-content: flex-start;gap:15px;}
#footer .icons-footer li a span{color:var(--theme-color);font-size: 20px;}
#footer .icon-twitter{position: relative;top:-2px;}
#footer .footer_widget .widget_content li a{color:white;}
#footer .icons-footer li a span:hover{color:white;}
#footer .copyright{font-size: 15px !important;}
#footer .footer_widget .widget_content li{color:white !important;}


#whatsappflotante {position: fixed;bottom: 15px;left: 10px;z-index: 99999;filter: drop-shadow(-2px 2px 15px rgba(0, 0, 0, 0.7));}
#whatsappflotante:hover {opacity: .8;filter: drop-shadow(0px 2px 2px #000);}








/* RESPONSIVE PORTATILES */


@media (min-width:1100px) and (max-width:1400px) {
    .banner.style__two .slide__item__content {background-size: cover; min-height: 529px;}
    .main-header.style-three .image__bg {width: 200px !important;}
    .main-header .menu-area {order: 0 !important;}
    .header-right_buttom { display: inline-block !important;}
    .main-header.style-three .header__right{margin-right: 50px;}
    .header_top {position: relative;padding: 15px 70px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
    .header_top .header_top_left .top_left li {font-size: 15px;}
    .header_top .header_top_left .top_left li a {font-size: 15px;}
    .main-header.style-three .logo-box .logo {padding: 0px 10px 0px 30px !important;}
    #header .logo {height: 80px !important;}
    .main-menu .navigation > li > a {font-size: 15.5px;}
    #header .btn-one {padding: 14px 19px;font-weight: 700;font-size: 16px;}
    #slider .auto_container{max-width: 1000px;}
    #slider .owl-dots {left: 20px;}
    #slider .redes {right: 25px;}
    .banner.style__two .content__box {padding: 120px 0px 120px 0px;}
    .sub__title h6 {font-size: 15px;}
    .banner-carousel .content__box h1 {font-size: 45px;line-height: 55px;}
    .banner-carousel .content__box p {font-size: 16px;}
    #slider .btn-one {font-size: 14px;}
    .main-header.style-three .main-menu .navigation > li {padding: 30px 0px;}
    #about-us p {color: white;font-size: 15px;}
    .margin-top{margin-top:80px !important;}
    .margin-bottom{margin-bottom:80px !important;}
    .padding-top{padding-top:80px !important;}
    .padding-bottom{padding-bottom:80px !important;}
    .header_top .header_top_right {display: inline-block !important;}
    header .auto_container {max-width: 1290px;}
    .auto_container {max-width: 1050px;}
    .main__title h2 {font-size: 34px !important;}
    #services .descripcion {padding: 30px 30px 30px 30px;}
    #our-plus {padding-top: 80px !important;padding-bottom: 80px !important;}
    #our-plus .img-plus img{width:70px;min-width: 70px;}
    #our-plus .item {margin-bottom: 30px;}
    #contact-us iframe {height: 400px;}
    .contact__page .contact__right {padding: 50px 50px 50px 50px;}
    h2 {line-height: 40px;}
    #contact-us .contact__info__block h4 {font-size: 20px;line-height: 20px;}
    p{font-size: 15px !important;}
    .btn-one {padding: 20px 20px;font-size: 15px;}
    #our-plus .item {gap: 6px;}
    input, button, select, textarea {font-size: 15px;}
    #footer .icon-footer {width: 100px;}
    #footer .widget_title h4 {font-size: 20px;padding-bottom: 15px;}
    #footer .copyright {font-size: 14px !important;}
    #footer .footer_widget .widget_content li {font-size: 15px;}
    .page__title {padding: 60px 0px;}
    .main-menu .navigation > li > a {font-size: 15px;}
    .main-header.style-three .image__bg {height: 100px;}
    #services .descripcion { min-height: 298px;}
    

}


@media (min-width:999px) and (max-width:1100px) {
    #services .descripcion {
        min-height: 372px;
    }
    .banner.style__two .slide__item__content {background-size: cover;min-height: 529px;}
    .header_top {position: relative;padding: 15px 70px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
    h2 {line-height: 40px;}
    .sub__title h6 {font-size: 15px;}
    #about-us p {color: white;font-size: 15px;}
    .header_top .header_top_left .top_left li {font-size: 15px;}
    .header_top .header_top_left .top_left li a {font-size: 15px;}
    p{font-size: 15px !important;}
    .btn-one {padding: 20px 20px;font-size: 15px;}
    input, button, select, textarea {font-size: 15px;}
    #footer .widget_title h4 {font-size: 20px;padding-bottom: 15px;}
    #footer .footer_widget .widget_content li {font-size: 15px;}
    .main-header.style-three .image__bg {width: 200px !important;}
    .main-header .menu-area {order: 0 !important;}
    .header-right_buttom { display: inline-block !important;}
    .main-header.style-three .header__right{margin-right: 50px;}
    .header_top {position: relative;padding: 15px 70px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
    #slider .redes {right: 20px;}
    #slider .owl-dots {left: 10px;}
    #about-us .row .col-xl-6{width: 50% !important;}
    header .auto_container {max-width: 1290px;}
    header .auto_container {max-width: 1290px;}
    .auto_container {max-width: 900px;}
    .page__title {padding: 60px 0px;}
    .main-header.style-three .image__bg {width: 130px !important;}
    #header .logo {height: 70px !important;padding: 0px 20px 0px 10px;}
    #slider br {display: block !important;}
    #contact-us iframe {height: 535px;}#services .descripcion {padding: 30px 40px 30px 20px;}
    .contact__page .contact__right {padding: 50px 40px 50px 40px;}
    .main-menu .navigation > li > a {font-size: 15px;}
    #contact-us .contact__info__block h4 {font-size: 20px;line-height: 20px;}
    .btn-one {padding: 20px 20px;font-size: 15px;}
    #slider .btn-one {font-size: 14px;}
    #footer .widget_title h4 {font-size: 20px;padding-bottom: 15px;}
    #footer .icon-footer {width: 100px;}
    #slider .redes {right: 25px;}
    #header .btn-one {padding: 14px 19px;font-weight: 700;font-size: 16px;}
    .header_top .header_top_right {display: inline-block !important;}
    #our-plus .item {gap: 10px;}
    .main-header.style-three .image__bg {height: 100px;}
}


@media (min-width:100px) and (max-width:998px) {
    
    .element2{order:2;}
    .element4{order:4;}
    .header_top {display: flex;align-items: center;justify-content: center;}
    .main-menu {display: none;}
    .menu-area .mobile-nav-toggler {display: block;margin-top: 20px;padding: 12px;margin-bottom: 20px;}
    .menu-area .mobile-nav-toggler {display: inline-block !important;}
    .main-header.style-three .menu-area .mobile-nav-toggler .icon-bar {background-color: var(--primary-color) !important;}
    .main-header.style-three .image__bg {width: 130px !important;}
    .mobile-menu .navigation li > a {color: black;}
    .mobile-menu .contact-info h4 {color: black;}
    .mobile-menu .contact-info ul li {color: black;margin-bottom:15px;}
    .mobile-menu .navigation li > a:hover {color: var(--theme-color) !important;}
    .mobile-menu .contact-info ul li a {color: black;}
    .mobile-menu .contact-info {padding: 70px 30px 20px 23px;}
    #slider .owl-dots {position: absolute;top: auto;left: 40%;display: flex;flex-direction: row !important;align-items: center;bottom: 10px;}
    #slider .redes {position: absolute;right: 10px;display: flex;flex-direction: column;top: 60%;z-index: 999;}
    .banner-carousel  .content__box p{height:80px;}
    .banner-carousel .content__box h1 {font-size: 35px;line-height: 40px;}
    #slider .title {font-size: 14px;letter-spacing: 4px;}
    p{font-size: 15px !important;}
    #slider .btn-one {font-size: 14px;}
    .about-movil{display: flex;flex-direction: column-reverse;}
    .margin-top{margin-top:70px !important;}
    .margin-bottom{margin-bottom:70px !important;}
    .padding-top{padding-top:70px !important;}
    .padding-bottom{padding-bottom:70px !important;}
    .main__title h2 { font-size: 32px !important;}
    .brand__one .brand__logo__box {width: 90%;margin: 0 auto;}
    #gallery .main__title h2 {margin-bottom: 10px;}
    #our-plus {padding-top: 70px !important;padding-bottom: 70px !important;}
    #our-plus .img-plus img {width: 70px;min-width: 70px;}
    #contact-us iframe{height: 300px;}
    h2 {line-height: 40px;}
    #contact-us .contact__info__block h4 {font-size: 20px;line-height: 20px;}
    #contact-us .btn-one {font-size: 14px;}
    footer .main__footer__top {padding: 10px 0px 20px;}
    #footer .icon-footer {width: 90px;margin-bottom: 30px;}
    #footer .widget_title h4 { font-size: 20px;padding-bottom: 15px;}
    #footer .footer_widget .widget_content li {font-size: 15px;}
    input, button, select, textarea {font-size: 15px;}
    .page__title {padding: 90px 0px;}
    .page__title h1.title {font-size: 34px;line-height: 45px;}
    .banner.style__two .slide__item__content {
        background-position: center;
    background-size: cover;min-height: 560px;}
    .header_top .header_top_right {display: inline-block !important;
        .social1{display:none !important;
        margin-top:20px;
    }
    }
    
}