@font-face{font-family:'tuv';src:url('../fonts/TUV Montserrat/TUV-Montserrat-Regular.ttf') format('truetype');}
@font-face{font-family:'tuvB';src:url('../fonts/TUV Montserrat/TUV-Montserrat-Bold.ttf') format('truetype');}
@font-face{font-family:'utmGW';src:url('../fonts/UTM Gods WordBold.ttf') format('truetype');}
@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot');src:url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff') format('woff'),url('../fonts/fontawesome-webfont.woff2') format('woff'),url('../fonts/fontawesome-webfont.ttf') format('truetype'),url('../fonts/fontawesome-webfont.svg') format('svg');}

/*----- RESET -----*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,address,em,img,strong,dl,dt,dd,ul,li,fieldset,form,label,legend{border:0;font-family:inherit;font-size:100%;margin:0;outline:0;padding:0;}
:focus{outline:0;}
ol,ul{list-style:none;}
img{width:auto\9;height:auto;max-width:100%;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
html,body{height:100%;}

/*----- COMMON -----*/
body{background-color:#fff;color:#444;font:normal normal 100% Roboto,Helvetica,sans-serif;line-height:1.5em;font-size:.75em;}
h1,h2,h3,h4,h5,h6{line-height:normal;font-weight:normal;}
input,select,textarea{color:#38444f;font:normal normal 1em Roboto,Helvetica,sans-serif;}
input:focus,select:focus,textarea:focus,a:link,a:visited,a:hover,a:focus{outline:none;}
a:link,a:visited,a:hover,a:focus{color:#4e4e4e;text-decoration:none!important;}
.clear{clear:both;}
a,div,li{-webkit-transition:color .35s ease-in-out,background .5s ease-in-out,border .35s ease-in-out;-moz-transition:color .35s ease-in-out,background .5s ease-in-out,border .35s ease-in-out;-o-transition:color .35s ease-in-out,background .5s ease-in-out,border .35s ease-in-out;transition:color .35s ease-in-out,background .5s ease-in-out,border .35s ease-in-out;}

/* ==GENERAL== */
html,body{font-family:'Open Sans',sans-serif!important;color:#4e4e4e!important;}
.utm-g{font-family:'utmGW';}
.tuv{font-family:'tuv';}
.tuv-b{font-family:'tuvB';}
.uppercase{text-transform:uppercase;}
.bold{font-weight:bold;}
.section-title h2{margin:0;}
.section-title h2 span{font-family:'tuvB';font-size:0.9em;padding-bottom:12px;}
.widget-title{background:#96cc24;color:#fff;text-align:center;}
.widget-title h2{font-size:1.3em;text-transform:uppercase;font-family:'tuvB';padding:10px;margin:0;}
.btn-detail{margin-top:10px;}
.btn-detail a{border-radius:4px;background:#96cc24;color:#fff;padding:8px 20px;}
.btn-detail a:hover{background:transparent;border:1px solid #96cc24;color:#96cc24;text-decoration:none;}

/* == HEADER == */
.navbar-default{background-color:#96cc24!important;border-color:transparent!important;}
.navbar{border-radius:0!important;}
.navbar-brand{float:none!important;padding:0!important;height:auto!important;}
.navbar-brand>img{display:inline-block!important;}
.logo-desk{display:inline-block;width:190px;height:100px;}
.logo-desk img{width:100%;height:100%;object-fit:contain;box-shadow:0 8px 4px -4px rgba(0,0,0,0.4);}
.logo-border{margin-left:-6px;}
.navbar-nav{  /* line-height: 80px; */
margin-top:0!important;}
.navbar-nav > li{float:none!important;display:inline-block!important;margin:0;padding:0;}
.header .navbar-nav>.active>a,.header .navbar-nav>.active>a:focus,.header .navbar-nav>.active>a:hover,.header .navbar-nav>li:hover>a,.header .navbar-nav>li:focus>a,.header .navbar-nav>li:active>a{background:transparent!important;box-shadow:0 4px 10px 0px rgba(0,0,0,0.4);}
.navbar-nav>li>a{padding:12px 12px!important;-webkit-transition:all .4s;transition:all .4s;color:#fff!important;font-weight:bold;font-size:15px;text-transform:capitalize;}
.header-search{display:inline-block;margin-bottom:20px;}
.btn-search,.submit-search{border:none;background:#fff;border-radius:2px;padding:7px 10px;}
.btn-search i,.submit-search i{color:#96cc24;}
.txt-search{border:none;padding:6px;font-style:italic;}
.modal-content{text-align:center;}
.modal.in .modal-dialog{top:15%;}

/* == SERVICE ==  */
.service{text-align:center;margin:50px 0;}
.service .section-sub-title{margin-bottom:40px;}
.service-icon img{background:#9aa9ca;border-radius:50%;box-shadow:0 0 0 8px #fff,0 2px 5px 9px #9aa9ca;width:100px;height:100px;padding:20px;}
.service-icon:hover img{background:#96cc24;box-shadow:0 0 0 8px #fff,0 2px 5px 9px #96cc24;}
.service-name{margin:30px 0 10px;}
.service-name h4{margin:0;font-size:1em;}
.service-detail{margin-bottom:30px;}
.advand{margin-top:20px;}
.advand-item{margin-bottom:20px;}
.advand-icon{margin-right:10px;}
.advand-icon img{border:1px solid #4e4e4e;border-radius:50%;width:30px;height:30px;}
.icon-1{padding:7px 8px;}
.icon-2{padding:9px 4px;}
.icon-3{padding:7px 3px;}
.icon-4{padding:7px 6px;}
.advand-name{font-size:1.2em;}

/* == PHONE == */
.phone{background:url('../images/bg-contact.png') no-repeat center;background-size:cover;text-align:center;padding:50px 0;color:#fff;margin-bottom:50px;}
.phone p{font-size:1.3em;}
.phone-home{margin-top:30px;}
.phone-home a{color:#fff;font-size:1.7em;padding:10px 60px;background:#96cc24;border-radius:4px;}

/* == PROJECT == */
.project{text-align:center;}
.du-an-thiet-ke{padding-top:50px;}
.project-new{padding-bottom:50px;}
.project .section-sub-title{margin-bottom:20px;}
.project-img{position:relative;overflow:hidden;width:100%;height:200px;color:#fff;text-align:center;-webkit-perspective:50em;perspective:50em;}
.project-img *{-webkit-box-sizing:padding-box;box-sizing:padding-box;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
.project-img img{width:100%;height:100%;vertical-align:top;object-fit:cover;}
.project-img figcaption{top: calc(50% + 20px);left:20px;right:20px;position:absolute;opacity:0;z-index:1;}
.project-img i{font-size:25px;}
.project-img:after{background-color:rgba(0,0,0,0.5);position:absolute;content:"";display:block;top:0;left:0;right:0;bottom:0;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:0;}
.project-img a{left:0;right:0;top:0;bottom:0;position:absolute;z-index:1;opacity:0;}
.project-img:hover figcaption{-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:1;-webkit-transition-delay:0.2s;transition-delay:0.2s;}
.project-img:hover a{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1;-webkit-transition-delay:0.2s;transition-delay:0.2s;}
.project-img:hover:after{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:0.9;}
.project-detail{margin:15px 0 30px;text-align:left;}
.project-detail .item__title{font-weight: 600;}
.project-detail .item__title a{color: #000;}

/* == ABOUT == */
.about{background:url('../images/bg-about.png') no-repeat center;background-size:cover;padding:50px 0;}
.about .section-sub-title{margin-bottom:20px;}
.about-container{margin:20px 0;}
.about-container .btn-detail{margin-top:30px;}
.about .item{position:relative;margin-bottom:20px;}
.about .item::before{position:absolute;content:'';top:30px;bottom:30px;left:30px;right:30px;border:1px solid #fff;z-index:999;}
.about img{width:100%;height:360px;}
.about .owl-theme .owl-nav{display:none;}
.about .owl-theme .owl-dots{position:absolute;left:0;right:0;bottom:20px;}
.about-item{display:inline-block;}
.point{display:table-cell;width:18%;vertical-align:middle;}
.point span{color:#fff;background:#96cc24;border-radius:50%;box-shadow:0 0 0 8px #fff,0 2px 5px 9px #0000006b;padding:10px;font-size:1.3em;}
.about-content{display:table-cell;width:82%;vertical-align:middle;}
.about-detail{margin:5px 0 20px;}

/* == WHY == */
.why{padding:50px 0;}
.why .section-sub-title{margin-bottom:30px;}
.why-item{margin-bottom:30px;}
.why-img{display:table-cell;width:13%;vertical-align:middle;}
.why-content{display:table-cell;width:87%;vertical-align:middle;}

/* == PARTNER == */
.partner .item-block{border:1px solid #bbb;padding:10px 0;}
.partner .item-block img{margin:0 auto;}

/* == MAIL == */
.mail{background:url('../images/bg-contact-2.png') no-repeat center;background-size:cover;text-align:center;padding:50px 0;color:#fff;}
.wpcf7-form{margin-top:20px;}
.input-email{font-style:italic;padding:5px 10px;border:none;border-radius:5px 0 0 5px;color:#444;}
.btn-mail{background:#96cc24;border:none;padding:5px 10px;border-radius:0 5px 5px 0;position:relative;left:-5px;}

/* ==FOOTER== */
.footer{background:#222;color:#fff;padding:50px 0 20px;margin-top:50px;font-size:0.9em;line-height:1.6em;}
.footer-item{margin-bottom:20px;}
.footer-icon{display:table-cell;width:15%;vertical-align:middle;}
.footer-icon i{font-size:3em;padding:20px;background:#96cc24;color:#fff;border-radius:50%;}
.footer-icon .fa-map-marker{padding:20px 24px;}
.footer-icon .fa-envelope-o{padding:16px;}
.footer-content{display:table-cell;width:85%;vertical-align:middle;}
.footer-title{margin-bottom:5px;}
.footer-title h2{margin:0;}
.footer-title h2 span{font-size:0.5em;color:#bbb;}
.footer i{margin-right:10px;}
.footer a{color:#fff;}
.footer a:hover{color:#96cc24;}
.footer hr{border-top:1px solid #403d3d;margin-top:50px;}
.copyright{color:#fff;font-size:0.9em;text-align:center;}
.copyright .social-icon ul{padding:0;}
.copyright .social-icon ul li{display:inline;margin:0 2px;}
.copyright .social-icon ul li i{font-size:1.5em;color:#fff;}

/* == CONTACT PAGE == */
.map-1{margin-top:30px;}
.info-intro .wpcf7 p{text-align:center;}
.info-intro .form-inline .form-group{margin-bottom:15px;display:block;}
.info-intro .form-inline .form-control{width:100%;}
.info-intro .wpcf7 .btn-contact{padding:10px 20px;padding-right:50px;background:transparent;border:1px solid #96cc24;color:#96cc24;text-transform:uppercase;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.info-intro .wpcf7 .btn-contact:hover{background:#2dcc24bd;color:#fff;border:1px solid #2dcc24bd}
.info-intro .wpcf7 .fa-paper-plane{position:relative;left:-60px;top:5px;font-size:1.8em;color:#96cc24;}
.page .wrap,.single .wrap,.archive .wrap,.search .wrap{margin-top:30px;}

/* == PAGE == */
.page__header{margin-bottom:20px;}
.box__title span{font-family:'utmGW';color:#96cc24;padding:0px 10px 0 0;background:#fff;display:inline-block;position:relative;}
.box__title span::before{content:'';display:block;height:1px;position:absolute;top:-12px;left:0;background:white;width:100%;}
.box__title{position:relative;}
.box__title::after{content:'';position:absolute;top:25px;left:0;width:100%;height:1px;background:#96cc24;display:inline-block;z-index:-999;}
.entry-meta{margin-bottom:10px;border-bottom:1px dotted #bbb;padding-bottom:10px;}

/* == CATEGORY == */
.category .post-item{border:1px solid #e1e1e1;background:#faf8f8;margin-bottom:20px;}
.category .post-item img{height:136px;width:100%;}
.post-img{position:relative;}
.post-img a::after{content:"";position:absolute;top:0px;left:0;width:0%;height:100%;background-color:rgba(255,255,255,0.4);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;-webkit-transform:skewX(-25deg);transform:skewX(-25deg);}
.post-img a:hover::after{width:100%;background-color:rgba(255,255,255,0);-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-ms-transition:all 1s ease-out;-o-transition:all 1s ease-out;transition:all 1s ease-out;}
.category .entry-content{padding:10px 20px 10px 0;}
.category .post-item h3{margin:0 0 20px;}
.category .btn-detail{text-align:right;}

/* == ARCHIVE PROJECT == */
.item-project-archive{-webkit-perspective:1700px;-moz-perspective:1700px;perspective:1700px;-webkit-perspective-origin:0 50%;-moz-perspective-origin:0 50%;perspective-origin:0 50%;overflow:hidden;border:1px solid #e1e1e1;padding:10px;margin-bottom:20px;text-align:center;}
.item-project-archive figure{margin:0;position:relative;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;}
.item-project-archive figure .item-project-img{overflow:hidden;position:relative;text-align:center;}
.item-project-archive figure .item-project-img img{width:100%;height:200px;}
.item-project-archive figcaption{opacity:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);transform:rotateY(-90deg);-webkit-transition:-webkit-transform 0.4s,opacity 0.1s 0.3s;-moz-transition:-moz-transform 0.4s,opacity 0.1s 0.3s;transition:transform 0.4s,opacity 0.1s 0.3s;}
.item-project-archive figcaption{position:absolute;top:0;left:0;background:rgba(11,101,11,0.5);width:100%;height:100%;}
.item-project-archive figure:hover figcaption{opacity:1;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transition:-webkit-transform 0.4s,opacity 0.1s;-moz-transition:-moz-transform 0.4s,opacity 0.1s;transition:transform 0.4s,opacity 0.1s;}
.item-project-archive figcaption a{z-index:9999;display:block;position:absolute;top:0;bottom:0;left:-100%;width:40px;height:40px;-webkit-transition:left 1.2s ease;-moz-transition:left 1.2s ease;-ms-transition:left 1.2s ease;-o-transition:left 1.2s ease;transition:left 1.2s ease;}
.item-project-archive figure:hover a{left:0;right:0;margin:auto;text-align:center;}
.item-project-archive figure i{color:#fff;font-size:2em;padding:10px;border:1px solid #fff;border-radius:50%;}
.item-project-archive h3{margin:10px 0 0 0;font-size:1.1em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:24px;height:24px;}

/* == RELATED POST == */
.related-post{margin-bottom:20px;}
.related-img img{width:100%;height:190px;}
.related-img{position:relative;}
.related-img a::after{content:"";position:absolute;top:0px;left:0;width:0%;height:100%;background-color:rgba(255,255,255,0.4);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;-webkit-transform:skewX(-25deg);transform:skewX(-25deg);}
.related-img a:hover::after{width:100%;background-color:rgba(255,255,255,0);-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-ms-transition:all 1s ease-out;-o-transition:all 1s ease-out;transition:all 1s ease-out;}
.related-content{border:1px solid #bbb;padding:10px;}
.related-date{font-size:0.9em;color:#bbb;font-style:italic;}

/* == RELATED PROJECT == */
.header__title{margin-bottom:20px;}
.header__title .section-title h2 span{padding-bottom:0;border-bottom:1px solid #bbb;}
.project-related h3{font-size:16px;font-weight:bold;line-height:25px;height:50px;overflow:hidden;text-overflow:ellipsis;}
.project-related-img{position:relative;overflow:hidden;width:100%;height:200px;color:#fff;text-align:center;-webkit-perspective:50em;perspective:50em;}
.project-related-img *{-webkit-box-sizing:padding-box;box-sizing:padding-box;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
.project-related-img img{width:100%;height:100%;vertical-align:top;object-fit:cover;}
.project-related-img figcaption{top:50%;left:20px;right:20px;position:absolute;opacity:0;z-index:1;}
.project-related-img i{font-size:25px;}
.project-related-img:after{background-color:rgba(13,175,9,0.5);position:absolute;content:"";display:block;top:0;left:0;right:0;bottom:0;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:0;}
.project-related-img a{left:0;right:0;top:0;bottom:0;position:absolute;z-index:1;opacity:0;}
.project-related-img:hover figcaption{-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:1;-webkit-transition-delay:0.2s;transition-delay:0.2s;}
.project-related-img:hover a{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1;-webkit-transition-delay:0.2s;transition-delay:0.2s;}
.project-related-img:hover:after{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:0.9;}

/* == BREADCRUMB == */
.breadcrumb{background-color:#fff!important;padding:20px 0 5px!important;margin:0!important;border-radius:0!important;border-bottom:1px solid #96cc24;}
.breadcrumb a{font-weight:bold;color:#444444;}
.breadcrumb span{font-weight:bold;color:#96cc24;}

/* == SIDEBAR == */
.right-sidebar{margin-bottom:30px;}
.news-sidebar{background:#efefefa6;}
.news-sidebar li{border-bottom:1px dotted #bbb;padding:10px 0;}
.news-sb-left{display:table-cell;width:45%;vertical-align:middle;padding:0 5px;}
.news-sb-left img{width:100%;height:90px;}
.news-sb-img{position:relative;}
.news-sb-img a::after{content:"";position:absolute;top:0px;left:0;width:0%;height:100%;background-color:rgba(255,255,255,0.4);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;-webkit-transform:skewX(-25deg);transform:skewX(-25deg);}
.news-sb-img a:hover::after{width:100%;background-color:rgba(255,255,255,0);-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-ms-transition:all 1s ease-out;-o-transition:all 1s ease-out;transition:all 1s ease-out;}
.news-sb-right{display:table-cell;width:55%;vertical-align:middle;}
.news-sb-content{padding:5px 0 5px 10px;}
.news-sb-content h2{font-size:15px;}
.news-sb-content h2 a{color:#333!important;}
.news-sb-content h2 a:hover{color:#2b7edc!important;}
.projects{background:#efefefa6;}
.projects li{border-bottom:1px dotted #bbb;padding:10px 0;}
.project-sb-left{display:table-cell;width:45%;vertical-align:middle;padding:0 5px;}
.project-sb-left img{width:100%;height:90px;}
.project-sb-img{position:relative;}
.project-sb-img a::after{content:"";position:absolute;top:0px;left:0;width:0%;height:100%;background-color:rgba(255,255,255,0.4);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;-webkit-transform:skewX(-25deg);transform:skewX(-25deg);}
.project-sb-img a:hover::after{width:100%;background-color:rgba(255,255,255,0);-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-ms-transition:all 1s ease-out;-o-transition:all 1s ease-out;transition:all 1s ease-out;}
.project-sb-right{display:table-cell;width:55%;vertical-align:middle;}
.project-sb-content{padding:5px 0 5px 10px;}
.project-sb-content h2{font-size:15px;}
.project-sb-content h2 a{color:#333!important;}
.project-sb-content h2 a:hover{color:#96cc24!important;}
.contact-sb{background:#efefefa6;padding:5px 10px;}
.custom-html-widget{margin-bottom:30px;}
.contact-sb i{margin-right:10px;}
.contact-sb a{color:#00aff0!important;}
.contact-sb a:hover{color:#96cc24!important;}
.contact-sb .fa-envelope{font-size:2.5em;}

/* == Return to top == */
#return-to-top{position:fixed;bottom:14%;right:1%;background:#e3ecd7;border-color:#00a859;width:45px;height:45px;display:block;text-decoration:none;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px;display:none;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
#return-to-top i{color:#00a859;margin:0;position:relative;left:14px;top:11px;font-size:19px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;z-index:1;}
#return-to-top:hover{background:#96cc24;}
#return-to-top:hover  i{color:#fff;top:2px;}

/* == Nav Carousel == */
.owl-carousel .owl-nav .owl-prev img{position:absolute;left:-12px;top:45px;bottom:0;}
.owl-carousel .owl-nav .owl-next img{position:absolute;right:-12px;top:45px;bottom:0;}
.owl-carousel .owl-nav .owl-prev:hover i,.owl-carousel .owl-nav .owl-next:hover i{color:#00a859;border-color:#00a859;}
.owl-theme .owl-nav [class*=owl-]{background:none!important;}

/* == UPDATE == */
.menu-primary-menu-container{display:inline-block;}
.camera_pie{display:none;}
.camera_pag{position:absolute;bottom:0;left:0;right:0;margin:auto;}
.camera_wrap{margin-bottom:0!important;}
.camera_wrap .camera_pag .camera_pag_ul{text-align:center!important;}
.camera_wrap .camera_pag .camera_pag_ul li{background:#fff!important;}
.camera_wrap .camera_pag .camera_pag_ul li > span{border-radius:50%;height:16px;left:0;overflow:hidden;position:absolute;top:0;width:16px;}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span{background:#96cc24;}
.dropdown:hover>.dropdown-menu{display:block;}

/* Menu 3 cấp */
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:active>.dropdown-menu,.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-menu:active>a:after{border-left-color:#ffffff;}
.dropdown-menu.pull-left{float:none;}
.dropdown-menu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.navbar-nav>li>.dropdown-menu,.dropdown-submenu>.dropdown-menu{background:#96cc24;}
.dropdown-menu>li>a{color:#fff!important;font-weight:bold!important;}
.dropdown-menu>li>a:hover{color:#444!important;}

/*Support*/
.fix-support{position:fixed;left:0;top:50%;z-index:1000;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.fix-support h6{background:#ececec;font:bold 15px/25px 'Open Sans',sans-serif;color:#96cc24;text-transform:uppercase;text-align:center;box-shadow:0 7px 10px rgba(0,0,0,0.4);padding:10px 0;cursor:pointer;position:absolute;top:50%;left:-105px;z-index:10;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);width:250px;border-bottom-left-radius:70px;border-bottom-right-radius:70px;}
.fix-support h6.active{left:97px;}
.ct-support{box-shadow:0 5px 10px rgba(0,0,0,0.4);position:absolute;left:-280px;top:50%;width:200px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
.ct-support h5{font:400 20px/25px 'Utm-GodwordB',sans-serif;color:#333;margin-bottom:10px;}
.top-sp{border-bottom:1px solid #d1d1d1}
.top-sp p strong a{font:bold 22px/25px 'Open Sans';color:red;display:block;margin-bottom:15px;}
.top-sp p a{font:400 12px/25px 'Open Sans';color:#555;}
.txt-sp{background:#ececec;padding:50px 15px;}
.txt-sp span{font:400 15px/20px 'Roboto',sans-serif;color:#555;margin-bottom:7px;}
.txt-sp span.tm-p{color:#f00;}
.txt-sp span.tm-p i{display:inline-block;width:11px;height:11px;background-position:-158px -39px;margin-right:7px;}
.txt-sp span.tm-m i{display:inline-block;width:14px;height:10px;background-position:-179px -39px;margin-right:10px;vertical-align:middle;}
.txt-sp span.tm-s i{display:inline-block;width:20px;height:19px;background-position:-340px -6px;margin-right:10px;vertical-align:middle;margin-top:-2px;}
.txt-sp span.tm-p,.txt-sp span.tm-s{display:inline-block;}
ul.social{display:inline-block;margin:0 -10px;padding:15px 0 25px;}
ul.social li{float:left;padding:0 10px;}
ul.social li a{width:30px;height:30px;color:white;border-radius:25px;font-size:20px;padding:1px 3px;text-align:center;display:block;}
ul.social li a.fb{background:#3b5998;}
ul.social li a.tw{background:#55acee;}
ul.social li a.go{background:#dc4e41;}
ul.social li a.sk{background:#1b92d1;}
.bot-sp{padding:20px 0;}
.bot-sp p.main{font:600 14px/25px 'Open Sans';color:#333;margin:0;}
.bot-sp p.main .viber-icon i{color:#59267c;font-size:1.5em;margin:0 5px 0 0;}
.bot-sp p.sub{margin-left:30px;}
.bot-sp p.sub a{font:600 14px/25px 'Open Sans';color:red;margin-bottom:10px;}

/*Add Css*/
.header .navbar{border-top:0;border-left:0;border-right:0;display:inline-block;width:100%;margin-bottom: 0;}
.header-top{padding:10px 0;/* background: #455d13; */color:white;font-weight:bold;font-size:20px;}
.header-top p{margin-bottom:0;color:blue;font-size:26px;font-family:'tuvB';}
.detail-add{border-top:1px dashed #e1e1e1;padding:5px 0;}
.detail-add{margin-bottom:5px;}
.navbar-header{width:190px;}
div#bs-example-navbar-collapse-1{width:calc(100% - 190px);float:right;text-align:center;}
.navbar-header span a{display:block;width:100%;height:100px!important;}
.navbar-header span a img{width:100%;height:100%;object-fit:contain;padding:0;margin:0;}
.navbar-header button.navbar-toggle{position:absolute;right:0;}

/* Text truncate */
.text__truncate{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-webkit-inline-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.text__truncate.-n2{-webkit-line-clamp:2;}
.text__truncate.-n3{-webkit-line-clamp:3;}
.text__truncate.-n4{-webkit-line-clamp:4;}