a {
    color: black !important;
    text-decoration: none;
}

body{
    font-family: 'Raleway', sans-serif;

}



nav{
    box-shadow: none !important;
    margin-bottom: 5px;
}

nav .material-icons {
    color: black;
}

nav ul li a{
    color: black;
    position: relative;
    font-size: 12px !important;
    font-weight: 900;
}

.active-menu{
    border-bottom: 5px solid #ffcd11;
}

nav ul li a:after {
    content: '';
    position: absolute;
    bottom: 35%;
    right: 0;
    height: 30%;
    border-right: 1px solid black;
}



nav img{
    max-height: 100%;
}

nav .brand-logo img {
    height: 64px;
}

tbody {
    display:block;
    height:600px;
    overflow:auto;
}
thead, tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
thead {
    width: calc( 100% - 1em )
}
table {
    width:100%;
}

.btn-parallax{
    background-color: transparent !important;
    border: 1px solid white !important;
    cursor: pointer;
    font-weight: 100 !important;
}

.brand-logo{
    max-width: 100%;
}

.carousel-text{
    color: white;
    font-size: 90px;
    font-weight: 700;
    margin: 10%;
    position: absolute;
    text-align: center;
    text-shadow: 6px 8px 9px rgba(168, 168, 168, 1);
    top: 12%;
    width: 80%;
    z-index: 1;
}

.carousel .indicators .indicator-item {
    margin: 7vw 5px !important;
}


.carousel .carousel-item {
    opacity: 1 !important;
}

.clear-bottom{
    margin-bottom: 120px !important;
}

.clear-top{
    margin-top: 120px !important;
}

.container-fluid{
    margin:0 !important;
    padding: 0 !important;
}


.dist{
    overflow: hidden;
    padding: 50px 0;
    text-align: center;
}

.footer{
    background-image: url('../img/footer_bg.jpg');
    background-size: cover;
    color: white;
    height: 350px;
    position:relative;
    text-align: center;
    vertical-align: bottom;
}

.footer-info{
    background-color:#808080 ;
    bottom: 0;
    display: table;
    max-height: 100%;
    position:absolute;
    vertical-align: bottom;
}

.footer-info col{
    display: table-cell;
    vertical-align: bottom;
}

.footer-info-movil{
    background-color: #808080;
    display: none;
}

.footer-info img{
    max-width: 100%;
}

.img-responsive img{
    width: 100%;
}

.info{
    font-size: 25px;
    padding: 50px 20vw;
    text-align: center;
}

.info img{
    max-width: 100%;
}

.info-2{
    color: #222222;
    font-size: 2.5vw;
    font-weight: 900;
    padding: 0vw 10vw 3vw 10vw;
    position: relative;
    vertical-align: middle;
}

.info-2 img{
    max-width: 100%;
}

.info-2 p{
    font-size: 40px;
    letter-spacing: 0;
    max-width: 30%;
    position: absolute;
    top: 20%;
}

.info-2-p{
    right: 10%;
}

.info-2-p-left{
    left: 10%;
}

.info-2-p span{
    color: #0e852a;
}

.info-2-ul{
    display: flex;
    font-size: 15px;
    justify-content: space-between;
}

.info-2-ul li{
    border-bottom: 5px solid white;
    color: #222222;
}

.info-2-ul li:hover{
    border-bottom: 5px solid #ffcd11;
}

.main-link{
    color: #ffcd11 !important;
}

.navbar-nav li{
    border-right: 1px solid black;
    padding: 0 !important;
}

.parallax{
    color: white;
    font-family: 'Anton', sans-serif;
    font-weight: 900;
    padding: 0 20%;
    position: relative;
}

.parallax-button-div{
    position: absolute;
    text-align: center;
    top: 65%;
    width: 60%;
    z-index: 100000000;
}

.parallax-footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

.parallax-text-small{
    position: absolute;
    text-align: center;
    text-shadow: 6px 8px 9px rgba(168, 168, 168, 1);

    top: 25%;
    width: 60%;
    z-index: 1;
}

.parallax-text{
    font-size: 100px;
    position: absolute;
    text-align: center;
    text-shadow: 6px 8px 9px rgba(168, 168, 168, 1);
    top: 25%;
    width: 60%;
    z-index: 1;
}

.partners{
    text-align: center;
}

.promo{
    margin-bottom: 30px;
}

.promos{
    padding: 50px 0;
}

.promos img{
    width: 100%;
}



.searcher{
    padding-left: 5%;
}

.striped-table{
    height: 600px !important;
    overflow-y: auto;
}


.striped thead{
    background-color: #ffcd11 !important;
    width: 100% !important;
}

.striped thead th{
    text-align: center;
}

.title-section{
    color: #ffcd11;
    font-family: 'Anton', sans-serif;
    font-size: 90px;
    font-weight: 700;
    text-align: left;
}

.title-subsection{
    font-family: 'Anton', sans-serif;
    font-size: 80px;
    font-weight: 700;
    margin-left: 100px;
    text-align: left;
}

.top{
    background-color: #ffcd11;
    text-align: right;

}

.top-inner{
    align-items: center;
    display: flex;
    flex-shrink: 1;
}

.top-inner .item:first-child{
    margin-left: auto;
}

.top-inner .item{
    display: inline-block;
    margin-left: 8px;
    vertical-align: center;
}

.vertical-line{
    background-color: white;
    width: 1px; /* Line width */
    height: 100%; /* Override in-line if you want specific height. */
    float: left;
}

@media(max-width: 1300px){
    .parallax-button-div{
        top: 85%;
    }
}

@media(max-width: 1200px){
    .carousel-text{
        font-size: 100px;
    }
}

@media(max-width: 992px) {

    .carousel-text{
        font-size: 30px;
        top: 15%;
    }
    .footer {
        background-image: none;
        background-color: #808080;

    }

    .footer-info {
        background-color: #808080;
        display: none;
    }

    .footer-info-movil {
        display: inherit;
        padding-top: 100px;
        vertical-align: bottom;
    }

    .info {
        font-size: 20px;
        padding: 15px 10vw;
    }

    .info-2 p {
        font-size: 24px;
    }

    .info-2-ul {
        display: inherit;
        font-size: 15px;
        justify-content: space-between;
    }

    .parallax-text {
        font-size: 44px;
    }
}

@media(max-width: 600px){
    .carousel-text{
        font-size: 20px;
        top: 10%;
    }
    .footer-info-movil {
        display: flex;
        flex-direction: column;
        padding: 10px 0;
        vertical-align: bottom;
    }

    .footer-info-movil .col{
        text-align: center !important;
    }
    .info-2 p{
        top: 20%;
    }
    .parallax-text {
        font-size: 20px;
    }

    .parallax-text-small{
        top: 5%;
        width: 60%;
    }

    .title-section{
        font-size: 50px;
    }

    .title-subsection{
        font-size: 50px;
        margin-left: 10px;
    }
}

@media(max-width: 576px){
    .info-2 p{
        font-size: 14px;
    }

    .parallax-text{
        top: 20%;
        width: 60%;
        z-index: 1;
    }
}