@charset "utf-8";
/* CSS Document */


@media (max-width:1199px){
	.row-fluid [class*="span"]:first-child > p{
	padding-left:0px}

#mod_subbar ul{
	margin-right:15px;}
	
#mod_subbar ul li{
	padding: 16px 30px 0 30px;}
	}

@media (min-width: 1200px) {
	
	
.row-fluid [class*="span12"]{
	margin-left:0px;}

	
	#cnt_banner [class*="span"] {
		margin-right:1.3%}
		
	#cnt_eml{
		width:18%}
	
	footer.row-fluid .span2{
	width:auto}
	
footer.row-fluid [class*="span"]:first-child{
	margin-left:100px}

#cnt_banner .container [class*="span"]:first-child{
	margin-left:0px;}
	
#cnt_banner [class*="span"]{
	margin-left:0px;}

nav.row-fluid .span4 {
width: 388px;
margin: 0 0 0 3px;
}

nav.row-fluid .span6 {
width: 583px;
margin: 0 0 0 4px;
}

.row-fluid [class*="span"]:first-child > p{
	padding-left:0px}

	#lgrnL{
	display:none
	}

.hi3{
	height:445px;
	}
	
.hi2{
	height:258px;
	
	}
	
.hi1{
	height:167px;
	}


}

@media (min-width: 980px) and (max-width: 1199px) {
/*.hero-unit{
	height:400px;
	}
*/

#frnch_cnt{
	bottom: -107px;
}

#bx3 .tcnt{
	top:10px;}

#contactForm.enq_form{
	margin:30px 0 30px 100px;
}

#cnt_eml{
		width:16%}
		
#cnt_addr{
	width:27%}


#cnt_banner [class*="span"] {
		
	margin-right:1.4%
	
}


#cnt_bnr{
	right:-150px;}

#beap{
	margin-right:20px;}
	
.bx3_ico{
	width:100px;}


/*mail portion*/

#goog_map{
	width:60%; float:right;}


#cnt_form{
	width:37%;
	margin:0px;}

	
.in_article .span3 {
padding-left: 15px;
width: 25%;}	
	


.act_tab{
	position:absolute;
	top:50px;
	right:-100px;
}	

.act_tab_grn{
	position:absolute;
	top:50px;
	left:-100px;
}		
	
.act_tab1{
	position:absolute;
	top:50px;
	right:-45px;
}			
.act_tab_grn1{
	position:absolute;
	top:50px;
	left:-45px;
}	


#tr_tb{
	right:-58px;}

}

@media (min-width:768px){
	section.row-fluid .span4{
		padding-left:15px;}
		
#img_midle, #img_midle2{
	display:none}

#img_last, #img_last2{
	display:block}


	}




@media (min-width: 980px) {
	
	#in_wrap.mod_page{
	overflow:visible}
	
	#lgrnL{
	display:none
	}
	
.navbar .nav{
	height:49px;}


.navbar .nav li a:focus, .navbar .nav li a:hover{
	color:#FFFFFF}


.navbar .nav li.dropdown.open .dropdown-toggle, .navbar .nav li.dropdown.active .dropdown-toggle, .navbar .nav li.dropdown.open.active .dropdown-toggle{
	color:#FFFFFF;
	background-color:transparent}


.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 0px 0 0;
  list-style: none;
  border-radius:0px;
  /*background-image:url(../images/drop_bg.png);*/
  background-color: #404D62 ;
  box-shadow: 5px 5px 5px #000;
}

.grn{
	background:url(../images/sub_green.png) center top no-repeat;
	width: 100%;
	height: 12px;
	position: absolute;
	bottom: 0px;
	display: none;	
	}
	
.grn_act{
	background:url(../images/sub_green.png) center top no-repeat;
	width: 100%;
	height: 12px;
	position:absolute;
	bottom:0px;
	display:block}
	
nav li{
	position:relative}

.dropdown-menu li a{
  color:#e1e2e3;
  font-family: 'Montserrat', sans-serif;
  font-size:13px
}

.dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-submenu:hover a, .dropdown-submenu:focus a{
	color:}
	
.dropdown-menu li{
	margin:5px 0 25px 30px }
	
