/* CSS Document */
/*@import url('img-effect.css');*/
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700');
*{ margin:0; padding:0;}
body{ margin:0; padding:0;font-family: 'Roboto', sans-serif;color: #000; font-size:14px;  text-align:center}
div{ margin:0; padding:0}
img { border:none;max-height: 100%;max-width: 100%;}
ul ,li{ list-style:none}
a { text-decoration:none; color:black }
a:hover {
	text-decoration: none !important;
}
input:focus, textarea:focus, select:focus {
	outline-offset: 0px;
	outline: -webkit-focus-ring-color auto 0px;
}
.clear{ clear:both} 

/******************* Header ********************************/
#header {
	position: relative;
	margin-bottom: 30px;
}
#header .header {
	background: transparent;
	z-index: 9999999999999999999;
	position: absolute;bottom: -30px;
	width: 100%;
	left: 0;
}
#header .header .header-item{
	background: #8f8f6b;
}
#header .hotline {
	position: absolute;
    right: 25px;
    top: 8px;
	z-index: 999;
	padding: 10px;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
	font-size: 25px;

}
#header .search {
	position: absolute;top: 50px;right: 0;
	width: 250px;
	background: white;
	border-radius: 5px;
	padding: 10px 5px;z-index: 9999;
}
#header .form-search button {
	background: transparent;font-size: 20px;border: none;color: #ffc107;
}
#header .form-search input {
	border-radius: 15px;
	border: 1px solid #8a8a8a;
	padding-left: 10px;
	height: 30px;
	width: 89%;
}
/********************** Slide***********************/
/*****************************  Content ************************************************/
#content{ padding:0;text-align:left; padding:0px 0 0 0; margin:auto;position: relative; }
.btn-user-option {
	font-size: 18px;
	padding: 2px 4px;
	position: absolute;
	right: 10px;
	cursor: pointer;
	display: none;
}
.menuTop .btn-user-option {
	position: relative;
	right: 0;
}

/********************************** Left *******************************/
ul#category{margin:0px 0 0px 0px; background:#FFF}
ul#category li{padding:0px 0 1px 0px;text-align:left; margin-bottom:0px; line-height:30px; font-weight:normal; text-indent:12px; font-size: 15px; position: relative;}
ul#category li:last-child{ border-bottom:none}
ul#category li a{ text-transform:none; font-weight:normal; color:#000; text-transform:uppercase; }
ul#category li i.fa { font-size: 6px; margin-right: 10px; }
ul#category li a:hover,ul#category li a.active{}
ul#category li ul{
	position: absolute;
	left: 100%;
	top: 0px;
	display: none;
	z-index: 999;
}
ul#category li:hover ul { display: block; }

ul#category li ul li{
	background: #eee;
	display: block;
	float: none;
	text-indent: initial;
}
ul#category li li a{
	text-transform: none;
	display: block;
	padding: 4px 12px;
	white-space: nowrap;
}


/***************************  News *******************************/
.otherNews{ overflow:hidden; margin-bottom: 30px;}
.otherNews p{ line-height:20px; margin:10px 0 0 0;}
.img-vertical {
	text-align: center;
	position: relative;
	white-space: nowrap;
	border: 1px solid #ddd;
	height: 235px;
}
.img-vertical span.helper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.img-vertical img {
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
	margin-left: -3px;
}
.img-vertical1 {
	height: 230px;
}
.img-vertical1 img{
	height: 100%;
}
.no-padding {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
.no-padding-left {
	padding-left: 0px !important;
}
.no-padding-right {
	padding-right: 0px !important;
}

/****************************** User ******************************/
#frmLogin{ margin: 20px auto; }
#frmLogin input{width:180px; padding:2px}
#frmLogin input.button {
	margin-bottom: 4px;
}
#frmLogin .error{ color:red; margin-left:120px}
#fldLogin{ overflow:hidden; width:400px; margin:auto; border: 1px solid #CCC; padding:10px}
#fldLogin p{ overflow:hidden; margin:10px 0 10px 0}
#fldLogin p label{ float:left;width:120px}
#fldLogin p.btn{ margin-left:120px}
/*************** Footer ****************************************************************/
#footer{ overflow:hidden;text-align:left;padding-bottom: 20px; width:100%; margin:auto;color: #8b8b8b; background: #3f3f3f;font-size: 15px; clear:both;}
#footer a {
	color: #8b8b8b;
	text-transform: uppercase;
}
#footer h3 {
	color: white;
	margin: 20px 0;
}
#footer ul li {
	padding: 4px 0;
}
#footer .copyright {
	padding: 20px 0 10px 0;
	border-top: 1px solid #d6d6d6;
}
#footer .info i{
	color: #bf8b00;
	font-size: 18px;
	padding-right: 5px;
}
.contact-home .box-content h3 {
    font-size: 25px;
}
.contact-home .box-content {
    float: right;
    margin-right: 100px;
    padding: 70px 0px;
    max-width: 533px;
}
.contact-home .box-content .box-detail {
    color: #	;
    padding-left: 20px;
    font: 500 15px/25px Lato,Helvetica Neue, Helvetica, Arial, sans-serif;
}
.inside .menuTop > ul {
	float: left;
}
.inside .menuTop > ul  > li > a {
	padding: 0px 25px;
} 
.menuTop{
	z-index:999;
}
.menuTop .wrap-cat-menu { display: none; }
.menuTop ul{
	margin: 0px;
	padding: 0px;
	display: inline-block;
	vertical-align: middle;
}
 .menuTop ul > li > ul > li{
 	background: #8f8f6b url(../images/icon_b.gif) center right no-repeat;

 }
