@charset "utf-8";





/* Font-Face
============= */
@font-face {
  font-family:'db_heavent-bold';
  src:url('fonts/db_heavent/db_heavent_bd_v3.2-webfont.eot');
  src:url('fonts/db_heavent/db_heavent_bd_v3.2-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/db_heavent/db_heavent_bd_v3.2-webfont.woff2') format('woff2'),
       url('fonts/db_heavent/db_heavent_bd_v3.2-webfont.woff') format('woff'),
       url('fonts/db_heavent/db_heavent_bd_v3.2-webfont.ttf') format('truetype');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:'db_heavent-medium';
  src:url('fonts/db_heavent/db_heavent_med_v3.2-webfont.eot');
  src:url('fonts/db_heavent/db_heavent_med_v3.2-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/db_heavent/db_heavent_med_v3.2-webfont.woff2') format('woff2'),
       url('fonts/db_heavent/db_heavent_med_v3.2-webfont.woff') format('woff'),
       url('fonts/db_heavent/db_heavent_med_v3.2-webfont.ttf') format('truetype');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:'db_heavent-regular';
  src:url('fonts/db_heavent/db_heavent_v3.2-webfont.eot');
  src:url('fonts/db_heavent/db_heavent_v3.2-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/db_heavent/db_heavent_v3.2-webfont.woff2') format('woff2'),
       url('fonts/db_heavent/db_heavent_v3.2-webfont.woff') format('woff'),
       url('fonts/db_heavent/db_heavent_v3.2-webfont.ttf') format('truetype');
  font-weight:normal;
  font-style:normal;
}
/* End Font-Face ------------- */





* {-webkit-tap-highlight-color:transparent; outline:none; }



#wrapper *,
#wrapper *::before,
#wrapper *::after {box-sizing:border-box; }



