/*----- reset -----*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, dl, dt, dd, ul, li, fieldset, form, label, legend {border: 0; font-family: inherit; font-size: 100%; margin: 0; outline: 0; padding: 0; }
:focus {outline: 0; }
ol,ul {list-style: none; }
img {width: auto\9; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; }
table {border-collapse: collapse; border-spacing: 0; width: 100%; }
html,body {height: 100%; } 
/*----- common -----*/
body {background-color: #fff; color: #000; font: normal normal 100% Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: .75em; }
h1,h2,h3, h4, h5, h6 {line-height: normal; font-weight: normal; }
input,select,textarea {color: #38444f; font: normal normal 1em Arial, Helvetica, sans-serif; }
input:focus,select:focus,textarea:focus,a:link,a:visited,a:hover,a:focus {outline: none; } a:link,a:visited,a:hover,a:focus {text-decoration: none; }
a:link,a:visited {color: #000; }
a:hover,a:focus {color: #43f812; }
p{font: 300 14px/normal Roboto, Helvetica, sans-serif;}
.clear {clear: both; }
article.post-content cite,article.post-content dfn,article.post-content em{font-style:italic}article.post-content p{font-family: Roboto;font-size: 14px;margin:0 0 15px;line-height:1.8}article.post-content h1,article.post-content h2,article.post-content h3,article.post-content h4,article.post-content h5{font-family:Roboto}article.post-content h1{font-size:25px}article.post-content h2{font-size:20px}article.post-content h3{font-size:18px}article.post-content h4{font-size:16px}article.post-content h5{font-size:14px}article.post-content ol,article.post-content ul{margin:16px 0;padding:0 0 0 40px}article.post-content ul{list-style-type:square}article.post-content ol{list-style:decimal outside}article.post-content li > ul,article.post-content li > ol{margin:0}article.post-content dl{margin:0 20px}article.post-content dt{font-weight:bold}article.post-content dd{margin:0 0 20px}article.post-content strong{font-weight:bold}article.post-content code,article.post-content kbd,article.post-content pre,article.post-content samp{font-family:monospace,serif;font-size:14px}article.post-content pre{background:#f5f5f5;color:#666;font-family:monospace;font-size:14px;margin:20px 0;overflow:auto;padding:20px;white-space:pre;white-space:pre-wrap;word-wrap:break-word}article.post-content blockquote,article.post-content q{quotes:none}article.post-content blockquote:before,article.post-content blockquote:after,article.post-content q:before,article.post-content q:after{content:"";content:none}article.post-content blockquote{font-size:24px;font-style:italic;font-weight:300;margin:24px 40px}article.post-content blockquote blockquote{margin-right:0}article.post-content blockquote cite,article.post-content blockquote small{font-size:14px;font-weight:normal;text-transform:uppercase}article.post-content cite{border-bottom:0}article.post-content abbr[title]{border-bottom:1px dotted}article.post-content address{font-style:italic;margin:0 0 24px}article.post-content del{color:#333}article.post-content ins{background:#fff9c0;border:none;color:#333;text-decoration:none}article.post-content sub,article.post-content sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}article.post-content sup{top:-0.5em}article.post-content sub{bottom:-0.25em}article.post-content a{color:#ca3c08;text-decoration:none}article.post-content a:visited{color:#ac0404}article.post-content a:focus{outline:thin dotted}article.post-content a:active,article.post-content a:hover{color:#ea9629;outline:0}article.post-content a:hover{text-decoration:underline}article.post-content .alignleft{float:left;margin:5px 20px 5px 0}article.post-content .alignright{float:right;margin:5px 0 5px 20px}article.post-content .aligncenter{display:block;margin:5px auto}article.post-content img.alignnone{display:block;margin:5px auto}article.post-content table{border:1px solid #ededed;border-collapse:collapse;border-spacing:0;font-size:14px;line-height:2;margin:0 0 20px;width:100%}article.post-content caption,article.post-content th,article.post-content td{font-weight:normal!important;border:1px solid #ededed;text-align:left}article.post-content caption{font-size:16px;margin:20px 0}article.post-content th{font-weight:normal!important;text-transform:uppercase;border:1px solid #ededed}article.post-content td{border:1px solid #ededed;padding:6px 10px 6px 0}article.post-content img{height:auto;max-width:100%;vertical-align:middle}article.post-content .wp-caption{background:transparent;border:none;margin:0;padding:0;text-align:left}article.post-content .wp-caption.alignleft{margin:5px 10px 5px 0}article.post-content .wp-caption.alignright{margin:5px 0 5px 10px}article.post-content .wp-caption-dt{margin:0}article.post-content .wp-caption .wp-caption-text,article.post-content .wp-caption-dd{color:#220e10;font-size:14px;font-style:italic;font-weight:300;line-height:1.5;margin-bottom:24px;padding:0}article.post-content .mceTemp + ul,article.post-content .mceTemp + ol{list-style-position:inside}
article.post-content h3{border-top: none}
article.post-content {font-family: Roboto; font-size: 14px; line-height: 24px; }
a{
-webkit-transition: color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;
-moz-transition: color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;
-o-transition: color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;
transition: color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;
}
.th-ic{background: url('../images/front/sprite.png') no-repeat;}

/*===================================================================*/
#wrapper{position: relative; overflow: hidden;}
.th-title h3{font: 900 24px/normal Roboto, sans-serif; text-transform: uppercase;padding: 50px 0; color: #32160b;}
.th-title h3:before{content: ''; display: inline-block; width: 3px; height: 18px; background: #a65526; margin-right: 10px;}
.th-title.title-footer h3{padding-bottom: 30px; font-weight: 500; color: #a65526;}

.footer-top{padding-bottom: 40px; color: #fff; background: url('../images/bg-footer.jpg') no-repeat center;-webkit-background-size: cover; background-size: cover;}
.footer-top h4{display: list-item; font:300 18px/24px Roboto, sans-serif; margin-left: 20px;}
.footer-top h5{display: inline-block;padding-top: 10px; font:300 14px/24px Roboto, sans-serif; position: relative;margin-left: 18px;} 
.footer-top h5:after{content: '';display: block; width: 100%; height: 1px; background: #fff; position: absolute; bottom: 1px; left: 0;	}
.footer-top ul{padding: 10px 0;}
.footer-top ul li{font:300 14px/24px Roboto, sans-serif;}
.footer-bot{background: #32160b; color: #fff; padding: 10px 0;}

.th-slider{margin-top: 80px;}
.camera_wrap{margin-bottom: 0 !important ; float: none;}
.camera_wrap .camera_pag .camera_pag_ul{    text-align: center; position: absolute; bottom: 0; left: 0; display: block; width: 100%;}
.camera_wrap .camera_pag .camera_pag_ul li{background: none; border: 1px solid #fff;}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent  span{background: #a65526; top: 1px; left: 1px; width: 12px; height: 12px; }
.camera_wrap .camera_pag .camera_pag_ul li:hover  span{background: #a65526; top: 1px; left: 1px; width: 12px; height: 12px; }
.camera_pie{display: none;}
.camera_prev{ left: calc((100% - 1170px)/2); }
.camera_next{ right: calc((100% - 1170px)/2); }

.header{background: url('../images/bg-header.png') no-repeat center; height: 150px; color: #fff; position: absolute; top: -2px; left: 0; width: 100%; z-index: 100;}
.th-hotline{float: left;}
.header-top{padding: 10px 0;}
.th-social{float: right;}
.th-social ul{margin: 0 -5px;}
.th-social ul li {display: inline-block; margin:0 5px;}
.th-social ul li a{display: block; font-size: 14px; color: #fff;}
.header-top p span.fa, .th-social ul li a span.fa{width: 25px; height: 25px; display: inline-block; border-radius: 50%; border: 1px solid #fff; text-align: center; padding-top: 4px; vertical-align: middle;}
.header-bot{position: relative;}
.th-logo{width: 160px; position: absolute; top: -30px; left: calc(50% - 80px); }

ul.menu-bar{overflow: hidden;padding-bottom: 60px; margin: 0 -35px;}
ul.menu-bar li{ float: left; padding: 0 20px;}
ul.menu-bar li:nth-child(1n + 4){float: right;}
ul.menu-bar li a{ color: #fff; display: block; font: 300 14px/24px Roboto, sans-serif; text-transform: uppercase; padding: 5px 15px;}
ul.menu-bar li a:hover{color: #ed6e2b;}

.th-menu a.btn-menu{display: none; font: 700 16px/normal Roboto, sans-serif; text-transform: uppercase; color: #fff; position: absolute; top: 30px; right: 40px;}
.th-menu a.btn-menu:before{ content: ''; width: 32px; height: 20px; background: url('../images/front/ic-menu.png') no-repeat; margin: 0 10px 0 0; vertical-align: middle;}

#menu-mobile{background: #a65526; color: #fff; font: 'Avo'; text-transform: uppercase;}
.mm-navbar a.mm-title{color: #fff; text-transform: uppercase; font-size: 16px;}
.mm-menu .mm-listview>li .mm-arrow:after, .mm-menu .mm-listview>li .mm-next:after{border-color: #fff;}
.mm-menu .mm-btn:after, .mm-menu .mm-btn:before{border-color: #fff;}

.th-slogan{text-align: center; padding: 50px 0;}
.th-slogan h4{font:700 24px/36px Roboto, sans-serif; color: #32160b;text-transform: uppercase; }
.th-slogan p{font:300 24px/36px Roboto, sans-serif; color: #32160b; text-transform: uppercase;}

.th-products{padding-bottom: 30px;}
.th-products ul{margin: 0 -11px; overflow: hidden;}
.th-products ul li{width: 50%;float: left; padding: 0 11px; height: 285px; position: relative; margin-bottom: 22px;}
.th-products ul li .img-product{position: relative;height: 100%;}
.th-products ul li .img-product:after{content: ''; display: block; width: 100%; height: 100%;position: absolute; top: 0; left: 0;  background: -webkit-gradient(linear,left top,left bottom,color-stop(0.3, transparent),color-stop(0.7, rgba(0, 0, 0, .6) )); background-repeat: no-repeat; background-size: 100% 100%;}
.th-products ul li .img-product img{width: 100%; height: 100%;}
.th-products ul li:hover .img-product img{opacity: 1; -webkit-animation: flash 1.5s; animation: flash 1.5s;}
@-webkit-keyframes flash { 0% { opacity: .6; } 100% { opacity: 1; } }
@keyframes flash {0% {opacity: .6;}100% {opacity: 1;}}
.th-products ul li .detail-pro{position: absolute; bottom: 23px; left: 54px;right: 54px; z-index: 100;}
.th-products ul li:nth-child(2n + 2) .detail-pro{text-align: right;}
.th-products ul li .detail-pro h4{font:700 18.27px/39px Roboto, sans-serif; text-transform: uppercase; color: #fff;}
.th-products ul li .detail-pro h4 span{display: block; text-transform: none; }
.th-products ul li .detail-pro a.read-more{display: inline-block; font:700 11px/33px Roboto, sans-serif; text-transform: uppercase; color: #fff;background: transparent; padding: 0 15px;  border: 1px solid #fff;}
.th-products ul li:hover .detail-pro a.read-more{ background: #a65526; 	border: 1px solid transparent; }

.products-featured, .th-pro-view{background: #dde2ef;}
.products-featured .slider-product li .img-product{height: 250px;position: relative; }
.th-pro-view .slider-product li .img-product{height: 145px;position: relative; overflow: hidden; }
.th-pro-view .slider-product li .img-product img{-webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.th-pro-view .slider-product li:hover .img-product img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.slider-product li .img-product img{height: 100%;}
.items-product{position: relative;}
.items-product .img-product a{display: block; width: 100%; height: 100%; }
.items-product .img-product a:after{content: ''; display: block; text-align: center;width: 100%; height: 100%; background: rgba(184, 90, 48, .5); position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.items-product .img-product a:before{content: '\f00e'; font-family: FontAwesome; display: block; width: 50px; height: 50px; background: #a65526; border:1px solid #cc7f53;     padding: 14px 16px 16px 18px; border-radius: 50%; font-size: 15px; position: absolute; top: calc(50% - 25px); left: calc(50% - 25px); z-index: 100; color: #fff; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.items-product:hover .img-product a:after{opacity: 1;}
.items-product:hover .img-product a:before{opacity: 1;}
.img-product{position: relative;}
.slider-product li .detail-product{	padding-top: 5px;}
.slider-product li .detail-product h4{font: 500 14px/36px Roboto, sans-serif; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.slider-product li .detail-product h5 a{display: block; height: 50px; font: 500 16px/25px Roboto, sans-serif; color: #32160b; overflow: hidden;}
.slider-product li .detail-product h5 a:hover{color: #a65526;}
.slider-product li .detail-product h4 a{color: #333333;}
.slider-product li .detail-product h4 a:hover{color: #dc8f63;}
.slider-product li .detail-product p{font: 500 14px/36px Roboto, sans-serif; color: #a65526; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.owl-nav .owl-prev{width: 26px;height: 26px; border: 1px solid #000; border-radius: 50%; text-align: center; position: absolute; top: calc(50% - 45px); left: -50px;-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.owl-nav .owl-next{width: 26px;height: 26px; border: 1px solid #000; border-radius: 50%; text-align: center; position: absolute; top: calc(50% - 45px); right: -50px;-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.owl-nav .owl-prev:hover{color: #867373; border-color: #867373;}
.owl-nav .owl-next:hover{color: #867373; border-color: #867373;}

.th-pro-view{padding-bottom: 30px;}
.th-date p{font: 300 14px/25px Roboto, sans-serif; color: rgba(0, 0, 0, .5); text-transform: uppercase;}

/*==========================================================================*/


/*====================================== PAGES CHILDEN ====================================*/
.content-rg{float: right;}
.content-lf{float: left;}
.breadcrumbs ul{border-top: 1px solid #d7d7d7; padding: 19px 0; overflow: hidden;}
.breadcrumbs ul li a{color: #7b7b7b;}
.breadcrumbs ul li:not(:first-child):before{content: '\f105'; font-family: FontAwesome; display: inline-block; margin: 0 10px; }
.breadcrumbs ul li{font:300 14px/24px Roboto, sans-serif; color: #7b7b7b; float: left;}
.breadcrumbs ul li i{color: #b85a30; }
.breadcrumbs ul li i:before{padding-right: 10px;}
.breadcrumbs ul li i:after{content: ''; display: inline-block; width: 1px; height: 18px; background: #7b7b7b; margin-right: 15px;    margin-bottom: -4px; }

.nav-category{margin-bottom: 30px; border: 1px solid #b85a30; padding: 20px;}
.nav-category.nav-slogan{background: #b85a30;}
.nav-category.nav-slogan h4{color: #fff;}
.nav-category h4{color: #c37551; font:700 21px/30px Roboto, sans-serif; text-transform: uppercase; }
.nav-category h4:after{content: ''; display: block; width: 100%; height: 1px; background: #b85a30;	margin-bottom: 10px;}
.nav-category.nav-slogan h4:after{background: #fff;}
.nav-category .nav-content{padding: 30px 0;}
.content-nav-hotline{background: url('../images/bg-hotline.png') no-repeat right center; }

.content-nav-slogan p{color: #fff; font:400 20px/29px Roboto, sans-serif;}
.content-nav-slogan span{font-size: 30px; color: #f4b2a8;}

.content-nav-hotline{}
.content-nav-hotline ul{}
.content-nav-hotline ul li{font:400 14px/24px Roboto, sans-serif; color: #b85a30; padding: 5px 0;}
.content-nav-hotline ul li i{display: inline-block;text-align: center; padding: 5px 0; vertical-align: middle; margin-right: 10px; width: 26px; height: 26px; border: 1px solid #b85a30; border-radius: 50%;}
.content-nav-hotline ul li {}

.content-port{overflow: hidden;padding-bottom: 30px;}
.content-port img{}
.content-port p{margin-bottom: 20px; color: #666666; font:400 14px/24px Roboto, sans-serif: ;}
.th-authors{padding: 10px 0;float: right; text-align: center;}
.th-authors span{display: block; margin-bottom: 20px; font:700 14px/24px Roboto, sans-serif; }

.items-work{padding-bottom: 30px;}
.img-work img:hover{-webkit-transform: scale(1.1); transform: scale(1.1);}
.img-work img{ height: 100%; width: 100%;-webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out }
.img-work{width: 175px; height: 175px; margin-right: 30px; float: left; overflow: hidden;}
.detail-work h4{ font: 700 14px/24px Roboto, sans-serif;  white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; margin-bottom: 15px; text-transform: uppercase; }
.detail-work h4 a{color: #666666;}
.detail-work h4 a:hover{color: #a65526;}
.detail-work .content-work{height: 85px; overflow: hidden;}
.detail-work{width: calc(100% - 205px); float: left; }
.like-read-more{padding: 15px 0; overflow: hidden; }
.th-like{float: left;}
.th-like ul{padding: 5px 0; overflow: hidden;}
.th-like ul li{float: left; margin-right: 10px;}
.read-more{float: right;}
.read-more a.btn-read-more{display: inline-block; font: 700 11px/33px Roboto, sans-serif; text-transform: uppercase; color: #666666; background: transparent; padding: 0 15px; border: 1px solid #666666;}
.read-more a.btn-read-more:hover{    background: #a65526; border: 1px solid transparent; color: #fff;}

.th-pagination{padding-bottom: 30px;overflow: hidden; margin: 0 auto;}
.th-pagination ul {text-align: center;}
.th-pagination ul li{display: inline-block; text-align: center;padding: 2px 0 0 0; border: 1px solid transparent; transition: all 0.3s;}
.th-pagination ul li.active, .th-pagination ul li:hover{ border: 1px solid #b0613d;}
.th-pagination ul li.active a, .th-pagination ul li:hover a{color: #b0613d;}
.th-pagination ul li a{display: block;width: 22px; height: 22px; }

.bg-contact{ padding: 15px; background: url('../images/bg-form-contact.jpg') no-repeat center; -webkit-background-size: cover; background-size: cover; }
.form-contact{margin-top: -5px;}
.form-contact:after{content: ''; display: block; width: calc(50% - 80px); h}
.form-contact label{font:400 14px/normal Avo, sans-serif; color: #fff; padding: 20px 0 5px; height: 44px; overflow: hidden;}
.form-contact input{height: 40px;}
.form-contact input,.form-contact textarea{border-radius: 0; border-color: #cacaca; }
.form-contact div:not(.verify) input, .form-contact div:not(.verify) textarea{padding-left: 55px;}
.form-contact div{position: relative; }
.form-contact .user-name:after{content: '\f007';  font-family: FontAwesome;font-size: 20px; color: #6c6c6c; display: block; width: 40px;height: calc(100% - 48px); text-align: center; padding-top: 10px; border-right: 1px solid #cacaca; background: #f1f1f1; position: absolute; top: 48px; left: 0;}
.form-contact .email:after{content: '\f0e0';  font-family: FontAwesome;font-size: 20px; color: #6c6c6c; display: block; width: 40px;height: calc(100% - 48px); text-align: center; padding-top: 10px; border-right: 1px solid #cacaca; background: #f1f1f1; position: absolute; top: 48px; left: 0;}
.form-contact .address:after{content: '\f124';  font-family: FontAwesome;font-size: 20px; color: #6c6c6c; display: block; width: 40px;height: calc(100% - 48px); text-align: center; padding-top: 10px; border-right: 1px solid #cacaca; background: #f1f1f1; position: absolute; top: 48px; left: 0;}
.form-contact .content-contact:after{content: '\f075';  font-family: FontAwesome;font-size: 20px; color: #6c6c6c; display: block; width: 40px;height: calc(100% - 48px); text-align: center; padding-top: 10px; border-right: 1px solid #cacaca; background: #f1f1f1; position: absolute; top: 48px; left: 0;}
.form-contact .verify{padding: 10px 0 5px 0;}
.form-contact .verify input{padding: 5px 10px;}
.form-contact .verify .th-read-more{float: right;}
.form-contact .verify .th-read-more i{margin: 0 5px;}

.img-contact{padding-top: 15px;}
.content-port .verify .read-more a.btn-read-more{border-color: #fff; color: #fff;}
.content-port .verify img{margin: 0;}
.slogan-contat h4{font: 400 24px/normal Roboto, sans-serif; color: #fff; padding: 50px 15px;}

.th-category-content{padding-bottom: 30px;}
.th-category-content h4{font:400 14px/30px AvoB, sans-serif; color: #fff; background: #b85a30; text-transform: uppercase; padding: 15px 20px; position: relative;}

.th-category-content button.accordion{ position: relative;background:#9f9f9f url('../images/bg-bd-cat.png') no-repeat center bottom; color: #fff; cursor: pointer;border: 0; padding: 15px; width: 100%; text-align: left; outline: none; font: 400 14px/30px Avo, sans-serif; } 
.th-category-content button.accordion.active{background:#9f9f9f; border-bottom: 1px solid #3d3d3d;}
.th-category-content button.accordion:before{content: ''; display: inline-block; border: 5px solid transparent; border-left: 5px solid #fff; margin-right: 5px;}
.th-category-content button.accordion:after{content: '\f105'; display: block; font-family: FontAwesome ;position: absolute; top: 15px; right: 20px; transition: all 0.3s;}
.th-category-content button.accordion.active:after, .th-category-content button.accordion:hover:after{transform: rotate(90deg);}
.th-category-content button.accordion.active, .th-category-content button.accordion:hover {background-color: #7b7b7b;}
div.panel1 {background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }
.th-category-content ul li:before{content: '\f068'; font-family:FontAwesome ; display: inline-block; color: #fff; margin-right: 10px; vertical-align: middle;}
.th-category-content ul li{background:#9f9f9f url('../images/bg-bd-cat.png') no-repeat center bottom; padding: 15px 20px;}
.th-category-content ul li a{display: inline-block; font:400 14px/30px Avo, sans-serif; color: #fff;}

.read-rights{background: url('../images/bg-read-rights.jpg') no-repeat center; -webkit-background-size: cover; background-size: cover;}
.nav-category .content-read-rights{padding: 15px; position: relative;}
.nav-category .content-read-rights:after{content: ''; display: block; width: 65px; height: 65px; border-top:  1px solid #fff; border-left: 1px solid #fff;position: absolute; top: 0px; left: 0px;}
.content-read-rights p{color: #fff;}

.content-rg .img-product{height: 360px;}
.content-rg .img-product img{width: 100%; height: 100%;}
.detail-pro2{padding: 60px 15px 15px 15px;   overflow: hidden;	  background: -webkit-gradient(linear,left top,left bottom,color-stop(0.3, transparent ),color-stop(0.7, rgba(0, 0, 0, 0.8))); position: absolute; bottom: 0; left: 0; width: 100%; z-index: 100;}
.detail-pro2 div{width: 50%; float: left; color: #fff;}
.detail-pro2 div p{margin-bottom: 5px; font:400 14px/19px Roboto, sans-serif; }
.detail-pro2 div p.th-price{font:400 19px/19px Roboto, sans-serif; margin-bottom: 25px;}
.detail-pro2 .pro2-rg{text-align: right;}

.detail-pro3{padding: 15px 15px 0 15px;}
.detail-pro3 h4{text-align: center; font: 700 19px/21px Roboto, sans-serif; text-transform: uppercase;  color: #b85a30;}
.detail-pro3 h4 a{width: 100%; color: #b85a30;}
.detail-pro3 h4 a:hover{ color: #3d3d3d;}
.content-rg .items-product{margin-bottom: 30px;}

.th-gallery { width: 100%; position: relative; background-color: #fff; margin-bottom: 30px; padding: 0 5px; }
.th-gallery:after { padding-top: 42.85714285714287%; display: block; content: ''; }
.th-gallery .column { position: absolute; left: 0; top: 0; width: 14.2857142857142857%; float: left; padding: 10px; box-sizing: border-box; }
.th-gallery .column .inner { width: 100%; position: relative; overflow: hidden; }
.th-gallery .column .inner img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.th-gallery .column .inner:after {padding-top: 100%; /* ratio 1:1 */display: block; content: ''; }
.th-gallery .column .inner:before { content: ' '; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: 300ms ease-in-out; transition: 300ms ease-in-out; background-color: rgba(0, 0, 0, 0.4); z-index: 100; }
.th-gallery .column .inner:hover:before { background-color: rgba(0, 0, 0, 0); }
.th-gallery .column:nth-child(1) { width: 28.5714285714285714%; }
.th-gallery .column:nth-child(2) { left: 28.5714285714285714%; }
.th-gallery .column:nth-child(3) { left: 28.5714285714285714%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.th-gallery .column:nth-child(4) { width: 28.5714285714285714%; left: 42.85714285714286%; top: 0; }
.th-gallery .column:nth-child(4) .inner:after { padding-top: 48.7%; }
.th-gallery .column:nth-child(5) { left: 71.42857142857143%; top: 0; }
.th-gallery .column:nth-child(6) { left: auto; right: 0; top: 0; }
.th-gallery .column:nth-child(7) { left: 71.42857142857143%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.th-gallery .column:nth-child(8) { left: auto; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.th-gallery .column:nth-child(9) { width: 28.5714285714285714%; top: auto; left: 0; bottom: 0; }
.th-gallery .column:nth-child(9) .inner:after { padding-top: 48.7%; }
.th-gallery .column:nth-child(10) {left: 28.5714285714285714%;top: auto;bottom: 0;}
.th-gallery .column:nth-child(11) {left: 42.85714285714286%;top: auto;bottom: 0;width: 28.5714285714285714%;}
.th-gallery .column:nth-child(12) {left: auto;top: auto;bottom: 0;right: 0;width: 28.5714285714285714%;}
.th-gallery .column:nth-child(12) .inner:after { padding-top: 48.7%; }
/*====================================== PAGES CHILDEN ====================================*/

@-moz-document url-prefix() { }

@media (min-width: 1190px){}
@media (max-width: 1024px){
	.camera_prev{ left: calc((100% - 970px)/2); }
	.camera_next{ right: calc((100% - 970px)/2); }
}
@media (max-width: 991px){
	.camera_prev{ left: calc((100% - 750px)/2); }
	.camera_next{ right: calc((100% - 750px)/2); }
	.th-menu a.btn-menu{display: block;}
	.th-menu a.btn-menu:before{ display: inline-block;}
	.header-top, ul.menu-bar{display: none;}
	
	.th-social ul li{margin-top: 5px; display: block;}

	.th-logo{top: 10px;}
	.owl-nav .owl-prev{left: 15px; color: #fff; border-color:#fff;}
	.owl-nav .owl-next{right: 15px; color: #fff; border-color:#fff;}
	.img-contact{display: none;}
	.content-lf{margin-bottom: 30px;}


	.th-gallery .column {position: relative;left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; transform: none !important; }
	
	.th-gallery .column:nth-child(1){width: 66.66%;}
	.th-gallery .column:nth-child(2){width: 33.33%;}
	.th-gallery .column:nth-child(3){width: 33.33%;}
	.th-gallery .column:nth-child(4){width: 100%;}
	.th-gallery .column:nth-child(5){width: 25%;}
	.th-gallery .column:nth-child(6){width: 25%;}
	.th-gallery .column:nth-child(7){width: 25%;}
	.th-gallery .column:nth-child(8){width: 25%;}
	.th-gallery .column:nth-child(9){width: 66.1%;}
	.th-gallery .column:nth-child(10){width: 33.66%;}
	.th-gallery .column:nth-child(11){width: 33.33%;}
	.th-gallery .column:nth-child(12){width: 66.33%;}

}
@media (max-width: 768px){
	.th-category-content h4:after{ content: '\f105'; display: block; font-family: FontAwesome; position: absolute; top: 15px; right: 20px; font-size: 30px; transition: all 0.3s; position: absolute; top: calc(50% - 15px); right: 15px;	transform: rotate(90deg);}
}
@media (max-width: 750px){
	.th-products ul li{width: 100%; padding-left: 15px; padding-right: 15px;}
	.th-products ul li:nth-child(2n + 2) .detail-pro{text-align: left;}
	.camera_prev{ left: calc((100% - 680px)/2); }
	.camera_next{ right: calc((100% - 680px)/2); }
	.th-pro-view .slider-product li .img-product{height: 250px;	}
	.content-rg{float: none;}
	.content-lf{float: none;}
	.form-contact{}
	.content-rg .img-product{height: auto;}
	.breadcrumbs{display: none;}

}
@media (max-width: 680px){}
@media (max-width: 630px){}
@media (max-width: 500px){
	.header{background: #32160b; position: relative;}
	.th-logo{left: 20px; top: 25px;}
	.th-menu a.btn-menu{top: 40px;right: 20px;}
	.th-slider{display: none;}
	.th-products ul li{height: 200px;}
	.img-work{width: 100%; height: auto; float: none; margin: 0 0 15px 0;}
	.detail-work{width: 100%; float: none;}
	.form-contact .verify .th-read-more{float: none; padding-top: 20px;}
	.th-gallery .column:nth-child(1){width: 100%;}	
	.th-gallery .column:nth-child(2){width: 50%;}	
	.th-gallery .column:nth-child(3){width: 50%;}	
	.th-gallery .column:nth-child(5){width: 50%;}	
	.th-gallery .column:nth-child(6){width: 50%;}	
	.th-gallery .column:nth-child(7){width: 50%;}	
	.th-gallery .column:nth-child(8){width: 50%;}	
	.th-gallery .column:nth-child(9){width: 100%;}	
	.th-gallery .column:nth-child(10){width: 50%;}	
	.th-gallery .column:nth-child(11){width: 50%;}	
	.th-gallery .column:nth-child(12){width: 100%;}	
	.th-logo{width: 100px;}
	.header{height: 110px;}
}
@media (max-width: 420px){}