.menuTop ul li{
	float: left;
	position: relative;
	padding: 24px 0px;
}
.menuTop ul li a{
	font-weight: bold;
	padding: 0px 30px;
	color: #fff;
	text-transform: uppercase;
}
.menuTop ul li.active{
	background: #c0be95;
}
.menuTop ul li a i{
	font-size: 18px;
}

.menuTop ul > li > ul {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	top: 100%; left: 0px;
	z-index: 10;
	background-color: #fff;
	border: 1px solid #aaa;
	min-width: 170px;
	-moz-transition: visibility 0.2s, opacity 0.2s linear;
	-webkit-transition: visibility 0.2s, opacity 0.2s linear;
    transition: visibility 0.2s, opacity 0.2s linear;
}
.menuTop ul > li:hover > ul {
	visibility: visible;
	opacity: 1;
	display: block;
	z-index: 9999;
}
.menuTop ul > li > ul > li {
	float: none;
	padding: 0;
	border-bottom: 1px solid #aaa;
}
.menuTop ul > li > ul > li:last-child {
	border-bottom: none;
}
.menuTop ul > li:last-child a{
	
}
.menuTop ul > li > ul > li:hover {
	position: relative;
}
.menuTop ul > li > ul > li:hover ul {
	display: block;
}
.menuTop ul > li > ul > li:hover {
	position: relative;
}
.menuTop ul > li > ul > li ul {
	position: absolute;
	top: 0;
	left: 100%;
}
.menuTop ul > li > ul > li > a {
	padding: 6px;
	display: block;
	color: white;
	border-right: none;
	width: 100%;
	font-weight: normal;
	line-height: 24px;
	text-transform: none !important;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;}
ul#category li ul li:hover {
    background: #bc3e4e;
}
ul#category li ul li:hover a{
	color: #FFF;
}
.menuTop ul > li > ul > li:hover {
	position: relative;
}
.menuTop ul > li > ul > li:hover ul {
	display: block;
}
.menuTop ul > li > ul > li ul {
	position: absolute;
	top: 0;
	left: 100%;
}
.menuTop ul > li > ul > li ul > li{
	background: #8f8f6b url(../images/square.png) 2% 50%  no-repeat;
	padding-left: 12px;
}
.menuTop ul > li > ul > li > a {
	padding: 6px;
	display: block;
	color: white;
	border-right: none;
	width: 100%;
	font-weight: normal;
	line-height: 24px;
	text-transform: none !important;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.open-sub i {
    display: none;
    color: white;
    float: right;
}
#menu_btn {
    display: none;
    cursor: pointer;
    padding: 5px 7px;
    border: 1px solid #3aaf48;
    margin-left: 10px;
    margin: 2px 0px;
}

