/* Página contactos */

.tit_contacto{
    background-color: #b60000;
    color: white;
    border-radius: 4px;
    font-size: 20px;
}

.dados_contactos{
    margin: 30px 0;
}

.dados_contactos>div {
    margin: 15px 0;
}


/*.container{
    width: 700px !important;
}*/
/* :::: ALTERAÇÂO DO BOOSTRAP ::::: */
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{

    background-color: #222 !important;
    color: #fff !important; 
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
    background-color: #fff !important;
    color: #222 !important;

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

.dropdown-menu{
    background-color: #dedede !important;
    color: #222 !important;
}

.wid-view-more{
    /*display:none;*/
}

/* FIM BOOTSRAP */

/*::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #f7f7f7;
}

::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #727272;
}

::-webkit-scrollbar-thumb:hover{
    background-color: #a0a0a0;
}*/

/*.jogos-listing img{

    width: 60px;
    height: auto;
}*/

.flex-row{
    display:flex;
    align-items:center;
}

.pad-none{
    padding:0px;
}

.small-margin-bot{
    margin-bottom: 10px;
}

.jogos-listing .small-margin-bot:first-child{
    margin-top: 10px;
}

/* STICKY */
#main-navbar-sticky-wrapper{
    height: auto !important;
}

#nav-logo{
    display: inline-block;
    position: relative;
    margin-top: 5px;
    padding: 3px;
    display:none;
    animation-duration: 0.5s;
    animation-delay: 0.0s;
    -webkit-animation-duration: 0.5s; /* Safari 4+ */
    -webkit-animation-delay: 0.0s; /* Safari 4+ */
    -moz-animation-duration: 0.5s; /* Fx 5+ */
    -moz-animation-delay: 0.0s;
    -o-animation-duration:  0.5s; /* Opera 12+ */
    -o-animation-delay:  0.0s; /* Opera 12+ */


}


/*#main-navbar > .container > .row{

    height: 60px;

}*/
#nav-logo img{

    height: 40px;
    
}
#nav-logo span{
    color: #f2f2f2; 
    margin-right: 10px;
    display:none;
    text-transform: none;
    font-size: 20px;
    font-family: 'Titillium Web', sans-serif;
    margin-left: 10px;
}
/*#main-navbar-sticky-wrapper{
    position: fixed !important;
}*/
.mainmenu-area{
    /*box-shadow: 1px 3px 10px #383838;*/
}
.img-team{
    width: 70px;
    height: auto;
    /*border: 1px solid #adabab;*/
    /*border-radius: 5px;*/
    /*padding: 5px;*/

}
.team-wrapper{
    display: inline-block;
    height: 100%; 
}
.jogo-info{
    display: inline-block;

}
.center-content{
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    text-align: center;
}

/* :::::::::::::::: DROPDOWN MENU ::::::::::::::::::::; */
.drop-active{
    background-color: #222;
    color: #fff;
}
.dropdown-menu .active{
  background-color: #f2f2f2 !important;
  color: #222 !important;
}
.single-sidebar li a{

    font-size: 16px;
    /*text-transform: uppercase;*/
    font-weight: bold;

}

/* MAIN CONTENT */
.main-content-wrapper{
    margin-left: 240px;
    margin-right: 15px;
}

#navbar-trigger2{
    position: absolute; 
    text-align: right; 
    width: 100%; 
    padding-right: 15px;
    color: rgba(0, 165, 77, 0.8);
}
/*:::: NAVBAR HORIZONTAL */
#navbar-trigger {
    color: #87e6ff;
    position: absolute;
    top: 0;
    left: 0;
    height: 60px;
    margin-left: 10px;
}
#navbar-trigger:hover {
    cursor: pointer;
}
#navbar-wrapper{
    /*padding-left: 20px;
    padding-right: 5px;
    padding-left: 5px;*/
    display: block;
    position: relative;
    width: 225px;
    height: 100vh;
    background: linear-gradient(to right, rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%);
    background-color: rgba(242, 242, 242, 1);
    /*border-right: 2px solid #a56666;*/
    animation-duration: 0.5s;
    animation-name: navbar-slidein;
    z-index: 998;
}
.navbar-content{

    position: relative;
    width: 250px;
    top: 50%;
    transform: translate(0, -50%);
    text-align: center;
    border-bottom: 2px solid #878787;
    border-right: 2px solid #a56666;
    background-color: rgba(242, 242, 242, 1);
    box-shadow: 5px 5px 5px #888888;
    border-radius: 5px;
    z-index: 99;
}
#navbar-wrapper ul{
    font-size: 18px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#navbar-wrapper li{
    color: #222;
    padding: 15px;
    

}
#navbar-wrapper li:hover {
    color: #b60000;
    cursor: pointer;
}
#navbar-wrapper li i {
    margin-right: 10px;
}
#navbar-wrapper .title {

}
#main-navbar-collapse{
    background-color: #b60000;
}

