@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);

body{
	padding-top:0px;
	font-family: Lato, Segoe UI, Segoe UI, Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: 300;
	background: url(../images/bgBody.png);
}
a,a:link,a:visited {
	text-decoration: none;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}

#baner{
	background: url(../images/baner.jpg);
	width:100%;
	padding: 0px auto;
}
#menu_top{
	background-color: #1A1A1A;
	border-radius: 0px;
}
.sub_menu{
	padding-top: 2px;
}
.nav-justified{
	min-width: 100px;
}
.sub_menu ul li{
	position: relative;
}
.sub_menu ul li a{
	color: #ccccbc;
	font-weight: 400;
    font-size: 18px;
  
}
.sub_menu ul li.active a,
.sub_menu ul li a:hover{
	background: none;
	color: #FFFFFF;
	opacity: 2;

}
.ic{
	background-color: #FFFFFF;
}
.navbar-toggle{
	border: 1px #272822 solid;
}
#footer{
	height: auto;
	background-color: #1A1A1A;
	color: #FFFFFF;
	padding: 10px 0px;
	line-height: 25px;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
}
#footer span{
	font-size: 10px;
	font-weight: normal;
	margin-left: 20px;
	color: #ccccbc;
}
#mid{
	margin-top:-20px;
	background-color: #FFFFFF;
	border-left: 1px #ddd solid;
	border-right: 1px #ddd solid;
	height: auto;
	padding: 0px;
	padding-bottom: 40px;
}
#title{
	color: #C4996E;
	text-align: center;
	font-size: 28px;
	padding: 40px;
	padding-left: 100px;
	text-transform: uppercase;
	position: relative;
	font-weight: 300;
}
#title span{
	border-bottom: solid 1px #C4996E;
	padding-bottom: 5px;
}
.indexTitle{
	color: #00265f;
	font-size: 20px;
	margin-top: 20px;
	font-weight: 400;
}
#about_logo_1{
	padding-top:90px;
}

#about_text_1{
	padding-top: 70px;
}

#services_logo{
	padding-top: 50px;
	padding-bottom: 30px;

}
#gall{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	background: #1A1A1A;
	text-align: center;
	font-size: 20px;
}
#gall:hover{
	background-color: #CCCCCC;
	color: #F00;
	text-decoration: none;
}
#gall a{
	text-decoration: none;
	color: #FFFFFF;
	


}
#gall a:hover{
	color: #000000;
	
}

.bgDen{
	background: #1A1A1A;
	font-weight: 400;
	text-transform: uppercase;
}
#gall{
	padding: 0px;
	text-align: center;
	opacity: 0.7;
	margin-bottom: 40px;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}
#gall:hover{
	background-color: #CCCCCC;
	color: #F00;
	opacity: 1;
}
#gall a{
	font-size: 22px;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 45px;
}
#gall:hover a{
	color: #000000;
}
.moanh img {
width: 100%;
}
#btn_back_gall{
	left: 10px;
	background: url(../img/controls.png) no-repeat 0 -32px;
	font-size: 30px;
}
.moanh_gl img{
	width: 100%;
	filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
background-color: #1A1A1A;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-ms-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
}
.moanh_gl .addGallery{
	line-height: 22px;
	height: 44px;
	margin-top: 5px;
}
.moanh_gl img:hover{
filter:alpha(opacity=50);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
 }
#moanh_gl{
	background-color: #1A1A1A;
}
#btn-contact{
	background: #E7E7E7;
}
#btn-contact:active{
	background: #B9B9B9;
}
#tb_index table tr td{

	width: 50%;
}
.service{
	margin-bottom: 126px;
	padding-left:30px;
	padding-right:30px; 
}
.service .imgService img{
	max-width: 100%;
	margin: 36px 0px;
	text-align: center;
}
.form-control{
	background: #f2f2f2;
	padding: 7px 15px;
	font-family: Lato, Segoe UI, Segoe UI, Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 16px;
	border: 1px solid #f9f9f9; 
}
.btn-default{
	background-color:#333333;
	color: #fff; 
	width: 100%;
	border-radius:0px; 
	font-family: Lato, Segoe UI, Segoe UI, Verdana, Geneva, sans-serif;
	font-weight: bold;
	padding: 8px 15px;
}
.back a{
	opacity: 0.6;
}
.back a:hover{
	opacity: 1;
}
.btn-default{
	border: none !important;
}
.fa-1{
	font-size: 1.5em;
}


@media (min-width: 700px){	
}

@media (max-width: 700px){
	.service .imgService{
		text-align: center;
	}
	#gall a{
		font-size: 16px;
		text-decoration: none;
		color: #FFFFFF;
		line-height: 35px;
	}
	.cinto{
		font-size: 17px;
	}
	#footer span{
		margin-left: 0px;
	}
}

@media (min-width: 992px){
	.mtCol{
		-moz-column-count: 2;
		-moz-column-gap: 30px;
		-webkit-column-count: 2;
		-webkit-column-gap: 30px;
		column-count: 2;
		column-gap: 30px;
	}
	.back{
		position: absolute;
		top: 40px;
		left: 40px;
	}
}
@media (max-width: 992px){
	.service{
		padding-left:0px;
		padding-right:0px; 
	}
	#title{
		padding: 40px 0px;
	}
}
@media (max-width: 1010px){
	.cinto{
		font-size: 17px;
	}
}
@media (min-width: 1200px){
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, body{
		//-webkit-text-stroke-width: .05px;
		//-webkit-text-stroke-color: white;
		-webkit-font-smoothing:antialiased;
	}
	
	::i-block-chrome,.sub_menu ul li a{
	}
	::i-block-chrome,.indexTitle{
	}
	
}
/*=================== Slide trong suot ====================*/

.slid1{
	POSITION: relative; 
	LIST-STYLE-TYPE: none; 
	WIDTH: 100%; 
	OVERFLOW: hidden; 
	LIST-STYLE-IMAGE: none;
}
.slid1 .imgSlide{
	WIDTH: 100%; 
	POSITION: absolute; 
	TOP: 0px; 
	LEFT: 0px;
	overflow: hidden;
}
.slid1 .imgSlide img{
	width:100%;
	height:auto;
}