/* Minification failed. Returning unminified contents.
(402,1): run-time error CSS1019: Unexpected token, found '@import'
(402,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700&subset=vietnamese')'
(3327,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3328,6): run-time error CSS1035: Expected colon, found '{'
(3331,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3332,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3336,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3337,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3340,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3341,5): run-time error CSS1035: Expected colon, found '{'
(3344,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3345,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(3348,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3349,5): run-time error CSS1035: Expected colon, found '{'
(3353,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3354,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3359,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3360,5): run-time error CSS1035: Expected colon, found '{'
(3364,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3365,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3368,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3369,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3373,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3374,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3378,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3379,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3383,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3384,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3388,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3389,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3393,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3394,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3398,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3399,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3403,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3404,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3408,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3409,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3413,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3414,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3418,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3419,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3423,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3424,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3428,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3429,5): run-time error CSS1035: Expected colon, found '{'
(3433,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3434,5): run-time error CSS1035: Expected colon, found '{'
(3438,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3439,5): run-time error CSS1035: Expected colon, found '{'
(3443,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3444,5): run-time error CSS1035: Expected colon, found '{'
(3448,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3449,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3453,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3454,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3458,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3459,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3463,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3464,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3467,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3468,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3471,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3472,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3476,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3477,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3481,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3482,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3485,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3486,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3490,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3491,8): run-time error CSS1035: Expected colon, found '{'
(3495,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3496,5): run-time error CSS1035: Expected colon, found ','
(3504,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3505,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3510,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3511,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3515,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3516,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3521,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3522,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3526,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3527,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3531,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3532,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3536,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3537,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3541,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3542,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(3545,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3546,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%'
(3552,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3553,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3557,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3558,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3566,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3567,5): run-time error CSS1035: Expected colon, found ','
(3572,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3573,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3867,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3868,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3874,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3875,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3879,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3880,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3884,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3885,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3889,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3890,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3894,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3895,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3899,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3900,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3907,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3908,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3914,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3915,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3921,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3922,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3926,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3927,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3933,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3934,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3938,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3939,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3943,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3944,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3948,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3949,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
.slide-slidebox { position: relative;-ms-touch-action: pan-y;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: -moz-none;-ms-user-select: none;}
.slide-slidebox.slide-hidden {opacity: 0;}
.slide-slidebox.slide-refresh .slide-item { visibility: hidden;}
.slide-slidebox.slide-drag .slide-item {-ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.slide-slidebox.slide-rtl { direction: rtl; }
.slide-slidebox.slide-rtl .slide-item { float:right; }
.slide-wrapper {position: relative;margin:auto;transform: translate3d(0px, 0px, 0px);height:auto; ;backface-visibility:hidden;}
.slide-wrapper:after { content: ".";display: block;	clear:both;visibility: hidden;line-height:0;height:0; }
.slide-wrapper-outer{overflow: hidden;position: relative;width:100%;}
.visible-true .slide-wrapper-outer{ overflow:visible}

.slide-item {position: relative;  float: left;backface-visibility:hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;transform: translate3d(0px, 0px, 0px);} 
.slide-loading {opacity:0;display:block; }


/*ANIMATION*/
.animated-in {z-index: 0;}
.animated-out{z-index: 1;}


/*AUTO HEIGHT */
.autoheight {transition: height 500ms ease-in-out;}

/*NO JS */
.no-js .slide-slidebox{ display: block;}

/*LAZY LOAD*/
.slide-slidebox .slide-item img.lazyload { opacity:0; transition: opacity 400ms ease; transform-style: preserve-3d;}