#sub_abt{
	/*width:478px;
	height:175px;*/
	padding-top:25px}

.abt_l{
	width:275px;
	float:left}

.abt_r{
	width:275px;
	float:left}
	
.dropdown-menu li{
	position:relative;
	padding-left:40px;}
	

#sub_abt li i{
	width:33px;
	height:33px;
	position:absolute;
	left:-3px;
	top:-7px;
	overflow:hidden;
	background-image:url(../images/ico_about.png);
}
.abt_l li:first-child i{
	background-position:0 0;
}

.abt_l li:nth-child(2) i{
	background-position:-33px 0;
}

.abt_l li:nth-child(3) i{
	background-position:-66px 0;
}

.abt_l li:nth-child(4) i{
	background-position:-132px 0;
}

.abt_r li:nth-child(1) i{
	background-position:-99px 0;
}

.abt_r li:nth-child(2) i{
	background-position:-132px 0;
}


#sub_abt2{
	/*width:478px;
	height:175px;*/
	padding-top:25px}

.abt2_l{
	width:275px;
	float:left}

.abt2_r{
	width:275px;
	float:left}
	
.dropdown-menu li{
	position:relative;
	padding-left:40px;}
	

#sub_abt2 li i{
	width:33px;
	height:33px;
	position:absolute;
	left:-3px;
	top:-7px;
	overflow:hidden;
	background-image:url(../images/ico_about3.png);
}
.abt2_l li:first-child i{
	background-position:0 0;
}

.abt2_l li:nth-child(2) i{
	background-position:-33px 0;
}

.abt2_l li:nth-child(3) i{
	background-position:-66px 0;
}

.abt2_r li:nth-child(1) i{
	background-position:-99px 0;
}

.abt2_r li:nth-child(2) i{
	background-position:-132px 0;
}

#sub_abt4{
	/*width:478px;
	height:175px;*/
	padding-top:25px}

.abt4_l{
	width:275px;
	float:left}
.abt4_r{
	width:275px;
	float:left}
	
.dropdown-menu li{
	position:relative;
	padding-left:40px;}
	

#sub_abt4 li i{
	width:33px;
	height:33px;
	position:absolute;
	left:-3px;
	top:-7px;
	overflow:hidden;
	background-image:url(../images/ico_about02.png);
}
.abt4_l li:first-child i{
	background-position:0 0;
}

.abt4_l li:nth-child(2) i{
	background-position:-33px 0;
}

.abt4_l li:nth-child(3) i{
	background-position:-68px 0;
}

.abt4_l li:nth-child(4) i{
	background-position:-99px 0;
}

#sub_abt3{
	/*width:478px;
	height:175px;*/
	padding-top:25px}

.abt3_l{
	width:275px;
	float:left}

	
.dropdown-menu li{
	position:relative;
	padding-left:40px;}
	

#sub_abt3 li i{
	width:33px;
	height:33px;
	position:absolute;
	left:-3px;
	top:-7px;
	overflow:hidden;
	background-image:url(../images/ico_about2.png);
}
.abt3_l li:first-child i{
	background-position:0 0;
}

.abt3_l li:nth-child(2) i{
	background-position:-33px 0;
}

.abt3_l li:nth-child(3) i{
	background-position:-68px 0;
}

.abt3_l li:nth-child(4) i{
	background-position:-99px 0;
}

/*login*/


#login{
	width:48px;
	height:20px;
	background-color:#727272;
	position:absolute;
	top:20px;
	right:100px;
	display:block}
	
#login p{
	font-family: 'Montserrat', sans-serif;
	font-size:10px;
	line-height:2;
	color:#f5f5f5;
	margin:0px;
	text-align:center;
}	

#logout{
	width:57px;
	height:20px;
	background-color:#727272;
	position:absolute;
	top:20px;
	right:100px;
	display:block}
	
#logout p{
	font-family: 'Montserrat', sans-serif;
	font-size:10px;
	line-height:2;
	color:#f5f5f5;
	margin:0px;
	text-align:center;
}	

