body{background-color:#FFF; font-size:14px; font-weight:normal; line-height:1.7em; color:#000000; font-family: 'Encode Sans Semi Expanded', sans-serif;}
h1,h2,h3,h4,h5,h6{font-family: 'Encode Sans Semi Expanded', sans-serif; line-height: 30px;}
a{color:#4f5052; text-decoration: none;}
a:hover{text-decoration: none; color:#d12020;}
.container{padding-left:0px; padding-right:0px; width: 1366px;}
.wrapper-container{z-index: 9; background-color:#FFF;}
/* General */
.clear{clear: both;}
.center{text-align:center;}
.hidden{display:none;}
.thim-widget-courses-searching .thim-course-search-overlay .courses-searching button{background: #005b9e;}
.thim-widget-courses-searching .courses-searching input[type="text"]{height: 48px; margin-top: 1px;}
.icon-mobile{color:#FFF; float:right;margin-right: 10px; display: none;}
.icon-mobile:hover, .icon-mobile:active, .icon-mobile:focus{color:#FFF !important;}
.bg-transparent{background-color: transparent !important;}
.line-bg{border-bottom:1px solid #ffe9b2;}
.line-icon{text-align: center;}
.line-customize{width:95px; background-color: #c7d8c6; height: 4px;}
.line-red{height: 4px; background-color: #d12020; width:93px; border-radius:5px;}
.btn-green{background-color: #506630;}
.btn-yellow{background-color: #385723; color:#fff;}
.text-upcase{text-transform: uppercase;}
.report{text-align: center; width:100%;}
.error-msg{color: #FD0A0E;}
.cat-tab{width:100%; text-align: center; margin-top: 66px;}
  .cat-tab ul{list-style: none; width:auto; display: table; color:#50b94b; font-size: 48px; padding-left: 0px; left:0; right:0; margin: 0 auto; line-height: 48px;}
    .cat-tab ul li{margin-right: 10px; padding-bottom: 17px; }
/* Background */
.bgcover{background-size: cover;}
/* Border */
.border-left{border-left: 1px solid #a9daaa;}
.border-lrt{border-left: 1px solid #a9daaa; border-right: 1px solid #a9daaa;}
.border-right{border-right:1px solid #39986e;}
/* Border radius */
.bradius-tbright{border-top-left-radius: 15px; border-bottom-right-radius: 15px;}
.bradius-tbright2{border-top-right-radius: 15px; border-bottom-left-radius: 15px;}
/* Position */
.posrel{position: relative;}
/* Width */
.w100pr{width:100%;}
.w80pr{width:80%;}
.w75pr{width:75%;}
.w72pr{width:72%;}
.w70pr{width:70%;}
.w65pr{width:65%;}
.w60pr{width:60%;}
.w50pr{width:50%;}
.w40pr{width:40%;}
.w35pr{width:35%;}
.w32pr{width:32%;}
.w30pr{width:30%;}
.w28pr{width:28%;}
.w25pr{width:25%;}
.w20pr{width:20%;}
.w18pr{width:18%;}
.w230px{width:230px;}
.w200px{width:200px;}
.w130px{width:130px;}
.w80px{width:80px;}
.w60px{width:60px;}
/* Height */
.h49px{height:49px;}
.h78px{height:78px;}
.h574px{height:574px;}
.h842px{height:842px;}
/* Padding */
.npadlr{padding-left: 0px; padding-right: 0px;}
.npadtop{padding-top: 0px;}
.nmrtop{margin-top: 0px !important;}
.padtop261{padding-top:261px;}
.padtop225{padding-top:225px;}
.padtop52{padding-top:52px;}
.padtop40{padding-top:40px;}
.padtop37{padding-top:37px;}
.padtop30{padding-top:30px;}
.padtop26{padding-top:26px;}
.padtop25{padding-top:25px;}
.padtop21{padding-top:21px;}
.padbtm87{padding-bottom:87px;}
.padbtm17{padding-bottom:17px;}
.margtop27{margin-top:27px;}
.margtop50{margin-top:50px;}
.margtop40{margin-top:40px;}
.margtop30{margin-top:30px;}
.mar-top20{margin-top: 20px;}
.margbottom50{margin-bottom: 50px;}
.margbottom42{margin-bottom: 42px;}
.mar-bottom10{margin-bottom: 10px;}
.mar-bottom20{margin-bottom: 20px;}
.cls-pagnav{font-style: italic;color: #efdeb8; font-size: 18px; margin-top: 2px;}
.cls-pagnav a{font-style: italic; color: #efdeb8; font-size: 18px;}
/* Align */
.algcenter{text-align: center;}
.algleft{text-align: left;}
.algright{text-align: right;}
.fltLeft{float:left;}
.fltRight{float:right;}
.algLeft{float:left;margin-left: 20px;}
.mrcenter{left:0; right:0; margin: 0 auto;}
/* Counter*/
.infor-counter{display: inline-block; padding-left: 5px; padding-right: 18px;}
  .infor-counter li{margin-left: 3px !important;}
/* Map */
#map{width:100% !important; height: 462px;}
/* Back Top */
#back-to-top {background-color: #FFF; width:35px; height:35px; border-radius:5px; opacity: 1; color:#666666; margin-right: 90px; transition: all 0.5s ease; }
#back-to-top:hover{background-color: #d12020; border-color: #FFF;}
#back-to-top span{border-color: #d12020; background-color: #FFF; width:35px; height:35px; border-radius:5px; margin: 0px; padding: 2px; transition: all 0.5s ease; }
#back-to-top:hover span{border-color: #d12020; background-color: #d12020; color:#FFF;}
#back-to-top span i{/*padding-top: 3px;*/ font-size: 20px;}
/* Select */
.select_box{width: 169px; height: 40px; cursor: pointer; background-color: #FFF; box-shadow: 0 2px 0 white; border-radius: 2px; padding-left: 0px;}	
.select_box label{margin-bottom: 0px;}
 .select_box > li{list-style: none; width:50%;}	
 .select_box .select_items .select_expand {
	width: 39px; height: 32.5px; background-color: #cfe0c3; position: relative;  top: 0;	right: 0; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance:none; appearance: none; 
	border-top-right-radius: 5px; border-bottom-right-radius: 5px; z-index: 2;
 }
 .select_box .select_items .select_expand:after {
	  content:''; background: url('../images/arrow-down.jpg') no-repeat; position: absolute; top: 16px; right: 5px;	transform: translate(-50%, -50%) rotate(0deg) scaleY(1.75); color: #779d5d;
	  width:14px;  height: 7px; font-size: 18px; pointer-events: none; z-index: 3; transition: all 250ms cubic-bezier(.4,.25,.3,1);	opacity: .6;
  }		
  .select_box .select_items .select_expand:hover::after {opacity: 1}
  .select_box .select_items .select_expand:checked::after {transform: translate(-50%, -50%) rotate(90deg) scaleX(-1) scaleY(1.75);}
	
  .select_box .select_expandLabel {	display: block;	width: 100%; height: 32px;	position: absolute;	top: 0;	left: 0; cursor: pointer;}	
  .select_box .select_close {display: none}	
  .select_box .select_closeLabel {width: 100vw;	height: 100vh;	position: fixed; top: 0; left: 0; display: none;}	
  .select_box .select_items {width: 100%; height: 35px; position: absolute; top: 0; left: 0; border: 1px solid #cfe0c3; border-radius: 10px;}	
  .select_box .select_items .select_options{padding-left: 0px; z-index: 1; padding-bottom: 5px;  background-color: #FFF; position: relative; width:100%;  border-radius: 10px;}
	.select_box .select_items .select_options .select_option{list-style: none; width:100%;}
	.select_box.active .select_items .select_options .select_label {height: 40px; text-align: left; width:100%; margin-top: 0px;}
    .select_box.active .select_items{height: auto !important;}
  .select_box .select_input {display: none}
	
  .select_box .select_label {
	  transition: all 250ms cubic-bezier(.4,.25,.3,1); display: block; height: 0; font-size: 14px;	line-height: 30px; font-weight: 400;
	  overflow: hidden;	color: #3e3e3e;	background-color: #fff;	cursor: pointer; padding-left: 20px; margin-top: 0px;
   }
   .select_box .select_label-placeholder {
	  width:80%; text-align: left; height: 40px; vertical-align: middle;	position: absolute;	top: 0;	left: 0; opacity: .6; background-color: transparent;
    }
.select_input:checked + .select_label {height: 25px; margin-top: -38px; margin-bottom: 0px; width:100%; border-radius: 10px; text-align: left;}
/* form */
.fselect{padding:5px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
 .fselect{padding:5px;-webkit-appearance: menulist-button;-moz-appearance: menulist-button; height:2.1em;}
}	
/* Error */
.error{font-size:16px;color:#F00;}
.error-msg{text-align:center;padding: 10px;width: 50%;margin: 0 auto;background-color: #fff;border-radius: 28px;}
/* Circle */
.circle{border-radius:50%;}
.no-radius{border-radius:none;}
/* Button */
.btn{border-radius:0px;}
.btn-uppcase{text-transform:uppercase;}
.btn-blue{background-color: #1E8ACB; color:#FFF;}
/*=================== 404 Page ====================*/
.er40-page{text-align:center;margin:0 auto;float:none;}
.er40-page .er40-page-error{font-size:200px;font-weight:bold;padding:10px; line-height:normal !important;}
/* Search */
.thim-widget-courses-searching .thim-course-search-overlay .courses-searching{background:rgba(221,239,238,0.9);}
.thim-widget-courses-searching .courses-searching form{overflow:visible; }
.thim-widget-courses-searching .thim-course-search-overlay .courses-searching form{width:480px;}
.thim-widget-courses-searching .thim-course-search-overlay form{height:auto;margin-top:100px;}
.form-lightbox{background-color:#FFF;padding:37px; display:table; width:100%; border-radius:25px; border:1px solid #FFF; -moz-box-shadow: 0 0 8px #7d9171; -webkit-box-shadow: 0 0 8px #7d9171; box-shadow: 0 0 8px #7d9171;}
.form-lightbox h3{line-height:36px;text-transform:uppercase; color:#3d5b2a; font-weight:500; font-size:28px; margin-top:0px;}
.form-lightbox .form-content{border-top:1px solid #cddec0;margin:18px 0px 0px 0px; padding-top:23px;}
.form-lightbox .form-content .form-note{font-size:16px;margin-bottom:28px;}
.form-lightbox .form-content .processing{font-size:16px;color:#F00;}
.form-lightbox .form-content .form-input ul{display:table; list-style:none; margin:0px; width:100%;}
.form-lightbox .form-content .form-input ul li{float:none; width:100%;padding-right:22px;margin-bottom:13px; display: table;}
/*.form-lightbox .form-content .form-input ul li.last{padding-left:22px;padding-right:0px;}*/
.form-lightbox .form-content .form-input ul li input[type="text"]{width:100%;background-color:#f6f6f6; font-style:normal; border:1px solid #dedede; font-size: 14px; font-family: 'Quicksand', sans-serif; padding: 14px 0px 12px 22px; height:46px; line-height:normal !important;}
.form-lightbox .form-content .form-input ul li select{width:100%;background-color:#f6f6f6; font-style:normal; border:1px solid #dedede; font-size: 14px; font-family: 'Quicksand', sans-serif; padding: 14px 0px 12px 22px; height:46px; line-height:normal !important; margin-right:2px;}
.form-lightbox .form-content .form-input ul li input[type="button"],
  .form-lightbox .form-content .form-input ul li input[type="submit"]{font-size: 18px;right:0;border-radius:0px; float:right; width:167px; padding:11px 15px 9px 18px; font-weight:700; margin-right:2px;}
/* Pagination */
.learn-press-pagination{text-align:center;}
.fleft{display: inline;}
.loop-pagination{text-align: right; width:100%; margin-top: 20px;padding-bottom: 20px;}
.loop-pagination .fleft{font-size: 18px; padding-top: 5px; display: inline-block;}
.loop-pagination .page-numbers{display: table; width: auto; left:0; right:0; margin: 0 auto;}
.loop-pagination .page-numbers li{float: left; list-style: none; padding: 5px; width:34px; height: 34px; border-radius: 50%; text-align: center; margin-right: 7px;}
.loop-pagination .page-numbers li:hover{background-color: #ffcd34;margin-top: 1px;}
 .loop-pagination .page-numbers li.active{background-color: #ffcd34;margin-top: 1px;font-weight: 700;}
.loop-pagination .page-numbers li.active span{font-size: 14px;}
.loop-pagination .page-numbers li a{font-size: 18px; color:#8e8e8e; line-height: 15px; padding-top: 6px; }
.loop-pagination .page-numbers li a.next, 
  .loop-pagination .page-numbers li a.prev, 
  .loop-pagination .page-numbers li a.start, .loop-pagination .page-numbers li a.end{font-size: 32px;padding-top: 2px; display: inline-block;}
/* Header */  
.head-top{height: 39px; background-color: #f2f2f2; position: relative; /*box-shadow: 0px 0px 10px #CCC;*/ z-index: 9; border-bottom: 1px solid #dcdcdc;}
 .head-top .head-cart{width:100%; text-align: right; padding-right:0px; right:0;}
 .head-top .head-cart .col-head{display: inline-block;}
 .head-top .head-cart .cart-checkout{width:87px; height:100%; padding: 6px 0px 6px 0px;  text-align: center; background-color: #c85c92; color:#FFF;}
 .head-top .head-cart .cart-checkout a{color:#FFF;}
 .head-top .head-cart .cart-content{width:229px;padding: 6px 0px 6px 0px; text-align: center;}
 .head-top .head-cart .icon-cart{background-color: #c85c92; width:55px; padding: 6px 0px 6px 0px; background: url("img/icon/icon-cart.png") no-repeat center center #c85c92;}

 .head-top .hotline-head{float: right; width:auto;}
   .head-top .hotline-head .icon-hotline{float: left; margin-right: 10px; padding-top: 3px;}
   .head-top .hotline-head .ctn-hotline{font-size: 12px; display: table;padding-top: 8px;}
   .head-top .hotline-head .ctn-hotline span{color:#a52424; font-size: 18px; margin-top: 2px;letter-spacing: 2px;}
 .head-top .blk-lang{float: right; padding: 0px; text-align: right; padding-left: 0px; width:315px;}
  .head-top .blk-lang ul{list-style: none; width:100%; display: block;}
  .head-top .blk-lang ul li{position: relative; float: left; font-family: 'Cuprum', sans-serif; border-left:1px solid #dddddd; padding: 0px 22px 0px 22px; text-transform: uppercase; color:#343434;font-size: 12px;}
  .head-top .blk-lang ul li:last-child{border-right:1px solid #dddddd;}
  .head-top .blk-lang ul li a{font-family: 'Cuprum', sans-serif; font-weight: 700;}
  .head-top .blk-lang ul li img{margin-right: 8px; position: relative; top:-2px;width:18px;}

.head-middle{height:130px;}
  .head-middle  .brand{float:left; width:12%; padding-top:0px; padding-left: 0px;}
   .head-middle .brand img{margin-left:0px;}   
   .head-middle .brand img.logo-small{display: none;}   
   .head-middle .container .head-tool .hotline-head{font-family: 'Saira Semi Condensed', sans-serif; font-size: 16px; font-weight: 600; margin-right: 17px; color:#d12020; text-transform: uppercase; border:2px solid #ebebeb; padding:10px 28px 9px 28px; border-radius: 25px; min-width:240px; letter-spacing:1px;}
   	 .head-middle .container .head-tool .search-icon{padding-left: 17px; top:0px; position: relative; border-left:1px solid #000; width:50px; height: 24px; float:right;}
     .head-middle .container .head-tool .search-icon img{position: absolute; top:3px;}
	 .head-middle .container .head-tool.posfixed{position: fixed; top:0px; right:0; animation-name: move-top-head; animation-duration: 1.5s;  animation-fill-mode: forwards;}
		.head-middle .container .head-tool.posfixed span{background-color: #FFF;}
@keyframes move-top-head { from{padding-top:52px;} to {padding-top:15px;} }

   .head-middle .container .nav-bar{margin-top:5px;}
      .head-middle .container .nav-bar a{font-size: 22px;}
   .head-middle .nav > li > a:focus, .nav > li > a:hover{background-color: transparent;}
   .head-middle .navigation{width:60%; position: static;}
   .head-middle .navigation ul{width:100%; display: table; list-style: none; padding-left:0px; /*margin-left: 20px;*/}
   .head-middle .navigation ul li.mnpr{width: auto; height:50px; float: left;padding:37px 37px 0px 23px;margin-top: 2px;}
   .head-middle .navigation ul li.mnpr a{position: relative; font-weight: 700; font-size: 15px; color:#000; text-transform: uppercase; display: table; height: 45px; }
     .head-middle .navigation ul li.mnpr > a:before{content: ""; width: 100%; height: 4px; position: absolute; bottom: 0; left: 0; background-color: #bad3d2; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}      
   .head-middle .navigation ul li.active{/*border-right:none;*/}
   .head-middle .navigation ul li.active a{color:#000; position: relative;}   
      .head-middle .navigation ul li.active a:before{content: ""; width: 100%; height: 4px; position: absolute; bottom: 0; left: 0; background-color: #cfe0c3;}   
   .head-middle .navigation ul li.mnpr:hover a{color:#000; position: relative;}   
      .head-middle .navigation ul li.mnpr:hover a:before{visibility: visible;  -webkit-transform: scaleX(1);  transform: scaleX(1);}      
   .head-middle .navigation ul li.mnpr:hover .submenu-bar{ opacity:1; visibility: visible;}
   .head-middle .navigation ul li.mnpr:first-child{padding-left:0px; }

.submenu-bar{background-color: #dcefee; position: absolute;  width:100%; opacity: 0; margin-top: 0px; padding-top: 27px;padding-bottom: 27px; -webkit-transition: opacity 600ms, visibility 600ms; transition: opacity 600ms, visibility 600ms; left:0; visibility: hidden; } 
  .submenu-bar .container .cols-left, .submenu-bar .container .cols-right{width:47%;} 
  .submenu-bar .container .cols-left h3, .submenu-bar .container .cols-right h3{text-align: center; text-transform: uppercase; color:#3d5b2a; font-weight: bold; font-size:18px; margin-top: 0px; margin-bottom: 0px;} 
  .submenu-bar .container .menu-list-cat{border-top:1px solid #d6ded0; margin-top: 18px;}
    .submenu-bar .container .menu-list-cat .cols1, .submenu-bar .container .menu-list-cat .cols2, .submenu-bar .container .menu-list-cat .cols3{float:left; width:33.3%;}
    .submenu-bar .container .menu-list-cat .cat-group .title{font-size: 14px; color:#548235; font-weight: 500; text-transform: uppercase;margin-top: 15px;}
    .submenu-bar .container .menu-list-cat .cat-group .cat-group-prod{list-style: none; padding-left: 0px;}   
	  .submenu-bar .container .menu-list-cat .cat-group .cat-group-prod li{border-left:1px solid #fff; padding:5px 0px 5px 12px;}
	  .submenu-bar .container .menu-list-cat .cat-group .cat-group-prod li:hover{border-left:1px solid #548235;}
      .submenu-bar .container .menu-list-cat .cat-group .cat-group-prod li a{font-size: 14px; font-weight: 200; text-transform: capitalize; color:#000; height: inherit; border-bottom:none;}
.submenu-bar .container .menu-list-cat .cat-group .cat-group-prod li a:hover{color: #548235;}


   .head-middle .search-forms .search-board{background-color: #FFF; border:2px solid #ffcd34;border-radius: 25px; height: 54px; width:670px;}
   .head-middle .search-forms .search-board button{background-color:#ffcd34; border-top-right-radius: 25px; border-bottom-right-radius: 25px; height: 53px; width:74px; border:0px; float: right; padding-left: 0px; position: relative; top:-1px;}
   .head-middle .search-forms .search-board input{width:59%; height: 45px; padding-left: 10px; border:0px; margin-left: 22px; font-family: 'Cuprum', sans-serif;}
     .head-middle .search-forms .search-board select{width:23%; height: 100%; border:none; color:#959494; font-size: 16px; font-family: 'Cuprum', sans-serif; -webkit-appearance: none;-moz-appearance: none; text-indent: 0.01px;text-overflow: ""; background: url('img/arrow-down.jpg') no-repeat; background-position: 96% center;}
  .head-middle  .cart-block{width:260px;}
	  .head-middle  .cart-block .icon{float:left; margin-right: 15px;}
  	  .head-middle  .cart-block .ctn-cart{float:left; color:#565656; font-size: 14px; font-family: 'Cuprum', sans-serif; padding-top: 3px;}
      .head-middle  .cart-block .ctn-cart p{color:#565656; font-size: 16px;}

 .menuHidden.active{color:#febc11;}
 .head-bottom{height:58px;  overflow:hidden; background-color:#d12020; padding-top: 0px; -webkit-transition:height 300ms ease-in; -moz-transition:height 300ms ease-in; -o-transition:height 300ms ease-in;  transition:height 300ms ease-in;}
   .head-bottom.active{height:57px; opacity:1;}
   .head-bottom .navigation{width:100%; text-align: center;}
   .head-bottom .navigation ul{width:inherit; display: table; list-style: none; padding-left: 0px;}
   .head-bottom .navigation ul li{width: auto; height:58px; float: left; padding:18px 25px 0px 25px;}
   .head-bottom .navigation ul li.active,
	 .head-bottom .navigation ul li:hover{background: #e92828;}	   
   .head-bottom .navigation ul li a{font-family: 'Saira Semi Condensed', sans-serif; font-size: 16px; color:#ffffff; text-transform: uppercase; font-weight: 500;}
			.head-bottom .navigation ul li a:hover{/*border-bottom: 2px solid #fff;*/display: block;}
   .head-bottom .navigation ul li.active{/*border-right:none;*/; }
   .head-bottom .navigation ul li.active a{color:#FFF; display: block; height: 40px;}   
   .head-bottom .navigation ul li:hover a{color:#FFF;}   
   .head-bottom .navigation ul li:first-child{padding-left:34px; }

   .head-bottom .head-social {width:15%; text-align: right;}
   .head-bottom .head-social ul{width:100%; display: table; list-style: none; padding-left: 0px;}
   .head-bottom .head-social ul li{width: auto; height:50px; float: right;padding:15px 23px 0px 23px; border-right:1px solid #ececec;}
   .head-bottom .head-social ul li:last-child{border-left:1px solid #ececec;}
   .head-bottom .head-social ul li a{color:#c85c92;}
   .head-bottom .head-social ul li a:hover{color:#000;}  
   .head-bottom .head-social ul li.cart-affix{display: none;}
   .head-bottom .menu-category{background-color: #FFF; border-radius: 5px; width:209px; display: table; height: 45px; padding-top: 10px; cursor: pointer; margin-right: 97px; position: relative;margin-top: 3px}
     .head-bottom .menu-category div{float: left; font-size: 20px; color:#565656; font-family: 'Cuprum', sans-serif; }
	 .head-bottom .menu-category .icon{padding-left: 38px; margin-right: 14px;}		
     .head-bottom .menu-category .icon img{padding-bottom: 3px;}		
     .head-bottom .menu-category:hover .category-icon{}	 
	 .head-bottom .mn-cat-dropdown{position: absolute; background: #FFF; width:100%; margin-top: 32px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; display: none;}
        .head-bottom .mn-cat-dropdown ul{list-style: none; padding-left: 0px;}
		.head-bottom .mn-cat-dropdown ul li{ position: relative; padding: 0px 36px 0px 32px;}
   	    .head-bottom .mn-cat-dropdown ul li:last-child{border-bottom:none; text-align: center; color:#cacaca; position: relative; padding-top:10px; padding-bottom: 10px;}
        .head-bottom .mn-cat-dropdown ul li:last-child .fa{position: relative; top:3px;}
		.head-bottom .mn-cat-dropdown ul li a{color:#595959; font-size: 14px; padding: 8px 0px 8px 0px; border-bottom:1px solid #d2d2d2; display: block;}	    
		.head-bottom .mn-cat-dropdown ul li:hover{background-color:#555555; color:#FFF; }
	    .head-bottom .mn-cat-dropdown ul > li:last-child:hover{background-color: #FFF;}
	    .head-bottom .mn-cat-dropdown ul > li:last-child:hover span i{color:#cacaca !important;}
	    .head-bottom .mn-cat-dropdown ul li:hover > a{border-bottom: 0px; color:#FFF;}
		.head-bottom .mn-cat-dropdown ul li.hasub > a:after{content:'\203A'; position: absolute; right:36px; top:0; color:#cacaca; padding-top: 6px; font-size: 24px;}
 		  .head-bottom .mn-cat-dropdown ul li.hasub:hover a:after{color:#FFF;}

 	  .head-bottom .mn-cat-dropdown ul li ul{position: absolute; right: 0; left: 209px; top: 0px; display: none; width:180px; list-style: none; background: #FFF; border-top-right-radius: 5px;  border-bottom-right-radius: 5px;  border-bottom-left-radius: 5px;}
        .head-bottom .mn-cat-dropdown ul li:hover ul{display: block;}
	    .head-bottom .mn-cat-dropdown ul li ul li{margin-bottom: 0px; padding-left: 8px; padding-right: 8px; } 	   
		.head-bottom .mn-cat-dropdown ul li ul li:last-child{text-align: left;}
	    .head-bottom .mn-cat-dropdown ul li ul li a{padding-left:5px; padding-right: 5px;}
		.head-bottom .mn-cat-dropdown ul li ul li:last-child:hover{background-color: #555555;}
 	    .head-bottom .mn-cat-dropdown ul li ul li:last-child a{border-bottom: 0;}
	 .head-bottom .menu-category:hover{background-color:#555555; color: #FFF;}
     .head-bottom .menu-category:hover div{color: #FFF;}
	 .head-bottom .menu-category:hover .mn-cat-dropdown{display: block;}

   .head-bottom .search-forms .search-board{background-color: #FFF; border-radius: 25px; height: 51px; width:740px;}
   .head-bottom .search-forms .search-board button{background-color:#555555; border-top-right-radius: 25px; border-bottom-right-radius: 25px; height: 51px; width:74px; border:0px; float: right; padding-left: 0px;}
   .head-bottom .search-forms .search-board input{width:62%; height: 48px; padding-left: 10px; border:0px; margin-left: 22px; font-family: 'Cuprum', sans-serif;}
     .head-bottom .search-forms .search-board select{width:23%; height: 100%; border:none; color:#959494; font-size: 18px; font-family: 'Cuprum', sans-serif; -webkit-appearance: none;-moz-appearance: none; text-indent: 0.01px;text-overflow: ""; background: url('img/arrow-down.jpg') no-repeat; background-position: 96% center;}
   .head-bottom .container .cart-block{width:200px;}
	  .head-bottom .container .cart-block .icon{float:left; margin-right: 15px;}
  	  .head-bottom .container .cart-block .ctn-cart{float:left; color:#565656; font-size: 14px; font-family: 'Cuprum', sans-serif; padding-top: 3px;}
      .head-bottom .container .cart-block .ctn-cart p{color:#565656; font-size: 16px;}


.site-header{height: 100px;}
.site-header.sticky-header{height:84px; position: absolute; background-color:#FFF;}
.affix-menu{height:90px !important; position: fixed !important; border-bottom: 1px solid #CCC;}
  .affix-menu .width-navigation{visibility: visible !important;}
  .affix-menu .head-social ul{visibility: visible !important;}
  .affix-menu .head-bottom .head-social ul li.cart-affix{display: block;}
#masthead .navigation .no-sticky-logo{margin-bottom: 0px; position: relative; display:inline-block;}
 #masthead .navigation .no-sticky-logo img{margin-bottom: 0px;}
.brand-mobile{display:none; width:50%;}
/* Footer */
footer#page-footer{position: relative; z-index: 9; background-color: #F5F5F5;}
footer#page-footer .footer-bg{position: absolute; z-index:-1; width:100%; height:100%;}  
footer#page-footer .footer-top{background-color: #ffffff;}  
  footer#page-footer .footer-top .container{padding-bottom: 33px;}
  footer#page-footer .footer-top .cols-left, footer#page-footer .footer-top .cols-right{float:left; width:50%;}  
  footer#page-footer .footer-top .cols-left{border-right:1px solid #ececec; width:48.8%;}
   footer#page-footer .footer-top .cols-left .shipping{width:63%;}
   footer#page-footer .footer-top .cols-left .shipping-hotline{color:#ee3036; font-size: 36px; margin-top: 5px; margin-bottom: 2px; line-height: 30px;}
   footer#page-footer .footer-top .cols-left .shipping-logan{font-size: 16px; color: #000;}
   footer#page-footer .footer-top .cols-left .shipping-prev{font-size: 16px; color:#686868; margin-top: 3px;}
   footer#page-footer .footer-top .cols-left .shipping-prev .ftleft{float: left;}
   footer#page-footer .footer-top .cols-left .shipping-prev .ftright{float: right; margin-right: 4px;} 
  footer#page-footer .footer-top .cols-right{padding-left: 101px;}
   footer#page-footer .footer-top .cols-right .intro-icon{padding-top: 12px;} 
   footer#page-footer .footer-top .cols-right .intro-prev{color:#000; font-size: 16px; text-transform: uppercase; line-height: 30px; margin-bottom: 5px; margin-top: 5px;} 
   footer#page-footer .footer-top .cols-right .intro-tabpay ul{list-style: none; display: table; width:100%; padding-left: 0px;}
   footer#page-footer .footer-top .cols-right .intro-tabpay ul li{float: left; font-size: 14px; color:#636363;}
   footer#page-footer .footer-top .cols-right .intro-tabpay ul li div{display: block; border:1px solid #f0f0f0; padding: 10px 30px 10px 30px; margin-right: 7px;background-color: #f0f0f0;color: #ccc;} 
   footer#page-footer .footer-top .cols-right .intro-tabpay ul li:first-child div{color: #636363;border: 1px solid #edab01;background-color: #fff;} 
   footer#page-footer .footer-top .cols-right .intro-tabpay ul li.active{color:#636363;}
   footer#page-footer .footer-top .cols-right .intro-tabpay ul li div:hover{}
   

footer#page-footer .footer-middle{}
footer#page-footer .footer-middle .container{padding:89px 0px 81px 0px;}     
  footer#page-footer .footer-middle .container .cols1,
    footer#page-footer .footer-middle .container .cols2{width:40%; border-right:1px solid #808489; padding-left: 70px; padding-right: 70px;}
  footer#page-footer .footer-middle .container .cols3{width:20%;}
  footer#page-footer .footer-middle .container .cols1{padding-left: 0px;}
  footer#page-footer .footer-middle .container h2.head-title, 
    footer#page-footer .footer-middle .container h3.head-title{text-transform: uppercase; font-weight: bold; color: #fff; font-size: 18px; text-align: center; margin-bottom: 14px; margin-top: 0px; text-align: left; line-height: 25px;}     
  footer#page-footer .footer-middle .container .about-intro, footer#page-footer .footer-middle .container .about-intro a{color:#FFF;}
  footer#page-footer .footer-middle .container .menu-footer{list-style: none; padding-left: 60px; margin-bottom: 0px;}
	footer#page-footer .footer-middle .container .menu-footer a{font-family: 'Saira Semi Condensed', sans-serif; font-size: 14px; color:#9e9e9e; padding: 0px 0px 4px 25px; display: block; position: relative;}
	footer#page-footer .footer-middle .container .menu-footer a::after{content:'\2014';color:#9e9e9e; position: absolute; left:0;}
	footer#page-footer .footer-middle .container .menu-footer li:first-child a{padding-top: 0px;}
	footer#page-footer .footer-middle .container .menu-footer li:last-child a{padding-bottom: 0px; padding-top: 5px; line-height:16px;}
	footer#page-footer .footer-middle .container .menu-footer a:hover{color:#FFF;}
  
footer#page-footer .footer-bottom{height: 66px; width:100%; display: table; color:#808080; background-color:#1c232a;}    
  footer#page-footer .footer-bottom .container .copyright{padding: 20px 0px 15px 0px; text-transform: uppercase;}    
  footer#page-footer .footer-bottom .container .copyright span{color:#FFF;}    

/* Search */
.search-head{float:right; padding-top: 18px;}
.search-head a{color:#FFF;}
.search-head a img{height:18px;}

.formSearch{margin-bottom: 20px; position: relative;}
.formSearch .searchInput input{width:100%;border:1px solid #bd944a; padding: 5px; background-color: #ffefcf; color:#b48737; font-style: italic;}
.formSearch .searchIcon{position: absolute; top:3px; right:3px;}
.formSearch .searchIcon i{font-size: 22px; color:#b48737;}
/*  Mobile */
.open-right-sidebar{color:#d12020;display: none; font-size: 28px; text-align: right; padding-top: 25px; padding-right: 12px; margin-left: 12px; width: 40px; position: relative; top:-2px;}
.open-right-sidebar:hover{color:#3d5b2a;}
.open-right-sidebar:visited{color:#d12020;}
.open-right-sidebar:after, 
.open-right-sidebar:before, 
.open-right-sidebar div{
  background-color: #d12020; -o-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
  content: ''; display: block; height: 3px;  margin: 5px 0;
  -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;
}
.snapjs-right .snap-active{margin-top: 3px;}
.snapjs-right .snap-active:before {transform: translateY(6px) rotate(135deg);  -moz-transform: translateY(6px) rotate(135deg);  -webkit-transform: translateY(6px) rotate(135deg);height: 2px;}
.snapjs-right .snap-active:after {transform: translateY(-6px) rotate(-135deg);  -moz-transform: translateY(-6px) rotate(-135deg);  -webkit-transform: translateY(-6px) rotate(-135deg); height: 2px;}
.snapjs-right .snap-active div { -moz-transform: scale(0);  -webkit-transform: scale(0);  transform: scale(0); height: 1px;}

.snap-drawers {background-color:#fff;}
.snap-drawer {background-color:#fff; width:266px;}
.snap-drawer-right{padding-left: 0; display:none;}
#menu-mobile ul{width:100%; padding-left: 5px; padding-right: 5px; margin-top: 10px;}
 #menu-mobile ul li.active > a{color:#d12020;}

.sidebar-header-right{height: 90px; background-color: #fff; position: relative;}
.sidebar-header-right img{max-height: 80px;}
.sidebar-header-right .nav-bar{float:right; position: absolute; right:40px; top:-20px;}
.sidebar-header-right a:last-child{border:none; left: 0; right: 0; margin-left: auto; margin-right: auto; padding-top: 10px;}
.snap-position-abs{position: absolute;}
#snap-content{width:100%; /*box-shadow: 0px 0px 10px #CCC;*/ position: relative;z-index: 9; background-color: transparent;}
/* Slider */
.block-banner{height:582px !important; background-color: #d5d5d5; margin-top: 186px; }
.itemBanner{display: none;}
.camera_wrap{height:582px !important; margin-bottom:0px !important;background-color:#FFF;float: none;}
.camera_wrap .camera_pag{opacity:0px !important; position:absolute; bottom:10px; left:0; right:0;}
.camera_wrap img{max-width:inherit !important;}
.camera_wrap .camera_pag .camera_pag_ul{text-align:center;}
.camera_wrap .camera_pag .camera_pag_ul li{background:#FFF; margin:0px; width:9px; height:9px; margin-right:11px;}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent{background:#86c1e4;}
.camera_wrap .camera_pag .camera_pag_ul li span{display:none;}
.camera_wrap .camera_caption{background-color:transparent; position:absolute;bottom:80px !important; margin:0 auto;}
.camera_wrap .camera_caption div{background-color:transparent;text-align:center;margin:0 auto;}
.camera_wrap .camera_caption div.line-yellow{background-color:#fcae18; margin-bottom:23px; margin-top:14px; height:3px;  border-radius:5px; width:333px;}
.camera_wrap .camera_caption .note-title{width:570px; color:#6c6c6c;font-size:14px; line-height:24px; padding-left:0px;}
.camera_wrap .camera_caption .title{width:inherit; color:#c85c92;font-size:36px; font-weight:bold; line-height:25px;}
.camera_wrap .camera_caption .title h3{padding:10px 0px 10px 0px; border-top:2px solid #c85c92; border-bottom:2px solid #c85c92; min-width: 50px; display: inline-block;}
.camera_wrap .camera_caption .preview{width:570px; color:#6c6c6c;font-size:14px; line-height:24px; padding-left:20px;}
.camera_wrap .camera_caption .page-nag h2{color:#febc11; font-size: 36px; text-transform: uppercase; font-family: 'Playfair Display', sans-serif;}
.camera_wrap .camera_caption .page-nag .nag-board{color:#FFF; background-color: #4db848; width: inherit; display: inline-block; padding: 2px 20px 2px 20px; border-radius: 15px;}
  .camera_wrap .camera_caption .page-nag .nag-board a{color:#FFF; text-transform: uppercase;}
.camera_wrap .cameraContents{text-align:center;}
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont{background-color: transparent;}

.subpages .block-banner{height: 342px !important; background-color: #FFF;}
.subpages .camera_wrap{height: 342px !important;}
  .subpages .camera_wrap .camera_caption{bottom:117px !important;}
  .subpages .camera_wrap .camera_caption .nag-page{margin-bottom: 15px;}
  .subpages .camera_wrap .camera_caption .nag-page a{color:#FFF; font-size: 14px; text-transform: uppercase;}
  .subpages .camera_wrap .camera_caption .title{color:#FFF; font-size: 36px; text-transform: uppercase; font-weight: 700;}
  .subpages .camera_wrap .camera_caption .line-red{background-color: #d12020; height:4px; width:90px; margin-top: 25px;}
.subpages .bg-page{background-color: #f8f8f8;}

.subpages .block-banner.h269{height: 269px !important; background-color: transparent;}
.subpages .block-banner.h269 .container{position: relative; display: table; padding-top: 0px; height: 269px !important; } 
.subpages .block-banner.h269 .navigate-caption{left:0; right:0; top:24px; bottom:0; margin: auto; position: absolute; height: 100px; vertical-align: middle;} 
	.subpages .block-banner.h269 .navigate-caption h2{font-size: 36px; color:#385723; font-weight: 600; text-transform: uppercase; margin-top: 23px; line-height: 38px;} 

/* Banner */
.line-bg-banner{background-color:#b48737; height: 30px;}
.line-bg-silver{background-color:#ebebeb; height: 15px;}
.camera_wrap .camera_pag{width:1280px; margin: 0 auto; text-align: center;}
 .camera_wrap .camera_pag .camera_pag_ul{text-align: center !important; margin-bottom: 20px;}
 .camera_wrap .camera_pag .camera_pag_ul li{width:7px; height: 7px; border-radius: 100%; box-shadow: 0px -2px 10px #CCC;} 
 .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent{background-color: #d12020; border:1px solid #d12020;}
.fix-banner .camera_wrap{height: 314px !important;}
.fix-banner .block-banner{height: 314px !important;}
/* Rating */
.rating-stars{background-image:url(img/skin-ranting.png);background-repeat:no-repeat;}
.user-rate{padding:0px;position: relative; text-align: center;}
	.rating-stars{width:15px;height:18px;display:inline-block;background-position:-17px 0px;cursor:pointer;margin:5px 1px 0 0;}
	.rating-count{position: absolute; line-height: 15px; font-size: 12px; display: inline-block; margin:8px 1px 0 10px; }
    .ratings_vote, .ratings_over{background-position:0px 0px;}
	.rated{background-position:0px 0px;}
/* Comment */
.frame-comment{margin-top: 21px; padding: 20px; background-color: #FFF;}
.comment-form .board-head{ background-color: #4db748; padding: 10px 10px 10px 10px; text-transform: uppercase; color:#FFF; font-size: 14px; }
.comment-form .comment-list{}
.comment-form .comment-list .comment-row{border-bottom:1px solid #f0f0f0; margin-bottom: 16px; padding-bottom: 10px; }
.comment-form .comment-list .comment-row .account{margin-top:8px;}
.comment-form .comment-list .comment-row .icon-mem{width:38px; height: 38px;}
.comment-form .comment-list .comment-row .colright{width:95%; text-align: left; padding-left: 8px; padding-right: 8px;}
.comment-form .comment-list .comment-row .colright .account-info{float: left; padding-top: 6px; color:#a6a6a6;}
.comment-form .comment-list .comment-row .colright .account-tool{float: right; padding-top: 6px; color:#a6a6a6; text-align: right; color:#6e4bb6;}
.comment-form .comment-list .comment-row .colright .account-tool a{margin-right: 5px; margin-left: 5px; color:#6e4bb6;}
.comment-form .comment-list .comment-row .colright .account-tool a:hover{color: #4db748;}
 .comment-form .comment-list .comment-row .colright .account-tool .share-social{display: none;}
.comment-form .comment-list .comment-row .preview{color:#222222; font-size: 16px; margin-top: 21px;}
.comment-form .comment-list .comment-row .tool{margin-top: 8px;}
.comment-form .comment-list .comment-row .user-rate{text-align: left;}
.comment-form .comment-list .comment-row textarea{width:100%; border-radius: 10px; border:1px solid #cdcece; margin-top: 10px; margin-bottom: 10px; padding: 5px;}
.comment-form .comment-list .btn-comment{border:none; padding: 8px; border-radius: 8px; width:96px; background-color: #ffba07; margin-top: 8px; color:#585042;}
.comment-form .comment-list .comment-text{width:50%; margin-bottom: 5px; padding: 5px; border:1px solid #cdcece; border-radius: 8px;}
.comment-form .comment-list .col-right{text-align: right;}
.comment-form .comment-list .comment-subrow{margin-left: 30px;}
.comment-form .comment-list .loadmore{text-align: right;}
.comment-form .comment-view-more a{display: block;padding: 8px; background-color: #ededee; border-radius:10px; text-align: center; margin-top: 10px; margin-bottom: 22px;}
.comment-form .comment-no-row{font-size: 18px; color:#7c7c7c; min-height: 220px; text-align: left; padding-left: 14px; position: relative;}
.comment-form .post-form{background-color: #e8e8e8; padding: 23px; display: table; width:100%; margin-top: 20px;}
.comment-form .post-form h3{font-size: 14px; margin-top: 0px; text-transform: uppercase;}
.comment-form .post-form .comment-row .comment-content{}
.comment-form .post-form .col1{width:132px; border-right:1px solid #d2d2d2; margin-right: 46px;}
.comment-form .post-form .col2{width:35%;} 
 .comment-form .post-form .col3{width:45%;}
.comment-form .post-form input[type="text"]{border:2px solid #ffcd34; width:95%; border-radius: 25px; color:#989898; font-size: 16px; height: 50px; margin-bottom: 20px; padding-left: 15px;}
.comment-form .post-form textarea{border:1px solid #e2e2e2; width:100%; border-radius: 10px; height:110px; padding: 5px; color:#989898; font-size: 16px;}
.comment-form .post-form .col-right{text-align: right;}
.comment-form .post-form .post-rating .text{margin-right: 10px; padding-top: 3px; font-size: 14px; color:#484848; text-transform: uppercase; font-weight: bold; display: block; }
.comment-form .post-form .post-rating .user-rate{text-align: left; margin-bottom: 15px;margin-top: 5px;}
.comment-form .post-form .btn-comment{border:none; padding: 8px 28px 8px 28px; border-radius: 5px; background-color: #ffba07; margin-top: 8px; color:#585042; text-transform: uppercase; font-size: 14px; font-weight: bold;}
.comment-form .comment-no-row .btn-comment-right{border:1px solid #ffcd34; padding: 9px 28px 9px 28px; border-radius: 25px; background-color: #ffcd34; color:#484848; text-transform: uppercase; font-size: 14px; font-weight: bold; float: right; position: relative; top:-10px;}
.comment-form .post-form .comment-text{width:50%; margin-bottom: 5px; padding: 5px; border:1px solid #cdcece; border-radius: 8px;}
.comment-hiden{display:none;}

.comment-full-info{position: fixed; width:100%; height: 100%; z-index:99999; top:0; display: none;}
.comment-full-info:after{position: absolute; width:100%; height: 100%; background-color:  #000; left:0; top:0; right:0; bottom:0; content:' '; opacity: 0.8;}
.comment-full-info .my-account{width:350px; height: 230px; background-color: #FFF; left:0; right:0; top:0; bottom:0; margin: auto; vertical-align: middle; position: absolute; z-index:999999; border:2px solid #000; border-radius: 15px; padding: 10px;}
.comment-full-info .my-account .title{text-transform: uppercase; text-align: center; font-weight: bold; color: #000;}
.comment-full-info .my-account .title .close-box{float:right; font-size: 28px;}
.comment-full-info .my-account .form-info .row{display: block; margin-bottom: 5px; padding-left: 20px; padding-right: 20px;}
.comment-full-info .my-account .form-info .row label{display: block; width:100%; margin-bottom: 5px;}
.comment-full-info .my-account .form-info .row input[type="text"]{width:100%; padding: 5px;}
.comment-full-info .my-account .form-info .row button{margin-top: 4px; float: right;}

/* Main Content*/
.page-content{padding-bottom:85px;}
.page-content .colleft{width:25%;}
  .page-content .colleft .arrow-down{width:100%; height: 60px; border-left: 170px solid transparent; border-right: 170px solid transparent; border-top: 36px solid #ebebeb; position: relative;}  
	 .page-content .colleft .arrow-down .social-share{position: absolute; top: -28px; left: -22px;}
	 .page-content .colleft .arrow-down .social-share a{border-radius:100%; border:2px solid #ebebeb; background: #FFF; display: table; color:#e92828; width:47px; height: 47px; position: relative; margin: 0 auto;}
	 .page-content .colleft .arrow-down .social-share a i{padding-left:37%; padding-top:31%; font-size: 18px;}	

.page-content .colright{width:75%;}
  .page-content .colright.fullwDetail{width:100%;}
  .page-content .colright .detail-article{padding: 46px 40px 0px 50px;}
  /*.page-content .colright .detail-article .detail{padding-right: 28px;}*/
	.page-content .colright.fullwDetail .detail-article{padding-top: 26px;}
    .page-content .colright .detail-article .detail img{max-width:100% !important; max-height: auto !important; height: auto !important;}
  .page-content .colright .detail-article h1{color:#202020; font-size: 30px; line-height: 36px; margin-bottom: 21px; font-weight: 700;}
  .page-content .colright .detail-article .line-detail{border-top:1px solid #e6e6e6; margin-bottom: 26px; position: relative;}
  .page-content .colright .detail-article .line-detail::after{content:' ';background:#e6e6e6; margin-bottom: 21px; width:52%; height: 5px; position: absolute;}

.menu-left{background: #ebebeb;padding: 32px 26px 26px 26px;}
 .menu-left .head-title{color:#353535; font-size:18px; font-weight: 700; text-transform: uppercase;margin-bottom: 12px;}
 .menu-left .line-red{height: 2px; width:70px;}
 .menu-left .category{margin-top: 24px; padding-left:0px; list-style: none;}
	.menu-left .category li{display: table; width: 100%; padding: 13px 23px 11px 23px; margin-bottom: 5px; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
    .menu-left .category li.active,
     .menu-left .category li:hover{border-radius: 15px; background-color:#FFF; font-weight: 700;}
	.menu-left .category li a{color:#353535;display: table; width: 100%;}

.navigate-head{background-color: #548235; width:100%; margin-top: 84px; color:#FFF; font-size: 14px; line-height: 30px; padding-top: 10px;}
  .navigate-head a{color:#FFF; font-size: 14px; line-height: 30px; font-weight: 500; margin-right: 5px; margin-left: 5px;}
  .navigate-head a:first-child{margin-left: 0px;}
  .navigate-head .container{line-height: 33px;}
.navigate-group{height:74px; width: 100%; font-size: 14px; color:#000;}
  .navigate-group .title-tag{font-weight: bold; text-transform: uppercase; float:left; margin-left: 19px; margin-right: 10px; padding-top: 27px; padding-bottom: 27px;}
   .navigate-group .category{list-style: none; width:750px; border-right: 1px solid #eaeaea; display: table;  padding-left: 0px; padding-top: 27px; float: left;}
   .navigate-group .category li{float:left; margin-right: 32px; position: relative;}
     .navigate-group .category li ul{ list-style: none; opacity: 0; visibility: hidden; position: absolute; transition: opacity 600ms, visibility 600ms; padding: 13px 21px 13px 21px; ; top:-1px; border:1px solid #548235; width: 230px; margin-top: 50px; z-index: 2; background-color: #ffffff;}
     .navigate-group .category li ul li{display: block; width:100%;}
     .navigate-group .category li ul li label{font-size: 14px; font-weight: 300; position: relative;}
  		.navigate-group .category li ul li label{font-size: 14px; font-weight: 300; position: relative; padding-left: 37px; margin-bottom: 6px;}
		.navigate-group .category li ul li label input { position: absolute; opacity: 0; cursor: pointer;}
		.navigate-group .category li ul li label .checkmark { position: absolute; top: 0; left: 0; height: 21px; width: 21px; background-color: #FFF; border:1px solid #d2d2d2; border-radius: 5px;}
		.navigate-group .category li ul li label .checkmark:after { content: ""; position: absolute;  display: none;}
		.navigate-group .category li ul li label input:checked ~ .checkmark:after {display: block;}
		.navigate-group .category li ul li label .checkmark:after {left: 6px; top: 4px; width: 6px; height: 12px; border: solid #548235; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg); transform: rotate(45deg);}
   .navigate-group .category a{transition: all 0.5s ease-out; font-size: 14px; height: 50px; display: table; position: relative;}
    .navigate-group .category a::before {
		content: ""; width: 100%; height: 3px; position: absolute;  bottom: 0;  left: 0; background-color: #548235; visibility: hidden;
		-webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;
	}	
    .navigate-group .category a:hover{color:#548235; font-weight: bold; font-size: 14px;}
		.navigate-group .category li.active a{color:#548235; font-weight: bold; font-size: 14px;}
		.navigate-group .category li:hover a:before{visibility: visible;  -webkit-transform: scaleX(1);  transform: scaleX(1);}      
	.navigate-group .category li:hover ul.sub-cate{opacity: 1; visibility:visible;}		

.filter-search{width:500px; float: left; padding-left: 0px; list-style: none; }
    .filter-search li{width: 229px; float: left; border-right: 1px solid #eaeaea; padding-top: 27px; position: relative;}
	 .filter-search li a:before{content:'\f107'; right:25px; top:31px; color: #548235; font:normal normal normal 14px/1 FontAwesome;font-size:inherit; position: absolute;}
	 .filter-search > li:first-child{width:145px; }	  
     .filter-search li.last-child{width:124px; }
	 .filter-search li.last-child a:before{right:10px;}
   .filter-search li ul{list-style: none; opacity: 0; visibility: hidden; position: absolute; transition: opacity 600ms, visibility 600ms; padding: 19px 37px 19px 37px; top:-1px; border:1px solid #548235; width: 296px; margin-top: 78px; z-index: 2; background-color: #ffffff;}
	 .filter-search li:last-child ul{left:-170px;}
	 .filter-search li:hover ul{visibility: visible; opacity: 1;  -webkit-transform: scaleX(1);  transform: scaleX(1);}
     .filter-search li ul li{display: block; width:100%; border-right: none; padding-top: 0px;}
 	 .filter-search li ul li label{font-size: 14px; font-weight: 300; position: relative;}
  		.filter-search li ul li label{font-size: 14px; font-weight: 300; position: relative; padding-left: 37px; margin-bottom: 6px;}
		.filter-search li ul li label input { position: absolute; opacity: 0; cursor: pointer;}
		.filter-search li ul li label .checkmark { position: absolute; top: 0; left: 0; height: 21px; width: 21px; background-color: #FFF; border:1px solid #d2d2d2; border-radius: 5px;}
		.filter-search li ul li label .checkmark:after { content: ""; position: absolute;  display: none;}
		.filter-search li ul li label input:checked ~ .checkmark:after {display: block;}
		.filter-search li ul li label .checkmark:after {left: 6px; top: 4px; width: 6px; height: 12px; border: solid #548235; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg); transform: rotate(45deg);}

   .filter-search li a{text-transform: uppercase; font-weight: bold; font-size: 14px; margin:0px 6px 0px 36px; transition: all 0.5s ease-out; height: 50px; display: table;}
	.filter-search li{position: relative;}
    .filter-search li:before {
		content: ""; width: 100%; height: 3px; position: absolute;  bottom: 0;  left: 0; background-color: #548235; visibility: hidden;
		-webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;
	}	
    .filter-search > li:hover:before{visibility: visible;  -webkit-transform: scaleX(1);  transform: scaleX(1);}      
    .filter-search li.last-child a{margin-left: 26px;}

/* Page Home */
h3.head-title{text-transform: uppercase; font-weight: bold; color: #353535; font-size: 36px; text-align: center; margin-bottom: 15px; margin-top: 12px;}     

.owl-carousel .owl-item{text-align: center;/*margin-left: 6px;*/height:auto; /*margin-top: 10px;*/}
.owl-carousel .owl-controls .owl-dots{display: none !important;}
.owl-theme .owl-controls .owl-nav [class*="owl-"]{background-color: #FFF; border:1px solid #e9d9e0; width:50px; height: 50px; border-radius: 50%;}
.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover{background-color: #FFF;}
.owl-theme .owl-controls .owl-nav .owl-prev{position: absolute; left:0; top: 32%;}
  .owl-theme .owl-controls .owl-nav .owl-prev .icon-prev{background: url('img/icon/arrow-prev.jpg') no-repeat center center; display: block; height:20px; margin-top:30%;}
  .owl-theme .owl-controls .owl-nav .owl-prev:hover .icon-prev{background: url('img/icon/arrow-prev-act.jpg') no-repeat center center;}
.owl-theme .owl-controls .owl-nav .owl-next{position: absolute; right:0; top: 32%;}
  .owl-theme .owl-controls .owl-nav .owl-next .icon-next{background: url('img/icon/arrow-next.jpg') no-repeat center center; display: block; height:20px; margin-top:30%;}
  .owl-theme .owl-controls .owl-nav .owl-next:hover .icon-next{background: url('img/icon/arrow-next-act.jpg') no-repeat center center;}

.blk-products{width:100%; height: 534px; min-height: 534px; padding-top: 61px;}
.blk-products .container{height: auto;}
.blk-products .container .extra-title{font-weight: 300; font-size: 24px; color:#353535; text-transform: uppercase;}
.blk-products .container .list-product{margin-top: 26px; position: relative; width:100%;}
.blk-products .container .list-product .owl-stage-outer{width:99.4%;}
.blk-products .container .list-product .row-product{float:left; width:96%; margin-right: 24px; border-radius: 15px; position: relative; margin-top: 10px;
 box-shadow: 0 0 10px #aaa; -moz-box-shadow: 0 0 10px #aaa; -webkit-box-shadow: 0 0 10px #aaa;}
.blk-products .container .list-product .row-product:after{content:' '; background-color: #FFF; left:0; top:0; border-radius: 15px; width:100%; height: 100%; position: absolute; opacity: 0.6;  transition: opacity 1s ease;}     
.blk-products .container .list-product .row-product:hover{border:0;box-shadow: 0px 0px 10px #aaa;}
.blk-products .container .list-product .row-product:hover:after{opacity: 1;}     
.blk-products .container .list-product .row-product:hover .view-all a{background-color: #febc11;}	   
.blk-products .container .list-product .row-product:last-child{margin-right:0px;}
.blk-products .container .list-product .row-product .img{width:100%; padding: 0px 0px 0px 0; z-index: 3; position: relative;}
.blk-products .container .list-product .row-product .img span{border-radius:10px; overflow: hidden; width:100%; height: 236px; display: block; margin: 0 auto; left:0; right:0;}
.blk-products .container .list-product .row-product .img a::after{border-radius:10px; content:' ';background-color:#d12020; opacity: 0; position: absolute; top:0; left:0; right:0; bottom:0; z-index: 2; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease;    -o-transition: all 1s ease;   transition: all 1s ease;}
.blk-products .container .list-product .row-product .img:hover a::after{opacity: 0.8;}

.blk-products .container .list-product .row-product .img span img{transition: all .3s;}
.blk-products .container .list-product .row-product:hover .img img{border-radius:10px;}
.blk-products .container .list-product .row-product .img .title{/*background-color: #353535;*/ color:#ffffff; text-transform: uppercase; font-size: 16px; padding: 3px 35px 3px 35px; border-radius:10px; width:inherit; /*display: table;*/ position: absolute; left:0; right:0; margin: auto; bottom:30px; 
	-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease;    -o-transition: all 1s ease;   transition: all 1s ease;
	animation-name: movectrbtm; animation-duration: 1.5s;  animation-fill-mode: forwards;
}
.blk-products .container .list-product .row-product .img .title h3{background-color: #353535; color:#ffffff; text-transform: uppercase; font-size: 16px; padding: 3px 35px 3px 35px; border-radius:10px; width:inherit; display: table; left:0; right:0; margin:0 auto;
  -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease;    -o-transition: all 1s ease;   transition: all 1s ease;
}
.blk-products .container .list-product .row-product .img:hover a .title{z-index: 3;left:0px; right:0px; bottom:0px; margin: auto; background-color:transparent; vertical-align: middle; 
 animation-name: movebtmctr; animation-duration: 1.5s;  animation-fill-mode: forwards;
}
.blk-products .container .list-product .row-product .img:hover a .title h3{background-color:transparent; vertical-align: middle;}
@keyframes movebtmctr { from{bottom:30px;} to {bottom:42%;} }
@keyframes movectrbtm { from{bottom:42%;} to {bottom:30px;} }

.blk-products .container .list-product .row-product .img .title h3{font-size: 16px; font-weight: 700; margin-bottom: 0px;}

.blk-products .container .list-product .row-product .info{width:100%; position: relative; z-index:2;}
.blk-products .container .list-product .row-product .info h3{margin-top: 0px; text-align: center; font-weight: 400;}
.blk-products .container .list-product .row-product .info h3 a{color:#6fbd43; font-size: 24px; font-weight: 400;}
.blk-products .container .list-product .row-product:hover .info h3 a{color: #febc11;}
.blk-products .container .list-product .row-product .info .date{color:#aaaaa9; font-size: 14px; margin-bottom: 18px; margin-top: 18px;}
.blk-products .container .list-product .row-product .info  .date span{color:#febc11; font-size: 14px; font-weight: 400;}
.blk-products .container .list-product .row-product .info .preview{color:#303030; font-size: 16px; height: 70px; overflow: hidden;text-align: justify;}

.blk-products .container .view-all{text-align: center; font-size: 16px; color: #FFF; margin-bottom: 18px; margin-top: 25px;}
.blk-products .container .view-all a{ transition: background-color 0.5s ease; color: #FFF; display: inline-block; padding: 7px 25px 7px 25px; background-color: #4db848; }
.blk-products .container .urllink{margin-top: 20px;}
.blk-products .container .urllink span{color:#767676; font-size: 14px;}
.blk-products .container .urllink a{font-size: 14px; color: #febc11; background-color: transparent; font-weight: 400; float:right; padding-top: 0px; padding-bottom: 0px;}
.blk-products .container .list-product .owl-item{height: 260px;}
.blk-products .container .list-product .owl-controls{top:4px; width:100%;}
.blk-products .container .list-product .owl-controls .owl-nav{display: none;}
.blk-products .container .list-product .owl-controls .owl-dots{display: block !important;}
.blk-products .container .list-product .owl-controls .owl-dots .owl-dot span{background-color: #d8d8d8;}
.blk-products .container .list-product .owl-controls .owl-dots .owl-dot.active span{background-color: #d12020;}

/* blk-concrete */
.blk-concrete .container{padding-top:70px; padding-bottom: 50px; color:#FFF;}
  .blk-concrete .container .extra-title{font-weight: 300; font-size: 24px; color:#FFF; text-transform: uppercase;}
  .blk-concrete .container .head-title{color:#FFF;}
  .blk-concrete .container .group-intro{width:602px; margin-top: 18px; margin-bottom: 48px; text-align: center;}
  .blk-concrete .container .group-list{width:100%; /*display: table;*/ padding: 0px;}
  	.blk-concrete .container .group-list li{float:left; width:49%; margin-right: 23px; list-style: none;}
  	.blk-concrete .container .group-list li.last{margin-right:0px;}
	.blk-concrete .container .group-list li img{border-radius: 15px;}
    .blk-concrete .container .group-list li a{display: table; width:100%; text-align: center;}
	.blk-concrete .container .group-list li a span{font-weight: 200; font-size: 18px; color:#FFF;}
	.blk-concrete .container .group-list li a.title{margin-top: 10px;}
	.blk-concrete .container .group-list li:hover a.title span{color:#d12020; font-weight: 700;}
.blk-concrete .container .group-list li a.img{position: relative;}
	.blk-concrete .container .group-list li a.img::after{content:' ';background-color:#d12020; opacity: 0; border-radius: 15px; position: absolute; top:0; left:0; right:0; bottom:0; z-index: 2; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease;    -o-transition: all 1s ease;   transition: all 1s ease; width:98%;}
    .blk-concrete .container .group-list li:hover a.img::after{opacity: 0.8;}
    .blk-concrete .container .group-list li a.img .icon-view {position: absolute; top:38%; z-index: 3; color:#FFF; font-size: 60px; font-weight: 200; text-align: center;}
	.blk-concrete .container .group-list li a.img .icon-view img{height: inherit; opacity: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease;    -o-transition: all 1s ease;   transition: all 1s ease;}
	.blk-concrete .container .group-list li:hover a.img .icon-view img{opacity: 1;}

#servicesGroupList.owl-carousel .owl-item img{width:inherit;}
#servicesGroupList.owl-carousel .owl-item img.img-inside{width:99%; border-radius: 15px;}
#servicesGroupList div a.img .icon-view img{left:0; right:0; margin-left: auto; margin-right: auto;}
  /*#servicesGroupList.owl-carousel .owl-item{padding-left:10px;}
  #servicesGroupList.owl-carousel .owl-item:first-child{padding-left:0px;}*/
  #servicesGroupList.owl-carousel .owl-item.active{padding-left:0px; /*padding-right: 10px;*/}
  #servicesGroupList.owl-carousel .owl-item.active:nth-child(2n+2){/*padding-left:10px;*/ padding-right: 0px;}
  #servicesGroupList.owl-carousel .owl-controls{/*display: block;*/}
  #servicesGroupList.owl-theme .owl-controls .owl-nav [class*="owl-"]{border-radius: none; background-color: transparent; border:none;}
  #servicesGroupList.owl-theme .owl-controls .owl-nav [class*="owl-"] .fa{font-size: 58px;}
  #servicesGroupList div a{display: table; width:100%; text-align: center;}
  #servicesGroupList div a span{font-weight: 200; font-size: 18px; color:#FFF;}
  #servicesGroupList div a.title{margin-top: 10px;}
  #servicesGroupList div.owl-item:hover a.title span{color:#d12020; font-weight: 700;}

#servicesGroupList div a.img{position: relative;}
	#servicesGroupList div a.img::after{content:' ';background-color:#d12020; opacity: 0; border-radius: 15px; position: absolute; top:0; left:0; right:0; bottom:0; z-index: 2; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease;    -o-transition: all 1s ease;   transition: all 1s ease; width:100%;}
    #servicesGroupList div.owl-item:hover a.img::after{opacity: 0.8;}
    #servicesGroupList div a.img .icon-view {position: absolute; top:38%; z-index: 3; color:#FFF; font-size: 60px; font-weight: 200; text-align: center;}
	#servicesGroupList div a.img .icon-view img{height: inherit; opacity: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease;    -o-transition: all 1s ease;   transition: all 1s ease;}
	#servicesGroupList div.owl-item:hover a.img .icon-view img{opacity: 1;}

/* blk-building-home */
.blk-building-home{padding-top: 67px; padding-bottom: 43px;}
 .blk-building-home .col-left{padding-top: 57px; text-align: left; width:369px;}
 .blk-building-home .container .col-left .extra-title{font-weight: 300; font-size: 24px; color:#353535; text-transform: uppercase;}
 	.blk-building-home .container .col-left .head-title{text-align: left;}
 	.blk-building-home .container .col-left .line-red{width:80px;}
 	.blk-building-home .container .col-left .group-intro{margin-top: 27px; padding-right: 60px;}
 .blk-building-home .container .col-right {width:70%;}
  	.blk-building-home .container .col-right .list-build{width:100%;}
	.blk-building-home .container .col-right .list-build .row-article{width:47%;float: left; margin-right: 10px;}
	.blk-building-home .container .col-right .list-build .row-article:nth-child(2n+2){margin-right:0px;}
    .blk-building-home .container .col-right .list-build .row-article .img{height: 248px; overflow: hidden; position: relative; background-color: #DDD;}
	.blk-building-home .container .col-right .list-build .row-article .img a{display: table; width:100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease;    -o-transition: all 1s ease;   transition: all 1s ease;}
	.blk-building-home .container .col-right .list-build .row-article .img a .icon-view{position: absolute; top:38%; z-index: 3; color:#FFF; font-size: 60px; font-weight: 200; text-align: center;}
	.blk-building-home .container .col-right .list-build .row-article .img a .icon-view img{height: inherit; opacity: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease;    -o-transition: all 1s ease;   transition: all 1s ease;}
	.blk-building-home .container .col-right .list-build .row-article .img img.img-inside{height: /*248px*/ auto; width: 100%;}
	.blk-building-home .container .col-right .list-build .row-article .img img.img-inside{height: /*248px*/ auto; width: 100%;}
    .blk-building-home .container .col-right .list-build .row-article .img span{display:table; z-index: 1; width:100%;}
    .blk-building-home .container .col-right .list-build .row-article .title h3{font-size: 16px; color:#353535; font-weight: 700; text-transform: uppercase; margin-top: 10px; margin-bottom: 22px; line-height:25px; height: 50px; overflow: hidden;}
    .blk-building-home .container .col-right .list-build .row-article .img a::after{content:' ';background-color:#414938; opacity: 0; position: absolute; top:0; left:0; right:0; bottom:0; z-index: 2; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease;    -o-transition: all 1s ease;   transition: all 1s ease;}
    .blk-building-home .container .col-right .list-build .row-article:hover .img a::after{opacity: 0.8;}
	.blk-building-home .container .col-right .list-build .row-article:hover .img .icon-view img{opacity: 1;}
    .blk-building-home .container .col-right .list-build .row-article:hover .title h3{color:#d12020;}	


/* blk-services */
.blk-services{background: #f5f5f5; height: 536px;}
.blk-services .container{padding-top:60px; padding-bottom: 50px; color:#353535;}
  .blk-services .container .extra-title{font-weight: 300; font-size: 24px; color:#353535; text-transform: uppercase;}  
  .blk-services .container .line-red{width:60px;}
  .blk-services .container .group-intro{width:602px; margin-top: 18px; margin-bottom: 44px; text-align: center;}
  .blk-services .container .list-services{width:100%; display: table; padding: 0px;}
	.blk-services .container .list-services .row-services{float:left; width:24.5%; margin-right: 8px; position: relative;}
	.blk-services .container .list-services .row-services:last-child{margin-right: 0px;}
	.blk-services .container .list-services .row-services .img{height:251px; overflow:hidden; background-color: #CCC;}
	.blk-services .container .list-services .row-services .img .title h3{font-size: 16px; font-weight: 700; margin-bottom: 0px; text-transform: uppercase; margin-top: 0px;}
	.blk-services .container .list-services .row-services .img .title{color:#ffffff; text-transform: uppercase; font-size: 16px; padding: 5px 35px 5px 35px; border-radius:10px; width:inherit; /*display: table;*/ position: absolute; left:0; right:0; margin: auto; bottom:30px; 
		-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease;    -o-transition: all 1s ease;   transition: all 1s ease;
		animation-name: movectrbtm; animation-duration: 1.5s;  animation-fill-mode: forwards;
	}
    .blk-services .container .list-services .row-services .img .title h3{background-color: #353535; color:#ffffff; text-transform: uppercase; font-size: 16px; padding: 5px 35px 5px 35px; border-radius:10px; width:inherit; display: table; left:0; right:0; margin: auto;
		-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease;    -o-transition: all 1s ease;   transition: all 1s ease;		
	}
	.blk-services .container .list-services .row-services .img:hover a .title{z-index: 3;left:0px; right:0px; bottom:0px; margin: auto; background-color:transparent; vertical-align: middle; 
	 animation-name: movebtmctr; animation-duration: 1.5s;  animation-fill-mode: forwards;
	}
	.blk-services .container .list-services .row-services .img:hover a .title h3{z-index: 3;left:0px; right:0px; bottom:0px; margin: auto; background-color:transparent; vertical-align: middle;}
	.blk-services .container .list-services .row-services .img a::after{content:' ';background-color:#485c6a; opacity: 0; position: absolute; top:0; left:0; right:0; bottom:0; z-index: 2; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease;    -o-transition: all 1s ease;   transition: all 1s ease;}
	.blk-services .container .list-services .row-services .img:hover a::after{opacity: 0.8;}
	.blk-services .container .list-services .row-services .img img{height:251px; width: auto;}

/* blk-news-home */
.blk-news-home{background: #ffffff; padding-top: 44px; height: 370px; overflow: hidden;}
 .blk-news-home .head-title{font-size: 24px; font-weight: 200;}
 .blk-news-home .list-article{margin-top: 44px;}
 .blk-news-home .list-article .row-article{float:left; width: 33.3%; border-left:1px solid #e3e3e3; padding-left: 30px; padding-right: 45px;} 
 .blk-news-home .list-article .row-article:first-child{padding-left: 0px; border-left: 0px;} 
 .blk-news-home .list-article .row-article .date{color:#a4a4a4; font-size: 12px;} 
 .blk-news-home .list-article .row-article .title a{color:#000000; font-size: 18px; font-weight: 700; line-height: 24px;}
	.blk-news-home .list-article .row-article .title a:hover{color:#d12020;}
 .blk-news-home .list-article .row-article .preview{margin-top: 10px;}
/*===================================================*/
/* Project */
.line-catpage{height: 125px;}
  .line-catpage .container{padding-top: 37px; padding-bottom: 37px;}
  .line-catpage .menu-catpage{width:auto; list-style: none; display: table; padding-left: 0px;}
  .line-catpage .menu-catpage li{float: left; margin-right: 5px;}
	.line-catpage .menu-catpage li a{padding: 10px 23px 10px 23px; border-radius: 10px; font-size: 16px; font-weight: 700;}
	.line-catpage .menu-catpage li.active a, .line-catpage .menu-catpage li:hover a{background-color: #FFF; color:#d12020;}

.colfull{padding-top: 53px;}
 .project-list .list-build{width:100%;}
	.project-list .list-build .row-article{width:32%;float: left; margin-right: 25px;}
	.project-list .list-build .row-article:nth-child(3n+3){margin-right:0px;}
    .project-list .list-build .row-article .img{height: 248px; overflow: hidden; position: relative;}
	.project-list .list-build .row-article .img a{display: table; width:100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease;    -o-transition: all 1s ease;   transition: all 1s ease;}
	.project-list .list-build .row-article .img a .icon-view{position: absolute; top:38%; z-index: 3; color:#FFF; font-size: 60px; font-weight: 200; text-align: center;}
	.project-list .list-build .row-article .img a .icon-view img{height: inherit; opacity: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease;    -o-transition: all 1s ease;   transition: all 1s ease;}
	.colfull .list-build .row-article .img img{height: 248px;}
    .project-list .list-build .row-article .img span{display:table; z-index: 1;}
    .project-list .list-build .row-article .title h3{font-size: 16px; color:#353535; font-weight: 700; text-transform: uppercase; margin-top: 10px; margin-bottom: 43px; text-align: center;}
    .project-list .list-build .row-article .img a::after{content:' ';background-color:#414938; opacity: 0; position: absolute; top:0; left:0; right:0; bottom:0; z-index: 2; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease;    -o-transition: all 1s ease;   transition: all 1s ease;}
    .project-list .list-build .row-article:hover .img a::after{opacity: 0.8;}
	.project-list .list-build .row-article:hover .img .icon-view img{opacity: 1;}
    .project-list .list-build .row-article:hover .title h3{color:#d12020;}	

/* Product */
.page-content .colright .product-page{padding: 46px 0px 0px 50px;}
  .page-content .colright .product-page .product-list{}
    .page-content .colright .product-page .product-list .row-article{width:47%; float: left; margin-right: 50px; border:1px solid #ebebeb; margin-bottom: 51px;}
	.page-content .colright .product-page .product-list .row-article:nth-child(2n+2){margin-right: 0px;}
    .page-content .colright .product-page .product-list .row-article .img img{max-height: 286px;}
     .page-content .colright .product-page .product-list .row-article .info .title a{text-align: center;}
	   .page-content .colright .product-page .product-list .row-article:hover .info .title a h3{color:#d12020;}
	 .page-content .colright .product-page .product-list .row-article .info .title h3{color:#202020; font-size: 16px; margin-bottom: 28px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease;    -o-transition: all 1s ease;   transition: all 1s ease;}

.pag_nag{text-align: center; display: table; margin-top: 40px;}
.pag_nag span{margin-right: 10px;}
.pag_nag a{display:inline-block;color:#353535; padding-top: 12px; padding-right: 5px; padding-left: 5px; position: relative; width:50px; height: 50px; font-size: 16px; font-weight: bold; margin-right: 10px;}
.pag_nag a.active, .pag_nag a:hover{color:#FFF; padding-top: 12px; background: #d12020; width:50px; height: 50px; display: inline-block; z-index: 0; left:0px; top:-2px;}

/* News page */
.news-list .list-article .row-article{width:23%; border:1px solid #d5d5d5; float: left; margin-right: 34px; margin-bottom: 30px; background-color: #f0f0f0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease;    -o-transition: all 1s ease;   transition: all 1s ease; min-height: 464px;}
  .news-list .list-article .row-article:nth-child(4n+4){margin-right: 0px;}
  .news-list .list-article .row-article:hover{background-color: #FFF;}
  .news-list .list-article .row-article .img{height: 162px; overflow: hidden;}
	.news-list .list-article .row-article .img img{transition: all .3s; transform: scale(1);}
    .news-list .list-article .row-article:hover .img img { transform: scale(1.05); /*-webkit-filter: blur(2px); filter: blur(2px);*/}

  .news-list .list-article .row-article .info{padding:20px 26px 42px 26px;}
    .news-list .list-article .row-article .info .date{color:#787878; font-size: 12px; border-bottom:1px solid #bababa; padding-bottom: 10px;}
		.news-list .list-article .row-article .info .date a{color:#ff6816; font-size: 12px; margin-right: 6px;}
    .news-list .list-article .row-article .info .title h3{color:#2a2a2a; font-size: 16px; line-height: 24px;}
	.news-list .list-article .row-article .info .preview{height: 100px; overflow: hidden; line-height: 24px;}
    .news-list .list-article .row-article:hover .info .title h3{color:#d12020;}    

.list-article-more h3{text-align: left; margin-top: 25px; font-size: 18px;}
.list-article-more .row-article{width:46%; border:1px solid #d5d5d5; float: left; margin-right: 46px; margin-bottom: 30px; background-color: #f0f0f0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease;    -o-transition: all 1s ease;   transition: all 1s ease;}
	.list-article-more .row-article:nth-child(2n+2){margin-right: 0px;}
.fullwDetail .list-article-more .row-article{width:23%;}
  .fullwDetail .list-article-more .row-article{margin-right:26px;}
  .fullwDetail .list-article-more .row-article:last-child{margin-right:0px;}
  .fullwDetail .list-article-more .row-article .img img, .fullwDetail .list-article-more .row-article .img{height: 180px;}

  .list-article-more .row-article:last-child{margin-right: 0px;}
  .list-article-more .row-article:hover{background-color: #FFF;}
  .list-article-more .row-article .img{height: 216px; overflow: hidden;}
	.list-article-more .row-article .img img{transition: all .3s; transform: scale(1);}
    .list-article-more .row-article:hover .img img { transform: scale(1.05); /*-webkit-filter: blur(2px); filter: blur(2px);*/}
    .list-article-more .row-article .img img{max-height: 216px;}
  .list-article-more .row-article .info{padding:20px 26px 42px 26px;}
    .list-article-more .row-article .info .date{color:#787878; font-size: 12px; border-bottom:1px solid #bababa; padding-bottom: 10px;}
	.list-article-more .row-article .info .date a{color:#ff6816; font-size: 12px; margin-right: 6px;}
    .list-article-more .row-article .info .title h3{color:#2a2a2a; font-size: 16px; line-height: 24px;}
	.list-article-more .row-article:hover .info .title h3{color: #e92828;}
	.list-article-more .row-article .info .preview{height: 100px; overflow: hidden; line-height: 24px;}

/* About */

/* Contact */
.map-contact{height: 400px; width:100%;}
.contact-page{padding-top: 81px;}
.contact-page .contact-infor{padding-top: 30px;}
.contact-page .contact-infor h1{font-size: 30px; color:#000000; font-weight: 700;}
  .contact-page .contact-infor .line-red{width:100px; margin-bottom: 19px;}
  .contact-page .contact-infor .infor{color:#515151; font-size: 16px; margin-bottom: 15px;}    
	.contact-page .contact-infor .infor div{display: inline-block; padding-left: 25px; position: relative;}
  	.contact-page .contact-infor .infor div i{font-size: 16px; color:#cacaca; position: absolute; left:0; top:3px;}
	.contact-page .contact-infor .infor div i.fa-phone{top:5px;}
.contact-page .contact-form{float:right; width:80%; background-color: #f8f8f8; padding: 24px 54px 54px 54px;}
  .contact-page .contact-form h2{font-size: 16px; color:#545454; font-weight: 700; text-transform: uppercase;}
  .contact-page .contact-form div {margin-bottom: 5px;}
  .contact-page .contact-form div.last{margin-top: 13px;}
  .contact-page .contact-form div input[type=text], .contact-page .contact-form div textarea{width:100%; border:1px solid #cedae1; padding: 10px; color:#8c8a8a; font-size: 14px;}
  .contact-page .contact-form div input[type=submit]{color:#FFF;background-color: #d12020; text-transform: uppercase; border:none; padding: 7px 23px 7px 23px; font-size: 12px; font-weight: bold; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease;    -o-transition: all 1s ease;   transition: all 1s ease;}
  .contact-page .contact-form div input[type=submit]:hover{color:#FFF;background-color:#1c232a;}

/* About Us */
.about-pages{min-height: 1000px; margin-top: 12px;}
  .about-pages .aboutus-content{width:60%; background-color: #FFF; margin-top: 64px; padding: 57px 37px 37px 37px ;}
  .about-pages .aboutus-content h1{color:#c85c92; font-size: 36px;}
  .about-pages .share{padding-bottom: 50px; padding-top: 50px; text-align: center;}
  .about-pages .share .line{border-top:1px solid #d9d9d9; width:80%; margin: 0 auto; margin-bottom: 10px;}

/* Menu */
.snap-drawer-right{ display:none;
 transition: all 2s ease-in-out;	-moz-transition: all 2s ease-in-out;-webkit-transition: all 2s ease-in-out;	-o-transition: all 2s ease-in-out;	-webkit-overflow-scrolling:touch;
 /*visibility:hidden;	webkit-transition: visibility 0s linear 1s;	transition: visibility 0s linear 1s;*/
}
#menu-mobile ul{padding-left: 10px; list-style: none;}
#menu-mobile ul li{padding: 5px 0px 5px 0px; } 	
#menu-mobile ul li a{text-transform: none; color:#000; font-size: 16px;} 
#menu-mobile ul li ul li{border-bottom:none;}
#menu-mobile ul li ul li:before{content:'\00bb'; color: #3d5b2a;}
#menu-mobile ul li ul li a{margin-left: 15px;}
#menu-mobile ul li ul li ul li a{margin-left: 10px;}
#menu-mobile ul li ul li ul li:before{content:'\00bb'; color: #3d5b2a; margin-left: 20px;}
#menu-mobile ul li ul li:last-child{border-bottom: none;}
.affix-menu{height: 90px !important;}