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

    WEB TIGRE CUSTOM STYLES 

    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);
  }
/* - HEADER SUPERIOR INTERNAS  - */

.row{margin-left: 0px; margin-right: 0px;}

header{background: #FFF;}
.header .logo{display: none;}
#logo-menu{height: 70px; margin-top: -10px;}

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

.navbar-collapse{margin-left: auto !important; margin-right: auto !important;}

.breadcrumbs .container p{margin-bottom: 0px; padding: 10px 10px 5px 10px; color: #FFF; font-size: 18px;}
.breadcrumbs span {color: #FFF;}

.imagen-header-interna{ min-height: 450px; background-repeat: no-repeat; margin-top: 125px !important;}
.imagen-header-interna-nivel-3{min-height: 350px; background-repeat: no-repeat; margin-top: 0px !important;}
.menu-header-internas-nivel-3{
    margin-top: 125px;
    /*border-top: 1px solid #EEE;*/
    -webkit-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.6);
}

@media (min-width: 992px){
    .promo-section-img-right{z-index: -1;}
    .promo-section .promo-section-img-right{top: -120px;}
}

.promo-section-col p, .promo-section-col h3{padding-left: 10px;}
.promo-section p {text-align: justify;}
/* - TOP MENU DESPLEGABLE - */ 

#menu-mobile .menu-principal li.nav-item img{width: 72px;}
#menu-mobile .menu-principal li.nav-item{float: left;}
#menu-mobile .menu-principal li.nav-item a{padding: 8px;}
#menu-mobile .menu-principal li.nav-item{width: 25%;}

#subitems-menu{
    padding: 20px 40px;
    -webkit-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.6);
}
#subitems-menu .container{padding-left: 25px;}
.subitems-list li:first-child{color: #FAFAFA; font-weight: 700; padding-bottom: 5px;}
.subitems-list li, .subitem-list-item a, .subitem-list-item a:active, .subitem-list-item a:focus{color: #FFF;}
.subitem-list-item a:hover{color: #FFF;}

/* - BUSCADOR TOP MENU - */
.form-buscador{padding-top: 23px;}
input[type=search] {
    -webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {display: none;}
input[type=search] {
    background: #FFF url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 90% center;
    border: solid 2px #9D9C9B;
    padding: 9px 40px 9px 10px;
    width: 75px;
    min-height: 28px;
    margin-left: 10px;
                
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
                
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
input[type=search]:focus {
    width: 160px;
    background-color: #fff;
    border-color: #55B0E1;
                
    -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
    -moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
    box-shadow: 0 0 5px rgba(109,207,246,.5);
}

input:-moz-placeholder {color: #999;}
input::-webkit-input-placeholder {color: #999;}

#form-buscador-mobile{text-align: center;}
#input-buscador-mobile{min-height: 18px; margin-left: 0px; margin-bottom: 10px;}

#resultado ul li img{display: none;}

/* MENU MOBILE */

.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    /*background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);*/
    background-color: rgba(44,172,227,1);
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 15%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.overlay h4{font-size: 24px; color: #FFF; margin-left: 15px; margin-right: 15px;}

.overlay a {
    padding: 3px 8px;
    text-decoration: none;
    font-size: 18px;
    color: #FFF;
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {color: #f1f1f1;}

.overlay .closebtn {position: absolute; top: 10px; right: 15px; font-size: 60px;}
.overlay img{position: absolute; top: 20px; left: 15px;}

@media screen and (max-height: 450px) {
    .overlay a {font-size: 16px}
    .overlay .closebtn {font-size: 40px; top: 15px; right: 35px;}
}

/* - SECCIONES - */


/* - RESPONSIVE - */

@media (max-width: 991px){
    input[type=search]{padding: 5px 40px 5px 10px; width: 150px;}
    input[type=search]:focus {width: 250px;}
    .header .logo .logo-img-active{width: 220px;}
    .header .logo-wrap {padding: 5px 0 5px 0;}
}
@media (min-width: 992px){
    .page-on-scroll .header .navbar{background: none; border: none;}
    .page-on-scroll .header .logo-img-active{display: none;}
}
/* Extra small devices (phones, up to 480px) */
@media screen and (max-width: 767px) {
    #menu-mobile .menu-principal li:first-child{display: none;}
    .header .logo{height: 0px;line-height: 0px;display: block;}
    .header .logo .logo-img-active{width: 220px;}
    .header .navbar-toggle{margin:15px 0}
    .breadcrumbs .container p{padding: 5px 0px 3px 5px; font-size: 14px;}
    /*.imagen-header-interna{margin-top: 80px !important; background-size: 100%; min-height: 85px;}*/
    .imagen-header-interna { display:none;}
    .imagen-header-interna + div { margin-top: 85px;}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
    #menu-mobile .menu-principal li.nav-item img{width: 110px; margin: 0 auto;}
    #menu-mobile .menu-principal li:first-child{display: none;}
    .header .logo{height: 100px;line-height: 0px; display: block!important; padding-top: 11px;}
    .header .logo .logo-img-active{width: 150px;}
    .header .navbar-toggle{margin:15px 0; padding-top: 25px;}
    .header .logo .logo-img-active{width: 300px;}

    input[type=search]{padding: 5px 40px 5px 10px; width: 300px;}
    input[type=search]:focus {width: 400px;}

    .imagen-header-interna { display:none;}
    .imagen-header-interna + div { margin-top: 139px;}
}
/* tablets/desktops and up ----------- */
@media (min-width: 992px) and (max-width: 1199px) {
}
/* large desktops and up ----------- */
@media screen and (min-width: 1200px) {
}