/*
- Bootstrap v3.3.1
- Font Awesome 4.2.0
- Less - Leaner CSS v2.0.0-b1
*/

@import url("css/bootstrap/bootstrap.cus.css");
@import url("css/fontawesome/font-awesome.css");
@import url("style_templates.css");
@import url("style_osp.css");
@import url("css/style_table.css");
@import url("css/style_form.css");
@import url("css/style_cart.css");
@import url("css/style_accordion.css");




body#insidepage,body#coverpage{ margin:0px; }

.inline-block{ display: inline-block; }













.wrapper_header{
	padding: 0px 0 0 0; 
	min-height: 5px;
    text-align: center;
    z-index: 10;
    background: #fff;
}
.wrapper_header > .container{
    width: 100%;
    max-width: 100%;
}
.wrapper_header .hamburger{
    position: absolute;
    right: 15px;
    top: 15px;
}
.wrapper_header .login-link{
    position: absolute;
    right: 5px;
    bottom: 10px;
    font-size: 1.154em;
}
.wrapper_header .login-link a{ 
    color: #000; 
    padding: 0 5px;
}


.wrapper_header.bottom{ background: #BC8C4E; }
.wrapper_header.bottom .find-rating{
    background: #C0BCBB;
    height: 50px;
    padding: 12px 0 12px 15px;
    font-size: 1.23em;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.wrapper_header.bottom .find-rating:hover{
    background: #a5a5a5;
}
.wrapper_header.bottom .find-rating a{ 
    display: block;
    color: #000; 
}
.sticked .wrapper_header.bottom{ z-index: 1500; }




body.no-top-banner .wrapper_banner{ display: none; }
.wrapper_banner{ background: #fff; }
.wrapper_banner > .container{
    width: 100%;
    max-width: 100%;
    padding: 0px;
}





.wrapper_highlight.wrapper_middle{
    position: absolute;
    padding: 0;
    height: 0;
    top:-500px;
    min-height: 0;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.85);
    z-index: 20;
    color: #fff;
    text-align: center;
}
.wrapper_highlight.active{
    top: 0;
    left: 0;
    min-height: 300px;
    height: auto;
    padding: 20px;
}
.wrapper_highlight .company-logo img{
    border: 1px #fff solid;
}
.wrapper_highlight #btnHighlight{
    position: absolute;
    top: 20px;
    right: 20px;
}

.wrapper_highlight .grid.top-highlight{
    margin: 20px;
}
.wrapper_highlight .grid.top-highlight li{
    text-align: left;
    margin: 10px 15px;
    padding: 5px;
}
.wrapper_highlight .grid.top-highlight a{
    color: #fff;
}







.wrapper_header .company-logo{
	padding: 15px 30px;
    text-align: left;
}
.wrapper_header .company-logo > a > img{
    width: 110px;
}


.wrapper_header .wrapper_searchbar{
	float: right;
	text-align: right;
}
.wrapper_header .menuSearchBar.active{ visibility:visible; }
.wrapper_header .menuSearchBar{
	visibility: hidden;
	position: absolute;
	top: 0;
	z-index:1050;
	padding: 10px;
}
.wrapper_header #btnHighlight{
    cursor: pointer;
    position: absolute;
    z-index: 15;
}

.sticky-wrapper{ min-height: 50px; }
.wrapper_header.bottom .header-logo{ 
    position: absolute;
    left: 10px;
    top: 8px;
    opacity: 0; 
    z-index: -100;
}
.wrapper_header.bottom .header-logo img{
    width: 50px;
    height: auto;
}
.sticky-wrapper.sticked { min-height: 80px; }
.sticky-wrapper.sticked .wrapper_header.bottom .header-logo{ 
    opacity: 1; 
    z-index: 100;
}
.sticky-wrapper.sticked #nav-wrap{ margin-left:  50px; }




.wrapper_middle{ min-height: 500px; }


















.contentTop{
    margin-top: 10px;
}

