@charset "utf-8";
/* CSS Document */
/*CSS Import*/
@import url("fonts.css");
@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700&display=swap');/*light:300, Regular:400, Medium:500, Semo-bold:600, Bold:700*/
@import url("back-to-top.css");
@import url("helper-class.css");

body {font-family: 'Prompt', Arial, Helvetica, sans-serif;font-size: 15px;color: #666666;line-height: 1.60;}
.loader {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url(../images/loading-logo.gif) 50% 50% no-repeat rgba(249, 249, 249, 1); background-size:  55px 55px;}
h1,h2,h3 {font-weight: 700;/*Bold*/}
h4, h5 {font-weight: 500;/*Medium*/}

/* ////////// Main Class ////////// */
/*Homeslide*/
#carousel-homeslideshow {position: relative;}
#carousel-homeslideshow .carousel-inner > .item > img, 
#carousel-homeslideshow .carousel-inner > .item img,
#carousel-homeslideshow .carousel-inner > .item.active {margin: 0 auto; width: 100%;}
#carousel-homeslideshow .carousel-inner > .item.img-gradient:after {content: "";display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0; background: rgb(0,44,66);background: -moz-linear-gradient(90deg, rgba(0,44,66,1) 0%, rgba(0,44,66,0) 80%);background: -webkit-linear-gradient(90deg, rgba(0,44,66,1) 0%, rgba(0,44,66,0) 80%);background: linear-gradient(90deg, rgba(0,44,66,1) 0%, rgba(0,44,66,0) 80%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002c42",endColorstr="#002c42",GradientType=1);}
#carousel-homeslideshow .carousel-inner > .item.vdo-gradient:after {content: "";display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,44,66,0.35);/* background: rgb(6,21,55); background: -moz-linear-gradient(0deg, rgba(6,21,55,0.45) 0%, rgba(6,21,55,0.65) 30%, rgba(6,21,55,0.9) 93%, rgba(6,21,55,0.95) 100%);/* background: -webkit-linear-gradient(0deg, rgba(6,21,55,0.45) 0%, rgba(6,21,55,0.65) 30%, rgba(6,21,55,0.9) 93%, rgba(6,21,55,0.95) 100%); *//* background: linear-gradient(0deg, rgba(6,21,55,0.45) 0%, rgba(6,21,55,0.65) 30%, rgba(6,21,55,0.9) 93%, rgba(6,21,55,0.95) 100%); */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#061537",endColorstr="#061537",GradientType=1);/*background: url(../images/bg-slide-overlay.png);*/}
#carousel-homeslideshow .carousel-inner > .item.no-gradient:after {background: none;}
#carousel-homeslideshow .carousel-inner > .item picture > a {display: block; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0;}
#carousel-homeslideshow .carousel-indicators {bottom: 30px;}
#carousel-homeslideshow .carousel-indicators li {width: 14px;height: 14px;background: #e1e1e1;margin: 0 3px;border: 2px solid rgba(255,255,255,0.45);}
#carousel-homeslideshow .carousel-indicators .active {background: #8dc63f;border: 2px solid #ffffff;}
#carousel-homeslideshow .carousel-caption {left: 0;right: 0;bottom: 50%;margin-bottom: -120px;text-align: left;}
#carousel-homeslideshow .carousel-caption .caption span.head {font-size: 18px; font-weight: 600;}
#carousel-homeslideshow .carousel-caption .caption h3 {font-size: 40px;font-weight: 300;color: #ffffff;line-height: 1;margin-bottom: 15px;margin-top: 15px;}
#carousel-homeslideshow .carousel-caption .caption h3 span {/* color: #ee2a2b; */font-weight: 600;}
#carousel-homeslideshow .carousel-caption .caption p {font-size: 18px;margin-bottom:  0;font-weight: 300;}
#carousel-homeslideshow .carousel-caption .caption a {text-transform: uppercase;letter-spacing: 1px;font-size: 17px;border-radius: 5px;text-decoration: none;background: none;color: #ffffff;border: 1px solid #ffffff;border-radius: 50px;display: inline-block;text-align: center;margin: 30px 0 0;padding: 8px 20px;min-width: 160px;transition: all 0.2s;}
#carousel-homeslideshow .carousel-caption .caption a:hover {background: #0081c2;border: 1px solid #0081c2;color: #ffffff;text-shadow: none;} 
#carousel-homeslideshow .carousel-control {z-index: 15;width: 8%;opacity: 0.5;transition: all 0.2s;}
#carousel-homeslideshow .carousel-control:hover {opacity: 0.7;}
#carousel-homeslideshow .glyphicon-chevron-left,
#carousel-homeslideshow .glyphicon-chevron-right {display: block;border: 2px solid #eeeeee;/* background: rgba(255, 255, 255, 0.3); */height: 45px;width: 45px;margin-top: -35px;border-radius: 50px;}
#carousel-homeslideshow .glyphicon-chevron-left:before,
#carousel-homeslideshow .glyphicon-chevron-right:before {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: 26px;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;line-height: 41px;}
#carousel-homeslideshow .glyphicon-chevron-left:before {content: "\f104";}
#carousel-homeslideshow .glyphicon-chevron-right:before {content: "\f105";}
@media (max-width: 800px) {
	#carousel-homeslideshow {margin-top: 41px;}
	#carousel-homeslideshow .carousel-control {/* display: none; */}
	#carousel-homeslideshow .carousel-caption {margin-bottom: -120px;}
	#carousel-homeslideshow .carousel-caption .caption h3 {font-size: 30px;line-height: 30px;}
	#carousel-homeslideshow .carousel-caption .caption p {font-size: 14px;}
	#carousel-homeslideshow .carousel-caption .caption a {font-size: 16px; padding-left: 2em; padding-right: 2em;}
	#carousel-homeslideshow .carousel-indicators {bottom: 20px;}
}

/*Popup modal*/
#popup_modal {}
#popup_modal .modal-body {padding: 0;}
#popup_modal button.close {position: absolute; z-index: 1000; top: -10px; right: -10px; border: 2px solid #ffffff; background: #ffffff; width: 30px; height: 30px; border-radius: 50px; transition: all 0.2s; text-align: center; opacity: 1; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);}
#popup_modal button.close span {line-height: 22px;position: relative;top: -2px;}
#popup_modal button.close:hover,
#popup_modal button.close:focus {background: #d6d6d6;}

#popup_modal .owl-theme .owl-nav.disabled+.owl-dots {position: absolute; bottom: -30px; margin: 0 auto; width: 100%;}
#popup_modal .carousel-popup .owl-dots .owl-dot:focus {outline: 0;}
#popup_modal .carousel-popup .owl-dots .owl-dot span {width: 11px; height: 11px;}
#popup_modal .carousel-popup .owl-dots .owl-dot.active span, 
#popup_modal .carousel-popup .owl-dots .owl-dot:hover span {background: #ed1c24;}

/*Common*/
.sec-content {padding-top: 80px;padding-bottom: 80px;position: relative;}
.sec-content.half-top {padding-top: 40px;}
.sec-content.half-bottom {padding-bottom: 40px;}
.sec-content.add2-top {padding-top: 160px;}
.sec-content.add2-bottom {padding-bottom: 160px;}
.sec-content.no-top {padding-top: 0px;}
.sec-content.no-bottom {padding-bottom: 0px;}

.sec-content .sec-inner {}
.sec-content.with-bg {background-repeat: no-repeat;background-position: center bottom;background-size: cover;}
.sec-title {margin-bottom: 30px;}
.sec-title.has-sub {margin-bottom: 25px;}
.sec-title .border-bottom {display: inline-block;width: 40px;height: 4px;background: #0081c2;}
.sec-title h2 {color: #002c42;font-size: 36px;margin-top: 0;position: relative;z-index: 2;}
.sec-title h2.white {color: #ffffff;}
.sec-title h2.white.shadow {text-shadow: 2px 2px 2px rgba(0,0,0,0.20);}
.sec-title.with-horizontal {margin-bottom: 0;}
.sec-title.with-horizontal h2 {margin-bottom: 0px}
.sec-title.with-horizontal .border-bottom {display: none;}
.sub-sec-title {color: #002c42; font-size: 18px; font-weight: 300;/*light*/ margin-top: 0;}
.sub-sec-title-2 {font-weight: 600;font-size: 22px;color: #002c42;}
.sec-title.sub {font-weight: 600;font-size: 22px;}
.sec-title.sub.mb10 {margin-bottom: 10px;}
.sec-content.with-bg-color-01 {}
.sec-content.with-bg-image-01 {/*Home product section*/background-position: center bottom;background-repeat: repeat-x;/* background-size: cover; */}
.sec-content.with-bg-image-02 {/*Home news section*/background-position: center bottom;background-repeat: repeat-x;}
.sec-content.with-bg-image-03 {}
.sec-content.with-bg-pattern-01 {/*Home about section*/}
      .sec-content .inner-bg-01 {/*Home about section inner*/ position: absolute;top: 0;background-size: cover;background-position: center top;display: inline-block;background-repeat: no-repeat;width: 100%;height: 490px;}
.sec-content.with-bg-pattern-02 {/*Home project section*/background-repeat: repeat-x;}
.sec-content.with-bg-pattern-03 {/*Home certification section*/overflow: hidden;}
      .sec-content .inner-bg-02 {/*Home certification section inner*/position: absolute;top: -60%;bottom: 0;/* background-size: cover; */background-position: center center;background-repeat-x: repeat;background-repeat-y: no-repeat;width: 100%;height: 560px;}

.sec-content.with-bg.style-1 {/*sustainable-green-organization [Green Product]*/color: #ffffff;}
.sec-content.with-bg.style-1:before {content: "";position: absolute;z-index: -1;display: block;left: 0;right: 0;bottom: 0;height: 470px;background-image: url(../images/sec-bg-img-07.png);opacity: 0.75;background-repeat: no-repeat;background-size: cover;background-position: center bottom;}
.sec-content.with-bg.style-2 {/*sustainable-green-organization [Green Process], Production process*/background-repeat: repeat-x;background-position: center bottom;background-size: auto;overflow: hidden;}
.sec-content.with-bg .sec-footer-2 {position: relative;width: 100%;background-image: url(../images/footer-corner-2.png);background-position: center bottom;margin-top: 60px;height: 60px;}
.sec-content.with-bg.style-3 {}
.sec-content.with-bg.style-3:before {/*about us page*/content: "";position: absolute;opacity: 0.75;left: 0;right: 0;top: 0;bottom: 0;z-index: -1;background-image: url(../images/sec-bg-img-08-02.png);background-position: center bottom;background-repeat: no-repeat;}
.sec-content.with-bg.style-4 {color: #ffffff;}
.sec-content.with-bg.style-4:before {/*about us page*/content: "";position: absolute;z-index: -1;display: block;left: 0;right: 0;bottom: 0;height: 470px;background-image: url(../images/sec-bg-img-06.png);opacity: 0.6;background-repeat: no-repeat;background-size: cover;background-position: center bottom;}

.rounded-content {border-radius: 6px; background: #f5f5f5; padding: 15px;}
.editor-control {}
.editor-control img {}

.sec-content.with-bg-pattern-04 {/*Static [news, news detail, csr, csr detail] section*/background-repeat: repeat-x; background-position: center bottom; background-size: auto;}
/*.sec-content.with-bg-pattern-04 > .sec-img-footer {position: absolute;  z-index: -1; left: 50%; right: 0; bottom: 0; margin-left: -338px; background-image: url(../images/sec-image-item-01.png); width: 675px; height: 160px; display: block;}*/

.sec-header-page {padding-top: 0;position: relative;color: #ffffff;}
.sec-header-page .inner-bg-header {opacity: 0.45;}
.sec-header-page .wrap-breadcrumb {margin-top: 30px;}
.sec-header-page .wrap-breadcrumb .breadcrumb {padding-left: 0;}
.sec-header-page .wrap-breadcrumb .breadcrumb > li,
.sec-header-page .wrap-breadcrumb .breadcrumb li a {color: #b1daef;}
.sec-header-page .wrap-breadcrumb .breadcrumb li.active {    color: #24e4e9;}
.sec-header-page .wrap-breadcrumb .breadcrumb > li + li:before {color: #b1daef;}
.sec-header-page .wrap-breadcrumb .breadcrumb li a:hover {color: #022f46;}
.sec-header-page .sec-title .border-bottom {background: #24e4e9;}


.header-page {position: relative; /* height: 160px; */ /* margin-top: 41px; */ padding: 50px 0;}
.header-page:before,
.sec-header-page:before {content: "";position: absolute;opacity: 1;top: 0;right: 0;left: 0;bottom: 0;background: rgb(0,44,66);background: -moz-linear-gradient(0deg, rgba(0,44,66,0) 40%, rgba(0,44,66,0.31416316526610644) 70%, rgba(0,44,66,0.6699054621848739) 100%);background: -webkit-linear-gradient(0deg, rgba(0,44,66,0) 40%, rgba(0,44,66,0.31416316526610644) 70%, rgba(0,44,66,0.6699054621848739) 100%);background: linear-gradient(0deg, rgba(0,44,66,0) 40%, rgba(0,44,66,0.31416316526610644) 70%, rgba(0,44,66,0.6699054621848739) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002c42",endColorstr="#002c42",GradientType=1);}
.header-page h1 {font-size: 36px;color: #002c42;margin-bottom: 10px;margin-top: 25px;}
.inner-bg-header {background-image: url(../images/header-bg-all.png);position: absolute;left: 0;right: 0;top: 0;background-position: center center;display: inline-block;background-repeat: repeat-x;width: 100%;height: 100%;}
@media (max-width: 767px) {.header-page {margin-top: 40px;padding: 40px 0;}.inner-bg-header {background-image: url(../images/header-bg-all-xs.png);/* height: 100%; */}}		

.wrap-breadcrumb {text-align: center;}
.wrap-breadcrumb.align-static {text-align: start;}
.wrap-breadcrumb .breadcrumb {background: none; font-size: 14px; margin-bottom: 20px;}
.wrap-breadcrumb .breadcrumb > li {color: #737373;}
.wrap-breadcrumb .breadcrumb > li + li:before {color: #737373;}
.wrap-breadcrumb .breadcrumb li a {color: #737373; text-decoration: none; transition: all 0.2s;}
.wrap-breadcrumb .breadcrumb li a:hover {color: #002c42;}
.wrap-breadcrumb .breadcrumb li.active {color: #4a92b5;}

.wrap-pagination {border-top: 1px solid #f1f4f9;margin-top: 20px;/* background: rgb(255,255,255,0.50); */text-align: center;}
.wrap-pagination p {color: #002c41;font-size: 13px;}
.wrap-pagination .pagination {}
.wrap-pagination .pagination > li {}
.wrap-pagination .pagination > li > a {padding: 9px 5px;color: #012b41;border-radius: 35px;width: 40px;height: 40px;text-align: center;margin: 0 5px 10px;}
.wrap-pagination .pagination > .active > a,
.wrap-pagination .pagination > .active > a:hover,
.wrap-pagination .pagination > .active > a:focus {background: #002c41; border-color: #002c41; color: #ffffff;}


/*Button*/
.sec-footer {}
.btn-custom {font-family: 'Prompt', Arial, Helvetica, sans-serif;transition: all 0.2s;display: inline-block;background: #eeeeee;border: none;padding: 15px 15px;min-width: 150px;text-align: center;border-radius: 50px;text-decoration: none !important;-webkit-box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.1);box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.1);}
.btn-custom.bold {font-weight: 500;}
.btn-custom.btn-style-01 {color: #002c42;background: #d5d7dd;min-width: 190px;}
.btn-custom.btn-style-01:hover {background: #b8babf;}
.btn-custom.btn-style-01:focus {background: #a9abaf;}
.btn-custom.btn-style-02 {color: #ffffff;background: none;border: 2px solid #ffffff;}
.btn-custom.btn-style-02:hover {background: #ffffff;color: #0081c2;}
.btn-custom.btn-style-02:focus {background: #dbdbdb;}


/*Homapage*/
.wrap-product-shortcut {position: relative;top: -100px;background: #ffffff;padding: 40px 60px;border-radius: 6px;}
.wrap-product-shortcut .owl-carousel .owl-item img {margin: 0 auto; width: 100%;}
.wrap-product-shortcut .item {}
.wrap-product-shortcut .item figure {width: 100%;border-radius: 6px;}
.wrap-product-shortcut .item figure.effect-sadie h2 {font-size: 20px;font-weight: 600;z-index: 1;color: #ffffff;top: 22%;-webkit-transform: translate3d(0,-22px,0);transform: translate3d(0,-22px,0);transition: transform 0.2s;transition: all 0.2s;}
.wrap-product-shortcut .item figure.effect-sadie p {top: 50%;bottom: auto;-webkit-transform: translate3d(0,-28px,0);transform: translate3d(0,-28px,0);transition: transform 0.2s;transition: all 0.2s;}
.wrap-product-shortcut .item figure.effect-sadie:hover h2 {top: 50%;}
.wrap-product-shortcut .item figure.effect-sadie span.btn-link {position: absolute;z-index: 1500;bottom: 50%;left: 0;/* padding: 2em; */width: 100%;opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.wrap-product-shortcut .item figure.effect-sadie:hover span.btn-link {opacity: 1;-webkit-transform: translate3d(0,70px,0);transform: translate3d(0,70px,0);bottom: 50%;}		
.wrap-product-shortcut .item figure.effect-sadie span.btn-link a {color: #ffffff;display: inline-block;font-size: 14px;border: 1px solid #ffffff;padding: 10px 30px;min-width: 140px;border-radius: 60px;text-decoration: none;transition: all 0.2s;}
.wrap-product-shortcut .item figure.effect-sadie span.btn-link a:hover {background-color: #ffffff;color: #0081c2;}
.wrap-product-shortcut .item figure.effect-sadie span.btn-link + a {cursor: default;}
.wrap-product-shortcut .item figure.effect-sadie figcaption::before {background: rgb(0,0,0); background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 15%, rgba(0,0,0,0.75) 100%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 15%, rgba(0,0,0,0.75) 100%); background: linear-gradient(0deg, rgba(0,0,0,0) 15%, rgba(0,0,0,0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.wrap-product-shortcut .item figure.effect-sadie:hover figcaption::before, 
.wrap-product-shortcut .item figure.effect-sadie:hover p {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.wrap-product-shortcut .item figure.effect-sadie p span {}
.wrap-product-shortcut .item figure.effect-sadie p span:after {content: "";display: block;height: 3px;width: 40px;background: #8dc63f;margin: 5px auto 0;}
.wrap-product-shortcut .item figure.effect-sadie:hover p {z-index: 1;text-transform: none;font-size: 16px;-webkit-transform: translate3d(0,-70px,0);transform: translate3d(0,-70px,0);}
.wrap-product-shortcut .item figure.effect-sadie figcaption::after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,129,194,0.75);content: '';opacity: 0;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.wrap-product-shortcut .item figure.effect-sadie:hover figcaption::after {opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.wrap-product-shortcut .owl-carousel .owl-nav button.owl-prev, 
.wrap-product-shortcut .owl-carousel .owl-nav button.owl-next {position: absolute;font-size: 45px;top: 50%;margin-top: -36px;}
.wrap-product-shortcut .owl-carousel .owl-nav button.owl-prev {left: -49px;} 
.wrap-product-shortcut .owl-carousel .owl-nav button.owl-next {right: -49px;}
.wrap-product-shortcut .owl-carousel .owl-nav button[class*='owl-'] {transition: all 0.2s;}
.wrap-product-shortcut .owl-carousel .owl-nav button[class*='owl-'] > span {padding: 0 5px;/* background: #fff; */}
.wrap-product-shortcut .owl-carousel .owl-nav button[class*='owl-']:hover {background: #0081c2;}

.carousel-custom.owl-theme .owl-dots .owl-dot span {width: 14px;height: 14px;background: #b8b8b8;}
.carousel-custom.owl-theme .owl-dots .owl-dot.active span, 
.carousel-custom.owl-theme .owl-dots .owl-dot:hover span {background: #d5d5d5;}
.carousel-custom.owl-theme .owl-dots .owl-dot.active span {background: #8dc63f;}

.about-content {color: #002c42;}
.quo {position: relative;width: 26px;height: 20px;display: inline-block;background-repeat:  no-repeat;background-size: cover;}
.quo-left {background-image: url("../images/quo-left.png");margin-right: 7px;top: -5px;}
.quo-right {background-image: url("../images/quo-right.png");margin-left: 7px;top: -5px;}

.wrap-stat-count {position: relative;top: -50px;}
.wrap-stat-count .item {margin: 20px 0; padding: 5px 15px 5px;}
.wrap-stat-count .item h2 {font-size: 42px;color: #baf864;font-weight: 600;text-shadow: 1px 3px 2px rgba(255,255,255,0.20);margin-bottom: 5px;margin-top: 5px;}
.wrap-stat-count .item h2 span {}
.wrap-stat-count .item h2 + p {color: #ffffff; font-size: 20px; font-weight: 500;}
@media (max-width: 767px) {
	.wrap-stat-count .item {margin: 20px 0;min-height: auto;}
}

.wrap-project-tabs {margin-top: 10px;}
.nav-tabs.peoject-tabs {text-align: center;border-bottom: none;margin-bottom: 50px;}
.nav-tabs.peoject-tabs > li {display: inline-block; float: none;}
.nav-tabs.peoject-tabs > li > a {position: relative;border: 2px solid #ffffff;min-width: 134px;color: #757575;margin: 0 7px;}
.nav-tabs.peoject-tabs > li:first-child > a  {border-radius: 6px 6px 0px 6px;margin-left: 0;}
.nav-tabs.peoject-tabs > li:last-child > a {border-radius: 6px 6px 6px 0px;margin-right: 0;}
.nav-tabs.peoject-tabs > li > a:hover {background: none; color: #002c42;}
.nav-tabs.peoject-tabs > li.active > a, 
.nav-tabs.peoject-tabs > li.active > a:hover, 
.nav-tabs.peoject-tabs > li.active > a:focus {font-weight: 600;color: #0081c2;text-decoration: underline;border: 2px solid #0081c2;background: rgb(255,255,255);background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 80%);background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 80%);background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 80%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);}
.nav-tabs.peoject-tabs > li > a:before {content: "";position: absolute;z-index: 1;bottom: -16px;right: 0px;width: 0;height: 0;border-style: solid;border-width: 0 16px 16px 0;border-color: transparent rgb(236 238 242) transparent transparent;}
.nav-tabs.peoject-tabs > li > a:after {content: "";position: absolute;bottom: -20px;right: -2px;width: 0;height: 0;border-style: solid;border-width: 0 18px 18px 0;border-color: transparent #fbfcfc transparent transparent;}

.nav-tabs.peoject-tabs > li.active > a:before {border-right-color: rgb(255 255 255);}
.nav-tabs.peoject-tabs > li.active > a:after{border-right-color: rgb(0 129 194);}
.nav-tabs.peoject-tabs > li:last-child > a:before {border-color: rgb(236 238 242) transparent transparent transparent; border-width: 16px 16px 0 0; left: 0; right: auto;}
.nav-tabs.peoject-tabs > li:last-child > a:after {border-color: rgb(249 250 250) transparent transparent transparent; border-width: 18px 18px 0 0; left: -2px; right: auto;}
.nav-tabs.peoject-tabs > li:last-child.active > a:before {border-top-color: rgb(255 255 255);}
.nav-tabs.peoject-tabs > li:last-child.active > a:after {border-top-color: rgb(0 129 194); border-width: 18px 18px 0 0;}

.media-project {}
.media-project .media {padding-left: 5px;}
.media-project .media-cat, .media-cat {font-size: 14px;margin-left: 0;}
.media-project .media-cat li, .media-cat li {position: relative;background-color: #d4e1e9;color: #0081c2;padding: 0 10px;height: 22px;}
.media-project .media-cat li:after, .media-cat li:after {content: "";position: absolute;z-index: 2;right: -9px;width: 0;height: 0;border-style: solid;border-width: 11px 0 11px 10px;border-color: transparent transparent transparent #d4e1e9;}
.media-project .media-cat li:first-child:before, .media-cat li:first-child:before {content: "";position: absolute;z-index: 1;right: -14px;width: 0;height: 0;border-style: solid;border-width: 11px 0 11px 10px;border-color: transparent transparent transparent #f8f8f8;}
.media-project .media-cat li:last-child, .media-cat li:last-child {padding-left: 15px;}
.media-project .media-cat li:last-child:before, .media-cat li:last-child:before {content: "";position: absolute;left: -5px;height: 22px;width: 4px;background: #f8f8f8;}
.media-project .media-left {position: relative;padding-right: 15px;z-index: 1;}
.media-project .media-left a {position: relative;/* display: block; */display: table-cell;}
.media-project .media-left a:before {content: "";position: absolute;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s; display: block;z-index: 20;/* width: 200px; *//* height: 210px; */border-radius: 50%;top: 4px;bottom: 5px;left: 5px;right: 5px;/* background: rgba(255,255,255,0.5); */background: rgba(0,129,194,0.60);opacity: 0;}
.media-project .media-left a > span {opacity: 0;font-size: 14px;position: absolute;/* -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; *//* transition: opacity 0.35s, transform 0.35s; */transition: all 0.2s;color: #ffffff;top: 50%;left: 50%;margin-top: -15px;margin-left: -50px;z-index: 30;display: inline-block;border: 1px solid #ffffff;padding: 3px 10px;border-radius: 50px;width: 100px;text-align: center;}
.media-project .media-left a > span:hover {background: #ffffff; color: #0081c2;}
.media-project .media-left:hover a:before {opacity: 1;}
.media-project .media-left:hover a > span {opacity: 1;}
.media-project .media-object {width: 200px;border: 5px solid #ffffff;-webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);}
.media-project .media-body {padding: 35px 15px;}
.media-project .media-body .row {position: relative; z-index: 1;}
.media-project .media-body .media-content {font-size: 15px;}
.media-project .media-body .media-content p {line-height: 22px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;color: #002c42;}
.media-project .media-body:after {content: "";background-image: url(../images/media-news-bg.jpg);background-repeat: no-repeat;background-position: right bottom;background-size: cover;position: absolute;left: 110px;right: 15px;bottom: 0;top: 0;border-radius: 6px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);}
.media-project .media-heading {margin-bottom: 10px;}
.media-project .media-heading a {color: #002c42;transition: all 0.2s;text-decoration: none;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.media-project .media-heading a:hover {color: #0081c2;}
.media-project .media-footer,
.media-project .media-footer a {color: #7fa2b4; text-decoration: none; transition: all 0.2s}
.media-project .media-footer a:hover {color: #007fc0;}
.media-project .media-footer {margin-top: 10px;}

.carousel-customer {}
.carousel-customer .item {background: rgba(255, 255, 255, 0.8);text-align: center;padding: 60px 0;margin: 10px 10px;border-radius: 10px;-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);}
.carousel-customer .item img {width: auto;margin: 0 auto;}
.carousel-customer.owl-theme .owl-nav.disabled + .owl-dots {margin-top: 35px;}

.carousel-testimonial {}
.carousel-testimonial .item {position: relative; background: rgba(255, 255, 255, 0.8); margin: 10px 40px 25px 10px; padding: 50px 30px 20px; border-radius: 10px; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);}
.carousel-testimonial .item:before {content: "";position: absolute;opacity: 0.4;top: 20px;left: 20px;width:36px;height: 30px;background-image: url(../images/quote-corner-bg.png);background-repeat: no-repeat;background-size: cover;}
.carousel-testimonial .item .wrap-test {}
.carousel-testimonial .item .wrap-test .test-content {font-size: 16px;padding: 25px 0 35px;text-align: center;color: #002c42;}
.carousel-testimonial .item .wrap-test .test-footer {text-align: right;margin-right: 70px;font-weight: 600;}
.carousel-testimonial .item .wrap-test .test-footer .test-img {position: absolute; right: -30px; bottom: -25px; background: #ffffff; width: 115px; height: 115px; border: 3px solid #0081c2; border-radius: 20px;}
.carousel-testimonial .item .wrap-test .test-footer a i {position: relative;top: 2px;}		
.carousel-testimonial .item .wrap-test .test-footer .test-img img {border-radius: 20px;}
.carousel-testimonial.owl-carousel .owl-nav button.owl-prev, 
.carousel-testimonial.owl-carousel .owl-nav button.owl-next {width: 40px;height: 40px;background: #ffffff;border-radius: 50%;color: #002c42;}
.carousel-testimonial.owl-carousel .owl-nav button span {font-size: 24px;}
.carousel-testimonial.owl-carousel .owl-nav button:hover {background: #E8E8E8;}


.wrap-news-list {}
.wrap-news-list .owl-stage-outer {padding: 0 0 10px 0;}
.wrap-news-list .item {background: #ffffff; border-radius: 6px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);}
.wrap-news-list figure.effect-layla {background: #0081c2;border-radius: 6px 6px 0 0;}
.wrap-news-list figure.effect-layla figcaption {padding: 0px;}
.wrap-news-list figure.effect-layla img {height: auto;}
.wrap-news-list figure.effect-layla img {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);flex-shrink: 0;}
.wrap-news-list figure.effect-layla:hover img {opacity: 0.7;}
.wrap-news-list figure.effect-layla figcaption::before {top: 25px; bottom: 25px; left: 15px; right: 15px;}
.wrap-news-list figure.effect-layla figcaption::after {left: 25px; right: 25px; top: 15px; bottom: 15px;}
.wrap-news-list figure.effect-layla p {padding-top: 35%; margin-top: -10px;}
.wrap-news-list figure.effect-layla p,
.wrap-news-list figure.effect-layla p > span {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}
.wrap-news-list figure.effect-layla:hover p,
.wrap-news-list figure.effect-layla:hover p > span {/* -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; *//* transition: opacity 0.35s, transform 0.35s; */}
.wrap-news-list figure.effect-layla p > span {display: inline-block; /* border: 1px solid #eeeeee; */ background: #0081c2; padding: 8px 20px; min-width: 100px; border-radius: 50px;}

.wrap-news-list figure.effect-layla.csr,
.wrap-news-list figure.effect-layla.csr p > span {background: #db43c7;}

.wrap-news-list .news-content {padding: 15px 15px;}
.wrap-news-list .news-content .news-body {color: #002c42; min-height: 168px;}
.wrap-news-list .news-content .news-body h4 a {color: #002c42;/* font-size: 17px; */transition: all 0.2s;text-decoration: none;line-height: 22px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.wrap-news-list .news-content .news-body h4 a:hover {color: #0081c2;}
.wrap-news-list .news-content .news-body .news-date, .news-date {color: #9e9e9e;font-size: 13px;}
.wrap-news-list .news-content .news-body .news-date .news-cat, .news-date .news-cat {position: relative;background-color: #d8dddf;font-size: 12px;padding: 2px 10px 2px 6px;height: 22px;margin-left: 10px;border-radius: 0 3px 3px 0;}
.wrap-news-list .news-content .news-body .news-date .news-cat:before, .news-date .news-cat:before {content: "";position: absolute;top: 0;left: -10px;width: 0;height: 0;border-style: solid;border-width: 11px 10px 11px 0;border-color: transparent #d8dddf transparent transparent;}
.wrap-news-list .news-content .news-body .news-date .news-cat.news, .news-date .news-cat.news {color: #1f84b6;}
.wrap-news-list .news-content .news-body .news-date .news-cat.csr, .news-date .news-cat.csr {color: #db43c7;}
.wrap-news-list .news-content .news-body .news-date + p {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.wrap-news-list .news-content .news-footer {text-align: right;}
.wrap-news-list .news-content .news-footer a {position: relative; display: inline-block; background: #f0f0f0; color: #7fa2b4; text-decoration: none; padding: 5px 15px 5px 10px; right: -15px; bottom: -15px; height: 34px; border-radius: 0 0 7px 0; transition: all 0.2s;}
.wrap-news-list .news-content .news-footer a:before {content: "";position: absolute;transition: all 0.2s;top: 0;left: -24px;width: 0;height: 0;border-style: solid;border-width: 0 0 34px 24px;border-color: transparent transparent #f0f0f0 transparent;}
.wrap-news-list .news-content .news-footer a:hover,
.wrap-news-list .news-content .news-footer a:hover:before {color: #007fc0;}
.wrap-news-list .news-content .news-footer a:hover {background: #e7e7e7;}
.wrap-news-list .news-content .news-footer a:hover:before {border-bottom-color: rgb(231 231 231);}

/*About us page*/

.wrap-content-shadow {background: #ffffff;margin: 0 15px 15px;}
.wrap-content-shadow .footer-shadow {height: 17px; position: absolute; bottom: -2px; left: 30px; right: 30px; background: url(../images/box-shadow-bottom.png); background-position: left; display: block;}
.wrap-content-shadow:before {content: "";position: absolute;left: 12px;bottom: -2px;display: block;background: url(../images/box-shadow-left.png);background-position: right bottom;background-repeat: no-repeat;width: 18px;height: 399px;}
.wrap-content-shadow:after {content: "";position: absolute;right: 12px;bottom: -2px;display: block;background: url(../images/box-shadow-right.png);background-position: left bottom;background-repeat: no-repeat;width: 18px;height: 399px;}
.wrap-content-shadow .inner-content {padding: 0 15px;}

.js .cd-h-timeline__date {font-size: 16px;font-weight: 600;color: #9b9b9b;white-space: nowrap;padding: 0 15px;}
.js .cd-h-timeline__date:hover {color: #002c42;}		
.js .cd-h-timeline__date.cd-h-timeline__date--selected {color: #0081c2;}
.js .cd-h-timeline__event-content {padding-bottom: 30px;min-height: 450px;}
.js .cd-h-timeline__event-content strong {color: #000000;font-weight: 500;}
.cd-h-timeline__events ol {padding-left: 0;list-style: none;}
.timeline-title {margin-top: 0;margin-bottom: 10px;font-size: 28px;font-weight: 600;}
.js .cd-h-timeline__line {transform: translateX(-120px);}
.js .cd-h-timeline__events {min-height: 462px;}
.text-component p {margin-bottom: 10px;}
.text-component h3 {color: #002c42;font-weight: 600;font-size: 22px;margin-bottom: 20px;}

.carousel-history.owl-carousel .owl-nav button.owl-prev, 
.carousel-history.owl-carousel .owl-nav button.owl-next {/* height: 20px; */display: inline-block;padding: 0px 20px !important;background: #e1e1e1;font-size: 23px;color: #8dc63f;/* opacity: 1; */}
.carousel-history.owl-theme .owl-nav .disabled {opacity: 0.7;}
.carousel-history.owl-theme .owl-nav {text-align: right; margin-right: 10px;}

.wrap-history-gallery {}
.wrap-history-gallery {}
.wrap-history-gallery .owl-stage-outer {padding: 0 0 10px 0;}
.wrap-history-gallery .item {background: #ffffff; border-radius: 6px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);}
.wrap-history-gallery figure.effect-layla {background: #0081c2;border-radius: 6px 6px 0 0;}
.wrap-history-gallery figure.effect-layla figcaption {padding: 0px;}
.wrap-history-gallery figure.effect-layla img {height: auto;}
.wrap-history-gallery figure.effect-layla img {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);flex-shrink: 0;}
.wrap-history-gallery figure.effect-layla:hover img {opacity: 0.7;}
.wrap-history-gallery figure.effect-layla figcaption::before {top: 25px; bottom: 25px; left: 15px; right: 15px;}
.wrap-history-gallery figure.effect-layla figcaption::after {left: 25px; right: 25px; top: 15px; bottom: 15px;}
.wrap-history-gallery figure.effect-layla p {padding-top: 50%;margin-top: -50px;}
.wrap-history-gallery figure.effect-layla p,
.wrap-history-gallery figure.effect-layla p > span {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}
.wrap-history-gallery figure.effect-layla:hover p,
.wrap-history-gallery figure.effect-layla:hover p > span {/* -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; *//* transition: opacity 0.35s, transform 0.35s; */}
.wrap-history-gallery figure.effect-layla p > span {display: inline-block;/* border: 1px solid #eeeeee; */background: #0081c2;padding: 8px 20px;min-width: 80px;border-radius: 50px;}

.wrap-history-gallery .news-content {padding: 10px;}
.wrap-history-gallery .news-content .news-body {color: #002c42;}
.wrap-history-gallery .news-content .news-body h4 {margin: 0;}
.wrap-history-gallery .news-content .news-body h4 a {color: #002c42;font-size: 15px;transition: all 0.2s;text-decoration: none;line-height: 22px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.wrap-history-gallery .news-content .news-body h4 a:hover {color: #0081c2;}
.wrap-history-gallery .news-content .news-body .news-date, .news-date {color: #9e9e9e;font-size: 13px;}
.wrap-history-gallery .news-content .news-body .news-date .news-cat, .news-date .news-cat {position: relative;background-color: #d8dddf;font-size: 12px;padding: 2px 10px 2px 6px;height: 22px;margin-left: 10px;border-radius: 0 3px 3px 0;}
.wrap-history-gallery .news-content .news-body .news-date .news-cat:before, .news-date .news-cat:before {content: "";position: absolute;top: 0;left: -10px;width: 0;height: 0;border-style: solid;border-width: 11px 10px 11px 0;border-color: transparent #d8dddf transparent transparent;}
.wrap-history-gallery .news-content .news-body .news-date .news-cat.news, .news-date .news-cat.news {color: #1f84b6;}
.wrap-history-gallery .news-content .news-body .news-date .news-cat.csr, .news-date .news-cat.csr {color: #db43c7;}
.wrap-history-gallery .news-content .news-body .news-date + p {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.wrap-history-gallery .news-content .news-footer {text-align: right;}
.wrap-history-gallery .news-content .news-footer a {position: relative; display: inline-block; background: #f0f0f0; color: #7fa2b4; text-decoration: none; padding: 5px 15px 5px 10px; right: -15px; bottom: -15px; height: 34px; border-radius: 0 0 7px 0; transition: all 0.2s;}
.wrap-history-gallery .news-content .news-footer a:before {content: "";position: absolute;transition: all 0.2s;top: 0;left: -24px;width: 0;height: 0;border-style: solid;border-width: 0 0 34px 24px;border-color: transparent transparent #f0f0f0 transparent;}
.wrap-history-gallery .news-content .news-footer a:hover,
.wrap-history-gallery .news-content .news-footer a:hover:before {color: #007fc0;}
.wrap-history-gallery .news-content .news-footer a:hover {background: #e7e7e7;}
.wrap-history-gallery .news-content .news-footer a:hover:before {border-bottom-color: rgb(231 231 231);}

.wrap-about-brand {}
.wrap-about-brand .item {background: #ffffff;padding: 15px 15px;border-radius: 5px;-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.15);}
.wrap-about-brand .item .inner-img {text-align: center;}
.wrap-about-brand .item .inner-content {text-align: center; color: #666666;}
.wrap-about-brand .item .inner-content h4 {font-size: 22px; font-weight: 700; margin-top: 20px; color: #333333;}

.wrap-policy-icon {}
.wrap-policy-icon .item {text-align: center; background: rgba(255,255,255,0.30); padding: 25px 15px 15px; border-radius: 6px; -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.15);}
.wrap-policy-icon .item .ic-img {background: #eeeeee; height: 160px; width: 160px; border-radius: 50%; padding: 30px 30px; margin: 0 auto; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2); box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);}
.wrap-policy-icon .item .ic-img img {width: 100px;}
.wrap-policy-icon .item .ic-content h4 {color: #002c42; font-weight: 600; font-size: 20px; margin-top: 20px; margin-bottom: 10px;}
.wrap-policy-icon .item .ic-content {padding: 0 15px;}
.wrap-policy-icon .item .ic-content article.read-more-2 {}

.wrap-about-policy-02 {}
.wrap-about-policy-02 .item {position: relative;background: rgba(255,255,255,0.40);border-radius: 5px;padding: 10px;-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.15);}
.wrap-about-policy-02 .item:before,
.wrap-about-policy-02 .item:after {content: "";position: absolute;z-index: -1;width: 180px;height: 180px;}
.wrap-about-policy-02 .item:before {background-image: url(../images/box-inner-gradient-01.jpg);top: 10px;left: 10px;}
.wrap-about-policy-02 .item:after {background-image: url(../images/box-inner-gradient-02.jpg);bottom: 10px;right: 10px;} 
.wrap-about-policy-02 .item .media {}
.wrap-about-policy-02 .item .media .media-left {padding-right: 30px;}
.wrap-about-policy-02 .item .media .media-left img {width: 350px;}
.wrap-about-policy-02 .item .media .media-body {padding: 15px;}
.wrap-about-policy-02 .item .media-heading {color: #002c42;font-size: 20px;font-weight: 600;margin-bottom: 10px;}

/*Product page*/
.separate-title {background: #e1e1e1; display: flex; align-items: flex-end; border-radius: 0 4px 4px 4px; height: 10px; margin-top: 40px; padding: 0 0; color: #002c42; font-size: 22px; font-weight: 600;}
.separate-title span {background: #e1e1e1; display: inline-block; padding: 15px 15px; border-radius: 15px 15px 0 4px;}
.wrap-product-shortcut.inpage {padding: 0; top: 0; background: none;}
.wrap-product-shortcut.inpage .item {margin-bottom: 30px;}

.product-tabs {}
.product-tabs ul.nav-tabs {text-align: center;}
.product-tabs ul.nav-tabs li {float: none; display: inline-block;}
.product-tabs ul.nav-tabs li a {padding: 10px 20px;font-size: 16px;font-weight: 600;color: #002c42;}
.product-tabs ul.nav-tabs li.active a {color: #0081c2; text-decoration: underline;}
.product-tabs ul.nav-tabs li.active a:before {position: relative; content: "\f0da"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 20px; margin-right: 6px; top: 3px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.product-tabs .product-content {padding: 30px 30px; border: 1px solid #dddddd; background: #ffffff; border-top: none; border-radius: 0 0 25px 25px;}
.product-tabs.no-tabs .product-content {border: 1px solid #dddddd; border-top-left-radius: 25px; border-top-right-radius: 25px;}
.product-tabs .product-content .text-info {background: #e1e1e1;display: block;padding: 10px 15px;color: #002c42;font-size: 13px;border-radius: 0 0 5px 5px;}
.product-tabs .product-content .text-info strong {font-weight: 600;}
.list-pd-size {}
.list-pd-size li {}
.list-pd-size li h4 {color: #0081c2; font-size: 15px;}
.list-pd-size li span {font-weight: 600; color: #002c42;}
.table-datasheet {border: 1px solid #e1e1e1;}
.table-datasheet.table > thead > tr > th,
.table-datasheet.table > tbody > tr > td {padding: 15px;}
.table-datasheet .file-name {color: #0081c2;}
.table-datasheet .btn-datasheet {display: inline-block; background: #0081c2; color: #ffffff; padding: 3px 10px; border-radius: 4px; text-decoration: none; transition: all 0.2s;}
.table-datasheet .btn-datasheet:hover {background: #006395;}
.warning-labe {display: block;border: 1px solid #FEB0AF;color: #FF706D;background: #ffffff;padding: 25px 15px;margin: 5px 0;border-radius: 5px;clear: both;}
.rec-label {display: block; border: 1px solid #2b9e54; color: #2b9e54; padding: 25px 15px; margin: 5px 0; border-radius: 5px; clear: both;}
.warning-labe,
.rec-label {font-size: 14px;}
.hover-bg {position: relative;border-radius: 6px;overflow: hidden;}
.hover-bg .hover-text {position: absolute;text-align: center;margin: 0 auto;color: #ffffff;background: rgba(0, 0, 0, 0.5);padding: 9% 0;height: 100%;width: 100%;opacity: 0;transition: all 0.5s;}
.hover-bg .hover-text + img {width: 100%;}
.hover-bg .hover-text > span {position: absolute; display: block; text-align: center; width: 100%; top: 50%; margin-top: -45px;}
.hover-bg .hover-text>h4{opacity: 0; color: #39acb0; margin-bottom: 0;}
.hover-bg:hover .hover-text>h4 {color: #39acb0; font-family: 'thaisans_neuesemi_bold'; opacity: 1; -webkit-backface-visibility:hidden;}
.hover-bg .hover-text>i{position: absolute;font-size: 20px;top: 50%;left: 50%;width: 40px;height: 40px;margin-top: -10px;margin-left: -20px;opacity: 0;border: 2px solid #eeeeee;border-radius: 6px;padding: 7px 7px;transition: all 0.2s;}
.hover-bg:hover .hover-text>i{/* font-size: 20px; */opacity: 1;}
.hover-bg:hover .hover-text>i:before {color: #ffffff;}
.hover-bg:hover .hover-text{opacity: 1;}
.product-relate {padding: 30px 30px;border: 1px solid #dddddd;background: #ffffff;border-top: none;border-radius: 25px 25px;}

.wrap-production-process {}
.wrap-production-process .media {background: #eeeeee;border-radius: 8px;}
.wrap-production-process .media.with-capt {border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;}
.wrap-production-process .media + .capt {border: 1px solid #d3d3d3;padding: 5px 10px;border-radius: 0 0 8px 8px;font-size: 14px;}
.wrap-production-process .media-left {position: relative;background-image: url(../images/bg-pattern-03.jpg);/* padding: 39px 15px; */}
.wrap-production-process .media-left h2 {font-size: 26px;font-weight: 600;margin: 0;text-align: center;background: rgba(255, 255, 255, 0.3);color: #ffffff;width: 40px;height: 40px;border-radius: 0 0 70px 0;line-height: 40px;padding: 5px 10px 10px 0px;box-sizing: content-box;}
.wrap-production-process .media-left:after {content: "";position: absolute;z-index: 1;top: 0;right: -20px;width: 0;height: 0;border-style: solid;border-width: 220px 20px 0 0;border-color: #0074b1 transparent transparent transparent;/* background: #eeeeee; *//* background-image: url(../images/bg-pattern-03.jpg); */}
.wrap-production-process .media-body {position: relative;padding: 48px 15px 48px 30PX;background-size: cover;background-position: center;height: 170px;}
.wrap-production-process .media-body:before {content:"";position: absolute;z-index: 0;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.45);}
.wrap-production-process .media-body .process-content {/* z-index: 2; *//* position: relative; */color: #ffffff;text-shadow: 2px 2px 1px rgba(0,0,0,0.70);}
.wrap-production-process .media-body .process-content .media-heading {position: relative;z-index: 2;font-size: 20px;margin-bottom: 10px;}
.wrap-production-process .media-heading + a {position: absolute;display: inline-block;right: 0;bottom: 0;background: rgb(121 141 155 / 80%);color: #FFF;padding: 7px 15px;border-radius: 8px 0 0 0;text-shadow: none;text-decoration: none;transition: all 0.2s;}
.wrap-production-process .media-heading + a:hover {background-color: rgba(121, 141, 155, 1);}

.wrap-table-process {background: #ffffff; border-radius: 14px;}
.table-process {border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee;}
.table-process thead {}
.table-process thead tr {/* background: #0081c2; */ /* color: #ffffff; */}
.table-process thead tr > th {font-weight: 500;vertical-align: middle;/* white-space: nowrap; */padding: 0;}

.table-process thead tr > th span {display: block; padding: 16px 16px; background: #002c42; color: #ffffff;}
.table-process thead tr > th:first-child {border-right: 1px solid #144c68;}
.table-process thead tr > th:first-child span {border-top-left-radius: 15px; position: absolute; top: 0; right: 0; bottom: 0; width: 100%;}
.table-process thead tr > th:last-child span {border-top-right-radius: 15px;}
.table-process tbody tr > td {padding: 10px 26px;}
.table-process tbody tr > td > strong {display: block;font-weight: 400; font-size: 14px; color: #b1b1b1; margin-top: 3px;}
.table-process.table-striped > tbody > tr:nth-of-type(odd) {background-color: #f4f4f4;}		
@media (max-width: 767px) { 
	.table-process thead tr > th span,
	.table-process tbody tr > td {padding-left: 15px; padding-right: 15px;}
}


/*Project Reference page*/
.wrap-filter {background: #efefef;margin-bottom: 20px;padding: 15px 15px;border-radius: 50px;}


/*Certificate page*/
.wrap-cert-tab {}
.wrap-cert-tab .cert-tab {}
.wrap-cert-tab .cert-tab .nav-tabs {text-align: center;border-bottom: none;margin-bottom: 25px;}
.wrap-cert-tab .cert-tab .nav-tabs > li {float: none; display:inline-block; margin-bottom: 15px;}
.wrap-cert-tab .cert-tab .nav-tabs > li:first-child a {margin-left: 0;}
.wrap-cert-tab .cert-tab .nav-tabs > li:last-child a {margin-right: 0;}
.wrap-cert-tab .cert-tab .nav-tabs > li > a {border: 2px solid #ebebeb;border-radius: 5px;color: #333333;margin: 0 7px;min-width: 142px;transition: all 0.2s;}
.wrap-cert-tab .cert-tab .nav-tabs > li > a:hover {background: none;color: #002c42;border: 2px solid #c7c7c7;}
.wrap-cert-tab .cert-tab .nav-tabs > li.active > a {text-decoration: underline;border: 2px solid #0081c2;font-weight: 600;color: #0081c2;background: rgb(222,222,222);background: -moz-linear-gradient(0deg, rgba(222,222,222,1) 0%, rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(0deg, rgba(222,222,222,1) 0%, rgba(0,0,0,0) 100%);background: linear-gradient(0deg, rgba(222,222,222,1) 0%, rgba(0,0,0,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dedede",endColorstr="#000000",GradientType=1);}
.wrap-cert-tab .cert-tab .nav-tabs > li.active > a:before {content: "";position: absolute;z-index: 1;bottom: -15px;left: 50%;right: auto;margin-left: -13px;width: 0;height: 0;border-style: solid;border-width: 15px 13px 0 13px;border-color: rgb(223 223 223) transparent transparent transparent;}
.wrap-cert-tab .cert-tab .nav-tabs > li.active > a:after {content: "";position: absolute;bottom: -18px;left: 50%;right: auto;margin-left: -16px;width: 0;height: 0;border-style: solid;border-width: 18px 16px 0 16px;border-color: rgb(0 129 194) transparent transparent transparent;}

.cert-list {}
.cert-list .item-list {border: 2px solid #ebebeb;background: #ffffff;border-radius: 5px;min-height: 285px;}
.cert-list .item-list .list-img {text-align: center;overflow: hidden;}
.cert-list .item-list .list-content {text-align: center;padding: 10px 9px 5px;}
.cert-list .item-list .list-content h2 {color: #002c42;font-size: 18px;margin-top: 0;font-weight: 600;}
.cert-list .item-list .list-content h2 .sub {display: block;color: #888888;font-weight: 500;font-size: 16px;margin-top: 5px;}
.cert-list .item-list .list-content h2 + p {color: #002c42;}
.cert-list .item-list .list-img,
.cert-list .item-list .list-content,
.cert-list .item-list .img-cert {/* position: relative; *//* z-index: 1; */}

.cert-list .item-list .list-content {min-height: 125px; /*padding-left: 15px;*/}
.cert-list .item-list .list-btn-detail {text-align: center; display: block; margin-bottom: 20px; min-height: 31px;}
.cert-list .item-list .list-btn-detail a.btn-cert-gallery {display: inline-block; background: #e1e1e1; padding: 5px 15px 5px; text-decoration: none; transition: all 0.2s; border-radius: 4px; color: #6e6e6e;}
.cert-list .item-list .list-btn-detail a.btn-cert-gallery:hover {background: #0081c2;color: #ffffff;}
.cert-list .item-list .br-right {border-right: 1px solid #dfdfdf;}
.cert-list .item-list .img-cert {position: relative;overflow: hidden;background: #000000 ;  transition: all 0.2s; /* border: 1px solid #eeeeee; *//* border-radius: 5px; *//* width: 100%; */}
.cert-list .item-list .img-cert:hover {background: #8dc63f; /* Firefox */-moz-transition: all 0.15s ease-in; /* WebKit */-webkit-transition: all 0.15s ease-in; /* Opera */-o-transition: all 0.15s ease-in; /* Standard */transition: all 0.15s ease-in;}
.cert-list .item-list .img-cert button.btn-print {position: absolute;z-index: 100;top: 15px;left: 15px;padding: 4px 8px;border: none;border-radius: 4px;}
.cert-list .item-list .img-cert .click-frame {content: "";position: absolute;display: block;top: 0;/* margin-top: 7%; *//* height: 100%; */bottom: 0;left: 0;right: 0;}
.cert-list .item-list .img-cert img {opacity: 0.90;transition: all 0.2s;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1);transform: scale(1);}
.cert-list .item-list .img-cert:hover img {transition: all 0.25s;-webkit-transform: scale(1.035);transform: scale(1.035);/* border: 5px solid rgb(141 198 63); */opacity: 0.5;}
.cert-list .item-list .img-cert .click-frame a:first-child {position: absolute;z-index: 1;cursor: pointer;transition: all 0.2s;top: 50%;left: 50%;margin-top: -30px;margin-left: -30px;width: 60px;height: 60px;display: block;/* background: #8dc63f; */text-align: center;border-radius: 5px;}
.cert-list .item-list .img-cert:hover .click-frame a:first-child {background: rgba(141,198,63,0.85);}
.cert-list .item-list .img-cert:hover .click-frame a:hover {background: rgba(141,198,63,1.0);}
.cert-list .item-list .img-cert:hover .click-frame a:before {opacity: 1; transition: all 0.2s;}
.cert-list .item-list .img-cert .click-frame a:before {opacity: 0;content: "\f00e";color: #ffffff;text-align: center;padding: 17px 0;display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: 22px;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.cert-list .item-list .img-cert .click-frame a:not(:first-child):before {display: none;}

.cert-list .item-list a .list-img img {transition: all 0.2s; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1);transform: scale(1);}
.cert-list .item-list a:hover .list-img img {transition: all 0.25s;-webkit-transform: scale(1.035);transform: scale(1.035);/* border: 5px solid rgb(141 198 63); */}


/*News page*/
.news-title h3 {font-size: 28px;font-weight: 600;color: #002c42;}
.news-sub {font-weight: 600; font-size: 28px; color: #002c42;}
.news-big-img img {border-radius: 6px;}
.wrap-news-gallery {}
.wrap-news-gallery div[class*="col-"] {margin-bottom: 30px;}
.wrap-news-gallery .item {cursor: pointer;}
.wrap-gallery-usage {}
.wrap-gallery-usage .item, 
.wrap-news-gallery .item {position: relative; cursor: pointer;}
.wrap-news-gallery .item img {border-radius: 6px;}
.wrap-gallery-usage .item:hover {}
.wrap-news-gallery .item:hover {}
.wrap-gallery-usage .item:before,
.wrap-news-gallery .item:before {content: "";position: absolute;display: block;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.4);border-radius: 6px; opacity: 0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out;}
.wrap-gallery-usage .item:hover:before,
.wrap-news-gallery .item:hover:before {opacity: 1;}
.wrap-gallery-usage .item:after,
.wrap-news-gallery .item:after {opacity: 0; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; border: 2px solid #eeeeee; width: 40px; height: 40px; padding: 6px 0px; border-radius: 6px; text-align: center; color: #ffffff; content: "\f00e"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 22px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out;}
.wrap-gallery-usage .item:hover:after,
.wrap-news-gallery .item:hover:after {opacity: 1;}	
.footer-share {background: #eeeeee; padding: 15px;}

/*News detail page*/
.wrap-news-list.inpage.other .news-content .news-body .news-date + p {/* -webkit-line-clamp: 2; */}
.wrap-news-list.inpage.other figure.effect-layla {border-radius: 6px 0 0 6px;}
.wrap-news-list.inpage.other .news-content {padding-left: 0;}
.wrap-news-list.inpage.other .news-content .news-body {min-height: 86px;}
@media (max-width: 991px) {
	.wrap-news-list.inpage.other .news-content {padding-left: 15px;}
	.wrap-news-list.inpage.other figure.effect-layla {border-radius: 6px 6px 0 0;}
	.wrap-news-list.inpage.other .news-content .news-body h4 {margin-top: 0;}
}


/*Faq*/
.wrap-faq-accordion {}
.wrap-faq-accordion form input {position: relative;z-index: 100;/* border-radius: 50px; */padding-right: 40px;background: none;}
.wrap-faq-accordion form .with-icon {}
.wrap-faq-accordion form .with-icon small {position: absolute; top: 50%; right: 20px; margin-top: -10px; color: #bfbfbf;}
.wrap-faq-accordion form .with-icon small:before {content: "\f002"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 18px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.wrap-faq-accordion .panel-group .panel {border-radius: 26px;border-color: #d3d9df;box-shadow: none;}
.wrap-faq-accordion .panel-group .panel + .panel {margin-top: 20px;background: none;}
.wrap-faq-accordion .panel-group .panel-heading + .panel-collapse > .panel-body {border-top: none;padding: 27px 17px;color: #002c42;}
.wrap-faq-accordion .panel-default > .panel-heading {padding: 0; background: none;}
.wrap-faq-accordion .panel-title {background: none;}
.wrap-faq-accordion .panel-title > a {position: relative;display: block;padding: 17px 37px 17px 17px;border-radius: 25px;line-height: 22px;background: #e1e7ed;transition: all 0.2s;text-decoration: none;font-weight: 500;}
.wrap-faq-accordion .panel-title > a:hover {background: #c6cdd5; /* color: #ffffff; */}
.wrap-faq-accordion .panel-title > a > span.freq-tag,
.wrap-faq-accordion .panel-group .panel-heading + .panel-collapse > .panel-body span.freq-tag {color: #ffffff; padding: 0px 6px; display: inline-block; border-radius: 4px; margin-right: 10px; height: 22px; width: 25px; text-align: center; font-weight: 500;}
.wrap-faq-accordion .panel-title > a > span.freq-tag.q {background: #d7555d;}		
.wrap-faq-accordion .panel-group .panel-heading + .panel-collapse > .panel-body span.freq-tag.a {background: #4ac3a9;}
.wrap-faq-accordion .panel-title > a:after {position: absolute; right: 15px; top: 20px; /* margin-top: -8px; */ display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.wrap-faq-accordion .panel-title > a[aria-expanded="true"]:after {content: "\f068";}
.wrap-faq-accordion .panel-title > a[aria-expanded="false"]:after {content: "\f067";}
.wrap-faq-accordion .panel-title > a[aria-expanded="true"] {border-radius: 25px 25px 0 0;background: #002c42;color: #ffffff;}
.wrap-faq-accordion .panel-group .panel-heading + .panel-collapse.in > .panel-body {}


/*Contact page*/
.map-btn {font-weight: 500;display: inline-block;height: 60px;width: 120px;padding: 16px 17px;background: #0081c2;border-radius: 70px 70px 0 0;color: #ffffff;transition: all 0.2s;text-decoration: none !important;}
.map-btn:hover,
.map-btn:hover:focus {color: #38b8bb; background: #001825;}
.map-btn:focus {color: #ffffff;}

.map-btn > i {display: block;}

/*map*/
.info_content h3 {font-family: 'Prompt';font-size: 18px;color: #002c42;font-weight: 600;}
.info_content p a {font-size: 14px;color: #333333;font-family: 'Prompt';font-weight: 400;}
.info_content p a:focus {outline: 0;border: none;}

.contact-form {border: 1px solid #e1e1e1; padding: 30px 30px; border-radius: 4px;}
.wrap-subsidiary {}
.wrap-subsidiary .item {border-radius: 4px;font-size: 15px;background: #ffffff;padding: 15px 20px;-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.15);}
.wrap-subsidiary .item .img-sub {margin: 10px 0 25px;}
.wrap-subsidiary .item .content-sub {}
.wrap-subsidiary .item .content-sub h3 {font-size: 18px; font-weight: 600; color: #002c42;}
.wrap-subsidiary .item .content-sub h3 span {display: block;color: #636363;font-weight: 500;margin-top: 5px;font-size: 15px;line-height: 16px;height: 16px;}
.wrap-subsidiary .item .contact-sub ul {padding-left: 75px;}
.wrap-subsidiary .item .contact-sub ul li {word-break: break-all;}
.wrap-subsidiary .item .contact-sub ul li strong {color: #002c42; position: absolute; font-weight: 600; left: 35px; text-align: right; display: inline-block;}
.wrap-subsidiary .item .contact-sub a {display: inline-block; background: #1a4791; color: #ffffff; padding: 3px 20px; margin: 0 10px; border-radius: 4px; transition: all 0.2s; text-decoration: none;}
.wrap-subsidiary .item .contact-sub a:hover {background: #001e4e; color: #ffffff;}
.wrap-subsidiary .item .contact-sub a.style2 {background: #ffffff; color: #1a4791; border: 1px solid #1a4791;}
.wrap-subsidiary .item .contact-sub a.style2:hover {background: #c8eafb; color: #0081c2; border: 1px solid #0081c2;}



/*//////////////////Media Query//////////////////*/
@media (max-width: 600px) { 
  
}
/*col-xs (Extra small devices)*/
@media (max-width: 767px) { 
  /*Common*/
	.sec-content {padding-top: 50px; padding-bottom: 50px;}  
	.sec-content.half-top {padding-top: 50px;}
	.sec-content.half-bottom {padding-bottom: 50px;} 
  .sec-content.add2-top {padding-top: 150px;}
  .sec-content.add2-bottom {padding-bottom: 150px;}

  .sec-header-page {padding-top: 41px;}
  
  /*Homapage*/
  .wrap-product-shortcut {padding: 15px;}
  .media-project .media-footer {/*Home project section*/ /* text-align: center; */ margin-top: 10px;}
  .sec-content .inner-bg-02 {/*Home certification section inner*/ top: 50%; margin-top: -125px; height: 250px;}
	
	/*Product page*/
	.product-tabs .product-content {padding-left: 20px; padding-right: 20px;}
  
}
/*col-sm (Small devices Tablets)*/	
@media (min-width: 768px) and (max-width: 991px) {
  /*Homapage*/
  .wrap-product-shortcut {padding: 30px 50px;}	
  .sec-content .inner-bg-02 {/*Home certification section inner*/ top: 0; height: 460px;}
  
}
@media (max-width: 991px) {
  /*Homapage*/
  .media-project .media {text-align: center;}
  .media-project .media-left {display: table;margin: 0 auto;}
  .media-project .media-body:after {left: 15px; top: 110px;}
	
	
	/*about us page*/	
	.wrap-about-policy-02 .item .media .media-left img {width: 100%;}
	.wrap-about-policy-02 .item .media .media-left {padding-right: 0;}
	.wrap-about-policy-02 .item .media .media-left,
	.wrap-about-policy-02 .item .media .media-body {display: block; width: 100%;}
	
}

/*col-md (Medium devices Desktops)*/
@media (min-width: 992px) and (max-width: 1199px) {
  /*Homapage*/
  .wrap-product-shortcut .item figure.effect-sadie:hover p {/* -webkit-transform: translate3d(0,-155%,0); *//* transform: translate3d(0,-185px,0); */}
  .wrap-product-shortcut .item figure.effect-sadie h2 {/* top: 50px; *//* margin-top: -30px; */}
  .wrap-product-shortcut .item figure.effect-sadie:hover h2 {}
  .wrap-product-shortcut .item figure.effect-sadie:hover span.btn-link {/* -webkit-transform: translate3d(0,-20%,0); *//* transform: translate3d(0,-20%,0); */}
}
/*col-lg (Large devices Desktops)*/
@media (min-width: 1200px) {
  
}


/* ////////////// for Screen Size 18.5 ////////////*/
@media (max-height: 768px) {

}
/*for Screen Size 18.5 (xs)*/
@media (max-height: 768px) and (max-width: 767px) { 
  
}

/*for Screen Size 18.5 (sm)*/
@media (max-height: 768px) and (min-width: 768px) and (max-width: 991px) { 
  
}

/*for Screen Size 18.5 (md)*/
@media (max-height: 768px) and (min-width: 992px) and (max-width: 1199px) { 
  
}

/*for Screen Size 18.5 (lg)*/
@media (max-height: 768px) and (min-width: 1200px) { 
  
}


/* Carousel Fading slide */
/*.carousel-fade .carousel-inner { background: #000; }*/
.carousel-fade .carousel-control { z-index: 2; }  
.carousel-fade .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  }

  .carousel-fade .next.left,
  .carousel-fade .prev.right,
  .carousel-fade .item.active { opacity: 1; }

  .carousel-fade .active.left,
  .carousel-fade .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
  }


/* Safari Fix */
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
}


/* caption-animate */
.caption-animate .item.active .carousel-caption {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  
  -webkit-animation-delay: 0.7s; /* Safari 4.0 - 8.0 */
  animation-delay: 0.7s;
}
.caption-animate  .item.active .carousel-caption.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.caption-animate  .item.active .carousel-caption.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.caption-animate .item.active .carousel-caption.flipOutX,
.caption-animate .item.active .carousel-caption.flipOutY,
.caption-animate .item.active .carousel-caption.bounceIn,
.caption-animate .item.active .carousel-caption.bounceOut {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}
.caption-animate .item .carousel-caption.fadeIn,
.caption-animate .item .carousel-caption.fadeInDown,
.caption-animate .item .carousel-caption.fadeInDownBig,
.caption-animate .item .carousel-caption.fadeInLeft,
.caption-animate .item .carousel-caption.fadeInLeftBig,
.caption-animate .item .carousel-caption.fadeInRight,
.caption-animate .item .carousel-caption.fadeInRightBig,
.caption-animate .item .carousel-caption.fadeInUp,
.caption-animate .item .carousel-caption.fadeInUpBig{
  opacity:0;
}

/* ช่วงไว้อาลัย: ปรับโทนสี Grayscale */
body {
  filter: grayscale(0.7);
  -webkit-filter: grayscale(0.7);
}