#slt_box{
	position:absolute;
	right:150px;
	top:20px;
	display:block}



			div.selectBox
			{
				position:relative;
				display:inline-block;
				cursor:pointer;
				text-align:left;
				line-height:2;
				clear:both;
				
			}
			span.selected
			{
				width:62px;
				border:none;
				background:#727272;
				overflow:hidden;
				height:20px;
				color:#f5f5f5;
				font-family: 'Montserrat', sans-serif;
				font-size:10px;
				line-height:2;
				padding-left:8px;
				cursor:pointer;
			}
			span.selectArrow
			{
				width:25px;
				height:20px;
				background:url(../images/slt_bg.png);
				text-align:center;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-o-user-select: none;
				user-select: none;
				background-color:#727272;
				cursor:pointer;
			}
			
			
			span.selectArrow,span.selected
			{
				position:relative;
				float:left;
				height:20px;
				z-index:1;
			}
			
			div.selectOptions
			{
				position:absolute;
				top:22px;
				width:95px;
				border:none;
				overflow:hidden;
				background:#727272;
				padding-top:2px;
				display:none;
			}
				
			span.selectOption
			{
				display:block;
				width:88px;
				font-size:10px;
				color:#f5f5f5;
				font-family: 'Montserrat', sans-serif;
				padding-left:8px;
				line-height:2;
				cursor:pointer;
			}
			
			span.selectOption:hover
			{
				color:#f6f6f6;
				background:#125da9;	
			}
			

	
	
	
	
			
			
						
}

@media (max-width: 807px) {
	
.foo{
	background-image:url(../images/foo.png);
	background-repeat:repeat-x}
	
/*footer{
	background-image:none}
*/}

@media (min-width: 768px) and (max-width: 979px) {
	
#contactForm{
	margin: 0px 0 30px 0px;}
	
#bx1, #bx2{
	width:48.6%;
	height:350px;
	}
	
#bx4{
	width:100%;
	margin-left:0px;
	display:none;
	}
	
#lgrnL{
	width:100%;
	margin-left:0px;
	margin-bottom:20px
	}
	
#bx3, #bx5{
	width:48.6%;
	height:350px;
	}
	
#bx3{
	margin-left:0px;} 	

#Limg{
	background-position:top left;
}

#cnt_eml{
		width:30%}
		
#cnt_addr{
	width:40%}
	
	
/*mail portion*/
	
#goog_map{
	width:50%;}

#cnt_form{
	width:47%;
	margin:0px;}


.in_article .span3 {
padding-left: 15px;
width: 25%;}	



}


@media (max-width: 790px) {
	
#dwn_bro_hm{
	right:15px;
	bottom:-32px;
}

#dwn_bro_hm img{
	width:250px;
}

footer.row-fluid .span2{
	width:33.3%;
	height:200px;
	float:left;
	}
	
footer.row-fluid [class*="span"]{
	margin-left:0px;}
	
#cnt_form{
	margin-bottom:20px;}


}


@media (max-width: 767px) {
	
#img_midle, #img_midle2{
	display:block;}

#img_last, #img_last2{
	display:block;}

	
	#bx5, #bx1{
		margin-bottom:20px;}
		
	#lgrnL{
		display:none
	}

	#bx4{
		margin-bottom:20px;
	}
	
#body_cont{
	padding:0 20px 0 20px}
	
body{
	padding:0}
	
#Limg{
	background-position:top right;
}

#Ltxt{
	width:60%;
	float:left;
	margin: 15px 0 0 20px;}
	
.bx3_ico{
	width:100px;}

.in_article .span3{
	display:none}


#contactForm{
	margin: 0px 0 0px 0px;
	width:400px;
	height:500px}


#right{
	left:0px;
	top:225px;}

.m_border{
	border-width:0px;}

.row-fluid [class*="span"] p{
	padding-left:0px}


.dt-sc-one-fourth { width:47% !important;}	
}

@media (min-width: 768px) and (max-width: 900px) {

#sc_mod .span4{
	padding-left:10px;
	padding-right:25px;
	margin-top:125px;
	}
	
#sc_mod .mod_ico{
	top:-80px}
	
.in_article p{
	padding-left:15px;}

}

@media (min-width: 601px) and (max-width: 700px) {
	
	#bx3 .tcnt {
	right: 10px;
	top: 15px;
}
}


