html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
    font-size:100%;
    font:inherit;
    padding:0;
    border:0;
    margin:0;
    vertical-align:baseline
}
body{
    line-height:1
}
blockquote,q{
    quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
    content:'';
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
.clear{
    clear:both
}
 .sticky{
}
.bypostauthor{
}
.wp-caption{
}
.wp-caption-text{
}
.gallery-caption{
}
.alignright{
}
.alignleft{
}
.aligncenter{
}
a:hover {
    color:#2becff !important;
    
}
.screen-reader-text{
    clip:rect(1px, 1px, 1px, 1px);
    position:absolute !important
}
 @import url('https://fonts.googleapis.com/css?family=Muli:300,400,700');
 * {
     margin: 0;
     padding: 0;
}
 body {
     font-family: 'Muli', sans-serif;
}
 .title-animation {
     display:flex;
     justify-content: center;
}
 .entry-content strong{
     font-weight:500;
}
 .entry-content ul li, .entry-content ol li {
     font-family : 'db_adman_xregular' !important ;
     font-size:20px;
}

 .title-animation.hiddent {
     border-bottom: 1px solid #fff;
}
 .title-animation li {
     font-family: 'db_adman_xregular' !important;
     font-size: 52px;
     display: inline-block;
     float: left;
     color: #333;
     opacity: 1;
     transition: all 0.5s ease-in-out;
     max-width: 2em;
}
 .title-animation.hiddent li.spaced {
     padding-left: 0;
}
 .title-animation li.spaced {
     padding-left: 0.5em;
}
 .title-animation.hiddent li.ghost {
     opacity: 0;
     max-width: 0;
}
#zoom_img .wpb_single_image .vc_single_image-wrapper {
    overflow: hidden;
}
#zoom_img .wpb_single_image img{
    transform: scale(1.0);
    transition: all 0.5s;
}
#zoom_img .wpb_single_image img:hover{
    transform: scale(1.1);
    transition: all 0.5s;
}
 @font-face {
     font-family: 'db_adman_xregular';
     src: url('fonts/db_adman_x-webfont.woff2') format('woff2'), url('fonts/db_adman_x-webfont.woff2') format('woff');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'db_helvethaica_x75_bd';
     src: url('fonts/db_adman_x-webfont.woff2') format('woff2'), url('fonts/db_adman_x-webfont.woff2') format('woff');
     font-weight: normal;
     font-style: normal;
}
 a.sociallink img:last-child{
    display:none !important;
}
 a.sociallink:hover img:first-child{
    display:none !important;
}
 a.sociallink:hover img:last-child{
    display:inline-block !important;
    opacity: 1 !important;
}
 .fixed_bar {
     background: rgba(255, 255, 255, 0.02);
     height: 100%;
     text-align: center;
     width: 87px;
     position: fixed;
     left: 0;
     top: 0;
     z-index: 99999;
     -webkit-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.06);
     box-shadow: 0 1px 12px rgba(0, 0, 0, 0.06);
     top:0 !important;
}
 .social-left {
     position: absolute;
     padding-left: 15%;
     top: 45%;
     width: 70%;
}
 #sidebar ul{
    list-style:none;
}
 .content-left ol,.content-left ul{
    margin-left: 2.5em;
}
 .slider-mass {
    display:none;
}
 h1,h2,h3,h4,h5{
     font-family: 'db_adman_xregular' !important;
}
 h2 {
     font-size:56px !important;
}
 .title-purple {
     color:#8127F4;
}
 .text-title p{
    font-size:56px;
}
 .cate h1{
     font-size:56px !important;
     color:#8127F4 !important;
     text-align: center;
}
 .cate h2{
     font-size:22px !important;
	 height:50px;
	 overflow:hidden;
}
.cate h2 a {
	color: #222;
}
 h3 {
     font-size:30px !important;
     color:#8127F4 !important;
}
 h2#sub-title {
     font-size:30px !important;
     color:#666 !important;
     margin: -15px 0 15px 0 ;
}
 .img-expert{
     margin-bottom: 0px !important ;
}
#wh-widget-send-button.wh-widget-right{
	margin-bottom:60px !important;
}
 p,span,button{
     font-family: 'db_adman_xregular' !important;
     font-size: 20px;
     color:#1a1a1a;
}
 .bradecramp {
    margin: 10px 0px;
}
 .bradecramp a {
     font-family: 'db_adman_xregular';
     font-size: 20px;
     color:#333333;
}
 span {
    color:#8127F4;
}
 .tags a {
     font-family: 'db_adman_xregular';
     font-size:20px;
}
 span.date {
     background-color: #8127F4;
     color: #fff;
     padding: 10px;
     font-size: 18px;
}
 .tags a {
     color: #8127F4;
}
 .tags a:hover {
     color: #333333 !important;
}
 .container {
     margin-bottom:20px;
}
/* menu */
 .headmenu-2019 {
     margin: 20px;
     right: 0;
     position: absolute;
     z-index: 90;
}
 #header-etc {
    position:relative;
    background-color:#2a2a2a;
    padding:20px 0;
}
 #menu {
     text-align: right;
}
 #menu ul li {
     display: inline-block;
     padding: 0 15px;
     position: relative;
}
 ul li a {
    font-family: 'db_adman_xregular';
}
 #menu ul li a {
     font-size: 24px;
     color: #fff;
}
 img {
     width:100%;
     height:auto;
}
 #filter-tags ul li a {
     font-size: 34px !important;
     letter-spacing: 5px;
     color:#333;
}
 #filter-tags ul li.active a {
     color:#fff !important;
}
 .nav>li{
     border: 1px solid #dadae0;
     width: 25%;
     text-align: center;
}
 .nav-pills>li+li{
     margin: 0 !important;
}
 .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
     background-color: #8127F499 !important;
}
 .img-nav {
     padding: 10px;
     transition: all 0.4s ease-in-out;
}
 .meta-nav-left:hover>.img-nav {
     transform: translateX(-15px);
}
 .meta-nav-right:hover>.img-nav {
     transform: translateX(15px);
}
 #content-filter{
     margin-top: 20px;
}
 #content-filter #product-filter{
     padding : 0 5px 5px 0;
}
 #product-filter-home {
     opacity: 1;
}
 .shadow {
     box-shadow: 5px 5px 15px #bfbfbf;
     overflow: hidden;
}
 .shadow img {
     transition: transform 0.5s;
}
 .shadow img:hover {
     transform: scale(1.05);
}
 .none {
     display: none;
}
 .icon-contact-us {
     line-height: 40px !important;
}
 .phone::before {
     content: "";
     background-image: url("https://www.zeninnovation.co.th/wp-content/uploads/2018/07/telephone.png");
     background-repeat: no-repeat;
     background-size: contain;
     padding: 10px 15px;
}
 .mail::before {
     content: "";
     background-image: url("https://www.zeninnovation.co.th/wp-content/uploads/2018/07/email.png");
     background-repeat: no-repeat;
     background-size: contain;
     padding: 5px 15px;
}
 .location::before {
     content: "";
     background-image: url("https://www.zeninnovation.co.th/wp-content/uploads/2018/07/location.png");
     background-repeat: no-repeat;
     background-size: contain;
     padding: 7px 15px;
     margin-left: 3px;
}
 .slick-slide div{
     padding:30px 10px ;
}
 .slick-slide div img{
     box-shadow: 5px 5px 15px #bfbfbf;
}
 .btn-google-maps{
    margin-top:20px;
}
 .btn-google-maps a {
     background-color: #8127F4;
     color: #fff;
     font-size: 28px;
     padding: 5px 40px;
     border-radius: 10px;
     font-family: 'db_adman_xregular' !important;
     box-shadow: 5px 5px 15px #bfbfbf;
}
 .text-aboutus p{
     font-size: 30px;
}
 .title-service-header {
     background-color: #8127f48f;
     position: relative;
     width: 120%;
     right: 80px;
     top: 60px;
     padding: 5% 15%;
}
 .title-service-header p {
     color:#fff;
     font-size: 60px;
     margin: 0;
     line-height: 50px;
}
 .title-service-header p + p {
     text-indent: 1.5em;
     margin-top: 0 
}
 .desc-service {
     position: relative;
     margin-top:80px;
}
 #btn-service-detail {
     text-align: center;
}
 #btn-service-detail button,.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
     background-color: #8127F4 !important;
     color: #fff !important;
     font-size: 24px;
     border-radius: 15px;
     font-family: 'db_helvethaica_x75_bd';
     padding:10px;
}
/* carousel product */
 .wpb_animate_when_almost_visible {
     opacity: 1 !important;
}
 .slick-slide {
     padding : 0px 10px 0px 0px;
}
/*********************** Footer *********************/
 #footer{
     background-color:#333333;
}
 #footer span {
     font-size: 26px;
     border-bottom: 2px solid #8127f4;
     color:#fff;
}
 #footer ul{
     margin-top:10px;
}
 #footer ul li a{
     font-size:18px;
     color:#fff;
}
 .container-footer{
     margin-top:40px;
}
 .container-footer img {
     max-width: 200px;
}
 .content-left {
     width: 75%;
     float: left;
     padding-right: 2%;
}
 #sidebar {
     float: right;
     width: 25%;
     margin-top:6%;
}
 #sidebar h4 {
     font-size:30px;
     color: #8127F4;
}
 .bar-content {
     border-bottom: 1px solid #666666;
     margin: 5px 0;
}
 .social-button-share {
     background: hsla(0, 0%, 100%, .5);
     border: 1px solid #8127F4;
     color: #8127F4;
     transition: background .3s linear, color .3s linear;
     padding: 10px 0 10px 10px;
}
 .social-button-share:hover {
     background: #8127F4;
     color: #fff !important;
}
 .social-button-share:hover span {
     color: #fff !important;
}
 .social-button-share span {
     font-weight: 600;
}
 .fa {
     font-size: 18px !important;
     padding: 0 10px;
}
 .social-single {
     margin: 20px 0;
}
 .social-single .col-md-6, .social-single .col-lg-6 {
     padding: 0;
}
 .social-single .box-date {
     text-align: left;
}
 .social-single .social-box {
     text-align: right;
     margin-top: -10px;
}
 .popup-social {
     position: absolute;
     background-color: #fff;
     border-radius: 10px;
     padding: 10px;
     border: 1px solid #cacaca;
     transition: opacity 0.5s;
     right: 0;
     top: 60px;
     z-index: 100;
     display:none;
}
 .popup-social::before {
     position: absolute;
     content: "";
     transform: rotate(45deg);
     z-index: 2;
     background: #fff;
     top: -11px;
     right: 20px;
     width: 20px;
     height: 20px;
     border-left: 1px solid #cacaca;
     border-top: 1px solid #cacaca;
}
 .text-popup-social {
     color: #8127F4;
     border-bottom: 1px solid #666666;
     margin-bottom: 10px;
     text-align: left;
}
 .button-select {
     display: none;
}
/*********************** Responsive Menu *********************/
 #responsive-menu-button,#responsive-menu-container {
     display: none !important;
}
 button#responsive-menu-button {
     background-color: transparent !important;
     top : 0px !important;
}
 #responsive-menu-container #responsive-menu li.responsive-menu-item a {
     background-color: #8127f4 !important;
     border-bottom : 1px solid #8127f4 !important;
}
 #responsive-menu-container #responsive-menu li.responsive-menu-item a:hover {
     background-color: #9a4efd !important;
     border-bottom : 1px solid #9a4efd !important;
}
 .headmenu .container {
    margin-bottom:0px;
}
 .cer-paper-moblie {
    display: none;
}
 .cer-paper-pc {
    display: block;
}
 #forRight{
    float:right;
}



