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

@import url("css/bootstrap/bootstrap.min.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_accordion.css");

body#insidepage,body#coverpage{

}

body#insidepage .wrapper_header{ 
	padding: 10px 0 0 0; 
	background:#fff;
	border-bottom:2px solid #FCAE16;
}
body#insidepage .border .wrapper_header,
body#insidepage.pageHome .wrapper_header{border-bottom:0;}

.wrapper_header .company-logo{ 
    padding: 0;
    margin: 0 0 0px 0; 
	width:100%; 
}


.wrapper_footer .container,
.wrapper_header .container{
    max-width: 100%;
    width: 1500px;
}

.wrapper_header .hmenu{
    text-align: right;
    min-height: 70px;
    position: relative;
}
.wrapper_header .social-link{
    text-align: right;
    display: inline-block;
    right: 10px;
    bottom: 0;
    width: 100%;
    position: absolute;
}
.wrapper_header .datetime{ margin-right: 10px; }

.sticked .wrapper_header{z-index:20; min-height:80px; border-bottom:2px solid #FCAE16;}


.sticked .wrapper_header .company-logo{
	width:150px;     
}

.wrapper_header .headerMenu.sticky-out, .sticked .wrapper_header .headerMenu.sticky-hide, .sticked .social-link{display:none !important;}

.sticked .wrapper_header .headerMenu.sticky-out{display:block !important; margin-top: 30px;}
 
.wrapper_banner{ min-height: 0px; z-index:0;}

.wrapper_middle{ min-height: 500px; }



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

.nav-tabs.nav-stacked > li{ background: #f0f0f0; }
.nav-tabs.nav-stacked > li > a {
	color: #222;
	text-transform: uppercase;
	font-size: 15px;
}
.nav-tabs.nav-stacked > li > a.active,
.nav-tabs.nav-stacked > li > a:hover{
	color: #007CC3;
}

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


.wrapper_footer{
	min-height: 50px;
	font-size: 0.93em;
    border-top: #3D7DB5 2px solid;
	z-index:10;
	background:#fff;
}
.wrapper_footer .container{ 
    padding-top: 10px; 
    padding-bottom: 58px; 
}
.wrapper_footer .social-link{
    padding: 8px 0;
}
.wrapper_footer .container a{ color: #000; }
.wrapper_footer .container a:hover{ color: #EF6036; }

.wrapper_banner h1{
	font-family: 'open_sansregular' !important;
}

/* Smaller Laptop Screen Size */
@media (min-width: 1300px){
    .wrapper_header .company-logo{
        position: absolute;
    }
    
    .wrapper_header .hmenu{
        min-height: 70px;
        bottom: 20px;
    }
	
	 .sticked .wrapper_header .hmenu{
        bottom: 0px;
    }
    
}

@media (max-width: 1427px){
	.sticked .wrapper_header .company-logo{
		width:110px;     
	}
	.sticked .wrapper_header .hmenu {
		min-height: 50px;
	}
	.sticked .wrapper_header{min-height:65px;}
	.sticked .wrapper_header .headerMenu.sticky-out{margin-top:5px;}
}

@media (max-width: 1199px){
    .wrapper_header .social-link{
        bottom: 10px;
    }
}



/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 980px) {
    .wrapper_header .hmenu{ min-height: 90px; }
    
    .sticked .wrapper_header .hmenu{ margin: 30px 0 0 0; }
	
	.sticked .social-link{display:block !important;}
	
	.sticked .wrapper_header .headerMenu.sticky-out{display:none !important;}
	

	
	.sticked .wrapper_header .company-logo, .wrapper_header .company-logo{
	width:185px;     
	}

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	
    .wrapper_header .company-logo{ position: relative; }
    .wrapper_header .hmenu{ 
        min-height: inherit; 
        clear: both;
    }
    
    
	.wrapper_middle > .container > .row > .col-md-3 { 
		max-width: 100%; 
	}
    
    .wrapper_header .social-link{position:relative; margin-top:10px; right:unset; text-align:center;}

	.wrapper_header{min-height: 85px;}
	
	.wrapper_header .company-logo img{width:150px;}
	
	.wrapper_header .datetime{display:none;}
    
	.wrapper_footer .social-link, 
	.wrapper_footer, 
	.wrapper_footer .col-md-6 {text-align:center;}
	
	.wrapper_header .hmenu .social-link{display:none;}
	
	body.side-menu-active nav#slide-menu ul{padding-top:50px;}
	body.side-menu-active nav#slide-menu .social-link{
		position: absolute;
		left: 15px;
		top: 5px;}
}




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