@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:		

------------------------------------------------------------------*/
/*@import url('https://fonts.googleapis.com/css?family=Montserrat:400,900');*/

@font-face {
    font-family: Gotham;
    src: url(../fonts/gotham/Gotham-Medium.otf);
}

/* LAYOUT */
.content-lg{padding-top: 20px; padding-bottom: 20px;}
.content-xs{padding-top: 5px; padding-bottom: 5px;}

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

.bg-color-sky-dark{background: #343434; padding-top: 20px;}
.bg-color-sky-light{background: #E1E1E1; padding-top: 20px;}
.bg-color-sky-dark h2{color: #7A7B7B;}
.bg-color-sky-light h2{color: #515769;}

/* - CAROUSEL Y MENU HOME - */
.carousel-title{
    max-width: 450px; line-height: 1 !important;
    font-family: 'Gotham', sans-serif !important;
    font-weight: bold;
    font-size: 25px !important;
    letter-spacing: 2px !important;
    color: white;
    /*text-shadow: 4px 4px 2px rgba(0,0,0,.8) !important;*/
    /*background: rgba(0,0,0,0.5);*/
    background-color:rgba(128, 128, 128, 0.60);
    padding: 26px 20px 20px 25px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    margin-bottom: 5px;
    margin-top: 25px;
}
/*.carousel-indicators {left: 48% !important;}*/
/*.carousel-indicators {left: 48%;}*/
.carousel-indicators .active {
    height: 15px;
    width: 15px;
}
.carousel-indicators li{ 
    background: #616258;
    height: 13px;
    width: 13px;
}
p.carousel-subtitle {
    max-width: 450px;
    font-size: 19px;
    color: #FFF;
    margin-bottom: 15px;
    background: rgba(0,0,0,0);
    padding: 10px 25px 7px 25px;
    border-radius: 25px;
    text-transform: uppercase;
}


#menu-iconos {position: absolute; bottom: 150px; z-index: 999; width: 90%;}
#menu-iconos .icono-menu {width: 150px;}
#iconos-slide .work:hover .content-wrapper-link{bottom: 105px;}
#iconos-slide .work:hover .work-overlay:before{background: transparent !important;}
#iconos-slide .work-overlay{z-index: 999;}
#iconos-slide .work:hover .work-content{bottom: 55px; z-index: 9;}
#iconos-slide .work-content{padding: 25px 23px; margin-left: 2px; margin-right: 2px; min-width: 178px;}
#iconos-slide .work-content .list-unstyled{
    background: rgba(44,172,227,1);
    padding: 5px 5px 35px 5px;
    border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
}

a.menu-list-link{color: #FAFAFA; font-size: 14px;}
a.menu-list-link:hover{color: #515769 !important; font-size: 14px;}
.menu-list-item{border-bottom: 1px solid rgba(255,255,255,.3); padding: 5px 0px;}
.menu-list-item:last-child{border-bottom: none; padding-bottom: 0px;}

/* - ESTILOS SECCIONES - */
.novedad .work-overlay:before, .novedad .full-width, .agenda .work-overlay:before, .agenda .full-width{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.work:hover .work-overlay:before{background:rgba(44,172,227,0.85);}

.bg-color-sky-dark h2, .bg-color-sky-light h2{font-family: 'Gotham', sans-serif !important; text-transform: uppercase; font-size: 26px;}
.titulos-novedades div:last-child, .titulos-agenda div:last-child{text-align:right;}
.titulos-novedades, .titulos-agenda {margin: 25px 0;}
.titulos-novedades a, .titulos-agenda a{
    font-family: 'Gotham', sans-serif !important;
    font-size: 20px;
    color: #7A7B7B;
    display: inline;
    padding: 10px 20px;
    border-color: #7A7B7B;
    border-width: 1px;
    border-style: solid;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    transition: color 0.2s linear 0.2s;
}
.titulos-novedades a:hover, .titulos-agenda a:hover, .titulos-novedades a:focus, .titulos-agenda a:focus, .titulos-novedades a:active, .titulos-agenda a:active{color: #515769; border-color: #515769;}

#iconos-redes-sociales{text-align:right; padding-top: 15px;}

/* NOVEDAD */
.desc .titulo{font-size: 16px; line-height: 18px;}

/* ICONOS MENU SLIDE */
.icono .list-unstyled li a{font-weight: 400;}
.item-menu{padding: 10px;}
.item-menu .icono{
    /*background: #FFF;*/
    background: rgba(0,0,0,0.5);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    padding: 15px;
}
.item-menu .icono .list-unstyled{
    z-index: -1;
    position: absolute;
    bottom: 125px;
    left: 10px;
    right: 10px;
    display: none;
    padding: 10px 10px 35px 10px;
    background: rgba(44,172,227,1);
    border-radius: 20px 20px 0px 0px;
    -webkit-border-radius: 20px 20px 0px 0px;
    -moz-border-radius: 20px 20px 0px 0px;
}
.item-menu .icono .icono-menu{margin: 0 auto; z-index: 999; width: 64px !important;}
.item-menu .icono p{margin: 10px auto 0px auto; cursor: default; font-weight: 500;}

.item-menu .icono p.blanco{color: #FFF;}
.item-menu .icono p.rojo{color: #D02013;}

/*.modal-header{border-radius: 25px 25px 0px 0px; -webkit-border-radius:  25px 25px 0px 0px; -moz-border-radius:  25px 25px 0px 0px;}
.modal-content{border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px;}*/
.modal-header{border-radius: 5px 5px 0px 0px; -webkit-border-radius:  5px 5px 0px 0px; -moz-border-radius:  5px 5px 0px 0px;}
.modal-content{border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}

.modal-title{padding-left: 10px; padding-right: 80px;}
.modal-title{color: #EEE;}

.modal-header button.close{opacity: 1;}
.modal-header button.close span {
    float: right;
    font-size: 35px !important;
    line-height: 1 !important;
    color: #EEE !important;
    text-shadow: 0 1px 0 #fff !important;
    opacity: 1 !important;
}

/* RESPONSIVE */
@media screen and (max-width: 1366px) {
    .item-menu .icono .list-unstyled{bottom: 110px;}
    .item-menu .icono p{font-size: 14px; line-height: 15px;}
}
/* .- iconos menus slide */

.novedad .titulo, .agenda .titulo{
    position: absolute;
    bottom: -5px;
    left: 0px;
    padding: 20px;
    width: 100%;
    border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    text-shadow: 2px 2px 2px rgba(0,0,0,.8) !important;
}
.agenda .titulo{padding: 15px 20px;}
.agenda .fecha{position: absolute; top: 0px; left: 0px; padding: 20px;}
.agenda .fecha .dia{font-size: 4em; color: #FFF; font-weight: 600; margin: 0px; line-height: 0.7; text-shadow: 2px 2px 2px rgba(0,0,0,.8) !important;}
.agenda .fecha .mes{color: #FFF; margin: 0px 0px 0px 5px; line-height: 1.5; text-shadow: 2px 2px 2px rgba(0,0,0,.8) !important;}

.agenda .work-overlay h3, .agenda .work-content h3{line-height: 1.1;}

.novedades-col-1{padding-left: 0px; padding-right: 5px;}
.novedades-col-2{padding-left: 5px; padding-right: 0px;}

/* RESPONSIVE */
@media screen and (max-width: 767px) {
    #menu-iconos{
        width: 100%;
        display: flex;
    }
    #iconos-slide{
        height:100%;
    }
    .item-menu .icono .list-unstyled{
        bottom: 70px;
        border-radius: 20px 20px 20px 0px;
        -webkit-border-radius: 20px 20px 20px 0px;
        -moz-border-radius: 20px 20px 20px 0px;
        width: 250px;
    }
    .item-menu{padding: 3px; height: 100%;}
    .item-menu .icono{padding: 5px; height: 100%;}
    .item-menu .icono p{font-size: 10px; margin: 2px 5px 2px 5px; line-height: 12px;}
    .novedades-col-1{padding-left: 0px; padding-right: 0px;}
    .novedades-col-2{padding-left: 0px; padding-right: 0px;}
}

.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    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;}


/* NOVEDADES */
.featured-grid, .featured-grid.featured-grid-2 {
    width: 100%;
    height: 510px;
    float: left;
    background-size: cover;
    background-position: center center;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}
.featured-grid:after, .featured-grid.featured-grid-2:after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}
.featured-grid .desc {
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    padding: 15px;
    z-index: 9;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background: rgba(0, 0, 0, 0.5);
}
.featured-grid .desc h3 {
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 1px 1px 2px rgba(0,0,0,.8) !important;
    margin-bottom: 10px;
    line-height: 23px;
}
.featured-grid .desc span {
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 1px 1px 2px rgba(0,0,0,.8) !important;
    font-size: 16px;
}
.featured-grid.featured-grid-2 {
    height: 250px;
    margin-bottom: 10px;
}
.featured-grid.featured-grid-2 .desc h3, .featured-grid .desc h3 {
    margin-bottom: 5px;
    line-height: 1.1;
}
.featured-grid.featured-grid-2 .desc p, .featured-grid .desc p {
    /*display: none;*/
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 1px 1px 2px rgba(0,0,0,.8) !important;
    font-size: 13px;
    line-height: 1.1;
}
.featured-grid:hover .desc, .featured-grid:focus .desc {
    bottom: 0px;
    background: rgba(44,172,227,0.7);
    padding-top: 20px;
}
/*.featured-grid:hover, .featured-grid:focus {
    -webkit-box-shadow: 0px 18px 43px -7px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 18px 43px -7px rgba(0, 0, 0, 0.32);
    -ms-box-shadow: 0px 18px 43px -7px rgba(0, 0, 0, 0.32);
    -o-box-shadow: 0px 18px 43px -7px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 18px 43px -7px rgba(0, 0, 0, 0.32);
}*/

.p-0{padding: 0px;}
.pl-0{padding-left: 0px;}
.pr-0{padding-right: 0px;}
.pl-5{padding-left: 5px;}
.pr-5{padding-right: 5px;}

.panel-heading:hover {cursor: pointer;}

/* RESPONSIVE */
@media screen and (max-width: 992px){
    .featured-grid, .featured-grid.featured-grid-2 {margin-bottom: 30px; height: 250px;}
    .featured-grid .desc, .featured-grid-2 .desc {bottom: 0px; padding-top: 20px;}

    .desc .titulo-destacada{font-size: 16px; line-height: 18px;}

    .featured-grid .desc p{font-size: 13px;}

    .carousel-inner > [pos="left"]{background-position: 0% center !important;}
    .carousel-inner > [pos="center"]{background-position: 50% center !important;}
    .carousel-inner > [pos="right"]{background-position: 100% center !important;}
}

/* - RESPONSIVE - */

/* Extra small devices (phones, up to 480px) */
@media screen and (max-height: 450px) {
    .overlay a {font-size: 16px}
    .overlay .closebtn {font-size: 40px; top: 15px; right: 35px;}
}

@media screen and (max-width: 767px) {
    /*.carousel-indicators {left: 40% !important;}*/
    .carousel-title{
        line-height: 1.1 !important;
        font-size: 18px !important;
        padding: 13px 15px 8px 15px;
        margin-bottom: 5px;
        max-width: 320px;
    }

    #menu-iconos {bottom: 130px;}

    p.carousel-subtitle {
        max-width: 320px;
        font-size: 10px;
        color: #FFF;
        margin-bottom: 15px;
        background: rgba(0,0,0,0.5);
        padding: 5px 15px 5px 15px;
        border-radius: 25px;
    }

    .footer-logo{display: block;margin: 0 auto 25px;}
    #iconos-redes-sociales{text-align:center;}
    #iconos-redes-sociales a{margin: 0 10px;}
    #lista-footer .container:first-child div:last-child ul:last-child{padding-bottom: 25px; border-bottom: #6C6C6B 2px solid;}

    .bg-color-sky-dark h2, .bg-color-sky-light h2 {font-size: 18px;}
    .titulos-novedades a, .titulos-agenda a {font-size: 14px; padding: 10px 10px;}

    .content-lg {padding-top: 0px; padding-bottom: 0px;}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
    /*.carousel-indicators {left: 47% !important;}*/
    .carousel-title{
        line-height: 1.1 !important;
        font-size: 22px !important;
        padding: 13px 15px 8px 15px;
        /*background: rgba(0,0,0,0.5);*/
        background-color: rgba(128, 128, 128, 0.60);
        margin-bottom: 5px;
        max-width: 500px;
    }

    #menu-iconos {bottom: 130px; width: 100%;}

    p.carousel-subtitle {
        max-width: 500px;
        font-size: 11px;
        color: #FFF;
        margin-bottom: 15px;
        background: rgba(0,0,0,0);
        padding: 5px 15px 5px 15px;
        border-radius: 25px;
    }

    .footer-logo{display: block;margin: 0 auto 25px;}
    #iconos-redes-sociales{text-align:center;}
    #iconos-redes-sociales a{margin: 0 10px;}
    #lista-footer .container:first-child div:last-child ul:last-child{padding-bottom: 25px; border-bottom: #6C6C6B 2px solid;}

    .bg-color-sky-dark h2, .bg-color-sky-light h2 {font-size: 18px;}
    .titulos-novedades a, .titulos-agenda a {font-size: 14px; padding: 10px 10px;}

    .content-lg {padding-top: 0px; padding-bottom: 0px;}

}
/* tablets/desktops and up ----------- */
@media (min-width: 992px) and (max-width: 1199px) {

}
/* large desktops and up ----------- */
@media (min-width: 1200px) and (max-width: 1366px) {
    #menu-iconos {bottom: 130px;}
    .carousel-title{
        max-width: 540px; line-height: 1 !important;
        font-family: 'Gotham', sans-serif !important;
        font-weight: bold;
        font-size: 20px !important;
        letter-spacing: 1.5px !important;
        /*text-shadow: 4px 4px 2px rgba(0,0,0,.8) !important;*/
        /*background: rgba(0,0,0,0.5);*/
        background-color: rgba(128, 128, 128, 0.60);
        padding: 20px 16px 16px 20px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        margin-bottom: 4px;
        margin-top: 20px;
    }
    p.carousel-subtitle {
        max-width: 540px;
        font-size: 18px;
        color: #FFF;
        margin-bottom: 12px;
        background: rgba(0,0,0,0);
        padding: 8px 20px 5px 20px;
        border-radius: 20px;
        text-transform: uppercase;
    }
    #iconos-slide2 .logo-img-main{max-width: 850px; min-width: 600px;}
    #iconos-slide3 .logo-img-main{max-width: 250px;}
    #iconos-slide ul li a.menu-list-link{font-size: 13px;}

}
@media (min-width: 1367px) and (max-width: 1600px) {
    #menu-iconos {bottom: 130px;}
}

@media screen and (min-width: 1601px){
    #menu-iconos {bottom: 130px;}
    #icono-slide2 .logo-img-main{max-width: 600px; min-width:400px;}
}