@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
    #wh-widget-send-button.wh-widget-right{
        margin-bottom:0px !important;
    }
	#wpfront-scroll-top-container{
		 margin-right:60px;
	 }
     #responsive-menu-button,#responsive-menu-container {
         display: block !important;
    }
     #menu, .headmenu-2019,.div_mouse_scroll,#bg_video {
        display:none;
    }
	  .vc_row>.vc_column_container>.vc_column-inner {
		padding-top:0 !important;
	}
     #primary ,#sidebar {
        width:100%;
    }
     .headmenu{
         padding:10px, 0;
         position: fixed;
    }
     nav#menu,.zen-bar,.div_mouse_scroll {
         display: none;
    }
     #responsive-menu-button,#responsive-menu-container {
         display: block !important;
    }
     .nav>li {
         width: 50%;
    }
     #filter-tags ul li a{
         font-size: 24px !important;
    }
     .desc-service{
         margin-top:-135px;
    }

    .vc_row-has-fill>.vc_column_container>.vc_column-inner, #div-row-img {
        padding: 0 !important;
    }

    .text-title h2, .text-title p {
        font-size:36px !important;
    }
    .counter-item-pro .counter-border > span.counter-item-number-pro{
        font-size:40px !important;
    }
    .counter-item-pro .counter-border > span.counter-item-title-pro {
        font-size: 14px !important;
    }
    .bit-counters-list-pro .outer .counter-item-pro{
        margin-bottom: 0 !important;
    }
    .counter-item-pro .counter-border{
        padding:25px 0 !important ;
    }
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
    #wh-widget-send-button.wh-widget-right{
        margin-bottom:0px !important;
    }
	#wpfront-scroll-top-container{
		 margin-right:60px;
	 }
     #responsive-menu-button,#responsive-menu-container {
         display: block !important;
    }
     #menu, .headmenu-2019,.div_mouse_scroll,#bg_video {
        display:none;
    }
	  .vc_row>.vc_column_container>.vc_column-inner {
		padding-top:0 !important;
	}
     #primary ,#sidebar {
        width:100%;
    }
     .headmenu{
         padding:10px, 0;
         position: fixed;
    }
     nav#menu,.zen-bar,.div_mouse_scroll {
         display: none;
    }
     #responsive-menu-button,#responsive-menu-container {
         display: block !important;
    }
     .nav>li {
         width: 50%;
    }
     #filter-tags ul li a{
         font-size: 24px !important;
    }
     .desc-service{
         margin-top:-135px;
    }

    .vc_row-has-fill>.vc_column_container>.vc_column-inner, #div-row-img {
        padding: 0 !important;
    }

    .text-title h2, .text-title p {
        font-size:36px !important;
    }
    .counter-item-pro .counter-border > span.counter-item-number-pro{
        font-size:34px !important;
    }
    .counter-item-pro .counter-border > span.counter-item-title-pro {
        font-size: 16px !important;
    }
    .bit-counters-list-pro .outer .counter-item-pro{
        margin-bottom: 0 !important;
    }
    .counter-item-pro .counter-border{
        padding:25px 0 !important ;
    }
 }