/*=======================================================================================*/
/*-----------------------------***** GLOBO PLAY *****------------------------------------*/
/*=======================================================================================*/

@font-face {
    font-family: 'ProximaNova';
    src: url('fonts/ProximaNova-Bold.eot');
    src: url('fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/ProximaNova-Bold.woff') format('woff'),
        url('fonts/ProximaNova-Bold.ttf')  format('truetype'),
        url('fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Globotipo';
    src: url('fonts/gtipoblack.otf');
    font-weight: 900;
}


body, html {
    margin: 0;
    padding: 0;
    height: 100%;
}

ul li{
    list-style: none;
    display: block;
    float: left;
}
a,a:after,a:before,a:active,a:focus,a:hover,a:visited {outline: 0;}
button,button:after,button:before,button:active,button:focus,button:hover,button:visited {outline: 0;}


/*------------------------*/
/*------Backgronds--------*/
/*------------------------*/

.title-box{
    background-color: #000000;
}

.header-box{
    background-color: #242424;
}

.content-box{
    background-color: #1f1f1f;
}

.footer-box{
    background-color: #000000;
}

/*------------------------*/
/*---------Title----------*/
/*------------------------*/

.logo-title-box{
    padding: 15px 0;
}

/*------------------------*/
/*--------Header----------*/
/*------------------------*/

.header-box{
    border-bottom: 6px solid #ff1e1e;
}

.title-header{
    padding: 15px 0;
}

.title-header h1{
    color: #fff;
    text-transform: uppercase;
    font-family: 'Globotipo';
    font-size: 26px;
    line-height: 30px;
}

/*------------------------*/
/*--------Content---------*/
/*------------------------*/

.content-box{
    height:766px;
}

.content-tabs{
    padding-top: 65px;
}

.nav-tabs{
    border-bottom: 1px solid #ff1e1e;
}

.name-tabs{
    color:#fff;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'ProximaNova';
    font-weight: bold;
}

.nav-tabs>li>a:hover{
    border-color: #ff1e1e;
}

.nav>li>a:focus, .nav>li>a:hover{
  background-color: #ff1e1e;
  color:#fff;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    color: #fff;
    background-color: #ff1e1e;
    border: 1px solid #ff1e1e;

}

.nav-tabs>li>a{
    border-radius: 0;
    margin-right: 0;
}

.tab-content{
    height: 540px;
    overflow: auto;
}

.tab-pane{
    padding: 20px;
}

.tab-pane p{
    color: #666666;
    font-family: arial;
    font-size: 14px;
    line-height: 24px;
    padding-left: 20px;
}

.title-tab{
    text-transform: uppercase;
}

.tab-content h3{
    color: #666666;
    text-align: center;
    font-size: 18px;
}

.title-tab span{
    text-decoration: underline;
    font-weight:  bold;
}

/* .text-tab{
    font-style: italic;
} */

.underline-text{
    text-decoration: underline;
}

.img-tab{
    padding: 5px 0 20px 0;
}

.strong-underline{
    text-decoration: underline;
}

/*------------------------*/
/*--------Footer----------*/
/*------------------------*/

.footer-text{
    padding: 13px 0;
}

.footer-text span{
    color: #5b5b5b;
    font-family: Arial;
    font-size: 13px;
}

.footer-text span a{
    color: #5b5b5b;
    text-decoration: none;
}

.termos{
    float: right;
}

@media (max-width: 768px){
    .name-tabs{
        font-size: 13px;
    }

    .title-header h1{
        font-size: 22px;
    }
}


@media (max-width: 480px){
    .tab-content{
        height: 400px;
    }

    .name-tabs{
        font-size: 18px;
    }

    .termos{
        float: none;
        display: block;
    }
}