.top-places {}
.top-places .item {
	float: left;
	position: relative;
}
.top-places .item span {
	background-color: rgba(68,68,68,0.1);
	background-image: none;
	height: 70px; width: 70px;
	border-radius: 70px;
	margin: 0px auto 20px;
	display: block;
	line-height: 70px;
}
.top-places .item:after {
	position: absolute;
	left: 50%; bottom: 0;
	margin-left: -25px;
	width: 50px; height: 2px;
	content: "";
	background-color: rgba(68,68,68,0.15);
}
.top-places .item h4 {
	margin: 5px auto 20px;
}
.dangky {
	position: fixed;bottom: 10px;left: 0;z-index: 99999999;
}
@keyframes color-me-in {
  0% {
	color: rgb(209, 55, 0);
  }
  50% {
	color: rgb(255, 255, 255);
  }
  100% {
	color: rgb(209, 55, 0);
  }
}
.fullwidthbanner p.line-bg {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
	max-width: 760px;
	margin: 0 auto;
}
.fullwidthbanner .line-bg span{
    padding: 8px 17px;
    color: white;
}
.fullwidthbanner .line-bg b {
    font-size: 110px;

}
.seq.seq-active .seq-pagination {
	bottom: 4rem !important;
}
.name {
	height: 40px;overflow: hidden;
	margin-top: 10px;
}
.scroll-down {
	 position: absolute;
    top: -35px; left: 0;
    right: 0;
    z-index: 9999999;
    width: 66px;
    height:66px;
    margin: 0 auto;
    position: relative;
}
.updown {
    position: absolute;
    margin-left: 9px;
    width: 23px;
    background: url(../images/updown_03.png) no-repeat;
    height: 15px;
    bottom: 0px;
    left: 18%;
    -webkit-animation: mouse 1s linear infinite;
    -moz-animation: mouse 1s linear infinite;
    -ms-animation: mouse 1s linear infinite;
    -o-animation: mouse 1s linear infinite;
    animation: mouse 1s linear infinite;
}
.list-service .name a {
	color: #6c6d70;
}
.list-service .fullwidth:hover .name a {
	color: #c49525;
}
.list-service .fullwidth:hover .img-vertical1 {
	filter: saturate(6) hue-rotate(16deg);
	-webkit-filter: saturate(6) hue-rotate(16deg);
}
.etabs  {
	margin-bottom: 0;
}
.e-tab {}
.e-tab .tab {
	display: inline-block;
	margin: 5px;
}
.e-tab.active {}
.e-tab .tab a {
	display: block;
	padding: 0px 20px;
	text-transform: uppercase;
	font-size: 20px;
	border-right: 1px solid #d0a554;
	background-color: transparent;
	color: #d0a554;
}
.e-tab .tab a:hover {}
.e-tab .tab a.active {
	color: #f8d700;
	border-right: 1px solid #f8d700;
}
.e-tab .tab:last-child a {
	border-right: none;
}

