@charset "UTF-8";
/*----------------------------------------------------------------------

    WEB TIGRE CUSTOM STYLES HOME

    Project:        WEB TIGRE
    Version:        1.0
    Author:         Innovación Tigre
    Primary use:    
    Email:			
    Follow: 		
    Like: 			
    Website:		
    Premium:		

------------------------------------------------------------------*/
@font-face {
    font-family: Gotham;
    src: url(../fonts/gotham/Gotham-Medium.otf);
  }
  @font-face {
    font-family: Gotham-Light;
    src: url(../fonts/gotham/Gotham-Light.otf);
  }
.row{margin-left: 0px; margin-right: 0px;}

/* - HEADER - */
#logo-header {position: absolute; top: 20px; z-index: 999; width: 100%;}
#buscador-header {position: absolute; bottom: 0px; z-index: 999; width: 100%; background: rgba(0,0,0,.5); padding: 15px 25px 0px 25px;}
#contenedor-busqueda{position: absolute; bottom: 101px; z-index: 999; width: 100%;}
#contenedor-busqueda #resultado{
    background: rgba(52,52,52,.9);
    width: 60%;
    margin: 0 auto;
    padding: 25px 50px;
    border-radius: 25px 25px 0px 0px;
    -webkit-border-radius: 25px 25px 0px 0px;
    -moz-border-radius: 25px 25px 0px 0px;
}
#contenedor-busqueda small{font-family: Gotham-Light,sans-serif;}
/* Scrollbar styles */
#contenedor-busqueda ul::-webkit-scrollbar {width: 5px; height: 12px;}

#contenedor-busqueda ul::-webkit-scrollbar-track {
    background: rgba(52,52,52,.9);
    border-radius: 0px 0px 25px 25px;
    -webkit-border-radius: 0px 0px 25px 25px;
    -moz-border-radius: 0px 0px 25px 25px;
    margin-bottom: 20px;
}

#contenedor-busqueda ul::-webkit-scrollbar-thumb {border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; background: #ccc;}

#contenedor-busqueda ul::-webkit-scrollbar-thumb:hover {background: #999;}
#contenedor-busqueda ul{
    list-style: none;
    padding-left: 0px;
    padding-right: 15px;
    max-height: 400px;
    overflow-y: auto;
}
#contenedor-busqueda ul:first{border-top: none;}
#contenedor-busqueda ul li h3{color: #EEE; margin-bottom: 0px; line-height: 1.1; font-size: 18px;}
#contenedor-busqueda ul li a{color: #EEE;}
#contenedor-busqueda ul li h4{color: rgb(44,172,227); line-height: 0.9; margin-bottom: 15px; font-size: 24px;}
#contenedor-busqueda ul li{color: #FFF; margin-bottom: 15px; margin-top: 15px;}
#contenedor-busqueda .item-busqueda h3{font-weight: 300;}
.contenido-filtro > p > span {color: #a6a7aa !important; background: transparent !important; }

li.divisor{border-top: 1px solid rgba(255,255,255,.6);}
#buscador-header input{
    background-color: transparent;
    border: 1px solid #FFF; 
    border-radius:25px;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    max-width: 340px; 
    color: #FFF;
    height: 40px;
    margin: 0 auto;
}
#buscador-header .form-group{margin-bottom: 0px;}

#resultado ul li img{display: none;}

.logo-wrap{margin-left: -30px;}
.logo-img-main{width: 450px; margin: 0 auto;}

/* - RESPONSIVE - */

@media (max-width: 991px){
    .header .logo .logo-img-active{width: 250px;}
    #buscador-header {padding: 10px 25px 0px 25px;}
    #contenedor-busqueda {bottom: 96px;}
    #contenedor-busqueda #resultado{width: 100%; max-height: 400px; overflow-x: auto; padding: 15px 15px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;}
    #contenedor-busqueda ul li h3{font-size: 14px;}
    #contenedor-busqueda ul li {line-height: 1;}
    #contenedor-busqueda ul li h4{margin-bottom: 12px; font-size: 18px;}
    #contenedor-busqueda ul li small{font-size: 12px;}
    .carousel-indicators {bottom: 90px;}
}
@media (min-width: 992px){
    .page-on-scroll .header .navbar{background: none; border: none;}
    .page-on-scroll .header .logo-img-active{display: none;}
    .carousel-indicators {bottom: 95px;}
}

@media screen and (min-width: 768px){
    
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
}
/* tablets/desktops and up ----------- */
@media (min-width: 992px) and (max-width: 1199px) {
}
/* large desktops and up ----------- */
@media (min-width: 1200px) and (max-width: 1366px) {
    #iconos-slide ul li {line-height: 1.2;}
}
@media (min-width: 1367px) and (max-width: 1600px) {
}

@media screen and (min-width: 1601px){
}