body {margin: 0;font-family: 'Open Sans', sans-serif;font-size: 14px;line-height: 1.5em;color: #666;}
body.home{background: url(../images/bg-home-new.jpg) no-repeat left top fixed;}
h1,h2,h3,h4,h5,h6{ font-family: 'Roboto', sans-serif; font-weight: bold; background: url(../images/line-title.png) repeat-x left bottom; display: -webkit-inline-box; color: #2a2f35;}
h1{ font-size: 28px;}
#logo{ padding: 10px 0;}
.row-fluid [class*="colum"] {display: block;width: 100%;min-height: 28px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float: left;margin-left: 2%;*margin-left: 2%;}
.row-fluid [class*="colum"]:first-child {margin-left: 0;}
.row-fluid .controls-row [class*="colum"] + [class*="colum"] {margin-left: 2%;}
.row-fluid .colum6 {width: 14.99999999%;}
.row-fluid .colum5 {width: 18.39999999%;}
.row-fluid .colum4 {width: 23.49999999%;}
.row-fluid .colum3 {width: 31.99999999%;}
.row-fluid .colum2 {width: 48.99999999%;}
.row-fluid .colum1 {width: 99.99999999%;}
#header{background: url(../images/bg-header.png) repeat center top; padding: 25px 0;
	.logo-main{
		.logo{ float: left; @media (max-width: 667px) { float: none; text-align: center;}}
		.name{ float: left; padding-top: 15px; padding-left: 30px;
		@media (max-width: 667px) { float: none; text-align: center; width: 90% !important; padding-left: 0; margin: 0 auto;     padding: 10px 0 0 !important;float: none !important;}
		@media (max-width: 768px) {float: left;padding-top: 20px;padding-left: 30px;width: 435px;}
		}
		.social{ float: right; padding-top: 20px;
		@media (max-width: 768px) { display: none;}
		@media (max-width: 1024px) { width: 120px;}
		}
	}
}
#main-menus{ clear: both; background: #003676;padding: 0px;
	#main-menu{ clear: both;
		ul{
			li{ 
				span.separator{ padding: 10px 0;
					span.titreck{ padding: 0px 40px;
					@media (max-width: 1024px) {padding: 0px 10px;}
					}
				}
				a{ float: left; background: none; color: #fff; font-size: 14px; font-weight: normal; text-transform: uppercase; padding: 10px 0;
				&:hover{ color: #00aeef;}
				span.titreck{ padding: 0 40px;
				@media (max-width: 1024px) {padding: 0px 10px;}
				}
				}
				ul li a{ padding: 7px 0;
					span.titreck{ padding: 7px 0 !important;}
				}
			}
		}
	}
}
div#maximenuck93.maximenufixed{ background: #003676;
	.maxiroundedcenter{ width: 980px; margin: 0 auto; background: url(http://saokhuecorp.vn/images/logo-chong-tham-fix.png) no-repeat left top; padding-left: 220px;
	ul li{
		a{ padding: 10px 0px !important;
			&:hover{ color: #00aeef;}
			span.titreck{ padding: 0 15px !important;}
		}
		ul li a{ padding: 7px 0;
			span.titreck{ padding: 7px 0 !important;}
		}
	}
	}
}
div#maximenuck128.maximenufixed{ background: #003676;
	.maxiroundedcenter{ width: 980px; margin: 0 auto; background: url(http://saokhuecorp.vn/images/logo-fixed.png) no-repeat left top; padding-left: 220px;
	ul li{
		a{ padding: 10px 0px !important;
			&:hover{ color: #00aeef;}
			span.titreck{ padding: 0 15px !important;}
		}
		ul li a{ padding: 7px 0;
			span.titreck{ padding: 7px 0 !important;}
		}
	}
	}
}
#slide-show1{ background: url(../images/bg-slide-show1.jpg) no-repeat center top; padding: 30px 0; margin-top: 40px;
			@media (max-width: 768px) { background: url(../images/bg-slide-show1.jpg) repeat center top;}
			#slide-show1-main{
				h3{ text-transform: uppercase; font-size: 32px; text-align: center; background: none;
				}
				.sprocket-mosaic-filter li{ border: 0; background: #000; color: #fff; padding: 5px 10px !important;
				&:hover{ background: #eb1c23;}
				}
				.sprocket-mosaic-order{ display: none;}
				.sprocket-mosaic-item{ border: 0;
					.sprocket-padding{ background: #fff; padding: 0;
						.sprocket-readmore span{ display: none;}
						.sprocket-mosaic-tags{ display: none;}
						.sprocket-mosaic-head{ margin: 5px -10px 0;
						.sprocket-mosaic-title{text-transform: none;padding-left: 25px;margin: 0;font-size: 18px;background: none;border-left: solid 4px #174999;display: initial;
							a{ color: #000;
							&:hover{ color: #eb1c23;}
							}
						}
						}
						.sprocket-mosaic-text{    padding: 0 29px 20px;
    min-height: 54px; margin: 0px;
						}
					}
				}
			}
}
/* Slide show2 */
#slide-show2{ padding-bottom: 20px;
	h3{font-family: 'Roboto', sans-serif;font-weight: bold;background: url(../images/line-title.png) repeat-x left bottom;display: -webkit-inline-box;color: #2a2f35;text-transform: uppercase;font-weight: 900;font-size: 24px; padding-bottom: 15px; margin-bottom: 5px;}
	.sprocket-strips-s-title {margin-top: 0;background: none;font-size: 18px;text-transform: uppercase; margin-bottom: 5px;
		a{ color: #2a2f35; font-weight: 900;}
	}
	.sprocket-strips-s-content .readon{ background: #2a2f35; color: #fff; padding: 10px 20px;
		&:hover{ color: #00aeef;}
	}
}
/* End Slide show2 */

/* Top Slide */
#top-slide{ margin-top: 30px;
	h4{margin: 0px; background: none; text-transform: uppercase;
		a{ color: #2a2f35;
			&:hover{ color: #ed1e25;}
		}
	}
	.sprocket-mosaic-item .sprocket-mosaic-title{ margin: 0px;background: none;padding-top: 10px;font-size: 16px;text-transform: uppercase;
		a{ color:#2a2f35; &:hover{ color: #ed1e25;}}
	}
	.sprocket-mosaic-order{ display: none;}
	.sprocket-mosaic-filter{
		ul{
			li{ background: #fff; border: 0; padding: 10px 15px;
				&.active{ background: #003676; color: #fff;}
			}
		}
	}
	.sprocket-readmore{ display: none;}
	.sprocket-mosaic-tags{ display: none;}
}
/* End Top Slide */
/* Content page*/
#content-page{
	.page-header h2{
		a{ color: #2a2f35; font-size: 14px;
		&:hover{ color: #ed1e25;}
		}
	}
}
/* End Content page*/
/* Module main*/
#module-main{
	#module1{ float: left; width:45%;}
	#module2{ width: 50%; float: right;}
}
/* End Module main*/
#gd-right{
		div{
		div{ border: 0px;
		
			h3{ font-family: 'Roboto', sans-serif;display: -webkit-inline-box;text-transform: uppercase;font-weight: bold;font-size: 18px;padding: 15px 0;margin-bottom: 5px;background: none;border-bottom: 5px solid #ff0000;color: #2a2f35; margin-top: 0px;
				}
			ul{ margin-left: 0; margin-bottom: 0px; list-style: none;
				li{ border-top: solid 1px #e0e0e0;
					h4{ background: none; margin: 0px;
						a{ padding: 10px 0px; color: #2a2f35; font-size: 14px; font-family: 'Roboto', sans-serif;
						&:hover{ background: none; color: #eb1c23;}
						}
					}
				&.current{
					a{ color: #eb1c23;
					&:hover{ color: #eb1c23;}
					}
					}
			}
			}
		}}
	.hotline{ margin-top: 30px;
		.hotline-item{    color: #174999;border: 3px solid #ddd;font-size: 26px;padding: 15px 30px;margin-bottom: 10px;font-weight: bold;text-align: center; overflow: hidden;
			&:hover{ border: 3px solid #174999;}
			em{ font-size: 44px; float: right;}
			div{ float: left; padding-top: 12px;}
		}
	}
}
#breadcrum{padding: 10px 15px;margin: 0;list-style: none;background-color: #fff;border-bottom: solid 1px #f5f5f5;
	ul{ margin: 0;
		li{ color: #666; font-family: 'Roboto Condensed', sans-serif; text-shadow: none;
			a{ color: #666;}
		}
		}
}
/* Top foooter */
#top-footer{ background: #f1f1f1; margin-top: 30px;
	h3{font-family: 'Roboto', sans-serif;font-weight: bold;background: url(../images/line-title.png) repeat-x left bottom;display: -webkit-inline-box;color: #2a2f35;text-transform: uppercase;font-weight: 900;font-size: 24px; padding-bottom: 15px; margin-bottom: 5px;}
	.sprocket-strips-s-nav{ display: none;}
}
/* End Top foooter */
#top-panel{ width: 100%;
	#top-panel-main{ text-align: center; margin: 0; position: relative; width: 100%; height: 100%; bottom: 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
	@media (max-width: 480px) { width: 90%; margin: 0 auto;}
		.logo-home{ margin-top: 70px; 
		@media only screen and (max-width : 320px) { margin-top: 20px; }
		@media only screen and (min-width : 320px) { margin-top: 10px; }
		@media only screen and (min-width : 667px) { margin-top: 20px; }
		@media only screen and (min-width : 768px) { margin-top: 70px; }
			img{ width: auto;
				@media only screen and (max-width : 667px) { width: 300px; }
				@media only screen and (min-width : 667px) { width: 350px; }
				@media only screen and (min-width : 768px) { width: auto; }
			}
		}
		.homes{ width: 530px; margin: 50px auto 0;
			@media only screen and (max-width: 480px) { width: 100%; margin: 20px auto 0;}
			@media only screen and (min-width: 480px) { width: 100%; margin: 10px auto 0;}
			@media only screen and (min-width: 568px) { width: 530px; margin: 10px auto 0;}
			.item{background: #174899;width: 190px;padding: 15px 30px 10px;border-radius: 10px;border: solid 2px #fff;box-shadow: 0 0 20px rgba(0,0,0,0.5);color: #fff; font-weight: bold; font-size: 14px;
			img{ width: auto;
				@media (max-width: 667px) { width: 50px; }
			}
			@media (max-width: 480px) { width: 40%;padding: 15px 10px 10px;font-size: 10px; line-height: normal;}

			}
			.item-left{ float: left;}
			.item-right{ float: right;}
		}
	}
}
/* Footer Page */
#footer-page{ background: url(../images/bg-footer.png) repeat left top; color: #999;
	#user-footer{background: url(../images/shadow.png) repeat-x center bottom; padding: 20px 0 10px;
	}
	#user1{ 
		ul{ list-style-type: none; margin: 0px; @media (max-width: 480px) { display: table; margin: 0 auto;}
			li{ float: left; margin-right: 20px;
				a{ color: #fff; font-size: 15px; @media (max-width: 320px) { font-size: 13px;}
				&:hover{ color: #00aeef;}}
			}
		}
	}
	#user2{ text-align: right; color: #fff; @media (max-width: 480px) { text-align: center;}}
}
/* End Footer Page */
.style-h3-bottom{    font-family: 'Roboto', sans-serif;display: -webkit-inline-box;text-transform: uppercase;font-weight: bold;font-size: 18px;padding: 15px 0;margin-bottom: 5px;background: none;border-top: 5px solid #ff0000;color: #fff;
	}
.lit-footer{
	ul{list-style-type: none;margin: 0;
		li{ margin-bottom: 10px;
			a{ color: #aaaaaa; text-decoration: underline; font-size: 13px;
			&:hover{ color: #00aeef;}
			}
		}
	}
}
/* user bottom main */
#user-bottom{
	#user-bottom-main{ color: #fff; padding: 20px 0;
		#user7{ @media (max-width: 480px) { width: 90% !important; margin: 0 auto !important; float: none !important;}
				@media (max-width: 667px) { width: 40%; margin: 0 5%; float: left;}
			h3{.style-h3-bottom; color: #fff;}
			.fa{ font-size: 25px; margin: 8px 15px 8px 0;}
			.fa-home,.fa-phone-square{ font-size: 30px !important;}
			a{ color: #00aeef;}
		}	
		#user8{ @media (max-width: 480px) { width: 90% !important; margin: 0 auto !important; float: none !important;}
				@media (max-width: 667px) { width: 40%; margin: 0 5%; float: left;}
			h3{.style-h3-bottom; color: #fff;}
			.lit-footer;
		}
		#user9{ @media (max-width: 480px) { width: 90% !important; margin: 0 auto !important; float: none !important;}
				@media (max-width: 667px) { width: 40%; margin: 0 5%; float: left; clear: both;}
			h3{.style-h3-bottom; color: #fff;}
			.lit-footer;
		}
		#user10{@media (max-width: 480px) { width: 90% !important; margin: 0 auto !important; float: none !important;}
				@media (max-width: 667px) { width: 40%; margin: 0 5%; float: left;}
			h3{.style-h3-bottom; color: #fff;}
			.lit-footer;
		}	
	}
}
/* end user bottom main */
/* Module 3*/
#module3{ background: #fff; padding-bottom: 30px;
	h3{    font-family: 'Roboto', sans-serif;background: none;color: #2a2f35;text-transform: uppercase;font-weight: 900;font-size: 24px;padding-bottom: 15px;border-bottom: solid 5px #ed1e25;text-align: center;padding-top: 20px;margin: 0 auto;display: table;}
	.sprocket-mosaic-order{ display: none;}
	.sprocket-mosaic-item{ border: 0;
		.sprocket-mosaic-title{color: #2a2f35;line-height: normal;font-size: 16px;display: block; background: none;}
		.sprocket-mosaic-text{ color: #666; text-align: justify;}
	}
}
/* End Module 3*/
/* Module 4*/
#module4{background: url(../images/bg-quy-trinh.jpg) no-repeat top center; @media (max-width: 480px) { background: url(../images/bg-quy-trinh.jpg) repeat-y top center;}
	h3{    font-family: 'Roboto', sans-serif;background: none;color: #fff;text-transform: uppercase;font-weight: 900;font-size: 24px;padding-bottom: 15px;border-bottom: solid 5px #ed1e25;text-align: center;padding-top: 20px;margin: 0 auto 20px;display: table;}
}
/* End Module 4*/
/* Module 5*/
#module5{background: #fff;
	h3{    font-family: 'Roboto', sans-serif;background: none;color: #2a2f35;text-transform: uppercase;font-weight: 900;font-size: 24px;padding-bottom: 15px;border-bottom: solid 5px #ed1e25;text-align: center;padding-top: 20px;margin: 0 auto 20px;display: table;}
	.sprocket-mosaic-g-order{ display: none;}
	.sprocket-mosaic .sprocket-mosaic-g-filter{ float: none;
		ul{ display: table; margin: 0 auto;
			li{ background: #174999; color: #fff; margin: 0 5px; padding: 10px 20px;
			@media (max-width: 480px) {margin: 0 5px 10px; padding: 10px;}
				&.active{ background: #ed1e25;}
			}
		}
	}
	.sprocket-mosaic-g-item:hover .overlay-mode .sprocket-mosaic-g-title{background: none !important;
	 a{ color: #00aeef;  border-bottom: solid 2px #666; padding-bottom: 5px;
		&:hover{ color: #00aeef;}
	}}
	.sprocket-mosaic-g-item:hover .overlay-mode .sprocket-mosaic-g-readon{ background: #000; color: #00aeef; padding: 5px 15px;}
}
/* End Module 5*/


#footer-main{ background: #333; color: #aaaaaa; padding: 10px 0;}
@media (max-width: 767px) {
[class*="colum"], .uneditable-input[class*="colum"], .row-fluid [class*="colum"] {float: none;display: block;width: 100%;margin-left: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.colum12, .row-fluid .colum12 {width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.row-fluid [class*="offset"]:first-child {margin-left: 0;}
}