.tab-product .summary {
	color: #777;
	line-height: 1.6;
	font-size: 20px;
	margin: 25px auto 25px;
}
.tab-product .images {}
.tab-product .images img {}
.hot-project .bg{
	background: linear-gradient(to right,rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.0),rgba(0, 0, 0, 0.60));
	position: absolute;width: 100%;height: 100%;
	top: 0;left: 0;
}
.hot-project .pic:hover .bg {
	display: none;
}
.hot-project .pic .pic-caption:hover,.hot-project .pic .pic-caption {
	color: #0f1519;
}
.hot-project .pic .pic-caption img {
	margin-top: 20px;
}
.hot-project .pic .pic-caption h3  {
	font-weight: bold;
	font-size: 25px;
	text-transform: uppercase;
}
.list-news-item .box-video {
	width: 540px;
	padding: 0px 10px;
}
.list-news-item .box-news {
	width: 320px;
	padding: 0px 10px;
}
.comment-home {
	background: url(../images/bg-comment_02.png) no-repeat 100% 100%;
	padding: 30px 0;
	color: black;
}
.comment-home .comments-content {
	position: relative;
	padding: 40px;
}
.comment-home .comments-content:before {
	content: '';
	position: absolute;
	top: 0;
	width: 39px;height: 33px;
	left: 0;
	background: url(../images/quote_03.png) no-repeat;
}
.comment-home .comments-content:after {
	content: '';
	position: absolute;
	bottom: 0;
	width: 39px;height: 33px;
	right: 0;
	background: url(../images/quote_07.png) no-repeat;
}
.list-intro .detail-intro {
	border-left: 1px solid #f1dfc5;
}
.list-intro .detail-intro .title-intro:before {
	content: "\f111";
	position: absolute;top: 0;
	left: -5px;
    font-size: 11px;
    color: #ebd4aa;
	font-family: 'FontAwesome';
}
.list-intro .list-intro-item {
	margin-bottom: 20px;
}
.cat-pr ul li {
	padding: 10px 0;
	border-top: 1px solid #d6d6d6;
	color: #3d3938;
}
.cat-pr ul li.active a {
	color: #a78059;
	font-weight: bold;
}
.colormain {
	color: #8f8f6b;
	font-weight: 300;
	margin-top: 30px;
	font-size: 40px;
}
.link-top a, .link-top{
	color: #999997
}
.fixed3 {
	position: fixed;
}
.ma30 {
	margin-top: 50px;
}
.list-news .title-news {
	padding: 5px 0;
	border-bottom: 1px solid #5a5957;
}
.box-news .title-news {
	padding: 5px 0;
	border-bottom: 1px solid #cfcfce;
	color: #696967;
}
.pr-social {
	background: #fff;
	padding: 20px 10px;
	border: 1px solid #d6d6d6;

}
.detail-project .detail-content {
	line-height: 25px;
}
.height370 {
	height: 370px;
}
.contact {
	padding: 20px 0;
}
.paging {
	text-align: center;
}
.paging .num {
	background: #fff;
	border: 1px solid #d6d6d6;
	padding: 10px 12px;
	margin-right: 6px;
	border-radius: 50%;
}
.paging .curent {
	background: #a98668;
	margin-right: 6px;
	color: white;
	padding: 10px 12px;
	border-radius: 50%;
}
.fixed {
	position: fixed;top: 0;left: 0;
	z-index: 9999999999999;
	width: 100%;
}
.intro .see_more {margin-top: 20px;margin-bottom: 10px;}
.intro .see_more a{
	background: #8f8f6b;
	padding: 10px 25px;
	
	color: white;
}
.wrap-img {
    height: 365px;
    position: relative;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.desc-news {
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    bottom: 0;
    white-space: initial;
    height: 100px;
    text-align: left;
    font-weight: 100;
    font-size: 14px;
    width: 100%;
    padding: 5px 10px;
    padding-top: 10px;
    color: white;
}
.desc-news a {
    color: #bebf94;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
}
.desc {
    position: absolute;
    background: rgba(141, 138, 103, 0.93);
    bottom: 0;
    white-space: initial;
    height: 30px;
    text-align: center;
    font-size: 16px;
    width: 100%;
    padding: 5px 10px;
}
.desc a {
	color: white;
	font-weight: bold;text-transform: uppercase;
}
.right {
	float: right; 
}
.img-abso {
	position: absolute;bottom: 10%;
	right: 0;
}
.img-abso b{
	background: rgba(21, 19, 20, 0.91);
	padding: 10px 20px;
}
.right .img-abso {
	left: 0;right: auto;
}
.clock {
	position: absolute;top: -4px;
	right: -4px;
	width: 110px;
	height: 100px;
	background: #585745;
	color: white;
	text-align: center;
	padding-top: 10px;
	line-height: 22px;
}
.ma15 {
	margin-top: 15px;
}
.tit-news {
	font-weight: bold;text-transform: uppercase;font-size: 15px;
	padding: 10px 0;
}
.tit-news a {
	color: #8e8e6a;
}
.clock_tuvan {
	color: #acacac;
	font-size: 13px;
	padding-bottom: 10px;
}
.list-cat .see_more {
	margin-top: 35px;
	margin-bottom: 40px;
}
.list-cat .see_more a{
	background: #8f8f6b;
	color: white;
	padding: 12px 25px;
}
.shopping {
	margin-top: 35px;
	margin-bottom: 40px;
}
.shopping a{
	background: #8f8f6b;
	color: white;
	font-weight: 300;
	padding: 10px 25px;
}
.wrap-link {
	position: absolute;
	width: 100%;height: 100%;
}
@media screen and (min-width: 768px) {
	.hidden-sm {
		display: none;
	}
	.title-cat-home {
		 position: absolute;
	    top: -30px;
	    z-index: 9999999;
	    left: 0;
	    right: 0;
	}
}
@media screen and (min-width: 992px) {
	.seq .seq-title {
		top: 20% !important
	}
}