.contentTop,
.contentTop a{ color: #aaa; }
.contentTop a:hover{ color: #333; }

ul.nav.sideMenu{ margin-top: 15px; }
.nav-tabs.nav-stacked > li{ background: #f0f0f0; }
.nav-tabs.nav-stacked > li > a {
	color: #222;
/*	text-transform:uppercase;*/
/*	font-family: 'colaborate-regular';*/
	font-size:14px;
    
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
.nav-tabs.nav-stacked > li > a.active,
.nav-tabs.nav-stacked > li > a:hover{
	color: #fff;
    background: #BC8C4E;
}

.wrapper_middle > .container> .row > .col-md-* { 
	max-width: 250px; 
	padding-right: 5px;
}

.wrapper_bottom{
	margin-bottom: 20px;
}

.wrapper_footer{
	min-height: 50px;
	background: #58585A;
	color: #FFFFFF;
	font-size: 13px;
	line-height: 120%;
}
.wrapper_footer .container{ 
    width: 100%;
    max-width: 100%;
}
.wrapper_footer .container [class^="col-" ]{ padding: 20px; }
.wrapper_footer .container .social-media-link{
    background: #9F7948;
    min-height: 85px;
    text-align: right;
}

.wrapper_footer .container a{ color: #fff; }
.wrapper_footer .container a:hover{ color: #ccc; }
.wrapper_footer .container a.stack{
    color: #000;
}
.wrapper_footer  .textBestView{
    color: #ccc;
    display: block;
    margin: 8px 0;
}







ul.grid.tab-menu{ margin-bottom: 15px; }
ul.grid.tab-menu li{
    font-size: 16px;
    border-bottom: #EAECEB 3px solid; 
    margin: 10px 15px;
    min-width: 200px;
}
ul.grid.tab-menu li a{ 
    color: #000; 
    display: block;
    text-align: center;
    padding: 6px 10px;
}

ul.grid.tab-menu li:hover,
ul.grid.tab-menu li.active{ 
    background: #BC8C4E; 
    border-bottom: #BC8C4E 3px solid;
}

ul.grid.tab-menu li:hover a,
ul.grid.tab-menu li.active a{ color: #fff; }

ul.grid.tab-menu.search-tab li{
    min-width: 180px;
}


/* Rating Committee */
.row-profile{ margin: 30px; }
.row-profile h3{ margin: 10px 0;}
/* Rating Committee - EOL */



/* League Tables */
ul.list-league-manager.grid li{
    background: #EAECEB;
    width: 300px;
    height: 200px;
    padding: 20px;
    margin: 10px;
}
ul.list-league-manager.grid li h1{
    text-align: left;
    margin: 5px 0;
}




.wrapper_relatedsearch{
    margin: 30px 0;
}

/* Descktop Screen 21 Inch */
@media (max-width: 1600px){
   
    .wrapper_header .company-logo > a > img{
        width: 110px;
    }
    
/*    .sticky-wrapper{ min-height: 40px; }*/
/*
    .wrapper_header.bottom .find-rating{
        height: 43px;
        padding: 10px 0 12px 15px;
    }    
*/
}

/* Laptop Screen 21 Inch */
@media (max-width: 1400px){
    
    .wrapper_header .company-logo > a > img{
        width: 80px;
    }
    
    .sticky-wrapper{ min-height: 40px; }
    .wrapper_header.bottom .find-rating{
        height: 43px;
        padding: 10px 0 12px 15px;
    }    
}


@media (max-width: 980px) {
    .sticky-wrapper.sticked .wrapper_header.bottom{
        background-image: none;
    }
    .sticky-wrapper.sticked #nav-wrap{ margin-left: 0px; }
}

    
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	
    .wrapper_header .company-logo{
        padding: 15px 20px;
        
    }
    
    .wrapper_footer .container [class^="col-"] {
        padding: 20px 10px;
    }
    
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	
    
    .wrapper_header .company-logo{
        padding: 15px 0;
        text-align: center;
    }
    .wrapper_header .company-logo > a > img{
        width: 80px;
    }
    .wrapper_header .login-link{
        position: relative;
        right: 0;
        margin-bottom: 5px;
        width: 100%;
    }
    
    
    
	.wrapper_middle > .container > .row > .col-md-3 { 
		max-width: 100%; 
	}
    
    
    ul.grid.tab-menu li{
        margin: 5px;    
    }
    
    
    
    
    
    
    
    
    .wrapper_footer .container .social-media-link{
        text-align: center;
    }
}

/* Landscape phone to below */
@media (max-width: 480px) {
    
    
}