.bne-testimonial-wrapper{display:block;position:relative;margin:10px auto 30px auto}.bne-testimonial-wrapper *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.testimonial-single{position:relative;margin-bottom:20px;width:100%}@font-face{font-family:'bnetestimonials';src:url(//knbservice.com/wp-content/plugins/bne-testimonials-pro/assets/font/bnetestimonials.eot?3467357);src:url(//knbservice.com/wp-content/plugins/bne-testimonials-pro/assets/font/bnetestimonials.eot?3467357#iefix) format('embedded-opentype'),url(//knbservice.com/wp-content/plugins/bne-testimonials-pro/assets/font/bnetestimonials.woff2?3467357) format('woff2'),url(//knbservice.com/wp-content/plugins/bne-testimonials-pro/assets/font/bnetestimonials.woff?3467357) format('woff'),url(//knbservice.com/wp-content/plugins/bne-testimonials-pro/assets/font/bnetestimonials.ttf?3467357) format('truetype'),url(//knbservice.com/wp-content/plugins/bne-testimonials-pro/assets/font/bnetestimonials.svg?3467357#bnetestimonials) format('svg');font-weight:400;font-style:normal;font-display:swap}.bne-testimonial-wrapper [class^="bne-icon-"]{display:inline-block;text-align:center}.bne-testimonial-wrapper [class^="bne-icon-"]:before,.bne-testimonial-wrapper [class*=" bne-icon-"]:before{display:inline-block;width:auto;margin:0;font-family:"bnetestimonials"!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-align:center;text-decoration:inherit;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bne-testimonial-wrapper .bne-icon-star-filled:before{content:'\e800'}.bne-testimonial-wrapper .bne-icon-star-empty:before{content:'\e801'}.bne-testimonial-wrapper .bne-icon-star-half:before{content:'\e802'}.bne-testimonial-wrapper .bne-icon-star-half-outline:before{content:'\f123'}.bne-testimonial-wrapper .bne-icon-edit:before{content:'\e803'}.bne-testimonial-wrapper .bne-icon-smile:before{content:'\f118'}.bne-testimonial-wrapper .bne-icon-frown:before{content:'\f119'}.bne-testimonial-wrapper .bne-icon-meh:before{content:'\f11a'}.testimonial-edit-button{position:absolute;right:10px;top:10px;opacity:0;color:#555!important;transition:opacity .3s;z-index:10;background:#fff;border:none;border-radius:3px;box-shadow:0 0 3px rgba(0,0,0,.1)}.bne-testimonial-wrapper.testimonial-api .testimonial-edit-button{display:none}.bne-testimonial-wrapper:not(.testimonial-api) .testimonial-single:hover .testimonial-edit-button{opacity:1}.testimonial-edit-button .bne-icon-edit{font-size:15px;width:25px;height:25px;line-height:25px;text-align:center}[class^="testimonial-arrow-"]{position:absolute;width:0;height:0;z-index:1}.testimonial-arrow-left{left:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #bc645b}.testimonial-arrow-right{right:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #bc645b}.testimonial-arrow-up{top:-10px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #bc645b}.testimonial-arrow-down{bottom:-10px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #bc645b}.bne-testimonial-loader{margin:0 auto;text-align:center;position:relative;z-index:10}.bne-testimonial-loader>div{width:18px;height:18px;background-color:#333;border-radius:100%;display:inline-block;-webkit-animation:bne-bouncedelay 1.4s infinite ease-in-out both;animation:bne-bouncedelay 1.4s infinite ease-in-out both}.bne-testimonial-loader .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.bne-testimonial-loader .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}@-webkit-keyframes bne-bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes bne-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.bne-testimonial-wrapper .testimonials-expander{display:block;margin-top:20px;border:none;box-shadow:none;cursor:pointer;text-align:center}.bne-testimonial-wrapper .testimonial-hidden:not(.active){display:none!important}.bne-testimonial-wrapper .testimonial-hidden.active{opacity:0;transition:opacity .3s ease-in-out}.bne-testimonial-wrapper .testimonial-hidden.active.active-opacity{opacity:1;transition:opacity .3s ease-in-out}.testimonial-image,.testimonial-image.wp-post-image{float:left;margin:5px 20px 10px 0}.testimonial-image.testimonial-crop-thumbnail{height:100px!important;width:100px!important}.testimonial-image.testimonial-square,.testimonial-layout-thumbs .thumb-square img{padding:4px;background:#fff;border:1px solid #D1D1D1;border-radius:4px;box-shadow:0 0 3px #CCC}.testimonial-image.testimonial-flat-square{border:none;border-radius:0;box-shadow:none;padding:0}.testimonial-image.testimonial-circle,.testimonial-layout-thumbs .thumb-circle img{border:none;padding:0;border-radius:50%;box-shadow:0 0 0 4px white,0 0 0 5px #D1D1D1,0 0 9px #555}.testimonial-image.testimonial-flat-circle,.testimonial-layout-thumbs .thumb-flat-circle img{padding:0;border:none;border-radius:50%;box-shadow:none}.testimonial-name{display:block;position:relative;margin:0 0 5px 0;line-height:1.2em;font-size:18px;font-weight:700}.testimonial-date{display:block;position:relative;margin:0 0 5px 0;line-height:1.2em;font-size:13px}.testimonial-website,.testimonial-tagline{display:block;position:relative;margin:0 0 5px 0;line-height:1.2em;font-size:13px;font-style:italic;font-weight:400}.testimonial-rating{display:block;position:relative;margin:5px 0}.bne-stars{height:18px;width:18px;color:gold;font-size:18px}.testimonial-author{color:#333}.testimonial-content{color:#666;font-size:90%}.testimonial-content p{color:inherit;margin-bottom:15px}.testimonial-message .readmore,.testimonial-message.message-limit p{display:inline}.testimonial-message.expanded p{display:block}.testimonial-api-yelp .testimonial-message br{display:none}.testimonial-api-yelp .testimonial-message p{display:inline}.bne-testimonial-wrapper.list-columns .testimonial-single{float:none;margin:1%;display:inline-block;vertical-align:top}.bne-testimonial-wrapper.masonry-style .testimonial-single{position:relative;padding:15px;background:#FEFEFE;background:-webkit-linear-gradient(45deg,#FFF,#F9F9F9);background:linear-gradient(45deg,#FFF,#F9F9F9);border:2px solid #FAFAFA;border-radius:4px;box-shadow:0 1px 2px rgba(34,25,25,.4)}@media (min-width:481px){.bne-testimonial-wrapper.list-columns:not(.columns-1) .testimonial-single{width:48%}}@media (min-width:768px){.bne-testimonial-wrapper.list-columns.columns-3 .testimonial-single,.bne-testimonial-wrapper.list-columns.columns-4 .testimonial-single,.bne-testimonial-wrapper.list-columns.columns-5 .testimonial-single,.bne-testimonial-wrapper.list-columns.columns-6 .testimonial-single{width:31.3%}}@media (min-width:1024px){.bne-testimonial-wrapper.list-columns.columns-4 .testimonial-single{width:23%}.bne-testimonial-wrapper.list-columns.columns-5 .testimonial-single{width:18%}.bne-testimonial-wrapper.list-columns.columns-6 .testimonial-single{width:16.66%}}.bne-testimonial-slider-wrapper{position:relative;margin:0;padding:4px;background:#fff;border:solid 1px #ccc;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.2);zoom:1}.flat-testimonial-slider .bne-testimonial-slider-wrapper{background:none;border:none;padding:0;border-radius:0;box-shadow:none}.bne-testimonial-slider.bne-flexslider .flex-container a:active,.bne-testimonial-slider.bne-flexslider a:active,.bne-testimonial-slider.bne-flexslider .flex-container a:focus,.bne-testimonial-slider.bne-flexslider a:focus{outline:none}.bne-testimonial-slider.bne-flexslider .slides,.bne-testimonial-slider.bne-flexslider .flex-control-nav,.bne-testimonial-slider.bne-flexslider .flex-direction-nav{margin:0!important;padding:0!important;list-style:none!important}.bne-testimonial-slider.bne-flexslider .flex-direction-nav li a{background:none}.bne-testimonial-slider.bne-flexslider .flex-control-paging li a{margin:0}.bne-testimonial-slider.bne-flexslider li{margin-left:0!important;padding:0!important;background:none!important;content:"";border:0!important;list-style-type:none}.bne-testimonial-slider.bne-flexslider li:before{content:""}.bne-testimonial-slider.bne-flexslider li:after{content:""}.bne-testimonial-slider.bne-flexslider{width:auto;margin:0;padding:0;position:relative;z-index:1}.bne-testimonial-slider.bne-flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.bne-testimonial-slider.bne-flexslider .flex-pauseplay span{text-transform:capitalize}.bne-testimonial-slider.bne-flexslider .slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .bne-testimonial-slider.bne-flexslider .slides{display:block}* html .bne-testimonial-slider.bne-flexslider .slides{height:1%}.no-js .bne-testimonial-slider.bne-flexslider .slides>li:first-child{display:block}.bne-testimonial-slider.bne-flexslider .flex-viewport{min-height:50px;max-height:2000px;transition:all 1s ease}.bne-testimonial-slider.bne-flexslider .loading .flex-viewport{max-height:300px}.bne-testimonial-slider.bne-flexslider .slides{zoom:1;overflow:hidden}.bne-testimonial-slider.bne-flexslider .flex-direction-nav{position:absolute;width:auto;height:11px;bottom:15px;right:10px;z-index:4}.bne-testimonial-slider.bne-flexslider .flex-direction-nav li{float:left;margin:0!important;padding:0!important;width:auto;list-style-type:none!important}.bne-testimonial-slider.bne-flexslider .flex-direction-nav li a{background-image:url(//knbservice.com/wp-content/plugins/bne-testimonials-pro/assets/images/slider-arrows.png)!important;background-position:0 0;background-repeat:no-repeat;display:block;margin:0 1px;outline:0;text-indent:-9999px;width:16px!important;height:16px!important;padding:0;position:relative;left:0;right:0;top:0;bottom:0;opacity:1;text-decoration:none!important;border:none!important;box-shadow:none;transition:none}.bne-testimonial-slider.bne-flexslider .flex-direction-nav .flex-prev{background-position:0 0!important}.bne-testimonial-slider.bne-flexslider .flex-direction-nav .flex-next{background-position:0 -16px!important}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){.bne-testimonial-slider.bne-flexslider .flex-direction-nav li a{background-image:url(//knbservice.com/wp-content/plugins/bne-testimonials-pro/assets/images/slider-arrows_2x.png)!important;background-size:32px 64px!important}}.bne-testimonial-slider.bne-flexslider .flex-control-nav{position:absolute;bottom:15px;left:10px;text-align:center;width:100%;height:11px;z-index:3}.bne-testimonial-slider.bne-flexslider .flex-control-nav li{float:left;padding:2px!important;margin:0!important;list-style-type:none!important;width:auto}.bne-testimonial-slider.bne-flexslider .flex-control-nav li a{background:url(//knbservice.com/wp-content/plugins/bne-testimonials-pro/assets/images/flexslider-nav.png) no-repeat;cursor:pointer;display:block;outline:none;text-indent:-9999px;width:10px;height:11px;text-decoration:none!important;border:none!important;-webkit-transition:none;transition:none;box-shadow:none}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){.bne-testimonial-slider.bne-flexslider .flex-control-nav li a{background-image:url(//knbservice.com/wp-content/plugins/bne-testimonials-pro/assets/images/flexslider-nav_2x.png);background-size:20px 11px}}.bne-testimonial-slider.bne-flexslider .flex-control-nav li a.flex-active{background-position:-10px 0}.testimonial-layout-slider.center-nav .flex-control-nav{left:50%;transform:translateX(-50%);width:auto;z-index:5}.testimonial-layout-slider.center-nav .flex-direction-nav{left:15px}.testimonial-layout-slider.center-nav .flex-direction-nav li:nth-child(2){right:15px;float:right}.bne-testimonial-slider.bne-flexslider li.testimonial-single{margin:0}.bne-testimonial-slider.bne-flexslider .flex-content{padding:8px 12px 35px 12px}.bne-testimonial-slider-wrapper .bne-testimonial-description{margin-bottom:5px}.bne-testimonial-wrapper.has-slide-groups .slide-group{display:none}.bne-testimonial-wrapper.has-slide-groups .slide-group .testimonial-single{float:left}@media (max-width:768px){.bne-testimonial-wrapper.has-slide-groups .slide-group .testimonial-single{float:none;width:100%!important}}.bne-testimonial-wrapper .thumbs-wrapper{position:relative}.bne-testimonial-wrapper.testimonial-layout-thumbs .flex-content{padding:0 0 15px 0}.bne-testimonial-wrapper .flex-control-thumbs{position:relative;height:auto;left:auto;right:auto;padding:0;margin:0;text-align:center}.bne-testimonial-wrapper .flex-control-thumbs li{display:inline-block;float:none;width:auto;margin:0!important;padding:4px;list-style-type:none!important}.bne-testimonial-wrapper .thumbs-wrapper.thumb-square li{padding:4px}.bne-testimonial-wrapper .thumbs-wrapper.thumb-circle li{padding:8px}.bne-testimonial-wrapper .flex-control-thumbs img{position:relative;width:75px;height:auto;cursor:pointer;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);filter:grayscale(100%);transition:.3s ease;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);z-index:1}.bne-testimonial-wrapper .flex-control-thumbs img.flex-active,.bne-testimonial-wrapper .flex-control-thumbs img:hover{z-index:2;-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);filter:grayscale(0%)}.bne-testimonial-wrapper .flex-control-thumbs img:hover{box-shadow:0 15px 15px -15px rgba(0,0,0,.5);transform:translateY(-10px)}@media (min-width:767px){.bne-testimonial-wrapper.testimonial-layout-thumbs.testimonial-left .thumbs-wrapper{float:left;width:40%}.bne-testimonial-wrapper.testimonial-layout-thumbs.testimonial-left .bne-testimonial-slider{float:right;width:60%}.bne-testimonial-wrapper.testimonial-layout-thumbs.testimonial-right .thumbs-wrapper{float:right;width:40%}.bne-testimonial-wrapper.testimonial-layout-thumbs.testimonial-right .bne-testimonial-slider{float:left;width:60%}}.bne-testimonial-masonry-wrapper{margin:0 -1%}.bne-testimonial-masonry-wrapper .testimonial-single{position:relative;padding:15px;margin:1%;opacity:0;background:#FEFEFE;background:-webkit-linear-gradient(45deg,#FFF,#F9F9F9);background:linear-gradient(45deg,#FFF,#F9F9F9);border:2px solid #FAFAFA;border-radius:4px;box-shadow:0 1px 2px rgba(34,25,25,.4);transition:opacity .5s ease}.bne-testimonial-masonry-wrapper.masonry-loaded .testimonial-single{opacity:1}.bne-testimonial-masonry-wrapper .testimonial-single.col-1-masonry{width:98%}.bne-testimonial-masonry-wrapper .testimonial-single.col-2-masonry{width:48%}.bne-testimonial-masonry-wrapper .testimonial-single.col-3-masonry{width:31.3%}.bne-testimonial-masonry-wrapper .testimonial-single.col-4-masonry{width:23%}@media (max-width:1000px){.bne-testimonial-masonry-wrapper .testimonial-single.col-4-masonry{width:31.3%}}@media (max-width:767px){.bne-testimonial-masonry-wrapper .testimonial-single.col-3-masonry,.bne-testimonial-masonry-wrapper .testimonial-single.col-4-masonry{width:48%}}@media (max-width:480px){.bne-testimonial-masonry-wrapper .testimonial-single.col-2-masonry,.bne-testimonial-masonry-wrapper .testimonial-single.col-3-masonry,.bne-testimonial-masonry-wrapper .testimonial-single.col-4-masonry{width:98%;margin-bottom:20px}}[class*="testimonial-theme-cards"] .testimonial-single,[class*="testimonial-theme-cards"] .flex-content{display:table;width:100%}.testimonial-layout-masonry.testimonial-theme-cards-v .testimonial-single,.testimonial-layout-masonry.testimonial-theme-cards-h .testimonial-single{display:block}.testimonial-theme-cards .testimonial-author,.testimonial-theme-cards .testimonial-content,.testimonial-theme-cards-h .testimonial-author,.testimonial-theme-cards-h .testimonial-content{display:table-cell;vertical-align:top;position:relative}.testimonial-theme-cards .testimonial-content,.testimonial-theme-cards-h .testimonial-content{text-align:left}.testimonial-theme-cards-v .testimonial-author,.testimonial-theme-cards-v .testimonial-content{display:block;vertical-align:top;position:relative;width:100%!important}[class*="testimonial-theme-cards"] .testimonial-author{background:#f2eae1;color:#5b5b5b;padding:15px 20px;width:150px;box-shadow:inset 0 0 4px rgba(0,0,0,.3)}.testimonial-theme-cards-h .testimonial-author{text-align:center}[class*="testimonial-theme-cards"] .testimonial-content{background:#bc645b;padding:20px;color:#fff}.testimonial-theme-cards-h .testimonial-image{margin:0 auto 15px auto;display:block;float:none}[class*="testimonial-theme-cards"] .testimonial-name{font-size:16px}[class*="testimonial-theme-cards"] .bne-testimonial-slider-wrapper,[class*="testimonial-theme-cards"] .bne-testimonial-masonry-wrapper .testimonial-single{padding:0;background:none;box-shadow:none;border:none}.testimonial-theme-cards-v.testimonial-center .testimonial-image,.testimonial-theme-cards-v.testimonial-center .testimonial-name,.testimonial-theme-cards-v.testimonial-center .testimonial-date,.testimonial-theme-cards-v.testimonial-center .testimonial-website,.testimonial-theme-cards-v.testimonial-center .testimonial-tagline,.testimonial-theme-cards-v.testimonial-center .testimonial-rating,.testimonial-theme-cards-v.testimonial-center .testimonial-message{display:block;float:none;margin:10px auto 10px auto;text-align:center}.testimonial-theme-cards-v.testimonial-center .testimonial-arrow-up,.testimonial-theme-cards-v.testimonial-center .testimonial-arrow-down{left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.testimonial-theme-cards-v.testimonial-right .testimonial-image{float:right;margin:0 0 10px 20px;text-align:right}.testimonial-theme-cards-v.testimonial-right .testimonial-name,.testimonial-theme-cards-v.testimonial-right .testimonial-website,.testimonial-theme-cards-v.testimonial-right .testimonial-tagline,.testimonial-theme-cards-v.testimonial-right .testimonial-rating,.testimonial-theme-cards-v.testimonial-right .testimonial-message{text-align:right}.testimonial-theme-cards-v.testimonial-right .testimonial-arrow-up,.testimonial-theme-cards-v.testimonial-right .testimonial-arrow-down{left:auto;right:10px}@media (max-width:768px){.testimonial-theme-cards-h .testimonial-arrow-left,.testimonial-theme-cards-h .testimonial-arrow-right{display:none}.testimonial-theme-cards-h .testimonial-author,.testimonial-theme-cards-h .testimonial-content{display:block;position:relative;width:100%!important;vertical-align:top}}.testimonial-theme-bubble .testimonial-author,.testimonial-theme-bubble .testimonial-content{position:relative}.testimonial-theme-bubble .testimonial-single .testimonial-author,.testimonial-theme-bubble .testimonial-single .testimonial-content{margin-bottom:20px}.testimonial-theme-bubble .testimonial-content{background:#f4f4f4;border-radius:3px;padding:20px}.testimonial-theme-bubble .testimonial-arrow-up{border-bottom-color:#f4f4f4}.testimonial-theme-bubble .testimonial-arrow-down{border-top-color:#f4f4f4}.testimonial-theme-bubble .bne-testimonial-slider-wrapper,.testimonial-theme-bubble .bne-testimonial-masonry-wrapper .testimonial-single{padding:0;background:none;box-shadow:none;border:none}.testimonial-theme-bubble.testimonial-center .testimonial-image,.testimonial-theme-bubble.testimonial-center .testimonial-name,.testimonial-theme-bubble.testimonial-center .testimonial-date,.testimonial-theme-bubble.testimonial-center .testimonial-website,.testimonial-theme-bubble.testimonial-center .testimonial-tagline,.testimonial-theme-bubble.testimonial-center .testimonial-rating,.testimonial-theme-bubble.testimonial-center .testimonial-message{display:block;margin:10px auto 0 auto;text-align:center;float:none}.testimonial-theme-bubble.testimonial-center .testimonial-arrow-up,.testimonial-theme-bubble.testimonial-center .testimonial-arrow-down{left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.testimonial-theme-bubble.testimonial-right .testimonial-image{float:right;text-align:right;margin:0 0 10px 20px}.testimonial-theme-bubble.testimonial-right .testimonial-name,.testimonial-theme-bubble.testimonial-right .testimonial-website,.testimonial-theme-bubble.testimonial-right .testimonial-tagline,.testimonial-theme-bubble.testimonial-right .testimonial-rating,.testimonial-theme-bubble.testimonial-right .testimonial-message{text-align:right}.testimonial-theme-bubble.testimonial-right .testimonial-arrow-up,.testimonial-theme-bubble.testimonial-right .testimonial-arrow-down{left:auto;right:10px}.testimonial-theme-simple .bne-testimonial-slider-wrapper,.testimonial-theme-simple .bne-testimonial-masonry-wrapper .testimonial-single{padding:0;background:none;box-shadow:none;border:none}.testimonial-theme-simple.testimonial-center .testimonial-image,.testimonial-theme-simple.testimonial-center .testimonial-name,.testimonial-theme-simple.testimonial-center .testimonial-date,.testimonial-theme-simple.testimonial-center .testimonial-website,.testimonial-theme-simple.testimonial-center .testimonial-tagline,.testimonial-theme-simple.testimonial-center .testimonial-rating,.testimonial-theme-simple.testimonial-center .testimonial-message{display:block;margin:10px auto 0 auto;text-align:center;float:none}.testimonial-theme-simple.testimonial-center .testimonial-arrow-up,.testimonial-theme-simple.testimonial-center .testimonial-arrow-down{left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.testimonial-theme-simple.testimonial-right .testimonial-image{float:right;text-align:right;margin:0 0 10px 20px}.testimonial-theme-simple.testimonial-right .testimonial-name,.testimonial-theme-simple.testimonial-right .testimonial-website,.testimonial-theme-simple.testimonial-right .testimonial-tagline,.testimonial-theme-simple.testimonial-right .testimonial-rating,.testimonial-theme-simple.testimonial-right .testimonial-message{text-align:right}.testimonial-theme-simple.testimonial-right .testimonial-arrow-up,.testimonial-theme-simple.testimonial-right .testimonial-arrow-down{left:auto;right:10px}.testimonial-theme-default.testimonial-center .testimonial-image,.testimonial-theme-default.testimonial-center .testimonial-name,.testimonial-theme-default.testimonial-center .testimonial-date,.testimonial-theme-default.testimonial-center .testimonial-website,.testimonial-theme-default.testimonial-center .testimonial-tagline,.testimonial-theme-default.testimonial-center .testimonial-rating,.testimonial-theme-default.testimonial-center .testimonial-message{display:block;margin:10px auto 0 auto;text-align:center;float:none}.testimonial-theme-default.testimonial-center .testimonial-arrow-up,.testimonial-theme-default.testimonial-center .testimonial-arrow-down{left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.testimonial-theme-default.testimonial-right .testimonial-image{float:right;text-align:right;margin:0 0 10px 20px}.testimonial-theme-default.testimonial-right .testimonial-name,.testimonial-theme-default.testimonial-right .testimonial-website,.testimonial-theme-default.testimonial-right .testimonial-tagline,.testimonial-theme-default.testimonial-right .testimonial-rating,.testimonial-theme-default.testimonial-right .testimonial-message{text-align:right}.testimonial-theme-default.testimonial-right .testimonial-arrow-up,.testimonial-theme-default.testimonial-right .testimonial-arrow-down{left:auto;right:10px}.bne-testimonial-form-wrapper fieldset{border:none;margin:0;padding:0}.bne-testimonial-form-wrapper label{display:block}.bne-testimonial-form-wrapper .bne_testimonials_field_wrap{margin:0 0 20px;min-height:20px}.bne-testimonial-form-wrapper .honey,.bne-testimonial-form-wrapper .hide,.bne-testimonial-form-wrapper .bne_testimonials_field_wrap br{display:none}.bne-testimonial-form-wrapper .required{color:red}.bne-testimonial-form-wrapper input[type="text"],.bne-testimonial-form-wrapper input[type="email"],.bne-testimonial-form-wrapper input[type="file"],.bne-testimonial-form-wrapper textarea{width:100%;max-width:350px}.bne-testimonial-form-wrapper textarea{height:100px}.bne-testimonial-form-wrapper select{width:auto;min-width:150px}.bne-testimonial-form-wrapper .testimonial_radio_wrap{margin:0!important;padding:0!important;list-style:none!important}.bne-testimonial-form-wrapper .testimonial_radio_wrap li{position:relative}.bne-testimonial-form-wrapper .testimonial_radio_wrap li label{display:inline-block;margin-left:5px}.bne-testimonial-form-wrapper .field-type-checkbox label,.bne-testimonial-form-wrapper .field-type-radio label{font-weight:400}.form-star-rating{direction:rtl;display:inline-block}.form-star-rating input[type=radio]{opacity:0;z-index:1;position:relative;width:35px;height:30px;margin-left:-30px;cursor:pointer}.form-star-rating label{color:#bbb;display:inline-block;font-size:0;padding:0;margin:0;cursor:pointer}.form-star-rating label:before{font-family:"bnetestimonials";content:'\e800';font-size:30px}.form-star-rating label:hover:before,.form-star-rating input[type=radio]:hover~label:before,.form-star-rating label:hover~label:before,.form-star-rating input[type=radio]:checked~label:before{color:#f2b600}.bne-testimonial-form-wrapper .error,.bne-testimonial-form-wrapper .success{padding:5px 10px;margin-bottom:20px;border:1px solid transparent;border-radius:4px;display:block;max-width:350px}.bne-testimonial-form-wrapper .error{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.bne-testimonial-form-wrapper .success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}@media only screen and (max-width:600px){.bne-testimonial-form-wrapper input[type="text"],.bne-testimonial-form-wrapper input[type="email"],.bne-testimonial-form-wrapper textarea{max-width:90%}}.testimonial-branding .testimonial-api-yelp .branding-logo,.testimonial-branding .testimonial-api-yp .branding-logo,.testimonial-branding .testimonial-api-google .branding-logo,.testimonial-branding .testimonial-api-facebook .branding-logo{height:13px;width:100px;margin:0;padding:0;border:none;box-shadow:none}.testimonial-branding.testimonial-center .branding-logo{margin:0 auto}.testimonial-branding .testimonial-api-yelp .branding-logo{height:26px;width:50px}.testimonial-branding .testimonial-api-facebook .branding-logo{height:13px;width:67px}.testimonial-branding .testimonial-api-yp .branding-logo{height:22px;width:100px}.testimonial-branding .testimonial-api-facebook .testimonial-rating .bne-stars{color:#4080FF}.testimonial-branding .testimonial-api-google .testimonial-rating .bne-stars{color:#E7711C}.testimonial-branding .testimonial-api-yelp .bne-stars,.bne-testimonial-wrapper.fancy-stars .bne-stars{height:18px;width:18px;margin-right:1px;border-radius:2px;color:white!important;line-height:18px;font-size:14px}.testimonial-branding .testimonial-api-yelp .testimonial-rating.rating-1 .bne-stars,.bne-testimonial-wrapper.fancy-stars .testimonial-rating.rating-1 .bne-stars{background:#F3BD79}.testimonial-branding .testimonial-api-yelp .testimonial-rating.rating-2 .bne-stars,.bne-testimonial-wrapper.fancy-stars .testimonial-rating.rating-2 .bne-stars{background:#FEC00F}.testimonial-branding .testimonial-api-yelp .testimonial-rating.rating-3 .bne-stars,.bne-testimonial-wrapper.fancy-stars .testimonial-rating.rating-3 .bne-stars{background:#FF9241}.testimonial-branding .testimonial-api-yelp .testimonial-rating.rating-4 .bne-stars,.bne-testimonial-wrapper.fancy-stars .testimonial-rating.rating-4 .bne-stars{background:#F15C4E}.testimonial-branding .testimonial-api-yelp .testimonial-rating.rating-5 .bne-stars,.bne-testimonial-wrapper.fancy-stars .testimonial-rating.rating-5 .bne-stars{background:#D32223}.testimonial-branding .testimonial-api-yelp .testimonial-rating .bne-icon-star-empty.bne-stars,.bne-testimonial-wrapper.fancy-stars .testimonial-rating .bne-icon-star-empty.bne-stars{background:#ccc}.bne-testimonial-wrapper.fancy-stars .testimonial-rating[class*="rating-1-"] .bne-stars:nth-child(1){background:#F3BD79}.bne-testimonial-wrapper.fancy-stars .testimonial-rating[class*="rating-1-"] .bne-stars:nth-child(2){background:linear-gradient(90deg,#F3BD79 50%,#cccccc 50%)}.bne-testimonial-wrapper.fancy-stars .testimonial-rating[class*="rating-2-"] .bne-stars:nth-child(1),.bne-testimonial-wrapper.fancy-stars .testimonial-rating[class*="rating-2-"] .bne-stars:nth-child(2){background:#FEC00F}.bne-testimonial-wrapper.fancy-stars .testimonial-rating[class*="rating-2-"] .bne-stars:nth-child(3){background:linear-gradient(90deg,#FEC00F 50%,#cccccc 50%)}.bne-testimonial-wrapper.fancy-stars .testimonial-rating[class*="rating-3-"] .bne-stars:nth-child(1),.bne-testimonial-wrapper.fancy-stars .testimonial-rating[class*="rating-3-"] .bne-stars:nth-child(2),.bne-testimonial-wrapper.fancy-stars .testimonial-rating[class*="rating-3-"] .bne-stars:nth-child(3){background:#FF9241}.bne-testimonial-wrapper.fancy-stars .testimonial-rating[class*="rating-3-"] .bne-stars:nth-child(4){background:linear-gradient(90deg,#FF9241 50%,#cccccc 50%)}.bne-testimonial-wrapper.fancy-stars .testimonial-rating[class*="rating-4-"] .bne-stars:nth-child(1),.bne-testimonial-wrapper.fancy-stars .testimonial-rating[class*="rating-4-"] .bne-stars:nth-child(2),.bne-testimonial-wrapper.fancy-stars .testimonial-rating[class*="rating-4-"] .bne-stars:nth-child(3),.bne-testimonial-wrapper.fancy-stars .testimonial-rating[class*="rating-4-"] .bne-stars:nth-child(4){background:#F15C4E}.bne-testimonial-wrapper.fancy-stars .testimonial-rating[class*="rating-4-"] .bne-stars:nth-child(5){background:linear-gradient(90deg,#F15C4E 50%,#cccccc 50%)}.testimonial-branding .testimonial-api-yelp .testimonial-rating .yelp-stars{height:auto;max-height:18px;box-shadow:none;border:none;margin:0;padding:0}.testimonial-badge{margin:0 0 30px 0;max-width:400px;color:#666}.testimonial-badge.fancy{box-shadow:0 2px 8px rgba(0,0,0,.1);padding:15px 20px;background:#fff;transition:.3s ease all;border-top:5px solid rgba(0,0,0,.3)}.testimonial-badge.fancy:hover{transform:translateY(-5px);box-shadow:0 15px 15px rgba(0,0,0,.1)}.testimonial-badge p{margin:0}.testimonial-badge .badge-text{clear:both}.testimonial-badge .badge-title{font-size:18px;clear:both;font-weight:700}.testimonial-badge.fancy .badge-text{margin-top:5px;font-size:90%}.testimonial-badge.fancy .badge-image{margin-bottom:0}.testimonial-badge.fancy .badge-rating{margin-bottom:0}.testimonial-badge.fancy .badge-average{font-size:20px;font-weight:700}.testimonial-badge.inverse{background:#000}.testimonial-badge.inverse a,.testimonial-badge.inverse .badge-text,.testimonial-badge.inverse .badge-title{color:#fff}.testimonial-badge.fancy.facebook-badge{border-top-color:#4080FF}.testimonial-badge.fancy.facebook-badge .badge-average{color:#4080FF}.testimonial-badge.fancy.google-badge{border-top-color:#35A853}.testimonial-badge.fancy.google-badge .badge-average{color:#E7711C}.testimonial-badge.fancy.yelp-badge{border-top-color:#D32323}.testimonial-badge.fancy.yelp-badge .badge-average{color:#D32323}.testimonial-badge.fancy.yp-badge{border-top-color:#FFD400}.bne-testimonial-wrapper.testimonial-stats{max-width:850px;display:block;margin:30px 0}.testimonial-stats.layout-bar .rating-summary-inner{margin-bottom:5px}.testimonial-stats.layout-bar .rating-title,.testimonial-stats.layout-bar .rating-count{text-transform:uppercase;position:relative;padding:0;font-size:12px;font-weight:400;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.testimonial-stats.layout-bar .rating-bar{position:relative;height:25px;margin-bottom:5px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.testimonial-stats.layout-bar .rating-bar .rating-bar-inner{position:relative;float:left;width:0;height:25px;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);transition:width .6s ease}.testimonial-stats.layout-bar .rating-bar .rating-bar-inner span{position:absolute;right:8px;top:4px;height:17px;padding:0 5px;line-height:17px;font-size:10px;text-shadow:0 1px 0 rgba(0,0,0,.75);background-color:#272727;background-color:rgba(0,0,0,.5);border-radius:3px}.testimonial-stats.layout-bar .rating-title,.testimonial-stats.layout-bar .rating-count{display:inline-block;line-height:25px}.testimonial-stats.layout-bar.label-side .rating-title{float:left;width:75px}.testimonial-stats.layout-bar.label-side .rating-count{float:right;width:50px;padding-left:10px;text-align:right}.testimonial-stats.layout-bar.label-above .rating-count{float:right}@supports (grid-area:auto){.testimonial-stats.layout-bar .rating-summary-inner{display:grid;grid-template-columns:70px auto 40px;grid-template-columns:min-content auto 40px;grid-template-areas:"title bar count"}.testimonial-stats.layout-bar .rating-title{grid-area:title;align-self:center;padding-right:10px;width:auto!important}.testimonial-stats.layout-bar .rating-count{grid-area:count;align-self:center;justify-self:end;width:auto!important;padding-left:10px}.testimonial-stats.layout-bar .rating-bar{grid-area:bar}.testimonial-stats.layout-bar.label-above .rating-summary-inner{grid-template-columns:50% 50%;grid-template-areas:"title count" "bar bar"}.testimonial-stats.layout-bar.label-above .rating-count{justify-self:end}}.testimonial-stats.layout-face .rating-summary-inner{margin-bottom:20px}.testimonial-stats.layout-face [class^='bne-icon-'],.testimonial-stats.layout-face .rating-percent,.testimonial-stats.layout-face .rating-count{display:block;text-align:center;line-height:1;margin-bottom:3px}.testimonial-stats.layout-face [class^='bne-icon-']{font-size:45px}.testimonial-stats.layout-face .rating-good{color:green}.testimonial-stats.layout-face .rating-meh{color:orange}.testimonial-stats.layout-face .rating-poor{color:red}.testimonial-stats.layout-face .rating-summary-inner{float:left;width:33%;min-width:85px}.bne-testimonial-list-wrapper .single-bne-testimonial{margin-bottom:30px}.bne-testimonial-featured-image,.bne-testimonial-featured-image.square,.bne-testimonial-featured-image.circle,.bne-testimonial-featured-image.flat-square,.bne-testimonial-featured-image.flat-circle{width:100px!important;height:100px!important;float:left;margin:5px 20px 10px 0}.bne-testimonial-featured-image,.bne-testimonial-featured-image.square{padding:4px;background:#fff;border:1px solid #D1D1D1;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 0 3px #CCC;-moz-box-shadow:0 0 3px #CCC;box-shadow:0 0 3px #CCC}.bne-testimonial-featured-image.flat-square{border:none;border-radius:0;box-shadow:none;padding:0}.bne-testimonial-featured-image.circle{border:none;padding:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 0 4px white,0 0 0 5px #D1D1D1,0 0 9px #555;-moz-box-shadow:0 0 0 4px white,0 0 0 5px #D1D1D1,0 0 9px #555;box-shadow:0 0 0 4px white,0 0 0 5px #D1D1D1,0 0 9px #555}.bne-testimonial-featured-image.flat-circle{border:none;box-shadow:none;padding:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.bne-testimonial-heading,h3.bne-testimonial-heading,h4.bne-testimonial-heading{clear:none;margin:0 0 5px 0px!important;line-height:1.2em;float:none;text-align:left}.bne-testimonial-details{font-weight:400;font-style:italic;margin:0 0 5px 0;line-height:1.2em;float:none}.bne-testimonial-description{float:none}.bne-testimonial-description p{float:none}.bne-testimonial-details .bne-testimonial-rating{margin:10px 0}.bne-masonry{margin-bottom:10px}.bne-masonry .single-bne-testimonial{position:relative;padding:15px;margin:1%;background:#FEFEFE;background:-webkit-linear-gradient(45deg,#FFF,#F9F9F9);border:2px solid #FAFAFA;-webkit-box-shadow:0 1px 2px rgba(34,25,25,.4);-moz-box-shadow:0 1px 2px rgba(34,25,25,.4);box-shadow:0 1px 2px rgba(34,25,25,.4);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.single-bne-testimonial.col-1-masonry{width:98%;margin-bottom:15px}.single-bne-testimonial.col-2-masonry{width:47.5%}.single-bne-testimonial.col-3-masonry{width:31%}.single-bne-testimonial.col-4-masonry{width:22.5%}@media (max-width:1000px){.single-bne-testimonial.col-4-masonry{width:31%}}@media (max-width:780px){.single-bne-testimonial.col-3-masonry,.single-bne-testimonial.col-4-masonry{width:46%;margin:2%}}@media (max-width:600px){.single-bne-testimonial.col-2-masonry,.single-bne-testimonial.col-3-masonry,.single-bne-testimonial.col-4-masonry{width:98%;margin-bottom:15px}}.bne-testimonial-warning{padding:8px 35px 8px 14px;margin-bottom:20px;text-shadow:0 1px 0 rgba(255,255,255,.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#c09853}.bne-testimonial-pagination{display:block}.bne-testimonial-pagination .page-numbers{background-color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#f0f0f0));background-image:-webkit-linear-gradient(top,#ffffff,#f0f0f0);background-image:-moz-linear-gradient(top,#ffffff,#f0f0f0);background-image:-o-linear-gradient(top,#ffffff,#f0f0f0);background-image:-ms-linear-gradient(top,#ffffff,#f0f0f0);background-image:linear-gradient(top,#ffffff,#f0f0f0);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#f0f0f0');border-radius:3px;border:1px solid #dcdcdc;color:#333;font-size:13px;font-weight:700;text-decoration:none;-webkit-box-shadow:inset 0 1px 0 0 #fff;-moz-box-shadow:inset 0 1px 0 0 #fff;box-shadow:inset 0 1px 0 0 #fff}.bne-testimonial-pagination .page-numbers.current,.bne-testimonial-pagination .page-numbers.current:hover{background:#444;-webkit-box-shadow:inset 0 0 5px #666;-moz-box-shadow:inset 0 0 5px #666;box-shadow:inset 0 0 5px #666;border-color:transparent;color:#fff}.bne-testimonial-pagination .page-numbers:hover{background:#eee}.bne-testimonial-pagination .page-numbers,.bne-testimonial-pagination .page-numbers.next,.bne-testimonial-pagination .page-numbers.prev{padding:4px 8px}body:not(.logged-in) .bne-testimonial-warning.api-warning{display: none;}.bne-element-container .shareaholic-canvas,.bne-element-container #ssba{display:none}.clear:before,.clear:after,.clearfix:before,.clearfix:after{display:table;content:""}.clear:after,.clearfix:after{content:"";visibility:hidden;display:block;height:0;clear:both}.bne-testimonial-wrapper .alignnone{margin:5px 0 20px 0}.bne-testimonial-wrapper .aligncenter{display:block;margin:5px auto}.bne-testimonial-wrapper .alignright{float:right;margin:5px 0 20px 20px}.bne-testimonial-wrapper .alignleft{float:left;margin:5px 20px 20px 0}body.rtl .bne-testimonial-slider.bne-flexslider{direction:ltr}.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; } .wpcf7 .hidden-fields-container { display: none; } .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; } .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: #dc3232; } .wpcf7 form.spam .wpcf7-response-output { border-color: #f56e28; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; } .wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid-tip { color: #dc3232; font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip .wpcf7-not-valid-tip { position: relative; top: -2ex; left: 1em; z-index: 100; border: 1px solid #dc3232; background: #fff; padding: .2em .8em; width: 24em; } .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; } .wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d; opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; } form.submitting .wpcf7-spinner { visibility: visible; } .wpcf7-spinner::before { content: ''; position: absolute; background-color: #fbfbfc; top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; } @media (prefers-reduced-motion: reduce) { .wpcf7-spinner::before { animation-name: blink; animation-duration: 2000ms; } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes blink { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } .wpcf7 [inert] { opacity: 0.5; } .wpcf7 input[type="file"] { cursor: pointer; } .wpcf7 input[type="file"]:disabled { cursor: default; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; } .wpcf7-reflection > output { display: list-item; list-style: none; } .wpcf7-reflection > output[hidden] { display: none; }html { line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, footer, header, nav, section { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } figcaption, figure { display: block; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } main { display: block; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: inherit; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } dfn { font-style: italic; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button, [type="button"], [type="reset"], [type="submit"] { } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } input { overflow: visible; } [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { -webkit-box-sizing: border-box; box-sizing: border-box; display: table; max-width: 100%; padding: 0; color: inherit; white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } details { display: block; } summary { display: list-item; } menu { display: block; } canvas { display: inline-block; } template { display: none; } [hidden] { display: none; } .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { -webkit-transition-duration: 50ms; transition-duration: 50ms; } [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { -webkit-transition-delay: 50ms; transition-delay: 50ms; } [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { -webkit-transition-duration: .1s; transition-duration: .1s; } [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { -webkit-transition-delay: .1s; transition-delay: .1s; } [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { -webkit-transition-duration: .15s; transition-duration: .15s; } [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { -webkit-transition-delay: .15s; transition-delay: .15s; } [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { -webkit-transition-duration: .2s; transition-duration: .2s; } [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { -webkit-transition-delay: .2s; transition-delay: .2s; } [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { -webkit-transition-duration: .25s; transition-duration: .25s; } [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { -webkit-transition-delay: .25s; transition-delay: .25s; } [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { -webkit-transition-duration: .3s; transition-duration: .3s; } [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { -webkit-transition-delay: .3s; transition-delay: .3s; } [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { -webkit-transition-duration: .35s; transition-duration: .35s; } [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { -webkit-transition-delay: .35s; transition-delay: .35s; } [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { -webkit-transition-duration: .4s; transition-duration: .4s; } [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { -webkit-transition-delay: .4s; transition-delay: .4s; } [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { -webkit-transition-duration: .45s; transition-duration: .45s; } [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { -webkit-transition-delay: .45s; transition-delay: .45s; } [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { -webkit-transition-duration: .5s; transition-duration: .5s; } [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { -webkit-transition-delay: .5s; transition-delay: .5s; } [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { -webkit-transition-duration: .55s; transition-duration: .55s; } [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { -webkit-transition-delay: .55s; transition-delay: .55s; } [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { -webkit-transition-duration: .6s; transition-duration: .6s; } [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { -webkit-transition-delay: .6s; transition-delay: .6s; } [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { -webkit-transition-duration: .65s; transition-duration: .65s; } [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { -webkit-transition-delay: .65s; transition-delay: .65s; } [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { -webkit-transition-duration: .7s; transition-duration: .7s; } [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { -webkit-transition-delay: .7s; transition-delay: .7s; } [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { -webkit-transition-duration: .75s; transition-duration: .75s; } [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { -webkit-transition-delay: .75s; transition-delay: .75s; } [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { -webkit-transition-duration: .8s; transition-duration: .8s; } [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { -webkit-transition-delay: .8s; transition-delay: .8s; } [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { -webkit-transition-duration: .85s; transition-duration: .85s; } [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { -webkit-transition-delay: .85s; transition-delay: .85s; } [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { -webkit-transition-duration: .9s; transition-duration: .9s; } [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { -webkit-transition-delay: .9s; transition-delay: .9s; } [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { -webkit-transition-duration: .95s; transition-duration: .95s; } [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { -webkit-transition-delay: .95s; transition-delay: .95s; } [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { -webkit-transition-duration: 1s; transition-duration: 1s; } [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { -webkit-transition-delay: 1s; transition-delay: 1s; } [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] { -webkit-transition-duration: 1.05s; transition-duration: 1.05s; } [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { -webkit-transition-delay: 1.05s; transition-delay: 1.05s; } [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] { -webkit-transition-duration: 1.1s; transition-duration: 1.1s; } [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { -webkit-transition-delay: 1.1s; transition-delay: 1.1s; } [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] { -webkit-transition-duration: 1.15s; transition-duration: 1.15s; } [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { -webkit-transition-delay: 1.15s; transition-delay: 1.15s; } [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { -webkit-transition-duration: 1.2s; transition-duration: 1.2s; } [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] { -webkit-transition-duration: 1.25s; transition-duration: 1.25s; } [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { -webkit-transition-delay: 1.25s; transition-delay: 1.25s; } [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] { -webkit-transition-duration: 1.3s; transition-duration: 1.3s; } [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { -webkit-transition-delay: 1.3s; transition-delay: 1.3s; } [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] { -webkit-transition-duration: 1.35s; transition-duration: 1.35s; } [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { -webkit-transition-delay: 1.35s; transition-delay: 1.35s; } [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] { -webkit-transition-duration: 1.4s; transition-duration: 1.4s; } [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { -webkit-transition-delay: 1.4s; transition-delay: 1.4s; } [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] { -webkit-transition-duration: 1.45s; transition-duration: 1.45s; } [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { -webkit-transition-delay: 1.45s; transition-delay: 1.45s; } [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { -webkit-transition-duration: 1.5s; transition-duration: 1.5s; } [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; } [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] { -webkit-transition-duration: 1.55s; transition-duration: 1.55s; } [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { -webkit-transition-delay: 1.55s; transition-delay: 1.55s; } [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] { -webkit-transition-duration: 1.6s; transition-duration: 1.6s; } [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { -webkit-transition-delay: 1.6s; transition-delay: 1.6s; } [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] { -webkit-transition-duration: 1.65s; transition-duration: 1.65s; } [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { -webkit-transition-delay: 1.65s; transition-delay: 1.65s; } [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] { -webkit-transition-duration: 1.7s; transition-duration: 1.7s; } [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { -webkit-transition-delay: 1.7s; transition-delay: 1.7s; } [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] { -webkit-transition-duration: 1.75s; transition-duration: 1.75s; } [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { -webkit-transition-delay: 1.75s; transition-delay: 1.75s; } [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { -webkit-transition-duration: 1.8s; transition-duration: 1.8s; } [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { -webkit-transition-delay: 1.8s; transition-delay: 1.8s; } [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] { -webkit-transition-duration: 1.85s; transition-duration: 1.85s; } [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { -webkit-transition-delay: 1.85s; transition-delay: 1.85s; } [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] { -webkit-transition-duration: 1.9s; transition-duration: 1.9s; } [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { -webkit-transition-delay: 1.9s; transition-delay: 1.9s; } [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] { -webkit-transition-duration: 1.95s; transition-duration: 1.95s; } [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { -webkit-transition-delay: 1.95s; transition-delay: 1.95s; } [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] { -webkit-transition-duration: 2s; transition-duration: 2s; } [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { -webkit-transition-delay: 2s; transition-delay: 2s; } [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] { -webkit-transition-duration: 2.05s; transition-duration: 2.05s; } [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { -webkit-transition-delay: 2.05s; transition-delay: 2.05s; } [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] { -webkit-transition-duration: 2.1s; transition-duration: 2.1s; } [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { -webkit-transition-delay: 2.1s; transition-delay: 2.1s; } [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] { -webkit-transition-duration: 2.15s; transition-duration: 2.15s; } [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { -webkit-transition-delay: 2.15s; transition-delay: 2.15s; } [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] { -webkit-transition-duration: 2.2s; transition-duration: 2.2s; } [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { -webkit-transition-delay: 2.2s; transition-delay: 2.2s; } [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] { -webkit-transition-duration: 2.25s; transition-duration: 2.25s; } [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { -webkit-transition-delay: 2.25s; transition-delay: 2.25s; } [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] { -webkit-transition-duration: 2.3s; transition-duration: 2.3s; } [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { -webkit-transition-delay: 2.3s; transition-delay: 2.3s; } [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] { -webkit-transition-duration: 2.35s; transition-duration: 2.35s; } [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { -webkit-transition-delay: 2.35s; transition-delay: 2.35s; } [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] { -webkit-transition-duration: 2.4s; transition-duration: 2.4s; } [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { -webkit-transition-delay: 2.4s; transition-delay: 2.4s; } [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] { -webkit-transition-duration: 2.45s; transition-duration: 2.45s; } [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { -webkit-transition-delay: 2.45s; transition-delay: 2.45s; } [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] { -webkit-transition-duration: 2.5s; transition-duration: 2.5s; } [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { -webkit-transition-delay: 2.5s; transition-delay: 2.5s; } [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] { -webkit-transition-duration: 2.55s; transition-duration: 2.55s; } [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { -webkit-transition-delay: 2.55s; transition-delay: 2.55s; } [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] { -webkit-transition-duration: 2.6s; transition-duration: 2.6s; } [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { -webkit-transition-delay: 2.6s; transition-delay: 2.6s; } [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] { -webkit-transition-duration: 2.65s; transition-duration: 2.65s; } [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { -webkit-transition-delay: 2.65s; transition-delay: 2.65s; } [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] { -webkit-transition-duration: 2.7s; transition-duration: 2.7s; } [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { -webkit-transition-delay: 2.7s; transition-delay: 2.7s; } [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] { -webkit-transition-duration: 2.75s; transition-duration: 2.75s; } [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { -webkit-transition-delay: 2.75s; transition-delay: 2.75s; } [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] { -webkit-transition-duration: 2.8s; transition-duration: 2.8s; } [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { -webkit-transition-delay: 2.8s; transition-delay: 2.8s; } [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] { -webkit-transition-duration: 2.85s; transition-duration: 2.85s; } [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { -webkit-transition-delay: 2.85s; transition-delay: 2.85s; } [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] { -webkit-transition-duration: 2.9s; transition-duration: 2.9s; } [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { -webkit-transition-delay: 2.9s; transition-delay: 2.9s; } [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] { -webkit-transition-duration: 2.95s; transition-duration: 2.95s; } [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { -webkit-transition-delay: 2.95s; transition-delay: 2.95s; } [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] { -webkit-transition-duration: 3s; transition-duration: 3s; } [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { -webkit-transition-delay: 3s; transition-delay: 3s; } [data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } [data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] { -webkit-transition-timing-function: ease; transition-timing-function: ease; } [data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] { -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } [data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } [data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] { -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } [data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } [data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } [data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } [data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } [data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } [data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } [data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos^=fade][data-aos^=fade] { opacity: 0; -webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; transition-property: opacity,transform; transition-property: opacity,transform,-webkit-transform; } [data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } [data-aos=fade-up] { -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } [data-aos=fade-down] { -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } [data-aos=fade-right] { -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); } [data-aos=fade-left] { -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); } [data-aos=fade-up-right] { -webkit-transform: translate3d(-100px, 100px, 0); transform: translate3d(-100px, 100px, 0); } [data-aos=fade-up-left] { -webkit-transform: translate3d(100px, 100px, 0); transform: translate3d(100px, 100px, 0); } [data-aos=fade-down-right] { -webkit-transform: translate3d(-100px, -100px, 0); transform: translate3d(-100px, -100px, 0); } [data-aos=fade-down-left] { -webkit-transform: translate3d(100px, -100px, 0); transform: translate3d(100px, -100px, 0); } [data-aos^=zoom][data-aos^=zoom] { opacity: 0; -webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; transition-property: opacity,transform; transition-property: opacity,transform,-webkit-transform; } [data-aos^=zoom][data-aos^=zoom].aos-animate { opacity: 1; -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); } [data-aos=zoom-in] { -webkit-transform: scale(0.6); transform: scale(0.6); } [data-aos=zoom-in-up] { -webkit-transform: translate3d(0, 100px, 0) scale(0.6); transform: translate3d(0, 100px, 0) scale(0.6); } [data-aos=zoom-in-down] { -webkit-transform: translate3d(0, -100px, 0) scale(0.6); transform: translate3d(0, -100px, 0) scale(0.6); } [data-aos=zoom-in-right] { -webkit-transform: translate3d(-100px, 0, 0) scale(0.6); transform: translate3d(-100px, 0, 0) scale(0.6); } [data-aos=zoom-in-left] { -webkit-transform: translate3d(100px, 0, 0) scale(0.6); transform: translate3d(100px, 0, 0) scale(0.6); } [data-aos=zoom-out] { -webkit-transform: scale(1.2); transform: scale(1.2); } [data-aos=zoom-out-up] { -webkit-transform: translate3d(0, 100px, 0) scale(1.2); transform: translate3d(0, 100px, 0) scale(1.2); } [data-aos=zoom-out-down] { -webkit-transform: translate3d(0, -100px, 0) scale(1.2); transform: translate3d(0, -100px, 0) scale(1.2); } [data-aos=zoom-out-right] { -webkit-transform: translate3d(-100px, 0, 0) scale(1.2); transform: translate3d(-100px, 0, 0) scale(1.2); } [data-aos=zoom-out-left] { -webkit-transform: translate3d(100px, 0, 0) scale(1.2); transform: translate3d(100px, 0, 0) scale(1.2); } [data-aos^=slide][data-aos^=slide] { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } [data-aos^=slide][data-aos^=slide].aos-animate { -webkit-transform: translateZ(0); transform: translateZ(0); } [data-aos=slide-up] { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } [data-aos=slide-down] { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } [data-aos=slide-right] { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } [data-aos=slide-left] { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } [data-aos^=flip][data-aos^=flip] { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } [data-aos=flip-left] { -webkit-transform: perspective(2500px) rotateY(-100deg); transform: perspective(2500px) rotateY(-100deg); } [data-aos=flip-left].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0); } [data-aos=flip-right] { -webkit-transform: perspective(2500px) rotateY(100deg); transform: perspective(2500px) rotateY(100deg); } [data-aos=flip-right].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0); } [data-aos=flip-up] { -webkit-transform: perspective(2500px) rotateX(-100deg); transform: perspective(2500px) rotateX(-100deg); } [data-aos=flip-up].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0); } [data-aos=flip-down] { -webkit-transform: perspective(2500px) rotateX(100deg); transform: perspective(2500px) rotateX(100deg); } [data-aos=flip-down].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0); } html { -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } b, strong { font-weight: 700; } body { background-color: #fff; color: #7b7b7b; font-family: "Sarabun", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 18px; line-height: 1.56; height: 100%; } body.no-scroll { overflow: hidden; } a { color: #55b3f3; text-decoration: none; } a:hover, a:active { color: #0f84d3; } p { margin: 0 0 18px; } p:last-child { margin: 0; } img { max-width: 100%; height: auto; vertical-align: middle; } section { position: relative; } .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100%; width: 100%; overflow-x: hidden; position: relative; } .content { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .header-container { padding: 0; width: 100%; position: fixed; margin: auto; left: 50%; z-index: 8; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media screen and (min-width: 1280px) { .header-container { max-width: 1200px; } } @media screen and (min-width: 1440px) { .header-container { max-width: 83.45vw; } } .header-container__layout { content: ''; z-index: 7; height: 56px; width: 200vw; left: -100vw; top: 0; position: absolute; background: rgba(255, 255, 255, 0.87); -webkit-backdrop-filter: blur(12.5px); backdrop-filter: blur(12.5px); } @media screen and (min-width: 1280px) { .header-container__layout { height: 72px; } } .page-container { max-width: 1200px; width: 100%; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } @media screen and (min-width: 1440px) { .page-container { max-width: 86.111vw; } } .section-container { max-width: 1200px; width: 100%; margin-left: auto; margin-right: auto; } @media screen and (min-width: 1440px) { .section-container { max-width: 86.111vw; } } .icon { display: inline-block; } ul { margin: 0; padding: 0; list-style: none; } @font-face { font-family: 'Oxanium'; font-style: normal; font-weight: 600; font-display: swap; src: url(//knbservice.com/wp-content/themes/knb-service/dist/./fonts/oxanium-v14-latin-600.eot); src: local(""), url(//knbservice.com/wp-content/themes/knb-service/dist/./fonts/oxanium-v14-latin-600.eot?#iefix) format("embedded-opentype"), url(//knbservice.com/wp-content/themes/knb-service/dist/./fonts/oxanium-v14-latin-600.woff2) format("woff2"), url(//knbservice.com/wp-content/themes/knb-service/dist/./fonts/oxanium-v14-latin-600.woff) format("woff"), url(//knbservice.com/wp-content/themes/knb-service/dist/./fonts/oxanium-v14-latin-600.ttf) format("truetype"), url(//knbservice.com/wp-content/themes/knb-service/dist/./images/oxanium-v14-latin-600.svg) format("svg"); } @font-face { font-family: 'Oxanium'; font-style: normal; font-weight: 700; font-display: swap; src: url(//knbservice.com/wp-content/themes/knb-service/dist/./fonts/oxanium-v14-latin-700.eot); src: local(""), url(//knbservice.com/wp-content/themes/knb-service/dist/./fonts/oxanium-v14-latin-700.eot?#iefix) format("embedded-opentype"), url(//knbservice.com/wp-content/themes/knb-service/dist/./fonts/oxanium-v14-latin-700.woff2) format("woff2"), url(//knbservice.com/wp-content/themes/knb-service/dist/./fonts/oxanium-v14-latin-700.woff) format("woff"), url(//knbservice.com/wp-content/themes/knb-service/dist/./fonts/oxanium-v14-latin-700.ttf) format("truetype"), url(//knbservice.com/wp-content/themes/knb-service/dist/./images/oxanium-v14-latin-700.svg) format("svg"); } @font-face { font-family: 'Oxanium'; font-style: normal; font-weight: 400; font-display: swap; src: url(//knbservice.com/wp-content/themes/knb-service/dist/./fonts/oxanium-v14-latin-regular.eot); src: local(""), url(//knbservice.com/wp-content/themes/knb-service/dist/./fonts/oxanium-v14-latin-regular.eot?#iefix) format("embedded-opentype"), url(//knbservice.com/wp-content/themes/knb-service/dist/./fonts/oxanium-v14-latin-regular.woff2) format("woff2"), url(//knbservice.com/wp-content/themes/knb-service/dist/./fonts/oxanium-v14-latin-regular.woff) format("woff"), url(//knbservice.com/wp-content/themes/knb-service/dist/./fonts/oxanium-v14-latin-regular.ttf) format("truetype"), url(//knbservice.com/wp-content/themes/knb-service/dist/./images/oxanium-v14-latin-regular.svg) format("svg"); } @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 400; font-display: swap; src: url(//knbservice.com/wp-content/themes/knb-service/dist/./fonts/mulish-v12-latin-regular.eot); src: local(""), url(//knbservice.com/wp-content/themes/knb-service/dist/./fonts/mulish-v12-latin-regular.eot?#iefix) format("embedded-opentype"), url(//knbservice.com/wp-content/themes/knb-service/dist/./fonts/mulish-v12-latin-regular.woff2) format("woff2"), url(//knbservice.com/wp-content/themes/knb-service/dist/./fonts/mulish-v12-latin-regular.woff) format("woff"), url(//knbservice.com/wp-content/themes/knb-service/dist/./fonts/mulish-v12-latin-regular.ttf) format("truetype"), url(//knbservice.com/wp-content/themes/knb-service/dist/./images/mulish-v12-latin-regular.svg) format("svg"); } @font-face { font-family: 'Sarabun'; font-style: normal; font-weight: 300; font-display: swap; src: url(//knbservice.com/wp-content/themes/knb-service/dist/./fonts/sarabun-v13-latin-300.eot); src: local(""), url(//knbservice.com/wp-content/themes/knb-service/dist/./fonts/sarabun-v13-latin-300.eot?#iefix) format("embedded-opentype"), url(//knbservice.com/wp-content/themes/knb-service/dist/./fonts/sarabun-v13-latin-300.woff2) format("woff2"), url(//knbservice.com/wp-content/themes/knb-service/dist/./fonts/sarabun-v13-latin-300.woff) format("woff"), url(//knbservice.com/wp-content/themes/knb-service/dist/./fonts/sarabun-v13-latin-300.ttf) format("truetype"), url(//knbservice.com/wp-content/themes/knb-service/dist/./images/sarabun-v13-latin-300.svg) format("svg"); } @font-face { font-family: 'Sarabun'; font-style: normal; font-weight: 400; font-display: swap; src: url(//knbservice.com/wp-content/themes/knb-service/dist/./fonts/sarabun-v13-latin-regular.eot); src: local(""), url(//knbservice.com/wp-content/themes/knb-service/dist/./fonts/sarabun-v13-latin-regular.eot?#iefix) format("embedded-opentype"), url(//knbservice.com/wp-content/themes/knb-service/dist/./fonts/sarabun-v13-latin-regular.woff2) format("woff2"), url(//knbservice.com/wp-content/themes/knb-service/dist/./fonts/sarabun-v13-latin-regular.woff) format("woff"), url(//knbservice.com/wp-content/themes/knb-service/dist/./fonts/sarabun-v13-latin-regular.ttf) format("truetype"), url(//knbservice.com/wp-content/themes/knb-service/dist/./images/sarabun-v13-latin-regular.svg) format("svg"); } h1, h2, h3, h4, h5 { letter-spacing: -1px; font-family: "Oxanium", sans-serif; } h1 { font-size: 42px; } h2 { font-size: 36px; line-height: 45px; } h3 { font-size: 30px; line-height: 38px; } h4 { font-size: 24px; line-height: 30px; } h5 { font-size: 18px; } .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .widget { margin: 0 0 1.5em; } .widget > select { max-width: 100%; } .sticky { display: block; } .hentry { margin: 0 0 1.5em; } .byline, .updated:not(.published) { display: none; } .single > .byline, .group-blog > .byline { display: inline; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } .comment-content > a { word-wrap: break-word; } .bypostauthor { display: block; } .page-content > .wp-smiley, .entry-content > .wp-smiley, .comment-content > .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } embed, iframe, object { max-width: 100%; } .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption > img[class*='wp-image-'] { display: block; margin-left: auto; margin-right: auto; } .wp-caption-text { text-align: center; } .wp-caption > .wp-caption-text { margin: .875em 0; } .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 > .gallery-item { max-width: 50%; } .gallery-columns-3 > .gallery-item { max-width: 33.33%; } .gallery-columns-4 > .gallery-item { max-width: 25%; } .gallery-columns-5 > .gallery-item { max-width: 20%; } .gallery-columns-6 > .gallery-item { max-width: 16.66%; } .gallery-columns-7 > .gallery-item { max-width: 14.28%; } .gallery-columns-8 > .gallery-item { max-width: 12.5%; } .gallery-columns-9 > .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } .logotype-link { display: inline-block; padding: 23px 20px; background-color: #fff; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } @media screen and (min-width: 1280px) { .logotype-link { padding: 35px 30px; } } .logotype-link img { max-width: 94px; } @media screen and (min-width: 1280px) { .logotype-link img { max-width: 143px; } } .logotype-link.is-sticky { padding: 20px 17px; } .logotype-link.is-sticky img { max-width: 81px; } .hamburger { padding: 0 0; display: inline-block; cursor: pointer; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 1; } .hamburger.is-active:hover { opacity: 1; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #fff; } .hamburger-box { width: 26px; height: 26px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 26px; height: 4px; background-color: #fff; border-radius: 0; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -11px; } .hamburger-inner::after { bottom: -11px; } .hamburger--squeeze .hamburger-inner { -webkit-transition-duration: 0.075s; transition-duration: 0.075s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze .hamburger-inner::before { -webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease; transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .hamburger--squeeze .hamburger-inner::after { -webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze.is-active .hamburger-inner { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } .hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger-inner { background-color: #fff; } .hamburger { outline: none; padding: 15px 20px; background-color: #000319; } @media screen and (min-width: 1280px) { .hamburger { display: none; } } .hamburger.is-active .hamburger-inner { background-color: transparent; } .hamburger.is-active .hamburger-inner:before { opacity: 1; } .main-nav { position: absolute; width: 100vw; top: 56px; left: 0; z-index: 8; height: calc(100vh - 56px); display: none; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } @media screen and (min-width: 1280px) { .main-nav { left: unset; top: unset; width: auto; height: unset; position: relative; background-color: unset; display: block; } } .main-nav.is-show { top: 56px; display: block; overflow: auto; -webkit-backdrop-filter: blur(12.5px); backdrop-filter: blur(12.5px); } .main-nav .main-nav__wrap { padding-left: 20px; padding-right: 20px; padding-bottom: 54px; background: rgba(255, 255, 255, 0.81); } @media screen and (min-width: 1280px) { .main-nav .main-nav__wrap { padding: 0; background: transparent; } } .main-nav .main-nav__wrap .btn { display: inline-block; } @media screen and (min-width: 1280px) { .main-nav .main-nav__wrap .btn { display: none; } } .main-nav .main-nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 86px 0 30px; margin: 0; gap: calc(0.01408 * 100vw + 19.71831px); } @media screen and (min-width: 1280px) { .main-nav .main-nav__list { height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 0; } } @media screen and (min-width: 1440px) { .main-nav .main-nav__list { gap: 40px; } } .main-nav .main-nav__list .menu-item { padding: 0; position: relative; } .main-nav .main-nav__list .menu-item:before { display: none; } .main-nav .main-nav__list a { font-weight: 600; font-size: 20px; line-height: 25px; font-family: "Oxanium", sans-serif; text-transform: uppercase; position: relative; color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 1280px) { .main-nav .main-nav__list a { font-size: 16px; line-height: 20px; } } .main-nav .main-nav__list a:hover { cursor: pointer; color: #0006f0; } @media screen and (min-width: 1280px) { .main-nav .main-nav__list a:hover { color: initial; } } .main-nav .main-nav__list .current-page-ancestor a { color: #0006f0; } @media screen and (min-width: 1280px) { .main-nav .main-nav__list .current-page-ancestor a { color: initial; } } .main-nav .menu-slide-bg { top: -26px; content: ''; height: 72px; z-index: -1; display: none; position: absolute; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background-color: #fff; } @media screen and (min-width: 1280px) { .main-nav .menu-slide-bg { display: block; } } .main-nav .menu-slide-bg:before { top: 0; height: 4px; content: ''; width: 100%; position: absolute; background-color: #0006f0; } input[type='text'], input[type='email'], input[type='tel'], input[type='url'], input[type='search'], input[type='password'], textarea, select { font-family: inherit; width: 100%; max-width: 100%; background: none; outline: 0 none; border: 1px solid #dedede; padding: 0 16px; color: #333; background-color: #fff; margin-top: 8px; margin-bottom: 12px; } .form-col { margin-top: 24px; } @media screen and (min-width: 1280px) { .form-col { padding-left: 122px; } } .form-col input, .form-col textarea { border: none; padding: 16px 0; margin: 0 0 34px; font-weight: 400; font-size: 16px; line-height: 24px; color: #7b7b7b; max-height: 100px; font-family: "Sarabun", Helvetica, Arial, sans-serif; background-color: transparent; border-bottom: 1px solid #d7dde1; } .form-col textarea { margin-bottom: 40px; min-width: 100%; min-height: 100%; } .form-col input[type=submit] { margin: 0; border: none; padding: 19px 58px 17px 30px; text-transform: uppercase; font-weight: 600; font-size: 14px; line-height: 1; font-family: "Oxanium", sans-serif; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: #000; background-color: rgba(255, 255, 255, 0.4); -webkit-box-shadow: inset 0 -4px 0 #0006f0; box-shadow: inset 0 -4px 0 #0006f0; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-image: url(//knbservice.com/wp-content/themes/knb-service/dist/./images/plus.svg); background-repeat: no-repeat; background-position: 70% center; background-size: 9px; } .form-col input[type=submit]:hover { color: #fff; background-color: #0006f0; background-image: url(//knbservice.com/wp-content/themes/knb-service/dist/./images/plus-white.svg); -webkit-box-shadow: unset; box-shadow: unset; cursor: pointer; } .btn { display: inline-block; vertical-align: middle; background: none; outline: none; border: none; border-radius: 0; padding: 19px 16px 17px; text-transform: uppercase; font-weight: 600; font-size: 14px; line-height: 1; position: relative; font-family: "Oxanium", sans-serif; } @media screen and (min-width: 1440px) { .btn { padding: 19px 20px 17px; font-size: 14px; } } @media screen and (min-width: 1440px) and (min-width: 1440px) { .btn { font-size: calc(0.00417 * 100vw + 8px); } } @media screen and (min-width: 1440px) and (min-width: 1920px) { .btn { font-size: 16px; } } .btn:after { content: ''; height: 4px; width: 100%; position: absolute; bottom: 0; top: auto; left: 0; z-index: -1; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background-color: #0006f0; } .btn:hover { cursor: pointer; color: #0006f0; } .btn:hover path { fill: #0006f0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .btn:hover:after { height: 100%; } .btn i { width: 8px; height: 8px; margin-left: 8px; display: inline-block; -webkit-transform: translateY(-1px); transform: translateY(-1px); } .btn i svg { width: 8px; height: 8px; } .btn--cta { color: #fff; background: rgba(255, 255, 255, 0.21); font-size: 14px; } .btn--cta path { fill: #fff; } .btn--cta:after { content: ''; height: 4px; width: 100%; position: absolute; bottom: 0; top: auto; left: 0; z-index: -1; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background-color: #fff; } .btn--cta:hover { background: rgba(255, 255, 255, 0.21); } .btn--cta:hover:after { height: 100%; } .btn--light { color: #000; background: #eff3f6; } .btn--light path { fill: #000; } .btn--light:hover { color: #fff; background: #eff3f6; } .btn--light:hover path { fill: #fff; } .btn--white { color: #000; background: #fff; } .btn--white path { fill: #000; } .btn--white:hover { color: #fff; } .btn--white:hover:after { height: 100%; } .btn--white:hover path { fill: #fff; } .btn--transparency { color: #fff; background: rgba(255, 255, 255, 0.21); } .btn--transparency:after { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background-color: #fff; } .btn--transparency path { fill: #fff; } .btn--opacity { color: #000; background: none; } .btn--opacity path { fill: #000; } .btn--opacity:hover { color: #fff; background: none; } .btn--opacity:hover path { fill: #fff; } .btn--hyperlink { max-height: 40px; color: #fff; padding: 13px 24px; background-color: #0006f0; -webkit-box-shadow: inset 0 -4px 0 rgba(255, 255, 255, 0.51); box-shadow: inset 0 -4px 0 rgba(255, 255, 255, 0.51); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .btn--hyperlink:hover { color: #fff; background-color: #0006f0; -webkit-box-shadow: unset; box-shadow: unset; } .btn--email { font-weight: 600; font-size: 20px; line-height: 26px; text-transform: unset; font-family: "Sarabun", Helvetica, Arial, sans-serif; background: none; } .btn--email i, .btn--email i svg { width: 14px; height: 11px; -webkit-transform: unset; transform: unset; } .cta-button { display: none; } @media screen and (min-width: 1280px) { .cta-button { display: initial; } } .title { font-family: "Oxanium", sans-serif; letter-spacing: -1px; text-transform: uppercase; margin: 0; color: #000; } .title p { margin: 0; } .title--xl { font-weight: 700; letter-spacing: -1px; font-size: 46px; line-height: 56px; } @media (min-width: 375px) { .title--xl { font-size: calc(0.0169 * 100vw + 39.66197px); } } @media (min-width: 1440px) { .title--xl { font-size: 64px; } } @media (min-width: 375px) { .title--xl { line-height: calc(0.02254 * 100vw + 47.5493px); } } @media (min-width: 1440px) { .title--xl { line-height: 80px; } } .title--blog { font-weight: 700; letter-spacing: -1px; font-size: 46px; line-height: 58px; } @media (min-width: 375px) { .title--blog { font-size: calc(0.00188 * 100vw + 45.29577px); } } @media (min-width: 1440px) { .title--blog { font-size: 48px; } } @media (min-width: 375px) { .title--blog { line-height: calc(0.00188 * 100vw + 57.29577px); } } @media (min-width: 1440px) { .title--blog { line-height: 60px; } } .title--l { font-weight: 700; letter-spacing: -1px; font-size: 32px; line-height: 40px; } @media (min-width: 375px) { .title--l { font-size: calc(0.02066 * 100vw + 24.25352px); } } @media (min-width: 1440px) { .title--l { font-size: 54px; } } @media (min-width: 375px) { .title--l { line-height: calc(0.02254 * 100vw + 31.5493px); } } @media (min-width: 1440px) { .title--l { line-height: 64px; } } @media screen and (min-width: 1440px) { .title--l { font-size: 54px; line-height: 64px; } } @media screen and (min-width: 1440px) and (min-width: 1440px) { .title--l { font-size: calc(0.00833 * 100vw + 42px); } } @media screen and (min-width: 1440px) and (min-width: 1920px) { .title--l { font-size: 58px; } } @media screen and (min-width: 1440px) and (min-width: 1440px) { .title--l { line-height: calc(0.00833 * 100vw + 52px); } } @media screen and (min-width: 1440px) and (min-width: 1920px) { .title--l { line-height: 68px; } } .title--m { font-weight: 600; letter-spacing: unset; font-size: 28px; line-height: 36px; } @media (min-width: 375px) { .title--m { font-size: calc(0.00751 * 100vw + 25.1831px); } } @media (min-width: 1440px) { .title--m { font-size: 36px; } } @media (min-width: 375px) { .title--m { line-height: calc(0.01878 * 100vw + 28.95775px); } } @media (min-width: 1440px) { .title--m { line-height: 56px; } } @media screen and (min-width: 1440px) { .title--m { font-size: 36px; } } @media screen and (min-width: 1440px) and (min-width: 1440px) { .title--m { font-size: calc(0.00833 * 100vw + 24px); } } @media screen and (min-width: 1440px) and (min-width: 1920px) { .title--m { font-size: 40px; } } .title--hm { font-weight: 600; letter-spacing: unset; font-size: 28px; line-height: 36px; } @media (min-width: 375px) { .title--hm { font-size: calc(0.00751 * 100vw + 25.1831px); } } @media (min-width: 1440px) { .title--hm { font-size: 36px; } } @media (min-width: 375px) { .title--hm { line-height: calc(0 * 100vw + 36px); } } @media (min-width: 1440px) { .title--hm { line-height: 36px; } } @media screen and (min-width: 1440px) { .title--hm { font-size: 36px; line-height: 36px; } } @media screen and (min-width: 1440px) and (min-width: 1440px) { .title--hm { font-size: calc(0.00833 * 100vw + 24px); } } @media screen and (min-width: 1440px) and (min-width: 1920px) { .title--hm { font-size: 40px; } } @media screen and (min-width: 1440px) and (min-width: 1440px) { .title--hm { line-height: calc(0.025 * 100vw + 0px); } } @media screen and (min-width: 1440px) and (min-width: 1920px) { .title--hm { line-height: 48px; } } .title--s { font-weight: 700; font-size: 24px; line-height: 30px; font-family: "Oxanium", sans-serif; } .title--xs { font-weight: 600; font-size: 18px; line-height: 28px; letter-spacing: unset; } .title--overtext { font-family: "Mulish", sans-serif; font-weight: 600; font-size: 14px; line-height: 18px; color: #0006f0; letter-spacing: unset; margin-bottom: calc(0.00939 * 100vw + 6.47887px); } @media screen and (min-width: 1440px) { .title--overtext { font-size: 14px; line-height: 18px; } } @media screen and (min-width: 1440px) and (min-width: 1440px) { .title--overtext { font-size: calc(0.00417 * 100vw + 8px); } } @media screen and (min-width: 1440px) and (min-width: 1920px) { .title--overtext { font-size: 16px; } } @media screen and (min-width: 1440px) and (min-width: 1440px) { .title--overtext { line-height: calc(0.00417 * 100vw + 12px); } } @media screen and (min-width: 1440px) and (min-width: 1920px) { .title--overtext { line-height: 20px; } } .breadcrumb { font-weight: 400; font-size: 18px; line-height: 28px; color: #adadad; margin-top: 16px; } .breadcrumb .separator { width: 8px; height: 11px; margin: 0 16px; display: inline-block; background-size: 100% auto; background-repeat: no-repeat; background-image: url(//knbservice.com/wp-content/themes/knb-service/dist/./images/separator.svg); } .breadcrumb .breadcrumb-link { color: #fff; } .breadcrumb--post { color: #a1b1be; margin-top: 0; margin-bottom: 60px; } .breadcrumb--post .breadcrumb-link { color: #000; } .breadcrumb--post .separator { margin: 0 10px; background-image: url(//knbservice.com/wp-content/themes/knb-service/dist/./images/separator-black.svg); } .page-blog__filter-area { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 50px; } @media screen and (min-width: 992px) { .page-blog__filter-area { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .bl-filter__label { font-weight: 400; font-size: 16px; line-height: 24px; color: #000; } @media screen and (min-width: 992px) { .bl-filter__label { padding-right: 24px; } } .bl-filter__wrapper { position: relative; z-index: 5; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 992px) { .bl-filter__wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .bl-filter__wrapper.show .bl-filter__params-wrapper { opacity: 1; visibility: visible; } .bl-filter__title { font-family: "Sarabun", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; color: #7b7b7b; outline: none; background-color: #eff3f6; border: none; cursor: pointer; padding: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 10px; margin-bottom: 20px; } @media screen and (min-width: 992px) { .bl-filter__title { margin-top: 0; margin-bottom: 0; width: 324px; } } .bl-filter__title svg { margin-left: 6px; margin-top: 5px; } .bl-filter__params-wrapper { position: absolute; z-index: 10; width: 100%; padding: 25px 20px; -webkit-box-shadow: 0 4px 32px rgba(61, 61, 61, 0.15); box-shadow: 0 4px 32px rgba(61, 61, 61, 0.15); border-radius: 10px; background-color: #fff; overflow: hidden; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; top: 100px; } @media screen and (min-width: 1280px) { .bl-filter__params-wrapper { max-width: 324px; left: 159px; top: 60px; } } .bl-filter__params { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; overflow-y: scroll; scrollbar-color: #9dafbd rgba(157, 175, 189, 0.1) !important; scrollbar-width: thin !important; } .bl-filter__params.open { opacity: 1; visibility: visible; } .bl-filter__params::-webkit-scrollbar { width: 8px; height: 4px; background-color: rgba(157, 175, 189, 0.1); border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .bl-filter__params::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #9dafbd; } .bl-filter__params::-moz-scrollbar-thumb { border-radius: 10px; } .bl-filter__param { border: none; outline: none; font-weight: normal; font-size: 16px; line-height: 22px; letter-spacing: -.5px; color: #1e1444; text-align: left; cursor: pointer; background-color: transparent; border-radius: 6px; padding: 8px 30px 8px 15px; min-width: 197px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .bl-filter__param:hover { background-color: rgba(86, 105, 236, 0.15); } .search-form { position: relative; } @media screen and (min-width: 1280px) { .search-form { width: 386px; } } .search-form__submit { border: none; background: transparent; position: absolute; right: 15px; top: 50%; height: 20px; width: 20px; padding: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .search-form__submit svg path { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; stroke: #7b7b7b; } .search-form__submit:hover { cursor: pointer; } .search-form__submit:hover svg path { stroke: #0006f0; } .search-form input[type='search'] { margin: 0; padding: 16px; font-weight: 400; font-size: 16px; line-height: 24px; color: #7b7b7b; border: none; background-color: #eff3f6; } .post-nav { padding-top: 50px; padding-bottom: 76px; } @media screen and (min-width: 998px) { .post-nav { padding-bottom: calc(0.28054 * 100vw + -203.9819px); } } @media screen and (min-width: 1440px) { .post-nav { padding-bottom: 200px; } } @media screen and (min-width: 1280px) { .post-nav .page-container { width: 66.667vw; } } .post-nav .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .post-nav .nav-links .nav-previous .nav-arrow { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .post-nav .nav-links a { font-weight: 400; font-size: 18px; line-height: 28px; color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .post-nav .nav-links a .nav-arrow { width: 48px; height: 48px; display: inline-block; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: 10px 18px; background-image: url(//knbservice.com/wp-content/themes/knb-service/dist/./images/separator-black.svg); border-bottom: 4px solid #0006f0; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .post-nav .nav-links a:hover .nav-arrow { background-color: #0006f0; background-image: url(//knbservice.com/wp-content/themes/knb-service/dist/./images/separator.svg); } .post-nav .nav-text { margin: 0 20px; display: none; } @media screen and (min-width: 992px) { .post-nav .nav-text { display: inline-block; } } .page-header { position: absolute; z-index: 8; left: 0; top: 0; width: 100%; } .page-header .page-header__logo { top: 0; left: 0; z-index: 9; position: absolute; } @media screen and (min-width: 1280px) { .page-header .page-header__logo { top: -70px; } } .page-header .page-header__logo.hide { z-index: 1; } @media screen and (min-width: 1280px) { .page-header .page-header__logo.hide { z-index: 9; } } .page-header .page-header__bar { height: 56px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; z-index: 8; } @media screen and (min-width: 1280px) { .page-header .page-header__bar { height: 72px; padding-left: 243px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .page-header .page-header__search { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 26px; } .page-header .page-header__search .search-btn { width: 26px; height: 26px; border: none; outline: unset; padding: 0; background-color: transparent; } .page-header .page-header__search path { fill: #0006f0; } .page-header .page-header__search-input { top: 0; left: 0; width: 100vw; height: 100vh; z-index: 10; padding: 53px 20px; position: absolute; display: none; background: rgba(0, 0, 0, 0.51); -webkit-backdrop-filter: blur(12.5px); backdrop-filter: blur(12.5px); } @media screen and (min-width: 992px) { .page-header .page-header__search-input { padding: 0; width: 500px; height: 62px; left: auto; top: 72px; right: 0; } } .page-header .page-header__search-input.is-show { display: block; } .page-header .page-header__search-input form { position: relative; } .page-header .page-header__search-input input { margin: 0; height: 62px; padding-left: 64px; font-family: "Sarabun", Helvetica, Arial, sans-serif; background-image: url(//knbservice.com/wp-content/themes/knb-service/dist/./images/search.svg); background-position: 21px; background-size: 23px; background-repeat: no-repeat; } .page-header .page-header__search-input .close-search { position: absolute; top: 50%; right: 20px; height: 21px; width: 21px; z-index: 9; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .page-header .page-header__search-input .close-search svg { width: 100%; height: auto; } .page-header .page-header__search-input .close-search:hover { cursor: pointer; } .page-header > .company-data { display: none; } @media screen and (min-width: 1280px) { .page-header > .company-data { display: block; } } .company-data { background-color: rgba(0, 0, 0, 0.71); padding: 25px 25px 80px; height: 50vh; } @media screen and (min-width: 1280px) { .company-data { height: 70px; padding: 0; -webkit-backdrop-filter: blur(12.5px); backdrop-filter: blur(12.5px); } } .company-data.company-data-mobile { display: block; } @media screen and (min-width: 1280px) { .company-data.company-data-mobile { display: none; } } .company-data .header-container { padding-left: 20px; padding-right: 20px; } @media screen and (min-width: 1280px) { .company-data .header-container { padding-left: 263px; } } .company-data .company-data__flex { height: auto; gap: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 1280px) { .company-data .company-data__flex { gap: 0; height: 70px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media screen and (min-width: 1440px) { .company-data .company-data__flex { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .company-data .company-data__flex > .flex { margin-right: 4.5vw; } .company-data .company-data__flex > .flex:last-child { margin-right: 0; } } .company-data .day-time-icon { width: 19px; text-align: center; margin-right: 9px; } @media screen and (min-width: 1280px) { .company-data .day-time-icon { width: auto; text-align: left; } } .company-data .day-time, .company-data .location, .company-data .connect { font-weight: 400; font-size: 13px; line-height: 20px; color: #fff; opacity: .8; font-family: "Mulish", sans-serif; padding-left: 11px; border-left: 1px solid #727272; } .company-data .day-time a, .company-data .location a, .company-data .connect a { color: #fff; } .company-data .day-time { width: 300px; } .company-data .day-time__row { width: 50%; } .company-data .day { padding-right: 8px; } .page-hero { height: 460px; margin-bottom: 100px; } @media screen and (min-width: 992px) { .page-hero { margin-bottom: calc(0.11161 * 100vw + -10.71429px); } } @media screen and (min-width: 1440px) { .page-hero { margin-bottom: 150px; } } .page-hero__image img { bottom: 0; min-height: 100%; left: 50%; max-width: unset; position: absolute; top: auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: auto; min-width: 100%; } .page-hero__head, .page-hero__head-content { top: 0; left: 0; width: 100%; height: 100%; position: absolute; } .page-hero__title { max-width: 600px; } .page-hero__title * { color: #fff; } .page-hero__head-content { padding-top: 192px; } @media screen and (min-width: 992px) { .page-hero__head-content { padding-top: calc(0.0554 * 100vw + 171.22535px); } } @media screen and (min-width: 1440px) { .page-hero__head-content { padding-top: 251px; } } .page-hero__description { font-weight: 400; font-size: 18px; line-height: 28px; margin-top: 16px; max-width: 564px; color: #d1dbe3; font-family: "Mulish", sans-serif; } @media screen and (min-width: 992px) { .page-hero__description { margin-top: calc(0.00751 * 100vw + 13.1831px); } } @media screen and (min-width: 1440px) { .page-hero__description { margin-top: 24px; } } .page-hero--single { margin-bottom: 80px; height: calc(-0.01078 * 100vw + 560.68966px); } @media screen and (min-width: 992px) { .page-hero--single { height: 540px; margin-bottom: calc(0.15625 * 100vw + -75px); } } @media screen and (min-width: 1440px) { .page-hero--single { margin-bottom: 150px; } } .page-hero--about { margin-bottom: 100px; height: calc(0.04984 * 100vw + 554.31068px); } @media screen and (min-width: 992px) { .page-hero--about { margin-bottom: calc(0.06696 * 100vw + 53.57143px); height: 650px; } } @media screen and (min-width: 1440px) { .page-hero--about { margin-bottom: 120px; } } .page-hero--gallery { margin-bottom: 80px; } @media screen and (min-width: 992px) { .page-hero--gallery { margin-bottom: calc(-0.02817 * 100vw + 90.56338px); } } @media screen and (min-width: 1440px) { .page-hero--gallery { margin-bottom: 50px; } } .page-hero--blog { margin-bottom: 80px; background-color: #2f4998; } .page-hero--blog .page-hero__title { max-width: unset; } .page-hero--services { max-height: 460px; height: calc(0.05258 * 100vw + 384.28169px); } .page-hero--reviews, .page-hero--schedule, .page-hero--contact, .page-hero--faq { margin-bottom: 100px; background: radial-gradient(77% 77% at 23% 50%, #2f4998 0%, #182a51 100%); } @media screen and (min-width: 992px) { .page-hero--reviews, .page-hero--schedule, .page-hero--contact, .page-hero--faq { margin-bottom: calc(0.04695 * 100vw + 82.39437px); } } @media screen and (min-width: 1440px) { .page-hero--reviews, .page-hero--schedule, .page-hero--contact, .page-hero--faq { margin-bottom: 150px; } } @media screen and (min-width: 992px) { .page-hero--reviews .page-hero__image img, .page-hero--schedule .page-hero__image img, .page-hero--contact .page-hero__image img, .page-hero--faq .page-hero__image img { min-height: unset; } } .page-hero--reviews .page-hero__title, .page-hero--schedule .page-hero__title, .page-hero--contact .page-hero__title, .page-hero--faq .page-hero__title { max-width: unset; } .page-hero--schedule { margin-bottom: 100px; } .page-hero--contact, .page-hero--faq { max-height: 412px; } @media screen and (min-width: 1280px) { .page-hero--contact, .page-hero--faq { max-height: unset; } } .page-hero--post { height: 455px; margin-bottom: 0; position: relative; } @media screen and (min-width: 992px) { .page-hero--post { height: calc(0.25164 * 100vw + 360.6338px); max-height: 723px; } } @media screen and (min-width: 1280px) { .page-hero--post { top: 0; left: 0; width: 100%; position: absolute; } } .slider { margin-bottom: calc(0.01878 * 100vw + 92.95775px); } @media screen and (min-width: 1440px) { .slider { margin-bottom: calc(0.0625 * 100vw + 30px); } } @media screen and (min-width: 1920px) { .slider { margin-bottom: 150px; } } .slider .slick-slide { outline: none; } .slider .slick-arrow { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 24px; height: 24px; padding: 0; background: none; border: none; cursor: pointer; } .slider .slick-dots { top: auto; left: 50px; bottom: 107px; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin: 0; padding: 0; list-style: none; z-index: 7; gap: 30px; } @media screen and (min-width: 1280px) { .slider .slick-dots { left: 120px; bottom: 44px; } } @media screen and (min-width: 1440px) { .slider .slick-dots { left: 8.75vw; } } .slider .slick-dots li { padding: 0; } .slider .slick-dots li button { display: block; font-weight: 600; font-size: 16px; line-height: 28px; font-family: "Oxanium", sans-serif; letter-spacing: -1px; text-transform: uppercase; color: #fff; background-color: transparent; padding: 0; border: none; border-radius: 0; cursor: pointer; opacity: .5; } .slider .slick-dots li button:before { content: '0'; } .slider .slick-dots li:nth-child(n + 10):before { content: none; } .slider .slick-dots li.slick-active button { font-size: 24px; line-height: 32px; opacity: 1; } .slider-wrap { position: relative; padding: 142px 20px 60px; } @media screen and (min-width: 1280px) { .slider-wrap { padding: 142px 0 0; } } .slider-wrap .slider-image { top: 0; left: 0; z-index: 5; position: absolute; width: 100%; height: 100%; } .slider-wrap .slider-image img { width: 100%; height: auto; min-height: 100%; } .slider-wrap .slider-content { z-index: 7; position: relative; padding: 50px 30px 130px; width: 100%; height: calc(100% - 86px - 60px); background: rgba(0, 0, 0, 0.27); -webkit-backdrop-filter: blur(12.5px); backdrop-filter: blur(12.5px); font-family: "Oxanium", sans-serif; color: #fff; } @media screen and (min-width: 1280px) { .slider-wrap .slider-content { max-width: 50%; padding: 136px 43px 185px 120px; } } @media screen and (min-width: 1440px) { .slider-wrap .slider-content { padding-right: calc(0.23333 * 100vw + -293px); padding-left: 8.333vw; } } @media screen and (min-width: 1441px) { .slider-wrap .slider-content { padding-bottom: calc(0.27766 * 100vw + -215.11065px); } } @media screen and (min-width: 1920px) { .slider-wrap .slider-content { padding-bottom: 318px; } } .slider-wrap .slider-content p { margin: 0; } .slider-wrap .slider-content__title { font-weight: 700; font-size: 46px; line-height: 58px; letter-spacing: -1px; text-transform: uppercase; margin-bottom: 16px; } @media (min-width: 375px) { .slider-wrap .slider-content__title { font-size: calc(0.01127 * 100vw + 41.77465px); } } @media (min-width: 1440px) { .slider-wrap .slider-content__title { font-size: 58px; } } @media (min-width: 375px) { .slider-wrap .slider-content__title { line-height: calc(0.00939 * 100vw + 54.47887px); } } @media (min-width: 1440px) { .slider-wrap .slider-content__title { line-height: 68px; } } @media screen and (min-width: 1280px) { .slider-wrap .slider-content__title { margin-bottom: 24px; } } @media screen and (min-width: 1440px) { .slider-wrap .slider-content__title { font-size: 58px; line-height: 68px; } } @media screen and (min-width: 1440px) and (min-width: 1440px) { .slider-wrap .slider-content__title { font-size: calc(0.01458 * 100vw + 37px); } } @media screen and (min-width: 1440px) and (min-width: 1920px) { .slider-wrap .slider-content__title { font-size: 65px; } } @media screen and (min-width: 1440px) and (min-width: 1440px) { .slider-wrap .slider-content__title { line-height: calc(0.025 * 100vw + 32px); } } @media screen and (min-width: 1440px) and (min-width: 1920px) { .slider-wrap .slider-content__title { line-height: 80px; } } .slider-wrap .slider-content__description { font-weight: 400; font-size: 18px; line-height: 28px; font-family: "Mulish", sans-serif; color: #d1dbe3; margin-bottom: 40px; } @media screen and (min-width: 1280px) { .slider-wrap .slider-content__description { margin-bottom: 50px; } } @media screen and (min-width: 1440px) { .slider-wrap .slider-content__description { font-size: 18px; line-height: 28px; } } @media screen and (min-width: 1440px) and (min-width: 1440px) { .slider-wrap .slider-content__description { font-size: calc(0.00833 * 100vw + 6px); } } @media screen and (min-width: 1440px) and (min-width: 1920px) { .slider-wrap .slider-content__description { font-size: 22px; } } @media screen and (min-width: 1440px) and (min-width: 1440px) { .slider-wrap .slider-content__description { line-height: calc(0.00417 * 100vw + 22px); } } @media screen and (min-width: 1440px) and (min-width: 1920px) { .slider-wrap .slider-content__description { line-height: 30px; } } .two-col .flex { margin-bottom: 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 1280px) { .two-col .flex { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .two-col .flex__margin { margin-top: calc(0.0939 * 100vw + 64.78873px); margin-bottom: calc(0.03474 * 100vw + 16.97183px); } @media screen and (min-width: 1440px) { .two-col .flex__margin { margin-top: 200px; margin-bottom: 37px; } } .two-col .flex-schedule { color: #000; } .two-col .flex-schedule .two-col__text--size { margin-top: 16px; font-weight: 300; font-size: 20px; line-height: 28px; } @media screen and (min-width: 992px) { .two-col .flex-schedule .two-col__text--size { margin-top: calc(0.01786 * 100vw + -1.71429px); } } @media screen and (min-width: 1440px) { .two-col .flex-schedule .two-col__text--size { margin-top: 24px; } } .two-col__overtext { margin-bottom: calc(0.00939 * 100vw + 6.47887px); } @media screen and (min-width: 1280px) { .two-col__overtext { width: 100%; } } @media screen and (min-width: 1280px) { .two-col__l, .two-col__r { width: 50%; } } @media screen and (min-width: 1440px) { .two-col__l img { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; } } @media screen and (min-width: 1640px) { .two-col__l img { margin: auto; } } .two-col__title { margin-bottom: 16px; } @media screen and (min-width: 1440px) { .two-col__title { margin-right: 60px; margin-bottom: 0; } } .two-col__text { font-weight: 300; font-size: 20px; line-height: 28px; color: #000; } @media screen and (min-width: 1440px) { .two-col__text { font-size: 20px; line-height: 28px; } } @media screen and (min-width: 1440px) and (min-width: 1440px) { .two-col__text { font-size: calc(0.00417 * 100vw + 14px); } } @media screen and (min-width: 1440px) and (min-width: 1920px) { .two-col__text { font-size: 22px; } } @media screen and (min-width: 1440px) and (min-width: 1440px) { .two-col__text { line-height: calc(0.00833 * 100vw + 16px); } } @media screen and (min-width: 1440px) and (min-width: 1920px) { .two-col__text { line-height: 32px; } } .two-col__text--size { font-weight: 400; font-size: 18px; line-height: 28px; margin-top: 16px; } @media screen and (min-width: 1440px) { .two-col__text--size { font-size: 18px; line-height: 28px; max-width: 655px; } } @media screen and (min-width: 1440px) and (min-width: 1440px) { .two-col__text--size { font-size: calc(0.00417 * 100vw + 12px); } } @media screen and (min-width: 1440px) and (min-width: 1920px) { .two-col__text--size { font-size: 20px; } } @media screen and (min-width: 1440px) and (min-width: 1440px) { .two-col__text--size { line-height: calc(0.00417 * 100vw + 22px); } } @media screen and (min-width: 1440px) and (min-width: 1920px) { .two-col__text--size { line-height: 30px; } } .services-section { margin-bottom: 217px; } @media screen and (min-width: 992px) { .services-section { margin-bottom: 0; } } .services-slider .services-slider__item { padding: 52px 30px 60px; background-color: #eff3f6; } @media screen and (min-width: 992px) { .services-slider .services-slider__item { padding: 90px 102px 160px; } } .services-slider .services-slider__item img { margin: auto; } @media screen and (min-width: 992px) { .services-slider .services-slider__item img { margin-left: 0; } } .services-slider .flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 992px) { .services-slider .flex { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .services-slider .services-slider__item-image, .services-slider .services-slider__item-content { width: 100%; } @media screen and (min-width: 992px) { .services-slider .services-slider__item-image, .services-slider .services-slider__item-content { width: 50%; } } .services-slider .services-slider__item-image { margin-bottom: 40px; } @media screen and (min-width: 992px) { .services-slider .services-slider__item-image { margin-bottom: 0; } } @media screen and (min-width: 1441px) { .services-slider .services-slider__item-image img { margin: auto; } } .services-slider .services-slider__item-content .title { margin-bottom: 16px; } @media screen and (min-width: 992px) { .services-slider .services-slider__item-content .title { margin-bottom: 32px; } } .services-slider .services-slider__item-content .description { color: #7b7b7b; font-weight: 400; font-size: 18px; line-height: 28px; font-family: "Sarabun", Helvetica, Arial, sans-serif; } @media screen and (min-width: 1440px) { .services-slider .services-slider__item-content .description { font-size: 18px; line-height: 28px; } } @media screen and (min-width: 1440px) and (min-width: 1440px) { .services-slider .services-slider__item-content .description { font-size: calc(0.00417 * 100vw + 12px); } } @media screen and (min-width: 1440px) and (min-width: 1920px) { .services-slider .services-slider__item-content .description { font-size: 20px; } } @media screen and (min-width: 1440px) and (min-width: 1440px) { .services-slider .services-slider__item-content .description { line-height: calc(0.00417 * 100vw + 22px); } } @media screen and (min-width: 1440px) and (min-width: 1920px) { .services-slider .services-slider__item-content .description { line-height: 30px; } } .services-slider .services-slider__item-btn { margin-top: 40px; } .slider-nav-thumbnails { margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; top: auto; bottom: auto; } @media screen and (min-width: 992px) { .slider-nav-thumbnails { bottom: -95px; } } .slider-nav-thumbnails .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 20px; } @media screen and (min-width: 992px) { .slider-nav-thumbnails .slick-track { max-width: 995px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } } .slider-nav-thumbnails__item { background: rgba(255, 255, 255, 0.76); -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.042); box-shadow: 0 10px 15px rgba(0, 0, 0, 0.042); -webkit-backdrop-filter: blur(12.5px); backdrop-filter: blur(12.5px); padding-bottom: 22px; height: 100%; } .slider-nav-thumbnails__item::after { height: 73px; width: 1px; background-color: #d8dde1; content: ''; display: block; position: absolute; left: auto; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .slider-nav-thumbnails__item:last-child::after { display: none; } @media screen and (min-width: 992px) { .slider-nav-thumbnails__item { max-width: 165px; } } @media screen and (min-width: 1440px) { .slider-nav-thumbnails__item { max-width: 182px; } } .slider-nav-thumbnails__item:hover { cursor: pointer; } .slider-nav-thumbnails__item.slick-current.slick-active:before { width: 100%; height: 4px; top: 0; left: 0; content: ''; position: absolute; background-color: #0006f0; } .slider-nav-thumbnails__image { max-height: 105px; max-width: 115px; margin: auto; } .slider-nav-thumbnails__image img { height: 105px; width: auto; margin: auto; } .slider-nav-thumbnails__title { font-weight: 600; font-size: 12px; line-height: 15px; text-align: center; text-transform: uppercase; font-family: "Oxanium", sans-serif; color: #000; max-width: 111px; margin: 5px auto 0; } @media screen and (min-width: 1440px) { .slider-nav-thumbnails__title { max-width: 130px; font-size: 12px; line-height: 15px; } } @media screen and (min-width: 1440px) and (min-width: 1440px) { .slider-nav-thumbnails__title { font-size: calc(0.00417 * 100vw + 6px); } } @media screen and (min-width: 1440px) and (min-width: 1920px) { .slider-nav-thumbnails__title { font-size: 14px; } } @media screen and (min-width: 1440px) and (min-width: 1440px) { .slider-nav-thumbnails__title { line-height: calc(0.00625 * 100vw + 6px); } } @media screen and (min-width: 1440px) and (min-width: 1920px) { .slider-nav-thumbnails__title { line-height: 18px; } } .all-services__btn { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: auto; margin-right: auto; } .service-list { margin-top: 100px; } .service-item { margin-bottom: 100px; } @media screen and (min-width: 768px) { .service-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; margin-bottom: calc(0.0744 * 100vw + 42.85714px); } } @media screen and (min-width: 1440px) { .service-item { margin-bottom: 150px; } } .service-item:last-child { margin-bottom: 0; } .service-item__overtitle { margin-left: 0; margin-bottom: 10px; } @media screen and (min-width: 768px) { .service-item__overtitle { margin-left: 55%; margin-top: 15px; } } @media screen and (min-width: 992px) { .service-item__overtitle { margin-left: 50%; } } .service-item__title { margin: 0; color: #000; font-weight: 600; font-family: "Oxanium", sans-serif; font-size: 26px; line-height: 32px; } @media (min-width: 375px) { .service-item__title { font-size: calc(0.00563 * 100vw + 23.88732px); } } @media (min-width: 1440px) { .service-item__title { font-size: 32px; } } @media (min-width: 375px) { .service-item__title { line-height: calc(0.00751 * 100vw + 29.1831px); } } @media (min-width: 1440px) { .service-item__title { line-height: 40px; } } @media screen and (min-width: 768px) { .service-item__title { margin-left: 55%; } } @media screen and (min-width: 992px) { .service-item__title { margin-left: 50%; } } .service-item__title a { color: #000; text-decoration: none; } .service-item__excerpt { margin-top: 24px; } @media screen and (min-width: 768px) { .service-item__excerpt { margin-left: 55%; margin-bottom: 40px; margin-top: calc(0.00595 * 100vw + 19.42857px); max-width: 50%; } } @media screen and (min-width: 992px) { .service-item__excerpt { margin-left: 50%; } } @media screen and (min-width: 1440px) { .service-item__excerpt { margin-top: 28px; } } @media screen and (min-width: 768px) { .service-item__btn { margin-left: 55%; } } @media screen and (min-width: 992px) { .service-item__btn { margin-left: 50%; } } .service-item__image { margin: 40px 0; position: relative; } @media screen and (min-width: 768px) { .service-item__image { margin: 0; left: 0; top: 0; position: absolute; } } .service-item__image:after { top: 0; left: 0; height: 100%; width: 80%; content: ''; z-index: 1; position: absolute; background-color: #eff3f6; } .service-item__image img { z-index: 5; width: auto; max-height: 236px; margin-left: auto; margin-right: 0; position: relative; } @media screen and (min-width: 640px) { .service-item__image img { max-width: 35vw; max-height: unset; } } @media screen and (min-width: 768px) { .service-item__image img { margin-left: 102px; margin-right: 0; } } @media screen and (min-width: 1025px) { .service-item__image img { max-width: unset; } } .all-services { padding-top: 60px; padding-bottom: 60px; position: relative; margin-top: 100px; } @media screen and (min-width: 1280px) { .all-services { padding-top: calc(0.1875 * 100vw + -180px); padding-bottom: calc(0.1875 * 100vw + -180px); margin-top: calc(0.3125 * 100vw + -300px); } } @media screen and (min-width: 1440px) { .all-services { padding-top: 90px; padding-bottom: 90px; margin-top: 150px; } } .all-services .page-container { z-index: 6; position: relative; } .all-services__title { color: #fff; } .all-services__image, .all-services__overlay { top: 0; left: 0; width: 100%; height: 100%; position: absolute; overflow: hidden; } .all-services__overlay { z-index: 5; background: rgba(0, 0, 0, 0.87); } .all-services__image img { width: 100%; height: auto; min-height: 100%; max-width: unset; } .all-services .flex { gap: 20px; margin-top: 16px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } @media screen and (min-width: 992px) { .all-services .flex { gap: 50px; margin-top: 50px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .all-services ul { margin: 0; padding: 30px 10px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 13px; list-style: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: unset; background: rgba(255, 255, 255, 0.09); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } @media screen and (min-width: 992px) { .all-services ul { padding: 30px; width: calc(100% / 3); background-color: unset; -webkit-backdrop-filter: unset; backdrop-filter: unset; } } .all-services li { font-weight: 400; font-size: 16px; line-height: 24px; padding-left: 18px; position: relative; color: #d8d8d8; } .all-services li:before { width: 7px; height: 7px; content: ''; left: 0; top: 10px; display: block; position: absolute; background-color: #0006f0; } .all-services li a { color: #d8d8d8; text-decoration: none; } .all-services .all-services__bg { display: none; } @media screen and (min-width: 992px) { .all-services .all-services__bg { top: 0; left: 0; height: 100%; width: calc(100% / 3 - 26px); position: absolute; z-index: -1; display: block; background: rgba(255, 255, 255, 0.09); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } } .service-page .page-hero--single .page-container { padding: 0 50px; } @media screen and (min-width: 1280px) { .service-page .page-hero--single .page-container { padding: 0 20px; } } .service-page__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 992px) { .service-page__wrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .service-page__sidebar { width: 100%; } @media screen and (min-width: 992px) { .service-page__sidebar { max-width: 285px; } } .service-page__content { width: 100%; } @media screen and (min-width: 992px) { .service-page__content { width: calc(100% - 285px - 20px); } } .service-page__text { margin-top: 16px; } @media screen and (min-width: 992px) { .service-page__text { margin-top: calc(0.03571 * 100vw + -19.42857px); } } @media screen and (min-width: 1440px) { .service-page__text { margin-top: 32px; } } .service-page__text img { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 14px auto; } .service-page__text h1, .service-page__text h2, .service-page__text h3, .service-page__text h4, .service-page__text h5 { color: #000; margin-bottom: 18px; } .service-page__text p { margin-bottom: 27px; } .service-page__text ul { margin: 24px 0 24px 24px; padding-left: 0; } .service-page__text ul li { padding-left: 18px; padding-bottom: 2px; position: relative; } .service-page__text ul li:before { width: 7px; height: 7px; content: ''; left: 0; top: 10px; display: block; position: absolute; background-color: #0006f0; } .service-page__text ul li:last-child { padding-bottom: 0; } .service-page__text ul li strong { color: #000; } .service-page__block { padding: 50px 30px; background: #eff3f6; font-family: "Oxanium", sans-serif; border-bottom: 3px solid #0006f0; -webkit-backdrop-filter: blur(7.5px); backdrop-filter: blur(7.5px); margin-bottom: 100px; } @media screen and (min-width: 1280px) { .service-page__block { margin-bottom: 0; } } .service-page__block .title { margin-bottom: 24px; } .service-page__block strong { color: #000; font-weight: 600; margin-bottom: 5px; font-size: 14px; line-height: 18px; text-transform: uppercase; } .service-page__block a { font-weight: 400; font-size: 16px; line-height: 24px; color: #7b7b7b; } .service-page__menu-list { margin: 14px 0 50px; padding: 0; list-style: none; } @media screen and (min-width: 992px) { .service-page__menu-list { margin-top: 24px; margin-bottom: 64px; } } .service-page__menu-list .menu-item { padding-left: 0; margin-bottom: 14px; } .service-page__menu-list .menu-item:before { display: none; } .service-page__menu-list .menu-item:last-child { margin-bottom: 0; } .service-page__menu-list a { padding: 9px 0 5px; font-weight: 500; font-size: 14px; line-height: 18px; letter-spacing: .5px; color: #7b7b7b; text-transform: uppercase; font-family: "Oxanium", sans-serif; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .service-page__menu-list a:hover { color: #000; cursor: pointer; -webkit-box-shadow: inset 0 -4px 0 #0006f0; box-shadow: inset 0 -4px 0 #0006f0; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .service-page__menu-list .current_page_item a { color: #000; -webkit-box-shadow: inset 0 -4px 0 #0006f0; box-shadow: inset 0 -4px 0 #0006f0; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .logos-section { margin-top: 30px; } @media screen and (min-width: 1280px) { .logos-section { margin-top: calc(0.1875 * 100vw + -210px); } } @media screen and (min-width: 1440px) { .logos-section { margin-top: calc(0.02083 * 100vw + 30px); } } @media screen and (min-width: 1920px) { .logos-section { margin-top: 70px; } } .logos-slider { overflow: hidden; } .logos-slider .slick-track { padding: 0 0 15px; } .logos-slider .slick-list { margin: 0 -10px; } .logos-slider__item { height: 123px; background: #fff; -webkit-box-shadow: 0 20px 25px rgba(0, 0, 0, 0.042); box-shadow: 0 20px 25px rgba(0, 0, 0, 0.042); -webkit-backdrop-filter: blur(12.5px); backdrop-filter: blur(12.5px); margin: 0 10px; position: relative; } .logos-slider__item img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .logos-slider__link:hover { cursor: pointer; } .logos-slider__item--partner_logos { background: #eff3f6; -webkit-box-shadow: unset; box-shadow: unset; -webkit-backdrop-filter: none; backdrop-filter: none; position: relative; margin: auto; } .logos-slider__item--partner_logos::after { display: block; content: ''; top: 0; left: 0; width: 1px; height: 100%; background-color: #d7dde1; } .logos-slider__item--partner_logos:first-child::after { display: none; } .logos-slider .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; margin: 0; } @media screen and (min-width: 1280px) { .logos-slider .slick-dots { margin: 20px 0 0; } } .logos-slider button { margin: 0 4px; border: none; background-color: #d7dde1; font-size: 0; width: 8px; height: 8px; border-radius: 8px; padding: 0; } .logos-slider .slick-active button { width: 12px; height: 12px; border-radius: 12px; background-color: #0006f0; } .chess-section { padding-top: calc(0.0939 * 100vw + 64.78873px); } @media screen and (min-width: 1440px) { .chess-section { padding-top: 200px; } } .chess-section > .flex { gap: calc(0.0939 * 100vw + 14.78873px); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 1440px) { .chess-section > .flex { gap: 150px; } } @media screen and (min-width: 1441px) { .chess-section .flex-even { margin-left: 8.75vw; } } @media screen and (min-width: 1441px) { .chess-section .flex-odd { margin-right: 8.75vw; } } .chess-section .chess-section__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 1280px) { .chess-section .chess-section__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .chess-section .chess-section__item:nth-child(odd) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 1280px) { .chess-section .chess-section__item:nth-child(odd) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .chess-section .chess-section__image { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } @media screen and (min-width: 1280px) { .chess-section .chess-section__image { width: 56.4%; } } .chess-section .chess-section__image-wrap { width: 100%; height: 342px; position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 1280px) { .chess-section .chess-section__image-wrap { height: 51.528vw; } } @media screen and (min-width: 1440px) { .chess-section .chess-section__image-wrap { max-height: 742px; } } .chess-section .chess-section__image-wrap img { top: 0; left: 50%; height: 100%; width: auto; display: block; position: absolute; max-width: inherit; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media screen and (min-width: 1280px) { .chess-section .chess-section__image-odd img { margin-left: auto; } } .chess-section .chess-section__content-overlay { width: 100%; height: 100%; position: absolute; display: block; background: rgba(255, 255, 255, 0.69); -webkit-box-shadow: 0 42px 34px rgba(0, 0, 0, 0.05), inset 0 -4px 0 rgba(255, 255, 255, 0.26); box-shadow: 0 42px 34px rgba(0, 0, 0, 0.05), inset 0 -4px 0 rgba(255, 255, 255, 0.26); -webkit-backdrop-filter: blur(12.5px); backdrop-filter: blur(12.5px); z-index: 1; left: 0; bottom: 0; } .chess-section .chess-section__content-body { position: relative; z-index: 2; } @media screen and (min-width: 1440px) { .chess-section .chess-section__content-body .title--overtext { margin-bottom: 18px; } } .chess-section .chess-section__content-body .text { font-size: 18px; line-height: 28px; margin-top: 16px; } @media screen and (min-width: 1280px) { .chess-section .chess-section__content-body .text { margin-top: calc(-0.075 * 100vw + 128px); font-size: 18px; line-height: 28px; } } @media screen and (min-width: 1280px) and (min-width: 1440px) { .chess-section .chess-section__content-body .text { font-size: calc(0.00417 * 100vw + 12px); } } @media screen and (min-width: 1280px) and (min-width: 1920px) { .chess-section .chess-section__content-body .text { font-size: 20px; } } @media screen and (min-width: 1280px) and (min-width: 1440px) { .chess-section .chess-section__content-body .text { line-height: calc(0.00417 * 100vw + 22px); } } @media screen and (min-width: 1280px) and (min-width: 1920px) { .chess-section .chess-section__content-body .text { line-height: 30px; } } @media screen and (min-width: 1440px) { .chess-section .chess-section__content-body .text { margin-top: 30px; } } .chess-section .chess-section__content-body ol, .chess-section .chess-section__content-body ul { margin-left: 20px; } .chess-section .chess-section__content-body li { padding-left: 18px; position: relative; margin-bottom: 13px; } .chess-section .chess-section__content-body li:last-child { margin-bottom: 0; } .chess-section .chess-section__content-body li:before { width: 7px; height: 7px; content: ''; left: 0; top: 10px; display: block; position: absolute; background-color: #0006f0; } @media screen and (min-width: 1441px) { .chess-section .chess-section__content-body li:before { top: 12px; } } .chess-section .chess-section__content { margin: -30px 20px 0; width: calc(100% - 40px); padding: 50px 30px; position: relative; } @media screen and (min-width: 1280px) { .chess-section .chess-section__content { margin: 0; width: calc(100% - 55.55% + 82px); padding-left: 120px; padding-bottom: 100px; padding-right: 120px; } } @media screen and (min-width: 1280px) { .chess-section .chess-section__content--schedule { padding-right: 100px; padding-bottom: 90px; margin-top: -250px; } } .chess-section .chess-section__content--schedule .chess-section__title { padding-right: 10px; } @media screen and (min-width: 1280px) { .chess-section .chess-section__content-even { margin-right: -82px; } } @media screen and (min-width: 1280px) { .chess-section .chess-section__content-odd { margin-left: -82px; } } .light-section { padding: 60px 0; background-color: #eff3f6; } @media screen and (max-width: 992px) { .light-section .two-col .page-container { padding: 0; } } .light-section .logos-slider .slick-dots { margin-top: 0; } @media screen and (min-width: 1280px) { .light-section .logos-slider .slick-dots { margin-top: 5px; } } .video-wrapper { max-width: 794px; width: 100%; height: 50.133vw; position: relative; margin: 40px auto 100px; -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (min-width: 992px) { .video-wrapper { width: 55.14vw; height: 31vw; margin-top: calc(0.00939 * 100vw + 36.47887px); margin-bottom: calc(0.0939 * 100vw + 64.78873px); } } @media screen and (min-width: 1440px) { .video-wrapper { max-height: 446px; margin-top: 50px; margin-bottom: 200px; } } .video-wrapper__overlay { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; z-index: 1; } .video-wrapper__overlay.playing { display: none; z-index: -1; } .video-wrapper__overlay:before { content: ''; position: absolute; background-image: url(//knbservice.com/wp-content/themes/knb-service/dist/./images/play.svg); background-repeat: no-repeat; background-size: 20px 15px; background-position: center; background-color: rgba(255, 255, 255, 0.21); width: 61px; height: 61px; top: 50%; left: 50%; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); border-bottom: 3px solid #fff; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } @media screen and (min-width: 992px) { .video-wrapper__overlay:before { width: 100px; height: 100px; background-size: 32px 24px; } } .video-wrapper__overlay:hover:before { background-color: rgba(255, 255, 255, 0.41); } .video-wrapper__iframe-wrap { width: 100%; height: 0; overflow: hidden; } .video-wrapper__iframe iframe, .video-wrapper__iframe { max-width: 100% !important; position: absolute; left: 50%; top: 50%; width: 100% !important; height: 100% !important; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 0; } .page-template-tpl_reviews .content { background-color: #eff3f6; } .reviews-section { padding-top: calc(0.0939 * 100vw + 64.78873px); padding-bottom: calc(0.0939 * 100vw + 14.78873px); } @media screen and (min-width: 1440px) { .reviews-section { padding: 200px 0 150px; } } .reviews-home { margin-top: 128px; margin-bottom: 0; margin-left: -10px; margin-right: -10px; } .reviews-home .slides { padding-top: 18px !important; } .reviews-home .slick-arrow { top: -116px; width: 48px; height: 48px; border: 0; left: 50%; -webkit-box-shadow: none; box-shadow: none; text-indent: -9999px; position: absolute; background-color: #f8fcff; } @media screen and (min-width: 768px) { .reviews-home .slick-arrow { left: auto; right: 10px; top: -190px; } } .reviews-home .slick-arrow.slick-prev { -webkit-transform: scaleX(-1) translateX(107%); transform: scaleX(-1) translateX(107%); } .reviews-home .slick-arrow:before { top: 50%; left: 50%; position: absolute; content: ''; width: 18px; height: 18px; z-index: 4; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-position: center; background-size: 10px auto; background-repeat: no-repeat; background-image: url(//knbservice.com/wp-content/themes/knb-service/dist/./images/separator-black.svg); } .reviews-home .slick-arrow:after { content: ''; height: 4px; width: 100%; position: absolute; bottom: 0; top: auto; left: 0; z-index: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background-color: #0006f0; } .reviews-home .slick-arrow:hover { cursor: pointer; color: #0006f0; } .reviews-home .slick-arrow:hover:before { background-image: url(//knbservice.com/wp-content/themes/knb-service/dist/./images/separator.svg); } .reviews-home .slick-arrow:hover:after { height: 100%; } .reviews-home .slick-list { padding-top: 18px; } .reviews-home .slick-slide { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 10px; margin-left: 10px; margin-bottom: 50px; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 67px 30px 60px !important; background: rgba(255, 255, 255, 0.78); border: 1px solid #f2f4f5; -webkit-box-shadow: 0 42px 34px rgba(0, 0, 0, 0.05); box-shadow: 0 42px 34px rgba(0, 0, 0, 0.05); -webkit-backdrop-filter: blur(12.5px); backdrop-filter: blur(12.5px); } @media screen and (min-width: 768px) { .reviews-home .slick-slide { padding: 67px 40px 60px !important; } } .reviews-home .testimonial-arrow-left { border: none; width: 40px; height: 35px; left: 0; top: -85px; display: block; position: absolute; background-repeat: no-repeat; background-image: url(//knbservice.com/wp-content/themes/knb-service/dist/./images/quote-light.svg); } .reviews-home .testimonial-content { padding: 0 0 22px; font-weight: 400; font-size: 18px; line-height: 26px; color: #7b7b7b; font-family: "Sarabun", Helvetica, Arial, sans-serif; background-color: #fff; border-bottom: 1px solid rgba(215, 221, 225, 0.71); } .reviews-home .testimonial-content:after { display: none; } .reviews-home .testimonial-author { border: none; background: none; -webkit-box-shadow: none; box-shadow: none; padding: 28px 0 0; width: 100%; text-align: left; font-weight: 400; font-size: 18px !important; line-height: 28px !important; color: #000; } .reviews-home .flex-direction-nav { top: 0; bottom: auto; } .reviews-page { margin: 0; } .reviews-page .testimonial-single { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 10px; margin-left: 10px; margin-bottom: 48px !important; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 67px 30px !important; background: rgba(255, 255, 255, 0.78); border: 1px solid #f2f4f5; -webkit-box-shadow: 0 42px 34px rgba(0, 0, 0, 0.05); box-shadow: 0 42px 34px rgba(0, 0, 0, 0.05); -webkit-backdrop-filter: blur(12.5px); backdrop-filter: blur(12.5px); } @media screen and (min-width: 768px) { .reviews-page .testimonial-single { margin-bottom: 58px !important; padding: 67px 40px 60px !important; } } .reviews-page .testimonial-single:before { content: ''; border: none; width: 40px; height: 35px; left: 30px; top: -18px; display: block; position: absolute; background-repeat: no-repeat; background-image: url(//knbservice.com/wp-content/themes/knb-service/dist/./images/quote-light.svg); } @media screen and (min-width: 768px) { .reviews-page .testimonial-single:before { left: 40px; } } .reviews-page .testimonial-content { padding: 0 0 22px; font-weight: 400; font-size: 18px; line-height: 26px; color: #7b7b7b; font-family: "Sarabun", Helvetica, Arial, sans-serif; background-color: #fff; border-bottom: 1px solid rgba(215, 221, 225, 0.71); } .reviews-page .testimonial-content:after { display: none; } .reviews-page .testimonial-author { border: none; background: none; -webkit-box-shadow: none; box-shadow: none; padding: 28px 0 0; width: 100%; text-align: left; font-weight: 400; font-size: 18px !important; line-height: 28px !important; color: #000; } .page-main .faq-section { background-color: #eff3f6; padding-top: calc(0.03756 * 100vw + 45.91549px); padding-bottom: calc(0.03756 * 100vw + 45.91549px); } @media screen and (min-width: 1440px) { .page-main .faq-section { padding: 100px 0; } } .faq-page { background-color: #fff; } .faq-page .faq-section { background-color: #fff; padding-bottom: calc(0.04977 * 100vw + 81.33803px); } @media screen and (min-width: 1440px) { .faq-page .faq-section { padding: 0 0 153px; } } .faq-page .two-col { max-width: 1200px; margin: auto; } .faq-page .two-col .page-container { padding: 0; } .faq-section .two-col .page-container { padding: 0; } .faq-section__head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 1280px) { .faq-section__head { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .faq-section__text { color: #000; font-weight: 300; font-size: 20px; line-height: 28px; } .faq-section__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; color: #000; font-size: 18px; line-height: 22px; font-family: "Oxanium", sans-serif; min-height: 45px; } @media (min-width: 375px) { .faq-section__title { font-size: calc(0.00188 * 100vw + 17.29577px); } } @media (min-width: 1440px) { .faq-section__title { font-size: 20px; } } @media (min-width: 375px) { .faq-section__title { line-height: calc(0.00282 * 100vw + 20.94366px); } } @media (min-width: 1440px) { .faq-section__title { line-height: 25px; } } @media screen and (min-width: 1280px) { .faq-section__title { width: 50%; padding-right: 30px; } } @media screen and (min-width: 1440px) { .faq-section__title { font-size: 20px; line-height: 28px; } } @media screen and (min-width: 1440px) and (min-width: 1440px) { .faq-section__title { font-size: calc(0.00417 * 100vw + 14px); } } @media screen and (min-width: 1440px) and (min-width: 1920px) { .faq-section__title { font-size: 22px; } } @media screen and (min-width: 1440px) and (min-width: 1440px) { .faq-section__title { line-height: calc(0.01458 * 100vw + 7px); } } @media screen and (min-width: 1440px) and (min-width: 1920px) { .faq-section__title { line-height: 35px; } } .faq-section__answer { font-family: "Sarabun", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 26px; overflow: hidden; max-height: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 375px) { .faq-section__answer { font-size: calc(0.00188 * 100vw + 15.29577px); } } @media (min-width: 1440px) { .faq-section__answer { font-size: 18px; } } @media (min-width: 375px) { .faq-section__answer { line-height: calc(0.00188 * 100vw + 25.29577px); } } @media (min-width: 1440px) { .faq-section__answer { line-height: 28px; } } @media screen and (min-width: 1280px) { .faq-section__answer { width: calc(50% - 32px); height: 42px; max-height: 42px; } } @media screen and (min-width: 1440px) { .faq-section__answer { font-size: 18px; line-height: 28px; } } @media screen and (min-width: 1440px) and (min-width: 1440px) { .faq-section__answer { font-size: calc(0.00417 * 100vw + 12px); } } @media screen and (min-width: 1440px) and (min-width: 1920px) { .faq-section__answer { font-size: 20px; } } @media screen and (min-width: 1440px) and (min-width: 1440px) { .faq-section__answer { line-height: calc(0.00417 * 100vw + 22px); } } @media screen and (min-width: 1440px) and (min-width: 1920px) { .faq-section__answer { line-height: 30px; } } .faq-section__answer--short { display: none; } @media screen and (min-width: 1280px) { .faq-section__answer--short { display: block; padding-left: 20px; } } @media screen and (min-width: 1280px) { .faq-section__answer--full { display: none; padding-left: 20px; } } .faq-section__item-close { width: 48px; height: 48px; position: absolute; right: 0; top: 30px; background-color: rgba(255, 255, 255, 0.4); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .faq-section__item-close:before { height: 18px; width: 18px; content: ''; background-image: url(//knbservice.com/wp-content/themes/knb-service/dist/./images/plus.svg); background-repeat: no-repeat; background-size: 16px; background-position: center; position: absolute; left: 50%; top: 50%; z-index: 4; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .faq-section__item-close:after { content: ''; height: 4px; width: 100%; position: absolute; bottom: 0; top: auto; left: 0; z-index: 2; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background-color: #0006f0; } .faq-section__item-close:hover { cursor: pointer; background-color: rgba(255, 255, 255, 0.4); } .faq-section__item-close:hover:before { background-image: url(//knbservice.com/wp-content/themes/knb-service/dist/./images/plus-white.svg); } .faq-section__item-close:hover:after { height: 100%; } .faq-section__items { max-width: 1200px; margin: 30px auto 0; } @media screen and (min-width: 1280px) { .faq-section__items { margin: 40px auto 0; } } .faq-section__item { padding: 30px 90px 30px 10px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; border-top: 1px solid #d7dde1; } @media screen and (min-width: 1280px) { .faq-section__item { -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 1440px) { .faq-section__item { padding: 30px 130px 24px 23px; } } .faq-section__item:last-child { border-bottom: 1px solid #d7dde1; } .faq-section__item.active { padding-bottom: 30px; } .faq-section__item.active .faq-section__item-close { background-color: #0006f0; } .faq-section__item.active .faq-section__item-close:before { background-image: url(//knbservice.com/wp-content/themes/knb-service/dist/./images/minus.svg); } .faq-section__item.active .faq-section__item-close:after { display: none; } .faq-section__item.active .faq-section__answer { height: auto; display: block; margin-top: 22px; } @media screen and (min-width: 1280px) { .faq-section__item.active .faq-section__answer { margin-top: 0; } } .faq-section__item.active .faq-section__answer--short { display: none; } .faq-section__item.active .faq-section__answer--full { display: block; } .all-faq__btn { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: auto; margin-right: auto; margin-top: 40px; } @media screen and (min-width: 1280px) { .all-faq__btn { margin-top: calc(0.00939 * 100vw + 36.47887px); } } @media screen and (min-width: 1440px) { .all-faq__btn { margin-top: 50px; } } .blog-section { padding-top: calc(0.0939 * 100vw + 64.78873px); padding-bottom: calc(0.0939 * 100vw + 64.78873px); } @media screen and (min-width: 1440px) { .blog-section { padding: 200px 0; } } .blog-section .two-col .page-container { padding: 0; } .blog-section__head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 1280px) { .blog-section__head { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .blog-grid__inner { gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: calc(0.00939 * 100vw + 36.47887px); } .blog-grid__item { width: 100%; background: rgba(255, 255, 255, 0.78); -webkit-backdrop-filter: blur(12.5px); backdrop-filter: blur(12.5px); border-bottom: 1px solid #f2f4f5; border-left: 1px solid #f2f4f5; border-right: 1px solid #f2f4f5; } @media screen and (min-width: 1024px) { .blog-grid__item { width: calc(100% / 3 - 40px / 3); } } .blog-grid__item:nth-child(12n+7), .blog-grid__item:nth-child(8n+11), .blog-grid__item:nth-child(5n+6), .blog-grid__item:nth-child(n+18), .blog-grid__item:nth-child(9n+2), .blog-grid__item:nth-child(4n+7), .blog-grid__item:nth-child(16n+2) { position: relative; } .blog-grid__item:nth-child(12n+7) .blog-grid__item-image, .blog-grid__item:nth-child(8n+11) .blog-grid__item-image, .blog-grid__item:nth-child(5n+6) .blog-grid__item-image, .blog-grid__item:nth-child(n+18) .blog-grid__item-image, .blog-grid__item:nth-child(9n+2) .blog-grid__item-image, .blog-grid__item:nth-child(4n+7) .blog-grid__item-image, .blog-grid__item:nth-child(16n+2) .blog-grid__item-image { top: 0; left: 0; width: 100%; height: 100%; position: absolute; overflow: hidden; } .blog-grid__item:nth-child(12n+7) .blog-grid__item-image img, .blog-grid__item:nth-child(8n+11) .blog-grid__item-image img, .blog-grid__item:nth-child(5n+6) .blog-grid__item-image img, .blog-grid__item:nth-child(n+18) .blog-grid__item-image img, .blog-grid__item:nth-child(9n+2) .blog-grid__item-image img, .blog-grid__item:nth-child(4n+7) .blog-grid__item-image img, .blog-grid__item:nth-child(16n+2) .blog-grid__item-image img { height: auto; max-width: unset; min-width: 100%; min-height: 100%; width: auto; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .blog-grid__item:nth-child(12n+7) .blog-grid__item-date, .blog-grid__item:nth-child(12n+7) .blog-grid__item-title, .blog-grid__item:nth-child(12n+7) .blog-grid__item-meta, .blog-grid__item:nth-child(12n+7) .blog-grid__item-content, .blog-grid__item:nth-child(8n+11) .blog-grid__item-date, .blog-grid__item:nth-child(8n+11) .blog-grid__item-title, .blog-grid__item:nth-child(8n+11) .blog-grid__item-meta, .blog-grid__item:nth-child(8n+11) .blog-grid__item-content, .blog-grid__item:nth-child(5n+6) .blog-grid__item-date, .blog-grid__item:nth-child(5n+6) .blog-grid__item-title, .blog-grid__item:nth-child(5n+6) .blog-grid__item-meta, .blog-grid__item:nth-child(5n+6) .blog-grid__item-content, .blog-grid__item:nth-child(n+18) .blog-grid__item-date, .blog-grid__item:nth-child(n+18) .blog-grid__item-title, .blog-grid__item:nth-child(n+18) .blog-grid__item-meta, .blog-grid__item:nth-child(n+18) .blog-grid__item-content, .blog-grid__item:nth-child(9n+2) .blog-grid__item-date, .blog-grid__item:nth-child(9n+2) .blog-grid__item-title, .blog-grid__item:nth-child(9n+2) .blog-grid__item-meta, .blog-grid__item:nth-child(9n+2) .blog-grid__item-content, .blog-grid__item:nth-child(4n+7) .blog-grid__item-date, .blog-grid__item:nth-child(4n+7) .blog-grid__item-title, .blog-grid__item:nth-child(4n+7) .blog-grid__item-meta, .blog-grid__item:nth-child(4n+7) .blog-grid__item-content, .blog-grid__item:nth-child(16n+2) .blog-grid__item-date, .blog-grid__item:nth-child(16n+2) .blog-grid__item-title, .blog-grid__item:nth-child(16n+2) .blog-grid__item-meta, .blog-grid__item:nth-child(16n+2) .blog-grid__item-content { color: #fff; } .blog-grid__item:nth-child(12n+7) .blog-grid__item-meta, .blog-grid__item:nth-child(8n+11) .blog-grid__item-meta, .blog-grid__item:nth-child(5n+6) .blog-grid__item-meta, .blog-grid__item:nth-child(n+18) .blog-grid__item-meta, .blog-grid__item:nth-child(9n+2) .blog-grid__item-meta, .blog-grid__item:nth-child(4n+7) .blog-grid__item-meta, .blog-grid__item:nth-child(16n+2) .blog-grid__item-meta { padding-top: 200px; padding-bottom: 200px; background: rgba(0, 0, 0, 0.4); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); -webkit-box-shadow: unset; box-shadow: unset; min-height: 100%; } @media screen and (min-width: 1440px) { .blog-grid__item:nth-child(12n+7) .blog-grid__item-meta, .blog-grid__item:nth-child(8n+11) .blog-grid__item-meta, .blog-grid__item:nth-child(5n+6) .blog-grid__item-meta, .blog-grid__item:nth-child(n+18) .blog-grid__item-meta, .blog-grid__item:nth-child(9n+2) .blog-grid__item-meta, .blog-grid__item:nth-child(4n+7) .blog-grid__item-meta, .blog-grid__item:nth-child(16n+2) .blog-grid__item-meta { padding-top: calc(0.10417 * 100vw + 50px); padding-bottom: calc(0.05 * 100vw + 128px); } } .blog-grid__item:nth-child(12n+7) .blog-grid__item-um, .blog-grid__item:nth-child(8n+11) .blog-grid__item-um, .blog-grid__item:nth-child(5n+6) .blog-grid__item-um, .blog-grid__item:nth-child(n+18) .blog-grid__item-um, .blog-grid__item:nth-child(9n+2) .blog-grid__item-um, .blog-grid__item:nth-child(4n+7) .blog-grid__item-um, .blog-grid__item:nth-child(16n+2) .blog-grid__item-um { color: #fff; } .blog-grid__item-image { position: relative; } @media screen and (min-width: 1440px) { .blog-grid__item-image { height: calc(0.15417 * 100vw + -6px); overflow: hidden; } } @media screen and (min-width: 1920px) { .blog-grid__item-image { height: 290px; } } .blog-grid__item-image img { width: 100%; height: auto; } @media screen and (min-width: 1440px) { .blog-grid__item-image img { left: 50%; top: 50%; height: auto; width: auto; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; } } .blog-grid__item--link { height: 100%; width: 100%; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; display: inline-block; } .blog-grid__item--link:hover { cursor: pointer; -webkit-box-shadow: 0 42px 33.42px rgba(0, 0, 0, 0.05); box-shadow: 0 42px 33.42px rgba(0, 0, 0, 0.05); } .blog-grid__item--link:hover .blog-grid__item-title { color: #0006f0; } .blog-grid__item-meta { padding: 44px 44px 110px; } @media screen and (min-width: 1280px) { .blog-grid__item-meta { padding: 64px 64px 90px; } } .blog-grid__item-date { font-weight: 400; font-size: 13px; line-height: 17px; color: #7b7b7b; margin-bottom: 16px; } .blog-grid__item-title { font-weight: 600; font-size: 24px; line-height: 30px; font-family: "Oxanium", sans-serif; margin-bottom: 16px; color: #000; } .blog-grid__item-content { font-weight: 400; font-size: 18px; line-height: 28px; color: #7b7b7b; } @media screen and (min-width: 1440px) { .blog-grid__item-content { font-size: 18px; line-height: 28px; } } @media screen and (min-width: 1440px) and (min-width: 1440px) { .blog-grid__item-content { font-size: calc(0.00417 * 100vw + 12px); } } @media screen and (min-width: 1440px) and (min-width: 1920px) { .blog-grid__item-content { font-size: 20px; } } @media screen and (min-width: 1440px) and (min-width: 1440px) { .blog-grid__item-content { line-height: calc(0.00417 * 100vw + 22px); } } @media screen and (min-width: 1440px) and (min-width: 1920px) { .blog-grid__item-content { line-height: 30px; } } .blog-grid__item-um { left: 0; bottom: 0; width: 100%; padding: 10px 26px; position: absolute; font-weight: 400; font-size: 14px; line-height: 18px; font-family: "Sarabun", Helvetica, Arial, sans-serif; color: #7b7b7b; min-height: 40px; border-top: 1px solid #f1f3f4; } .blog-grid__item-um i { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 10px; } .blog-grid__item-um .item { margin-right: 30px; } .blog-grid__item:nth-child(2) .blog-grid__item-um, .blog-grid .size-large .blog-grid__item-um { border-top: 1px solid rgba(142, 142, 142, 0.5); } .blog-grid__item:nth-child(2) .blog-grid__item--link:hover .blog-grid__item-title, .blog-grid .size-large .blog-grid__item--link:hover .blog-grid__item-title { color: #fff; } .all-blog__btn { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: auto; margin-right: auto; } .post-main { background-color: #fff; } .blog-post-article { position: relative; z-index: 8; margin-top: 0; margin-bottom: 0; padding-top: 32px; } @media screen and (min-width: 1280px) { .blog-post-article { padding-top: 0; margin-top: calc(0.8875 * 100vw + -681px); } } @media screen and (min-width: 1440px) { .blog-post-article { margin-top: 597px; } } .blog-post-article .page-container { width: 100%; } @media screen and (min-width: 1280px) { .blog-post-article .page-container { width: 66.667vw; background: rgba(255, 255, 255, 0.91); -webkit-box-shadow: 0 42px 34px rgba(0, 0, 0, 0.05), inset 0 -4px 0 rgba(255, 255, 255, 0.26); box-shadow: 0 42px 34px rgba(0, 0, 0, 0.05), inset 0 -4px 0 rgba(255, 255, 255, 0.26); -webkit-backdrop-filter: blur(12.5px); backdrop-filter: blur(12.5px); padding-top: 20px; padding-bottom: 75px; padding-left: 80px; padding-right: 80px; } } .blog-post-article__title { text-transform: unset; } .blog-post-article__meta { margin-top: 16px; margin-bottom: 78px; font-weight: 400; font-size: 14px; line-height: 18px; } .blog-post-article__meta i { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 10px; } .blog-post-article__meta .item { margin-right: 30px; } .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5 { color: #000; margin-top: 60px; margin-bottom: 24px; } .post-content p { font-weight: 400; font-size: 18px; line-height: 28px; } @media screen and (max-width: 992px) { .post-content p img.alignleft, .post-content p img.alignright { margin: 0 auto; float: none; display: block; } } .post-content ul { margin: 24px 0 24px 50px; padding-left: 0; counter-reset: li; } .post-content ul li { padding-left: 18px; padding-bottom: 20px; position: relative; } .post-content ul li:before { width: 7px; height: 7px; content: ''; left: 0; top: 10px; display: block; position: absolute; background-color: #0006f0; } .post-content ul li:last-child { padding-bottom: 0; } .post-content ul li strong { color: #000; } .post-content ul li ol li:before { background-color: transparent; } .post-content ol { list-style: none; counter-reset: li; margin: 24px 0 24px 50px; padding-left: 0; } .post-content ol li { padding-bottom: 20px; counter-increment: li; } .post-content ol li strong { color: #000; } .post-content ol li::before { font-family: "Sarabun", Helvetica, Arial, sans-serif; font-weight: 700; content: counter(li) "."; color: #000; display: inline-block; text-indent: -1.5em; } .post-content ol li:last-child { padding-bottom: 0; } .post-content ol li ul li:before { width: 7px; height: 7px; content: ''; left: 0; top: 10px; display: block; position: absolute; background-color: #0006f0; } .post-content > p:first-child::first-letter { font-weight: 700; font-size: 64px; line-height: 50px; color: #000; display: block; float: left; margin: 0 5px 5px 0; } .post-content figure { margin: 24px 0; } .post-content .wp-caption-text { margin: 16px 0 0; font-weight: 400; font-size: 16px; line-height: 28px; font-style: italic; text-align: left; } .other-posts { padding-top: 60px; padding-bottom: 60px; background-color: #eff3f6; border-bottom: 1px solid #d7dde1; } @media screen and (min-width: 1280px) { .other-posts { padding-top: 80px; padding-bottom: 150px; } } .other-posts__head { margin-bottom: 20px; } @media screen and (min-width: 1280px) { .other-posts__head { text-align: center; margin-bottom: 50px; } } .other-posts .blog-grid__inner { margin-bottom: 0; } @media screen and (min-width: 768px) { .other-posts article:nth-child(3) { display: none; } } @media screen and (min-width: 1280px) { .other-posts article:nth-child(3) { display: unset; } } .post-content blockquote, blockquote { margin: 60px auto; padding-top: 80px; padding-left: 20px; padding-right: 20px; background-image: url(//knbservice.com/wp-content/themes/knb-service/dist/./images/quote.svg); background-position: center top; background-repeat: no-repeat; } @media screen and (min-width: 992px) { .post-content blockquote, blockquote { max-width: 43.75vw; } } .post-content blockquote p, blockquote p { font-weight: 400; font-size: 24px; line-height: 34px; letter-spacing: -1px; color: #000; font-family: "Oxanium", sans-serif; } .location-section { background-color: #eff3f6; } @media screen and (min-width: 1440px) { .location-section { background-color: transparent; } } @media screen and (max-width: 1440px) { .location-section > .page-container { max-width: unset; width: 100%; padding: 0; } } .location-section__inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } .location-section__content { width: 100%; padding-top: 60px; padding-bottom: 60px; padding-left: 20px; padding-right: 20px; } @media screen and (min-width: 1280px) { .location-section__content { width: 50%; background-color: #eff3f6; padding-top: calc(0.00751 * 100vw + 57.1831px); padding-bottom: calc(0.02817 * 100vw + 49.43662px); padding-left: calc(0.11268 * 100vw + -42.25352px); padding-right: calc(0.04883 * 100vw + -18.30986px); } } @media screen and (min-width: 1440px) { .location-section__content { padding-left: 120px; padding-right: 52px; } } .location-section__content .page-container { padding: 0; } @media screen and (min-width: 1280px) { .location-section__content .page-container { padding-right: 52px; } } @media screen and (min-width: 1440px) { .location-section__content .page-container { padding-right: 0; } } .location-section__content .page-container .flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .location-section__content .page-container .two-col__l, .location-section__content .page-container .two-col__r { width: 100%; } @media screen and (min-width: 1440px) { .location-section__content .page-container .two-col__title { font-size: 54px; line-height: 64px; margin-right: 0; } } .location-section__content .page-container .two-col__text { color: #7b7b7b; } .location-section__details { width: 100%; padding: 60px 20px; position: relative; } @media screen and (min-width: 1280px) { .location-section__details { width: 50%; padding: 70px 0 70px 110px; } } .location-section__details .overlay { width: 100vw; height: calc(100% + 30px); top: 0; left: 0; z-index: 1; position: absolute; background: rgba(255, 255, 255, 0.51); -webkit-box-shadow: 0 42px 34px rgba(0, 0, 0, 0.71), inset 0 -4px 0 rgba(255, 255, 255, 0.26); box-shadow: 0 42px 34px rgba(0, 0, 0, 0.71), inset 0 -4px 0 rgba(255, 255, 255, 0.26); -webkit-backdrop-filter: blur(33.4px); backdrop-filter: blur(33.4px); } @media screen and (min-width: 1280px) { .location-section__details .overlay { width: 52vw; left: -20px; height: calc(100% + 70px); } } @media screen and (min-width: 1440px) { .location-section__details .overlay { width: 100%; left: 0; } } .location-section__details-data { z-index: 3; position: relative; } .location-section__btn { margin-left: 40px; } .location-section__map { width: 100%; overflow: hidden; height: calc(0.01502 * 100vw + 278.3662px); } @media screen and (min-width: 1440px) { .location-section__map { height: calc(0.20833 * 100vw + 0px); } } @media screen and (min-width: 1920px) { .location-section__map { height: 400px; } } .location-section__map img { width: 100%; } .data-head .two-col__title--size { font-size: 32px; line-height: 40px; } .data-body { margin: 30px 0; } .data-body.data-body-details { margin: 30px 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 768px) { .data-body.data-body-details { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 1280px) { .data-body.data-body-details { margin: 8px 0 0; } } .data-body__row { margin-bottom: 20px; } .data-body__row:last-child { margin: 0; } .data-body__row-icon { width: 24px; height: 24px; margin-right: 16px; } .data-body__row-icon svg { width: auto; height: 100%; } .data-body__row-title { font-weight: 600; font-size: 14px; line-height: 18px; color: #000; margin-bottom: 10px; text-transform: uppercase; font-family: "Oxanium", sans-serif; } .data-body__row-text { font-weight: 400; font-size: 16px; line-height: 24px; font-family: "Sarabun", Helvetica, Arial, sans-serif; } @media screen and (min-width: 1440px) { .data-body__row-text { font-size: 16px; } } @media screen and (min-width: 1440px) and (min-width: 1440px) { .data-body__row-text { font-size: calc(0.00417 * 100vw + 10px); } } @media screen and (min-width: 1440px) and (min-width: 1920px) { .data-body__row-text { font-size: 18px; } } .data-body__row-text a { color: #7b7b7b; text-decoration: none; } .data-body__row-text em { width: 80px; display: inline-block; font-style: normal; } .gallery-page .tabs { margin-bottom: 50px; overflow: auto; scrollbar-width: none; } @media screen and (min-width: 992px) { .gallery-page .tabs { margin-bottom: calc(0.03286 * 100vw + 37.67606px); } } @media screen and (min-width: 1440px) { .gallery-page .tabs { margin-bottom: 85px; } } .gallery-page .tabs::-webkit-scrollbar { display: none; } .gallery-page .tabs-group { list-style: none; } .gallery-page .tabs-group__item { padding: 19px 22px 13px; font-weight: 500; font-size: 14px; line-height: 18px; letter-spacing: .5px; text-transform: uppercase; font-family: "Oxanium", sans-serif; border-bottom: 4px solid transparent; white-space: nowrap; border-right: 1px solid #eff3f6; } .gallery-page .tabs-group__item:last-child { border: none; } .gallery-page .tabs-group__item:before { display: none; } .gallery-page .tabs-group__item:hover { cursor: pointer; } .gallery-page .is-active { color: #000; border-bottom: 4px solid #0006f0; } .gallery-page .grid:after { content: ''; display: block; clear: both; } .gallery-page .grid-sizer, .gallery-page .grid-item { width: 100%; } @media screen and (min-width: 992px) { .gallery-page .grid-sizer, .gallery-page .grid-item { width: calc(50% - 10px); } } .gallery-page .grid-item { float: left; margin-bottom: 20px; } .gallery-page .grid-item:nth-child(5) ~ .grid-item { display: none; } .gallery-page .grid-item img { display: block; max-width: 100%; } .gallery-page .load-more { margin-top: 30px; } .contact-page { background-color: #fff; } .contact-page .map-form { margin-top: 40px; } @media screen and (min-width: 1280px) { .contact-page .map-form { margin-top: calc(0.375 * 100vw + -440px); } } @media screen and (min-width: 1440px) { .contact-page .map-form { margin-top: 100px; } } .contact-page .map-form .map-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 992px) { .contact-page .map-form .map-flex { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media screen and (min-width: 992px) { .contact-page .map-form .map-flex .two-col__l, .contact-page .map-form .map-flex .two-col__r { width: 48%; } } @media screen and (min-width: 1280px) { .contact-page .map-form .map-flex .two-col__l, .contact-page .map-form .map-flex .two-col__r { width: 50%; } } .contact-page .map-form .gmp_map_opts, .contact-page .map-form .two-col__map { height: 303px; } @media screen and (min-width: 992px) { .contact-page .map-form .gmp_map_opts, .contact-page .map-form .two-col__map { height: 100%; } } .contact { text-align: center; padding-top: 100px; padding-bottom: 100px; } @media screen and (min-width: 1280px) { .contact { padding-top: calc(0.3125 * 100vw + -300px); padding-bottom: calc(0.3125 * 100vw + -300px); } } @media screen and (min-width: 1440px) { .contact { padding-top: 150px; padding-bottom: 150px; } } .contact__title { text-transform: initial; } .contact__text { font-weight: 300; font-size: 20px; line-height: 28px; color: #000; margin: 24px auto 0; width: calc(0.22817 * 100vw + 249.43662px); max-width: 578px; } .contact__text a { color: #000; font-weight: 600; position: relative; text-decoration: none; } .contact__text a:after { left: 0; position: absolute; bottom: -1px; background-color: transparent; height: 1px; width: 100%; content: ''; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .contact__text a:hover { cursor: pointer; } .contact__text a:hover:after { background-color: #0006f0; } .contact-location { margin-top: 100px; padding-bottom: 100px; } @media screen and (min-width: 1280px) { .contact-location { margin-top: calc(0.0939 * 100vw + 64.78873px); padding-bottom: calc(0.0939 * 100vw + 64.78873px); } } @media screen and (min-width: 1440px) { .contact-location { margin-top: 200px; padding-bottom: 200px; } } .contact-location__flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } .contact-location__title { font-weight: 700; font-size: 26px; line-height: 32px; letter-spacing: -1px; text-transform: uppercase; color: #000; max-width: 385px; font-family: "Oxanium", sans-serif; font-size: 26px; line-height: 32px; } @media (min-width: 375px) { .contact-location__title { font-size: calc(0.00563 * 100vw + 23.88732px); } } @media (min-width: 1440px) { .contact-location__title { font-size: 32px; } } @media (min-width: 375px) { .contact-location__title { line-height: calc(0.00751 * 100vw + 29.1831px); } } @media (min-width: 1440px) { .contact-location__title { line-height: 40px; } } .contact-location .btn--email { font-weight: 600; font-size: 20px; line-height: 26px; font-family: "Sarabun", Helvetica, Arial, sans-serif; } .contact-location .btn--email i, .contact-location .btn--email svg { width: 14px; height: 11px; } .contact-location .item__email { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 1280px) { .contact-location .item__email { -webkit-box-ordinal-group: initial; -ms-flex-order: initial; order: initial; margin-top: 10px; } } @media screen and (min-width: 992px) { .contact-location .item__details .data-body { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1280px) { .contact-location .item__details { top: 0; right: 0; width: 66%; position: absolute; } } .contact-location .item__details-wrap { margin-bottom: 20px; } @media screen and (min-width: 992px) { .contact-location .item__details-wrap { width: 50%; margin-bottom: 0; } } @media screen and (min-width: 1280px) { .contact-location .location-section__btn { margin-left: 0; } } .pre-footer { background: #fff; border-top: 1px solid #d1dbe3; -webkit-backdrop-filter: blur(12.5px); backdrop-filter: blur(12.5px); } .pre-footer__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 992px) { .pre-footer__inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .pre-footer__link { font-weight: 600; font-size: 24px; line-height: 24px; color: #000; font-family: "Oxanium", sans-serif; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; padding: 42px 20px 38px; border-bottom: 4px solid #0006f0; } @media screen and (min-width: 992px) { .pre-footer__link { width: 50%; text-align: center; } } @media screen and (min-width: 1440px) { .pre-footer__link { font-size: 24px; } } @media screen and (min-width: 1440px) and (min-width: 1440px) { .pre-footer__link { font-size: calc(0.01667 * 100vw + 0px); } } @media screen and (min-width: 1440px) and (min-width: 1920px) { .pre-footer__link { font-size: 32px; } } .pre-footer__link:nth-child(1) { border-right: 1px solid #d1dbe3; } .pre-footer__link i { margin-left: 16px; float: right; } @media screen and (min-width: 992px) { .pre-footer__link i { float: none; } } .pre-footer__link path { fill: #000; } .pre-footer__link:hover { color: #fff; background-color: #0006f0; } .pre-footer__link:hover path { fill: #fff; } .page-footer { padding-top: calc(0.00939 * 100vw + 36.47887px); padding-bottom: calc(-0.00469 * 100vw + 41.76056px); position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; background-color: #121416; } @media screen and (min-width: 1280px) { .page-footer__inner { gap: 21px 0; } } .page-footer__logotype, .page-footer__nav, .page-footer__social, .page-footer__text { width: 100%; } .page-footer__text { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; font-weight: 400; font-size: 14px; line-height: 22px; opacity: .6; color: #eff3f6; text-align: center; } @media screen and (min-width: 1280px) { .page-footer__text { -webkit-box-ordinal-group: unset; -ms-flex-order: unset; order: unset; width: 50%; margin: 0; text-align: left; } } .page-footer__logotype { width: 125px; margin: 0 auto 30px; } @media screen and (min-width: 1280px) { .page-footer__logotype { width: 50%; margin: 0; } } .page-footer__logotype a { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 1280px) { .page-footer__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50%; margin: 0; } } .page-footer__social { gap: 0 10px; margin: 32px 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 1280px) { .page-footer__social { width: 50%; margin: 0; -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; } } .page-footer__social-item { opacity: .6; } .page-footer__social-link:hover path { fill: #0006f0; } .footer-nav__list { list-style: none; margin: 0; padding: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px 0; } @media screen and (min-width: 1280px) { .footer-nav__list { gap: 0 30px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } } .footer-nav__list .menu-item { width: 33.33%; padding: 0; } @media screen and (min-width: 1280px) { .footer-nav__list .menu-item { width: auto; } } .footer-nav__list .menu-item:before { display: none; } .footer-nav__list a { font-weight: 400; font-size: 16px; line-height: 28px; color: #fff; position: relative; } @media screen and (min-width: 1440px) { .footer-nav__list a { font-size: 16px; } } @media screen and (min-width: 1440px) and (min-width: 1440px) { .footer-nav__list a { font-size: calc(0.00417 * 100vw + 10px); } } @media screen and (min-width: 1440px) and (min-width: 1920px) { .footer-nav__list a { font-size: 18px; } } .footer-nav__list a::before { bottom: -6px; width: 100%; left: 0; height: 4px; content: ''; background-color: transparent; position: absolute; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .footer-nav__list a:hover::before { background-color: #0006f0; } .about-page__flex { gap: 16px; margin-top: 16px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 768px) { .about-page__flex { gap: 40px; margin-top: 32px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .about-page__col { width: 100%; } @media screen and (min-width: 992px) { .about-page__col { max-width: 50%; } } @media screen and (min-width: 1441px) { .about-page__col { max-width: 46%; } } @media screen and (min-width: 992px) { .about-page .chess-section { margin-top: calc(0.13393 * 100vw + -132.85714px); } } @media screen and (min-width: 1440px) { .about-page .chess-section { margin-top: 60px; } } .about-page__light { background-color: #eff3f6; max-width: 1200px; width: 100%; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; padding-top: 60px; padding-bottom: 260px; } @media screen and (min-width: 768px) { .about-page__light { padding-top: calc(0.07634 * 100vw + 31.37405px); padding-bottom: calc(-0.43257 * 100vw + 422.21374px); } } @media screen and (min-width: 998px) { .about-page__light { padding-left: calc(0.09061 * 100vw + -13.9779px); padding-right: calc(0.09061 * 100vw + -13.9779px); padding-top: 90px; padding-bottom: 90px; } } @media screen and (min-width: 1280px) { .about-page__light { max-width: 83.333vw; padding-left: 102px; padding-right: 102px; } } .about-page__light .two-col .flex { margin-bottom: 24px; } @media screen and (min-width: 1280px) { .about-page__light .two-col .flex { margin-bottom: 40px; } } .about-page__light .two-col__l { width: 100%; } @media screen and (min-width: 1280px) { .about-page__light .two-col__l { width: 58%; } } .about-page__light .two-col__r { width: 100%; } @media screen and (min-width: 1280px) { .about-page__light .two-col__r { width: 42%; } } .about-page__light__flex { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .about-page__light-img { width: 100%; position: relative; } @media screen and (min-width: 768px) { .about-page__light-img { width: 50%; } } .about-page__light .image-wrap { position: absolute; margin-top: 40px; right: 0; } @media screen and (min-width: 1280px) { .about-page__light .image-wrap { margin-top: 0; } } .about-page__light-list li { padding-left: 18px; position: relative; margin-bottom: 13px; font-size: 18px; line-height: 24px; font-weight: 400; } .about-page__light-list li:last-child { margin-bottom: 0; } .about-page__light-list li:before { width: 7px; height: 7px; content: ''; left: 0; top: 10px; display: block; position: absolute; background-color: #0006f0; } .about-page__blue { margin: 100px 0 0; background-color: #0c0233; } @media screen and (min-width: 992px) { .about-page__blue { max-height: 362px; margin-top: calc(0.3125 * 100vw + -210px); } } @media screen and (min-width: 1440px) { .about-page__blue { margin: 240px 0 0; } } .about-page__blue-wrap { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 60px 0 25px; } @media screen and (min-width: 1280px) { .about-page__blue-wrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 53px 0 80px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .about-page__blue-wrap--reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media screen and (min-width: 1280px) { .about-page__blue-wrap--reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .about-page__blue .title { color: #fff; margin-bottom: 40px; } @media screen and (min-width: 1280px) { .about-page__blue .title { padding-top: 27px; } } @media screen and (min-width: 1280px) { .about-page__blue .col { width: 32.25%; } } .about-page__blue .letters { background-position: center 40px; background-size: 89% auto; background-image: url(//knbservice.com/wp-content/themes/knb-service/dist/./images/knb-letters.svg); background-repeat: no-repeat; } @media screen and (min-width: 1280px) { .about-page__blue .letters { background-position: center top; background-size: auto 60%; } } .about-page__blue .col--image { padding-top: 66px; } @media screen and (min-width: 1280px) { .about-page__blue .col--image { width: 61.33%; padding-top: 0; } } .about-page__blue .col--image img { height: auto; width: 100%; max-width: 692px; } @media screen and (min-width: 1280px) { .about-page__blue .col--image img { -webkit-transform: translateY(20%); transform: translateY(20%); } } .about-page__blue .col--image.col-reverse--image { padding-top: 40px; } @media screen and (min-width: 1280px) { .about-page__blue .col--image.col-reverse--image { padding-top: 0; } } .about-page__content { padding-top: 60px; padding-bottom: 60px; background-color: #eff3f6; } @media screen and (min-width: 992px) { .about-page__content { padding-top: calc(0.14509 * 100vw + -83.92857px); padding-bottom: calc(0.14509 * 100vw + -83.92857px); } } @media screen and (min-width: 1440px) { .about-page__content { padding-top: 125px; padding-bottom: 125px; } } .about-page__content-wrap { width: 100%; max-width: 700px; margin: auto; } .about-page__content-wrap strong { color: #000; } .schedule-page { padding-bottom: 100px; } @media screen and (min-width: 1280px) { .schedule-page { padding-bottom: calc(0.04695 * 100vw + 82.39437px); } } @media screen and (min-width: 1440px) { .schedule-page { padding-bottom: 150px; } } .schedule-service { margin-bottom: 50px; } .schedule-service__frame .bpa-frontend-main-container { max-width: 100% !important; } .flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-col { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-col-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-wrap-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-no-wrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .justify-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .justify-evenly { -webkit-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } .justify-stretch { -webkit-box-pack: stretch !important; -ms-flex-pack: stretch !important; justify-content: stretch !important; } .items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .hidden { display: none !important; }.lazy-hidden,.entry img.lazy-hidden, img.thumbnail.lazy-hidden { background-color: #ffffff; background-image: url(//knbservice.com/wp-content/plugins/a3-lazy-load/assets/css/loading.gif); background-repeat: no-repeat; background-position: 50% 50%; } figure.wp-block-image img.lazy-hidden { min-width: 150px; } picture source[type="image/webp"] { display: block; }.clear{clear:both}.nobr{white-space:nowrap}.lazy-hidden,.entry img.lazy-hidden,img.thumbnail.lazy-hidden{background-color:#fff}