/*VIDEO PLUGIN*/
.slide-video-wrapper { position: relative;width:100%; height:100%; background-color:#000; }
.slide-video-frame{position: relative;width:100%; height:100%; }
.slide-video-frame iframe{width:100%; height:100%;}
.slide-video-play-icon { width: 100px; height: 100px; cursor:pointer; position: absolute; left: 50%; top: 50%; margin: -50px 0 0 -50px;   border-radius: 50%; z-index: 99999; }
.slide-video-play-icon::before{content:""; width:100%; height:100%; position:absolute; left:0; top:0; border-radius: 50%;background:url(/Content/theme_btq/images/play.svg) no-repeat 50%/80%; z-index:1}
.slide-video-play-icon::after{content:""; width:100%; height:100%; position:absolute; left:0; top:0; border-radius: 50%;background:linear-gradient(45deg, #eb1c23,  #000); transition: opacity 0.5s ease-in-out;  opacity:0.5; z-index:-1}
.slide-video-play-icon:hover::after { opacity:1;}
.slide-video-playing .slide-video-tn, .slide-video-playing .slide-video-play-icon {display: none;}
.slide-video-tn {opacity:0;  height: 100%;background-position: center center;  background-repeat:no-repeat;background-size:cover;  transition: opacity 400ms ease; }


/*LOAD*/
.preloader {width:100%;height:100%;position:absolute;left:0;top:0; padding-top:calc(50% - 41px);  border:none;background-color:transparent; text-align:center; display:none;z-index:10;}
.preloader::before {content:"";width:82px;height:82px;position:absolute; left:50%; top:50%;margin:-41px 0 0 -41px;background:url(/Content/theme_btq/images/cycle.png) no-repeat center center;animation:Preloader 1s steps(12, end) infinite;}
.loading .preloader{display:block}
.done .preloader{ display:none}

/*GRAB*/
.grabbing{ cursor:ew-resize;cursor:e-resize;cursor:url(/Content/theme_btq/images/grabbing.png) 8 8, move;}

/*PAGINATION*/
.slide-pagination, .slide-buttons{ width:100%; position:relative; height:auto; text-align:center;}
.slide-buttons  svg{width:100%; height:100%;}
.slide-pagination  svg{width:100%; height:100%; position:absolute; left:0; top:0}
.slide-pagination  svg{pointer-events:none}
.slide-pagination.hide, .slide-buttons.hide{ opacity:0; pointer-events:none}
.slide-page{display:inline-block; position:relative;margin:0 5px; cursor: pointer}
.slide-page span:not(.dot-number){display:block;}
.slide-page.active span:not(.dot-number){pointer-events:none}
.slide-buttons.disabled,  .slide-pagination.disabled {display: none;}
.slide-prev, .slide-next, .slide-page span{ cursor:pointer;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none; -ms-user-select: none;transition: all 0.3s ease-in-out;  }
.slide-page span:not(.dot-number){width:18px;height: 6px; border-radius:0;background-color: #ddd; opacity:1;}
.slide-page span:not(.dot-number)::before {content: "";border-width: 1px;border-style: solid;border-color: #ddd;transition: all 0.3s ease-in-out;position: absolute;width: 24px;height: 12px;left: -3px;top: -3px;}
.slide-page.active span:not(.dot-number)::before , .slide-page:hover span:not(.dot-number)::before {border-color:#a97e56}
.slide-page:not(.active):hover span:not(.dot-number), .slide-page.active span:not(.dot-number){background-color: #a97e56;}
.slide-prev.disabled, .slide-next.disabled{ pointer-events:none; opacity:0.3 !important}
.slide-page .dot-number{color:#fff; padding:0;font-size:11px; font-weight:700; line-height:20px; text-align:center; width:20px; height:20px;  border-radius:50%; margin:0; position:relative; display:inline-block; transition: all 0.3s ease-in-out; }
.slide-page .dot-number::before{content:''; width:calc(100% + 4px); height:calc(100% + 4px); left:-2px; top:-2px; position:absolute; border:2px solid #fff;border-radius:50%;  transition: all 0.3s ease-in-out;  }
.slide-page:not(.active):hover  .dot-number{ color:#a97e56} 
.slide-page:not(.active):hover  .dot-number::before{ border-color:#a97e56 !important}
.slide-page.active .dot-number{pointer-events:none;color:#a97e56}
.slide-page.active .dot-number::before{border-color:#fff}
.circle-outer{ stroke:rgba(255,255,255,0.8); fill:none; stroke-width:3; stroke-dasharray:534;transition: all 0.3s ease-in-out}
.slide-page.active .circle-outer{stroke:#a97e56;animation-name:Show100;animation-fill-mode:forwards;}
.slide-next:hover {transform:scale(1.1) translateX(5px)}
.slide-prev:hover {transform:scale(1.1) translateX(-5px)}

/*MODIFY*/
.slide-prev{top:0; left:0; position:absolute; background:url(/Content/theme_btq/images/previous.svg) no-repeat 50% / 90%; width:70px; height:70px;}
.slide-next{top:0; right:0; position:absolute;background:url(/Content/theme_btq/images/next.svg) no-repeat 50% / 90%; width:70px; height:70px;}
.slide-page .dot-number {pointer-events: none;color: #fff;line-height: 30px;width: 30px;height: 30px;font-size:15px}
.slide-page .dot-number::before {display:none}
.slide-page:hover .circle-outer {stroke:#a97e56}

/*THUMB*/
.thumbs-video{width:90%;max-width:600px; margin: auto; position:relative; display:block}
.thumbs{width:90%; max-width:600px; height:auto; left:50%; bottom:2.5vh;  position:absolute;  display:inline-block; margin:0 ; transform: translate(-50%, 0);z-index:5}
.thumb-item{width:auto; height:auto;max-width:90px;  max-height:50px; display:block; position:relative;border:3px solid #fff; overflow:hidden;transition:  border 0.3s ease-in-out;}
.thumb-item a{ display:block}
.slide-item.current .thumb-item{pointer-events:none;  border-color:#a97e50}
.thumb-item:hover{border-color:#a97e50}
.thumb-item img{width:100%; height:auto; display:block;pointer-events:none}

/*RESET*/
.center-slidebox .slide-wrapper{width:100% !important;white-space:nowrap;text-align:center;}
.center-slidebox .slide-item{float:none !important;display:inline-block !important;vertical-align:top;}
.next-item{ z-index:1; cursor:pointer}
.prev-item{ z-index:2; cursor:pointer}

/*NEXT-PREVIOUS*/
.slide-pic-nav{position:absolute;top:50%;left:0;width:100%; height:auto; max-width:inherit; margin:-40px 0 0 0; z-index: 10;}
.next-pic{background:url(/Content/theme_btq/images/next.svg) no-repeat center center / contain;width:80px; height:80px;position:absolute;right:10px;top:0;cursor:pointer;transition: all 0.3s ease-in-out;}
.prev-pic{background:url(/Content/theme_btq/images/previous.svg) no-repeat  center center / contain;width:80px;height:80px;position:absolute;left:10px;top:0;cursor:pointer;transition: all 0.3s ease-in-out;}
.next-pic:not(.disabled):hover, .prev-pic:not(.disabled):hover{   transform:scale(1.2)}
.next-pic.disabled, .prev-pic.disabled{ opacity:0.2; pointer-events:none}

/*ALBUM*/
.album-center .slide-buttons{width:100%; bottom:auto; left:0; top:50%; transform:translateY(-50%)}
.album-center .slide-next{right:20px;background:url(/Content/theme_btq/images/next.svg) no-repeat 50% / 110%;}
.album-center .slide-prev{left:20px;background:url(/Content/theme_btq/images/previous.svg) no-repeat 50% / 110%;}

/*MODIFY*/
.pic-slide .slide-buttons{position:absolute;top:50%;margin:-40px 0 0 0;height:auto;width:100%;left:0;z-index:2}
.pic-slide .slide-prev{background:rgba(0,0,0,0.5) url(/Content/theme_btq/images/previous2.svg) no-repeat 50% / 90%}
.pic-slide .slide-next{background:rgba(0,0,0,0.5) url(/Content/theme_btq/images/next2.svg) no-repeat 50% / 90%}

.dot-grey .slide-page .dot-number{color:#aaa}
.dot-grey .circle-outer{stroke:#aaa}
.dot-grey .slide-page.active .dot-number{color:#a97e56}
.slide-rock .slide-pagination{margin:20px 0 0}
.slide-four .slide-buttons{position:absolute;width:100%;top:50%;bottom:auto;margin:-40px 0}
.slide-four .slide-prev{left:-70px;background:url(/Content/theme_btq/images/previous2.svg) no-repeat 50% / 90%}
.slide-four .slide-next{right:-70px;background:url(/Content/theme_btq/images/next2.svg) no-repeat 50% / 90%}
.slide-content .slide-pagination {bottom: 12vh; left:6vw; position:absolute; width:280px;}
.slide-content .slide-buttons {bottom:calc(12vh + 50px);left:6vw; position:absolute; width:280px;z-index: 10;}
.slide-inspiration .slide-pagination {bottom: 12vh; left:6vw; position:absolute; width:260px;}
.slide-inspiration .slide-buttons  {bottom:calc(12vh + 50px);left:6vw;position:absolute; width:260px;z-index: 10;}
.slide-products-hot .slide-pagination {bottom: 12vh; left:6vw; position:absolute; width:340px;}
.slide-products-hot .slide-buttons  {bottom:calc(12vh + 50px);left:6vw;position:absolute; width:340px;z-index: 10;}


.slide-project .slide-buttons{position:absolute;width:100%;top:50%;bottom:auto;margin:-40px 0}
.slide-project .slide-prev{left:-70px}
.slide-project .slide-next{right:-70px}

.slide-color .slide-buttons{position:absolute;width:100%;top:50%;bottom:auto;margin:-80px 0}
.slide-color .slide-prev{left:-50px;background:url(/Content/theme_btq/images/previous2.svg) no-repeat 50% / 90%;width:100px; height:100px;}
.slide-color .slide-next{right:-50px;background:url(/Content/theme_btq/images/next2.svg) no-repeat 50% / 90%;width:100px; height:100px;}
.slide-color .slide-pagination{ margin:20px 0}


@media screen and (max-width:1100px) {
.slide-page{transform:scale(0.9);margin: 0 3px}
.slide-video-play-icon { height:80px; width:80px; margin:-40px 0 0 -40px; transition:none }
.slide-video-play-icon::after {opacity:1 }
.thumb-item{transition:none}
.thumb-item:hover{border-color:#fff}
.album-center .slide-buttons{ display:none}
.slide-pagination{ margin:20px 0}
.slide-content .slide-pagination, .slide-inspiration .slide-pagination, .slide-products-hot .slide-pagination  {bottom: auto; left:auto; position:relative; margin:10px 0; width:100%}


}



@media screen and (max-width:620px) {
.thumbs, .thumbs-video{max-width:260px;}
.slide-page{transform:scale(0.8)}	

}
@media screen and (max-width:440px) {
.slide-video-play-icon{ height:60px; width:60px;  margin:-30px 0 0 -30px;}	
.slide-page span:not(.dot-number) {transform:scale(0.8);}
.thumb-item{height:45px;}
.slide-page {margin:0 2px}

}




@media screen and (min-width:1100px){
/* LAYOUT */
.sub-nav li a, .social, .nav li a, .wheel, .footer, .logo, .language li a, .search-but{ transition:all 0.3s ease-in-out;}
.nav li a:hover {color:#a97e56}
.language li a:hover{ color:#aaa}
.search-but:hover{color:#fff;}

/*HEADER*/
.pro-header, .inspiration {transition: all 0.3s ease-in-out}
.pro-header:hover, .inspiration:hover {color:#aaa}	

/*LEFT-HEADER & RIGHT-HEADER*/
.left-header a:hover, .right-header a:hover{color:#fff !important;transition:all 0.3s ease-in-out;}
.left-header a:hover svg, .right-header a:hover svg{color:#f2d97c !important;transition:all 0.3s ease-in-out;}
body.auto .contact-phone:hover a{color:#fff}
body.auto .contact-phone:hover svg{color:#f2d97c;border-color:#f2d97c}

/*SOCIAL*/
.social li a, .contact-phone a{ transition:all 0.3s ease-in-out;}
.foreground{ transition:all 0.6s ease-in-out;}
.social li a:hover .foreground { stroke-dashoffset: 0; }
.social li a:hover, .contact-phone:hover a {color:#a97e56;}

/*CLOSE-PIC*/
.close-pics-small{transition:all 0.3s ease-in-out}
.close-pics-small:hover{transform:rotate(180deg) scale(1.1)}

/* SUB NAV */
.sub-nav li a{transition:all 0.3s ease-in-out}
.sub-nav li:hover a{background-color:#000}
.box-nav li a::before,.box-nav li:hover a, .sub-news li a::before{transition: all 0.3s ease-in-out;}
.box-nav li:hover a {color:#fff}
.box-nav li:hover a::before, .sub-news li:hover a::before {opacity:1}

/*FOOTER*/	
.company-info li a{transition:all 0.3s ease-in-out}
.company-info li a:hover{color:#a97e56}

/*SLIDEBAR*/
.nav-click:not(.active):hover::after, .nav-click:not(.active):hover::before, .nav-click:not(.active):hover .open-click::before  {background-color:#a97e56; box-shadow:0 30px 30px rgba(0,0,0,0.2);}
.nav-click:not(.active):hover .open-click {color:#a97e56; text-shadow:0 30px 30px rgba(0,0,0,0.2);}
.nav-click:not(.active).brown:hover .open-click{color:#fff; text-shadow:0 30px 30px rgba(0,0,0,0.2);}
.nav-click:not(.active).brown:hover::after, .nav-click:not(.active).brown:hover::before, .nav-click:not(.active).brown:hover .open-click::before {background-color:#fff;box-shadow:0 30px 30px rgba(0,0,0,0.2);}
.nav-click.active:hover small{color:#a97e56;}
.nav-click.active:hover::after, .nav-click.active:hover::before, .nav-click.active:hover .open-click::before {background-color:#a97e56;}

/*BUTTON*/
.go-top, .go-back,  .close, button, .close-video, .close-pics, .close-album, .close-popup,  .close-news, .view-more, .view-more::after,.txt-products-hot a, .txt-products-hot a:after, .go-news, .go-news::after, .zoom-control a, .pic-zoom-in, .pic-zoom-out,.button-red, .btn, .login-click, .register-click, .back-but{transition:all 0.3s ease-in-out;}
    .close-pics:hover, .close-news:hover, .close-album:hover, .close-popup:hover, .close-video:hover, .close-pdf:hover, .close:hover, .go-back:hover {
        transform: rotate(90deg);
    }
.close-popup:hover{background-color:#666;color:#fff}
.go-top:hover{background-color:#a97e56;box-shadow:0 30px 30px rgba(0,0,0,0.2); border-color:transparent}
.btn:hover{background-color:#333 !important;color:#fff !important; box-shadow:0 10px 20px rgba(0,0,0,0.2);}
.view-more::after, .go-news::after{ background-image:linear-gradient(45deg, #4b2e00 20%, #a97e56 100%); box-shadow:0 30px 30px rgba(0,0,0,0.2);opacity:0}
.view-more:hover::after, .go-news:hover::after{opacity:1}
.view-more:hover,  .go-news:hover{margin:0; color:#fff}

.txt-products-hot a:after{ background-image:linear-gradient(45deg, #4b2e00 20%, #a97e56 100%); box-shadow:0 30px 30px rgba(0,0,0,0.2);opacity:0}
.txt-products-hot a:hover::after{opacity:1}
.txt-products-hot a:hover{margin: 10px 0 0 0; color:#fff}

.pic-zoom-in:hover, .pic-zoom-out:hover{background-color: #a07759;}
.zoom-control a:hover {background-color: #edc97d;}
.button-red:hover{background-color:#444}
.slider-pagination li a, .slider-pagination .circle-outer{transition:all 0.3s ease-in-out;}
.slider-pagination li:hover a{ color:#a97e56}
.slider-pagination li:hover .circle-outer{stroke:#a97e56;}
.zoom::before{transition:all 0.3s ease-in-out}
.zoom:hover::before{background-color:#000}
.login-click:hover, .register-click:hover{ color:#000}
.thumb-album:hover .pic-img, .thumb-video:hover .pic-img{width:110px; height:60px;margin:5px}
.back-but:hover {background-color:#666;box-shadow:0 10px 20px rgba(0,0,0,0.2);}
.contact-form .input-but button:hover{background-color:#666;}
	
/* HOME PAGE */
.pic-news-home::after, .company a, .title-main h2::after {transition:all 0.3s ease-in-out}
.pic-img{transition:all 0.6s ease-in-out}
.company a:hover {color: #edc97d}
.grid-item-img:hover img:nth-child(2){ opacity:1}

/*NEWS HOME*/
.pic-news-home::after{ content:'';border:10px solid transparent; width:100%; height:100%; left:0; top:0; position:absolute;transition:border-color 0.3s ease-in-out}
.box-news:hover .pic-news-home::after{ border-color:#eedfc6}
.box-news:hover .pic-img {transform: scale(1.1);}
.box-news:hover .view-more::after, .box-news:hover .go-news::after{opacity:1}
.box-news:hover .view-more, .box-news:hover .go-news{margin:0;color:#fff}

/*PRODUCT-PAGE*/	
.product-item, .outer-product ul li{cursor:pointer}
.product-item-pic::after, .product-item-pic::before, .text-hide{transition:all 0.3s ease-in-out}
.text-hide, .product-item-pic::after{opacity:0;}
.product-item-pic::before {height:0%; opacity:0}
.product-item:hover .product-item-pic::before{height:100%;opacity:1;}
.product-item:hover .text-hide{opacity:1;transform:none;}
.product-item:hover .product-item-pic::after{ opacity:1}
.text-show::after{width:0;transition:all 0.5s cubic-bezier(.23,1,.38,1) 0.5s}	
.product-item:hover .text-show::after{width:60px}
.product-item:hover  .pic-img{transform: scale(1.05);}


/*TOUCH SCREEN*/
.touch .text-hide{opacity:1;transform:none;}
.touch .text-show::after{width:60px}
.touch .product-item-pic::before{opacity:1;height:100%}
.touch .pic-aplly::after{background-color: rgba(0,0,0,0.5);}
.touch .bottom-content{ opacity:1}

/*PRODUCT-DETAIL-PAGE*/
.pic-four::after,.small-color .pic-img, .small-color .pic-img::after,.outer-product li,.order-but{transition:all 0.3s ease-in-out}
.pic-four::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;border:5px solid #a97e56;opacity:0}
.item-four:hover .pic-img{background-position:80% 100%}
.item-four:hover .pic-four::after{opacity:1}
.outer-product li:hover{background-color:#000}
.order-but:hover {background-color:#000;box-shadow:0 10px 20px rgba(0,0,0,0.2);}
.small-color:hover .pic-img{box-shadow:10px 10px 20px rgba(0, 0,0,0.3);}
.small-color:hover .pic-img::after{opacity:1}

/*BUTTON*/
.order-product{transition:all 0.3s ease-in-out}
.order-product{cursor:pointer}
.order-product:hover{background-color:#666}
.info-details .btn:hover{background-color:#000}	

/*SHOP-HOUSE*/

/*INSPRIRATION*/
.view-pro,.view-pro span,.view-pro::after,.txt-small-color h2{transition:all 0.3s ease-in-out}	
.view-pro:hover{color:#a97e56;padding:0 5px 0 20px}
.view-pro:hover::after{width:100%;border-radius:30px}
.view-pro.active{color:#a97e56;padding:0 5px 0 20px}
.view-pro.active::after{width:100%;border-radius:30px}

.small-color-ins:hover .txt-small-color h2{color:#a97e56}
.small-color-ins:hover  .small-color .pic-img::after{opacity:1}
.small-color-ins.active .txt-small-color h2{color:#a97e56}
.small-color-ins.active .small-color .pic-img::after{opacity:1}

/*SUB-INSPIRATION*/	
.pic-sub-ins::before,.sub-item h3,.inspiration-item a{transition:all 0.3s ease-in-out}
.sub-item:hover .pic-sub-ins::before{width:100%;height:100%;top:0;left:0}	
.sub-item:hover h3{color:#a97e56}
.inspiration-item a:hover{background-color:#a97e56;color:#fff}

/* PRODUCT PAGE */
.cart-delete, .txt-product h3, .pic-img, .box-filter li a, .reset-filter {transition:all 0.3s ease-in-out;}
.box-filter li a:hover {color: #a0754b;text-decoration: underline;}
.reset-filter:hover{ background-color:#a0754b; color:#fff}
.pic-product-shop:hover .pic-img {transform: scale(1.05);}
.pic-product-shop:hover .zoom::before{background-color:#000}

/*SHOPHOUSE*/
.item-product{transition:background-color 0.3s ease-in-out;}
.shop-house .item-product:hover .pic-img {transform: scale(1.05);}
.shop-house .item-product:hover{ background-color:#ebebeb}

/*PRODUCT-APPLICATION*/
#product-application-page .box-apply{cursor:default}
#product-application-page .box-apply:hover .content-apply{bottom:0}

/*APPLICATION*/	
.content-apply,.bottom-content,.pic-aplly::after,.top-content,.top-content::after,.shape-apply::after{transition:all 0.3s ease-in-out}	
.box-apply{cursor:pointer}
.bottom-content{opacity:0;transition-delay:0.3s}
.top-content::after{width:0;left:50%;transition-delay:0.3s}
.box-apply:hover .pic-aplly::after{background-color:rgba(0,0,0,0.5)}
.box-apply:hover .content-apply{top:25%}
.box-apply:hover .bottom-content{opacity:1}
.box-apply:hover .top-content::after{width:30px;left:calc(50% - 15px)}
.box-apply:hover .shape-apply::after{background-color:#a97e56}
.box-apply .pic-img{transition:all 0.5s ease-in-out}
.box-apply:hover .pic-img{background-position:100% 100%}

/*APPLICATION-DETAILS*/
#application-detail-page .btn:hover{background-color:#666}	

/*INSPIRATION-PAGE*/
.list-content-block,.filters-item span, .filters-item h2,.filter-content-product span::after{transition:all ease-in-out 0.3s}
.list-content-block{cursor:pointer}
.list-content-block:hover .filter-title::before{height:13px;transform:rotate(45deg);right:-3px;top:3px}	
.list-content-block:hover .filter-title::after{height:13px;transform:rotate(-45deg);right:6px;top:3px}	
.list-content-block.active:hover .filter-title::before{height:13px;transform:rotate(-45deg);right:-3px;top:3px}	
.list-content-block.active:hover .filter-title::after{height:13px;transform:rotate(45deg);right:6px;top:3px}		
.list-content-block:hover{background-color:#EFEFEF}
.filters-item:hover span,.filters-item:hover h2{color:#a97e56}
.filter-content-product .filters-item:hover span::after{opacity:1}

/*CART-PAGE*/	
.hover-grey:hover{background-color:#666}	

/*MEDIA-PAGE*/
.pic-news-media::after {content: '';border: 10px solid transparent;width:100%;height:100%;left:0;top:0;position:absolute;transition:border-color 0.3s ease-in-out;pointer-events:none; z-index:2}
.txt-news-media h3::after{transition:all 0.6s cubic-bezier(.23,1,.38,1)}
.box-news:hover .pic-news-media::after{border-color:#eedfc6}
.box-news:hover .txt-news-media h3::after{width:100%}
.table-recruitment td a{transition:all 0.3s ease-in-out}
.table-recruitment td a:hover{ background-color:#a97e56; color:#fff}

/*MEDIA-CATALOGUE*/	
.cat-txt{transition:all 0.3s ease-in-out}
.catalogue-item{cursor:pointer}
.catalogue-item:hover .cat-txt{background-color:#666}	

/*MEDIA-VIDEO*/
.player,.pic-med-video::after{transition:all 0.3s ease-in-out}
.pic-med-video{transition:all 0.6s ease-in-out}
.video-thumb{cursor:pointer}
.video-thumb:hover .player{color:#a97e56}	
.video-thumb:hover .pic-med-video{background-position:100% 100%}
.video-thumb:hover .pic-med-video::after{height:100%}

/*GOOGLE MAP*/
.zoom-control a, .full-map, .infobox a,.close-box-map::after{transition:all 0.3s ease-in-out;}
.zoom-control a:hover{background-color:#444;}
.close-box-map:hover::after{background-color:#000 !important;}
.full-map:hover { background-color:#444; }
.infobox a:hover{color:#a97e56}

/*LOGIN-FORM*/
.back-to-login{transition:all 0.3s ease-in-out; cursor:pointer}	
.back-to-login:hover{transform:translateX(-5px)}
#login_but:hover, #forget_but:hover, .input-ex .btn:hover{background-color:#000;box-shadow: 0 10px 20px rgba(0,0,0,0.2);}

/* SEARCH PAGE */
.item-search a, .item-search::before{transition:all 0.3s ease-in-out}
.item-search:hover a, .item-search:hover::before{background-color:#a3a3a3 !important}
}
/* Copyright 2019 by 3graphic.com */
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700&subset=vietnamese');
@media (max-width: 991px)
{
	.content-main .map-box{
		display:none;
	}
	.content-main .company-text{
		padding: 10px 0 30px !important;
	}
}
/*RESET*/
.newshome-2, .newshome-1
{
	font-size: 14px;
    color: #aaa;
    position: relative;
    display: block;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.6;
    font-weight: 400;
}
.sput
{
	padding-bottom: 1em;
}
.product-text
{
	color: #fff;
    text-shadow: -1px 0 #a97e56, 0 1px #a97e56, 1px 0 #a97e56, 0 -1px #a97e56;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;	border:0;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, svg{display:block;}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;-webkit-font-smoothing:antialiased;}
*, *:before,*:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

html{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;width:100%;margin:0;padding: 0;scrollbar-color:inherit;scrollbar-width:thin;}
body{width:100%;height:auto;margin:0;padding: 0;font-family: 'Montserrat', sans-serif;line-height: 1;overflow:hidden;scrollbar-color:inherit;scrollbar-width:thin;color:#444;}
body.auto{overflow-y:auto; overflow-x:hidden }

/*SCROLL*/
::-webkit-scrollbar { width:8px;}
::-webkit-scrollbar-track { background-color:#f1f1f1;}
::-webkit-scrollbar-thumb {background-color:#aaa;}

blockquote::before, blockquote::after, q::before, q::after{content:'';content:none;}
:focus{outline:0;	border:none}
strong{text-decoration:none;font-weight:700;}
pre, code{text-decoration:none;}
ins{text-decoration:none;}
dl dt{text-decoration:none;}
dd{text-decoration:none;}
del{text-decoration:line-through;}
img[alt]{font-size:0}
.clear{clear:both}
.clearfix::before, .clearfix::after{content:" ";display:table; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;}
.clearfix::after{clear:both;}
svg:not(:root){overflow:visible;}
.nicescroll-rails{cursor:pointer !important;}
h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif;font-weight:500; line-height:1.4}
a{text-decoration:none;font-family:'Montserrat', sans-serif;font-weight:500}
p{text-decoration:none;font-size:100%;-webkit-text-size-adjust:none;font-family:'Montserrat', sans-serif;line-height:1.6;font-weight:400;font-size: 16px;}
ol, ul{list-style:none;font-family:'Montserrat', sans-serif;font-size:15px}
blockquote, q{quotes:none;font-family:'Montserrat', sans-serif;}
mark{text-decoration:none;vertical-align:baseline;font-family:'Montserrat', sans-serif; background-color:transparent}
sup{text-decoration:none;bottom:5px;font-size:70%; font-family:'Montserrat', sans-serif;vertical-align:baseline;position:relative}
cite, em, i{text-decoration:none;font-family:'Montserrat', sans-serif; line-height:1.6;vertical-align:baseline;}
div, table, span{font-family:'Montserrat', sans-serif;}
button{font-family:'Montserrat', sans-serif;-webkit-appearance:none;}
textarea, input, select{ font-family:Arial, Helvetica, sans-serif;-webkit-appearance:none;}
img[data-src].lazy { opacity:0}

/*CHAT BOX*/
body #T5iIx6Y-1569527507324{}

/*FONT*/
h2{font-size:3vw}
h3{font-size:20px}
#application-page .txt-page > h2 p { font-size:inherit; font-weight:inherit; text-transform:inherit;}
#application-page .txt-page > h2, .txt-page > h2{ font-size:1.6vw}
/*TITLE*/
#home-page .title-page{display:none}
.title-page {position:relative;height:auto;opacity:0;width:100%;text-align:center; display:inline-block; margin:0 -5px;z-index:10}
.title-page.show{opacity:1}
.title-page h1 {font-size:3vw;text-transform:uppercase;font-weight:500;color:#fff;position:relative;margin:0 0 3vw 0}
.title-page h1 > span > span{transition:all 800ms ease;opacity:0}
.title-page h1 > span > span.move{opacity:1;}
.title-page > h2 {position:relative;color:#fff;text-transform:uppercase;font-size:1.6vw;font-weight:500; display:inline-block; margin:0 0 20px 0}
.title-page > h2 > span > span {transition: all 800ms ease;opacity:0}
.title-page > h2 > span > span.move{opacity:1;}
.title-page h1::after{content:'';position:absolute;background-color:#fff;width:0;height:2px;bottom:-20%;left:50%;transition:all 1s ease-in-out 0.8s}
.title-page.on-show h1::after {width:60px;left:calc(50% - 30px)}
.title-page > span{color:#fff;font-size:18px;text-transform:uppercase;font-weight:400;margin:10px 0;}
.txt-page{position:relative;margin:1vw auto;display:block;height:auto;width:90%;max-width:1000px;color:#fff;}
.txt-page > h2{font-weight:500;text-transform:uppercase;position:relative;display:block;margin:20px 0;}
.txt-page p{margin:0 0 10px 0; display:block}
.txt-page br {display: block; margin: 0 0 10px 0;}
.title-main {display: block;width:100%;height: auto;position: relative;}
.title-main h2{font-weight:500;display:block; text-transform:uppercase;text-shadow:0 30px 30px rgba(0,0,0,0.1);}
.title-txt{position:relative;display:block;margin:0 0 40px 0}
.title-txt h2{font-weight:500;color:#a97e56;white-space:nowrap;}
.title-order{position:relative;display:block;text-align:center;padding:2vw 20px;width:100%; height:auto;z-index:1}
.title-order h2{color:#444;font-weight:500;text-transform:uppercase;font-size:36px; display:block; position:relative}


/*LOAD*/
.loadicon {  position:fixed;top: 50%; left:50%; width:150px;height:150px; margin: -75px 0 0 -75px; z-index: 110000;}
.load-present { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.gradient path {fill:url(#gradient);fill-opacity:0;}
.stroke-line {stroke: #a97e56;stroke-miterlimit:10;stroke-width:0.5;stroke-dasharray:800;stroke-dashoffset:800; stroke-opacity:0.5}
.loading .stroke-line { animation-name: DrawStroke; animation-duration:3s;animation-fill-mode: forwards; }
.loadicon.show .stroke-line {transition: all 0.5s ease-in-out; fill-opacity: 1; stroke-opacity: 0 }
.blur{filter: blur(10px);}
.load-logo {background:url(/Content/theme_btq/images/logo-path.svg) no-repeat center center/contain;position:absolute;top:0;left:0;width:100%;height:100%;z-index:110000;opacity:0}
.load-logo.show {opacity:1;transition: all 0.6s ease-in-out}
.loadx{background:url(/Content/theme_btq/images/cycle.png) no-repeat center center; position:fixed;top:50%; left:50%; width:82px; height:82px;margin:-41px 0 0 -41px;border-radius:50%;animation: Rotate 1s linear infinite; display:none;z-index:110000;}

/*PIC IMG*/
.pic-img {position:relative;display:block;width:100%;margin:0;overflow:hidden;background-position:center center; background-repeat:no-repeat; background-size:cover;}
.pic-img img{position:relative;width:100%;height:auto;pointer-events:none; margin:0; opacity:0}

/*MASK*/
.mask{position:fixed;width:100%;height:100vh;left:0;top:0;overflow:hidden;z-index:99999;transition:all 1s ease-in-out}
.mask::before{content:'';position:absolute;width:100%;height:50vh;top:0;left:0; display:block;background-color:#000;transition: all 1s ease-in-out}
.mask::after{content:'';position:absolute;width:100%;height:50vh;bottom:0;left:0; display:block;background-color:#000;transition: all 1s ease-in-out}
.mask.finish{pointer-events:none;z-index:-9999;}
.mask.show::before{height:0;}
.mask.show::after{height:0;}

/*LAYOUT*/
.header {position:fixed;width:100%;top:0;left:0;height:auto;transition:all 0.6s ease-in-out;z-index: 50;}
.logo{background:url(/Content/theme_btq/images/logo.svg) no-repeat 50%/80%;position:absolute;left:calc(50% - 79px);top:10px;width:158px;height:100px;transform-origin:50% 50%; overflow:hidden;z-index:10}
.header::after{content:''; width:100%; height:130px; position:absolute; left:0; top:0; pointer-events:none; background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 80%);background-color:rgba(0,0,0,0); z-index:-1}
.header::before{content:''; width:100%; height:1px; position:absolute; left:0; top:70px; pointer-events:none; display:none; z-index:-1}

/*CONTAINER*/
.container{position:relative;width:100%;height:100vh;margin:0;display:block;}
section{width:100%;height:auto;position:relative;display:block;margin:0;padding:0;float:left}
.padding-main{position:relative;display:block; padding:0 0 30px 0}
.padding-top{position:relative;display:block;padding:8vw 0 0}
.content-main{position:relative;display:block;width:100%;height:auto;margin:0;padding:0;}
.wrap-content {position:relative;display:block;width:90%;margin:auto;height:auto;z-index:10}
.wrap-small{position:relative;display:block;margin:auto;width:90%;max-width:1200px;text-align:center;z-index:10}
.wrap-large{position:relative;display:block;margin:auto;width:94%;max-width:1500px;z-index:10}
.full-page{position:absolute;width:100%;height:100%;display:block;top:0;left:0}

/* NAVIGATION */
.navigation{width:100%;height:0;position: fixed; left:0;top:0;text-align:center;overflow:hidden;transition:height 0.6s ease-in-out;z-index:15}
.nav {width:100%;height:100%;position:absolute; left:0; top:0; pointer-events:none; z-index:30}
.nav::after, .nav::before {content: ' '; display:inline-block; height:100%; vertical-align:middle}
.nav ul { height:auto; width:100%; position:relative; display:inline-block; vertical-align:middle; margin:0 -5px;}
.nav li{position:relative;  height:auto; width:100%; display:block; margin:10px 0; text-align: right; padding:10px 12vw;}
.nav li a{display:inline-block;  font-weight:300; font-size:calc(100vh/23); line-height:1.2; color:#aaa; white-space: nowrap; text-transform:uppercase; text-shadow:0 10px 20px rgba(0,0,0,0.2)}
.nav li.current a, .navigation li.active a{color:#a97e56;}
.navigation.show{height:100vh;}
.navigation.show .nav{pointer-events:auto;}

/*BG MENU*/
.bg-menu{position:absolute;width:100vw;height:100vh;top:0;left:0;background-position: center center;background-repeat:no-repeat;background-size:cover; background:url(/Content/theme_btq/images/bg.jpg);z-index:1}
.logo-menu {background:url(/Content/theme_btq/images/logo.svg) no-repeat center center/contain;position:absolute;width:35vw;height:30vh; top:30vh;left:17vw;opacity:0;transform:translate3d(-100%, 0, 0);transition:all 0.3s cubic-bezier(.23,1,.38,1) 0s;z-index:2}
.logo-menu.show {opacity:1;transform:none; transition:all 1.5s cubic-bezier(.23,1,.38,1) 0.3s;}

/*RIGHT-HEADER*/
.right-header{position:absolute;right:140px;top:30px;width:auto;height:auto;color:#a97e56; text-align:right}
.right-header a{font-family: 'play', sans-serif;position:relative;display:inline-block;margin:0;vertical-align:middle;color:#a97e56;text-transform:uppercase;font-size:15px;font-weight:700;padding:0 15px;line-height:35px}
.right-header a svg{width:30px;height:30px;position:relative;display:inline-block;vertical-align:middle;color:#aaa;margin:0 10px }
.right-header a:nth-child(1)::after,.right-header a:nth-child(2)::after{content:'';position:absolute;width:1px;height:50%;top:25%;right:-2px;
background-color:#a97e56;}
.right-header a.current, .left-header a.current{color:#666!important;}
.right-header a.current svg, .left-header a.current svg{color:#666 !important}
.right-header a.active, .left-header a.active{color:#666 !important;}
.right-header a.active svg, .left-header a.active svg{color:#666 !important}

/*LEFT-HEADER*/
.left-header{position:absolute;left:30px; top:30px;width:auto;height:auto;text-align:left;} 
.left-header a{position:relative;display:inline-block;width:auto;max-height:40px;margin:0 10px 0 0;color:#a97e56;}
.left-header span:not(.number-size){font-family:'play', sans-serif;position:relative;display:inline-block;vertical-align:middle;text-transform:uppercase;font-size:15px;font-weight:700;margin:0;line-height:35px}
.cart-icon, .shop-icon, .call-icon,.login-svg{width:35px; height:35px; margin:0 5px 0 0;color:#aaa}
.number-size{font-family:'play', sans-serif;font-size:18px;position:relative;display:inline-block;vertical-align:middle;font-weight:700;margin:0 0 0 5px; line-height:35px;}

/*SEARCH*/
.search-but{position:absolute; width:40px;height:40px; right:100px; top:28px; color:#a97e56}
.search-but svg{width:100%;height:100%; }
.search-form{position:absolute;right:30px;top:70px;display:block;width:0;height:60px;background-color:#a97e56;transition:all 0.3s ease-in-out; pointer-events:none;z-index:20;}
.form-row-search{position:relative;width:100%;height:100%;}
.form-row-search input[type="text"]{border:0px; font-size:16px; font-weight:300; color:#eee; background-color:transparent; position:absolute;display:block;width:100%;height:100%;padding:0 20px;line-height:58px; box-shadow:none;}
.form-row-search input[type="text"]:focus{color:#fff; }
.search-form.active{width:550px;pointer-events:auto}
.search-but.active{color:#fff;}

/*LANGUAGE*/
.language {position:absolute;display:block;top:30px;right:11vw;height:auto;width:auto;z-index:40}
.language ul {position:relative; display: block;height:auto;width:auto}
.language li {position:relative;width:auto;height:auto;display:inline-block; text-align:center; padding:0 10px; margin:0}
.language li a {position:relative; color:#aaa; padding:0 10px; font-size:15px; line-height:40px; font-weight:700}
.language li:first-child::after {content:'';position:absolute; background-color:#aaa;width:1px; height:20px; top:11px; right:0}
.language li.active a { color: #a97e56; pointer-events: none}

/*FORM*/
.require-col{width:90%; height:auto; position:relative; display:inline-block;text-align:left;vertical-align:top}
.input-text{width:100%;height:auto;position:relative;margin:0 0 10px 0;display:inline-block;vertical-align:top}
.input-text input[type="text"], input[type="password"]{color:#444;font-size:15px;line-height:48px;padding:0 20px;border:none;width:100%; 
height:60px;font-weight: normal;background-color:#fff;box-shadow:none;opacity:0.8;transition: all 0.3s ease-in-out;}
.input-text input[type="text"]:focus{opacity:1;box-shadow:0 10px 10px rgba(0,0,0,0.1);}
.input-area {width:100%; height:auto; position:relative;margin:0 0 10px; display:inline-block; vertical-align:top;border-radius:8px;}
.input-area textarea{ color:#666; font-size:15px; line-height:24px; padding:5px 20px; border:none; width:100%; height:120px; font-weight: normal;background-color:#fff;opacity:0.8;border-radius:8px;transition: all 0.3s ease-in-out; resize:none;box-shadow:none; }
.input-area textarea:focus{opacity:1;box-shadow:0 10px 20px rgba(0,0,0,0.1);}
button{font-weight:700;font-size:15px;line-height:1.4;text-align:center;color:#fff; background-color:#a97e56;width:auto; height:auto;position:relative;cursor:pointer;display:inline-block;margin:0;text-transform:uppercase;border:none;padding:12px 20px}
.input-but{position:relative;display:inline-block;width:100%;height:auto;text-align:center;}
.outer-but{position:relative;display:inline-block;vertical-align:top;margin:0 3px }

/*SELECT*/
.input-select{position:relative;display:block;width:100%;height:auto;margin:0 0 10px 0;z-index:1}
.input-select select{position:relative;display:block;width:100%;height:60px;line-height:1.6;padding:5px 50px 5px 20px;color:#444;font-size:16px;font-weight:400; background:url(/Content/theme_btq/images/select.svg) no-repeat right center; background-size:14% 80%;overflow:hidden;outline:none;cursor:pointer; border:1px solid #ddd}
.input-select::after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:linear-gradient(0deg, #ffffff 0%, #eee 100%);z-index:-1}
.input-select select::-ms-expand {display:none}
.input-select select option{color:#fff;font-size:14px;font-weight:500;line-height:1.6;padding:15px 20px;background-color: #62676e;}
.input-select select [title]{ font-size:16px;color:#000;font-weight:700}

/*CAREER*/
.list-job {position: relative;display: block;height: auto;margin-bottom: 30px;margin: 0;}
.content-table{position:relative;display:block;width:100%;height:auto;overflow:hidden;overflow-x:auto}
.table-recruitment{width:100%;min-width:840px;margin:0 auto;border-spacing:1px;table-layout:fixed;font-size:15px;line-height:1.4;}
.table-recruitment th{padding:20px 15px;background-color: #f79521;font-size:15px;font-weight:700;text-transform:uppercase;color:#FFFFFF;vertical-align:middle;}
.table-recruitment > thead > tr > th:nth-child(1){width:80px;}
.table-recruitment > thead > tr > th:nth-child(3){width:120px;}
.table-recruitment > thead > tr > th:nth-child(2){text-align: left; padding:20px 15px 20px 25px}
.table-recruitment td{background-color: #d7d7d7;font-size:15px;color:#444;vertical-align:middle;font-weight: 400;text-align: center;}
.table-recruitment td:nth-child(2) {text-align: left;}
.table-recruitment td a{display:block;font-size:18px;font-weight:700;color:#444;line-height:1.2; text-transform: uppercase;padding:30px 20px;}
.career{background-color:#fff;padding:30px 0 0 0}
.career-box{position:relative;display:block;width:100%;height:auto}
.join-us{ position:relative;display:block;width:90%;height:auto;max-width:600px;margin:40px auto 0 auto;text-align:left;}
.join-us h3 {margin-bottom: 20px;text-transform: uppercase;color: #e5e5e5;font-weight: 700;font-size: 40px;}
.join-us .input-text{float:left;width:50%;margin:0 0 12px 0}
.join-us .input-text:nth-child(odd){padding-right:6px}
.join-us .input-text input[type="text"]{height:64px;line-height:64px;background-color:rgba(255,255,255,1);color:#727272;font-weight:400;border:1px solid #a1a1a1}
.join-us .input-but{margin-top:15px}
.file-up{cursor:pointer}

/*UPLOAD FILE*/
input[type="file"]{position:relative;display:block;width:100%;height:60px;opacity:0;cursor:pointer;z-index:1;}
.file-name{ font-family:Arial, Helvetica, sans-serif;display:block;position:absolute;left:0;top:0;width:100%;color:#444;font-weight:400;font-size:15px;padding:20px 120px 20px 20px;text-align:left;height:64px;border:1px solid #a1a1a1;background-color:#fff;z-index:0;}
.file-name.onchange{padding:10px 120px 10px 20px;}
.file-mark{position:absolute;top:6px;right:6px;display:block;width:auto;height:auto;background-color:#666;font-weight:700;padding:0 15px;font-size:14px;line-height:50px;text-transform:uppercase;color:#fff;text-align:center;transition:all 0.3s ease-in-out;pointer-events:none; z-index:0}
.file-up:hover .file-mark{background-color:#a97e56}

/*LOGIN FORM*/
.login-overlay{position:fixed;left:0;bottom:0;width:100%;height:0;background-color:rgba(0,0,0,0.7);opacity:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform: translate3d(0, 0, 0);z-index:70}
.login-overlay.active{height:100vh}
.login-box{position:fixed;left:100px;top:110px;display:inline-block;width:94%;height:auto;max-width:800px;padding:30px;background-color:#a97e56;transform:scale3d(0, 1, 1);transform-origin:left top;transition:all 0.5s ease-in-out;z-index:71;}
.login-box .input-text{width:100%;background-color:#fff;margin:0 0 10px}
.login-box .input-but{margin:0 0 10px}
.login-box::before{content:'';position:absolute;left:70px;bottom:100%;border:18px solid #a97e56;border-left: 18px solid transparent;border-right: 18px solid transparent;border-top:0}
.close-pop{position:absolute;right:0;top:0; background:url(/Content/theme_btq/images/close.svg) no-repeat 50%/80%; width:30px; height:30px; cursor:pointer; z-index:999}
.login-box.active{transform: scale3d(1, 1, 1);}
.login-block{width:100%; max-width:400px;position:relative;display:block;height:auto;float:right}
.login-txt{width:100%; max-width:300px;color:#fff;position:relative;display:block;margin:0 0 20px;float:left}
.login-txt h3{text-transform:uppercase;font-size:15px;font-weight:700;color:#fff;margin:0 0 10px 0}
.login-txt p{font-size:14px;color:#fff;margin:0 0 10px 0; line-height:1.4; font-weight:500; display:inline-block; vertical-align:middle; max-width:calc(100% - 30px)}
.login-txt ul{ list-style:none}
.login-txt li{font-size:14px;color:#fff;margin: 0 0 10px 0; line-height:1.4; font-weight:500}
.login-txt li::before {content: ''; display:inline-block;margin:0 5px 0 0; vertical-align:middle; background:url(/Content/theme_btq/images/check.svg) no-repeat left center /cover;width:20px; height:20px}
.col {position:relative;display:inline-block;height:auto;width:calc(50% - 10px); vertical-align:top;margin: 0 2px 10px 2px}
.pass-mask{ position:absolute;left:20px;top:1px;width:calc(100% - 30px);height:calc(100% - 2px);font-weight:400;font-size:15px;text-align:left;line-height:60px; color:#999;background-color:#fff;z-index:1}
.pass-mask.hide{width:0;overflow:hidden}
.input-ex{position:relative;display:block;margin:0;text-align:left}
.input-ex .btn{background-color:#666; color:#fff; padding:15px; font-size:13px}
.register-log,  .forgetpass-but{width:calc(50% - 5px); }
.register-log{margin:0 5px 10px 0}
.forgetpass-but{margin:0 0 10px 0;}
.policy-click{width:100%}
.login-block{transform:scale3d(1,1,1);transition:all 0.3s cubic-bezier(.23,1,.38,1); }
.login-block.hide{transform:scale3d(0,1,1);opacity:0;position:absolute}
#login_form input[type="text"],#login_form input[type="password"]{opacity:1}
#login_but, #forget_but{background-color:#694F37;display:block;width:100%;height:60px}

/*FORGET-PASSWORD*/
.password-block{width:100%; max-width:400px;top:0;transform:scale3d(0,1,1);opacity:0;position:absolute;float:right}
.password-block.show{transform:scale3d(1,1,1);opacity:1;position:relative;transition:all 0.3s cubic-bezier(.23,1,.38,1)}
.password-block p{font-size:13px;color:#fff;position:relative;margin:5px}
.back-to-login{position:relative;display:block;background:url(/Content/theme_btq/images/back.svg) no-repeat 50%/80%;width:40px;height:40px;margin:-10px 0 5px}

/*FORM-POPUP-MODIFY*/
.form-popup{position:relative;display:inline-block; vertical-align:middle;padding:30px;width:100%; max-width:900px;background: linear-gradient(0deg, #834E22 0%, #5F3A16 80%);color:#fff;text-align:center;margin:30px auto; z-index:500; box-shadow:0 30px 30px rgba(0,0,0,0.1)}
.form-popup .title-order{padding:20px}
.form-popup .title-order h2{color:#fff; }
.form-popup .input-text input[type="text"], .form-popup .input-area textarea{background-color:#a97e56;color:#fff;height:50px;opacity:1}
.form-popup .input-area textarea{height:120px}
.form-popup .input-select select{height:50px}
.form-popup .btn{background-color:#666;}
.show-bill{position:relative;display:block;margin:0;height:auto;transition:all 0.2s cubic-bezier(.44,.39,.34,1.03)}
.show-bill.hide{opacity:0;height:0;transform:scale3d(1,0,1);transition:all 0s}
.form-popup .input-text{width:calc(100% - 10px)}

/*REGISTER-PAGE*/
.form-register .btn{font-size:18px; padding:20px}
.form-register .title-order{padding: 0 0 30px 0}

/*REGISTER-PAGE*/
.hide-profile { display: none;}
.user-fondend-profile{ position: relative; width: 200px;top: 72px;left: 165px;}
.user-fondend-profile .dropdown-list-profile {position: absolute;top: 0;right: 30px;z-index: 10;}
.user-fondend-profile .dropdown-menu-profile {top: 69px;right: 0;left: auto;}

/* DROPDOWN MENU */
.dropdown-menu-profile {white-space: nowrap;left: 0;top: 49px;height:260px;z-index: 10;min-width: 100%;}
.dropdown-menu-profile li {margin:  1px 0}
.dropdown-menu-profile li a {display: block;padding: 10px 20px;text-align: left; text-transform: uppercase;background-color: #acacac;color: #000;font-size: 13px;}
.dropdown-menu-profile li.current a {background-color: #a97e50;color: #fff}
.dropdown-menu-profile li a:hover {background-color: #a97e50;color: #fff}

/*POLICY-FORM*/
.policy {background-color: #fff;padding: 4vw;}
.policy .title-order{padding:0 0 30px}
.policy .title-order h2{color:#a97e56}
.policy p{color:#444;position:relative;margin:10px 0}

/*BUTTON*/
.view-more, .go-news {padding:10px 35px 10px 15px;margin: 0 0 0 -15px;font-weight: 700; font-style:italic;font-size:12px;color:#a97e56;display:inline-block;position: relative;text-align:center; z-index:10}
.view-more::before, .go-news::before {content: ' ';width: 30px;height:100%;position: absolute;top:0;right:0;background:url(/Content/theme_btq/images/more.svg) no-repeat 50%/80%;}
.view-more::after, .go-news::after {content: ' ';width:100%;height: 100%;position: absolute;top: 0;left: 0;  border-radius: 30px; z-index:-1 }
.btn{display:inline-block;padding:10px 20px;font-size:18px;text-transform:uppercase;text-align:center;}
.btn.btn-block{display:block;width:100%}
.go-back{width:50px;height:50px;cursor: pointer;position:fixed;right:20px;top:20px;left:auto;bottom:auto;margin:0;color:#fff;z-index:9999;}
.go-back svg{width:100%; height:100%; display:block}
.view-album{width:70px;height:70px;position:absolute;left:calc(50% - 35px);top:calc(50% - 35px);color:#fff;z-index:10;}
.view-album svg{width:100%;height:100%; display:block;margin:0; background-color:#a97e50; border-radius:8px}
.player{width:70px;height:70px;position:absolute;left:calc(50% - 35px);top:calc(50% - 35px);color:#ff0000;z-index:10;}
.player svg{width:100%;height:100%; display:block;margin:0;}
.back-button{position:relative;display:inline-block;width:auto;text-align:center; margin:20px 0; }
.back-but{position:relative;padding:20px;background-color:#a97e56;display:block;color:#fff;text-transform:uppercase;text-align:center;font-weight:700;border-radius:8px;}

/*CLOSE*/
.close, .close-video,  .close-album, .close-news, .close-popup, .close-details, .close-pics{background:#a97e50 url(/Content/theme_btq/images/close.svg) no-repeat  50%/80%;display:block;width:60px;height:60px;border-radius:50%;cursor:pointer;position:fixed;right:30px;top:20px; z-index:999999;}
.close-pics-small{background:url(/Content/theme_btq/images/close.svg) no-repeat 50%/80%;width:50px;height:50px;cursor:pointer;position:fixed;top:0;right:0;z-index:99999;}
.close-video{top:50%; margin:-30px 0 0 0}
.close-news{top:50%; margin:-30px 20px 0 0}
.close-pics{ opacity:1;margin:0}
.close-popup svg{width:70%;height:70%;margin:15%}

/*MODIFY CLOSE-POPUP*/
.form-popup h2{color:#fff}
.close-popup{top:30px;right:30px;background:none; background-color:#a97e50;color:#fff;}

/*FOOTER*/
.footer {position:fixed;bottom:0;left:0;width: 100%;height:auto;text-align:center;padding:0 40px; z-index:2}
.copyright {font-size:12px;font-weight:400;text-transform: uppercase;color:#aaa;line-height:1.6;display:block;padding:15px 0;position:absolute;bottom:5px;right:30px; z-index:5}
.copyright a{font-size:12px;font-weight: 400;text-transform: uppercase;color:#aaa;line-height:1.6;display:none}
.footer-supply{display:none;position:relative;margin:0;padding:40px 0 30px;}
.footer-supply > span:nth-child(1),.footer-supply > span:nth-child(2){position:absolute;display:inline-block;left:0;width:100%;height:1px;background-color:#333;}
.footer-supply > span:nth-child(1){top:3px}
.footer-supply > span:nth-child(2){bottom:3px}
.footer-supply > span:nth-child(1)::after,.footer-supply > span:nth-child(2)::after{content:'';position:absolute;background-color:#333;width:6px;height:6px;top:-3px;left:0;border-radius:50%}
.footer-supply > span:nth-child(1)::before,.footer-supply > span:nth-child(2)::before{content:'';position:absolute;background-color:#333;width:6px;height:6px;top:-3px;right:0;border-radius:50%}
.footer-company{display:inline-block;position:relative;width:auto;height:auto;text-align:left;margin:0 60px 0 0;vertical-align:middle; overflow:hidden}
.footer-regist{position:relative;display:inline-block;width:20vw;min-width:300px;vertical-align:middle}
.footer-regist .social{position:relative;text-align:left;margin:15px 0;left:auto;bottom:auto;}
.title-company{position:relative;display:block;}
.title-company h2{font-weight:500;color:#fff;font-size:36px}
.newletter{position: relative;margin:0;height:auto;}
.newletter h3{color:#a97e56;font-size:18px;font-weight:500;text-align:left;text-transform:uppercase}
.form-newletter{position:relative;width:100%;box-shadow: 0 5px 15px rgba(0,0,0,0.1);display:block;margin:12px 0 0 0}
.form-newletter input[type="text"]{display:block;height:51px;width:100%;line-height:38px;padding:10px;font-size:14px;opacity:1;border-radius:0;color:#888;border:1px solid #888;background:none}
.footer-company .company-info::before,.footer-company .company-info::after{display:none}
.form-newletter .button-red{position:absolute;width:110px;top:0px;right: 0px;padding:0;display:block;height:51px;font-size:15px}

/*SOCIAL*/
.social { position:absolute;left:20px;bottom:5px;width:auto;height: auto;text-align: center;margin: 0; display:block;;white-space:nowrap; z-index:5}
.social ul { width:auto; height:auto; display:block; list-style:none; position:relative}
.social li {position: relative;width:auto; height: auto; display:inline-block;margin:0;vertical-align: middle}
.social li a {display:inline-block; position:relative;vertical-align:middle;width:auto; height: auto;color:#aaa}
.social li svg{width:50px;height:50px;display:inline-block;position:relative;vertical-align:middle}
.social li::after {content:'';position:relative; background-color:#aaaaaa; width: 50px; height:1px; display: inline-block;vertical-align:middle; margin:25px 10px; pointer-events: none}
.foreground {fill:transparent;stroke-dasharray:377;stroke-dashoffset:377;stroke-width:1.5;transform-origin: 50% 50%}
.social li .phone{margin:0 15px}
.contact-phone{position:absolute;display:block;left:280px;bottom:5px;width:auto;height:auto;transition:all 0.3s ease-in-out;}
.contact-phone a {display:inline-block; position:relative; vertical-align:middle;width:auto; height: auto; color:#aaa }
.contact-phone svg{width:50px;height:50px;display:inline-block;position:relative;vertical-align:middle}


/*TEXT-ANI-ITEM*/
.text-ani-item h2 > span > span {opacity:0;}
.text-ani-item h2 > span > span.move{animation-name:fadeIn;animation-duration:1s;animation-fill-mode:forwards;}

/*COLOR */
/*.blue{color:#285a71}
.brown{color:#a07759}*/
.white{color:#fff}

/*Mes Alert kho hang*/
.btn-shop-house {position: relative;}
.mes-shop-house {position: absolute;top:40px;left:0;padding:10px;background-color:#a97e56;color: #fff;font-size:12px; line-height:1.4;width:auto;min-width:150px;border-radius: 5px;transition:all 0.3s ease-in-out;opacity:0;visibility: hidden;}
.mes-shop-house::before {content: ' ';position: absolute;top: -8px;left:40px;width:0;height:0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent  #a97e56  transparent;}
.mes-shop-house.show {visibility:visible;opacity: 1}
.alert-isactive {background-color:red;}
.alert-isactive::before {border-color: transparent transparent red  transparent;}
.message-notification {position: absolute;top:-40px;left:0;padding:10px;background-color:#bc8300;color: #fff;font-size:12px; line-height:1.4;width:auto;min-width:150px;border-radius: 5px;transition:all 0.3s ease-in-out;opacity:0;visibility: hidden;}
.message-notification::before {content: ' ';position: absolute;bottom: -8px;left:40px;width:0;height:0;border-style: solid;border-width: 10px 10px 0 10px;border-color: #bc8300 transparent transparent   transparent;}
.message-notification.show {visibility:visible;opacity: 1}


/*BODY AUTO*/
body.auto .header {transform: translateY(-120%);}
body.auto .header.show{opacity:1;transform:none}
body.auto .header::after{ background-image:none; height:70px}
body.auto .footer{position:relative;bottom:auto;left:auto;padding:0 20px;text-align:center; display:block; float:left;z-index:60}
body.auto .footer.level-index-out{z-index:-9999}
body.auto .copyright{position:relative;bottom:auto;right:auto;padding:0 0 30px}
body.auto .container{height:auto; overflow:hidden}
body.auto .header::after,body.auto .header::before{ display:block}
body.auto .footer > .social{ position:relative; width:100%; left:auto; bottom:auto;padding:20px 0 10px}
body.auto .social li::after{display:none}
body.auto .contact-phone{position:fixed;left:440px;bottom:auto;top:30px;}
html[lang="en"] body.auto .contact-phone{left:470px;}
body.auto .contact-phone a{color:#ddd}
body.auto .contact-phone svg{width:35px;height:35px;border:1px solid #ddd;color:#ddd;border-radius:50%}
body.auto .contact-phone.current{top:20px;}
body.auto .footer-supply{display:block}
body.auto .right-header a, body.auto .left-header a{color:#ddd}
body.auto .shop-icon, body.auto .cart-icon, body.auto .call-icon, body.auto .login-svg{color:#ddd}
body.auto .right-header a:nth-child(1)::after,body.auto .right-header a:nth-child(2)::after{background-color: #ddd;}
body.auto .nav-click .open-click{color:#ddd}

/*SLIDE BAR*/
.nav-click {width:50px;height:45px;display:block;position:absolute;top:30px;right:30px; cursor:pointer;pointer-events:none; text-align:center;transition:all 0.3s ease-in-out;opacity:0;z-index:30}
.nav-click::before, .nav-click::after { content: ''; background-color: #a97e56;  position:absolute; width:100%; height: 2px; display:block; left:0; transform:rotate(0deg) scale3d(0, 1, 1);  pointer-events:none;}
.nav-click::before{top:0}
.nav-click::after{bottom:10px}
.nav-click .close-click{width:100%; height:110px; position:absolute; left:0; top:0;pointer-events:none; }
.nav-click .open-click{font-weight: 700;display:block;width:100%; height:auto; position:relative;line-height:35px;font-size:12px;color:#aaa; text-transform:uppercase} 
.nav-click .close-click small{transform:rotate(-90deg);position:absolute;left:5px;top:70px;font-size:12px;color:#fff;font-weight:700; font-family:'Montserrat', sans-serif;line-height:35px;pointer-events:none;text-transform:uppercase;}
.nav-click .open-click::before{content:' '; background-color:#666;position:absolute;width:100%;height:2px;display:block;bottom:-6px; left:0;transform:rotate(0deg) scale3d(1, 0, 1);}
.nav-click::after, .nav-click::before, .nav-click .open-click::before{transition:all 0.3s ease-in-out;}
.nav-click.active::before{transform: rotate(45deg) scale3d(1, 1, 1); height:2px;width:30px; left:10px;top:15px; background-color: #fff;} 
.nav-click.active::after {transform: rotate(-45deg) scale3d(1, 1, 1); height:2px;width:30px;left:10px;bottom:28px; background-color: #fff;}
.nav-click.active .open-click::before {;transform:rotate(90deg) scale3d(1, 1, 1);width:20px;left:15px;bottom:-13px;background-color:#fff;height:1px}
.show-line::before, .show-line::after{transform: rotate(0deg) scale3d(1, 1, 1); }
.show-line .open-click::before {transform: rotate(0deg) scale3d(1, 1, 1); }
.show-line {pointer-events:auto;}
.nav-click.active{ position:fixed;pointer-events:none;}
.nav-click.toclick{pointer-events:auto;}
.nav-click.toclick .close-click{ pointer-events:auto;}
.nav-click.active .open-click{ pointer-events:none;}
.open-click span, .close-click small span{ opacity: 0;}
.nav-click.hide{ top:-100px; pointer-events:none}
.nav-click.show{opacity:1}

/*OUTER-NAV*/
.sub-nav{position:relative;display:block;width:100%;height:auto;margin:0;text-align:center;overflow:hidden;background-color:#fff;padding:2px 0}
.sub-nav ul{position:relative;display:block;width:100%;height:auto;white-space:nowrap; z-index:2}
.sub-nav li{position:relative;display:inline-block;width:auto;height:auto;margin:0 -2px;vertical-align:top;}
.sub-nav li a{display:block;padding:15px;text-transform:uppercase;margin:0 1px;font-weight:700;font-size:14px;color:#fff;background-color:#a97e56;}
.sub-nav li.current a, .outer-nav.second .sub-nav li.current a{background-color:#000;color:#fff;pointer-events:none;}
.outer-nav{position:relative;display:block;width:100%; height:auto; margin:0; text-align:center;z-index:5; }
.outer-nav:not(.second).hide{ visibility:hidden}
.outer-nav.second{top:-100px; left:0;position:fixed;opacity:0;height:auto;padding:1px;pointer-events:none;transition:all 0.6s ease-in-out; z-index:20;}
.outer-nav.second .sub-nav{margin:0; background-color:transparent}
.outer-nav.second .sub-nav li a{font-size:12px;padding:10px 15px; margin:0;background-color:transparent;}
.outer-nav.second .sub-nav li a:hover{color:#a97e56}
.outer-nav.second.fixed{pointer-events:auto; opacity:1;top:70px;background-color:#000; padding:10px 0 0 0}
.outer-nav.second .sub-nav li.current a, .outer-media.second .sub-nav li.current a{background-color:transparent;color:#a97e56;pointer-events:none;}
.outer-nav.second .sub-nav li:not(:last-child) a::after{content:'';position:absolute;width:1px;height:12px;top:calc(50% - 6px);right:0;background-color:#aaa;z-index:1}

/*MEDIA-PAGE*/
.outer-media .sub-nav{ background-color:transparent}
.outer-media .sub-nav li{margin:0 -3px}
.outer-media .sub-nav li a{padding:15px 30px;background-color:#555}
.outer-media .sub-nav li a:hover{color:#a97e56}
.outer-media .sub-nav li:not(:last-child) a::after{content:'';position:absolute;width:1px;height:12px;top:calc(50% - 6px);right:0;background-color:#aaa;z-index:1}
.outer-media .sub-nav li.current a{color:#a97e56}
.outer-media .sub-nav li.active a{color:#a97e56}
.outer-media.second .sub-nav li a{background-color:#000}

/*BOX-NAV*/
.box-nav{width:auto;height: auto;position: absolute; left:-100px; top:50%; transform: translate(0, -50%); padding:0 0 0 20px;transition:all 0.3s ease-in-out;z-index: 20;}
.box-nav ul{width:auto; height:auto; position: relative;text-align:center; list-style:none }
.box-nav li{position: relative;display:block; height:auto;margin: 10px 0 0 0;cursor:pointer}
.box-nav li a{font-weight: 400; font-size: 14px; width:36px; height:36px; line-height:36px; color:#aaaaaa; display:inline-block;vertical-align:middle; margin:0}
.box-nav li a::before{content: ' ';width:100%;height:100%;position:absolute;top:0;left:0; background-color:#a97e56; border-radius:50%; opacity:0; z-index:-1}
.box-nav li.current{pointer-events:none}
.box-nav li.current a{color:#fff}
.box-nav li.current a::before{ opacity:1}
.box-nav.blue li a::before{ background-color:#285a71;}

/*SLIDE FULL*/
.box-slider{width:100%;height:100vh;position:relative;overflow:hidden;display:block;float:left;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-user-select:none; -khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;z-index:1}
.group-central { width: 100%; height: 100vh; position:absolute;left:0;top: 0;backface-visibility:hidden;transform:translate(0px, 100%);overflow: hidden; background-position: center center; background-repeat: no-repeat;background-size: cover;}
.group-central.show-text{z-index:1}
.group-central:first-child {transform: translateY(0%); }
.content-main{width:100%;height: 100%;position: absolute;left:0;top:0;text-align:center;overflow:hidden;padding:0;}
.content-main::before, .content-main::after{content:''; display:inline-block; height:100%; vertical-align:middle}
.box-intro{position:relative;  width:100%;  height:auto; margin:0 -5px; padding:0;display:inline-block; vertical-align:middle; text-align:center; z-index:5}

/*BANNER HOME*/
.banner-home{width:100%;height:auto;position:relative;display:block;overflow:hidden;}
.bg-home, .bg-apply{position:relative;width:100%;height:100vh;display:block;background-position: center top;background-repeat: no-repeat; background-size:100%;-webkit-backface-visibility:hidden; backface-visibility:hidden;}
body.auto .bg-home{height:auto;padding:50vh 0}
body.auto .bg-apply{padding:50vh 0}
.bg-inner{position:relative;width:100%;height:auto;display:block;background-position: center center;background-repeat: no-repeat; background-size:cover;-webkit-backface-visibility:hidden; backface-visibility:hidden;padding:16vw 0 20vw 0; margin:0 0 20px 0}
.bg-home img, .bg-inner img, .bg-small img,  .bg-apply  img{position:relative; width:100%; height:auto; opacity:0; pointer-events:none;display:none;z-index:-9999;}
.bg-home::after, .bg-apply::after{content:'';position:absolute;width:100%;height:100%;bottom:0;left:0;transition:opacity 3s ease-in-out;background:radial-gradient(rgba(0, 0, 0, 0.3) 0%, rgba(0, 0,0, 0.9) 80%);pointer-events:none;z-index:0}
.bg-home::before, .bg-apply::before{content:'';position:absolute;width:100%;height:30vh;bottom:0;left:0;background:linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0) 100%);opacity:1;transition:opacity 3s ease-in-out;pointer-events:none;z-index:0}
.bg-inner::after{content:'';position:absolute;width:100%;height:30vh;top:0;left:0;background:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,1) 100%);opacity:1;transition:opacity 3s ease-in-out;pointer-events:none;}

/*BANNER*/
.group-central[data-name="home-banner"]{ background-color:#000}
.group-central[data-name="home-banner"] .bg-cover::after{background:radial-gradient(circle, rgba(235,183,127,1) 0%, rgba(149,111,71,1) 68%, rgba(149,111,71,1) 68%); opacity:1; display:block}
.bg-rock{position:absolute;background:url(/Content/theme_btq/images/bg-rock.svg) no-repeat center center/contain;opacity:0.1; width:100%;height:100vh;left:0;top:0;display:block!important;z-index:1}

/*UNDER-CONSTRUCTION*/
.under-construction{position:relative;display:block;height:auto;margin:0;padding:10vw;text-align:center}
.under-construction h2{color:#fff;font-size:30px;font-weight:700;}

/*LOGO-CENTER*/
.logo-center {position:absolute;display:block;top:30vh;left:50%;width:80%;max-width:600px; transform:translateX(-50%);height:36vh;z-index:2}
.gradient2 path {fill:url(#gradient2);fill-opacity:0;}
.logo-center svg{width:100%;height:100%;display:block}
.logo-center .stroke-line {stroke-opacity:1}
.logo-center.show .stroke-line {animation-name:DrawStroke;animation-duration:3s;animation-fill-mode:forwards; transition:fill-opacity 0.5s linear 1s, stroke-opacity 1s linear 0.5s;fill-opacity:1; stroke-opacity:0}
.text-logo-small{opacity:0;}
.text-logo-large{}
.stroke-line-2{fill:url(#gradient3);stroke:none; }
.stroke-line-3{fill:url(#gradient3);stroke:none; opacity:0;}

/*CONTENT*/
.text-intro{ position:relative;width:90%;max-width:800px;height:auto;margin:0 -5px; padding:0 5%; display:inline-block; vertical-align:middle; text-align:left; z-index:5}
.text-intro h3{font-weight:700;font-size:20px;  display:block; margin: 0 ; text-transform:uppercase}
.text-intro p{margin: 0 0 10px 0;} 
.box-txt {display:block; position:absolute; left:13vw; bottom:4vw; max-width:400px; width:90%;text-align:left; z-index: 15}
.box-txt p {margin: 0 0 15px 0;}
.box-txt i{ font-size:12px;width:80%; max-width:800px; display:block; margin:auto}
.column-text{width:100%; position:relative; height:auto; display:block; margin:0 0 10px 0}
.box-image{width:50vw; height:calc(100vh/1.6); position:absolute; bottom:8vw; right:10vw; }
.image-inner{width:100%; height:100%; position:relative;}
.pic-inner{width:100%; height:100%; position:relative;}

/*CANVAS HOVER*/
.option-01, .option-02{ overflow:hidden}
.grid-item-img{ width:100%; height:100%; position:relative; display:block  }
.grid-item-bg { width:100%; height:100%; position:absolute; left:0; top:0; }
.grid-item-img img {width:auto; min-width:100%; height:100%; display:block; left:0;position:absolute; }
.option-01 .grid-item-img img{left:50%; transform:translateX(-50%);}
.grid-item-img img:nth-child(2) { opacity:0;transition:opacity 0.5s ease-in-out;}
.grid-item-img canvas, .grid-item-bg  canvas{ width:100%; height:100%; display:block;position:relative;}
.grid-item-img.three img, .grid-item-bg.three img, .grid-item-bg.three .bg-cover{ display:none}
.grid-item-bg canvas{opacity:0;}
.grid-item-bg canvas.show{ opacity:1}
.grid-item-bg::after{content:''; width:100%; height:100%; position:absolute; left:0; top:0; }
.is-IE .grid-item-bg::after, .is-Edge .grid-item-bg::after{ background-color:rgba(0,0,0,0.3) !important; mix-blend-mode:inherit !important}

/*HOME-PRODUCT*/
.group-central[data-name="home-products"] {background-color:#000000}
.banner-home { width: 100%; height:auto; margin:0; position: relative; display:block; background-color:#000 }
.banner-canvas { width:60vw; height:100vh; position:absolute; top:0; right:0; display:none; overflow:hidden; z-index:1}
.banner-canvas canvas {width: 100%; height: 100%; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.slide-content { position: relative; display:block; width: 100%; height:auto; margin:0; z-index: 5; }
.whole-content {display:block; position:relative;left:auto; top:auto; width:100%;height:auto; overflow: hidden; }
.whole-content.ani-content {z-index:2}
.product-home-pic {display:inline-block;position:relative; max-width:60vw; height:100vh;}
.product-home-pic img{width: 100%; height:auto; display:block; position:relative; opacity:0; pointer-events:none}
.text-top {position:relative; display:block; margin:0; width:40vw;height:auto; float:left;padding:10vh 0 0 8vw;text-align:left;}
.text-style {font-size:7vw;font-weight:700; color: #000;-webkit-text-stroke-width:1px;-webkit-text-stroke-color: #fff; position:relative; display:block; line-height:1 }
.text-top h2 {font-weight:700; color:#fff;font-size:4vw; position:relative; display:block}
.text-top h3 {font-weight:700; color:#aaa;font-size:2vw; position:relative; display:block; max-width:60%}
.text-top p {font-size:16px; color:#aaa; width:70%;margin: 20px 0; position:relative; display:block; padding:0 20px 0 0;}
.pic-des {position:absolute;margin:0;display:block;width:20vw;height:20vw;top:calc(50% - 5vw);left:calc(40% - 10vw);overflow:hidden;border-radius:50%;box-shadow:0 30px 30px rgba(0,0,0,0.3);}


/*PAGINATION*/
.slider-buttons{position:absolute; bottom:12vh;left:6.5vw;width:auto; height:auto;margin:0; display:none; z-index: 10;}
.slide-prev{top:0; left:0; position:absolute; background:url(/Content/theme_btq/images/previous.svg) no-repeat 50% / 90%; width:70px; height:70px;}
.slide-next{top:0; right:0; position:absolute;background:url(/Content/theme_btq/images/next.svg) no-repeat 50% / 90%; width:70px; height:70px;}
.slider-pagination { position:relative;width:auto; height:auto; display:block; text-align:center; margin:20px 0; padding:0 70px}
.slider-pagination ul{width:100%; height:auto; position:relative; display:block}
.slider-pagination li { position:relative; display:inline-block; vertical-align:middle; border-radius: 50%;margin:0 5px;width:30px;height:30px;}
.slider-pagination li a{width:100%; height:100%; display:block;text-align:center;font-size: 14px;line-height:30px;font-weight: 700; color:#fff;transition:color 0.3s ease-in-out;}
.slider-pagination li.active{pointer-events:none;}
.slider-pagination li.active a{color:#a97e56;}
.slider-pagination li svg{width:30px;height:30px;  position:absolute; left:0; top:-6px; }
.slider-pagination .circle-outer{ stroke:rgba(255,255,255,0.8); fill:none; stroke-width:3; transform-origin:50% 0;stroke-dashoffset: 0; stroke-dasharray:537; transform:rotate(-90deg) translate(-21px, -15px);}
.slider-pagination li.active .circle-outer{ stroke:#a97e56;animation-name:Show100;animation-fill-mode:forwards;}

/*CANVAS SLIDE*/
.banner-home.three{height:100vh}
.banner-home.three .banner-canvas{ display:block}
.banner-home.three .slide-content{height:100vh;}
.banner-home.three .whole-content{position:absolute;left:0; top:0;height:100%;}
.banner-home.three .slider-buttons{ display:block}
.banner-home.three .product-home-pic{ display:none}

/*VIDEO HOME*/
.box-video-center .thumb-image{ top:50%; margin-top:calc(-100vw/14);left:auto; right:15vw;mix-blend-mode:overlay}
.box-video-center .thumb-image svg{ mix-blend-mode:inherit;left:0; top:0}

/*INSPIRATION HOME*/
.group-central[data-name="home-inspiration"] .bg-gradient {mix-blend-mode: multiply;display:block}
.group-central[data-name="home-inspiration"] .content-main::before, .group-central[data-name="home-inspiration"] .content-main::after {display:none}
.slide-inspiration {display:block; position:relative; width:100%; height:auto;}
.item-content {position:relative;display:block;width:100%;height:100%; text-align: left}
.item-content .pic-img {width:100vw;height:100vh;}
.text-content {position:absolute;display:block;bottom:24vh;left:8vw;text-align:left;margin:0;z-index: 10}
.text-content h3 {position:relative;display:block;max-width:38vw;color:#fff;font-size: 1.3vw;font-weight:400;font-style:italic;}
.quote {position:relative; display:block;margin:0 0 10px 0;padding:0;width:7vw;height:7vw;}
.quote svg {width:100%;height:100%}
.quote svg path {filter:drop-shadow( 11px 6px 5px rgba(0, 0, 0, .4));}
.signature {position:relative;display:block;margin:0;padding:0;font-size:16px;color:#fff;}
.signature img{width:10vw;height:auto;margin:10px 0;min-height:80px;min-width:180px; position:relative; display:block}

/*PRODUCT-HOT HOME*/
.group-central[data-name="home-product-hot"] .bg-gradient {mix-blend-mode: multiply;display:block}
.group-central[data-name="home-product-hot"] .content-main::before, .group-central[data-name="home-product-hot"] .content-main::after {display:none}
.slide-products-hot{display:block; position:relative; width:100%; height:auto;}
.home-item-loaida, .home-item-ten-sanpham, .home-item-xuatxu, .home-item-mausac, .txt-products-hot{position:relative; display:block; width:100%; height:auto; color:#fff; text-shadow:0 2px 5px rgba(0,0,0,0.3); font-size:16px}
.txt-products-hot a{padding:10px 35px 10px 15px;margin: 5px 0 0 -10px;font-weight: 700; font-style:italic;font-size:12px;color:#a97e56;display:inline-block;position: relative;margin:10px 0 0 -18px;text-align:center; z-index:10}
.txt-products-hot a::before{content: ' ';width: 30px;height:100%;position: absolute;top:0;right:0;background:url(/Content/theme_btq/images/more.svg) no-repeat 50%/80%;}
.txt-products-hot a::after{content: ' ';width:100%;height: 100%;position: absolute;top: 0;left: 0;  border-radius: 30px; z-index:-1 }
.slide-products-hot  h2{font-size:4vw;}
.slide-products-hot  h3{margin:5px 0; font-size:2vw; font-weight:500; font-style:normal}

/*NEWS HOME*/
.group-central[data-name="home-news"] { background-color:#380101}
.group-central[data-name="home-news"] .content-main {text-align:left; padding:0 0 0 22vw}
.group-central[data-name="home-news"] .title-main h2::after{margin:10px 0}
.group-central[data-name="home-news"] .grid-item-bg .bg-cover{ display:none}
.box-news-home {display: inline-block;vertical-align:middle;width:85%; max-width:1200px;height: auto;margin:0; z-index:20}
.box-news-home .title-main{margin:0 0 15px 0}
.slider-news {position:relative;display:block;width:100%;height: auto; margin:0;}
.item-news-home {position: relative;display:block;width:auto; height:auto; float:left; margin:0 10px 15px 0;}
.box-news{width:auto; height:auto; position: relative;display:block;}
.pic-news-home {width:100%;position: relative;float:left;display: block; overflow:hidden;cursor:pointer}
.txt-news-home {width:100%; position: relative;float:left;display: block; padding:15px 0; color:#fff;text-align:left}
.txt-news-home h3 {font-weight:400;display:block;position: relative; line-height:1.6; font-style:italic; text-transform:uppercase}
.item-news-home:nth-child(1) h3{font-size:1.5vw; font-weight:500; width:100%;  float:left }
.item-news-home:nth-child(2) h3, .item-news-home:nth-child(3) h3, .item-news-home:nth-child(4) h3{font-size:13px;  max-height:62px; overflow:hidden; font-weight:bold}
.item-news-home:nth-child(1) {max-height:60vh;width:calc(50% - 20px) }
.item-news-home:nth-child(1) .pic-img {height:50vh; max-height:390px}
.item-news-home:nth-child(2), .item-news-home:nth-child(3), .item-news-home:nth-child(4){max-height:22vh;width:50%}
.item-news-home:nth-child(2) .pic-news-home, .item-news-home:nth-child(3) .pic-news-home, .item-news-home:nth-child(4) .pic-news-home {width:30%;}
.item-news-home:nth-child(2) .txt-news-home, .item-news-home:nth-child(3) .txt-news-home, .item-news-home:nth-child(4) .txt-news-home {width:70%; padding:0 0 0 15px;}
.item-news-home:nth-child(2) .pic-img, .item-news-home:nth-child(3) .pic-img, .item-news-home:nth-child(4) .pic-img {height:calc(50vh/3 - 10px); max-height:120px}
.item-news-home:nth-child(1) .view-more{ float:right}



/*CONTACT HOME*/
.group-central[data-name="home-contact"] { background-color:#4a2c00}
.group-central[data-name="home-contact"] .bg-gradient{mix-blend-mode: multiply; display:block}
.company-text{width:40vw;  height:auto; display:inline-block; vertical-align:middle; position:relative; margin:0 0 0 5vw; padding:0; text-align:left;}
.company-text h2{ font-size:3.3vw; font-weight:300; text-transform:uppercase; color:#fff;margin:0 0 10px 0; display:block}
.company-info{font-weight:400;width:100%; height:auto; display:block; position:relative; margin:0;padding:20px 0; color:rgba(255,255,255,0.8)}
.company-info::before {content:'';position:absolute;background-color:rgba(255,255,255,0.8);width:8vw;height:1px; top:0;left:0}
.company-info::after {content:'';position:absolute;background-color:rgba(255,255,255,0.8);width:8vw;height:1px; bottom:0;left:0}
.company-info li{ display:block; margin:0 0 10px 0; width:100%}
.company-info p{ font-weight:400;font-size:16px; line-height:1.6; margin:0;display:inline-block; vertical-align:middle; max-width:calc(100% - 40px);}
.company-info a{color:#fff}
.company-info span{width:35px; height:35px; display:inline-block;margin:0 10px 0 0; vertical-align:middle}
.address {background:url(/Content/theme_btq/images/location.svg) no-repeat center center/contain;}
.call{background:url(/Content/theme_btq/images/call.svg) no-repeat center center/contain;}
.fax{background:url(/Content/theme_btq/images/fax.svg) no-repeat center center/contain;}
.email{background:url(/Content/theme_btq/images/email.svg) no-repeat center center/contain;}

/*MAP*/
.map-box{height:36vw; width:36vw;position: relative;display:inline-block;vertical-align:middle;margin:0;border-radius:50% 50% 0 50%;box-shadow:0 20px 30px rgba(0,0,0,0.1); background-color:#fff; transition: all 0.6s ease-in-out;}
.content-map-box{width:100%; height:100%;border-radius:50% 50% 0 50%;overflow:hidden;position:relative;display:block;transform:translate3d(0,0,0);transition:border-radius 1s ease-in-out 0.5s;}
.full-map{position:absolute;top:50%;right:-20px; background-color:#a97e56;width:35px;height:35px;cursor:pointer;box-shadow:0 10px 20px rgba(0,0,0,0.1);border-radius:8px;}
.full-map::after{content:''; width:100%; height:100%;position:absolute;left:0;top:0;background:url(/Content/theme_btq/images/video/fullscreen.svg) no-repeat 50%/80%;}
.map-box.show, .map-box.showroom.show{position:fixed; width:100vw;height:100vh;max-height:inherit;max-width:inherit;right:0;top:0;margin:0;padding:0;border-radius: 0;z-index: 100000;}
.map-box.show .content-map-box, .map-box.showroom.show .content-map-box{border-radius:0;}
.map-box.show .full-map, .map-box.showroom.show .full-map{top:95px;right:10px;}
.map-box.show .full-map::after, .map-box.showroom.show .full-map::after{background:url(/Content/theme_btq/images/video/cancel-fullscreen.svg) no-repeat 50%/80%;}
.map-box.show .zoom-control, .map-box.showroom.show .zoom-control{right:10px;}

/*SQUARE-STROKE*/
.padding-main > span:not(.brown-light){position:absolute;border:1px solid #444;z-index:0}
.introduce-about > span{;width:15vw;height:15vw;bottom:1px;left:38vw}
.improve-about > span{width:4vw;height:4vw;top:0;right:5vw}
.factory-about > span{width:4vw;height:4vw;top:0;left:5vw}

/*ABOUT*/
#about-page .wrap-content{width:100%; text-align:center}
#about-page .pic-img{height:100%}
.introduce-about .pic-main{width:50%;margin:0 -5px}
.introduce-about .text-main{width:50%;float:right;padding:0 5vw 0 9vw}
.value-about{ z-index:5}
.value-about .text-main{width:65%;padding:0 10vw 5vw 10vw; vertical-align:middle}
.value-about .pic-main{width:35%; vertical-align:middle; margin:20px -5px;}
.improve-about .pic-main{width:50%;height:70vh;margin:20px -5px;}
.improve-about .pic-main .pic-about .pic-img{height:100%}
.improve-about .text-main{width:50%;float:right;margin:0;padding:5vw 8vw}
.factory-about .pic-main{width:40%;float:right;margin:20px -5px;}
.factory-about .text-main{width:60%;margin:0;padding:5vw 8vw}
.pic-main{position:relative;height:auto; max-height:90vh; overflow:hidden;display:inline-block;margin:0;padding:0;vertical-align:top;}
.text-main{position:relative;display:inline-block;margin:0;padding:0;vertical-align:top;}
.text-main{color:#fff;text-align:left}
.text-main p{margin:0 0 10px 0}
.text-wrap{position:relative;display:block;margin:0;padding:0}
.pic-about{position:relative;display:block;width:100%;height:100%;margin:0;padding:0;overflow:hidden}
.wrap-text-small{position:relative;display:block;width:100%;height:auto;margin:0;}
.text-small{position:relative;display:inline-block;width:100%;margin:5% 0 0 0;padding:0;text-align:left; vertical-align:top}
.text-small h3{font-size:3vw;font-weight:700;color:#a97e56;}


/*PRODUCT*/
.product-group{padding:5vw 0 !important; color:#fff; text-align:center; z-index:5}
.brown-light{position:absolute;width:130vw;height:80vw;left:-15vw;top:-20vw;background:url(/Content/theme_btq/images/brown-circle.png) no-repeat 50%/90%;pointer-events:none;z-index:-1}
.product-item{position:relative;display:inline-block; vertical-align:top;width:calc(50% - 5px);height:50vh;min-height:350px;margin:0 0 5px 0;padding:0;overflow:hidden; background-color:#000}
.product-item:nth-child(1), .product-item:nth-child(2), .product-item:nth-child(3){width:calc(33.3% - 5px);}
.product-item-pic{position:relative;display:block;width:100%;height:100%;overflow:hidden}
.product-item-pic .pic-img{height:100%}
.product-item-pic::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;border:5px solid rgba(169, 126, 80,1);opacity:0;z-index:1}
.product-item-pic::before{content:'';position:absolute;width:100%;bottom:0;left:0;background:linear-gradient(180deg, rgba(169, 126, 80,0) 0%, rgba(0,0,0,0.7) 100%);z-index:1}
.text-product{position:absolute;display:block;width:100%;max-width:600px;height:auto;top:50%;left:50%; transform:translate(-50%, -50%);padding:20px;text-align:center;color:#fff;z-index:2}
.text-product h2{font-size:2vw; font-weight:700;text-shadow:10px 10px 5px rgba(0, 0, 0, 0.3);text-transform:uppercase; display:block; width:100%; padding:0 20px; white-space:normal}
.text-hide > p{text-shadow:0 2px 5px rgba(0, 0, 0, 0.3);position:relative; display:block; padding:10px 20px; font-weight:500}
.text-show p{ font-weight:500; text-transform:uppercase}
.text-show{position:relative;display:block;width:100%; height:auto}
.text-hide{position:relative;display:block;transform:translateY(100%)}
.text-show::after{content:'';position:relative;display:block;margin:10px auto 15px;height:1px;background-color:#fff}
.touch .product-item-pic::after{ opacity:1}

/*PRODUCT-LIST*/
.color-intro {text-align:center}
.color-intro .wrap-content{max-width:900px; margin:0 auto 30px auto}
.color-intro::after{content:'';position:absolute;width:100%;height:1px;background-color:#999;bottom:0;left:0;}
.color-intro p{color:#444; text-align: justify;}

/*PRODUCT-MAIN*/
#product-main-page .bg-inner{ margin:0}
#product-main-page .wrap-large{ max-width:1200px; text-align:center}
#product-detail-page .background-grey::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;border-top:1px solid #000;border-bottom:1px solid #000}
.row-detail{position:relative;width:100%;height:auto;padding:0;text-align:left; margin:15px 0 0 0; display:block; }
.info-details{position:relative;width:320px;height:auto;margin:0;padding:0;float:left;display:block;}
.title-tt{position:relative;display:block;width:100%;height:auto;padding:20px;background-color:#acacac; color:#fff; font-size:18px; font-weight:300; text-transform:uppercase}
.title-tt strong{font-size:30px; display:block; margin:10px 0 0 0 }
.txt-detail{position:relative;display:block;width:100%; height:auto}
.txt-detail li{position:relative;display:block;width:100%;height:auto;padding:10px 20px;margin:1px 0 0;background-color:#eee; color:#444;font-size:13px; line-height:1.4;}
.txt-detail li h3{font-weight:700; font-size:15px; display:inline}
.txt-detail li h2{font-weight:700; font-size:18px; display:inline}
.pic-product{position:relative;width:calc(100% - 320px);margin:0;padding:0 0 0 20px;float:right;display:block;}
.rock-color{position:relative;display:block;width:100%;height:calc((1142/2000) * 55.3vw);min-height:350px; overflow:hidden; background-color:#fff; border:1px solid #ddd}
.rock-color img{width:100%;height:auto;position:relative;margin:auto;display:block;}
.slide-rock{position:relative;display:block;width:100%;height:100%;}
.slide-four{position:relative;display:block;margin:0 auto;padding:0;width:100%; height:auto; text-align:center}
.item-four{width:auto;height:auto;position:relative;display:inline-block;padding:20px; vertical-align:top; margin:10px}
.pic-four{position:relative;display:block;width:100px;height:100px;overflow:hidden;box-shadow:10px 10px 10px rgba(0, 0, 0,0.1); border-radius:50%;}
.pic-four::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;border:5px solid #a97e56;opacity:0;border-radius:50%; pointer-events:none}
.pic-four .pic-img{height:100%;}
.product-name{display:block;position:relative;padding:20px}
.product-name h3{font-size:15px;color:#444;text-align:center}
.seperate::after{content:'';position:absolute;width:1px;height:100%;top:0;left:50%;background-color:#999}
#xemmatda_div{ position:relative; display:inline-block; margin:0}
.load-data-noload-ajax{ position:relative; display:block; width:100%; height:auto; margin:auto}

/*PRODUCT COLOR*/

.color-box{position:relative;width:100%;height:auto;display:block; border-bottom:1px solid #999;text-align:left;}
.circles-box{position:relative;display:inline-block;width:calc(50% - 1px);height:auto;padding:5vw; vertical-align:top; margin:0 -3px; text-align:center}
.color-box.center-box{ text-align:center}
.color-box.center-box .circles-box{width:100%;}
.circles-box:nth-child(1)::after{content:'';position:absolute;width:1px;height:100%;top:0;right:1px;background-color:#999}
.color-box.center-box .circles-box:nth-child(1)::after{display:none}
.circles-box h2{font-size:2vw;font-weight:700;color:#666;text-transform:uppercase; display:block; margin:0 0 20px 0}
.text-height{color:#444; display:block; width:100%; height:auto; position:relative}
.text-height span{ font-weight:500; font-size:18px; line-height:1.4; display:block; font-style:italic; margin:10px}
.text-height p{margin:10px 0;display:block;}
.list-color{position:relative;width:100%; height:auto;display:block;margin:0;}
.small-color{position:relative;display:inline-block;margin:20px 10px;vertical-align:top}
.small-color .pic-img::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;border-radius:50%;border:8px solid #a97e56;opacity:0; pointer-events:none}
.small-color .pic-img{width:7vw;height:7vw;min-width:100px;min-height:100px;box-shadow:8px 8px 10px rgba(0,0,0,0.1);border-radius:50%; margin:auto; border:1px solid #ddd}
.small-color a{width:auto; height:auto; position:relative; display:block}
.small-color h3{ font-size:13px; display:block; color:#444; margin:10px auto; text-align:center; font-weight:400}
.slide-color{position:relative;width:90%;height:auto; display:block; margin:auto; text-align:center}
.slide-color .circles-box:nth-child(1)::after{ display:none}
.slide-color .circles-box{width:100%; display:block}
.slide-color .small-color{margin:10px}


/*PRODUCT COMMENT*/
.comment-box{ width:90%; max-width:900px; height:auto; position:relative; display:block; margin:30px auto; padding:10px 30px;background-color:#eee; text-align:left}
.product-comment{position:relative;display:block;width:100%;height:auto;}
.product-comment h3{ font-weight:500; font-size:18px; text-transform:uppercase; display:block; margin:0 0 10px 0; color:#444}
.icon-comment{position:absolute;left:-60px;top:-15px;width:50px;height:50px;background:url(/Content/theme_btq/images/cmt-icon.png) no-repeat center center / cover;}
.small-social{position:absolute;right:20px;top:-27px;width:auto}
.comment-but{position:relative;display:block;width:100%;height:auto;text-align:right}
.comment-box .btn{ border-radius:8px; color:#fff; background-color:#a97e50; position:relative}
.review{ text-align:left;padding:10px 40px 10px 15px}
.review span{position:absolute;right:5px;top:50%;width:30px;height:30px;margin:-15px 0 0 0;background:url(/Content/theme_btq/images/list.svg) no-repeat 50%/80%;transition:transform 0.3s ease-in-out;}
.review.active span{transform:rotate(180deg);}
.comment-but .note{ display:block; float:left; margin:10px 0; color:#666}
.login-click, .register-click{ color:#a97e50}
.comment-public{width:100%; height:auto; display:block; position:relative;padding:20px 0 0 0; margin:30px 0 0 0; border-top:1px solid #444}
.comment-list{width:100%; height:0; display:block; position:relative; overflow:hidden;margin:20px 0;transition:height 0.5s ease-in-out;}
.all-comment{width:100%; height:auto; display:block; position:relative; }
.comment-user{width:100%; height:auto; display:block; position:relative;padding:0 0 10px 0;margin:0 0 20px 0; border-bottom:1px dashed #444}
.comment-user p{ font-size:15px; color:#444; display:block; margin:0 0 15px 0 }
.icon-user{ text-transform:uppercase; font-size:15px; line-height:1.4; font-weight:500; color:#572d00; display:block;margin:0 0 10px 0;font-style:italic}

/*MENU PRODUCT*/
.outer-product{position:relative;display:block;width:100%;height:auto;margin:30px 0; text-align:center}
.outer-product ul{position:relative;display:block;width:100%}
.outer-product li{position:relative;display:inline-block; vertical-align:top;width:calc(100%/5 - 5px);padding:10px 20px;margin:0 0 5px 0;background-color:#a97e56;text-align:center}
.outer-product li.current{background-color:#666;pointer-events:none}
.outer-product li h2{font-size:1vw;color:#fff;text-transform:uppercase; font-weight:300}
.outer-product li strong{ display:block; font-size:150%}
.small-light{width:130vw;height:80vw;left:-15vw;bottom:-24vw; top:auto}
.row-detail .btn{position:relative;display:inline-block;text-align:left;margin:20px 0;padding:20px 30px;color:#fff;background-color:#a97e56; font-size:18px; font-weight:700; border-radius:8px; line-height:1.4}
.row-detail .btn span{font-weight:300;color:#fff; display:block; margin: 0 0 10px 0; font-style:italic }

/*ALBUM-VIDEO*/
.movie-album{width:260px; height:auto; position:relative; display:block;margin:20px 0; float:right; text-align:right}
.thumb-album, .thumb-video{width:120px; height:70px; position:relative; display:inline-block; vertical-align:top; margin:0; text-align:center; background-color:#000; border-radius:8px;cursor:pointer}
.thumb-album h3, .thumb-video h3{ font-weight:700; font-size:12px; display:block; text-transform:uppercase; color:#666; margin:5px 0 0 0 }
.thumb-album .pic-img, .thumb-video .pic-img{height:70px; margin:0; border-radius:8px}
.thumb-album a, .thumb-video a{width:40px; height:40px; margin:-20px 0 0 -20px; left:50%; top:50%;}

/*PRODUCT-DETAILS*/
#product-advantage-page .padding-main{padding:4vw 0 20px 0}
#product-detail-page .pic-product-shop{pointer-events:auto; cursor:pointer}
#product-main-page .pic-product-shop{pointer-events:auto; cursor:pointer}
.pic-product-shop .zoom{pointer-events:none;}
.product-details{ z-index:2}
.product-details .pic-product{width:calc(100% - 620px); height:calc(1125/2000 * 60vw);min-height:360px; float:left; padding:0 20px}
.product-details .pic-product .rock-color img{height:100%;}
.product-details .rock-color{height:100%}
.product-details .list-product{background-color:transparent;overflow:visible; padding:0 0 4vw 0; min-height:inherit; display:inline-block; text-align:center; opacity:1; z-index:10}
.product-details .item-product{ background-color:transparent; float:none; display:inline-block; margin:0 -3px}
.pic-product-shop .zoom{width:40px; height:40px; right:10px; top:10px}
.order-button{position:relative;display:block;width:300px;text-align:center;  margin:20px 0; float:right }
.order-but, .order-product{position:relative;padding:20px;background-color:#a97e56;display:block;color:#fff;text-transform:uppercase;text-align:center;font-weight:700;border-radius:8px;}
.pic-product .add-cart{right:30px}

/*SLIDE ROCK FACE*/
.pic-top-rock{width:100%; height:auto; display:block; margin:0; float:left}
.slide-pic-rock{width:100%; height:auto; display:block; margin:0}
.slide-pic-rock .rock-color{pointer-events:none;}
/*THUMB*/
.thumb-box{width:100%; height:auto; position:relative; display:block; margin:0 ; padding:10px; text-align:center; background-color:#eee}
.thumb-box-item{width:80px; height:50px; display:inline-block; vertical-align:middle; margin:0; position:relative; overflow:hidden;border-radius:8px;}
.thumb-box-item::after{content:'';width:100%; height:100%; position:absolute; left:0; top:0;border:5px solid #fff;transition: border 0.3s ease-in-out; pointer-events:none;border-radius:8px;}
.thumb-box-item a{display:block}
.thumb-box-item.current{pointer-events:none; }
.thumb-box-item.current::after{border-color:#a97e50}
.thumb-box-item:hover::after{border-color:#a97e50}
.thumb-box-item img{width:100%; height:auto; display:block;pointer-events:none}
.view-next{ display:inline-block; vertical-align:middle; margin:0;width:50px; height:44px;background: #a97e56 url(/Content/theme_btq/images/next.svg) no-repeat 50%/70%;border-radius:8px;transition: background-color  0.3s ease-in-out;}
.view-next:hover{ background-color:rgba(0,0,0,0.5)}

/*PRO DESCRIPTION*/
.pro-description{ position:relative;width:100%; height:auto;}
.pro-description.load-details{ display:inline-block; max-width: calc(100% - 340px); float:right; margin:30px 0; text-align:left}

/*FORM FIRST ORDER*/
.favorite-product{position:relative;display:block;width:300px;float:left}
.txt-favorite{width:100%; height:auto;position:relative;display:block;margin:0}
.txt-favorite h3{font-weight:700;margin:0 0 10px 0;text-transform:uppercase; display:block; font-size:18px; color:#fff; background-color:#000; padding:15px 20px;}
.txt-favorite p{font-style:italic; font-size:14px; margin:0 0 15px 0; display:block}
.favorite-product .input-text input[type="text"],.favorite-product .input-area textarea{border: 1px solid #a1a1a1;border-radius:0}
.favorite-product .input-text input[type="text"]{height:55px;line-height:40px}
.favorite-product .input-text, .favorite-product .input-area,.favorite-product .input-but{ max-width:700px}
.favorite-product .btn{ float:right; margin:0}
.favorite-product .captcha{ float:left}

/*SMALL-CAPTCHA*/
.captcha{width:110px;height:64px;display:inline-block;vertical-align:top;position:relative;text-align:center;overflow:hidden;background-color: #f9f9f9;}
.captcha::after{content: '';position: absolute;right:3px;top:5px;display:inline-block;width:54px;height:54px;background:#f9f9f9 url(/Content/theme_btq/images/captcha.png) no-repeat center center/cover;z-index:2}
.captcha::before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;border:1px solid #ccc;pointer-events:none; z-index:2}
.g-recaptcha{width:100%;height:auto;display:inline-block;position:relative;margin:0;text-align:center}
.g-recaptcha > div{width:100% !important;height:auto !important;position:relative;display:inline-block;margin:-5px 0 0 0px;overflow: hidden;}

/*TOP-AD*/
.top-ad{display:inline-block;position:relative;width:auto;margin:0 -5px;text-align:center;padding:0 0 0 50px;vertical-align:middle}
.top-ad > p{ font-size:18px; color:#666}
.top-ad > p strong{ color:#000}
.but-line{position:relative;display:inline-block;width:120px;vertical-align:middle}
.but-line .btn{ display:block; padding:20px; font-size:15px}
.search-line{display:inline-block;position:relative;margin:0;width:30vw;max-width:450px;text-align:center}
.search-line .input-text{position:relative;display:inline-block;width:calc(100% - 120px);margin: 0 -5px; vertical-align:middle;background-color:#ddd}
.search-line .input-text input[type="text"]{background-color:#ededed}

/*SHOP-HOUSE*/
.shop-house{background-color:#fff;padding:2px 2px 5vw; z-index:5}
.row-product p{color:#444;font-size:15px;max-height:24px;overflow:hidden}
.description-shop{position:relative;display:block;margin:0;padding:20px 20px 20px 250px;text-align:left;width:100%;height:auto}
.row-product{position:relative;display:block;width:100%;height:auto;overflow:hidden;background-color:#fff;}
.row-product::before{content:'';position:absolute;left:250px;z-index:1;top:0;width:20px;height:100%;background-color:#ededed}
.col-product{width: calc(100% - 250px);float:left;background-color:#ededed;padding:20px;border-right:0;height: auto;}
.list-product{position:relative;display:block;width:100%;height:auto;background-color:#fff;overflow:hidden;min-height:100vh; opacity:0}
.filter-product{position:relative;display:block;width:250px;float:left;background-color:#fff;}
.filter-box{position:relative;display:block;width: 100%;height: auto;}
.box-filter:nth-of-type(1){border-top:1px solid #ebebeb;}
.box-filter{position:relative;display:block;width:100%;height:auto;border-bottom:1px solid #ebebeb;padding:0 30px;}
.box-filter::before{content:'';background:url(/Content/theme_btq/images/add2.png) no-repeat left top; width:40px; height:50px; position:absolute; right:5%; top:0}
.box-filter.active{padding:0 30px 15px 30px;}
.box-filter.active::before{background-position:right top;}
.box-filter ul{ position:relative;width:100%; height:0; display:block; overflow:hidden;transition: height 0.3s ease-in-out;}
.box-filter li{display:block;font-size:14px; position:relative; width:100%; height:auto;}
.box-filter li a{color:#464646;display:inline-block;padding:8px 0;vertical-align:middle;font-weight:500; max-width:calc(100% - 50px); margin:0; pointer-events:none}
.box-filter li.current a{color:#a0754b;text-decoration:underline;}
.box-filter h3 {font-size:16px;font-weight:700;margin:0; position:relative; display:block;width:100%; line-height:50px; cursor:pointer}
.item-product {width:25%;float:left;padding:15px;border-right:1px solid #ebebeb;background-color:#fff;border-bottom:1px solid #ebebeb;position:relative;}
.pic-product-shop{position: relative;display: block;overflow: hidden; width:100%;height:calc(1125/2000 * 700px);max-height:360px;min-height:340px;box-shadow: 0 0 10px  rgba(0,0,0,0.1); pointer-events:none}
.pic-product-shop .pic-img{height:100%;  background-color:#fff}
.txt-product {display:block; position:relative; width:100%; height:auto; margin:10px 0; text-align:left}
.txt-product ul {position: relative;display: block;width: 100%;height: auto;}
.txt-product li {position: relative;display: block;width: 100%;height: auto;padding: 10px 20px;margin: 1px 0 0;background-color: #eee;color: #444;font-size: 13px;
line-height: 1.4;}
.txt-product li h3 {font-weight: 700;font-size: 15px;display: inline;}
.shop-house .txt-product li h3{font-weight:400}
.reset-filter{color:#666; width:100%; height:auto; position:relative; overflow:hidden; margin:0; text-align:left; padding:10px; background-color:#fff; display:none }
.reset-filter svg{width:15px; height:40px; display:inline-block; vertical-align:middle;}
.reset-filter span{ font-size:12px; display:inline-block; vertical-align:middle; text-transform:uppercase; font-weight:400; margin:0 10px}
.reset-filter.show{ display:block}

#list-product-result h5{ font-size:30px; padding:5vw 10vw; text-transform:uppercase}

/*PRODUCT-APPLICATION*/
#product-application-page .content-apply{top:auto; position:relative;padding:10px 20px; }
#product-application-page .top-content{padding:0}
#product-application-page .top-content::after, #product-application-page .pic-aplly::after, #product-application-page .shape-apply{display:none}
#product-application-page .top-content h2{ font-size:24px; color:#000}
#product-application-page .application-wrap{ background-color: rgba(0,0,0,0.1)}

/*PRODUCT-ADVANTAGE*/
#product-advantage-page .color-intro::after{display:none}
.pic-large{position:relative;display:block;width:100%;height:auto;max-height:100vh;overflow:hidden}
.series-advantage{position:relative;display:block;width:100%;height:auto;margin:0;padding:0; text-align:center}
.advantage-box{position:relative;display:inline-block;margin:0 -3px;width:calc(100vw/3);height:calc(100vw/3);text-align:center;overflow:hidden}
.advantage-box:nth-child(odd){background-color:#fff}
.advantage-box:nth-child(even){background-color:#eee}
.advantage-box::before, .advantage-box::after{content:'';display:inline-block;vertical-align:middle;height:100%;}
.advantage-content{position:relative;display:inline-block;width:80%;margin:0 -5px;vertical-align:middle}
.sp-svg{position:relative;display:block;width:10vw;height:10vw;margin:auto}
.sp-svg img{position:relative;display:block;width:100%;height:100%;}
.sp-svg::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;border-radius:50%;border:2px dotted #aaa}
.advantage-content h3{color:#444;font-size:16px;font-weight:700;position:relative;margin:30px 0}
.advantage-content p{color:#444;position:relative;max-height:128px;overflow:hidden}

/*TABLE*/
table{display:table;border-spacing:1px;border-collapse:separate; table-layout:fixed}
tbody {display:table-row-group;vertical-align:middle;}
table td, table th{padding:15px;vertical-align:middle;border-top:1px solid #b7b7b7;border-left:1px solid #b7b7b7;color:#444;text-align:center; line-height:1.4;font-size:15px}
table th{background-color:#fff; font-weight:700}
table td{background-color: #eee; font-weight:400}

/*PRODUCT-TECH*/
.table-cell{position:relative;display:block;margin:0 auto;padding-bottom:5vw}
.table-cell table{width: 100%;border-spacing:0;border-bottom:1px solid #b7b7b7;border-right:1px solid #b7b7b7;text-align:center;margin:0 0 20px 0;display:table;table-layout: fixed;}
.table-cell table tbody,.table-cell table tr{min-width:1100px}
.table-cell table th p{color:#444}
.table-cell table tr th{min-width:80px}
.table-cell table tr th:nth-child(1){width:80px}
.table-cell table tr th:nth-child(2){width:150px}
.table-cell table tr th:nth-child(3){width:260px}
.table-cell table tr th:last-child{width:180px}

/*INSPIRATION-PAGE*/
#product-inspiration .color-intro::after{display:none}
.inspiration-list{position:relative;display:block;width:100%;margin:0;padding:0;height:auto; min-height:50vh; text-align:center}
.inspiration-box{display:inline-block; vertical-align:top;width:calc(50% - 5px);position:relative;height:auto;padding:0;margin:0}
.ins-pic{position:relative;display:block;width:100%;height:33vw;overflow:hidden;margin:0;padding:0}
.ins-pic .pic-img{height:100%}
.small-color-ins{width:auto;height:auto;position:absolute;bottom:2vw;left:50px; cursor:default;z-index:1}
.small-color-ins a{ cursor:default}
.small-color-ins .small-color{margin:0 0 10px }
.small-color-ins .small-color .pic-img{width:250px;height:250px;box-shadow:15px 15px 10px rgba(0, 0, 0, 0.1);opacity:1}
.box-detail-project{position:relative;display:block}
.txt-small-color{position:relative;display:block; width:100%}
.txt-small-color h2{color:#444;font-size:18px;font-weight:700;text-transform:uppercase;text-align:center;}
.txt-ins{position:relative;display:block;padding:2vw 30px 2vw 350px;background-color:#ebebeb; text-align:left}
.ins-name{position:relative;display:inline-block;text-align:left;}
.ins-name h3{font-size:18px;color:#000;font-weight:400;line-height:1.6;text-transform:uppercase; display:block}
.view-pro{display:block;position:relative;float:right;color:#a97e56;font-style:italic;font-size:14px;line-height:50px;z-index:1}
.view-pro::after{content:'';position:absolute;width:50px;height:50px;top:0;right:0;border-radius:50%;border:1px solid #a97e56;z-index:-1}
.view-pro span{position:relative;display:inline-block;width:50px;height:50px;vertical-align:middle;margin:0 0 0 10px;border-radius:50%;z-index:1}
.view-pro span::after{content:'';position:absolute;border-top:6px solid transparent;border-left:6px solid #a97e56;border-bottom:6px solid transparent;top:calc(50% - 6px);left:calc(50% + 3px)}
.view-pro span::before{content:'';position:absolute;width:10px;height:1px;background-color:#a97e56;top:calc(50% - 1px);left:calc(50% - 6px)}
.open-button{display:none}
#product-inspiration .small-color-ins{pointer-events:none}


/*INSPIRATION-MODIFY-SUB*/
.sub-inspiration{margin:auto;position:relative;width:100%;display:block; z-index:2}
.sub-top{display:table;table-layout:fixed;position:relative;margin:auto;padding:0;width:60%;height:auto;border-bottom:1px solid #aaa}
.inspiration-item{display:table-cell;position:relative;margin:0;padding:0;text-align:center;width:auto;height:auto;border-right:1px solid #aaa}
.inspiration-item a{font-size:16px;font-weight:700;color:#333;text-transform:uppercase;display:block;margin:0;padding:30px;background-color:#fff;transition:all 0.3s ease-in-out}
.inspiration-item a.active{background-color:#a97e56;color:#fff;pointer-events:none}
.sub-bottom{position:relative;display:block;padding:0;margin:50px auto 30px;width:100%;height:auto;}
.sub-list{position:relative;display:block;width:100%;padding:0;text-align:center;transition:all 0.3s ease-in-out;transform:scaleY(0);height:0;opacity:0}
.sub-list.active{transform:none;height:auto;opacity:1}
.sub-item{position:relative;display:inline-block;margin:10px;text-align:center;width:12vw;height:auto;vertical-align:top; z-index:2}
.sub-item .pic-img{position:relative;display:block;width:6vw;height:6vw; min-height:150px; min-width:150px;margin:auto;border-radius:50%}
.sub-item .pic-img::before{content:'';position:absolute;width:84%;height:84%;top:8%;left:8%;background-color:#a97e56;border-radius:50%;z-index:-1}
.sub-item .pic-img::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;border-radius:50%;border:2px solid rgba(255,255,255,0.6)}
.sub-item h3{color:#fff;font-size:14px;font-weight:700;text-transform:uppercase;position:relative;margin:10px 0 0}
.sub-item.active h3{color:#a97e56}
.sub-item.active{pointer-events:none}
.sub-item.active .pic-img::before{width:100%;height:100%;top:0;left:0}	
.sub-item.active .pic-img::after{width: 84%;height: 84%;top: 8%;left: 8%;}
.sub-list[data-list="mau-sac"] .sub-item{width:auto;height:auto;}
.sub-list[data-list="mau-sac"] .sub-item a{ display:block;}
.sub-list[data-list="mau-sac"] .sub-item.active{opacity:1}
.sub-list[data-list="mau-sac"] .sub-item.active .small-color::after{ opacity:1}
.sub-list[data-list="mau-sac"] .small-color::after{ border-color:#fff}
.sub-list[data-list="mau-sac"] .sub-item .pic-img::before,.sub-list[data-list="mau-sac"] .sub-item .pic-img::after{display:none}

.sub-list[data-list="color"] .sub-item{width:auto;height:auto;}
.sub-list[data-list="color"] .sub-item a{ display:block;}
.sub-list[data-list="color"] .sub-item.active{opacity:1}
.sub-list[data-list="color"] .sub-item.active .small-color::after{ opacity:1}
.sub-list[data-list="color"] .small-color::after{ border-color:#fff}
.sub-list[data-list="color"] .sub-item .pic-img::before,.sub-list[data-list="color"] .sub-item .pic-img::after{display:none}

/*INSPIRATION-MODIFY-LIST*/
#inspiration-page .ins-name h3{text-transform:none;font-size:3vw;margin:0 0 10px 0;color:#a97e56;text-align:left}
#inspiration-page .txt-ins{padding:30px 5%; background-color:#fff; min-height:35vh}
#inspiration-page .inspiration-box{margin:0 0 5px 0}

/*APPLICATION*/
.application-wrap{display:block;position:relative;margin:0 auto;width:90%;max-width:1600px; text-align:center}
.box-apply{position:relative;display:inline-block; vertical-align:top;width:calc(100%/3);height:auto;margin:0 -3px 10px -3px;padding:1px 3px}
.pic-aplly{position:relative;display:block;width:100%;height:100%;}
.pic-aplly .pic-img{height:27vw;z-index:0}
.content-apply{position:absolute;display:block;width:100%;height:auto;top:35%;text-align:center;z-index:2}
.top-content{position:relative;display:block;padding:0 0 30px;}
.top-content h2{color:#fff;font-weight:700;font-size:16px}
.top-content::after{content:'';position:absolute;background-color:#fff;bottom:0;left:calc(50% - 15px);width:30px;height:1px}
.box-apply .shape-apply{width:7vw;height:7vw;min-width:100px; min-height:100px;position:relative;display:block;margin:10px auto}
.shape-apply img{ position:relative;display:block;width:100%;height:100%;opacity:1; pointer-events:none;z-index:1;}
.pic-aplly::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none;background-color:rgba(0,0,0,0.2)}
.bottom-content{color:#fff;position:relative;display:block;margin:10px auto;width:90%}
.shape-apply:after{content:'';position:absolute;width:80%;height:80%;top:10%;left:10%;border-radius:50%;background-color:rgba(0,0,0,0.4);z-index:-1}
#product-application-page .pic-aplly .pic-img{height:calc(1125/2000 * 30vw);}
#product-application-page .bottom-content{color:#333; opacity:1; }

/*APPLICATION-DETAIL*/
#application-detail-page .title-page h1{display:none}
#application-detail-page .banner-inner .shape-apply{position:relative;display:block;width:10vw;height:10vw; min-width:150px; min-height:150px; margin:auto}
#application-detail-page .shape-apply::after{width:84%;height:84%;left:8%;top:8%}
#application-detail-page .title-order h2{color:#fff;font-weight:700}
#application-detail-page .brown-light{bottom:-20vw}
#application-detail-page .btn{font-weight:700;padding:25px 50px;margin:5vw auto 0;max-width:400px;color:#111;background-color:#a97e56}
#application-detail-page .padding-top { padding:0}
.wrap-slide{position:relative;display:block;width:100%;height:auto}
.pic-slide{position:relative;display:block;margin:0;padding:0;width:100%;height:auto}
.pic-box-it{position:relative;display:block;width:100%;height:auto;max-height:90vh}
.pic-box-it .pic-img{height:60vh}
.text-inside{position:absolute;display:block;width:100%;height:auto;padding:20px 15vw;left:0;bottom:0;text-align:center;background-color:rgba(0,0,0,0.5);z-index:1}
.text-inside h3{font-size:24px;color:#fff;text-transform:uppercase;position:relative;margin:auto}

/*PROJECT-PAGE*/
#project-page .text-product h2,#project-detail-page .text-product h2{font-size:2vw}
#project-page .product-item{width:calc(50% - 15px) !important; margin:10px 5px;height:calc(100vh/3)}
#project-page .product-item a{ display:block; height:100%}

/*PROJECT-DETAIL*/
#project-detail-page .product-item{ height:calc(100vh/3); min-height:inherit}
#project-detail-page .title-order h2{color:#fff}
.project-info{position:relative;display:block;margin:auto;width:100%;background-color:#fff; max-width:1000px; margin:auto;height:auto}
.box-title{position:relative;display:table;width:100%;height:auto;border-bottom:1px solid #aaa; table-layout:fixed}
.title-info{display:table-cell;width:calc(100%/3);padding:20px 30px;text-align:center;color:#444;vertical-align:top}
.title-info:nth-child(1),.title-info:nth-child(2){border-right:1px solid #aaa}
.title-info p{text-transform:uppercase;color:#444;position:relative;margin:0 0 20px 0}
.project-info h3{font-size:18px;font-weight:500; display:block}
.box-detail-project{position:relative;display:block;margin:0;padding:30px;text-align:left}
.box-detail-project h3{color:#a97e56;margin:30px 0 0; text-transform:uppercase; display:block}
.box-detail-project h3::after{content:'';position:relative;margin:30px 0;display:block;width:50px;height:1px;background-color:#a97e56}
.box-detail-project h3{color:#a97e56;display:block; margin:0 0 10px 0}
.box-detail-project p{color:#444;display:block; margin:0 0 15px 0}
.list-detail-rock{position:relative;display:block;width:100%;margin:0;padding:20px}
.rocking{display:inline-block;margin:0 -5px;width:calc(100%/4);padding:30px;position:relative}
.rocking .small-color{width:100%;height:auto;opacity:1}
.rocking .small-color .pic-img{opacity:1}
.rocking  .txt-small-color h2{max-width:inherit}
.slide-project{width:90%;position:relative;display:block;margin:auto}
.slide-project .product-item{width:96% !important; margin:auto}

/*SHOWROOM*/
#showroom-page .content-map-box{border-radius:0}
#showroom-page .full-map{top:95px;right:20px}
#showroom-page .zoom-control{right:20px}
#showroom-page .infobox{left:calc(50% - 130px)}
#showroom-page #QuanHuyen, #showroom-page #TinhThanh/*,  #DivQuanhuyen*/{opacity:0; visibility:hidden}
#showroom-form{position:relative;display:block;text-align:center}
.contact-showroom{ z-index:2}
.map-box.showroom{border-radius:0;width:calc(100% - 500px);height:70vh;position:relative;opacity:1}
.form-sect .input-select{width:260px;display:inline-block}
.list-view::after{content:'';position:absolute;top:0;left:0;width:1px;height:100%;background-color:#444}

/*MAP-SHOWROOM*/
.list-view{position:absolute;right:0;top:0;display:block;width:500px;height:70vh; overflow:hidden}
.list-result{position:relative;display:block;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-color:inherit;scrollbar-width:none;}
.list-view li{display:block;padding:25px;border-bottom:1px solid #444;background-color:#fff;cursor:pointer;}
.list-view h3{margin-bottom:10px;font-size:18px;text-transform:uppercase;font-weight:700;}
.list-view p{font-size:16px;line-height:1.6;color:#444}
.list-view li.active{background-color:#a97e56}
.list-view li a{ display:inline-block;font-size:16px;line-height:1.6;color:#333}
.list-view li.active h3, .list-view li.active p, .list-view li.active a{color:#fff}
.list-view li.hide{display:none}


/*MEDIA-NEWS*/
.media-intro{ padding:5vh 0}
.box-news-media{position:relative;display:inline-block;margin:auto;width:100%}
.item-news-media{width:25%;margin:0 -5px;padding:10px;position:relative;display:inline-block;overflow:hidden;vertical-align:top}
.pic-news-media{position:relative;display:block;width:100%;height:auto;overflow:hidden}
.txt-news-media{position:relative;display:block;margin:0;padding:20px;width:100%;text-align:left;}
.txt-news-media h3{font-size:15px;font-weight:300;color:#fff;position:relative;display:block}
.txt-news-media h3::after{content: '';width:50px;height:1px;display:block;position:relative;margin:15px 0 10px 0;background-color:#fff}
.item-news-media:first-child{width:50%}
.item-news-media:first-child .txt-news-media{position:absolute;bottom:0;left:0;z-index:1}
.item-news-media:first-child .txt-news-media::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.5);z-index:-1}
.news-list{position:relative;width:100%;max-width:1200px; height:auto;display:block;margin:auto;overflow:hidden;}

/*NEWS-DETAIL*/
.other-news h2{color:#fff}
.other-news .item-news-media:first-child{width:25%}
.other-news .item-news-media:first-child .txt-news-media{position:relative}
.other-news .item-news-media:first-child .txt-news-media::after{display:none}


/*MEDIA-CATALOGUE*/
.catalogue-list{position:relative;display:block;margin:auto;}
.catalogue-item{position:relative;display:inline-block;margin:0 -5px;width:calc(100%/3);padding:15px 5px}
.cat-pic{position:relative;display:block;width:100%;height:auto;}
.cat-txt{position:relative;display:block;width:100%;height:auto;background-color:#a97e56;padding:20px;text-align:left}
.cat-txt h3{color:#fff;font-size:16px;font-weight:500;text-transform:uppercase;width:calc(100% - 50px)}
.view-pdf{width:60px;height:60px;background:rgba(0,0,0,0.5) url(/Content/theme_btq/images/pdf.png) no-repeat 50%/90%;position:absolute;bottom:0;right:0;z-index:1}

/*MEDIA-VIDEO*/
.video-thumb{position:relative;display:inline-block;width:calc(100%/2);height:auto;margin:0 -5px;padding:10px}
.title-pic{position:absolute;width:100%;height:auto;padding:20px;bottom:0;left:0;background-color:rgba(0,0,0,0.5);text-align:center}
.title-pic h3{color:#fff;font-size:16px;font-weight:500;text-transform:uppercase}
.video-thumb .pic-med-video{height:calc(100vh/3); pointer-events:none}
.pic-med-video::after{content:'';position:absolute;width:100%;height:0;bottom:0;left:0;background-color: #D2AD69;overflow: hidden;mix-blend-mode: multiply}

/*MEDIA-RECRUITMENT*/
.recruitment-media .title-order h2{color:#a97e56}
.recruitment-media .brown-light{top:-5vw;width:100vw;left:0}
.list-job table > thead > tr > th{background-color:#a97e56;color:#fff}
.table-recruitment td,.table-recruitment th{border:none;padding:0}
.text-brown{color:#a97e56!important}
.apply-form{position:relative;display:block;margin:auto;width:90%;max-width:600px}
.apply-form .title-order h2{color:#a97e56}
.apply-form .input-text{width:50%;display:block;float:left;margin:0 0 12px 0}
.apply-form .input-text:nth-child(even){padding-right:10px}
.apply-form .input-text input[type="text"]{background-color:#fff;height:64px;opacity:1}
.apply-form .input-but button{height:65px;margin:20px 0 0 }


/*CONTACT*/
.footer-supply-2{position:relative;display:block;margin:-50px auto 5vw;text-align:center}
.footer-supply-2 .footer-company{text-align:center;margin:0}
.footer-supply-2 .company-info{opacity:1}
#contact-page .map-box, #contact-page .content-map-box{width:100%;border-radius:0;opacity:1}
#contact-page .full-map{top:95px;right:30px}
#contact-page .zoom-control{right:30px}
#contact-page .infobox{left:calc(50% - 130px)}
#contact-page h2{color:#fff}
.form-section{background:none}
.form-section .brown-light{width:100vw;height:100vw;left:0;bottom:auto;top:-50vw}
.logo-black{position:absolute;display:block;width:100vw;height:40vw;margin:auto;left:0;top:8vw;color:#000;opacity:0.5;z-index:2}
.logo-black::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(180deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 40%, #000 100%)}
#contact_form{position:relative;display:inline-block;margin:auto;width:100%}
.contact-form{position:relative;display:block;margin:auto;width:90%;max-width:700px;z-index:10}
.contact-form .input-text{display:inline-block;margin:0 0 10px 0;position:relative;width:100%}
.contact-form .input-area{display:block;position:relative;margin:0 0 10px 0;width:100%}
.contact-form .input-text input[type="text"], .contact-form .input-area textarea{background:none;border:1px solid #aaa;color:#fff;border-radius:0; font-size:18px}
.contact-form .input-but button{height:65px;width:auto}
.contact-form.input-center{width:550px;display:block;margin:20px auto}


/*CART-PAGE*/
.but-temp{position:relative;display:block;margin:30px auto;text-align:center}
.cart-box .order-product{display:inline-block}

/*FOOTER-HIDE*/
.footer.hide .footer-company{display:none}

/*BACKGROUND*/
.bg-gradient {width: 100%; height: 100%; position:absolute; left:0; top:0;background: radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.6) 60%, rgba(0,0,0,0.8) 80%);display:none}
.bg-cover {width: 100%; height: 100%; position:absolute; left:0; top:0; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.bg-cover::after{content:''; width:100%; height:100%; position:absolute; right:0; top:0; display:none;opacity:0; mix-blend-mode:multiply}
.background-white{background-color:#fff;z-index:2}
.background-grey{background-color:#e1e1e1}
.box-cover{width:100%;height:100vh;position:absolute;left:0;top:0;background-position:center center;background-repeat:no-repeat;background-size:cover;z-index:-1 }
.box-cover::after{content:''; width:100%; height:100%; position:absolute; right:0; top:0;background:linear-gradient(270deg,  rgba(148,109,73,1) 0%,  rgba(148,109,73,0) 80%); display:none;opacity:0; mix-blend-mode:multiply}
.bg-fixed {background-attachment: fixed; backface-visibility:hidden;}
.is-IE .bg-cover::before, .is-Edge .bg-cover::before { background: radial-gradient(ellipse at center, rgba(0,0,0,0) 50%,rgba(0,0,0,0.8) 100%);mix-blend-mode:inherit;}
.is-IE .group-central[data-name="home-banner"] .bg-cover::after, .is-Edge .group-central[data-name="home-banner"] .bg-cover::after {background:radial-gradient(circle,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);}
.touch .bg-fixed{ background-attachment:scroll}

/*OVERLAY*/
.overlay-dark{background:linear-gradient(0deg, #4b3927 0%, #000 100%); opacity:0.8; height:0;width:100%;position:fixed;left:0;bottom:0;overflow:hidden;-ms-touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;transition:height 0.8s ease-in-out;z-index:1500;}
.overlay-dark.index-low{z-index:1500;}
.overlay-dark.show{height:100%}

/*ALBUM*/
.all-album{width:100%;height:100vh;overflow:hidden;position:fixed;left:0;top:0;display:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;z-index:9999;}
.album-load{ width:100%;height:100%;position:relative;display:block;opacity:0; text-align:center}
.album-center{width:100%;height:100vh;position:relative;display:block}
.album-pic-center{width:100%;height:100%;position:relative;text-align:center;display:block;}
.album-pic-center .pic-name{ position:absolute;left:0;top:1.5%;z-index:5;width:100%;height:auto}
.album-pic-center .pic-name h3{color:#fff;font-weight:500;font-size:16px;line-height:1.4;text-align:center;display:inline-block;position:relative;text-transform:uppercase;padding:10px 50px;}
.album-pic-center .pic-name h3> span > span{transition:all 600ms ease ;opacity:0;}
.album-pic-center .pic-name.move h3 > span > span.move{opacity:1;}
.container-zoom{width:100%;height:100vh;position:relative;display:block;}
.container-zoom::before, .container-zoom::after{content: ""; display: inline-block; vertical-align: middle; height: 100%;}
.container-zoom > img { width: auto; height:auto; max-height:80vh; max-width:100%; display: inline-block; vertical-align: middle; position: relative; margin:0 -5px}
.album-pic-center  .pinch-zoom-container{height: 100vh !important;}

/*FULL PICS*/
.all-pics{height:100%;width:100%;overflow:hidden;position:fixed;left:0;top:0;display:none;z-index:9999;}
.all-pics.show{ display:block}
.all-pics .text-length{width:100%;height:auto;position:absolute;left:0;top:0;z-index:9998;opacity:0;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;text-align:center}
.all-pics .text-length h3{font-weight:500; color:#fff;font-size:16px;line-height:1.4;text-align:center;display:inline-block;position:relative;text-transform:uppercase;padding:10px 50px;}
.full {position:relative;width:100%;height:100vh;overflow:hidden;display:block}
.full  img {width:auto;height:auto;outline:none;border:none;margin:0 auto;display:block;opacity:0;position:relative;cursor:url(/Content/theme_btq/images/openhand.png) 6 8, move;z-index:5}
.full.size-large img{max-width:inherit;max-height:inherit;}
.size-large::before, .size-large::after{ display:none}
.size-large img {max-width:inherit !important;max-height:inherit !important; left:0; top:0; display:block; margin:0; }
.size-large{ overflow:auto;-webkit-overflow-scrolling:touch;transform: translate3d(0, 0, 0);}
.size-large.dragscroll{ overflow:hidden}
.full span{width:100%;height:100vh;position:absolute;left:0;top:0;z-index:1}
.zoom-pic{cursor:url(/Content/theme_btq/images/zoom.svg) 6 8, zoom-in;}
.dragscroll{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;}

/*PINCH-ZOOM*/
.dragscroll { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.pinch-zoom-container { width: 100%;  position: relative; display: block; margin: 0; }
.all-pics .pinch-zoom-container{height: 100vh !important;}
.pinch-zoom { width: 100%; left: 0; top: 0; text-align: center }
.pinch-zoom::before, .pinch-zoom::after { content: ""; display: inline-block; vertical-align: middle; height: 100%; }
.pinch-zoom > img { width: auto; height: auto; max-width: 100%; display: inline-block; vertical-align: middle; position: relative; margin:0 -5px}

/*ZOOM*/
.zoom{width:50px;height:50px;position:absolute;right:20px;top:20px;border-radius:8px;z-index:20;}
.zoom::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(/Content/theme_btq/images/zoom-in.svg) no-repeat 80%/100%}
.zoom::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:#a97e56;border-radius:8px}
.zoom-details{ width:50px; height:50px; position:absolute; right:10px; bottom:10px;border-radius: 50%;z-index:20; }
.zoom-details::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2) url(/Content/theme_btq/images/zoom.svg) no-repeat 50% / 80%;border-radius:50%;}
.zoom-large {width:70px;height:70px; position:absolute;top:20px; right:20px;border-radius:50%; display:inline-block; vertical-align:middle;z-index:99999;}
.zoom-large::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2) url(/Content/theme_btq/images/zoom.svg) no-repeat 50% / 90%;border-radius:50%;}

/*CURSOR*/
.cursor{cursor:pointer}
.drag-cursor{cursor:url(/Content/theme_btq/images/openhand.png) 8 8, move;}

/*GOTOP*/
.go-top{position:fixed; color:#fff;right:20px;bottom:20px;width:50px;height:50px;border:1px solid rgba(255,255,255,0.5); background-color:rgba(0,0,0,0.2);border-radius:50%;cursor:pointer;opacity:0; pointer-events:none;z-index:70;}
.go-top svg{width:80%; height:80%; margin:10%;}
.go-top.show{opacity:1;pointer-events:auto;}

/*WHEEL MOUSE*/
.mouse{border:1px solid #fff;width:30px;height:45px;position:fixed;right:20px;bottom:30px; border-radius:50px;opacity:0;z-index:5}
.mouse.show{opacity:1;}
.mouse.show::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}
.mouse.show::after{background-color:#fff;width:5px;height:10px;border-radius:8px;animation:trackBallSlide 3s linear infinite; }
.wheel{border:1px solid rgba(255,255,255,0.5);width:28px;height:44px;position:absolute;left:calc(50% - 14px);bottom:30px;border-radius:50px;pointer-events:none; visibility: visible;opacity:0;transition:opacity 0.3s ease-in-out;z-index:20}
.wheel::after{content: ""; position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background-color: #fff; width: 5px; height:5px;border-radius:50%; animation: trackBallSlide 3s linear infinite; }
.wheel.current{opacity:1}


/*MAP*/
.googlemap{position:fixed;width:100%;height:100%;left:0; top:-100%;overflow:hidden;transition: top 1s ease-in-out; background-color:#ccc; z-index:120}
.googlemap.show{top:0;}
#map-canvas{position:absolute; display:block;width:100%;height:100%; left:0; top:0;transform:translate3d(0,0,0);}
#map-canvas > div { background-color:transparent !important}
.gm-style .gm-style-iw{width:100% !important;height:auto !important;background-color:transparent !important; top:50% !important}
.gm-style .gm-style-iw > div{ max-width:inherit !important; max-height:inherit !important; overflow:hidden !important}
.gm-style .gm-style-iw > div > div{ overflow:hidden !important; width:100%; height:auto}
.gm-style div div div div{ z-index:200 !important}
.gm-style div div div div:nth-child(4){ z-index:10 !important}
.gm-style div div div div div div div{background-color:transparent !important;box-shadow:none !important;}
.gm-style .gmnoprint{ z-index:300 !important}
.gm-style .infobox{position:relative;display:inline-block;width:260px;height:auto;z-index:999 !important}
.gm-style .infobox-inner{position:relative;display:block;width:auto;height:auto;margin:15px 15px 0 0;padding-bottom:15px; background-color:#000 !important;border-radius:15px}
.pic-map{width:100%; height:130px; position:relative; display:block; overflow:hidden !important}
.pic-map img{width:100%; height:auto; display:block}
.infobox{font-family:'Montserrat', sans-serif; text-align:left;line-height:1.4;}
.infobox h3{font-family:'Montserrat', sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;color:#fff;position:relative; display:block;padding:15px 20px 10px 15px;}
.infobox p{font-size:13px;color:#fff;position:relative; display:block;padding:0 15px;font-weight:400;}
.infobox strong{ font-size:150%; margin:0 5px 0 0; color:#aaa}
.infobox a{color:#fff}
.infobox .close-box-map{position:absolute;right:0;top:0;width:30px;height:30px; cursor:pointer; z-index:99999 !important}
.infobox .close-box-map::after{content:''; width:100%; height:100%; position:absolute; left:0;top:0;background:#a97e56 url(/Content/theme_btq/images/close.svg) no-repeat 50% / 80%; border-radius:5px}
.gm-style-iw-t::before, .gm-style .gm-style-iw-t::after{ display:none}
.gm-style .gm-style-iw-c {overflow: visible !important}

/*CLOSE INFOBOX ZOOM MAP*/
.gm-style button[title="Close"]{ display:none  !important}
.gm-style .gm-style-iw + div img, .gm-style button img{ display:none !important}
.gm-style .gm-style-iw ~ img{right:-10px !important;top:calc(50% - 20px) !important;width:40px !important;height:40px !important; opacity:0}
.zoom-control{position:absolute;top:10px;right:-50px;display:block;width:auto;height:auto;margin:0; z-index:20;}
.zoom-control a{display:block;width:35px;height:35px;border-radius:8px;margin:5px 0;box-shadow:0 5px 24px rgba(0,0,0,0.2);}
.zoom-in{ background:#a97e56 url(/Content/theme_btq/images/zoom-in.svg) no-repeat 50% /80%}
.zoom-out{background:#a97e56 url(/Content/theme_btq/images/zoom-out.svg) no-repeat  50% /80%}
.zoom-full{background:#a97e56 url(/Content/theme_btq/images/video/fullscreen.svg) no-repeat  50% /80%}
.zoom-full.active{ background:#a97e56 url(/Content/theme_btq/images/video/cancel-fullscreen.svg) no-repeat  50% /80%}
.put-show, .put-hide{ display:none !important}
.gm-control-active.gm-fullscreen-control{display:none!important}

/*MAP FULL SCREEN*/
.fullcontent .header{ pointer-events:none;  z-index:-9999;}

/*RESET LAYOUT*/
.wrap-page{width:100%; max-width:900px; position:relative; margin:0 auto;height:auto; display:block}
.no-scroll{overflow-x:hidden; overflow-y:hidden !important; overflow:hidden;}
.no-index{position:static !important; display: none !important}
.no-link{pointer-events:none}
.level-index-out{z-index:-9999 !important;pointer-events:none}
.level-index-in{z-index:9990 !important;}
.level-index{z-index:10}
.visible {overflow:visible}
.visibility{visibility:visible}
.two-column{-moz-column-count:2;-moz-column-gap:40px;-ms-column-count:2;-ms-column-gap:40px;-o-column-count:2;-o-column-gap:40px;-webkit-column-count:2;-webkit-column-gap:40px;column-count:2;column-gap:40px;text-align:justify;}
.headermap {z-index: -999 !important; pointer-events:none; }
.display-none{ display: none !important}

/*CURRENT*/
.item-news-media.current{pointer-events:none}
.item-news-media.current .txt-news-media{background-color:#a97e56}
.item-news-media.current .view-more{color:#fff}

/*RESPONSIVE*/
.desktop{ display:block}
.mobile{ display:none}
img.desktop{ display:block}
img.mobile{display:none}

/*VIDEO HTML5*/
.allvideo{position:fixed;width:100%;height:100%;overflow:hidden;left:0;top:0;display:none;z-index:2200;}
.video-list{width:100%;height:100%;position:absolute;top:0;left:0;text-align: center;z-index:10;}
.video-wrap{position:relative;width:100vw;height:100vh; overflow:hidden;display: block;vertical-align: middle;z-index:10;}
.video-skin { position:absolute;bottom:0;left:0;width:100%;height:auto; min-height:100%;z-index:10;}
.video-wrap iframe{width:100%;height:100%;position:absolute;background-color:rgba(0,0,0,1);display:block;top:0;left:0;z-index:10;}
.video-wrap h3 {position: absolute;top: 0px;left: 50%;transform: translate(-50%, 0);background-color: rgba(0,0,0,0.6);padding: 8px 10px;z-index: 10;color: #fff;font-weight:700;min-width: 200px;text-transform: uppercase;font-size: 14px}
.allpdf {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
    display: none;
    z-index: 2200;
}

.pdf-list {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    z-index: 10;
}

.pdf-wrap {
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    display: block;
    vertical-align: middle;
    z-index: 10;
}

.pdf-skin {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    min-height: 100%;
    z-index: 10;
}

.pdf-wrap iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0,0,0,1);
    display: block;
    top: 0;
    left: 0;
    z-index: 10;
}

.pdf-wrap h3 {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: rgba(0,0,0,0.6);
    padding: 8px 10px;
    z-index: 10;
    color: #fff;
    font-weight: 700;
    min-width: 200px;
    text-transform: uppercase;
    font-size: 14px
}
/*VIDEO BACKGROUND*/
.pic-video{width:100%;height:100%;display:block; position:absolute; left:0; top:0; background-repeat:no-repeat; background-position:center center;  background-size:cover; background-attachment:scroll;transition: all 0.8s ease-in-out; z-index:2}
.pic-video::after{content:'';background:linear-gradient(0deg, rgba(33, 71, 106, 0.5) 0%, rgba(1, 33, 59, 0.5) 80%); width:100%; height:100%; position:absolute; left:0; top:0; opacity:0}
.pic-video.hide{opacity:0; z-index:-1}
.box-video-center{width:100vw; height:100vh;position:absolute;display:block;left:0; top:0; margin:0; padding:0;text-align:center; background-color:#000; z-index: 10}
.box-video-center::before, .box-video-center::after{content:''; width:100%; height:100px; position:absolute; left:0; pointer-events:none; z-index:1}
.box-video-center::before{top:0;background:linear-gradient(0deg, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.4) 80%);}
.box-video-center::after{bottom:0;background:linear-gradient(0deg, rgba(0,0,0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);}
.fullscreen .box-video-center::before, .fullscreen .box-video-center::after{ display:none}
.video-cover-inline{width:100%; height:100%; position:relative;display:block;}
.video-full { background-color:#000;min-width:100%; min-height:100vh; position:absolute; top:50%; left:50%;transform:translate(-50%,-50%);}
.overlay-video{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index:-1}
.player-vid{ background:url(/Content/theme_btq/images/play.svg) no-repeat center center / contain;width:140px;height:140px;position:absolute;left:50%;top:50%;margin:-70px 0 0 -70px;  transition: all 0.5s ease-in-out; border-radius:50%; opacity:0; z-index:99999; }
.player-vid:hover{ background-color:rgba(0,0,0,0.3);}
.player-vid.hide{ display:none; opacity:0}
.player-vid.show{ display:block; opacity:1}

/*YOUTUBE VIDEO*/
.video-youtube-full { position: relative; width: 100%; height: 100vh; display: block;}
.youtube-video{width:100%; height:100%; position: relative; display: block; }
.youtube-video::after{content:''; width:100%; height:100%; position:absolute;left:0; top:0; background-color:#000; z-index:-2;}
.youtube-video iframe { width: 100%; height: calc(100vw * 0.5625); position: absolute; left: 0; top:50%; transform:translateY(-50%); z-index:-1}
.full-frame .youtube-video iframe {width: 100%; height:100vh;top:0;left:0; transform: none; }
.youtube-video img { width: 100%; height: auto; display: block; opacity: 0; pointer-events: none; }
.bg-video { width: 100%; height: 100%; position: absolute; left:0;top: 0; background-position: center center; background-repeat: no-repeat; background-size: cover;  backface-visibility: hidden; transition: opacity 0.6s ease-in-out; z-index:12 }
.bg-video.hide { opacity: 0; pointer-events: none }
.play-button{ background: rgba(0,0,0,0.3) url(/Content/theme_btq/images/play.svg) no-repeat center center / contain;width:140px;height:140px;position:absolute;left:50%;top:50%;margin:-70px 0 0 -70px;  transition: all 0.5s ease-in-out; border-radius:50%; opacity:0;pointer-events:none; z-index:99999;}
.play-button:hover{ background-color:rgba(0,0,0,0.6);}
.play-button.show { opacity: 1; pointer-events: auto }
.pause-button{width:0;height:0;position:absolute;left:0;top:0;margin:0;opacity:0; pointer-events:none;}
.control { position: absolute; width:auto; height: auto; padding: 10px; bottom:20px; left:50%;transform:translateX(-50%);white-space: nowrap; text-align:center;  color: #fff; font-size:12px; transition: opacity 0.5s ease-in-out; font-family:Arial, Helvetica, sans-serif; font-weight:400; opacity:0; z-index: 10;}
.control::after{content:''; width:100%; height:100%; position:absolute; left:0; bottom:0; background-color: rgba(0,0,0,0);transition: background-color 0.3s ease-in-out;z-index:-1}
.control.show{opacity:1;}
.control.hide{ opacity:0;}
.control:hover::after{background-color: rgba(0,0,0,0.5);}
.control span{ display:inline-block; vertical-align:middle; margin:0 5px}
.control button {outline: none;background-color: transparent; border: none; cursor: pointer; transition: all 0.3s ease-in-out; overflow: hidden; position: relative; display: inline-block; vertical-align: middle; margin:0 20px;background-position: center center; background-size: contain; background-repeat: no-repeat; width: 30px; height: 30px; }
.control button:hover { opacity: 0.5; background-color:transparent }
.control button:focus{opacity:1;background-color:transparent}
.is-IOS .youtube-video iframe {z-index:auto}
.is-IOS .control{display:none}

/*CONTROL BAR*/
.controls {position:absolute;width:100%; height:auto;padding:5px 0;bottom:0;left:0;white-space:nowrap;text-align:center;background-color:rgba(255,255,255,0);transition:all 0.9s ease-in-out; opacity:0;transform: translate3d(0, 100%, 0);z-index:10;}
.controls[data-state=hidden] {display:none;}
.controls[data-state=visible] { visibility:visible}
.controls .progress { cursor:pointer; width:calc(100% - 150px); max-width:300px; height:10px; position:relative; display:inline-block; vertical-align:middle; margin:1px 0; padding:1px;background-color:rgba(255,255,255,0.2)}
.controls progress[data-state="fake"] { background-color:#fff; height:20px;}
.controls button { text-align:center; background-color:transparent;  border:none; line-height:20px; cursor:pointer;  transition:all 0.3s ease-in-out;  width:20px; height:20px; position:relative; display:inline-block; vertical-align:middle; background-position:center center; background-size:cover; background-repeat:no-repeat; opacity:1 }
.controls button:hover{opacity:0.5;}
.controls button:focus{opacity:1;}
.controls progress { display:block; width:100%; height:100%; margin:0; border:none; overflow:hidden; background-color:rgba(0,0,0,0.1); color:#fff }
.controls progress span { width:0%; height:100%; display:inline-block; background-color:#fff; }
.controls progress::-moz-progress-bar {	background-color:#fff;}
.video-cover-inline[data-fullscreen="true"]{ position:fixed; left:0; top:0;}
.video-cover-inline[data-fullscreen="true"] .video-full { width:100%; height:100vh; left:0;top:0; transform: none;}
.video-cover-inline[data-fullscreen="true"] figcaption {display:none;}
.video-cover-inline[data-fullscreen="true"] .controls {bottom:10px;z-index:2147483647; position:fixed}
.controls.addshow{ bottom:35px;transform: translate3d(0, 0, 0);opacity:1}
button[data-state="play"] {background:url(/Content/theme_btq/images/video/play.svg); }
button[data-state="pause"] {background-image: url(/Content/theme_btq/images/video/pause.svg);}
button[data-state="stop"] {background-image: url(/Content/theme_btq/images/video/stop.svg); display:none}
button[data-state="mute"] {background-image: url(/Content/theme_btq/images/video/mute.svg); }
button[data-state="unmute"] {background:url(/Content/theme_btq/images/video/unmute.svg); }
button[data-state="go-fullscreen"] {background-image: url(/Content/theme_btq/images/video/fullscreen.svg);}
button[data-state="cancel-fullscreen"] {background-image: url(/Content/theme_btq/images/video/cancel-fullscreen.svg);}

/*POPUP*/
.download-but{position:relative;display:block;width:100%;height:auto; padding:0 50px 50px 50px;}
.download-but a{position:relative;display:inline-block;color:#fff;padding:10px 60px 0 20px;background-color:#a97e56;text-align:left; width: 260px; transition:all 0.3s ease-in-out}
.download-but a::before{content:'';position:absolute;left:-7px;top:-7px;width:calc(100% + 14px);height:calc(100% + 14px);border:1px solid #d2ac67; transition:all 0.3s ease-in-out}
.download-but a::after{content:'';width:40px;height:40px;position:absolute;right:10px;top:50%;margin:-20px 0 0 0;background:url(/Content/theme_btq/images/select.png) no-repeat center center;}
.details-center .download-but span{font-size:16px;font-weight:400; text-transform:uppercase}
.details-center .download-but h3{font-size:30px;font-weight:700;color:#fff;margin:10px 0 5px}
.download-but a:hover{ background-color:#000}
.download-but a:hover::before {border:1px solid #000;}

/*DETAILS CONTENT*/
.details-content{position:fixed;width:100%;height:100vh;left:0; top:0;opacity:0;text-align:center;overflow-x:hidden; overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-color:inherit;scrollbar-width:thin;z-index:3000;}
.details-content::before,.details-content::after{content:'';display:inline-block;height:100%;vertical-align:middle}
.details-content.no-after::after, .details-content.no-after::before{ display:none}
.details-content > span{width:calc(100% -20px);height:100vh; position:fixed; left:0; top:0;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;z-index:1}
.details-center{position:relative;display:inline-block;width:90%; height:auto;vertical-align:middle;max-width:1000px;margin:0 auto;padding:0;background-color:#eeeeee;z-index:10;}
.details-center  h2{font-size: 36px;font-weight: 500;line-height:1.4;text-align:center;display:block;margin:20px 0;padding:0;color:#fff; text-transform:uppercase}
.details-center  h3{font-size:calc(100vw/50);font-weight:500;line-height:1.4;text-align:left;margin:10px 0;}
.details-outer{position:relative; width:100%;height:auto; margin:0;padding:20px 50px 40px 50px;  }
.details-text{position:relative;width:100%;height:auto;padding: 50px ;display:block;font-size:15px;line-height:1.4;color:#404040;text-align:left; background-color:#fff}
.details-text > h3{margin-bottom:5px;font-size:18px;font-weight:700;color:#444;text-transform:uppercase; text-align:left}
.details-text > h3::after{ display:none}
.details-text p{margin-bottom:15px;font-size:16px;line-height:1.6; font-weight:400}
.details-text img{display:block;width:auto !important;height:auto !important;max-width:100%;margin:0 auto; }
.details-text ol,.details-text ul{text-align:left;list-style:inherit;-webkit-margin-start:16px}
.details-text ol li,.details-text li,.details-text p span,.details-text span{text-align:left;margin:5px 0;font-size:inherit;font-weight:inherit;color:inherit;}
.details-text a{color:#d2ac67;}
.details-text table{display:inline-block;width:auto;max-width:100%;border-spacing:1px;margin:20px auto;table-layout:fixed;}
.details-text table{ overflow-y:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch;scrollbar-color:inherit;scrollbar-width:none;}
.details-text table tbody{ display:table; width:100%; min-width:500px; position:relative}
.details-text table td, .details-text table th{ background-color:#d2ac67; text-align:left;font-size:16px;font-weight:400;color:#fff; line-height:1.6;padding:5px 10px;border:1px solid #fff;}
.details-text iframe{max-width:100%;max-height:calc(1100px / 1.77); margin:10px auto; display:block}
.details-center{opacity:0}

/*MESSAGE*/
.class-hidden{display:none;}
#contact-loader{position:fixed;top:50%;left:50%;width:82px;height:82px;margin:-41px 0 0 -41px;border-radius:50%;animation:Rotate 2.5s linear infinite;display:none;z-index:110000;}
.contact-success, .register-success{position:fixed;top:50%;left:50%;margin:-30px 0 0 -150px;padding:20px;font-size:15px;line-height:1.6;width:300px;height:auto;background-color:#c30004;border-radius:8px;color:#fff;font-weight:700;text-align:center;text-shadow:1px 1px 0 rgba(0,0,0,0.5);z-index:99999;}
.color-red{background-color:#a07759;color:#fff;}
.color-blue{background-color:#a07759;color:#fff;}
.inputContainer { position:relative; float:left; }
.formError { position:absolute; top:-30px; left:20px; display:block;cursor: pointer; z-index:99999;}
.formErrorContent {background-color:rgba(209,0,8,0.8); position: relative; display:inline-block; color: #fff; width: auto; height:auto; max-width:250px; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:1.4;box-shadow: 0 0 10px rgba(0,0,0,0.3); padding:8px 12px;border-radius:8px; z-index: 9999;}
.formErrorContent::after{content:''; position:absolute;left:20px;bottom:-10px;width: 0;height: 0;border-style: solid;border-width: 10px 7px 0 7px;border-color:rgba(209,0,8,0.8) transparent transparent transparent}
.greenPopup .formErrorContent{background-color:#a07759}
.blackPopup .formErrorContent{background-color:#a07759;color:#fff}
.ajaxSubmit{padding:20px;background-color:#a07759;display:none}

/*RADIO CHECKBOX*/
.radio-box{position:relative;display:inline-block;height:40px;line-height:40px;text-align:left;color:#fff;vertical-align:middle}
.radio-box li{display:inline-block;vertical-align:middle;width:auto;height:auto;margin-left:15px;line-height:normal}
.radio-box label{position:relative;display:block;text-align:left;z-index:1;cursor:pointer;float:left;margin:0 30px}
.radio-box label span{display:inline-block;vertical-align:middle;width:auto;height:auto;margin-left:7px;font-weight:400;font-size:18px;line-height:1;color:#464646}
.radio-box input[type="radio"]{position:relative;display:inline-block;width:25px;height:25px;margin:0;opacity:0;-webkit-appearance:none;background-color:#fff;outline:none;border:none;cursor:pointer;vertical-align:middle;}
.radio-box input[type="radio"] + .radio-mask{content:'';position:relative;display:inline-block;width:25px;height:25px;z-index:-1;margin:0 0 0 -25px;background-color:#fff;border:1px solid #bbb;}
.radio-box input[type="radio"] + .radio-mask::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(/Content/theme_btq/images/check.svg) no-repeat 50%/80%;opacity:0;transition:all 0.3s ease-in-out;}
.radio-box input[type="radio"]:checked + .radio-mask::before{opacity:1}
.radio-box input:checked ~ .radio-mask {background-color:#000;}
.check-box{position:relative;display:inline-block;height:40px;line-height:40px;text-align:left;color:#fff;vertical-align:middle}
.check-box li{display:inline-block;vertical-align:middle;width:auto;height:auto;margin-left:15px;line-height:normal}
.check-box label{position:relative;display:block;text-align:left;z-index:1;cursor:pointer;float:left;margin:0 30px}
.check-box label span{display:inline-block;vertical-align:middle;width:auto;height:auto;margin-left:7px;font-weight:400;font-size:18px;line-height:1;color:#464646}
.check-box input[type="checkbox"]{position:relative;display:inline-block;width:20px;height:20px;margin:0;-webkit-appearance:none;background-color:#fff;outline:none;cursor:pointer;vertical-align:middle}
.check-box input[type="checkbox"] + .check-mask{content:'';position:relative;display:inline-block;width:20px;height:20px;margin:0 0 0 -20px;background-color:#fff;border:1px solid #ccc;border-radius:8px;vertical-align:middle;pointer-events:none;z-index:1}
.check-box input[type="checkbox"] + .check-mask::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(/Content/theme_btq/images/check.svg) no-repeat 50%/80%;opacity:0;transition:all 0.3s ease-in-out;pointer-events:none}
.check-box input[type="checkbox"]:checked + .check-mask::before{opacity:1}
.check-box input:checked ~ .check-mask {background-color:#000;}


/*MODIFY-CHECK*/
.check-txt{position:relative;display:inline-block;float:left;margin:10px 0;width:100%}
.check-txt p{position:relative;display:inline-block;vertical-align:middle;margin:0 10px 0 0}
.check-txt-2{position:relative;display:block;margin:0 0 10px}
/*CHECK-BOX-SHOP-HOUSE*/
.box-filter .check-box{margin:0 10px 0 0}


/*CONTENT DETAILS*/
.load-content{position:relative;display:block;width:100%;height:auto;overflow:hidden;z-index:4}
.load-data{position:relative;display:block;width:100%;height:auto;min-height:100vh}
.load-data .wrap-small{ text-align:left}
.load-data.show{ min-height:inherit}
.load-details{position:relative;display:block;width:100%;height:auto;margin:0 0 5vh 0; padding: 0}
.load-title{position:relative;display:block;width:100%;height:auto;text-align:center;margin:30px auto}
.load-title h3{position:relative;display:block;font-weight:500;font-size:24px;text-transform:uppercase;line-height: 1.4;}
.load-details img{height:auto !important; max-width:100%;margin:10px auto; display:block}
.load-details table{ width:auto; height:auto; display:table; border-spacing: 1px; margin:30px auto; table-layout:fixed}
.load-details table td, .load-details table th{ padding:5px 10px; border: 1px solid #788892;}
.load-details table tbody, .load-details table tr{min-width:360px;}
.load-details table td, .load-details table th{ background-color:#eee; text-align:left; font-size:15px; font-weight:400; color:#333; line-height:1.6; padding:10px 15px;}
.load-details iframe{height:calc(1125/2000 * 700px); width:700px !important; max-width:100%;display:block; position:relative; margin:auto}
.hars-box, .load-text { background-color:#fff;box-shadow: 0 10px 30px rgba(0,0,0,0.1); padding:30px 50px 50px 50px; position: relative; display: block; margin:auto}
.load-details ul{list-style-type:circle; padding:0 0 0 20px}
.load-details li {position: relative; width:auto; height:auto;}
.load-details h3, .load-details h4, .load-details h5{color:#a97e56;text-transform: uppercase;font-weight:500;margin:10px 0;}
.load-details p{margin:0 0 20px 0;color:#444}
.load-details a{color:#a97e56;}

/*PRINT SHARE*/
.print{ position:relative;display:block;width:100%;height:auto;padding:20px 5%;text-align:center;background-color:#a77b4f}
.print-box{position:relative;display:inline-block;width:auto;height:auto; margin:0}
.print-box a {color:#fff;transition:all 0.3s ease-in-out}
.print-box a:hover{color:#000}
.save-but, .print-but, .share-but{padding:0 20px 0 10px; display:inline-block; vertical-align:middle;width:auto;height:50px;line-height:50px;font-size:12px;text-transform:uppercase;color:#fff;border-radius:30px;background:none;z-index:1}
.print-box a svg{position:relative;display:inline-block;vertical-align:middle;width:40px;height:40px;}
.share-item{position:absolute;right:-100%; bottom:5px;width:100%;height:40px;}
.share-item ul{position:relative; display:block; width:auto; height:auto; text-align:left; padding:0 0 0 10px}
.share-item li{display:inline-block;position:relative; width:40px;height:40px;margin:0;border-radius:50%;border:1px solid #fff;transition:all 0.3s cubic-bezier(.44,.39,.34,1.03);transform: scale3d(0, 1, 1);transform-origin:left top; left:-40px; opacity:0}
.share-item a{display:block;width:40px;height:40px;font-size:0;text-indent:-9999px;}
.share-item a svg { width:80%; height:80%;  position:absolute; left:10%; top:10%; transition: all 0.3s ease-in-out}
.share-item a:hover svg  { color:#000}
.share-but.active + .share-item li{transform: scale3d(1, 1, 1);left:0; opacity:1}
.share-but.active + .share-item li:nth-child(2){transition-delay:0.2s;}
.share-but.active + .share-item li:nth-child(3){transition-delay:0.4s;}
.share-item li iframe{width:40px !important;height:40px !important; opacity:0 !important}
.zalo-share-button{width:40px; height:40px; background:url(/Content/theme_btq/images/zalo.png) no-repeat no-repeat 50%/80%; position:absolute; left:-1px; top:-1px}

/*DATE*/
.date{ position:absolute; left:0; top:0; width:auto; height:auto; padding:5px 10px;background-color:#f2f2f2;font-weight:100; font-size:30px; color:#666;line-height:1.2; text-align:center; z-index:1}
.date span{font-weight:500; font-size:11px; display:block; color:#aaa }

/*SEARCH*/
.search-content{background-color:#fff;padding:5vw 0; z-index:1}
.search-result{position:relative;display:block;width:90%;max-width:800px;height:auto;margin:0 auto;padding:0}
.search-box{position:relative;display:block;width:100%;height:auto;counter-reset: div;}
.resultCount{position:relative;display:block;width:100%;height: auto;padding:10px 0;}
.resultCount span{font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:1.4;color:#444;font-weight:700;text-transform:uppercase}
.item-search{position:relative;display:block;width:100%;height:auto;margin:0 0 1px 0;text-align:left;}
.item-search a{position:relative;display:block;width:100%;height:auto;padding:15px 30px;}
.item-search:nth-child(odd) a{background-color:#a97e56}
.item-search:nth-child(even) a{background-color:#666}
.item-link-name{position:relative;display:block;width:100%;height:auto;font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:1.4;margin:7px 0;color:#d2d2d2;word-break:break-word}
.item-search::before{content:counter(div) " ";counter-increment:div;position:absolute;left:-20px;top:50%;width:40px;height:40px;margin:-20px 0 0 0;line-height:40px;font-family:Arial, Helvetica, sans-serif;font-weight:700;font-size:15px;color:#fff;border-radius:50%;text-align:center;z-index:1}
.item-search:nth-child(-n+9)::before{content:"0" counter(div);}
.item-search:nth-child(odd)::before{background-color:#a97e56}
.item-search:nth-child(even)::before{background-color:#666}
.item-search h3{font-size:15px;font-weight:700;color:#fff; margin:0; display:block}
.item-search h3::after{content:normal !important;}
.item-date{display:block;width:100%;height:auto;text-align:left;font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#eee;margin:0 0 5px 0}
.item-search p{font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:1.4;color:#eee;margin:7px 0}
.item-search h3 strong, .item-search p strong{font-weight:700;color:#fff}
.item-search p .item-date{display:inline-block;width:auto;margin:0 5px 0 0}
.search-mess{position:relative;display:block;width:100%;height:auto;padding:30px 0}
.search-mess p{font-family:Arial, Helvetica, sans-serif;font-size:18px;line-height:1.4;color:#333;text-transform:uppercase;text-align:center}
.search-content .page-num{max-width:252px}
.search-tempty{padding:5% 0}
.search-tempty p{font-size:18px;text-transform: uppercase;text-align:center}

/*MAGNIFY*/
.magnify, .magnify > .magnify-lens, .magnify-mobile, .lens-mobile {min-width: 0; min-height: 0; animation: none; border: none; float: none; margin: 0; opacity: 1; outline: none; overflow: visible; padding: 0; text-indent: 0; transform: none; transition: none;}
.magnify { position: relative; width:100%; height:100%; box-shadow: none; display: inline-block; z-index: inherit; }
.magnify > .magnify-lens {position: absolute; width: 250px; height: 250px; border-radius:50%; box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.10),inset 0 0 40px 2px rgba(0, 0, 0, 0.25);/*cursor: none;*/display:none; z-index:5; }
.magnify > .magnify-lens.loading { background-color: #444 !important; opacity: 0.8; }
.magnify > .magnify-lens.loading:after {position: absolute; top: 50%; left: 0; width: 100%; color: #fff; content: 'Loading...'; margin-top: -8px; text-align:center; text-shadow:0 0 2px rgba(51, 51, 51, 0.8); text-transform: none; }

/*MESSENGER*/
.fb_reset{position:fixed; width:auto; height:auto; opacity:0; z-index:70}
.fb_reset.show{opacity:1}
.fb_dialog{width:50px; height:50px; position:fixed; background:url(/Content/theme_btq/images/messenger.svg) no-repeat 50%/100%; cursor:pointer; border-radius:50%}
.fb_dialog{right:20px  !important; bottom:40px  !important; z-index:200 !important}

@media screen and (max-width: 1800px)  and (max-height: 720px){
.language{right:30vw}	
}

@media screen and (max-width: 1800px) {
/*LAYOUT*/
.logo{top:10px}

/*INSPIRATION*/
.ins-name{width:100%}
.inspiration-box .view-pro{float:none;display:inline-block;margin:10px 0 0 }
}

@media screen and (max-width: 1400px)  and (min-height: 720px){
/*CONTACT HOME*/		
.map-box{width:42vw; height:42vw}

/*SHOWROOM-PAGE*/
.map-box.showroom {width: calc(100% - 350px)}	
.list-view {width: 350px}	

}

@media screen and (max-width: 1600px){
/*FONT*/	
p, .text-top p, .company-info p{font-size:15px}	
.home-item-loaida, .home-item-ten-sanpham, .home-item-xuatxu, .home-item-mausac, .txt-products-hot{font-size:15px}

/*SHOP-HOUSE*/	
.item-product {width: 33.33%}
}


@media screen and (max-width: 1500px){
/*FONT*/	
p, .text-top p, .company-info p{font-size:14px}	
.home-item-loaida, .home-item-ten-sanpham, .home-item-xuatxu, .home-item-mausac, .txt-products-hot{font-size:14px}

/*RIGHT-HEADER*/
.right-header a{font-size:14px;}

/*LEFT-HEADER*/
.left-header span:not(.number-size){font-size:14px;}
.number-size{font-size:16px;}
body.auto .contact-phone{left:420px}


/*PRODUCT SIZE*/
.product-details .pic-product{height:calc(1125/2000 * 65vw); }
}

@media screen and (max-width: 1400px) {

/*HEADER*/
.right-header a, .left-header span:not(.number-size){ font-size:14px}
html[lang="en"] body.auto .contact-phone{left:450px}
.number-size{font-size:16px}
body.auto .contact-phone{left:420px}

#application-page .txt-page > h2, .txt-page > h2, .title-page > h2 { font-size:1.8vw}

}

@media screen and (max-width: 1300px) {

/*CONTACT*/	
.company-info span{width:30px}	

/*HEADER*/
.right-header a, .left-header span:not(.number-size){ font-size:13px}

/*PHONE*/
.contact-phone, .contact-phone.current, body.auto .contact-phone.current, body.auto .contact-phone, html[lang="en"] body.auto .contact-phone{position: fixed;left:10px;bottom:80px;top:auto;width:50px;height:50px;z-index:60}
.contact-phone.show {display: block}
.contact-phone::after{content:''; position:absolute; width: 100%;height:100%;top:0;left:0; border-radius:50%; background: linear-gradient(135deg, #a97e50, #5f3a17, #ffe58d);background-size: 300% 300%;z-index: -1}
.contact-phone::after{animation: BorderBox 3s infinite;}
.contact-phone a, body.auto .contact-phone a {color:#fff; width:100%;height:100%;position:absolute; left:0; top:0}
.contact-phone a svg, body.auto .contact-phone svg {width:89%;height:89%;margin:5%; display:block;color:#fff;}
.contact-phone.current .number-size, body.auto .contact-phone .number-size, .number-size{display:none}
.go-top{left:10px; right:auto}


/*PRODUCT*/
.text-product h2{ font-size:3vw}

/*APPLICATION*/
.box-apply{width:100%; max-width:820px}
.pic-aplly .pic-img{height: calc(1125/2000 * 60vw);}
#product-application-page .pic-aplly .pic-img{height: calc(1125/2000 * 60vw);}

/*INSPIRATION PAGE*/
.small-color-ins{bottom:2vw;left:30px;}
.small-color-ins .small-color .pic-img{width:200px;height:200px;}
.txt-ins{padding:2vw 30px 2vw 250px}
.ins-name h3, .txt-small-color h2{ font-size:16px;}

/*CONTACT-PAGE*/
#contact-page .map-box{position:relative}
}

@media screen and (max-width: 1200px) {
.logo-center{max-width:500px}

/*SHOP-HOUSE*/	
.item-product {width: 50%}

/*PRODUCT DETAILS*/
.product-details .info-details{width:280px; margin:0}
.product-details .pic-product{width:calc(100% - 280px); height:calc(1125/2000 * 80vw);  padding:0 0 0 10px}

/*FORM FIRST ORDER*/
.favorite-product{width:100%; display:inline-block; margin:10px 0; padding:30px; background-color:#eee; text-align:center}
.txt-favorite, .join-us{ max-width:700px; margin:auto}
.order-button{display:inline-block;width:auto;margin:10px 0; float:none}
.pic-product-shop{height:calc(1125/2000 * 50vw)}
.pic-product .add-cart{right:10px}
.txt-favorite h3{ cursor:pointer; background-color:#a97e56}
.txt-favorite h3.active{ background-color:#000}
#form_preorder{ height:0; overflow:hidden; opacity:0; transition:opacity 1s ease-in-out;}
#form_preorder.show{ height:auto;overflow:visible; opacity:1}

#application-page .txt-page > h2, .txt-page > h2, .title-page > h2 { font-size:2vw}


}

@media screen and (max-width:1100px) {
	
/*MESSENGER*/
.fb_dialog{width:40px; height:40px; }
.fb_dialog{right:10px  !important;}
	
/*FONT*/	
p{ font-size:15px}
h3{font-size:16px}
.circles-box h2,.title-tt h3{font-size:18px}
.text-product h2,#project-page .text-product h2,#project-detail-page .text-product h2{font-size:5vw}
.contact-phone.visible-hidden,.go-top.visible-hidden{ opacity:0; visibility:hidden; pointer-events:none}

/*LAYOUT*/	
body, body.auto{overflow-y:auto;overflow-x:hidden}
.stroke-line {stroke-width:0.7}
.next-prev{width:0;height:0;z-index:-99999;overflow:hidden}
.wheel, .box-nav{display:none}
.header{height:70px;background-color:#000;box-shadow:0 0 20px rgba(0,0,0,0.2);;transition:all 0.3s ease-in-out;}
.header::after, .header::before, body.auto .header::after, body.auto .header::before{ display:none}
.container{height:auto;margin:70px 0 0 0;background-color:#000;}
.logo, .logo.out, .logo.center{ background-color:#000;color: #a97e56; width:140px; height:70px; left:50%; top:10px; margin:0 0 0 -70px;padding:5px;border-radius:8px; z-index:50}
.padding-main{padding:30px 0}
.mes-shop-house::before {left:10px;}	

/*PHONE*/
.contact-phone, .contact-phone.current, body.auto .contact-phone.current, body.auto .contact-phone, html[lang="en"] body.auto .contact-phone{bottom:20px; width:40px; height:40px}
.contact-phone.top-in, .contact-phone.current.top-in, body.auto .contact-phone.current.top-in, body.auto .contact-phone.top-in, html[lang="en"] body.auto .contact-phone.top-in{bottom:80px}

/*BODY AUTO*/
body.auto .contact-phone svg{border:none}
body.auto .footer{z-index:auto}

/*LOAD*/
.go-top{width:40px;height:40px;bottom:20px;right:auto;left:10px;border:none;background-color:#a97e56}

/*LOADICON*/
.loadicon{width:120px;height:120px;margin:-60px 0 0 -60px;}

/*HEADER*/
.logo.hide{opacity:1; top:0 }
.inspiration {display:none}
.logo-menu {display:none}
.language {top:0;right:80px}
.nav-click .open-click{color:#a97e56}

/*RIGHT-HEADER*/
.right-header{display:none}

/*LEFT-HEADER*/
.left-header{top:15px; z-index:60}
.left-header span.text{display:none}

/*SEARCH*/
.search-but{color:#aaa; top:15px; right:90px}
.search-form{right:20px; top:85px}
.search-form.active{max-width:calc(100vw - 40px); width:400px }

/*INPUT*/
.input-text input[type="text"], input[type="password"]{font-size:14px}
.but-line .btn{padding: 20px 15px;}
.input-text input[type="text"]:focus, .input-area textarea:focus{opacity:1;box-shadow:none;}


/* SLIDE BAR */
.nav-click {top:16px;right:20px;}
.nav-click .close-click small{left:5px}
.nav-click span::before, .nav-click .close-click::before, .nav-click .open-click::before{ display:none}
.nav-click.active span::after, .nav-click .close-click small{ top:50px;}

/* NAVIGATION */
.navigation {top:60px}
.navigation.show{height:calc(100vh - 60px)}
.navigation .nav{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch; scrollbar-color:inherit;scrollbar-width:none;}
.nav::after, .nav::before{ display:none}
.nav{padding:10vh 0}
.nav ul{ display:block;}
.nav li {text-align: center; padding:10px}
.nav li:last-child{padding:10px 10px 5vw 10px}
.nav li a{ font-size:30px; font-weight:500}
.bg-menu{height:calc(100vh - 60px);}

/*SUB-NAV*/
.outer-nav{margin:0; float:left}
.sub-nav{overflow-y: hidden; overflow-x: auto;-webkit-overflow-scrolling:touch; scrollbar-color:inherit;scrollbar-width:none; background-color:#eee; margin:0}
.sub-nav li a{padding:12px; font-size:12px}
.outer-nav.second.fixed{ padding:8px 0}


/*FOOTER*/
.footer{ width:100%;height:auto;position:relative;display:block;margin:0;bottom:0;padding:0 0 20px 0;text-align:center;float:left;background-color:#000; }
.bottom-text{position:relative; height:auto;width:100%; left:auto; bottom:auto;  margin:0; padding:20px;background-color:#eedfc6; z-index:auto}
.copyright{position:relative;display:inline-block;margin:0;padding:15px 0;right:auto}
.copyright,.copyright a,.copyright strong{font-size:10px;line-height:1.5;text-align:center} 
.copyright a {padding:5px 0}
.fix-footer{width:100%; height:auto; position:relative; bottom:auto; transition:none;z-index:20 }
.footer-company{margin:0;width:100%;text-align:center}
.title-company h2{font-size:28px}	
.footer-regist{width:90%;min-width:auto;max-width:320px}
.footer-regist .social{text-align:center}
.newletter{margin:30px 0 0}
.newletter h3{text-align:center}

/*SOCIAL*/
.social{ width:100%; position:relative; left:0; bottom:0;top:auto; transition: all 0.3s ease-in-out; z-index:10 }
.social li::after{display:none}

/*SCROLL*/
.scrollA, .scrollB, .scrollC, .scrollD{ position:relative; width:100%; height:auto; left:auto; top:auto; overflow:visible !important; padding:0; margin:0;  }

/*SLIDE FULL ALBUM ZOOMPIC*/
.content-page{width:100%; height:auto; position:relative;}
.box-content{position:relative; height:auto; top:auto; left:auto; width:auto; display:block;}
.colum-box{position:relative; height:auto;  width:100%; float:left; display:block;margin:0; padding:0;}
.full.lock{overflow-x:hidden;}
.full img{max-width:100%}
.all-pics .text-length h3{font-size:14px;}
.allvideo{ width:100%;height:100%; left:0;top:0;z-index:5000;}
.video-skin{height:100%; left:0; top:0; bottom:auto}
.overlay-video.show{height:100%}
.album-pic-center img{max-width:98%; max-height:inherit}
.album-pic-center .pic-name h3{ font-size:14px}
.slide-pic-nav{top:auto;margin-top:0; bottom:60px; left:0;}
.container-zoom{height:auto}
.container-zoom.zoomin{height:90vh}

/*NEXT-PREVIOUS*/
.next-pic{right:10px; width:30px;height:50px;}
.prev-pic{left:10px; width:30px;height:50px; }

/*PLAY OPEN*/
.zoom{ width:40px; height:40px; opacity:1; right:10px; top:10px;box-shadow:none;background-size:cover; }

/*CLOSE*/
.close-pics-small{ display:block}
.close-pics{display:none}
.close{left:50%; top:10px; margin: 0 0 0 -25px; width:50px; height:50px;right:auto;bottom:auto;}
.close-video, .close-album{ width:50px; height:50px; right:10px; top:10px; margin:0; }
.close-map{width:40px; height:40px;right:10px;top:10px;}
.close-news{ display:none !important;}
.go-back{ position:fixed;width:40px; height:40px;right:15px;top:15px;}

/*RESET LAYOUT*/
.desktop{ display:none}
.mobile{ display:block; pointer-events:auto;}
img.desktop{ display:none}
img.mobile{display:block}

/*TITLE-PAGE*/
h2{font-size:4.5vw}
.title-page h1{font-size:5vw; }
.title-order h2{font-size:30px}
.title-order{padding:20px}
#application-page .txt-page > h2, .txt-page > h2, .title-page > h2 {font-size:3vw}
	
/*CAREER*/
.table-recruitment {min-width: 10px}
table th{padding:10px;font-size: 13px}
table td a, .career-list th{font-size:13px}
table td{font-size:13px;padding: 10px}
table th:nth-child(1){width:50px;padding:0}
table th:nth-child(2){}
table th:nth-child(3){width:80px;}
table th:nth-child(4){width:120px;}
table th:nth-child(5){width:120px;}
table th:nth-child(6){width:140px;}
table th:nth-child(7){width:120px;}
.table-recruitment td{padding:10px}
.join-us{display: none;}
table td a{padding:0px}	

/*MAP*/
.full-map, .zoom-control {display:none}
.gm-control-active.gm-fullscreen-control{display:block!important}
.gm-style .gm-style-iw + div img, .gm-style button img{ display:block !important}

/*SELECT*/
.form-sect .input-select{width:200px}
.input-select select{font-size:14px;height:50px}	

/*SLIDE FULL*/
.box-slider {height: auto; float: none; }
.group-central {position: relative; width: 100%; height: auto; left: auto; top: auto; display: block; float:left; text-align: center; transform: translate(0, 0) !important; z-index: auto !important; overflow: visible; background-color:#000 }
.box-cover{height:calc(1125/2000 * 100vw); position:relative;display:block; left:auto; top:auto; }
.box-cover::after, .bg-home::after, .bg-apply::after{ display:none;}
.bg-home, .bg-apply{height:auto;min-height:calc(1125/2000 * 100vw); background-size:cover}
body.auto .bg-home,  body.auto .bg-apply{padding:20vw 0 10vw 0}
.bg-inner{padding:60px 0 30px 0} 
.banner-inner{ z-index:1}
.bg-fixed{ background-attachment:scroll}
.bg-home::before, .bg-apply::before{height:100%; background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0.2) 100%);}
.brown-light{width:150vw; height:150vw; left:50%; top:50%;bottom:auto; right:auto; margin:-75vw 0 0 -75vw; z-index:0}


/*VIDEO HOME*/
.video-cover, .video-full{ min-height:inherit}
.video-full{position:relative; left:auto; top:auto;width:100%; height:100%; min-height:inherit;transform: translate(0, 0); }
.box-video-center{ height:calc(1125/2000 * 100vw);width:100%;top:auto;left:auto;position:relative;}
.box-video-center::before, .box-video-center::after{ display:none}

/*YOUTUBE VIDEO*/
.video-youtube-full {height: auto; }
.control {font-size:11px; padding:10px; bottom:0; opacity:1}
.control button {width:20px; height:20px;transition: none;  pointer-events:auto}
.control button:hover { opacity: 1; }
.control::after{ transition: none;background-color: rgba(0,0,0,0.5);}
.youtube-video iframe{ position:relative; left:auto; top:auto;  transform:translateY(0); }
.play-button{width: 80px; height: 80px;  margin: -40px 0 0 -40px; }
.group-central[data-name="video-home"].fullmode{height:100vh; position:fixed; left:0; top:0; background-color:#000; overflow:hidden !important; z-index:9999 !important}
.fullmode .box-video-center{height:100vh; position:absolute; left:0; top:0; z-index:9999}
.fullmode .video-youtube-full{height:100%;}
.fullmode .youtube-video iframe{width:100%; height:100%; left:0; top:0; position:absolute}

/*IOS*/
.is-IOS .youtube-video iframe{ z-index:auto}

/*PRINT SHARE*/
.print{ text-align:center}
.print-but, .save-but, .share-but::before{display:none}
.share-but{ height:auto; line-height:inherit; padding:0 0 10px 0}
.share-but > svg{ display:none !important}
.share-item{position:relative;right:auto; bottom:auto;height:auto;}
.share-item ul{ text-align:center; padding:0}
.share-item li{transform:none; left:auto; opacity:1; margin:0 10px; border:none}
.share-item a{width:50px; height:50px}
.share-item a svg{width:100%; height:100%; left:0; top:0}

/*CLOSE-POPUP*/
.close-popup, .details-content .close-popup{top:0;right:0;width:45px;height:45px; position:fixed; border-radius:0}	

/*BUTTON*/
.btn{font-size:15px}

/*DETAILS CONTENT*/
.details-content::before, .details-content::after{ display:none}	

/*CONTENT-HOME*/
.content-main {position: relative; width:100%; height:auto; display:block; left:auto; top:auto; padding:0; text-align:center}
.content-main::before, .content-main::after{ display:none}

/*BANNER-HOME*/ 
.group-central[data-name="home-banner"] .bg-cover{ height:calc(100vh - 60px)}
.logo-center {max-width:500px; }

/* HOME-PRODUCTS */
.whole-content{text-align:center}
.product-home-pic {width:100%;height:calc(1125/2000 * 100vw); display:block; max-width:inherit }
.text-top{position:relative;width:50%; max-width:inherit;float:none;padding:5%; display:inline-block; vertical-align:middle; }
.text-top h3{ max-width:inherit}
.text-top p{width:100%; padding:0; margin:0}
.pic-des{left:auto;top:auto;width:43vw;height:43vw;margin:-15vh 0 0 0;max-width:450px; max-height:450px; border-radius:50% 0 50% 50%; position:relative; display:inline-block; vertical-align:middle}
.text-top, .pic-des{filter: blur(0px)!important;visibility:visible!important; opacity:1!important; transform: none !important}
.view-more, .txt-products-hot a{color:#fff; margin:10px 0}

/*SIGNATURE-HOME */
.bg-gradient{ mix-blend-mode:inherit !important}
.item-content .pic-img {height:100%;width:100%;position:absolute;}
.text-content {top:auto;left:auto;bottom:auto; position:relative;padding:15vw 20vw 15vw 5vw}
.text-content h3 {font-size:20px;max-width:66%;}
.quote {width:10vw;height:10vw;min-height:60px;min-width:60px}

/*PRODUCT-HOT*/
.home-item-loaida, .home-item-ten-sanpham, .home-item-xuatxu, .home-item-mausac, .txt-products-hot{font-size:14px}
.slide-products-hot .text-content h3{ margin:5px 0 0 0}

/* NEWS HOME */
.group-central[data-name="home-news"] .bg-cover{ position:absolute; left:0; top:0; height:100%; opacity:0.5}
.group-central[data-name="home-news"] .content-main {text-align:center; padding:5%}
.group-central[data-name="home-news"] .title-main {margin:0 0 30px}
.group-central[data-name="home-news"] .title-main h2::after{margin:10px auto 20px auto}
.box-news-home {display:block;width:100%;margin:0}
.item-news-home:nth-child(1) h3{font-size:18px;}

/*HOME CONTACT*/
.company-info::before, .company-info::after {width:60px;left:calc(50% - 30px)}
.company-text {margin:30px auto 0 auto;width:auto;display:block;text-align: center; padding:400px 0 30px}
.company-info p {max-width:calc(100% - 60px)}
.map-box {width:100vw; height:400px;margin:0; position:absolute;top:0;left:0; border-radius:0}
.content-map-box{ transition:none; border-radius:0}
.company-text h2{ font-weight:500}
.map-box.full-screen{height:100%; }

/*ABOUT*/
#about-page .wrap-content{width:90%;margin:0 5%}
#about-page section:last-child{border:none}

.title-txt{margin:0 0 30px 0}
.title-txt h2, .text-small h3{ font-size:3vw}
.text-small{width:100%}
.padding-main > span:not(.brown-light), .introduce-about > span, .factory-about > span{ display:none}
.text-main p{margin: 0 0 20px}
.introduce-about .text-main{width:100%;padding:5%}
.introduce-about .pic-main{width:100%;}
.value-about .text-main{padding:0; width:100%}
.value-about .pic-main{width:100%;height:auto;max-height:70vh}
.improve-about .text-main{width:100%;float:none;padding:0}
.improve-about .pic-main{width:100%;height:auto;max-height:70vh}

.factory-about .pic-main {width:100%;height:auto;max-height:70vh}
.factory-about .text-main{padding:0; width:100%}
.value-about,  .improve-about, .factory-about{ border-bottom:1px solid #aaa}

/*PRODUCT*/
.product-group{padding:20px !important; }
.text-show::after{width:40px}
.text-hide{opacity:1;transform:none; max-width:500px; margin:auto;}
.product-item-pic::before{opacity:1;height:100%}
.product-item:nth-child(1), .product-item:nth-child(2), .product-item:nth-child(3), .product-item:nth-child(4){width:calc(50% - 5px); height:40vh; min-height:300px;}
.product-item:last-child{width:calc(100% - 5px)}
.product-item:last-child .text-product{left:50%; transform:translateX(-50%)}
.text-product{top:20%; left:0; transform:none;}
.color-intro p{text-align:center;}

/*PRODUCT-DETAILS*/
.wrap-large{ text-align:center}
.info-details{width:100%; margin:10px 0}
.title-tt{padding:15px; font-size:15px}
.title-tt strong{ font-size:22px}
.txt-detail li{padding:10px 20px;font-size:12px; }
.txt-detail li h3{font-size:14px;}
.txt-detail li:nth-of-type(2) h3{font-size:16px; display:block }
.txt-detail li h2{font-size:16px; display:block }
.pic-product{width:100%; padding:0}
.rock-color{height:calc((1142/2000) * 100vw)}
.item-four{padding:10px}
.pic-four{width:80px; height:80px;}
.product-name{padding:10px}
.product-name h3{font-size:14px;}
.row-detail .btn{padding:12px 20px}
#product-application-page .top-content h2{ font-size:18px}
#product-main-page .background-grey{ z-index:2}
.thumb-box-item{width:60px; height:40px;}
.thumb-box-item::after{ border-width:3px}
.view-next{width:40px; height:40px;}

/*MENU PRODUCT*/
.outer-product li{width:auto;margin:5px 0 0 0}
.outer-product li h2{font-size:14px}

/*PRODUCT-DETAILS*/
.product-details .wrap-large{ text-align:center}
.product-details .list-product{padding:0 0 30px 0;}

/*PRODUCT COMMENT*/
.comment-box{ max-width:inherit; padding:10px 30px; }
.icon-comment{left:auto;top:auto;width:35px;height:35px; position:relative; display:inline-block; vertical-align:middle; margin:0 10px 10px 0}
.product-comment h3{ display:inline-block; vertical-align:middle; font-size:16px}

/*PRO DESCRIPTION*/
.pro-description.load-details{ max-width:inherit;float:none}


/*PRODUCT-APPLICATION*/
.color-intro{padding:30px 0}
.pic-aplly::after{background-color: rgba(0,0,0,0.5);}
.bottom-content{ opacity:1}


/*PRODUCT-ADVANTAGE*/
.advantage-box{width:calc(100vw/2);height:calc(100vw/2)}
.advantage-box:nth-child(1),.advantage-box:nth-child(4),.advantage-box:nth-child(5),.advantage-box:nth-child(8),.advantage-box:nth-child(9),.advantage-box:nth-child(12), .advantage-box:nth-child(13){background-color:#fff}
.advantage-box:nth-child(2),.advantage-box:nth-child(3),.advantage-box:nth-child(6),.advantage-box:nth-child(7),.advantage-box:nth-child(10),.advantage-box:nth-child(11), .advantage-box:nth-child(14), .advantage-box:nth-child(15){background-color:#e1e1e1}
.advantage-content h3{margin:20px 0}
.advantage-content p{max-height:120px}
.table-cell{width:100%; height:auto; margin:0 0 5vw 0; overflow-y:hidden;  overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-color:inherit;scrollbar-width:none;}

/*INPIRRATION*/
#inspiration-page .txt-ins{ min-height:inherit}
#inspiration-page .ins-name h3{ font-size:4vw}
inspiration-list{ min-height:inherit}
.inspiration-box{width:100%;margin:0;padding:0}
.inspiration-box .ins-pic{height:auto}
.inspiration-box .ins-pic .pic-img{height:auto; background-size:contain;}
.inspiration-box{width:100%;margin:0;padding:0; display:block}

/*INSPIRATION-MODIFY-SUB*/
.sub-top{min-width:500px}
.inspiration-item a{padding:15px;font-size:14px}
.sub-item{width:120px}
.sub-item .pic-img{min-height: 100px;min-width: 100px;}
.sub-item h3{ font-size:12px}
	
/*APPLICATION*/
.content-apply{top:30%}
.top-content{padding:0 0 20px;}
.top-content h2{color:#fff;font-weight:700;font-size:16px}
.box-apply .shape-apply{width:10vw;height:10vw}
.bottom-content{margin:20px auto}
.pic-aplly .pic-img{height:calc(1125/2000 * 70vw);;z-index:0}
#product-application-page .pic-aplly .pic-img{height:calc(1125/2000 * 70vw);}

/*APPLICATION-DETAIL*/
.text-inside{padding:20px 60px}
#application-detail-page .btn{padding:15px 30px}

	
/*PROJECT-PAGE*/
#project-page .product-item{height:calc(1125/2000 * 50vw)}	

	
/*PROJECT-DETAIL*/
#project-detail-page .bg-home,#project-detail-page .bg-apply{ min-height:inherit}
#project-detail-page .product-item{height:calc(1125/2000 * 50vw)}
#project-detail-page .wrap-small{width:100%}
.list-detail-rock{padding:0}
.title-info p{font-size:15px;margin:0;}
.box-detail-project p{font-size:15px;}
.project-info{max-width:900px}
.project-info h3{font-size:18px;}
.box-detail-project h3{margin:0;}
.list-detail-rock{width:70%;margin:auto}
.rocking{width:calc(100%/2)}

/*BUTTON-INSPIRATION*/
.open-button{position:fixed;display:block;left:300px;top:0;transform:rotate(90deg);white-space:nowrap;color:#a97e56;background-color:#eee;z-index:10}
.open-button::after{content:'';position:absolute;background-color:#fff;width:30px;height:2px;top:50%;left:10px;opacity:0;transition:all 0.3s ease-in-out}
.open-button::before{content:'';position:absolute;background-color:#fff;width:30px;height:2px;top:50%;left:10px;opacity:0;transition:all 0.3s ease-in-out}
.open-button svg{width:50px;height:50px;position:relative;display:inline-block;vertical-align:middle;opacity:1;transition:all 0.3s ease-in-out}
.open-button span{position:absolute;bottom:0;left:50px;padding:10px; display:block;vertical-align:middle;font-size:12px;font-weight:500;text-transform:uppercase;color:#444;background-color:#eee;opacity:1;transition:all 0.3s ease-in-out}
.open-button.active{background-color:#a97e56}
.open-button.active::after{transform:rotate(45deg);opacity:1}
.open-button.active::before{transform:rotate(-45deg);opacity:1}
.open-button.active svg{color:rgba(255,255,255,0)}
.open-button.active span{opacity:0}
.open-button.hide{opacity:0;pointer-events:none}
.reset-filter{ background-color:#eee}	

/*SHOWROOM-PAGE*/
.contact-showroom {display:-webkit-box;display:-webkit-flex; display:flex;-webkit-box-sizing: content-box; box-sizing: content-box;-webkit-flex-wrap:wrap;display:flex;flex-wrap:wrap;align-items: center;justify-content: center;}	
.map-box.showroom {width:100%; height:400px; order:2}
.map-box.showroom.full-screen{height:100%;}
.list-view {width:100%; height:auto; position:relative;right:auto; top:auto;order:1}
.list-result{ height:auto; overflow:visible;}
.list-view li{width:100%}
.list-view h3{font-size:15px;}
.list-view p{font-size:13px;}
#map-canvas {height: 100%}	

/*MEDIA-PAGE*/
/*MEDIA-NEWS*/	
#media-page .bg-home,#media-page .bg-apply{ min-height:inherit}
.item-news-media{width:33.33%; padding:5px}
.txt-news-media{padding:15px}
.item-news-media:first-child{width:66.66%}

/*NEWS-DETAIL*/
.other-news .item-news-media{width:25%}

/*MEDIA-CATALOGUE*/	
.catalogue-item{width:calc(100%/2)}

/*MEDIA-VIDEO*/	
.video-thumb .pic-med-video{height:calc(100vh/3)}


/*SHOP-HOUSE*/
.filter-product{position:absolute;width:200px;height:calc(100% - 70px);top:0;left:0;transform:translateX(-100%);z-index:40;}
.filter-product.active{transform:translateX(0);box-shadow:20px 20px 30px rgba(0, 0, 0, 0.1)}
.filter-product.fixed{position:fixed;top:70px}
.filter-box{height:100%;position:absolute;left:0;top:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-color:inherit;scrollbar-width:none; z-index:5}
.filter-product .open-button{left:200px}
.filter-box > *{transform:translate3d(0, 0, 0);}
.row-product::before{display:none}
.col-product{width:100%;padding:0}
.box-filter{padding:0 20px}
.box-filter.active{padding:0 20px 10px 20px}
.box-filter li{ font-size:13px}
.box-filter li a{max-width:calc(100% - 40px);}
.box-filter .check-box{margin: 0 5px 0 0;}
.search-line{width:350px}
.info-shop-detail{padding:20px}
.item-product {width:50%; padding:10px}
.shop-house .txt-product li {width: calc(50% - 1px);padding:10px;margin: 0 1px 1px 0; float:left}
.shop-house .txt-product li h3 {font-size: 12px;}
#list-product-result h5{ font-size:18px;}


/*TOP-AD*/
.description-shop{padding:20px 0;margin:0 auto;text-align:center;width:90%}
.search-line{display:block;width:100%;max-width:400px;text-align:center;margin:auto}
.search-line .input-text{position:relative;display:inline-block;width:calc(100% - 120px);margin: 0 -5px;vertical-align:middle;background-color:#ddd}
.top-ad{display:block;padding:30px 0}	
.but-line{width:auto}

/*CONTENT DETAILS*/
.load-title{margin:0 0 30px 0}
.load-title h3{font-size:18px;}
.hars-box, .load-text { box-shadow:none; padding:5%;}


/*LOGIN FORM*/
.login-box{top:70px;left:10px;padding:15px;transition:all 0.3s ease-in-out;}
.login-box::before{left:69px}
.login-block,.password-block{max-width:380px}
.login-txt{ max-width:360px}
.pass-mask{font-size:14px;}
.input-ex .btn{ white-space:nowrap}
.close-pop{width:40px; height:40px; background-color:#a97e56; top:-40px}

}

@media screen and (max-width:900px) {
/*NEWS HOME*/
.box-news-home{ max-width:600px; margin:auto}
.item-news-home {width:100%; }
.txt-news-home {width:100%;padding:15px 0;}
.item-news-home:nth-child(1){width:100%; margin:0 0 20px 0; max-height:inherit}
.item-news-home:nth-child(2), .item-news-home:nth-child(3), .item-news-home:nth-child(4){max-height:inherit;width:100%;margin:0 0 20px 0}
.item-news-home:nth-child(1) .pic-img {height:100%; max-height:inherit;}
.item-news-home:nth-child(1) .txt-news-home{width:100%; }
.item-news-home:nth-child(1) h3{font-size:16px; width:100%;float:none}
.item-news-home:nth-child(2) .pic-img, .item-news-home:nth-child(3) .pic-img, .item-news-home:nth-child(4) .pic-img {height:calc(1125/2000 * 40vw); max-height:inherit}
.item-news-home:nth-child(1) .view-more{ float:none}

/*NEWS*/
.load-data .wrap-small{width:100%}
/*ABOUT*/
.title-txt h2, .text-small h3{ font-size:4vw}

}

@media screen and (max-width:800px){
/*LOGIN FORM*/	
.login-block,.password-block{max-width:340px}
.login-txt{ max-width:300px}	
	
/*SHOP-HOUSE*/
.top-ad{padding:10px;display:block;margin:5px auto;width:auto}
.item-product {width:50%;}
.pic-product-shop{height:calc(1125/2000 * 70vw)}
.shop-house p,.txt-product h3{font-size:14px;}

/*ABOUT*/
.title-txt h2, .text-small h3{ font-size:5vw}
}

@media screen and (max-width:780px){
/*TITLE*/	
.title-main h2{font-size:4vw;}
.nav li a{font-size:5vw}

/*HOME-BANNER*/
.text-style {font-size:10vw}
.text-top h2, .slide-products-hot h2 {font-size:7vw}
.text-top h3, .slide-products-hot h3 {font-size:4vw}
.textwrap-top h3 {font-size:4vw}

/*DETAILS CONTENT*/
.details-center{width:100%; min-height:100vh}
.details-outer{ padding:0}
.details-text{padding:30px}
.details-center h2{ font-size:24px; text-align:left;padding:0 50px 0 0; margin:0}
.details-text p{ font-size:14px}
.policy .title-order{text-align:left; padding:0 0 20px 0}
.text-brown{padding:20px 50px 20px 20px !important}
.download-but, .download-but a{width:auto}
.download-but{padding:30px}
.details-center .download-but h3{ font-size:18px}
	
/*CAREER*/
.table-recruitment th{display:none}
.table-recruitment {min-width:10px}
.table-recruitment tr:last-child{margin:0}
.table-recruitment td{border-bottom: 1px solid #a97e56;border-bottom-style:dotted;background-color:#eee;display: block;text-align:right;padding:10px 20px 10px 130px; position:relative;}
.table-recruitment td::before{content:attr(data-label);float:left;font-size:12px;color:#888;font-weight:700;position:absolute;left:20px;top:50%;margin:-8px 0 0 0 }
.table-recruitment td:first-child{background-color:#a97e56;color:#fff}
.table-recruitment td:first-child::before{color:#fff}
.table-recruitment td:nth-child(2){padding:20px 20px 20px 130px; background-color:#fff; text-align:right}
.table-recruitment td a{padding:0}
.status.hot {display: inline-block;}
table td {background-color: #eee;}	
	
/*ABOUT-PAGE*/	
.value-about .text-main{width:100%;padding:0 4vw 0 0}
.factory-about .text-main{width:100%;}
.factory-about .pic-main{width:70%;margin:30px 0 0}
.factory-about > span{width:10vw;height:10vw}

/*PRODUCT-DETAILS*/
.product-details .info-details{width:100%; margin:10px 0}
.product-details .pic-product{width:100%; height:calc(1144/2000 * 100vw); padding:0}
.txt-detail li{padding:10px;font-size:12px; width:50%; float:left }
.txt-detail li:nth-child(3){width:100%}
.txt-detail li h2{ display:block}

/*APPLICATION*/
.content-apply{top:25%}
.top-content{padding:0 0 10px;}	
.top-content h2{font-size:14px}
.bottom-content{margin:10px auto}

/*PROJECT-PAGE*/
#project-page .product-item{width:100% !important; height:calc(1125/2000 * 90vw)}	
.box-title{display:block;}
.title-info{display:block;width:100%;text-align:left;}
.title-info:nth-child(1),.title-info:nth-child(2){border-right:none; border-bottom:1px solid #aaa}

/*MEDIA-NEWS*/	
.item-news-media{width:50%; padding:10px}
.item-news-media:first-child{width:100%}
.other-news .item-news-media:first-child{width:50%}
.other-news .item-news-media{width:50%}

/*MEDIA-CATALOGUE*/	
.catalogue-item{width:calc(100%/1);max-width:400px}	

/*MEDIA-VIDEO*/
.video-thumb{width:calc(100%/1)}
.video-thumb .pic-med-video{height:calc(100vh/2.5)}

/*REGISTER*/
.form-register button{height:60px}	

}

@media screen and (max-width:680px){
/*LOGIN FORM*/	
.login-block,.password-block{max-width:300px}
.login-txt{ max-width:260px}	
 .load-details img{width: auto !important;}

/*PRODUCT-ADVANTAGE*/	
.advantage-box{width:calc(100vw/1);height:calc(100vw/1.5)}	
.sp-svg{width:100px;height:100px}

/*OPEN-BUTTON*/
.open-button{left:200px}

/* SHOWROOM-PAGE */
.list-view h3{font-size:15px;}	

/*PRODUCT COLOR*/
.color-box{ border:none; display:block}
.color-box{text-align:center; }
.circles-box{position:relative;display:block; width:100%;border-bottom:1px solid #666 }
.circles-box:nth-child(1)::after{display:none}
.small-color{margin:10px;max-width: 30%;}

/*CONTACT-PAGE*/
.form-section .input-center{width:304px;margin:20px auto;display:block}
.form-section .input-but button{display:block;width:100%;height:50px;margin:20px 0}	

}

@media screen and (max-width:540px){
/*FONT*/	
p{ font-size:14px}
h2{font-size:26px}
#application-page .txt-page > h2, .txt-page > h2, .title-page > h2 {font-size:5vw}
.text-product h2,#project-page .text-product h2,#project-detail-page .text-product h2{font-size:7vw}
.form-register button,button,.btn{font-size:13px}
.view-more, .go-news, .txt-products-hot a{ font-size:10px; padding: 6px 20px 6px 10px;}
.view-more::before, .go-news::before, .txt-products-hot a::before{width:20px}
.view-more::after, .txt-products-hot a::after{ background-image:linear-gradient(45deg, #4b2e00 20%, #a97e56 100%);}


/*LOGIN FORM*/
.login-box{width:320px; max-width:inherit; left:50%; margin:0 0 0 -160px}
.login-block,.password-block, .login-txt{max-width:inherit; float:none}
.login-box::before{ display:none}
.close-pop{top:0}

/*ABOUT-PAGE*/
.title-txt h2, .text-small h3{font-size:26px}	


/*LAYOUT*/
.logo, .logo.out, .logo.center{ width:180px; height:60px;margin:0;left:10px; top:5px; border-radius:0;background:url(/Content/theme_btq/images/logo-m.svg) no-repeat left center/contain ;}
.left-header{left:auto;right:65px; width:auto;text-align:right; white-space:nowrap}
.search-but{right:8%;top:80px; display:none; z-index:999}
.search-but.active{ display:block}
.search-form{top:70px; right:5%;}
.nav-click{right:10px}
.mes-shop-house::before {left:10px;}
	
/*TITLE*/	
.title-main h2{font-size:5vw;}
.title-txt{margin:0 0 20px}
.txt-page p{font-size:14px;max-height:inherit}
.title-page.on-show h1::after{display:none}

/*HEADER*/	
.language{top:80px;right:15px;}
.language ul li{display:block}
.language ul li a{display:block}
.language ul li:first-child::after{width:20px;height:1px;left:0;left:calc(50% - 10px);bottom:0;top:auto}

/*NAVIGATION*/
.nav li a{font-size:6vw}
.nav-click.active span::after, .nav-click .close-click small{ display:none}

/*FOOTER*/
.footer-regist{margin:auto;}

/*LOADICON*/
.loadicon{width:100px;height:100px;margin:-50px 0 0 -50px;}

/*HOME-PRODUCT*/
.whole-content{ text-align:left}
.text-top{position:relative;width:65%; vertical-align:top; }
.pic-des{width:60vw;height:60vw;margin:0; position:absolute; top:calc(1125/2000 * 85vw); right:-20vw; box-shadow:-30px 30px 30px rgba(0,0,0,0.6) }

/*CONTACT HOME*/ 
.register-form .require-col{padding:20px}
.company-info span.address{ display:none}


/*INSPIRATION HOME*/
#inspiration-page .ins-name h3{font-size:13px}
#inspiration-page .txt-ins{padding:15px}
.text-content h3 {font-size: 18px;max-width:inherit;}
.sub-bottom{margin:20px auto}
.sub-top{min-width:auto;width:auto;overflow-y:hidden;overflow-x: auto;-webkit-overflow-scrolling:touch; scrollbar-color:inherit;scrollbar-width:none;border-bottom:0}
.inspiration-item{display:inline-block;margin:0 -1px}
.inspiration-item a{font-size:13px}

/*PRODUCT-PAGE*/
.product-item, .product-item:nth-child(1), .product-item:nth-child(2), .product-item:nth-child(3), .product-item:nth-child(4){width:calc(100% - 5px); height:300px; margin:0 0 20px 0}
.product-item:last-child .text-product{left:0; transform:none}

/*PROJECT DETAIL*/
#project-detail-page .product-item{height:calc(1125/2000 * 100vw)}	
.txt-detail li:nth-child(1), .txt-detail li:nth-child(2){ min-height:60px}
.product-details .pic-product{height:calc(1125/2000 * 130vw)}
.pic-product-shop{height:calc(1125/2000 * 120vw)}

/*PRODUCT-DETAILS*/
#product-application-page .top-content h2{ font-size:15px}
.seperate::after{display:none}
.pic-product{ text-align:center}
.row-detail .btn{ text-align:center}
.txt-detail li h2{ display:inline}
.txt-detail li:nth-child(1),.txt-detail li:nth-child(2),.txt-detail li:nth-child(3),.txt-detail li:nth-child(4),.txt-detail li:nth-child(5),.txt-detail li:last-child, .txt-detail li:nth-last-child(2){width:100%; min-height:inherit}

/*PRODUCT COMMENT*/
.comment-box{padding:10px 20px}
.comment-but, .comment-public{ text-align:center}
.comment-but .note p{ font-size:13px}
.comment-user p{ font-size:14px}
.all-comment{ text-align:left}

/*ALBUM-VIDEO*/
.movie-album{width:100%;  text-align:center}

/*PRODUCT-ADVANTAGE*/	
.advantage-box{height:calc(100vw/1.2)}
.advantage-box:nth-child(odd){background-color:#fff}
.advantage-box:nth-child(even){background-color:#e1e1e1}
.advantage-content{width:90%}
.advantage-content p{max-height:112px}	
.sp-svg{width:150px;height:150px}

/*INSPIRATION*/	
#inspiration-page .ins-name{ text-align:left}
.small-color-ins{left:auto;bottom:auto;position:relative;background-color:#ddd;text-align:center;padding:0 0 20px 0; width:100%; display:block}	
.small-color-ins .small-color{margin:-30px 0 10px 0}
.txt-ins{padding:20px;text-align:center}
.ins-name{text-align:center}
.view-pro{margin:10px 0 0 -40px;font-size:13px}
.ins-name h3{font-size:15px}
.txt-small-color h2{max-width:inherit}

/*APPLICATION*/
#product-application-page .pic-aplly .pic-img{height:calc(1125/2000 * 120vw);}
.box-apply{margin:0;padding:0}	
.box-apply .shape-apply{width:100px;height:100px}
.pic-aplly .pic-img{height:calc(1125/2000 * 120vw);}

/*PROJECT-DETAIL*/
.title-info{width:100%;border-bottom:1px solid #444}
.list-detail-rock{width:100%}
.rocking{width:100%;padding:10px; text-align:center}
.txt-small-color h2{ font-size:14px}

/*MEDIA-NEWS*/	
.item-news-media{width:100%;padding:20px 5px 0 5px}	
.item-news-media:first-child .txt-news-media{position:relative}
.other-news .item-news-media:first-child{width:100%}
.other-news .item-news-media{width:100%}

/*SHOP-HOUSE*/
.list-product{padding:0 10px}
.item-product {width:100%;}
#list-product-result h5{ font-size:16px;}

/*TOP-AD*/
.search-line .input-text{width:calc(100% - 100px)}

/*CART FORM*/
.col {display:block;width:100%;margin: 0 0 10px 0}
.form-popup{padding:5%; box-shadow:none}
.form-popup .input-text{width:100%;}

	
}


@media screen and (max-width:440px){
/*TITLE*/	
.title-page h1{font-size:30px;}
.title-main h2{font-size:6vw;}	
.title-main h2::after{margin:10px auto}
.title-order h2{font-size:20px}

/*HOME-BANNER*/
.product-home-pic{ min-height:350px}
.text-style {font-size:12vw}
.text-top{width:90%}
.text-top h2 ,.slide-products-hot h2{font-size:9vw}
.text-top h3, .slide-products-hot h3{font-size:5vw}
.textwrap-top h3 {font-size:5vw}


/*HOME-INSPIRATION*/
.text-content h3{ font-size:16px}
.signature img{height:50px; min-height:inherit; margin:0}

/*PRODUCT-HOT*/
.home-item-loaida, .home-item-ten-sanpham, .home-item-xuatxu, .home-item-mausac, .txt-products-hot{font-size:13px}

/*FOOTER*/
.title-company h2{font-size:22px}	
.company-info p{font-size:14px}
.social li svg{width:40px;height:40px}	
.social li .phone{margin:0}
.footer-regist{ display:block}

/*SELECT*/
.form-sect .input-select{width:160px}
.input-select select{font-size:13px;height:50px;padding:5px 50px 5px 10px}	


/*ABOUT-PAGE*/	
.text-main{width:100%;padding:0!important}
.text-small{width:100%;right:auto!important}
.factory-about .pic-main{width:70%;margin:30px 0 0}
.factory-about .pic-main::after{content:'';position:absolute;top:10vh;left:-30vw;width:60vw;height:60vw;background:url(/Content/theme_btq/images/brown-circle.png) no-repeat 100%/100%;z-index:-1;}
.factory-about > span{width:10vw;height:10vw}

/*PRODUCT-DETAILS*/
#product-detail-page .background-grey, #product-detail-page .background-white{padding:30px 0}
.small-light{width:200vw;height:200vw;margin:-100vw 0 0 -100vw}

/*APPLICATION-DETAIL-PAGE*/
.text-inside{position:relative;padding:20px 40px}	
.text-inside h3{font-size:18px;}

/*INSPIRATION-PAGE*/
.filter-content-color .small-color{width:30px;height:30px}
#inspiration-page .ins-name h3{ font-size:6vw}

	
}


@media screen and (max-width:380px){
.logo, .logo.out, .logo.center{ width:160px; }
.cart-icon, .shop-icon, .login-svg{width:30px}	
	
.show-box { max-width:160px;}
.show-box h3{ font-size:10px}
.txt-favorite h3{ font-size:16px}

/*NEWS HOME*/
.item-news-home:nth-child(2) h3, .item-news-home:nth-child(3) h3, .item-news-home:nth-child(4) h3{ font-size:12px}

/*FOOTER*/	
body.auto .copyright{padding:0 0 70px}

}


/*CSS Document */
.table-cell::-webkit-scrollbar{width:0 !important; height:0 !important; display:none!important}
.content-table::-webkit-scrollbar{width:0 !important; height:0 !important; display:none!important}
.navigation::-webkit-scrollbar{width:0 !important; height:0 !important; display:none!important}
.select-box::-webkit-scrollbar{width:0 !important; height:0 !important; display:none!important}
.info-facilities::-webkit-scrollbar{width:0 !important; height:0 !important; display:none!important}
.content-table, .navigation, .info-facilities{scrollbar-color:inherit;scrollbar-width:none;}
/*CART POP*/
.shop-cart{position:fixed;left:0;top:0;width:100%;height:100%;transition:transform 0.3s ease-in-out;transform:translateX(-100%);visibility:hidden; z-index:950;}
.button-cart{width:900px; height:70px; background-color:#eee; position:absolute; top:0; left:0; z-index:20}
.top-cart{ position:absolute; left:100px;top:12px;width:auto;height:auto; opacity:0;z-index:10}
.top-cart .cart-icon, body.auto .top-cart .cart-icon{color:#666}
.cart-icon{display:inline-block;width:35px;height:35px;margin:0;vertical-align:middle; position:relative; transform-origin:center center}
.cart-text{display:inline-block;vertical-align:middle;color:#a97e50;font-weight:700;font-size:18px; position:relative;}
.hide-cart{ width:50px; height:50px; position:absolute;left:30px; top:5px;margin:0; opacity:0; transition:all 0.3s ease-in-out;background:url(/Content/theme_btq/images/close2.svg) no-repeat center center/contain; z-index:9999;}
.hide-cart:hover{transform:rotate(90deg)}
.cart-dropdown{position:absolute;left:0;top:70px;display:block;width:900px; text-align:right;height:calc(100% - 70px);background-color:#fff;overflow-x:hidden;overflow-y:auto;scrollbar-color:inherit;scrollbar-width:thin;z-index:5;}
.cart-overlay{position:absolute;left:0;top:0;width:0;height:100%;background-color:rgba(0,0,0,0.6); overflow:hidden;transition:width 0.6s ease-in-out;z-index:1;}
.shop-cart.active{transform:none;visibility:visible;}
.shop-cart.active .top-cart{ animation-name:goLeft;animation-duration:1s;animation-fill-mode:forwards;}
.shop-cart.active .hide-cart{ animation-name:goRight;animation-duration:1s;animation-fill-mode:forwards;}
.shop-cart.active .cart-overlay{width:100%}
.cart-dropdown.cart-empty{text-align:center}
.cart-dropdown.cart-empty:before, .cart-dropdown.cart-empty:after{content:'';display:inline-block;width:1px;height:100%;vertical-align:middle;}
.cart-dropdown.cart-empty .cart-items-box, .cart-dropdown.cart-empty .cart-view{display:none;}
.cart-items-box{position:relative;display:block;width:calc(100% - 60px);height:auto;margin:60px auto 30px auto;text-align:center; z-index:10}
.cart-items{display:block;width:100%; height:auto; position:relative}

/*CART LIST*/
.append-item{position:relative;display:block;width:100%;margin:0;padding:0;}
.cart-group, .cart-top{position:relative;display:table;width:100%;margin:0;padding:0;table-layout:fixed;}
.cart-group li, .cart-top li{position:relative;display:table-cell;vertical-align:middle;line-height:1.4}
.cart-top, .cart-group{border-spacing:1px}
.cart-top li{background-color:#a97e56;color:#fff;font-weight:700;font-size:14px;padding:15px;}
.cart-name{width:200px;padding:10px 20px}
.cart-brief{width:150px;padding:10px 15px;}
.cart-img{width:auto; display:block; }
.cart-img span{display:block;width:150px;height:auto;padding:2px;text-align:center;margin:10px auto;background-color:#fff;overflow:hidden;}
.cart-img span img{display:block;height:auto;width:auto;margin:0 auto;max-width:100%; max-height:150px}
.cart-no{width:60px; font-size:24px; color:#999; font-weight:300}
.cart-num{width:60px;}
.cart-del{width:60px;}
.cart-delete{width:60px;cursor:pointer}
.cart-delete span{position:relative;display:inline-block; background:url(/Content/theme_btq/images/close2.svg) no-repeat center center/contain; width:40px;height:40px;transition:all 0.3s ease-in-out}
.cart-delete:hover span{transform:rotate(90deg)}

.cart-group li{background-color:#eee;}
.cart-name h2{font-size:13px;font-weight:500;text-transform:uppercase; margin:0 0 10px 0;display:block; color:#a97e50}
.cart-name h3{font-size:16px;font-weight:700;text-transform:uppercase; margin:0 0 10px 0;display:block}
.cart-group p{ margin:0 0 10px 0;display:block;font-size:13px;font-weight:400;line-height:1.4;color:#444;}
.cart-id{ font-weight:700; margin:10px}

.shop-cart .zoom-pic{cursor:default; pointer-events:none}

/*BOTTON*/
.cart-view{display:inline-block;width:auto;height:auto;margin:20px 30px 60px 0;padding:20px;background-color:#a97e50;border-radius:8px;font-size:16px; font-weight:700;line-height:1.4;text-align:center;text-transform:uppercase;color:#fff;transition:all 0.3s ease-in-out; z-index:10}
.cart-view.hide{display:none;}
.cart-shopping.animate .cart-icon{animation:Shake;animation-duration:1s;animation-fill-mode:forwards;}
.cart-shopping.animate .cart-text{ animation-name:scaleNum;animation-duration:1s;animation-fill-mode:forwards;}
.cart-shopping .cart-text{ position:absolute;color:#fff;font-weight:700;font-size:12px; text-align:center;left:4px; bottom:-18px; width:24px; line-height:24px; border-radius:50%; background-color:#a97e50; opacity:0; z-index:1 }
.cart-shopping .cart-text.show{opacity:1}

.add-cart{width:auto; height:auto; position:absolute; bottom:10px; right:10px; border-radius:8px;color:#fff; text-transform:uppercase;padding:5px 10px 5px 5px;background-color:#a97e50; transition:all 0.3s ease-in-out; z-index:10}
.add-cart .cart-icon{ display:inline-block; vertical-align:middle;color:#fff; position:relative; margin:0}
.add-cart small{ display:inline-block; vertical-align:middle;color:#fff; position:relative; margin:0;font-weight:700; font-size:14px; line-height:1.4;}
.add-cart:hover{background-color:#000;box-shadow:0 10px 20px rgba(0,0,0,0.2);}
.add-cart.current{pointer-events:none;background-color:#000;padding:10px;}
.add-cart.current .cart-icon{ display:none}
.bottom-goback{ display:block; position:relative; width:auto; height:auto; margin:20px auto}
.bottom-goback .btn{border-radius:8px;color:#fff; text-transform:uppercase;padding:15px 20px;font-weight:700;font-size:15px;background-color:#a97e50; transition:all 0.3s ease-in-out;}

/*CART PAGE*/
.cart-content .cart-items-box{ margin:0 0 30px 0; width:100%}
.cart-content{position:relative;display:block;width:100%;height:auto; background-color:#fff; padding:5vw 0 ; text-align:center; z-index:1}
.cart-content.cart-empty{height:auto;min-height:400px;text-align:center}
.cart-content.cart-empty:before, .cart-content.cart-empty:after{content:'';display:inline-block;width:1px;height:100%;vertical-align:middle;}
.cart-mess{display:inline-block;width:90%; max-width:800px;height:auto;vertical-align:middle;font-size:1.5vw;color:#666;text-transform:uppercase;padding:5vw 20px;line-height:1.4}
.cart-box{position:relative;display:block;width:90%;margin:0 auto;max-width:900px; z-index:110}
.cart-empty .form-popup{ display:none}

#cart-page  #QuanHuyen, #cart-page  #DivQuanhuyen{opacity:0; visibility:hidden}

@media screen and (max-width:1100px) {
.cart-dropdown{width:100%;-webkit-overflow-scrolling:touch; padding:0 5%; text-align:center}
.cart-shopping .cart-text{bottom:-12px; left:5px}
.cart-items-box{width:100%}
.button-cart{width:100%}
.cart-mess{ font-size:4vw}
.cart-top li{padding:10px}
.cart-name{width:180px;padding:10px}
.cart-brief{width:150px;padding:10px;}
.cart-img{width:220px; }
.cart-no{width:50px; font-size:18px; font-weight:400}
.cart-num{width:50px;}
.cart-del{width:50px;}
.cart-delete{width:50px;}
.cart-view{ margin:20px 0}
.hide-cart{left:20px; top:8px}
.top-cart{left:auto; right:40px}
}


@media screen and (max-width:660px) {
.cart-top{display:none}
.append-item .cart-group li::before{content:attr(data-label);float:left;font-size:12px;color:#999;font-weight:700;position:absolute;left:20px;top:50%;margin:-8px 0 0 0 }
.cart-group{ display:block;border-spacing:0; background-color:#ddd; float:left; margin:0 0 20px 0}
.append-item .cart-group li{border-bottom: 1px solid #666;border-bottom-style:dotted;background-color:#eee;display: block; float:left;text-align:right;padding:8px 20px; position:relative;}
.cart-name{width:100%;}
.cart-brief{width:100%;}
.cart-img{width:100%; }
.cart-img span{ margin:5px 0 10px 0;  float:right}
.cart-id{ display:block; float:right;width:100%;}
.cart-no{width:100%; font-size:18px; font-weight:500;}
.cart-delete{width:60px; float:right !important; padding:8px !important;background-color:#a97e56 !important;}
.cart-delete span{ background-image:url(/Content/theme_btq/images/close.svg); width:44px; height:44px}

.table-recruitment td:first-child{background-color:#a97e56;color:#fff}
.table-recruitment td:first-child::before{color:#fff}
.table-recruitment td:nth-child(2),.career-list td:nth-child(3){text-align:right}
}

@media screen and (max-width:540px) {
.cart-shopping.zero-number{display:none}
.cart-shopping.has-number{display:inline-block;}
}


@media screen and (max-width:440px) {
.cart-mess{ font-size:6vw}
}


/*SELECT2*/
.select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; }
.select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; }
.select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left:12px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.select2-container .select2-selection--single .select2-selection__clear { position: relative; }
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; }
.select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; }
.select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; }
.select2-container .select2-search--inline { float: left; }
.select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; }
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none;}
.select2-dropdown { background-color: white; border:1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%;  z-index: 1051; }
.select2-results { display: block;}
.select2-results__options { list-style: none; margin: 0; padding: 0;max-height:200px; overflow-y:auto;scrollbar-color:inherit;scrollbar-width:thin; }
.select2-results__options::-webkit-scrollbar { width:8px;}
.select2-results__options::-webkit-scrollbar-track { background-color:#f1f1f1;}
.select2-results__options::-webkit-scrollbar-thumb {background-color:#aaa;}
.select2-results__option { padding: 10px; user-select: none; -webkit-user-select: none; }
.select2-results__option[aria-selected] { cursor: pointer; }
.select2-container--open .select2-dropdown { left: 0; }
.select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; }
.select2-search--dropdown { display: block; padding: 4px 10px; }
.select2-search--dropdown .select2-search__field { padding: 4px 10px; width: 100%; box-sizing: border-box; }
 .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none;}
.select2-search--dropdown.select2-search--hide { display: none; }
.select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff;}
.select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; }
.select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; }
.select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; }
.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; }
.select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }
.select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; }
.select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; }
.select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight:700; margin-right: 2px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }
.select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; }
.select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; }
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; }
.select2-container--default .select2-search--inline .select2-search__field { background-color: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; }
.select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }
.select2-container--default .select2-results__option[role=group] { padding: 0; }
.select2-container--default .select2-results__option[aria-disabled=true] { color: #999; }
.select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; }
.select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; }
.select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; }
.select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0;  background-image:linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x;  }
.select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; }
.select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; }
.select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; }
.select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x;  }
.select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; }
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; }
.select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background-color: transparent; border: none; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0;background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x;  }
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; }
.select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; }
.select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }
.select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; }
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; }
.select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; }
.select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; }
.select2-container--classic .select2-dropdown--above { border-bottom: none; }
.select2-container--classic .select2-dropdown--below { border-top: none; }
.select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }
.select2-container--classic .select2-results__option[role=group] { padding: 0; }
.select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; }
.select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; }
.select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; }
.select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; }


/*********************************
MODIFY
*********************************/
.wrapper-content { display: block; width: 200px; margin: 0 auto; padding: 50px 150px; border: 3px solid #a97e56;  }
.title { display: block; padding-top: 5px; font-size: 17px; font-weight: 700; color: rgba(52, 73, 94, 0.3); letter-spacing: 0; font-size: 18px; line-height: 1.72222; }

/********************
Select2 Override style
*********************/
/* Assign min-width to container */
.select2-container { min-width: 160px; }
/*********************************

*********************************/
.select2-container--open .select2-dropdown--below, .select2-container--open .select2-dropdown--above { background-color: #896a4e; border:none }
.select2-container--flat .select2-container--focus .select2-selection--multiple { border: 1px solid #80552b; }
.select2-container--flat .select2-results__option--highlighted[aria-selected] { background-color: #80552b !important; color: #ffffff !important; }
.select2-container--flat .select2-results__option[aria-selected=true] { background-color: #80552b; color: #fff; opacity: 0.8; }
.select2-container--flat .select2-selection--single { border-radius: 0px; }
.select2-container--flat.select2-container--open .select2-selection__arrow b { transform: rotate(180deg); }
.select2-container--flat span.select2-search input { height: 30px !important; }
.select2-container .select2-choice { border: 2px solid #dce4ec; height: 36px; border-radius: 0px; font-size: 14px; text-indent: 1px; box-shadow: none; background-image: none; }
.select2-container .select2-choice div { border-left: 2px solid #dce4ec; border-radius: 0 4px 4px 0; -webkit-background-clip: padding-box;  background-clip: padding-box; }
.select2-container .select2-choice .select2-arrow { border: 0px; border-radius: 0px; background-color: transparent; background-image: none; }
.select2-container *:focus { outline: 0px; }
.select2-container.select2-drop-above .select2-choice { border-bottom-color: #dce4ec; border-radius: 0px; }s
.select2-drop { margin-top: -2px; border: 2px solid #dce4ec; border-top: 0; border-radius: 0px !important; border-radius: 0 0 6px 6px; box-shadow: none; }
.select2-drop.select2-drop-above { margin-top: 2px; border-top: 2px solid #dce4ec; border-bottom: 0; border-radius: 6px 6px 0 0;box-shadow: none; }
.select2-search { margin-top:10px; }
.select2-search input { height: 26px; border: 2px solid #dce4ec; }
.select2-container-active .select2-choice, .select2-container-active .select2-choices { border: 2px solid #dce4ec; outline: none;  box-shadow: none; }
.select2-dropdown-open .select2-choice {box-shadow: none;  border-bottom-left-radius: 0;border-bottom-right-radius: 0; }
.select2-dropdown-open .select2-choice .select2-choice div { background-color: transparent; border-left: none; filter: none; }
.select2-results { padding: 0 0 0 0px; margin:10px 0px 0px 0;color: #fff;  }
.select2-results .select2-highlighted { background-color: #80552b; color: #fff; border-radius: 0px; }
.select2-container-multi .select2-choices { height: auto !important; height: 1%; border: 2px solid #dce4ec; }
.select2-container-multi.select2-container-active .select2-choices { border: 2px solid #dce4ec; border-radius: 6px; box-shadow: none; }
/****** Single SCSS *******/
.select2-container--flat .select2-selection--single { background-color: #a97e56; border: 0px; height:50px; }
.select2-container--flat .select2-selection--single .select2-selection__rendered { color: #fff; line-height:50px; text-align:left }
.select2-container--flat .select2-selection--single .select2-selection__arrow { height:42px; position: absolute; top: 1px; right: 1px; width: 20px; }
.select2-container--flat .select2-selection--single .select2-selection__arrow b { border-color: #fff transparent transparent transparent; top: 60%; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; width: 0; }
.select2-container--flat .select2-selection--single .select2-selection__placeholder { color: #fff; }
.select2-container--flat .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: 700; }
/****** Multiple SCSS *******/
.select2-container--flat .select2-selection--multiple { border: 1px solid #80552b; }
.select2-container--flat .select2-selection--multiple .select2-selection__choice__remove:hover { color: #80552b; cursor: pointer; }
.select2-container--flat .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; }
.select2-container--flat .select2-selection--multiple .select2-selection__choice { background-color: #a97e56; color: #fff; border: 1px solid #a97e56; border-radius: 0px; padding: 3px 5px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; }
.select2-container--flat .select2-selection--multiple .select2-selection__choice__remove { color: #80552b; margin-right: 6px; margin-left: 6px; float: right; }



/*ANIMATION*/

@keyframes Start { 
from {visibility:hidden}
to { visibility: visible }
}
@keyframes  VerticalLine { 
0% {height:0}
100% {height:100%;}
}

@keyframes  HorizontalLine { 
0% {width:0}
100% {width:100%;}
}
@keyframes toWidth{
from{-webkit-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1);}
to{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
@keyframes Preloader { 
100% {transform:rotate(360deg);}
}

@keyframes Play{
from{ background-position:0px;}
to{background-position:-360px;}
}

@keyframes Ani{
0%{box-shadow:0 0 0 rgba(220,220,220,0);border:1px solid rgba(220,220,220,0);transform:scale(0);}
70%{box-shadow:0 0 50px rgba(220,220,220,1);border:1px solid rgba(220,220,220,1);transform:scale(1);}
100%{box-shadow:0 0 60px rgba(220,220,220,0);border:0 solid rgba(220,220,220,0);transform:scale(2);}
}

@keyframes Rotate{
from{transform:rotate(0deg) translateZ(0);}
to{transform:rotate(360deg) translateZ(0);}
}

@keyframes empty{
0%{opacity:1}
}

@keyframes toHeight {
0% {}
100% {padding:120px 0 0 0;transform:none}
}

@keyframes HeightBanner {
0% {}
100% {padding:200px 0 100px 0;transform:none}
}

@keyframes fadeInBgRock{
0%{opacity:0;}
100%{opacity:0.2}
}

@keyframes fadeIn{
0%{ opacity:0;}
100%{ opacity:1; }
}

@keyframes fadeOut{
0%{ opacity:1;}
100%{ opacity:0;}
}

@keyframes fadeInUp{
0%{opacity:0;transform:translate3d(0, 100px, 0);}
100%{opacity:1;transform:translate3d(0, 0, 0);}
}

@keyframes fadeInDown{
0%{opacity:0;transform:translate3d(0, -100px, 0);}
100%{opacity:1;transform:translate3d(0, 0, 0);}
}

@keyframes goDown{
0%{opacity:0;transform:translate3d(-50%, -100px, 0);}
100%{opacity:1;transform:translate3d(-50%, 0, 0);}
}

@keyframes flipInX{
0%{transform:perspective(400px) rotateX(90deg)   scale(0.5);opacity:0;}
100%{transform:perspective(400px) rotateX(0deg)  scale(1);opacity:1;}
}

@keyframes flipOutX{
0%{ transform:perspective(400px) rotateX(0deg)  scale(1);opacity:1;}
100%{transform:perspective(400px) rotateX(90deg)  scale(0.5);opacity:0;}
}

@keyframes scaleSmall{
0%{opacity:0;transform:scale(0.6);}
100%{opacity:1;transform:scale(1);}
}

@keyframes scaleLarge{
0%{opacity:0;transform:scale(1.3);transform-origin:center center}
100%{opacity:1;transform:scale(1);transform-origin:center center}
}

@keyframes goHeight{
from{transform: scale3d(1, 0, 1); transform-origin:center bottom}
to{transform: scale3d(1, 1, 1);  transform-origin:center bottom}
}

@keyframes aniHeight{
from{transform: scale3d(1, 0, 1);opacity:0; transform-origin:center bottom}
to{transform: scale3d(1, 1, 1);opacity:1; transform-origin:center  bottom}
}

@keyframes goWidth{
from{transform: scale3d(0, 1, 1);}
to{transform: scale3d(1, 1, 1);}
}

@keyframes aniWidth{
from{transform: scale3d(1, 1, 1);}
to{transform: scale3d(0, 1, 1);}
}

@keyframes moveRight {
0% { }
100% {transform: translateX( 100%);}
}

@keyframes toRight {
0% { opacity: 0; right:-100px }
100% {opacity: 1; right:0}
}

@keyframes toLeft {
0% { }
100% {opacity: 1; left:0}
}

@keyframes goRight{
0%{opacity:0;transform:translate3d(-100%, 0, 0);}
100%{opacity:1; transform:none;}
}
@keyframes goRight2{
0%{opacity:0;transform:translate3d(-30%, 0, 0);}
100%{opacity:1; transform:none;}
}
@keyframes moveLeft{
0% {}
100% {transform: translateX( -100%); }
}

@keyframes goLeft{
0%{ opacity:0;transform:translate3d(100%, 0, 0);}
100%{ opacity:1;transform:none;}
}

@keyframes goLeft2 {
0%{ opacity:0;transform:translate3d(30%, 0, 0);}
100%{ opacity:1;transform:none;}
}
@keyframes aniLeft{
0%{ opacity:0;transform:translate3d(100%, -50%, 0);}
100%{ opacity:1;transform:translate3d(0, -50%, 0);}
}

@keyframes Show100 {
  from {stroke-dashoffset: 537;}
  to { stroke-dashoffset: 0;}
}

@keyframes bounceInDown { 
from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0% { opacity: 0; transform: translate3d(0, -3000px, 0);}
60% { opacity: 1; transform: translate3d(0, 25px, 0);}
75% { transform: translate3d(0, -10px, 0);}
90% { transform: translate3d(0, 5px, 0);}
to { transform: none; opacity: 1;}
}

@keyframes BorderBox { 
0%{background-position:0% 0%}
50%{background-position:100% 100%}
100%{background-position:0% 0%}
}

@keyframes Border {
0% { border-top-color: #ffd47d}
20% {border-top-color: #285a71}
60% {border-top-color: #ffd47d}
}
@keyframes Border1 {
0% {border-color: #ffd47d}
20% {border-color: #285a71}
60% {border-color: #ffd47d}
}

@keyframes StrokeLine {
0% {stroke-dashoffset:0;}
100%{stroke-dashoffset:-200;}
}

@keyframes StrokeLine1 {
0% {stroke-dashoffset:0;}
100%{stroke-dashoffset:300;}
}

@keyframes DrawStroke {
0% {stroke-dashoffset:800; }
100%{stroke-dashoffset:0; }
}

@keyframes DrawStroke2 {
0% {stroke-dashoffset:350; }
100%{stroke-dashoffset:0; }
}

@keyframes StrokeOffset {  
50% {stroke-dashoffset: 35%;stroke-dasharray: 100% 35%;}
}

@keyframes Move-Arrow {  
25% { opacity: 1;}
33.3% { opacity: 1; transform: translateY(10px);}
66.6% { opacity: 1; transform: translateY(20px);}
100% { opacity: 0; transform: translateY(30px) scale(0.5);}
}

@keyframes InRight {
0% { opacity: 0;right: -100px; }
100% {opacity: 1; right: 20px;}
}

@keyframes trackBallSlide {  
 0% { opacity:1; transform:translateY(-12px);}
 15% { opacity:0;transform:translateY(8px);}
 30% { opacity:1;transform:translateY(-12px);}
 50% { opacity:0; transform:translateY(8px);}
 60% { opacity:1; transform:translateY(-12px);}
 100% { opacity:1;transform:translateY(-12px);}
}

@keyframes Shake {
from, to {transform: translate3d(0, 0, 0) rotate(0);}
0%, 50%{ transform: translate3d(-10px, 0, 0)  rotate(15deg); }
25%{transform: translate3d(10px, 0, 0) rotate(-15deg);}
}

@keyframes scaleNum{
0%{opacity:0;transform:scale(8);transform-origin:-5vw -10vh}
100%{opacity:1;transform:scale(1);transform-origin:center center}
}

/*ANIMATION*/
.animated{animation-duration:1s;animation-fill-mode: both;}
.slideout-Up{ animation-name:slideOutUp;}
.slidein-Up {animation-name: slideInUp;}
.fade-In{animation-name:fadeIn;}
.fade-Out{animation-name:fadeOut;}

.fadein {animation-name:fadeIn;animation-duration:1s;animation-fill-mode:both;}
.fadeout {animation-name:fadeOut;animation-duration:1s;animation-fill-mode:both;}
.flipoutx {backface-visibility:visible !important;animation-name:flipOutX;animation-duration:1.5s;animation-fill-mode:forwards;}
.flipinx { backface-visibility:visible !important ;animation-name:flipInX;animation-duration:1.5s;animation-fill-mode:forwards;}
.fadeindown {animation-name:fadeInDown;animation-duration:1s;animation-fill-mode:forwards;}
.fadeinup {animation-name:fadeInUp;animation-duration:1s;animation-fill-mode:forwards;}
.goleft {animation-name:goLeft;animation-duration:0.8s;animation-fill-mode:forwards;}
.goright {animation-name:goRight;animation-duration:0.8s;animation-fill-mode:forwards;}
.scalelarge{animation:scaleLarge;animation-duration:1s;animation-fill-mode:forwards;}
.hight-out {animation:aniHeight;animation-duration:1s;animation-fill-mode:forwards;}
.hight-in {animation:goiHeight;animation-duration:1s;animation-fill-mode:forwards;z-index:10;}
.slide-fade-out {animation:fadeOut;animation-duration:1s;animation-fill-mode:forwards;}
.slide-fade-in {animation: fadeIn;animation-duration:1s;animation-fill-mode:forwards;z-index:10;}

/*SHOW PAGE*/
.header, .footer, .container, .go-top, .contact-form, .contact-phone,.login-box, .shop-cart{animation: Start 1.5s steps(1, end) 0s 1 normal both;}

/*SHOW HEADER*/
.right-header, .left-header, .search-but{ opacity:0}
.header.show .right-header,.header.show .search-but{animation:fadeInDown;animation-duration:1s;animation-delay:0.3s;animation-fill-mode: forwards;}
.header.show .left-header{animation:fadeInDown;animation-duration:1s;animation-delay:0s;animation-fill-mode: forwards;}



@media screen and (min-width:1100px) {
/*ANIMATION ANI-ITEM*/
.ani-item:not(.inspiration-box), .outer-nav:not(.second), .sub-inspiration{opacity:0}
.outer-nav.on-show:not(.second) { animation-name:fadeInUp ;animation-duration:1s;  animation-delay:0.5s; animation-fill-mode:forwards;}
.ani-item:not(.second).on-show, .ani-item:not(.inspiration-box).on-show{animation: fadeInUp;animation-duration: 1.5s;animation-delay:0.3s;animation-fill-mode:forwards;}
.file-up.ani-item{ opacity:1 !important}
.input-text.on-show, .input-area.on-show, .input-but.on-show,.file-up.on-show {opacity:1; animation:none !important;}
.ani-item.second.on-show, .ani-item.inspiration-box.on-show{opacity:1; animation:none !important}

/*SLIDE CONTENT*/
.slide-item .pic-des .pic-img, .slide-item  .whole-content .view-more{ opacity:0}
.slide-item.active .pic-des .pic-img{ animation:fadeInUp;animation-duration:1s;animation-delay:0.5s;animation-fill-mode: forwards;}
.slide-item.active  .whole-content .view-more{ animation:fadeInUp;animation-duration:1s;animation-delay:1s;animation-fill-mode: forwards;}
	
/* AMINATION HEADER */
.logo, .hotline{opacity:0}
body.auto .header{opacity:0;transform:translateY(-120%)}
.hotline{pointer-events:none}	
.box-nav, .sub-news, .close-video,.close-pdf, .grid-item-bg::after, .grid-item-bg canvas{opacity: 0}
.box-nav.show{animation:toLeft;animation-duration: 1s;  animation-delay:0.5s;animation-fill-mode:forwards;}
.close-video.show{animation:toRight;animation-duration: 1s;  animation-delay:0.5s;animation-fill-mode:forwards;}
.show-text .grid-item-bg::after{animation:fadeIn;animation-duration:2s; animation-delay:1s;animation-fill-mode:forwards;}
.grid-item-bg canvas.show{animation:fadeIn;animation-duration:1s; animation-fill-mode:forwards;}

/* AMINATION HEADER */
.logo.show{opacity:1}

/*HEADER CURRENT*/
.header::before{border:1px solid #000;transform: scale3d(0, 1, 1);transition:all 0.9s cubic-bezier(.23,1,.38,1) }
.right-header, .left-header, .header::after{transition:all 0.3s ease-in-out}
body.auto .header.current::after{background-color:rgba(0,0,0,1)}	
body.auto .header.current .left-header{top:20px}	
body.auto .header.current .right-header{top:20px}
body.auto .header.current .nav-click{top:20px}
body.auto .header.current .search-but{top:18px}
body.auto .header.current .logo{width:106px;height:70px;left:calc(50% - 53px);padding:10px;border-radius:5px;background-color:#000;}
body.auto .header.current::before{transform: scale3d(1, 1, 1);border:1px solid #444;}

/*BANNER ANIMATION*/	
/*.bg-inner{transform:scale(1.2)}*/
.bg-inner.show{animation:toHeight;animation-duration:2s;animation-delay:0.3s;animation-fill-mode: forwards;}
.bg-inner::after{opacity:0;transition:opacity 4s ease-in-out}
.bg-inner.show::after{opacity:1}
.bg-home::after,.bg-home::before, .bg-apply::after,.bg-apply::before{opacity:0}
.bg-home.show::after,.bg-home.show::before, .bg-apply.show::after,.bg-apply.show::before{opacity:1}
.text-logo-small.show{animation:fadeInUp;animation-duration:1s;animation-delay:0.6s;animation-fill-mode: forwards;}
body.auto .bg-home.show{animation:HeightBanner;animation-duration:2s;animation-delay:0.3s;animation-fill-mode: forwards;}
body.auto .bg-apply.show{animation:HeightBanner;animation-duration:2s;animation-delay:0.3s;animation-fill-mode: forwards;}

/* AMINATION FOOTER */
.copyright, .social, .contact-phone{opacity:0}
.footer.show .social{animation:fadeInUp;animation-duration:0.6s;  animation-delay:0s;animation-fill-mode:forwards;}
.footer.show .copyright{animation:fadeInUp;animation-duration:0.6s;  animation-delay:0.3s;animation-fill-mode:forwards;}
body.auto .footer.show .contact-phone, body:not(.auto) .footer.show .contact-phone{opacity:1}
.footer-supply::after{content:'';position:absolute;background-color:#000;width:50%;height:100%;top:0;left:0;z-index:6}
.footer-supply::before{content:'';position:absolute;background-color:#000;width:50%;height:100%;top:0;right:0;z-index:6}
.footer-supply.on-show::after{width:0%;transition:all 1.5s ease-in-out 0s;}
.footer-supply.on-show::before{width:0%;transition:all 1.5s ease-in-out 0s;}

/* AMINATION SLIDE */
.group-central .slide-buttons, .group-central .slide-pagination {opacity: 0;transition:opacity 0.3s ease-in-out;}
.show-text .slide-buttons, .show-text .slide-pagination{animation:fadeInUp;animation-duration:1.5s; animation-delay:1s;animation-fill-mode:forwards;}
.slide-pics .txt-banner {opacity: 0;right: 0;transition:all 2s cubic-bezier(.23,1,.38,1)}
.slide-pics .active .txt-banner {opacity: 1;right: 10vw;  animation-delay:1s;}

/*TILTE CONTENT*/
.title-main h2 span { opacity:0}
.title-main h2::after,  .line {transform: scale3d(0, 1, 1);transform-origin:center center}
.show-text  .title-main h2::after, .show-text .line{animation:goWidth;animation-duration: 1s;animation-delay:1.5s;animation-fill-mode:forwards;}
.show-text .title-main h2 span:nth-child(odd){animation:fadeIn;animation-duration: 2s;  animation-delay:0s;animation-fill-mode:forwards;}
.show-text .title-main h2 span:nth-child(even){animation:fadeIn;animation-duration: 2s;  animation-delay:0.6s;animation-fill-mode:forwards;}
.ani-item-box.on-show::before{ animation:goWidth;animation-duration: 1.5s; animation-delay:0s; animation-fill-mode: forwards;}

/*HOME CONTENT*/
.slide-products-hot .bg-gradient{ opacity:1}
.content-main::before{transform: scale3d(1, 0, 1);  transform-origin:top center; }
.bg-gradient,  .bg-rock, .text-content, .company-info, .map-box, .group-central[data-name="home-banner"] .bg-cover{opacity:0}
.show-text .bg-rock {animation:fadeInBgRock;animation-duration:2s;animation-delay:2.5s;animation-fill-mode:forwards;}
.show-text .company-info {animation:goRight;animation-duration:1.5s;animation-delay:0.5s;animation-fill-mode:forwards;}
.show-text .map-box {animation:goLeft;animation-duration:1.5s;animation-delay:0.5s;animation-fill-mode:forwards;}
.show-text .slide-item.active .text-content {animation:fadeInUp;animation-duration: 1.5s;animation-delay:0.5s;animation-fill-mode:forwards;}
.show-text .bg-cover{animation:fadeIn;animation-duration:3s;animation-delay:1.5s;animation-fill-mode:forwards;}
.group-central[data-name="home-contact"].show-text .bg-gradient {animation:fadeIn;animation-duration:2s;animation-delay: 1s;animation-fill-mode:forwards;}
.show-text .slide-inspiration .slide-item.active .bg-gradient {animation:fadeIn;animation-duration:2s;animation-delay: 1s;animation-fill-mode:forwards;}


/*PRODUCT HOME*/
.whole-content, .slider-buttons, .banner-canvas{opacity:0}
.show-text .slider-buttons {animation:fadeInUp;animation-duration:1s;animation-delay:0.5s;animation-fill-mode:forwards;}
.show-text .whole-content {animation:fadeInUp;animation-duration:1s;animation-delay:0s;animation-fill-mode:forwards;}
.show-text .banner-canvas {animation:fadeIn;animation-duration:2s;animation-delay:1s;animation-fill-mode:forwards;}

/*HOME NEWS*/
.item-news-home{opacity: 0}
.show-text .item-news-home{animation:fadeInUp;animation-duration:1s;animation-delay:0.5s;animation-fill-mode:forwards;}
.show-text .item-news-home:nth-child(1){animation-delay:0.3s;}
.show-text .item-news-home:nth-child(2){animation-delay:0.6s;}
.show-text .item-news-home:nth-child(3){animation-delay:0.8s;}

/*ABOUT ANIMATION*/
.pic-main::after{content:'';position:absolute;width:100%;height:100%;background-color:#000;top:0}
.introduce-about .pic-main::after,.improve-about .pic-main::after{right:0}
.value-about .pic-main::after,.factory-about .pic-main::after{left:0}
.pic-main.on-show{animation:fadeIn;animation-duration:0.5s;animation-delay:0s;animation-fill-mode:forwards;}
.pic-main.on-show::after{width:0%;transition:all 2s cubic-bezier(.23,1,.38,1) 0.3s;}
.pic-main::before,.pic-about .pic-img{opacity:0}
.pic-main.on-show::before{animation:fadeIn;animation-duration: 1s;animation-delay:1.8s;animation-fill-mode:forwards;}
.pic-main.on-show .pic-about .pic-img{animation:scaleLarge;animation-duration:2.5s;animation-delay:0s;animation-fill-mode:forwards;}
.text-wrap::before{content:'';position:absolute;width:111%;height:100%;top:0;background-color:#000;z-index:1}
.introduce-about .text-wrap::before,.improve-about .text-wrap::before{right:0}	
.value-about .text-wrap::before,.factory-about .text-wrap::before{left:-1px}	
.text-wrap.on-show::before{width:0%;transition:all 3s cubic-bezier(.23,1,.38,1) 0.3s;}
.text-wrap.on-show{animation-duration:2s}
.footer-supply.on-show .company-info{animation:fadeInUp;animation-duration:1s;animation-delay:0.5s;animation-fill-mode:forwards;}

/*ABOUT-SQUARE*/
.padding-main > span:not(.brown-light){opacity:0}
.padding-main > span:not(.brown-light).on-show{animation:goLeft;animation-duration:1.3s;animation-delay:0.5s;animation-fill-mode:forwards;}
.factory-about > span:not(.brown-light).on-show{animation:goRight;animation-duration:1.3s;animation-delay:0s;animation-fill-mode:forwards;}

/*PRODUCT PAGE*/
.brown-light, .ani-item-2{opacity:0}
.brown-light.on-show{animation:fadeIn;animation-duration:1s;animation-delay:1.8s;animation-fill-mode:forwards;}
.ani-item-2:nth-child(odd).on-show{animation:fadeInUp;animation-duration:1.3s;animation-delay:0s;animation-fill-mode:forwards;}
.ani-item-2:nth-child(even).on-show{animation:fadeInUp;animation-duration:1.3s;animation-delay:0.5s;animation-fill-mode:forwards;}
.map-box.ani-item-2{ opacity:1}
.map-box.ani-item-2.on-show{animation:none !important;}
.load-data-noload-ajax .load-text{animation:fadeInUp;animation-duration:1.5s;animation-delay:2s;animation-fill-mode:forwards;}
.load-data.show .load-text{animation:fadeInUp;animation-duration:1.5s;animation-delay:0.5s;animation-fill-mode:forwards;}
/*APPLICATION PAGE*/

/*INPIRRATION PAGE*/

/*PROJECTS PAGE*/

/*SHOWROOM PAGE*/

/*MEDIA PAGE*/
.box-news-media .item-news-home.on-show{animation:fadeIn;animation-duration:1s;animation-delay:0.3s;animation-fill-mode:forwards;}
.item-news-media::after{content:'';position:absolute;width:100%;height:100%;top:0;background-color:#000;transition:all 1s ease-in-out 0.5s;z-index:11}
.item-news-media:nth-child(odd)::after{left:0}
.item-news-media:nth-child(even)::after{right:0}
.item-news-media.on-show::after{width:0}


/*CONTACT PAGE*/
}

@media screen and (max-width: 1100px) {
.slide-products-hot .text-content{opacity:0}	
.inspiration-box.on-show{animation:fadeInUp;animation-duration:1s;animation-fill-mode: forwards;}
.text-logo-small.show{animation:fadeInUp;animation-duration:1s;animation-delay:0.6s;animation-fill-mode: forwards;}
.slide-products-hot .slide-item.active .text-content {animation:fadeInUp;animation-duration: 1s;animation-delay:0.5s;animation-fill-mode:forwards;}
}
body.stop-scrolling {height:100%; overflow: hidden;}
.sweet-overlay{ background-color: black; background-color:rgba(0, 0, 0, 0.4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 10000; }
.sweet-alert{background-color: white; width: 478px; padding: 17px; border-radius: 5px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -256px; margin-top: -200px; overflow: hidden; display: none; z-index: 99999; }
.sweet-alert h2 { color: #575757; font-size: 30px; text-align: center; font-weight: 600; text-transform: none; position: relative; margin: 25px 0; padding: 0; line-height: 40px; display: block; }
.sweet-alert p { color: #797979; font-size: 16px; text-align: center; font-weight: 300; position: relative; text-align: inherit; float: none; margin: 0; padding: 0; line-height: normal; }
.sweet-alert fieldset { border: none; position: relative; display: none; }
.sweet-alert .sa-error-container { background-color: #f1f1f1; margin-left: -17px; margin-right: -17px; overflow: hidden; padding: 0 10px; max-height: 0; transition: padding 0.15s, max-height 0.15s; }
.sweet-alert .sa-error-container.show { padding: 10px 0; max-height: 100px;  transition: padding 0.25s, max-height 0.25s; }
.sweet-alert .sa-error-container .icon { display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: #ea7d7d; color: white; line-height: 24px; text-align: center; margin-right: 3px; }
.sweet-alert .sa-error-container p { display: inline-block; }
.sweet-alert .sa-input-error { display: none !important; position: absolute; top: 29px; right: 26px; width: 20px; height: 20px; opacity: 0;transform: scale(0.5); transform-origin: 50% 50%; transition: all 0.1s; }
.sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { content: ""; width: 20px; height: 6px; background-color: #f06e57; border-radius: 3px; position: absolute; top: 50%; margin-top: -4px; left: 50%; margin-left: -9px; }
.sweet-alert .sa-input-error::before { transform: rotate(-45deg); }
.sweet-alert .sa-input-error::after { transform: rotate(45deg); }
.sweet-alert .sa-input-error.show { opacity: 1;transform: scale(1); }
.sweet-alert input { width: 100%;border-radius: 3px; border: 1px solid #d7d7d7; height: 43px; margin-top: 10px; margin-bottom: 17px; font-size: 18px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06); padding: 0 12px; display: none;  transition: all 0.3s; }
.sweet-alert input:focus { outline: none; box-shadow: 0px 0px 3px #c4e6f5; border: 1px solid #b4dbed; }
.sweet-alert input:focus::-moz-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5;}
.sweet-alert input:focus:-ms-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5;}
.sweet-alert input:focus::-webkit-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5;}
.sweet-alert input::-moz-placeholder { color: #bdbdbd;}
.sweet-alert input::-ms-clear { display: none;}
.sweet-alert input:-ms-input-placeholder { color: #bdbdbd;}
.sweet-alert input::-webkit-input-placeholder { color: #bdbdbd;}
.sweet-alert.show-input input { display: block; }
.sweet-alert .sa-confirm-button-container { display: inline-block; position: relative; }
.sweet-alert .la-ball-fall { position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: 4px; opacity: 0; visibility: hidden; }
.sweet-alert button { background-color: #8CD4F5; color: white; border: none; box-shadow: none; font-size: 17px; font-weight: 500; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0 5px; cursor: pointer; }
.sweet-alert button:focus { outline: none; box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
.sweet-alert button:hover { background-color: #7ecff4; }
.sweet-alert button:active { background-color: #5dc2f1; }
.sweet-alert button.cancel { background-color: #C1C1C1; }
.sweet-alert button.cancel:hover { background-color: #b9b9b9; }
.sweet-alert button.cancel:active { background-color: #a8a8a8; }
.sweet-alert button.cancel:focus { box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }
.sweet-alert button[disabled] { opacity: .6; cursor: default; }
.sweet-alert button.confirm[disabled] { color: transparent; }
.sweet-alert button.confirm[disabled] ~ .la-ball-fall { opacity: 1; visibility: visible; transition-delay: 0s; }
.sweet-alert button::-moz-focus-inner { border: 0;}
.sweet-alert[data-has-cancel-button=false] button { box-shadow: none !important; }
.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] { padding-bottom: 40px; }
.sweet-alert .sa-icon { width: 80px; height: 80px; border: 4px solid gray; border-radius: 40px; border-radius: 50%; margin: 20px auto; padding: 0; position: relative; box-sizing: content-box;}
.sweet-alert .sa-icon.sa-error { border-color: #F27474; }
.sweet-alert .sa-icon.sa-error .sa-x-mark { position: relative; display: block; }
.sweet-alert .sa-icon.sa-error .sa-line { position: absolute; height: 5px; width: 47px; background-color: #F27474; display: block; top: 37px; border-radius: 2px; }
.sweet-alert .sa-icon.sa-error .sa-line.sa-left { transform: rotate(45deg); left: 17px; }
.sweet-alert .sa-icon.sa-error .sa-line.sa-right { transform: rotate(-45deg); right: 16px; }
.sweet-alert .sa-icon.sa-warning { border-color: #F8BB86; }
.sweet-alert .sa-icon.sa-warning .sa-body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; border-radius: 2px; margin-left: -2px; background-color: #F8BB86; }
.sweet-alert .sa-icon.sa-warning .sa-dot { position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: #F8BB86; }
.sweet-alert .sa-icon.sa-info { border-color: #C9DAE1; }
.sweet-alert .sa-icon.sa-info::before { content:""; position: absolute; width: 5px; height: 29px; left: 50%;bottom:17px; border-radius:2px; margin-left: -2px; background-color:#C9DAE1;}
.sweet-alert .sa-icon.sa-info::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; background-color: #C9DAE1; left: 50%;}
.sweet-alert .sa-icon.sa-success { border-color: #A5DC86; }
.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { content: ''; border-radius: 40px; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: white;transform: rotate(45deg); }
.sweet-alert .sa-icon.sa-success::before {border-radius: 120px 0 0 120px; top: -7px; left: -33px; transform: rotate(-45deg);  transform-origin: 60px 60px;}
.sweet-alert .sa-icon.sa-success::after { border-radius: 0 120px 120px 0; top: -11px; left: 30px;transform: rotate(-45deg);transform-origin: 0px 60px; }
.sweet-alert .sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(165, 220, 134, 0.2); border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; }
.sweet-alert .sa-icon.sa-success .sa-fix { width: 5px; height: 90px; background-color: white; position: absolute; left: 28px; top: 8px; z-index: 1;transform: rotate(-45deg); }
.sweet-alert .sa-icon.sa-success .sa-line { height: 5px; background-color: #A5DC86; display: block; border-radius: 2px; position: absolute; z-index: 2; }
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip { width: 25px; left: 14px; top: 46px;transform: rotate(45deg); }
.sweet-alert .sa-icon.sa-success .sa-line.sa-long { width: 47px; right: 8px; top: 38px;transform: rotate(-45deg); }
.sweet-alert .sa-icon.sa-custom { background-size: contain; border-radius: 0; border: none; background-position: center center; background-repeat: no-repeat; }
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {transform: rotate(45deg); }
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {transform: rotate(-45deg); }
.sweet-alert .sa-icon.sa-success { border-color: transparent; }
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {transform: rotate(45deg); }
.sweet-alert .sa-icon.sa-success .sa-line.sa-long { transform: rotate(-45deg); }
.la-ball-fall, .la-ball-fall > div { position: relative; }
.la-ball-fall { display: block; font-size: 0; color: #fff; }
.la-ball-fall.la-dark { color: #333; }
.la-ball-fall > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; }
.la-ball-fall { width: 54px; height: 18px; }
.la-ball-fall > div { width: 10px; height: 10px; margin: 4px; border-radius: 100%; opacity: 0; animation: ball-fall 1s ease-in-out infinite; }
.la-ball-fall > div:nth-child(1) { animation-delay: -200ms; }
.la-ball-fall > div:nth-child(2) { animation-delay: -100ms; }
.la-ball-fall > div:nth-child(3) {animation-delay: 0ms; }
.la-ball-fall.la-sm { width: 26px; height: 8px; }
.la-ball-fall.la-sm > div { width: 4px; height: 4px; margin: 2px; }
.la-ball-fall.la-2x { width: 108px; height: 36px; }
.la-ball-fall.la-2x > div { width: 20px; height: 20px; margin: 8px; }
.la-ball-fall.la-3x { width: 162px; height: 54px; }
.la-ball-fall.la-3x > div { width: 30px; height: 30px; margin: 12px; }

@media all and (max-width: 540px) {
.sweet-alert { width: auto; margin-left: 0; margin-right: 0; left: 15px; right: 15px; }
}

/** Animations*/
.showSweetAlert[data-animation=pop] {animation:showSweetAlert 0.3s;}
.showSweetAlert[data-animation=none] {animation:none;}
.showSweetAlert[data-animation=slide-from-top] {animation: slideFromTop 0.3s;}
.showSweetAlert[data-animation=slide-from-bottom] {animation: slideFromBottom 0.3s;}
.hideSweetAlert[data-animation=pop] {animation: hideSweetAlert 0.2s;}
.hideSweetAlert[data-animation=none] {animation: none; }
.hideSweetAlert[data-animation=slide-from-top] {animation:slideToTop 0.4s;}
.hideSweetAlert[data-animation=slide-from-bottom] {animation:slideToBottom 0.3s;}
.animateSuccessTip {animation: animateSuccessTip 0.75s;}
.animateSuccessLong {animation: animateSuccessLong 0.75s;}
.sa-icon.sa-success.animate::after {animation: rotatePlaceholder 4.25s ease-in;}
.animateErrorIcon {animation: animateErrorIcon 0.5s;}
.animateXMark {animation: animateXMark 0.5s;}
.pulseWarning {animation: pulseWarning 0.75s infinite alternate;}
.pulseWarningIns {animation: pulseWarningIns 0.75s infinite alternate;}

@keyframes showSweetAlert {  
0% {transform: scale(0.7);}
45% {transform: scale(1.05);}
80% {transform: scale(0.95);}
100% {transform: scale(1);}
}

@keyframes hideSweetAlert {  
0% {transform: scale(1);}
100% {transform: scale(0.5);}
}

@keyframes slideFromTop {  
0% {top: 0%;}
100% {top: 50%;}
}

@keyframes slideToTop { 
0% {top: 50%;}
100% {top: 0%;}
}

@keyframes slideFromBottom {  
0% {top: 70%;}
100% {top: 50%;}
}

@keyframes slideToBottom {  
0% {top: 50%;}
100% {top: 70%;}
}

@keyframes animateSuccessTip { 
0% {width: 0;left: 1px;top: 19px;}
54% {width: 0;left: 1px;top: 19px;}
70% {width: 50px;left: -8px;top: 37px;}
84% {width: 17px;left: 21px;top: 48px;}
100% {width: 25px;left: 14px;top: 45px;}
}

@keyframes animateSuccessLong { 
0% {width: 0;right: 46px;top: 54px;}
65% {width: 0;right: 46px;top: 54px;}
84% {width: 55px;right: 0px;top: 35px;}
100% {width: 47px;right: 8px;top: 38px;}
}

@keyframes rotatePlaceholder {  
0% {transform: rotate(-45deg);}
5% {transform: rotate(-45deg);}
12% {transform: rotate(-405deg);}
100% {transform: rotate(-405deg);}
}

@keyframes animateErrorIcon {  
0% {transform: rotateX(100deg);opacity: 0;}
100% {transform: rotateX(0deg);opacity: 1;}
}

@keyframes animateXMark {  
0% {transform: scale(0.4);margin-top: 26px;opacity: 0;}
50% {transform: scale(0.4);margin-top: 26px;opacity: 0;}
80% {transform: scale(1.15);margin-top: -6px;}
100% {transform: scale(1);margin-top: 0;opacity: 1;}
}

@keyframes pulseWarning {  
0% {border-color: #F8D486;}
100% {border-color: #F8BB86;}
}

@keyframes pulseWarningIns {  
0% {background-color: #F8D486;}
100% {background-color: #F8BB86;}
}

@keyframes rotate-loading {  
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}

@keyframes ball-fall {  
0% {opacity: 0;transform: translateY(-145%);}
10% {opacity: 0.5;}
20% {opacity: 1;transform: translateY(0);}
80% {opacity: 1;transform: translateY(0);}
90% {opacity: 0.5;}
100% {opacity: 0;transform: translateY(145%);}
}