@font-face{font-family:'thai_sans_literegular';src:url('fa/thaisanslite_r1-webfont.eot?v=3.2.1');src:url('fa/thaisanslite_r1-webfont.eot?#iefix?v=3.2.1') format('embedded-opentype'),url('fa/thaisanslite_r1-webfont.woff2?v=3.2.1') format('woff2'),url('fa/thaisanslite_r1-webfont.woff?v=3.2.1') format('woff'),url('fa/thaisanslite_r1-webfont.ttf?v=3.2.1') format('truetype'),url('fa/thaisanslite_r1-webfont.svg#thai_sans_literegular?v=3.2.1') format('svg');font-weight:normal;font-style:normal;font-display:swap;}
body,html{padding:0;margin:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#fafafa;}
a{-webkit-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
[class*=span]{float:left;min-height:1px;margin-left:30px}
.container{width:1170px;margin-right:auto;margin-left:auto}
body.fw .container{width:96%;}
#comments{display:none;}
.prev_next_links {margin-bottom:20px;}
.container{position:relative;}
.container:after,
.container:before{display:table;line-height:0;content:""}
.container:after{clear:both}
.row{width:100%}
.row:after,
.row:before{display:table;line-height:0;content:""}
.row:after{clear:both}
.row [class*=span]{display:block;float:left;width:100%;min-height:30px;margin-left:2.4590163934426%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.row [class*=span]:first-child{margin-left:0}
.row .span12{width:100%}
.row .span11{width:91.46174863388%}
.row .span10{width:82.92349726776%}
.row .span9{width:74.385245901639%}
.row .span8{width:65.846994535519%}
.row .span7{width:57.308743169399%}
.row .span6{width:48.770491803279%}
.row .span5{width:40.232240437158%}
.row .span4{width:31.693989071038%}
.row .span3{width:23.155737704918%}
.row .span2{width:14.617486338798%}
.row .span1{width:6.0792349726776%}
.clearfix:after,
.clearfix:before{display:table;line-height:0;content:""}
.clear,
.clearfix:after{clear:both}
.grid_elements{margin-left:-30px}
.grid_elements .item{display:inline-block;margin-bottom:30px;vertical-align:top}
.grid_elements .item .ip{margin-left:30px}
/* FontAwesome icon font removed – icons replaced with inline SVG */
[class*=" icon-"],[class^=icon-]{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;}
[class*=" icon-"] svg,[class^=icon-] svg{width:1em;height:1em;fill:currentColor;vertical-align:middle;}
div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right,div.pp_default .pp_top,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(../img/pp/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(../img/pp/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(../img/pp/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(../img/pp/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(../img/pp/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(../img/pp/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(../img/pp/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(../img/pp/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(../img/pp/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(../img/pp/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(../img/pp/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(../img/pp/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(../img/pp/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_next,div.pp_default .pp_gallery a.pp_arrow_previous{position:static;left:auto}
div.pp_default .pp_nav .pp_pause,div.pp_default .pp_nav .pp_play{background:url(../img/pp/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_next,div.pp_default a.pp_arrow_previous{background:url(../img/pp/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover,div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_nav .pp_play:hover{opacity:.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(../img/pp/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(../img/pp/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(../img/pp/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(../img/pp/loader.gif) center center no-repeat}
div.pp_pic_holder a:focus{outline:0}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_pause,
.pp_nav .pp_play{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_next,a.pp_arrow_previous{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px solid rgba(0,0,0,
.5);display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_next,
.pp_gallery .pp_arrow_previous{margin-top:7px!important}
a.pp_next{display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_contract,a.pp_expand{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline{color:#000}
.pp_gallery li.selected a,
.pp_gallery ul a:hover,div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a{border-color:#fff}
div.pp_default .pp_details{position:relative}
.pp_bottom,
.pp_top{height:20px;position:relative}
* html .pp_bottom,* html .pp_top{padding:0 20px}
.pp_bottom .pp_left,
.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_bottom .pp_middle,
.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_bottom .pp_middle,* html .pp_top .pp_middle{left:0;position:static}
.pp_bottom .pp_right,
.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,
.pp_gallery li.default a img{display:none}
.nivoSlider{position:relative;width:100%;height:auto;overflow:hidden}
.nivoSlider img{position:absolute;top:0;left:0;max-width:none}
.nivo-main-image{display:block!important;position:relative!important;width:100%!important}
.nivoSlider a.nivo-imageLink{position:absolute;top:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none}
.nivo-slice{display:block;position:absolute;z-index:5;height:100%;top:0}
.wrapped_video.blog_post_image iframe{border-radius:0;overflow:hidden}
.nivo-box{display:block;position:absolute;z-index:5;overflow:hidden}
.nivo-box img{display:block}
.nivo-caption a{display:inline!important}
.nivo-html-caption{display:none}
.nivo-controlNav{display:block!important;position:absolute;bottom:17px;left:auto;right:14px;z-index:99;line-height:8px}
.nivo-controlNav a{text-indent:-10000px!important;overflow:hidden;display:inline-block;width:8px;height:8px;background:#fff;border-radius:50%;-webkit-border-radius:50%;opacity:.3;margin:0 6px;cursor:pointer;vertical-align:top}
.nivo-directionNav{opacity:0}
.nivoSlider:hover .nivo-directionNav{opacity:1}
.single-artwork .nivo-caption{display: none!important;}
.slider-wrapper{min-height:20px;position:relative}
.nivo-controlNav a.active{opacity:1}
.oneImage .nivo-directionNav a{display:none!important}
.nivo-directionNav a{width:28px;height:54px;display:block;top:50%;margin-top:-27px;text-indent:-10000px;position:absolute;background:url(../img/sprite.png) no-repeat 0 0 transparent;z-index:10000;cursor:pointer;opacity:1}
a.nivo-prevNav{left:40px;background-position:-49px 0}
a.nivo-nextNav{right:40px;background-position:-21px 0}
.nivoSlider:hover .nivo-directionNav a{opacity:1}
.nivo-directionNav a:hover{opacity:.5!important}
::-webkit-input-placeholder{color:#666}
:-moz-placeholder{color:#666;opacity:1}
::-moz-placeholder{color:#666;opacity:1}
:-ms-input-placeholder{color:#666}
*{outline:0}
iframe{display:block}
a{text-decoration:none}
.fl{float:left}
.fr{float:right}
img{max-width:100%;height:auto}
a:hover{color:#666}
.nivoSlider img,
.portfolio_item img,
.module_wall img,
.ico_cont i,
.featured_items img{-webkit-backface-visibility:hidden;}
h1,h2,h3,h4,h5,h6,
.menu .sub-menu li a ,
.menu .sub-menu li a h2{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}
li{line-height:24px;margin-bottom:6px;}
.menu li a:after,
.recent_posts .read_more,
.search_form i,
.footer_widgets_area .tagcloud a,
.socials_list li a,
.search_form span,
.search_form span i,
.featured_item_fadder span,
.featured_item_fadder img,
.shortcode_button,#mc_signup_submit,
.socials,
.blogpost_share i,
.blogpost_title h1,
.tparrows,
.portfolio_item_title h3,
.ico_fader,
.flickr_badge_image img,
.nivo-directionNav a,input[type=submit].wpcf7-submit,
.shortcode_messagebox .box_close,
.module_partners img,
.acc_togg_title,
.tagcloud a,
.featured_items img,
.module_partners .item .ip,
.grid_masonry_view,
.inline_view,
.isotope_preloader,
.module_fader img,
.preview_categ a h4,
.acc_togg_title span,
.nivo-directionNav{-webkit-transition:all 0.2s;transition:all 0.2s;}
.op0{-webkit-transition:opacity 0.5s;transition:opacity 0.5s;}
a,
.footer_widgets_area a,
.teamlink i:before,
.widget_nav_menu li a:before{-webkit-transition:color 0.2s;transition:color 0.2s;}
.acc_togg_title span:before,
.featured_item_fadder{-webkit-transition:background-color 0.2s;transition:background-color 0.2s;}
.shortcode_button,
.shortcode_social_icon.type2{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.testimonials_ava,
.contact_info_icon,
.shortcode_social_icon.type3,
.stand_comment .commentava img{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
body{color:#313131;font-family:'thai_sans_literegular', sans-serif;font-size:21px;line-height:30px;}
a{color:#4090db;}
.block_post_meta_stand.block_cats{margin-right:10px!important;}
.block_post_meta_stand a:hover,a:hover,
.portfolio_item a:hover,
.menu li:hover > div > a h2,
.prev_next_links a:hover,
.featured_items_title a:hover ,
.tab_linkweb a:hover h2,
.portfolio_block .tab_linkweb a:hover h2, h2.recent_item_list .block_cats a:hover,
.fp_cat a:hover,
.fp_cat a:hover h4,
.stand_post a:hover h3{color:#00A5A7;}
.preview_categ a h4:hover{color:#20D6D8;}
header{padding-bottom:10px;background:none;}
.wrapper.container{background:none;}
.header-top{border-bottom:1px solid #eeefef;background:#fff;width:100%;position:relative;z-index:8;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.16);-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.16);box-shadow:0px 0px 5px 0px rgba(0,0,0,0.16);}
.header-top .container{overflow:visible;}
.logo{margin:0 auto;display:block;}
.menu_mobile{display:none;margin:0;padding:0;background:#444;}
.menu_mobile li{list-style:none;border-bottom:1px solid #5e5e5e;}
.menu_mobile > li {margin-left:20px;margin-right:20px;}
.menu_mobile li a{font-family:'thai_sans_literegular', sans-serif;font-size:23px;width:100%;padding:10px 0;display:block;color:#fbfbfb;font-weight:400;}
.menu_mobile li.current-menu-item a,
.menu_mobile li.current-menu-ancestor > div > a,
.menu_mobile li.current-menu-ancestor > a span{color:#b5b5b5;}
.menu_mobile li:hover .sub-menu a,
.menu_mobile li:hover li:hover .sub-menu a{color:#2b2b2b;}
.show_mobile_menu i{paading-top:5px;margin-right:5px;font-size:21px;}
.show_mobile_menu{font-family:'thai_sans_literegular', sans-serif;font-size:23px;height:20px!important;display:none;letter-spacing:0px;background:#363636;color:#fcfcfc;}
.mobile-quote-btn-wrap{display:none;}
.menu li{display:inline-block;margin-right:25px;}
.menu li:last-child{margin-right:0;}
.header_centered .menu{text-align:center;}
.menu a h2{font-family:'thai_sans_literegular',sans-serif;font-weight:normal;color:#484848;font-size:29px;text-transform:uppercase;-webkit-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
header.type1 .menu{margin-top:40px;margin-bottom:35px;}
header.type2 .menu{margin-top:40px;}
header.type2 .logo{margin-top:40px;}
header.type3 .fl,header.type4 .fl{margin:37px 0 10px 0;}
header.type3 .fr{margin:32px 0 0 0;}
header.type4 .fr{margin:43px 0 0 0;}
header.type3 .menu{margin-top:0;}
header.type3 .fr,header.type4 .fr{display:table-cell;vertical-align:middle;}
header.type3 .socials_list{text-align:right;margin-bottom:10px;margin-top:-10px;}
header.type4 .header_socials{text-align:right;float:right;min-height:50px;}
header.type4 .thisitem,
.left_part i ,header.type4 .left_part a{color:#66757f;}
.left_part i{margin-right:2px;line-height:30px;}
header.type4 .follow_us_text{position:absolute;right:90px;top:10px;}
header.type4 .header_socials a{opacity:0.5;}
header.type4 .header_socials a:hover{opacity:1;}
header.type4 .left_part{float:left;min-height:50px;}
header.type4 .left_part a{font-size:11px;}
header.type4 .socials_list{margin-top:11px;margin-bottom:0;}
header.type4 .thisitem{float:left;margin-right:30px;margin-top:11px;display:flex;align-items:center;gap:5px;}
header.type4 .thisitem ,header.type4 .thisitem a{font-family:'thai_sans_literegular', sans-serif;font-size:23px;}
header.type4 .thisitem i{font-size:15px;}
.fw_header{width:100%;z-index:19;position:relative;overflow:hidden;}
header.type4 .fw_header{background:#e5f2f7;border-bottom:1px solid #bfe0ec;}
header.type5 .fw_header{background:#f0f3f3;}
header.type5 .fl{margin-top:22px;margin-left:35px;}
header.type5 .fr{margin-top:22px;margin-right:35px;}
.wrapper.container{clear:both;}
.single-port-style1,
.single-port-style2,
.archive .posts-block{margin-top:40px;}
.menu li{position:relative;}
.menu .sub-menu:before{position:absolute;z-index:15000;top:2px;left:50%;width:9px;height:6px;display:block;margin-left:-4px;content:"";background:url(../img/menu_corner.jpg) no-repeat 0 0 transparent;overflow:hidden;}
.menu .sub-menu .sub-menu:before{display:none;}
.menu .sub-menu li{background:#ffffff;margin:0;padding:0;line-height:0;height:auto;overflow:hidden;margin-top:-5px;position:relative;}
.menu .sub-menu > li:first-child{margin-top:0px;}
.menu .sub-menu li a h2{width:180px;display:block;border:0px solid #e4e5e5;border-bottom:none;font-size:21px;color:#363636;font-weight:400;text-transform:none;padding:10px 15px;margin:0;line-height:normal;height:auto;position:relative;-webkit-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
.menu .sub-menu li a h2::before{content:'';position:absolute;display:block;width:40px;height:1px;top:0;border-top:#e4e5e5 solid 1px;left:0;text-align:left;margin:0 0 0 15px;}
.menu li:hover .sub-menu a{color:#2b2b2b;}
.menu .sub-menu li a span{display:inline-block;line-height:20px;}
.menu .sub-menu > li:last-child a{border:0px solid #e4e5e5;}
.menu .sub-menu li a{border-bottom:none;}
.menu .sub-menu li:hover h2{background-color:#f6f7f9;}
.menu .sub-menu > li:last-child{border-bottom:0px solid #e4e5e5;}
.menu li:hover .sub-menu{display:block;}
.menu li:hover .sub-menu .sub-menu{display:none;}
.menu li:hover .sub-menu li:hover .sub-menu{display:block;}
.menu .sub-menu .sub-menu .sub-menu{display:none!important;}
.menu .sub-menu{z-index:15000;display:none;position:absolute;top:30px;left:50%;margin-left:-90px;padding-top:7px;padding-left:0;}
.menu .sub-menu .sub-menu{top:0;right:0;margin-left:90px;padding-top:0;}
.menu li.current-menu-item > div > a > h2,
.menu li.current-menu-ancestor > div > a > h2,
.menu li.current-menu-ancestor > a > h2{color:#b5b5b5;}
.menu li:hover .sub-menu .sub-menu li a h2{color:#2b2b2b;}
.menu .sub-menu .current-menu-item h2{color:#b5b5b5;}
.menu{padding-left:0;}
footer{background:#f0f3f3;color:#484848;font-size:12px;text-align:left;padding:35px 0;display: flex;width:100%;}
.copyright{border-top:1px solid #e4e5e5;padding-left:10px;margin-top:20px;font-family: 'thai_sans_literegular', sans-serif;font-size:15px;color:#66757f;display:flex;width: 100%;align-items: center;}
.copyright em{font-size:8px;font-style: normal;padding:0 2px;}
.footer_menu{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:0px;}
.item-footer{display:flex;gap:15px;align-items: center;}
.footer_menu_item{display:flex;flex-direction:column;gap:10px;width:50%;}
.footer_fb .module_content{display:grid;grid-template-columns:1fr 1fr;gap:0 10px; margin-top:110px;}
.module_content .footer-menu-item{display:block;}
.module_content .footer-menu-item h2{font-size:23px;text-transform:initial;margin-bottom:0px;font-weight:normal;}
@media(max-width:767px){
  .footer_fb .module_content{grid-template-columns:1fr 1fr;margin-top:50px;}
}
.socials_list{margin-top:10px;}
footer .socials_list{margin-bottom:0;padding-left:0;}
.socials_list li{line-height:13px;margin-right:22px;text-align:center;display:inline-block;}
.socials_list li:last-child{margin-right:0;}
.socials_list li a{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:#313131;}
.socials_list li a:hover{opacity:0.7;}
.socials_list li a svg{width:15px;height:15px;fill:currentColor;display:block;}
.entry-title{margin-top:0;margin-bottom:45px;}
.no-sidebar .entry-title{text-align:center;}
h1,h2,h3,h4,h5,h6,
.comment-reply-title{color:#313131;text-transform:uppercase;margin-top:0;margin-bottom:20px;font-weight:normal;}
h1{font-weight:normal;}
.headInModule{margin-bottom:30px;}
.dropcap{float:left;font-size:46px;line-height:51px;margin-right:18px;font-weight:700;color:#b5b5b5;}
.dropcap.type1,
.dropcap.type4{color:#313131;}
.dropcap.type3,
.dropcap.type4,
.dropcap.type5{text-transform:lowercase;font-weight:300;}
.shortcode_blockquote.left{float:left;padding-right:25px;}
.shortcode_blockquote.right{float:right;padding-left:25px;margin-left:40px;}
.shortcode_blockquote .author{display:block;padding-top:5px;color:#b5b5b5;font-size:13px;}
.shortcode_blockquote,blockquote{padding-left:50px!important;position:relative;margin-bottom:20px;line-height:30px!important;}
.shortcode_blockquote:before,blockquote:before{position:absolute;left:-13px;top:16px;content:'"';font-size:80px;font-weight:700;color:#b5b5b5;line-height:35px;font-style:italic;}
.shortcode_blockquote.type1:before{color:#313131;}
.shortcode_blockquote.type3:before,
.shortcode_blockquote.type4:before,
.shortcode_blockquote.type5:before{display:none;}
.shortcode_blockquote.type3,
.shortcode_blockquote.type4,
.shortcode_blockquote.type5{padding-left:30px;}
.shortcode_blockquote.type3 .bquote_content,
.shortcode_blockquote.type4 .bquote_content,
.shortcode_blockquote.type5 .bquote_content{margin-top:-5px;display:inline-block}
.shortcode_blockquote.type3{margin-top:5px;border-left:2px solid #b5b5b5;}
.shortcode_blockquote.type4{margin-top:5px;border-left:2px solid #313131;}
.shortcode_blockquote.type5{margin-top:5px;border-left:2px solid #b5b5b5;}
.shortcode_blockquote.type3 .author,
.shortcode_blockquote.type4 .author,
.shortcode_blockquote.type5 .author{margin-bottom:-6px;}
.contentarea p{margin-top:0;}
.contentarea ul li{margin-left:23px;position:relative;}
.contentarea ul li:before{position:absolute;top:4px;left:-15px;display:block;content:"";width:8px;height:12px;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;}
.contentarea ol li{margin-left:23px;list-style:decimal;}
.acc_togg_body{display:none;}
.acc_togg_title{font-size:15px;margin-bottom:15px;cursor:pointer;padding-left:20px;position:relative;}
.acc_togg_title:before{position:absolute;top:5px;left:0;display:block;width:10px;height:10px;background:url("../img/sprite.png") no-repeat 0 0 #313131;content:"";}
.acc_togg_title.state-active:before{background:url("../img/sprite.png") no-repeat -11px 0 #313131;}
.acc_togg_body p{margin-top:-5px;}
.iconbox_wrapper{text-align:center;}
.iconbox_header i{font-size:36px;color:#313131;}
.iconbox_title{margin:0;padding:15px 0 13px;}
.iconbox_body p{margin-top:0;padding-left:15px;padding-right:15px;}
/* mobile-quotation button */
.mobile-quotation{display:none!important;;}
body .item_list{padding:0;margin-left:-50px;margin-bottom:0;}
body .item_list li{list-style:none;display:inline-block;float:left;vertical-align:top;padding:0;margin-left:0;}
body .item_list li:before{display:none;}
body .item_list li .item{margin-left:50px;}
body .items1 .item_list > li{width:100%;margin-bottom:50px;}
body .items2 .item_list > li{width:50%;margin-bottom:50px;}
body .items3 .item_list > li{width:33.33%;margin-bottom:50px;}
body .items4 .item_list > li{width:25%;margin-bottom:50px;}
body .item_list li:last-child{margin-right:0;margin-bottom:0;}
.featured_items_title a{color:#313131;font-size:15px;}
.featured_items_title{text-align:center;}
.featured_items_title h3{margin-bottom:4px;}
.single-post .featured_items_title h3{height:90px;}
.fp_cat{text-align:center;line-height:15px;margin-bottom:14px;margin-top:7px;}
.fp_cat a,
.fp_cat,
.fp_cat a h4{font-size:14px;color:#b5b5b5;}
.fp_cat a h4{width:inherit;display:inherit;margin:0;padding:0;font-weight:normal;}
.promoblock_wrapper{text-align:center;}
.promo_text_additional_title{font-size:16px;text-transform:none;font-weight:400;color:#2b2b2b;padding-top:5px;}
.promo_text_main_title{margin-bottom:10px;}
.promo_button_block{margin-top:32px;}
.shortcode_button{background:#313131;display:inline-block;margin-bottom:5px;color:#ffffff;font-weight:700;text-transform:uppercase;font-size:14px;position:relative;margin-right:5px;}
.btn_text{padding:11px 15px 10px 35px;display:block;float:left;line-height:19px;font-size:23px;}
.without_icon .btn_text{padding-left:18px!important;}
.btn_small .ico_cont{line-height:25px;}
.ico_cont{padding:0 10px 0 13px;display:block;position:absolute;height:40px;overflow:hidden;top:0;left:0;}
.ico_cont i{padding-top:5px;z-index:1;position:relative;text-align:center;top:8px;min-width:15px;display:inline-block;}
.shortcode_button:hover{color:#ffffff;background-color:#3c3c3c;}
.btn_normal .btn_text{padding:15px 20px 14px 43px;line-height:20px}
.btn_normal .ico_cont{padding:0 10px 0 20px;}
.btn_normal .ico_cont i{padding-top:11px;}
.btn_large .btn_text{padding:21px 20px 20px 43px;font-size:16px;letter-spacing:1px;line-height:18px}
.btn_large .ico_cont{padding:0 10px 0 20px;height:43px;}
.btn_large .ico_cont i{padding-top:15px;}
.btn_type2{background-color:#7b7e7e;}
.btn_type3{background-color:#babebe;}
.btn_type4{background-color:#e4e5e5;color:#313131;}
.btn_type6{background-color:#25a3a4;}
.btn_type7{background-color:#148f2e;}
.btn_type8{background-color:#94c315;}
.btn_type9{background-color:#f1d32f;}
.btn_type10{background-color:#ff9000;}
.btn_type11{background-color:#d83823;}
.btn_type12{background-color:#ff6c95;}
.btn_type13{background-color:#db41bf;}
.btn_type14{background-color:#ae41db;}
.btn_type15{background-color:#7b41db;}
.btn_type16{background-color:#3438e0;}
.btn_type17{background-color:#3495ef;}
.module_team .meta_body{text-align:center;}
.module_team h3{margin-top:13px;margin-bottom:13px;}
.module_team .op{font-size:11px;color:#b5b5b5;line-height:13px;margin-bottom:13px;}
.teamlink{margin-right:15px;display:inline-block;}
.teamlink:last-child{margin-right:0;}
.teamlink span i{color:#313131;}
.teamlink{cursor:default;}
.teamlink i:hover{cursor:pointer;}
.team_icons_wrapper{margin-top:5px;}
hr{border:none;height:1px;background:#e4e5e5;}
.module_content hr{background:#ccc;padding:0;margin:-10px 0 10px 0;}
hr.type1{background:#bec0c0;}
hr.type2{background:#3f3f3f;}
.module_tabs .ip{padding:20px 25px;}
.module_tabs p{margin:0;padding:0 0 20px;}
.module_tabs p:last-child{margin-bottom:0;padding-bottom:0;}
.shortcode_tabs.type1 .all_body_sizer{border:1px solid #e4e5e5;clear:both;}
.shortcode_tab_item_body{display:none;font-size:15px;color:#2b2b2b;line-height:24px;}
.shortcode_tabs.type1 .shortcode_tab_item_title{float:left;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
.shortcode_tab_item_title{font-size:14px;text-transform:uppercase;color:#b5b5b5;font-weight:700;padding:9px 17px;border:1px solid #e4e5e5;border-right:none;position:relative;bottom:-1px;cursor:pointer;}
.shortcode_tab_item_title:hover,
.shortcode_tab_item_title.active{color:#313131;}
.shortcode_tab_item_title.active{border-bottom:1px solid #ffffff;}
.shortcode_tab_item_title:last-child{border-right:1px solid #e4e5e5;}
.shortcode_tabs.type2{padding-left:140px;position:relative;}
.shortcode_tabs.type2 .all_head_sizer{position:absolute;top:0;left:0;}
.shortcode_tabs.type2 .all_body_cont{border:1px solid #e4e5e5;}
.shortcode_tabs.type2 .shortcode_tab_item_title{border:1px solid #e4e5e5;text-align:center;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;float:right;position:relative;margin-top:-1px;max-width:105px!important;word-break:normal;}
.shortcode_tabs.type2 .all_heads_cont{width:141px;}
.shortcode_tabs.type2 .shortcode_tab_item_title.active{border-right:1px solid #ffffff;}
.shortcode_tabs.type2 .shortcode_tab_item_title:last-child{border-bottom:1px solid #e4e5e5;}
.testimonials_heading{margin-bottom:5px;}
.testimonials_text p{margin-top:10px;}
.module_testimonial .item{text-align:center;}
.testimonials_ava{margin-bottom:20px;}
.module_partners .item .ip{position:relative;top:0;}
.module_partners .item:hover .ip{top:-10px;}
.box_content{text-align:center;}
.box_content .innerpadding{position:relative;line-height:18px;}
.box_content i{line-height:18px;font-size:14px;margin-right:7px;}
.box_type1{color:#2b2b2b;}
.box_type3{color:#76c214;}
.box_type4{color:#e8ba00;}
.box_type5{color:#d2361d;}
body .module_diagramm ul{padding-left:0;}
body .module_diagramm li{list-style:none;}
.module_diagramm ul.skills_list{padding:0;}
.module_diagramm ul.skills_list li{display:inline-block;padding:0;}
.module_diagramm ul.skills_list li:before{content:'';}
.module_diagramm h6{margin:28px 0 12px 0;text-transform:uppercase;font-weight:700;font-size:17px;}
.skill_item{padding-left:0!important;position:relative;}
.skills_list li{width:100%!important;margin-bottom:25px;}
.skills_list li:last-child{margin-bottom:0;}
.skill_content{text-align:center;}
.skill_li{margin-left:0!important;}
.easyPieChart{position:relative;text-align:center;padding-top:2px;font-size:17px;color:#3c3c3c;font-weight:700;margin:0 auto;}
.easyPieChart canvas{position:absolute;top:2px;left:0;}
.price_item{float:left;text-align:center;border:1px solid #e4e5e5;margin-left:-1px;}
.price_item:first-child{margin-left:0;}
.price_item_title{padding:17px 7px;border-bottom:1px solid #e4e5e5;}
.price_item_title h5{margin-bottom:0;}
.price_item_cost{padding:27px 8px;border-bottom:1px solid #e4e5e5;}
.currprice{font-size:33px;font-weight:700;color:#313131;}
.currperiod{font-size:17px;font-weight:700;text-transform:uppercase;color:#313131;}
.price_item_text{color:#2b2b2b;font-size:15px;padding:14px 7px 17px;border-bottom:1px solid #e4e5e5;line-height:15px;}
.module_price_table .shortcode_button{margin-top:22px;margin-bottom:13px;}
.most_popular .price_item_cost{padding:35px 8px;}
.most_popular .currprice{font-size:43px;}
.price_item.most_popular{margin-top:-20px;}
.most_popular .shortcode_button{margin-top:29px;margin-bottom:24px;}
.most_popular .btn_text{color:#ffffff;}
.most_popular .shortcode_button:hover{background-color:#3c3c3c;}
.contact_info_item{margin-bottom:5px;}
.contact_info_item:last-child{margin-bottom:0;}
body .contact_info_list{padding-left:0;margin:0;}
body .contact_info_list li{list-style:none;margin-left:0;}
body .contact_info_list li:before{display:none;}
.contact_info_icon{display:inline-block;padding:7px 7px 7px 2px;margin-right:4px;width:10px;height:15px;vertical-align:middle;margin-bottom:4px;text-align:left;}
.contact_info_text,
.contact_info_text a{display:inline-block;color:#b5b5b5;font-size:13px;line-height:26px;padding-top:3px;}
.contact_info_icon i{font-size:13px;}
.contact_info_wrapper{line-height:13px;}
.shortcode_social_icon{width:40px;height:40px;display:inline-block;text-align:center;margin-bottom:20px;}
.shortcode_social_icon span{text-align:center;display:inline-block;line-height:40px;}
.entry-title,
.module_content h2,h2.headInModule{font-size:33px;color:#313131;letter-spacing:0.5px;font-family:'thai_sans_literegular',sans-serif;text-align:left;font-weight:normal;margin-bottom:12px;line-height:35px;margin-top:-4px;}
.content{margin-top:50px;position:relative;}
.module_content{font-size:21px;letter-spacing:0.5px;}
.module_content strong,
.module_content .btn_normal{letter-spacing:-0.3px;}
.header-intro{width:100%;margin-top:-10px;background:url("../img/bg_hreder_intro.jpg") #f4f8fb no-repeat -100px -50px;height:450px;z-index:1;position:relative;overflow:hidden;border-bottom:1px solid #fafafa;-webkit-box-shadow:0px 0px 44px 0px rgba(0,0,0,0.17);-moz-box-shadow:0px 0px 44px 0px rgba(0,0,0,0.17);box-shadow:0px 0px 44px 0px rgba(0,0,0,0.17);}
.header-intro .bg_dot{position:relative;width:100%;height:450px;overflow:hidden;z-index:9;}
.text_index_intro{margin-left:48%;padding:15px 5px 10px 35px;margin-top:65px;width:530px;z-index:99;}
.text_index_intro .intr{display:block;text-transform:none;}
.text_index_intro .intr .tii1{font-size:85px;line-height:70px;color:#0072bc;display:block;margin-bottom:15px;}
.text_index_intro .intr .tii2{display:block;}
.text_index_intro h1{color:#333;font-size:41px;margin-bottom:35px;display:none;text-align:right;width:inherit;}
.text_index_intro h2,
.text_index_intro p{font-family:'thai_sans_literegular', sans-serif;display:none;font-size:25px;color:#000;font-weight:normal;font-style:italic;}
.text_index_intro h4{font-size:23px;color:#448ccb;padding:10px 0 10px 30px;background:rgba(255, 255, 255,0.5);line-height:22px;}
.text_index_intro a{color:#333;}
.text_index_intro strong,
.text_index_intro em{font-weight:normal;font-style:normal;}
.intro-index{margin-top:20px;padding:0 10px;}
.intro-index strong{font-weight:normal;}
.intro-index h2{font-size:49px;color:#ee2524;display:block;padding-top:3px;margin-bottom:25px;}
.intro-index h3,
.intro-index p{font-size:21px;color:#3a3a3a;text-transform:none;line-height:26px;}
.intro-index h3.subtitle{font-size:31px;color:#333333;padding-bottom:25px;}
span.freq{color:#F00;}
.single article{text-align:left;}
.single .entry-title{text-align:left;}
.single .pf_img{margin-bottom:40px;}
.single .pf_img:last-child{margin-bottom:0;}
.post-views{font-size:13px;color:#b5b5b5;font-family:sans-serif, Geneva, sans-serif;}
.block_likes .post_likes,
.block_likes .post-comments{display:none;}
.post_likes{color:#f75058;}
.post_likes_add{cursor:pointer;}
.post_likes_add.already_liked{cursor:default;}
/* preview_meta – clean flex chip row */
.preview_meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 0;}
.meta-item{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:#777;background:#f7f7f7;border:1px solid #eaeaea;border-radius:20px;padding:4px 12px;line-height:1;white-space:nowrap;}
.meta-item svg{flex-shrink:0;opacity:0.7;}
.meta-item span{font-size:13px;}
.meta-item.post_likes_add{cursor:pointer;}
.meta-item.post_likes_add:hover,.meta-item.post_likes_add.already_liked{color:#f75058;border-color:#f7b8bb;background:#fff8f8;}
.meta-item.post_likes_add svg{opacity:1;}
.meta-item.meta-cats span a{color:#555;text-decoration:none;}
.meta-item.meta-cats span a:hover{color:#313131;}
.meta-item.meta-skill strong{color:#444;font-weight:600;}
.ico_socialize{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;margin-right:10px;color:#313131;vertical-align:middle;}
.ico_socialize:hover{opacity:0.7;}
.ico_socialize svg{width:16px;height:16px;fill:currentColor;display:block;}
.socshare{margin-top:30px;}
.prev_next_links{margin-top:10px;}
.prev_next_links,
.prev_next_links a{color:#b5b5b5;font-size:16px;}
.prev_next_links a:before,
.prev_next_links a:after{display:inline-block;content:"";width:10px;height:16px;vertical-align:middle;background-color:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;}
.prev_next_links .fright a:before,
.prev_next_links .fleft a:after{display:none;width:0;height:0;}
.prev_next_links .fleft a:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E");margin-right:5px;}
.prev_next_links .fright a:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E");margin-left:5px;}
.fleft{float:left;}
.fright{float:right;}
#comments{margin-top:35px;}
#comments .form-allowed-tags{display:none;}
.temp_submit_comment .ico_cont i{padding-top:0;top:6px;}
.commentlist{margin:0;padding:0;}
.commentlist li{list-style:none!important;margin:0!important;}
.commentlist li:before{display:none!important;}
#comments .postcomment{margin-bottom:35px;}
.stand_comment{position:relative;}
.stand_comment .commentava{position:absolute;top:0;left:0;}
.stand_comment{margin-bottom:30px;}
.stand_comment .thiscommentbody{padding-left:65px;}
.stand_comment .thiscommentbody .comment_info{line-height:13px;font-size:13px;color:#b5b5b5;}
.stand_comment .thiscommentbody p{line-height:26px;font-size:15px;margin-top:12px;}
.commentlist .thiscommentbody{min-height:50px;}
ul.children{padding:0 0 0 65px;}
.comment-reply-title{letter-spacing:0;margin-top:35px;}
.comment-reply-link{text-indent:-10000px;display:inline-block;background:url("../img/sprite.png") no-repeat 0 -11px transparent;width:12px;height:11px;position:relative;top:2px;margin-left:13px;}
#reply-title{margin-bottom:0;}
#reply-title a{font-size:15px;line-height:17px;margin-left:5px;}
#respond textarea,#respond input{border:1px solid #e4e5e5;font-size:13px;color:#2b2b2b;line-height:17px;padding:2% 2.5%;width:95%;margin:-1px 0 0 0;}
.single .featured_items{margin-top:30px;}
.single .featured_items li{margin-bottom:30px!important;}
.send_this_comment{cursor:pointer;}
.custom_bg{position:fixed;width:100%;height:100%;display:block;z-index:-1;left:0;top:0;background-repeat:repeat;}
.custom_bg.img_bg{background-size:cover;background-repeat:no-repeat;background-position:center;}
.page-template-page-contacts-php .entry-title{text-align:left;}
.page.wpcf7-form-control{width:95%;padding:10px 2.5%;border:1px solid #e4e5e5;color:#2b2b2b;font-size:13px;line-height:15px;margin:-1px 0 0 0;}
.wpcf7-form p{margin-bottom:0;}
.temp_submit_cf7 .shortcode_button{cursor:pointer;}
.temp_submit_cf7 .ico_this{padding-top:0;top:6px;}
.wpcf7-form-control-wrap{width:100%;position:relative;}
.wpcf7-response-output{margin:0!important;padding:5px 0!important;border:none!important;}
.temp_submit_cf7{display:inline-block;}
.ajax-loader{display:inline-block;margin-left:10px!important;vertical-align:top!important;}
.wpcf7-not-valid-tip{position:absolute;right:10px;top:0;font-size:13px!important;}
.optionset{margin:0;padding-left:0;text-align:center;line-height:13px;}
.optionset li{list-style:none;margin-left:0!important;margin-right:30px;display:inline-block;line-height:13px;}
.optionset li:last-child{margin-right:0;}
.optionset li:before{display:none!important;}
.optionset li a{font-family:'thai_sans_literegular', sans-serif;color:#484848;font-size:22px;line-height:27px;}
.optionset li a:hover,
.optionset li.selected a{color:#bfbfbf;}
.portfolio_item,
.artwork_item,
.posts-block .stand_post{width:calc(33.333% - 20px);margin:10px;overflow:hidden;-webkit-box-shadow:0px 1px 4px rgba(0,0,0,0.1);-moz-box-shadow:0px 1px 4px rgba(0,0,0,0.1);box-shadow:0px 1px 4px rgba(0,0,0,0.1);background:#fff;flex-shrink:0;}
.portfolio_item:hover,
.artwork_item:hover,
.posts-block .stand_post:hover{overflow:hidden;-webkit-box-shadow:0px 1px 10px rgba(0,0,0,0.2);-moz-box-shadow:0px 1px 10px rgba(0,0,0,0.2);box-shadow:0px 1px 10px rgba(0,0,0,0.2);}
.portfolio_item_img,
.artwork_item_img,
.posts-block .stand_post .img_block img{transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;}
.portwrap{display:flex;flex-wrap:wrap;margin:0;padding:0;}
.portfolio_block{margin-top:68px;margin-bottom:50px;}
.module_portfolio{overflow:hidden;position:relative;}
.portfolio_block .tab_linkweb a h2,
.artwork_block .tab_linkweb a h2,
.home .tab_linkweb a h2{color:#B9B9B9;}
.artwrap{display:flex;flex-wrap:wrap;margin:0;padding:0;}
.artwork_block{margin-top:68px;margin-bottom:50px;}
.module_artwork{overflow:hidden;position:relative;}
.isotope_preloader{min-height:700px;}
.row-pagerblock{width:100%;font-size:25px;text-align:center;}
ul.pagerblock{width:auto;padding-left:0;margin:75px 0 75px 0;position:relative;display:flex;align-items:center;justify-content:center;}
.pagerblock li{border:1px solid #a4a4a4;margin:auto;float:left;line-height:normal;}
.pagerblock li.text-pagerblock{border:0;line-height:45px;}
.pagerblock a{color:#2b2b2b;padding:15px 12px 19px 12px;font-size:32px;}
.pagerblock a:hover{color:#b5b5b5;}
.pagerblock li{float:left;margin-left:0!important;list-style:none;margin-right:15px;}
.pagerblock li:last-child{margin-right:0;}
.pagerblock li:before{display:none!important;}
.pagerblock a.current{color:#b5b5b5;}
.blog_post_preview{margin-bottom:30px;}
.portfolio_item_title h3{font-family:'thai_sans_literegular', sans-serif;font-size:27px;letter-spacing:0.5px;font-weight:normal;color:#fff;text-shadow:-1px -1px #000;text-align:left;bottom:30px;left:20px;line-height:28px;position:absolute;padding:0;z-index:18;}
.now_grid_masonry_view .portfolio_item:hover h3,
.portfolio_item_title:hover h3{color:#fff!important;text-shadow:none;}
.now_inline_view .portfolio_item:hover h3,
.portfolio_item_title:hover h3{color:#29a39e!important;text-shadow:none;}
.portfolio_item{margin-bottom:10px;display:flex;flex-direction:column;}
.shadow_portfolio_item{-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;width:100%;height:292px;position:absolute;z-index:2;bottom:0;background:url("../img/shadow_portfolio_item.png") repeat-x bottom transparent;}
.preview_categ{color:#b5b5b5;text-align:left;bottom:20px;left:20px;position:absolute;padding:0;z-index:16;line-height:13px;}
.preview_categ a h4{color:#b5b5b5;font-size:15px;letter-spacing:1px;padding:0;margin:0;width:inherit;font-weight:normal;display:inherit;}
.recent_design .preview_categ{bottom:auto;left:auto;text-align:center;}
.grid_masonry_view{background:url("../img/sprite-bt.png") no-repeat 0 -34px transparent;width:30px;height:30px;display:inline-block;cursor:pointer;margin-right:5px!important;}
.inline_view{background:url("../img/sprite-bt.png") no-repeat 0 0px transparent;width:30px;height:30px;display:inline-block;cursor:pointer;}
.grid_masonry_view:hover,
.grid_masonry_view.active,
.inline_view:hover,
.inline_view.active{opacity:0.4;}
.portwrap.now_inline_view{max-width:1170px;width:100%;margin:0 auto!important;}
.portwrap.now_inline_view .shadow_portfolio_item{display:none;}
.portwrap.now_inline_view .portfolio_item{width:100%;margin:10px 0;padding:0;background:#fff;}
.portwrap.now_inline_view .portfolio_item_img{width:30%;display:block;position:relative;float:left;}
.portwrap.now_inline_view .portfolio_item_title h3,
.portwrap.now_inline_view .preview_categ{float:left;width:65%;margin:30px 0 0 30px;padding:0;text-align:left;position:relative;left:0;color:#313131;text-shadow:none;bottom:0;}
.portwrap.now_inline_view .portfolio_item_title h3{margin-bottom:0;}
.portwrap.now_inline_view .preview_categ{margin-top:0px;}
.artwrap.now_inline_view{max-width:1170px;width:100%;margin:0 auto!important;}
.artwrap.now_inline_view .shadow_artwork_item{display:none;}
.artwrap.now_inline_view .artwork_item{width:100%;margin:10px 0;padding:0;background:#fff;}
.artwrap.now_inline_view .artwork_item_img{width:30%;display:block;position:relative;float:left;}
.artwrap.now_inline_view .artwork_item_title h3,
.artwrap.now_inline_view .preview_categ{float:left;width:65%;margin:30px 0 0 30px;padding:0;text-align:left;position:relative;left:0;color:#313131;text-shadow:none;bottom:0;}
.artwrap.now_inline_view .artwork_item_title h3{margin-bottom:0;}
.artwrap.now_inline_view .preview_categ{margin-top:0px;}
.now_inline_view .portfolio_item .innerpadding{padding-left:0;}
.now_inline_view .artwork_item .innerpadding{padding-left:0;}
.isotope_here.grid .isotope_item,
.isotope_here.masonry .isotope_item{width:20%;}
.isotope_item{margin-bottom:40px;}
.blogpost_title h1{font-size:14px;color:#313131;font-weight:700;letter-spacing:1px;}
.blogpost_title{font-family:'thai_sans_literegular', sans-serif;font-size:35px;letter-spacing:0.5px;font-weight:normal;line-height:37px;border-bottom:1px solid #666;padding-bottom:10px;display:block;text-align:center;}
.isotope_item .innerpadding{padding-left:50px;}
.isotope_here{margin-left:-50px;}
.isotope_item .blogpost_title h1{margin-bottom:0;margin-top:12px;line-height:25px;}
.preview_meta_date,
.preview_meta_comments a{font-size:11px;color:#b5b5b5;}
.isotope_item .innerpadding{text-align:center;}
.module_blog .entry-title{text-align:left;}
.module_blog article{margin-top:25px;}
.stand_post{margin-bottom:50px;position:relative;overflow:hidden;}
.stand_post .entry-title{text-align:left;}
.archive .posts-block{margin-bottom:50px;}
.posts-block .stand_post{float:left;}
.posts-block .stand_post .item_list{margin:0;background:#fff;}
/* Category page flex grid */
.cat-flex-grid{display:flex;flex-wrap:wrap;margin:-10px;}
.cat-flex-grid .stand_post{float:none;width:calc(33.333% - 20px);margin:10px;box-sizing:border-box;}
.cat-flex-grid .stand_post img{width:100%;height:auto;display:block;}
@media(max-width:900px){.cat-flex-grid .stand_post{width:calc(50% - 20px);}}
@media(max-width:600px){.cat-flex-grid .stand_post{width:calc(100% - 20px);}}
.recent_design .shadow_portfolio_item{display:none;}
.recent_design .portfolio_item_title h3{position:relative;left:0;bottom:0;text-shadow:none;margin:auto;max-width:90%;color:#666;text-align:center;font-size:22px;height:30px;overflow:hidden;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; word-wrap:break-word;}
.recent_design .portfolio_item:hover h3{color:#29a39e!important;}
.recent_design .shadow_artwork_item{display:none;}
.recent_design .artwork_item_title h3{position:relative;left:0;bottom:0;text-shadow:none;margin:auto;max-width:90%;color:#666;text-align:center;font-size:22px;height:30px;overflow:hidden;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; word-wrap:break-word;}
.recent_design .artwork_item:hover h3{color:#29a39e!important;}
.recent_design .preview_categ{position:relative;margin:0;height:20px;overflow:hidden;line-height:20px;}
body.page-id-534 .recent_design .preview_categ,
body.page-id-669 .recent_design .preview_categ,
body.page-id-674 .recent_design .preview_categ,
body.page-id-674 .recent_design .optionset,
body.page-id-1043 .recent_design .preview_categ,
body.page-id-1045 .recent_design .preview_categ,
body.page-id-621 .recent_design .preview_categ,body.page-id-621 .recent_tumweb .fp_cat,
body.page-id-394 .recent_tumweb .fp_cat,body.page-id-753 .recent_tumweb .fp_cat,
body.term-44 .fp_cat,body.term-41 .fp_cat,body.term-38 .fp_cat{display:none;}
body.page-id-621 .recent_tumweb li .featured_items_title,
body.page-id-753 .recent_tumweb li .featured_items_title,
body.page-id-394 .recent_tumweb li .featured_items_title{margin-bottom:45px;}
body.term-44 .featured_items_body,
body.term-41 .featured_items_body,
body.term-38 .featured_items_body{padding:5px 0 15px 0;}
body.term-44 .stand_post a h3{font-size:22px;}
.recent_design .now_grid_masonry_view .inner_item_tex{padding:15px 0 15px 0;position:relative;text-align:center;background-color:#fff;}
.post_read_more_small{font-size:19px;padding-top:25px;display:block;}
.module_text_area .headInModule{margin-bottom:20px;}
.search .contentarea{margin-bottom:70px;}
.search .entry-title{margin-bottom:15px;}
.contentarea ol,
.contentarea ul{padding-left:0;}
.contentarea ul li{list-style:none!important;}
.module_title .headInModule{margin-bottom:0;}
.module_feature_portfolio .headInModule,
.module_feature_artwork .headInModule,
.module_feature_posts .headInModule{margin-bottom:20px;}
.module_partners .headInModule{margin-bottom:30px;}
.item_list .featured_item_fadder,
.featured_item_fadder,
.module_fader{overflow:hidden;}
.item_list .item img,
.portfolio_item_img img,
.artwork_item_img img,
.module_fader img{display:block;width:100%;}
.item_list .item:hover img,
.now_grid_masonry_view .portfolio_item:hover .portfolio_item_img,
.now_grid_masonry_view .artwork_item:hover .artwork_item_img,
.posts-block .stand_post:hover .img_block img{transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}
.now_grid_masonry_view .portfolio_item:hover .shadow_portfolio_item,
.now_grid_masonry_view .artwork_item:hover .shadow_artwork_item{background:url(../img/shadow_portfolio_item_hover_gray.png) repeat-x bottom;}
.isotope_margin{margin-bottom:-40px;}
.fw .contentarea .span8 img{width:100%;height:auto;}
.shortcode_counter{text-align:center;}
.shortcode_counter .icon{font-size:36px;color:#313131;font-weight:400;}
.shortcode_counter .icon_cont{margin-bottom:15px;}
.stat_count{font-size:33px;color:#313131;}
.counter_title{font-size:17px;}
.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor{}
.before-after{padding:6px;}
.beforeAfter_wrapper img{display:block;width:100%;height:auto;}
.beforeAfter_wrapper{width:100%;overflow:hidden;display:block;position:relative;background-size:100% auto!important;cursor:none;}
.img_before{visibility:hidden;}
.beforeAfter_wrapper .after_wrapper{display:block;width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;background-size:auto 100%!important;}
.beforeAfter_wrapper .after_wrapper img{position:absolute;left:0;top:0;width:100%;height:auto;}
.beforeAfter_wrapper .result_line{width:28px;height:12px;display:block;background:url(../img/ba-result.png) no-repeat 0 0;position:absolute;top:50%;margin:-6px 0 0 -14px;}
.beforeAfter_wrapper .result_line:before{content:'';background:#ffffff;width:2px;height:500px;left:13px;bottom:5px;display:block;position:absolute;}
.beforeAfter_wrapper .result_line:after{content:'';background:#ffffff;width:2px;height:500px;left:13px;top:5px;display:block;position:absolute;}
.gal_margin_fix1{margin-bottom:-20px;}
.contact_info_item.with_bg .contact_info_icon{display:inline-block;padding:12px 13px;height:auto;width:auto;margin-right:15px;}
.contact_info_item.with_bg .contact_info_icon i{padding-left:1px;}
.contact_info_text.with_bg,
.contact_info_text.with_bg a{font-size:16px;color:#2b2b2b;}
.tac{text-align:center;}
.post-comments span{color:#2b2b2b;}
.logged-in-as,
.comment-notes{font-size:13px;}
.alignleft{float:left;margin-right:30px;margin-bottom:20px;}
.alignright{float:right;margin-left:30px;margin-bottom:20px;}
.aligncenter{float:none;text-align:center;}
.block404{text-align:center;min-height:400px;padding-top:90px;}
.block404 h4{color:#b5b5b5;margin-bottom:22px;}
.search_form_cont{position:relative;width:30%;margin:0 auto;}
.search_form{width:100%;margin-left:-55px;}
.search_form input{width:100%;height:40px;text-indent:15px;border:1px solid #e4e5e5;font-size:13px;}
.search_form .icon-search{margin-right:3px;}
.sicon{position:absolute;right:-58px;top:0;cursor:pointer;height:44px;width:110px;color:#ffffff;font-size:14px;text-transform:uppercase;font-weight:700;line-height:44px;border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;}
.sicon:hover{background-color:#3c3c3c;}
.block404 p{margin-bottom:70px;}
.dn{display:none!important;}
.wp-caption{max-width:100%;}
table{margin-bottom:40px;border-collapse:collapse;}
table td,table th{border:1px solid #cccccc;padding:5px 10px;}
.op0{opacity:0;position:relative;}
.gt3_preloader:after{position:fixed;top:50%;left:50%;content:"";display:block;width:64px;height:64px;margin-left:-32px;margin-top:-32px;background:url("../img/preloader.gif") no-repeat 0 0 transparent;}
.recent_port,
.recent_art{float:left;width:100%;background-color:#e8e6e6;margin-top:80px;}
.recent_port.recent_blog,
.recent_art.recent_blog{background:none;}
.recent_port_inner,
.recent_art_inner{position:relative;overflow:hidden;}
.recent_port h2,
.recent_art h2{margin-top:30px;}
.recent_port h2,
.recent_art h2{background:inherit;}
.tab_linkweb{display:none!important;margin-top:25px;display:inline-block;margin-bottom:-10px;line-height:23px;}
.tab_linkweb h2{font-size:18px;font-weight:normal;color:#4090db;margin:0;padding:0;float:right;}
.tab_linkweb a{display:block;float:left;margin-right:10px;}
.recent_tumweb h2{border-bottom:1px solid #CCC;text-indent:0;padding-bottom:28px;}
.recent_tumweb-btn-work .btn_text{font-size:27px;font-weight:normal;line-height:30px;padding-left:21px;}
.recent_tumweb-btn-work .btn_large .ico_cont{display:none;}
.btn-margin-cheap{margin-left:30px;}
.margin-top-btn{margin-bottom:-70px;padding-top:20px;}
.btn-alian-center > .module_content{text-align:center;}
.margin-top-btn .btn_text{font-size:23px;line-height:17px;font-weight:bold;margin:auto;}
.recent_item_list li,
.recent_tumweb li{width:25%;}
.recent_item_list li .featured_item_fadder,
.recent_tumweb li .img_block{-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.2);-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.2);box-shadow:0px 1px 3px rgba(0,0,0,0.2);}
.post_no_shadow .img_block{-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;}
.recent_item_list li .featured_item_fadder img{width:100%;}
.recent_item_list li:hover .featured_item_fadder,
.recent_tumweb li:hover .img_block{-webkit-box-shadow:0px 1px 10px rgba(0,0,0,0.3);-moz-box-shadow:0px 1px 10px rgba(0,0,0,0.3);box-shadow:0px 1px 10px rgba(0,0,0,0.3);}
.recent_item_list li .featured_item_fadder img{width:100%;}
.recent_item_list li h3,
.recent_tumweb li h3,
.stand_post .item_list h3{font-weight:normal;line-height:19px;margin-top:10px;text-align:center;}
.recent_tumweb li .featured_items_title,
.recent_tumweb .fp_cat{width:100%;height:35px;overflow:hidden;}
.recent_item_list .featured_items_title a,
.recent_tumweb a,
.stand_post a h3{letter-spacing:0.5px;font-size:19px;}
.recent_item_list .block_cats a,
.recent_tumweb .fp_cat a,
.stand_post .fp_cat a h4{font-size:14px;}
.view_all_port,
.view_all_art{font-size:22px;position:absolute;top:25px;right:2.2%;}
span.inn,b.inn,h1.inn,strong.inn,em.inn{display:none;}
.footer_contact h5,.footer_contact .footer-contact-title{text-transform:none;font-weight:normal;line-height:35px;font-size:31px;color:#3d3d3d;text-align:left;}
.footer_contact .title_con{display:block;margin-bottom:15px;border-bottom:1px solid #CCC;text-indent:15px;padding-bottom:5px;color:#1a6b6c;}
.footer_contact i{width:52px;display:block;float:left;margin-left:25px;font-size:30px;}
.footer_contact a{font-size:25px;}
.posts-block .content li em{font-style:normal;}
.slide_webcheap{margin-top:-60px;margin-bottom:-19px;}
.container_full{width:112%!important;margin-left:-5.75%!important;}
/* full screnn */ .page-id-621 .container,
.page-id-542 .container,
.home .container{overflow:visible;}
/*end full screnn */
/* sticky button */
#salesdesk_widget_button_group{bottom:150px!important;}
.salesdesk-widget-button-default-text{display:none!important;}
.powered_by_salesDesk {display:none!important;}
#wpfront-scroll-top-container{right:8px!important;bottom:14px!important;}
.bbody{width:100%;overflow:hidden;}
.module_cont.container_full{width:90%;margin-left:auto;margin-right:auto;padding-top:50px!important;}
.container_full > .module_content{width:90%;margin:auto;}
.module_cont.container_full.module_content_full > .module_content{width:100%;}
.module_cont.container_full.module_content_full{padding:0px!important;}
.container_full.slide_webcheap .module_content{width:100%;}
.block_web_cheap1{background-color:#06adc0;}
.home .block_web_cheap1{margin-top:-27px;}
.container_full h1,
.container_full h2,
.container_full h3{color:#fff;}
.block_web_cheap2{background-color:#477689;margin-bottom:50px;}
.block_web_cheap-program{background-color:#00a89b;margin-bottom:50px;}
.block_web_cheap1_2 .module_content{width:100%;}
.block_web_cheap1_2{margin-bottom:-30px;}
.btn_type6.btn-pink{background-color:#c71f43;}
.btn_type6.btn-pink:hover{background-color:#3c3c3c;}
.link_bg_color{color:#f5f5f7;}
.link_bg_color a{color:#fff;}
.link_bg_color a:hover{color:#cecef8;}
.recent_tumweb li{margin-bottom:-0.5%!important;}
.module_cont.container_full.block_web_mobile{height:500px;position:relative;padding-top:100px!important;padding-bottom:85px!important}
.block_web_mobile {z-index:1;}
/* line gradient overlay for mobile block */
.block_web_mobile::before{content:'';position:absolute;inset:0;width:100%;height:100%;background:url(../img/bg-website-mobile-application-responsive.jpg); background-size:cover;z-index:-1;pointer-events:none;}
.block_web_mobile h2{text-shadow:0px 0px 9px rgba(0, 0, 0, 0.75);}
.block_web_mobile .img-mobile-port,
.block_web_mobile .img-mobile-art{position:absolute;right:0;bottom:0;}
.block_web_mobile .img-mobile-port .module_content,
.block_web_mobile .img-mobile-art .module_content{margin-bottom:0px;}
.block_web_mobile h2{font-size:53px;line-height:55px;margin-bottom:15px;}
.block_web_mobile h2 a{color:#fff!important;}
.block_web_mobile h2 a br{display:none;}
.block_web_mobile h3{font-size:33px;color:#CCC;}
#rotor-root{height:500px;overflow:hidden;background-color:#0B0D1B;}
#shader-background-root{padding:0!important;margin-top:-500px;height:500px;overflow:hidden;margin-bottom:50px;position: relative;}
#shader-background-root canvas{width:140%;}
#blue-gradient-root{padding:0!important;margin-top:-800px;height:800px;overflow:hidden;margin-bottom:50px;position: relative;}
#blue-gradient-root canvas{width:140%;height:800px;}
#black-hole-root{background:#0B0D1B;padding:0!important;margin-top:-800px;height:800px;overflow:hidden;margin-bottom:50px;position: relative;}
#black-hole-root canvas{width:140%;height:800px;}
.block_web_program2026 {z-index:1;position: relative;height:800px;}
.block_web_program2026 .block_web_cheap-program{background:none;}
/* ===== Hero Program Section ===== */
.hero-prog-wrap {
  background: linear-gradient(139deg, rgba(229, 242, 247, 0) 26.89%, rgba(255, 255, 255, 0.24) 37.82%, rgba(255, 255, 255, 0.11) 46.64%, rgba(229, 242, 247, 0) 54.62%);
  border-radius: 20px;
  padding: 48px 40px;
  display: flex;
  align-items: center;
  gap: 48px;
  flex-wrap: wrap;
  position: relative;
}

/* ── LEFT COLUMN ── */
.hero-prog-left {
  flex: 1 1 360px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.hero-prog-left .hero-headline {
  font-size: 2.65rem;
  font-weight: normal;
  color: #fff;
  text-shadow: 0 0 8px rgba(255,255,255,.6);
  line-height: 1.2;
  margin: 0;
}
.hero-prog-left .hero-headline span{
  font-size: 2.6rem;
  text-shadow:none;
}
.hero-prog-left .hero-headline .hero-accent {
  color:#feca58;
  display: block;
}
.hero-prog-left .hero-sub {
  color: #fff;
  line-height: 1.2;
  margin: 0;
}
.hero-prog-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #c0392b;
  color: #fff !important;
  font-size: 31px;
  font-weight: normal;
  padding: 14px 28px;
  border-radius: 50px;
  text-decoration: none !important;
  transition: background .25s, transform .2s, box-shadow .25s;
  box-shadow: 0 6px 20px rgba(192,57,43,.35);
  align-self: flex-start;
  margin-top: 10px;
  margin-bottom: 15px;
}
.hero-prog-cta:hover {
  background: #a93226;
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(192,57,43,.45);
}
.hero-prog-cta svg { flex-shrink: 0; }

/* Feature grid 2×2 */
.hero-feat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.hero-feat-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: rgba(255,255,255,.55);
  border-radius: 12px;
  padding: 12px 14px;
  backdrop-filter: blur(6px);
}
.hero-feat-check {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background: #c0392b;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
}
.hero-feat-item p {
  color: #1a3a4a;
  line-height: 1.15;
  margin: 0;
}
.hero-feat-item p a { color: inherit; text-decoration: none; }
.hero-feat-item p a:hover { text-decoration: underline; }

/* ── RIGHT COLUMN ── */
.hero-prog-right {
  flex: 1 1 420px;
  position: relative;
  width: 420px;
  height: 420px;
  flex-shrink: 0;
}
/* black-hole shader container */
.black-hole{
  padding-top: 100px;
  padding-bottom: 100px;
}

.black-hole-warp {
  border-radius: 20px;
  padding: 48px 0px;
  display: flex;
  align-items: center;
  gap: 48px;
  position: relative;
}
.black-hole-left{
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.black-hole-right{
  flex: 1 1 920px;
  position: relative;
  width: 920px;
  height: 920px;
  margin-left: 300px;
}
.black-hole-right canvas{width:115%!important;margin-top:-50px!important;}

/* ── Animated orbit rings ── */
.hero-orbit-ring {
  position: absolute;
  border-radius: 50%;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
/* Outer glow pulse ring */
.hero-orbit-ring-outer {
  width: 410px; height: 410px;
  border: 2px solid rgba(255,255,255,.15);
  box-shadow: 0 0 0 0 rgba(255,255,255,.3);
  animation: ring-pulse 3.5s ease-in-out infinite;
}
/* Mid dashed spinning ring */
.hero-orbit-ring-mid {
  width: 320px; height: 320px;
  border: 2px dashed rgba(255,255,255,.55);
  animation: ring-spin 22s linear infinite;
}
/* Inner dashed counter-spinning ring */
.hero-orbit-ring-inner {
  width: 200px; height: 200px;
  border: 2px dashed rgba(255,255,255,.35);
  animation: ring-spin-rev 14s linear infinite;
}

@keyframes ring-spin {
  to { transform: translate(-50%,-50%) rotate(360deg); }
}
@keyframes ring-spin-rev {
  to { transform: translate(-50%,-50%) rotate(-360deg); }
}
@keyframes ring-pulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(255,255,255,.3); opacity:.5; }
  50%      { box-shadow: 0 0 30px 10px rgba(255,255,255,.18); opacity:1; }
}

/* ── Center hub ── */
.hero-orbit-hub {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  width: 66px; height: 66px;
  border-radius: 50%;
  background: linear-gradient(135deg, #fff 0%, #bfe0ec 100%);
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 0 0 10px rgba(255,255,255,.18), 0 0 0 22px rgba(255,255,255,.08);
  z-index: 5;
  animation: hub-pulse 3s ease-in-out infinite;
}
@keyframes hub-pulse {
  0%,100% { box-shadow: 0 0 0 10px rgba(255,255,255,.18), 0 0 0 22px rgba(255,255,255,.08); }
  50%      { box-shadow: 0 0 0 14px rgba(255,255,255,.28), 0 0 0 30px rgba(255,255,255,.12); }
}

/* ── Orbit arm — the rotating carrier ── */
.hero-orbit-arm {
  position: absolute;
  inset: 0;
  animation: orbit-spin 14s linear infinite;
  transform-origin: center center;
}
@keyframes orbit-spin {
  to { transform: rotate(360deg); }
}

/* ── Service cards (absolutely positioned inside orbit arm) ── */
.hero-svc-card {
  position: absolute;
  width: 130px;
  background: #fff;
  border-radius: 16px;
  padding: 14px 12px;
  box-shadow: 0 6px 24px rgba(0,0,0,.13);
  display: flex;
  flex-direction: column;
  gap: 6px;
  z-index: 4;
  /* Counter-rotate to keep card upright while arm spins */
  animation: orbit-counter 14s linear infinite;
  transform-origin: center center;
  transition: box-shadow .3s;
}
.hero-svc-card:hover {
  box-shadow: 0 10px 30px rgba(0,0,0,.22);
}
@keyframes orbit-counter {
  to { transform: rotate(-360deg); }
}

/* Card positions — container 420×420, center (210,210), radius 130px */
/* Card 1: top  (angle −90°) center=(210, 80) */
.hero-svc-card:nth-child(1) { top: 10px;  left: 145px; }
/* Card 2: bottom-right (angle 30°) center=(323, 275) */
.hero-svc-card:nth-child(2) { top: 205px; left: 358px; }
/* Card 3: bottom-left (angle 150°) center=(97, 275) */
.hero-svc-card:nth-child(3) { top: 205px; left: 32px;  }

.hero-svc-label {
  font-size: 21;
  font-weight: normal;
  text-transform: uppercase;
  display: flex;
  align-items: end;
  gap: 5px;
  line-height: 1;
}
.hero-svc-label .hero-svc-dot {
  width: 35px; height: 35px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.hero-svc-label .hero-svc-dot svg {
  width: 30px; height: 25px;
  fill: #c0392b;
}
.hero-svc-card h3 {
  font-size: 21px;
  font-weight: normal;
  color: #1a1a1a;
  margin: 0;
  line-height: 0.9;
}
.hero-svc-card p {
  font-size: 17px;
  color: #5a5a5a;
  line-height: 0.95;
  margin: 10px 0 0 0;
  letter-spacing: 0px;
  padding: 0 7px 7px 7px;
}
.hero-svc-card p a { color: inherit; text-decoration: none; }
.hero-svc-btn {
  display: inline-block;
  background: linear-gradient(90deg, #bfe0ec, #5aaec8);
  color: #1a3a4a !important;
  font-size: .7rem;
  font-weight: normal;
  padding: 6px 12px;
  border-radius: 50px;
  text-decoration: none !important;
  text-align: center;
  transition: opacity .2s, transform .2s;
}
.hero-svc-btn:hover { opacity: .88; transform: translateY(-1px); }

/* ===== Service Carousel Row ===== */
.hero-svc-carousel-row {
  margin-top: 22px;
  overflow: hidden;
  position: relative;
  padding: 4px 0 8px;
  /* fade edges */
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);
}
.hero-svc-carousel-track-wrap {
  position: relative;
}
.hero-svc-carousel-track {
  display: flex;
  gap: 12px;
  width: max-content;
  animation: hsvc-scroll 32s linear infinite;
}
.hero-svc-carousel-track:hover {
  animation-play-state: paused;
}
@keyframes hsvc-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.hsvc-item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(192,57,43,.15);
  border-radius: 50px;
  padding: 9px 18px 9px 10px;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
  backdrop-filter: blur(4px);
  transition: box-shadow .2s, transform .2s, background .2s;
  cursor: default;
}
.hsvc-item:hover {
  background: rgba(255,255,255,.95);
  box-shadow: 0 4px 16px rgba(192,57,43,.18);
  transform: translateY(-2px);
}
.hsvc-icon {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #c0392b;
  border-radius: 50%;
}
.hsvc-icon svg {
  width: 20px;
  height: 20px;
}
.hsvc-label {
  font-size: 21;
  color: #1a2a3a;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 1;
}

/* Responsive */
@media (max-width: 960px) {
  .hero-prog-wrap { padding: 32px 20px; gap: 32px; flex-direction: column; align-items: center; }
  .hero-prog-left .hero-headline { font-size: 2rem; }
  .hero-prog-right { width: 380px; height: 380px; }
  .hero-svc-carousel-track { animation-duration: 24s; }
}
@media (max-width: 480px) {
  .hero-feat-grid { grid-template-columns: 1fr; }
  .hero-prog-right { width: 320px; height: 320px; }
  .hero-svc-card { width: 110px; padding: 10px 9px; }
  .hero-svc-card:nth-child(1) { top:  8px; left: 105px; }
  .hero-svc-card:nth-child(2) { top: 170px; left: 200px; }
  .hero-svc-card:nth-child(3) { top: 170px; left: 10px;  }
  .hero-orbit-ring-outer { width: 315px; height: 315px; }
  .hero-orbit-ring-mid   { width: 250px; height: 250px; }
  .hero-orbit-ring-inner { width: 160px; height: 160px; }
  .hsvc-item { padding: 7px 14px 7px 8px; }
}
@media only screen and (max-width: 1300px) {
  .black-hole-right canvas{width:160%!important;margin-top:-50px!important;margin-left:-20%!important;}
}
@media only screen and (max-width: 1200px) {
  #blue-gradient-root{margin-top:-850;height:850px;}
  #blue-gradient-root canvas{height:850px}
  #black-hole-root{margin-top:-850px;height:850px;}
  #black-hole-root canvas{height:850px}
  .block_web_program2026{height:850px;}
  .black-hole-right canvas{width:150%!important;margin-top:-10px!important;margin-left:-20%!important;}

}
@media only screen and (max-width: 1024px) {
  .hero-sub br{display:none;}
  .hero-prog-left .hero-headline,
  .hero-prog-left .hero-headline span{font-size:40px;line-height:45px;}
}
@media only screen and (max-width: 990px) {
  .hero-sub br{display:block;}
  .hero-prog-left{margin-bottom: 50px;}
  #blue-gradient-root{width:140%!important;margin-top:-1200px;height:1200px;}
  #blue-gradient-root canvas{height:1200px}
  .block_web_program2026{height:1200px;}
  #black-hole-root{width:140%!important;margin-top:-1200px;height:1200px;}
  #black-hole-root canvas{height:1200px}
  .black-hole-warp{display:grid;}
  .black-hole-left{height:300px;}
  .black-hole-right{height:600px;margin-left:0;}
  .black-hole-right canvas{width:150%!important;margin-left:-20%!important;}

}
@media only screen and (max-width: 980px) {
  #blue-gradient-root{margin-top:-1250px;height:1250px;}
  #blue-gradient-root canvas{height:1250px}
  #black-hole-root{margin-top:-1250px;height:1250px;}
  #black-hole-root canvas{height:1250px}
  .block_web_program2026{height:1250px;}
  .black-hole-left{height:350px;}
  .black-hole-right canvas{width:150%!important;margin-left:-25%!important;}
}
@media only screen and (max-width: 768px) {
  .black-hole-right canvas{width:150%!important;margin-left:-30%!important;}
}
@media only screen and (max-width: 600px) {
  .black-hole-right canvas{width:150%!important;margin-left:-40%!important;}
}
@media only screen and (max-width: 480px) {
  .hero-prog-left .hero-headline,
  .hero-prog-left .hero-headline span{font-size:35px;line-height:40px;}
  #blue-gradient-root{margin-top:-1400px;height:1400px;}
  #blue-gradient-root canvas{height:1400px}
  #black-hole-root{margin-top:-1400px;height:1400px;}
  #black-hole-root canvas{height:1400px}
  .block_web_program2026{height:1400px;}
  .hero-prog-cta{font-size:27px;}
  .hero-prog-left .hero-sub br{display:none;}
  .hsvc-icon svg{width: 18px; height: 18px;}
  .black-hole-left{height:500px;}
  .black-hole-right canvas{width:150%!important;margin-left:-50%!important;}

}

/* Curved gradient overlay for mobile block */
#shader-background-root::after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:50px;background:#fafafa;clip-path:ellipse(55% 100% at 50% 100%);}
.block_web_seo{background:url(../img/bg_google-search-website-seo.jpg) #fff no-repeat top right;height:450px;margin-bottom:30px;overflow:hidden;position:relative;}
.home .block_web_seo{margin-bottom:0;}
.block_web_seo h2{font-size:53px;line-height:47px;margin-bottom:15px;color:#000;text-align:right;text-transform:none;}
.block_web_seo h3{font-size:41px;color:#000;text-transform:none;margin-top:25px; text-align:right;}
.block_web_seo .svfb{position:absolute;bottom:60px;line-height:45px;margin:auto;color:#2e3192;font-size:46px;background:rgba(255, 255, 255,0.5);padding:20px;width:inherit;overflow:hidden;}
.block_web_seo .svfb em{font-size:35px;}
.block_head_design{background:url(../img/bg-art-design-head.jpg) #fff903 no-repeat top center;margin-top:-10px;background-size:110% auto;margin-bottom:10px;z-index:99;}
.block_head_design_port .span8,
.block_head_design_art .span8{width:100%;}
.block_head_design_port h1,
.block_head_design_port ul,
.block_head_design_art h1,
.block_head_design_art ul{width:50%;float:left;}
.block_head_wordpress{background:url(../img/bg-web-wordpress.jpg) #e3e3ed no-repeat top center;margin-top:-10px;background-size:110% auto;margin-bottom:10px;z-index:99;}
.block_head_joomla{background:url(../img/bg-web-joomla.jpg) #e7e9e6 no-repeat top center;margin-top:-10px;background-size:110% auto;margin-bottom:10px;z-index:99;}
.page-id-542 .posts-block,
.page-id-1043 .posts-block,
.page-id-1045 .posts-block{margin-top:-45px;z-index:1;}
.block_head_design h1{font-size:67px;line-height:70px;color:#fff;text-shadow:0px 0px 9px rgba(0, 0, 0, 0.2);}
.block_head_design h1 strong{padding:0 15px;box-decoration-break:clone;box-decoration-break:split;-webkit-box-decoration-break:clone;-webkit-box-decoration-break:split;}
.block_head_wordpress h1{font-size:67px;line-height:77px;color:#000;text-transform:none;}
.block_head_wordpress h1 strong{font-weight:normal;padding:0 15px;box-decoration-break:clone;box-decoration-break:split;-webkit-box-decoration-break:clone;-webkit-box-decoration-break:split;}
.block_head_joomla h1{font-size:67px;line-height:77px;color:#000;text-transform:none;}
.block_head_joomla h1 strong{font-weight:normal;padding:0 15px;box-decoration-break:clone;box-decoration-break:split;-webkit-box-decoration-break:clone;-webkit-box-decoration-break:split;}
.nav_menu_design li{list-style:none;float:left;margin:5px 0px;background-color:#fff;}
.nav_menu_design h2{padding:0;margin:0;font-size:31px;}
.nav_menu_design h2 a{color:#000;padding:5px 20px;display:block;}
.nav_menu_design li:hover{background-color:#404040;}
.nav_menu_design li:hover a{color:#fff;}
.home .bnimg-cheap-web{display:none;}
.block_web_cheap1 .fvacontact{width:100%;position:relative;}
.block_web_cheap1 .fvacontact h3{text-align:center;margin:auto;font-size:29px;text-transform:none;background:#2d84a1;color:#fff;padding:10px 30px;width:-moz-fit-content;font-weight:bold;letter-spacing:-0.3px;}
.page-id-669 .block_web_mobile{margin-top:-60px;margin-bottom:10px!important;}
.page-id-674 .block_web_cheap-program{margin-top:-60px;margin-bottom:10px;}
.page-id-674 .block_web_cheap-program h1{margin-top:20px;margin-bottom:45px;}
.path_nav .module_content{font-size:13px;font-family:tahoam;margin-bottom:30px;color:#bdbdbd;letter-spacing:0;}
.single-port .path_nav .module_content,
.single-artwork .path_nav .module_content{margin-bottom:0;margin-top:10px;}
.path_nav a{font-size:13px;color:#636363;}
.path_nav a:hover{color:#25a3a4}
.block_study_header{margin-top:-60px;background:url(../img/bg_header_study_program_websites.jpg) top center;height:467px;}
.block_study_header h1{font-size:53px;line-height:55px;margin-bottom:15px;color:#333;}
.block_study_header h2{font-size:25px;color:#666;text-transform:none;}
.block_study_service{background-color:#ff882a;}
.block_study_service h2{text-shadow:#7d7d7d 1px 2px;font-weight:bold;}
.block_study_service h3{text-transform:none;font-size:22px;margin-top:-20px;text-indent:50px;}
.page-id-698 .shortcode_social_icon{float:left;font-size:75px;display:inline-table;margin-right:30px;}
.block_study_quotes{background-color:#fe4d00;}
.page-id-698 .quotes1{margin-bottom:25px;}
.block_study_quotes .sub-nav-location{font-size:47px;line-height:normal;}
.blog-advertise h2{font-size:27px;}
.block_study_where{background:url(../img/bg_study_websites_program_where.jpg) no-repeat top center;height:420px;}
.block_study_where h2{font-size:53px;line-height:47px;margin-bottom:25px;color:#000;margin-top:15px;}
.block_study_where h3{font-size:37px;color:#636363;line-height:normal;}
.display-none{display:none!important;}
.page-id-534 .tab_linkweb{display:none;}
.page-id-753 .block_web_seo{margin-bottom:-30px;}
.blog_client{background:#fff;box-shadow:inset 0px 0px 90px rgba(0,0,0,0.035);margin-top:-50px;}
.blog_client h2{text-align:center;color:#313131;border-bottom:1px solid #e9e9e9;line-height:65px;margin-bottom:10px;}
body.home .fp_cat{display:none;}
body.home .featured_items_title{padding-bottom:45px;}
.module_cont.container_full.block_new_normal{background:url(../img/bg_covid19_new_normal_2020.jpg) #d5dddf no-repeat bottom left;padding-top:110px!important;padding-bottom:90px!important;margin-bottom:50px;margin-top:50px;}
.block_new_normal .new-normal{float:right;}
.block_new_normal h2{font-size:73px;line-height:55px;margin-bottom:15px;color:#000;}
.block_new_normal h3{font-size:33px;color:#000;line-height:37px;}
/* blog post */ 
.single-post h1.blogpost_title{margin-top:25px;}
body.single-post .posts-block .span8{width:30%;padding-top:25px;}
body.single-post .posts-block .block_author{display:none;}
body.single-post .posts-block .span4{width:65%;}
body.single-post .featured_items_title h6{font-family:sans-serif, Geneva, sans-serif;line-height:normal;padding-top:10px;margin-bottom:5px;}
body.single-post .featured_items_title h6 a{font-size:14px;color:#787878;}
body.single-post .featured_items_title h6 a:hover{color:#00A5A7;}
body.single-post .featured_posts .item_list{margin-left:-10px;width:100%;}
body.single-post .posts-block .item_list li{width:50%;}
body.single-post .item_list li .item{margin-left:15px;}
body.single-post article{font-size:25px;line-height:35px;letter-spacing:0.5px}
body.archive .stand_post .span8,
body.archive .stand_post .span4{width:100%;}
body.archive .stand_post article{width:95%;margin-top:12px;color:#c2c2c2;padding-bottom:25px;line-height:21px;font-family:'thai_sans_literegular', sans-serif;font-size:19px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
body.archive .stand_post .blogpost_title{font-size:23px;width:95%;line-height:27px;border-bottom:1px solid #e7e7e7;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;margin-top: 25px;}
body.archive .stand_post .blogpost_title:hover{color:#06F;}
body.archive .stand_post .post_read_more_small{background:#fff;width:100%;position:absolute;bottom:0;padding:10px 0;}
body.archive .stand_post .preview_meta{color:#b5b5b5;height:15px;overflow:hidden;}
body.archive .stand_post .preview_meta .post-views svg,s
body.archive .stand_post .preview_meta .block_cats svg,
body.archive .stand_post .preview_meta .block_tags svg{width:15px;}
body.archive .stand_post .block_post_meta_stand{display:flex;align-items:center;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;gap:6px;}
body.archive .stand_post .block_post_meta_stand a{font-size:19px;color:#b5b5b5;}
body.archive .preview_meta > div,
body.single-post .preview_meta > div{float:left;width:inherit;margin:3px 5px;}
body.archive .stand_post:hover .blogpost_title{color:#06F;}
body.archive .preview_meta,body.single-post .preview_meta{overflow:hidden;}
body.single-post .block_likes{margin:0!important;line-height:normal;}
body.page-id-534 .module_portfolio,
body.page-id-534 .module_artwork{overflow:visible;}
body.page-id-534 .contentarea ul.optionset,
body.page-id-669 .contentarea ul.optionset,
body.page-id-542 .contentarea ul.optionset{width:150px;height:40px;overflow:hidden;margin-bottom:30px;float:right;margin-top:-95px;}
body.archive .preview_meta > div{margin:0;}
.salesdesk-widget.modern .salesdesk-widget-btn-list .salesdesk-widget-button-text{background:#fff!important;color:#7d7d7d!important;}
.salesdesk-widget.modern .powered_by_salesDesk{display:none!important;}
.salesdesk-widget.modern .box-blur{background-color:#fff!important;color:#7d7d7d!important;}
#rchat_box_container,
.salesdesk-widget modern{z-index:3800000000!important;}
#salesdesk_widget_contact_popup{z-index:3800000001!important;}
header.type3 .fr{position:relative;}
.chat_line{font-family:'thai_sans_literegular', sans-serif;font-size:23px!important;letter-spacing:0px;background:#42a941;color:#fff!important;border-radius:6px;padding:3px 15px 3px 45px; position:absolute; right:120px; margin-top:6px; display:block;}
.chat_line:hover{color:#fff;}
.btn_quote{font-family:'thai_sans_literegular', sans-serif;font-size:23px!important;letter-spacing:0px;background:rgba(255, 255, 255, 0.5);color:#42a941!important;border-radius:6px;border:1px solid #42a941;padding:2px 15px; position:absolute; right:240px; margin-top:6px; display:block;}
.btn_quote:hover{background:rgba(255, 255, 255, 0.7);}
.kysys-qbtn-wrap button{font-family:'thai_sans_literegular', sans-serif;font-weight:normal;background-color: #25a3a4;margin-right:0;border:0}
.kysys-qbtn-wrap button.btn_type_white{background:#fff;color:#25a3a4;opacity:1;}
.kysys-qbtn-wrap button.btn_type_white:hover{opacity:0.8;}
.kysys-qbtn-wrap--center{text-align:center;}
.kysys-qbtn-wrap--right{text-align:right;}
.kysys-qbtn-wrap--left{text-align:left;}
.kysys-qbtn-wrap .btn_text{padding:11px 15px 10px;}
.cky-consent-container{max-width:350px}
.cky-box-bottom-left{bottom:100px!important;left:20px!important;}
.cky-consent-container .cky-consent-bar{border:0!important;padding:10px 16px!important;background:rgba(255, 255, 255,0.8)!important;}
.cky-consent-container .cky-consent-bar:hover{background:rgba(255, 255, 255,1)!important;}
.cky-notice .cky-title{margin-bottom:0!important;}
.cky-notice-des *{line-height:1;}
.cky-btn{padding:0!important;border:0!important;}
.cky-notice-btn-wrapper{margin-top:10px!important;}
.cky-btn-reject, .cky-btn-customize,.cky-btn-preferences{background:#b6c7d9 !important;color:#fff!important;}
.cky-revisit-bottom-left{display:none!important;}
.cky-preference-content-wrapper{line-height:1!important;}
.cky-preference-content-wrapper *,.cky-preference-body-wrapper * {line-height:1!important;font-size:18px!important;}
.line-seo{display:block; margin-top:70px; width:400px;}
.line-center{margin-left:auto; margin-right:auto;}
.button-ico-line{width:25px;position:absolute;left:15px;top:6px;}
.blog_post{margin-bottom:30px!important;}
.blog_post li h3{text-align:left; height:75px;overflow:hidden;}
/* kypay */
.page-kypay{  font-family:"Anuphan", serif;font-optical-sizing:auto;font-style:normal;margin-top:80px;}
.page-kypay h2,.page-kypay h3{  font-family:"Anuphan", serif;font-optical-sizing:auto;font-weight:500;font-style:normal; margin-top:30px;}
.page-kypay h2{font-weight:500;}
.kypay-sub-page{ margin-top:200px!important; margin-bottom:200px;}
.page-kypay .module_content {font-size:16px;letter-spacing:0.5px;line-height:1.7;}
.page-kypay .content{margin-top:0px;}
.page-kypay header{padding:0;}
.page-kypay hr{background:#eaeaea;}
.kp_article .fp_cat{display:none;}
.kp_article a{font-size:16px;}
.kp_article.recent_tumweb li h3{height:125px;line-height:1.1;}
.kp_article.recent_tumweb li .featured_items_title{height:125px;}
.recent_tumweb h2{border-bottom:1px solid #eaeaea;}
.head_kypay{ background:#0ac95f;  min-height:700px!important;margin-bottom:-650px;}
.kp_sec02 {min-height:600px!important;margin-bottom:-550px;}
.head_kypay hr{ height:0;}
.kp-intro{color:#fff;}
.kp-intro h1{color:#fff; font-size:40px;font-family:"Quicksand", sans-serif;font-optical-sizing:auto;}
.kp-intro h1 strong.intro-big{ font-size:170px; line-height:100px;}
.kp-intro h1 strong.intro-small{ font-size:90px; line-height:70px; padding-left:20px;display:block;}
.kp-intro h2 {color:#fff6aa; font-size:45px;padding-left:20px; }
.kp-intro a{color:#fff6aa;}
.kp_sec02{ margin-top:50px;}
.kp-contact{color:#fff;}
.kp-contact a{color:#fff6aa;}
.kp-contact hr{background:#eaeaea;}
.kp-box img{box-shadow:0 .625em 1.875em rgba(2,2,3,.28);border-radius:.35em;}
.kp-box h2{margin-top:30px; line-height:1.5;}
.kp-youtube{margin-top:20px; margin-bottom:20px;}
.kp-youtube iframe{box-shadow:0 .625em 1.875em rgba(2,2,3,.28);border-radius:.35em; margin-left:auto; margin-right:auto;}
.divider0{height:0;}
.head_kypay.kp_sec03{ background:#0ac95f;  min-height:200px!important;margin-bottom:-150px;}
.kp_article h2{color:#fff; font-size:50px;}
.kp-button{ min-height:150px!important; margin-bottom:-50px!important;}
.kp-button .module_content{text-align:center;}
.kp-button .kp-btn{border-radius:.35em;color:#fff;border:1px solid #fff;padding:10px 20px;margin-left:auto;margin-right:auto; font-size:29px; letter-spacing:0;font-weight:700;z-index:9;
position:relative;}
.kp-button .kp-btn:hover{ background:#fff; color:#0ac95f;}
.fb_iframe_widget{text-align:center!important; display:block!important;}
.kp_sec07, .kp_sec07 h2{color:#fff;}
.top-menu-kypay{background:#32394c; padding:0!important; margin:0!important;position:fixed;top:0;z-index:999;width:100%;box-shadow:rgba(0, 0, 0, 0.06) 0px 1px 4px, rgba(35, 41, 54, 0.08) 0px 8px 16px;}
.admin-bar .top-menu-kypay{top:32px;}
.menu-kypay-container{text-align:center; }
.kypay-menu {padding:0!important;}
.kypay-menu li{ display:inline-block;}
.kypay-menu li, .kypay-menu li a{ margin:0!important; line-height:1!important; padding:0!important;}
.kypay-menu li a h2{color:#fff;font-weight:500;padding:10px 20px;font-size:21px;margin:0;}
.kypay-menu li a:hover h2{ text-decoration:underline;}
.kp_sec07 a{color:#fff6aa;}
.kp-contact h2{color:#fff;}
.kp-intro-right h2{ color:#32394c;font-size:32px; line-height:1.5;background:#fff;padding:10px 20px;box-shadow:0 .625em 1.875em rgba(2,2,3,.28);border-radius:.35em;}
.kypay-logo{width:200px;}
.by-norrawee{ display:inline-block;text-align:right;width:370px;
text-align:right;text-transform:lowercase;}
.kp-intro-left h2{margin-top:40px;}
.block_head_kypay{background:#0ac95f;}
.page-kypay .prev_next_links,
.page-kypay .socshare{display:none;}
.single-post .page-kypay .posts-block{margin-bottom:200px;}
.single-post .page-kypay .fp_cat{display:none;}
/* ── CTA sticky ── */
.cta-sticky{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:10px;}
/* Main toggle button */
.cta-sticky__btn{display:flex;align-items:center;gap:9px;background:#66757f;color:#fff;border:none;border-radius:30px;padding:13px 22px 13px 18px;font-size:21px;font-family:inherit;cursor:pointer;box-shadow:0 4px 18px rgba(163, 163, 163, 0.45);transition:background .2s,box-shadow .2s,padding .25s;}
.cta-sticky__btn:hover{box-shadow:0 6px 22px rgba(0,165,167,.55);opacity:0.7;}
.cta-sticky__btn-icon{position:relative;width:20px;height:20px;flex-shrink:0;}
.cta-sticky__btn-icon i{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:19px;transition:opacity .2s,transform .2s;}
.cta-icon-open{opacity:1;transform:rotate(0deg);}
.cta-icon-close{opacity:0;transform:rotate(-90deg);}
.cta-sticky.is-open .cta-icon-open{opacity:0;transform:rotate(90deg);}
.cta-sticky.is-open .cta-icon-close{opacity:1;margin-top:-23px;display:block;transform:rotate(0deg);}
.cta-sticky.is-open .cta-sticky__btn{background:#66757f;box-shadow:0 4px 14px rgba(0,0,0,.3);}
.cta-sticky.is-open .cta-sticky__btn:hover{background:#66757f;color:#fff;box-shadow:0 6px 22px rgba(0,0,0,.45);}
.cta-sticky__btn-label{transition:opacity .2s;}
/* Contact list */
.cta-sticky__list{display:flex;flex-direction:column;gap:10px;align-items:flex-end;transition:opacity .25s,transform .3s;opacity:0;transform:translateY(12px) scale(.97);pointer-events:none;transform-origin:bottom right;}
.cta-sticky__list.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;}
/* Each row:circle icon + label pill */
.cta-sticky__item{display:flex;align-items:center;gap:10px;text-decoration:none;color:#333;}
.cta-sticky__item:hover .cta-sticky__icon{transform:scale(1.12);}
.cta-sticky__item:hover .cta-sticky__label{background:rgba(255,255,255,1);box-shadow:0 3px 12px rgba(0,0,0,.18);}
/* Circle icon */
.cta-sticky__icon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:19px;flex-shrink:0;box-shadow:0 3px 10px rgba(0,0,0,.2);transition:transform .18s,box-shadow .18s;order:2;}
.cta-sticky__phone .cta-sticky__icon{background:#27ae60;}
.cta-sticky__line  .cta-sticky__icon{background:#06C755;}
.cta-sticky__email .cta-sticky__icon{background:#e67e22;}
/* Quotation button in list */
.cta-sticky__quote{background:none;border:none;padding:0;font-family:inherit;cursor:pointer;text-align:left;}
.cta-sticky__quote .cta-sticky__icon{background:#00A5A7;}
.cta-sticky__quote:hover .cta-sticky__icon{transform:scale(1.12);}
.cta-sticky__quote:hover .cta-sticky__label{background:rgba(255,255,255,1);box-shadow:0 3px 12px rgba(0,0,0,.18);}
/* ── Quotation Modal ── */
.qt-modal-overlay{display:none;position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .28s;}
.qt-modal-overlay.qt-modal--visible{display:flex;opacity:1;}
.qt-modal{background:#fff;border-radius:14px;width:100%;max-width:640px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);transform:translateY(20px) scale(.97);transition:transform .28s,opacity .28s;opacity:0;}
.qt-modal-overlay.qt-modal--visible .qt-modal{transform:translateY(0) scale(1);opacity:1;}
.qt-modal__header{background:linear-gradient(135deg,#e5f2f7 0%,#bfe0ec 100%);color:#fff;padding:22px 24px;display:flex;align-items:center;gap:14px;border-radius:14px 14px 0 0;position:relative;}
.qt-modal__icon{width:44px;height:44px;background:rgba(102, 117, 127,0.25);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.qt-modal__title{margin:0;font-size:31px;line-height:1.2;color:rgb(102, 117, 127);}
.qt-modal__sub{margin:0;font-size:21px;opacity:.85;line-height:0.5;color:rgb(102, 117, 127);;}
.qt-modal__close{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.2);border:none;color:#484848;width:32px;height:32px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .18s;}
.qt-modal__close:hover{background:rgba(255,255,255,.4);}
/* Form */
.qt-form{padding:24px;}
.qt-form__row{margin-bottom:16px;}
.qt-form__row--2col{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media(max-width:520px){.qt-form__row--2col{grid-template-columns:1fr;}}
.qt-form__field{display:flex;flex-direction:column;gap:5px;}
.qt-form__field label{font-size:21px;color:#444;}
.qt-required{color:#e74c3c;}
.qt-form__field input,
.qt-form__field select,
.qt-form__field textarea{width:100%;padding:3px 13px;border:1.5px solid #dde0e6;border-radius:2px;font-size:21px!important;font-family:inherit;color:#333;background:#fafafa;transition:border-color .18s,box-shadow .18s;box-sizing:border-box;height:40px;}
.qt-form__field select option{font-size:14px!important;font-family:sans-serif!important;}
.qt-form__field input:focus,
.qt-form__field select:focus,
.qt-form__field textarea:focus{outline:none;border-color:#bfe0ec;background:#fff;box-shadow:0 0 0 3px rgba(0,165,167,.12);}
.qt-form__field textarea{resize:vertical;min-height:90px;}
.qt-form__error{background:#fef0ef;border:1px solid #f5c6c2;color:#c0392b;border-radius:2px;padding:10px 14px;font-size:17px;margin-bottom:12px;margin-top:12px;line-height:1.2;}
.qt-form__submit{width:100%;padding:13px 20px;margin-top:12px;background:linear-gradient(135deg,#d1e8ed 0%,#bfe0ec 100%);color:#717a8b;border:none;border-radius:8px;font-size:21px;font-family:inherit;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s,transform .15s;text-shadow:none;}
.qt-form__submit:hover{opacity:.7;}
.qt-form__submit:active{transform:scale(.98);}
.qt-form__submit:disabled{opacity:.6;cursor:not-allowed;}
@keyframes qt-spin{to{transform:rotate(360deg);}}
/* Success state */
.qt-success{padding:40px 24px;text-align:center;}
.qt-success__icon{display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.qt-success h3{font-size:21px;color:#00A5A7;margin:0 0 10px;}
.qt-success p{color:#555;font-size:21px;margin:0 0 8px;}
.qt-success__ref{padding:10px 16px;display:inline-block;margin-bottom:20px!important;}
.qt-success__ref strong{color:#00A5A7;font-size:21px;}
body.qt-modal-open{overflow:hidden;}
/* Label pill */
.cta-sticky__label{background:rgba(255,255,255,.92);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#333;font-size:21px;font-family:inherit;padding:7px 14px;border-radius:20px;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.12);transition:background .15s,box-shadow .15s;order:1;line-height:1.4;}
.cta-sticky__label em{font-style:normal;opacity:.65;}
@media(max-width:480px){
  .cta-sticky{bottom:14px;right:14px;}
  .cta-sticky__btn{padding:12px 16px;}
  .cta-sticky__btn-label{display:none;}
  .cta-sticky__label{display:none;}
  .cta-sticky__icon{width:42px;height:42px;font-size:17px;}
}
@media only screen and (min-width:1367px){.container{width:80%;}
  .container_full{width:132%!important;margin-left:-15.75%!important;}
  .container_full > .module_content{width:80%;}
  .block_study_where{background-position:top right;}
}
@media only screen and (max-width:1366px){.container{width:90%;}
}
@media only screen and (max-width:1280px){.container{width:90%;}
  .block_web_mobile .module_cont{width:50%!important;margin:auto!important;overflow:hidden;}
  .home .block_web_mobile{padding-top:75px!important;padding-bottom:55px!important;}
  .module_cont.container_full.block_new_normal{background-position:-149px 0;padding-top:70px!important;padding-bottom:60px!important;}
  .text_index_intro{background:rgba(255, 255, 255,0.5);margin-left:40%;padding-right:30px;}
  /* kypay */
  .kp-intro h1 strong.intro-small{font-size:70px;}
  .by-norrawee{width:260px;}
  .kp-intro-right h2{font-size:27px;}
  .kypay-sub-page {margin-top:50px !important;}
}
@media all and (max-width:1024px){.container{width:95%;}
  .block_web_seo h2{text-align:left;}
  .text_index_intro h2,
  .text_index_intro p{padding-left:75px;}
  .btn_text{font-size:21px;}
  .text_index_intro{margin-left:33%;}
}
@media only screen and (min-width:993px){
  /* media intro */ 
  /*
  .header-intro-media{background:url(../img/bg_kysys_webdesign_coffee.jpg) #363636 no-repeat center; background-size:100% auto;position:relative;height:600px;width:100%; overflow:hidden;top:-228px; margin-bottom:-228px;}
  #kysys-video{  max-width:100%;width:100%;margin:0;line-height:1;border:none; }
  .head-media header.type3{position:absolute;width:100%;max-width:100%;z-index:999;}
  .head-media header.type3 .logo img{filter:brightness(0) invert(1);}
  .head-media header.type3 .menu-item > div > a > h2{color:#fff;}
  .head-media header.type3 .socials_list li a{filter:brightness(0) invert(1);}
  .header-intro-media .text_index_intro{position:absolute;bottom:50px;line-height:1;}
  .header-intro-media .text_index_intro h1,
  .header-intro-media .text_index_intro .intr .tii1{color:#fff;}
  .header-intro-media .text_index_intro .intr .tii1{font-size:95px;}

  .block_head_design{background-image:url(../img/bg-art-design-head-red.jpg);}

  body.page-id-1043 .header-intro-media .text_index_intro{ margin-left:auto;width:730px;}
  body.page-id-1043 .text_index_intro h2{display:block;font-style:normal;}
  .header-intro-media .nav_menu_design li{margin-left:35px;position:relative;}
  .header-intro-media .nav_menu_design li::before {
    position:absolute;
    top:1px;
    left:-15px;
    display:block;
    content:"";
    width:8px;
    height:12px;
    background-color:#fff;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E");
    -webkit-mask-size:contain;
    mask-size:contain;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
  }


  body.home .header-top,
  body.page-id-674 .header-top,
  body.page-id-1043 .header-top{background:none;box-shadow:none!important; border:0;}
  body.home header,
  body.page-id-674 header,
  body.page-id-1043 header{z-index:9999;position:relative;}
  body.home header.type4 .fw_header,
  body.page-id-674 header.type4 .fw_header,
  body.page-id-1043 header.type4 .fw_header{background:none;border-bottom:0;}
  body.home header.type4 .fw_header .container,
  body.page-id-674 header.type4 .fw_header .container,
  body.page-id-1043 header.type4 .fw_header .container{border-bottom:1px solid #eee;color:#fff;}
  body.home header.type4 .fw_header a,
  body.page-id-674 header.type4 .fw_header a,
  body.page-id-1043 header.type4 .fw_header a,
  body.home .left_part i,
  body.page-id-674 .left_part i,
  body.page-id-1043 .left_part i,
  body.home .menu > .menu-item > div > a > h2,
  body.page-id-674 .menu > .menu-item > div > a > h2,
  body.page-id-1043 .menu > .menu-item > div > a > h2,
  body.home .menu li.current-menu-item > div > a > h2,
  body.page-id-674 .menu li.current-menu-item > div > a > h2,
  body.page-id-1043 .menu li.current-menu-item > div > a > h2{color:#fff;}
  body.home .socials_list li a,
  body.page-id-674 .socials_list li a,
  body.page-id-1043 .socials_list li a{-webkit-filter:invert(100%);filter:invert(100%);opacity:1;}
  body.home header .logo img,
  body.page-id-674 header .logo img,
  body.page-id-1043 header .logo img{-webkit-filter:invert(100%);filter:invert(100%);opacity:1;}*/
  .header-intro-media{display:block;}
  .header-intro.index_mobile{display:block;}
  .header-intro-sub.index_mobile{display:block;}
}
@media all and (max-width:992px){.module_cont.container_full.block_new_normal{background-position:-275px -0;}
  .block_new_normal .span5{width:50%;}
  /*.text_index_intro{width:100%;padding:0;margin:0;background:url("../img/bg_hreder_intro.jpg") #f5f7f7 no-repeat 0 -50px;position:relative;overflow:hidden;background-size:auto 400px;}
  .text_index_intro h1.intr,
  .text_index_intro p.intr,
  .text_index_intro h4.intr{height:200px;overflow:hidden;}
  .text_index_intro h1.intr{width:37%;float:right;padding-right:4%;padding-left:10%;display:block;background:#f5f7f7;margin-bottom:0px;padding-bottom:20px;padding-top:30px;}
  .text_index_intro p.intr{width:44%;float:left;display:block;background:#f5f7f7;margin:0;padding:0 3%;padding-top:30px;padding-bottom:}
  .text_index_intro h4.intr{width:50%;position:relative;display:block;float:left;padding:25px 0;margin:0;padding:0;background:url("../img/bg_hreder_intro_2020.jpg") #f5f7f7 no-repeat -300px -90px;position:relative;overflow:hidden;margin:0;padding-top:3%;padding-top:300px;background-size:580px auto;}
  .text_index_intro h4.intr::before{content:' ';}
  .text_index_intro h2,
  .text_index_intro p{padding-left:0;}
  .text_index_intro,
  .header-intro,
  .header-intro .bg_dot{height:500px;}*/
  .text_index_intro{margin:auto;}
  .header-intro.index_mobile{display:block;}
  .header-intro-sub.index_mobile{display:block;}
  .header-intro-media{display:none;}
  header.type4 .socials_list{display:none;}
  .chat_line{right:10px;}
  .btn_quote{right:140px;}
  .kp-intro-right h2{line-height:1.5;}
  .kp-intro {overflow:visible!important;}
  .kypay-menu li a h2{font-size:19px;}
  .menu li{margin-right:20px;}
  }
  @media all and (max-width:800px){.container{width:95%;}
  .row [class*="span"]{margin-left:0;}
  .span3,
  .span4,
  .span5,
  .span6,
  .span7,
  .span8{width:100%!important;overflow:hidden;}
  h1{line-height:normal;margin-top:-10px;}
  .text_index_intro h1{text-align:left;margin-top:0;}
  .portfolio_item,
  .artwork_item,
  .posts-block .stand_post{width:calc(50% - 20px);margin:10px;margin-bottom:20px;}
  .entry-title{margin:0px 0 18px 0;}
  body.archive .stand_post .entry-title{margin-top:15px;}
  .isotope_here.grid .isotope_item,
  .isotope_here.masonry .isotope_item{width:50%;margin-bottom:20px;}
  .portwrap.now_inline_view .inner_item_tex{width:65%;margin:10px 0 0 23px;float:left;}
  .portwrap.now_inline_view .portfolio_item_title h3,
  .portwrap.now_inline_view .preview_categ{margin:0;width:100%;}
  .artwrap.now_inline_view .inner_item_tex{width:65%;margin:10px 0 0 23px;float:left;}
  .artwrap.now_inline_view .artwork_item_title h3,
  .artwrap.now_inline_view .preview_categ{margin:0;width:100%;}
  header.type4 .follow_us_text{display:none;}
  .recent_item_list li{height:270px;width:50%;padding-bottom:20px;}
  .recent_tumweb li{width:50%!important;}
  .recent_item_list .img_block,
  .recent_item_list .wrapped_img,
  .recent_item_list .featured_item_fadder,
  .recent_item_list .item{margin:auto!important;width:97%!important;padding:0!important;}
  .recent_item_list{margin-left:0px!important;}
  .module_html,
  .footer_contact,
  .footer_contact h5,.footer_contact .footer-contact-title{width:100%!important;}
  .footer_contact,
  .footer_fb{width:100%!important;}
  .portwrap{margin:0;}
  .artwrap{margin:0;}
  .btn-index-cheap-web{margin-bottom:20px;margin-top:-10px;}
  .block_web_mobile h2{font-size:43px;line-height:normal;}
  .block_head_joomla h1,
  .block_head_wordpress h1{padding-top:0;margin-top:0;}
  .block_head_design h1,
  .block_head_wordpress h1,
  .block_head_joomla h1,
  .block_study_quotes .sub-nav-location{font-size:35px;line-height:normal;}
  .block_head_design h2,
  .block_head_wordpress h2,
  .block_head_joomla h2,
  .block_study_header h2{font-size:21px;line-height:normal;}
  .block_study_header h2,
  .block_study_where h3{background:rgba(255, 255, 255,0.5);}
  .block_study_header h2,
  .block_study_where h3{padding:20px;}
  .block_web_seo .module_content{display:block;padding:20px;background:rgba(255, 255, 255,0.5);position:relative;padding-bottom:15px;}
  .block_web_seo .svfb{position:relative;bottom:0;}
  .block_web_seo .svfb img{width:19%!important;margin-top:3%;margin-right:6%!important;display:block;}
  .home .img-left-cheap-web,
  .home .h-left-cheap-web{display:none!important;}
  .intro-index-left{margin-bottom:-40px;}
  .block_head_design_port h1,
  .block_head_design_port ul{width:100%;float:none;}
  .text_index_intro h2{padding-left:0px;}
  .block_study_header h1{text-align:right;}
  body.single-post .posts-block .featured_items.clearfix{display:none;}
  body.archive .stand_post .span4{padding-left:10px;margin-top:-10px;}
  .single-post h1.blogpost_title{margin-top:-5px;}
  body.single-post article img{width:105.55%;max-width:105.55%;margin-left:-2.625%;}
  body.single-post .span4{overflow:visible;}
  .text_index_intro h2,
  .text_index_intro p{padding-left:0;}
  .nivo-caption{display:none!important;}
  .block_web_mobile .module_cont{width:100%!important;margin:auto!important;overflow:hidden;float:none!important;}
  .module_cont.container_full.block_web_mobile{padding-bottom:0!important;padding-top:60px!important;padding-bottom:350px!important;}
  .new-normal{background:rgba(255, 255, 255,0.5);padding:15px;}
  .module_cont.container_full.block_new_normal{padding-top:20px!important;padding-bottom:100px!important;margin-top:30px;}
  .block_web_seo{height:auto;}
  .block_web_seo > .module_content{background:none;position:relative;overflow:hidden;margin-top:130px;height:auto;}
  .block_web_seo .first-module{background:#fff;}
  .home .block_web_cheap-program{padding-top:120px!important;width: 110%!important;}
  .page-id-669 .path_nav{display:none;}
  .page-id-669 .block_web_mobile{margin-bottom:50px!important;}
  .text_index_intro .intr .tii1{font-size:68px;}
  .text_index_intro h1.intr{text-align:right;font-size:31.9px;}
  .text_index_intro,
  .header-intro,
  .header-intro .bg_dot{height:450px;}
  header.type3 .fl,header.type4 .fl,
  header.type3 .fr, header.type4 .fr {width:100%!important;}
  .menu{text-align:center;}
  header.type4 .fr{margin:0;}
  .menu li {margin-left:12px;margin-right:12px;}
  .kp-intro h1 strong.intro-big {font-size:120px;}
  .kp-intro h1 strong.intro-small {font-size:90px;line-height:1;}
  .kp-intro h2 {font-size:45px;}
  .kp_sec01 {min-height:850px!important;margin-bottom:-800px;}
  .kp_sec02 {min-height:300px!important;margin-bottom:-250px;}
  .kp_sec03 {min-height:550px!important;margin-bottom:-500px;}
  .kp-button {width:112% !important;}
  .kp-box{overflow:visible;}
  .kp-youtube{overflow:visible;}
  .kp-youtube iframe{height:350px!important; width:100%!important;}
  .kp_article h2{font-size:30px}
  .kp-intro-right h2{font-size:31px;}
  .by-norrawee{display:block; text-align:left; padding-left:20px; margin-top:10px;}
  .kp-intro h1 strong.intro-small{font-size:67px;}
  .kp-intro h2{font-size:35px;}
  .kp-intro-right h2{font-size:27px;}
  .block_head_kypay{margin-bottom:20px;}
  .kp-box h2{font-size:25px;}
  .page-kypay{margin-top:103px;}
  .kypay-menu li a h2{font-size:18px;}
  .kypay-sub-page {margin-top:0px !important;}
  .contact_info_text{margin-bottom:0;}
  .socials_list li{margin-left:11px;margin-right:11px;}
  .show_mobile_menu{display:flex;align-items:center;text-align:left;font-weight:normal;text-indent:5px;padding:15px 20px 15px 10px;cursor:pointer;font-weight:700;text-transform:uppercase; width:100%; position:fixed; z-index:9999;}
  .logo{margin-top:20px;margin-left:0px; height:70px!important;width:130px!important;}
  .menu_mobile{position:fixed;width:100%;margin-top:50px;z-index:999;}
  header.type3 .fl,header.type3 .fr,header.type4 .fl,header.type4 .fr{margin:0;}
  header .fl{float:none!important;}
  .mobile-quotation{display:block!important;}
  /*display none*/ .fw_header,
  .type5 .fr,
  .margin-top-btn,
  .nivo-directionNav,
  .desktop_menu{display:none!important;}
  .chat_line{right:50px;top:0; margin-top:-3px;}
  .header-top{padding-top:35px;}
  .menu_mobile li:hover .sub-menu a, .menu_mobile li:hover li:hover .sub-menu a,.menu_mobile li.current-menu-item a{color:#fff;}
  .menu_mobile li.current-menu-item > a{color:#b5b5b5;}
  .menu_mobile .sub-menu li:last-child,
  .menu_mobile > li:last-child{border:0;}
}
@media all and (max-width:640px){.text_index_intro .intr .tii1{font-size:62px;line-height:47px;}
  .btn_quote{display:none;}
  .recent_design .portfolio_item_title h3{font-size:19px;}
  .recent_design{width:105%!important;margin-left:-2.5%!important;}
  .portfolio_block{margin-top:20px;}
  .recent_item_list li{width:50%;height:215px;}
  .block_web_seo h3,
  .block_web_seo .svfb ,
  .block_web_seo .svfb em{font-size:31px;line-height:normal;margin:0;}
  .block_web_seo h2{margin:20px 0 25px;}
  .module_cont.container_full.block_web_seo{padding-top:0!important;}
  .btn-more-webmobile{display:none;}
  .home .block_web_mobile{margin-bottom:0px;}
  .footer_contact,
  .footer_fb{width:100%!important;}
  body.archive .stand_post .span8 img{width:100%;}
  .block_head_joomla,
  .block_head_wordpress{background-size:auto 100%;}
  .module_cont.container_full.block_new_normal{background-position:-285px -0;}
  .block_web_seo > .module_content{margin-top:180px;}
  .block_web_mobile .img-mobile-port{left:60px}
  .text_index_intro .intr .tii1{font-size:55px;}
  .text_index_intro h1.intr{text-align:right;font-size:27px;}
  .text_index_intro{background-size:auto 330px;background-position:0px -40px;}
  .text_index_intro h1.intr{padding-left:1%;padding-right:4%;width:46%;margin:0;}
  .text_index_intro .intr .tii1{display:block;padding-left:30px;}
  .text_index_intro .intr .tii1.inn{display:none;}
  .text_index_intro p{margin-top:0px;line-height:24px;font-size:21px;}
  .text_index_intro p.intr{padding-top:15px;}
  .text_index_intro h1.intr{padding-bottom:0;}
  .home .item_list > li:nth-child(5),
  .home .item_list > li:nth-child(6),
  .home .item_list > li:nth-child(7),
  .home .item_list > li:nth-child(8){}
  body .item_list {margin-left:-7px;}
  body .item_list li .item {margin-left:7px;}
  .text_index_intro{width:90%; padding:25px 5%;background:rgba(255, 255, 255,0.1);}
  body.home .text_index_intro p{height:52px; overflow:hidden;}
  body.page-id-674 .recent_design{padding-top:40px;}
  .line-seo{margin-top:15px; width:250px;}
  .new-line{display:block;}
  .kp_sec01 {min-height:950px !important;margin-bottom:-850px;}
  .block_web_mobile h2 a br{display:inline;}
  .module_cont.container_full.block_web_mobile{height:550px;}
  #shader-background-root{height:550px;margin-top:-550px;}
}
@media all and (max-width:480px){.optionset li{line-height:27px;margin-right:15px!important;margin-left:15px!important;}
  .optionset li:last-child{margin-right:15px!important;}
  .header-intro{background-position:-100px -50px;}
  .text_index_intro h1{font-size:32px;margin-top:20px;text-align:right;}
  .text_index_intro h2{margin-top:20px;line-height:24px;font-size:21px;}
  .text_index_intro h4{background:rgba(255, 255, 255,0.65);padding:15px;}
  h1,h2,h3,h4,h5,h6{letter-spacing:0px!important;}
  h1{font-size:35px;}
  body.fw .container{width:auto!important;}
  .shortcode_blockquote{width:auto!important;padding-left:50px!important;padding-right:0!important;}
  /*width 100% */ .isotope_item,
  .grid_elements .item,
  .price_item{width:100%!important;}
  .type5 .fw_header{display:block!important;background:transparent!important;}
  \.type5 .fl{margin:0!important;}
  .portwrap.now_inline_view .inner_item_tex{width:65%;margin:5px 0 0 15px;}
  .portwrap.now_inline_view .portfolio_item_title h3{font-size:23px;}
  .artwrap.now_inline_view .inner_item_tex{width:65%;margin:5px 0 0 15px;}
  .artwrap.now_inline_view .artwork_item_title h3{font-size:23px;}
  .recent_item_list li{width:50%!important;height:170px;}
  .view_all_port{position:relative;margin-bottom:25px;margin-top:-70px;}
  .margin-top-btn.btn-index-cheap-web{display:block!important;}
  .recent_cheap_web li{margin-bottom:-4%!important;}
  .module_cont.block_web_cheap1_2{padding-bottom:0!important;}
  .block_web_mobile h2{font-size:47px;line-height:normal;}
  .block_web_mobile h3,
  .block_study_quotes .sub-nav-location{font-size:31px;text-transform:none;}
  .intro-index-left{margin-bottom:-20px;}
  .shortcode_blockquote.right{margin-left:0!important;}
  .promo_text_additional_title{line-height:34px;}
  .shortcode_tab_item_title{font-size:11px;padding:3px 10px;}
  .shortcode_tabs.type2{padding-left:90px;}
  .shortcode_tabs.type2 .all_heads_cont{width:91px;}
  .module_partners .item_wrapper{text-align:center;}
  .module_messageboxes .box_content .innerpadding{line-height:30px;}
  .module_messageboxes{padding-bottom:40px!important;}
  .price_item{margin-bottom:40px;clear:both;}
  .contact_info_item.with_bg{position:relative;}
  .contact_info_text.with_bg{padding-left:60px;margin-top:-5px;}
  .with_bg .contact_info_icon{position:absolute;top:0;left:0;}
  .contact_info_item:last-child .contact_info_text{margin-bottom:0;}
  .entry-title{margin-bottom:10px!important;}
  /* margin top :0 */ .price_item.most_popular,
  .single .featured_items,
  header.type2 .logo,
  .intro-index{margin-top:0!important;}
  /* margin top :10px */ .module_blog article,
  .module_blog .blogpost_title,
  .socshare{margin-top:10px!important;}
  /* margin bottom :20px */ .stand_post,
  .contact_info_text,{margin-bottom:20px!important;}
  /* padding bottom :0 */
  header,
  .single .module_gallery,
  .module_diagramm,
  .page-template-page-contacts-php .module_text_area{padding-bottom:0!important;}
  .preview_meta{margin-bottom:15px;margin-top:0;}
  .module_blog img{display:block;}
  .single .pf_img{margin-bottom:15px;}
  .entry-title{padding-top:15px;}
  .container iframe{height:auto!important;}
  #sgcboxOverlay, #sgcolorbox{display:none!important;}
  body.archive .stand_post article{margin-top:0px;}
  body.archive .stand_post .entry-title{padding-top:0px;}
  .module_cont.container_full.block_web_mobile{padding-bottom:250px!important;}
  .page-id-669 .block_web_mobile{margin-bottom:80px!important;}
  .text_index_intro{background-size:auto 300px; padding-top:60px;background-position:-40px -30px;}
  .text_index_intro .intr .tii2{ margin-bottom:40px;}
  body.home .text_index_intro p{width:240px;height:75px;}
  .text_index_intro .intr .tii1{padding-left:0;font-size:52px;}
  .text_index_intro h1.intr{padding-left:4.5%;padding-right:4%;width:200px;}
  .home .intro-index h2{display:none;}
  .index-head-division{margin-top:50px;}
  .recent_item_list li h3,
  .recent_tumweb li h3,
  .stand_post .item_list h3{height:45px;overflow:hidden;}
  .fb_dialog_content iframe{height:60px!important;}
  .blog_post li{margin-bottom:0!important;}
  .blog_post li h3{height:75px;overflow:hidden;}
  .fb-page fb_iframe_widget iframe{width:100%!important;max-width:100%!important;}
  /*.recent_tumweb li{width:100%!important;}*/
  .block_web_mobile .img-mobile-port{margin-top:35px!important;}
  .fb_reset{display:none!important;}
  .cky-box-bottom-left{max-width:100%!important;left:0%!important;bottom:0!important;}
  .cky-consent-container .cky-consent-bar{border-radius:0!important;padding:20px 0px !important; background:rgba(255, 255, 255,1)!important;}
  #wpfront-scroll-top-container{display:none!important;}
  .kp-intro h1 strong.intro-big{display:block;}
  .kp-youtube iframe{height:220px!important; width:100%!important;}
  .kypay-menu{ margin:10px 0;}
  .page-kypay {margin-top:83px;}
}
@media all and (max-width:440px){
  .cky-notice-btn-wrapper{display:block!important;margin-top:-5px !important;}
  .cky-consent-container .cky-btn{max-width:32%!important;}
  .kypay-menu li a h2{font-size:18px;padding:10px 14px;}
}
@media all and (max-width:400px){.module_cont.container_full.block_new_normal{padding-bottom:130px!important;background-position:-285px 80px;}
  .text_index_intro .intr .tii1{padding-left:0;font-size:48px;font-size:52px;width:auto;text-indent:0px;}
  .text_index_intro h1.intr{font-size:23px;}
  .text_index_intro{background-size:auto 280px;}
  .kypay-menu li a h2{font-size:16px;padding:10px 10px;}
  .page-kypay {margin-top:73px;}
}
@media all and (max-width:320px){.recent_item_list li{width:50%!important;height:146px;overflow:hidden;}
}
.retina_image{display:none;}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi){.non_retina_image{display:none;}
  .retina_image{display:block;}

}


/* ============================================================
   KineticScene – text animation styles
   ============================================================ */

/* Keyframes */
@keyframes ks-fade-up {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes ks-fade-right {
  from { opacity: 0; transform: translateX(-32px); }
  to   { opacity: 1; transform: translateX(0); }
}
@keyframes ks-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes ks-scale-in {
  from { opacity: 0; transform: scale(0.92); }
  to   { opacity: 1; transform: scale(1); }
}

/* Text overlay — starts hidden, fades in */
#kineticscene-section .ks-text-overlay {
  opacity: 0;
  animation: ks-fade-in 0.3s ease forwards;
  animation-delay: 0.1s;
}

/* H1 – slide up from below */
#kineticscene-section .ks-headline {
  opacity: 0;
  animation: ks-fade-up 0.75s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
  animation-delay: 0.35s;
  text-shadow: 0 2px 18px rgba(0,0,0,0.45);
}

/* H2 – slide up, slightly after H1 */
#kineticscene-section .ks-subheadline {
  opacity: 0;
  animation: ks-fade-up 0.75s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
  animation-delay: 0.6s;
  text-shadow: 0 2px 14px rgba(0,0,0,0.35);
}

/* Description – fade from left */
#kineticscene-section .ks-desc {
  opacity: 0;
  animation: ks-fade-right 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
  animation-delay: 0.9s;
}

/* Contact box – scale in last */
#kineticscene-section .ks-contact {
  opacity: 0;
  animation: ks-scale-in 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
  animation-delay: 1.15s;
}

/* Link colours inside the contact box */
#kineticscene-section .ks-contact a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,0.4);
  transition: border-color 0.2s, color 0.2s;
}
#kineticscene-section .ks-contact a:hover {
  color: #cce9ff;
  border-bottom-color: #cce9ff;
}

/* Respect reduced-motion preference */
@media (prefers-reduced-motion: reduce) {
  #kineticscene-section .ks-text-overlay,
  #kineticscene-section .ks-headline,
  #kineticscene-section .ks-subheadline,
  #kineticscene-section .ks-desc,
  #kineticscene-section .ks-contact {
    opacity: 1;
    animation: none;
    transform: none;
  }
}