/* Enter Your Custom CSS Here */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap');
h1, h2, h3, h4 span.menu-text { font-family: 'Noto Sans Thai', sans-serif;font-weight: 400; font-weight:normal; color:#ffffff;}
h5, h6 {font-family: 'Noto Sans Thai', sans-serif;font-weight: 300;; font-weight:normal; }
a {text-decoration: none;}
a:hover {color:#4db9b5;}
.icn-head a {background:#333333; padding:15px; text-align:center;}
.icn-head a img {margin:0 auto; vertical-align: middle;}
.icn-head a:hover {background:#3a559f;}
span.menu-text { font-family: 'Noto Sans Thai', sans-serif !important;font-weight: 400;; }
.masthead:not(.sub-downwards) .main-nav .sub-nav > li:not(.act):not(.dt-mega-parent):not(.no-link):not(.wpml-ls-item):hover > a .menu-text {color:#fff!important}
.index-hightlight-box {min-height:90px;}
.index-box-list ul {list-style: none; margin-left:14px;}
.index-box-list ul li {font-family: 'Noto Sans Thai', sans-serif;font-weight: 300;; padding-bottom:15px;}
.index-box-list ul li::before {content: "\2022"; color: #d6721f; font-weight: bold; display: inline-block; width: 13px; margin-left: -13px; font-size:10px;}
.dt-btn {font-family: 'Noto Sans Thai', sans-serif;font-weight: 400; font-size:20px;}
.box-ourservice-index-detail {background: url(https://www.nky2009.com/wp-content/uploads/2019/08/index-ourservice-bg.jpg) no-repeat #1a1a1a; background-position:right bottom!important;}
#promotion-index .wpb_content_element {margin:0;}
.title-separate {width:70px;}
.btn-detail-customicon {background: url(https://www.nky2009.com/wp-content/uploads/2023/11/icn-btn-detail-box_0_0.png) no-repeat right center !important; background-size: auto; background-size: 44px !important; padding: 10px 55px 10px 0 !important;}
.btn-detail-customicon:hover {background: url(https://www.nky2009.com/wp-content/uploads/2023/11/icn-btn-detail-box-hover_0_0.png)  no-repeat right center!important; background-size:44px !important; }
.box-contact-txt-left {padding:90px 60px 0 100px;}
.box-contact-txt-right {padding:90px 100px 0 100px;}
.box-contact-txt-center {padding:90px 90px 0 90px;}
.box-tel img {vertical-align:middle; padding-right:10px;}
.box-map-contact img {padding-right:10px; vertical-align:middle;}
.box-map-contact a {margin-right:20px; font-family: 'Noto Sans Thai', sans-serif;font-weight: 300;;}
#footer a {font-family: 'Noto Sans Thai', sans-serif;font-weight: 400; font-size:20px; color:#fff;}
#footer li {border: none;}
#footer .sub-menu {margin-left: 15px;}
#footer .sub-menu li {padding-top:0;}
#footer .sub-menu li a {font-size:18px; color:#b2b2b2;}
#footer .sub-menu li::before {content: "\2022"; color: #4db9b5; font-weight: bold; display: inline-block; width: 13px; margin-left: -13px; font-size:10px;}
#menu-item-131, #menu-item-135, #menu-item-136 {margin-top: 20px;}
#footer .wf-1-7 {width: 13.8%;}
#footer #custom_html-3 {width:60%; padding-right:0;}
#footer #nav_menu-3.wf-1-7  {width: 17%;}
#footer #nav_menu-2,#footer #nav_menu-3,#footer #nav_menu-5,#footer #nav_menu-6 {text-align:left;}
#footer #nav_menu-7,#footer #nav_menu-8,#footer #nav_menu-9 {text-align:right;}
#footer #nav_menu-3,#footer #nav_menu-5,#footer #nav_menu-6 ,#footer #nav_menu-7,#footer #nav_menu-8 {padding-right:0;}
#custom_html-2 {width:40%!important;height: 175px;position: relative;overflow: hidden;}
#footer .sub-menu li::before {vertical-align: top;}
.line-footer {padding-top: 55px;}
.line-footer-boxL {width: 45%; float:left;}
.line-footer-boxR{width: 55%; float:left;}
.line-footer  img {float:left; padding-top:10px;}
.line-footer h6 {font-family: 'Noto Sans Thai', sans-serif;font-weight: 400; font-size:18px; line-height: 22px; margin: 5px 0 0 0;}
.footer-txt-line {float:left; padding-left: 19px;}
#bottom-bar {background:#1a1a1a;}
#bottom-bar ,#bottom-bar a {font-size:14px; }
.box-txt-img-link .promotion-txt-short {background:#4db9b5!important;}
.clear-breadcrumbs {clear:both;}
.breadcrumbs {margin: 10px 0 0 0; position: relative; font-size:16px !important; color: #666!important; text-align: right;}
.breadcrumbs a {color: #666!important}
.breadcrumbs a:hover {color: #4db9b5!important;}
.breadcrumbs .post::after, .breadcrumbs .post::before {display: inline-block;}
.breadcrumbs .current-item {color: #4db9b5;}
.box-hover-button .wpb_wrapper {position: relative; overflow: hidden;}
.btn-product-cover i {margin-left: 15px!important;position:relative; z-index:2;}
.box-hover-button .dt-btn i {color:#4db9b5!important;}
.btn-product-cover span {position:relative; z-index:2;}
.btn-product-cover {background: none!important;position: absolute;padding: 20px!important;font-size: 20px; bottom: 0;-webkit-transition: all .4s ease-in-out;}
.btn-product-cover:after {
    content: " ";
    position: absolute!important;
    display: block!important;
    width: 120%!important;
    height: 105%!important;
    top: 0!important;
    left: -20px !important;
    z-index: 1;
    background: rgba(0,0,0,.5);
    border-right: 4px solid #4db9b5;
    transform-origin: bottom left;
    -ms-transform: skew(-20deg, 0deg);
    -webkit-transform: skew(-20deg, 0deg);
    transform: skew(-20deg, 0deg);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.box-hover-button:hover .btn-product-cover:after {background: #4db9b5;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.box-hover-button:hover .dt-btn i {color:#fff!important;}
.ourcar-brand-box {font-size:40px;}
.product-type-detail-R {padding-left:20px;}
#contact-page .box-contact-txt-right {padding-top: 35px;}
.box-txt-img-link h5 {color:#fff!important;}
.box-txt-img-link a:hover {color:#fff!important;}
.box-txt-img-link:hover .promotion-txt-short .vc_column-inner {background:#4db9b5!important;}
#article-box a {color:#fff; font-style:italic;}
#article-box a:hover {color:#4db9b5!important;}
/*#article-box a.post-thumbnail-rollover:hover a:after {background: linear-gradient(135deg,rgba(245,130,32,.8) 30%,rgba(223,76,59,.9) 100%);}*/
#article-detail ul {margin-left:12px!important;}
#article-detail ul li {padding-bottom:15px; list-style:none;}
#article-detail ul li::before {content: "\203A"; color: #ed1c24; font-weight: bold; display: inline-block; width: 13px; margin-left: -13px; font-size:20px;}
#article-detail ul li h5 {margin-top: -27px;margin-bottom: 0; color:#fff; font-weight:bold;}
.service-box .ult-content-box {min-height:303px;}
.customer-box-brand .vc_column-inner h4 {color:#fff!important;}
#customer-menu-box .ult-ib-effect-style1 img {width:100%!important;max-width:100%!important;transition: unset;transform: unset;-webkit-transition: all 450ms ease;transition: all 450ms ease;}
#customer-menu-box .ult-new-ib .ult-new-ib-desc {min-height: unset;text-align: center; padding:30px 0 25px 0;background: #000;-webkit-transition: all 450ms ease;transition: all 450ms ease;}
#customer-menu-box .ult-ib-effect-style1 .ult-new-ib-title, #customer-menu-box .ult-ib-effect-style1 .ult-new-ib-content, #customer-menu-box .ult-ib-effect-style1 .ult-new-ib-title, #customer-menu-box .ult-ib-effect-style1:hover .ult-new-ib-content, #customer-menu-box .ult-ib-effect-style1:hover .ult-new-ib-title, #customer-menu-box .ult-ib-effect-style1:hover img {transition: unset;transform: unset;transition-delay: unset;transition-duration: unset;-webkit-transition: all 450ms ease;transition: all 450ms ease;}
#customer-menu-box .ult-new-ib .ult-new-ib-desc {position: relative;}
#customer-menu-box .ult-new-ib:hover {background: #4db9b5!important;opacity: 1!important;}
#customer-menu-box .ult-new-ib:hover .ult-new-ib-desc {background: #4db9b5;-webkit-transition: all 450ms ease;transition: all 450ms ease;}
.bg-fix {background: url(https://www.nky2009.com/wp-content/uploads/2019/09/customer-bg.jpg) fixed right top!important; background-size:auto;background-repeat: no-repeat !important;}
.btn-product-max-more span {position:relative; z-index:2;}
.btn-product-max-more {position: absolute; bottom:45px; left:60px;background: url(https://www.nky2009.com/wp-content/uploads/2023/11/btn-max-bg.png) no-repeat center center!important; background-size:100% !important;padding: 30px 130px 30px 40px !important;}
.btn-product-max-more:hover {background: url(https://www.nky2009.com/wp-content/uploads/2019/09/btn-max-bg-hover.png) no-repeat center center!important; background-size:100% !important}
#footer a:hover {text-decoration:none; color:#4db9b5}
.sub-menu a:hover {text-decoration:none; color:#4db9b5!important}
#customer-menu-box .ult-new-ib {margin-bottom: 3px;}
#nky-service .ult-content-box-container:hover .title-product-service-index span, #nky-service .ult-content-box-container:hover h4 {color:#fff!important;;}
.content-service-box .ult-content-box {min-height: 370px;}
.img-qrcode {width:85px;}
.hide1660 {display:none}
#promotion-index .post-entry-content {display:none!important;}
@media only screen and (max-width:1660px) {
.hide1660 {display:block}
}
@media only screen and (max-width:1440px) {
.hide1660 {display:none}
.box-contact-txt-center, .box-contact-txt-right, .box-contact-txt-left {padding: 20px;}	
}
@media only screen and (max-width:1366px) {
.box-contact-txt-left {padding: 60px 40px 0 40px;}
.box-contact-txt-right {padding: 60px 40px 0 40px;}
.box-contact-txt-center {padding: 60px 40px 0 40px;}
#contact-page .box-contact-txt-right {padding: 35px 40px 0 40px;}
#contact-page .ult-spacer {height: 0;}
#contact-page .box-contact-txt-left {padding: 40px 40px 0 40px;}
  #nky-service .vc_column-inner {padding-top:0;}
  .box-ourservice-index-detail .vc_column-inner {padding-right:50px!important;padding-left:0!important;padding-top:0!important;}
}
@media only screen and (max-width:1080px) {
#banner-mb .vc_column_container > .vc_column-inner {padding:0!important}
}
@media only screen and (max-width:980px) {
#footer .wf-1-6, #footer #custom_html-3 {width: 100%;}
  #footer .wf-2-6 {width: 90%;margin: 0 auto;display: block;float: unset;}
.content-service-box .ult-content-box {min-height: unset; background: #1f1f1f!important;margin-bottom: 25px;}
.vc_custom_1567350928494 {background: none !important;}
#nky-service .ult-content-box {padding:50px!important;min-height: 385px;}
#slide-2-layer-1 {display: inline-block;left: 0;font-size: 35px!important;top: -65px}
#slide-2-layer-4 {left:0; font-size:20px!important;; display:inline-block;top: -70px}
#slide-2-layer-14 {left:0; font-size:17px!important;; display:inline-block;}
#slide-2-layer-13 {top: -65px}
.mobile-main-nav > li > a, .mobile-main-nav .sub-nav > li > a { padding: 16px 30px;}
.mobile-main-nav > li > a:hover, .mobile-main-nav .sub-nav > li > a:hover, .mobile-main-nav li.act > a {background: #4db9b5!important; color:#fff!important;}
.dt-mobile-header {padding: 30px 30px 0 0;}
.service-about-img, .service-about-txt {width:100%; margin: 0 auto;}
.box-ourservice-index-detail .vc_column-inner {padding-right: 50px !important;padding-left: 50px !important; padding-bottom:50px!important;}
#index-customer h1 {font-size: 27px;}
#index-customer h6 {font-size: 22px!important;}
#footer .wf-1-7 {width: 100% !important;text-align: left!important;}
#index-customer, #index-customer-R, #contact-section .wpb_column {width:100%;}
#index-customer h6 br {display:none;}
.line-footer-boxL, .line-footer-boxR {width: 100%;padding-bottom: 15px;}
}
@media only screen and (max-width:768px) {
.mobile-header-bar .mobile-branding img {max-width: 75%;}	
#nky-service .wpb_column {width:100%;}
#nky-service .ult-content-box, .index-hightlight-box {min-height: unset;}
.box-ourservice-index-detail .vc_column-inner {
    padding-right: 15px !important;
    padding-left: 15px !important;
    padding-bottom: 15px !important;
}
.box-contact-txt-left, .box-contact-txt-right, .box-contact-txt-center {padding: 45px 0 15px 0;}
.product-type-detail-R {
  padding-left: 0;padding-top:25px;
}
}


@media only screen and (max-width:414px) {
#slide-2-layer-1 {font-size: 20px !important;top: -25px;}
#slide-2-layer-4 {font-size: 17px !important;top: -30px;}
#slide-2-layer-14 {font-size: 14px !important; top: 25px;}
.footer-txt-line { width: 70%;}
.line-footer img {width: 20%;}
.btn-product-max-more {
  position: relative;
  bottom: unset;
  left: unset;
  padding: 20px 100px 20px 22px !important;
  margin: -40px 0 60px 0;
  width: 95%;
font-size: 18px !important;
} 
  .box-hover-button .wpb_wrapper {text-align:center;}
  #index-customer .vc_column-inner {background-position: center bottom !important;}
}
@media only screen and (max-width:375px) {
.box-contact-txt-left, .box-contact-txt-right, .box-contact-txt-center,#contact-page .box-contact-txt-right,#contact-page .box-contact-txt-cente,#contact-page .box-contact-txt-left {padding: 45px 0 15px 0;}

}