@media (max-width:600px) {

.cnt_ico_h{
	display:none}
	
#cnt_banner{
	min-height:280px;}	

.bx3_ico{
	display:block}
	
#bx3 .tcnt {
width: 70%;
height: auto;
position: absolute;
right: 5px;
top: 3px;
	}

#bx3 .tcnt > p {
	line-height: 15px;
	font-size: 13px;
	}
	
#bx3 .rm {
right: 0px;}

#frnch_cnt{
	width:315px;
}

#frnch_cnt p{
	text-align: left;
	margin: 7px 0 0 96px;
	line-height: 17px;
	font-size: 13px;}
	
.dt-sc-one-fourth { width:47% !important;}	

}


@media (min-width: 481px) and (max-width: 767px) {
	#bx1, #bx2, #bx3, #bx5{
	width: 48.6%;
	height: 350px;
	float:left}
	
#bx4 {
	display:none}
	
#lgrnL{
	width:100%;
	margin-left:0px;
	margin-bottom:20px;
	display:block;
	float:left
	}

#body_cont .row-fluid [class*="span"]:first-child{
	margin-right:2.8%}


#bx5{
	margin-left:2.8%}

/*#body_cont .row-fluid [class*="span"]:last-child{
	margin-left:2.8%}
*/	

#cnt_addr{
	width:40%;
	float:left;
	margin-right:4%}
	
#cnt_eml {
	width:20%;
	float:left;
	margin-right:6%}
	
#cnt_banner [class*="span"]:last-child{
	float:left;
	width:30%}


}

@media (min-width:481px){
	#subsc{
		top:20px;}
		
	
}

@media (min-width:481px) and (max-width:979px){
	#body_cont {
	padding: 0 20px 0 20px;
}

	}


@media (max-width: 480px) {
	
#body_cont {
padding: 0 7px 0 7px;
}

#in_nav {
margin-top: 5px}
	
.mod_art{
	margin-top:25px;}
	
#bx4_img{
	width:30%;
	float:left}

#beap{
	width:60%;
	float:left;
	margin: 15px 0 0 25px;}
	
footer.row-fluid .span2{
	width:49.9%;
	height:200px;
	float:left}
	
#soc{
	display:none
}

#soc_s{
	display:block;
}

#subsc{
	/*bottom:5px;*/}


#index_hero{
	display:block;}
	
#in_banner{
	display:block;}
	
#bx1{
	margin-top:5px}
	
#dwn_bro_hm{
	bottom: -25px;
	right: 7px;
}

#dwn_bro_hm img{
	width:200px;}

	
#bx3{
	display:block;}

#cnt_banner [class*="span"]{
	margin-bottom:20px;}
	
	
#cnt_banner .span3, #cnt_banner .span2{
	padding-left:20px;}
	
}

@media (max-width: 460px) {
	#beap{
	width:100%;
	float:left;
	margin: 10px 0 0 25px;
	padding-right:15px;}
	
	#bx4_img{
		display:none}
		
	#sbhs_logo{
		background-position:-263px 0}
		
	#sbhs_logo img{
		width:250px;}
		
	#main_hdr{
		height:120px;}
		
	#bx5{
		max-height:250px;}
		
	#contactForm textarea, #contactForm input{
		width:170px;}
		
	#contactForm .submit{
		width:200px}
		
	#right{
		width:200px;}
		
	.lg_hdr_nav p{
		font-size:10px;}
		
	.dt-sc-one-fourth { width:100% !important;}	
		

}

@media (max-width: 400px) {
	
#train_tab1{
	margin-left:0px;
	background-position:-44px 0}
	
#train_tab2{
	margin-left:0px;
	background-position:-60px 0}
	
.mod_ico{
	display:none;}
	
.in_article .span5{
	padding-left:0px;}
	
#sc_mod .span4{
	padding-left:0px;}
	
#ab_tab2 {
background-position: -69px 0;}

#ab_tab1 {
background-position: -62px 0;}

.ab_tab{
	width:200px;}
	
article p{
	text-align:left}
	
#contactForm.cnt_main input, #contactForm.cnt_main textarea{
	width:60%}
	
