@font-face {
    font-family: 'RobotoCondensedBold';
    src: url('../fonts/RobotoCondensedBold.eot');
    src: url('../fonts/RobotoCondensedBold.eot') format('embedded-opentype'),
    url('../fonts/RobotoCondensedBold.woff2') format('woff2'),
    url('../fonts/RobotoCondensedBold.woff') format('woff'),
    url('../fonts/RobotoCondensedBold.ttf') format('truetype'),
    url('../fonts/RobotoCondensedBold.svg#RobotoCondensedBold') format('svg');
}

@font-face {
    font-family: 'RobotoCondensedLight';
    src: url('../fonts/RobotoCondensedLight.eot');
    src: url('../fonts/RobotoCondensedLight.eot') format('embedded-opentype'),
    url('../fonts/RobotoCondensedLight.woff2') format('woff2'),
    url('../fonts/RobotoCondensedLight.woff') format('woff'),
    url('../fonts/RobotoCondensedLight.ttf') format('truetype'),
    url('../fonts/RobotoCondensedLight.svg#RobotoCondensedLight') format('svg');
}

body {
	background: #F8F7C4 url("../images/body-bg.png") repeat scroll 0% 0%;
	font-family: Arial,sans-serif;
	font-size: 13px;
	line-height: 1.5;
}

#wrapper {
	
}

.container {
	max-width: 1024px;
}

#header {
	
}

#header .container{
	max-width: 1170px;
}

#header .navbar-default {
    background-color: none;
    border: none;
    border-radius: 0;
    background: #FFF url("../images/header-bg.png") repeat-x scroll 0px -1px;
	height: 134px;
	margin-bottom: 0;
}

#header .navbar-default .navbar-brand img {
	height: 100px;
        margin-top: -5px;
}

#header .navbar-default .navbar-nav > li {
	/*border-left: 1px #DADADA solid;*/
	text-align: center;
}

#header .navbar-default .navbar-nav > li:after {
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -1px;
    display: inline-block;
    background: transparent none repeat scroll 0% 0%;
    border-style: solid dashed dashed;
    border-color: #FCF7AC transparent transparent;
    font-size: 0px;
    border-width: 3px 3px 0px;
    padding-top: 1px;
}


#header .navbar-default .navbar-nav > li:hover {
	background: #5a2815; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVhMjgxNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2IzNmEyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1YTI4MTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #5a2815 0%, #b36a2a 50%, #5a2815 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#5a2815), color-stop(50%,#b36a2a), color-stop(100%,#5a2815)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #5a2815 0%,#b36a2a 50%,#5a2815 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #5a2815 0%,#b36a2a 50%,#5a2815 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #5a2815 0%,#b36a2a 50%,#5a2815 100%); /* IE10+ */
	background: linear-gradient(to right,  #5a2815 0%,#b36a2a 50%,#5a2815 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a2815', endColorstr='#5a2815',GradientType=1 ); /* IE6-8 */
}

#header .navbar-default .navbar-nav > li:last-child {
	/*border-right: 1px #DADADA solid;*/
}

#header .navbar-default .navbar-nav > li:first-child {
	border-left: none;
}

#header .navbar-default .navbar-nav > li > a {
    /*padding: 49px 20px 50px 20px;*/
    padding: 39px 20px 60px 20px;
}
#header .navbar-default .navbar-nav > li{
        max-height: 119px;
}

#header .navbar-default .navbar-nav > li.active a{
	background: transparent;
}

#header .navbar-default .navbar-nav > li > a p {
	margin: 0;
	color: #FCF7AE;
	text-transform: uppercase;
	font-family: "RobotoCondensedLight" !important;
	font-size: 14px;
}

#header .navbar-default .navbar-nav > li > a span {
	margin: 0;
	color: #E4DE9D;
	text-transform: uppercase;
	font-family: "RobotoCondensedBold" !important;
	font-size: 15px;
}

.sub-menu, .sub-menu-2 {
	display: none;
}

.sub-menu {
	position: absolute;
	left: inherit;
	top: 120px;
	background: #B3B3B3 none repeat scroll 0% 0%;
	border-top: 15px solid #412715;
	z-index: 20;
	padding-left: 0px;
	width: 235px;
}

.sub-menu li {
    height: 40px;
    line-height: 40px;
    background-color: #412715;
    border-bottom: 1px solid #926A47 !important;
    padding: 0px 10px;
    position: relative;
    list-style: none;
    text-align: left;
}

