.page-policy h1 { font-size: 40px; font-weight: 600; }
.page-policy h2 { font-size: 36px; font-weight: 600; }
.page-policy h3 { font-size: 30px; font-weight: 600; }
.page-policy h4 { font-size: 20px; font-weight: 600; }
.page-policy h5 { font-size: 17px; font-weight: 600; } .underline,.underline_full { 
position: relative; 
padding-bottom: 10px; 
}
.underline { 
margin-bottom: 45px; 
}
@media(max-width:768px){
.underline { 
margin-bottom: 35px; 
}
}
.underline_full {
margin-bottom: 20px;
}
.underline:before, .underline_full:before {
position: absolute;
content: '';
border-radius: 3px;
bottom: 0;
}
.underline:before {
width: 60px;
height: 5px;
}
.underline_full:before {
width: 100%;
height: 3px;
}
.underline:before,.underline_full:before { 
background: #000; 
}
.underline.left,.entry-title.left { 
text-align: left; 
}
.underline.center,.entry-title.center { 
text-align: center; 
}
.underline.right,.entry-title.right { 
text-align: right; 
}
.underline.left:before { left: calc(0% - 0px); }
.underline.center:before { left: calc(50% - 100px); width:200px; height:2px; }
.underline.right:before { right: calc(0% - 0px); }
.underline.full-width { padding-bottom: 10px; }
.underline.full-width:before { width: 100%; height: 3px; left: 0; }
.borderbottom {
border-bottom:1px solid #000;
} a { color: #000; text-decoration: unset; }
a:hover { color: rgb(91, 91, 91);}
small { font-size: 60%; }
section { overflow: hidden; padding-top: 60px; padding-bottom: 60px; }
section > section { padding-top: 30px; padding-bottom: 30px; }
.bg-lightgrey { background: #F5F4F1; }
@media (min-width: 1200px) {
.container { max-width: 1140px !important; }
}
@media (min-width:992px) {
.container-toppage {
max-width: 1000px !important;
}
}
@media (min-width: 768px) {
section { overflow: hidden; padding-top: 90px; padding-bottom: 90px; }
section > section { padding-top: 0px; padding-bottom: 45px; }
} #header_site { box-shadow: 0 1px 10px -5px; }
#header_site .header-inner { background-color: #ffffff; } #header_site {
position: sticky;
top: 0;
z-index: 999;
width: 100%;
} nav.nav_header .navbar-collapse { justify-content: right;}
nav.nav_header .navbar-collapse li { position: relative; align-self: center; padding:10px 20px; width: 100%; }
nav.nav_header .navbar-collapse li a { position: relative; color:#000; font-size:1.1rem; font-weight:500; text-transform: uppercase; transition: 0.4s; } 
nav.nav_header .navbar-collapse li a:hover,
nav.nav_header .navbar-collapse li.current-menu-item > a,
nav.nav_header .navbar-collapse li.current-menu-ancestor > a,
nav.nav_header .navbar-collapse li.menu-item-has-children:hover span:after,
nav.nav_header .navbar-collapse li.menu-item-has-children.current-menu-item span:after,
nav.nav_header .navbar-collapse li.current-menu-ancestor span:after { color:#000;} nav.nav_header .navbar-collapse ul > li > a:before { content: ""; position: absolute; width: 0; height: 2px; bottom: 0; left: 0; background-color: #000; visibility: hidden; transition: all 0.3s ease-in-out 0s; }
nav.nav_header .navbar-collapse ul > li > a:hover:before { visibility: visible; width: 100%; }
nav.nav_header .navbar-collapse li.menu-item-has-children span{ position: absolute; top: 0; right: 0; border: 1px solid #000; padding: 5px 15px; }
nav.nav_header .navbar-collapse li.menu-item-has-children span:after { font-family: "FontAwesome"; content: '\2b'; font-weight: 900; }
nav.nav_header .navbar-collapse li.menu-item-has-children span.active:after { content: '\f068'; }
nav.nav_header .navbar-collapse li.menu-item-has-children ul.sub-menu { list-style-type: '-'; padding-left: 0rem; }
nav.nav_header .navbar-collapse li.menu-item-social {
width: 50%;
padding: 10px;
}
nav.nav_header .navbar-collapse li.menu-item-social .icon.first{
text-align: right;
}
nav.nav_header .navbar-collapse li.menu-item-social .icon i {
font-size: 35px;
}
nav.nav_header .navbar-nav {
flex-wrap: wrap;
flex-direction: initial;
}
@media (min-width:768px) {
nav.nav_header .navbar-collapse li  {
padding: 10px 35px;
width: auto;
}
nav.nav_header .navbar-collapse li.menu-item-social {
width: auto;
}
nav.nav_header .navbar-collapse li.menu-item-has-children span {
position: relative;
border: none;
padding: 0px 0px 0px 10px;
}
nav.nav_header .navbar-collapse li.menu-item-has-children span:after {
font-family: "FontAwesome";
content: '\f107';
}
nav.nav_header .navbar-collapse li.menu-item-has-children ul.sub-menu {
position: absolute;
width: 250px;
z-index: 99;
background: #fff !important;
border: 1px solid #d7d7d7;
list-style: none;
padding: 10px;
top: 100%;
left: 50%;
transform: translate(-50%, 0);
}
nav.nav_header .navbar-collapse li.menu-item-has-children ul.sub-menu a {
color: #000 !important;
}
nav.nav_header .navbar-collapse li.menu-item-has-children:hover ul.sub-menu {
display: block !important;
}
} main .site-content { padding-bottom: 60px; }  .products-post-list article.preview .images {
position: relative;
overflow: hidden;
border: 1px solid rgb(212, 212, 212);
margin-bottom: 10px;
}
.products-post-list article.preview .images img {
transition: transform .5s; 
}
.products-post-list article.preview .images:hover img {
transform: scale(1.2);
}
.products-post-list article.preview .content .category {
color: #6c6c6c;
}
.products-post-list article.preview .content .category a {
color: #EC1C24;
}
.products-post-list article.preview .content .category a:hover {
color: #EC1C24;
text-decoration: underline;
}
.products-post-list article.preview .content .title {
margin: 0;
line-height: 25px;
}
.products-post-list article.preview .content .title a {
color: #000;
font-size: 18px;
}
.products-post-list article.preview .content .price {
display: block;
color: #ff0000;
font-size: 18px;
font-weight: 700;
}
.block-list .block-preview .block-images ,.post-list .post-preview .post-image {
margin-bottom: 10px;
}
.post-list .post-preview .post-image {
max-height: 140px;
overflow: hidden;
}
.block-list .block-preview .block-content .block-category {
color: #6c6c6c;
}
.block-list .block-preview .block-content .block-category a{
color: #EC1C24;
}
.block-list .block-preview .block-content .block-category a:hover{
color: #EC1C24;
text-decoration: underline;
}
.block-list .block-preview .block-content .block-title a,.post-list .post-preview .post-content .post-title a{
font-size: 1.25rem;
color: #000;
}
.block-list .block-preview .block-content .block-title a , .block-list .block-preview .block-content .price-product{
font-size: 18px;
}
.block-list .block-preview .block-images {
position: relative;
overflow: hidden;
border: 1px solid rgb(212, 212, 212);
}
.block-list .block-preview .block-images img {
transition: transform .5s; 
}
.block-list .block-preview .block-images:hover img {
transform: scale(1.2);
}
.post-list .post-preview {
border-radius: 20px;
overflow: hidden;
box-shadow: 0px 3px 5px -2px #ccc;
height: 100%;
padding-bottom: 20px;
}
.post-list .post-preview .post-content {
padding-left: 20px;
padding-right: 20px;
}
.post-list .post-preview .post-content .post-date small {
font-size: 80%;
color: #000;
}
@media (min-width: 992px) 
{
.post-list .post-preview .post-image { max-height: 160px; }
}
@media (min-width: 1200px) 
{
.post-list .post-preview .post-image { max-height: 200px; }
} .breadcrumbs span > a , 
.breadcrumbs span > strong.breadcrumb_last
{
padding-left: 10px;
padding-right: 10px;
}
.breadcrumbs span > strong.breadcrumb_last , 
.breadcrumbs span > a:hover
{ 
color:#000; 
}
.breadcrumbs span > a , .product-header small { } .archive.post-type-archive-products main .the_content,
.archive.tax-products_category main .the_content  { 
display: flex; gap: 30px; 
}
.archive.post-type-archive-products main .the_content .product_content,
.archive.tax-products_category main .the_content .product_content { 
width: 100%; padding-left: 15px; padding-right: 15px; 
}
.archive.post-type-archive-products main .the_content .product_content h1,
.archive.tax-products_category main .the_content .product_content h1 { 
line-height: 0.8; 
}
.archive.post-type-archive-products main .the_content .sidebar,
.archive.tax-products_category main .the_content .sidebar { 
width: 100%; max-width: 250px; min-width: 250px; 
}
.archive.post-type-archive-products main .the_content .sidebar h4,
.archive.tax-products_category main .the_content .sidebar h4 { 
font-family: "Noto Sans Thai","Poppins"; font-weight: 600; font-size: 20px; padding: 10px; background: #000; color: #fff; text-align:center; 
}
.archive.post-type-archive-products main .the_content .sidebar ul,
.archive.tax-products_category main .the_content .sidebar ul { 
list-style: none;  padding: 0; 
}
.archive.post-type-archive-products main .the_content .sidebar ul li,
.archive.tax-products_category main .the_content .sidebar ul li { 
padding: 15px 25px; }
.archive.post-type-archive-products main .the_content .sidebar ul li:hover,
.archive.post-type-archive-products main .the_content .sidebar ul li:hover a,
.archive.post-type-archive-products main .the_content .sidebar ul li.current-menu-item ,
.archive.post-type-archive-products main .the_content .sidebar ul li.current-menu-item a,
.archive.tax-products_category main .the_content .sidebar ul li:hover,
.archive.tax-products_category main .the_content .sidebar ul li:hover a,
.archive.tax-products_category main .the_content .sidebar ul li.current-menu-item ,
.archive.tax-products_category main .the_content .sidebar ul li.current-menu-item a
{
font-size: 17px;
color: #000;
font-weight: bold;
}
.archive.post-type-archive-products main .the_content .sidebar ul li:hover:before,
.archive.post-type-archive-products main .the_content .sidebar ul li.current-menu-item:before ,
.archive.tax-products_category main .the_content .sidebar ul li:hover:before,
.archive.tax-products_category main .the_content .sidebar ul li.current-menu-item:before  
{
font-family: "FontAwesome"; content: "\f054";
display: inline-block;
padding-right: 10px;
vertical-align: middle;
font-weight: 900;
}
.archive.post-type-archive-products main .the_content .sidebar ul li a,
.archive.tax-products_category main .the_content .sidebar ul li a { 
color: #000; 
}
@media (max-width:992px) 
{
.archive.post-type-archive-products main .the_content,
.archive.tax-products_category main .the_content {
flex-direction: column;
}
.archive.post-type-archive-products main .the_content .sidebar,
.archive.tax-products_category main .the_content .sidebar {
max-width: 100%;
min-width: 100%;
}
.archive.post-type-archive-products main .the_content .sidebar h4 ,
.archive.tax-products_category main .the_content .sidebar h4 {
text-align: left;
position: relative;
}
.archive.post-type-archive-products main .the_content .sidebar h4:after ,
.archive.tax-products_category main .the_content .sidebar h4:after {
content: '▼';
position: absolute;
right: 15px;
}
} .product-header { margin-bottom: 20px; }
.product-header .price {
display: block;
color: red;
font-size: 20px;
padding-top: 15px;
font-weight: 700;
}
.product-contact i { font-size: 20px; width: 25px; }
.product-contact i.fab.fa-line { font-size: 25px; color: #00B900; }
.modal-backdrop.show { opacity: .75; }
.modal .modal-content { background: transparent; padding: 20px; }
.modal .modal-content .modal-header { border: none; }
.modal .modal-content .modal-header .btn-close { background-color: #fff; opacity: 1; width: 2em; height: 2em; } .footer-inner.layout1 {
padding-top:60px;
padding-bottom:60px;
background:#202020;
}
.footer-inner.layout2 {
padding-top:30px;
padding-bottom:30px;
background:#202020;
}
.logo-footer {
text-align: center;
}
.menu-footer,.policy_menu {
text-align: center;
}
.menu-footer .navbar-collapse,.policy_menu .navbar-collapse {
justify-content: center;
}
.menu-footer .navbar-collapse li ,.policy_menu .navbar-collapse li{
padding:10px 20px;
}
.menu-footer .navbar-collapse li a ,.policy_menu .navbar-collapse li a{ 
color:#fff;
text-transform: uppercase;
position: relative;
} 
.menu-footer .navbar-collapse ul > li > a:before,.policy_menu .navbar-collapse ul > li > a:before {
content: "";
position: absolute;
width: 0;
height: 2px;
bottom: 0;
left: 0;
background-color: #fff;
visibility: hidden;
transition: all 0.3s ease-in-out 0s;
}
.menu-footer .navbar-collapse ul > li > a:hover:before,.policy_menu .navbar-collapse ul > li > a:hover:before {
visibility: visible;
width: 100%;
}
.social_media,.footer_layout_1 .social_media {
display: flex;
flex-direction: row;
justify-content: center;
}
.footer_layout_2 .social_media {
display: flex;
flex-direction: column;
justify-content: center;
}
.footer_layout_2 .social_media .icon,.footer_layout_2 .social_media .icon a,.footer_layout_2 .location-footer{
color: #fff;
}
.social_media .icon {
padding-right: 10px;
padding-left: 10px;
}
.social_media .icon i {
font-size: 25px;
padding: 8px;
border-radius: 50%; }
.footer_layout_2 .social_media .icon i {
position: relative;
background-color: #fff;
width: 30px;
text-align: center;
margin-right: 10px;
vertical-align: middle;
background: transparent;
transition: transform .3s;
}
.social_media .icon i.fa-phone-alt { color: #fff;
}
.social_media .icon i.fa-envelope { color: #fff;
}
.social_media .icon i.fa-facebook { color: #fff;
}
.social_media .icon i.fa-facebook:hover ,.contact_social .icon i.fa-facebook,nav.nav_header .navbar-collapse li.menu-item-social .icon i.fa-facebook:hover {
color:#0f8ff2;
}
.social_media .icon i.fa-line{ color: #fff;
}
.social_media .icon i.fa-line:hover ,.contact_social .icon i.fa-line,nav.nav_header .navbar-collapse li.menu-item-social .icon i.fa-line:hover{
color:#40e540;
}
.social_media .icon a:hover i {
color:#f48e5c
}
@media (max-width:768px) {
.footer_layout_2 .social_media {
flex-direction: row;
}
.footer_layout_2 .menu-footer,.product-onlineshop.icon span {
display: none;
}
}
.copyright {
display:block;
text-align:center;
padding: 15px; 
background: #EC1C24;
color: #fff;
}
.location-footer .location,.location-footer .operating-hours,.location-footer .phone-number {
position: relative;
padding-bottom: 10px;
}
.location-footer .location::before,.location-footer .operating-hours::before,.location-footer .phone-number::before {
font-family: 'FontAwesome';
position: absolute;
font-size: 25px;
left: 12px;
top: -6px;
}
.location-footer .location::before {
content: "\f3c5";
}
.location-footer  .operating-hours::before {
content: "\f017";
}
.location-footer  .phone-number::before {
content: "\f095";
}
.contact_location .location::before,.contact_location  .email::before,.contact_location  .phone-number::before ,.contact_location  .line::before{
font-family: 'FontAwesome';
position: absolute;
font-size: 25px;
color:white;
}
.contact_location .location::before {
content: "\f3c5";
}
.contact_location  .phone-number::before {
content: "\f095";
}
.contact_location  .email::before {
content: "\f0e0";
}
.contact_location  .line::before {
content: "\f3c0";
} .google-maps { position: relative; padding-bottom: 50%;  height: 0; overflow: hidden; }
.google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .wpcf7-form-control-wrap input ,
.wpcf7-form-control-wrap input ,
.wpcf7-form-control-wrap optgroup,
.wpcf7-form-control-wrap select, 
.wpcf7-form-control-wrap textarea 
{
width: 100%;
padding: 5px 20px;
background: #f1f1f1;
border: 1px solid #c1c1c1;
}
.submit-form input {
display: block;
margin: 0 auto;
padding: 5px 30px;
background: #EC1C24;
color: #fff;
border: 1px solid #c1c1c1;
}
.wpcf7-spinner {
margin: 0 auto;
display: block;
margin-top: 10px;
}
.wpcf7 form.invalid .wpcf7-response-output {
margin-top: 10px;
} .image-slick .slick-slide img,.image-slick-show .slick-slide img.modal-product {
cursor: pointer;
}
.image-slick-show.slick-initialized .slick-slide{
visibility: hidden;
}
.image-slick-show.slick-initialized .slick-slide.slick-current{
visibility: visible;
}
.category-our-work .image-slick-show img {
max-height: 600px;
}
.image-slick .slick-slide {
padding: 3px;
}
.image-slick .slick-slide img {
border:1px solid #e2e2e2;
}
.image-slick .slick-slide.slick-current img {
border:3px solid #EC1C24;
}
.slick-prev:before, .slick-next:before {
color: #EC1C24 !important;
}
.products_related-slick {
padding: 0px 40px;
}
.products_related-slick .slick-slide  {
padding: 8px;
}
.products_related-slick .slick-slide .products-preview img {
border:1px solid #e2e2e2;
margin-bottom: 10px;
}
.products_related-slick .slick-prev {
left: 10px;
}
.products_related-slick .slick-next {
right: 10px;
}
.products_related-slick .slick-slide .products-preview .products-content .products-title h3 {
color: #000;
font-weight: normal;
} .carousel .carousel-inner .carousel-item img { width: 100%; }
.carousel .carousel-indicators button { height: 15px; width: 15px; border-radius: 50%; background-color: #EC1C24; opacity: 0.8; } .products-widget,
.contact-widget 
{ 
text-align: center; 
}
h2.widget-title { font-size: 2.5rem; }
.textwidget strong { font-size: 1.25rem; }
.pp-widget { display: flex; flex-direction: column; }
.pp-widget strong { font-size: 1.1rem; order: 1; }
.pp-widget img { padding-bottom:10px; margin:0 auto; }
.our-work-widget { color: #fff; }
.our-work-widget .textwidget ,
.contact-widget .textwidget
{
margin-bottom: 1rem;
}
@media (max-width:992px) {
h2.widget-title 
{
font-size: 2rem;
}
} .gallery-about {
background:#000;    
margin-top: 120px;
}
.gallery-about-img-list {
transform: translateY(-100px);
}
.gallery-about-img-list .slick-slide > div {
padding:0.25rem;
height:100%;
padding-bottom: 20px;
}
.slick-navi {
background: transparent; 
color: #fff;   
border:none;
}
.slick-navi i {
font-size: 60px; 
padding-left:40px;
padding-right:40px;
}
@media(max-width:768px) {
.gallery-about {   
margin-top: 0;
}
.gallery-about-img-list {
transform: translateY(0px);
}
}
.cookiepolicy {
position: fixed;
z-index: 99;
color: #fff;   width: 100%;
bottom: 0;  }
.cookiepolicy .cookiebanner {
color: #fff; 
z-index: 9999; 
background: rgba(0,0,0,0.8); 
height: 100%; 
width: 100%; }
.cookiepolicy .cookiebanner .cookie_inner {
max-width:1200px;
width:100%;
margin:0 auto;
padding-top:15px;
padding:15px 25px; 
display:flex;
flex-direction: column;
}
.cookiepolicy .cookiebanner .cookie_inner ,.cookiepolicy .cookiebanner .cookie_inner .cookie-confirmation-buttons button {
font-size: 12px;
}
.cookiepolicy .cookiebanner .cookie_inner .policy-word a{
color:#85c7ff;
text-decoration: underline;
}
.cookiepolicy .cookiebanner .cookie_inner .policy-word a:hover{
color:#1694ff;
}
.cookiepolicy .cookiebanner .cookie_inner .cookie-confirmation-buttons {
}
.cookie-confirmation-buttons button.accept_all {
background: #EC1C24;
color:white;
}
.cookie-confirmation-buttons button + button {
margin-left: 10px;
}
.cookie-confirmation-buttons button.confirm {
background: #EC1C24;
color:white;
}
.cookie-confirmation-buttons button.setting_cookie {
color:white;
border:2px solid #EC1C24;
}
.cookie-confirmation-buttons button:hover{
background: #EC1C24;
color:white;
}
#mySettingCookie .modal-body{
overflow: hidden;
overflow-y: scroll;
max-height: 500px;
}
.switch {
position: relative;
display: inline-block;
width: 52px;
height: 25px;
margin-left: 20px;
}
.switch input { 
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 20px;
width: 20px;
left: 2px;
bottom: 2px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: #EC1C24;
}
input:focus + .slider {
box-shadow: 0 0 1px #EC1C24;
}
input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
} .slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
#cookiebanner .modal-content {
background-color: #fff;
}
@media (max-width:768px){
.cookiepolicy .cookiebanner .cookie_inner {  }
.cookie-confirmation-buttons button {
width: 100%;
margin-bottom: 10px;
}
.cookie-confirmation-buttons button + button {
margin-left :0;
}
}
.location-footer a,.social_media a {
position: relative;
}
.location-footer a:before ,.social_media a:before{
content: "";
position: absolute;
width: 0;
height: 2px;
bottom: 0;
left: 0;
background-color: #fff;
visibility: hidden;
transition: all 0.3s ease-in-out 0s;
}
.location-footer a:hover:before,.social_media a:hover:before {
visibility: visible; width: 100%;
}
#loader-wrapper .loader-section {
position: fixed;
top: 0;
width: 51%;
height: 100%;
background: #222222;
z-index: 1000;
}
#loader-wrapper .loader-section.section-left {
left: 0;
}
#loader-wrapper .loader-section.section-right {
right: 0;
}
#loader {
z-index: 1001; } .loaded #loader-wrapper .loader-section.section-left {
-webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }
.loaded #loader-wrapper .loader-section.section-right {
-webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }
.loaded #loader {
opacity: 0;
visibility: hidden;
}
#loader{
position: fixed;
width: 100%;
height: 100%;
background-image: url(//debuild-thanasourcing.com/wp-content/uploads/2022/08/OFFICE-BUILD-LOGO-WHITE.png);
background-repeat: no-repeat;
background-position: center;
background-size: 250px;
z-index: 2000;
}
#loader {
opacity: 1;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#loader-wrapper .loader-section.section-right,
#loader-wrapper .loader-section.section-left {
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.no-js #loader-wrapper {
display: none;
}
.no-js h1 {
color: #222222;
}