#contactForm.cnt_main .submit{
	width:97px;}


}

@media (max-width: 310px) {
	h1{
		font-size:20px;}
		
	#bx1{
		height:auto}
		

}


@media (max-width: 979px) {
	
	
.act_tab, .act_tab1{
	display:none;}			

	
#bx3.hi2, #bx5.hi1{
	margin-bottom:0px}
	
#frnch_cnt{	
	height: 49px;
	position: relative;
	float: left;
	bottom: 0px;
	left: -85px;
	margin-top: 35px;
	margin-bottom:30px;}

	
.row-fluid [class*="span12"]{
	margin-left:0px;}

	
#cnt_bnr{
	display:none
}

#nav_elmnt{
	display:none
}
	
#main_hdr{
	background-image:none}
	
#soc{
	right:20px;}

#main_hdr .container{
	width:auto;
	}
	
#sbhs_logo{
	float: none;
margin: auto;
width: 250px;
position: inherit;}
	
.navbar-inner{
	min-height:40px;
	background-color:#0072bd;
	background-image:url(../images/hr1.png);
	background-repeat:repeat-x;
	background-position:0 39px
}

.nav-collapse .nav > li > a{
	font-family: 'Monda', sans-serif;
	font-size:12px;
	color:#f5f5f5;
	padding-left:32px;
	text-transform:uppercase;
	font-weight:normal;
	padding: 5px 10px 5px 33px;
}

.nav-collapse .dropdown-menu a{
	font-family: 'Monda', sans-serif;
	font-size:11px;
	color:#d1d2d3;
	padding-left:32px;
	text-transform:none;
	font-weight:normal;
	padding: 2px 10px 2px 33px;
	
}

.nav-collapse .nav{
	margin-top:23px;}
	
.open{
	margin-bottom:10px;}
	
.nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus{
	background-color:transparent}
	
.nav-collapse .dropdown-menu{
	display:block}
	

	
.caret{
	display:inline-block}


.container {
	width: auto;
}


#bx3, #bx5{
	height:auto}
	
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

#login_m, #logout_m{
	display:block;
	width:61px;
	height:23px;
	position:absolute;
	right:20px;
	top:9px}
	
.lg_hdr_nav{
	display:block;
	width:auto;
	height:23px;
	position:absolute;
	right:70px;
	top:10px;}
	
.lg_hdr_nav p{font-family: 'Roboto', sans-serif;
	font-size:13px;
	color:#fff;}	
	
	
#subsc{
	/*right:20px;*/right:90px; top:91px;
	
	float: none;
margin: auto;
width: 180px;
	
	}

#slt_box, #login, .hdr_txt{
	display:none}
	
#Limg{
	width:30%;
	float:left;
	height:100%;
/*	background-image:url(../images/bx4_img.png);
*/	background-repeat:no-repeat;
	overflow:hidden}
	
	
#cnt_banner{
	padding: 0 20px 0 20px;}

nav.row-fluid .span4 {
	width: 100%;
	margin: 0 0 3px 0px;
	height: 50px;}
	
nav.row-fluid .span6 {
width: 100%;
margin: 0 0 3px 0px;
}

	
#in_banner{
	margin-bottom:28px}
	
.in_tab{
	margin:0 0 0 40px;
	}

.ab_tab{
	margin:0 0 0 40px;
	}
	
article.span12{
	margin-left:0px;}


.dt-sc-one-fourth { width:47% !important;}
}


@media (max-width: 767px) {
	#ad_popup { width:365px;}
	#ad_popup1 { width:365px;}
	#ad_popup2 { width:365px;}
	#pop_txt_login{left:43px;}
	
	}
	
@media screen and (max-width:700px){
	
	#ad_popup { width:340px;}
	#ad_popup1 { width:340px;}
	#ad_popup2 { width:340px;}
	}
	
	@media screen and (max-width:400px){
	
	#ad_popup { width:300px;}
	#ad_popup1 { width:300px;}
	#ad_popup2 { width:300px;}
	#pop_txt_login{ left:10px;}
	}
	@media (min-width:700px) and (max-width:1230px){ { .second-parent, .fourth-activity{ margin-bottom:8px;}}