@import url(https://fonts.googleapis.com/css?family=Roboto:400,700italic,400italic,500,500italic,700);
html, body{
    /*height:100%;*/
    /*background-image: url("../images/back3.jpg");*/
    font-family: Roboto, Tahoma, sans-serif;
}
#page-slider{
    margin:20px 0 5px;
}
#b4sportPartnersWidget{
    margin-bottom: 5px;
    background-color: rgba(255, 255, 255, 1) !important;
    -webkit-box-shadow: 0px 0px 5px #dbdbdb;
    -moz-box-shadow: 0px 0px 5px #dbdbdb;
    box-shadow: 0px 0px 5px #dbdbdb;
}
.maincontainer{
    min-height: calc(100vh - 80px);
    /*position: fixed;*/
    z-index: 999;
    /*color:#fff;*/
}
.container{
    height: auto;
}
.logo img{
    width:100%;
}
.title{
    color:#9A9A9A;
}
.header{
    padding: 0;
    /*z-index: 1;*/
    position: relative;
    background: transparent;
    overflow:visible !important;
}
.header-info{
    /*text-align: right;*/
    color:#ccc;
    /*border:1px solid white;*/
}
.header-info span:hover{
    /*opacity:1;*/
    color:#00A0E3;
}
.header-info span{
    margin:0 5px 5px;
    /*font-size:22pt;*/
    /*opacity:0.75;*/
    color:#c7c7c7;
}
.menu li{
    /*border:1px solid black;*/
    width:20%;
    height:50px;
    padding:0 !important;
    /*float:left;*/
}
.menu a{
    /*line-height: 30px;*/
    padding:0 ;
    /*border-right: 1px solid white;*/
}
.slide{
    margin-bottom: 10px;
}
.slide>div{
    padding:0;
}
.content{
    background-color: rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0px 0px 5px #dbdbdb;
    -moz-box-shadow: 0px 0px 5px #dbdbdb;
    box-shadow: 0px 0px 5px #dbdbdb;
}
.footer{
    background-color: #555;
    color: #FFF;
    text-align: center;
    margin-top: 10px;
    z-index:998;
}
@media screen and (max-width: 1200px) {
    .menu li {
        /*width:100%;*/
    }
}
@media screen and (max-width: 768px) {
    .content p{
        text-align: justify;
    }
    .slide{
        margin-top:10px;
    }

}
@media screen and (max-width: 650px) {
    .logo{
        width:100%;
        text-align: center;
    }
    .title{
        width:100%;
        text-align: center;
    }
    .header-info{
        width:100%;
        margin-left:0;
        text-align:center;
    }
}

/*            @media screen and (max-width: 800px) {
                .nav > li {
                    float: none;
                }
                .nav ul {
                    display: block;
                    width: 100%;
                }
               .nav > li.hover > ul , .nav li li.hover ul {
                    position: static;
                }
            }
            .header *, .header{
                
                outline: 1px solid #000;
            }
            .nav>li{
                float:left;
                height: 100%;
            }*/
.nav li{
    list-style-type: none;
}
.nav>li>ul{
    /*display:none;*/
}
/*            .nav>li>a{
            height: 100%;
            color:black;
            font-size: 1.3em;
            text-transform: uppercase;
        }
        .toggleMenu {
            display:  none;
            background: #666;
            padding: 10px 15px;
            color: #fff;
        }*/
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
}