.sub-menu li:hover {
	background-color: #573414;
}

.sub-menu li a {
	color: #FCF7AE;
	font-weight: bold;
}

.sub-menu li a:hover {
	text-decoration: none;
}


.sub-menu-2{
	position: absolute;
	left: inherit;
	top: 0px;
	background: #B3B3B3 none repeat scroll 0% 0%;
	z-index: 20;
	padding-left: 0px;
	width: 220px;
	left: 220px;
	border-left: 1px #926A47 solid;
}

.sub-menu-2 li {
    height: 40px;
    line-height: 40px;
    background-color: #412715;
    border-bottom: 1px solid #926A47 !important;
    padding: 0px 10px;
    position: relative;
    list-style: none;
    text-align: left;
}

.sub-menu-2 li:hover {
	background-color: #573414;
}

.sub-menu-2 li a {
	color: #FCF7AE;
	font-weight: bold;
}

.sub-menu-2 li a:hover {
	text-decoration: none;
}

#header .navbar-default .navbar-nav > li:hover > ul.sub-menu {
	display: block;
}

#header .navbar-default .navbar-nav > li > ul.sub-menu > li:hover > ul.sub-menu-2 {
	display: block;
}

#header .carousel-inner img {
	height: 420px;
	width: 100%;
}

#content {
}

#content #slogan {
    height: 120px;
    background: url("../images/slogan-grad.png") no-repeat scroll center top, #FBC535 none repeat scroll 0% 0%;
}

#content #slogan div {
    height: 120px;
    background: url("../images/slogan25072015.png") no-repeat scroll center center, transparent url("../images/slogan-pat.png") repeat-x scroll 0% 0%;
}

#content .intro-service {
	height: 415px;
	position: relative;
	background: url("../images/line.png") repeat-x scroll 0px 266px, transparent url("../images/slogan-bg.jpg") no-repeat scroll center top;
	padding: 20px 30px; 
	box-shadow: 0px 8px 20px 1px #787878;
}

.swiper-container {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide {
	text-align: center;
}

.swiper-slide img {
	width: 100%;
	height: 190px;
	border: 3px #E39B25 solid;
	border-radius: 50%;
}

.swiper-slide p {
	border-radius: 5px;
	font-family: VMZFont;
	font-size: 16px;
	font-weight: bold;
	color: #632D17;
	text-align: center;
	padding: 10px 10px;
	background: transparent linear-gradient(to right, #FEBE10 0%, #FFF 50%, #FEBE10 100%) repeat scroll 0% 0%;
	text-transform: uppercase;
	margin-top: 33px;
}

.swiper-slide a:hover {
	text-decoration: none;
	color: #0F82AF;
}

.swiper-container-horizontal > .swiper-pagination {
    bottom: 0px;
    display: none;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #FFBA00 none repeat scroll 0% 0% !important;
}


#content .intro-service p.text {
	color: #DBD796;
	font-size: 13px;
	text-align: center;
	margin-top: 30px;
	padding: 5px 30px;
}

#content .video-comment {
	box-shadow: 0px 8px 20px 1px #787878;
	padding: 10px 30px;
	background-color: #fff;
}

#content h3.title {
	border-radius: 5px;
	font-family: VMZFont;
	font-size: 16px;
	font-weight: bold;
	color: #632D17;
	text-align: center;
	padding: 10px 10px;
	background: transparent linear-gradient(to right, #FEBE10 0%, #FFF 50%, #FEBE10 100%) repeat scroll 0% 0%;
	text-transform: uppercase;
	margin-top: 33px;
}

#content .video-comment .video img {
	width: 100%;
}

#content .video-comment .media-list .media-body {
	font-size: 11px;
	color: #787878;
}

#content .video-comment .media-list .media-body:hover {
	text-decoration: none;
}

#content .video-comment .media-list .media-body p {
	color: #933;
	font-size: 12px;
	font-weight: bold;
}

#content .video-comment .media-list .media-body p:hover {
	text-decoration: underline;
}


.album {
	background-color: #fff;
	box-shadow: 0px 8px 20px 1px #787878;
	margin: 0 0px;
}

.album .cat-item p {
	color: #632D17;
	text-align: center;
	font-size: 14px;
}

#content .gallery .gallery-item a {
    position: relative;
    display: block;
    height: 155px;
}

#content .new-item-index {
    margin-bottom: 10px;
}

