

:root{
  --color_txt: #14142A;
}


.center{width: 1170px; margin: 0 auto;}

@media(max-width: 1170px){
  .center{width: 100%;}
}

.center-reducido{width: 1030px; margin: 0 auto;}

@media(max-width: 1030px){
  .center-reducido{width: 100%;}
}



.bg1{
  background: var(--color1_grad); 
}

.bg2{
  background: var(--color2_grad); 
}


.ctn-btn-v{display: flex; justify-content: center; margin-top: 20px;}
.ctn-btn-v .btn-ver{padding: 5px 15px; color: #FFF; background-color: var(--color2); font: 40px medium; border-radius: 12px; transition: 0.3s;}
.ctn-btn-v .btn-ver:hover{transform: scale(1.05,1.05);}

/* .color1{ color:#301563;}
.color1-fondo{ background-color:#301563;}
.color1-border{ border-color:#301563;}
.color2{ color:#bd2ff6;}
.color2-fondo{ background-color:#bd2ff6;}
.color2-border{ border-color:#bd2ff6;}
.color2-important{color: #bd2ff6 !important;}
.color2-fondo-important{background: #bd2ff6 !important;} */

.owl-theme .owl-dots .owl-dot span{width: 30px; height: 30px; border: 3px var(--color1) solid; background-color: #FFF; padding: 4px;}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color: #FFF;}
.owl-theme .owl-dots .owl-dot.active span::after, #index .slide .owl-theme .owl-dots .owl-dot:hover span::after{background-color: var(--color2); width: 16px; height: 16px; display: block; content: ""; border-radius: 50%; text-align: center;}



/*.center{width: 1170px; margin: 0 auto;}
.clear{clear: both;}
a {text-decoration: none;}
.no-padd{padding: 0 !important;}
.no-padd-l{padding-left: 0 !important;}
.no-padd-r{padding-right: 0 !important;}
.owl-theme .owl-dots .owl-dot span{margin: 5px; background-color: #7e7e7e;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color: #000;}
.title{text-transform:uppercase; font-family: black; font-size: 26px; color: #161616; text-align: center; margin-bottom: 30px;}
.bg{position: absolute;height: 100%;width: 100%;left: 0; top: 0;}


@media (max-width: 479px){
    .col-xxs-12{width: 100%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float:left;}
    .col-xxs-6{width: 50%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float:left;}
}

@media(max-width: 1220px){
    .center{width: 100%;}
}*/

/*botones*/

#header .ctn-bg-header{opacity: 0.75;}
#header .ctn-header{padding: 15px 0 0 0; z-index: 2;}

.home #header .ctn-header{position: fixed; }
/* .home #header .ctn-bg-header{background-color: transparent;} */
.home #header .ctn-bg-header{background-color: var(--color1);}

#header .ctn-flex{display: flex; justify-content: center; align-items: center; margin-bottom: 15px;}
#header .menu-ppal .navbar-default{border: none; background-color: transparent; margin: 0; min-height: 0;}
#header .menu-ppal .navbar-default .navbar-collapse{padding: 0;}
#header .menu-ppal .navbar-default .navbar-collapse .ctn-flex-menu{padding: 0; display: flex; align-items: center;}




#header .menu-ppal .navbar-default .menu_visible li{padding: 0 15px;}
#header .menu-ppal .navbar-default .menu_visible li a{font-family: regular; font-size: 18px; color: #FFF; padding: 0; border-color: transparent; border-bottom-width: 7px; border-bottom-style: solid; background-color: transparent;}
#header .menu-ppal .navbar-default .menu_visible li a:hover{border-color: #FFF;}
#header .menu-ppal .navbar-default .phone{margin-left: auto; display: flex; align-items: center; justify-content: center; position: relative;}
#header .menu-ppal .navbar-default .phone a{font-family: medium; font-size: 30px; display: block; color: #FFF;}
#header .menu-ppal .navbar-default .phone img{max-height: 25px;}
#header .menu-ppal .navbar-default .phone a,
#header .menu-ppal .navbar-default .phone button{padding: 0;}
#header .menu-ppal .navbar-default .phone .item-contacto{padding:0 10px; background-color: transparent;}
#header .menu-ppal .navbar-default .phone .item-contacto:last-child{padding-right: 0; border-left: 1px #FFF solid;}

#header .menu-ppal .navbar-default .phone .item-contacto .dropdown-menu{right: 0; left: auto; border-radius: 8px; background-color: rgba(255, 255, 255, 0.8);}
#header .menu-ppal .navbar-default .phone .item-contacto .dropdown-menu li a{font-size: 18px; color: #190c38; padding: 3px 20px;}


#header .menu-ppal .navbar-default .phone .buscador{position: absolute;top: 0 ; bottom: 0; height: 34px; margin: auto; width: auto; float: left;right: 100%;}
#header .menu-ppal .navbar-default .phone .buscador form{margin-bottom: 0;}
#header .menu-ppal .navbar-default .phone .buscador .search{width: 200px; display: none;}
#header .menu-ppal .navbar-default .phone .buscador input{border-style: solid;border-width: 1px; border-radius: 0;font-family: semi; text-transform: uppercase; color: #232323; font-size: 14px;box-shadow: none; border-color: var(--color1_special);   }
#header .menu-ppal .navbar-default .phone .buscador input::placeholder {font-family: semi; text-transform: uppercase; color: #232323; font-size: 14px; }

#header .menu-ppal .navbar-default .phone .items-user .usuario .ctn-img img{height: 35px; width: 35px;}
#header .menu-ppal .navbar-default .phone .items-user .usuario .ctn-txt h3,
#header .menu-ppal .navbar-default .phone .items-user .usuario .ctn-txt span{color: #FFF;}

#header .menu-ppal .navbar-default .phone .items-user .usuario .dropdown-menu{right: 0; left: auto; border-radius: 8px; background-color: rgba(255, 255, 255, 0.8);padding: 5px;}
#header .menu-ppal .navbar-default .phone .items-user .usuario .dropdown-menu li a{font-size: 17px;}


#header .navbar-fixed-top{position: fixed !important;}

#header .logo img {max-height: 70px; transition: 0.3s; }
#header .navbar-fixed-top .logo img{ max-height: 50px; }
#header .navbar-fixed-top .menu-ppal .navbar-default{margin: 0;}

#header .navbar-fixed-top .ctn-header{padding: 3px 0;}

.interna #header .ctn-header{position: relative;}
body:not(.interna) .header-relleno {display:none !important;}

@media(min-width: 1220px){
    #header .logo{padding-left: 0;}
}

@media(max-width: 1220px){
  
  #header .ctn-header{padding: 5px 0; padding-bottom: 0;}
  #header .menu-ppal .navbar-default .phone a img{margin-right: 0; }
  #header .menu-ppal .navbar-default .phone a{font-size: 16px;}
  #header .ctn-flex{padding: 0;}

  #header .menu-ppal .navbar-default .menu_visible li a{font-size: 18px;}
  
}

@media(min-width: 992px) and (max-width: 1220px){
  #header .menu-ppal .navbar-default .phone{padding: 0 15px;}
}

@media(max-width: 991px){
  #header .menu-ppal .navbar-default{margin: 0;}
  #header .ctn-header{ position: relative;}
  #header .menu-ppal .navbar-default .phone{padding: 0 15px; }
  #header .menu-ppal .navbar-default .menu_visible li a{font-size: 17px;}

  #header .menu-ppal .navbar-default .phone .buscador{top: -3px;}

}

@media(min-width: 768px) and (max-width: 991px){
  #header .ctn-header .logo{padding-top: 3px;}

  #header .menu-ppal .navbar-default .menu_visible li{padding: 0 9px;}
  #header .menu-ppal .navbar-default .menu_visible li a{font-size: 15px;}
}

@media(max-width: 767px){
  #header .ctn-header{padding: 0; position: relative; }
  #header .ctn-header .ctn-logo-minimal{padding-top: 2px;}
  #header .ctn-header .ctn-logo-minimal img{max-height: 45px;}
  #header .menu-ppal .navbar-default .navbar-nav{margin: 0;}
  #header .menu-ppal .navbar-default .phone{float: none; padding-top: 10px; margin-top: 0;}

  #header .ctn-flex{display: block; margin-bottom: 0;}
  #header .menu-ppal .navbar-default .navbar-collapse .ctn-flex-menu{display: block; padding: 15px 0; background-color: #FFF; border-bottom: #343635;}
  #header .menu-ppal .navbar-default .menu_visible li a{color: #343635;}
  #header .menu-ppal .navbar-default .phone a{color: #343635;}



  #header .menu-ppal .navbar-default .phone .buscador{width: 100%; bottom:  0;padding: 15px; top: inherit; z-index: 100;}
  #header .menu-ppal .navbar-default .phone .buscador{position: relative; top: 0; left: 0; right: 0; margin: 0;display: inline-table; padding: 0;margin-bottom: 10px;}
  #header .menu-ppal .navbar-default .phone .buscador .search{display: block!important; width: 100%;}

  #header .menu-ppal .navbar-default .ctn-carrito-xs{float: right; margin-top: 6px;margin-right: 4px;}
  #header .menu-ppal .navbar-default .ctn-carrito-xs button{font-size: 25px;}
  #header .menu-ppal .navbar-default .ctn-carrito-xs button img{height: 27px;}

  #header .ctn-header .ctn-menu .usuario{padding: 0;margin: 0; width: max-content;  top: 6px; float: right; margin-right: 5px;}
  #header .ctn-header .ctn-menu .usuario .ctn-txt{display: none;}
  
  #header .ctn-header .ctn-menu .usuario .dropdown-menu{left: auto; right: 0;}

}

@media(max-width: 479px){
  #header .ctn-header .ctn-logo-minimal{width: auto; float: left; margin-top: 10px; }
  #header .ctn-header .ctn-logo-minimal img{height: 30px;}
}


#footer{}
#footer .contacto{padding-bottom: 70px; text-align: center;}
#footer .contacto label{display: block; margin: 0 auto; font-family: light; font-size: 27px; color: #000; text-align: center;margin-bottom: 25px;}
#footer .contacto .btn-contacto{font-family: medium; font-size: 26px; color: #FFF;border: none; box-shadow: none; border-radius: 12px; padding: 8px 80px; display: inline-block; margin: 0 auto;transition: 0.2s;}
#footer .contacto .btn-contacto:hover{transform:scale(1.03,1.03);}
#footer .informacion{ margin-bottom: 20px; padding: 0;}
/*#footer .informacion .ctn-informacion{background: no-repeat 5px bottom  url('../imagenes/Sistema/img-index/img-movil.png');}*/
#footer .informacion .title-foot{font-family: semi; font-size: 20px; color: #FFF; text-align: left; margin:20px 0;}
#footer .informacion .ctn-item-footer{display: flex; flex-flow: row; align-items: center; justify-content: flex-start; margin-bottom: 20px;}
#footer .informacion .ctn-item-footer .ctn-icon{margin-right: 20px;}
#footer .informacion .ctn-item-footer .ctn-txt p{font-size: 18px; color: #FFF; text-align: left; font-family: regular;}
/* #footer .informacion .ctn-item-footer .ctn-icon i{font-size: 47px;} */



#footer .informacion .item .phone{margin-bottom: 20px;}
#footer .informacion .item .what .ctn-txt{padding-top: 15px;}
/* #footer .informacion .item .ctn-txt p{display: block; float: none;}
#footer .informacion .item .ctn-txt a{display: block; float: none;} */

#footer .informacion .item .ctn-icon{width: auto;float: left;}
#footer .informacion .item .ctn-txt{float: left;}
#footer .informacion .item .phone p{padding-left:20px;}
#footer .informacion .item img{display: inline-block; float: left;}
#footer .informacion .item a{font-size: 18px; color: #FFF; text-align: left; font-family: regular; word-break: break-all;}
#footer .informacion .redes{text-align: center;}
#footer .informacion .redes img{transition: 0.2s;}
#footer .informacion .redes img:hover{transform: scale(1.05,1.05);}
#footer .informacion .redes a{display: inline-block; margin-right: 15px; float: none;}
#footer .informacion .redes a:last-child{margin-right: 0;}
#footer .informacion .suscribir label{font-weight:normal; font-family: bold; font-size: 22px; margin-bottom: 25px; color: #FFF;}
#footer .informacion .suscribir input{height:40px ;border: 1px solid #FFF; box-shadow: none; border-radius: 0; background-color: transparent; font-family: regular; font-size: 18px; color: #FFF; border-radius: 8px;}
#footer .informacion .suscribir input::placeholder{color: #FFF; opacity:0.6}
#footer .informacion .suscribir .btn-enviar{font: 25px medium; border: none; padding: 8px 30px; color:#fff;transition: 0.3s;  border-radius: 8px;}
#footer .informacion .suscribir .btn-enviar:hover{transform: scale(1.05,1.05);}
#footer .informacion .suscribir label a{font-family: regular; font-size: 16px; color: #FFF; font-weight: normal;}
#footer .informacion .suscribir .terminos{display: flex; justify-content: center; margin: 0;}
#footer .informacion .suscribir .ctn-btn{display: flex; justify-content: center;}


#footer .links {margin:0 0 20px; padding: 0 15px;}
#footer .links p{font-family: medium; font-size: 18px; color: #190c38; margin: 15px 0;  }
#footer .links ul{ list-style: disc; padding-left: 15px;}
#footer .links ul li{float: left; padding-right: 25px; }
#footer .links ul li:last-child{padding-right: 0px;}
#footer .links ul li a{display: block; font-family: light; font-size: 18px; color: #190c38; }
#footer .links ul li a:hover{text-decoration: underline;}
#footer .sc{text-align: right; margin-bottom: 10px; padding: 0 15px;}
#footer .sc a{display: block; display: flex; justify-content: flex-end;}



@media(max-width: 1220px){
  #footer .sc a{padding-right: 15px;}
  #footer .informacion .item p{font-size: 15px;}  

  #footer .informacion .item a,
  #footer .informacion .ctn-item-footer .ctn-txt p{
    font-size: 23px;
  }
}

@media(max-width: 991px){
  #footer .informacion .ctn-informacion{background: none;}
  #footer .informacion .redes{text-align: center;}
  #footer .informacion .suscribir label{text-align:center;}
  #footer .informacion .suscribir .ctn-btn{padding: 0;}
  #footer .informacion .suscribir .btn-enviar{display: block; margin: 0 auto;}
  #footer .informacion .suscribir .terminos{text-align: center;}

  #footer .sc a{justify-content: center;}
}

@media(max-width: 767px){
  #footer .contacto{padding-bottom: 30px;}
  #footer .contacto label{font-size: 20px;}
  #footer .informacion .title-foot{margin: 20px 0; font-size: 24px;}
  #footer .informacion .item{margin-bottom: 20px; text-align: center; padding-right: 0;}
  #footer .informacion .suscribir{margin-top: 15px;}
  #footer .informacion .suscribir label{font-size: 20px;}  
  #footer .links p{margin-bottom: 10px; text-align: center;}
  #footer .links ul {margin-bottom: 20px; list-style: none; padding: 0;}
  #footer .links ul li{ float: none; padding: 10px 0; border-bottom: 1px #190c38 solid;}
  #footer .informacion .item .ctn-txt p{text-align: left;}
  #footer .links ul li a{text-align: center;}
  #footer .sc a{text-align: center;}

  #footer .informacion .item a, #footer .informacion .ctn-item-footer .ctn-txt p{
    font-size: 19px;
  }

  #footer .informacion .ctn-item-footer .ctn-icon{
    margin-right: 10px;
  }

  #footer .informacion .item img{
    max-width: 25px;
    height: auto;
  }

  #footer .informacion .redes img{
    height: auto;
  }

  #footer .informacion .suscribir .btn-enviar{
    font-size: 20px;
  }

  #footer .links p{
    font-size: 16px;
  }

} 