#thumb-modalidade{
    background-image: url('http://thumbs.web.sapo.io/?W=600&H=300&crop=face&tv=1&delay_optim=1&epic=V2%3A8xSoeNDOF8vMQds0DWYdU%2F20oe2i9qxn4vcXCgadtRS9ZAQYd%2FOv8%2BD5UIaB04IyEMO5uBOT4d2%2FWoYW4IJC8qHxAQQCNQyCxT0ebs9g3gjbMQ8W1eKX6mWB2bYk8P9v');
    background-repeat: repeat-x;
    filter: brightness(85%);
    display: block;
    left: 0;
    right: 0;
    height: 120px;
    position:absolute;
}
#sidebarFixed{
    z-index: 10 !important;
}
.footer-top-area, .footer-top-area, .zigzag-bottom{
    z-index: 11 !important;
}

.single-sidebar a{

    color: #222;

}
.item-hover a{
    color: #f2f2f2 !important;
}
.item-hover a:hover, .item-hover a:focus{
    color: #f2f2f2;
}
.single-sidebar .active{

    color: #b60000;

}
#sidebar-modalidade{
    display:none;
    -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.5s; /* Firefox < 16 */
        -ms-animation: fadein 0.5s; /* Internet Explorer */
         -o-animation: fadein 0.5s; /* Opera < 12.1 */
            animation: fadein 0.5s;
}

.navless-owl .owl-cust-prev, .navless-owl .owl-cust-next{
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    /*border: 1px solid rgba(220, 220, 220, 0.7);*/
    border: none;
    border-radius: 2px;
    margin: 0px;
    color: #d8d8d8;
    /*background-color: rgba(120, 120, 120, 0.3);*/
    width: 35px;
    height: 30px;
    transition: 0.4s;
    cursor: pointer;
}
.navless-owl .owl-cust-prev{
    left: -5px;
}
.navless-owl .owl-cust-next{
    right: -5px;
}
/*#news-album .owl-next{
    color: rgba(254, 254, 254, 0.7);
}*/
.navless-owl .owl-cust-prev:hover, .navless-owl .owl-cust-next:hover{
    /*background: linear-gradient(to right, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);*/
    color: #222;
    /*border: 1px solid #cecece;*/
    border: none;
    border-radius: 3px;
}


@keyframes fadein{
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes fadeInColor{
    from { 
        filter: grayscale(100%);
        transform: scale(1.0); 

    }
    to   { 
        filter: grayscale(0%);
        transform: scale(2.0);  
    }
}

@keyframes navbar-slidein {
  from {
    left:-100%;
  }

  to {
    left: 0;
  }
}
@keyframes navbar-slideout {
  from {
    left:0;
  }

  to {
    left: -100%;
  }
}

@media only screen and (max-width: 992px){
    .navbar-collapse{
        margin-left: 0px;
    }
    .main-content-wrapper{
        margin-left: 10px;
        margin-right: 0px;
    }
    #navbar-wrapper{
        /*animation-duration: 0.5s;
        animation-name: navbar-slideout;*/
    }


}


div.datepicker {
    background-color: #f7f7f7 !important;
}

.datepicker table tr td.active, .datepicker table tr td.active{

    background: linear-gradient(to bottom, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color: white !important;

}


@media only screen and (max-width: 767px){

    
    #nav-logo span{
        display:inline;
    }
    #nav-logo{
        margin: 0px;
        padding: 0px;
        /*display:none;*/
    }
     #nav-logo img {
        padding: 0px;
        height: 35px;
     }

    .flex-row{

        display: block;
        align-items: stretch;

    }

    .img-team{
        width: 80px;
        height: auto;
    }

    .jogos-listing{
        border-bottom: 1px solid #cecece;
        text-align: center;
        margin-right: -15px;
        border-right: none;

    }
    .on-sm-text-center{
        text-align: center;
    }
    .on-sm-text-left{
        text-align: left;
    }
    .on-sm-text-right{
        text-align: right;
    }


   

}

@media only screen and (max-width: 481px){

   

}