#content .new-item-index .img-new {
    width: 23%;
    float: left;
}

#content .new-item-index .img-new img {
    width: 100%;
    height: 110px;
    margin-top: 5px;
}

#content .new-item-index .content-new {
    width: 74%;
    margin-left: 3%;
    float: left;
    padding-top: 7px;
}

#content .new-item-index .content-new a {
    color: #632D17;
    font-weight: bold;
    font-size: 14px;
}

#content .new-item-index .content-new p {
    font-size: 13px;
}

#content .paging {
	text-align: center;
}

#content .paging ul {
	list-style: none;
}

#content .paging ul li {
	float: left;
    padding: 5px;
}

#content .paging ul .active {
	color: #632d17;
    font-weight: bold;
    border: 1px solid #632d17;
}

#content .sale p{
	color: #711;
	font-size: 11px;
	padding: 0 10px;
}

#content .sale form{
	padding: 0 10px;
}

#content .sale form button {
	cursor: pointer;
	height: 30px;
	border: 1px solid #C87B14;
	border-radius: 6px;
	background: #FFBA00 none repeat scroll 0% 0%;
	text-transform: uppercase;
	color: #FFF;
}

#content .chosen-thanhnam {
	box-shadow: 0px 8px 20px 1px #787878;
	padding: 5px 30px 10px 30px;
	background-color: #F9F5A9;
}

#content .chosen-thanhnam img {
	width: 100%;
	height: 100%;
	border-radius: 12px;
}

#content .chosen-thanhnam .chosen-item {
	text-align: center;
}

#content .chosen-thanhnam p {
	margin: 0;
	color: #6B371F;
	text-transform: uppercase;
	font-family: "RobotoCondensedLight" !important;
	font-size: 14px;
	margin-top: 10px;
}
#content .chosen-thanhnam span {
	margin: 0;
	color: #6B371F;
	text-transform: uppercase;
	font-family: "RobotoCondensedBold" !important;
	font-size: 15px;
}

#content .chosen-item .bg-chosen {
	background: #FFC20E none repeat scroll 0% 0%;
	border-radius: 12px;
	width: 100%;
	height: 190px;
	padding: 2px 1px 2px 10px;
}

/*=======================================================
 CONTACT
========================================================*/
#breadcrumb-wrapper {
	margin-top: 100px;
}

#breadcrumb-wrapper {
    background: #F2F2F2 none repeat scroll 0% 0%;
    border-bottom: 1px solid #E8E8E8;
}

#breadcrumb-wrapper .breadcrumb {
    margin: 0px;
    background: transparent none repeat scroll 0% 0%;
    padding-left: 0;
    font-size: 13px;
}

#breadcrumb-wrapper a {
    color: #666;
}

#breadcrumb-wrapper .breadcrumb > .active {
    color: #E67E22;
}

.contact {
	margin-top: 20px;
	margin-bottom: 50px;
}

#web-form .web-form-title {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 15px;
}

#web-form .form-group label {
    font-size: 14px;
    font-weight: 600;
}

#web-form .form-group .btn {
    background: #E67E22 none repeat scroll 0% 0%;
    padding: 2.5% 10%;
    color: #FFF;
    border: medium none;
    border-radius: 0px;
    font-weight: 700;
}

#block-address .address-title {
    font-size: 18px;
    font-weight: 700;
    color: #E67E22;
}

#block-address p {
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 10px;
}

.text-uppercase {
    text-transform: uppercase;
}

#content .sidebar {
	margin-top: 30px;
}

#content .sidebar .mennu-sidebar {
	padding-left: 0;
}

#content .sidebar .mennu-sidebar li {
	list-style: none;
	width: 100% !important;
	display: block;
	padding: 8px 0px 8px 31px;
	background: url("../images/icon-e.png") no-repeat scroll 6px center, transparent url("../images/body-bg2.png") repeat scroll 0% 0%;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: medium none;
	border-radius: 10px;
	margin-bottom: 5px;
}

#content .sidebar .mennu-sidebar li a {
	color: #333;
}

#content .sidebar form {
	width: 100%;
	float: left;
	padding: 15px 15px 15px;
	background: transparent url("../images/archive_bg_contact.png") repeat scroll 0% 0% / 100% auto;
	border-radius: 7px;
	margin-bottom: 10px;
}

#content .sidebar form h4 {
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 5px solid;
	padding: 0px 0px 5px;
	margin-bottom: 5px;
	font-size: 14px;
	color: #55200E;
}