@media(max-width: 479px){
  #footer .contacto .btn-contacto{width: 100%; padding: 8px;}
  #footer .informacion .redes a{margin-right: 5px;}
}


#galeria-video{}
iframe .ytp-large-play-button{display: none!important;}

#galeria-video .ctn-galeria-video {padding:10px 0;margin: 25PX 0;}
#galeria-video .ctn-galeria-video .title-galeria-video{padding:0; margin-bottom: 42px; font-family:bold; font-size: 29px;color: #2B2B26; }
#galeria-video .ctn-galeria-video .ctn-items{padding: 0;}
#galeria-video .ctn-galeria-video .ctn-items .item{padding: 0 12px 0 0;margin-bottom: 20px; min-height: 195px;}
#galeria-video .ctn-galeria-video .ctn-items .item .b-rojo{position: absolute; width: 100%; height: 100%;}
#galeria-video .ctn-galeria-video .ctn-items .item iframe{padding: 0 ;width: 100%;height: 164px;}
#galeria-video .ctn-galeria-video .ctn-items .item .title-video{font-family: bold; font-size: 17px; color: #2B2B26; float: left; width: 100%; min-height: 37px;}
#galeria-video .ctn-galeria-video .ctn-items .item:hover .title-video{text-decoration: underline; }
#galeria-video .ctn-galeria-video .ctn-items .item .b-rojo i{position: absolute;top: 35%; opacity: 0; left: 37%; font-size: 50px;}
#galeria-video .ctn-galeria-video .ctn-items .item .b-rojo:hover i{color:red; opacity: 1;}