body {background-color:#fff; margin:0; padding:0; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }





/* Paragraph Style
============= */

h1, h2, h3, h4, h5, h6 {margin:0; font-weight:normal; line-height:0.9em; }

h1 {font-size:36px; }
h2 {font-size:30px; }
h3 {font-size:24px; }
h4 {font-size:18px; }
h5 {font-size:14px; }
h6 {font-size:12px; }

ul, ol {padding:0; margin:0; list-style:none; }

body, p, td, th, li {font:20px/1em 'db_heavent-regular', 'FontAwesome', Arial, Helvetica, sans-serif; color:#191919; }

blockquote {margin:0 0 18px 18px; color:#666; font-style:normal; }

strong {font-weight:normal; }
em {font-style:normal; }

p {margin:0; }
p + p {margin-top:28px; }

a {transition:color 150ms ease; }
a:link, a:visited {color:#191919; text-decoration:none; }
.desktop a:hover, a:active {color:#20ab58; }
.desktop .img a {display:block; overflow:hidden; }
.desktop .img a img {transition:150ms ease; } 
.desktop .img a:hover img {-webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); }


label,
button {cursor:pointer; }

/* End Paragraph Style ------------- */





/* Standard Style
============= */

.left {float:left; }
.right {float:right; }

.img-left {float:left; margin:20px 20px 20px 0; }
.img-right {float:right; margin:20px 0 20px 20px; }

.align-right {text-align:right; }
.align-left {text-align:left; }
.align-center {text-align:center; }
.align-justify {text-align:justify; }

.hide {display:none; }
.block {display:block !important; }
.inline {display:inline !important; }

.clear {height:0px; display:block; padding:0; margin:0; line-height:0; clear:both; overflow:hidden; visibility:hidden; }

.clear-float::after {content:''; height:0px; display:block; padding:0; margin:0; line-height:0; clear:both; overflow:hidden; visibility:hidden; }

/* End Standard Style ------------- */





/* Standard Layout
============= */

.page-center {width:1170px; max-width:calc(100vw - 30px); height:100%; position:relative; margin:0 auto; }

/* End Standard Layout ------------- */





/* Main Elements
============= */

#wrapper {min-height:100vh; height:100%; position:relative; margin:0 auto; overflow:hidden; }



#header,
#container,
#footer {width:100%; position:relative; padding:0; margin:0; overflow:hidden; }



#container {min-height:calc(100vh - 149px); padding:40px 0; margin-top:82px; }

.home-page #container,
.about-us-page #container,
.products-page #container {padding:0!important; }

/* Main Elements ------------- */





/* Share
============= */

/* Header */
#header {height:82px; background-color:#fff; box-shadow:2px 0 7px rgba(0,0,0,0.11); position:fixed; left:0; top:0; z-index:131313; overflow:visible; }
#header > .page-center {z-index:1; }


#header .btn-menu {display:none; }


#header .logo {width:121px; position:relative; float:left; margin-top:15px; z-index:1; }
#header .logo a,
#header .logo a img {width:100%; display:block; }


#header .mainmenu {float:left; margin-left:80px; }
#header .mainmenu > ul > li {float:left; font-size:24px; }
#header .mainmenu > ul > li > a {height:82px; display:block; position:relative; padding:0 15px; line-height:82px; z-index:1; }
#header .mainmenu > ul > li > a::after {content:''; width:calc(100% - 28px); height:3px; display:block; background-color:#20ab58; position:absolute; left:50%; bottom:0; -webkit-transform:translateX(-50%) scale(0); -ms-transform:translateX(-50%) scale(0); -o-transform:translateX(-50%) scale(0); transform:translateX(-50%) scale(0); transition:200ms ease; }
#header .mainmenu > ul > li.expand > a,
#header .mainmenu > ul > li > a.active {color:#20ab58; }
.desktop #header .mainmenu > ul > li > a:hover::after,
#header .mainmenu > ul > li > a.active::after {-webkit-transform:translateX(-50%) scale(1); -ms-transform:translateX(-50%) scale(1); -o-transform:translateX(-50%) scale(1); transform:translateX(-50%) scale(1); }

#header .submenu {width:80%; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; position:absolute; left:50%; top:82px; padding:12px 0 36px; margin-left:-40%; opacity:0; visibility:hidden; transition:150ms ease; }
/* #header li:hover .submenu {opacity:1; visibility:visible; } */
#header li.expand .submenu {opacity:1; visibility:visible; }
#header .submenu::before {content:''; width:500%; height:100%; background-color:#fff; position:absolute; left:-250%; top:0; }
#header .submenu::after {content:''; width:500%; height:82px; background-color:#fff; box-shadow:2px 0 7px rgba(0,0,0,0.11); position:absolute; left:-250%; top:-82px; }

#header .submenu .col {min-width:33.33%; min-height:100%; border-left:1px solid #ebebeb; position:relative; padding:25px 40px 8px; }
#header .submenu .col:first-child {border:none; }
#header .submenu .col img {width:100%; display:block; }
#header .submenu .col h2 {position:relative; padding-left:22px; margin-top:0; font-size:24px; font-family:'db_heavent-bold'; color:#20ab58; text-transform:uppercase; }
#header .submenu .col h2 a {color:#20ab58; }
#header .submenu .col h2 i {position:absolute; left:-5px; top:-3px; }
#header .submenu .col ul {margin-top:22px; margin-left:36px; }
#header .submenu .col ul li {margin-top:16px; }
#header .submenu .col ul li:first-child {margin-top:0; }
#header .submenu .col ul li a {font-size:22px; color:#555; }
#header .submenu .col ul li a:hover {color:#20ab58; }


#header .btn-searchbox {display:none; }

#header .box-search {width:195px; height:37px; display:block; background-color:rgba(255,255,255,0.8); position:absolute; right:46px; top:24px; }
#header .box-search::before {content:'\f002'; height:20px; display:block; position:absolute; left:15px; top:8px; font-family:'fontAwesome'; font-size:13px; color:#20ab58; }
#header .box-search .inputtext-style {padding-left:46px; font-size:22px; font-family:'db_heavent-regular'; color:#555; }
#header .box-search .inputtext-style::-webkit-input-placeholder {color:#c5c3c3; }
#header .box-search .inputtext-style::-moz-placeholder {color:#c5c3c3; }
#header .box-search .inputtext-style:-ms-input-placeholder {color:#c5c3c3; }
#header .box-search .inputtext-style:-moz-placeholder {color:#c5c3c3; }


#header .btn-language {width:30px; height:30px; display:block; background-color:#20ab58; border-radius:50%; position:absolute; right:0; top:26px; font-size:18px; line-height:30px; text-align:center; color:#fff; }
/* End Header */





/* Footer */
#footer {background-color:#fff; border-top:1px solid #ebebeb; }

#footer .left ul {overflow:hidden; }
#footer .left ul li {float:left; font-size:22px; }
/*#footer .left ul li a {display:block; position:relative; padding:22px 28px; }*/
#footer .left ul li a {display:block; position:relative; padding:22px 18px; font-size: 18px }
#footer .left ul li a::before {content:''; width:1px; height:14px; display:block; background-color:#221f20; position:absolute; left:0; top:50%; margin-top:-7px; }
#footer .left ul li a.active {color:#20ab58; }
#footer .left ul li:first-child a::before {display:none; }

#footer .right p {padding:22px 0; font-size:22px; font-family:'db_heavent-medium'; }
/* End Footer */





.bg {width:100%; height:100%; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0; }
.bg.-bottom {background-position:50% 100%; }



.dummy {width:100%; opacity:0; visibility:hidden; }



.content {height:100%; position:relative; overflow:hidden; }



html .btn-style {display:inline-block; background-color:#50b356; border:none; padding:10px 26px; font-size:20px; color:#fff !important; }



html .btn-viewall {height:42px; display:block; background:url('../img/icons/more-green.png') no-repeat; position:absolute; right:0; top:0; padding-left:50px; font-size:28px; font-family:'db_heavent-regular'; line-height:42px; color:#626161; }



.nav-num .owl-dot {float:left; margin-left:12px; cursor:pointer; }
.nav-num .owl-dot:first-child {margin-left:0; }
.nav-num .owl-dot span {width:16px; height:16px; display:block; background:url('../img/icons/octagon-border.png') no-repeat;}
.nav-num .owl-dot.active span {background-image:url('../img/icons/octagon-fill.png'); }





/* Toolkit */
.list-bullet {padding:0; margin:10px 0; list-style:none; }
.list-bullet > li {position:relative; padding-left:15px; margin-top:8px; }
.list-bullet > li:first-child {margin-top:0; }
.list-bullet > li::before {content:''; width:7px; height:7px; display:block; background-color:#fff; border-radius:100%; position:absolute; left:0; top:7px; text-indent:-9999px; }



.list-number {padding:0; margin:5px 0; list-style:none; counter-reset:number; }
.list-number > li {counter-increment:number; position:relative; padding-left:20px; margin-top:8px; }
.list-number > li:first-child {margin-top:0; }
.list-number > li::before {content:counter(number)'.'; position:absolute; left:0; top:0; }
/* End Toolkit */





/* Form */
.form-style li {margin-top:20px; }
.form-style li::after {content:''; height:0px; display:block; padding:0; margin:0; line-height:0; clear:both; overflow:hidden; visibility:hidden; }
.form-style li:first-child {margin-top:0; }

.form-style li.col-2 .col {width:calc(50% - 15px); float:left; }
.form-style li.col-2 .col + .col {float:right; }

.form-style label {display:block; position:relative; margin-bottom:8px; font-size:20px; font-family:'db_heavent-medium'; color:#221f20; }
.form-style .required label {padding-left:12px; }
.form-style .required label::before {content:'*'; position:absolute; left:0; top:0; color:#ff0000; }

.form-style .btn-style {width:180px; font-size:20px; font-family:'db_heavent-regular'; }



input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none; margin:0; }

input[type=number] {-moz-appearance:textfield; }



.inputtext-style,
.textarea-style,
.select-style {width:100%; height:35px; display:block; background:none; border:1px solid #ebebeb; border-radius:5px; padding:0 10px; appearance:none; -webkit-appearance:none; -moz-appearance:none; font-size:18px; font-family:'db_heavent-medium'; color:#807d7d; transition:250ms ease; }

.inputtext-style:focus,
.textarea-style:focus {border-color:#20ab58; }

.inputtext-style::-webkit-input-placeholder {}
.inputtext-style::-moz-placeholder {}
.inputtext-style:-ms-input-placeholder {}
.inputtext-style:-moz-placeholder {}

.inputtext-style::-ms-clear {display:none; }



.textarea-style {height:84px; padding:10px; resize:none; }



.select-style {background:url('../img/share/selectbox-style-bg.png') calc(100% - 16px) 50% no-repeat; cursor:pointer; }



.-phone .inputtext-style {width:calc(30% - 4px); float:left; }
.-phone .inputtext-style + .inputtext-style {width:calc(70% - 4px); float:right; }



.error .inputtext-style,
.error .textarea-style,
.error .select-style {border:1px solid #ff0000; }

.error .select-style {border:1px solid #ff0000; }
.required::after {content:attr(validate); display:none; margin-top:5px; margin-left:5px; font-size:16px; font-family:'db_heavent-medium'; color:#ff0000; }
.required.error::after {display:block; }
/* End Form */





.pl16 {padding-left:16px; }





.title-page {border-bottom:1px solid #ebebeb; padding-bottom:30px; margin-bottom:32px; }
.title-page h2 {font-family:'db_heavent-bold'; font-size:42px; color:#20ab58; }





.section-content {height:762px; position:relative; overflow:hidden; }
.section-content img.bg {width:auto; max-width:inherit; height:100%; display:block; position:absolute; left:auto; right:0; top:0; }
.section-content h2 {margin-bottom:40px; font:normal 54px/1em 'db_heavent-bold'; color:#20ab58; }
.section-content p {font-size:20px; line-height:1.3em; color:#000; }
.section-content .box-detail {width:879px; height:762px; background:url('../img/share/bg-content.png') no-repeat; position:absolute; left:50%; top:0; padding:60px 272px 0 92px; -webkit-transform:translateX(-77%); -ms-transform:translateX(-77%); -o-transform:translateX(-77%); transform:translateX(-77%); }
.section-content .box-detail::before {content:''; width:100%; height:100%; display:block; background-color:#fff; position:absolute; left:calc(-100% + 1px); top:0; text-indent:-9999px; }
.section-content .box-detail p + p {margin-top:36px; }



.primary {width:72%; position:relative; float:right; }
.primary .title {border-bottom:1px solid #ebebeb; position:relative; padding-bottom:28px; margin-bottom:22px; margin-top:8px; }
.-detail .primary .title {margin-bottom:32px; }
html .primary .title h2 {font:normal 28px/0.9em 'db_heavent-medium'; text-transform:uppercase; }
.primary .title p {margin-top:10px; font-family:'db_heavent-medium'; text-transform:uppercase; }
.title a.download {height:29px; display:block; background-position:0 0; background-repeat:no-repeat; background-size:33px 29px; position:absolute; right:0; top:20px; padding-left:45px; font-size:16px; line-height:35px; color:#20ab58; }
.title a.download.-pdf {background-image:url('../img/icons/pdf.png'); }
.primary .row {border-top:1px solid #ebebeb; padding-top:32px; margin-top:32px; }
.primary .row .crop {height:74px; padding:10px 0; overflow:hidden; }
.primary .row:nth-of-type(1) {border:none; padding-top:0; margin-top:0; }
.primary .row:nth-of-type(1) .crop {height:403px; }
.primary .btn-style {margin-top:20px; }

.technology-page .primary h2 {font-size:28px; color:#191919; }
.technology-page .primary h3 {font-size:26px; color:#191919; }
.technology-page .primary h4 {font-size:24px; color:#191919; }
.technology-page .primary h5 {font-size:22px; color:#191919; }
.technology-page .primary h6 {font-size:20px; color:#191919; }

.secondary {width:25%; float:left; }
.secondary::before {content:''; width:200%; height:300vh; display:block; background-color:#fff; position:absolute; right:0; top:-100px; }
.secondary h2 {position:relative; margin-bottom:70px; font:normal 36px/1em 'db_heavent-bold'; }
.secondary .nav-active {display:none; }
.secondary .menu-content > li {margin-top:28px; transition:150ms ease; }
.secondary .menu-content > li:first-child {margin-top:0; }
.secondary .menu-content > li > a {height:25px; display:block; position:relative; padding-left:36px; }
.secondary .menu-content > li > a > span {position:absolute; left:0; top:50%; padding-left:36px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.secondary .menu-content > li > a::before {content:'\f105'; width:25px; height:25px; display:block; background-color:#fff; border:1px solid #20ab58; border-radius:50%; position:absolute; left:0; top:0; font-size:16px; line-height:25px; color:#20ab58; text-align:center; transition:150ms ease; }

.secondary .menu-content > li > a.active > span {font-size:20px; font-family:'db_heavent-medium'; }

.desktop .secondary .menu-content > li > a:hover::before,
.secondary .menu-content > li > a.active::before {background-color:#20ab58; color:#fff; }
.secondary .menu-content > li > a.show-submenu::before {content:'\f107'; }

.secondary .submenu {display:none; position:relative; margin:20px 0 20px 46px; }
.secondary .show-submenu + .submenu {display:block; }
.secondary .submenu li {margin-top:20px; }
.secondary .submenu li:first-child {margin-top:0; }
.desktop .secondary .submenu li a:hover,
.secondary .submenu li a.active {color:#20ab58; }





.list-content li {background-color:#fff; position:relative; padding:12px 12px 12px; margin-top:52px; box-shadow:0 2px 7px rgba(0,0,0,0.18); }
.list-content li:first-child {margin-top:0; }
.list-content li::before {content:''; width:calc(100% - 87px); height:36px; display:block; background:url('../img/share/list-content-bg-repeat.png') 100% 0; position:absolute; left:0; bottom:-8px; }
.list-content li::after {content:''; width:80px; height:36px; display:block; background:url('../img/share/list-content-bg.png') 100% 0 no-repeat; position:absolute; right:-7px; bottom:-8px; }
.list-content li .inner {position:relative; z-index:1; overflow:hidden; }
.list-content li .img {width:260px; float:left; margin-right:28px; }
.list-content li .img img {max-width:100%; display:block; }
.list-content li .detail {padding-right:15px; margin-left:24px; margin-bottom:18px; overflow:hidden; }
.list-content li .img + .detail {margin-left:0; margin-bottom:0; }
.list-content li h2 {margin-top:20px; font-family:'db_heavent-medium'; font-size:26px; color:#20ab58; }
.list-content li p {margin-top:20px; font-size:20px; }
.list-content li p.date {margin-top:20px; font-size:16px; color:#acacac; }
.list-content .btn-more {width:22px; height:25px; display:block; background:url('../img/icons/more-gray.png') no-repeat; position:absolute; right:55px; bottom:5px; text-indent:-9999px; z-index:13; }





.list-news {margin-top:-40px; margin-left:-20px; }
.list-news .item {width:calc(25% - 20px); background-color:#fff; position:relative; float:left; padding:4px 4px 30px; margin-top:40px; margin-left:20px; box-shadow:0 2px 7px rgba(0,0,0,0.18); }
.list-news .item::before {content:''; width:calc(100% - 87px); height:36px; display:block; background:url('../img/share/list-content-bg-repeat.png') 100% 0; position:absolute; left:0; bottom:-8px; }
.list-news .item::after {content:''; width:80px; height:36px; display:block; background:url('../img/share/list-content-bg.png') 100% 0 no-repeat; position:absolute; right:-7px; bottom:-8px; }
.list-news .item .img {width:100%; position:relative; margin-bottom:14px; }
.list-news .item .img img {width:100%; display:block; }
.list-news .item .img iframe {position:absolute; left:0; top:0; }
.list-news .item .img .tag {height:22px; background-color:#20ab58; position:absolute; left:0; bottom:0; padding:3px 14px; font-size:18px; font-family:'db_heavent-medium'; color:#fff; z-index:1; }
.list-news .item .img .tag::after {content:''; border-style:solid; border-width:0 15px 22px 0; border-color:transparent transparent #20ab58 transparent; position:absolute; right:-14px; bottom:0; }
.list-news .item h2,
.list-news .item p {padding:0 10px; }
.list-news .item h2 {height:32px; font-size:19px; font-family:'db_heavent-medium'; color:#221f20; overflow:hidden; }
.list-news .item p {margin-top:10px; font-size:16px; color:#221f20; }
.list-news .item p.date {height:auto; }
.list-news .item p.des {height:32px; overflow:hidden; }
.list-news .item .btn-more {width:22px; height:25px; display:block; background:url('../img/icons/more-gray.png') no-repeat; position:absolute; right:40px; bottom:5px; text-indent:-9999px; z-index:13; }

.list-news .item.media .img a::after {content:'\f04b'; width:50px; height:50px; display:block; background-color:rgba(54,54,54,0.8); border-radius:50%; position:absolute; left:50%; top:50%; margin-left:-25px; margin-top:-25px; z-index:13; font:normal 20px/50px 'fontAwesome'; color:#fff; text-align:center; }





html .btn-to-top {width:42px; height:42px; display:block; background-color:#fff; border-radius:50%; position:fixed; right:25px; bottom:86px; margin-bottom:-40px; text-align:center; font-size:18px; line-height:56px; color:#20ab58; box-shadow:0 3px 4px rgba(0,0,0,0.35); opacity:0; visibility:hidden; transition-duration:200ms !important; }
html .btn-to-top::before {content:'\f106'; width:100%; display:block; position:absolute; left:0; top:12px; font-family:'fontAwesome'; font-size:24px; line-height:0; }
.show-btn-to-top .btn-to-top {margin-bottom:0; opacity:1; visibility:visible; z-index:1313; }




.box-editor {position:relative;}
.box-editor h2 {margin:0; margin-bottom:20px; font:normal 64px/0.75em 'db_heavent-bold'; color:#20ab58; }
.box-editor h3 {margin:0; margin-bottom:20px; font:normal 30px/0.75em 'db_heavent-medium'; color:#1c1c1c; }
.box-editor p {margin:0; }
.box-editor strong,
.box-editor b {font-family:'db_heavent-bold'; }

.box-editor.style-right {width:520px; position:absolute; left:50%; top:50%; -webkit-transform:translate(10%,-50%); -ms-transform:translate(10%,-50%); -o-transform:translate(10%,-50%); transform:translate(10%,-50%); }
.box-editor.style-left {width:520px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-112%,-50%); -ms-transform:translate(-112%,-50%); -o-transform:translate(-112%,-50%); transform:translate(-112%,-50%); }
.box-editor.style-center {width:520px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }

.box-editor ul {margin:10px 0; overflow:hidden; padding-left: 10px;}
.box-editor ul > li {position:relative; padding-left:15px; margin-top:8px; }
.box-editor ul > li:first-child {margin-top:0; }
.box-editor ul > li::before {content:''; width:7px; height:7px; display:block; background-color:#1c1c1c; border-radius:100%; position:absolute; left:0; top:7px; text-indent:-9999px; }

.box-editor ol {margin:10px 0; padding-left:25px; list-style:decimal; overflow:hidden; }

.box-editor ul.col-2 > li {width:calc(50% - 20px); float:left; margin:5px 0; }
.box-editor ul.col-2 > li:nth-of-type(2n) {float:right; }
.box-editor ul.col-2 > li:nth-of-type(2n+1) {clear:both; }





.-mobile {display:none !important; }





.ctrlPageList {margin:40px 0; }
.ctrlPageList a {width:20px; height:20px; display:inline-block; background-color:#d7d7d7; margin-left:12px; font-size:17px; color:#fff; transition:150ms ease; }
.ctrlPageList a:first-child {margin-left:0; }
.desktop .ctrlPageList a:hover,
.ctrlPageList a.active {background-color:#00ad51; color:#fff; }

.ctrlPageList a.btnBack,
.ctrlPageList a.btnNext {width:auto; height:auto; background:none !important; color:#000; }
.desktop .ctrlPageList a.btnBack:hover,
.desktop .ctrlPageList a.btnNext:hover {color:#00ad51; }





.table {width:100%; overflow:hidden; overflow-x:auto; }
table {min-width:500px; border-collapse:collapse; margin-top:10px; }
table td {border:1px solid #ccc; padding:10px; }

/* End Share ------------- */





/* All Page
============= */

/* Home */
.home-page #container {margin-top:0; }
.home-page .section {height:100vh; position:relative; padding-top:82px; overflow:hidden; }


.section-highlight-banner .highlight-banner,
.section-highlight-banner .highlight-banner .owl-carousel,
.section-highlight-banner .highlight-banner .owl-stage-outer,
.section-highlight-banner .highlight-banner .owl-stage,
.section-highlight-banner .highlight-banner .owl-item,
.section-highlight-banner .highlight-banner .item {height:100%; }
.section-highlight-banner .highlight-banner .item a {width:100%; height:100%; display:block; }
.section-highlight-banner .highlight-banner .item a span {width:100%; height:100%; display:block; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0; }
.section-highlight-banner .highlight-banner .item a::before {content:''; width:100%; height:100%; display:block; background:url('../img/home/highlight-banner-foreground.png') 50% 100%/cover no-repeat; position:absolute; left:0; bottom:0; z-index:13; }

.section-highlight-banner .highlight-banner .item .owl-video-wrapper::before {content:''; width:100%; height:50%; display:block; background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%); background:-moz-linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%); background:-webkit-linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%); position:absolute; left:0; bottom:0; z-index:13; }

.section-highlight-banner .highlight-banner .item iframe {height:140%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }



.section-highlight-banner .box-des {width:980px; max-width:calc(100vw - 30px); display:block; background-color:rgba(0,0,0,0.3); position:absolute; left:50%; top:50%; padding:32px 70px 60px; text-align:center; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:1313; }
.section-highlight-banner .box-des h2 {position:relative; padding:0 70px 20px; margin:0 0 30px; font-size:46px; font-family:'db_heavent-bold'; color:#fff; text-shadow:5px 0 5px rgba(0,0,0,0.56); line-height:0.8em; }
.section-highlight-banner .box-des h2::before {content:''; width:49px; height:53px; display:block; border-left:9px solid #fff; border-top:9px solid #fff; box-shadow:none; position:absolute; left:0; top:0; }
.section-highlight-banner .box-des h2::after {content:''; width:49px; height:53px; display:block; border-right:9px solid #fff; border-bottom:9px solid #fff; box-shadow:none; position:absolute; right:0; bottom:0; }
.section-highlight-banner .box-des h3 {margin:-20px 0 0; font-size:24px; color:#fff; text-shadow:5px 0 5px rgba(0,0,0,0.56) }

.section-highlight-banner .box-des .slide-tool {position:absolute; left:50%; bottom:16px; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); }

.section-highlight-banner .box-des .slide-tool .nav-num {float:left; }

.section-highlight-banner .box-des .slide-tool .btn-tool {width:14px; height:13px; display:block; position:relative; float:left; margin-left:12px; color:#fff; font-size:14px; }
.section-highlight-banner .box-des .slide-tool .btn-tool a {width:100%; height:100%; display:block; position:absolute; left:0; top:0; color:#fff; transition:200ms ease; -webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); }

.section-highlight-banner .box-des .slide-tool .btn-tool a.play {margin-top:-1px; }
.section-highlight-banner .box-des .slide-tool .btn-tool a.play::before {content:'\f04b'; }

.section-highlight-banner .box-des .slide-tool .btn-tool a.pause {-webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); }
.section-highlight-banner .box-des .slide-tool .btn-tool a.pause::before,
.section-highlight-banner .box-des .slide-tool .btn-tool a.pause::after {content:''; width:2px; height:13px; display:block; background-color:#fff; float:left; margin-top:1px; margin-left:2px; }
.section-highlight-banner .box-des .slide-tool .btn-tool a.pause::after {margin-left:4px; }

.section-highlight-banner .box-des .slide-tool .btn-tool.pause a.play {-webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); }
.section-highlight-banner .box-des .slide-tool .btn-tool.pause a.pause {-webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); }

.section-highlight-banner .box-link {width:1340px; position:absolute; left:50%; bottom:60px; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); text-align:left; z-index:1313; }
.section-highlight-banner .box-link li {width:33.33%; min-height:120px; position:relative; float:left; }
.section-highlight-banner .box-link li i {display:block; position:absolute; right:-20px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); color:#fff; font-size:60px; }
.section-highlight-banner .box-link li:last-child i {display:none; }

.section-highlight-banner .box-link a {display:block; position:relative; padding:0 43px; color:#fff; }
.section-highlight-banner .box-link a img {display:block; float:left; margin-right:25px; margin-bottom:20px; }
.section-highlight-banner .box-link a span {font-size:18px; }
.section-highlight-banner .box-link a span strong {display:block; margin-top:8px; margin-bottom:-15px; font-size:30px; text-transform:uppercase; }


.section-highlight-banner .scrolldown {width:50px; display:block; position:absolute; left:50%; bottom:10px; margin-left:-25px; z-index:13; animation:scroll-down 2000ms infinite; }



.section-highlight-product .content {padding-top:10px; }
.section-highlight-product .text {position:relative; margin-top:30px; text-align:center; }
.section-highlight-product .text h2 {font-size:60px; font-family:'db_heavent-bold'; color:#221f20; }
.section-highlight-product .text h2 span {color:#20ab58; }
.section-highlight-product .text p {margin-top:5px; font-size:22px; color:#221f20; }
.section-highlight-product .text a {min-width:180px; position:absolute; right:80px; top:30px; color:#fff !important; }
.section-highlight-product .text a.-pdf {background-color:#9cc751; top:80px; }

.section-highlight-product .link-img {width:100%; height:100%; display:block; }

.section-highlight-product .img {height:65vh; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-39%); -ms-transform:translate(-50%,-39%); -o-transform:translate(-50%,-39%); transform:translate(-50%,-39%);  }
.section-highlight-product .img img {height:100%; }



.section-services .box-content {width:580px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-90%,-50%); -ms-transform:translate(-90%,-50%); -o-transform:translate(-90%,-50%); transform:translate(-90%,-50%); }
.section-services .box-content h2 {font-size:72px; font-family:'db_heavent-bold'; color:#20ab58; }
.section-services .box-content p {font-size:24px; font-family:'db_heavent-bold'; color:#000; }

.section-services .box-content .slide-services {margin-top:16px; }
.section-services .box-content .slide-services .item a {width:184px; height:208px; background:url('../img/share/btn-octagon-bg.png'); display:block; float:left; padding:50px 0 0; margin-left:68px; margin-top:-10px; font-size:20px; line-height:0.6em; font-family:'db_heavent-bold'; text-align:center; }
.section-services .box-content .slide-services .item a:nth-of-type(1) {margin-left:0; }
.section-services .box-content .slide-services .item a:nth-of-type(3) {margin-left:124px; }
.section-services .box-content .slide-services .item img {width:auto; display:inline; }
.section-services .box-content .slide-services .item span {display:block; margin:5px 0 0; }

.section-services .owl-carousel .owl-stage-outer {padding:10px; }

.section-services .box-content .nav-num {position:absolute; left:50%; bottom:0; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); }
.section-services .box-content .nav-num.disabled {display:none; }



.section-news-media .text {margin-top:20px; text-align:center; }
.section-news-media .text h2 {font-size:66px; font-family:'db_heavent-bold'; color:#20ab58; }
.section-news-media .text h2 span {display:inline-block; position:relative; }
.section-news-media .text p {display:none; margin-top:10px; font-size:22px; color:#fff; }
.section-news-media .text .btn-viewall {right:-130px; top:10px; color:#fff; }

.section-news-media .list-news {margin-top:10px; }
.section-news-media .list-news li {margin-top:0; box-shadow:none; }
.section-news-media .list-news li::before {width:50%; height:28px; background:#fff; left:0; bottom:-27px; }
.section-news-media .list-news li::after {width:100%; height:28px; background:url('../img/home/list-news-bg.png') 100% 0 no-repeat; right:0; bottom:-27px; }
.section-news-media .list-news li .btn-more {bottom:-10px; }



.home-page .section-contact-us {height:900px; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; background-color:#20ab58; padding:0; }
.section-contact-us .left,
.section-contact-us .right {width:50%; min-height:100%; padding-top:82px; }
.section-contact-us .right {background-color:#fff; padding:130px 58px; }

.section-contact-us .box-address {height:280px; padding:20px 58px; }
.section-contact-us .box-address h2 {position:relative; padding-bottom:20px; margin-bottom:25px; font-size:42px; font-family:'db_heavent-bold'; color:#fff; }
.section-contact-us .box-address h2::after {content:''; width:15%; height:6px; background-color:#fff; position:absolute; left:0; bottom:0; }

.section-contact-us .box-address .col {width:50%; float:left; }
.section-contact-us .box-address .col + .col {width:45%; float:right; }
.section-contact-us .box-address h3 {margin-bottom:16px; font-size:20px; font-family:'db_heavent-medium'; color:#fff; }
.section-contact-us .box-address p {background-position:0 5px; background-repeat:no-repeat; padding-left:24px; margin:0; font-size:20px; line-height:1.3em; color:#fff; }
.section-contact-us .box-address p + p {margin-top:5px; }
.section-contact-us .box-address p a {color:#fff; }

.section-contact-us .box-address .pin {background-image:url('../img/icons/pin.png'); }
.section-contact-us .box-address .tel {background-image:url('../img/icons/mobile.png'); }
.section-contact-us .box-address .mail {background-image:url('../img/icons/letter.png'); }

.section-contact-us .box-map {height:538px; }


.section-contact-us .right .btn-close {display:none; }
.section-contact-us .right h3 {font-size:20px; font-family:'db_heavent-medium'; line-height:1.3em; }
.section-contact-us .form-contact {margin-top:50px; }

.section-contact-us .form-contact .recaptcha img,
.section-contact-us .form-contact .recaptcha .inputtext-style {width: 47%; float: left;}
.section-contact-us .form-contact .recaptcha .refresh {width: 6%; float: left; margin: 3% 10px 0;}
.section-contact-us .form-contact .recaptcha .refresh img {width: 100%;}
.section-contact-us .form-contact .recaptcha .inputtext-style {width: calc(47% - 20px); }


.section-contact-us .-btn-show-form {display:none; }
/* End Home */





/* About Us */
.about-us-page .section-content:nth-of-type(2) {height:764px; background-image:url('../img/uploads/bg-aboutus.jpg'); background-position:50% 0; background-repeat:no-repeat; background-size:cover; padding:64px 0 0; }
/* End About Us */





/* Products Services */
.products-page #container {min-height:auto; }

.products-page .secondary {width:250px; position:absolute; left:50%; top:36px; -webkit-transform:translateX(-260%); -ms-transform:translateX(-260%); -o-transform:translateX(-260%); transform:translateX(-260%); z-index:13; }
.products-page .secondary h2 {margin-bottom:30px; font-size:36px; }

.products-page .primary {width:100%; }

.products-page .section-content {min-height:755px; height:auto; background-position:50% 0%; background-repeat:no-repeat; background-size:cover; padding:64px 0 50px; z-index:13; }
.products-page .secondary + .section-content {z-index:0; }
.products-page .section-content .page-center {position:static; }
.products-page .section-content .box-detail {background-image:url('../img/share/bg-content-03.png'); -webkit-transform:translateX(-58%); -ms-transform:translateX(-58%); -o-transform:translateX(-58%); transform:translateX(-58%); padding-top:40px; padding-right:320px; padding-left:135px; }
.products-page .section-content .box-detail h2 {width:80%; margin-bottom:20px; font-size:36px; line-height:0.8em; }
.products-page .section-content .box-detail p + p {margin-top:20px; }
.products-page .section-content:nth-of-type(3) h2 {font-size:48px; color:#1c1c1c; }
.products-page .section-content:nth-of-type(3) h2 span {color:#20ab58; }

.products-page .section-content .btn-style {padding:6px 40px; font-size:22px; margin-left:16px; }
.products-page .section-content .btn-style:first-child {margin-left:0; }
.products-page .section-content .btn-style.-brochure {background-color:#5e803f; }
.products-page .section-content .btn-style.-datasheet {background-color:#20ab58; }

.products-page .box-editor img {display:block; margin:20px auto; }


.products-page .section-services {position:static; overflow:visible; }
.products-page .section-services .box-content {-webkit-transform:translate(-60%,-55%); -ms-transform:translate(-60%,-55%); -o-transform:translate(-60%,-55%); transform:translate(-60%,-55%); }


/* .products-page.-services-static #container {height:755px; } */
.products-page.-services-static .secondary {z-index:14; }
.products-page.-services-static .section-content {width:100%; height:100%; display:block; position:absolute; left:-9999px; top:127px; opacity:0; visibility:hidden; transition:400ms ease, top 0s, left 0s; }
.products-page.-services-static .section-content.show {position:relative; top:0; left:0; opacity:1; visibility:visible; }
.products-page.-services-static .section-content:nth-of-type(3) h2 {font-size:60px; color:#20ab58; }

.products-page.-services-static .nav-content {position:absolute; right:20px; top:100px; z-index:1313; }
.products-page.-services-static .nav-content::before {content:''; width:4px; height:80%; display:block; background-color:#dad7d7; position:absolute; left:50%; top:50%; -webkit-transform:translate(-80%,-50%); -ms-transform:translate(-80%,-50%); -o-transform:translate(-80%,-50%); transform:translate(-80%,-50%); }
.products-page.-services-static .nav-content a {width:92px; height:102px; display:block; background:url('../img/products/nav-bg.png') no-repeat; position:relative; text-align:center; -webkit-transform:scale(0.8); -ms-transform:scale(0.8); -o-transform:scale(0.8); transform:scale(0.8); }
.products-page.-services-static .nav-content a img {display:none; margin-top:22px; }
.products-page.-services-static .nav-content a img:nth-of-type(1){display:inline-block; }
.products-page.-services-static .nav-content a span {width:100%; display:none; position:absolute; left:0; bottom:30px; padding:0 20px; text-align:center; font:normal 10px/0.8em 'db_heavent-bold'; color:#20ab58; }

.products-page.-services-static .nav-content a.active {-webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); }
.products-page.-services-static .nav-content a.active img {display:none; margin-top:12px; }
.products-page.-services-static .nav-content a.active img:nth-of-type(2) {display:inline-block; }
.products-page.-services-static .nav-content a.active span {display:block; }
/* End Products Services */





/* Technology */
.technology-page #container {/* min-height:1100px; */ background:url('../img/technology/bg.jpg') 0 -110px no-repeat; }

.technology-page .primary .title h2 {width:82%; }
.technology-page .primary .crop h2 {margin-bottom:28px; font-family:'db_heavent-bold'; }
.technology-page .primary .box-editor h2 {margin-bottom:28px; }
.technology-page .primary .box-editor p + p {margin-top:28px; }

.technology-page .secondary::before {display:none; }
/* End Technology */





/* News */
.news-page .title-page h2 {font-size:40px; color:#1c1c1c; }

.news-page .head {position:relative; margin-bottom:16px; }
.news-page .head h3  {height:34px; display:inline-block; background-color:#20ab58; position:relative; padding:6px 22px; font-size:26px; font-family:'db_heavent-medium'; color:#fff; z-index:1; }
.news-page .head h3::after {content:''; border-style:solid; border-width:0 20px 34px 0; border-color:transparent transparent #20ab58 transparent; position:absolute; right:-20px; bottom:0; }

.news-page .section + .section {margin-top:80px; }


.news-page.-detail .head {margin-bottom:40px; }
.news-page.-detail .head h3  {height:34px; display:inline-block; background-color:transparent; position:relative; padding:0; font-size:35px; font-family:'db_heavent-medium'; color:#20ab58; z-index:1; text-transform:uppercase; }
.news-page.-detail .head h3::after {display:none; }


.news-page.-detail .breadcrumbs {position:absolute; left:0; top:-40px; }
.news-page.-detail .breadcrumbs::before {content:''; width:200vw; height:3px; display:block; background-color:#1e9e51; position:absolute; left:0; top:0; }
.news-page.-detail .breadcrumbs .btn-back {width:65px; height:35px; display:block; background-color:#20ab58; position:relative; float:left; padding:3px 14px; font-size:18px; font-family:'db_heavent-medium'; color:#fff; z-index:1; transition:150ms ease; }
.news-page.-detail .breadcrumbs .btn-back::before {content:'\f104'; width:100%; display:block; font-family:'fontAwesome'; font-size:22px; text-align:center; line-height:28px; text-indent:5px; transition:150ms ease; }
.news-page.-detail .breadcrumbs .btn-back::after {content:''; border-style:solid; border-width:35px 20px 0 0; border-color:#20ab58 transparent transparent transparent; position:absolute; right:-20px; bottom:0; transition:150ms ease; }
.desktop .news-page.-detail .breadcrumbs .btn-back:hover {background-color:#1c1c1c; }
.desktop .news-page.-detail .breadcrumbs .btn-back:hover::before {text-indent:-5px; }
.desktop .news-page.-detail .breadcrumbs .btn-back:hover::after {border-color:#1c1c1c transparent transparent transparent; }
.news-page.-detail .breadcrumbs p {float:left; margin-left:32px; line-height:42px; text-transform:uppercase; }

.news-page.-detail .section-news-detail {overflow:hidden; }
.news-page.-detail .section-news-detail .title {position:relative; margin-top:40px; margin-bottom:50px; }
.news-page.-detail .section-news-detail .title::after {content:''; height:0px; display:block; padding:0; margin:0; line-height:0; clear:both; overflow:hidden; visibility:hidden; }
.news-page.-detail .section-news-detail .title p {font-size:18px; color:#acacac; }
.news-page.-detail .section-news-detail .title h2 {width:80%; margin-top:5px; font-family:'db_heavent-medium'; font-size:42px; line-height:0.9em; }
.news-page.-detail .section-news-detail .title p.date {width:15%; display:block; position:absolute; right:0; top:55px; font-size:20px; text-transform:uppercase; text-align:right; }

.news-page.-detail .section-news-detail .box-img,
.news-page.-detail .section-news-detail .box-video {margin:0 46px 20px 0; }

.news-page.-detail .section-news-detail .box-img {width:540px; position:relative; float:left; margin:0 46px 20px 0; }

.news-page.-detail .section-news-detail .box-img .slide-img {position:relative; overflow:hidden; }
.news-page.-detail .section-news-detail .box-img .slide-img .item + .item {display:none; }
.news-page.-detail .section-news-detail .box-img img {max-width:100%; display:block; }

.news-page.-detail .section-news-detail .box-img .img-control {width:100%; height:40px; border:1px solid #ebebeb; }
.news-page.-detail .section-news-detail .box-img .img-control > a {width:46px; height:100%; display:block; float:left; }

.news-page.-detail .section-news-detail .box-img .img-control .btn-all-img {position:relative; }
.news-page.-detail .section-news-detail .box-img .img-control .btn-all-img span {width:24px; height:24px; display:block; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
.news-page.-detail .section-news-detail .box-img .img-control .btn-all-img span i {width:4px; height:4px; display:block; background-color:#363636; float:left; margin:1px; }

.news-page.-detail .section-news-detail .box-img .img-control .btn-control {width:46px; height:100%; border-right:1px solid #ebebeb; border-left:1px solid #ebebeb; position:relative; float:left; }
.news-page.-detail .section-news-detail .box-img .img-control .btn-control a {width:100%; height:100%; display:block; position:absolute; left:0; top:0; font-size:16px; color:#363636; transition:200ms ease; -webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); }

.news-page.-detail .section-news-detail .box-img .img-control .btn-control a.play::before {content:'\f04b'; height:14px; display:block; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }

.news-page.-detail .section-news-detail .box-img .img-control .btn-control a.pause {-webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); }
.news-page.-detail .section-news-detail .box-img .img-control .btn-control a.pause::before,
.news-page.-detail .section-news-detail .box-img .img-control .btn-control a.pause::after {content:''; width:2px; height:13px; display:block; background-color:#363636; position:absolute; left:50%; top:50%; margin-left:-2px; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
.news-page.-detail .section-news-detail .box-img .img-control .btn-control a.pause::after {margin-left:4px; }

.news-page.-detail .section-news-detail .box-img .img-control .btn-control.pause a.play {-webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); }
.news-page.-detail .section-news-detail .box-img .img-control .btn-control.pause a.pause {-webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); }

.news-page.-detail .section-news-detail .box-img .box-nav {width:100%; height:100%; background-color:rgba(255,255,255,0.9); position:absolute; left:0; top:100%; padding:10px 18px; z-index:1313; transition:250ms ease; }
.news-page.-detail .section-news-detail .box-img.show-all .box-nav {top:0; }
.news-page.-detail .section-news-detail .box-img .box-nav ul {margin:-13px 0 0 -13px; }
.news-page.-detail .section-news-detail .box-img .box-nav li {width:calc(20% - 13px); float:left; margin:13px 0 0 13px; }
.news-page.-detail .section-news-detail .box-img .box-nav li a {width:100%; height:100%; display:block; border:3px solid #fff; overflow:hidden; }
.news-page.-detail .section-news-detail .box-img .box-nav li img {max-width:100%; display:block; transition:150ms ease; }
.desktop .news-page.-detail .section-news-detail .box-img .box-nav li a:hover img {-webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); }

.news-page.-detail .section-news-detail .box-img .img-control p {height:100%; float:left; padding-left:20px; font-size:24px; line-height:40px; }

.news-page.-detail .section-news-detail .box-img .owl-dots {display:none; }

.news-page.-detail .section-news-detail .box-video {width:100%; height:450px; margin:0 46px 20px 0; }

.news-page.-detail .section-news-detail > p:nth-of-type(1) {padding-top:0; }

.news-page.-detail .section-related {padding-top:40px; }
.news-page.-detail .section-related .slide-list-news {position:relative; padding-bottom:40px; }
.news-page.-detail .section-related .list-news {margin:0; }
.news-page.-detail .section-related .list-news .owl-stage-outer {overflow:visible !important; }
.news-page.-detail .section-related .item {width:100% !important; margin:0 !important; }


.slide-list-news .nav-num {position:absolute; left:50%; bottom:0; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); }

.slide-list-news .nav-num .owl-dot {margin-left:4px; }
.slide-list-news .nav-num .owl-dot span {width:12px; height:13px; background-image:url('../img/icons/octagon-white.png'); }
.slide-list-news .nav-num .owl-dot.active span {background-image:url('../img/icons/octagon-green.png'); }

.slide-list-news .owl-nav.disabled,
.slide-list-news .nav-num.disabled {display:none !important; }
/* End News */





/* Search Result */
.search-result-page .section-search {position:relative; margin-bottom:50px; }
.search-result-page .section-search p {margin-left:20px; margin-bottom:10px; font-size:24px; color:#b8b8b8; }
.search-result-page .section-search .inputtext-style {height:54px; padding-right:205px; font-family:'db_heavent-regular'; font-size:30px; color:#000; }
.search-result-page .section-search .btn-search {width:186px; height:52px; border-top-right-radius:5px; border-bottom-right-radius:5px; position:absolute; right:1px; bottom:1px; font-family:'db_heavent-medium'; font-size:24px; transition:150ms ease; }
.search-result-page .section-search .btn-search::before {content:'\f002'; margin-right:14px; font-family:'FontAwesome'; font-size:16px; }
.desktop .search-result-page .section-search .btn-search:hover {background-color:#1c1c1c; }
/* End Search Result */





/* Site Map */
.list-sitemap {margin-left:210px; }
.list-sitemap .col {width:280px; float:left; }
.list-sitemap .col + .col {margin-left:80px; }
.list-sitemap > ul {margin-top:20px; }
.list-sitemap > ul:first-child {margin-top:0; }
.list-sitemap li {margin-top:20px; font-size:22px; }
.list-sitemap li:first-child {margin-top:0; }
.list-sitemap li h3 {margin-bottom:5px; font-size:22px; color:#20ab58; }

.list-sitemap li > div {margin-left:15px; margin-top:10px; }
.list-sitemap li > div > div {margin-top:10px; }
.list-sitemap li > div > div:first-child {margin-top:0; }
.list-sitemap li > div > div li {margin-left:15px; margin-top:5px; font-size:18px; }
/* End Site Map */

/* End All Page ------------- */





/* Popup
============= */

.popup {max-width:calc(100vw - 40px); background-color:#fff; margin:20px 0; }
.popup * {box-sizing:border-box; }

/* End Popup ------------- */





/* Plugin
============= */

/* Fancybox */
html .fancybox-overlay {background:rgba(34,31,32,0.8); z-index:131313; }
html .fancybox-wrap {z-index:13131313; }
html .fancybox-skin {background:none; border-radius:0; }
html .fancybox-inner {overflow:visible !important; }
html .fancybox-inner * {box-sizing:border-box; }


.popup {width:490px; height:240px; background-color:#fff; position:relative; padding:30px 70px;  margin:20px; }
.popup {width:490px; height:240px; background-color:#fff; position:relative; padding:30px 70px;  margin:20px; }

.fancybox-skin .btn-close {width:28px; height:28px; display:block; background-color:#20ab58; position:absolute; right:0; top:0; text-align:center; color:#fff; }
.fancybox-skin .btn-close i {line-height:28px; }



.popup .inner {padding-top:96px; text-align:center; }
.popup .inner .detail {border-top:1px solid #ebebeb; padding-top:26px; margin-top:26px; }

.popup-thank .inner {background:url('../img/icons/correct.png') 50% 0 no-repeat; }
.popup-thank .inner p {font:normal 25px/1em 'db_heavent-medium'; color:#000; text-transform:uppercase; }



/* html .fancybox-nav span {width:60px; height:60px; display:block; background:none !important; margin-top:-30px; }

html .fancybox-nav.fancybox-prev span {left:0; }
html .fancybox-nav.fancybox-next span {right:0; }

html .fancybox-nav span::before {content:''; width:100%; height:100%; display:block; background-position:50% 50%; background-repeat:no-repeat; background-size:80%; }

html .fancybox-nav.fancybox-prev span::before {background-image:url('../img/icons/navigate_before-white.svg') !important; }
html .fancybox-nav.fancybox-next span::before {background-image:url('../img/icons/navigate_next_white.svg') !important; } */
/* End Fancybox */





/* Owl Carousel2 */
html .owl-carousel .owl-video-play-icon {width:100%; height:100%; background-position:50% 50%; left:0; top:0; margin:0; -webkit-transform:scale(1) !important; -ms-transform:scale(1) !important; -o-transform:scale(1) !important; transform:scale(1) !important; }

html .owl-carousel .owl-video-tn {background-size:cover; }
/* End Owl Carousel2 */

/* End Plugin ------------- */





/* Interactive
============= */

.desktop .hover_scale1-05 {transition:100ms ease; }
.desktop .hover_scale1-05:hover {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); z-index:1; }
.desktop .hover_scale1-05:active {-webkit-transform:scale(0.95); -ms-transform:scale(0.95); -o-transform:scale(0.95); transform:scale(0.95); }


.desktop .hover_scale1-1 {transition:100ms ease; }
.desktop .hover_scale1-1:hover {-webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); z-index:1; }
.desktop .hover_scale1-1:active {-webkit-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); }



.desktop .hover_rotate90 {transition:100ms ease; }
.desktop .hover_rotate90:hover {-webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); }
.desktop .hover_rotate90:active {-webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); }



.desktop .hover_green {transition:200ms ease; }
.desktop .hover_green:hover {background-color:#20ab58  !important; }
.desktop .hover_green:active {background-color:#20ab58  !important; }

/* End Interactive ------------- */

.mgb0 {margin-bottom:0px !important;}
sup {top: -0.3em;}




/* CSS3
============= */

@keyframes scroll-down {
	0%, 20%, 50%, 80%, 100% {margin-bottom:0; }
  40% {margin-bottom:20px; }
  60% {margin-bottom:5px; }
}

/* End CSS3 ------------- */