#content .sidebar form button {
	background-color: #42210B !important;
	color: #FBB03B !important;
	line-height: 35px !important;
	height: 35px !important;
	padding: 0px !important;
	border-radius: 3px;
	font-size: 15px;
	font-weight: bold;
	width: 100%;
}

#content .sidebar img {
	width: 100%;
	margin: 0 !important;
	height: 20px;
}

#content .sidebar .thongketruycap img{
    width: auto;
    height: auto;
}

#content .sidebar .thongketruycap ul{
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

#content .sidebar .user-analytic .box {
	padding: 10px;
	background-color: #875125;
}

#content .sidebar .user-analytic .box p {
	color: #FFBA00;
}

#content .sidebar .support {
	border: 1px #DADADA solid;
	text-align: center;
	padding: 10px;
}

.video-comment .cat-item a p  {
	font-weight: bold;
	color: #42210B;
	text-align: center;
	font-size: 14px !important;
}

.video-comment .cat-item a img {
	height: 150px;
	width: 100%;
}

#content .sidebar .support p {
	font-weight: bold;
	color: #42210B;
}

#footer .content-footer{
	width: 100%;
	background: #FFF url("../images/footer-bg.png") no-repeat scroll 0px 0px;
	color: #FFF;
	margin: 0px auto 0px;
	padding: 60px 40px 30px 40px;	
	/*height: 305px;*/
	position: relative;
}

#footer .content-footer .border-footer {
	border-left: 1px #DBD796 solid;
	padding-left: 10px;
}

#footer .content-footer p {
	font-family: "RobotoCondensedLight" !important;
	font-size: 13px;
	margin: 2px 0;
	color: #DBD796;
}

@media (max-width: 767px){
	#header .navbar-default {
		height: 50px;
	}
	
	#header .navbar-default .navbar-brand img {
		height: 50px;
	}
	
	.navbar-brand {
	    padding: 0px;
	}
	
	#header .carousel-inner img {
		height: 200px;
	}
	
	#footer .content-footer{
		width: 100%;
		background-image: none;
		background-color: #422818;
		color: #FFF;
		margin: 0px auto 0px;
		padding: 60px 40px 30px 40px;	
		height: auto;
		position: relative;
	}
	
	.video-comment .cat-item a img {
		height: 120px;
		width: 100%;
	}
	
	#bs-example-navbar-collapse-1 {
		position: absolute;
		z-index: 999;
		background-color: #3F2615;
		width: 92%;
	}
	
	#header .navbar-default .navbar-nav > li > a {
	    padding: 10px 20px 10px 20px;
	}
	
	#header .navbar-default .navbar-nav > li:hover > ul.sub-menu {
		display: none;
	}
	
	#content .intro-service {
		height: 320px;
	}
	
	#carousel-example-generic {
		/*display: none;*/
	}
}
.thongketruycap{
    border: 1px #DADADA solid;
    background-color: #fff!important;
}

@media (max-width: 1200px){
    #footer .content-footer{
		width: 100%;
		background: #FFF url("../images/footer-bg2.png") no-repeat scroll 0px 0px;
		/*background-color: #422818;*/
		color: #FFF;
		margin: 0px auto 0px;
		padding: 60px 40px 30px 40px;	
		height: auto;
		position: relative;
	}
}
@media (max-width: 992px){
    #footer .content-footer{
		width: 100%;
		background: #FFF url("../images/footer-bg3.png") no-repeat scroll 0px 0px;
		/*background-color: #422818;*/
		color: #FFF;
		margin: 0px auto 0px;
		padding: 60px 40px 30px 40px;	
		height: auto;
		position: relative;
	}
}
@media (max-width: 767px){
    #footer .content-footer{
		width: 100%;
		background: #FFF url("../images/footer-bg4.png") no-repeat scroll 0px 0px;
		color: #FFF;
		margin: 0px auto 0px;
		padding: 60px 40px 30px 40px;	
		height: auto;
		position: relative;
	}
}
@media (max-width: 590px){
    #footer .content-footer{
		width: 100%;
		background-image: none;
		background-color: #422818;
		color: #FFF;
		margin: 0px auto 0px;
		padding: 60px 40px 30px 40px;	
		height: auto;
		position: relative;

	}
}
.comment{
	    border: 1px #DADADA solid;
}
.media-list{
	    padding-left: 5px;
}