/*-------------------------------------------------------*/
/* PRELOADER */
/*-------------------------------------------------------*/
.prague-loader {text-align: center;font-size: 0;white-space: nowrap;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 3000;-webkit-transition: visibility 0s;-o-transition: visibility 0s;transition: visibility 0s;}
.prague-loader .prague-loader-wrapper {position: absolute;top: 0;right: 0;bottom: 0;left: 0;height: 100%;display:flex;background-color: white;-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);-webkit-transform-origin: center bottom;-ms-transform-origin: center bottom;transform-origin: center bottom;-webkit-transition: -webkit-transform 0.6s linear;transition: -webkit-transform 0.6s linear;-o-transition: transform 0.6s linear;
transition: transform 0.6s linear;transition: transform 0.6s linear, -webkit-transform 0.6s linear;}
.prague-loader .prague-loader-bar {display: inline-block;text-align:center;position: relative;overflow: hidden;vertical-align: middle;max-width: 800px;left:0;right:0;margin:auto;padding:20px 50px;font-family: 'avob';font-size:40px;text-transform:uppercase;color: white;-webkit-transition: -webkit-transform 0s linear;
transition: -webkit-transform 0s linear;-o-transition: transform 0s linear;transition: transform 0s linear;transition: transform 0s linear, -webkit-transform 0s linear;-webkit-transform: scaleX(1) translateY(-50%);-ms-transform: scaleX(1) translateY(-50%);transform: scaleX(1) translateY(-50%);-webkit-transform-origin: center right;-ms-transform-origin: center right;transform-origin: center right;z-index: 2;}
.prague-loader .prague-loader-bar:after {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background-color: #111111;border-radius: 2px;-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: center left;-ms-transform-origin: center left;transform-origin: center left;-webkit-animation: loading 2s linear infinite forwards;animation: loading 2s linear infinite forwards;}
.prague-loader.is-loaded {-webkit-transition-delay: 0.6s;-o-transition-delay: 0.6s;transition-delay: 0.6s;visibility: hidden;}
.prague-loader.is-loaded .prague-loader-wrapper {-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: center top;-ms-transform-origin: center top;transform-origin: center top;}

@media only screen and (max-width: 991px) {
.prague-loader .prague-loader-bar {width: 80%;}
}

@media only screen and (max-width: 767px) {
.prague-loader .prague-loader-bar {font-size: 30px;height:150px;}
}
@media only screen and (max-width: 467px) {
.prague-loader .prague-loader-bar {font-size: 22px;height: 75px;padding:20px 0;}
}

@-webkit-keyframes loading {0% {-webkit-transform: translate(0) scaleX(0);transform: translate(0) scaleX(0);}30% {-webkit-transform: translate(0) scaleX(1);transform: translate(0) scaleX(1);}100%, 80% {-webkit-transform: translate(100%) scaleX(0);transform: translate(100%) scaleX(0);}}

@keyframes loading {0% {-webkit-transform: translate(0) scaleX(0);transform: translate(0) scaleX(0);}30% {-webkit-transform: translate(0) scaleX(1);transform: translate(0) scaleX(1);}100%, 80% {-webkit-transform: translate(100%) scaleX(0);transform: translate(100%) scaleX(0);}}

@-webkit-keyframes scaleout-image {0% {-webkit-transform: translate(-50%, -50%) scale(0.5);transform: translate(-50%, -50%) scale(0.5);opacity: 0.8;}100% {-webkit-transform: translate(-50%, -50%) scale(1);transform: translate(-50%, -50%) scale(1);opacity: 0;}}

@keyframes scaleout-image {0% {-webkit-transform: translate(-50%, -50%) scale(0.5);transform: translate(-50%, -50%) scale(0.5);opacity: 0.8;}100% {-webkit-transform: translate(-50%, -50%) scale(1);transform: translate(-50%, -50%) scale(1);opacity: 0;}}

#slideshow {position:relative;width:100%;z-index:1}
#slideshow img{width:100%;height:auto;float:left}
.top-header{background:#2f2f2f;color:#fff;}
.top-header .container{padding: 8px 0 9px;}
.phonetop{position:relative;padding-left:22px;background:url(/Design/iphone.png) no-repeat 0 2px;}
.phonetop:before{content:"";position:absolute;left:0;background:url(/Design/iphone.png) no-repeat;width:16px;height:16px;top: 2px;}
.mailtop{margin-left:25px;padding-left:33px;position:relative;background: url(/Design/imail.png) no-repeat 0 4px;}
.mailtop:before{content:"";position:absolute;left:0;background:url(/Design/imail.png) no-repeat;width:26px;height:13px;top: 4px;}
.topheadr a{display:inline-block;position:relative}
.topheadr a:first-child{margin-right:20px;padding-right:20px;position:relative}
.topheadr a:first-child:before{content:"";border-right:1px solid #fff;position:absolute;right:0;height: 12px;top: 5px;}
.topheadr a:hover{color:#B27210}

.header-width-slider .middle-header{position:absolute;width:100%;z-index:9;}
.header-non-slider{background:#2f2f2f;}
.middle-header .container{height:120px;position:relative;display:flow-root;z-index:999;}
.logo{float:left;height: 85px;margin-top: 22px;}
.logo2{display:none}
.logo img{height:100%}
.midhead .container{height:92px}
.midhead{color:#fff}
.midhead .logo2{display:block}

.nav_main{float:right}
.menu_main{margin-top: 57px;}
.menu_main >li{float:left;font-size:14px;text-transform:uppercase}
.menu_main >li+li{margin-left:80px}
.menu_main >li > a {display:block;padding-bottom:10px;position:relative;transition:background .5s;}
.menu_main >li:hover >a {color:#B27210;}
.menu_main >li.home >a{padding-left:40px;}
.menu_main >li.home >a:before{content:"\f015";font-family:fontawesome;position:absolute;left:15px;font-size:20px;top:10px;}
.menu_main >li.lilh{display:none}
.menu_main .menusub{position:absolute;display:none;box-sizing:border-box;padding-top:5px;}
.menu_main .menusub:before{content:"";border:5px solid transparent;border-bottom-color:#d80508;top:-5px;position:absolute;left:20px}
.menu_main .menusub li > a{background-color:#eddf00;padding:12px 20px;color:#fff;display:block;}
.menu_main .menusub li:hover > a{background:#eddf00;color:#3f3f3f;}
nav .menu_left,nav .menu_right{float:left;}nav .menu_right{margin-left:200px;}
.menu_main .submenu{background-color:#f4f4f4;position:absolute;display: none;min-width:180px}
.menu_main .submenu li a{padding:6px 20px;display:block;color:#2f2f2f;}
.menu_main .submenu li:hover a{background-color:#B27210;color:#fff;}
.menu_main .submenuthucdon {width:1150px;background: #fff;right:0;}
.newmn {width:19%;float:left;margin-left: 0.8%;overflow:hidden;margin-bottom: 10px;}
.imgmn {height: 136px;overflow: hidden;border:3px solid #B27210;}
.imgmn img {width:100%;min-height:100%;transition:  0.5s;-webkit-transition: 0.5s}
.newmn .tenmn {text-align: center;font-weight:  bold;margin-bottom:  10px;margin-top: 5px;color: #3f3f3f;}
.middle-header.fix-menu{background:#2f2f2f;position:fixed;width:100%;top:0;z-index:9}
.middle-header.fix-menu .container{height: 92px;}
.middle-header.fix-menu .logo{display:none}.middle-header.fix-menu .logo2{display:block;margin-top:3px}
.middle-header.fix-menu .menu_main{color:#fff;margin-top: 38px;}
.header-non-slider .logo2{display:block;margin-top:3px}
.header-non-slider .menu_main{color:#fff;margin-top: 38px;}
#ShowMenu{display:none;}
@media only screen
and (max-width :1023px){
#ShowMenu{display:block;float:right;height:35px;width:35px;position:relative;background:#B27210;border-radius:4px;font-size: 18px;}
#ShowMenu:before{content:"\f0c9";font-family:fontawesome;position:absolute;color:#fff;margin:auto;width:14.4px;height:24px;left:0;right:0;top:0;bottom:0;}
#ShowMenu.close:before{content:"\f00d";width:12px}
.logo{height:45px;margin-top:0}
.middle-header{transition:.5s}
.middle-header .container,.midhead .container{padding:20px 0;height:auto}
.middle-header.open-menu{background:#2f2f2f}
.middle-header.open-menu .logo{display:none}.middle-header.open-menu .logo2{display:block}
.nav_main {position:fixed;z-index:999;overflow:scroll;top:85px;background:#fff;width:100%;height:calc(100% - 85px);display:none;left:0;float:none}
.menu_main{margin:20px 0}
.menu_main >li{float:none;color:#2f2f2f;text-align:center}
.menu_main >li.lilh{display:block}
.menu_main >li+li{margin-left:0}
.menu_main >li > a{text-transform:uppercase;color:#2f2f2f;font-family:avob;padding:10px}
.menu_main >li:hover >a {color:#B27210;}
.menu_main .submenu{position:relative;overflow:hidden;display:block}
}
@media only screen
and (max-width :467px){
#ShowMenu{width:35px;height:35px;font-size:18px;top:0}
#ShowMenu:before{width:14.4px;height:24px}



}

footer{background:url(/Design/bgf.jpg) center;background-size:cover;color:#fff}

.topfoot .container{padding: 40px 0 43px;}
.tenctyf{font-family:avob2;font-size:22px}
.iff{margin-top: 17px;font-size:14px;font-family:ro;}
.iff >*{position:relative;line-height:1.8;}
.iff >*:before{content:"\f3c5";font-family:fontawesome;font-weight:900;margin-right:2px;width:14px;text-align:center;display:inline-block;margin-left:1px}
.iff >*:nth-child(2):before{content:"\f879"}.iff >*:nth-child(3):before{content:"\f0e0";}.iff >*:nth-child(4):before{content:"\f26b";font-weight:500}
.mxhf{overflow:hidden;;margin-top:40px}
.mxhf a{height:26px;width:26px;background:#B27210;color:#fff;display:flex;float:left;border-radius:4px;font-size:13px}
.mxhf a+a{margin-left:8px}
.mxhf a:hover{background:#fff;color:#B27210}
.mxhf i{margin:auto}
.titf{font-family:avob;text-transform:uppercase;font-size:22px;}
.tagf{margin-top:12px}
.tagf a{font-size:13px;display:inline-block;border:1px solid #dbdbdb;padding:6px 8px 7px;margin-bottom:5px;border-radius:4px;font-family:ro;transition:.3s}
.tagf a+a{}
.tagf a:hover{background:#B27210;border-color:#b27210}
.foot{font-size:15px;font-family:ro;padding:23px 0 30px;border-top:1px solid rgba(255, 255, 255, 0.6)}
@media (min-width: 768px){
.col-md-4.topf2 {flex: 0 0 36.666667%;max-width: 36.666667%;}
.col-md-4.topf3 {flex: 0 0 30%;max-width: 30%;}
}
@media only screen
and (max-width :467px){
.titf{margin-top:0;font-size:18px}
.mxhf{margin-top:20px}
.foot{text-align:center}
}

.tithome{font-family:avob;text-transform:uppercase;font-size:22px;color:#B27210;position:relative;padding-bottom:12px;text-align:center}
.tithome.b{margin-bottom:20px}
.tithome:before{content:"";position:absolute;bottom:0;left:0;background:url(/Design/line.svg) no-repeat center;background-size:auto 100%;height:4px;width:100%;}
.titsp{background-size: cover;background-position: bottom;color:#fff;display:flex;height:600px;position:relative;font-family:gotl}
.titsp:before{background:#00000055;content:"";width:100%;height:100%;top:0;left:0;position:absolute;}
.titsp .flex{margin:auto;margin-bottom:50px;width: 90%;max-width:1000px;text-align:center;position:relative;z-index:5;}
.titsp h2{font-family:got;font-size:48px;position:relative;text-transform:uppercase}
.titsp p{text-transform:uppercase;font-weight:900;}
.titnews{font-size:22px;font-family:avob;position:relative;padding-bottom:15px;margin-bottom:15px;color:#B27210}
.titnews:before{content:"";position:absolute;bottom:0;background:url(/Design/line.svg) no-repeat left;background-size:auto 100%;height:4px;width:100%}
.titcat{text-align:center;font-size:24px;text-transform:uppercase;font-family:gotl;margin-bottom:20px}
@media only screen
and (max-width :467px){
.titsp{height:200px}
.titsp h2{font-size:40px}
}

.abouthome{position:relative;background:#fff}
.abouthome:before{content:"";position:absolute;top:0;left:0;width:100%;height:18px;background:url(/Design/ruler3.svg) top;}
.abouthome .container{padding:70px 0;overflow:initial}
.ulgt{margin-top:30px}
.ulgt .item{background:#fff;text-align:center;border:1px solid #DFDFDF;border-radius:8px;padding:57px 30px 62px;color:#000;transition:.3s}
.ulgt .item:hover{box-shadow:0px 0px 24px rgba(0, 0, 0, 0.15);border-color:#fff}
.ulgt img{height:124px}
.ulgt h4{font-family:avob;margin:37px 0 12px}
.ulgt p{font-size:14px;line-height:20px;height:80px;overflow:hidden}
@media only screen and (max-width :467px){
.ulgt{margin-top:10px}
.ulgt .item{padding:30px}
.ulgt h4{margin-top:20px}
.ulgt p{height:auto}
}

/*banggia*/
.banggia{background:#fff;position:relative;overflow:hidden}
.banggia:before{content:"";top:0;left:0;position:absolute;width:100%;height:300px;background:url(/Design/bgbg.jpg) center;background-size:cover}
.banggia .container{padding:50px 0 45px;position:relative;overflow:initial}
.banggia .title{font-size:20px;font-weight:bold;color:#fff;font-family:got;}
.ulbg{margin-top:25px;font-family:got;}
.ulbg .item{background:#fff;box-shadow: 0 0 50px #666;text-align:center;padding:20px}
.ulbg .td{font-size:22px;text-transform:capitalize;color:#555;padding:10px 0 50px;position:relative}
.ulbg .td:before{content: '';width: 2px;height: 50px;top: 52px;left: 50%;margin-left: -2px;background: #555;position: absolute;}
.ulbg .gia{font-size: 18px;color:#000;font-weight:bold;margin-top:15px}
.ulbg .nd{font-size:13px;font-family:gotl;line-height:1.8;margin-top:15px;height:139.2px}
.ulbg .link a{display:inline-block;font-size:13px;text-transform:uppercase;font-weight:bold;border:1px solid #333;padding:5px 20px 8px;margin-top:30px}
.ulbg .link a:hover{background:#333;color:#fff}
.botbg{margin-top:40px}
.botbg .tit{text-align:center;text-transform:uppercase;font-size:24px;font-family:gotl}
.botbg .detail{font-size:15px}
.botbg .ulsp{margin-top:20px}
@media only screen 
and (max-width: 467px){
.ulbg .item{padding:20px 10px}
.ulbg .nd{height:auto}
}

/*dghome*/
.dghome{background:url(/Design/bg-review.jpg);background-size:cover;color:#fff;position:relative;}
.dghome:before{background:#00000055;content:"";width:100%;height:100%;top:0;left:0;position:absolute;}
.dghome .container{padding:50px 0 40px;position:relative;z-index:5;}
.dghome .title{text-align:center;font-family:avob;text-transform:uppercase;font-size:22px}
.uldg{margin-top:40px}
.lidg .nd{background: rgba(0, 0, 0, 0.5);padding:30px;font-size:18px;position:relative;}
.lidg .nd:before{content:"\f10d";font-family:fontawesome;font-weight:900;font-size:30px;position:relative;left:-15px}
.lidg .nd:after{position: absolute;content: "";border: 15px solid transparent;border-top-color:rgba(0, 0, 0, 0.5);bottom:-30px;}
.lidg .if{margin-top:25px}
.imgava{width:88px;height:88px;border-radius:50%;float:left}
.lidg hgroup{float:right;width:calc(100% - 88px);padding-left:22px;margin-top:18px}
.lidg hgroup h4{font-size:18px;font-family:avob}
.lidg hgroup h5{font-size:15px}
@media only screen 
and (max-width: 467px){
.dghome .title{font-size:18px}
.uldg{margin-top:20px}
.lidg .nd{font-size:14px;padding:15px}
.lidg .nd:before{display:none}
}

/*bothome*/
.bothome{background:#fff}
.bothome .container{padding:40px 0;overflow:initial}
.litt{border-radius:8px;overflow:hidden;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);}
.imgtt{padding: 31%;}
.litt .nd{padding:15px 20px 27px}
.litt h4{font-size:15px;font-family:avob;color:#000;height:41.6px;}
.litt h4:hover{color:#B27210}
.litt .link a{font-size:14px;text-transform:uppercase;margin-top:10px;display:inline-block;color:#B27210;}
@media only screen 
and (max-width: 467px){

}
.formlh{padding-left:80px;margin-top:15px}
.formlh hgroup h5{font-size:14px;color:#5f5f5f}
.formlh hgroup h4{font-family:avob;color:#B27210;font-size:22px}
.formlh label{color:red}
.formlh .txt{background:none;border-bottom:2px solid #AFAFAF;border-radius:0;font-size:14px;color:#000;padding-bottom:10px;outline:0;box-shadow:none}
.formlh .txt::placeholder{color:#9F9F9F}
.formlh .btn{font-size:15px;color:#fff;background:#B27210;padding:12px 40px 14px;display:inline-block;border-radius:0;margin-top:50px}
.formlh .btn:hover{background:red}
@media only screen 
and (max-width: 467px){
.formlh{padding-left:0;}
.formlh hgroup h4{font-size:18px}
.formlh .col-12{padding:0 15px}
.formlh .btn{margin-top:20px}
}

.producthome{background:#fff}
.producthome .container{padding:50px 0}
.grid{display: grid;grid-template-columns: repeat(2, minmax(100px, 1fr));grid-template-rows: minmax(144px, 1fr);grid-gap: 16px;overflow: hidden;grid-auto-flow: dense;}
.lisp{text-align:center}
.imgsp{padding: 31%;}
.lisp h3{font-family:avob;font-size: 16px;margin-top: 5px;}
.lisp p{font-family:gotl;font-size: 12px;}
@media only screen and (min-width: 768px){
.grid{grid-template-columns: repeat(3, minmax(230px, 1fr));grid-template-rows: repeat(auto-fit, 270px);}
.lisp:first-child{grid-row: span 2;grid-column: span 2;}
.lisp:first-child .imgsp{padding: 34%;}
}
@media only screen and (min-width: 1040px){
.grid {grid-template-columns: repeat(3, minmax(250px, 1fr));grid-template-rows: repeat(auto-fit, 285px);grid-gap: 20px 40px;}
}
@media only screen 
and (max-width: 467px){
.lisp h3{font-family:avo;font-size:13px}
.title-post{font-size:20px}
.boxkhac{margin-top:0 !important}
}

/*slide_da*/
.slide_da {position:relative}
.slide_da .productPhotos{height: 450px;background:#fff;}
#slider .flex-viewport{border:1px solid #bababa}
#slider .slides li{position:relative;height:100%}
#slider .slides img{max-width:100%;max-height:100%;height:auto;width:auto;left:50%;top:50%;transform: translateY(-50%) translateX(-50%);position: absolute;}
#carousel{margin-top:10px;}
#carousel .slides > li{height:100px;cursor:pointer;text-align:center;border:1px solid #bababa;opacity:.5}
.flex-active-slide{opacity:1 !important}
@media only screen 
and (max-width: 467px){
.slide_da .productPhotos{height: 300px}
}

/*binhluan*/
.titbl{text-transform:uppercase;font-size:25px;color:#333;background-color:#ececec}
.titbl span{display:inline-block;border-left:4px solid #B27210;padding:0 10px;padding-right:30px;background:#fff}
.subcm{margin-top:20px}
.tbcmt{margin-bottom:10px;display:block;color:#333;font-size:16px}
.cmbox+.cmbox{margin-top:10px}
.cmbox .txtcm{box-sizing:border-box;outline:0;border: 1px solid #b3b3b3;font-size:14px;color:#333}
.cmbox textarea{width:100%;padding:1%}
.cmbox input[type="text"]{width:30%;padding:10px;}
.cmbox input[type="submit"]{position:relative;top:-2px;padding:9px 15px 10px;background-color:#B27210;color:#fff;cursor:pointer;outline:0;border:none;border-radius:0}
.cmbox input[type="submit"]:hover,.cmbox input[type="submit"]:active{background-color:red}
.showrequest{padding:10px}
.showrequest span{display:block;font-size:14px;}
.dscmt li{overflow:hidden}
.dscmt li+li{margin-top:30px}
.imgcmt{float:left;height:100px}
.imgcmt img{height:100%}
.talkcmt{float:left}
.tencmt{float:left;text-transform:capitalize;font-family:avob;color:red;font-size:18px}
.datecmt{float:left;font-size:14px;color:#555;margin-top:6px;margin-left:10px}
.blcmt{margin-top:10px;color:#333}
.traloi{margin-left:100px}
.tentl{text-transform:capitalize;font-family:mulib;color:#0486da;font-size:18px}
@media only screen 
and (max-width: 467px){
.showrequest{display:none}
}

/*khac*/
.call_home{position:fixed;bottom: 75px;right: 9px;z-index:99}
.call_home a{display:block;color:red;width:191.20px;font-family:got;font-weight:bold;font-size: 20px;padding: 15px 12px 6px 35px;background:url(/Design/bgcall.png) no-repeat;background-size:100% auto;animation:pulse 1s infinite}
.owl-dot .owl-dots{margin-top:30px;text-align:center}
.owl-dot .owl-dots button{outline:0}
.owl-dot .owl-dots span{display: block;width: 14px;height: 14px;margin: 0 3px;border-radius: 50%;border:1px solid #fff}
.owl-dot .owl-dots button.active span,.owl-dot .owl-dots button:hover span{opacity:1;background:#B27210;border-color:#B27210}

.inner_page{padding:50px 0}
.content-wrapper{padding-bottom:50px}
@media only screen 
and (max-width: 467px){
.inner_page{padding:25px 0}
.content-wrapper{padding-bottom:25px;background:#fff}
}