.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
}
.open>a {
    background-color: #737373 !important;
    text-transform: none;
}
.menu-button {
    /* border-right: 1px solid #FFF; */
    background-color: #00A0E3;
    color: #FFF !important;
    line-height: 20px;
    position: relative;
    display: block;
    padding: 15px;
}
.dropdown-menu {
    background-color: #737373;
    border: none;
    border-radius: 0;
    margin-top: 0px;
    width: 70px;
    min-width: auto;
}
.dropdown-menu>li>a{
    padding: 3px 3px;
}
.dropdown-menu>li>a .main-page-language-flag{
    margin: 0px -5px 0px 10px;
}
.menu-button:hover, .nav>li:hover{
    color:#fff !important;
    text-decoration: none;
    background-color:#64C3EA !important;
}
.change-page-language-button{
    width:70px;
}
#change-page-language-ul>li>a {
    height: 60px;
    padding: 20px 1px;
}
#change-page-language-ul>li>a:hover,
#change-page-language-ul>li>a:focus{
    background: #555;
}
.head.row{
    background-color: rgba(255,255,255,0.8);
    -webkit-box-shadow: 1px 11px 10px -9px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 11px 10px -9px rgba(0,0,0,0.75);
    box-shadow: 1px 11px 10px -9px rgba(0,0,0,0.75);
    z-index: 1;
    max-height: 80px;
}
/* Menu Styles */
ul.menu-nav {
    font-size: 1em;
    line-height: 0.5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    /*height:3em;*/
}
ul.menu-nav li {
    float:left;
    /*position:absolute;*/
    /*top:0;*/
    min-width: 50px;
    width:125px;
    /*border-right: 1px solid #0591CC;*/
    min-height:50px;
}
ul.menu-nav li:last-child{
    border:0;
}
ul.menu-nav li a {
    color: #FFF;
    display: block;
    font-size: 1em;
    font-weight: bolder;
    line-height: 1em;
    /*padding: 2.5em 0.5em;*/
    padding: 1em 0.5em;
    text-decoration: none;
    background: #00A0E3;
    border: 1px solid;
    border-left: 0;
    /*border-right: 1px solid #088FC7;*/
    text-align: center;
    height:80px;
}
ul.menu-nav li a:hover {
    /*background-color: #7D7D7D;*/
    -webkit-filter:grayscale(35%) !important;
    -o-filter:grayscale(35%) !important;
    -moz-filter:grayscale(35%) !important;
    -ms-filter:grayscale(35%) !important;
    filter:grayscale(35%) !important;
    color: white;
}
.menu-nav>li>a:focus{
    background-color: #00A0E3; 
}
ul.menu-nav ul {
    display: none;
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: absolute;
    z-index: 999;
}
ul.menu-nav li ul li ul{
    position: relative;
}
ul.menu-nav ul li {
    clear: both;
    margin: 0;
    padding: 0;
    border:0;
}
ul.menu-nav ul li a {
    font-size: 0.9em;
    font-weight: normal;
    outline: 0 none;
    /*padding-left: 20px;*/
    background: #0590CA;
}
ul.topnav ul li a:hover {
    background-color: #DCDCDC;
    color: #555;
}
ul.menu-nav ul ul li a {
    /*color: silver;*/
    background: #057CAD;
    /*padding-left: 40px;*/
}
ul.menu-nav ul ul ul li a {
    background: #045E84;
    /*padding-left: 60px;*/
}
ul.menu-nav ul ul ul ul li a {
    background-color: #01405A;
    /*padding-left: 80px;*/
}
ul.menu-nav ul ul li a:hover {
    background-color: #D7D7D7;
    color: #555555;
}
ul.menu-nav span {
    float: right;
}
#hamburger{
    display:none;
    width: 50px;
    height: 80px;
    background: transparent;
    border: 0px solid #0194D2;
    float: right;
}
#hamburger:hover {
    /*background: #0591CC;*/
    
}
#hamburger span{
    border-top:2px solid #fff;
    display: inherit;
    margin: 6px;
}
@media screen and (max-width: 767px){
    #hamburger{
        display: block;
    }
    .navigation{
        background-color:rgba(34, 34, 34, 0.9);
        /*margin: 0;*/
    }
    .menu-nav{
        display: none;
    }
    ul.menu-nav li {
        width: 100%;
        /*border-right: 0px solid #0591CC;*/
        /*border-bottom: 1px solid #0591CC;*/
        /*            height: 50px;
                    padding: 1.2em 0.5em;*/
    }
    ul.menu-nav ul{
        position: relative;
    }
    ul.menu-nav li a{
        line-height: 1.3em;
    }
    ul.menu-nav ul li a, ul.menu-nav ul ul li a, ul.menu-nav ul ul ul ul li a{
        padding-left: 0.5em;
    }
    .left-btn, .right-btn{
        display: none;
    }
    img.navbar-logo{
        width:auto !important;
    }
}
.left-btn{
    display:none;
}
.left-btn:after{
    display: block;
    content: "\f104";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    width: 15px;
    height: 60px;
    position: absolute;
    left: -15px;
    top: 10px;
    z-index: 0;
    background: #b1b1b1;
    cursor: pointer;
    color: #fff;
    padding: 22px 5px;
}
.right-btn:after {
    display: block;
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    width: 15px;
    height: 60px;
    position: absolute;
    right: -15px;
    top: 10px;
    z-index: 0;
    background: #b1b1b1;
    cursor: pointer;
    color: #fff;
    padding: 22px 5px;
}
.left-btn:hover:after, .right-btn:hover:after{
    background: #a2a2a2;
}
#my-menu-page{
    position: relative;
    height: 80px;
}
@media screen and (max-width: 1200px){
    #my-menu-page{
        width:750px;
    }
    .right-btn:after{
        right: -15px;
    }
}
@media screen and (max-width: 992px){
    #my-menu-page{
        width:500px;
    }
    .right-btn:after{
        right: -15px;
    }
}
@media screen and (max-width: 767px){
    #my-menu-page {
        width: auto;
    }
}

#my-menu-page.hidden-left-right:after{
    display: none;
}
.menu-nav{
    position: relative;
    /*transition: all, 400ms;*/
}

/* End of menu styles */

input[type="checkbox"]:after, 
.checkbox input[type="checkbox"]:after,
.checkbox-inline input[type="checkbox"]:after{
    border: 2px solid #63696D;
}

input[type="checkbox"]:checked:after,
.checkbox input[type="checkbox"]:checked:after,
.checkbox-inline input[type="checkbox"]:checked:after {
    background-color: #00A0E3;
    border-color: #00A0E3;
}
input[type="radio"]:after, 
.checkbox input[type="radio"]:after, 
.checkbox-inline input[type="radio"]:after{
    border: 2px solid #63696D;
}
input[type="radio"]:checked:before, 
.checkbox input[type="radio"]:checked:before,
.checkbox-inline input[type="radio"]:checked:before{
    background: #00A0E3;
}
input[type="radio"]:checked:after,
.checkbox input[type="radio"]:checked:after,
.checkbox-inline input[type="radio"]:checked:after{
    border-color: #00A0E3;
}