@media(max-width: 1220px){
    #galeria-video .ctn-galeria-video {padding: 15px;}
}
@media(min-width: 992px) and (max-width: 1220px){
    #galeria-video .ctn-galeria-video .ctn-items .item .b-rojo i{left: 34%;}
}
@media(max-width: 991px){
    #galeria-video .ctn-galeria-video .ctn-items .item .b-rojo i{display: none;}
    #galeria-video .ctn-galeria-video .ctn-items .item .title-video{min-height: 56px;}
}

@media(max-width: 767px){
    #galeria-video{margin-top: 0;}
    #galeria-video .ctn-galeria-video .title-galeria-video{font-size: 23px; margin-bottom: 25px;}
    #galeria-video .ctn-galeria-video .ctn-items .item .title-video{min-height: 0px;}
}

.ctn-whatss-app{
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 3;
}

.ctn-whatss-app img{
  height: 60px;
}

.ctn-header-sup{padding: 0;}
.ctn-header-sup .header-sup{padding: 10px 15px; transition: 0.3s;}

.navbar-fixed-top .ctn-header-sup .header-sup{
  padding: 5px 15px;
}


.ctn-header-sup .header-sup ul{ float: left;}
.ctn-header-sup .header-sup ul li{display: inline-block;}
.ctn-header-sup .header-sup ul li a{display: inline-block;padding: 5px 15px;font-family: semi; font-size: 15px; text-transform: capitalize; color: #FFF;}
.ctn-header-sup .header-sup ul li a i{color: #ff9744;}
.ctn-header-sup .header-sup ul li .dropdown-menu{border-radius: 0;}
.ctn-header-sup .header-sup ul li .dropdown-menu li{display: block;}
.ctn-header-sup .header-sup ul li .dropdown-menu li a{color: #000;}

@media(max-width: 1200px){
    .ctn-header-sup .header-sup a{font-size: 14px;padding: 5px;}
    .ctn-header-inf .header-inf .ctn-menu .menu-ppal .navbar-default .navbar-collapse .ctn-nav > ul li a{font-size: 14px;padding: 5px;}
}


@media(max-width: 992px){
    .ctn-header-sup .header-sup{overflow: auto;}
    .ctn-header-sup .header-sup ul{width: max-content;}
}


@media(max-width: 767px){
    .ctn-header-sup .header-sup{padding: 5px 15px;}
    .ctn-header-sup .header-sup a {font-size: 12px;}
}

@media(max-width: 479px){
    .ctn-header-sup .header-sup{width: max-content;text-align: left;}
}


