/* Copyright 2018 by 3graphic.com */
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,300,500,700&subset=vietnamese');

/*RESET*/
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;width:100%;margin:0;padding: 0;scrollbar-color: inherit;  scrollbar-width: thin;}
body{background-color:#fff; width:100%; height:100%; margin:0;padding: 0; font-family: Arial, Helvetica, sans-serif, 'Montserrat', sans-serif;line-height: 1;overflow: hidden;}
body.auto{overflow-y:auto;scrollbar-color: inherit;   scrollbar-width: thin;}
body.auto .footer{ text-align:center}
/*SCROLL*/
::-webkit-scrollbar { width: 8px;}
::-webkit-scrollbar-track { background-color:#f1f1f1;}
::-webkit-scrollbar-thumb {background-color: #aaa;}
::-webkit-scrollbar-thumb:hover {background-color: #666;}

blockquote::before, blockquote::after, q::before, q::after{content:'';content:none;}
:focus{outline:0;	border:none}
strong{text-decoration:none;font-weight:700; 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:hidden;}
.nicescroll-rails{cursor:pointer !important;}
h1, h2, h3, h4, h5, h6{font-family:'Montserrat', sans-serif;font-weight:400; line-height:1.4}
a{text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:400}
p{text-decoration:none;font-size:100%;-webkit-text-size-adjust:none; font-family:Arial, Helvetica, sans-serif;line-height:1.6; font-weight:400;font-size: 16px;}
ol, ul{list-style:none;font-family:Arial, Helvetica, sans-serif;font-size: 16px}
blockquote, q{	quotes:none;font-family:'Montserrat', sans-serif;}
mark{text-decoration:none;font-weight:300;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;font-weight:300;position:relative}
cite, em, i{text-decoration:none;font-weight:400;font-family:Arial, Helvetica, sans-serif;line-height:1.6;vertical-align:baseline;}
div{font-family:'Montserrat', sans-serif;}
table {font-family:Arial, Helvetica, sans-serif;}
button, textarea, input, select {font-family:Arial, Helvetica, sans-serif;}
.successMsg h3{ margin-top: 25px;display: block; text-align: center;font: bold 15px arial;color: green;}

/*LOAD*/
.loadx{background:url(../images/cycle.png) no-repeat center center;position:fixed;top:50%;left:50%;width:82px;height:82px;margin:-41px 0 0 -41px;-webkit-border-radius:50%;border-radius:50%;-webkit-animation:Rotate 1.5s linear infinite;animation:Rotate 1.5s linear infinite;z-index:110000;}
.loadicon{position:fixed;top:50%; left:50%; width:400px; height:60px;margin:-26px 0 0 -200px; z-index:110000;}
.load-present{position:absolute;width:100%;height:100%;left:0;top:0}
.loadicon.show .stroke-line{-webkit-transition:  all 0.5s ease;transition: all 0.5s ease; fill-opacity:1;stroke-opacity:0}
.stroke-line{fill-opacity:0;stroke:#bcb6af;stroke-miterlimit:10;stroke-width:2; stroke-dasharray:700; stroke-dashoffset:700; }
.loader .stroke-line{ -webkit-animation-name: DrawStroke; animation-name: DrawStroke; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal; animation-direction:normal;-webkit-animation-timing-function: linear;  animation-timing-function: linear; }
.loader .stroke-line-1 {-webkit-animation-delay:0.2s;  animation-delay:0.2s;}
.is-IE .stroke-line{ stroke-dasharray:700; stroke-dashoffset:0; }

/*LAYOUT*/
.header {position: fixed;width: 100%;top: 0px;left: 0px;z-index: 999;height: 77px;}
.header::before {content: ' ';position: absolute;top:0px;left: 0px;width: 100%;height: 77px;background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 60%);background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 60%);z-index: 1;-webkit-box-shadow: -1000px -28px 46px 42px rgba(0,0,0,0.1);}
.logo{position:absolute;left: 40px;top: 18px;width: 210px;height: 45px;background:url(../images/logo.svg) no-repeat center left / contain;z-index: 10;}
.right-header { width:auto; height:auto; position:absolute; right:30px; top:20px; text-align:right; z-index:150 }
.link-home {display: inline-block;vertical-align: top;width: 38px;height: 38px;border-radius: 50%;text-align: center;padding:7px 0 0 0;}
.link-home a {color: #fff}
.link-home svg {display: inline-block;width: 20px}
.link-home.current {background-color: #98272b;}
.link-home.current a {color: #fff}
.cart-shopping {display: inline-block;vertical-align: top;position: relative;margin: 0 15px;color: #fff}
.cart-shopping svg {display: inline-block;width: 37px}
.cart-text{position:absolute;right: -5px;opacity:0;top: -5px;width:24px;height:24px;-webkit-border-radius:50%;border-radius:50%;font-weight:700;font-size:12px;color:#fff;text-align:center;line-height:24px;}
.cart-text.color{background-color:#98272b;opacity: 1}
.slogan {position: absolute;left: 350px;top: 12px;background:url(../images/slogan.png) no-repeat;width: 227px;height: 56px;z-index: 3}

.bg-header {position: absolute;left: 300px;height: 77px;overflow: hidden;opacity: 0.5;z-index: 2}
.scene {width: 400px;margin-top: -117px;}
.scene path:first-child {fill: #c5c5c5;}
.scene path:nth-child(2) {fill: #b5b5b5;}
.scene path:nth-child(3) {fill: #9e9e9e;}


/* NAVIGATION */
.navigation {position: fixed;top: 0;left: 0px;width: 100%;height: 100%;text-align: center;padding-top: 100px;display: none;}
.navigation.show {display: block;}
.navigation .row-nav {display: block;position: relative;height: auto;width: 90%;max-height: none;margin:0 auto;}
.col-nav {display: inline-block;vertical-align: top;width: calc(25% - 6px);margin: 0 -1px}
.box-menu {padding: 30px;text-align: left;background-color: rgba(0,0,0,0.7);margin: 1px 0}
.box-menu h3 {font-size: 22px;text-transform: uppercase;margin-bottom: 1.3vh;}
.box-menu h3 a {color: #ff0009;font-weight: 500}
.box-menu li a {color: #fff;padding: 0.6vh 0;display: block;text-transform: uppercase;font-weight: 500;font-size: 14px;line-height: 1.5}
.box-menu .current {color: #ff454c}
.box-menu li.current a {color: #ff454c}
.box-menu ul ul {padding-left: 20px}
.box-menu ul ul li a {font-weight: 300;font-size: 13px}
.col-nav:nth-child(1) .box-menu {height: calc(84vh + 1px)}
.col-nav:nth-child(2) .box-menu {height: 42vh}
.col-nav:nth-child(3) .box-menu {height: 42vh}
.col-nav:nth-child(4) .box-menu:nth-child(1) {height: 42vh}
.col-nav:nth-child(4) .box-menu:nth-child(2) {height: calc(42vh - 90px)}
.col-nav:nth-child(4) .box-menu:last-child {height: auto;}
.col-nav:nth-child(4) .box-menu:last-child h3 {margin: 1px 0 0 0}
.bg-nav {transform: translate(-50%,-50%);top: 50%;left: 50%; -webkit-border-radius: 50%;border-radius: 50%;width: 200px;height:200px;position:fixed; background-position: center center; background-repeat: no-repeat; background-size: cover;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;opacity: 0;pointer-events: none;}
.bg-nav.show {width: 100%;height: 100%;border-radius: 0;opacity: 1;pointer-events: inherit;}
.navigation .nicescroll-rails {margin-left: 10px}
.col-nav:nth-child(1) .scrollA {height: calc(84vh - 100px)}
.col-nav:nth-child(2) .scrollA, .col-nav:nth-child(3) .scrollA {height: calc(42vh - 80px)}
.col-nav:nth-child(4) .box-menu:nth-child(1) .scrollA {height: calc(42vh - 80px)}
.col-nav:nth-child(4) .box-menu:nth-child(2) .scrollA {height: calc(42vh - 170px)}

/*CONTAINER*/
.container{position:relative;width:100%; min-height:100vh;opacity:0; display:block;z-index: 1;background:url(../images/pattern.jpg);overflow: hidden;}
section{width:100%; height: auto; position: relative;display: block;margin: 0; padding:0}
.content-page, .content-home{ background-color:#ececec;background-position: center  center; background-repeat: no-repeat; background-size:cover;  z-index:2 }
.content-table{position:relative;display:block;width:100%;height:auto; margin:0;padding:0;-webkit-animation-duration: 0.3s;animation-duration: 0.3s;}
.wrap-content {position: relative;display: block;width: 90%;max-width: 1100px;margin: auto;height: auto;z-index: 10}
.section-first {z-index: 1}
.section-page .banner-home::before {background: -webkit-linear-gradient(-44deg, rgba(0, 127, 199, 0.7) 0%, rgba(178,149,121, 0.7) 60%);background: linear-gradient(-44deg, rgba(0, 127, 199, 0.7) 0%, rgba(178,149,121, 0.7) 60%);}
.section-page::before {content: ' ';position: absolute;top: 0px;left: 0px;height: 143px;width: 100%;background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 50%);background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 50%);z-index: 1;}

/*NAV CLICK*/
.nav-click{position:relative;display: inline-block;vertical-align: top;width: 40px;height: 40px;cursor:pointer;z-index:100;}
.nav-click::after {content:"MENU"; position: absolute;top: 0px;left: 7px;font-size: 10px;text-transform: uppercase;color: #fff}
.nav-click::before {content: ' ';position: absolute;top: -30px;right: -30px;width: 0px;height: 0px;opacity: 0; -webkit-border-radius: 50%; border-radius: 50%; background-color: #98272b;-webkit-transition:all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.nav-click span {content: '';position:absolute;top: 16px;left: 0px;background-color: #ffffff;width: 35px;height:2px;pointer-events:none;-webkit-transition:all 150ms ease-in-out;transition: all 150ms ease-in-out;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.nav-click span:nth-child(1) {left: 5px}
.nav-click span:nth-child(2) {top: 23px;width: 40px;}
.nav-click span:nth-child(3) {top: 30px;width: 40px;}
.nav-click.active span:nth-child(1) {width: 70%;left: 34%;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);top: 43%;}
.nav-click.active span:nth-child(3) {width: 70%;left: 32%;-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);top: 42%;}
.nav-click.active span:nth-child(2), .nav-click.active::after {opacity: 0}
.nav-click.active::before {width: 90px;height: 87px;opacity: 1;border-radius: 0}

/*LANGUAGE*/
.language{position:relative;display:inline-block;vertical-align:middle;margin: 0 30px 0 15px;vertical-align: middle;z-index: 12;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.language li{position:relative;display: inline-block;margin:0;}
.language li a{display:block;width:100%;height:100%;font-size:14px;line-height:38px;font-weight:700;color:#fff;text-align:center;text-transform:uppercase;-webkit-border-radius:50%;border-radius:50%;width:38px;height:38px;border: 1px solid #fff}
.language li.active{display:none}


/*SEARCH*/
.seach-top {position: relative;display: inline-block;height: auto;vertical-align: middle;z-index: 12}
.search-but{position:relative;display:inline-block;vertical-align:middle;margin:0;width:38px;height:38px;color:#fff;}
.search-but svg{width:80%;height:80%; margin:11%;position: relative;z-index: 10}
.search-form{position:absolute;right:-7px;top: -5px;display:block;width:0;height: 49px;background-color: #98272b;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;pointer-events:none;z-index: 9;border-radius: 40px;}
.form-row-search{position:relative;width:100%;height:100%;}
.form-row-search input[type="text"]{border:0px;font-size:16px;font-weight:400;color: #fff;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: 400px;pointer-events:auto;}
.search-but.active{color: #fff;}

.thongtindangduoccapnhat{ text-align: center; font-size: 18px;}
/*SEARCH RESULT*/
#search-page .content-text{background:none;box-shadow:none;padding:0;}
#search-page .slide-award .slide-item, #search-page .content-picture, #search-page .content-text p{opacity:1 !important}
.search-content{background-color:#fff;z-index:1}
.search-content .title{padding:0 0 20px 0}
.search-content h2{font-size:36px}
.search-result{position:relative;display:block;width:90%;max-width:1000px;height:auto;margin:0 auto;padding:50px 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:#676767}
.item-search:nth-child(even) a{background-color:#788892}
.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;-webkit-border-radius:50%;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:#44484d}
.item-search:nth-child(even)::before{background-color:#676767}
.item-search h3{font-size:15px;font-weight:700;color:#fff}
.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}
.text-btn-search{ color: #3c3c3c!important}

/*MASK*/
body::before {content:' '; position: fixed;width: 100%;height: 100%;top: 0;right: 0;background: #fff;z-index: 9999}
body.show::before {-webkit-animation: revealer 0.6s cubic-bezier(0.7, 0, 0.3, 1) forwards;animation: revealer 0.6s cubic-bezier(0.7, 0, 0.3, 1) forwards;}
body.show-page::before {-webkit-animation: revealer1 0.6s cubic-bezier(0.7, 0, 0.3, 1) forwards;animation: revealer1 0.6s cubic-bezier(0.7, 0, 0.3, 1) forwards;}


/*CAPTCHA*/
.captcha{width: 300px;height:auto;display:inline-block;vertical-align:top;position:relative;transform: scale(0.8,0.8);margin: -8px;position: relative;}
.g-recaptcha{width:100%;height:auto;display:inline-block;position:relative;margin:0;}
.g-recaptcha > div{width:100% !important;height:auto !important;}


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


/*BACKGROUND*/
.bg-cover { width: 100%; height: 100%; position:absolute; left:0; top:0; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.box-cover{ width: 100%; position: relative;height:calc(1120/2000 * 100vw); max-height:400px;background-position: center center; background-repeat: no-repeat; background-size: cover; display:none}
.bg-screen { z-index: 1; }
.overlay-dark{background-color:rgba(0,0,0,0.8); height:0;width:100%;position:fixed;left:0;bottom:0;overflow:hidden;-ms-touch-action:none;-webkit-touch-callout:none;-webkit-transition: height 0.8s ease-in-out;transition:height 0.8s ease-in-out;z-index:1500;}
.overlay-dark.show, .overlay-dark.level-index-in{height:100%}
.bg-color{ position:relative; display:block;width:100%; height:auto; background-color:#788892; padding:15vh 0;  margin:-30vh 0 0 0; z-index:-1}
.bg-fixed {background-attachment: fixed; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.is-IE .bg-fixed::after{ display:none}


/*SUB-NAV BOX-NAV*/
.box-nav{width: 50px; height: auto; position: absolute; right: 30px; top: 50%; padding: 10px 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 4 }
.box-nav ul { width: 100%; height: auto; position: relative; text-align: center; list-style: none }
.box-nav li { position: relative; display: inline-block; vertical-align: top; height: auto; margin: 0; margin: 5px 0px; }
.box-nav li a { display: block; font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 18px; color: #fff; text-transform: uppercase; line-height: 35px; text-align: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: 1px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; width: 35px; height: 35px; text-align: center; }
.box-nav li span { font-weight: 400; font-size: 11px; line-height: 1; color: #fff; background-color: #af1e23; text-transform: uppercase; text-align:right; white-space: nowrap; padding: 8px; position: absolute; display: inline-block; top: 50%; right: 50px; margin: -16px 0 0 0; opacity: 0; visibility: hidden; -webkit-transform: translate3d(100px, 0, 0) scale3d(0, 1, 1); transform: translate3d(100px, 0, 0) scale3d(0, 1, 1); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-border-radius: 8px; border-radius: 8px; }
.box-nav li span::after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 8px 0 8px 10px; border-color: transparent transparent transparent #af1e23; right: -9px; top: 50%; margin: -9px 0 0 0; }
.box-nav li.current a { color: #af1e23; border-color: #af1e23; pointer-events: none; }
.box-nav li.current a::after { width: 100%; }
.box-nav li:not(.current):hover a { color: #af1e23; border-color: #af1e23; }
.box-nav li:not(.current):hover a::after{ width: 100%; }

/*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: -moz-none; -ms-user-select: none;  z-index: 1 }
.group-central{ width: 100%; height: 100vh; position: absolute; left: 0; top: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate(0px, 100%); transform: translate(0px, 100%); overflow: hidden;}
.full-central { width: 100%; height: 100vh; position: absolute; left: 0; top: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden;}
.group-central.show-text { z-index: 1 }
.group-central:first-child { -webkit-transform: translateY(0%); transform: translateY(0%); }
.content-main { width:100%; height: 100%; position: absolute; left:auto; top:auto; text-align:center; overflow:hidden;z-index: 2;padding: 30px 0 0 0}
.content-main::before, .content-main::after{content:''; display:inline-block; height:100%; vertical-align:middle}
.container-main {position: relative;width: 85%;max-width: 1200px;margin: auto;display: inline-block;vertical-align: middle;z-index: 5}

/*SUB MENU*/
.outer-nav{position:absolute;display:block;width:100%;padding:0;z-index:7;margin: -19px 0 0 0;overflow: hidden;}
.outer-nav.second{top:0; left:0;position:fixed; opacity:0; pointer-events:none;background-color:rgba(0,0,0,0.6); -webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out; z-index: 99;box-shadow: 0 10px 30px rgba(0,0,0,0.3);backface-visibility: hidden;top: -300px;padding:5px 0;border-bottom: 0;}
.sub-nav{position:relative;display:block;width:100%;height:auto;margin:0 auto;text-align:center;backface-visibility: hidden;}
.sub-nav ul{position:relative;display:inline-block;width:auto;height:auto;white-space:nowrap;font-size:0;}
.sub-nav li{position:relative;display:inline-block;width:auto;height:auto;vertical-align:middle;margin: 0px -1px 0 0}
.sub-nav li a{font-family:'Montserrat', sans-serif;display:block;padding:15px 20px;text-transform:uppercase;vertical-align:top;margin:0 1px;font-weight:500;font-size:14px;color:#000;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;color: #fff;background-color: #a4a4a4;}
.sub-nav li.current a{background-color: #98282c;color: #fff;}
.sub-nav li.current::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
.outer-nav.second.fixed {top: 95px;opacity: 1; pointer-events:inherit;}
.outer-nav.second.fixed .sub-nav li a {padding: 10px 15px;font-size: 12px}
.outer-nav.second .sub-nav li a {color: #fff}


/*DETAILS CONTENT*/
.details-content{position:fixed;width:100%;height:100%;opacity:0;z-index:3000;text-align:center;overflow-x:hidden;top: 0px}
.details-content::before,.details-content::after{content:'';position:relative;display:inline-block;width:auto;height:100%;vertical-align:middle}
.details-content > span{width:100%;height:100%; position:fixed; left:0; top:0;z-index:1}
.details-center{font-family:'Lato',sans-serif; position:relative;display:inline-block;width:90%;height:100vh;vertical-align:middle;max-width:1000px;margin:0 auto;padding:0;margin:0 auto; z-index:5;background-color:#fff}
.details-center h2{font-family:'Lato',sans-serif;color:#98272b;font-size:24px;font-weight:700;line-height:1.4; text-align:center;text-transform:uppercase; display:block; margin:0 0 20px 0}
.details-outer{position:relative; width:100%;height:auto; margin:0; padding:30px 50px 50px 50px;background-color:#fff}
.details-text{position:relative;width:100%;height:auto;padding:30px 0;display:block;border-bottom:1px dotted #404040;border-top:1px dotted #404040;font-size:15px;line-height:1.4;color:#404040;text-align:left}
.details-text h3{margin-bottom:5px;font-family:'Lato',sans-serif;font-size:18px;font-weight:700;color:#404040;text-transform:uppercase}
.details-text h3 strong{font-weight:700}
.details-text p{margin-bottom:15px;font-size:15px;line-height:1.6}
.details-text p strong{font-weight:700;}
.details-text img,.details-text p img{display:block;width:auto;height:auto;max-width:100%;margin:0 auto; border:10px solid rgba(255,255,255,0.5);-webkit-border-radius:30px;border-radius:30px;}
.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 table{display:inline-block;width:auto;max-width:100%;border-spacing:1px;border-spacing:1px;margin:20px auto;table-layout:fixed;}
.details-text table th,.details-text table td{padding:10px 10px 12px 10px;font-size:inherit;font-weight:inherit;font-family:inherit;color:inherit;line-height:1.2;-webkit-border-radius:5px;border-radius:5px;}
.details-text table tbody:only-child tr:first-child td,.details-text table thead th ,.details-text table thead td{background-color:rgba(0,0,0,0.3);color:#fff;font-size:15px;text-align:center}
.details-center{opacity:0}
.download-but{position:relative;display:block;width:100%;height:auto;background-color:#fff;padding:0 0 80px 0;text-align:center}
.download-but a{position:relative;display:inline-block;color:#fff;padding:20px 80px 20px 30px;background-color:#98272b;text-align:left;-webkit-border-radius:25px;border-radius:25px;-webkit-transition:all 0.3s ease-in-out;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);-webkit-border-radius:30px;border-radius:30px;border:1px solid #98272b;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.download-but a::after{content:'';width:40px;height:40px;position:absolute;right:20px;top:50%;margin-top:-20px;background:url(../images/select1.png) no-repeat center center;background-color:rgba(0,0,0,0.5);-webkit-border-radius:50%;border-radius:50%;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.details-center .download-but span{font-family:'Lato',sans-serif;font-size:20px;font-weight:300;}
.details-center .download-but h3{margin-top:5px;font-family:'Lato',sans-serif;font-size:36px;font-weight:700;}
.download-but a:hover{background-color:#999898}
.download-but a:hover::before{border:11px solid #999898;}
.download-but a:hover::after{background-color:#5f5f5f}



/*ZOOM PIC*/
.all-pics{height:100%; width:100%; overflow:hidden;  position:fixed; left:0; top:0; z-index:4000; display:none;}
.all-pics.show{ display:block}
.all-pics .text-length{width:100%; height:auto;position:absolute; left:0; top:10px; text-align:center; opacity:0; z-index:9998;}
.all-pics .text-length h3{font-family: 'Play', sans-serif; font-weight:400; font-size:15px; color:#fff; line-height:1.4; position:relative;text-align:center;padding:10px 20px;  text-transform:uppercase;display:inline-block; background-color:rgba(0,0,0,0.2)}
.full {position:relative;width:100vw; height:100vh;  overflow:hidden; display:block}
.full img {width:auto; max-width:80%; height:auto;outline:none;border:none; margin:0 auto; display:block; opacity:0; position:relative;cursor: url(../images/openhand.png) 6 8, move;  z-index:5}
.full span{width:100vw; height:100vh; position:absolute; left:0; top:0;/* cursor:pointer; */z-index:1}
.dragscroll{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: -moz-none;-ms-user-select: none;}
.pinch-zoom-container{width:100%; height:100%; position:relative; display:block; margin:0 }
.pinch-zoom{width:100%; left:0; top:0; text-align:center}
.pinch-zoom::before { content:""; display:inline-block; vertical-align: middle; height: 100%;}
.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 }


/*PRINT SHARE*/
.print{ position:relative; display:block;width:100%; height:auto;padding:20px 5%;text-align:center;background-color: #98272b;}
.print-box{position:relative;display:inline-block;width:auto;height:auto; margin:0}
.print-box a {color: #fff}
.save-but, .print-but, .share-but{padding:0 20px 0 10px; display:inline-block; vertical-align:middle;width:auto;font-size:12px;text-transform:uppercase;color:#fff;-webkit-border-radius:30px;border-radius:30px;z-index:1}
.save-but::before{ content:''; position:relative; display:inline-block; vertical-align:middle; width:40px; height:40px; background:url(../images/favorite.svg) no-repeat 50% / 80%;}
.print-but::before{ content:''; position:relative; display:inline-block; vertical-align:middle; width:40px; height:40px; background:url(../images/print.svg) no-repeat 50% / 80%;}
.share-but::before{ content:''; position:relative; display:inline-block; vertical-align:middle; width:40px; height:40px; background:url(../images/share.svg) no-repeat 50% / 80%;}
.share-item{position:absolute;right:-100%; bottom:0px;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;-webkit-border-radius:50%;border-radius:50%;border:1px solid #aaa;background-color: #fff; -webkit-transition:all 0.3s cubic-bezier(.44,.39,.34,1.03);transition:all 0.3s cubic-bezier(.44,.39,.34,1.03);-webkit-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1); -webkit-transform-origin:left top; transform-origin:left top; left:-40px; opacity:0}
.share-item li a{display:block;width:100%;height:100%;font-size:0;text-indent:-9999px;}
.share-item li a::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;}
.share-item li a::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;}
.item-intergram::before{background:url(../images/intergram-grey.svg) no-repeat 50% / 70%;}
.item-intergram::after{background:url(../images/intergram-blue.svg) no-repeat 50% / 70%;}
.item-facebook::before{background:url(../images/facebook-grey.svg) no-repeat 50% / 70%;}
.item-facebook::after{background:url(../images/facebook-blue.svg) no-repeat 50% / 70%;}
.item-linkedin::before{background:url(../images/linkedin-grey.svg) no-repeat  50% / 70%;}
.item-linkedin::after{background:url(../images/linkedin-blue.svg) no-repeat 50% / 70%;}
.share-but.active + .share-item li{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);left:0; opacity:1}
.share-but.active + .share-item li:nth-child(2){ -webkit-transition-delay:0.2s ;transition-delay:0.2s;}
.share-but.active + .share-item li:nth-child(3){-webkit-transition-delay:0.4s ;transition-delay:0.4s;}


/*TITLE*/
.title-page{position:absolute;height:auto;left: 0;bottom: 0;text-align: center;pointer-events:none;z-index:5;padding: 15px 10px 30px 10px;width: 100%;}
.title-page::before {content: ' ';background-color: rgba(0, 0, 0,0.3);position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.title-page h1{position:relative;display:inline-block;font-weight:400;font-size: 40px;color:#fff;text-shadow:1px 0px 0px rgba(0,0,0,0.4);text-transform:uppercase;text-align:center;}
.title-page h1 > span{ display:block}
.title-page h1 > span > span {-webkit-transition:opacity 800ms ease ;transition:opacity 800ms ease;opacity:0}
.title-page h1 > span > span.move{opacity:1;}
.title-page h1::before, .title-page h1::after{content:''; position:absolute; width:212px; height:100%; display:block; left:50%; margin:0 0 0 -106px}
.title-page h1.show::after{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.title-page h1.show::before{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}


/*SELECT LIST*/
.select-list{position:relative;display:block;width:100%;height:64px;z-index:20;margin: 2px 0}
.select-header{position:relative;display:block;width:100%;height:auto;background-color:#fff;cursor:pointer;border:1px solid #a1a1a1}
.select-header .but{position:absolute;right:0;top:0;display:block;width:40px;height:64px;background:url(../images/select.png) no-repeat center center;z-index:1;}
.select-header h3{font-family: Arial, Helvetica, sans-serif;display:block;padding:0 40px 0 20px;font-weight:300;font-size:18px;color:#464646;line-height:64px;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.select-box{position:absolute;top:64px;left:0;display:none;width:100%;height:auto; overflow:hidden;z-index:99999;}
.select-box ul{position:relative;display:block;width:100%;height:auto;text-align:center;font-size:0;overflow: hidden;border:1px solid #a1a1a1;}
.select-box li{position:relative;display:block;width:100%;height:auto;margin:0;background-color:#fff; border-bottom:1px solid #eee;cursor:pointer;}
.select-box li:last-child {border: none;}
.select-box li a{display:block;width:100%;height:auto;}
.select-box li h3{display:block;padding:10px 40px 10px 20px;font-size:18px;line-height:1.4;font-weight:300;color:#000;text-align:left;font-family: Arial, Helvetica, sans-serif;}
.select-box li.selected{background-color:#98272b;}
.select-box li.selected::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;}
.select-box li.selected h3 {color: #fff}
.select-box .scrollC {height: 230px;max-height: none;}
.select-box .nicescroll-rails {margin: 0}

/*SOCIAL*/
.social ul { width: 100%; height: auto; display: block; list-style: none }
.social li {position: relative;height: auto;display: inline-block;vertical-align: middle;margin: 0 -2px;}
.social li a { display: block;text-indent: -9999999px; }

/* FOOTER */
.footer-full {position: absolute;bottom: 20px;left: 30px;color: #fff;display: block;z-index: 10}
.social {display: inline-block;vertical-align: middle;margin-right: 30px}
.social li a {color: #fff;display: inline-block;}
.social li a svg {width: 42px}
.copyright {display: inline-block;vertical-align: middle;text-transform: uppercase;font-size: 12px}
.copyright a {color: #ddd;font-weight: 500; display:none}
.footer-page {position: relative;display: block;width: 100%;height: auto;padding: 20px 40px;background-color: #98272b;opacity: 1 !important;color: #ddd}

/*BANNER HOME*/
.slide-pics {width:100%;height:auto; position:relative; display:block; margin:0;  background-color:#a3a3a3}
.banner-home, .banner-inner{width:100%; height:auto; position: relative; display:block; overflow:hidden;}
.is-IE .banner-home::after, .is-Edge .banner-home::after {display: none;}
.bg-home{ position: relative;width: 100%; height: 100vh; display:block;background-position: center center;  background-repeat: no-repeat;background-size:cover; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.bg-inner{ position:relative; width:100%; height:calc(100vh - 170px); display:block;background-position: center  center; background-repeat: no-repeat; background-size:cover; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.slide-pics .slide-controls { position: absolute; bottom: 100px;  left:50%;  max-width:200px; margin:0 0 0 -100px;}
.slide-pics .slide-pagination { position: absolute; bottom:40px}
.text-banner {position: absolute;display: block;bottom:70px;left: 20px;z-index: 10;}
.description {position: relative;text-align: left;width: 400px;height: 350px;padding: 70px 0px 70px 96px;color: #fff;}
.description::before {content: ' ';position: absolute;top: 0px;left: 30px;width: 100%;height: 100%;background-color: rgba(0,0,0,0.2);}
.description::after {content: ' ';position: absolute;bottom: 0px;right: -68px;width: 79%;height: 83%;background-color: rgba(0,0,0,0.2);}
.description p {font-weight: 300;font-size: 18px; margin:0;font-style: italic;position: relative;}
.description p::before {content: ' ';position: absolute;top: 0px;left: -46px;width: 34px;height: 26px;background: url(../images/qoute.png) no-repeat center center / contain;}
.description h2 {font-size: 30px;line-height: 1.4;text-transform: uppercase;}
.description h2 strong {font-weight: 700;display: block;}
.txt-description {position: relative;width: 100%;height: auto;z-index: 10}

/*INPUT*/
form{width:100%; height:auto;}
.input-text{position:relative;display:block;width:100%;height:auto;margin-bottom:10px;}
input[type="text"], input[type="password"]{width:100%;height:57px;position:relative;display:block;font-size:18px;color:#464646;background-color:#fff;font-weight:300;line-height:57px;padding:0 20px;outline:none;border:1px solid #a1a1a1;-webkit-appearance:none;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
input[type="text"]:focus, input[type="password"]:focus{opacity:1}
input[type="checkbox"]{ opacity:0;position:absolute;width:24px;height:24px; right:20px; top:50%; margin:-12px 0 0 0}
.select-box li label {width:24px;height:24px; cursor: pointer;background-color: #fff; -webkit-border-radius:5px; border-radius:5px;position:absolute; right:20px; top:50%; margin:-12px 0 0 0}
.select-box li label::after { content: ''; width: 15px; height: 10px; position: absolute; top: 4px; left: 4px; border: 3px solid #333; border-top: none; border-right: none; background: transparent; opacity: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.select-box li input[type="checkbox"]:checked + label::after {opacity:1;}
textarea{width:100%;height:130px; padding:10px 20px; border-radius: 30px;-webkit-border-radius: 30px;border:none;font-size:18px;background-color:rgba(38,96,06,0.7);font-weight:300;outline:none;border:1px solid #a1a1a1;line-height:1.4;resize:none;overflow:auto;opacity:0.8;-webkit-appearance:none;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}

/* HOTLINE */
.home-hotline {position: fixed;bottom: 30px;right: 100px;display: block; z-index: 5;}
.home-hotline a {display: inline-block;color: #fff;margin: 0 10px; font-weight: bold; -webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.home-hotline svg {width: 30px;display: inline-block;vertical-align: middle;margin-right: 5px}
.home-hotline span {display: inline-block;vertical-align: middle;}
.home-hotline a:hover {color: #98272b}

/*HOME PAGE */
#home-page .title-page {display: none;}
.bg-blur {-webkit-transform: scale(1.05,1.05);transform: scale(1.05,1.05);backface-visibility: hidden;}
.info-content {width: 680px;position: relative;text-align: left;display: block;height: auto;}
.info-content h2 {font-size: 72px;margin-bottom: 30px;display: block;color: #fff;text-transform: uppercase;backface-visibility: hidden;}
.info-content h2 strong {color: #98272b}
.box-info {background-color: #fff;position: relative;display: block;padding: 40px;-webkit-border-radius: 20px;border-radius: 20px;backface-visibility: hidden;}
.bottom-info {padding-top: 20px;margin-top: 20px;border-top: 1px solid #ccc;display: block;}
.view-info {font-size: 13px;text-transform: uppercase;font-weight: 700;display: inline-block;color: #98272b;position: relative;}
.view-info::after {content:' '; display: inline-block;vertical-align: middle;margin-top: -3px;width: 35px;height: 35px;background:url(../images/arrow1.png) no-repeat;margin-left: 10px;}
.img-info {position: absolute;width: calc(100vh - 150px);height: calc(100vh - 150px);top: 100px;right: 20vh;border-radius: 50%;background-position: center right;}

.product-home .container-main {max-width: 1400px}
.item-product-home {position: relative;display: block;width: 100%;height: auto;}
.pic-item-product {position: relative;display: block; height: 50vh;padding: 15px;background: -webkit-radial-gradient(center, ellipse cover, #ffffff 44%,#dcd0c1 100%);background: radial-gradient(ellipse at center, #ffffff 44%,#dcd0c1 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcd0c1',GradientType=1 );}
.item-product-home .pic-img {height: 45vh}
.txt-pro-home {position: absolute;top: 50%;padding: 30px 10px;text-align: center;color: #fff;text-transform: uppercase;left: 0px;transform: translate(0,-50%);width: 90%;left: 5%;white-space: normal;}
.txt-pro-home::before {content: ' ';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);-webkit-transform: perspective(100px) rotateX(16deg) scale(0.8);transform: perspective(100px) rotateX(16deg) scale(0.8);opacity: 0}
.txt-pro-home h3 {font-size: 17px;position: relative;}
.title-pro  {text-align: center;margin-bottom: 30px;display: block;width: 100%;height: auto;color: #fff;}
.title-pro h2 {font-size: 48px;display: block;text-transform: uppercase;}
.title-pro h2 strong {color: #98272b}
.title-pro p {text-transform: uppercase;font-size: 30px;}
.item-product-home::before{content: ' '; border:10px solid #98272b;position: absolute;top: 0;left: 0px;z-index: 2; width: 100%;height: 100%;pointer-events: none;opacity: 0}

.slider-custom .slide-buttons {top: auto;bottom: 40px;width: 40%;left: 30%}
.slider-custom .slide-pagination {margin-top: 30px}
.slider-custom .slide-page.active span:not(.dot-number) {background-color: #fff}
.slider-custom .slide-page.active span:not(.dot-number)::before {border-color: #fff}

.news-home {background-color: #f6f6f6}
.news-home::before {content: ' '; background-color: #e5e5e5;position: absolute;top: calc(25% + 60px);height: 50%;width: 100%;left: 0}
.news-home .bg-cover{width: 70%;left: auto;right: 0}
.item-news-home {position: relative;display: inline-block;vertical-align: top;width: 23%;background-color: #fff;border-bottom: 4px solid #98272b;}
.item-news-home .pic-img {height: 204px;}
.txt-news-home  {position: relative;display: block;padding: 15px;text-align: left;}
.txt-news-home h3 {font-family:Arial, Helvetica, sans-serif;height: 60px;overflow: hidden;margin-bottom: 10px;font-size: 15px;font-weight: 700;}
.view {color: #98272b;font-weight: 700;text-transform: uppercase;font-size: 12px}
.view::after {content: ' ';display: inline-block;vertical-align: middle;margin-top: -3px;width: 14px;height: 14px;background:url(../images/arrow2.png) no-repeat;margin-left: 10px;}
.view-1 {position: relative;display: inline-block;vertical-align: middle;padding: 7px 7px 4px 12px;color: #fff;text-transform: uppercase;font-size: 13px;border: 1px solid rgba(255,255,255,0.8);border-radius: 50px;}
.view-1 span{ display: inline-block;vertical-align: middle;margin-top: -3px;width: 35px;height: 35px;background:url(../images/arrow1.png) no-repeat;margin-left: 10px;background-position: -35px 0px}
.info-pro-home {display: inline-block;vertical-align: top;padding: 50px;color: #fff;text-transform: lowercase;position: relative;width: 50%;text-align: left;}
.info-pro-home::before {content: ' ';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);}
.info-pro-home h3 {font-size: 33px;text-transform: uppercase;margin-bottom: 25px;position: relative;}
.info-pro-home p {height: 84px;font-weight: 500;font-size: 18px;margin-bottom: 28px;position: relative;overflow-y: hidden;}
.title-h {position: relative;display: block;width: 100%;height: auto;margin-bottom: 30px}
.title-h h2 {color: #fff;font-size: 48px;text-transform: uppercase;}

.consulting-home {background: -webkit-linear-gradient(160deg, #b7b7b7 0%, #dec2a3 100%);background: linear-gradient(160deg, #b7b7b7 0%, #dec2a3 100%);}
.consulting-box {position: relative;display: inline-block;vertical-align: top;}
.consulting-box::before {content: ' ';width: 50vh;height: 50vh;display: block;background: url(../images/icon-con1.png) no-repeat center center /contain;}
.consulting-box::after {content: ' ';width: 150px;height: 150px;position: absolute;top: 50px;right: -65px;background: url(../images/icon-con.png) no-repeat center center / contain;}
.consulting-box a {position: absolute;bottom: 50px;left: -28px;width: 120px;height: 120px;font-size: 28px;text-transform: uppercase;text-align: center;font-weight: 700;color: #fff;background: #98272b;border-radius: 50%;-webkit-border-radius: 50%;padding-top: 28px;line-height: 1.2;}
.consulting-box a::before {content: ' ';position: absolute;top: -30px;right: -30px;border: 1px solid rgba(255,255,255,0.7);height: calc(100% + 60px);width: calc(100% + 60px);-webkit-border-radius: 50%;padding-top: 20px;}
.box-ani{position:absolute;left:0;top: 4%;height:100%;transform: scale(1.2,1.2);left: 25%;width: 60%;}
.box-ani.align-right{ left:auto; right:-15vw;}
.box-ani span{ background:url(../images/box.svg) no-repeat center center/cover; position:absolute;  }
.ani-01{width: 50vh;height: 50vh;left: 25vh;top: 25vh;}
.ani-02{width: 60vh;height: 60vh;left: 20vh;top: 20vh;}
.ani-03{width: 80vh;height: 80vh;left: 10vh;top: 10vh;}
.ani-04{width: 100vh;height: 100vh;left:0;top: 0px;}
.slider-cate, .slider-project{position: relative;display: block;height: auto;width:100%; margin:auto}
.slider-project {margin-top: 50px}
.project-home {background: -webkit-linear-gradient(32deg, #4c4752 0%, #a89494 100%);background: linear-gradient(32deg, #4c4752 0%, #a89494 100%);}
.project-home::before {content: ' ';background-color: #98272b;position: absolute;top: 30%;height: 40%;width: 78vw;left: 0;}
.item-project-home {position: relative;display: block;height: auto;width:100%;padding-right: 200px;}
.item-project-home .pic-img {height: 65vh;box-shadow: 0 0 10px 3px rgba(0,0,0,0.1);}
.txt-project-home {position: absolute;bottom: 100px;right: 0px;width: 422px;padding: 40px;text-align: left;background: #fff;border-radius: 40px;backface-visibility: hidden;}
.txt-project-home h3 {font-size: 16px;text-transform: uppercase;font-weight: 500;line-height: 1.5}
.title-project {margin-bottom: 15px;text-transform: uppercase;font-size: 25px;text-transform: uppercase;}

.contact-home .bg-cover::before {content: ' ';width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(48,65,83,1);position: absolute;opacity: 0;mix-blend-mode: multiply; opacity: 0;backface-visibility: hidden;}
.is-IE .show-text.contact-home .bg-cover::before, .is-Edge .show-text.contact-home .bg-cover::before{opacity: 0.8}
.show-text.contact-home .bg-cover::before {opacity: 1}
.contact-home .container-main {max-width: none;}
.company-home {width: 35%;position: relative;height: auto;color: #fff;text-align: left;}
.company-home h2 {font-size: 24px;font-weight: 700;display: block;margin-bottom: 20px}
.company-home h2 span {font-weight: 300}
.company-home p {margin-bottom: 15px;font-size: 16px;}
.company-home a {color: #fff}
.hotline {position: relative;padding-left: 50px;color: #fff;font-size: 14px;text-align: left;}
.hotline span {display: block;}
.hotline::before {content: ' ';position: absolute;width: 38px;height: 38px;background: url(../images/phone.png) no-repeat center center / contain;top: 0;left: 0}
.hotline p {font-size: 18px}
.contact-home .map-view {position: absolute;top: 77px;height: calc(100vh - 100px);width: 56%;-webkit-border-radius: 500px 0 0 500px;border-radius: 500px 0 0 500px;overflow: hidden;right: 0;z-index: 10}
.contact-home #map-canvas {height: 100%}

/* ABOUT PAGE */
.padding-main {padding: 70px 0}
.content-1 {position: relative;display: block;width: 100%;height: auto;}
.content-1 p {margin-bottom: 15px;}
.content-1 p:last-child {margin: 0}
.content-1 img {display: block;max-width: 100%;margin: auto;}
.txt-about-1 {width: 70%; position: relative;display: block;height: auto;}
.txt-about-1 > h2 {font-size: 36px;font-weight: 700;color: #98272b;text-transform: uppercase;margin-bottom: 30px;}
.info-about-2 {text-align: right;}
.txt-about-2 {text-align: left;width: 50%;display: inline-block;}
.txt-about-2::before {content: ' ';width: 39px;height: 30px;background:url(../images/qoute1.png) no-repeat;display: block;margin-bottom: 10px;}
.title-txt-2 {padding: 30px 0;position: relative;text-align: right;background:#98272b;color: #fff}
.title-txt-2 h2 {display: inline-block;font-size: 34px;text-transform: uppercase;font-weight: 700;text-align: left;width: 50%}
.content-1 ul {margin: 20px 0;position: relative;display: block;}
.content-1 ul li {position: relative;display: block;padding-left: 30px;font-weight: 300;margin:25px 0;line-height: 1.4}
.content-1 ul li::before {content: ' ';width: 10px;height: 10px;background-color: #98272b;transform: rotate(45deg);position: absolute;top: 5px;left: 0}
.txt-about-2 ul li {text-transform: uppercase;font-weight: 700;}
.info-about-3 {background-color:#eee;text-align: left;}
.txt-about-3 > h2 {font-size: 36px;font-weight: 700;color: #98272b;text-transform: uppercase;margin-bottom: 30px;}
.txt-about-quality {padding: 50px;position: relative;display: block;width: 100%;height: auto;color: #fff}
.txt-about-quality::after {content: ' ';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #8c8c8c;z-index: 1}
.txt-about-quality::before {content: ' ';position: absolute;bottom: -20px;left: -20px;width: 40%;height: 50%;background-color: #98272b;}
.txt-about-quality > h2 {font-size: 36px;font-weight: 700;color: #fff;text-transform: uppercase;margin-bottom: 30px;position: relative;z-index: 2}
.txt-about-quality-2 {position: relative;display: block;height: auto;width: 100%;}
.txt-about-quality .content-1 {z-index: 2}
.title-1 {position: relative;display: block;width: 100%;height: auto;text-align: center;margin-bottom: 30px;}
.title-1::before {content: ' ';position: absolute;top: 50%;left: 0;width: 100%;height: 1px; background-color: #98272b;}
.title-1 h2 {display: inline-block;padding: 0 10px;background:url(../images/pattern.jpg);font-size: 36px;font-weight: 700;color: #98272b;text-transform: uppercase;position: relative;}
.about-quality-2 {padding:0 0 100vh 0 }
.about-quality-2 .bg-cover{top: auto;height: 100vh;background-position: center top;bottom: 0;}

.txt-about-quality-3 {position: relative;display: block;width: 90%;max-width: 1200px;margin: -200px auto 0 auto;padding: 40px;background-color:#fff;-webkit-border-radius: 30px 30px 0 0; border-radius: 30px 30px 0 0 }
.slider-cer {position: relative;display: block;width: 100%;height: auto;margin-bottom: 40px;}
.item-cer {position: relative;display: block;width: 100%;white-space: normal;text-align: center;}
.item-cer img {max-width: 100%;margin-bottom: 15px}
.item-cer h3 {font-size: 15px;font-weight: 500;}
.main-cer {text-align: center;}
.main-cer img {max-width: 80%;margin-bottom: 15px}
.txt-about-quality-3 .content-1 {max-width: 800px;margin: 0 auto 40px auto;}
.title-2 {position: relative;display: block;width: 100%;margin-bottom: 30px;}
.title-2 h2 {font-size: 36px;font-weight: 700;color: #98272b;text-transform: uppercase;text-align: center;}
.slide-inner .slide-page span:not(.dot-number) {background-color: #b1b1b1}
.slide-inner .slide-page.active span:not(.dot-number) {background-color: #98272b}
.slide-inner .slide-page.active span:not(.dot-number)::before {border-color: #98272b}
.slide-inner .slide-prev {background:url(../images/previous2.svg) no-repeat center center / contain;left: -100px}
.slide-inner .slide-next {background:url(../images/next2.svg) no-repeat center center / contain;right: -100px}
.item-box{position:relative;display:block;width:100%;height:auto;border:none;cursor:pointer;background-color:#fff;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.item-box::before {content: ' ';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid #98272b;z-index: 1}
.item-pic{position:relative;display:block;width:100%;height:auto;overflow:hidden;line-height:0;}
.item-pic::before{content:'';position:relative;display:block;width:100%;height:auto;padding:66.4% 0 0 0}
.item-pic img{position:absolute;top:0;left:50%;display:block;width:100%;height:100%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);pointer-events: none;}
.item-name{position:absolute;left:0;bottom:0;display:block;width:100%;height:auto;padding:10px 20px;background-color:rgba(0,0,0,0.6);color:#fff;line-height:1.4;text-align:center;z-index:1;text-align:center;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.item-name h3{display:inline-block;vertical-align:middle;font-weight:500;font-size:16px;text-transform:uppercase;line-height:1.5;max-height:44px;overflow:hidden;white-space:normal;font-family: 'Montserrat', sans-serif;}

.about-library-2 {background-color: #a4a4a4;}
.about-library-2 .title-2 h2 {color: #fff}
.row-partner {position: relative;display: block;width: 100%;height: auto;}
.item-partner {position: relative;width: 100%;border:2px solid #98272b;text-align: center;border-radius: 10px;margin-bottom: 20px;overflow: hidden;padding: 10px;background-color: #fff}
.item-partner img {width: 100%;pointer-events: none;}
.item-partner a {display: block;}
.item-partner:last-child {margin: 0}
.slider-pic, .slider-partner {position: relative;display: block;width: 100%;height: auto;}

/* PRODUCT PAGE */
.txt-info-product {position: relative;display: block;width: 100%;max-width: 700px;margin: auto;color: #fff}
.txt-info-product p {font-size: 16px;margin-bottom: 15px}
.info-product .bg-cover::before {content: ' ';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);}
.item-pro {position: relative;display: block;width: 100%;height: auto;color: #fff}
.pic-pro {height: 55vh;position: relative;display: inline-block;text-align: center;}
.pic-pro::before, .pic-pro::after {content: ' ';display: inline-block;vertical-align: middle;height: 100%}
.pic-pro img {display: inline-block;vertical-align: middle;max-width: 95%;max-height: 95%;pointer-events: none;}
.item-pro h3 {text-transform: uppercase;font-weight: 700;font-size: 15px;white-space: normal;}
.list-product {padding-top: 20px}
.list-product .bg-cover::before {content: ' ';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);}
.title-product-detail {position: absolute;left: 50%; width:auto; height:auto; bottom: 0;padding:10px 20px;background-color: rgba(0,0,0,0.5);color: #fff;text-transform: uppercase;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);font-weight: 300;text-align: center;}
.title-product-detail h2{ font-size:24px; display:block }


.title-pro1 {position: relative;display: block;width: 100%;height: auto;margin-bottom: 10px;}
.title-pro1 span{font-size:24px;color: #fff; line-height:1.4; display:block;text-transform: uppercase;}
.title-pro1 h3 {text-transform: uppercase;font-size: 40px;color: #fff}
.new-product {position: absolute;display: ;top: 30px;right: 10px;width: 60px;height: 60px;background: url(../images/icon-product-new_red.png) no-repeat center center /contain;}
.content-detail {max-width: 1200px}

/* THANK YOU*/
.successMsg{ width: 100%; float: left;}
.successMsg h3{display: block; text-align: center;color: #98272b; width: 100%; float: left;font-size: 30px; margin-bottom: 25px;}
.successMsg span{ font-size: 22px; color: #000;}
.successMsg span a{font-size: 22px; color: #98272b;}


/* PRODUCT DETAIL PAGE */
.left-detail {width:50%;position: relative;height: auto;float: left;padding-top: 0px;vertical-align: top;}
.right-detail {width: 50%;position: relative;height: auto;float: left;padding:0 0 0 50px;vertical-align: top;}
.content-detail .detail-center .slide-buttons {display: none;}
.title-right-detial {text-align: left;padding:0px;margin: 0px;color:#98272b;}
.title-right-detial::after {content:' '; width: 100px;height: 1px;background-color: #ccc;display: block;margin: 20px 0px}
.title-right-detial h2 {font-size: 40px;font-weight: 700;text-transform: uppercase;}
.title-right-detial h3 {font-size: 30px;font-weight: 500;text-transform: uppercase;}

.thumbs-detail .slide-item  {padding-bottom: 2px;}
.right-detail p {margin-bottom: 5px;font-weight: 500}
.description-product {margin-top: 60px;}
.title-des {font-size: 30px;text-align: center;text-transform: uppercase;margin-bottom: 30px;color: #007dc6;position: relative;}
.title-des span {display: inline-block;background-color: #fff;padding: 0 30px;position: relative;}
.title-des::before {content: ' ';position: absolute; width: 100%;height: 1px;background-color: #007dc6;top: 50%;left: 0}
.right-detail .input-select {width: 200px;min-width: 1px}
.item-11 {height: 500px;position: relative;display: block;text-align: center;background-color: #dcdcdc;margin-bottom: 10px;}
.item-11::before, .item-11::after {content: ' ';display: inline-block;vertical-align: middle;height: 100%}
.item-11 img {display: inline-block;vertical-align: middle;max-width: 95%;max-height: 95%;pointer-events: none;}
.left-detail .thumb-item {height: 85px;position: relative;display: block;text-align: center;background-color: #dcdcdc;border:1px solid #dcdcdc;width: 100%;}
.left-detail .thumb-item::before, .left-detail .thumb-item::after {content: ' ';display: inline-block;vertical-align: middle;height: 100%}
.left-detail .thumb-item a {display: inline-block;vertical-align: middle;height: 85px}
.left-detail .thumb-item img {max-width: 95%;max-height: 95%;pointer-events: none;display: inline-block;width: auto;}
.thumbs-detail {position: relative;width: 100%;max-width: none;bottom: 0px;display: block;transform: none;left: 0px}
.thumbs-detail .slide-item.current .thumb-item{border:1px solid #98272b;opacity: 1}
.price-detail {font-weight: 700;font-size: 27px;color: #98272b;margin-bottom: 10px;font-weight: 700;}
.price-old-detail {text-decoration: line-through;margin-bottom: 10px }
.choose-color {position: relative;display: block;width: 100%;height: auto;overflow: hidden;}
.item-color {width: 15%;margin:0 5px 5px 0;height: 50px;float: left;pointer-events: inherit;opacity: 0.8}
.item-color.pic-img img {pointer-events: none;}
.item-color::before {content: ' ';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 2px solid #98272b;opacity: 0}
.item-color.current::before, .item-color.current {opacity: 1}
.button-detail {position: relative;display: block;width: 100%;height: auto;margin: 20px 0 0 0 }
.btn-red {display: inline-block;vertical-align: middle;padding: 15px;-webkit-border-radius: 5px;border-radius: 5px;background-color: #98272b;text-transform: uppercase;font-weight: 700;color: #fff;border: 0;cursor: pointer;}

.description-detail {overflow: hidden;}
.description-detail::before {content:' ';position: absolute;top: 20px;left: 0;width: 100%;height: calc(100% - 20px); background-color: #fff}
.tab-des {text-align: center;position: relative;display: block;width: 100%;height: auto;margin-bottom: -20px;z-index: 1;}
.tab-des li {display: inline-block;margin: 0 2px;}
.tab-des li a {display: block;padding: 15px;-webkit-border-radius: 5px;border-radius: 5px;background-color: #cccccc;color:#98272b;text-transform: uppercase;font-size: 14px;font-weight: 700;}
.tab-des li.current a {background-color: #98272b;color:#fff;}
.all-tab-content {position: relative;display: block;width: 100%;height: auto;white-space: nowrap;text-align: center;}
.tab-content {position: relative;display: inline-block;padding: 60px 0 40px 0;vertical-align: top;white-space: initial;}
.tab-content .content-1 img {display: inline-block;}
.item-pro-same {text-align: center;color: #333}
.tab-content h2 {display: none;}

/* PROJECT PAGE */
.group-central {background:url(../images/pattern1.jpg);}
.slider-project-1 {position: relative;display: block;width: 100%;height: auto;}
.item-project {position: relative;display: block;width: 100%;height: auto;color: #fff;}
.project-img {position: relative;display: block;height: auto;width: 100%;padding-left: 30px}
.project-img::before {content: ' '; position: absolute;top: 10%;height: 80%;background-color: #98272b;width: 100%;left: 0;z-index: -1}
.item-project .pic-img {height: 45vh;margin-bottom: 20px;z-index: 1}
.item-project h3 {text-transform: uppercase;font-size: 20px;font-weight: 700;z-index: 1;padding-left: 30px}

/* PROJECT DETAIL PAGE */
.info-project img {width: 100%;box-shadow: 0 0 5px 3px rgba(0,0,0,0.1)}
.txt-info-project {text-transform: uppercase;color: #98272b;background-color: #fff;padding: 40px;margin: auto;max-width: 1000px;}
.txt-info-project p {font-weight: 500}
.txt-info-project strong {font-weight: 700;font-style: italic;text-transform: initial;}
.item-pro1-same {color: #333;text-align: center;}
.item-pro1-same .pic-img {height: 350px}
.item-pic-pro {position: relative;display: block;width: 100%;height: auto;}
.item-pic-pro .pic-img {height: 400px}
.slider-pic-project {position: relative;display: block;width: 90%;margin: 40px auto 0 auto;max-width: 800px;}
.slider-pic-project .slide-wrapper-outer {overflow: inherit;}
.slider-pic-project .slide-item {opacity: 0.3;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.slider-pic-project .slide-item.active  {opacity: 1;transform: scale(1.1,1.1);z-index: 5}
.slider-pic-project .slide-page.active::before, .slider-p-detail .slide-page.active::after {opacity: 1}
.slider-pic-project .slide-pagination {margin-top: 40px}
.slider-pic-project .slide-next {right: -140px}
.slider-pic-project .slide-prev {left: -140px}
.title-proin {color: #333;}
.title-proin h2 {font-size: 40px;}
.section-project-pic {overflow: hidden;}

/* DOCUMENT PAGE */
.txt-sm-center {max-width: 600px;margin: 0 auto 40px auto;text-align: center;}
.item-catalouge {position: relative;display: block;width: 100%;height: auto;background-color: #fff;padding: 20px;}
.item-catalouge img {width: 100%;box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);pointer-events: none;}
.item-catalouge a {display: block;}
.library-document {background-color: #a03a3e;}
.library-document .title-2 h2 {color: #fff}
.item-support-d {text-align: center;position: relative;width: 100%;height: auto;}
.item-support-d h3, .date-file {font-size: 17px;font-weight: 700;text-transform: uppercase;margin: 5px 0}
.item-support-d a {display: block;color: #fff;background-color: #98272b;padding: 40px 20px;border: 4px solid #fff;-webkit-border-radius: 20px;border-radius: 20px;}
.item-support-d span {width: 70px;height: 70px;background: #fff url(../images/pdf.png) no-repeat center center /contain;-webkit-border-radius: 50%;border-radius: 50%;display: inline-block;position: relative;margin: 20px 0 0 0}
.item-support-d span::before {content:' ';width: calc(100% + 20px);height: calc(100% + 20px);left: -10px;top: -10px;-webkit-border-radius: 50%;border-radius: 50%;border: 1px solid #fff;position: absolute;}
.library-document .slider-pic .slide-buttons {display: none;}
.cart-section {padding-bottom: 0;}

/* RESOLUTION PAGE */
.txt-resolution {position: relative;display: block;width: 100%;height: auto;margin-bottom: 40px;text-align: center;}
.item-sol {position: relative;display: block;width: 100%;padding: 10px;background: #959595;color: #fff;-webkit-border-radius: 20px;border-radius: 20px;overflow: hidden;white-space: initial;}
.item-sol .pic-img {height: 200px;-webkit-border-radius: 15px;border-radius: 15px;border: 1px solid #fff}
.txt-sol {padding: 15px 10px 0 10px;text-align: left;position: relative;display: block;width: 100%}
.txt-sol::after {content: ' ';position: absolute;top: 59px;left: 10px;width: calc(100% - 20px);height: 1px;background-color: #fff}
.txt-sol h3 {text-transform: uppercase;font-weight: 700;height: 38px;overflow: hidden;margin-bottom: 20px;font-size: 15px;}
#resolution-page .wrap-content {max-width: 1000px;}
#resolution-page .title-pro h2 strong {font-size: 34px}
#resolution-page .title-pro::after {content: ' ';display: block;width: 100px;height: 1px;background-color: #707070;display: block;margin: 20px auto 0 auto}
#resolution-page section:nth-child(odd) {background-color: #a13b3f;color: #fff}
#resolution-page section:nth-child(odd) .title-pro h2 strong, #resolution-page section:nth-child(odd) .title-proin{color: #fff}
#resolution-page section:nth-child(odd)  .slide-inner .slide-page.active span:not(.dot-number) {background: #fff}
#resolution-page section:nth-child(odd)  .slide-inner .slide-page.active span:not(.dot-number)::before {border-color: #fff}
#resolution-page section:nth-child(odd) .title-pro::after {background-color: #fff;}
.txt-sol .view-info {color: #fff}
.txt-sol .view-info::after {background-position: -35px 0}

/* RESOLUTION DETAIL PAGE */
.date{position:absolute;left: 0px;top:0;width:auto;height:auto;padding: 5px;background-color:#fff;font-weight:100;font-size: 44px;color:#4a4a4a;line-height:1;text-align:center;z-index:1;line-height: 25px;}
.date span{font-weight:500;font-size: 17px;display:block;color:#4c4c4c;}
.scroll-slide{width:100%; height:auto;position:relative; display:block; text-align:center; margin:0 auto; overflow:hidden;padding:30px 0px; z-index:3}
.scroll-slide h2{ font-size:30px; font-weight:300px; margin:0 0 20px 0; text-transform:uppercase;}
.load-content{position:relative;display:block;width:100%;height:auto; z-index:4;}
.load-data{position:relative;display:block;width:100%;height:auto;min-height:50vh}
.load-details{position:relative;display:block;width:95%;height:auto;max-width:1100px;margin:0 auto;background-color: #fff;border: 1px solid #ddd}
.load-title{position:relative;display:block;width:100%;height:auto;text-align:center;padding: 30px;text-align: center;border-bottom: 1px solid #98272b;}
.load-title h3{position:relative;display:block;font-weight:700;font-size:24px;color:#666;text-transform:uppercase;line-height: 1.4;}
.load-text{position:relative;display:block;width:100%;height:auto;font-size:16px;color:#666;line-height:1.4;padding: 40px;}
.load-text p{margin:0 0 20px 0;font-size:16px;line-height:1.6;}
.load-text div {font-size:16px;line-height:1.6;font-family:Arial, Helvetica, sans-serif;}
.load-text a{color:#940000;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.load-text img{width:auto !important;height:auto !important; max-width:100%;margin:10px auto; display:block}
.load-text h1, .load-text h2, .load-text h3, .load-text h4, .load-text h5, .load-text h6{font-size:18px;color:#383838; font-weight:700; line-height:1.4;margin:10px 0;}
.load-text table{ width:auto; height:auto; display:table; border-spacing: 1px; margin:30px auto; table-layout:fixed}
.load-text table td, .load-text table th{ padding:5px 10px; border: 1px solid #788892 ;}
.load-text table tbody, .load-text table tr{min-width:360px;}
.load-text table td, .load-text table th{ background-color:#7e8387; text-align:left; font-size:16px; font-weight:300; color:#fff; line-height:1.6; padding:10px 15px;}


/*CART POP*/
.cart-overlay{display:none;position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.6);z-index:1500}
.cart-icon {background:url(../images/cart.svg) no-repeat center center / contain;background-color: #003f62;width: 40px;height: 40px;display: inline-block;border-radius: 50%;-webkit-border-radius: 50%;}
.cart-shopping.animate .cart-icon{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-animation:zezoRotateY .4s ease-in-out forwards;animation:zezoRotateY .4s ease-in-out forwards}
.cart-shopping.animate .cart-text{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-animation:zezoRotateY .5s ease-in-out forwards;animation:zezoRotateY .5s ease-in-out forwards; }
.cart-text{position:absolute;right: -5px;opacity:0;top: -5px;width:24px;height:24px;-webkit-border-radius:50%;border-radius:50%;font-weight:700;font-size:12px;color:#fff;text-align:center;line-height:24px;}
.cart-items-box{position:relative;display:block;width:100%;height:auto}
.cart-items{display:block;width:100%;position:relative;height:auto;margin:0;z-index:5}
.append-item{display:block;width:100%;position:relative;height:auto;margin:0}
.cart-group, .cart-top{position:relative;display:table;width:100%;height:1px;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-group{border-spacing:1px}
.cart-group li{background-color:#fff;}
.cart-top{border-spacing:1px 0}
.cart-top li{background-color:#98272b;color:#fff;font-weight:700;font-size:16px;padding:15px;text-transform:uppercase}
.cart-name{width:200px;max-width:200px;padding:15px 20px}
.cart-img{width:120px;max-width:120px}
.cart-no{width:60px;max-width:60px;text-align:center;color:#666;font-size:26px}
.cart-img{width:160px;max-width:160px}
.cart-quantity{width:140px;max-width:140px;text-align:center;color:#000}
.cart-price{width:160px;max-width:160px;padding:15px;color:#98272b;text-align:right;font-weight:700;font-size:24px}
.cart-amount{width:130px;max-width:130px}
.cart-delete{width:60px;max-width:60px;text-align:center;color:#666}
.cart-name h3{font-size:15px;font-weight:700;text-transform:uppercase}
.cart-name p{font-weight:300;font-size:13px;line-height:1.6}
.cart-img a{display:block;width:100%;height:200px;padding:20px;text-align:center;overflow:hidden;position: relative;text-align: center;}
.cart-img a::before, .cart-img a::after {content: ' ';display: inline-block;vertical-align: middle;height: 100%}
.cart-img  a img{display:inline-block;height:auto;vertical-align: middle;margin: 0 -3px;max-width: 100%;max-height: 100%}
.cart-delete{cursor:pointer}
.cart-delete span{position:relative;display:inline-block;font-size:26px;font-weight:700;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.cart-quantity input{display:inline-block;width:60px;height:34px;line-height:34px;margin:0 5px;padding:0 3px;text-align:center;background-color:#fff;font-weight:700;color:#666;font-size:18px;-webkit-border-radius:0;border-radius:0;border:1px solid #666;-webkit-appearance:none;vertical-align:middle}
.cart-quantity input:focus{background-color:#666;color:#fff}
.cart-down{background:url(../images/zoom-out.svg) no-repeat center center;background-size:contain;background-color:#666}
.cart-up{background:url(../images/zoom-in.svg) no-repeat center center;background-size:contain;background-color:#666}
.cart-down, .cart-up{position:relative;display:inline-block;width:38px;height:34px;vertical-align:middle;cursor:pointer;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.cart-bill{padding:30px 0;overflow:hidden;position: relative;display: block;}
.cart-bill span{display:block;margin:0 0 0 2px;text-transform:uppercase;float:left;font-weight:700;font-size:30px;color:#666}
.cart-bill span.cart-total{float:right;color:#98272b;font-size:36px}
.cart-bill .cart-total small{position:relative;top:-4px;font-size:24px;color:#666;font-weight:300}
.cart-add{display:block;width:50px;height:50px;margin:5px auto;padding:13px;-webkit-border-radius:50%;border-radius:50%;background-color:rgba(0,0,0,0.5);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;cursor:pointer;box-shadow:0 0 30px rgba(0,0,0,0)}
.cart-add:hover{background-color:rgba(0,0,0,1);box-shadow:0 0 30px rgba(0,0,0,0.5)}
.cart-add-icon{display:block;width:100%;height:100%;background:url(../images/cart.png) no-repeat center center;-webkit-background-size:cover;background-size:cover}
.cart-note .cart-mess{text-align: center;text-align: center;padding: 15px;font-size: 25px;}
.button-cart {text-align: center}
.button-detail a {position: relative;}
.mes-cart {position: absolute;top: -30px;left: 0px;padding: 10px;background-color: #cccccc;color: #98272b;text-transform: initial;font-size: 14px;width: 300px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;opacity: 0;visibility: hidden;}
.mes-cart::before {content: ' ';position: absolute;bottom: -5px;left: 30px;width: 0;height: 0;border-style: solid;border-width: 8px 6px 0 6px;border-color: #cccccc transparent transparent transparent;}
.mes-cart.show {top: -50px;visibility: initial;opacity: 1}

/* CART POPUP */
.cart-popup {position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 9999;text-align: center;display: none;}
.cart-popup.show {display: block;}
.cart-popup::before, .cart-popup::after {content: ' ';display: inline-block;vertical-align: middle;height: 100%;}
.cart-popup-content {position: relative;display: inline-block;vertical-align: middle;background-color: rgba(0,0,0,0.5);padding: 30px;width: 90%;max-width: 700px;z-index: 5}
.cart-popup .title-2 h2{color: #fff}
.col-6 {display: inline-block;width: 50%;vertical-align: middle;float: left;padding: 0 5px;}
.col-12 {display: inline-block;width: 100%;vertical-align: middle;padding: 0 5px;}
.input-select {z-index: 10}
.cart-popup > span {position: absolute;top: 0;left: 0px;width: 100%;height: 100%;}

/* NEWS PAGE */
.date-thumb{position:absolute;left:0;top: 0px;width:auto;height:auto;padding: 5px;color:#fff;background-color:#98272b;font-weight:100;font-size:30px;line-height:1;text-align:center;z-index:1;backface-visibility: hidden;}
.date-thumb span{font-weight:500; font-size:10px; display:block; color:#fff }
.list-news {position: relative;display: block;margin: auto;width: 100%;height: auto;text-align: center;}
.list-news .item-news-home {width: calc(33% - 20px);margin: 10px;}
.item-news-home p {display: none;font-family: Arial, Helvetica, sans-serif;line-height: 1.4;font-size: 14px}

/*PAGINATION*/
.page-pagination{width:100%;max-width:1050px; height:auto; position:relative; display:block; margin:20px auto 0 auto; text-align:center;z-index: 5}
.slide-pagi{height:auto; width: 212px; display:inline-block; position:relative;margin:0; z-index:10 }
.slide-pagi span{ width:40px; height:40px; position:relative; display:block; text-align: center; float: left;}
.slide-pagi a{font-size:15px;font-weight:700;line-height:40px;display:block;width:100%;height:100%;background-color: #ededed;color: #333;-webkit-border-radius:3px;border-radius:3px;}
.slide-pagi a.current{background-color: #98272b;pointer-events:none;color: #ffffff;}
.slide-pagi .slide-buttons{top:0; margin:0}
.slide-pagi .slide-prev {background:#ddd url(../images/previous-2.svg) no-repeat 50% / 50%;width:40px;height:40px;top:0;left:-45px;-webkit-border-radius:3px;border-radius:3px;}
.slide-pagi .slide-next {background:#ddd url(../images/next-2.svg) no-repeat 50% / 50%;width:40px; height:40px; top:0; right:-45px;  -webkit-border-radius:3px;border-radius:3px;}
.slide-pagi .slide-prev:hover, .slide-pagi .slide-next:hover{-webkit-transform: none;transform: none;background-color: #b9b9b9;}
.slide-pagi .slide-buttons:not(.disabled){ display:block}

/* NEWS DETAIL PAGE */
.news-detail .load-details {background-color: transparent;border: 0}
.news-detail .load-text {background-color: #fff;border: 1px solid #ddd}
.news-detail .load-title {padding: 20px 50px;border: 0}
.news-detail .load-title h3 {font-size: 18px}
.news-detail .date-thumb {position: absolute;right: 0;top: -50px;left: auto;}
.slider-same .item-news-home {width: 100%;display: block;opacity: 1}

/* RECRUITMENT */
.list-job {position: relative;display: block;height: auto;width: 90%;margin-bottom: 30px;max-width: 1200px;margin: auto;}
.box-recruitment {max-width: 1200px;position: relative;display: block;margin: -80px auto 0 auto;height: auto;width: 90%;box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);padding: 40px;z-index: 5;background: #fff;}
.content-table{position:relative;display:block;width:100%;height:auto;overflow:hidden;overflow-x:auto}
table{width:100%;min-width:840px;margin:0 auto;border-spacing:1px;border-spacing:1px;table-layout:fixed;font-size:15px;line-height:1.4;}
table th{padding:10px 15px;background-color: #717171;font-size:15px;font-weight:700;text-transform:uppercase;color:#fff;vertical-align:middle;font-family: 'Montserrat', sans-serif;}
table td{padding:20px 15px;background-color: #d7d7d7;font-size:15px;color:#414141;vertical-align:middle;}
table tbody tr:nth-child(even) td{background-color: #b7b7b7;color:#333;}
table td a{display:block;font-size:15px;font-weight:700;color:#414141;line-height:1.2;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
table tbody tr:nth-child(even) td a{color:#414141}
.career{background-color:#fff;padding:30px 0 0 0}
.career-box{position:relative;display:block;width:100%;height:auto}

.career-form {background-color: #009ce0;}
.career-form .title-sm {text-align: center;}
.join-form{position:relative;display:block;width:100%;height:auto;text-align:center;}
.join-us{position:relative;display:block;width:90%;height:auto;max-width:600px;margin:40px auto 0 auto;text-align:center}
.join-us h3 {text-align: center;margin-bottom: 20px;text-transform: uppercase;color: #98272b;font-weight: bold;font-size: 25px}
.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:nth-child(even){padding-left: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}
.input-text input[type="file"]{position:relative;display:block;width:100%;height:64px;z-index:1;opacity:0;cursor:pointer;border: 1px solid #ddd;}
.file-name{display:block;position:absolute;left:6px;top:0;width:calc(100% - 6px);;height:64px;line-height:64px;font-family: 'Montserrat', sans-serif;background-color:rgba(255,255,255,1);border: 1px solid #a1a1a1;color:#727272;font-weight:400;z-index:0;white-space:nowrap;padding:0 100px 0 20px;text-align:left;overflow:hidden;text-overflow:ellipsis}
.file-mark{position:absolute;top:5px;right:9px;display:block;width:96px;height:54px;line-height:54px;background-color: #bbbbbb;font-family: 'Montserrat', sans-serif;font-weight:700;font-size:14px;text-transform:uppercase;color:#fff;text-align:center;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.btn-1 {padding: 15px 20px;display: inline-block;position: relative;color: #fff; font-size:15px;text-align: center;font-weight: bold;text-transform: uppercase;background-color: #e20714;border: 0px;}
.status{position:relative;display:inline-block;font-weight:700;font-family:inherit;}
.status.hot{position: relative;display: block;text-align: center;}
.status.hot a{background-color: #98272b;color:#fff;padding:7px 15px;display:inline-block;color:#fff;-webkit-border-radius:30px;border-radius:30px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}


/* CONTACT PAGE */
.company-contact {position: relative;display: block;width: 100%;height: auto;text-align: center;}
.company-contact::after{content: ' ';display: block;width: 10px;height: 10px;background-color: #992d30; transform: rotate(45deg);margin: 20px auto}
.company-contact:last-child::after {display: none;}
.company-contact h3 {font-size: 20px;color: #992d30;margin-bottom: 5px;text-transform: uppercase;font-weight: 700;}
.company-contact a {color: #333}
.address-2 {background-color: #98272b;color: #fff}
.address-2 .title-2 h2, .address-2 .company-contact h3, .address-2 .company-contact a {color: #fff}
.address-2 .company-contact::after {background-color: #fff;}
.address-support {position: relative;display: block;width: 100%;height: auto;}
.row-support {position: relative;display: table;width: 100%;}
.row-support:first-child .col-support {background-color: #98272b !important;padding: 15px;text-transform: uppercase;font-weight: 700;border-bottom: 2px solid #fff;color: #fff;font-size: 14px}
.col-support {position: relative;display: table-cell;width: 33.33%;background-color: #d7d7d7;vertical-align: top;border-left: 2px solid #fff;border-bottom: 2px solid #fff;}
.item-support {display: block;width: 100%;padding: 20px;text-align: left;}
.row-support .col-support:first-child {background-color: #8c8c8c;padding: 15px;color: #fff;text-transform: uppercase;font-size: 14px;vertical-align: middle;border-left:0;line-height: 1.5}
.item-support h3 {text-transform: uppercase;font-weight: 700;font-size: 14px}
.row-part {position: relative;display: block;width: 100%;height: auto;overflow: hidden;}
.col-part {padding: 0px;position: relative;height: auto; width: 100%}
.box-part {background-color: #fff;display: block;margin-bottom: 20px}
.title-part {background-color: #98272b;padding: 15px;text-transform: uppercase;font-weight: 700;color: #fff;font-size: 14px}
.item-part {padding: 15px 45px 15px 15px;display: block;text-align: left;border-bottom: 1px solid #ddd;position: relative;}
.item-part h3 {text-transform: uppercase;font-weight: 700;font-size: 14px}
.form-contact {background-color: #c3c3c3}
.contact-form {max-width: 800px;margin: 0 auto;width: 90%;position: relative;display: block;}
.input-text, .input-but {display: table;width: 100%}
.input-but {text-align: center;}
.captcha{width:304px;height:auto;display:inline-block;vertical-align:top;position:relative;text-align:center;margin-left: -30px;vertical-align: top;}
.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}
.captcha + .outer-but{display: inline-block;}
.contact-form .radio-box label span {color: #fff}
.input-text input[type="text"], .input-text input[type="password"], .input-text textarea {background-color: #f3f3f3;border: 0;border-radius: 0;color: #333;opacity: 1;}
.title-mobile {display: none;}
.contact3 {padding-bottom: 0}
.btn-1 { cursor: pointer; padding: 22px;display: inline-block;vertical-align: top; position: relative;color: #fff;text-align: center;font-weight: 700;text-transform: uppercase;border: 0px;background-color: #98272b}
.btn-grey {padding: 22px;display: inline-block;vertical-align: top; position: relative;color: #fff;text-align: center;font-weight: 700;text-transform: uppercase;border: 0px;background-color: #707070}
.go-map{position:absolute;display:block;top: 50%;right: 10px;margin-top: -17px}
.go-map a{display:block;background:url(../images/google-map.svg) no-repeat center center/contain;width: 33px;height: 33px;position:relative;display:inline-block;}


/*MAP*/
.map-view.full-screen #map-canvas {height: 100vh}
.google-map{position: relative;display: block;height: auto;width: 100%;border-bottom: 2px solid #00aeef;border-top: 2px solid #00aeef}
#map-canvas { position: relative; display: block; width: 100%; height: 70vh; }
.gm-style .gm-style-iw > div{ max-width:inherit !important; max-height:inherit !important;overflow:visible !important;}
.gm-style .gm-style-iw > div > div{ overflow:inherit !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 div.infobox{position:relative;display:inline-block;width:300px;height:auto;z-index:999 !important}
.gm-style div.infobox-inner{position:relative;display:block;width:100%;height:auto;padding-bottom:20px; background-color:#98272b  !important;}
.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.6;}
.infobox h3{font-size:12px;font-weight:700;text-transform:uppercase;color:#fff;position:relative; display:block;padding:15px 15px 10px 15px;}
.infobox p{font-size:12px;color:#fff;position:relative; display:block;padding:0 15px;}
.infobox a{color:#fff}
.googlemap::before,.googlemap::after{content:'';position:absolute;left:0;width:100%;height:50%;background-color:#018bd2;z-index:30}
.googlemap::before{top:0;}
.googlemap::after{bottom:0;}
.gm-style-iw-t::before, .gm-style .gm-style-iw-t::after{ display:none}

/*CLOSE INFOBOX ZOOM MAP*/
.close-infobox{position:absolute;right:-10px !important;top:-10px !important;width:40px !important;height:40px !important;background:url(../images/close.png) no-repeat center center / contain !important;background-color:#98272b !important;opacity:1 !important;-webkit-border-radius:50%;border-radius:50%; z-index:99999 !important;cursor: pointer;}
.gm-style button[title="Close"]{ display:none  !important}
.gm-style .gm-style-iw + div img, .gm-style button img{ display:none}
.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;bottom:30px;left:30px;display:block;width:auto;height:auto;margin:0;z-index:5;}
.zoom-control a{display:block;width:35px;height:35px;margin:0;-webkit-border-radius:5px;border-radius:5px;margin:5px 0;box-shadow:0 5px 24px rgba(0,0,0,0.2); margin:10px 0px}
.zoom-in{ background:#62676e url(../images/zoom-in.svg) no-repeat 50% /80%}
.zoom-out{background:#62676e url(../images/zoom-out.svg) no-repeat  50% /80%}
.zoom-full{background:#62676e url(../images/video/fullscreen.svg) no-repeat  50% /80%}
.zoom-full.active{ background:#62676e url(../images/video/cancel-fullscreen.svg) no-repeat  50% /80%}

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

/*BACK BUTTOM*/
.back-button {text-align: center;position: relative;display: block;height: auto;width: 100%; margin:30px 0}
.back-button a {border-radius: 30px;padding: 15px}
.back-button a::before{content: ' ';display: inline-block;vertical-align: middle; background:url(../images/back.svg) no-repeat center center / contain;width: 16px;height: 16px;margin:-3px 5px 0 0;}

.button-red {display: inline-block; padding: 10px 20px;color: #fff; text-transform: uppercase; font-weight: bold;background-color: #98272b;font-size: 15px;border: 0;}

#project-detail-page .back-button, #product-detail-page .back-button { padding: 25px 0px;}

/*ALBUM*/
.all-album{width:100vw;height:100vh;overflow:hidden;position:fixed;left:0;top:0;display:none;z-index:3600;}
.album-load{ width:100%;height:100%;position:relative;display:block;opacity:0; text-align:center}
.album-center{width:100vw;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{-webkit-transition:all 600ms ease;transition:all 600ms ease ;opacity:0;}
.album-pic-center .pic-name.move h3 > span > span.move{opacity:1;}
.container-zoom{width:100vw;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:75vh; max-width:100%; display: inline-block; vertical-align: middle; position: relative; margin:0 -3px}

/*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;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:100vw;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(../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;-webkit-transform: translate3d(0, 0, 0) ;transform: translate3d(0, 0, 0);}
.size-large.dragscroll{ overflow:hidden}
.full span{width:100vw;height:100vh;position:absolute;left:0;top:0;z-index:1}

/*PINCH-ZOOM*/
.dragscroll { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; }
.pinch-zoom-container { width: 100vw !important; height: 100vh !important; position: relative; display: block; margin: 0; }
.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 -3px}

/*ZOOM*/
.zoom{width:40px;height:40px;position:absolute;right:15px;top:15px;margin:-40px  0 0 -40px;-webkit-border-radius:50%;border-radius:50%;z-index:20;}
.zoom::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#98272b url(../images/zoom.svg) no-repeat 50% / 90%;-webkit-border-radius:50%;border-radius:50%;}
.zoom-details{ width:50px; height:50px; position:absolute; right:10px; bottom:10px;-webkit-border-radius: 50%;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(../images/zoom.svg) no-repeat 50% / 80%;-webkit-border-radius:50%;border-radius:50%;}
.zoom-large {width:70px;height:70px; position:absolute;top:20px; right:20px;-webkit-border-radius:50%;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(../images/zoom.svg) no-repeat 50% / 90%;-webkit-border-radius:50%;border-radius:50%;}
.zoom-1 {width: 50px;height: 50px;top: 15px;right: 15px;left: auto;margin: 0;}


/*CURSOR MOUSE*/
.touch{background-image:url(../images/pinchzoom.svg);background-position:left top;background-repeat:no-repeat}
.cursor {cursor:url(../images/openhand.png) 8 8, move;}
.drag-cursor {cursor:url(../images/grabbing.png) 8 8, move;}
.go-top{position:fixed; color:rgba(255,255,255,1);right:20px;bottom:50px;width:60px;height:60px;background: 100%);background-color:rgba(0,0,0,0.4); -webkit-border-radius:50%;border-radius:50%;cursor:pointer;opacity:0; display:none;box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);z-index:60;}
.go-top svg{width:80%; height:80%; margin:10%;}
.go-top.show{opacity:1;display:block;}
.wheel{background:url(../images/wheel.png) no-repeat; ;width:66px;height:59px;position:absolute;right: 20px;top: calc(100vh - 260px);-webkit-border-radius:50px;border-radius:50px;opacity:0;pointer-events:none;z-index:20;}
.wheel.screen-wheel {bottom: 30px;top: auto;}
.wheel::after { content: ""; position: absolute; top:0; right:0; bottom: 0; left: 0; margin: auto; }
.wheel.show::after{ background-color: #fff; width: 5px; height: 10px; -webkit-border-radius:10px;border-radius:10px; -webkit-animation: trackBallSlide 3s linear infinite; animation: trackBallSlide 3s linear infinite; }
.wheel.show span { -webkit-animation: trackBallSlide 3s linear infinite; animation: trackBallSlide 3s linear infinite;}
.wheel span {width: auto;height: auto;position: absolute;left: -38px;top: -65px;display: block;}
.wheel.show {opacity: 1}


/*BUTTON*/
.view-album{background-color:#98272b;width:70px;height:70px;position:absolute;left:50%;top:50%;margin:-35px 0 0 -35px; -webkit-border-radius:50%;border-radius:50%;z-index:10;backface-visibility: hidden;}
.view-album::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/album.svg) no-repeat 50% / 80%; -webkit-border-radius:50%;border-radius:50%;}
.view-album::before{content:'';position:absolute;width:calc(100% + 10px);height:calc(100% + 10px); left:-5px; top:-5px;border:5px solid rgba(255, 255, 255,0.8); -webkit-border-radius:50%;border-radius:50%;}

.view-video{background-color:#98272b;width:80px;height:80px;position:absolute;left:50%;top:50%;margin:-35px 0 0 -35px; -webkit-border-radius:50%;border-radius:50%;z-index:10;backface-visibility: hidden;}
.view-video::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/player.svg) no-repeat 50% / 80%; -webkit-border-radius:50%;border-radius:50%;}
.view-video::before{content:'';position:absolute;width:calc(100% + 10px);height:calc(100% + 10px); left:-5px; top:-5px;border:5px solid rgba(255, 255, 255,0.8); -webkit-border-radius:50%;border-radius:50%;}

.player-vid { width: 140px; height: 140px; position: absolute; left: 50%; top: 50%; margin: -70px 0 0 -70px; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; -webkit-border-radius: 50%; border-radius: 50%;  opacity:1; z-index: 99999; }
.player-vid::before{content:""; width:100%; height:100%; position:absolute; left:0; top:0;-webkit-border-radius: 50%; border-radius: 50%;background: url(../images/play.svg)no-repeat 50%/80%; z-index:1 }
.player-vid::after{content:""; width:100%; height:100%; position:absolute; left:0; top:0;-webkit-border-radius: 50%; border-radius: 50%;background:-webkit-linear-gradient(180deg, rgba(91,84,80, 0.8) 0%, rgba(0,0,0, 0.8) 100%);background:linear-gradient(180deg, rgba(91,84,80, 0.8) 0%, rgba(0,0,0, 0.8) 100%);  opacity:0; z-index:-1 }
.player-vid.hide, .player-vid.show.hide {display: none; opacity: 0}
.player-vid.show {display: block; opacity: 1}


/*SCROLL*/
.scrollA{ position:relative; display:block;  margin:0; overflow:hidden;padding-top: 3px}
.scrollB{ width:100%; max-height:calc(100vh - 300px); position:relative; display:block;  margin:0; overflow:hidden;padding-top: 3px}
.scrollC{ width:100%; max-height:calc(100vh - 250px); position:relative; display:block;  margin:0; overflow:hidden;padding-top: 3px}

.scrollB{ width:100%; height:100%; position:relative; display:inline-block;  margin:0; overflow:hidden;max-height: calc(100vh - 400px)}
.sub-menu .nicescroll-cursors{margin-right:-9px}
.nicescroll-rails {margin-left: 20px;background-color: rgba(0,0,0,0.1) !important;border-radius: 10px;-webkit-border-radius: 10px;z-index: 10000 !important}


/*CLOSE*/
.close, .close-video, .close-pics, .close-album, .close-popup, .close-details{background:url(../images/close.svg) no-repeat  center center / contain;display:block;width:60px;height:60px;cursor:pointer;position:fixed;right:30px;top:20px;-webkit-border-radius:50%; border-radius:50%;background-color:#98272b;z-index:999999;box-shadow: -1px 6px 21px 0px rgba(0,0,0,0.2)}
.close-pics-small{background: rgba(0,0,0,0.2) url(../images/close.svg) no-repeat  center center / cover;width:50px;height:50px;cursor:pointer;position:fixed;top:0;right:0;display:none;z-index:99999;}
.close-video {color: #fff;background-color: transparent;}
/*RESET LAYOUT*/
.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;pointer-events:none}
.level-index-in{z-index:9990;}
.visible {overflow: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;}


/*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:99999; }
.video-list{width:100%; height:100%; position:absolute; top:0; left:0; z-index:100;}
.video-wrap{width:100%; height:100%; position:absolute; top:0; left:0; z-index:100;}
.video-skin { position:absolute; bottom:0; left:0;  width:100vw; 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 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; -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; z-index:2}
.pic-video.hide { opacity: 0; z-index: -1 }
.box-video-center { width: 100%; height:100%; position:relative; display:block; margin: 0;text-align: center; z-index: 10 }
.video-cover { width: 100%; height: 100%; position: relative; display: block; background-color:#61676d}
.video-full {width:100%; height:auto;  position:absolute; top:50%; left:0; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity:1}
.overlay-video{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index:-1}

/*CONTROL BAR*/
.controls {position:absolute;width:100%; height:30px;padding:5px 0;bottom:0; left:0; white-space:nowrap; text-align:center; background-color:rgba(255,255,255,0);-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; opacity:0; z-index:10;}
.controls[data-state=hidden] {visibility:hidden;}
.controls[data-state=visible], .controls[data-state=visible].addshow { visibility:visible;bottom:30px; opacity:1}
.controls .progress { cursor:pointer; width:calc(100% - 150px); max-width:220px; 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:rgba(255,255,255,0.2); height:20px;}
.controls button { text-align:center; overflow:hidden; background-color:transparent;  border:none; cursor:pointer; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;  width:30px; height:30px; overflow:hidden; position:relative; display:inline-block; vertical-align:middle; background-position:center center; background-size:contain; background-repeat:no-repeat; font-size:0; padding:0; font-weight:inherit; opacity:1 ; z-index:999}
.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:#ef402a; }
.controls progress::-moz-progress-bar {	background-color:#fff;}
.controls button[data-state="play"] {background-image:url(../images/video/play.svg); width:20px; height:20px; background-size:cover}
.controls button[data-state="pause"] {background-image: url(../images/video/pause.svg); width:20px; height:20px; background-size:cover}
.controls button[data-state="stop"] {background-image: url(../images/video/stop.svg); width:0; height:0; background-size:cover; opacity:0}
.controls button[data-state="mute"] {background-image: url(../images/video/mute.svg); width:25px; height:25px; background-size:cover}
.controls button[data-state="unmute"] {background-image:url(../images/video/unmute.svg); width:25px; height:25px; background-size:cover}
.controls button[data-state="go-fullscreen"] {background-image: url(../images/video/fullscreen.svg);  width:20px; height:20px; background-size:cover;}
.controls button[data-state="cancel-fullscreen"] {background-image: url(../images/video/cancel-fullscreen.svg); width:20px; height:20px; background-size:cover;}
.video-cover[data-fullscreen=true]{ position:fixed; left:0; top:0;}
.video-cover[data-fullscreen=true] video {height:auto;}
.video-cover[data-fullscreen=true] figcaption {display:none;}
.video-cover[data-fullscreen=true] .controls {bottom:30px;opacity:1; z-index:2147483647 !important;}
.video-cover[data-fullscreen=true] .overlay-video{z-index:1000}
.is-Chrome .video-cover[data-fullscreen=true] .controls { display:none}
.is-IOS .video-cover[data-fullscreen=true] .controls { display:none}


/*MOBILE CALL*/
.mobile-call{ width:auto; height:40px; position:fixed; left:10px; bottom:10px; display:none; z-index:12}
.call-icon{ width:40px; height:40px; position:absolute; left:0; top:0; background:#fff url(../images/call.svg) no-repeat 50% / 90%; -webkit-border-radius:50%; border-radius:50%; cursor:pointer; box-shadow: 0 10px 20px rgba(0,0,0,0.2);text-indent: -99999px}


/*MESSAGE*/
.class-hidden{display:none;}
#contact-loader{position:fixed;top:50%;left:50%;z-index:110000;width:82px;height:82px;margin:-41px 0 0 -41px;-ms-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;animation:Rotate 2.5s linear infinite;-webkit-animation:Rotate 2.5s linear infinite;display:none;}
.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;-webkit-border-radius:20px;border-radius:20px;color:#fff;font-family:'Montserrat', sans-serif;font-weight:700;text-align:center;z-index:99999;text-shadow:1px 1px 0 rgba(0,0,0,0.5);}
.color-red{background-color:#dd0000;color:#fff;}
.color-blue{background-color:#008c44;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;-webkit-border-radius:10px; border-radius: 10px; 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: #008c44; }
.blackPopup .formErrorContent {background-color: #393939; color: #fff; }
.ajaxSubmit { padding:20px; background-color:#008c44; display: none }


@media screen and (max-width: 1500px) {
/* NAVIGATION */
.navigation  {padding-top: 90px}
.box-menu {padding: 20px}
.box-menu li a {font-size: 12px}
.box-menu ul ul li a {font-size: 12px}
.navigation .row-nav {width: 95%}
.box-menu h3 {font-size: 20px}
.col-nav:nth-child(4) .box-menu {height: calc(42vh - 26px)}
.col-nav:nth-child(4) .box-menu:last-child h3 {margin: 0}
.col-nav:nth-child(1) .scrollA {height: calc(86vh - 85px)}
.col-nav:nth-child(2) .scrollA, .col-nav:nth-child(3) .scrollA {height: calc(43vh - 70px)}
.col-nav:nth-child(4) .scrollA {height: calc(42vh - 100px)}
.col-nav:nth-child(4) .box-menu:nth-child(2) {height: calc(45vh - 86px);}
.col-nav:nth-child(4) .box-menu:nth-child(2) .scrollA {height: calc(47vh - 170px);}
.box-ani {left: 22%}

}
@media screen and (max-width: 1400px) {
.sub-nav li a {font-size: 13px}
.news-home::before {height: 60%;top: calc(20% + 60px)}
.company-home {width: 42%}
.slide-inner .slide-next {right: -50px;transform: scale(0.7,0.7);}
.slide-inner .slide-prev {left: -50px;transform: scale(0.7,0.7);}

.slide-pics .slide-pagination { bottom: 70px;}

}
@media screen and (max-width: 1300px) {
.bg-fixed {background-attachment: inherit;}
.slide-inner .slide-next, .slide-inner .slide-prev {display: none;}
.footer-full {bottom: 10px}
.slide-next, .slide-prev {transform: scale(0.7,0.7) !important;}
.title-pro h2 {font-size: 40px}
.sub-nav li a {font-size: 12px;padding: 12px 15px;}

 /* HOTLINE */
.home-hotline { bottom: 16px;}

}

@media screen and (max-width:1100px) {
/*SCROLL*/
::-webkit-scrollbar { width:0;}

/*LAYOUT*/
body { overflow-x:hidden; overflow-y:auto;font-family:Arial, Helvetica, sans-serif;}
a, p, ol, ul, blockquote, q, sup, cite, em, i, div, table, textarea, input, select, .slogan h2{font-family:Arial, Helvetica, sans-serif;font-weight:400}
p {font-size: 15px}
/*RESPONSIVE*/
.container {padding-top: 60px;min-height: 10px;}
.wheel, .desktop {display: none;}
.mobile{ display:block}
.bg-fixed {background-attachment: inherit;}
.group-central:nth-child(n), .full-central {background:#a9a9a9 }
.group-central:nth-child(2n) {background:#98272b }
.header {height: 60px;}
.header::before {background-color: #fff;height: 60px;}

    .loadicon {
        transform: scale(0.7,0.7);
        width: 85%;
        height: auto;
        margin: -40px 0 0 -200px;
    }
      

.logo {left: 12px;top: 17px;width: 138px;height: 30px;}
.bg-header {left: 145px;height: 60px;}
.cart-shopping {margin: 0}
.language {margin: 0 10px 0 0}
.right-header {right: 12px;top: 12px}
/*.cart-shopping {position: absolute;top:48px;right: -12px; background-color: rgb(152, 40, 44);}*/
.cart-shopping {color: #333}
.language li a, .search-but {width: 35px;height: 35px;}
.link-home {display: none;}
.link-home a {color: #333}
.link-home svg {width: 17px}
.language li a {line-height: 35px;font-size: 13px;border: 0}
.nav-click.active::before {width: 71px;height: 78px;}
.search-but, .language li a {color: #333}
.nav-click::after {color: #333}
.nav-click span {background-color: #333;}
.nav-click.active span {background-color: #fff}
.slogan {left: 197px;top: 2px; transform: scale(0.8,0.8);}

/* NAV */
.bg-nav {background:rgba(0,0,0,0.5) !important;}
.col-nav {width: 100%;display: block;margin: 0;}
.navigation {width: 90%;max-width: 400px;background-color: #98272b;padding-top: 60px;left: auto;right: 0;-webkit-transform: translateX(120%);transform: translateX(120%);display: block;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.navigation.show {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.navigation .row-nav {width: 100%;overflow-y: auto;padding: 0;position: absolute;height: 100%;padding-bottom: 60px;-webkit-overflow-scrolling: touch;}
.col-nav .box-menu {height: auto !important;background-color: #333;padding: 0}
.box-menu li a {padding: 20px;border-bottom: 1px solid #1f1f1f;font-size: 14px;}
.box-menu h3 {margin: 0}
.box-menu h3 a {color: #fff;padding: 20px;background-color: #676767;display: block;}


/*SCROLL*/
.scrollA, .scrollB, .scrollC{ width:100%; height:auto !important; display:block; overflow:visible;max-height: none !important;}

/* SEARCH */
.seach-top {z-index: 20}
.search-form {top: 50px;border-radius: 0;right: -106px;}
.search-form.active {width: 100vw;max-width: 400px;background-color: #98272b;top: 48px;}
.form-row-search input[type="text"] {color: #fff}
.form-row-search input[type="text"]:focus{color:#fff; }


/*SLIDE FULL*/
.box-slider {height: auto; position:relative; left:auto; top:auto; overflow:visible ;float: none;}
.content-main  {position: relative;height: auto;padding-top: 0;overflow: initial;}
.group-central, .full-central {position: relative; width: 100%; height: auto; left: auto; top: auto;float: none; display: block; text-align: center; -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; z-index: auto !important; overflow: visible; }
.bg-cover{height:calc(1125/2000 * 100vw); }
.bg-home{height:calc(1125/2000 * 100vw);min-height: 300px}
.bg-inner{height:calc(900/2000 * 100vw); min-height:300px }
.group-left, .group-right {position: relative;right: auto;left:auto;width: 100% !important;padding: 0;margin: 0}
.group-right::before, .group-right::after, .group-left::before, .group-left::after {display: none;}
.box-nav {display: none;}

/*NEXT-PREVIOUS*/
.allvideo{top:0;z-index:5000;}
.album-pic-center img{max-height:inherit}


/*CLOSE*/
.close-album, .close-video, .close-popup{width:50px;height:50px; right:0; top:0;background-color:#98272b; -webkit-border-radius:0; border-radius:0}

.close-pics{ display:none}
.close-pics-small{display:block;}
.close{width:50px;height:50px; right:50%; top:auto; bottom:-25px; margin:0 -25px 0 0}

/*ALBUM THUMB*/
.thumb-content{bottom:60px}
.gallery-thumbs .item-container{width:80px;height:50px}
.thumb-box{position:relative;bottom:auto;left: auto;}



/*MAP*/
.zoom-control{display:none;}
.close-map{width:40px;height:40px;}
#map-canvas {height: 70vh}
.googlemap::before, .googlemap::after{ display:none}
.is-IOS .gm-style button{display:none !important}

/*FORMAT FONT*/
.radio-box label span,input[type="text"], input[type="password"], textarea,.input-select select,.input-select select option, #catalogue-page .input-select select{font-size: 15px}


/*DETAILS CONTENT*/
.detail-popup {position: relative;}
.details-content::before,.details-content::after, .details-content > span{ display:none}
.details-center{width:100%;}
.details-center h2{font-size:24px;font-weight:300;padding:20px 5%;}
.details-outer{ padding:0 20px 20px 20px;}
.details-text{padding:10px 0;}
.details-text h3{font-size:15px;}
.details-text p{font-size:14px;}
.details-text table tbody:only-child tr:first-child td,.details-text table thead th ,.details-text table thead td{font-size:14px;}
.download-but{padding:0 0 30px 0;}
.download-but a{padding:10px 60px 10px 20px;-webkit-border-radius:40px;border-radius:40px;}
.download-but a::after{right:10px; width:30px; height:30px; margin-top:-15px;}
.download-but a::before {-webkit-border-radius:50px;border-radius:50px;}
.details-center .download-but span{font-size:14px;font-weight:400;}
.details-center .download-but h3{font-size:18px;}


/*SUB NAV*/
.outer-nav {margin: 0;position: relative;}
.sub-nav ul{background-color: #e3e3e3}
.sub-nav li a{font-size:12px; padding: 12px}
.outer-nav.second.fixed {top: 60px;}
.sub-nav ul {display: block;}


/* TITLE */
.title-content {margin-bottom: 20px;text-align: center;}
.title-content h2, .title-1 h2 {font-size: 25px;}
.title-page {padding: 15px 10px;width: 100%;transform: none;left: 0;top: auto;bottom: 0;display: block;}
.title-page::before {border-radius: 0}
.title-page h1 {font-size: 40px}


/*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%}
.go-top{width:40px; height:40px;bottom:15px; border:none; right:10px;background-color: rgba(0,0,0,0.5);}
.color-show{ -webkit-transition: none; transition: none;}

/*PRINT SHARE*/
.print-but, .save-but, .share-but::before{display:none}
.share-but{ height:auto; line-height:inherit; padding:0 0 10px 0;background-color: transparent;color: #fff !important}
.share-item{position:relative;right:auto; bottom:auto;height:auto;}
.share-item ul{ text-align:center; padding:0}
.share-item li{-webkit-transform:none;transform:none; left:auto; opacity:1}
.item-num {padding: 0px 10px;}

/* TITLE */
.title-main {margin-bottom: 20px;}
.title-main h2 {font-size: 35px;}

/*BANNER HOME*/
.slide-pics .slide-pagination {bottom: 14px;text-align: center;}
.text-banner {position: relative;bottom: auto;left: auto;background-color: #98272b;padding: 20px 20px 40px 20px}
.description {width: auto;height: auto;padding: 0px;text-align: center;max-width: 500px;margin: auto;}
.description::before, .description::after {display: none;}
.description p {padding-left: 35px;min-height: 84px}
.description p::before {left: 0px;transform: scale(0.7,0.7);}
.slide-pics .slide-page.active span:not(.dot-number) {background-color: #fff;}
.slide-pics .slide-page.active span:not(.dot-number)::before {border-color: #fff}

/* FOOTER */
.footer-full {position: relative;display: block;background-color:#98272b;bottom: auto;left: auto;opacity: 1 !important;}
.social {display: block;text-align: center;padding: 10px 0;background-color: #8c8888;margin: 0}
.copyright {display: block;text-align: center;padding: 20px 10px 50px 10px;line-height: 1.5}
.footer-page {padding: 0}
.copyright a {display: block;}


/* HOME PAGE */
.img-info {display: none;}
.content-main {padding: 30px 0}
.content-main::before, .content-main::after {display: none;}
.info-content h2 {font-size: 50px;margin-bottom: 30px;text-align: center;color: #333}
.info-content {margin: -60px auto 0 auto;width: auto;max-width: 600px;background-color: #fff;padding: 20px;-webkit-border-radius: 20px;border-radius: 20px;backface-visibility: hidden;}
.slider-custom .slide-pagination {margin-top: 25px;}
.slider-custom .slide-buttons {bottom: 22px;display: none;}
.item-news-home {width: calc(48% - 2px)}
.info-pro-home {width: 96%;margin-top: 5px}
.news-home::before {display: none;}
.box-ani {display: none;}
.consulting-home {overflow: hidden;}
.consulting-home::before {content: ' ';position: absolute; width: 600px; height: 600px;top: 50%;left: 50%;background:url(../images/box.svg) no-repeat center center/cover;transform: translate(-50%,-50%);}
.project-home::before {width: 100%}
.item-project-home {padding-right: 0px;}
.txt-project-home {position: relative;display: block;right: auto;bottom: auto;border-radius: 0px;width: auto;}
.company-home {width: auto;}
.contact-home .map-view {position: relative;height: 70vh;top: auto;right: 0;border-radius: 0;width: 100%}
.bg-blur {filter: inherit;transform: none;}
.product-home .bg-cover, .news-home .bg-cover {display: none;}
.item-project-home .pic-img {height: }
.slider-project {margin-top: 0}
.txt-pro-home::before {background-color: #333;transform: none;opacity: 1;}
.txt-pro-home {position: relative;top: auto;width: 100%;left: auto;transform: none;}
.pic-item-product {height: 300px}
.consulting-box::after, .consulting-box a {transform: scale(0.7,0.7);}
.consulting-box::after{top: 0px;right: -28px;}
.consulting-box a {padding: 33px 5px 0 5px}
.consulting-box a::before {width: calc(100% + 20px);height: calc(100% + 20px);left: -10px;top: -10px}
.item-project-home .pic-img {height:calc(1125/2000 * 100vw)}
.title-h h2 {font-size: 35px}
.info-home .bg-cover {position: relative;}
.news-home {background-color: rgb(152, 40, 44)}
.contact-home .bg-cover {position: relative;}
.contact-home .bg-cover::before {display: none;}
.item-product-home .pic-img {height: 400px}
.box-info {-webkit-border-radius: 0;border-radius: 0;padding: 0;background-color: transparent;}

/* ABOUT PAGE */
.info-about-1 .bg-cover, .info-about-2 .bg-cover {height: 100%;opacity: 0.5}
.txt-about-1, .txt-about-2 {width: 100%;max-width: 700px;margin: auto;display: block;}
.title-txt-2 h2 {width: 100%;text-align: center;display: block;}
.txt-about-2 ul li {font-size: 14px;margin: 10px 0}
.txt-about-quality, .txt-about-quality-2, .txt-about-quality-3 {max-width: 700px;}
.txt-about-quality, .txt-about-quality-2 {margin: auto;}
.txt-about-quality > h2, .title-2 h2 {font-size: 25px}
.view-video, .view-album {width: 60px;height: 60px;margin: -30px 0 0 -30px }

/* PRODUCT PAGE */
.info-product .bg-cover, .list-product .bg-cover {position: relative;top: auto;left: auto;}
.info-product .container-main {padding: 20px;-webkit-border-radius: 10px;border-radius: 10px;background-color: #333;margin: -50px auto 0 auto;max-width: 700px}
.info-product .title-pro h2 strong {color: #fff}
.title-pro h2 {font-size: 35px;}
.list-product .container-main {width: 95%; padding: 15px;-webkit-border-radius: 10px;border-radius: 10px;background-color: #861e22;margin: -50px auto 0 auto;max-width: 700px}
.pic-pro {height: auto;}
.info-product .bg-cover::before, .list-product .bg-cover::before {display: none;}
.txt-info-product p {font-size: 15px}
.item-pro {width: calc(33% - 10px);display: inline-block;margin: 10px 0;vertical-align: top;}
.slider-product  {position: relative;display: block;width: 100%;height: auto;text-align: center;}
.slider-product .slide-buttons {display: none;}
.pic-pro::before, .pic-pro::after {display: none;}
.new-product {top: 20px;right: 20px;}

/* PRODUCT DETAIL PAGE */
.tab-des {display: none;}
.all-tab-content {left: auto !important;width: auto !important;height: auto !important;}
.description-detail::before {height: 100%;top: 0}
.tab-content {display: block;padding: 30px 0;border-top: 1px solid #ddd}
.tab-content h2 {display: block;text-transform: uppercase;color: #98272b;font-weight: 700;margin-bottom: 15px;font-size: 18px}

.title-product-detail {width: 90%;}
.title-product-detail h2{font-size: 22px;}


/* PROJECT PAGE */
.item-project .pic-img {height: auto;;padding-top: 70%}
#projects-page .group-central:nth-child(2n) {background-image: none;}
#projects-page .group-central:nth-child(2n) .project-img::before {background-color: #333}
#projects-page .group-central:nth-child(2n) .title-pro h2 strong {color: #fff}
.item-project h3 {font-size: 17px}
.list-product {padding: 0}
.cart-popup {overflow: auto;padding: 20px 0}
.title-pro1 span{font-size:18px;}
.title-pro1 h3 {font-size:30px;}

/* PROJECT DETAIL PAGE */
.item-pic-pro .pic-img {height: 300px}
.slider-pic-project {width: 80%}
.slide-inner .slide-buttons {display: none;}
.zoom-1 {width: 30px;height: 30px;}



/* RESOLUTION PAGE */
#resolution-page .title-pro h2 strong {font-size: 30px}

/* RESOLUTION DETAIL PAGE */
.load-text {padding: 0 5%}
.slider-same .item-sol {min-height: 100px;margin: 10px 2px;padding: 10px 10px 10px 110px;width: calc(49% - 4px);display: inline-block;}
.slider-same .item-sol .view-info {display: none;}
.slider-same .item-sol .pic-img {width: 100px;height: 82px;position: absolute;left: 10px;}
.slider-same .txt-sol {padding-right: 0px}
.slider-same .txt-sol h3 {height: 53px;border: 0;margin: 0;padding: 0;font-size: 14px;font-weight: normal;}
.section-same {background-color: #616161}
.section-same .title-1 h2 {color: #fff;background: transparent;}
.section-same .title-1::before {display: none;}

/* FORM */
input[type="text"], input[type="password"]{height:56px;line-height:56px;font-size: 14px;margin: 0}
textarea {font-size: 14px;}
.pass-mask{line-height:54px;font-size: 14px;}
.captcha{float:none;display:inline-block;vertical-align:top;width:110px;height:60px;overflow:hidden;margin:-5px 2px 0 2px}
.g-recaptcha > div{margin:-6px 0 0 -2px;overflow:hidden}
.captcha::after{content:'';position:absolute;right:0;top:0;display:inline-block;width:60px;height:60px;background:url(https://www.gstatic.com/recaptcha/api2/logo_48.png) no-repeat center center;z-index:3;background-color:#f9f9f9}
.captcha + .outer-but{float:none;display:inline-block;vertical-align:top}
.captcha + .outer-but button{height:60px;line-height:60px;padding:0 20px;font-size:16px}
.load-title h3 {font-size:18px;}
.join-title h3 {font-size: 20px}
.top-order-main h2 {font-size: 23px;margin-top: 10px}
.outer-but .btn-orange {padding: 18px 20px;margin-top: 5px;margin-left: 10px}
.input-but {margin-top: 10px;text-align: center;}

/* CART PAGE */
.cart-box{width:100%}
.cart-items-box{padding:0 0px 20px 0px}
.cart-items{display:inline-block;padding:5px;background-color: rgba(0,0,0,0.1);-webkit-border-radius:5px;border-radius:5px}
.cart-top{display:block;height:30px;float:left;clear:both}
.cart-top .cart-no, .cart-top .cart-quantity, .cart-top .cart-delete{display:none}
.cart-group{min-height:150px;float:left;clear:both;margin:0 0 5px 0}
.cart-top li,.cart-group li{position:absolute;display:block}
.cart-no{width:30px;padding:10px 0;left:0;top:0;height:100%; text-align:center; font-size:18px}
.cart-img{width:140px;left:32px;top:0;height:100%}
.cart-name{width:224px;padding:10px;left:174px;top:0;height:100%; max-width:inherit}
.cart-quantity, .cart-price{width:calc(100% - 400px);left:400px;height:calc(50% - 1px);max-width:inherit;text-align:center}
.cart-quantity input, .cart-down, .cart-up{height:30px;width:30px}
.cart-group .cart-price{top:0;padding:0;line-height:78px}
.cart-group .cart-quantity{bottom:0;padding:0;line-height:78px}
.cart-group .cart-delete{right:0;bottom:20px;background-color:rgba(0,0,0,0.1);width:40px;height:40px;padding:0;line-height:35px;-webkit-border-radius:3px;border-radius:3px}
.cart-top .cart-img, .cart-top .cart-name, .cart-top .cart-price{padding:0;height:30px;line-height:30px;font-size:13px;text-align:center}
.cart-bill{padding:10px 0px 30px 0px;}
.cart-bill span{font-size:26px}
.cart-bill span.cart-total{font-size:26px}
.cart-bill .cart-total small{font-size:24px;top:0}
.cart-img a {height: 150px}
.cart-img a {padding: 10px;}
.cart-text {width: 20px;height: 20px;line-height: 20px;right: 1px;top: -2px}

/* NEWS PAGE */
#news-page .wrap-content {width: 95%}
.list-news .item-news-home {margin: 5px}

/* NEWS DETAIL PAGE */
.news-detail .date-thumb {top: 0}
.news-detail .date-thumb {font-size: 13px}
.news-detail .date-thumb span {display: inline-block;font-size: 13px}
.news-detail .date-thumb span::before {content: '-';display: inline-block;margin: 0 3px}
.news-detail .load-text {padding-top: 30px;}
.news-detail .load-title {padding: 0 0 15px 0}
.slider-same .item-news-home  {min-height: 100px;margin: 5px 2px;padding: 10px 10px 10px 110px;width: calc(49% - 2px);display: inline-block;}
.slider-same .item-news-home  .view {display: none;}
.slider-same .item-news-home  .pic-img {width: 100px;height: 82px;position: absolute;left: 10px;}
.slider-same .item-news-home  {padding-right: 0px}
.slider-same .item-news-home  h3 {height: 53px;border: 0;margin: 0;padding: 0;font-size: 14px;font-weight: normal;}
.slider-same .item-news-home  .date-thumb {font-size: 13px;right: 0;left: auto;}
.slider-same .item-news-home  .date-thumb span {display: inline-block;font-size: 13px}
.slider-same .item-news-home  .date-thumb span::before {content: ' / ';display: inline-block;}
#news-detail-page .back-button, #resolution-detail-page .back-button {padding-bottom: 30px}

/* RECRUITMENT */
.table-re {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;}
.join-us {display: none;}

/* CONTACT PAGE */
.contact-form .btn-1 {padding: 16px}

/* HOTLINE */
.home-hotline {display: none;}

}

@media screen and (max-width:840px) {
	
/* PRODUCT PAGE */
.item-pro {width: calc(50% - 10px);}

/* PRODUCT DETIAL PAGE */
.left-detail {float: none;width: 100%}
.right-detail {float: none;width: 100%;padding: 30px 0 0 0}

/* NEWS PAGE */
.list-news .item-news-home {margin: 5px;width: 48%}

/* RECRUITMENT */
.table-re th {display: none;}
.table-re {min-width: 10px}
.table-re tr:last-child{ margin:0;}
.table-re td { border:none; border-bottom: 1px solid #fff; display: block; text-align: right; padding:8px 20px; position:relative; }
.table-re td::before {content:attr(data-label); float:left; font-size:12px; color:#888; font-weight:bold; position:absolute; left:20px; top:50%; margin:-8px 0 0 0 }
.table-re td:last-child { border-bottom: 0;}
.table-re td:nth-child(2),  .career-list td:nth-child(3){ text-align:right}
.status.hot {display: inline-block;}
table td {background-color: #fff;}
table tbody tr:nth-child(even) td {background-color: #f3e4e1;}


}
@media screen and (max-width:720px) {
/* CONTACT PAGE */
.row-support:first-child {display: none;}
.row-support {display: block;margin-bottom: 20px}
.row-support:last-child {margin: 0}
.col-support {display: block;width: 100%;border: 0}
.title-mobile {background-color: #8c8c8c;padding: 15px;text-transform: uppercase;font-weight: 700;color: #fff;font-size: 14px;display: block;}
.row-support .col-support:first-child {background-color: #98272b;font-weight: 700;}

}

@media screen and (max-width:670px){
.slogan {display: none;}

/* TITLE */
.title-page h1 {font-size: 23px}

/* ABOUT PAGE */
.txt-about-1 > h2, .txt-about-3 > h2 {font-size: 23px;text-align: center;margin-bottom: 20px}
.title-txt-2 h2 {font-size: 23px}
.padding-main {padding: 30px 0}



/* PROJECT PAGE */
.project-img {padding: 0px}
.item-project {background-color: #fff;padding: 5px}
.item-project h3 {color: #333;margin-bottom: 15px;font-size: 15px;padding: 0}

/* CART PAGE */
.cart-group{min-height:220px;}
.cart-top .cart-img{display:none}
.cart-top .cart-name{left:0;height:100%;top:0;width:50%; font-size:12px}

.cart-no{width:25px;padding:40px 0 0 0;font-size:20px}
.cart-img{width:calc(50% - 25px);height:80px;max-width:inherit;left:27px}
.cart-img a{padding:5px;height: 80px}
.cart-img a img{height:100%; width:auto; margin:0 -50%; display:inline-block}
.cart-price{width:calc(50% - 2px);left:auto;right:0}
    
.cart-name{width:calc(50% - 25px);max-width:inherit;padding:10px;height:calc(100% - 82px);left:27px;top:auto;bottom:0;font-size:12px;}
.cart-name h3{font-size:12px}
.cart-name p{font-size:11px}
.cart-group .cart-quantity, .cart-group .cart-price{width:calc(50% - 4px);left:auto;right:0;line-height:119px}
.cart-group .cart-price{font-size:18px}
.cart-down, .cart-up{width:25px;height:25px;font-size:24px;line-height:25px}
.cart-quantity input{width:25px; font-size:13px;}
.cart-group .cart-delete{bottom:0;width:30px;height:30px;line-height:30px}
.cart-group .cart-delete span{font-size:18px}

/* NEWS PAGE */
.list-news .item-news-home {margin: 10px auto;width: 100%;max-width: 400px}
#news-page .wrap-content {width: 90%}

/* RECRUITMENT */
table td a {padding-left: 100px}

/* CART POPUP */
.col-6 {width: 100%;padding: 0;float: none;}
.cart-popup-content {padding: 20px}
.cart-popup-content .contact-form {width: 100%}
.col-12 {padding: 0}
.cart-popup-content input[type="text"] {height:40px;line-height: 40px }
.select-header h3, .select-box li h3 {font-size: 14px;}
.select-header h3, .select-list, .select-header .but {height: 40px}
.select-header h3 {line-height: 40px}
.select-box {top: 40px}

}

@media screen and (max-width:620px){
/* RESOLUTION DETAIL PAGE */
.slider-same .item-sol, .slider-same .item-news-home {width: 100%;display: block;}
.title-pro h2 {font-size: 30px}
.btn-1, .btn-grey{padding: 15px 10px;font-size: 13px}

/* NEWS DETAIL PAGE */
.news-detail .load-title h3 {font-size: 16px}

/* PRODUCT PAGE */
.new-product {top: 0px;right: 0px;-webkit-transform: scale(0.8,0.8);transform: scale(0.8,0.8);}

}


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

/* HOME PAGE */
.description h2 {font-size: 25px;}
.description p {font-size: 15px}
.info-content h2 {font-size: 30px;margin-bottom: 20px}
.title-pro p {font-size: 18px}
.title-pro h2, .title-h h2 {font-size: 25px}
.title-pro, .title-h {margin-bottom: 20px}
.item-news-home {width: 100%;display: block;}
.info-pro-home {width: 100%;margin: 0;display: block;}
.info-pro-home {padding: 20px;}
.info-pro-home h3 {font-size: 30px;}
.info-pro-home p {height: auto;}
.txt-project-home {padding: 20px}
.title-project {font-size: 20px}
.txt-project-home h3 {font-size: 15px}
.company-home h2 {font-size: 18px;}
.box-menu h3 {font-size: 16px}
.consulting-box::after{top: 0px;right: -28px;width: 100px;height: 100px}
.consulting-box a {padding: 21px 5px 0 5px;width: 90px;height: 90px;font-size: 21px;bottom: 18px;}
.consulting-box::before {width: 300px;height: 300px}
.hotline p {font-size: 16px;margin-bottom: 0}

/* ABOUT PAGE */
.txt-about-quality > h2 {font-size: 22px;margin-bottom: 20px}
.title-2 h2 {font-size: 22px}
.title-1, .title-2 {margin-bottom: 20px}
.txt-about-quality,.txt-about-quality-3 {padding: 20px}
.slider-cer {margin-bottom: 20px}
.main-cer img {width: 100%;max-width: none;}
.about-quality-1 {padding: 30px 0 50px 0 }
.about-quality-2 {padding:0 0 70vh 0 }
.about-quality-2 .bg-cover {height: 70vh;}
.row-partner {text-align: center;}
.item-partner {display: inline-block;vertical-align: middle;width: calc(50% - 16px);margin:5px;}

/* PRODUCT DETAIL PAGE */
.item-11 {height: 400px}
.title-right-detial h2 {font-size: 30px;}
.title-right-detial h3 {font-size: 24px;}


.title-product-detail {width: 100%;padding: 15px 10px;font-size: 22px;text-align: center;}

/* PROJECT DETIAL PAGE */
.item-pic-pro .pic-img {height: 250px}
.txt-info-project {padding: 20px}

/* RESOLUTION PAGE */
#resolution-page .title-pro h2 strong {font-size: 22px}
.txt-resolution {margin-bottom: 20px}

/* RESOLUTION DETAIL PAGE */
.load-title {padding: 15px;}
.load-title h3 {font-size: 17px}
.title-proin {padding: 0 10px;}


}


@media screen and (max-width:440px){
p {font-size: 14px;}
.title-pro h2, .title-h h2 {font-size: 22px}
.info-pro-home h3 {font-size: 25px}
.title-product-detail {font-size: 18px}

/* NEWS DETAIL PAGE */
.news-detail .load-title h3 {font-size: 15px}

/*PRODUCT DETAILS*/
.title-product-detail h2{font-size: 18px;}
.title-right-detial h2 {font-size: 24px;}
.title-right-detial h3 {font-size: 18px;}
.title-pro1 span{font-size:16px;}
.title-pro1 h3 {font-size:24px;}

/* CONTACT PAGE */
.item-support {padding: 15px}
.company-contact h3 {font-size: 17px}

}



@media print {
/*FORMAT STYLE TO PRINT*/
.title-page, .slide-pagination, .slide-buttons, .print, .header, .footer,.phone-call-page, .outer-nav, .load-content::before, .scroll-slide, .section-page, .section-same, .go-top, body::before, body::after, .loadicon, .wheel{ display:none !important}
.container, .load-content, .news-detail{opacity: 1!important; margin:auto; visibility:visible}
}


/*CSS Document */
.sub-nav::-webkit-scrollbar{width:0 !important; height:0 !important; display:none!important}
.scroll-slide::-webkit-scrollbar{width:0 !important; height:0 !important; display:none!important}
.content-table::-webkit-scrollbar{width:0 !important; height:0 !important; display:none!important}
.nav::-webkit-scrollbar{width:0 !important; height:0 !important; display:none!important}
.sub-news::-webkit-scrollbar{width:0 !important; height:0 !important; display:none!important}

.controls progress::-webkit-progress-value, .controls progress::-webkit-progress-bar  {background-color:rgba(255,255,255,0.5) !important;}
:-webkit-full-screen-ancestor:not(iframe), :-webkit-full-screen{background-color: white !important; position:fixed !important;left:0;top:0;z-index:2147483647!important;}