.scroll-wrapper {
overflow: hidden !important;
padding: 0 !important;
position: relative;
}
.scroll-wrapper > .scroll-content {
border: none !important;
box-sizing: content-box !important;
height: auto;
left: 0;
margin: 0;
max-height: none;
max-width: none !important;
overflow: scroll !important;
padding: 0;
position: relative !important;
top: 0;
width: auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
height: 0;
width: 0;
}
.scroll-element {
display: none;
}
.scroll-element, .scroll-element div {
box-sizing: content-box;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
display: block;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
cursor: default;
}
.scroll-textarea {
border: 1px solid #cccccc;
border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
border: none !important;
box-sizing: border-box;
height: 100% !important;
margin: 0;
max-height: none !important;
max-width: none !important;
overflow: scroll !important;
outline: none;
padding: 2px;
position: relative !important;
top: 0;
width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
height: 0;
width: 0;
} .scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
border: none;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
z-index: 10;
}
.scrollbar-light > .scroll-element {
background-color: #eeeeee;
}
.scrollbar-light > .scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}
.scrollbar-light > .scroll-element .scroll-element_outer {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.scrollbar-light > .scroll-element .scroll-element_size {
background: #dbdbdb;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi
8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2
VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaW
VudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2
Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMC
UiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD
0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdm
c+);
background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dbdbdb), color-stop(100%,#e8e8e8));
background: -webkit-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
background: -o-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
background: -ms-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
background: linear-gradient(to right, #dbdbdb 0%,#e8e8e8 100%);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.scrollbar-light > .scroll-element.scroll-x {
bottom: 0;
height: 17px;
left: 0;
min-width: 100%;
width: 100%;
}
.scrollbar-light > .scroll-element.scroll-y {
height: 100%;
min-height: 100%;
right: 0;
top: 0;
width: 13px;
border-radius: 6.5px;
}
.scrollbar-light > .scroll-element .scroll-bar {
background: #0670b4;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
} .scrollbar-light > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
.scrollbar-light > .scroll-content.scroll-scrollx_visible { top:  -17px; margin-top:  17px; }
.scrollbar-light > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 0px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-bar { 
left: 0px; 
min-height: 10px; 
width: 13px; 
}
.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer { height: 12px; left: 2px; top: 2px; }
.scrollbar-light > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer {
left: 0;
top: 0;
width: 13px;
}
.scrollbar-light > .scroll-element.scroll-y .scroll-element_size { top: -4px; } .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; } .ibm-plex sans thai-thin {
font-family: "IBM Plex Sans Thai", sans-serif;
font-weight: 100;
font-style: normal;
}
.ibm-plex sans thai-extralight {
font-family: "IBM Plex Sans Thai", sans-serif;
font-weight: 200;
font-style: normal;
}
.ibm-plex sans thai-light {
font-family: "IBM Plex Sans Thai", sans-serif;
font-weight: 300;
font-style: normal;
}
.ibm-plex sans thai-regular {
font-family: "IBM Plex Sans Thai", sans-serif;
font-weight: 400;
font-style: normal;
}
.ibm-plex sans thai-medium {
font-family: "IBM Plex Sans Thai", sans-serif;
font-weight: 500;
font-style: normal;
}
.ibm-plex sans thai-semibold {
font-family: "IBM Plex Sans Thai", sans-serif;
font-weight: 600;
font-style: normal;
}
.ibm-plex sans thai-bold {
font-family: "IBM Plex Sans Thai", sans-serif;
font-weight: 700;
font-style: normal;
} .rev_slider iframe{max-width:1220px}
.rev_slider ul{margin:0!important}
.tp-static-layers{z-index:200}
#mfn-layer-slider{position:relative;z-index:28}
#mfn-layer-slider .ls-yourlogo{z-index:29} .section[data-parallax="3d"]{overflow:hidden}
.section .mfn-parallax{position:absolute;left:0;top:0;max-width:none!important;transition:opacity .2s;}
.section > .mfn-parallax{z-index:1}
.wrap[data-parallax="3d"]{overflow:hidden;position:relative}
.wrap[data-parallax="3d"] > .mcb-wrap-inner,.wrap[data-parallax="3d"] > .column{position:relative}
.section.center{text-align:center}
.section.no-margin .column,.section.no-margin-v .column{margin-bottom:0}
.the_content_wrapper pre{margin-bottom:20px} .tr-content #Wrapper,.tr-content #Content{background:none}
.tr-header #Wrapper{background:none}
.tr-header #Header_wrapper{background:none!important}
.tr-footer #Wrapper{background:none}
.tr-footer #Footer{background-color:transparent!important} .no-shadows #Wrapper,.no-shadows #Top_bar.is-sticky,.no-shadows #Header_creative,
.no-shadows input[type="date"],.no-shadows input[type="email"],.no-shadows input[type="number"],.no-shadows input[type="password"],.no-shadows input[type="search"],.no-shadows input[type="tel"],
.no-shadows input[type="text"],.no-shadows input[type="url"],.no-shadows select,.no-shadows textarea,.no-shadows .woocommerce .quantity input.qty{box-shadow:0 0 0 transparent;-webkit-box-shadow:0 0 0 transparent}
.no-shadows #Wrapper{overflow:visible}
.no-shadows #Subheader:after{display:none} .page.hide-title-area #Content,.no-content-padding #Content,.template-blank #Content,.under-construction #Content{padding:0!important}
.with_aside.page.hide-title-area .sections_group,.with_aside.no-content-padding .sections_group{padding:0!important}
.under-construction .section-uc-1{padding-top:40px;background-color:#fff}
.under-construction .section-uc-2{padding-top:40px;background-color:#f5f5f5;background:url(//www.earth-th.com/wp-content/themes/betheme/images/stripes/stripes_3_b.png) repeat center}
.under-construction .section-uc-3{padding-top:40px}
.under-construction .section-border-top{border-top:1px solid rgba(0,0,0,0.08)} body.nice-scroll{position:relative}
body.nice-scroll:not(.layout-boxed){padding-right:10px!important}
.nice-scroll #configurator,.nice-scroll #Sliding-top a.sliding-top-control,.nice-scroll .fixed-nav.fixed-nav-next{margin-right:10px}
.nice-scroll .nicescroll-rails{background:#666;z-index:9002!important} .slider_pagination{text-align:center;line-height:0}
.slider_pagination a {
display: inline-block;
width: 10px;
height: 10px;
text-indent: -9999px;
margin: 0 7px;
background: #fff;
-webkit-border-radius: 100%;
border-radius: 100%;
position: relative;
cursor: pointer;
vertical-align: middle;
box-sizing: border-box;
}
.slider_pagination a:hover {
background: #cc162c;
}
.slider_pagination a.selected, .slider_pagination .slick-active a {
width: 10px;
height: 10px;
position: relative;
top: 0;
background: #cc162c!important;
border: 0;
border-radius: 50%;
border: 0;
} #mfn-rev-slider input{display:inline-block} #Sliding-top{position:absolute;left:0;top:0;width:100%;z-index:800}
#Sliding-top:after{content:"";height:3px;width:100%;display:block;position:absolute;left:0;bottom:-3px;z-index:1;background:url(//www.earth-th.com/wp-content/themes/betheme/images/box_shadow.png) repeat-x left top}
#Sliding-top .widgets_wrapper{padding:15px 0;display:none}
#Sliding-top .widgets_wrapper .column{margin-bottom:0}
#Sliding-top .widgets_wrapper .widget{margin-bottom:0;padding:15px 0}
#Sliding-top .widgets_wrapper .widget:after{display:none}
#Sliding-top a.sliding-top-control{display:block;width:0;height:0;border-style:solid;border-width:0 45px 45px 0;border-color:transparent;position:absolute;z-index:801;right:0;bottom:-45px}
#Sliding-top a.sliding-top-control span{display:block;width:26px;height:30px;line-height:25px;text-align:center;position:absolute;right:-45px;top:0;color:#fff;font-size:18px}
#Sliding-top a.sliding-top-control .minus{display:none}
#Sliding-top a.sliding-top-control .plus{display:block}
#Sliding-top.active a.sliding-top-control .minus{display:block}
#Sliding-top.active a.sliding-top-control .plus{display:none}
#Sliding-top.st-center a.sliding-top-control{border-color:transparent;border-width:45px 45px 0;left:50%;right:auto;margin-left:-22px;margin-right:0}
#Sliding-top.st-center a.sliding-top-control span{left:-14px;top:-45px}
#Sliding-top.st-left a.sliding-top-control{border-color:transparent;border-width:45px 45px 0 0;left:0;right:auto;margin-right:0}
#Sliding-top.st-left a.sliding-top-control span{left:-3px;top:-45px}
#Sliding-top .Recent_posts ul li .desc{background:rgba(0,0,0,.1)}
#Sliding-top .widget_mfn_menu ul li a{background:rgba(0,0,0,.1);color:#ccc}
#Sliding-top .widget_recent_entries ul li{background:rgba(0,0,0,.1)}
#Sliding-top ul.list_mixed li:after,#Sliding-top ul.list_check li:after,#Sliding-top ul.list_star li:after,#Sliding-top ul.list_idea li:after{background:rgba(255,255,255,.08)}
#Sliding-top .widget_mfn_recent_comments ul li .date_label{background-color:rgba(0,0,0,.07)}
#Sliding-top .widget_mfn_recent_comments ul li .date_label:after{border-left-color:rgba(0,0,0,.07)} .pager_wrapper{margin-bottom:0}
.pager {
text-align: center;
margin: 0;
display: flex;
align-items: center;
padding-top: 20px;
justify-content: center;
margin-top: 0;
}
.pager .pages {
display: flex;
margin: 0px 10px 0;
padding: 0;
align-items: center;
justify-content: center;
}
.pager .pages a, .pager .pages span.page-numbers {
display: inline-block;
margin: 0 1px;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
}
.pager .pages a:hover{text-decoration:none}
.pager .pages a:hover,.pager .pages a.active,.pager .pages span.page-numbers.current{color:#fff}
.pager a.next_page, .pager a.prev_page {
vertical-align: middle;
box-sizing: border-box;
font-size: 0;
display: flex;
align-items: center;
justify-content: center;
height: 25px;
width: 25px;
color: #000;
}
.pager a.prev_page {
}
.pager a.prev_page i, .pager a.next_page i {
font-size: 17px;
color: #000;
}
.pager a.prev_page:hover i, .pager a.next_page:hover i {
color: #fff;
}
.pager a.prev_page:hover {
background: #00a650;
background-size: 100%;
border: 0;
}
.pager a.next_page {
}
.pager a.next_page:hover {
background: #fe5627;
background-size: 100%;
border: 0;
}
.pager .pages a{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .pager_lm{background:url(//www.earth-th.com/wp-content/themes/betheme/images/preloader.gif) no-repeat center 17px;text-align:center}
.pager_lm .pager_load_more{margin:20px 0}
.pager_lm.loading{min-height:49px}
.pager_lm:not(.loading){background:none} .page-pager,.post-pager{margin-bottom:0!important;}
.pager-single{text-align:center;background:rgba(0,0,0,0.02);margin-top:15px;margin-bottom:40px}
.pager-single span{height:45px;line-height:45px;display:inline-block;padding:0 9px;position:relative;font-weight:700}
.pager-single a span{font-weight:400}
.pager-single span:after{content:"";display:block;position:absolute;left:0;bottom:-1px;width:100%;height:1px}
.pager-single a span:after{display:none} #Content .fixed-nav{display:none}
.fixed-nav{position:fixed;bottom:40px;height:80px;z-index:90}
.fixed-nav.fixed-nav-prev{left:0}
.fixed-nav.fixed-nav-next{right:0}
.fixed-nav .arrow{display:block;width:35px;height:80px;font-size:15px;position:relative;z-index:92;color:#fff;line-height:80px;text-align:center}
.fixed-nav .photo{height:80px;width:80px;position:relative;z-index:92;overflow:hidden;line-height:0;background-color:#000}
.fixed-nav .desc{width:190px;padding:6px 15px;min-height:68px;background:#fff;z-index:91}
.fixed-nav .desc h6{margin-bottom:3px;padding-bottom:3px;border-bottom-width:1px;border-style:solid}
.fixed-nav .desc i{display:inline-block;margin-right:2px}
.fixed-nav .desc i:before{margin-left:0}
.fixed-nav-prev .arrow,.fixed-nav-prev .photo,.fixed-nav-prev .desc{float:left}
.fixed-nav-prev .desc{margin-left:-335px}
.fixed-nav-prev:hover .desc{margin-left:0}
.fixed-nav-next .arrow,.fixed-nav-next .photo,.fixed-nav-next .desc{float:right}
.fixed-nav-next .desc{margin-right:-335px}
.fixed-nav-next:hover .desc{margin-right:0}
.fixed-nav .photo,.fixed-nav .desc{transition:all .3s ease-in-out}
.fixed-nav.format-quote .desc{display:none}
.fixed-nav.format-quote .photo{background-color:#eee;background-image:url(//www.earth-th.com/wp-content/themes/betheme/images/blockquote.png);background-position:center center;background-repeat:no-repeat;background-size:50% auto}
.fixed-nav.format-link .photo img{display:none}
.fixed-nav.format-link .photo{background-color:#eee;background-image:url(//www.earth-th.com/wp-content/themes/betheme/images/link.png);background-position:center center;background-repeat:no-repeat}
.blog_slider .blog_slider_ul li h4 {
margin: 0 0 10px;
position: relative;
line-height: 29px;
}
.home-product {
}
.blog_slider .blog_slider_ul li .item_wrapper {
margin: 10px;
position: relative;
top: 0;
overflow: hidden;
background: #fff;
box-shadow: 2px 0px 10px rgb(0 0 0 / 16%);
}
.news-home .blog_slider .blog_slider_ul li h4 a {
border: 0;
margin: 0;
font-size: 25px;
color: #015dca;
line-height: 1.2;
}
.desc .post-excerpt {
padding: 0 15px;
}
.see-all {
text-align: center;
margin: 50px 0;
width: 100%!important;
}
.see-all a {
display: inline-block;
padding: 10px 90px;
text-transform: none;
border: 2px solid #b99c63;
font-size: 35px;
color: #39392f;
}
.about-home .see-all a {
color: #ff0000;
border: 2px solid #ff0000;
padding: 6px 30px;
}
.home-box-content .photo_box img.scale-with-grid {
width: 100%;
}
.if-overlay .home-box-content .image_frame .image_wrapper .mask:after {
background-color: rgba(120, 161, 69, 0.5);
background-image: initial;
}
span.wpcf7-form-control-wrap .wpcf7-date, span.wpcf7-form-control-wrap .wpcf7-quiz, span.wpcf7-form-control-wrap .wpcf7-number, span.wpcf7-form-control-wrap .wpcf7-select, span.wpcf7-form-control-wrap .wpcf7-text, span.wpcf7-form-control-wrap .wpcf7-textarea {
width: 100%;
box-sizing: border-box;
margin-bottom: 20px;
padding: 7px 0 5px;
border: 0;
background: transparent;
box-shadow: 0 0 0;
font-size: 17px;
}
span.wpcf7-form-control-wrap .wpcf7-textarea {
height: 164px;
background: #f4f4f4 !important;
color: #000;
padding: 10px;
}
span.wpcf7-form-control-wrap .wpcf7-date, span.wpcf7-form-control-wrap .wpcf7-date:focus, span.wpcf7-form-control-wrap .wpcf7-text, span.wpcf7-form-control-wrap .wpcf7-text:focus {
height: 45px;
border-radius: 0;
border-bottom: 0;
background: #f4f4f4!important;
color: #808080;
padding: 10px;
}
span.wpcf7-form-control-wrap .wpcf7-select {
color: #808080;
background: #f4f4f4!important;
padding: 10px;
}
body input[type="date"]:focus, body input[type="email"]:focus, body input[type="number"]:focus, body input[type="password"]:focus, body input[type="search"]:focus, body input[type="tel"]:focus, body input[type="text"]:focus, body input[type="url"]:focus, body select:focus, body textarea:focus {
background: transparent!important;
}
input.wpcf7-form-control.wpcf7-submit.button_full_width {
background: #fb523b;
font-size: 30px;
display: inline-block;
padding: 10px 40px;
border: 2px solid #fb523b;
color: #fff;
}
#Footer .widgets_wrapper {
padding: 0!important;
}
#Footer .footer_copy a {
color: #171717;
}
#Footer .footer_copy .social a {
display: inline-block;
background: #fff;
width: 35px;
height: 35px;
border-radius: 50%;
text-align: center;
line-height: 35px;
margin: 0 5px;
}
#Footer .footer_copy .social a img {
display: inline-block;
vertical-align: middle;
}
.header-plain #Top_bar .menu > li.current-menu-item > a > span, .header-plain #Top_bar .menu > li.current_page_item > a > span {
background: url(//www.earth-th.com/wp-content/uploads/2019/10/hover-menu.png) no-repeat center 77%;
}
.header-plain #Top_bar .menu > li.current-menu-item > a, .header-plain #Top_bar .menu > li.current_page_item > a {
background: none!important;
}
div#Subheader {
padding: 0!important;
background: none!important;
}
div#Subheader .container {
display: none;
}
img.subheader-banner {
vertical-align: top;
width: 100%;
visibility: hidden;
opacity: 0;
-webkit-transition: all 1.3s ease-in-out;
-moz-transition: all 1.3s ease-in-out;
-o-transition: all 1.3s ease-in-out;
-ms-transition: all 1.3s ease-in-out;
transition: all 1.3s ease-in-out;
}
img.subheader-banner.active {
visibility: visible;
opacity: 1;
}
.about-quote .column_attr, .tab-quote {
background: none;
line-height: 1;
text-align: center;
font-size: 45px;
color: #ddb23d;
}
.tab-quote:before {
margin-top: 50px;
}
.about-quote .column_attr:before, .tab-quote:before {
content: '“';
display: block;
color: #e0e0e0;
font-size: 500%;
line-height: 50px;
visibility: visible;
opacity: 1;
width: auto;
height: auto;
overflow: visible;
}
.about-quote .column_attr:after, .tab-quote:after {
content: '”';
display: block!important;
color: #e0e0e0;
font-size: 500%;
line-height: 50px;
visibility: visible;
opacity: 1;
width: auto;
height: auto;
overflow: visible;
margin-top: 70px;
}
body .ui-tabs .ui-tabs-nav li a {
font-size: 335%;
position: relative;
padding: 0!important;
background: #fff;
line-height: 1;
display: block;
border-left: 2px solid #f5f5f5;
border-right: 0;
font-size: 90px;
font-weight: normal;
width: 156px;
margin: 0;
height: 130px;
line-height: 130px;
}
.title-category {
color: #015dca;
font-size: 30px;
padding: 10px 12px 7px;
margin-bottom: 15px;
text-align: center;
display: none;
}
ul.categories-menu li.categories > ul > li > a {
font-size: 16px;
padding: 8px 10px 6px;
font-weight: 500;
color: #1e1e1e;
}
ul.categories-menu li.categories {
}
ul.categories-menu li.categories > ul li.cat-item > a {
display: block;
}
ul.categories-menu li.categories > ul li.cat-item.current-cat > a:before {
background: #8dc73f;
}
ul.categories-menu > li.categories > ul > li ul.children {
margin-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
display: none;
}
ul.categories-menu > li.categories > ul > li.active ul.children {
display: block;
}
ul.categories-menu li.categories > ul li.cat-item ul.children > li > a {
font-size: 16px;
padding: 0;
font-weight: 500;
line-height: 21px;
margin-bottom: 12px;
color: #003852;
}
ul.categories-menu li.categories > ul li.cat-item ul.children > li > a:before {
content: '-';
margin-right: 5px;
display: inline-block;
}
ul.categories-menu {
padding-bottom: 0;
margin-bottom: 10px;
}
li.cat-item.active ul.children {
display: block;
}
ul.categories-menu li i {
width: 20px;
height: 20px;
position: absolute;
right: 8px;
top: 10px;
line-height: 19px;
border: 0;
cursor: pointer;
z-index: 1;
text-align: center;
font-size: 36px;
color: #fff;
font-style: normal;
background: #000;
border-radius: 50%;
}
ul.categories-menu > li.categories > ul > li.current-cat > a {
background: #000;
color: #fff;
}
ul.categories-menu > li.categories > ul > li.current-cat > i {
background: #fff;
}
ul.categories-menu li.active > i {
}
ul.categories-menu li a {
text-decoration: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
ul.categories-menu li.active > i:after {
content: '-';
display: block;
}
ul.categories-menu li {
position: relative;
}
ul.categories-menu li > i:after {
content: '+';
display: block;
}
ul.categories-menu.service p {
display: none;
}
ul.categories-menu.service > li.cat-item > a {
background: #e8e8e8;
text-transform: uppercase;
font-size: 18px;
padding: 10px 20px 6px;
display: block;
font-weight: 600;
}
ul.categories-menu.service li.categories > ul li.cat-item > a {
padding: 0;
font-size: 15px;
padding: 0;
background: none;
}
ul.categories-menu.service ul.children {
margin-left: 35px;
margin-top: 15px;
}
ul.categories-menu ul.children {
display: none;
}
.grid .post-desc-wrapper .post-desc h2.entry-title {
line-height: 1;
margin: 0;
}
.grid .post-desc-wrapper .post-desc a { }
.pager a i {
vertical-align: middle;
line-height: 25px;
display: block;
height: 25px;
}
.image_frame .image_wrapper img {
margin: 0 auto;
display: block;
}
.with_aside #Content {
padding-top: 40px;
}
ul.categories-menu li.categories > ul li.cat-item ul.children li.current-cat > a, ul.categories-menu li.categories > ul li.cat-item ul.children li.current-cat, ul.categories-menu li.categories > ul li.cat-item.current-cat > a {
}
ul.categories-menu li.categories > ul {
padding: 0;
}
.photo .post-desc h2.entry-title {
margin: 0;
line-height: 1;
font-size: 33px;
}
.column.mcb-column.one.column_map {
width: 100%;
margin: 40px 0 100px;
box-shadow: 0px 3px 15px hsl(0deg 0% 0% / 19%);
background: #Fff;
}
.contact-form .column_attr {
margin: 0 -2%;
}
.social-contact .social a {
background: #c69c6d;
padding: 0;
border-radius: 50%;
width: 40px;
display: inline-block;
height: 40px;
line-height: 38px;
}
.social-contact .social a img {
filter: brightness(0) invert(1);
vertical-align: middle;
}
.pll-parent-menu-item > a > span:after {
content: '\e866';
font-family: "mfn-icons";
font-style: normal;
font-weight: 400;
speak: none;
display: inline-block;
line-height: 1;
vertical-align: middle;
padding-left: 5px;
}
body.header-plain #Top_bar .menu > li.current-menu-parent > a {
color: #6b7a6b;
}
.section-related-adjustment h4 {
font-size: 34px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
margin-top: 0;
margin-bottom: 5px;
}
.section.section-post-related {
}
.section-related-ul {
text-align: center;
}
.section-related-ul h4 a {
font-size: 27px;
color: #171515;
}
.section.mcb-section.about-home .icon_box .image_wrapper {
position: relative;
width: 108px;
height: 108px;
margin: 0 auto 10px;
display: flex;
align-items: center;
}
.section.mcb-section.about-home.business-service .icon_box .image_wrapper {
width: 160px;
height: 160px;
}
.section.mcb-section.about-home .icon_box .image_wrapper:before {
background: url(//www.earth-th.com/wp-content/uploads/2021/09/out-circle.png) no-repeat;
content: '';
display: block;
visibility: visible;
width: 108px;
height: 108px;
left: 0;
top: 0;
z-index: 0;
position: absolute;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
background-size: 100%;
}
.section.mcb-section.about-home.business-service .icon_box .image_wrapper:before {
width: 160px;
height: 160px;    
}
.section.mcb-section.about-home .icon_box:hover .image_wrapper:before {
transform: rotate(180deg);
}
.section.mcb-section.about-home .icon_box .image_wrapper:after {
background: url(//www.earth-th.com/wp-content/uploads/2021/09/in-circle.png) no-repeat;
content: '';
display: block;
visibility: visible;
width: 108px;
height: 108px;
left: 0;
top: 0;
z-index: 0;
position: absolute;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
background-size: 100%;
}
.section.mcb-section.about-home.business-service .icon_box .image_wrapper:after {
width: 160px;
height: 160px;    
}
.section.mcb-section.about-home .icon_box:hover .image_wrapper:after {
transform: rotate(-180deg);
transform: scale(1.5);
}
.section.mcb-section.about-home .icon_box {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.section.mcb-section.about-home .mcb-wrap-inner .column_icon_box.active .icon_box {
transform: translateY(-80px);
}
.section.mcb-section.about-home .icon_box .image_wrapper img {
position: relative;
z-index: 1;
}
.about-home .icon_box .desc_wrapper {
text-align: center;
}
.about-home .icon_box .desc_wrapper h2.title:after {
margin: 0;
height: 0;
}
.style-simple .about-home .icon_box:hover .desc_wrapper .title:before, .style-simple .about-home .icon_box .desc_wrapper .title:before {
display: none;
}
.style-simple .about-home .icon_box .desc_wrapper h1.title:after {
content: '';
display: block;
width: 23%;
height: 4px;
background: #b99c63;
margin: 5px 0 25px;
}
.style-simple .about-home .icon_box:hover .image_wrapper img {
top: initial;
}
.style-simple .about-home .icon_box .desc_wrapper h1.title {
margin-bottom: 0;
line-height: 1;
color: #603813;
font-size: 75px;
}
body, ul.timeline_items, .icon_box a .desc, .icon_box a:hover .desc, .feature_list ul li a, .list_item a, .list_item a:hover, .widget_recent_entries ul li a, .flat_box a, .flat_box a:hover, .story_box .desc, .content_slider.carouselul li a .title, .content_slider.flat.description ul li .desc, .content_slider.flat.description ul li a .desc, .post-nav.minimal a i {
color:#362f2f!important;
}
.section.mcb-section.about-home {
font-size: 45px;
line-height: 1.1;
background-size: auto;
overflow: hidden;
background-repeat: no-repeat!important;
margin-top: -223px;
padding-top: 0!important;
}
.section.mcb-section.about-home.business-service {
display: flex;
align-items: stretch;
}
.section.mcb-section.about-home.business-service .section_wrapper.mcb-section-inner {
width: 100%;
padding: 0!important;
}
.feture-product .desc_wrapper {
font-size: 26px;
}
.style-simple .feture-product .icon_box .desc_wrapper .title {
margin-bottom: 15px;
text-align: center;
color: #603813;
font-size: 45px;
}
.feture-product .icon_box {
background: #f7f7f7;
padding: 20px;
border-radius: 8px;
border: 1px solid #b99c63;
min-height: 325px;
margin: 0 auto;
}
.feture-product .icon_box .image_wrapper {
text-align: center;
}
.style-simple .icon_box .desc_wrapper .desc {
font-size: 17px;
line-height: 23px;
}
.blog_slider .blog_slider_ul li .item_wrapper .post-excerpt {
margin-bottom: 0;
font-size: 16px;
color: #39392f;
line-height: 1.3;
font-weight: 300;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
padding: 0;
}
.style-simple .feture-product .icon_box .desc_wrapper .desc {
font-size: 35px;
line-height: 1;
}
.feture-product .column_icon_box {
margin-bottom: 30px;
}
.style-simple .icon_box .desc_wrapper .title:before {
display: none!important;
}
.style-simple .know-about .icon_box .image_wrapper {
margin: 0;
}
.blog-teaser li .photo-wrapper img.scale-with-grid.wp-post-image {
width: 100%;
}
.blog-teaser li .desc-wrapper .desc .post-meta span.author {
display: none;
}
.column_icon_box h2.title:after {
content: '';
display: block;
width: 85px;
height: 4px;
background: #171717;
margin: 5px auto 25px;
}
.bq_wrapper h3.title {
font-size: 26px;
color: #b99c63;
margin: 0 0 8px;
line-height: 1;
}
.testimonials_slider.single-photo .testimonials_slider_ul li .inner {
border: 1px solid #b99c63;
margin: 5px;
padding: 10px;
}
.testimonials_slider.single-photo a.slider_prev:after, .testimonials_slider.single-photo a.slider_next:after {
display: none!important;
}
.testimonials_slider.single-photo a.slider_prev, .testimonials_slider.single-photo a.slider_next {
background: none;
top: calc(50% - 40px);
}
.testimonials_slider.single-photo a.slider_prev span.button_icon, .testimonials_slider.single-photo a.slider_next span.button_icon {
padding: 0;
font-size: 60px;
}
.testimonials_slider.single-photo a.slider_prev span.button_icon i:before, .testimonials_slider.single-photo a.slider_next span.button_icon i:before {
margin: 0;
}
.testimonials_slider.single-photo a.slider_prev {
left: -60px;
}
.testimonials_slider.single-photo a.slider_next {
right: -60px;
}
.clients_slider .clients_slider_header a {
background: none;
}
.clients_slider .clients_slider_header a:after {
display: none!important;
}
.clients_slider .clients_slider_header a span.button_icon {
font-size: 30px;
padding: 0;
color: #003852;
border-radius: 50%;
width: 50px;
height: 50px;
line-height: 58px;
text-align: center;
display: none;
}
.clients_slider .clients_slider_header a span.button_icon i:before {
margin: 0;
}
.wrap.mcb-wrap.one.contact-address .column_icon_box {
border: 1px solid #b99c63;
box-sizing: border-box;
margin-left: 0;
margin-right: 0;
width: 50%;
}
.style-simple .contact-address .icon_box .desc_wrapper .desc {
font-size: 28px;
}
.style-simple .contact-address .icon_box {
margin-top: -75px;
padding-bottom: 30px;
}
body #Wrapper {
background-color: #ffffff;
}
body #Content {
background: none;
}
.style-simple .contact-address .icon_box h3 a {
color: #603813;
font-size: 130%;
}
.style-simple .contact-address .icon_box h3 {
margin: 15px 0;
}
#Footer .widgets_wrapper .widget h4 {
font-size: 16px;
color: #04439f;
margin-bottom: 27px;
line-height: 16px;
text-align: left;
font-weight: 400;
text-transform: uppercase;
display: inline-block;
border-bottom: 2px solid #8dc73f;
padding-bottom: 10px;
}
.textwidget {
}
.contact-home .image_item .image_wrapper {
display: inline-block;
}
.price {
line-height: 1;
font-weight: normal;
display: flex;
align-items: center;
justify-content: center;
color: #ff0808;
}
.price label {
margin: 0;
padding-right: 10px;
color: #1e1f20;
font-weight: 400;
font-size: 21px;
}
.about-us-intro .column_column h3 {
}
.about-us-intro .column_column, .about-us-intro .column_column h3 {
color: #fff;
line-height: 1.2;
font-size: 125%;
}
.history-mushroom {
font-size: 32px;
line-height: 1.2;
}
.style-simple .mushroom-propoty .accordion .question {
margin-bottom: 10px;
border: 0;
}
.style-simple .mushroom-propoty .accordion .question .answer {
background: none;
padding: 25px;
border: 1px solid #b99c63;
border-radius: 10px;
margin-top: 10px;
background: #fff;
font-size: 32px;
line-height: 1.1;
}
body #Content, body #Content {
}
body.page.page-id-294.header-transparent.ab-hide #Top_bar, body.page.page-id-258.header-transparent.ab-hide #Top_bar {
background: #fff;
}
.style-simple .mushroom-propoty .accordion .question .title {
font-size: 45px;
background-color: #b99c63;
color: #fff;
border-radius: 10px;
background-position: 10px 2px;
padding-left: 88px;
padding-top: 20px;
padding-bottom: 20px;
line-height: 1;
}
.section.mcb-section.about-us-intro {
background-color: #fff;
}
.style-simple .mushroom-propoty .accordion .question:nth-child(1) .title {
background-image: url(//www.earth-th.com/wp-content/uploads/2019/10/หัวใจ-icon.png);
background-repeat: no-repeat;
}
.style-simple .mushroom-propoty .accordion .question:nth-child(2) .title {
background-image: url(//www.earth-th.com/wp-content/uploads/2019/10/ม้าม-icon.png);
background-repeat: no-repeat;
}
.style-simple .mushroom-propoty .accordion .question:nth-child(3) .title {
background-image: url(//www.earth-th.com/wp-content/uploads/2019/10/ปอด-icon.png);
background-repeat: no-repeat;
}
.style-simple .mushroom-propoty .accordion .question:nth-child(4) .title {
background-image: url(//www.earth-th.com/wp-content/uploads/2019/10/ตับ-icon.png);
background-repeat: no-repeat;
}
.style-simple .mushroom-propoty .accordion .question:nth-child(5) .title {
background-image: url(//www.earth-th.com/wp-content/uploads/2019/10/ไต-icon.png);
background-repeat: no-repeat;
}
.section.mcb-section.mush-room .column_column h2.title {
color: #603813;
}
.section.mcb-section.mush-room .column_column h2.title:after {
content: '';
display: block;
height: 2px;
width: 14%;
background: #b99c63;
}
.mush-room .process-step h4 {
font-size: 50px;
color: #39392f;
}
.mush-room .process-step .column_attr.clearfix {
font-size: 30px;
}
.wrap.mcb-wrap.one.process-step {
padding: 0 5%;
}
.mush-room .process-step .one-second.column_image {
float: none;
display: inline-block;
vertical-align: middle;
}
.mush-room .process-step .one-second.column_column {
float: none;
display: inline-block;
vertical-align: middle;
clear: both;
padding: 70px;
box-sizing: border-box;
}
.process-step .image_frame .image_wrapper {
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22);
}
.process-step .image_wrapper img {
width: 100%;
}
span.tp-bullet-imageoverlay, span.tp-bullet-image, span.tp-bullet-title {
display: none;
}
.mush-room .one-third.column_image .image_wrapper {
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22);
margin: 10px;
}
.column_attr.clearfix {
font-size: 19px;
line-height: 1.1;
padding: 0 40px;
}
.financial_statements .thead.wrap.mcb-wrap .column.mcb-column.column_column {
padding: 0;
}
.financial_statements .wrap.mcb-wrap .column.mcb-column a {
font-size: 19px;
}
.style-simple #Filters .filters_wrapper ul li.all a {
background: #b99c63;
color: #fff;
}
.grid .post-desc-wrapper .post-desc .post-excerpt {
}
body.archive.category div#Content {
padding: 90px 0!important;
}
.fixed-nav {
display: none;
}
ul.feature_images {
margin: 0 -12px 60px 0;
padding: 0;
clear: both;
}
ul.feature_images li {
padding: 0;
box-sizing: border-box;
cursor: pointer;
width: calc(126px - 7px);
height: calc(126px - 7px);
background: #fff;
overflow: hidden;
position: relative;
}
ul.feature_images li img {
vertical-align: top;
width: auto;
height: auto!important;
max-width: 100%!important;
top: 0;
left: 0;
}
.short-description > h1 {
line-height: 1;
margin: 0 0 15px;
}
.short-description .price {
font-size: 40px;
color: #171515;
font-weight: normal;
}
.short-description .the_content_wrapper {
margin: 0;
margin-top: 0;
font-size: 17px;
}
ul.head-tab li.active, ul.head-tab li:hover {
border-bottom: 6px solid #b99c63;
}
ul.head-tab li {
float: left;
font-size: 35px;
padding: 0 0 15px;
width: 24.33%;
text-align: center;
position: relative;
bottom: -14px;
cursor: pointer;
}
ul.head-tab:after {
content: '';
display: block;
clear: both;
}
ul.head-tab {
margin-bottom: 30px;
border-bottom: 2px solid #959595;
padding-bottom: 10px;
}
.content-tab .content.active {
display: block;
}
.content-tab .content {
display: none;
}
.content-tab .content h2:after {
content: '';
display: block;
height: 3px;
width: 250px;
background: #b99c63;
margin: 0 auto;
}
.section-related-adjustment > h4 {
text-align: center;
color: #171515;
padding-bottom: 25px;
padding-top: 25px;
font-size: 25px;
}
.content-tab {
margin-bottom: 80px;
line-height: 1;
}
.content-tab .content ul {
margin-left: 15px;
}
.style-simple .testimonials_list blockquote {
color: #171515;
font-size: 29px;
text-align: left;
font-weight: normal;
margin: 0;
line-height: 1.1;
}
#Content .testimonials_list .item .photo img {
height: 130px;
}
.testimonials_list .item:nth-child(2n+1) {
clear: left;
}
.style-simple .testimonials_list blockquote:before {
content: '';
display: inline-block;
width: 30px;
height: 30px;
margin-right: 0;
background: url(//www.earth-th.com/wp-content/uploads/2019/11/qoute.png) no-repeat 0 0;
vertical-align: top;
}
div#Side_slide #menu ul li:hover > a,div#Side_slide #menu ul li.current-menu-item > a, div#Side_slide #menu ul li.current_page_item > a {
color: #ddb23d;
}
div#Side_slide {
background-color: #72c1f3;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
right: -100%;
overflow: hidden;
}
div#Side_slide:before {
content: '';
display: block;
width: 100%;
height: 17%;
position: absolute;
top: 0;
left: 0;
right: 0;
background: url(//www.earth-th.com/wp-content/uploads/2024/02/slide-1-8.png) no-repeat;
transform: rotate(180deg);
background-size: 125%;
background-position: 0 bottom;
}
div#Side_slide:after {
content: '';
display: block;
width: 100%;
height: 17%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: url(//www.earth-th.com/wp-content/uploads/2024/02/slide-1-8.png) no-repeat;
transform: rotate(0deg);
background-size: 125%;
background-position: 0 bottom;
}
.timeline .post-item h2.entry-title a {
font-size: 18px;
color: #00a650;
line-height: 1;
}
.timeline .post-item h2.entry-title {
line-height: 1;
}
.timeline .post-item .post-footer {
background: #b99c63;
color: #fff;
display: none;
}
.timeline .post-item .post-footer a {
color: #Fff;
}
.post-footer .button-love a.mfn-love span.label {
color: #fff;
line-height: 1;
vertical-align: middle;
}
.post-links i.icon-doc-text {
position: relative;
top: 3px;
}
.timeline .post-item .post-excerpt {
font-size: 30px;
}
body #Top_bar .menu > li.current_page_item > a:after, body #Top_bar .menu > li.hover > a:after, body #Top_bar .menu > li.current-menu-item > a:after, body #Top_bar .menu > li.current-menu-parent > a:after {
content: '';
display: block;
height: 25%;
width: 4px;
background: #e20000;
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
bottom: 0;
top:initial;
display: none;
}
body #Top_bar .menu > li.current_page_item > a:before, body #Top_bar .menu > li.hover > a:before, body #Top_bar .menu > li.current-menu-item > a:before, body #Top_bar .menu > li.current-menu-parent > a:before {
content: '';
display: block;
height: 25%;
width: 4px;
background: #e20000;
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
top: 0;
display: none;
}
body #Top_bar .menu > li > a:after {
content: '';
display: block;
height: 0;
width: 4px;
background: #e20000;
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
bottom: 0;
top: initial;
opacity: 1;
}
body #Top_bar .menu > li.current_page_item > a span, body #Top_bar .menu > li.hover > a span, body #Top_bar .menu > li.current-menu-item > a span, body  #Top_bar .menu > li.current-menu-parent > a span {
color:#fff;
}
body #Top_bar .menu > li.current-menu-item > a > span {
color: #0183d6;
display: block;
}
body #Top_bar .menu > li.current-menu-item > a > span:after {
content: '';
display: block;
height: 3px;
width: 100%;
border-radius: 5px;
background: #cc162c;
overflow: hidden;
}
body #Top_bar .menu > li.hover > a > span {
color: #fff;
}
body #Top_bar .menu > li > a {
height: auto;
color: #ffffff;
font-size: 16px;
margin: 0px 0 0 26px;
text-shadow: 0 0 0;
font-weight: 300;
letter-spacing: 0.5px;
}
.menuo-right #Top_bar .menu_wrapper {
margin-left: auto;
}
ul.menu.menu-main {
display: flex;
align-items: center;
}
#Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo {
height: auto!important;
margin-top: 15px;
}
body.single .column.one.post-header {
display: none;
}
h1.title-single + h2 {
font-size: 22px;
font-weight: 500;
text-align: center;
color: #066bbd;
display: none;
}
h1.title-single + h2:after {
background: url(//www.earth-th.com/wp-content/uploads/2023/02/line-blue.png);
content: '';
display: block;
height: 5px;
width: 115px;
margin: 0 auto;
}
.post-wrapper-content {
padding-top: 0;
padding-bottom: 50px;
}
.single-photo-wrapper {
text-align: center;
padding: 0;
position: relative;
}
.single-photo-wrapper .image_wrapper:Hover img.scale-with-grid {
transform: initial;
}
ul.feature_images:after {
content: '';
display: block;
clear: both;
}
.single-photo-wrapper .image_wrapper {
margin-bottom: 0;
}
#Top_bar.is-sticky .menu {
z-index: 202;
margin-top: 0;
}
#Top_bar.is-sticky a#logo {
margin: 0;
padding: 0!important;
height: auto!important;
}
body #Top_bar.is-sticky .menu > li.current_page_item > a, body #Top_bar.is-sticky .menu > li.hover > a {
background: none;
}
.style-simple .contact-page-address .icon_box .desc_wrapper h3.title {
font-size: 40px;
margin-bottom: 10px;
}
.style-simple .contact-page-address .icon_box .image_wrapper {
margin: 0;
}
.style-simple .contact-page-address .icon_box .desc_wrapper .desc {
font-size: 28px;
line-height: 1;
}
.style-simple .contact-page-address .icon_box .desc_wrapper .desc > a {
display: inline;
}
.style-simple .contact-page-address .icon_box .desc_wrapper .desc img {
display: block;
margin: 0 auto 10px;
}
.contact-form h2 {
text-align: center;
margin-bottom: 40px;
}
.contact-form h2 span {
display: inline-block;
border-bottom: 2px solid #b99c63;
}
body #Top_bar .menu > li.lang-item.current_page_item > a, body #Top_bar .menu > li.lang-item.hover > a {
background: none;
}
body #Top_bar .menu > li.lang-item.current_page_item > a > span, body #Top_bar .menu > li.lang-item.current-lang > a > span, body #Top_bar .menu > li.lang-item > a:hover > span {
background: #fe5627;
color: #fff!important;
}
.header-transparent #Top_bar.is-sticky .menu_wrapper .menu > li.lang-item > a {
padding-top: 15px;
padding-left: 5px;
padding-right: 5px;
}
body #Top_bar .menu li ul li {
width: 230px;
}
ul.sub-menu:before {
content: '';
display: block;
width: 10px;
height: 10px;
background: #cc162c;
position: absolute;
right: 20px;
top: -5px;
transform: rotate(45deg);
}
#Side_slide #menu ul li.current_page_item > a span, #Side_slide #menu ul li.current-menu-item > a, #Side_slide #menu ul li.current_page_item > a, #Side_slide #menu ul li.current-menu-parent > a, #Side_slide #menu ul li.current-page-parent > a, #Side_slide #menu ul li.current-menu-ancestor > a, #Side_slide #menu ul li.current-page-ancestor > a, #Side_slide #menu ul li.current_page_ancestor > a, #Side_slide #menu ul li.hover > a, #Side_slide #menu ul li:hover > a {
color: #0183d6!important;
}
#Side_slide #menu ul li.lang-item a {
padding: 0;
}
img.mfp-img {
background: #fff;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: #000!important;
}
body a#back_to_top.button.button_js, body #popup_contact > a.button {
color: #fff;
background: #cc162c;
box-shadow: none;
border: 2px solid #fff;
position: fixed;
right: 40px;
bottom: 40px;
border-radius: 0;
z-index: 1;
}
.video-review .grid .post-footer {
display: block;
margin: 10px 0 0;
background: rgba(226, 217, 200, 0.45);
text-align: left;
}
.video-review .grid .post-footer a {
text-decoration: none;
}
.video-review .grid .post-footer .post-links {
display: none;
}
a.video i.icon-googleplay {
border-radius: 50%;
border: 2px solid;
width: 27px;
height: 27px;
display: inline-block;
line-height: 1;
vertical-align: middle;
margin-right: 10px;
}
a.video i.icon-googleplay:before {
position: relative;
top: 2px;
left: 4px;
font-size: 16px;
}
.video-review .image_links {
display: none;
}
.video-review .mask {
display: none;
}
.video-review .post-title {
z-index: -1;
position: relative;
}
.featured-video-plus.fvp-center iframe {
margin-top: 0;
height: 208px;
}
.featured-video-plus.fvp-center {
overflow: hidden;
}
.post-photo-wrapper iframe {
width: 100%;
}
.featured-video-plus.fvp-center iframe {
position: relative;
}
.fluid-width-video-wrapper {
padding: 0!important;
}
.pager_lm .pager_load_more span.button_icon {
display: none;
}
body a.button .button_label {
padding: 8px 15px 6px;
border: 2px solid #cc162c;
text-transform: capitalize;
color: #0183d6;
border-radius: 10px;
font-size: 16px;
font-weight: 400;
}
body a.button .button_label:after {
content: '\e916';
font-family: "mfn-icons";
margin-left: 10px;
}
a.pager_load_more.button {
background: none!important;
}
#Side_slide #menu ul .lang-item.current-lang.menu-item.menu-item-type-custom.menu-item-object-custom a {
}
.style-simple #Filters .filters_wrapper ul li.reset {
}
#Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo {
height: auto!important;
line-height: 0!important;
padding: 0!important;
margin: 0!important;
}
.header-split #Header #Top_bar.is-sticky .top_bar_left .logo {
margin: 0;
}
body #Top_bar.is-sticky #logo img.logo-sticky {
max-height: 100%;
vertical-align: top;
}
body #Top_bar.is-sticky .menu_wrapper .menu > li > a {
padding: 0;
}
body #Top_bar.is-sticky .menu > li > a, body #Top_bar.is-sticky .menu > li > a span {
line-height: 30px;
}
.title-page h1 {
position: relative;
color: #003852;
margin: 0 0 100px;
font-size: 44px;
line-height: 32px;
font-weight: normal;
}
.home-product .title-page h1 {
color: #fff;
}
.home-product .blog_slider .blog_slider_ul li h4 a {
color: #fff;
border: 0;
font-size: 33px;
}
.home-product .column_attr {
color: #fff;
}
.home-product .column_attr h2 {
color: #fff;
}
.blog_slider .blog_slider_header a:after {
display: none;
}
.news-home .posts_group.grid.col-4 .post-item {
width: 25%;
margin: 0;
padding: 0;
position: relative;
} .image_wrapper > a:after {
content: '';
display: block;
width: 4px;
height: 0%;
background: #fff;
position: absolute;
margin: 0 auto;
opacity: 1;
z-index: 3;
bottom: 0;
left: 0;
right: 0;
-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;
}
.image_frame:hover .image_wrapper > a:before {
height: 15%;
display: none;
} .news-home .grid .post-desc-wrapper {
position: absolute;
top: 65%;
width: 100%;
z-index: 4;
visibility: hidden;
opacity: 0;
-webkit-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}
.news-home .image_frame:hover .post-desc-wrapper {
visibility: visible;
opacity: 1;
}
.news-home .grid .post-desc-wrapper h2.entry-title a {
font-size: 40px;
color: #fff;
margin: 0 15px;
text-shadow: 0px 0px 5px #000;
}
.photo_box:hover a.see-all {
border: 2px solid #ed1c24;
color: #ed1c24;
background: #fff;
}
.photo_box a.see-all {
position: absolute;
width: 150px!important;
bottom: 150px;
margin: 0 auto;
left: 0;
right: 0;
border: 2px solid #fff;
color: #fff;
background: transparent;
padding: 20px 10px;
z-index: 3;
}
.form-calulate .column_attr {
padding: 40px;
border: 1px solid #000000;
}
.contact-home .title-page h1 {
text-align: center;
display: block;
font-size: 45px;
}
.contact-home .title-page h1:after {
width: 85px;
background: #000;
}
.contact-home h3 {
line-height: 1;
color: #000;
text-align: center;
}
.form-calulate ul {
margin: 30px 0 0!important;
list-style: none!important;
text-align: right!important;
}
.form-calulate ul input {
display: inline-block;
margin: 0 15px 10px;
background: none;
border-width: 0 0 2px;
border-color: #000;
box-shadow: 0 0 0;
font-size: 34px;
color: #000;
line-height: 1;
font-family: "DB-Helvethaica-X", Arial, Tahoma, sans-serif;
}
.form-calulate ul label {
display: inline-block;
font-weight: normal;
color: #000;
font-size: 28px;
}
.form-calulate ul label:last-child {
width: 50px;
text-align: left;
}
.form-calulate ul input:focus {
border-color: #e30808!important;
}
.form-calulate ul button {
display: block;
width: 300px;
float: right;
margin-right: 30px;
font-size: 30px;
padding: 6px;
color: #e30808;
border: 2px solid #e30808;
background: none;
margin-top: 30px;
}
.form-calulate ul li:after {
content: '';
display: block;
clear: both;
}
#Footer .widgets_wrapper ul li a {
color: #000;
}
#Footer .widgets_wrapper ul li {
padding: 0;
margin: 0 0 0;
position: relative;
line-height: 1.5;
display: flex;
align-items: center;
color: #000;
font-size: 18px;
font-weight: 400;
margin-bottom: 15px;
}
#Footer .widgets_wrapper ul li img {
vertical-align: middle;
}
.social-footer a {
background: url(//www.earth-th.com/wp-content/uploads/2019/11/bg-icon.png) no-repeat 0 0;
display: inline-block;
}
.social-footer a img {
vertical-align: top;
}
.social-footer {
position: absolute;
top: 0;
right: 0;
}
.about-page .icon_box.icon_position_left .image_wrapper {
position: relative;
width: auto;
height: auto;
display: inline-block;
}
.about-page .icon_box.icon_position_left .desc_wrapper {
display: inline-block;
vertical-align: top;
}
.about-page .icon_box.icon_position_left {
padding-left: 0;
}
.style-simple .icon_box .desc_wrapper h6.title {
font-size: 35px;
color: #171717;
}
.style-simple .icon_box .desc_wrapper .desc h2 {
color: #171717;
font-size: 38px;
line-height: 1;
}
.about-page h3:after {
content: '';
display: block;
width: 45px;
height: 2px;
background: #171717;
}
.about-page h3 {
color: #171717;
font-size: 40px;
}
.section.mcb-section.HAPPENINGS .image_frame .image_wrapper {
height: 265px;
border-radius: 10px;
}
.section.mcb-section.HAPPENINGS .image_frame .image_wrapper a {
height: 265px;
border-radius: 10px;
display: block;
overflow: hidden;
position: relative;
}
.section.mcb-section.HAPPENINGS .image_frame .image_wrapper a:before {
content: '';
display: block;
width: 5px;
height: 0%;
position: absolute;
margin: 0 auto;
top: 0;
left: 0;
right: 0;
z-index: 9999;
opacity: 1;
visibility: visible;
background: #fff;
-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;
}
.section.mcb-section.HAPPENINGS .image_frame:hover .image_wrapper a:before {
height: 15%;
}
.section.mcb-section.HAPPENINGS .image_frame .image_wrapper a:after {
content: '';
display: block;
width: 5px;
height: 0%;
position: absolute;
margin: 0 auto;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
opacity: 1;
visibility: visible;
background: #fff;
-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;
}
.section.mcb-section.HAPPENINGS .image_frame:hover .image_wrapper a:after {
height: 15%;
}
.HAPPENINGS .grid .post-desc-wrapper .post-desc a {
display: inline-block;
font-size: 32px;
}
.section.mcb-section.HAPPENINGS .icon_wrapper {
display: none;
}
.HAPPENINGS .grid .post-desc-wrapper .post-desc a:after {
content: '';
display: block;
width: 65%;
height: 4px;
background: #000;
margin: 10px auto 15px;
}
.section.mcb-section.HAPPENINGS .grid .post-desc-wrapper .post-desc .post-excerpt {
display: block;
line-height: 1.2;
}
.product-page .photo .post-desc-wrapper {
position: absolute;
top: 50%;
left: 0;
width: 100%;
text-align: center;
line-height: 100%;
z-index: 99;
}
.photo .post-desc h2.entry-title a {
color: #fff;
font-size: 60px;
text-shadow: 1px 1px 1px #000;
}
.if-overlay .product-page .image_frame .image_wrapper .mask:after {
background-image: initial;
background-color: rgba(120, 161, 69, .5);
}
.product-page .post-item {
margin-bottom: 0;
}
.short-description h1.title {
margin-bottom: 40px;
font-size: 33px;
text-align: left;
line-height: 32px;
color: #015dca;
}
.short-description h1.title:after {
display: none;
}
.icon-title {
width: 100px;
height: 100px;
background: url(//www.earth-th.com/wp-content/uploads/2019/11/AW-about-img.png) no-repeat;
margin: 0 auto;
background-size: 100%;
}
body h2 {
font-size: 23px;
font-weight: 400;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
color: #362f2f;
margin: 0 0 20px;
font-family: "Prompt", Arial, Tahoma, sans-serif;
}
.short-description h4:after {
content: '';
display: block;
height: 2px;
width: 50px;
background: #000;
margin: 10px auto 20px;
}
.short-description h4 {
font-size: 35px;
}
.product-description .align_center h3:after {
margin: 10px auto 30px;
}
.section-related-adjustment h4 a {
font-size: 28px;
line-height: 1;
}
.home-product .blog_slider .blog_slider_ul li .item_wrapper .post-excerpt {
display: none;
}
.title-page h2 {
line-height: 1;
}
.title-page h2:after {
content: '';
display: block;
height: 2px;
width: 180px;
background: #000;
margin: 10px auto 20px;
}
.if-overlay .contact-page-address .image_frame .image_wrapper .image_links {
display: none;
}
body .column.column_divider {
margin: 0!important;
height: 0!important;
border-bottom: 0;
}
body a {
color: #362f2f;
}
body a:hover {
color: #cc162c;
}
.contact-page-address .image_frame .image_wrapper, .contact-page-address .google-map-wrapper {
box-shadow: 0px 8px 18px rgba(0, 0, 0, .22);
overflow: hidden;
border-radius: 10px;
}
.photo .post-desc .post-excerpt {
margin-bottom: 0;
display: none;
}
.column_column.cat-img .column_attr.clearfix {
display: inline-block;
position: relative;
}
.column_column.cat-img {
text-align: center;
}
.column_column.cat-img h2 {
position: absolute;
z-index: 1;
top: 30%;
left: 0;
right: 0;
text-align: center;
color: #fff;
}
.column_column.cat-img a:hover {
color: #fff;
background: #3366ff;
}
.column_column.cat-img a {
display: inline-block;
text-decoration: none;
background: #fff;
color: #3366ff;
padding: 10px 0;
border-radius: 8px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: 50%;
width: 151px;
font-size: 28px;
}
body a.button, body a.tp-button {
color: #000000;
border: 0;
box-shadow: 0 0 0;
background: none;
}
body a.button .button_icon {
background: none;
padding: 0;
line-height: 1;
display: flex;
align-items: center;
}
body a.button .button_icon i {
color: #39b54d;
}
.title-client > div a {
display: inline-block;
background: #3366ff;
color: #fff;
padding: 10px 20px 8px;
border-radius: 10px;
text-transform: uppercase;
vertical-align: middle;
margin-top: 30px;
}
.section.mcb-section.contact h2 {
color: #fff;
}
.section.mcb-section.contact .column_attr.clearfix {
color: #fff;
}
.section.mcb-section.contact .desc_wrapper, .section.mcb-section.contact .desc_wrapper h4, .section.mcb-section.contact .desc_wrapper a {
color: #fff;
}
.section.mcb-section.contact .desc_wrapper .title {
color: #fff;
}
.section.mcb-section.contact .desc_wrapper a {
display: inline;
}
.section.mcb-section.contact .desc_wrapper .desc h4 {
font-size: 35px;
}
.section.mcb-section.contact .column_attr.clearfix h1 {
color: #fff;
}
footer#Footer {
position: relative;
z-index: 1;
background: url(//www.earth-th.com/wp-content/uploads/2024/02/footer-bg.png) no-repeat center top;
}
#Footer .widgets_wrapper h2 {
color: #015dca;
letter-spacing: 0;
}
.section.mcb-section.contact h2:after {
content: '';
display: block;
height: 2px;
width: 100px;
background: #0b456f;
}
body #Top_bar .menu > li.hover > a {
color: #fff;
}
#Top_bar .menu > li.current-menu-item > a, #Top_bar .menu > li.current_page_item > a {
color: #fff!important;
}
body #Top_bar .menu > li > a:hover > span {
}
body #Footer .footer_copy {
border-top: 1px solid #686868;
background: #f4f4f4;
}
ul.categories-menu > li.categories > ul > li {
margin-bottom: 0;
}
ul.categories-menu > li.categories > ul > li:last-child {
border-bottom: 0;
}
.section-related-ul:after {
content: '';
display: block;
clear: both;
}
#Side_slide, #Side_slide .search-wrapper input.field, #Side_slide a:not(.action_button), #Side_slide #menu ul li.submenu .menu-toggle {
color: #000!important;
font-size: 24px!important;
}
#Side_slide a:not(.action_button):hover, #Side_slide a.active, #Side_slide #menu ul li.hover > .menu-toggle {
color: #000!important;
}
.mcb-wrap-inner:after {
content: '';
display: block;
clear: both;
}
ul.children ul.children {
margin-left: 20px;
}
body #Top_bar .menu > li.q-link > a {
padding-left: 0;
padding-right: 0;
}
body #Top_bar .menu > li.q-link > a span {
padding-left: 20px;
border-left: 1px solid #000!important;
margin-left: 21px;
}
body #Top_bar.is-sticky .menu_wrapper .menu > li.q-link > a {
padding-right: 0;
padding-left: 0;
}
.section.mcb-section.client-section {
min-height: 647px;
}
.posts_group.lm_wrapper.grid.col-3:after {
content: '';
display: block;
clear: both;
}
body #Top_bar.is-sticky {
height: auto;
position: fixed;
}
.intro-about h3, .intro-about h1 {
color: #f26f21;
margin: 0;
line-height: 1;
text-align: center;
}
.intro-about h1 {
margin-bottom: 40px;
}
.intro-about hr {
margin: 10px auto;
background-color: #007a55;
width: 245px;
}
a.read-more, a.read-more:hover {
text-align: left;
font-size: 20px;
color: #5b5c5e;
display: flex;
align-items: center;
text-decoration: none;
}
a.read-more:after {
content: '+';
display: inline-block;
margin-left: 10px;
font-size: 34px;
line-height: 1;
position: relative;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
border: 2px solid transparent;
color: #5b5c5e;
border-radius: 50%;
}
a.read-more:hover:after {
border: 2px solid #f1b600;
color: #f1b600;
}
a.read-more span {
float: right;
}
.section.product-section .desc {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.50);
display: flex;
justify-items: center;
flex-direction: column;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;
}
.blog_slider .blog_slider_ul li:hover .desc {
visibility: visible;
opacity: 1;
}
.section.product-section .desc:before {
content: '';
display: block;
width: 4px;
background: #fff;
height: 15%;
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
z-index: 1;
top: 0;
}
.section.product-section .desc:after {
content: '';
display: block;
width: 4px;
background: #fff;
height: 15%;
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
z-index: 1;
bottom: 0;
}
.icon-product {
}
.blog_slider .blog_slider_ul li .image_wrapper img {
margin: 0;
width: 100%;
}
ul.slick-dots li {
float: none;
width: auto;
display: inline-block;
vertical-align: top;
line-height: 1;
}
ul.slick-dots li button {
text-indent: -9999px;
width: 10px;
height: 10px;
padding: 0;
background: #0183d6;
border-radius: 50%;
outline: 0;
border: 0;
margin: 0 7px;
}
ul.slick-dots li.slick-active button {
background: #cc162c;
border: 0;
}
ul.slick-dots {
text-align: center;
line-height: 1;
position: relative;
z-index: 1;
bottom: 0;
left: 0;
right: 0;
margin: 30px 0 0;
}
.price-strock {
text-align: center;
}
.price-strock span.price {
font-size: 45px;
margin-right: 15px;
}
.price-strock span.bath {
color: #3aad2e;
margin-right: 10px;
}
.invester-info a.read-more {
margin: 0 auto;
}
.news-slide .posts_group.grid.col-4 .post-item {
clear: none!important;
margin: 0!important;
padding: 0!important;
}
.news-slide .grid .post-desc-wrapper {
background: #fff;
}
.news-slide .grid .post-desc-wrapper .post-footer {
display: block;
padding: 0 0 15px;
margin: 10px 0 0;
}
.grid .post-desc-wrapper .post-desc a.read-more {
color: #007a55;
margin: 0 auto;
padding: 8px 15px 2px;
width: auto;
display: inline-block;
vertical-align: top;
}
.grid .post-desc-wrapper .post-desc a.read-more span {
margin-left: 8px;
}
.news-slide .posts_group.grid .post-item .image_frame {
padding: 0 10px;
}
.news-slide .posts_group.grid .post-item .image_frame .image_wrapper {
border-radius: 15px 15px 0 0;
}
.section.mcb-section.joint-us-section .mcb-section-inner {
padding: 14% 0;
}
.joint-us-section a.read-more {
margin-left: auto;
margin-right: auto;
}
footer#Footer h3 {
color: #febc94;
}
.social a {
display: inline-block;
margin: 0 5px;
}
.section.mcb-section.about-section-1 {
background-size: 100%!important;
}
.vission-section .column_column .column_attr {
padding: 40px;
}
.vission-section .column_column .column_attr h1 {
color: #fff;
}
.vission-section .column_column .column_attr {
padding: 40px;
color: #fff;
}
div#carousel-nav ul.slides li {
text-align: center;
position: relative;
z-index: 1;
cursor: pointer;
height: 100%;
margin-bottom: 0;
padding: 0 5px;
box-sizing: border-box;
}
.warp-slide-item {
display: flex;
flex-direction: column;
}
div#carousel-nav ul.slides li .circle {
width: 10px;
height: 10px;
border-radius: 50%;
background: #00a650;
margin: 0 auto;
}
.warp-slide-item.up {
margin-bottom: 1007px;
}
div#carousel-nav ul.flex-direction-nav li a {
font-size: 0;
text-decoration: none;
display: inline-block;
vertical-align: top;
line-height: 15px;
position: absolute;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
div#slider-image ul.flex-direction-nav {
display: none;
}
div#carousel-nav .flex-viewport {
z-index: 0;
}
div#carousel-nav ul.flex-direction-nav li a.flex-prev:after {
content: '\e8b8';
font-family: "mfn-icons";
font-size: 36px;
display: block;
}
div#carousel-nav ul.flex-direction-nav li a.flex-next:after {
content: '\e916';
font-family: "mfn-icons";
font-size: 36px;
display: block;
}
ul.flex-direction-nav {
margin: 0;
list-style: none;
}
ul.flex-direction-nav {
margin: 0!important;
list-style: none!important;
}
div#carousel-nav {
position: relative;
max-height: 1100px;
background: none;
border: 0;
padding: 0;
}
div#carousel-nav ul.flex-direction-nav {
position: absolute;
top: 50%;
left: 0;
right: 0;
z-index: 1;
}
div#carousel-nav ul.flex-direction-nav li.flex-nav-prev {
position: absolute;
left: -10px;
height: auto;
margin: 0 0 0;
text-align: center;
}
div#carousel-nav ul.flex-direction-nav li.flex-nav-next {
position: absolute;
right: -10px;
margin: 0 0 0;
text-align: center;
}
div#carousel-nav ul.flex-direction-nav li {
}
div#slider-image {
margin: 0 0 30px;
background: none;
padding: 0;
box-sizing: border-box;
border-radius: 0;
}
div#slider-image img {
max-height: 542px;
width: auto;
margin: 0 auto;
}
div#carousel-nav ul.slides {
margin: 0 0 0!important;
display: flex;
align-items: center;
}
div#carousel-nav ul.slides li.flex-active-slide .circle, div#carousel-nav ul.slides li:hover .circle {
background: #00a650;
width: 12px;
height: 12px;
}
div#carousel-nav ul.slides li.flex-active-slide .title-year, div#carousel-nav ul.slides li:hover .title-year {
font-size: 18px;
color: #00a650;
}
.wrap.mcb-wrap.one.product-list-page {
margin-top: 50px;
}
body h5, body h6 {
letter-spacing: 1px;
}
h5.cate-name {
font-size: 23px;
border-left: 2px solid #f26f21;
padding-left: 6px;
line-height: 13px;
text-align: left;
}
.product-list-page h3.title a {
margin: 0;
color: #f26f21;
font-size: 39px;
line-height: 1;
}
h3.title {
margin: 0;
}
.image_frame a.link-product {
padding: 8px 17px 7px;
border: 2px solid #f26f21;
display: inline-block;
line-height: 1;
margin-bottom: 50px;
}
.image_frame a.link-product:hover {
text-decoration: none;
background: #f26f21;
color: #fff;
}
.product-list-page .image_frame {
text-align: center;
}
.product-list-page .image_frame .image_wrapper {
position: relative;
overflow: hidden;
border-bottom: 3px solid #f26f21!important;
margin-bottom: 40px;
padding-bottom: 15px;
}
.product-list-page h3.title {
text-align: left;
}
.wrap.mcb-wrap.one.product-list-page .grid .post-item {
padding: 0;
}
body .pager .pages a.active, body .pager .pages a:hover {
background: #0183d6;
border: 0;
background-size: 100% 100%;
}
.product-single-page .single-price {
text-align: center;
color: #f26f21;
font-size: 50px;
font-weight: normal;
margin-bottom: 100px;
}
.title-head:after {
content: '';
display: block;
height: 3px;
width: 150px;
background: #f26f21;
margin: 15px auto 0;
}
.title-head {
border-bottom: 1px solid #ababab;
text-align: center;
font-size: 50px;
padding-bottom: 0;
margin-bottom: 40px;
}
.section-news-page h3.title a {
color: #f26f21;
line-height: 1;
}
.section.mcb-section.section-news-page h3.title {
margin: 15px 0;
}
.section.mcb-section.section-news-page a.link-product {
color: #f26f21;
float: right;
}
.section.mcb-section.section-news-page a.link-product:hover {
color: #fff;
}
.col-3 .post-item {
width: 33.33%;
}
.col-3 .post-item .post-photo-wrapper {
width: auto;
padding: 0;
margin: 0 15px 15px;
border-radius: 0;
overflow: hidden;
}
.short-desc {
line-height: 1;
margin-bottom: 20px;
}
.short-desc a.more-link {
display: none;
}
.main-image img {
}
.offer_thumb .title {
background: #ebebeb;
line-height: 1;
margin-bottom: 15px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 20px 30px;
}
.offer_thumb .active .title {
}
.offer_thumb .title h3 {
line-height: 1;
margin: 0;
cursor: pointer;
font-size: 23px;
}
.offer_thumb .active .title h3 {
}
.offer_thumb .desc {
}
.offer_thumb .desc h2 {
font-size: 19px;
line-height: 1;
margin: 0 0 5px;
font-weight: 700;
}
a.apply-job.read-more {
width: 187px;
display: inline-block;
height: 53px;
line-height: 53px;
vertical-align: top;
padding: 0;
background: #003852;
color: #fff;
text-align: center;
}
a.apply-job.read-more span {
display: inline-block;
padding-left: 20px;
vertical-align: top;
line-height: 1;
}
a.apply-job.read-more:after {
content: '';
display: inline-block;
width: 18px;
height: 18px;
background: url(//www.earth-th.com/wp-content/uploads/2021/01/arrow-right.png) no-repeat 0 0;
vertical-align: -2px;
margin-left: 15px;
}
.offer_thumb {
}
.offer_thumb.bottom ul {
margin-left: -5px;
}
.offer_thumb ul li {
}
.offer_thumb ul li.active {
}
.offer_thumb ul li .desc {
display: none;
font-size: 19px;
padding: 15px 30px;
}
.offer_thumb ul li.active .desc {
display: block;
}
.offer_thumb .title h3 i {
float: right;
font-size: 23px;
color: #000;
}
.offer_thumb li.active .title h3 i {
color: #f26f21;
}
.form-job .mcb-wrap-inner {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
}
.form-job .mcb-wrap-inner .column {
max-width: 610px;
border: 1px solid #000;
padding: 25px;
box-sizing: border-box;
margin: 0 auto;
background: #fff;
}
.form-job span.wpcf7-form-control-wrap .wpcf7-text {
border: 1px solid #a8a8a8;
height: 50px;
}
.form-job ul {
margin: 0!important;
list-style: none!important;
}
.form-job li br {
display: none;
}
.form-job li label {
font-weight: 600;
color: #003852;
font-size: 19px;
}
.form-job span.wpcf7-form-control-wrap input {
border: 1px solid #a8a8a8;
height: 50px;
width: 100%;
box-sizing: border-box;
outline: 0;
}
.form-job {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 900;
margin: 0;
background: rgba(17, 17, 17, .8);
width: 100%!important;
display: none;
}
.button-close {
float: right;
background: red;
color: #fff;
font-size: 30px;
width: 40px;
height: 40px;
text-align: center;
line-height: 38px;
border-radius: 50%;
border: 2px solid #fff;
box-shadow: 0px 1px 3px #000;
outline: 0;
cursor: pointer;
margin: 0 0 20px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.career-section form.wpcf7-form {
clear: both;
}
body.open_job #Header_wrapper {
z-index: 1;
}
form.wpcf7-form p {
margin: 0;
}
.contact-form form.wpcf7-form input.wpcf7-form-control.wpcf7-text::-webkit-input-placeholder { color: #808080;
}
.contact-form form.wpcf7-form input.wpcf7-form-control.wpcf7-text:-ms-input-placeholder { color: #808080;
}
.contact-form form.wpcf7-form input.wpcf7-form-control.wpcf7-text::placeholder {
color: #808080;
}
.contact-form form.wpcf7-form textarea.wpcf7-form-control.wpcf7-textarea::-webkit-input-placeholder {
color: #808080;
}
.contact-form form.wpcf7-form textarea.wpcf7-form-control.wpcf7-textarea:-ms-input-placeholder {
color: #808080;    
}
.contact-form form.wpcf7-form textarea.wpcf7-form-control.wpcf7-textarea::placeholder {
color: #808080;    
}
.contact-form input.wpcf7-form-control.wpcf7-submit.button_full_width {
background: #2a2b2f url(//www.earth-th.com/wp-content/uploads/2021/01/arrow-right.png) no-repeat 94% 12px;
font-size: 19px;
display: block;
padding: 10px 40px;
border: 0;
color: #fff;
border-radius: 0;
width: auto;
margin: 0 auto;
}
.contact-form textarea.wpcf7-form-control.wpcf7-textarea {
}
.contact-form form.wpcf7-form input.wpcf7-form-control.wpcf7-text:focus {
}
.contact-phone a {
display: inline-block;
font-size: 40px;
margin: 0 10px;
}
.contact-phone a img {
display: inline-block;
vertical-align: middle;
margin: 0 10px;
}
.contact-phone .column_attr {
font-size: 40px;
}
.contact-phone img {
vertical-align: middle;
}
.contact-address h3 {
margin: 0;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 .categories_filter .multiselect.adropdown-toggle.style-btn.btn.btn-default .multiselect-selected-text {
font-size: 21px;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 .search_filter > p:first-child {
color: #f1b600;
font-size: 32px;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 input#auto-complete-search {
height: 57px;
font-size: 35px;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 .col-xs-12.search_filter p:last-child > span, body #asl-storelocator.asl-p-cont.asl-bg-0 .col-xs-12.search_filter .asl-store-search > span {
background-image: none;
background-position: center center;
background-repeat: no-repeat;
background-size: 17px;
background: #f1b600 repeat scroll 0 0;
height: 57px;
left: auto;
position: absolute;
right: 0px;
top: 0;
width: 57px!important;
}
body #asl-storelocator.asl-p-cont .col-xs-12.search_filter p:last-child > span i {
font-size: 30px;
}
body #asl-storelocator.asl-p-cont.storelocator-main .Filter_section .col-xs-12.search_filter p:last-child, body #asl-storelocator.asl-p-cont.storelocator-main .Filter_section .col-xs-12.search_filter .asl-store-search {
height: auto;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 .col-xs-12.search_filter {
margin-bottom: 30px;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 .Num_of_store {
background: #f1b600 none repeat scroll 0 0;
font-size: 30px;
font-weight: normal!important;
position: relative;
width: 100%;
}
body #asl-storelocator.asl-p-cont.asl-template-0.asl-p-cont .asl-panel #panel.storelocator-panel {
margin: 0;
top: 50px;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 .panel-inner .item .addr-sec .p-title {
font-size: 34px;
color: #f1b600;
}
body #asl-storelocator.asl-p-cont.container .panel-inner p.p-area {
line-height: 1;
font-size: 25px;
}
body #asl-storelocator.asl-p-cont.container.storelocator-main .item a {
font-size: 25px;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 .addr-sec .p-area:nth-child(2) {
max-width: 100%;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 .item .addr-sec {
width: 100%;
}
body .asl-p-cont#asl-storelocator .s-direction {
cursor: pointer;
font-size: 25px;
}
body #asl-storelocator.asl-p-cont.container .panel-inner .item .glyphicon {
font-size: 20px !important;
position: relative;
display: inline-block;
vertical-align: 2px;
margin-right: 5px;
margin-bottom: 0;
line-height: 1;
float: none;
height: auto;
width: auto;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 .drop_box_filter p span {
font-size: 25px;
}
body #asl-storelocator.asl-p-cont.asl-template-0 .categories_filter .btn-group, body #asl-storelocator.asl-p-cont.asl-template-1 .categories_filter .btn-group {
height: auto !important;
width: 100%!important;
float: none;
}
body .asl-p-cont#asl-storelocator .asl-advance-filters .categories_filter .btn-group .multiselect.adropdown-toggle.style-btn.btn.btn-default {
left: 0;
left: 0 !important;
display: block !important;
height: 57px!important;
width: 100%;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 .drop_box_filter p span {
font-size: 32px;
line-height: 38px;
display: inline-block;
vertical-align: top;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 .drop_box_filter > p {
margin-bottom: 5px!important;
}
body #asl-storelocator.storelocator-main.asl-bg-0 #asl-map-canv {
height: 710px;
}
body #asl-storelocator.asl-p-cont.storelocator-main .panel-cont {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 #panel .panel-inner {
height: 100%;
overflow-y: auto;
overflow: auto!important;
position: absolute;
width: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 .Filter_section {
padding-top: 20px;
}
body #asl-storelocator.asl-p-cont ul.adropdown-menu.multiselect-container .form-control.multiselect-search {
font-size: 23px !important;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 .more_info {
font-size: 25px;
}
.wrap.mcb-wrap.one .image_wrapper.file_upload .wp-caption-text h3 {
font-size: 30px;
}
body #asl-storelocator.asl-p-cont.asl-template-0 #panel.storelocator-panel .item:hover {
background: #eeeeee!important;
}
body #asl-storelocator.asl-p-cont.asl-template-0 #panel.storelocator-panel .item {
background: #fff!important;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 .store-locator h4 {
font-size: 26px;
margin-bottom: 10px;
color: #f1b600;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 button#asl-btn-locate.btn.btn-default {
height: 34px;
margin-top: 0;
border-radius: 3px;
font-size: 21px;
background: #f1b600;
}
body #asl-geolocation-agile-modal .agile-modal-content #asl-current-loc {
font-size: 21px;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 .store-locator #asl-geolocation-agile-modal button.close-directions.close[aria-label="Close"] {
right: 10px;
font-size: 34px;
outline: 0;
}
section#community-section #community-section-inner #circle-of-manifestation #circle-of-manifestation-inner #circle {
position: absolute;
top: 0;
left: 50%;
height: 0;
border-radius: 100%;
background: url(https://thecoloradan.com/wp-content/themes/coloradan/images/BG__textured_paper_dark.jpg) repeat top left;
background-size: 250px 250px;
transform: translate3d(-50%,0,0);
width: 33.333%;
padding-bottom: 33.333%;
}
div#description-reward {
text-align: center;
}
.under-line:after {
content: '';
display: block;
height: 7px;
width: 220px;
background: #939393;
border-radius: 3px;
margin: 70px auto 70px;
}
h1.date {
font-size: 100px;
color: #fc7422;
text-shadow: 2px 2px 2px rgba(179, 179, 179, 0.5);
}
div#carousel-nav ul.slides li .description {
display: none;
}
div#carousel-nav ul.slides:after {
content: '';
display: block;
clear: both;
}
div#our-product .column.mcb-column.one-sixth.column_image {
width: 16.666%;
margin: 0;
}
div#our-product .column.mcb-column.one-sixth.column_image .image_wrapper {
margin: 0 5px;
}
body .image_frame .image_wrapper .image_links a:hover {
color: #fff;
background: transparent;
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
text-decoration: none;
}
body.if-overlay .image_frame .image_wrapper:hover .image_links {
visibility: visible;
opacity: 1;
}
body.if-overlay .image_frame .image_wrapper .image_links {
width: 100%;
left: 0;
top: 0;
bottom: 0;
height: 100%;
margin: 0;
background: none;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 2;
background: rgba(240, 140, 81, .6);
opacity: 0;
visibility: hidden;
}
.image_frame .image_wrapper > a {
position: relative;
z-index: 1;
}
body .image_frame .image_wrapper .image_links a {
display: flex;
font-size: 25px;
line-height: 100%;
width: 100%;
text-align: center;
height: 100%;
display: flex;
justify-items: center;
flex-direction: column;
align-items: center;
justify-content: center;
}
body .image_frame .image_wrapper .image_links a i.icon-link {
background: url(//www.earth-th.com/wp-content/uploads/2020/02/icon-product.png) no-repeat center top;
width: 70px;
height: 70px;
margin: 0 auto;
font-size: 0;
}
.image_links .wp-caption-text {
background: none;
color: #fff;
font-size: 35px;
display: block;
line-height: 21px;
border-bottom: 3px solid #fff;
}
.section.mcb-section.news-section h4 {
font-size: 25px;
color: #000;
margin-bottom: 50px;
line-height: 1;
}
.section.mcb-section.news-section {
padding-top: 10%!important;
}
footer#Footer img {
max-width: 100%;
height: auto;
vertical-align: top;
}
.vission-section .column_image .image_frame {
padding: 0 0;
}
.section.mcb-section.vission-section .section_wrapper.mcb-section-inner {
max-width: 100%;
}
img.scale-with-grid, #Content img {
vertical-align: top;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.main-image a {
display: block;
}
.section.mcb-section.info-contact {
padding-bottom: 80px!important;
}
div#About-us {
background-size: contain!important;
background-position-x: center!important;
}
.intro-about img.scale-with-grid {
display: block;
margin: 0 auto;
}
.about-image-slide rs-layer-wrap {
position: relative;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}
.about-image-slide rs-layer-wrap:hover {
z-index: 100!important;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
transition:all .6s ease-in-out;
transform: translateY(-20px);
opacity: 0.8;
}
.column.column_column.intro-about .column_attr.clearfix {
padding-left: 30%!important;
}
body #Top_bar .menu li:last-child ul li {
width: 90px;
text-align: center;
}
body #Top_bar .menu li ul li.lang-item-zh span {
font-size: 15px;
}
html body #asl-storelocator.asl-p-cont.container .item .thumb-a img {
height: auto!important;
max-height: initial;
width: 80px;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 #style_0.infoWindow h3 {
font-size: 16px;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 #style_2.infoWindow h3 {
font-size: 17px;
line-height: 1.5;
}
#asl-storelocator.asl-p-cont.asl-bg-0 #style_2.infoWindow .address, #asl-storelocator.asl-p-cont.asl-bg-0 #style_2.infoWindow .categories, #asl-storelocator.asl-p-cont.asl-bg-0 #style_2.infoWindow .phone > a, #asl-storelocator.asl-p-cont.asl-bg-0 #style_2.infoWindow .distance {
font-size: 15px!important;
padding-left: 25px!important;
}
#asl-storelocator.asl-p-cont.asl-bg-0 #style_2.infoWindow .phone > b {
font-size: 15px!important;
}
#asl-storelocator.asl-p-cont *, #asl-storelocator.asl-p-cont .agile-modal .agile-modal-dialog *, #asl-storelocator.asl-p-cont .agile-modal-header * {
line-height: 1.2;
font-size: 15px;
}
#asl-storelocator.asl-p-cont #agile-modal-direction.agile-modal .agile-modal-dialog .agile-modal-content .form-group .checkbox-inline input {
margin: 5px 4px 0 1px!important;
}
#asl-storelocator.storelocator-main.asl-bg-0 .form-group > span {
font-size: 20px!important;
}
#asl-storelocator.asl-p-cont .info-addr > div {
padding-left: 25px!important;
}
#asl-storelocator.asl-p-cont .store-locator button.close-directions.close[aria-label="Close"] > span {
font-size: 34px;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 #style_2.infoWindow a.action {
background: #CC3333 none repeat scroll 0 0;
border-left: 1px solid #ffffff;
border-radius: 0;
color: #ffffff;
font-size: 13px;
margin: 0 0 5px 3px !important;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 .infoWindow {
width: 300px;
}
body #asl-storelocator.asl-p-cont .agile-modal .agile-modal-dialog label {
font-size: 20px;
}
body #asl-storelocator.asl-p-cont .agile-modal .agile-modal-dialog input {
font-size: 20px;
}
.tree-banner .column_image .image_frame.image_item {
padding: 0 8px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
top: 0;
position: relative;
}
.tree-banner .column_image .image_frame.image_item:hover {
top: -10px;
}
.welcome-company h1 {
color: #fff;
}
body:not(.header-simple) #Top_bar #menu {
background: none;
}
.title_news span.date {
float: right;
color: #007a55;
font-size: 21px;
display: block;
width: 150px;
text-align: right;
}
.title_news h5 {
font-size: 26px;
margin: 0;
}
.title_news h5 > a {
font-size: 26px;
color: #000;
width: calc(100% - 150px);
float: left;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.title_news h5 a:hover {
color: #007a55;
}
.title_news li:after {
content: '';
display: block;
clear: both;
}
.title_news li {
border-bottom: 1px solid #e1e1e1;
padding: 15px 40px 10px;
}
.title_news .item {
padding: 0;
}
.title_news span.date i {
display: none;
}
.head-table {
margin: 0!important;
border-top: 5px solid #f08c51;
padding: 20px 40px;
}
.head-table h1 {
margin: 0;
font-size: 45px;
line-height: 1;
color: #f08c51;
}
.top-row {
background: #f6f6f6;
font-size: 28px;
}
.top-row .col-right {
float: right;
}
.top-row .col-left {
float: left;
}
.title_news {
border: 1px solid #e1e1e1;
}
.equal-height-wrap .mcb-wrap-inner {
height: 100%;
}
.equal-height-wrap .mcb-wrap-inner > div {
height: 100%;
}
.equal-height-wrap .mcb-wrap-inner .title_news {
height: 100%;
}
.title_news span.pdf {
float: right;
}
i.icon-pdf {
display: inline-block;
width: 25px;
height: 24px;
background: url(//www.earth-th.com/wp-content/uploads/2023/09/icon-download.png) no-repeat 0 0;
vertical-align: middle;
order: 1;
}
.item-pdf .download a span {
display: none;
}
.image_wrapper .wp-caption-text {
position: absolute;
z-index: 3;
left: 10%;
top: 10%;
background: none;
color: #fff!important;
font-size: 50px;
padding: 0!important;
text-shadow: 1px 1px 2px #000;
}
.image_wrapper .read-more {
position: absolute;
left: 10%;
bottom: 10%;
color: #fff;
z-index: 3;
background: url(//www.earth-th.com/wp-content/uploads/2019/02/icon-arrow.png) no-repeat right center;
padding-right: 40px;
line-height: 1;
text-shadow: 1px 1px 2px #000;
}
.image_frame .image_wrapper > a .image_links {
z-index: 0;
}
.image-link-section .image_frame .image_wrapper {
border-radius: 10px;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.5);
}
body #Top_bar .menu > li ul {
background-color: #cc162c;
}
body #Top_bar .menu > li ul li a {
color: #fff;
font-size: 16px;
padding: 4px 13px 5px;
border: 0;
line-height: 25px;
}
.title-page {
background: #fff;
padding-top: 40px;
box-sizing: border-box;
}
.title-page .column_attr.clearfix {
border-bottom: 1px solid #999999;
margin: 0 0;
}
.title-company {
color: #000;
padding: 15px 20px;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid #f9853f;
}
.column_board.active .title-company {
background: #f9853f;
color: #fff;
}
.title-company:after {
content: '';
display: block;
clear: both;
}
.board-company .col-left {
float: left;
width: 30%;
}
.board-company .col-right {
float: left;
width: 70%;
position: relative;
}
.content-company:after {
content: '';
display: block;
clear: both;
}
.content-company {
padding: 40px 0;
border: 1px solid #f9853f;
}
.content-company .col-left {
text-align: center;
}
.column_board {
margin-bottom: 10px;
}
#board_company .content-company {
display: none;
}
#board_company .column_board.active .content-company {
display: block;
}
#board_company .column_board.active .title-company i {
transform: rotate(45deg);
}
.title-company i {
float: right;
position: relative;
transform: rotate(0deg);
display: block;
font-style: normal;
font-size: 40px;
}
.board-company strong {
color: #f9853f;
}
.data-row:after {
content: '';
display: block;
clear: both;
}
.data-row div[class*="col-"] {
float: left;
}
.data-row .col-right {
width: 60%;
}
.data-row .col-left {
width: 40%;
}
.column.column_data_row {
margin-bottom: 0;
border-bottom: 1px solid #999792;
padding: 10px 0 0;
}
.title-tab {
background: #f9853f;
color: #fff;
padding-top: 15px;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-bottom: 0!important;
}
.data-row thead td {
background: #ebebeb!important;
border: 3px solid #fff!important;
}
.data-row tbody tr td {
border-bottom: 1px solid #969696!important;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
}
.data-row {
padding: 5px 40px;
}
.title-tab .column_attr:after {
content: "+"!important;
font-style: normal;
font-size: 40px;
position: absolute;
right: 25px;
top: 12px;
color: #Fff;
opacity: 1;
visibility: visible;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
font-family: "DB-Helvethaica-X", Arial, Tahoma, sans-serif;
transform: rotate(0deg);
}
.tab_active .title-tab .column_attr:after {
transform: rotate(45deg);
}
.tab_active + .tab_content {
display: block;
}
.tab_content {
display: none;
}
.data-row table table tbody tr td {
border-bottom: 0!important;
border-top: 1px solid #969696!important;
}
.column.column_dividend_payment {
margin-bottom: 0!important;
}
.column.column_dividend_payment table {
margin: 0;
}
.column.mcb-column.column_html_code {
margin-bottom: 0;
}
.column.mcb-column.column_html_code table {
margin-bottom: 0;
}
.item-pdf .wrapper {
margin: 0 10px;
border: 1px solid #004caa;
}
.item-pdf .title {
font-size: 16px;
text-align: center;
padding: 5px 0;
font-weight: 400;
color: #17864e;
line-height: 30px;
margin: 0 10px;
}
.item-pdf .download {
text-align: center;
padding: 0;
}
.item-pdf .download a {
color: #004caa;
display: flex;
justify-content: center;
align-items: center;
font-weight: 200;
font-size: 19px;
}
.item-pdf .download a i {
color: #1e1e1e;
}
.annual_report .item-pdf .download {
text-align: right;
}
.item-pdf .download i.icon-pdf {
margin-left: 8px;
}
.set-news .search {
background: #e1e1e1;
padding: 30px 68px;
margin-bottom: 45px;
}
.set-news .search .col-right {
width: auto;
float: right;
}
.set-news .search .col-left {
width: auto;
float: left;
}
.set-news .search:after {
content: '';
display: block;
clear: both;
}
.set-news select, .set-news input {
margin: 0!important;
border: 1px solid #003852!important;
background: #fff!important;
font-size: 19px!important;
color: #003852!important;
display: inline-block!important;
padding: 10px 25px;
box-sizing: border-box;
width: auto;
min-width: 323px;
height: 60px;
font-weight: 700;
}
.set-news .search label {
display: inline-block;
margin-right: 15px;
font-size: 22px;
font-weight: 700;
}
.set-news .search button {
background: #003852;
display: inline-block;
vertical-align: top;
height: 60px;
margin: 0 0 0 12px;
top: 0;
position: relative;
width: 130px;
padding: 0;
text-transform: uppercase;
font-size: 19px;
}
.set-news input {
width: 375px;
}
.set-news ul li {
border: 1px solid #003852;
padding: 0;
margin-bottom: 25px;
overflow: hidden;
box-shadow: 4px 7px 8px rgba(28, 29, 29, .31);
}
.set-news ul li .date {
display: inline-block;
padding: 15px 45px 10px 0;
}
.set-news ul li .title {
display: inline-block;
border-left: 1px solid #003852;
padding: 15px 0 10px 45px;
}
.set-news ul li a {
display: block;
padding: 15px 30px;
font-size: 19px;
}
.set-news ul li a:hover {
background: #003852;
color: #fff;
}
.set-news ul li a:hover .title {
border-color: #fff;
}
.view-more {
color: #fff;
font-size: 16px;
width: 165px;
height: 48px;
margin: 0 auto;
padding: 0;
box-sizing: border-box;
background: #003852;
text-align: center;
cursor: pointer;
line-height: 48px;
}
.view-more:after {
content: '';
display: inline-block;
width: 18px;
height: 18px;
background: url(//www.earth-th.com/wp-content/uploads/2021/01/arrow-right.png) no-repeat 0 0;
vertical-align: -2px;
margin-left: 15px;
}
.set-news ul {
margin-bottom: 60px;
}
.not-found {
padding: 15px;
text-align: center;
background: #f5f5f5;
margin-bottom: 40px;
border: 1px solid #e1e1e1;
border-width: 1px 0;
}
.filter-year {
text-align: center;
}
.filter-year label {
display: inline-block;
}
.filter-year select {
display: inline-block;
margin: 0 15px;
font-size: 25px;
background: #fff;
border: 1px solid #f26f21;
}
.calendar-invester thead td {
border: 2px solid #fff!important;
background: #ebebeb!important;
}
.calendar-invester tbody td {
border-bottom: 2px solid #969696!important;
border-right: 0;
border-left: 0;
}
.filter-year {
text-align: center;
margin-bottom: 50px;
}
.calendar-invester table {
margin-bottom: 40px;
}
.shareholder-information .column {
margin-bottom: 0;
}
.shareholder-information .wrap.mcb-wrap {
padding-top: 15px;
}
.shareholder-information .wrap.mcb-wrap:nth-child(even) {
background: #ebebeb;
}
.shareholder-information .section_wrapper.mcb-section-inner {
border-bottom: 1px solid #999999;
}
.column.column_data_row4 {
margin-bottom: 0;
line-height: 1;
}
.column.column_data_row4 table {
margin: 0;
}
.column.column_data_row4 table td {
padding-top: 45px;
padding-bottom: 45px;
padding-left: 25px;
padding-right: 25px;
box-sizing: border-box;
font-size: 19px;
border-right-color: transparent;
border-width: 0 0 1px;
border-bottom-color: #999999;
}
.column.column_data_row4 table td:first-child {
padding-left: 50px;
}
.column.column_data_row4.thead table td {
font-size: 22px;
padding-top: 29px;
padding-bottom: 28px;
border-color: #fff;
border-right-style: solid;
border-right-width: 5px;
}
.column.column_data_row4.thead table td:first-child {
padding-left: 35px;
}
.column.column_data_row4 table td:nth-child(2) {
padding-left: 75px;
}
.column_data_row4.thead td {
background: #ebebeb!important;
border-bottom: 0!important;
font-weight: normal;
}
.tab_content .column.column_data_row4.thead table td:last-child {
border-right: 1px solid #ebebeb!important;
}
.tab_content .column.column_data_row4.thead table td {
border-right: 1px solid #fff!important;
border-top: 0!important;
}
.tab_content .column {
margin-left: 0;
margin-right: 0;
width: 100%;
}
.column.title-tab {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.item-pdf-list {
border-bottom: 1px solid #969696;
padding: 0 0px 0 40px;
font-size: 19px;
}
.item-pdf-list .download {
float: right;
margin: 20px 0 0;
width: 20%;
}
.report-pdf .thead {
margin-top: 19px;
}
.item-pdf-list:after {
content: '';
display: block;
clear: both;
}
.item-pdf-list .title {
float: left;
padding: 28px 0;
}
.item-pdf-list .download i.icon-pdf {
display: block;
width: 53px;
height: 47px;
background: url(//www.earth-th.com/wp-content/uploads/2021/01/big-download.png) no-repeat center;
margin: 0 auto;
}
.item-pdf-list .download a {
display: block;
text-indent: -9999px;
font-size: 0;
margin: 0;
line-height: 1;
}
.column.column_pdf_upload_list {
margin-bottom: 0;
}
.report-pdf .column.four-fifth, .report-pdf .column.one-fifth {
margin-bottom: 0;
background: #ebebeb;
}
.report-pdf .column.four-fifth {
width: 80%;
margin: 0;
border-right: 5px solid #fff;
box-sizing: border-box;
}
.report-pdf .column.one-fifth {
width: 20%;
margin: 0;
}
.report-pdf .thead .column_attr.clearfix {
padding-top: 18px;
font-weight: bold;
font-size: 25px;
padding-bottom: 15px;
}
.report-pdf .thead .column_attr.clearfix p {
margin: 0;
}
.report-pdf .thead .column.mcb-column.one {
margin-left: 0;
margin-right: 0;
width: 100%;
background: #ebebeb;
margin-bottom: 0;
}
.report-pdf .column.mcb-column.one.thead {
margin-bottom: 0;
background: #ebebeb;
width: 100%;
margin-left: 0;
margin-right: 0;
}
.select-year select {
height: 60px!important;
border: 1px solid #f9853f!important;
font-size: 35px!important;
color: #000;
width: 100%;
}
.column_column.thead {
margin-bottom: 0!important;
}
.notice_of_shareholders_search:after {
content: '';
display: block;
clear: both;
}
.notice_of_shareholders_search .col-left {
float: left;
}
.notice_of_shareholders_search .col-right {
float: right;
}
.notice_of_shareholders_search {
margin-bottom: 60px;
}
.notice_of_shareholders_search label {
padding: 15px 0;
margin: 0;
}
.notice_of_shareholders > div {
display: none;
}
.notice_of_shareholders > div.active {
display: block;
}
.section.mcb-section.financial-information .column_attr.clearfix {
padding: 10px 20px;
}
.section.mcb-section.financial-information .column_attr.clearfix p {
margin: 0;
}
.section.mcb-section.financial-information .thead .column_attr.clearfix {
border-right: 4px solid #FFF;
}
.financial-information .section_wrapper.mcb-section-inner .thead {
background: #ebebeb;
}
.section.mcb-section.financial-information .column {
margin: 0 2px;
}
.section.mcb-section.financial-information .column.one-third.column {
width: 39.333%;
}
.section.mcb-section.financial-information .column.one-third.column .column_attr.clearfix {
line-height: 58px;
}
.section.mcb-section.financial-information .column.mcb-column.one {
width: 100%;
margin: 0;
}
.section.mcb-section.financial-information .thead .column:last-child .column_attr.clearfix {
border-right: 0;
}
.section.mcb-section.financial-information .wrap.tr .column_attr.clearfix {
line-height: 1!important;
}
.section.mcb-section.financial-information .wrap.tr {
border-bottom: 1px solid #969696;
}
.financial_statements_search {
margin-bottom: 65px;
margin-top: 45px;
text-align: right;
}
.year-financial {
background: #003852;
padding: 15px 45px;
color: #fff;
margin-bottom: 30px;
line-height: 1;
}
.financial_statements .thead .column_attr.clearfix {
background: #ebebeb;
padding: 20px 20px;
font-size: 21px;
}
.financial_statements .column_attr.clearfix {
padding: 5px 20px;
}
.financial_statements .thead .column_attr.clearfix p {
margin: 0;
}
.financial_statements .wrap.mcb-wrap .column.mcb-column {
margin: 0;
border-right: 4px solid #fff;
box-sizing: border-box;
width: 15%;
padding: 20px 0;
}
.financial_statements .wrap.mcb-wrap .column.mcb-column.two-third {
width: 70%;
}
.financial-section .download {
text-align: center;
}
.financial_statements .wrap.mcb-wrap .column.mcb-column p {
margin: 0;
}
.financial_statements .thead.wrap.mcb-wrap {
border-bottom: 0;
}
.financial_statements .wrap.mcb-wrap {
border-bottom: 1px solid #999999;
}
.section.mcb-section.financial-section {
margin-bottom: 25px;
}
.financial_statements > div.hide {
display: none;
}
.annual_report .item-pdf .title {
border-top: 0;
}
.overflow-auto {
max-width: 100%;
overflow: auto;
}
.data-row4 td:nth-child(1) {
width: 10%;
}
.data-row4 td:nth-child(2) {
width: 60%;
text-align: left;
}
.data-row4 td:nth-child(3), .column.column_data_row4 table td:nth-child(3) {
width: 15%;
}
.data-row4 td:nth-child(4) {
width: 15%;
}
.dividend_payment .data-row thead td:nth-child(5) { 
width: 200px;
}
.dividend_payment .data-row thead td:nth-child(6) { 
width: 200px;
}
.column_dividend_payment .data-row td:nth-child(5) {
width: 200px;
}
.column_dividend_payment .data-row td:nth-child(6) {
width: 200px;f
}
.dividend_payment .data-row thead td:nth-child(4) {
width: 200px;
}
.column_dividend_payment .data-row td:nth-child(4) {
width: 200px;
}
.dividend_payment .data-row thead td:nth-child(3) {
width: 200px;
}
.column_dividend_payment .data-row td:nth-child(3) {
width: 200px;
}
.dividend_payment .data-row thead td:nth-child(2) {
width: 200px;    
}
.column_dividend_payment .data-row td:nth-child(2) {
width: 200px;
}
.dividend_payment .data-row thead td:nth-child(1) {
width: 200px;
} 
.column_dividend_payment .data-row td:nth-child(1) {
width: 200px;
}
.column_pdf_upload img {
width: 100%;
}
.item-pdf img {
width: 100%;
}
.dividend_payment .data-row {
padding-bottom: 0;
padding-top: 0;
}
.section-dividend-payment .data-row {
padding-top: 0;
padding-bottom: 0;
}
.dividend_payment thead td {
border-bottom: 0!important;
}
div#Top_bar > .container {
max-width: 80%;
}
div#Top_bar > .container .column.one {
margin: 0;
width: 100%;
display: flex;
}
body #rev_slider_10_2_wrapper .hermes .tp-bullet {
box-shadow: 0 0 0;
border: 2px solid #eae9e8;
}
body #rev_slider_10_2_wrapper .hermes .tp-bullet.selected:after {
background: #bdbcbc;
}
body #rev_slider_10_2_wrapper .hermes .tp-bullet:hover {
background: #bdbcbc;
}
.column_visual {
font-size: 17px;
}
.slide-category h3 a {
text-align: center;
display: block;
text-transform: uppercase;
color: #003852;
}
.slide-category h3 {
margin-top: 32px;
line-height: 26px;
}
.slide-category img.scale-with-grid {
width: 100%;
}
.slide-category .image_wrapper {
padding: 0 8.5px;
}
.wrapper-slide-category .slide-category {
margin: 0 -8px;
}
.category_nav a.button:after {
display: none;
}
.category_nav a.button {
display: block;
width: 32px;
height: 57px;
padding: 0;
position: absolute;
top: 30%;
}
.category_nav a.button.slider_prev {
background: url(//www.earth-th.com/wp-content/uploads/2021/01/nav-prev.png) no-repeat 0 0;
left: -100px;
}
.category_nav a.button.slider_next {
background: url(//www.earth-th.com/wp-content/uploads/2021/01/nav-next.png) no-repeat 0 0;
right: -100px;
}
.wrapper-slide-category {
position: relative;
margin-top: 80px;
max-width: 1173px;
margin: 0 auto;
}
a.button-download, a.button-download:Hover {
display: block;
width: 320px;
height: 65px;
margin: 0 auto;
background: #003852;
color: #fff;
line-height: 65px;
text-align: center;
font-size: 20px;
text-decoration: none;
}
a.button-download:after {
content: '';
display: inline-block;
width: 18px;
height: 18px;
background: url(//www.earth-th.com/wp-content/uploads/2021/01/arrow-right.png) no-repeat 0 0;
vertical-align: -2px;
margin-left: 12px;
}
.section.banner_custom {
margin-top: 0;
overflow: hidden;
}
.our-products a.button-download {
margin-top: 82px;
}
.section.banner_custom .banner-bg .column_image {
width: 100%;
height: 100%;
position: absolute;
opacity: 0;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
z-index: 1;
}
.section.banner_custom .banner-bg .column_image.active {
z-index: 1;
opacity: 1;
}
.section.banner_custom .banner-bg .column_image .image_wrapper:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(35, 31, 32, .2);
z-index: 1;
}
.man_adv_box_block_cont_wb {
padding: 0;
opacity: 1;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
position: absolute;
bottom: 0;
transform: translateY(0);
left: 25px;
}
.banner_custom.no-margin-h .one-third.column:nth-child(2) .man_adv_box_block_cont_wb {
left: 35px;
}
.man_adv_box_block_cont {
border-radius: 5px;
background: rgba(0, 56, 82, .85);
padding: 32px 23px 23px;
opacity: 0;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
transform: translateY(60px);
}
.wrap.mcb-wrap.one.box_slide_text.container {
margin: 0 auto;
float: none;
}
.banner_custom .column_visual.active .man_adv_box_block_cont_wb {
opacity: 0;
transform: translateY(-60px);
}
.banner_custom .column_visual.active .man_adv_box_block_cont {
opacity: 1;
transform: translateY(0);
}
.banner_custom .column_visual .man_adv_box_block_cont {
bottom: -17px;
position: relative;
}
.man_adv_box {
height: 720px;
position: static;
color: #fff!important;
}
.wrap.mcb-wrap.banner-bg {
position: absolute;
left: 0;
top: 0;
right: 0;
z-index: 0;
}
.man_adv_box_block {
position: absolute;
width: auto;
bottom: 50px;
z-index: 3;
color: #fff;
font-size: 20px;
left: 27px;
right: 27px;
}
.banner_custom.no-margin-h .one-third.column:nth-child(2) .man_adv_box_block {
left: 10px;
right: 10px;
}
.banner_custom .column_visual {
box-sizing: border-box;
position: relative;
}
.banner_custom.no-margin-h .one-third.column .warpper-content {
padding: 0 0 0 52px;
}
.banner_custom.no-margin-h .one-third.column:nth-child(2) .warpper-content {
padding: 0 0 0 35px;
}
.banner_custom .column_visual:last-child {
border: 0;
}
body .man_adv_box_block h4 {
color: #fff;
font-size: 32px;
margin-bottom: 32px;
font-weight: normal;
text-shadow: 0 0 0;
line-height: 23px;
}
body .man_adv_box_block h2 {
font-size: 40px;
color: #fff;
min-height: 30px;
line-height: 30px;
display: block;
}
.ENVIRONMENTAL-SUSTAINABILITY .section_wrapper.mcb-section-inner {
max-width: 1018px;
}
.man_adv_box_block_cont h2 {
margin-bottom: 120px;
}
.man_adv_box_block a.btn {
border: 1px solid #fff;
padding: 0;
color: #fff;
text-decoration: none;
text-transform: uppercase;
margin-top: 20px;
display: inline-block;
width: 194px;
height: 65px;
box-sizing: border-box;
text-align: center;
line-height: 67px;
}
.man_adv_box_block a.btn:after {
content: '';
display: inline-block;
width: 18px;
height: 18px;
background: url(//www.earth-th.com/wp-content/uploads/2021/01/arrow-right.png) no-repeat 0 0;
vertical-align: -2px;
margin-left: 15px;
}
.icon_box.icon_position_left {
display: flex;
align-items: start;
}
.ENVIRONMENTAL-SUSTAINABILITY .column_icon_box {
margin-top: 0;
padding-bottom: 45px;
}
.menu-scroll h3 {
font-size: 30px;
font-weight: bold;
}
div#Content {
padding-top: 0;
position: relative;
z-index: 1;
}
.menu-scroll ul {
margin: 60px 0 0!important;
list-style: none!important;
display: flex;
}
.menu-scroll ul li {
margin: 0 19px;
}
.menu-scroll ul li:first-child {
margin-left: 0;
}
div#Background .section_wrapper.mcb-section-inner {
max-width: 1213px;
}
div#Background .column_visual {
padding-left: 55px;
box-sizing: border-box;
font-size: 19px;
}
.top-desc, .down-desc {
background: #003852;
color: #fff;
padding: 20px;
box-shadow: 1px 0 13px rgba(28, 28, 28, .25);
position: relative;
}
.down-desc {
margin-top: 80px;
}
.top-desc {
margin-bottom: 80px;
}
.title-year {
font-size: 16px;
color: #81c898;
padding: 0;
margin-bottom: 10px;
}
.warp-slide-item.up .top-desc {
margin-top: auto;
}
.top-desc:after {
content: '';
display: block;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 45px solid #003852;
position: absolute;
top: 100%;
margin: 0 auto;
left: 0;
right: 0;
}
.down-desc:before {
content: '';
display: block;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 45px solid #003852;
position: absolute;
bottom: 100%;
margin: 0 auto;
left: 0;
right: 0;
}
.wrap.mcb-wrap.one.team-work {
border-top: 50px solid #f3f5f4;
margin-top: 0;
}
.section.mcb-section.section-team-work .warpper-content {
max-width: 1220px;
margin: 0 auto;
}
.style-simple .ui-tabs .ui-tabs-nav li.ui-tabs-active {
z-index: 1;
}
body.style-simple .ui-tabs .ui-tabs-nav li.ui-state-active a, body.style-simple .ui-tabs .ui-tabs-nav li:hover a {
background-color: #003852;
color: #fff;
box-shadow: 0px 15px 34px rgba(0, 0, 0, 0.64);
border-color: #003852;
}
body.style-simple .ui-tabs .ui-tabs-nav li:hover a:before, body.style-simple .ui-tabs .ui-tabs-nav li:hover a:after {
background: #003852;
left: -2px!important;
}
.style-simple .ui-tabs .ui-tabs-nav li.ui-tabs-active a:before, body .ui-tabs .ui-tabs-nav li a:hover:before {
background: #003852;
left: -2px;
}
body .ui-tabs .ui-tabs-nav li a:hover:after {
background: #003852;
left: -2px!important;
}
body .ui-tabs .ui-tabs-nav li a:before {
content: '';
display: block;
height: 20px;
position: absolute;
background: transparent;
left: -2px;
right: 0;
top: -20px;
}
body .ui-tabs .ui-tabs-nav li a:after {
position: absolute;
height: 20px;
bottom: -20px;
left: 0!important;
right: 0;
background: transparent;
margin: 0;
display: block;
content: '';
}
body.style-simple .ui-tabs .ui-tabs-nav li.ui-state-active a:after, body.style-simple .ui-tabs .ui-tabs-nav li.ui-state-active a:hover:after {
position: absolute;
width: auto;
height: 20px;
bottom: -20px;
left: -2px!important;
right: 0!important;
background: #003852;
margin: 0;
}
.style-simple .ui-tabs .ui-tabs-panel h3 {
display: inline-block;
margin: 100px 0 75px;
color: #003852;
font-size: 70px;
line-height: 1;
}
.style-simple .ui-tabs .ui-tabs-panel hr {
margin-bottom: 60px;
}
.style-simple .ui-tabs .ui-tabs-panel {
background: none;
text-align: center;
font-weight: bold;
font-size: 30px;
background: #e7e7e7;
padding: 0 40px 80px;
box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.32);
overflow: visible;
line-height: 40px;
font-weight: initial;
}
.column.mcb-column.one.column_tabs {
margin-top: 55px;
}
div#Awards {
background: #dbe4eb;
}
div#Awards .section_wrapper.mcb-section-inner {
display: flex;
align-items: center;
}
div#Awards h2 {
color: #fff;
font-size: 50px;
}
div#Awards .column_visual {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
div#Awards ul.slick-dots {
display: none;
}
div#Awards .column_visual:after {
content: '';
display: block;
position: absolute;
height: 100%;
background: #003852;
left: -9999px;
right: 0;
z-index: -1;
}
div#Awards .clients_slider {
padding: 8% 0px;
height: 360px;
box-sizing: border-box;
}
div#Organization-Chart .column_image {
margin-bottom: 40px;
}
div#Organization-Chart h4 {
font-size: 25px;
margin-bottom: 10px;
font-weight: bold;
}
div#Organization-Chart h5 {
font-size: 19px;
}
div#Organization-Chart .wrap.mcb-wrap.one-third .column_visual {
margin-bottom: 100px;
}
div#Organization-Chart .wrap.mcb-wrap.one-fourth .column_visual {
margin-bottom: 80px;
}
.custom-accordion .visual-title {
padding: 0 27px;
background: #e8e8e8;
margin-bottom: 25px;
cursor: pointer;
font-size: 20px;
height: 53px;
box-sizing: border-box;
font-weight: bold;
line-height: 53px;
}
.custom-accordion .warpper-content {
margin: 25px 55px;
display: none;
}
.custom-accordion .column_visual {
margin: 0;
}
.custom-accordion .column_visual.active .warpper-content {
display: block;
}
.custom-accordion .visual-title i {
display: block;
width: 35px;
height: 35px;
background: #fff;
border-radius: 50%;
float: right;
position: relative;
margin-top: 8px;
}
.custom-accordion .visual-title i:after {
content: '';
display: block;
width: 21px;
height: 3px;
background: #003852;
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
top: 17px;
transform: rotate(90deg);
}
.custom-accordion .visual-title i:before {
content: '';
display: block;
width: 21px;
height: 3px;
background: #003852;
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
top: 17px;
}
.custom-accordion .active .visual-title i:after {
opacity: 0;
visibility: hidden;
}
.menu-scroll ul.fix {
position: fixed;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.11);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.11);
box-shadow: 0 1px 3px rgba(0,0,0,.11);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.11);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.11);
box-shadow: 0 1px 3px rgba(0,0,0,.11);
top: 80px;
left: 0;
right: 0;
margin: 0!important;
background: #fff;
z-index: 999;
padding: 0 90px;
}
.menu-scroll ul.fix li {
margin: 12px 19px 10px;
}
.section.mcb-section.about-menu {
z-index: 10;
}
.active .man_adv_box_block_cont p, .active .man_adv_box_block_cont p:last-child {
transform: translateX(0);
opacity: 1;
}
.man_adv_box_block_cont p {
transform: translateX(-20px);
opacity: 0;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
-webkit-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s;
}
.man_adv_box_block_cont p:last-child {
transform: translateX(-20px);
opacity: 0;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
-webkit-transition-delay: .3s!important;
-o-transition-delay: .3s!important;
transition-delay: .3s!important;
margin: 0;
}
.image-category-list .posts_group {
width: 33.33%;
float: left;
box-sizing: border-box;
padding: 0 37.5px 87px;
}
.image-category-list .posts_group img.scale-with-grid {
width: 100%;
}
.description-image a.title {
text-transform: uppercase;
font-size: 19px;
color: #1e1e1e;
text-decoration: none;
margin-bottom: 8px;
line-height: 28px;
height: auto;
justify-content: center;
align-items: center;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-weight: 400;
}
.description-image .date {
display: block;
font-size: 14px;
color: #004caa;
}
.post-excerpt br {
display: none;
}
.description-image .description .post-excerpt {
padding: 0;
height: 89px;
font-size: 17px;
font-weight: 300;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
margin: 0;
}
.image-category-list .box-image {
margin-bottom: 33px;
}
.description-image {
text-align: left;
margin-top: 0;
padding: 15px 0;
overflow: hidden;
}
.description-image .description {
padding-bottom: 20px;
border-bottom: 1px solid #d0d1d2;
margin-bottom: 20px;
}
.grid .post-desc-wrapper.description-image a.learn-more {
color: #fff;
font-size: 17px;
width: 170px;
height: 53px;
margin: 0 auto;
padding: 0;
box-sizing: border-box;
line-height: 54px;
}
.description-image a.learn-more {
padding: 0;
text-decoration: none;
box-sizing: border-box;
line-height: 62px;
text-indent: -9999px;
width: 30px;
height: 30px;
background: #004caa;
display: flex;
align-items: center;
justify-content: center;
font-size: 26px;
font-weight: 200;
color: #fff!important;
margin: 0;
border-radius: 50%;
margin-left: auto;
}
.description-image a.learn-more:after {
content: '+';
display: block;
visibility: visible;
text-indent: 0px;
}
.product-description .section-related-adjustment h2.title {
margin-bottom: 60px;
}
.product-description .section-related-adjustment .image-category-list .posts_group {
padding: 0 20px 20px;
width: 25%;
}
.section-related-adjustment h2.title {
margin-left: 20px;
margin-right: 20px;
}
.product-list-category hr {
background: #003852;
width: 65%;
margin-bottom: 113px;
margin-top: 42px;
}
.image-category-list:after {
content: '';
display: block;
clear: both;
}
body.with_aside .sidebar.columns {
width: 344px;
}
.with_aside .sections_group.category_list {
width: calc(100% - 344px);
padding-top: 0;
padding-left: 20px;
box-sizing: border-box;
}
.sections_group.category_list .posts_group.grid.col-3 .post-item {
margin: 0;
padding: 0;
position: relative!important;
left: initial!important;
right: initial!important;
top: initial!important;
}
.sections_group.category_list .posts_group.grid.col-3 .post-item .post-photo-wrapper {
padding: 0;
margin-bottom: 50px;
}
.with_aside .sections_group.category_list .column.one.column_blog {
margin: 0;
}
.with_aside .sections_group.category_list .section_wrapper.clearfix {
max-width: 100%;
}
.sections_group.category_list .posts_group.grid.col-3 .post-item .image_wrapper {
margin-bottom: 25px;
max-height: 270px;
overflow: hidden;
max-width: 250px;
margin-left: auto;
margin-right: auto;
box-shadow: 1px 3px 18px rgb(42 42 42 / 13%);
}
.sections_group.category_list .posts_group.grid.col-3 .post-item .post-title {
margin-bottom: 15px;
}
body .pager .pages a {
display: flex;
font-size: 17px;
margin: 0 5px;
box-sizing: border-box;
line-height: 20px;
justify-content: center;
align-items: center;
height: 25px;
width: 25px;
color: #000;
border-radius: 50%;
display: flex;
justify-content: center;
}
.product-single-page .share_wrapper {
display: none;
}
.product-single-page .single-photo-wrapper {
width: 530px;
float: left;
}
.product-single-page .short-description {
width: calc(100% - 575px);
float: left;
margin-left: 45px;
box-sizing: border-box;
}
.product-single-page .main-image img {
width: 100%;
}
.short-description a.button-download {
margin: 60px 0 35px;
width: 225px;
height: 50px;
line-height: 50px;
font-size: 18px;
font-weight: 700;
}
.tags-info {
background: #e4e4e4;
padding: 27px 45px;
max-width: 530px;
}
.tags-info li {
border-bottom: 1px solid #003852;
padding-bottom: 10px;
margin-bottom: 20px;
font-size: 21px;
display: flex;
font-size: 17px;
}
.tags-info li span.name {
display: inline-block;
width: 174px;
font-size: 20px;
font-weight: 600;
}
.tags-info li:last-child {
margin-bottom: 0;
}
.product-single-page .main-image {
border-radius: 20px;
overflow: hidden;
margin-bottom: 38px;
}
.product-description h2.title {
margin-bottom: 30px;
font-size: 30px;
line-height: 1;
color: #015dca;
text-align: center;
}
.product-description h2.title span:after {
height: 5px;
width: 100%;
background: #015dca;
position: absolute;
content: '';
display: block;
bottom: -3px;
}
.product-description h2.title span {
display: inline-block;
padding-bottom: 20px;
position: relative;
padding-right: 15px;
}
.product-description {
margin-bottom: 60px;
}
.image-category-list .box-image .image_links {
display: none;
}
.table-details ul li {
background: #eeeeee;
margin: 0!important;
padding: 20px 24px!important;
}
.table-details ul li:nth-child(odd) {
background: #e4e4e4;
}
.table-details ul {
list-style: none!important;
margin: 0!important;
border-radius: 15px;
overflow: hidden;
}
.table-details ul li strong {
display: inline-block;
width: 180px;
font-size: 25px;
line-height: 18px;
font-weight: initial;
}
.product-description h3 {
font-size: 25px;
margin-bottom: 25px;
line-height: 18px;
margin-top: 34px;
}
.section-related-adjustment .image-category-list .box-image {
border-radius: 10px;
overflow: hidden;
}
.Latest-News .title-page h1 {
display: inline-block;
position: relative;
margin: 0;
font-size: 17px;
background: url(//www.earth-th.com/wp-content/uploads/2023/01/1aw-home6-blue-bg.png) no-repeat;
padding: 10px;
box-sizing: border-box;
line-height: 1;
background-size: auto 100%!important;
font-weight: normal;
border-radius: 10px;
}
.title-section h1 {
line-height: 1;
margin: 0 0 40px;
}
.title-section h1 strong:after {
content: '';
display: block;
height: 3px;
background: #39b54d;
position: relative;
margin: 5px 0 0;
}
.title-section h1 strong {
display: inline-block;
position: relative;
font-size: 22px;
box-sizing: border-box;
line-height: 1;
font-weight: 400;
vertical-align: top;
margin: 0;
text-transform: capitalize;
}
.Latest-News .title-page .warpper-content, .title-section .warpper-content {
margin-bottom: 0;
font-size: 17px;
line-height: 1.6;
font-weight: 300!important;
}
.title-section h2 strong {
font-size: 18px;
font-weight: 400!important;
padding-bottom: 4px;
background: url(//www.earth-th.com/wp-content/uploads/2023/01/1aw-home6-blue-bg2.png) no-repeat left bottom;
background-size: 100% 3px;
}
.Latest-News .title-page {
margin-bottom: 60px;
padding: 0 25px 0;
}
.Latest-News .posts_group.grid.col-3 .post-item:first-child {
}
.Latest-News .posts_group.grid.col-3 .post-item:first-child .box-image {
}
.Latest-News .posts_group.grid.col-3 .post-item {
margin: 0;
padding: 0 25px 60px;
width: 33.33%;
}
.Latest-News .grid .post-item .image_frame {
padding: 0;
}
.Latest-News .box-image {
margin-bottom: 33px;
}
.Latest-News .posts_group.grid.col-3 .post-item:first-child .box-image, .Latest-News .posts_group.grid.col-3 .post-item:first-child .description-image {
}
.Latest-News .posts_group.grid.col-3 .post-item:first-child .box-image img {
}
.Latest-News .description-image {
text-align: left;
}
.Latest-News .description-image a.title {
text-transform: inherit;
text-align: left;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
min-height: 66px;
margin-bottom: 0;
}
.Latest-News .posts_group.grid.col-3 .post-item:first-child .description-image {
}
.Latest-News .posts_group.grid.col-3 .post-item:first-child .date {
}
.news-layout .posts_group.grid.col-3 .post-item .description-image a.learn-more:after {
content: '+';
display: inline-block;
margin-left: 10px;
font-size: 34px;
line-height: 1;
position: relative;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
border: 2px solid transparent;
color: #5b5c5e;
border-radius: 50%;
}
.news-layout .posts_group.grid.col-3 .post-item .description-image a.learn-more:hover:after {
border: 2px solid #f1b600;
color: #f1b600;
}
.Latest-News .posts_group.grid.col-3 .post-item:first-child .description-image a.learn-more:after {
}
.Latest-News .posts_group.grid.col-3 .post-item:first-child .description-image a.learn-more {
}
.Latest-News .posts_group.grid.col-3 .post-item:first-child .description-image {
}
.Latest-News .posts_group.grid.col-3 .post-item:first-child .image_wrapper {
}
.Latest-News .posts_group.grid.col-3 .post-item:nth-child(3n+1) {
clear: none;
}
.date {
display: none;
}
.Latest-News .description-image a.learn-more {
display: none;
}
.footer-news span.date {
display: inline-block;
font-size: 19px;
}
.Latest-News .posts_group.grid.col-3 .post-item:first-child .footer-news {
display: none;
}
.Latest-News .description-image .footer-news a.learn-more {
padding: 0;
background: none;
color: #003852;
text-decoration: none;
display: inline-block;
font-size: 19px;
margin-right: auto;
margin-top: auto;
}
.Latest-News .description-image .footer-news a.learn-more:before {
content: '';
display: inline-block;
width: 18px;
height: 18px;
background: url(//www.earth-th.com/wp-content/uploads/2021/01/circle-more.png) no-repeat 0 2px;
vertical-align: -2px;
margin-right: 5px;
}
span.date:before {
content: '';
display: inline-block;
background: url(//www.earth-th.com/wp-content/uploads/2021/01/circlle-clock.png) no-repeat center 4px;
width: 18px;
height: 18px;
margin-right: 5px;
}
.footer-news {
border-top: 1px solid #d4d4d4;
padding-top: 25px;
display: none;
}
.Latest-News .description-image .description {
min-height: 84px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.Latest-News .posts_group.grid.col-3 .post-item:first-child .description-image .description {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
}
span.st_pinterest_vcount {
display: none;
}
ul.feature_images {
margin: 0 0 60px;
text-align: left;
}
ul.feature_images li {
float: none;
display: inline-block;
margin: 25px 10px 0px;
vertical-align: top;
border-radius: 0;
border: 1px solid #6f6f6f;
}
.the_content_wrapper {
font-size: 19px;
}
.map-contact .warpper-content {
margin: 0 40px;
}
.contact-form span.wpcf7-form-control-wrap {
padding: 0 5px 5px;
box-sizing: border-box;
}
.column.mcb-column.one-second.column_visual.contact-form .warpper-content > p {
display: none;
}
.contact-form h3 {
text-align: center;
color: #1e285a;
font-weight: 600;
font-family: "Prompt", Arial, Tahoma, sans-serif;
margin-bottom: 30px !important;
}
.contact-form h3 strong {
}
.contact-form .wpcf7 {
}
.acceptance span.wpcf7-form-control-wrap {
width: auto;
display: inline-block;
}
.acceptance label span {
text-decoration: underline;
}
.acceptance label {
display: inline-block;
font-weight: normal;
}
.acceptance {
text-align: center;
}
.acceptance input[type="checkbox"] {
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
margin-right: 10px;
}
.wrap.contact-icon .warpper-content .image_wrapper, .wrap.contact-icon .warpper-content .desc_wrapper {
text-align: left;
}
.style-simple .wrap.contact-icon .icon_box .desc_wrapper .title {
font-size: 27px;
font-weight: 700;
margin-bottom: 55px;
}
.style-simple .wrap.contact-icon .icon_box .image_wrapper {
margin-bottom: 55px;
}
.style-simple .wrap.contact-icon .icon_box .desc h3 {
font-size: 24px;
line-height: 29px;
margin-bottom: 10px;
}
.style-simple .wrap.contact-icon .icon_box .desc {
font-size: 18px;
line-height: inherit;
font-weight: 700;
}
.style-simple .wrap.contact-icon .warpper-content p {
margin: 0;
}
.style-simple .wrap.contact-icon .warpper-content {
font-size: 18px;
line-height: inherit;
font-weight: 700;
}
.contact-icon .column.column_icon_box {
margin-bottom: 0;
}
.contact-icon a.button-download, .contact-icon a.button-download:Hover {
width: 250px;
height: 53px;
line-height: 53px;
display: inline-block;
}
.contact-icon .icon_box {
padding: 0;
}
.column_visual.title-section {
margin-bottom: 25px;
}
.image_frame.no_border p.wp-caption-text {
display: block;
line-height: 27px;
font-size: 25px;
font-weight: 700;
text-align: center;
padding: 20px 0 0;
margin: 0;
}
.corporate-governance h3 {
line-height: 27px;
font-size: 25px;
font-weight: 700;
margin: 0 0 15px;
}
.corporate-governance .warpper-content {
font-weight: 700;
}
.corporate-governance .warpper-content p {
margin: 0 0 35px;
}
.corporate-governance .column_visual ol {
margin-left: 53px;
padding-left: 10px;
}
.corporate-governance .column_visual ol li {
padding-left: 20px;
}
.section.mcb-section.investor-relations-contact .contact-form {
max-width: 790px;
margin: 0 auto;
float: none;
clear: both;
}
.investor-relations-contact .contact-form span.wpcf7-form-control-wrap {
margin-bottom: 10px;
padding: 0 12px 5px;
}
.column_set_news .warpper-content {
padding: 15px 25px;
}
.shareholders-information h3 {
font-size: 22px;
}
.table-quote {
border-top: 5px solid #d2ac2a;
}
.table-quote ul {
display: flex;
border: 3px solid #ebebeb;
padding: 47px 60px;
border-top: 0;
justify-content: center;
}
.table-quote ul li {
text-align: center;
font-size: 25px;
padding: 0 28px;
}
.table-quote ul li span {
display: block;
margin-bottom: 40px;
}
.Latest_news ul li .desc_footer .date {
display: block;
}
.Notification .Latest_news .photo {
display: none;
}
.Notification .Latest_news ul li.has-post-thumbnail .desc {
width: 100%;
margin: 0;
padding: 0;
}
.Notification .Latest_news i, .Notification .Latest_news .post-comments, .Notification .Latest_news .button-love {
display: none;
}
.Notification .Latest_news ul li .desc h5 {
margin: 0;
float: left;
}
.Notification .Latest_news ul li .desc_footer {
float: right;
border: 0;
padding: 0;
color: #003852;
}
body .mec-calendar .mec-calendar-events-side {
position: absolute;
left: 0;
right: 430px;
margin: 0 17px 0 auto;
background: #fff;
z-index: 99;
width: initial;
padding: 0;
display: none;
top: 0;
overflow-y: auto;
border: 1px solid #ebebeb;
}
body .mec-calendar .mec-calendar-events-side .mec-month-side {
padding: 40px 15px;
position: relative;
}
i.close {
font-style: normal;
font-size: 21px;
display: block;
width: 30px;
height: 30px;
text-align: center;
border: 1px solid red;
border-radius: 50%;
line-height: 24px;
color: red;
cursor: pointer;
text-indent: 1px;
position: absolute;
right: 15px;
top: 15px;
}
.section.mcb-section.equal-height.event-calendar {
margin-bottom: 80px;
}
dl.mec-calendar-table-head dt {
background: #9f9f9f;
color: #fff;
border-radius: 0;
height: 47px;
line-height: 47px;
padding: 0;
}
.mec-calendar .mec-calendar-header {
background: #e3eaf0;
margin: 0!important;
height: 45px!important;
padding: 0!important;
line-height: 45px!important;
width: 100%!important;
}
.mec-calendar .mec-calendar-header h2 {
margin: 0;
line-height: 45px;
color: #00aff0;
}
.mec-wrap.mec-sm959 .mec-calendar:not(.mec-event-calendar-classic):not(.mec-calendar-weekly) .mec-calendar-side {
width: 100%!important;
padding: 0!important;
display: block;
}
body .mec-calendar .mec-calendar-topsec {
display: block;
}
dl.mec-calendar-table-head {
width: 100%;
display: flex;
justify-content: center;
}
.mec-calendar .mec-calendar-table-head dt {
flex: 1 1 0px;
}
.mec-calendar dl.mec-calendar-row {
display: flex;
border-bottom: 1px solid #e8e8e8;
}
.mec-calendar dl.mec-calendar-row dt.mec-calendar-day {
flex: 1 1 0px;
border: 0;
color: #9f9f9f;
border-radius: 0;
line-height: 32px!important;
height: 50px;
}
.mec-wrap.mec-sm959 .mec-calendar:not(.mec-event-calendar-classic):not(.mec-calendar-weekly) dt {
border: 0;
line-height: 32px!important;
border-radius: 0!important;
width: 14.285%;
}
.mec-calendar .mec-calendar-side .mec-load-month {
font-size: 0!important;
position: absolute;
z-index: 1;
padding: 0;
height: 45px;
border: 0;
border-radius: 0;
background: none!important;
}
.mec-wrap.mec-sm959 .mec-calendar:not(.mec-event-calendar-classic):not(.mec-calendar-weekly) .mec-calendar-header {
width: 100%;
z-index: 0;
}
.mec-calendar .mec-calendar-side {
width: 100%!important;
display: block!important;
padding: 0!important;
}
.mec-calendar .mec-calendar-side .mec-load-month i {
color: #00aff0;
font-size: 20px;
font-weight: bold;
vertical-align: top;
height: 50px;
line-height: 45px;
}
.mec-wrap.mec-sm959 .mec-calendar:not(.mec-event-calendar-classic):not(.mec-calendar-weekly) dl.mec-calendar-table-head dt {
line-height: 50px!important;
}
body .mec-calendar .mec-event-article:after {
content: '';
display: block;
clear: both;
}
body .mec-calendar .mec-event-article {
padding: 10px 0;
clear: both;
}
.Latest_news:after {
content: '';
display: block;
clear: both;
}
.Latest_news {
padding: 28px 0 0;
}
.event-calendar .mcb-column {
border: 1px solid #ebebeb;
box-sizing: border-box;
border-top: 0;
}
body .mec-calendar {
margin-bottom: 0;
height: 100%;
border: 0;
}
.event-calendar .mcb-column .warpper-content {
height: 100%;
border-top: 5px solid #d2ac2a;
}
.event-calendar .mcb-column .warpper-content .mec-wrap {
height: 100%;
}
body .mec-calendar .mec-event-footer {
display: none;
}
.mec-calendar dt.mec-table-nullday {
border: 0;
line-height: 32px!important;
border-radius: 0!important;
width: 14.285%;
height: 50px;
}
body .mec-calendar .mec-has-event:after {
width: 6px;
height: 6px;
bottom: 6px;
}
body .mec-calendar-side .mec-calendar-table {
min-height: initial;
}
.Notification .Latest_news ul li.has-post-thumbnail .desc:after {
content: '';
display: block;
clear: both;
}
.Latest_news ul li span.date:before {
display: none;
}
body .Latest_news ul li {
margin: 0;
border-bottom: 1px solid #ebebeb;
padding: 0 35px;
font-size: 19px;
height: 51px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.event-calendar .mcb-column h3.title {
font-size: 30px;
padding: 0 35px 46px;
line-height: 1;
}
body .Latest_news ul li.head:after {
content: '';
display: block;
clear: both;
}
body .Latest_news ul li.head {
font-size: 25px;
padding-top: 0;
}
body .Latest_news ul li.head .detail {
float: left;
}
body .Latest_news ul li.head .noti-date {
float: right;
margin-left: auto;
}
body h5, body h5 a, body h5 a:hover {
color: #003852;
}
.event-calendar .mcb-column.column_code .warpper-content {
padding-top: 28px;
}
.event-calendar .mcb-column.column_code h3.title {
padding-bottom: 2px;
}
.qoute-updated {
font-size: 25px;
padding-bottom: 22px;
}
.quick-link ul {
display: flex;
align-items: center;
list-style: none!important;
margin: 0!important;
padding: 0!important;
justify-content: center;
}
.quick-link ul li a {
display: flex;
flex-direction: column;
text-align: center;
font-size: 25px;
margin: 0 30px;
}
.quick-link ul img {
margin: 0 auto 15px;
display: block;
}
.column.quick-link {
padding-top: 55px;
margin-bottom: 140px;
}
.quick-link ul li {
margin: 0;
}
body .mec-calendar .mec-selected-day, .mec-calendar .mec-selected-day:hover {
background: #00a5f2;
}
body .mec-calendar .mec-calendar-row dt.mec-has-event:hover {
background: #00a5f2;
}
body .mec-calendar .mec-has-event:after {
background-color: #00a5f2;
}
body #Top_bar .menu > li.lang-item > a {
padding: 0;
margin: 0 5px!important;
}
body #Top_bar .menu > li.lang-item:last-child {
}
body #Top_bar .top_bar_right, body .header-plain #Top_bar .top_bar_right {
height: 78px;
}
body, button, span.date_label, .timeline_items li h3 span, input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, select, .offer_li .title h3 {
}
.warpper-content {
text-shadow: 0 0 0;
line-height: 1.6;
}
.banner_custom.no-margin-h .one-third.column:nth-child(2) {
width: 390px;
}
.banner_custom.no-margin-h .one-third.column {
width: calc(50% - 195px);
}
.banner_custom .column_visual:before {
content: '';
display: block;
width: 17px;
background: #fff;
position: absolute;
left: 0;
top: 0;
height: 100%;
}
.banner_custom .column_visual:nth-child(2):before {
opacity: 0;
}
.banner_custom .column_visual:first-child:before {
left: initial;
top: 0;
right: 0;
}
.ENVIRONMENTAL-SUSTAINABILITY .image_wrapper img.scale-with-grid {
display: inline-block;
}
.ENVIRONMENTAL-SUSTAINABILITY .mcb-wrap:nth-child(3) .image_wrapper, .ENVIRONMENTAL-SUSTAINABILITY .mcb-wrap:nth-child(6) .image_wrapper {
padding-left: 46px;
}
.ENVIRONMENTAL-SUSTAINABILITY .icon_box.icon_position_left {
padding-left: 14px;
padding-top: 30px;
padding-bottom: 0;
}
.ENVIRONMENTAL-SUSTAINABILITY .icon_box.icon_position_left .desc_wrapper {
padding-left: 28px;
}
.ENVIRONMENTAL-SUSTAINABILITY .icon_box.icon_position_left .desc_wrapper h4.title {
font-size: 25px;
letter-spacing: 0;
line-height: 18px;
margin: 0 0 22px;
}
#Footer .widgets_wrapper .textwidget p {
line-height: 25px;
min-height: 1px;
color: #686868;
font-size: 16px;
font-weight: 400;
}
#Footer .widgets_wrapper .widget a.socil img {
margin-right: 9px;
}
.product-list-category .title-page {
padding-top: 85px;
}
.product-list-category .title-page h1 {
margin-bottom: 75px;
}
.product-list-category h3 {
font-weight: bold;
font-size: 35px;
line-height: 50px;
}
.product-list-category a.button-download {
margin-top: 42px;
width: 308px;
height: 62px;
line-height: 63px;
text-decoration: none;
}
.product-single-page .section_wrapper, .product-single-page .container {
max-width: 1110px;
}
.product-share a {
display: block;
width: 48px;
height: 48px;
border-radius: 50%;
}
a.line-share {
background: url(//www.earth-th.com/wp-content/uploads/2021/01/line-share.png) no-repeat center;
}
a.face-share {
background: url(//www.earth-th.com/wp-content/uploads/2021/10/face-share.png) no-repeat center;
}
.product-share .line-share {
width: 48px!important;
height: 48px!important;
background: #06c755;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
overflow: hidden;
margin-right: 13px;
}
.product-share label {
margin-right: 13px;
color: #000;
}
.product-share {
display: flex;
margin-top: 22px;
align-items: center;
}
.product-single-page .single-photo-wrapper .image_wrapper {
margin: 0;
}
.section-related-adjustment .description-image a.title {
color: #015dca;
font-size: 25px;
line-height: 1;
height: auto;
}
.section-related-adjustment .description-image .description {
display: none;
}
.section.product-description.product-description {
margin-bottom: 0;
}
.section-related-adjustment .description-image a.learn-more {
width: 170px;
height: 53px;
line-height: 55px;
font-size: 16px;
}
.section-related-adjustment .description-image a.learn-more:after {
width: 13px;
height: 16px;
background-size: 100%;
vertical-align: -4px;
}
.grid .post-desc-wrapper .post-desc h2.entry-title a {
font-size: 18px;
font-weight: 500;
}
.menu-scroll li a {
font-size: 19px;
line-height: 20px;
display: block;
}
.column.mcb-column.menu-scroll {
margin-bottom: 100px;
}
div#Background .column.mcb-column.one.column_slider {
width: 100%;
margin: 0;
}
div#Background h3 {
font-size: 30px;
font-weight: bold;
margin-top: 38px;
margin-bottom: 53px;
line-height: 30px;
}
div#Background p {
margin-bottom: 50px;
}
div#Vision-Mission h2 {
font-size: 44px;
line-height: 32px;
margin-bottom: 40px;
}
div#Vision-Mission h4 {
font-size: 25px;
line-height: 18px;
margin-bottom: 13px;
}
div#Vision-Mission .column_visual {
font-size: 19px;
}
div#Vision-Mission .column_visual p {
margin-bottom: 30px;
}
.column_visual.column-vision {
padding-top: 21px;
padding-left: 70px;
box-sizing: border-box;
}
div#Vision-Mission .section_wrapper.mcb-section-inner {
max-width: 1220px;
}
.warpper-content li {
line-height: 22px;
}
.column.mcb-column.one.column_placeholder .placeholder {
height: 1px;
}
div#Vision-Mission .three-fifth.column_visual:nth-child(5) {
padding-right: 30px;
box-sizing: border-box;
}
.section.mcb-section.section-team-work {
padding-bottom: 100px!important;
}
div#Organization-Chart .title-page {
padding-top: 0;
}
div#Committee {
padding-top: 50px!important;
}
.custom-accordion .warpper-content {
font-size: 23px;
color: #000000;
}
body.header-fixed #Top_bar {
background: transparent!important;
opacity: 1;
}
body.header-fixed #Top_bar.is-sticky {
background: rgb(98 181 243 / 86%) !important;
}
#Top_bar .menu > li > a {
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
-ms-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
}
#rev_slider_2_1_wrapper .uranus.tparrows.tp-rightarrow {
background: #f1b600;
}
.style-simple .section.mcb-section.about-home .icon_box .desc_wrapper .title {
color: #fff;
line-height: 1.3;
}
.style-simple .section.mcb-section.about-home.business-service .icon_box .desc_wrapper .title {
min-height: 80px;
}
.display-flex .mcb-wrap-inner {
display: flex;
justify-content: center;
}
.blog_slider .blog_slider_ul li h4 a:hover {
color: #024eab;
}
a.more {
background: #cc162c!important;
display: flex;
border-radius: 20px;
justify-content: center;
align-items: center;
overflow: hidden;
color: #fff;
height: 40px;
padding: 0 20px;
text-shadow: initial;
font-weight: 200;
font-size: 14px;
letter-spacing: 1px;
}
a.more:after {
content: '\e917';
font-family: "mfn-icons";
font-size: 25px;
margin-left: 8px;
}
a.more:hover {
text-decoration: none;
background: #8dc73f;
}
.posts_group a.more {
background: #cc162c !important;
display: inline-block;
border-radius: 20px;
text-shadow: initial;
font-weight: 200;
font-size: 12px;
letter-spacing: 1px;
color: #fff;
line-height: 1;
padding: 10px 12px;
height: auto;
}
.posts_group a.more:after {
display: none;
}
a.more.blue {
color: #015dca;
}
a.more.blue2 {
color: #5b5c5e;
}
a.more.blue3 {
color: #3a3b3e;
}
a.more.blue4 {
display: flex;
align-items: center;
justify-content: center;
margin: 0;
font-size: 0;
text-indent: -9999px;
}
a.more.blue:before {
background: url(//www.earth-th.com/wp-content/uploads/2021/09/more-plus-blue.png);
}
a.more.blue2:before {
background: url(//www.earth-th.com/wp-content/uploads/2021/09/more-plus-blue2.png);
}
a.more.blue3:before {
background: url(//www.earth-th.com/wp-content/uploads/2021/09/more-plus-blue3.png);
}
a.more.blue4:before {
display: none;
}
a.more.blue4:after {
font-size: 30px;
color: #fff;
border-radius: 50%;
text-indent: 1px;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
content: '';
display: block;
background: #e8e9ee url(//www.earth-th.com/wp-content/uploads/2023/07/green-arrow.png) no-repeat center center;
}
a.more.blue4:hover:after {
background: url(//www.earth-th.com/wp-content/uploads/2023/07/white-arrow.png) no-repeat center center;
background-color: #8dc73f;
}
.grid .post-desc-wrapper .post-desc a.more.blue4 {
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}
.column-margin-50px {
margin-bottom: 50px;
}
.section.mcb-section.our-business-2 h2 {
padding-top: 30px;
margin-bottom: 0px;
text-transform: uppercase;
}
.portfolio-home a.more {
margin: 0;
}
body.style-simple .accordion .question .title {
background: none;
padding-left: 50px;
border: 0;
font-size: 20px;
color: #3a3b3e;
font-weight: 600;
padding-top: 18px;
padding-bottom: 18px;
text-transform: uppercase;
}
body.style-simple .accordion .question .answer {
background: none;
padding: 0 85px 20px 50px;
font-size: 17px;
color: #3a3b3e;
}
body.style-simple .accordion .question {
border-width: 0 0 1px;
border-color: #dcdcdc;
margin-bottom: 0;
}
body.style-simple .accordion .question:last-child {
border-bottom: 0;
}
.section.mcb-section.our-business-2 .section_wrapper.mcb-section-inner {
background-image: url(//www.earth-th.com/wp-content/uploads/2021/09/bg-our-business-right2.png);
background-position: right bottom!important;
padding-bottom: 35px!important;
background-repeat: no-repeat;
}
.section.our-business-1 img, .section.our-business-2 img {
width: 100%;
}
body.style-simple .accordion .question.active {
background: #fff;
}
.section.mcb-section.our-business-2 .column_visual {
background: #fff;
}
.section.mcb-section.our-business-1 {
background-position-x: 107px!important;
background-position-y: 105px!important;
}
.section.mcb-section.our-business-1 h1 {
margin-bottom: 45px;
text-transform: uppercase;
}
.section.mcb-section.our-business-1 h2 {
text-transform: uppercase;
}
.feature_product_home.owl-carousel.owl-loaded {
}
.feature_product_home.owl-carousel {
}
.feature_product_home .item a.more {
margin: 0;
color: #5b5c5e;
font-size: 15px;
}
.feature_product_home .item h2 {
margin: 0;
font-size: 14px;
color: #3a3b3e;
text-align: center;
text-transform: uppercase;
line-height: 19px;
}
.feature_product_home {
background: #fcfcfc;
box-shadow: 4px 0 8px rgba(28, 29, 29, 0.42);
}
.feature_product_home .item {
display: flex;
align-items: center;
margin: 0 10px;
}
.feature_product_home .owl-dots {
display: none;
}
.feature_product_home .owl-nav button.owl-next {
right: 0;
background: url(//www.earth-th.com/wp-content/uploads/2021/09/nav-next.png) no-repeat;
right: -60px;
margin-top: -25px;
}
.wrapper_portfolio_home {
padding: 0;
}
.portfolio_home .owl-nav button.owl-next {
right: 0;
background: url(//www.earth-th.com/wp-content/uploads/2021/09/nav-next.png) no-repeat;
left: 50px;
margin-top: -25px;
}
.portfolio_home .owl-nav button.owl-next:hover, .feature_product_home .owl-nav button.owl-next:hover {
background: url(//www.earth-th.com/wp-content/uploads/2022/01/nav-next-hover2.png) no-repeat;
}
.feature_product_home .owl-nav button.owl-prev {
left: 0;
background: url(//www.earth-th.com/wp-content/uploads/2021/09/nav-prev.png) no-repeat;
left: -60px;
margin-top: -25px;
}
.portfolio_home .owl-nav button.owl-prev {
background: url(//www.earth-th.com/wp-content/uploads/2021/09/nav-prev.png) no-repeat;
left: 0;
margin-top: -25px;
}
.portfolio_home .owl-nav button.owl-prev:hover, .feature_product_home .owl-nav button.owl-prev:hover {
background: url(//www.earth-th.com/wp-content/uploads/2022/01/nav-prev-hover2.png) no-repeat;
}
.portfolio_home .owl-nav button:after, .feature_product_home .owl-nav button:after {
display: none;
}
.portfolio_home .owl-nav button {
outline: 0;
position: absolute;
top: -55px;
width: 50px;
height: 50px;
margin: 0;
}
.feature_product_home .owl-nav button {
outline: 0;
position: absolute;
top: 50%;
width: 50px;
height: 50px;
margin: 0;
}
.feature_product_home .owl-item {
box-sizing: border-box;
border-left: 1px solid #8a8a8a;
}
.feature_product_home.owl-carousel .owl-stage-outer:before {
content: '';
display: block;
width: 1px;
height: 100%;
position: absolute;
background: #fff;
left: 1px;
top: 0;
z-index: 1;
}
.feature_product_home.owl-carousel .owl-stage-outer {
padding: 4px 0;
}
.section.mcb-section.portfolio-home .warpper-content {
}
.portfolio_home .item {
background: #fefefe;
margin: 0 15px;
overflow: hidden;
}
.portfolio_home .description label, .portfolio-item .description label {
display: inline-block;
padding-right: 5px;
line-height: 22px;
}
.portfolio_home .description ul {
list-style: none;
padding: 0!important;
margin: 0!important;
}
.portfolio_home .description, .portfolio-item .description {
font-size: 17px;
background: none;
}
.portfolio-item .description {
box-sizing: border-box;
text-align: center;
padding: 0;
}
.portfolio_home .description a.more {
font-size: 0;
width: 48px;
height: 48px;
overflow: hidden;
float: right;
margin: 0;
display: none;
}
.portfolio_home .description:after {
content: '';
display: block;
clear: both;
}
.portfolio_home .description ul li {
margin: 0 0 5px;
line-height: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.section.mcb-section.portfolio-home {
background-position-y: 110px!important;
}
.section.mcb-section.portfolio-home .warpper-content h1 {
margin-bottom: 30px;
text-transform: uppercase;
}
.portfolio_home .description ul li:last-child {
margin: 0;
}
.section.full-width.portfolio-home .one.wrap .one.column.container {
margin: 0 auto;
max-width: 1380px;
float: none;
}
.portfolio_home {
margin: 0 0 25px;
}
.portfolio-home .owl-dots {
display: none;
}
.run-number li strong {
font-size: 55px;
display: block;
margin: 0 0 10px;
line-height: 55px;
}
.run-number ul {
margin: 0!important;
padding: 0!important;
text-align: center;
display: flex;
justify-content: center;
color: #fff;
list-style: none!important;
}
.run-number li {
margin: 0 60px 20px!important;
font-size: 21px;
line-height: 21px;
}
.section.our-business-2 .column_accordion {
min-height: 350px;
}
.section.mcb-section.news-home h1 {
margin: 0;
}
.blog_slider a.more.text:before {
display: none;
}
.blog_slider a.more.text span {
width: 35px;
height: 35px;
background: none;
border: 2px solid transparent;
border-radius: 50%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
line-height: 25px;
margin-left: 10px;
color: #5b5c5e;
}
.blog_slider a.more.text {
margin-top: 0;
color: #5b5c5e;
align-items: center;
text-decoration: none;
background: url(//www.earth-th.com/wp-content/uploads/2023/01/read-more-w.png) no-repeat;
width: 37px;
height: 37px;
text-indent: -9999px;
font-size: 0;
position: absolute;
right: 0;
top: 0;
}
.blog_slider .slider_pager {
margin: 35px 0;
}
.section.mcb-section.news-home {
background-size: auto 100%!important;
}
.section.mcb-section.full-width.sustainable-development h1 {
text-transform: uppercase;
background: url(//www.earth-th.com/wp-content/uploads/2021/09/sustainable-development-bg.png);
color: #fff;
padding: 60px 0;
margin: 0;
}
.bubble-slide {
position: relative;
}
.bubble-slide:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: url(//www.earth-th.com/wp-content/uploads/2021/09/bobble-inner-2.png) no-repeat;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
background-size: 100%;
}
.bubble-slide:after {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: url(//www.earth-th.com/wp-content/uploads/2021/09/bobble-inner-1.png) no-repeat;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
background-size: 100%;
}
.bubble-slide:hover:before {
transform: rotate(180deg);
}
.bubble-slide:hover:after {
transform: rotate(-180deg);
}
.section.mcb-section.contact-footer {
border-top: 15px solid #f1b600;
background-size: 100%!important;
overflow: hidden;
min-height: initial!important;
background-size: cover!important;
}
.wrap.mcb-wrap.one-second.contact-right h1, .wrap.mcb-wrap.one-second.contact-right h2 {
color: #fff;
}
.wrap.mcb-wrap.one-second.contact-right h1 {
text-transform: uppercase;
font-size: 30px;
line-height: 1.3;
}
.wrap.mcb-wrap.one-second.contact-right .warpper-content {
color: #fff;
}
.wrap.mcb-wrap.one-second.contact-right li, .wrap.mcb-wrap.one-second.contact-right a {
color: #fff;
}
.wrap.mcb-wrap.one-second.contact-right {
background-position-x: right!important;
background-size: 100%!important;
}
.section.mcb-section.contact-footer .contact-left {
width: 60%;
padding-left: 310px!important;
padding-right: 190px!important;
padding-bottom: 60px!important;
}
.section.mcb-section.contact-footer .section_wrapper.mcb-section-inner {
padding-top: 0!important;
}
.section.mcb-section.contact-footer .contact-right {
width: 40%;
padding: 155px 0 0 35px;
background-size: auto 100%!important;
}
.section.mcb-section.contact-footer .contact-right ul {
list-style: none!important;
margin: 0!important;
}
.section.mcb-section.contact-footer input[type=text].wpcf7-form-control {
height: 60px;
border-width: 0 0 1px;
border-color: #cacaca;
background: transparent;
margin: 0;
}
.section.mcb-section.contact-footer textarea.wpcf7-form-control {
border-width: 0 0 1px;
border-color: #cacaca;
background: transparent;
height: 170px;
margin: 0;
}
.section.mcb-section.contact-footer input[type=text].wpcf7-form-control:focus, .section.mcb-section.contact-footer textarea.wpcf7-form-control:focus {
background: rgba(255, 255, 255, 0.8)!important;
}
form.wpcf7-form label {
color: #1f2220;
font-weight: 400;
}
form.wpcf7-form br {
display: none;
}
form.wpcf7-form span.wpcf7-form-control-wrap {
margin-bottom: 0;
}
form.wpcf7-form .column {
position: relative;
}
.section.contact-footer button[type=submit] {
background: none;
display: inline-block;
border: 0;
color: #5b5c5e;
width: auto;
font-size: 20px;
padding: 0;
margin: 0 0 110px;
outline: 0;
}
.section.contact-footer button[type=submit]:before {
content: '';
display: inline-block;
width: 48px;
height: 48px;
background: url(//www.earth-th.com/wp-content/uploads/2021/09/more-plus-blue2.png);
vertical-align: middle;
margin-right: 8px;
}
.section.contact-footer button[type=submit]:after {
display: none;
}
.section.mcb-section.contact-footer .contact-right li {
margin-bottom: 20px;
}
.section.mcb-section.contact-footer .contact-right li img {
float: left;
top: -12px;
position: relative;
}
.section.mcb-section.contact-footer .contact-right li:after {
content: '';
display: block;
clear: both;
}
body #Top_bar .menu > li.lang-item > a > span {
display: block;
width: 30px!important;
height: 30px!important;
text-align: center;
line-height: 30px;
padding: 0;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 0!important;
}
.wrap.mcb-wrap.one.bg-about-content {
background-repeat: repeat!important;
}
.wrap.mcb-wrap.one.bg-about-content .mcb-wrap-inner {
display: flex;
align-items: center;
}
.section.mcb-section.tab_vission .wrap.tab_body {
background: #fff;
padding: 47px;
}
.section.mcb-section.tab_vission .wrap.tab_body .column.mcb-column {
margin-bottom: 0!important;
}
.section.mcb-section.tab_vission .wrap.tab_body .column_visual.active {
display: block;
}
.section.mcb-section.tab_vission .wrap.tab_body .column_visual {
display: none;
}
.section.mcb-section.tab_vission .wrap.tab_head ul li {
padding: 10px 0;
font-size: 20px;
cursor: pointer;
margin: 0 30px;
border-bottom: 4px solid transparent;
}
.section.mcb-section.tab_vission .wrap.tab_head ul {
margin: 0!important;
list-style: none;
display: flex;
align-items: center;
justify-content: center;
padding: 100px 0 37px;
}
.section.mcb-section.tab_vission .wrap.tab_head ul li.active, .section.mcb-section.tab_vission .wrap.tab_head ul li:hover {
border-bottom: 4px solid;
color: #f1b600;
}
.history_timeline .owl-dots button {
display: inline-block;
width: 12px;
height: 12px;
background: #fff;
border-radius: 50%;
}
.history_timeline .owl-dots:after {
content: '';
display: block;
background: #5b5c5e;
height: 3px;
position: absolute;
left: 0;
right: 0;
top: 12px;
z-index: -1;
}
.history_timeline .owl-dots {
text-align: center;
position: relative;
}
.history_timeline .item .img {
width: 45%;
}
.history_timeline .item .description {
width: 55%;
padding: 35px;
color: #fff;
}
.history_timeline .item {
display: flex;
align-items: center;
}
.history_timeline .item .description h2 {
color: #fff;
}
.section.mcb-section.organization-background .warpper-content {
max-width: 1154px;
margin: 0 auto;
position: relative;
}
ul#carousel-custom-dots {
margin: 0 0 80px!important;
padding: 0!important;
list-style: none!important;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
ul#carousel-custom-dots li.owl-dot:after {
content: '';
display: block;
width: 10px;
height: 10px;
width: 10px;
height: 10px;
background: #fff;
margin: 0 10px;
border-radius: 50%;
cursor: pointer;
box-sizing: border-box;
margin: 10px auto 0;
}
ul#carousel-custom-dots li.owl-dot.active:after {
content: '';
display: block;
width: 12px;
height: 12px;
}
ul#carousel-custom-dots li.owl-dot {
width: 25%;
text-align: center;
color: #fff;
margin: 0;
}
ul#carousel-custom-dots:after {
content: '';
display: block;
height: 3px;
background: #5b5c5e;
width: 100%;
position: absolute;
z-index: -1;
bottom: 5px;
}
ul#carousel-custom-dots li.owl-dot span {
cursor: pointer;
}
.carousel-custom-timelie {
height: 3px;
width: 100%;
background: #5b5c5e;
position: absolute;
left: 0;
top: 36px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.carousel-custom-timelie .inner-timelie {
height: 3px;
width: 12.5%;
background: #fff;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
#history_timeline.flexslider ul.slides {
margin: 0!important;
}
div#carousel-custom-dots {
background: none!important;
border: 0!important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: initial;
-moz-box-shadow: initial;
-o-box-shadow: initial;
box-shadow: initial;
}
.flexslider .slides {
list-style: none!important;
margin: 0!important;
}
div#carousel-custom-dots.flexslider .slides > li {
text-align: center;
color: #fff;
margin: 0!important;
}
div#carousel-custom-dots.flexslider .slides > li span:after {
content: '';
display: block;
width: 10px;
height: 10px;
background: #fff;
margin: 10px auto 0;
border-radius: 50%;
}
div#carousel-custom-dots.flexslider .slides > li.flex-active-slide span:after {
width: 12px;
height: 12px;
}
div#carousel-custom-dots ul.flex-direction-nav > li {
margin: 0!important;
position: absolute;
top: 26px;
cursor: pointer;
}
div#carousel-custom-dots ul.flex-direction-nav > li.flex-nav-prev {
left: -15px;
}
div#carousel-custom-dots ul.flex-direction-nav > li.flex-nav-next {
right: -15px;
}
div#carousel-custom-dots ul.flex-direction-nav > li a {
left: initial;
font-size: 0;
margin: 0;
right: initial;
opacity: 1;
vertical-align: top;
top: 0;
}
div#carousel-custom-dots ul.flex-direction-nav > li.flex-nav-prev a {
width: 0px;
height: 0px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 8px solid #fff;
display: block;
}
div#carousel-custom-dots ul.flex-direction-nav > li.flex-nav-next a {
width: 0px;
height: 0px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 8px solid #fff;
display: block;
}
body .flex-direction-nav a:before {
display: none;
}
div#carousel-custom-dots ul.flex-direction-nav > li {
margin: 0!important;
position: absolute;
top: 31px;
cursor: pointer;
width: 8px;
height: 12px;
}
div#carousel-custom-dots .flex-direction-nav .flex-disabled {
opacity: 0.5!important;
}
div#carousel-custom-dots.flexslider .slides > li span {
cursor: pointer;
width: 50px;
}
div#history_timeline {
margin: 0!important;
border: 0!important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: initial;
-moz-box-shadow: initial;
-o-box-shadow: initial;
box-shadow: initial;
background: none;
}
div#history_timeline .description {
width: 55%;
color: #fff;
text-align: left;
padding: 35px;
float: left;
box-sizing: border-box;
line-height: 1.8;
font-weight: 300;
font-size: 17px;
}
div#history_timeline .description h2 {
color: #fff;
}
div#history_timeline .img {
float: left;
width: 45%;
}
div#history_timeline ul.flex-direction-nav {
display: none;
}
.section.mcb-section.Board-of-Directors h1 {
color: #fff;
margin-bottom: 60px;
text-transform: uppercase;
}
.section.mcb-section.Board-of-Directors h3, .section.mcb-section.Board-of-Directors h4 {
color: #fff;
margin: 0 0 0;
line-height: 1.6;
}
.section.mcb-section.Board-of-Directors .mcb-wrap.one-fourth .column_image {
margin-bottom: 20px;
}
.clients_slider .clients_slider_header a.slick-arrow {
background: #34a865;
color: #fff!important;
text-align: center;
border-radius: 50%;
}
.clients_slider .clients_slider_header a.slider_next {
right: -17px;
width: 30px;
height: 30px;
line-height: 30px;
}
.clients_slider .clients_slider_header a.slider_next:hover {
}
.clients_slider .clients_slider_header a.slider_prev {
right: -17px;
width: 30px;
height: 30px;
line-height: 30px;
}
.clients_slider .clients_slider_header a.slider_prev:hover {
}
.clients_slider .clients_slider_header a.slider_prev:before {
display: block;
content: '\e8b6';
font-family: "mfn-icons";
font-size: 20px;
}
.clients_slider .clients_slider_header a.slider_next:before {
display: block;
content: '\e914';
font-family: "mfn-icons";
font-size: 20px;
}
.slick-initialized .slick-slide { }
.Operations-and-Awards h1 {
margin: 0 0 60px;
}
.wrap.container {
margin: 0 auto!important;
float: none;
}
.wrap.bg-business-service {
position: absolute;
left: 0;
top: 0;
right: 0;
z-index: 0;
}
.section.mcb-section.about-home .wrap.mcb-wrap, .section.mcb-section.about-home .mcb-wrap-inner {
height: 100%;
}
.section.mcb-section.about-home .mcb-wrap-inner .column_icon_box {
display: flex;
justify-content: center;
align-items: center;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
padding: 0 20px;
}
.section.mcb-section.about-home .mcb-wrap-inner .column_icon_box.active {
background: rgba(0, 0, 10, .45);
}
.style-simple .section.mcb-section.about-home.business-service .icon_box .desc_wrapper .title {
min-height: 80px;
text-shadow: 0px 1px 1px #000000c2;
}
.wrap.bg-business-service .column_image {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.wrap.bg-business-service .column_image.active {
visibility: visible;
opacity: 1;
}
body #Top_bar .menu > li.lang-item.lang-item-first > a {
margin-left: 45px;
}
body #Top_bar .menu > li.lang-item.last > a {
margin-left: 10px;
}
button.slick-arrow {
width: 50px;
height: 50px;
background-color: transparent;
padding: 0;
margin: 0;
}
.column_image_gallery .gallery.slick-list button.slick-arrow {
font-size: 0;
text-indent: -9999px;
position: absolute;
top: calc(50% - 25px);
z-index: 1;
outline: 0;
}
.gallery.slick-list img {
width: 100%;
}
.business-service-content .column_image_gallery {
padding: 0 45px;
box-sizing: border-box;
}
.business-service-content .section_wrapper.mcb-section-inner {
display: flex;
align-items: center;
}
.column_image_gallery .gallery.slick-list button.slick-arrow:after {
display: none;
}
.business-first-page .section_wrapper.mcb-section-inner {
padding: 0!important;
position: absolute;
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 0;
}
.section.business-first-page .mcb-wrap-inner {
display: flex;
align-items: center;
height: 100%;
}
.business-first-page .section_wrapper.mcb-section-inner .wrap.mcb-wrap {
height: 100%;
}
.business-first-page .warpper-content {
position: relative;
z-index: 1;
color: #fff;
width: 654px;
margin: 0;
padding: 0 112px 70px;
box-sizing: border-box;
}
.business-first-page .column_visual:first-child .warpper-content {
margin-left: auto;
}
.section.business-first-page .mcb-wrap-inner .column_visual {
height: 100%;
display: flex;
align-items: flex-end;
position: relative;
}
.section.business-first-page .mcb-wrap-inner .column_visual:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.section.business-first-page .mcb-wrap-inner .column_visual:hover:after {
background: rgba(1, 93, 202, .85);
}
.section.business-first-page .mcb-wrap-inner .column_visual:first-child {
background: url(//www.earth-th.com/wp-content/uploads/2021/10/business-first-1.png);
background-size: cover;
}
.section.business-first-page .mcb-wrap-inner .column_visual:last-child {
background: url(//www.earth-th.com/wp-content/uploads/2021/10/business-first-2.png);
background-size: cover;
}
.business-first-page .warpper-content h1 {
color: #fff;
font-size: 70px;
margin: 0 0 50px;
}
a.more.square:before {
width: 46px;
height: 46px;
background: #f1b600;
content: '+';
text-align: center;
line-height: 46px;
font-size: 40px;
color: #3a3b3e;
font-weight: 200;
box-shadow: 9px 0 32px rgba(0, 0, 0, .38);
margin-right: 20px;
}
a.more.square.blue:before {
background: #015dca;
color: #f1b600;
}
body.page-id-2514 footer#Footer, body.page-id-2694 footer#Footer {
display: none;
}
.section.trading-business a.more {
color: #f1b600;
margin: 10px 0 0;
}
.section.trading-business .three-fifth {
padding: 40px 80px 40px 70px;
background-size: 100% 100%!important;
}
.section.trading-business .two-fifth {
margin-left: -45px;
}
.section.trading-business .section_wrapper.mcb-section-inner {
display: flex;
align-items: center;
}
.project-list img.scale-with-grid {
width: 100%;
}
.project-list .two-fifth.mcb-wrap {
max-width: 632px;
color: #fff;
margin-left: -100px;
}
.project-list h2 {
color: #fff;
}
.project-list .column_visual {
padding: 90px 40px;
box-sizing: border-box;
}
.project-list .section_wrapper.mcb-section-inner {
display: flex;
align-items: center;
}
ul.category_list_image {
margin: 0!important;
list-style: none!important;
}
.box-category {
max-width: 540px;
margin: auto;
position: absolute;
left: 0;
right: 0;
background: #fff;
padding: 90px 35px;
box-sizing: border-box;
text-align: center;
z-index: 1;
}
ul.category_list_image li.cat-item:last-child {
padding-bottom: 50px;
}
ul.category_list_image li.cat-item {
position: relative;
display: flex;
align-items: center;
margin: 50px!important;
background-size: cover;
}
.box-category h2 {
text-align: center;
color: #015dca;
font-size: 35px;
padding: 0 25px 25px 25px;
display: inline-block;
border-bottom: 1px solid #8c8c91;
margin-bottom: 25px;
}
.box-category a.more.square.blue {
color: #f1b600;
}
.box-category .description {
color: #2d2d2d;
line-height: 1.8;
}
ul.category_list_image img {
width: 100%;
}
li.current-cat > ul.children {
display: block;
}
ul.categories-menu > li.categories > ul > li.current-cat >a, ul.categories-menu > li.categories > ul > li.current-cat-parent >a, ul.categories-menu > li.categories > ul > li.current-cat-parent > i {
color: #fff;
}
ul.categories-menu > li.categories > ul > li.current-cat > i {
color: #000;
}
ul.categories-menu > li.categories > ul > li.current-cat-parent > ul.children {
display: block;
}
ul.categories-menu li.categories > ul li.cat-item ul.children > li.current-cat > a {
color: #f1b600;
}
.best-sale {
color: red;
font-size: 10px;
text-transform: uppercase;
width: 42px;
height: 42px;
position: absolute;
top: 0;
right: 0;
z-index: 1;
background: #ffc000;
line-height: 1;
justify-content: center;
align-items: center;
display: flex;
border-radius: 50%;
text-align: center;
font-weight: 600;
}
a.line-add-friend {
text-indent: -9999px;
background: url(//www.earth-th.com/wp-content/uploads/2021/10/line-add-friend.png);
font-size: 0;
display: block;
width: 206px;
height: 58px;
margin: 0 0 22px;
}
a.load-pdf {
width: 204px;
height: 44px;
display: block;
font-size: 0;
text-indent: -9999px;
background: url(//www.earth-th.com/wp-content/uploads/2021/10/download-now.png);
}
.news-layout .posts_group.grid.col-3 .post-item:first-child {
}
.news-layout .posts_group.grid.col-3 .post-item .box-image {
border-radius: 0 0 15px 15px;
}
.news-layout .posts_group.grid.col-3 .description-image a.title {
border: 0;
}
.news-layout .posts_group.grid.col-3 .post-item:first-child .description-image {
}
.news-layout .posts_group.grid.col-3 .post-item:first-child .image_wrapper {
}
.news-layout .posts_group.grid.col-3 .post-item .image_wrapper a.title {;
}
.news-layout .posts_group.grid.col-3 .post-item:first-child .description-image .description {
}
.news-layout .posts_group.grid.col-3 .post-item:nth-child(4n+1) {
}
.news-layout .posts_group.grid.col-3 .post-item:first-child .description-image .date {
}
.news-layout .footer-news {
display: none;
}
.news-layout .posts_group.grid.col-3 .post-item:first-child .description-image a.learn-more {
}
.news-layout .posts_group.grid.col-3 .post-item:first-child .description-image a.learn-more:hover {
}
.news-layout .posts_group.grid.col-3 .post-item:first-child .description-image a.learn-more:after {
}
.news-layout .box-image img.scale-with-grid {
margin: 0;
width: 100%;
}
.news-layout .posts_group.grid.col-3 .post-item {
margin: 0 0 20px;
padding: 0;
width: 33.33%;
}
.single-register h1.title-single span {
border-bottom: 2px solid #00b8f2;
}
.single-register h1.title-single {
color: #161414;
font-size: 20px;
line-height: 1.5;
}
.single-register .single-photo-wrapper .image_wrapper {
margin-bottom: 50px;
}
.news-layout .posts_group.grid.col-3 .post-item:nth-child(3n+1) {
}
.news-layout .description-image {
display: flex;
flex-direction: column;
text-align: left;
position: relative;
}
.news-layout a.title {
order: 1;
}
.news-layout .date {
color: #5b5c5e;
font-size: 15px;
display: block;
order: 0;
margin: 0 0 10px;
}
.news-layout .description-image a.learn-more {
color: #5b5c5e;
background: none;
padding: 0;
width: initial;
height: auto;
line-height: initial;
display: flex;
margin: 0 auto 0 0;
font-size: 20px;
order: 3;
height: auto;
align-items: center;
}
.news-layout .box-image {
overflow: hidden;
}
.news-layout .description-image a.title {
order: 1;
text-align: left;
justify-content: left;
color: #015dca;
font-size: 19px;
height: auto;
line-height: 1.2;
margin: 0 0 10px;
background: none;
border-top: 2px solid #73a5f1;
padding-top: 10px;
padding-right: 40px;
}
.news-layout .description-image .description {
display: none;
}
.news-layout .post-item:first-child .box-image {
}
.news-layout .post-item .description {
display: block;
position: relative;
}
.main-image.slide {
position: relative;
margin-top: 0px;
}
.flexslider.main-slide .slides img {
width: auto;
margin: 0 auto;
}
.flexslider.main-slide ul.flex-direction-nav {
position: absolute;
left: 0;
top: 48%;
display: flex;
align-items: center;
right: 0;
}
.flexslider.main-slide ul.flex-direction-nav a {
width: 70px;
height: 70px;
position: relative;
left: initial!important;
right: initial!important;
bottom: initial!important;
top: initial!important;
margin: 0;
display: flex;
align-items: center;
cursor: pointer;
text-indent: -9999px;
}
.flexslider.main-slide ul.flex-direction-nav a:after {
content: '';
display: block;
width: 37px;
height: 34px;
text-indent: 0px;
line-height: 34px;
color: #bebebe;
display: flex;
justify-content: center;
}
.flexslider.main-slide ul.flex-direction-nav a.flex-prev:after {
content: '\e8b8';
font-family: "mfn-icons";
font-size: 36px;
}
.flexslider.main-slide ul.flex-direction-nav a.flex-next:after {
content: '\e916';
font-family: "mfn-icons";
font-size: 36px;
}
.flexslider.main-slide ul.flex-direction-nav a.flex-prev {
opacity: 1!important;
z-index: 1;
width: 38px;
height: 38px;
font-size: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.flexslider.main-slide ul.flex-direction-nav a.flex-next {
opacity: 1!important;
z-index: 1;
width: 38px;
height: 38px;
font-size: 20px;
}
.flexslider.main-slide {
padding: 15px 70px 0;
border: 0;
background: none;
margin-bottom: 40px;
}
.flexslider.main-slide .slides > li {
min-height: 350px;
display: flex!important;
align-items: center;
float: left;
width: 100%;
}
body.single .section.section-post-header {
margin-top: 0;
}
.flexslider.main-slide .flex-viewport {
box-sizing: border-box;
}
h1.title-single {
color: #4a4646;
font-size: 25px;
text-align: center;
margin: 0 0 50px;
}
.section_wrapper .the_content_wrapper {
margin: 0 0 50px;
width: 100%;
color: #070708;
font-size: 16px;
line-height: 1.7;
font-size: 20px;
color: #070708;
}
.section_wrapper .the_content_wrapper p {
margin: 0 0 5px;
}
body.style-simple blockquote {
font-size: 25px;
color: #015dca;
margin: 0;
padding: 40px 40px;
border: 1px solid #9c9b9c;
line-height: 1.4;
text-align: left;
display: flex;
align-items: center;
border-bottom: 10px solid #015dca;
}
.section-related-adjustment .description-image a.title:hover {
color: #f1b600;
}
.column.mcb-column.one.column_blockquote {
margin-bottom: 80px;
}
.news-description .section-related-adjustment h2.title {
text-align: center;
color: #015dca;
margin: 0 0 50px;
}
.section.news-description .section-related-adjustment .image-category-list .box-image {
border-radius: 0;
margin: 0 0 20px;
}
.section.news-description .section-related-adjustment .image-category-list .image_wrapper {
width: 100%;
float: none;
max-height: 320px;
overflow: hidden;
min-height: 320px;
}
.news-description .description-image a.title {
text-align: left;
justify-content: left;
margin: 0 0 10px;
}
.news-description .date {
display: block;
font-size: 15px;
color: #5b5c5e;
text-align: left;
margin: 0 0 10px;
}
.news-description .description-image {
text-align: left;
}
.news-description .image-category-list .posts_group {
padding: 0 11px;
}
#Top_bar .menu > li.lang-item-first {
margin-left: 34px;
}
.style-simple #Filters .filters_wrapper ul li.current-cat a:after, .style-simple #Filters .filters_wrapper ul li a:hover:after {
background: #f1b600!important;
}
.portfolio_wrapper.isotope_wrapper {
position: relative;
overflow: hidden;
}
.portfolio_group.masonry .portfolio-item:hover .description {
background: #f1b600;
color: #fff;
}
.portfolio-item .description a.more {
margin: 0;
float: right;
display: none;
}
.portfolio-item .description:after {
content: '';
display: block;
clear: both;
}
.portfolio-item .description a.more:before {
width: 45px;
height: 45px;
background: url(//www.earth-th.com/wp-content/uploads/2021/10/more-blue-more.png);
margin: 0;
}
.portfolio_group.masonry .portfolio-item:hover .description a.more:before {
background: url(//www.earth-th.com/wp-content/uploads/2021/10/more-yellow-white.png);
}
body.single-portfolio .flexslider.main-slide ul.flex-direction-nav {
bottom: initial;
top: calc(50% - 35px);
left: 0;
right: 0;
}
body.single-portfolio .flexslider.main-slide ul.flex-direction-nav li.flex-nav-next {
margin-left: auto;
}
.menu-section {
position: fixed;
left: 15px;
top: 0;
width: 50px!important;
z-index: 10;
bottom: 0;
display: flex;
align-items: center;
display: none;
}
.menu-section ul {
margin: 0!important;
list-style: none!important;
background: #fff;
}
.menu-section ul li {
text-align: center;
height: 50px;
line-height: 50px;
cursor: pointer;
vertical-align: top;
margin: 0!important;
width: 50px;
}
.menu-section ul li a {
display: block;
width:50px;
height: 50px;
}
.menu-section ul li a:hover, .menu-section ul li a.active {
background: #306cce;
color: #fff;
}
.next-section {
cursor: pointer;
}
#section-4 .column_slider_plugin {
margin-bottom: 0!important;
}
#section-4 h1 {
text-transform: uppercase;
}
div#section-7 .section_wrapper.mcb-section-inner {
padding: 0!important;
}
.bg-business-service .warpper-content {
height: 100%;
}
.section.mcb-section.about-home .warpper-content * {
height: 100%!important;
}
.section.contact-footer button[type=submit]:hover {
color: #015dca;
}
.section.mcb-section.menu-section .column {
margin: 0!important;
}
.header-fixed #Top_bar .top_bar_right {
display: none;
}
.section.organization-background h1 {
color: #fff;
text-align: center;
text-transform: uppercase;
}
.section.Operations-and-Awards .slick-list.draggable {
overflow: visible;
}
.section.Operations-and-Awards li.slick-slide.slick-current.slick-active {
transform: scale(1.1);
}
.portfolio_home .item .img, .blog_slider .blog_slider_ul li .image_wrapper, .sections_group.category_list .image_wrapper, .news-layout .box-image, #board-of-directors .image_wrapper, .our-business-1 .image_wrapper, .our-business-2 .image_wrapper, .portfolio-item .image_wrapper, .section-related-adjustment .box-image {
overflow: hidden;
}
.portfolio_home .img img, .blog_slider .blog_slider_ul li .image_wrapper img, .sections_group.category_list .image_wrapper img, .news-layout .box-image img, #board-of-directors .image_wrapper img, .our-business-1 .image_wrapper img, .our-business-2 .image_wrapper img, .portfolio-item .image_wrapper img, .section-related-adjustment .box-image img {
overflow: hidden;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.portfolio_home .img a:hover img, .blog_slider .blog_slider_ul li .image_wrapper:hover img, .sections_group.category_list .image_wrapper:hover img, .news-layout .box-image:hover img, #board-of-directors .image_wrapper:hover img, .our-business-1 .image_wrapper:hover img, .our-business-2 .image_wrapper:hover img, .portfolio-item .image_wrapper:hover img, .section-related-adjustment .box-image:hover img {
transform: scale(1.2);
opacity: 0.8;
}
ul.category_list_image li.cat-item {
overflow: hidden;
}
ul.category_list_image li.cat-item img {
-webkit-transition: all 5s ease-in-out;
-moz-transition: all 5s ease-in-out;
-o-transition: all 5s ease-in-out;
-ms-transition: all 5s ease-in-out;
transition: all 5s ease-in-out;
z-index: 0;
position: relative;
}
ul.category_list_image li.cat-item.active img {
transform: scale(1.3);
}
.style-simple #Filters .filters_wrapper ul li a:hover:after {
width: 100%;
}
.grecaptcha-badge {
z-index: 1;
bottom: 80px!important;
} body.home .section.mcb-section.contact-footer .section_wrapper.mcb-section-inner {
padding-bottom: 0!important;
}
.section.mcb-section.our-business-1 .one-second.mcb-wrap:nth-child(2) div[data-anim-type="fadeInLeft"] .warpper-content {
padding: 0 40px;
}
body.style-simple #Filters .filters_wrapper ul li.reset a.all {
width: 90px;
}
body .isotope, body .isotope .isotope-item {
-webkit-transition-duration: 0;
-moz-transition-duration: 0;
transition-duration: 0;
}
.news-layout .posts_group.grid.col-3 .post-item:first-child .description-image a.learn-more:hover:after {
}
.flexslider.main-slide ul.flex-direction-nav a.flex-prev:hover {
}
.flexslider.main-slide ul.flex-direction-nav a.flex-next:hover {
}
.flexslider.main-slide ul.flex-direction-nav li.flex-nav-next {
margin-left: auto;
}
.flexslider.main-slide ul.flex-direction-nav li.flex-nav-prev {
float: left;
}
.flexslider.main-slide ul.flex-direction-nav li.flex-nav-next {
float: right;
}
.style-simple #Filters .filters_wrapper ul li a {
text-transform: capitalize;
}
body.single .entry-content {
margin-bottom: 80px;
}
.main-image.slide img {
max-height: 500px;
}
[lang="en"] .section.mcb-section.Board-of-Directors h4 {
font-size: 15px;
}
[lang="en"] .section.mcb-section.Board-of-Directors h3 {
font-size: 17px;
}
.portfolio_home .item .img {
max-height: 300px!important;
overflow: hidden;
min-height: 300px;
background: #fefefe;
}
.portfolio_home .item .img img.scale-with-grid.wp-post-image {
height: 300px!important;
width: auto;
margin: 0 auto;
}
.portfolio_home .description {
min-height: 150px;
}
.portfolio_group.masonry .portfolio-item img.scale-with-grid.wp-post-image {
height: 300px!important;
width: auto;
margin: 0 auto;
}
.portfolio-item .description li {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.feature_product_home .item .img {
max-width: 162px;
min-height: 162px;
display: flex;
align-items: center;
}
.blog_slider .blog_slider_ul li .item_wrapper .image_frame .image_wrapper a {
display: block;
overflow: hidden;
}
.section.mcb-section.article .blog_slider .blog_slider_ul .desc, .news-layout .posts_group.grid.col-3 .post-item .description-image {
position: relative;
padding: 0;
background: #fff;
margin: 0;
}
.section.mcb-section.article .blog_slider .blog_slider_ul li h4 a {
color: #000;
}
.blog_slider .blog_slider_ul li .item_wrapper .image_frame .image_wrapper a img {
}
.section.sustainable-development rs-layer.rs-layer[data-type="text"] {
text-transform: capitalize;
}
body > img {
display: none;
}
div#know-us-24-con h1, div#know-us-24-con h2 {
text-transform: uppercase;
}
div#about-vision .warpper-content {
font-size: 19px;
}
div#about-vision p:before {
content: '';
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
background: #003852;
margin-right: 10px;
vertical-align: 2px;
}
div#about-vision h2 {
text-transform: uppercase;
}
div#organizational-structure h2 {
text-transform: uppercase;
}
body h1 {
text-transform: uppercase;
font-size: 22px;
line-height: 1.4;
margin-bottom: 7px;
}
div#history_timeline {
direction: initial!important;
}
div#carousel-custom-dots {
direction: initial!important;
}
.wpb-pp-fe-content img {
max-width: 80%;
width: auto;
margin: 0 auto;
display: block;
max-height: 1000px;
}
.wpb-pp-fe-content {
position: relative!important;
left: 0!important;
right: 0!important;
top: 0!important;
border: 0!important;
}
.wpb-popup-wrapp.wpb-custom-popup {
display: flex;
align-items: center;
justify-content: center;
max-width: 100%!important;
height: 100%!important;
width: 100%!important;
max-height: 100%;
background: rgb(255 255 255 / 79%);
}
body .wpb_close_btn.wpb-close-option {
position: absolute;
top: 0;
right: 0;
width: 35px;
background: #dc3b29;
height: 35px;
line-height: 35px;
text-align: center;
z-index: 9;
cursor: pointer;
font-size: 0;
right: 5%;
top: 5%;
}
body .wpb_close_btn.wpb-close-option:after {
font-size: 18px;
}
.bottom-history .column_visual {
text-align: center;
}
.bottom-history .column_visual h1 {
font-size: 50px;
font-weight: 500;
line-height: 20px;
margin: 0;
display: flex;
justify-content: center;
align-items: baseline;
align-content: flex-end;
margin-bottom: 15px;
}
.bottom-history .column_visual h1 strong {
font-size: 30px;
display: inline-block;
margin-bottom: 0;
font-weight: 500;
}
.bottom-history .column_visual span.count_number {
width: 70px;
display: inline-block;
}
.section.mcb-section.about-home .warpper-content {
min-height: 110px;
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: column;
}
.section.mcb-section.about-home .bottom-history .warpper-content {
min-height: 275px;
background: #fff;
box-shadow: 2px 1px 9px rgb(0 0 0 / 20%);
border-radius: 10px;
margin: 10px;
}
.section.mcb-section {
padding: 100px 0!important;
}
.section.mcb-section.about-home .bottom-history .warpper-content p {
margin: 0;
}
.section.mcb-section.our-business {
background-size: 100% auto;
background-position-y: 0px!important;
padding: 0!important;
}
.section.mcb-section.our-business .mcb-wrap-inner {
padding: 12% 0;
}
.section.mcb-section.group-product .column_image img {
width: 100%;
}
.section.mcb-section.group-product .mcb-wrap-inner {
position: relative;
}
.section.mcb-section.group-product .mcb-wrap-inner h3 {
color: #0061eb;
}
.section.mcb-section.group-product .column_image {
position: relative;
}
.section.mcb-section.group-product .column_visual {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.section.mcb-section.group-product .column_visual > a:after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: url(//www.earth-th.com/wp-content/uploads/2023/01/hover-bg-group.png) no-repeat;
opacity: 0;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.section.mcb-section.group-product .mcb-wrap-inner:hover .column_visual > a:after {
opacity: 1;
background-size: 100% 100%;
}
.section.mcb-section.group-product .column_visual h3 {
color: #0061eb;
padding-bottom: 15px;
position: relative;
}
.section.mcb-section.group-product .mcb-wrap-inner:hover .column_visual h3 {
color: #fff;
}
.section.mcb-section.group-product .column_visual .warpper-content p img:nth-child(1) {
display: block;
}
.section.mcb-section.group-product .column_visual .warpper-content p img:nth-child(2) {
display: none;
}
.section.mcb-section.group-product .mcb-wrap-inner:hover  .column_visual .warpper-content p img:nth-child(1) {
display: none;
}
.section.mcb-section.group-product .mcb-wrap-inner:hover  .column_visual .warpper-content p img:nth-child(2) {
display: block;
}
.section.mcb-section.group-product .column_visual {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
color: #fff;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.section.mcb-section.group-product .column_visual .warpper-content {
height: 100%;
margin: 0;
border: 1px solid transparent;
border-radius: 35px;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: flex-end;
padding: 35px 35px 20px;
box-sizing: border-box;
z-index: 2;
}
.section.mcb-section.group-product .column_visual > a {
display: block;
height: 100%;
margin: 90px;
text-decoration: none;
}
.section.mcb-section.group-product .mcb-wrap-inner:hover .column_visual .warpper-content {
border: 1px solid #fff;
z-index: 1;
position: relative;
}
.section.mcb-section.group-product .column_visual h3:after {
content: '';
display: block;
width: 65px;
height: 6px;
background: url(//www.earth-th.com/wp-content/uploads/2023/01/1aw-home6-blue-bg2.png);
background-size: 100% 100%;
border-radius: 3px;
margin-right: 15px;
position: absolute;
left: 0;
bottom: 0;
}
.section.mcb-section.group-product .mcb-wrap-inner:hover .column_visual h3:after {
background: #fff;
}
.section.mcb-section.group-product .column_visual:before {
content: '';
display: block;
width: 47px;
height: 47px;
background: url(//www.earth-th.com/wp-content/uploads/2023/01/white-plus.png);
position: absolute;
left: 0;
right: 0;
margin: auto;
top: calc(50% - 23px);
z-index: 2;
opacity: 0;
}
.section.mcb-section.group-product .mcb-wrap-inner:hover .column_visual:before {
opacity: 1;
}
.section.mcb-section.group-product {
padding: 0!important;
}
.section.mcb-section.expertise .warpper-content {
background: url(//www.earth-th.com/wp-content/uploads/2023/01/branch-bg.png) no-repeat;
background-size: 100%;
width: 826px;
height: 482px;
margin: 0 auto;
box-sizing: border-box;
padding: 5% 10% 0 4%;
}
.section.mcb-section.expertise {
background-size: 100% 100%!important;
}
.section.mcb-section.our-expertise .column_visual:first-child {
margin-bottom: 40px;
}
.head-activity {
padding-top: 80px;
background-position-y: 87px!important;
}
.section.mcb-section.our-expertise {
background-size: 100% 100%!important;
padding-bottom: 0!important;
}
.blog_slider .blog_slider_ul .desc {
position: relative;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
padding: 20px 15px 20px;
text-align: center;
}
.blog_slider .blog_slider_ul li h4 a {
font-size: 19px;
font-weight: 400;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.blog_slider .blog_slider_ul li .item_wrapper .date_label {
position: relative;
font-size: 12px;
padding: 0 0 0 23px;
margin-bottom: 10px;
font-weight: 300;
display: inline-block;
color: #494646;
text-align: center;
background: url(//www.earth-th.com/wp-content/uploads/2024/02/icon-clock.png) no-repeat;
}
.blog_slider .blog_slider_ul li .item_wrapper:after {
content: '';
display: block;
position: absolute;
width: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 0;
background-size: 100% 100%;
opacity: 0;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}
.blog_slider .blog_slider_ul li:hover .item_wrapper:after {
opacity: 1;
}
.section.mcb-section.news {
padding: 0!important;
}
.section.mcb-section.article .item_wrapper {
margin: 20px;
box-shadow: -1px 0px 18px rgb(0 0 0 / 20%);
border-radius: 10px;
overflow: hidden;
}
.section.mcb-section.article .blog_slider .blog_slider_ul li .item_wrapper .date_label, .news-layout .posts_group.grid.col-3 .post-item .description-image .date {
background: url(//www.earth-th.com/wp-content/uploads/2023/01/1aw-home6-blue-bg.png) no-repeat;
display: inline-block;
background-size: 100% 100%;
border-radius: 0;
font-size: 12px;
height: 22px;
padding: 0 10px;
line-height: 23px;
border: 0;
position: absolute;
left: 0;
top: -12px;
color: #fff;
}
.section.mcb-section.article .blog_slider .blog_slider_ul li h4, .news-layout .posts_group.grid.col-3 .post-item .description-image .description {
padding: 20px 50px 10px 25px;
margin: 0;
}
.section.mcb-section.article .blog_slider a.more.text span {
display: none;
}
.section.mcb-section.article .blog_slider a.more.text, .news-layout .posts_group.grid.col-3 .post-item .description-image a.learn-more {
min-height: initial;
background: url(//www.earth-th.com/wp-content/uploads/2023/01/1aw-home6-read-more.png) no-repeat;
width: 34px;
height: 34px;
position: absolute;
right: 10px;
bottom: 20px;
top: initial;
}
.section.mcb-section.article {
padding: 100px 0 0 !important;
}
.section.mcb-section.article .blog_slider .slider_pager {
display: block;
}
.title-section h1 a:nth-child(2) {
float: right;
}
.section.mcb-section.reward .slider_pagination {
display: none;
}
.offer ul.slick-dots {
bottom: 0;
display: flex!important;
justify-content: center;
}
div#Wrapper {
}
#Footer .widgets_wrapper > .container {
}
.section.mcb-section.about-first .mcb-wrap-inner {
position: relative;
}
.section.mcb-section.about-first .mcb-wrap-inner .column_visual:first-child {
position: absolute;
left: 0;
top: 70px;
margin: 0;
}
.section.mcb-section.about-first {
padding-top: 0!important;
padding-bottom: 50px!important;
}
.section.mcb-section.reward {
padding: 50px 0 0!important;
}
.slide-timeline .image_links {
display: none;
}
.slide-timeline .link-product {
display: none;
}
ul.slide-timeline li.item {
position: relative;
padding-top: 100px;
}
ul.slide-timeline li.item h3.title {
position: absolute;
left: 15px;
top: 0;
display: inline-block;
background: #f7f7f7;
}
ul.slide-timeline li.item:before {
content: '';
display: block;
height: 3px;
background: url(//www.earth-th.com/wp-content/uploads/2023/01/line-gradient.png);
background-size: 100%;
position: absolute;
left: 25px;
top: 15px;
right: 0;
}
.slide-timeline .short-desc {
font-size: 14px;
color: #fff;
line-height: 1.3;
font-weight: 300;
}
.slide-timeline .image_wrapper img {
width: 100%;
}
.slide-timeline .item_wrapper {
margin: 0 25px;
}
.section.mcb-section.timeline-history {
background-size: 100% auto!important;
padding: 0!important;
}
.blog_slider .wrapper_timeline .blog_slider_header a.slider_prev, .blog_slider .wrapper_timeline .blog_slider_header a.slider_next {
position: absolute;
bottom: 0;
margin: 0;
width: 37px;
height: 34px;
z-index: 100;
top: -2px;
font-size: 18px;
background: url(//www.earth-th.com/wp-content/uploads/2023/01/bg-gradient.png) no-repeat;
border-radius: 5px;
line-height: 34px;
display: flex;
justify-content: center;
}
.blog_slider .wrapper_timeline a.button .button_icon i {
color: #fff;
}
ul.slide-timeline li.item h3.title a {
font-size: 16px;
color: #005aab;
font-weight: 400;
padding: 8px;
}
.slide-timeline .image_wrapper {
border-radius: 10px;
overflow: hidden;
margin-bottom: 15px;
}
.section.mcb-section.timeline-history .blog_slider {
padding: 0;
}
.section.mcb-section.timeline-history .column_blog {
margin: 0 0 60px;
}
.section.mcb-section.timeline-history .column_visual {
margin-bottom: 20px;
}
.section.mcb-section.company-ghp {
padding: 150px 0 750px!important;
background-size: 100% auto!important;
}
.section.mcb-section.ghp-video {
padding: 0!important;
}
.section.mcb-section.ghp-video img {
width: 100%;
}
.section.vission-mission .mcb-wrap-inner {
display: flex;
align-items: center;
}
.section.vission-mission .column_visual .warpper-content {
padding: 25px;
}
.section.mcb-section.Core-Values .left-content .mcb-wrap-inner {
display: flex;
flex-wrap: wrap;
}
.section.mcb-section.Core-Values .left-content .image_wrapper {
border-radius: 10px;
box-shadow: 2px -2px 18px rgb(0 0 0 / 20%);
}
.section.mcb-section.Core-Values .left-content .column_visual {
display: flex;
align-items: center;
flex-wrap: wrap;
font-weight: 300;
}
.item-pdf .desc {
margin: 0;
position: relative;
padding-top: 15px;
}
.pdf-download h4 {
margin-bottom: 50px;
}
.display-flex .mcb-wrap-inner {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.display-flex .mcb-wrap-inner .column {
display: flex;
align-items: center;
}
.image_item .read-more {
display: none;
}
.section.mcb-section.product-group {
padding: 0!important;
}
.section.mcb-section.product-group img.scale-with-grid {
width: 100%;
}
.section.mcb-section.product-group .image_wrapper .wp-caption-text {
top: initial;
bottom: 10%;
left: 15%;
right: initial;
z-index: 1;
}
.section.mcb-section.product-group .image_wrapper > a:after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: url(//www.earth-th.com/wp-content/uploads/2023/01/hover-bg-group.png) no-repeat;
opacity: 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
background-size: 100% 100%;
z-index: 0;
}
.section.mcb-section.product-group .image_wrapper:hover > a:after {
opacity: 1;
}
div#Header_wrapper {
background: none!important;
}
.section.mcb-section.product-service .image_links {
display: none;
}
.posts_group.grid.col-4 .post-item .image_frame {
width: auto;
border-radius: 0;
background: none;
margin: 0px 10px 20px;
position: relative;
top: 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.posts_group.grid.col-4 .post-item .image_frame:Hover {
top: -35px;
}
.news-layout .description-image a.learn-more {
color: #5b5c5e;
padding: 0;
line-height: initial;
display: flex;
margin: 0 auto 0 0;
font-size: 20px;
order: 3;
align-items: center;
width: 34px;
height: 34px;
background: url(//www.earth-th.com/wp-content/uploads/2023/01/1aw-home6-read-more.png) no-repeat;
position: absolute;
right: 0;
top: 10px;
}
.single-news .image_wrapper {
display: inline-block;
text-align: left;
}
.single-news h1.title-single {
color: #4a4646;
font-size: 24px;
margin-top: 0px;
margin-bottom: 50px;
}
.section.mcb-section.contact-form .contact-1 .warpper-content, .section.mcb-section.contact-form .contact-1 .warpper-content a {
text-align: center;
color: #fff;
}
.section.mcb-section.contact-form .contact-1 .warpper-content {
line-height: 1.1;
}
.contact-2 .column:first-child {
background: #Fff;
border-radius: 100px 0 0 0;
padding: 45px;
box-sizing: border-box;
box-shadow: inset 2px 0 10px rgb(0 0 0 / 75%);
}
form.wpcf7-form .column button[type=submit] {
display: block;
margin: 0 auto;
line-height: 1;
text-transform: capitalize;
font-size: 17px;
padding: 12px 28px 10px;
background: #cc162c;
width: auto;
height: 42px;
border-radius: 21px;
}
form.wpcf7-form .column input.wpcf7-submit {
display: block;
margin: 0 auto;
line-height: 1;
text-transform: capitalize;
font-size: 17px;
padding: 12px 28px 10px;
background: #cc162c;
width: auto;
height: 42px;
border-radius: 21px;
}
.customer-service .column.center span.wpcf7-form-control-wrap input {
width: 22px;
height: 22px;
border-radius: 50%;
overflow: hidden;
margin: -1px;
}
.customer-service .column.center span.wpcf7-form-control-wrap span.wpcf7-list-item {
width: 20px;
height: 20px;
border-radius: 50%;
overflow: hidden;
border: 1px solid #0075ff;
}
.section.mcb-section.equal-height.contact-form {
background-size: 100% 100%!important;
}
.contact-3 .column:last-child {
background: #Fff;
border-radius: 0 0 100px 0;
padding: 85px 45px 45px;
box-sizing: border-box;
box-shadow: inset 2px 0 10px rgb(0 0 0 / 75%);
display: flex;
align-items: center;
}
.contact-3 .column:last-child ul {
margin: 0;
list-style: none;
}
.contact-3 .column:last-child ul li img {
position: absolute;
left: 0;
top: -7px;
}
.contact-3 .column:last-child ul li {
position: relative;
padding-left: 50px;
margin-bottom: 30px;
}
.section.mcb-section.contact-map {
padding-bottom: 0px!important;
}
.section.mcb-section.contact-map h3 span {
background: url(//www.earth-th.com/wp-content/uploads/2023/01/line-gradient.png);
background-repeat: no-repeat;
background-size: 100% 3px;
background-position-y: 100%;
padding-bottom: 5px;
display: inline-block;
}
.blog_slider .blog_slider_ul:after {
content: '';
display: block;
clear: both;
}
.blog_slider .top-description {
text-align: center;
}
.blog_slider .blog_slider_ul li .item_wrapper .post-excerpt br {
display: none;
}
.bottom-description a.more {
}
.bottom-blog a.more {
margin: 0 auto;
}
body a.more:hover {
color: #fff;
text-decoration: underline;
}
.bottom-blog {
margin-top: 40px;
}
.portfolio_slider_ul .profile-detail {
text-align: center;
}
.portfolio_slider_ul .profile-detail .title {
font-size: 18px;
font-weight: 500;
margin-bottom: 10px;
}
.portfolio_slider_ul .profile-detail .description {
font-size: 16px;
}
.portfolio_slider_ul .profile-detail .category, .portfolio-item .description .category {
font-size: 20px;
line-height: 2;
}
.section.mcb-section.home3 h2 {
color: #fff;
}
.section.mcb-section.home3 a.more {
margin: 0 auto;
color: #0f76a0!important;
background: #fff;
}
.portfolio_slider ul.slick-slider {
opacity: 1;
max-height: none;
zoom: 1;
padding: 0;
box-sizing: border-box;
}
.portfolio_slider ul li .image_frame {
border: 0;
margin-bottom: 0;
padding: 0 10px;
}
ul.clients .client_wrapper img {
max-width: 100%;
}
img.scale-with-grid {
contain-intrinsic-size: initial !important;
}
.column_accordion {
}
.accordion .question.active .title, .accordion .question .answer, .accordion .question .title {
color: #4b4c49!important;
}
.section.mcb-section.home5 h2:first-child {
padding-bottom: 40px;
}
.section.mcb-section.home5 {
background-position: center bottom!important;
}
html body {
font-size: 17px;
font-weight: 300;
}
body strong {
font-weight: 400;
}
body #Footer a, body #Footer a:hover {
color: #04439f;
text-decoration: none;
}
.blog_slider .blog_slider_ul li .item_wrapper:Hover {
}
.section.the_content.no_content .the_content_wrapper {
margin: 0;
}
.section.mcb-section.product-service .description-image {
margin-top: -100px;
background: #fff;
z-index: 1;
position: relative;
padding-top: 30px;
margin-left: 15px;
margin-right: 15px;
}
body.home div#Content {
background: none;
}
.section.mcb-section.portfolio ul.categories {
text-align: center;
}
.section.section-post-intro-share {
display: none;
}
.join-us .visual-title {
font-size: 18px;
color: #00a650;
padding: 12px 20px;
cursor: pointer;
position: relative;
border: 1px solid #00a650;
border-radius: 30px;
padding-left: 50px;
}
.custom-tab.active .warpper-content {
display: block;
}
.custom-tab.active .warpper-content p {
margin: 0;
}
.column_visual.custom-tab {
margin-bottom: 20px;
}
.join-us .warpper-content {
padding: 20px 35px 20px 45px;
display: none;
background: url(//www.earth-th.com/wp-content/uploads/2023/03/a-icon.png) no-repeat 0 18px;
}
.custom-tab .visual-title:after {
content: '+';
}
.custom-tab.active .visual-title:after {
content: '-';
}
.custom-tab .visual-title:after {
position: absolute;
font-size: 40px;
right: 10px;
width: 33px;
height: 33px;
background: #00a650;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
top: 8px;
}
.contact-address ul {
margin-bottom: 50px!important;
}
.contact-address li {
padding-bottom: 15px;
}
.contact-address ul, .contact-address li {
list-style: none!important;
margin-left: 0!important;
position: relative;
}
.contact-address li img {
position: absolute;
left: 0;
top: -16px;
}
.contact-address li {
padding-left: 60px;
margin-bottom: 20px!important;
}
.contact-address li strong {
margin-bottom: 15px;
display: inline-block;
}
body h3 {
font-size: 20px;
font-weight: 400;
}
.contact-address {
padding-top: 20px;
}
body .wpcf7 form .wpcf7-response-output {
clear: both;
}
.section.mcb-section.contact2 {
padding-top: 0!important;
}
.clients_slider_ul ul.slick-dots {
display: none!important;
}
.column_image_gallery .gallery {
display: flex;
flex-wrap: wrap;
display: block;
overflow: visible;
}
.column_image_gallery .gallery > div.blog_slider {
width: 100%;
}
.column_image_gallery .gallery > div {
width: 20%;
padding: 0;
box-sizing: border-box;
}
.column_image_gallery .gallery.gallery-columns-4 > div {
width: 25%;
margin: 0 0 14px;
}
.column_image_gallery .gallery > div .gallery-icon {
display: flex;
justify-content: center;
}
.section.mcb-section.home3 .one-fourth.column_visual {
text-align: center;
color: #fff;
}
.section.mcb-section.home3 .one-fourth.column_visual p {
margin: 0;
line-height: 1.4;
}
.section.mcb-section.home2 {
padding: 0!important;
}
.section.mcb-section.home3 {
padding-bottom: 150px!important;
background-size: 100% auto;
}
.section.mcb-section.home4 {
padding: 0!important;
}
.flex-direction-nav a {
font-size: 0;
}
body .flex-direction-nav .flex-prev {
left: 0;
opacity: 1;
visibility: visible;
}
body .flex-direction-nav .flex-prev:after {
content: '\e8b8';
font-family: "mfn-icons";
font-size: 36px;
display: block;
}
body .flex-direction-nav .flex-next {
right: 0;
opacity: 1;
visibility: visible;
}
body .flex-direction-nav .flex-next:after {
content: '\e916';
font-family: "mfn-icons";
font-size: 36px;
display: block;
}
body .flex-direction-nav .flex-prev, body .flex-direction-nav .flex-next {
display: flex;
align-items: center;
justify-content: center;
color: #cbcbcb;
}
body .flex-direction-nav .flex-disabled {
opacity: 0.8!important;
}
body .flexslider:hover .flex-direction-nav .flex-prev {
left: 0;
}
body .flexslider:hover .flex-direction-nav .flex-next {
right: 0;
}
.flexslider .slides .desc {
margin: 15px;
box-shadow: 3px 5px 9px rgb(0 0 0 / 40%);
padding: 10px;
box-sizing: border-box;
border-radius: 20px;
display: flex;
background: #fff;
}
.flexslider .slides .excerpt {
padding: 30px;
}
.address-contact ul {
margin: 0!important;
list-style: none!important;
}
.address-contact ul a {
display: flex;
align-items: center;
}
.address-contact ul a img {
margin-right: 10px;
}
.address-contact p img {
vertical-align: -13px!important;
display: inline-block;
margin-right: 10px;
}
.section.mcb-section.home6 {
padding-bottom: 40px!important;
}
body .column_visual h3 {
margin-bottom: 15px;
}
.section.mcb-section.about-1 {
padding-bottom: 0!important;
}
.section.mcb-section.about-3 .one-fourth img {
margin-bottom: 20px;
}
.section.mcb-section.home3.about-3 {
padding-bottom: 40px!important;
}
ul.offer_ul li {
text-align: center;
display: flex!important;
flex-wrap: wrap;
}
ul.offer_ul li .image_wrapper {
order: 1;
width: 60%;
}
ul.offer_ul li .desc img {
margin: 0;
}
ul.offer_ul li h3 {
color: #34a865;
}
ul.offer_ul li .desc {
text-align: left;
min-height: 175px;
overflow: auto;
}
ul.offer_ul .desc_wrapper {
padding-top: 15px;
width: 40%;
}
ul.offer_ul li img {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.section.mcb-section.join-us {
padding: 0!important;
}
.section.mcb-section.create-brand1 {
padding-bottom: 0!important;
}
.section.mcb-section.create-brand2 {
padding-bottom: 0!important;
}
.section.mcb-section.create-brand3 {
padding: 50px 0 0!important;
}
.column_visual.custom-tab .visual-title i {
width: 29px;
height: 27px;
display: block;
background: url(//www.earth-th.com/wp-content/uploads/2023/03/q-icon.png);
position: absolute;
left: 15px;
top: 10px;
}
.section.mcb-section.trand .posts_group.grid.col-3 .post-item:first-child {
width: 100%;
}
.section.mcb-section.trand .posts_group.grid.col-3 .post-item:first-child .box-image, .section.mcb-section.trand .posts_group.grid.col-3 .post-item:first-child .description-image {
width: 50%;
}
.section.mcb-section.trand .posts_group.grid.col-3 .post-item:first-child .image_wrapper {
display: flex;
align-items: center;
justify-content: flex-start;
border-radius: 20px;
border: 1px solid #00a650;
}
.section.mcb-section.trand .posts_group.grid.col-3 .post-item:first-child .description-image {
text-align: left;
padding: 40px;
box-sizing: border-box;
margin: 0;
}
.section.mcb-section.trand .posts_group.grid.col-3 .post-item:first-child .box-image {
border-radius: 20px;
overflow: hidden;
}
.post-item .post-photo-wrapper .box-image {
overflow: hidden;
}
.posts_group.grid.col-3 .post-item {
width: 33.33%;
margin: 0 0 20px;
position: relative !important;
top: initial !important;
}
.timeline_items li h3:before, .timeline_items:after, .timeline .post-item:before {
border-color: #00a650!important;
}
.timeline .post-item .image_frame {
width: 100%;
border: 0;
display: flex;
align-items: flex-start;
}
.timeline .post-item .image_frame .image_wrapper {
border-radius: 20px;
overflow: hidden;
}
.timeline .post-item .post-head {
display: none;
}
.timeline .post-item .description {
margin-bottom: 40px;
}
.food-list ul {
margin: 0!important;
list-style: none!important;
display: flex;
flex-wrap: wrap;
}
.food-list ul li {
width: 15%;
border: 1px solid #00a650;
border-radius: 20px;
box-sizing: border-box;
margin: 0 8px 15px!important;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
flex-direction: column;
height: 235px;
}
.food-list ul li img {
margin-bottom: 10px;
}#Side_slide #menu ul li.lang-item {
width: auto;
border: 0;
}
#Side_slide #menu ul li.lang-item {
width: auto;
border: 0;
}
.client_wrapper img {
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.client_wrapper:hover img {
transform: scale(1.1);
}
.gallery a:hover img {
}
.gallery a {
overflow: hidden;
display: block;
}
.gallery a img {
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.section.mcb-section.home3 .column_visual img {
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.section.mcb-section.home3 .column_visual img:hover {
transform: scale(1.1);
}
.section.mcb-section.home3 .one-fourth.column_visual p:first-child img {
margin: 0 0 20px;
}
.flexslider .slides .desc img:hover {
transform: scale(1.1);
}
.flexslider .slides .desc {
overflow: hidden;
}
.flexslider .slides .desc img, .item-pdf img {
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.section.mcb-section.home3 .one-fourth.column_visual:nth-child(2) p,
.section.mcb-section.home3 .one-fourth.column_visual:nth-child(3) p,
.section.mcb-section.home3 .one-fourth.column_visual:nth-child(4) p,
.section.mcb-section.home3 .one-fourth.column_visual:nth-child(5) p {
color: #323232;
}
.blog_slider .blog_slider_ul li .item_wrapper .image_frame {
}
.reward-img ul {
margin: 0 0 60px!important;
list-style: none!important;
display: flex;
flex-wrap: nowrap;
justify-content: space-around;
text-align: center;
}
.section.Why-Choose-Us ul {
list-style: none!important;
margin: 0!important;
}
.section.Why-Choose-Us .section_wrapper.mcb-section-inner {
display: flex;
align-items: center;
}
.section.Why-Choose-Us .one.column_visual {
padding: 50px;
box-sizing: border-box;
}
.section.Why-Choose-Us ul li {
position: relative;
padding-left: 70px;
}
.section.Why-Choose-Us ul li img {
position: absolute;
left: 0;
top: 0;
}
#Footer .widgets_wrapper .textwidget p img, #Footer .widgets_wrapper .textwidget li img, #Footer .widgets_wrapper .textwidget li a img {
position: relative;
top: -3px;
}
.title-section.white h1 {
color: #fff;
}
.section.mcb-section.the-solution .section_wrapper.mcb-section-inner {
padding: 0 60px;
box-sizing: border-box;
color: #fff;
}
.section.mcb-section.the-solution .warpper-content br {
display: none;
}
.section.mcb-section.the-solution h3 {
color: #fff;
}
.section.mcb-section.Market-Size {
background-position: 10% 60%!important;
background-size: auto!important;
}
body .accordion_wrapper {
padding: 0;
}
.accordion .question.active .title > .acc-icon-minus:after {
content: '';
display: block;
height: 2px;
width: 12px;
background: #fff;
top: 9px;
position: relative;
left: 0;
right: 0;
margin: 0 auto;
}
.accordion .question.active .title > .acc-icon-minus:before {
content: '\e868';
display: block;
top: 0;
position: relative;
left: 0;
right: 0;
}
.accordion .question .title > .acc-icon-plus:after {
content: '\e916';
display: block!important;
}
body .column_visual h3 img {
vertical-align: -10px!important;
}
.testimonials_list .item blockquote:before, .Testimonials-box .column_visual:before {
content: '';
display: inline-block;
width: 30px;
height: 30px;
background: #e7e9ee;
position: absolute;
left: 0;
top: 0;
}
.testimonials_list .item:nth-child(even) blockquote:before, .Testimonials-box .column_visual:nth-child(even):before {
background: #000;
}
.Testimonials-box .column_visual {
position: relative;
margin-bottom: 25px;
padding-left: 50px;
box-sizing: border-box;
padding-right: 15px;
}
.Testimonials-box .mcb-wrap-inner {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.Testimonials-box .column_visual strong {
font-size: 21px;
color: #000;
}
.testimonials_list .item {
overflow: hidden;
width: 33.33%;
margin: 0 0 30px;
}
.testimonials_list {
display: flex;
flex-wrap: wrap;
}
.section.mcb-section.testimonial {
padding-bottom: 0!important;
}
.section.mcb-section.conntact h2 {
margin: 0 0 10px;
}
.section.mcb-section.Send-us-a-message * {
color: #fff;
}
.section.mcb-section.Send-us-a-message a {
text-decoration: underline;
}
.section.mcb-section.conntact p img {
vertical-align: middle!important;
}
.author.post-author {
display: none;
}
.download-now {
margin-bottom: 30px;
}
.product-page h1.entry-title {
font-size: 33px;
margin-bottom: 30px;
}
.one-second.column.product-detail {
padding-left: 60px;
box-sizing: border-box;
}
.post-wrapper-content h1 {
margin-bottom: 60px;
}
.single-photo-wrapper img.scale-with-grid {
width: 100%;
}
.section.the_content.has_content {
margin-bottom: 80px;
}
.related-product.grid .single-photo-wrapper {
margin-bottom: 30px;
}
.related-product.grid .grid .post-desc-wrapper .post-desc h2.entry-title {
margin-bottom: 20px;
}
.reward-img ul li img {
display: block;
margin: 0 auto;
}
#Footer .widgets_wrapper .textwidget, #Footer .widgets_wrapper .textwidget a {
color: #000;
font-size: 18px;
font-weight: 400;
}
#Footer .widgets_wrapper .column {
width: 33.33%;
margin: 0;
padding: 0 15px;
box-sizing: border-box;
}
.sections_group.category_list .posts_group.grid.col-3 .post-item:nth-child(3n + 1) {
clear: left;
}
.blog_slider .blog_slider_ul li .item_wrapper img.scale-with-grid {
height: auto!important;
object-fit: contain !important;
width: 100%;
display: block;
margin: 0 auto;
background: #fff;
}
.section.mcb-section.home-about-us {
padding-bottom: 0!important;
background-position-y: calc(100% + 60px)!important;
}
body .progress_bars .bars_list li .bar .progress {
background-color: #2468c1;
background-image: initial;
border-radius: 4px;
overflow: hidden;
}
.progress-country .progress_bars .bars_list li h6:before {
content: '';
display: inline-block;
width: 50px;
height: 50px;
background: url(//www.earth-th.com/wp-content/uploads/2023/08/icon-curntry.png);
vertical-align: middle;
margin-right: 15px;
}
.progress-office .progress_bars .bars_list li h6:before {
content: '';
display: inline-block;
width: 50px;
height: 50px;
background: url(//www.earth-th.com/wp-content/uploads/2023/08/icon-office.png);
vertical-align: middle;
margin-right: 15px;
}
.progress-staff .progress_bars .bars_list li h6:before {
content: '';
display: inline-block;
width: 50px;
height: 50px;
background: url(//www.earth-th.com/wp-content/uploads/2023/08/icon-staff.png);
vertical-align: middle;
margin-right: 15px;
}
.progress-industry .progress_bars .bars_list li h6:before {
content: '';
display: inline-block;
width: 50px;
height: 50px;
background: url(//www.earth-th.com/wp-content/uploads/2023/08/icon-industry.png);
vertical-align: middle;
margin-right: 15px;
}
.service-circle {
position: relative;
}
.service-circle .column_image {
position: relative;
left: 0;
top: 0;
right: 0;
margin: 0 auto;
z-index: 0;
}
.service-circle .column_visual {
position: absolute;
bottom: -17px;
left: 0;
right: 0;
margin: 0px 18%;
background: #fff;
padding: 30px 20px 0px;
box-sizing: border-box;
border-radius: 10px;
width: auto;
box-shadow: 0 10px 18px hsl(0deg 0% 0% / 8%);
color: #004caa;
}
.service-circle .column_visual .warpper-content {
position: relative;
}
.service-circle .column_visual .warpper-content p:first-child img {
position: absolute;
left: -13px;
top: -60px;
}
.service-circle .column_visual .warpper-content p {
margin: 0;
}
.white-text {
color: #fff;
}
.title-section.white-text h1 strong {
color: #fff;
}
.title-section.white-text h1 strong:after {
background: #fff;
}
.service-circle {
margin-bottom: 50px;
}
.section.mcb-section.home-service .section-decoration.bottom {
height: 70%!important;
background-image: initial!important;
background-color: #ccc;
}
.section.mcb-section.home-service {
background-size: 100%!important;
padding-top: 40px!important;
}
#Footer .widgets_wrapper .column:nth-child(3) ul {
}
.zeus.tparrows {
border: 1px solid #fff;
}
.head-tab-slide ul {
margin: 40px 0 0!important;
list-style: none!important;
display: flex;
align-items: center;
justify-content: center;
}
.head-tab-slide ul li {
font-size: 20px;
padding: 10px 30px;
border: 1px solid #fff;
border-radius: 17px;
margin: 0 7px;
cursor: pointer;
}
.head-tab-slide ul li.active {
background: #fff;
color: #044aa3;
}
.slide-tab-content .column_blog_slider {
display: none;
}
.slide-tab-content .column_blog_slider.active {
display: block;
}
.bottom-description {
display: none;
justify-content: space-around;
flex-wrap: wrap;
margin: 15px 0 0;
}
.section.mcb-section.home-news {
padding-bottom: 0!important;
background-size: cover!important;
}
.head-tab-slide a {
position: absolute;
right: 0;
top: 47px;
}
body.header-fixed #Top_bar .menu > li > a {
padding: 0;
text-decoration: none;
}
.section.about-sec-3 .image_wrapper img {
width: 100%;
}
.section.about-sec-3 {
padding: 0!important;
}
.section.mcb-section.about-sec-4 .warpper-content, .section.mcb-section.about-sec-4 .warpper-content h1 {
color: #fff;
}
.table-values ul li {
width: 50%;
border: 1px solid;
margin: 0!important;
text-align: center;
border-top: 0;
border-right: 0;
box-sizing: border-box;
height: 100px;
}
.table-values ul {
list-style: none!important;
margin: 0!important;
display: flex;
flex-wrap: wrap;
align-items: self-start;
justify-content: center;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
.table-values ul li img {
margin-top: 18px;
}
.section.mcb-section.about-sec-5 {
padding: 100px 0!important;
background-size: 60px;
}
.section.mcb-section.about-sec-6 {
background: #eceff4;
padding: 0!important;
}
.cat-image {
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.image-category-list {
display: flex;
flex-wrap: wrap;
align-items: self-start;
}
.image-category-list .item {
width: 33.33%;
}
.cat-image .icon-image {
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
text-align: center;
color: #fff;
font-size: 33px;
}
.cat-image .icon-image span {
margin-top: 40px;
display: block;
}
.cat-image > a {
display: flex;
align-items: center;
}
.cat-image img {
width: 100%;
}
.cat-image > a {
position: relative;
z-index: 1;
}
.cat-image > a:before {
z-index: 0;
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
background: rgb(0 76 170 / 90%);
opacity: 0;
visibility: hidden;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}
.cat-image > a:hover:before {
opacity: 1;
visibility: visible;
}
.section.mcb-section.category-service {
padding: 0!important;
}
.section.mcb-section.category-service p {
margin: 0;
}
.cat-image .icon-image img {
width: 216px;
border-bottom: 4px solid #fff;
padding-bottom: 40px;
}
.posts_group.lm_wrapper.grid.col-5 {
display: flex;
flex-wrap: wrap;
}
.posts_group.lm_wrapper.grid.col-5 .image_wrapper img.scale-with-grid {
height: 245px !important;
margin: 0; }
.posts_group.lm_wrapper.grid.col-5 .image {
overflow: hidden;
}
.posts_group.lm_wrapper.grid.col-5 .image_wrapper {
width: 400px;
}
.posts_group.grid.col-5 .post-item {
width: 20%;
margin: 0;
padding: 3px;
}
.posts_group.grid.col-5 .post-item .post-desc-wrapper {
position: absolute;
left: 0;
bottom: 0;
right: 0;
margin: 0;
background: rgb(255 255 255 / 80%);
height: 48px;
display: flex;
justify-content: center;
align-items: center;
padding: 0 10px;
box-sizing: border-box;
border-radius: 0;
}
.posts_group.grid.col-5 .post-item .post-desc-wrapper a.more {
display: none;
}
.post-head {
display: none;
}
.pager a.next_page .icon-right-open:before {
content: '\e916';
}
.pager a.prev_page .icon-left-open:before {
content: '\e8b8';
}
.grid.col-5 .description-image .description {
display: none;
}
.single-product h1.title-single {
text-align: left;
display: flex;
flex-wrap: nowrap;
align-items: baseline;
margin: 0 0 10px;
}
.single-product .product-size {
margin-bottom: 15px;
}
h1.title-single span {
}
a.download-now, a.download-now:hover {
display: inline-block;
padding: 12px 20px 10px;
background: #004caa;
color: #fff;
margin-left: auto;
font-size: 18px;
letter-spacing: 1px;
margin-bottom: 0;
}
.gallery-icon:after {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgb(57 181 77 / 24%) url(//www.earth-th.com/wp-content/uploads/2023/09/icon-zoom.png) center center no-repeat;
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.gallery a:hover .gallery-icon:after {
visibility: visible;
opacity: 1;
}
.gallery-icon {
position: relative;
}
.address-contact ul li img {
position: absolute;
left: 10px;
top: calc(50% - 21px);
}
.address-contact ul li {
position: relative;
box-shadow: 5px 0 15px hsl(0deg 0% 0% / 10%);
padding: 15px 10px 15px 65px;
display: flex;
flex-wrap: wrap;
align-items: center;
line-height: 1.5;
border-radius: 20px;
margin-bottom: 35px!important;
}
.address-contact ul li br {
display: none;
}
.address-contact ul li strong {
color: #004caa;
text-transform: uppercase;
display: block;
width: 100%;
}
.section.mcb-section.contact-content {
padding-bottom: 0!important;
}
.service-circle:hover .image_wrapper img.scale-with-grid {
-moz-transform: scale(1.1)!important;
-webkit-transform: scale(1.1)!important;
-o-transform: scale(1.1)!important;
transform: scale(1.1)!important;
}
.top-description .category {
color: #00a650;
display: none;
}
.top-description * {
font-size: 18px;
font-weight: 400;
line-height: 1.6;
}
.blog_slider .top-description .category {
margin-bottom: 10px;
display: none;
}
.promo-head ul {
margin: 0!important;
list-style: none!important;
display: flex;
justify-content: space-around;
}
.section.mcb-section.promotion h2 {
color: #fff;
padding-bottom: 30px;
}
.column_image_gallery .gallery > div.gallery_slide {
width: 100%;
max-width: 985px;
margin: 0 auto;
}
.gallery_slide .blog_slider .blog_slider_header a {
border: 2px solid #fff!important;
top: calc(50% - 16px)!important;
}
.gallery_slide .blog_slider .blog_slider_header a .button_icon i {
color: #fff;
}
.gallery_slide .blog_slider .slider_pager {
margin-top: 30px;
}
.gallery_slide .slider_pagination a {
border: 2px solid #fff;
}
.gallery_slide .slider_pagination li.slick-active a {
border: 2px solid #00a650;
}
.blog_slider .slider_pager ul.slick-dots {
position: relative;
margin-top: 0;
display: flex;
align-items: center;
justify-content: center;
}
.section.mcb-section.why-us {
padding-bottom: 0!important;
}
.column_image_gallery .gallery.gallery-columns-6 > div {
width: 16.6666%;
}
.column_image_gallery .gallery.flat {
display: flex;
flex-wrap: wrap;
}
.section.mcb-section.review .wrap.mcb-wrap:first-child {
padding: 45px 0;
}
.section.mcb-section.review h2 {
color: #fff;
}
.section.mcb-section.video {
padding: 0!important;
}
.section.mcb-section.review {
padding-top: 0!important;
padding-bottom: 40px!important;
}
.section.mcb-section.client {
padding: 0!important;
}
.section.mcb-section.client ul {
}
#Footer .widgets_wrapper .column:first-child {
width: 100%;
text-align: center;
margin-bottom: 30px;
}
#Footer .widgets_wrapper .column:last-child {
display: flex;
justify-content: center;
width: 100%;
}
.section.mcb-section.promotion {
padding-bottom: 50px!important;
}
body #Footer .footer_copy .copyright a:hover {
text-decoration: underline;
}
.section.mcb-section.our-product {
padding-top: 40px!important;
}
.posts_group .description {
padding: 15px;
text-align: center;
}
.box-image .image_links {
display: none;
}
.single-product .detail .category {
color: #39b54d;
margin-bottom: 15px;
}
.single-product .detail .price {
justify-content: flex-start;
}
.single-product .detail ul.download li {
margin-bottom: 20px;
}
.single-product .detail ul.download {
padding-top: 30px;
}
.single-product {
padding-top: 80px;
}
div#carousel-nav ul.flex-direction-nav li a.flex-prev {
left: -40px;
}
div#carousel-nav ul.flex-direction-nav li a.flex-next {
right: -40px;
}
.post-wrapper-content .section_wrapper h2 {
text-align: center;
font-size: 34px;
margin-bottom: 40px;
}
body .post-related a.button .button_label {
background: #00a650 url(//www.earth-th.com/wp-content/uploads/2023/09/icon-arrow-right.png) no-repeat;
background-position: 93% center;
padding-right: 40px;
}
.image_frame .image_wrapper {
}
.post-related .bottom-description a.more {
background: #00a650 url(//www.earth-th.com/wp-content/uploads/2023/09/icon-arrow-right.png) no-repeat!important;
background-position: 94% center!important;
padding-right: 40px;
font-size: 19px;
}
.home-2 .section_wrapper.mcb-section-inner {
max-width: 1220px!important;
margin: 0 auto!important;
float: none;
width: auto!important;
}
.section.mcb-section.home-3 .mcb-section-inner {
background: #f2f5f9;
padding: 0;
box-sizing: border-box;
}
.full-img img.scale-with-grid {
width: 100%;
}
.section.mcb-section.home-3 .column:last-child .warpper-content {
padding: 35px;
}
.blog_slider .bottom-description {
display: grid;
}
.section.mcb-section.news .wrap.mcb-wrap:last-child .mcb-wrap-inner {
display: flex;
align-items: center;
box-shadow: 2px 0px 10px 1px rgb(0 0 0 / 16%);
position: relative;
z-index: 1;
background: #f2f5f9;
}
.section.mcb-section.news .wrap.mcb-wrap:last-child .mcb-wrap-inner .column.mcb-column {
margin-bottom: 0;
}
.section.mcb-section.news .wrap.mcb-wrap:last-child .mcb-wrap-inner .column {
margin: 0;
}
.section.mcb-section.news .wrap.mcb-wrap:last-child .mcb-wrap-inner .column_image img.scale-with-grid {
width: 100%;
max-width: initial;
}
.section.mcb-section.news .wrap.mcb-wrap:last-child .mcb-wrap-inner .column.mcb-column.column_visual {
padding: 30px;
}
#Footer .widgets_wrapper .textwidget ul li {
margin: 0 15px;
}
#Footer .widgets_wrapper .textwidget ul {
display: flex;
justify-content: center;
}
.section.mcb-section.home-3 .mcb-wrap-inner {
display: flex;
align-items: center;
}
.section.mcb-section.about-section-2 .warpper-content {
color: #fff;
font-size: 20px;
line-height: 1.2;
}
.section.mcb-section.home-2.service .warpper-content {
color: #fff;
}
.partners-list .column_visual {
box-shadow: 0 3px 9px rgb(0 0 0 / 10%);
background: #fff;
padding: 120px 20px 120px 130px;
box-sizing: border-box;
min-height: 325px;
position: relative;
z-index: 0;
}
.section.mcb-section.our-partners-2 .mcb-wrap-inner {
display: flex;
align-items: center;
}
.partners-list .column_image .image_wrapper img.scale-with-grid {
margin-left: auto;
display: block;
margin-right: -70px;
}
.partners-list .column_image {
position: relative;
z-index: 1;
}
.partners-list .column_image .image_wrapper {
overflow: visible;
}
.partners-list {
margin-bottom: 40px;
position: relative;
margin-left: -70px;
}
.partners-list:before {
content: '';
width: 55px;
height: 55px;
background: #5683ba;
position: absolute;
right: 30px;
top: 30px;
z-index: 1;
visibility: visible;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 20px;
}
.partners-list:nth-child(1):before {
content: '1';
}
.partners-list:nth-child(2):before {
content: '2';
}
.partners-list:nth-child(3):before {
content: '3';
}
.partners-list:nth-child(4):before {
content: '4';
}
.partners-list:nth-child(5):before {
content: '5';
}
#Side_slide #menu ul li:after {
content: '';
display: block;
height: 1px;
width: 100px;
background: #ccc;
margin: 0 auto;
}
#Side_slide #menu ul li.lang-item:after {
display: none;
}
.title-section h3 a {
margin-left: auto;
display: block;
}
.section.about-home .one-second.column_visual .warpper-content {
margin-left: 38%;
}
.read-more a {
background: #cc162c;
color: #fff;
padding: 10px 15px;
border-radius: 20px;
font-weight: normal;
text-shadow: initial;
letter-spacing: 1px;
font-size: 15px;
}
.warpper-content * {
text-shadow: initial;
}
ul.clients .client_wrapper img.scale-with-grid {
}
ul.offer_ul li .desc strong {
color: #0183d6;
text-shadow: 0 0 #0183d6;
}
div#Header_wrapper.sticky {
z-index: 2;
}
ul.offer_ul .desc_wrapper .title {
display: none;
}
ul.offer_ul > a.button span.button_icon {
display: none;
}
ul.offer_ul li .image_wrapper:Hover img.scale-with-grid {
transform: rotate(-5deg);
}
.column_visual.right-bullet {
position: absolute;
right: 50px;
top: 50%;
width: auto;
margin: 0;
}
.section.mcb-section.offer .section_wrapper.mcb-section-inner, .section.mcb-section.offer .mcb-wrap {
position: static;
}
.section.mcb-section.offer {
padding-bottom: 30px!important;
}
.title-section h2 {
font-family: 'PatrickHand-Regular';
font-size: 42px;
display: flex;
align-items: center;
justify-content: center;
}
.title-section h3 {
font-family: "Prompt", Arial, Tahoma, sans-serif;
font-size: 30px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
text-transform: uppercase;
}
.title-section h3 strong {
display: inline-block;
border-bottom: 3px solid #cc162c;
padding-bottom: 13px;
}
.title-section h2 img {
display: block;
margin: 0;
}
.section.mcb-section.news-media h2 {
color: #fff;
}
.section.mcb-section.news-media {
background-size: 100%;
padding-bottom: 0 !important;
background-color: #86b7db !important;
padding-top: 0 !important;
background-size: cover !important;
}
.blog_slider .blog_slider_header a.slick-arrow span.button_icon {
display: none;
}
.our-media {
position: relative;
}
.our-media button.slick-arrow {
top: 50%;
}
.our-media .slick-list.draggable {
overflow: visible;
max-width: 550px;
margin: 0 auto;
padding: 40px 0;
}
.our-media .slick-list .warpper-content {
width: 430px;
}
.our-media .slick-initialized .slick-slide {
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
-ms-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
}
.our-media .slick-initialized .slick-slide.slick-active {
transform: scale(1.4);
}
.our-media .column.mcb-column.one.column_video {
margin: 0!important;
display: flex;
justify-content: flex-end; position: relative;
z-index: 0;
}
.our-media .column.mcb-column.one.column_video.slick-active {
justify-content: center;
right: 0;
left: 0;
z-index: 1;
}
.our-media .column.mcb-column.one.column_video.slick-active + .column_video {
justify-content: flex-start; }
.our-media .mcb-wrap-inner {
overflow: hidden;
padding: 50px 40px;
}
#Footer .widgets_wrapper .column:first-child ul {
display: flex;
justify-content: space-between;
margin: 135px 0 0;
}
#Footer .widgets_wrapper .column:last-child ul:first-child {
margin: 0 0 10px;
}
.section.mcb-section.news-media .column_slider_plugin {
position: absolute;
width: 100%;
top: 0;
left: 0;
right: 0;
z-index: 0;
}
.section.mcb-section.faq .column_icon_box {
background: url(//www.earth-th.com/wp-content/uploads/2025/01/icon-bg.png) no-repeat;
display: flex;
align-items: center;
justify-content: center;
background-size: 100%;
padding: 20px 30px 30px;
box-sizing: border-box;
color: #0183d6;
margin-bottom: 25px;
cursor: pointer;
}
.section.mcb-section.faq .column_icon_box h4 {
color: #0183d6;
margin: 0;
}
.section.mcb-section.faq .column_icon_box .image_wrapper {
margin: 0;
}
.section.mcb-section.faq .accordion .question .title {
box-shadow: 2px 1px 9px rgb(28 28 28 / 25%);
padding: 20px 30px;
border-radius: 20px !important;
overflow: hidden;
font-size: 20px;
margin: 0 10px;
color: #0183d6 !important;
}
.section.mcb-section.faq .accordion .question .answer {
background: none;
padding: 20px 30px;
border-left: 2px solid #cc162c;
margin: 20px 40px 10px;
font-weight: normal;
}
.faq .question:before, .faq .question:after {
display: none!important;
}
.section.mcb-section.faq .accordion .question .title i.icon-plus:before {
content: '\e916';
}
.section.mcb-section.faq .accordion .question .title i.icon-minus {
}
.section.mcb-section.faq .accordion .question {
margin-bottom: 15px;
background: none;
padding: 10px 0;
border: 0;
}
.accordion .question {
border: 0;
}
.accordion .question .title:after {
content: '\e916';
font-family: "mfn-icons";
font-size: 20px;
color: #000;
position: absolute;
right: 25px;
}
.accordion .question.active .title:after {
content: '\e868';
}
.section.mcb-section.faq .column_accordion {
margin-top: 50px;
display: none;
}
.section.mcb-section.faq .column_accordion.active {
display: block;
}
.section.mcb-section.faq .column_icon_box:hover, .section.mcb-section.faq .column_icon_box.active {
transform: scale(1.1);
}
.contact-tab-head .mcb-wrap-inner {
display: flex;
justify-content: center;
max-width: 900px;
margin: 0 auto;
}
.contact-tab-head .mcb-wrap-inner .column_icon_box {
font-size: 17px;
color: #1e1e1e;
font-weight: 500;
cursor: pointer;
}
.contact-tab-head .mcb-wrap-inner .column_icon_box .image_wrapper {
width: 70px;
height: 70px;
margin: 0 auto 15px;
border-radius: 50%;
padding: 10px;
}
.contact-tab-head .mcb-wrap-inner .column_icon_box.active .image_wrapper, .contact-tab-head .mcb-wrap-inner .column_icon_box:hover .image_wrapper {
background: #bee4fd;
}
.contact-tab-head .mcb-wrap-inner .column_icon_box.active, .contact-tab-head .mcb-wrap-inner .column_icon_box:hover {
color: #0183d6;
}
.contact-company h3 {
font-family: "Prompt", Arial, Tahoma, sans-serif;
font-size: 22px;
font-weight: 600;
position: relative;
}
.contact-company h3 strong {
display: inline-block;
background: #fff;
padding: 0 30px;
}
.contact-company h3:after {
content: '';
display: block;
border-bottom: 1px solid #cbcbcb;
position: absolute;
left: 0;
right: 0;
top: 15px;
z-index: -1;
}
.contact-company {
max-width: 900px;
margin: 0 auto 80px !important;
clear: both;
float: none;
}
.contact-company ul {
margin: 0 0 40px !important;
list-style: none;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}
.contact-company ul li {
display: flex;
align-items: center;
}
.contact-company ul li img {
margin-right: 10px;
}
.contact-tab-content {
display: none;
}
.contact-tab-content.active {
display: block;
}
.section.mcb-section.contact-section-1 {
padding-bottom: 0 !important;
}
.section.mcb-section.contact-section-2 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.contact-social ul {
display: flex;
list-style: none!important;
gap: 20px;
align-items: center;
justify-content: center;
}
.section.mcb-section.news-media .title-section {
margin-top: 40px;
}
.column.job-vacancy {
background: #0183d6;
color: #fff;
margin: 0 0 50px;
padding: 10px;
font-size: 25px;
border-radius: 15px;
text-transform: uppercase;
font-weight: 500;
}
.column.job-vacancy p {
margin-bottom: 0;
}
.job-description .visual-title {
text-align: center;
margin-bottom: 40px;
color: #0183d6;
font-weight: 500;
font-size: 24px;
}
.job-description .title-section {
margin-bottom: 40px;
}
.job-description img {
box-shadow: 13px 10px 45px rgb(72 72 72 / 25%);
border-radius: 15px;
}
.job-description h2 {
line-height: 1.5;
font-weight: 600;
box-shadow: 13px 10px 45px rgb(72 72 72 / 12%);
border-radius: 15px;
padding: 20px;
margin-top: 40px;
margin-left: 12%;
margin-right: 12%;
margin-bottom: 40px;
}
.job-description h2 strong {
font-weight: 200;
}
.job-description .mcb-column.one-second {
margin-bottom: 60px;
}
.column_job .job-title {
padding: 20px 25px;
box-shadow: 13px 10px 45px rgb(72 72 72 / 20%);
border-radius: 15px;
font-size: 20px;
color: #0183d6;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 30px;
display: flex;
align-items: center;
cursor: pointer;
}
.column_job strong {
background: #0183d6;
color: #fff;
padding: 8px 15px;
border-radius: 13px;
text-transform: uppercase;
margin-bottom: 15px;
display: inline-block;
margin-top: 15px;
}
.section.mcb-section.job-list {
padding-top: 0 !important;
padding-bottom: 20px !important;
}
.section.mcb-section.career-1 {
padding-bottom: 30px !important;
}
.number_of_positions {
color: #303030;
margin-left: auto;
font-size: 16px;
margin-right: 60px;
}
.column_job .office {
background: url(//www.earth-th.com/wp-content/uploads/2025/01/job-marker.png) no-repeat left 10px;
padding: 10px 30px 30px;
margin: 0 25px 30px;
border-bottom: 1px solid #a8a8a8;
}
.warpper-job {
margin: 0 25px 0;
display: none;
}
.warpper-job.active {
display: block;
}
.column_job .job-title:after {
content: '\e916';
font-family: "mfn-icons";
font-size: 16px;
color: #000;
position: absolute;
right: 50px;
display: block;
margin: 0;
}
.column_job .job-title.active:after {
content: '\e868';
}
.warpper-job form.wpcf7-form.init h2 {
color: #0183d6;
text-align: center;
margin-bottom: 40px;
margin-top: 60px;
}
.column_job form.wpcf7-form.init {
max-width: 750px;
margin: 0 auto;
}
.column_job form.wpcf7-form.init:after {
content: '';
display: block;
clear: both;
}
.wpcf7 input[type="file"] {
cursor: pointer;
height: 45px;
border-radius: 0;
border-bottom: 0;
background: #f4f4f4 !important;
width: 100%;
margin-bottom: 20px;
opacity: 0;
position: relative;
z-index: 1;
}
.send-product-warranty-card form.wpcf7-form p > label {
color: #0183d6;
font-size: 20px;
}
.customer-service .column.center.consent p {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
.customer-service .column.center {
text-align: center;
margin-top: 20px;
}
.customer-service .column.center span.wpcf7-form-control-wrap {
width: auto;
height: auto;
}
.section.mcb-section.customer-service span.wpcf7-list-item {
margin: 0;
}
label.file-upload {
position: absolute;
z-index: 1;
top: 10px;
margin: 0;
left: 45px;
color: #929292 !important;
}
.column_job form.wpcf7-form .column button[type=submit] {
margin-top: 20px;
}
.section.mcb-section.monetary {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.section.mcb-section.blog-page {
padding-bottom: 0 !important;
}
.section.mcb-section.blog-page {
padding-bottom: 0 !important;
}
.section.mcb-section.media {
padding-bottom: 0 !important;
}
.section.mcb-section.faq {
padding-bottom: 0 !important;
}
.section.mcb-section.contact-section-3 {
padding-bottom: 0 !important;
}
.section.mcb-section.monetary .icon_position_left .image_wrapper {
width: 83px;
}
.section.mcb-section.monetary .icon_position_left .desc_wrapper {
line-height: 1.5;
padding: 0;
}
.section.mcb-section.monetary .icon_position_left h4.title {
font-size: 17px;
color: #0183d6;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 600;
}
.section.mcb-section.monetary .column_visual h3 {
justify-content: flex-start;
}
.section.mcb-section.monetary .icon_box .image_wrapper {
position: absolute;
left: 0;
top: 0;
}
.section.mcb-section.monetary .icon_box {
padding-left: 95px;
position: relative;
}
.section.mcb-section.monetary .icon_box.icon_position_left {
display: block;
}
ul.category-nav br {
display: none;
}
ul.category-nav li.item {
display: block;
color: #1e1e1e;
font-weight: 500;
text-transform: uppercase;
border-bottom: 1px solid #d1d1d1;
padding: 10px 0 0;
margin-bottom: 40px;
}
ul.category-nav li.item p {
display: none;
}
ul.sub-cat li {
border-bottom: 1px solid #d1d1d1;
padding: 10px 0;
display: flex;
align-items: center;
gap: 10px;
}
ul.sub-cat li a.icon-image {
min-width: 40px;
display: flex;
justify-content: center;
}
ul.category-nav li.item > a.icon-name {
font-size: 22px;
text-transform: capitalize;
}
ul.sub-cat {
margin-top: 15px;
}
ul.sub-cat li:last-child {
border-bottom: 0;
}
body.with_aside .sections_group {
width: calc(100% - 344px);
}
.section.mcb-section.product-page .date_label {
display: none;
}
.posts_group .product-size {
font-size: 16px;
}
.posts_group a.title {
font-size: 17px;
font-weight: 500;
}
[lang="en"] .posts_group a.title {
font-size: 15px;
}
.posts_group .bottom-description {
display: block;
}
.section.mcb-section.customer-service .title-section h3 strong {
border:none;
}
.section.mcb-section.customer-service .title-section h3 strong:after {
content: '';
display: block;
height: 2px;
width: 25%;
bottom: 0;
margin: 20px auto 0;
background: #cc162c;
}
.section.mcb-section.customer-service h4 {
color: #0183d6;
margin-bottom: 50px;
}
.section.mcb-section.customer-service .title-section {
clear: both;
padding-top: 60px;
}
.product-option {
margin-top: 50px;
}
.product-option h4 {
margin-top: 50px;
}
.section.mcb-section.customer-service .wpcf7-form .column {
margin-bottom: 0;
margin-top: 20px;
}
.section.mcb-section.customer-service .wpcf7-form {
max-width: 1120px;
margin: 0 auto;
}
.service-tab-header ul li {
text-align: center;
}
.service-tab-header ul li a {
padding: 10px 20px;
border: 2px solid #cc162c;
border-radius: 23px;
font-weight: 400;
color: #0183d6;
cursor: pointer;
display: block;
}
.service-tab-header ul li.active, .service-tab-header ul li:hover {
color: #fff;
}
.service-tab-header ul li.active a, .service-tab-header ul li a:hover {
text-decoration: none;
color: #fff;
background: #cc162c;
}
.service-tab-header ul {
display: flex;
list-style: none !important;
margin: 0 !important;
gap: 15px;
justify-content: center;
}
.service-tab-header {
margin-bottom: 0 !important;
}
select.wpcf7-form-control.wpcf7-select {
position: relative;
}
span.wpcf7-form-control-wrap[data-name="topics"], span.wpcf7-form-control-wrap[data-name="product-option"] {
position: relative;
}
span.wpcf7-form-control-wrap[data-name="topics"]:before, span.wpcf7-form-control-wrap[data-name="product-option"]:before {
display: block;
content: '\e868';
font-family: "mfn-icons";
font-size: 20px;
position: absolute;
top: 8px;
z-index: 5;
right: 15px;
}
.section.mcb-section.customer-service form.wpcf7-form .column button[type=submit] {
padding: 12px 40px 10px;
margin: 0;
}
.product-option ul {
margin: 0 !important;
list-style: none !important;
display: flex;
flex-wrap: wrap;
}
.product-option ul li img {
display: block;
margin: 0 auto;
border-radius: 50%;
overflow: hidden;
}
.product-option ul li.active img, .product-option ul li:hover img {
background: #78bff5;
}
.product-option ul li {
width: 20%;
padding: 10px;
box-sizing: border-box;
text-align: center;
color: #303030;
font-weight: 400;
cursor: pointer;
}
.box_search_product form input[type="text"] {
height: 40px;
border: 1px solid #c3c3c3;
width: 100%;
border-radius: 20px;
padding: 10px 20px 10px 45px;
margin: 0;
background: url(//www.earth-th.com/wp-content/uploads/2025/01/icon-search.png) no-repeat 13px center;
}
.box_search_product form button {
height: 40px;
background: #cc162c;
border-radius: 20px;
padding: 0 30px;
margin: 0;
}
.box_search_product form {
display: flex;
align-items: center;
gap: 15px;
}
.section.mcb-section.product-page {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.section.mcb-section.customer-service {
padding-bottom: 0 !important;
}
.section.mcb-section.blog-page .post-item .box-image img {
width: 100%;
}
.section.mcb-section.blog-page .post-item .post-photo-wrapper {
box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
margin: 10px 15px;
}
.section.mcb-section.blog-page .posts_group {
display: flex;
flex-wrap: wrap;
}
ul.filter-media {
margin: 60px 0 0 !important;
list-style: none !important;
display: flex;
}
.post-item.video .date_label {
display: none;
}
.post-item.video .post-excerpt {
display: block;
margin-top: 10px;
font-size: 16px;
line-height: 1.5;
}
.post-item.video .description {
padding: 0;
margin-top: 10px;
text-align: left;
}
ul.filter-media li a {
opacity: 0.5;
display: block;
}
ul.filter-media li.current-cat a, ul.filter-media li a:hover {
opacity: 1;
}
.filter-media li.current-cat a:after {
content: '';
display: block;
height: 2px;
width: 50px;
background: #0183d6;
margin: 20px auto 0;
}
.posts_group.grid .post-item .box-image img {
width: auto;
max-height: 200px;
margin: 0 auto;
display: block;
}
.main-image .date_label {
display: none;
}
body.single .category-news-csr-aciivity {
padding-top: 80px;
}
.column.one.pager_wrapper {
clear: both;
}
a.buy-now, a.buy-now:hover {
width: 140px;
height: 30px;
background: #a6192e;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
margin-top: 10px;
}
a.buy-now:before {
content: '';
display: block;
width: 13px;
height: 15px;
background: url(//www.earth-th.com/wp-content/uploads/2025/01/icon-bag.png);
}
ul.social-share {
margin: 0;
display: flex;
align-items: center;
gap: 10px;
justify-content: center;
}
ul.social-share li a {
display: block;
width: 22px;
height: 22px;
font-size: 0;
text-indent: -99999px;
}
ul.social-share li a.icon-circle-facebook {
background: url(//www.earth-th.com/wp-content/uploads/2025/01/icon-circle-facebook.png);
}
ul.social-share li a.icon-circle-line {
background: url(//www.earth-th.com/wp-content/uploads/2025/01/icon-circle-line.png);
}
ul.social-share li a.icon-circle-email {
background: url(//www.earth-th.com/wp-content/uploads/2025/01/icon-circle-line.png);
}
.product-description-title h2 {
font-size: 25px;
color: #1e1e1e;
}
.product-description-title h2:after {
content: '';
display: block;
height: 1px;
width: 50%;
background: #cbcbcb;
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
top: 22px;
}
.product-description-title h2 strong {
font-size: 25px;
padding: 0 10px;
background: #fff;
position: relative;
z-index: 1;
}
.product-description-title {
margin-top: 40px;
}
.single-product .the_content_wrapper ul li:before {
content: '';
display: block;
width: 12px;
height: 12px;
background: #000;
border-radius: 50%;
margin-right: 10px;
}
.single-product .the_content_wrapper ul {
margin: 0 !important;
list-style: none !important;
}
.single-product .the_content_wrapper ul li {
display: flex;
align-items: center;
}
.service-tab-content .mcb-column {
display: none;
}
.service-tab-content .mcb-column.active {
display: block;
}
.section.mcb-section.customer-service .send-product-warranty-card .column.product-option {
margin-top: 0;
}
.send-product-warranty-card .product-option ul {
margin-top: 40px !important;
}
.send-product-warranty-card .product-option ul li img {
border-radius: 0;
margin-bottom: 15px;
}
.send-product-warranty-card .product-option ul li.active img, .send-product-warranty-card .product-option ul li:hover img {
box-shadow: 0 0 7px 6px #cccccc85;
}
.section.mcb-section.customer-service .wpcf7-form .column.consent {
margin-bottom: 0;
margin-top: 50px;
}
.section.mcb-section.about-2 .column_image {
position: absolute;
right: 0;
bottom: 0;
}
.section.mcb-section.about-2 {
padding: 40px 0 0px !important;
}
.section.mcb-section.about-2 .column_visual {
padding-bottom: 30px;
}
.section.mcb-section.about-2 .mcb-wrap-inner {
position: relative;
}
.section.mcb-section.about-4 .icon_box {
background: #2798e0;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: flex-start;
text-align: center;
height: 100%;
padding: 0;
}
.section.mcb-section.about-4 .icon_box h4.title {
order: 0;
}
.section.mcb-section.about-4 .icon_box .image_wrapper {
order: 1;
}
.section.mcb-section.about-4 .icon_box h4.title:after {
content: '';
display: block;
height: 1px;
width: 40px;
background: #fff;
margin: 5px auto 0;
}
.section.mcb-section.about-4 .icon_box .desc_wrapper {
order: 2;
color: #fff;
line-height: 1.5;
padding: 0 10px 10px;
}
.section.mcb-section.about-4 .icon_box h4.title {
order: 0;
color: #fff;
font-size: 35px;
line-height: 1;
margin-top: 20px;
margin-bottom: 10px;
}
.ETC-Policy .mcb-wrap-inner {
display: flex;
}
.ETC-Policy .mcb-wrap-inner .column_icon_box {
flex: 1;
}
.ETC-Policy .mcb-wrap-inner .column_icon_box .warpper-content {
height: 100%;
}
.section.mcb-section.about-5 .column_visual.title-section {
margin-bottom: 95px;
}
.section.mcb-section.about-4 {
padding-bottom: 200px !important;
position: relative;
z-index: 0;
}
.section.mcb-section.about-5 {
position: relative;
z-index: 1;
margin-top: -350px;
background-color: transparent !important;
padding-top: 0px !important;
}
.section.mcb-section.about-6 {
padding-top: 0 !important;
}
.section.mcb-section.about-5 .title-section h3 {
margin-top: 50px;
}
.section.mcb-section.about-6 .column_visual .warpper-content {
padding-left: 33%;
}
.about_slide_gallery li {
display: flex;
gap: 15px;
margin-bottom: 15px;
}
.about_slide_gallery li:first-child {
align-items: flex-end;
}
#slider-container {
overflow: hidden;
position: relative;
}
.about_slide_galleryer {
display: flex;
position: absolute;
top: 0;
left: 0;
}
.about_slide_gallery img {
margin-right: 10px;
display: inline-block;
}
.portfolio_slider ul.slick-dots li.slick-active button {
background: #0183d6;
border: 0;
width: 10px;
height: 10px;
}
.portfolio_slider ul.slick-dots li button {
width: 7px;
height: 7px;
line-height: 1;
vertical-align: middle;
margin: 0;
border: 0;
left: initial;
top: initial;
}
.company-product-development-timeline .visual-title {
border: 1px solid #0183d6;
border-radius: 21px;
padding: 8px 30px;
position: relative;
display: flex;
align-items: center;
font-weight: 500;
color: #0183d6;
margin-bottom: 30px;
background: #e9eef3;
cursor: pointer;
}
.company-product-development-timeline .warpper-content {
padding: 10px 20px;
}
.company-product-development-timeline .warpper-content {
display: none;
}
.company-product-development-timeline .visual-title.active + .warpper-content {
display: block;
}
.company-product-development-timeline .mcb-column {
margin: 0 !important;
}
.company-product-development-timeline {
max-height: 850px;
overflow: auto;
}
.warpper-content img {
margin-bottom: 15px;
}
.company-product-development-timeline .visual-title i:after {
content: '\e946';
font-family: "mfn-icons";
display: block;
}
.company-product-development-timeline .visual-title.active i:after {
content: '\e868';
}
.company-product-development-timeline .visual-title i {
margin-left: auto;
font-style: initial;
color: #cc162c;
font-size: 22px;
}
.scroll-wrapper > .scroll-content.company-product-development-timeline {
width: calc(100% - 10px) !important;
left: 0;
margin-left: 0;
}
.company-product-development-timeline.group-companies .visual-title {
border: 1px solid #cc162c;
}
.group-companies ul {
margin: 0 !important;
list-style: none !important;
}
.group-companies ul li {
list-style: none;
border-bottom: 1px solid #f0b9bf;
padding: 18px 0;
margin-bottom: 0 !important;
display: flex;
gap: 15px;
}
.group-companies ul li span {
display: inline-block;
width: 20%;
text-align: right;
}
.company-product-development-timeline.group-companies {
max-height: initial;
}
.company-product-development-timeline.group-companies ul {
margin-bottom: 20px !important;
}
.company-product-development-timeline .warpper-content img {
display: inline-block;
max-width: 100%;
}
.section.mcb-section.about-11 {
padding-bottom: 0 !important;
}
body.page-id-4938 footer#Footer, body.page-id-5882 footer#Footer {
margin-top: -170px;
}
body.page-id-4938 footer#Footer .widgets_wrapper .column:first-child ul, body.page-id-5882 footer#Footer .widgets_wrapper .column:first-child ul {
margin-top: -35px;
}
.column_image_gallery .slick-track {
display: flex;
align-items: flex-end;
gap: 20px;
}
.column_image_gallery:nth-child(2) .slick-track {
display: flex;
align-items: flex-start;
}
.gallery_slide .item img {
}
.section.mcb-section.about-8 {
padding-top: 0 !important;
}
#slider-container {
width: 100%;
overflow: hidden;
}
.section.mcb-section.about-7 .mcb-wrap-inner {
align-items: center;
display: flex;
flex-direction: column;
gap: min((.02917* 100vw), 42px);
margin: min((.02681* 100vw), 38.6px) 0 0;
overflow: hidden;
pointer-events: none;
position: relative;
z-index: 10;
}
.Home-Company__images_pc {
overflow: hidden; position: relative;
width: 100%; }
.gallery_slide, .gallery_group {
display: flex;
gap: min((.02222 * 100vw), 32px);
}
ul.gallery_group li.item {
border-radius: 8px;
flex: 0 0 auto;
overflow: hidden;
}
ul.gallery_group li.item:nth-child(1) {
height: min((.16806* 100vw), 242px);
width: min((.29722* 100vw), 428px);
}
ul.gallery_group li.item:nth-child(2) {
height: min((.14375* 100vw), 207px);
width: min((.23056* 100vw), 332px);
}
ul.gallery_group li.item:nth-child(3) {
height: min((.24861* 100vw), 358px);
width: min((.40556* 100vw), 584px);
}
ul.gallery_group li.item:nth-child(4) {
height: min((.175* 100vw), 252px);
width: min((.28194* 100vw), 406px);
}
ul.gallery_group li.item:nth-child(5) {
height: min((.10417* 100vw), 150px);
width: min((.19167* 100vw), 276px);
}
.column_image_gallery:first-child .gallery_group {
align-items: flex-end;
animation: looop-images 60s linear infinite;
}
.column_image_gallery:last-child .gallery_group {
align-items: flex-start;
animation: looop-images-reverse 60s linear infinite;
}
.gallery_slide .item img {
width: 130%;
margin: 0;
max-width: initial !important;
position: relative;
left: -10%;
}
.Home-Company__images_pc .list {
align-items: flex-end;
flex: 0 0 auto;
justify-content: center;
position: relative;
display: flex;
}
.Home-Company__images_pc .list, 
.Home-Company__images_pc_loop {
display: flex;
gap: min((.02222 * 100vw), 32px);
}
@keyframes looop-images {
0% {
transform: translateX(0); }
100% {
transform: translateX(-100%); }
}
@keyframes looop-images-reverse {
0% {
transform: translateX(-100%); }
100% {
transform: translateX(0); }
}
.ui-datepicker .ui-datepicker-prev:before {
content: '\e8b8';
font-family: "mfn-icons";
}
.ui-datepicker .ui-datepicker-next:before {
content: '\e916';
font-family: "mfn-icons";
}
span.wpcf7-form-control.wpcf7-radio, span.wpcf7-form-control.wpcf7-checkbox {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
span.wpcf7-list-item input[type="radio"], span.wpcf7-list-item input[type="checkbox"] {
margin: 0 0px 0 0;
}
.warpper-job form.wpcf7-form label {
height: 45px;
display: block;
width: 100%;
top: 0;
left: 0;
line-height: 45px;
padding-left: 40px;
box-sizing: border-box;
background: #f4f4f4 url(//www.earth-th.com/wp-content/uploads/2025/01/icon-pdf.png) no-repeat 10px center !important;
}
body:not(.cf7p-message) [data-name="file-upload"] .wpcf7-not-valid-tip {
width: 100% !important;
left: 0 !important;
background: none !important;
text-indent: 0 !important;
bottom: 0px !important;
height: auto !important;
top: initial !important;
font-size: 13px;
}
body.single .section.section-post-header {
margin-top: 30px;
}
.sections_group.category_list .date_label {
display: none;
}
.sections_group.category_list .post-title a {
font-size: 18px;
font-weight: 500;
}
ul.sub-cat li a.icon-name {
font-weight: 400;
font-size: 16px;
margin-left: 10px;
}
[lang="en"] ul.sub-cat li a.icon-name {
font-size: 15px;
}
ul.sub-cat li a.icon-name.active {
color: #cc162c;
text-decoration: underline;
}
.best-sale {
color: red;
text-transform: uppercase;
position: absolute;
top: 0;
right: 0;
z-index: 1;
background: url(//www.earth-th.com/wp-content/uploads/2025/02/new-product.png);
line-height: 1;
justify-content: center;
align-items: center;
display: flex;
border-radius: 50%;
text-align: center;
font-weight: 600;
width: 50px;
height: 50px;
font-size: 0;
text-indent: -9999px;
}
.image_wrapper .box-image {
min-height: 200px;
}
.section.mcb-section.product-page .box-image img {
height: 100% !important;
width: auto;
object-fit: cover;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.section.mcb-section.product-page .image_wrapper {
border: 1px solid transparent;
}
.section.mcb-section.product-page .image_wrapper:hover {
border-color: #e2e2e2;
}
.section.mcb-section.product-page .image_wrapper:hover img {
transform: scale(1.1);
}
.section.mcb-section.product-page .box-image a {
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
height: 255px;
}
.posts_group.lm_wrapper.col-3.grid {
height: initial !important;
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.posts_group.grid.col-3 .post-item {
width: 100%;
margin: 0 0 20px;
position: relative !important;
top: initial !important;
left: initial !important;
}
.earth-insect-care3 ul {
flex-wrap: wrap;
list-style: none !important;
display: flex;
justify-content: space-around;
margin: 30px 0!important;
}
.section.mcb-section.earth-insect-care3 {
background-position: center top !important;
}
.column.fly-plus-number ul {
margin: 40px 0 0 !important;
display: flex;
list-style: none !important;
gap: 20px;
} @media only screen and (max-width: 1430px) {
.fixed-nav-prev .photo{position:static;margin-left:-115px}
.fixed-nav-prev:hover .photo{margin-left:0}
.fixed-nav-next .photo{position:static;margin-right:-115px}
.fixed-nav-next:hover .photo{margin-right:0}
}
.fixed-nav.style-images .arrow{display:none}
.fixed-nav.style-images .photo{background:#EEEEEE;margin:0;}
.fixed-nav.style-images .photo:before{font-family:'mfn-icons';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;color:#ccc;transition:color .1s ease-in-out}
.fixed-nav.style-images:hover .photo:before{color:#aaa}
.fixed-nav-prev.style-images .photo:before{content:'\e8b8'}
.fixed-nav-next.style-images .photo:before{content:'\e916'}
.fixed-nav.style-images .photo img{position:relative;transition:opacity .1s ease-in-out}
.fixed-nav.style-images:hover .photo img{opacity:0}
.fixed-nav.style-images .desc{display:none}
.fixed-nav.style-arrows .arrow{display:none}
.fixed-nav.style-arrows .photo{background:#EEEEEE;margin:0;}
.fixed-nav.style-arrows .photo:before{font-family:'mfn-icons';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;color:#ccc;transition:color .1s ease-in-out}
.fixed-nav.style-arrows:hover .photo:before{color:#aaa}
.fixed-nav-prev.style-arrows .photo:before{content:'\e8b8'}
.fixed-nav-next.style-arrows .photo:before{content:'\e916'}
.fixed-nav.style-arrows .photo img{display:none;}
.fixed-nav.style-arrows .desc{display:none}
.header-creative.tr-menu .fixed-nav .desc{margin:0;opacity:0}
.header-creative.tr-menu .fixed-nav:hover .desc{opacity:1} #Filters {
margin-bottom: 0;
}
#Filters .filters_buttons {
padding: 15px;
margin: 0;
font-size: 100%;
background-image: url(//www.earth-th.com/wp-content/themes/betheme/images/stripes/stripes_5_b.png);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
display: none;
}
#Filters .filters_buttons li{float:left;margin:0 15px 0 0;list-style:none}
#Filters .filters_buttons li.categories i,#Filters .filters_buttons li.tags i{margin-right:3px}
#Filters .filters_buttons li.reset{float:right;margin-right:0}
#Filters .filters_wrapper{display:none;margin-top:20px}
#Filters .filters_wrapper ul{overflow:hidden;margin:0}
#Filters .filters_wrapper ul li {
display: inline-block;
width: auto;
margin: 10px 10px;
list-style: none;
}
#Filters .filters_wrapper ul li a {display:block;padding:7px 10px;background:#fff;border:1px solid #F7F7F7;color:#858585}
#Filters .filters_wrapper ul li a:hover, #Filters .filters_wrapper ul li.current-cat a {
text-decoration: none;
color: #fff;
background: #cc162c!important;
}
.style-simple #Filters .filters_wrapper ul li.close {
display: block;
width: 40px;
}
#Filters .filters_wrapper ul li.close a{text-align:center;width:38px;padding:7px 0;background:#8B8B8B;border:1px solid #F7F7F7!important;color:#fff}
#Filters .filters_wrapper ul li.close a:hover{background:#545454}
#Filters .filters_wrapper li.reset-inner{display:none}
#Filters.only .filters_buttons{}
#Filters.only .filters_wrapper{display:block}
#Filters.only li.reset-inner{display:inline-block}
#Filters.only li.close {
display: none;
}
#Filters.only-categories .categories {
margin-bottom: 80px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
#Filters.only-categories .tags{display:none!important}
#Filters.only-categories .authors{display:none!important}
#Filters.only-tags .categories{display:none!important}
#Filters.only-tags .tags{display:block}
#Filters.only-tags .authors{display:none!important}
#Filters.only-authors .categories{display:none!important}
#Filters.only-authors .tags{display:none!important}
#Filters.only-authors .authors{display:block}
#Filters .filters_wrapper ul li a {
display: flex;
padding: 12px 25px;
background: #fff;
color: #0183d6;
border: 2px solid #cc162c;
height: auto;
font-size: 20px;
align-items: center;
justify-content: center;
text-transform: uppercase;
border-radius: 25px;
} .highlight-left,.highlight-right{position:relative}
.highlight-left:after,.highlight-right:after{content:"";position:absolute;width:50%;height:100%;top:0;z-index:1}
.highlight-left:after{left:0}
.highlight-right:after{right:0}
.highlight-left .section_wrapper,.highlight-right .section_wrapper{z-index:2}
@media only screen and (max-width: 767px) {
.highlight-left:after,.highlight-right:after{content:none}
} body:not(.template-slider) #Header_wrapper{background-repeat:no-repeat;background-position:top center}
body:not(.template-slider) #Header_wrapper.bg-fixed{background-attachment:fixed}
#Header_wrapper {
position: relative;
z-index: 2;
}
#Header{position:relative}
body:not(.template-slider) #Header {
}
.single-template-intro #Header{min-height:0!important} body.minimalist-header:not(.template-slider) #Header{min-height:0;background-image:none!important}
body.minimalist-header.header-modern:not(.template-slider) #Header{min-height:147px}
body.minimalist-header.header-simple:not(.template-slider) #Header{min-height:130px}
body.minimalist-header.header-stack:not(.template-slider) #Header{min-height:0}
body.minimalist-header.header-fixed:not(.template-slider) #Header{min-height:60px}
body.minimalist-header.header-below:not(.template-slider) #Header{min-height:90px;padding-top:0}
.minimalist-header-no #Header{min-height:0!important}
.minimalist-header-no.header-below #Header{padding-top:0!important} #Action_bar{position:absolute;left:0;top:0;width:100%;z-index:30;line-height:21px;}
#Action_bar .column{margin-bottom:0;overflow:hidden}
#Action_bar .contact_details{float:left;color:rgba(255,255,255,0.5)}
#Action_bar .contact_details li{display:inline-block;margin-right:10px;padding:20px 0}
#Action_bar .contact_details li > i{margin-right:2px}
#Action_bar .contact_details li:last-child{margin-right:0}
#Action_bar .social{float:right;padding:20px 0}
#Action_bar .social li{display:inline-block;margin-right:6px}
#Action_bar .social li:last-child{margin-right:0}
#Action_bar .social li a{color:rgba(255,255,255,.3);font-size:15px;line-height:15px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#Action_bar .social li a:hover{color:#fff}
#Action_bar .social-menu{float:right;padding:20px 0}
#Action_bar .social-menu li{display:inline-block;margin-right:6px;padding-right:6px;border-right:1px solid rgba(255,255,255,.1)}
#Action_bar .social-menu li:last-child{margin-right:0;padding-right:0;border-right:0} #Top_bar {
position: absolute;
left: 0;
top: 61px;
width: 100%;
z-index: 30;
}
#Top_bar .column{margin-bottom:0}
.layout-full-width.header-fw #Action_bar .container,.layout-full-width.header-fw #Top_bar .container{}
#Top_bar .top_bar_left {
position: relative;
display: flex;
align-items: center;
width: 100%;
} #Top_bar .logo {
float: left;
margin: 10px 0;
}
#Top_bar .logo h1{margin:0}
#Top_bar .logo:not(.text-logo) h1{line-height:0;font-size:0;margin:0}
#Top_bar #logo{display:block;height:60px;line-height:60px;padding:15px 0}
#Top_bar #logo:hover{text-decoration:none}
#Top_bar #logo img{vertical-align:middle;max-height:100%}
#Top_bar #logo img.logo-sticky,#Top_bar #logo img.logo-mobile,#Top_bar #logo img.logo-mobile-sticky{display:none}
#Top_bar .text-logo #logo{font-weight:300} .logo-valign-top #Top_bar #logo img{vertical-align:top}
.logo-valign-bottom #Top_bar #logo img{vertical-align:bottom}
.logo-no-margin #Top_bar .logo{margin-left:0!important;padding:0!important}
.logo-no-margin.header-plain #Top_bar .logo{margin:0!important}
.logo-no-margin #Header_creative .logo{margin-top:0!important}
.logo-no-margin.header-fw #Top_bar .column{margin:0;width:100%}
.logo-no-sticky-padding #Top_bar.is-sticky #logo{padding:0!important}
.logo-no-sticky-padding #Top_bar.is-sticky #logo img.logo-sticky{max-height:60px}
.logo-overflow #Top_bar .logo{height:60px;position:relative;z-index:198}
.logo-overflow #Top_bar #logo{height:auto!important;margin-top:0!important;z-index:199}
.logo-overflow #Top_bar #logo img{max-height:none;z-index:200}
.logo-overflow #Top_bar.is-sticky #logo{height:auto!important}
.logo-overflow #Top_bar.is-sticky #logo img.logo-sticky:not(.svg){max-height:110px}
.logo-overflow.header-creative #Top_bar:not(.is-sticky) .logo,
.logo-overflow.header-stack #Top_bar:not(.is-sticky) .logo{height:auto} #Top_bar .menu_wrapper {
margin-left: auto;
z-index: 201;
} #Top_bar .secondary_menu_wrapper{display:none;} #Top_bar a.responsive-menu-toggle{display:none;position:absolute;right:20px;top:50%;margin-top:-22px;width:34px;height:34px;text-align:center;border-radius:3px;z-index:200;}
#Top_bar a.responsive-menu-toggle i {
font-size: 30px;
line-height: 34px;
color: #cc162c;
}
#Top_bar a.responsive-menu-toggle span{float:right;padding:10px 5px;line-height:14px} #Top_bar .banner_wrapper{display:none;} #Top_bar .search_wrapper{position:absolute;left:0;top:100%;display:none;z-index:201;width:100%;padding:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#Top_bar .search_wrapper input[type="text"]{width:100%;margin:0;box-sizing:border-box;-webkit-box-shadow:0 0 0;box-shadow:0 0 0;padding-left:35px;background:none;border-width:0 0 1px;border-style:solid;border-color:rgba(255,255,255,.08)!important;font-size:15px}
#Top_bar .search_wrapper input[type="text"]:focus{background-color:transparent!important}
#Top_bar .search_wrapper .icon_search,#Top_bar .search_wrapper .icon_close{position:absolute;top:25px;font-size:22px;line-height:22px;display:block}
#Top_bar .search_wrapper .icon_search{left:18px;color:rgba(0,0,0,.5)}
#Top_bar .search_wrapper .icon_close{right:18px;color:#fff;opacity:.3;filter:alpha(opacity=30);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
#Top_bar .search_wrapper .icon_close:hover{right:18px;opacity:1;filter:alpha(opacity=100)} #Top_bar .top_bar_right{float:right;height:90px;position:relative;top:-4px;padding:0 10px 0 20px}
#Top_bar .top_bar_right:before{content:"";display:block;height:100%;width:10px;position:absolute;left:-10px;top:2px;background-image:url(//www.earth-th.com/wp-content/themes/betheme/images/top_bar_right_shadow.png);background-repeat:repeat-y;-moz-transform:skewX(0deg) skewY(-25deg);-webkit-transform:skewX(0deg) skewY(-25deg);-o-transform:skewX(0deg) skewY(-25deg);-ms-transform:skewX(0deg) skewY(-25deg);transform:skewX(0deg) skewY(-25deg)}
.ie #Top_bar .top_bar_right:before{width:11px}
#Top_bar .top_bar_right_wrapper{position:relative;top:25px} #Top_bar a#header_cart{position:relative;top:9px;display:block;float:left;font-size:22px;line-height:22px;margin-right:5px}
#Top_bar a#header_cart span{position:relative;right:9px;top:-10px;display:inline-block;width:17px;height:17px;line-height:17px;text-align:center;font-size:11px;color:#fff;-webkit-border-radius:3px;border-radius:3px} #Top_bar a#search_button {
position: relative;
top: 9px;
display: block;
float: left;
font-size: 0;
height: 21px;
width: 20px; text-indent: -99999px;
}
#Top_bar a#search_button.has-input input{display:inline-block;margin:-5px 0 0;padding:8px;position:relative;top:-2px;width:130px} #Top_bar a.action_button{top:-2px;margin:0 5px} a.action_button{background-color:#f7f7f7;color:#747474;}
.button-stroke a.action_button:hover{background-color:#747474!important;color:#fff} #Top_bar .wpml-languages{display:block;float:left;position:relative;z-index:210;margin-right:10px;font-size:13px;line-height:21px;}
#Top_bar .wpml-languages a.active{display:block;padding:10px 6px 10px 10px;height:17px;border:1px solid rgba(0,0,0,.1);-webkit-border-radius:5px;border-radius:5px}
#Top_bar .wpml-languages.disabled a.active{padding-right:10px;}
#Top_bar .wpml-languages a.active i{font-size:14px;line-height:14px;margin:0 0 0 5px}
#Top_bar .wpml-languages a.active i:before{margin:0}
#Top_bar .wpml-languages a:hover.active{text-decoration:none}
#Top_bar .wpml-languages.enabled:hover a.active{-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;border-bottom:0}
#Top_bar .wpml-languages ul.wpml-lang-dropdown{position:absolute;left:0;top:100%;width:100%;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;z-index:205;overflow:hidden;display:none;border-width:0 1px 1px;border-style:solid;border-color:rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box}
#Top_bar .wpml-languages ul.wpml-lang-dropdown li{border-bottom:1px solid rgba(0,0,0,0.05)}
#Top_bar .wpml-languages ul.wpml-lang-dropdown li:last-child{border-bottom:0}
#Top_bar .wpml-languages ul.wpml-lang-dropdown li a{font-size:12px;display:block;text-align:center;padding:4px 0;opacity:.75;}
#Top_bar .wpml-languages ul.wpml-lang-dropdown li a:hover{text-decoration:none;opacity:1;}
#Top_bar .wpml-languages:hover{height:auto}
#Top_bar .wpml-languages:hover ul.wpml-lang-dropdown{display:block}
#Top_bar .wpml-languages a.active,#Top_bar .wpml-languages ul.wpml-lang-dropdown{background:#fff}
#Top_bar .wpml-languages.horizontal{display:block;padding:8px 10px;border:1px solid #e8e8e8;background:#fff;-webkit-border-radius:5px;border-radius:5px}
#Top_bar .wpml-languages.horizontal ul li{float:left;margin-right:6px}
#Top_bar .wpml-languages.horizontal ul li:last-child{margin-right:0}  #Top_bar #menu{z-index:201}
#Top_bar .menu {
z-index: 202;
margin-top: 0;
}
#Top_bar .menu.menu-mobile{display:none}
#Top_bar .menu > li{margin:0;z-index:203;display:block;float:left}
#Top_bar .menu > li:not(.mfn-megamenu-parent){position:relative}
#Top_bar .menu > li.hover{z-index:204}
#Top_bar .menu > li > a{display:block;line-height:60px;padding:15px 0;position:relative}
#Top_bar .page-menu > li > a{padding:15px 20px}
#Top_bar .menu > li > a:after{content:"";height:4px;width:100%;position:absolute;left:0;top:-4px;z-index:203;opacity:0;filter:alpha(opacity=0)}
#Top_bar .menu > li > a span:not(.description) {
display: block;
line-height: 1;
padding: 15px 0px 10px;
white-space: nowrap;
border-bottom: 1px solid transparent;
text-shadow: 1px 1px 2px rgb(0 0 0 / 28%);
}
#Top_bar .menu > li > a span.description{font-size:11px;line-height:12px!important;margin:-12px -15px 0;color:#aaa;font-weight:300;text-align:center;display:block}
#Top_bar .menu > li > a span > span:not(.description){display:inline!important;padding:0!important}
.menuo-arrows #Top_bar .menu > li.submenu > a > span:not(.description){padding-right:30px}
.menuo-arrows #Top_bar .menu > li.submenu > a > span:not(.description):after{content:"";display:block;width:0;height:0;position:absolute;top:50%;right:10px;margin-top:-2px;border-top:5px solid #ccc;border-left:5px solid transparent;border-right:5px solid transparent;opacity:.6} #Top_bar .menu > li > a,#Top_bar .menu > li > a:after,.menuo-arrows #Top_bar .menu > li.submenu > a > span:not(.description)::after{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#Top_bar .menu > li.current-menu-item > a:after,
#Top_bar .menu > li.current_page_item > a:after,
#Top_bar .menu > li.current-menu-parent > a:after,
#Top_bar .menu > li.current-page-parent > a:after,
#Top_bar .menu > li.current-menu-ancestor > a:after,
#Top_bar .menu > li.current_page_ancestor > a:after,
#Top_bar .menu > li.hover > a:after { opacity: 1; filter: alpha(opacity=100); }
#Top_bar .menu.page-menu > li:last-child > a {border-right:none;}
#Top_bar .menu.page-menu > li > a:after {display:none;}
#Top_bar.is-sticky .menu_wrapper .menu.page-menu > li > a {margin:0;padding-left:20px;padding-right:20px;} #Top_bar .menu li ul{position:absolute;right:0;top:100%;z-index:205;margin:0;display:none;background-image:url(//www.earth-th.com/wp-content/themes/betheme/images/box_shadow.png);background-repeat:repeat-x;background-position:left top}
#Top_bar .menu li > ul{box-shadow:2px 2px 2px 0 rgba(0,0,0,0.03);-webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,0.03)}
#Top_bar .menu li ul li{padding:0;width:200px;position:relative;font-weight:400}
#Top_bar .menu li ul li a{padding:10px 20px;display:block;border-bottom:1px solid rgba(0,0,0,0.05)}
#Top_bar .menu li ul li a span{display:inline-block;position:relative}
#Top_bar .menu li ul li a .menu-arrow{position:absolute;right:7px;top:11px;font-size:12px;color:rgba(0,0,0,0.35)}
body #Top_bar .menu > li ul li a:hover, body #Top_bar .menu > li ul li.hover > a {
text-decoration: none;
background: rgba(0,0,0,.06);
color: #fff;
}
.menuo-sub-active #Top_bar .menu > li ul li.current-menu-item > a,.menuo-sub-active #Top_bar .menu > li ul li.current-menu-ancestor > a{background:rgba(0,0,0,.06)}  #Top_bar .menu li ul li.wpml-ls-item{width:auto}
#Top_bar .menu li ul li.wpml-ls-item a{padding-right:20px;white-space:nowrap} #Top_bar .menu li ul li ul{position:absolute;left:200px;top:0;z-index:204}
.menuo-last #Top_bar .menu > li.last ul:not(.mfn-megamenu){right:0;left:auto;-webkit-box-shadow:-2px 2px 2px 0 rgba(0,0,0,0.03);box-shadow:-2px 2px 2px 0 rgba(0,0,0,0.03)}
.menuo-last #Top_bar .menu > li.last ul:not(.mfn-megamenu) li ul{right:200px} #Top_bar .menu li ul li a{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out} #Header #menu-secondary-menu{z-index:220}
#Header .secondary-menu{z-index:221}
#Header .secondary-menu > li{margin:0;z-index:222;display:block;float:left;position:relative;padding:8px 9px;line-height:100%;-webkit-border-radius:4px;border-radius:4px}
#Header .secondary-menu > li.submenu{-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}
#Header .secondary-menu > li > a{display:block}
#Header .secondary-menu > li > a:hover{text-decoration:none}
#Header .secondary-menu li ul{position:absolute;left:0;padding:7px;top:100%;z-index:223;margin:0;display:none;-webkit-border-radius:0 4px 4px 4px;border-radius:0 4px 4px 4px}
#Header .secondary-menu li ul li:last-child{border-bottom:0}
#Header .secondary-menu li ul li a{display:block;text-align:center;white-space:nowrap;padding:6px 8px}
#Header .secondary-menu li ul li a:hover{text-decoration:none}
#Header .secondary-menu > li > a{color:#A8A8A8}
#Header .secondary-menu > li.hover,#Header .secondary-menu li ul{background:#F9F9F9}
#Header .secondary-menu li ul li{border-bottom:1px solid rgba(0,0,0,0.05)}
#Header .secondary-menu li ul li a{color:#8B8B8B}
#Header .secondary-menu li ul li a:hover{color:#5F5F5F;background:rgba(255,255,255,0.8)} .tr-menu .top_bar_left{background-color:transparent!important}
.tr-menu .top_bar_right,.tr-menu .top_bar_right:before{background:none!important} .header-classic #Header .top_bar_left,.header-classic #Header .top_bar_right{background-color:transparent}
html body.header-classic #Top_bar {
position: static;
padding: 0;
}
.header-classic #Top_bar .top_bar_right {
top: 0;
padding: 0;
margin-left: 100px;
}
.header-classic #Top_bar .top_bar_right:before{display:none}
.header-classic #Action_bar{position:static;background-color:#2C2C2C}
.header-classic #Action_bar .contact_details li,.header-classic #Action_bar .social,.header-classic #Action_bar .social-menu{padding:12px 0} @media only screen and (min-width: 768px) {
.header-fixed #Action_bar{position:fixed;top:0;left:0;background-color:#2c2c2c}
.header-fixed #Action_bar .contact_details li,.header-fixed #Action_bar .social,.header-fixed #Action_bar .social-menu{padding:5px 0}
.header-fixed #Top_bar{position:fixed;width:100%;left:0;top:0!important;z-index:701;background:#fff;}
.header-fixed.ab-show #Top_bar{top:31px!important}
.header-fixed #Top_bar .top_bar_right{top:1px}
.header-fixed #Top_bar .top_bar_left,.header-fixed #Top_bar .top_bar_right,.header-fixed #Top_bar .top_bar_right:before{background:none}
.header-fixed #Top_bar #logo{padding:5px 0;height:50px;line-height:50px}
.header-fixed #Top_bar .menu_wrapper{clear:none}
.header-fixed #Top_bar .menu > li > a{padding:15px 0}
.header-fixed #Top_bar .menu > li > a,.header-fixed #Top_bar .menu > li > a span{line-height:30px}
.header-fixed #Top_bar .menu > li > a:after{top:auto;bottom:-4px}
.header-fixed #Top_bar .menu > li > a span.description{margin-top:-5px;margin-bottom:-7px}
.header-fixed #Top_bar .secondary_menu_wrapper{display:none}
.tr-menu.header-fixed #Top_bar:not(.is-sticky){background:none!important;box-shadow:0 0 0 0 transparent}
.tr-menu.header-fixed.minimalist-header:not(.template-slider) #Header{min-height:91px}
.header-fixed.admin-bar #Action_bar{top:32px}
.header-fixed.woocommerce-demo-store #Action_bar{top:45px}
.header-fixed.admin-bar.woocommerce-demo-store #Action_bar{top:77px}
.header-fixed.admin-bar #Top_bar{top:32px!important}
.header-fixed.woocommerce-demo-store #Top_bar{top:45px!important}
.header-fixed.admin-bar.woocommerce-demo-store #Top_bar{top:77px!important}
.header-fixed.admin-bar.ab-show #Top_bar{top:63px!important}
.header-fixed.woocommerce-demo-store.ab-show #Top_bar{top:76px!important}
.header-fixed.admin-bar.woocommerce-demo-store.ab-show #Top_bar{top:108px!important}
} .header-below #Header .top_bar_left,.header-below #Header .top_bar_right{background-color:transparent}
body.header-below:not(.template-slider) #Header{min-height:90px;padding-top:160px}
.header-below #Top_bar{position:static;background-color:#fff}
.header-below #Top_bar .top_bar_right{top:0}
.header-below #Top_bar .top_bar_right:before{display:none}
.header-below #Action_bar{position:static} .header-plain #Top_bar{border-bottom-width:1px;border-style:solid;position:static}
.header-plain.layout-boxed #Top_bar .container{max-width:100%}
.header-plain #Top_bar .one.column{width:100%;margin:0}
.header-plain #Header .top_bar_left,.header-plain #Header .top_bar_right{background-color:transparent}
.header-plain #Top_bar .top_bar_right,.header-plain #Top_bar .top_bar_right_wrapper{top:0}
.header-plain #Top_bar .top_bar_right:before{display:none}
.header-plain #Action_bar{position:static}
.header-plain #Action_bar .contact_details li,.header-plain #Action_bar .social,.header-plain #Action_bar .social-menu{padding:12px 0} .header-plain #Top_bar #logo{height:50px;line-height:50px} .header-plain #Top_bar .menu_wrapper{float:right}
.header-plain #Top_bar .menu > li > a {
padding-top: 0!important;
padding-bottom: 0!important;
background: none!important;
}
.header-plain #Top_bar .menu > li > a:after{display:none}
.header-plain #Top_bar .menu > li > a span:not(.description){line-height:80px;padding:0 30px}
.header-plain #Top_bar .menu > li:first-child > a span:not(.description){border-left-width:1px}
.header-plain #Top_bar .top_bar_right{height:80px;padding:0;margin-left:-1px;}
.header-plain.menu-highlight #Top_bar .menu > li,.header-plain.menu-highlight #Top_bar .menu > li > a{margin:0} .header-plain #Top_bar a#header_cart,.header-plain #Top_bar a#search_button{margin-right:0;top:0;border-left-width:1px;border-style:solid}
.header-plain #Top_bar a#header_cart span{margin-right:-9px}
.header-plain #Top_bar .wpml-languages{top:0;margin:0;padding:0 25px;line-height:80px;border-left-width:1px;border-style:solid}
.header-plain #Top_bar .wpml-languages a.active{border:0;padding:0;height:auto}
.header-plain #Top_bar .wpml-languages ul.wpml-lang-dropdown li a{line-height:40px}
.header-plain #Top_bar .wpml-languages a.active{background:none}
.header-plain #Top_bar .wpml-languages ul.wpml-lang-dropdown{border:0;border-radius:0}
.header-plain #Top_bar a#header_cart,.header-plain #Top_bar a#search_button{padding:0 25px;line-height:80px;margin-left:0;}
.header-plain #Top_bar a.action_button{margin:0;top:0;line-height:90px;padding:0 30px;border-radius:0;border-left:1px solid #F2F2F2}
.header-plain.button-stroke #Top_bar a.action_button{border-width:0 0 0 1px;background-color:#f7f7f7} .header-plain #Top_bar.is-sticky .menu > li > a span:not(.description){line-height:60px!important}
.header-plain #Top_bar.is-sticky .top_bar_right{padding:0;height:60px;top:0}
.header-plain #Top_bar.is-sticky a#header_cart,.header-plain #Top_bar.is-sticky a#search_button{padding:0 25px;line-height:60px}
.header-plain #Top_bar.is-sticky .wpml-languages{padding:0 25px;height:60px;line-height:60px}
.header-plain #Top_bar.is-sticky .wpml-languages{top:0}
.header-plain #Top_bar.is-sticky a.action_button{line-height:60px} .header-plain #Action_bar{background-color:#2C2C2C}
.header-plain #Top_bar{background-color:#fff}
.header-plain #Top_bar,.header-plain #Top_bar .menu > li > a span:not(.description),.header-plain #Top_bar a#header_cart,
.header-plain #Top_bar a#search_button,.header-plain #Top_bar .wpml-languages{border-color:#f2f2f2} .header-split #Header .top_bar_left{width:100%!important}
.header-split #Header .top_bar_left,.header-split #Header .top_bar_right{background-color:transparent}
.header-split #Header .top_bar_left .menu_wrapper{width:100%}
.header-split #Header .top_bar_left .menu_left{float:left;width:38%;text-align:right;}
.header-split #Header .top_bar_left .menu_right{float:right;width:38%;text-align:left;}
.header-split #Header .top_bar_left .menu > li{display:inline-block;float:none}
.header-split #Header .top_bar_left .menu li ul li a{padding:10px}
.header-split #Header .top_bar_left .logo{width:100%;margin:0;text-align:center}
@media only screen and (min-width: 1240px) {
.header-split #Header .top_bar_left .logo {
position: absolute;
left: 38%;
width: 24%;
margin: 17px 0;
}
}
.header-split #Top_bar .top_bar_right{position:absolute;top:0;right:-28px;padding:0}
.header-split #Top_bar a.action_button,.header-split #Top_bar a#header_cart,.header-split #Top_bar .wpml-languages{display:none}
.header-split #Top_bar .top_bar_right:before{display:none}
.header-split #Top_bar{position:static;background-color:#fff}
.header-split #Action_bar{position:static;background-color:#2C2C2C}
.header-split #Action_bar .contact_details li,.header-split #Action_bar .social,.header-split #Action_bar .social-menu{padding:12px 0} .header-stack #Top_bar:not(.is-sticky) .top_bar_left{width:100%!important}
.header-stack #Header .top_bar_left,.header-stack #Header .top_bar_right{background-color:transparent}
.header-stack #Top_bar{position:static;background-color:#fff}
.header-stack #Top_bar .logo{width:100%;margin:0;padding:0 30px;text-align:left;border-bottom-width:1px;border-style:solid;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.header-stack.header-center #Top_bar .logo{text-align:center}
.header-stack.header-center #Top_bar .menu_wrapper{text-align:center;line-height:0}
.header-stack.header-center #Top_bar #menu{line-height:21px;line-height:initial;text-align:left;text-align:initial}
.header-stack.header-center #Top_bar:not(.is-sticky) .menu_wrapper{width:100%}
.header-stack.header-right #Top_bar .logo{text-align:right}
.header-stack #Top_bar .logo #logo{display:inline-block;height:auto}
.header-stack #Top_bar .menu_wrapper{clear:both}
.header-stack #Top_bar .menu_wrapper .menu > li > a{padding:0}
.header-stack #Top_bar .menu > li > a span.description{margin-bottom:10px}
.header-stack #Top_bar .top_bar_right{position:absolute;right:0;bottom:0;top:auto;height:60px}
.header-stack #Top_bar .top_bar_right_wrapper{top:10px}
.header-stack #Top_bar .top_bar_right:before{display:none}
.header-stack #Top_bar .secondary_menu_wrapper{position:absolute;right:20px;top:35px;display:block}
.header-stack.header-right #Top_bar .secondary_menu_wrapper{left:20px;right:auto}
.header-stack #Action_bar{position:static;background-color:#2C2C2C}
.header-stack #Action_bar .contact_details li,.header-stack #Action_bar .social,.header-stack #Action_bar .social-menu{padding:12px 0}
body.header-stack:not(.template-slider) #Header{min-height:315px} .header-magazine #Top_bar .logo{width:auto;border:0}
.header-magazine #Top_bar .top_bar_right:before{display:none}
.header-magazine #Top_bar .secondary_menu_wrapper{display:none}
.header-magazine #Top_bar .banner_wrapper{display:block;position:absolute;right:20px;top:20px;width:468px;height:60px;text-align:right;z-index:2}
.header-magazine #Top_bar .banner_wrapper a{display:block;line-height:0}
.header-magazine #Top_bar .banner_wrapper img{display:inline-block;max-width:100%;height:auto;max-height:60px} .header-simple #Top_bar .top_bar_left{width:100%!important;background:none}
.header-simple #Top_bar:not(.is-sticky) .top_bar_left{top:-60px}
.header-simple.ab-show #Top_bar:not(.is-sticky) .top_bar_left{top:0}
.header-simple #Top_bar .top_bar_right,.header-simple #Top_bar .top_bar_right:before{display:none}
.header-simple #Top_bar .menu > li > a span.description{margin:0 0 0 5px}
.header-simple.ab-hide #Action_bar{display:none} .header-empty #Header{position:static;min-height:0!important}
.header-empty #Subheader{display:none}
.header-empty #Content{padding:0!important} .header-transparent #Top_bar .top_bar_left,.header-transparent #Top_bar .top_bar_right,.header-transparent #Top_bar .top_bar_right:before{background:none}
.header-transparent #Top_bar .top_bar_right{top:0}
.header-transparent #Top_bar #logo {
padding: 0;
max-width: 190px;
}
.header-transparent #Top_bar .menu > li > a:after{background:none}
.header-transparent #Top_bar .menu > li > a span {
border-color: rgba(0,0,0,0.03);
font-size: 26px;
}
html[lang=en] .header-transparent #Top_bar .menu > li > a span {
font-size: 23px;
}
html[lang=cn] .header-transparent #Top_bar .menu > li > a span {
border-color: rgba(0,0,0,0.03);
font-size: 19px;
}
.header-transparent #Top_bar .menu li > ul:not(.mfn-megamenu-bg){background-image:none}
.header-transparent.ab-hide #Top_bar {
top: 0;
background: rgba(255, 255, 255, 0.14);
border-bottom: 1px solid #a9a49d;
}
.header-transparent #Top_bar.is-sticky .menu_wrapper .menu > li > a {
padding: 11px 15px;
}
html[lang=cn] .header-transparent #Top_bar.is-sticky .menu_wrapper .menu > li > a {
padding: 17px 15px 12px;
}
html[lang=en] .header-transparent #Top_bar.is-sticky .menu_wrapper .menu > li > a {
padding: 11px 10px;
}
.header-transparent #Top_bar.is-sticky .menu > li > a span:not(.description) {
line-height: 1;
}
#Top_bar.is-sticky .menu:after {
content: '';
display: block;
clear: both;
} .header-overlay.ab-hide #Top_bar{top:40px}
.header-overlay #Top_bar #logo{height:auto}
.header-overlay .top_bar_right{display:none}
.header-overlay .overlay-menu-toggle{position:absolute;right:40px;top:40px;height:45px;width:45px;line-height:45px;text-align:center;font-size:29px;z-index:9911}
.header-overlay .overlay-menu-toggle.focus{color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.header-overlay .overlay-menu-toggle .close{display:none}
.header-overlay .overlay-menu-toggle.focus .open{display:none}
.header-overlay .overlay-menu-toggle.focus .close{display:block}
.header-overlay.sticky-header .overlay-menu-toggle{position:fixed;margin-right:10px} #Overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9910;background:rgba(41,145,214,.95);display:none}
#overlay-menu{position:absolute;width:700px;left:50%;margin-left:-350px;top:50%;margin-top:-150px}
#overlay-menu .menu.menu-mobile{display:none}
#overlay-menu ul li{text-align:center}
#overlay-menu ul li a{color:#fff;font-size:34px;line-height:52px;letter-spacing:3px;text-decoration:none}
#overlay-menu ul li a:hover{opacity:.8}
#overlay-menu ul li a:before,#overlay-menu ul li a:after{display:inline-block;opacity:0;-webkit-transition:-webkit-transform 0.3s,opacity .2s;-moz-transition:-moz-transform 0.3s,opacity .2s;transition:transform 0.3s,opacity .2s}
#overlay-menu ul li a:before{margin-right:20px;content:'[';-webkit-transform:translateX(20px);-moz-transform:translateX(20px);transform:translateX(20px)}
#overlay-menu ul li a:after{margin-left:20px;content:']';-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);transform:translateX(-20px)}
#overlay-menu ul li a:hover:before,#overlay-menu ul li a:hover:after,#overlay-menu ul li a:hover:before,#overlay-menu ul li a:hover:after{opacity:1;-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px)} #body_overlay{position:fixed;top:0;left:0;width:100%;height:120%;background:rgba(0,0,0,.6);z-index:9002;display:none;} body.mobile-side-slide{position:relative;overflow-x:visible;}
#Side_slide{display:block;position:fixed;top:0px;right:-250px;max-width:100%;width:250px;height:100%;overflow:auto;border-bottom-width:60px;border-bottom-style:solid;z-index:99999;z-index:100000;} #Side_slide.left{left:-250px;right:auto}
#Side_slide .close-wrapper{height:60px}
#Side_slide .close-wrapper a.close {
height: 40px;
width: 40px;
position: absolute;
margin: 0 auto;
top: 2%;
right: 5%;
border: 2px solid;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #cc162c !important;
}
#Side_slide .close-wrapper a.close:hover {
background: #494949;
color: #fff!important;
}
#Side_slide .close-wrapper a.close i{font-size:22px;line-height:34px;}
#Side_slide .extras {
padding: 0 20px;
display: none;
}
#Side_slide .extras .action_button{float:none;width:100%;margin:0 0 20px;text-align:center;text-decoration:none}
#Side_slide .extras .extras-wrapper{text-align:center;}
#Side_slide .extras .extras-wrapper a{display:inline-block;text-decoration:none;vertical-align:middle;padding:5px;margin-bottom:20px;line-height:22px}
#Side_slide .extras .extras-wrapper .icon{font-size:22px}
#Side_slide .extras .extras-wrapper .cart{position:relative}
#Side_slide .extras .extras-wrapper .cart span{position:absolute;top:0;left:31px;font-size:11px;border-radius:2px}
#Side_slide .extras .extras-wrapper a.lang-active img{position:relative;top:2px;}
#Side_slide .extras .extras-wrapper a.lang-active i:before{width:auto;margin-left:5px}
#Side_slide #menu{display:block!important;margin-bottom:20px;max-height:none!important}
#Side_slide #menu ul{width:100%!important;}
#Side_slide #menu ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: baseline;
}
#Side_slide #menu ul li {
position: relative;
padding: 3px 0;
width: 100%;
text-align: center;
}
#Side_slide #menu ul li:first-child {
border-top: 0!important;
}
#Side_slide #menu ul li a {
display: block;
padding: 30px 50px;
text-decoration: none;
}
#Side_slide #menu ul li a span.description{display:block;opacity:.5}
#Side_slide #menu ul li a .menu-arrow{display:none}
#Side_slide #menu ul li ul{display:none;background:rgba(255,255,255,.025)}
#Side_slide #menu ul li ul li a{padding-left:35px}
#Side_slide #menu ul li ul li ul li a{padding-left:50px}
#Side_slide #menu ul li.submenu .menu-toggle{display:block;position:absolute;right:5px;top:0;width:30px;height:30px;line-height:30px;font-size:22px;font-weight:100;text-align:center;cursor:pointer;opacity:0.5;}
#Side_slide #menu ul li.submenu .menu-toggle:after{content:"+"}
#Side_slide #menu ul li.hover > .menu-toggle{opacity:1}
#Side_slide #menu ul li.hover > .menu-toggle:after{content:"-"}
#Side_slide #menu ul.mfn-megamenu-bg{background-image:none!important}
#Side_slide #menu ul.mfn-megamenu li .menu-toggle{display:none}
#Side_slide #menu ul.mfn-megamenu > li > ul{display:block!important}
#Side_slide #menu ul.mfn-megamenu > li > ul:first-child {background-color:transparent}
#Side_slide #menu ul.mfn-megamenu > li > ul:first-child > li:first-child{border-top-width:0}
#Side_slide .menu.menu-mobile{display:none}
#Side_slide .lang-wrapper{margin-bottom:20px;text-align:center;display:none;}
#Side_slide .lang-wrapper ul li{border-top:1px solid rgba(255,255,255,.03)}
#Side_slide .lang-wrapper ul li:last-child{border-bottom:1px solid rgba(255,255,255,.03)}
#Side_slide .lang-wrapper ul li a{display:block;padding:11px 20px 10px 20px;text-decoration:none;line-height:19px}
#Side_slide .search-wrapper{margin-bottom:20px;position:relative;display:none;}
#Side_slide .search-wrapper input.field{width:100%;background:none!important;border-width:1px 0 1px 0;border-color:rgba(255,255,255,.05);line-height:20px;padding:10px 55px 10px 20px;box-sizing:border-box;box-shadow:0 0 0 0 transparent;}
#Side_slide .search-wrapper a.submit{position:absolute;top:0;right:5px;font-size:20px;padding:10px}
#Side_slide .social {
text-align: center;
margin: 0 20px 13px;
display: none!important;
}
#Side_slide .social li{display:inline-block}
#Side_slide .social li a{display:block;padding:3px 5px;text-decoration:none} #Side_slide.hide-button .extras .action_button{display:none}
#Side_slide.hide-icons .extras .extras-wrapper{display:none}
#Side_slide.hide-social .social{display:none!important} #Side_slide{background-color:#191919;border-color:#191919} #Side_slide,
#Side_slide .search-wrapper input.field,
#Side_slide a:not(.action_button),
#Side_slide #menu ul li.submenu .menu-toggle{color:#a6a6a6}
#Side_slide a:not(.action_button):hover,
#Side_slide a.active,
#Side_slide #menu ul li.hover > .menu-toggle{color:#ffffff;}
#Side_slide #menu ul li.current-menu-item > a,#Side_slide #menu ul li.current_page_item > a,
#Side_slide #menu ul li.current-menu-parent > a,#Side_slide #menu ul li.current-page-parent > a,
#Side_slide #menu ul li.current-menu-ancestor > a,#Side_slide #menu ul li.current-page-ancestor > a,#Side_slide #menu ul li.current_page_ancestor > a,
#Side_slide #menu ul li.hover > a,#Side_slide #menu ul li:hover > a{color:#ffffff;}
#Side_slide #menu ul li.pll-parent-menu-item ul.sub-menu {
display: flex;
}
#Side_slide #menu ul li.pll-parent-menu-item > a {
display: none;
} #Side_slide.light #menu ul li{border-top-color:rgba(0,0,0,.03)}
#Side_slide.light #menu > ul:last-child > li:last-child{border-bottom-color:rgba(0,0,0,.03)}
#Side_slide.light #menu ul li ul{background:rgba(0,0,0,.02)}
#Side_slide.light .lang-wrapper ul li{border-top-color:rgba(0,0,0,.03)}
#Side_slide.light .lang-wrapper ul li:last-child{border-bottom-color:rgba(0,0,0,.03)}
#Side_slide.light .search-wrapper input.field{border-color:rgba(0,0,0,.05)} #Subheader{background-color:rgba(0,0,0,.02);background-position:center top;background-repeat:no-repeat;padding:30px 0;position:relative}
.subheader-transparent #Subheader{background:none}
.hide-title-area #Subheader{display:none}
#Subheader .column{margin-bottom:0}
#Subheader .title{margin-bottom:0;width:70%;float:left}
#Subheader ul.breadcrumbs{display:block;width:30%;margin:1px 0 0;font-size:1em!important;float:right;text-align:right}
#Subheader ul.breadcrumbs li{display:inline-block}
#Subheader ul.breadcrumbs li,#Subheader ul.breadcrumbs li a{color:rgba(0,0,0,.3)}
#Subheader ul.breadcrumbs li span {
margin: 0;
opacity: .4;
filter: alpha(opacity=40);
}
#Subheader ul.woocommerce-breadcrumb li:last-child span{display:none} .subheader-title-right #Subheader .title{float:right;text-align:right}
.subheader-title-right #Subheader .breadcrumbs{float:left;text-align:left}
.subheader-both-left #Subheader .title{width:100%}
.subheader-both-left #Subheader .breadcrumbs{width:100%;text-align:left;margin-top:10px}
.subheader-both-right #Subheader .title{width:100%;text-align:right}
.subheader-both-right #Subheader .breadcrumbs{width:100%;text-align:right;margin-top:10px}
.subheader-both-center #Subheader .title {
width: 100%;
text-align: left;
display: none;
}
.subheader-both-center #Subheader .breadcrumbs {
width: 100%;
text-align: left;
margin-top: 10px;
margin-bottom: 10px;
}
body #Subheader ul.breadcrumbs li, body #Subheader ul.breadcrumbs li a {
color: #222;
font-weight: 400;
font-size: 15px;
}
body #Subheader ul.breadcrumbs li:last-child {
color: #39b54d;
} #Intro{text-align:center;position:relative;background-color:#000119;background-position:center top;}
#Intro .intro-inner{position:relative;padding:250px 10%}
#Intro .intro-title{margin-bottom:20px;word-wrap:break-word}
#Intro .intro-meta > div{display:inline-block;margin:0 10px}
#Intro .intro-next{cursor:pointer;font-size:38px;height:50px;left:50%;bottom:30px;line-height:50px;margin:0 0 0 -25px;position:absolute;text-align:center;width:50px;z-index:1;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#Intro.parallax{overflow:hidden}
#Intro.parallax .mfn-parallax{position:absolute;left:0;top:0;max-width:auto!important;transition:opacity .2s;} #Intro .intro-title{color:#fff}
#Intro .intro-meta,#Intro .intro-meta a{color:rgba(255,255,255,.7)}
#Intro .intro-next{color:rgba(255,255,255,0.2)}
#Intro .intro-next:hover{color:rgba(255,255,255,0.5)} #Intro.light .intro-title{color:#212121}
#Intro.light .intro-meta,#Intro.light .intro-meta a{color:rgba(33,33,33,.7)}
#Intro.light .intro-next{color:rgba(33,33,33,0.2)}
#Intro.light .intro-next:hover{color:rgba(33,33,33,0.5)} .post-item{margin-bottom:40px;position:relative;float:left;width:100%}
.post-item .date_label {
display: block;
background: none;
}
.post-photo-wrapper{width:37%;float:left}
.post-photo-wrapper iframe{width:100%}
.post-desc-wrapper{width:63%;float:left}
.post-desc{padding:15px 0 0 20px}
.post.no-img .post-desc-wrapper{width:100%}
.search-results .no-img .post-desc{padding-left:0}
.search-results .no-img .post-desc-wrapper{width:100%}
.post-meta{margin-bottom:8px}
.post-meta .author-date{float:left}
.post-meta .author-date a{border-bottom-width:1px;border-style:dotted;text-decoration:none!important}
.post-meta .category{float:right;position:relative}
.post-meta .category.mata-tags{margin-right:10px}
.post-meta .category .cat-btn{cursor:pointer}
.post-meta .category .cat-wrapper{position:absolute;right:0;top:100%;display:none;z-index:21}
.post-meta .category:hover .cat-wrapper{display:block}
.post-meta .category .cat-wrapper ul{padding:7px;min-width:70px;background:#F9F9F9}
.post-meta .category .cat-wrapper ul li{border-bottom:1px solid rgba(0,0,0,0.05)}
.post-meta .category .cat-wrapper ul li:last-child{border-bottom:0}
.post-meta .category .cat-wrapper ul li a{display:block;text-align:center;padding:1px 5px;color:#8B8B8B}
.post-meta .category .cat-wrapper ul li a:hover{text-decoration:none;color:#5F5F5F;background:rgba(255,255,255,0.8)}
.post-excerpt {
margin-bottom: 15px;
line-height: 1.3;
display: none;
}
.cat_description{margin-bottom:40px}
.post-footer{padding:7px 15px;overflow:hidden;line-height:30px}
.post-footer .button-love{float:left}
.post-footer .button-love a.mfn-love{display:inline-block;position:relative;padding-left:24px;margin-left:5px}
.post-footer .button-love a.mfn-love i {
position: absolute;
left: 0;
top: 3px;
font-size: 16px;
}
.post-footer .button-love a.mfn-love:hover{text-decoration:none}
.post-footer .button-love a.mfn-love i:last-child{opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.post-footer .button-love a:hover.mfn-love i:last-child,.post-footer .button-love a.loved.mfn-love i:last-child{opacity:1;filter:alpha(opacity=100)}
.post-footer .post-links {
float: right;
border-left-width: 1px;
border-style: solid;
padding-left: 10px;
border-color: #fff!important;
}
.post-footer .post-links .post-comments{margin-right:10px}
.hide-more .post-footer .post-links .icon-doc-text,.hide-more .post-footer .post-links .post-more{display:none}
.blog_slider.hide-more .item_wrapper .hr_color,.blog_slider.hide-more .item_wrapper .button{display:none} .grid .post-item {
width: 31.33%;
margin: 0 1% 20px;
border-radius: 10px;
padding: 0;
box-sizing: border-box;
}
.grid .post-photo-wrapper {
width: 100%;
float: none;
border: 0;
background: #fff;
}
.grid .post-desc-wrapper { width: 100%; float: none; }
.grid .post-desc-wrapper .post-desc {
padding: 0;
text-align: center;
}
.grid .post-footer {
margin: 0 -20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: none;
}
.grid .post-meta .author-date .author span.label { display: none; }
.grid .post-desc-wrapper .post-meta .category .cat-btn { display: none; }
.grid .post-desc-wrapper .post-footer .button-love .love-text { display: none; } .posts_group.grid.col-2 .post-item { width: 47.99%;}
.posts_group.grid.col-4 .post-item {
width: 25%;
margin: 0 0 40px;
padding: 0 13px;
}
.posts_group.grid.col-5 .post-item {
width: 20%;
margin: 0;
}
.posts_group.grid.col-6 .post-item { width: 15.66%; margin: 0 0.5% 20px;}
.posts_group.grid.col-2 .post-item:nth-child(2n+1) { clear:both; }
.posts_group.grid.col-4 .post-item:nth-child(4n+1) { clear:both; }
.posts_group.grid.col-5 .post-item:nth-child(5n+1) { clear:both; }
.posts_group.grid.col-6 .post-item:nth-child(6n+1) { clear:both; } .masonry:not(.tiles) .post-item { width: 31.33%; margin: 0 1% 20px; background: #fff !important; }
.masonry .post-photo-wrapper { width: 100%; float: none; }
.masonry .post-desc-wrapper { width: 100%; float: none; }
.masonry .post-desc-wrapper .post-desc { padding: 20px 20px 0; }
.masonry .post-footer { margin: 0 -20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.masonry .post-meta .author-date .author span.label { display: none; }
.masonry .post-desc-wrapper .post-meta .category .cat-btn { display: none; }
.masonry .post-desc-wrapper .post-footer .button-love .love-text { display: none; } .posts_group.masonry.col-2 .post-item { width: 47.99%;}
.posts_group.masonry.col-3 .post-item { width: 31.33%;}
.posts_group.masonry.col-4 .post-item { width: 22.99%;}
.posts_group.masonry.col-5 .post-item { width: 18.99%; margin: 0 0.5% 20px;}
.posts_group.masonry.col-6 .post-item { width: 15.66%; margin: 0 0.5% 20px;} .masonry.tiles { position: relative; }
.masonry.tiles .post-item { margin: 0 !important; overflow: hidden; background-color: transparent; }
.masonry.tiles .post-item:not(.no-img) .post-desc-wrapper { position: absolute; z-index: 4; left: 0; bottom: -20px; }
.masonry.tiles .post-item:not(.no-img) .post-desc-wrapper .post-desc { background: url(//www.earth-th.com/wp-content/themes/betheme/images/blog_masonry_tile_gradient.png) top left repeat-x; padding: 70px 30px 30px; }
.masonry.tiles .post-item .post-desc-wrapper .post-desc { padding: 50% 30px 10px; }
.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-meta .author-date .post-links { display: inline-block; margin-left: 10px; }
.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-excerpt { display: none; } .masonry.tiles .post-item:not(.no-img) .post-photo-wrapper { line-height: 0; position: relative; }
.masonry.tiles .post-item:not(.no-img) .post-photo-wrapper:after { content: ""; position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2); opacity: 0; transition: all 0.6s ease-out; }
.masonry.tiles .post-item:not(.no-img):hover .post-photo-wrapper:after { opacity: 1; } .masonry.tiles .format-link .post-title .icon-link { display: none; }
.masonry.tiles .format-link .post-title .link-wrapper { margin-left: 0; padding-top: 5px; }
.masonry.tiles .format-quote blockquote { margin-left: 0; top: 0; margin-bottom: 25px; }
.masonry.tiles .format-quote blockquote:after { display: none; }
.masonry.tiles .format-quote blockquote a { text-decoration: none; } .masonry.tiles .post-item .post-format-icon { position: absolute; z-index: 3; left: 25px; top: 25px; font-size: 35px; line-height: 35px; color: #fff; } .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-title:after { content: ""; display: block; height: 3px; margin-top: 20px; width: 0; transition: all 0.4s ease-out; }
.masonry.tiles .post-item:hover .post-desc-wrapper .post-desc .post-title:after { width: 40%; } .masonry.tiles .post-item .post-desc-wrapper { transition: all 0.4s ease-out; }
.masonry.tiles .post-item:hover .post-desc-wrapper { transform: translateY(-20px); } .posts_group.masonry.tiles.col-2 .post-item { width: 49.99%; }
.posts_group.masonry.tiles.col-3 .post-item { width: 33.33%; }
.posts_group.masonry.tiles.col-4 .post-item { width: 24.99%; }
.posts_group.masonry.tiles.col-5 .post-item { width: 19.99%; }
.posts_group.masonry.tiles.col-6 .post-item { width: 16.66%; } .posts_group.masonry.margin .post-item { margin:0 1% 25px !important;}
.posts_group.masonry.margin.col-2 .post-item { width: 47.99%;}
.posts_group.masonry.margin.col-3 .post-item { width: 31.33%;}
.posts_group.masonry.margin.col-4 .post-item { width: 22.99%;}
.posts_group.masonry.margin.col-5 .post-item { width: 18.99%; margin:0 0.5% 12px !important;}
.posts_group.masonry.margin.col-6 .post-item { width: 15.66%; margin:0 0.5% 12px !important;} .masonry.tiles .post-item.format-quote blockquote,
.masonry.tiles .post-item.format-quote blockquote a,
.masonry.tiles .post-item.format-link .post-title .icon-link,
.masonry.tiles .post-item.format-link .post-title .link-wrapper h4,
.masonry.tiles .post-item.format-link .post-title .link-wrapper a,
.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-title .entry-title a { color: #fff; }
.masonry.tiles .post-item.no-img .post-desc-wrapper .post-desc .post-title:after,
.masonry.tiles .post-item.format-quote .post-desc-wrapper .post-desc .post-title:after,
.masonry.tiles .post-item.format-link .post-desc-wrapper .post-desc .post-title:after { background-color: #fff; }
.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-head .post-meta,
.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-head .post-meta a,
.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-excerpt { color: rgba(255,255,255,.7); } .timeline .post-item { float:none; width:auto; padding-left: 200px; margin-bottom: 0; padding-bottom: 40px; background: url(//www.earth-th.com/wp-content/themes/betheme/images/timeline_right.png) no-repeat 90px top; }
.timeline .post-item:last-child { padding-bottom: 20px; margin-bottom: 20px; }
.timeline .format-quote .post-meta,
.timeline .format-link .post-meta { padding-top: 7px; }
.timeline .post-item:before { content: ""; width: 7px; height: 7px; border-width: 4px; border-style: solid; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; left: 126px; top: 11px; display: block; visibility: visible; z-index: 1; }
.timeline .date_label {
display: block;
font-size: 17px;
background: #00a650;
color: #fff;
padding: 5px 10px;
left: -35px;
border-radius: 4px;
}
.timeline .post-meta .author-date .date{ display: none; } .photo .post-item  { float:none; }
.photo .post-photo-wrapper { width: 100%; float: none; }
.photo .post-desc-wrapper {
width: 100%;
float: none;
text-align: center;
margin-bottom: 30px;
}
.photo .post-desc .post-head {
display: none;
}
.photo .post-desc .post-head .post-meta { display: inline-block; }
.photo .post-desc .post-head .post-footer { display: inline-block; background: none; padding: 0; line-height: inherit; }
.photo .post-desc .post-title {}
.photo .post-desc .post-excerpt { margin-bottom: 0; }
.photo .post-desc .post-head .post-meta .author-date,
.photo .post-desc .post-head .post-meta .category,
.photo .post-desc .post-head .post-footer .button-love,
.photo .post-desc .post-head .post-footer .post-links { float: none; display: inline-block; }
.photo .post-desc .post-head .post-meta .author-date { margin-right: 20px; }
.photo .post-desc .post-head .post-meta .author-date .label { display: none; }
.photo .post-desc .post-head .post-footer .button-love { margin-right: 20px; }
.photo .post-desc .post-head .post-footer .button-love .love-text { display: none; }
.photo .post-desc .post-head .post-footer .post-links { border: 0; padding: 0; }
.photo .post-desc .post-head .post-footer .post-links .icon-doc-text,
.photo .post-desc .post-head .post-footer .post-links .post-more { display: none; }
.photo .format-image { text-align: center; }
.photo .format-image .post-photo-wrapper { display: inline-block; width: auto; }
.photo .format-link .post-title { display: inline-block; text-align: left; } .format-quote .post-photo-wrapper{display:none}
.format-quote .post-desc{padding:0}
.format-quote .post-desc-wrapper{width:100%;float:none}
.format-video .image_frame .image_wrapper img{margin-bottom:0!important}
.format-video .image_frame:hover .image_wrapper img{top:0}
.format-link .post-photo-wrapper{display:none}
.format-link .post-desc-wrapper{width:100%;float:none}
.format-link .post-desc{padding:0}
.format-link .post-title{overflow:hidden}
.format-link .post-title .icon-link{display:block;width:80px;height:80px;font-size:60px;line-height:80px;border-right-width:1px;border-style:solid;float:left;text-align:center}
.format-link .post-title .link-wrapper{margin-left:100px;padding-top:14px}
.format-link .post-title .link-wrapper h4{margin-bottom:7px;font-size:20px;line-height:22px} .post-nav{padding:10px 15px 4px 130px;margin-bottom:20px;background-image:url(//www.earth-th.com/wp-content/themes/betheme/images/stripes/stripes_5_b.png);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
.post-nav .next-prev-nav{float:left}
.post-nav .next-prev-nav li{float:left;margin-right:5px}
.post-nav .next-prev-nav a.button{margin:0;padding:0!important}
.post-nav .list-nav{float:right;line-height:49px}
.template-slider .post-nav{margin-top:30px}
.no-share .post-nav,.share-simple .post-nav{padding-left:15px;padding-right:15px}
.post-nav.minimal.column {
padding: 0;
background: none;
position: relative;
height: 40px!important;
display: none;
}
.post-nav.minimal a{position:absolute;top:0;opacity:.6;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.post-nav.minimal a:hover {opacity:1}
.post-nav.minimal a.prev{left:0;}
.post-nav.minimal a.next{right:0;}
.post-nav.minimal a.home{left:50%;margin:3px 0 0 -13px;}
.post-nav.minimal a i{font-size:25px;line-height:30px;color:#626262}
.post-nav.minimal a svg{fill:#626262}
.post-header{margin-bottom:20px}
.post-header .button-love{width:99px;float:left;text-align:center}
.post-header .button-love a.mfn-love{display:inline-block;position:relative;padding-left:28px;font-size:17px;margin-top:25px}
.no-title .post-header .button-love a.mfn-love{margin-top:0}
.post-header .button-love a.mfn-love i{position:absolute;left:0;top:0;font-size:18px}
.post-header .button-love a.mfn-love:hover{text-decoration:none}
.post-header .button-love a.mfn-love i:last-child{opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.post-header .button-love a:hover.mfn-love i:last-child,.post-header .button-love a.loved.mfn-love i:last-child{opacity:1;filter:alpha(opacity=100)}
.post-header .title_wrapper{margin-left:99px;border-left-width:1px;border-style:solid;padding-left:30px}
.post-header .title_wrapper h1{font-size:35px;line-height:35px}
.single-photo-wrapper .share_wrapper {
float: left;
}
.single-photo-wrapper .image_frame{margin-left:120px}
.single-photo-wrapper .image_frame iframe{width:100%}
.no-share .single-photo-wrapper .image_frame,
.share-simple .single-photo-wrapper .image_frame{margin-left:0}
.single-photo-wrapper.image .image_frame {
text-align: center;
border: 1px solid #6f6f6f;
width: 100%;
}
.single-photo-wrapper.image .image_frame{margin-left:0;display:inline-block}
.section-post-header .single-photo-wrapper.image .image_frame {
}
.no-share .section-post-header .single-photo-wrapper.image .image_frame{max-width:100%}
.share_wrapper{background:#fff;border-width:1px;border-style:solid;width:98px;text-align:center;padding:10px 0 5px}
.share_wrapper .stButton{margin-bottom:10px}
.section-post-intro-share .share_wrapper{float:right;background:none;border:none;width:unset;padding:0}
.section-post-intro-share .share_wrapper > span{float:left}
.section-post-intro-share .share_wrapper .stButton .stBubble{display:none!important}
.author-box .avatar-wrapper{width:64px;height:64px;float:left;border-width:8px;border-style:solid;display:block;line-height:0;-webkit-border-radius:100%;border-radius:100%;overflow:hidden}
.author-box .desc-wrapper{background:rgba(0,0,0,.02);padding:20px;position:relative;margin-left:105px}
.author-box .desc-wrapper:after{content:"";display:block;position:absolute;left:-6px;top:35px;width:0;height:0;border-style:solid;border-width:6px 6px 6px 0;border-color:transparent rgba(0,0,0,.02) transparent transparent}
.author-box .desc-wrapper h5{margin-bottom:5px} .hide-love .button-love{display:none!important}
.hide-love .post-header .title_wrapper{margin-left:0;padding-left:10px;border-left:none}
.hide-love .post-nav{padding-left:15px}
.hide-love .portfolio_group .portfolio-item .desc .title_wrapper{padding-right:0} .section-post-related .section-related-adjustment {
border-top-width: 1px;
border-style: solid;
padding-top: 20px;
border-top: 0;
position: relative;
}
.section-post-related .post-related {
position: relative;
width: 25%;
margin: 0!important;
}f
.section-post-related .col-2 .post-related{width:48%}
.section-post-related .col-3 .post-related {
width:31.333%;
padding-left: 0;
padding-right: 0;
}
.section-post-related .col-4 .post-related {
width: 23%;
box-shadow: 0 0 0;
background: #fff;
padding: 15px 0;
box-sizing: border-box;
}
.section-post-related .col-5 .post-related{width:18%}
.section-post-related .col-6 .post-related{width:14.666%}
.section-post-related .col-2 .post-related:nth-child(2n+1){clear:both}
.section-post-related .col-3 .post-related:nth-child(3n+1){clear:both}
.section-post-related .col-4 .post-related:nth-child(4n+1){clear:both}
.section-post-related .col-5 .post-related:nth-child(5n+1){clear:both}
.section-post-related .col-6 .post-related:nth-child(6n+1){clear:both}
.section-post-related .post-related .image_frame {
margin-bottom: 15px;
}
.section-post-related .post-related .fullscreen-container{height:180px!important}
.section-post-related .post-related .date_label {
position: absolute;
left: 0;
top: 30px;
z-index: 20;
display: none;
}
.section-post-related .post-related hr {
width: 40%;
margin: 0 auto 20px;
}
.section-post-related .post-related a.button {
margin-bottom: 0;
}
.section-post-related .format-quote blockquote{margin-top:70px;margin-left:40px}
.section-post-related .format-link .image_frame{height:180px;background-color:rgba(255,255,255,.5);background-image:url(//www.earth-th.com/wp-content/themes/betheme/images/link.png);background-position:center center;background-repeat:no-repeat}
.section-post-related .format-standard.no-img .image_frame{display:block;height:180px;background-color:rgba(255,255,255,.5);background-image:url(//www.earth-th.com/wp-content/themes/betheme/images/photo.png);background-position:center center;background-repeat:no-repeat}
.section-post-related .post-related .image_frame iframe{width:100%} .section-post-related .simple .post-related .image_frame {
margin: 10px;
box-shadow: 1px 3px 18px rgb(0 0 0 / 13%);
}
.section-post-related .simple .post-related .date_label{margin-bottom:5px;position:static;padding:0;background-color:transparent;background-image:none;}
.section-post-related .simple .post-related .date_label:after{display:none;}
.section-post-related .simple .post-related hr { display: none; }
.section-post-related .simple .post-related a.button {
margin-left: 0px;
background: url(//www.earth-th.com/wp-content/uploads/2023/09/icon-arrow-right.png);
}
.section-post-related .simple .post-related.format-quote .date_label{margin-bottom:10px;}
.section-post-related .simple .format-quote blockquote{margin-top:0px;} .single-format-link .single-photo-wrapper .share_wrapper{float:none;width:auto;padding:10px 15px 15px}
.single-format-link .single-photo-wrapper .share_wrapper .stButton{margin:0 10px 0 0}
.single-format-link .section-post-header .single-photo-wrapper .image_frame{display:none} .single-format-quote #Subheader .title{width:100%}
.single-format-quote #Subheader ul.breadcrumbs{display:none}
.single-format-quote .single-photo-wrapper .share_wrapper{float:none;width:auto;padding:10px 15px 15px}
.single-format-quote .single-photo-wrapper .share_wrapper .stButton{margin:0 10px 0 0}
.single-format-quote .section-post-header .single-photo-wrapper .image_frame{display:none} .portfolio.no-img .single-photo-wrapper .share_wrapper,.format-image.no-img .single-photo-wrapper .share_wrapper,.format-standard.no-img .single-photo-wrapper .share_wrapper{float:none;width:auto;padding:10px 15px 15px}
.portfolio.no-img .single-photo-wrapper .share_wrapper .stButton,.format-image.no-img .single-photo-wrapper .share_wrapper .stButton,.format-standard.no-img .single-photo-wrapper .share_wrapper .stButton{margin:0 10px 0 0}
.portfolio.no-img .section-post-header .single-photo-wrapper .image_frame,.format-image.no-img .section-post-header .single-photo-wrapper .image_frame,.format-standard.no-img .section-post-header .single-photo-wrapper .image_frame{display:none!important} .project-description li{width:99.9%;clear:both;padding:7px 10px;background:rgba(0,0,0,.01);border-style:solid;border-color:rgba(0,0,0,.03);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.project-description li .label{font-weight:700;min-width:40px;padding-right:10px;display:inline-block}
.project-description li.one-third{float:left;width:33.3%;clear:none;padding-right:15px;border-width:0 1px 1px 0}
.project-description li:nth-child(3){border-right-color:transparent} .share_item{float:none;width:auto;padding:10px 15px 15px}
.share_item .stButton{margin:0 10px 0 0} .share-simple .post-header .title_wrapper{margin-left:0;padding-left:0;border-left-width:0}
.share-simple-wrapper{border-top:1px solid rgba(0,0,0,.08);padding:15px 0;text-align:left}
.share-simple-wrapper .share-label{margin-right:10px}
.share-simple-wrapper .icons{display:inline}
.share-simple-wrapper .icons a{padding:0 5px;color:#a8a8a8}
.share-simple-wrapper .icons .facebook:hover{color:#3B5998}
.share-simple-wrapper .icons .twitter:hover{color:#1DA1F2}
.share-simple-wrapper .icons .google:hover{color:#DC4E41}
.share-simple-wrapper .icons .linkedin:hover{color:#0077B5}
.share-simple-wrapper .icons .pinterest:hover{color:#BD081B}
.share-simple-wrapper .button-love{float:right}
.share-simple-wrapper .mfn-love{position:relative;display:inline-block;padding-left:24px;margin-left:5px}
.share-simple-wrapper .mfn-love i{position:absolute;left:0;top:0;font-size:16px}
.share-simple-wrapper .mfn-love:hover{text-decoration:none}
.share-simple-wrapper .mfn-love i:last-child{opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.share-simple-wrapper .mfn-love:hover i:last-child,
.share-simple-wrapper .mfn-love.loved i:last-child{opacity:1;filter:alpha(opacity=100)} .single-template .section-post-header,.single-template .section-post-about,.single-template .section-post-related,.single-template .section-post-comments{display:none;} .widget-area{border-style:solid;padding:30px 0px 20px;position:relative}
.widget-area:before{content:"";display:none;position:absolute;top:0;width:1500px;height:100%;background:rgba(0,0,0,.01);visibility:visible}
.aside_left .widget-area{}
.aside_left .widget-area:before{right:0}
.aside_right .widget-area{border-left-width:1px}
.aside_right .widget-area:before{left:0}
.widget-area.lines-boxed .widget:after{width:100%}
.widget-area.lines-hidden .widget:after{display:none}
.widget{padding-bottom:30px;margin-bottom:30px;position:relative}
.widget:last-child{margin-bottom:0;padding-bottom:0}
.widget:last-child:after{display:none}
.widget:after{content:"";display:block;position:absolute;bottom:0;width:1500px;height:0;visibility:visible;border-width:1px 0 0;border-style:solid}
.widget > h3{font-size:18px;line-height:22px}
.aside_left .widget:after{right:0}
.aside_right .widget:after{left:0}
.with_aside.aside_both .sidebar-1 .widget-area{border-right-width:1px}
.with_aside.aside_both .sidebar-1 .widget-area:before{right:0}
.with_aside.aside_both .sidebar-1 .widget-area .widget:after{right:0}
.with_aside.aside_both .sidebar-2 .widget-area{border-left-width:1px}
.with_aside.aside_both .sidebar-2 .widget-area:before{left:0}
.with_aside.aside_both .sidebar-2 .widget-area .widget:after{left:0} .Recent_posts ul{margin:0!important}
.Recent_posts ul li{margin-bottom:10px;list-style:none!important}
.Recent_posts ul li:last-child{margin-bottom:0}
.Recent_posts ul li a{text-decoration:none}
.Recent_posts ul li .desc{margin-right:80px;padding:5px 15px;background:#fff;position:relative;min-height:70px}
.Recent_posts ul li .desc:after{content:"";display:block;position:absolute;right:0;top:0;width:4px;height:100%}
.Recent_posts ul li .desc h6{position:relative;z-index:2;margin-bottom:3px;padding-bottom:3px;border-bottom-width:1px;border-style:solid}
.Recent_posts ul li .desc .date{position:relative;z-index:2}
.Recent_posts ul li .desc .date i{display:inline-block;margin-right:2px}
.Recent_posts ul li .photo{width:80px;height:80px;line-height:0;text-align:center;float:right;position:relative}
.Recent_posts ul li .photo .c{width:25px;height:25px;line-height:25px;z-index:3;text-align:center;color:#fff;position:absolute;right:-12px;bottom:12px;font-size:11px;-webkit-border-radius:3px;border-radius:3px}
.Recent_posts ul li.no-img{position:relative}
.Recent_posts ul li.no-img .photo{width:0;position:static}
.Recent_posts ul li.no-img .desc{margin-right:0;min-height:inherit}
.Recent_posts.classic ul li a:hover h6,
.Recent_posts.classic ul li a:hover .desc .date{color:#fff!important}
.Recent_posts.classic ul li a:hover .desc:after{width:100%} .Recent_posts ul li.format-link .photo{background-color:#eee;background-image:url(//www.earth-th.com/wp-content/themes/betheme/images/link.png);background-position:center center;background-repeat:no-repeat}
.Recent_posts ul li.format-quote .photo{background-color:#eee;background-image:url(//www.earth-th.com/wp-content/themes/betheme/images/blockquote.png);background-position:center center;background-repeat:no-repeat;background-size:40% auto} .Recent_posts.blog_news ul li{margin-bottom:20px;overflow:hidden}
.Recent_posts.blog_news ul li .photo{float:left;width:30%;height:auto;border-right:3px solid #ddd;background-color:transparent}
.Recent_posts.blog_news ul li .photo .c{display:none}
.Recent_posts.blog_news ul li .desc{width:70%;margin-left:30%;padding-top:0;box-sizing:border-box;background:none!important}
.Recent_posts.blog_news ul li .desc:after{display:none}
.Recent_posts.blog_news ul li .desc h6{margin-top:-3px}
.Recent_posts.blog_news ul li.no-img .photo{display:none}
.Recent_posts.blog_news ul li.no-img .desc{width:100%;margin-left:0;padding-left:0} .Recent_posts ul li a h6,.Recent_posts ul li a .desc .date,.Recent_posts ul li a .desc:after{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .widget_media_gallery .gallery .gallery-item{margin-bottom:2.5%!important} .widget_recent_entries ul li{padding:5px 15px;background:#fff;position:relative;margin-bottom:10px}
.widget_recent_entries ul li a{display:block;text-decoration:none;position:relative;z-index:2;margin-bottom:3px;padding-bottom:3px;border-bottom-width:1px;border-style:solid}
.widget_recent_entries ul li:last-child{margin-bottom:0}
.widget_recent_entries ul li:after{content:"";display:block;position:absolute;right:0;top:0;width:4px;height:100%}
.widget_recent_entries ul li:hover:after{width:100%}
.widget_recent_entries ul li .post-date{display:block;position:relative;z-index:2}
.widget_recent_entries ul li:hover a,.widget_recent_entries ul li:hover .post-date{color:#fff}
.widget_recent_entries ul li:hover a,.widget_recent_entries ul li:hover .post-date,.widget_recent_entries ul li:hover:after{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .widget_categories ul{list-style-type:square;color:#fff;padding:5px 10px 5px 30px}
.widget_categories ul li{position:relative}
.widget_categories ul li:after{content:"";display:block;width:70px;border-width:0 0 1px;border-style:solid;border-color:rgba(255,255,255,.2);position:absolute;left:-30px;bottom:0}
.widget_categories ul li:last-child:after{display:none}
.widget_categories ul li a{color:#fff!important;display:block;padding:7px 0 7px 3px} .widget_archive ul,.widget_nav_menu ul{list-style-type:square;padding:5px 10px 5px 30px;background:rgba(0,0,0,.03)}
.widget_archive ul li,.widget_nav_menu ul li{position:relative}
.widget_archive ul li:after,.widget_nav_menu ul li:after{content:"";display:block;width:70px;border-width:0 0 1px;border-style:solid;border-color:rgba(0,0,0,.1);position:absolute;left:-30px;bottom:0}
.widget_archive ul li:last-child:after,.widget_nav_menu ul li:last-child:after{display:none}
.widget_archive ul li a,.widget_nav_menu ul li a{display:block;padding:8px 0 9px 3px} .widget_meta ul,.widget_pages ul,.widget_rss ul{list-style-type:square;padding:0 0 0 30px}
.widget_meta ul li a,.widget_pages ul li a,.widget_rss ul li a{display:block;padding:4px 0 7px 4px} .widget_mfn_recent_comments ul{margin:0!important}
.widget_mfn_recent_comments ul li{padding-bottom:15px;margin-bottom:0!important;background:url(//www.earth-th.com/wp-content/themes/betheme/images/recent_comments.png) no-repeat 4px top;padding-left:40px;position:relative;list-style:none!important}
.widget_mfn_recent_comments ul li:last-child{padding-bottom:5px}
.widget_mfn_recent_comments ul li .date_label{background-color:rgba(0,0,0,.03);margin-top:7px;margin-bottom:5px;position:relative}
.widget_mfn_recent_comments ul li .date_label:after{border-left-color:rgba(0,0,0,.03)}
.widget_mfn_recent_comments ul li:after{content:"";width:7px;height:7px;border-width:4px;border-style:solid;-webkit-border-radius:100%;border-radius:100%;position:absolute;left:0;top:11px;display:block;z-index:1}
.widget_mfn_recent_comments ul li p{margin-bottom:0} .widget_recent_comments ul li{padding-bottom:5px;padding-top:6px;background:url(//www.earth-th.com/wp-content/themes/betheme/images/recent_comments.png) no-repeat 4px top;padding-left:40px;position:relative}
.widget_recent_comments ul li:last-child{padding-bottom:5px}
.widget_recent_comments ul li:after{content:"";width:7px;height:7px;border-width:4px;border-style:solid;-webkit-border-radius:100%;border-radius:100%;position:absolute;left:0;top:11px;display:block;z-index:1} .widget_search input[type="text"]{margin-bottom:0;width:100%}
.widget_search .icon_close,.widget_search .icon_search{display:none} .widget_calendar td,.widget_calendar th{padding:4px 3px}
.widget_calendar caption{padding:5px;font-size:14px}
.widget_calendar table tfoot tr:hover td{background:none!important} .Flickr{overflow:hidden}
.Flickr .flickr_badge_image{margin:0;padding:0;float:left;margin:0 1% 2% 1%;width:23%}
.Flickr .flickr_badge_image a{display:block;line-height:0} .widget_tp_widget_recent_tweets .tp_recent_tweets{clear:none;float:none}
.widget_tp_widget_recent_tweets ul{overflow:hidden}
.widget_tp_widget_recent_tweets ul li:last-child{padding-bottom:0} .widget_mfn_tag_cloud ul{margin-bottom:0;overflow:hidden}
.widget_mfn_tag_cloud ul li{margin:0;padding:0;float:left;margin:0 5px 2px 0}
.widget_mfn_tag_cloud a{overflow:hidden;white-space:nowrap;display:inline-block;height:22px;font-size:12px;padding-right:8px;margin-right:1px}
.widget_mfn_tag_cloud a:hover{text-decoration:none}
.widget_mfn_tag_cloud a span{padding-left:8px;height:22px;line-height:22px;display:block;float:left} .widget_mfn_menu ul li a{display:block;padding:7px 10px;margin-bottom:5px;background:#fff;border:1px solid rgba(0,0,0,.04);color:#858585}
.widget_mfn_menu ul li a:hover,.widget_mfn_menu ul li.current-menu-item:not(.current-menu-ancestor) > a,.widget_mfn_menu ul li.current_page_item:not(.current_page_ancestor) > a{text-decoration:none;color:#fff!important}
.widget_mfn_menu ul li ul li a{padding-left:20px}
.widget_mfn_menu ul li ul li a:before{content:"-";margin-right:5px}
.widget_mfn_menu ul li ul li ul li a{padding-left:40px}
.widget_mfn_menu ul li ul li ul li ul li a{padding-left:60px}
.widget_mfn_menu ul.submenus-hover li ul{overflow:hidden;max-height:0;-webkit-transition:max-height 1s ease-in-out;-moz-transition:max-height 1s ease-in-out;-o-transition:max-height 1s ease-in-out;transition:max-height 1s ease-in-out}
.widget_mfn_menu ul.submenus-hover li.current_page_item > ul,.widget_mfn_menu ul.submenus-hover li:hover > ul{max-height:10000px}
.widget_mfn_menu ul.submenu-active li.current-menu-parent > ul{max-height:10000px}
.widget_mfn_menu ul.submenus-click li ul{overflow:hidden;max-height:0}
.widget_mfn_menu ul.submenus-click li.hover > ul{max-height:10000px} .mfn-login{overflow:hidden}
.mfn-login form p{margin-bottom:5px}
.mfn-login form input{margin-bottom:0}
.mfn-login .sep{margin:0 7px}
.mfn-login .avatar-wrapper{float:left;width:64px;margin:0 10px 10px 0}
.mfn-login .author{float:left}
.mfn-login .alert{padding:5px 10px;margin-bottom:5px} .portfolio_group{margin:0!important}
.portfolio_group .portfolio-item{list-style:none!important;float:left}
.portfolio_group .portfolio-item.isotope-grid-sizer{margin:0!important}
.portfolio_group:not(.list) .portfolio-item{background:none!important}
.portfolio_group .portfolio-item .list_style_header{display:none;overflow:hidden;margin-bottom:20px;position:relative;min-height:46px;padding-right:275px}
.portfolio_group .portfolio-item .list_style_header h3{margin-bottom:0;margin-top:7px}
.portfolio_group .portfolio-item .list_style_header .links_wrapper{position:absolute;right:0;top:0}
.portfolio_group .portfolio-item .list_style_header .links_wrapper a{margin-bottom:0}
.portfolio_group .portfolio-item .list_style_header .links_wrapper a:last-child{margin-right:0}
.portfolio_group .portfolio-item:first-child .list_style_header .links_wrapper a.portfolio_prev_js{display:none}
.portfolio_group .portfolio-item:last-child .list_style_header .links_wrapper a.portfolio_next_js{display:none}
.portfolio_group .portfolio-item .image_frame {
width: 100%;
margin-bottom: 0;
border: 0;
}
.portfolio_group .portfolio-item .desc{padding:20px;background:#fff;overflow:hidden}
.portfolio_group .portfolio-item .desc .title_wrapper{position:relative;padding-right:43px}
.portfolio_group .portfolio-item .desc .title_wrapper h5{margin-bottom:0}
.portfolio_group .portfolio-item .desc .title_wrapper .button-love{position:absolute;right:0;top:0}
.portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love{display:inline-block;position:relative;padding-left:24px}
.portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love i{position:absolute;left:0;top:0;font-size:16px}
.portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love:hover{text-decoration:none}
.portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love i:last-child{opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.portfolio_group .portfolio-item .desc .title_wrapper .button-love a:hover.mfn-love i:last-child,.portfolio_group .portfolio-item .desc .title_wrapper .button-love a.loved.mfn-love i:last-child{opacity:1;filter:alpha(opacity=100)}
.portfolio_group .portfolio-item .desc .desc-wrapper{margin-right:280px}
.portfolio_group .portfolio-item .desc .details-wrapper{float:right;width:240px;padding-left:19px;border-left-width:1px;border-style:solid}
.portfolio_group .portfolio-item .desc .details-wrapper dl{margin-bottom:0}
.portfolio_group .portfolio-item .desc .details-wrapper dl > dt{padding:2px 0;border:0;width:80px}
.portfolio_group .portfolio-item .desc .details-wrapper dl > dd{padding:2px 0;border:0;margin-left:90px} .portfolio_group.list .portfolio-item{width:100%;border-bottom-width:0;border-style:solid}
.portfolio_group.list .portfolio-item .portfolio-item-fw-bg{background-position:top center;background-repeat:repeat;padding:35px 0}
.portfolio_group:not(.list) .portfolio-item .portfolio-item-fw-bg{background:none!important}
body.with_aside .portfolio_group.list .portfolio-item .portfolio-item-fw-bg{padding-left:5%;padding-right:5%}
body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper{width:1176px;margin:0 auto}
.portfolio_group.list .portfolio-item .list_style_header{display:block}
.portfolio_group.list .portfolio-item .desc{background:none;padding:20px 0 0}
.portfolio_group.list .portfolio-item .desc .title_wrapper{display:none} .portfolio_group.flat .portfolio-item{width:33.3%}
.portfolio_group.flat .portfolio-item .image_frame{border:0}
.portfolio_group.flat .portfolio-item .image_frame .mask{box-shadow:0 0 0 0;-webkit-box-shadow:0 0 0 0}
.portfolio_group.flat .portfolio-item .desc{display:none} .portfolio_group.grid .portfolio-item{width:31.2%;margin:0 1% 20px}
.portfolio_group.grid .portfolio-item .desc .desc-wrapper,.portfolio_group.grid .portfolio-item .desc .details-wrapper{display:none} .portfolio_group.masonry .portfolio-item {
width: 31.2%;
margin: 0 1% 20px;
transition-duration: initial!important;
}
.portfolio_group.masonry .portfolio-item .desc .title_wrapper{margin-bottom:15px}
.portfolio_group.masonry .portfolio-item .desc .desc-wrapper{display:block;margin-right:0}
.portfolio_group.masonry .portfolio-item .desc .details-wrapper{display:none} .portfolio_group.masonry-hover .portfolio-item { width: 31.2%; margin: 0 1% 20px; }
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper { position: relative; overflow: hidden; }
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc { opacity: 0; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,.3); height: 100%; width: 100%; padding: 10% 10% 50px; box-sizing: border-box; z-index:2; }
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3:after { content: ""; display: block; margin: 15px 0; width: 20px; height: 3px; background: #fff; }
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3 a { color: #fff; }
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .desc-inner { height: 100%; overflow: hidden; color: #fff; }
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper { bottom: 18px; box-sizing: border-box; left: 0; padding: 0 7% 0 8%; position: absolute; width: 100%; }
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.link,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.external { font-size: 25px; color: #fff; position: relative; top: 0; }
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom {  }
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.link { float: right; }
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.external {}
.portfolio_group.masonry-hover .portfolio-item .image-wrapper { line-height: 0; }
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light h3 a,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light .desc-inner,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light .links-wrappper a { color: #444; }
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light h3:after { background: #444; }
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper:hover .hover-desc { opacity: 1; }
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a:hover.zoom,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a:hover.link,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a:hover.external { top: -3px; }
.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc { padding: 10%; }
.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper { overflow: visible; }
.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc { position: static; opacity: 1; }
.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc .desc-inner { margin-bottom: 15px; }
.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc .links-wrappper { position: static; padding: 0; margin-top: 30px; }
.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom { display:none; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.link,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.external,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .portfolio_group.masonry-minimal .portfolio-item { width: 31.2%; margin: 0 1% 20px; } .portfolio_group.masonry-flat { float:left; width:100.5%;}
.portfolio_group.masonry-flat .portfolio-item { width: 24.9%; display:block; float:left; position:relative;}
.portfolio_group.masonry-flat .portfolio-item.wide { width:49.8%;}
.portfolio_group.masonry-flat .portfolio-item .portfolio-item-fill { padding-bottom:78%;}
.portfolio_group.masonry-flat .portfolio-item.tall .portfolio-item-fill { padding-bottom:156%;}
.portfolio_group.masonry-flat .portfolio-item.wide .portfolio-item-fill { padding-bottom:39%;}
.portfolio_group.masonry-flat .portfolio-item.tall.wide .portfolio-item-fill { padding-bottom:78%;}
.portfolio_group.masonry-flat .portfolio-item .image_frame { border: 0; position:absolute; top:0; left:0; bottom:0; right:0; overflow:hidden;}
.portfolio_group.masonry-flat .portfolio-item .image_frame .image_wrapper { position:static;}
.portfolio_group.masonry-flat .portfolio-item .image_frame .mask { box-shadow: 0 0 0 0; -webkit-box-shadow: 0 0 0 0; }
.portfolio_group.masonry-flat .portfolio-item .image_frame img { margin:0 !important; top:0 !important; }
.portfolio_group.masonry-flat .portfolio-item .desc { display: none; }  .portfolio_group.grid.col-2 .portfolio-item,
.portfolio_group.masonry.col-2 .portfolio-item,
.portfolio_group.masonry-hover.col-2 .portfolio-item,
.portfolio_group.masonry-minimal.col-2 .portfolio-item { width: 47.99%;}
.portfolio_group.grid.col-3 .portfolio-item,
.portfolio_group.masonry.col-3 .portfolio-item,
.portfolio_group.masonry-hover.col-3 .portfolio-item,
.portfolio_group.masonry-minimal.col-3 .portfolio-item { width: 31.33%;}
.portfolio_group.grid.col-4 .portfolio-item,
.portfolio_group.masonry.col-4 .portfolio-item,
.portfolio_group.masonry-hover.col-4 .portfolio-item,
.portfolio_group.masonry-minimal.col-4 .portfolio-item { width: 22.99%;}
.portfolio_group.grid.col-5 .portfolio-item,
.portfolio_group.masonry.col-5 .portfolio-item,
.portfolio_group.masonry-hover.col-5 .portfolio-item,
.portfolio_group.masonry-minimal.col-5 .portfolio-item { width: 18.99%; margin: 0 0.5% 20px;}
.portfolio_group.grid.col-6 .portfolio-item,
.portfolio_group.masonry.col-6 .portfolio-item,
.portfolio_group.masonry-hover.col-6 .portfolio-item,
.portfolio_group.masonry-minimal.col-6 .portfolio-item { width: 15.66%; margin: 0 0.5% 20px;} .portfolio_group.flat.col-2 .portfolio-item { width: 49.99%;}
.portfolio_group.flat.col-3 .portfolio-item { width: 33.33%;}
.portfolio_group.flat.col-4 .portfolio-item { width: 24.99%;}
.portfolio_group.flat.col-5 .portfolio-item { width: 19.99%;}
.portfolio_group.flat.col-6 .portfolio-item { width: 16.66%;} .portfolio_group.exposure {}
.portfolio_group.exposure .portfolio-item { width: 100%; position: relative; }
.portfolio_group.exposure .portfolio-item a.link { display: block; }
.portfolio_group.exposure .portfolio-item .image-wrapper { line-height: 0; }
.portfolio_group.exposure .portfolio-item .image-wrapper .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.5); opacity: 0; }
.portfolio_group.exposure .portfolio-item .desc-inner { position: absolute; left: 0; top: 30px; z-index: 2; width: 100%; }
.portfolio_group.exposure .portfolio-item .desc-inner .desc-wrapper-inner { padding: 0 35px; margin: 0 1%; width: 98%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.full-width .portfolio_group.exposure .portfolio-item .desc-inner { top: 70px; }
.full-width .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrapper-inner { padding: 0; }
.portfolio_group.exposure .portfolio-item .desc-inner .line { display: block; width: 0; height: 4px; margin-bottom: 20px; }
.portfolio_group.exposure .portfolio-item .desc-inner .entry-title { margin-bottom: 20px; }
.portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper { width: 75%; opacity: 0.7; }
.portfolio_group.exposure .portfolio-item .details-wrapper { position: absolute; right: 0; bottom: 5px; z-index: 2; width: 100%; }
.portfolio_group.exposure .portfolio-item .details-wrapper .details-wrapper-inner { padding: 0 25px; margin: 0 1%; width: 98%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.full-width .portfolio_group.exposure .portfolio-item .details-wrapper { bottom: 35px; }
.full-width .portfolio_group.exposure .portfolio-item .details-wrapper .details-wrapper-inner { padding: 0; }
.portfolio_group.exposure .portfolio-item .details-wrapper .column { float: right; opacity: 0; -webkit-transform: translateY(-7%); transform: translateY(-7%); border-top: 1px solid rgba(255,255,255,.4); padding: 20px 10px; margin-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.portfolio_group.exposure .portfolio-item .details-wrapper .column h5.label { font-weight: 400; margin-bottom: 8px; }
.portfolio_group.exposure .portfolio-item .details-wrapper .column h5 { font-weight: 700; } .portfolio_group.exposure .portfolio-item .desc-inner .entry-title,
.portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper,
.portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h2,
.portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h3,
.portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h4,
.portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h5,
.portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h6,
.portfolio_group.exposure .portfolio-item .details-wrapper h5,
.portfolio_group.exposure .portfolio-item .details-wrapper h5 a { color: #fff; } .portfolio_group.exposure .portfolio-item .desc-inner .line,
.portfolio_group.exposure .portfolio-item .image-wrapper .mask {
-webkit-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.portfolio_group.exposure .portfolio-item .details-wrapper .column {
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.portfolio_group.exposure .portfolio-item .details-wrapper .column:first-child {
-webkit-transition-delay: 0.2s; transition-delay: 0.2s;
}
.portfolio_group.exposure .portfolio-item .details-wrapper .column:nth-child(2) {
-webkit-transition-delay: 0.3s; transition-delay: 0.3s;
}
.portfolio_group.exposure .portfolio-item .details-wrapper .column:nth-child(3) {
-webkit-transition-delay: 0.4s; transition-delay: 0.4s;
}
.portfolio_group.exposure .portfolio-item:hover .desc-inner .line { width: 100px; }
.portfolio_group.exposure .portfolio-item:hover .image-wrapper .mask { opacity: 1; }
.portfolio_group.exposure .portfolio-item:hover .details-wrapper .column { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.section_wrapper .portfolio_wrapper .column.one.pager_wrapper .hover-desc{margin:40px 0!important}
.template-slider .section-portfolio-header{margin-top:30px} #Footer{background-position:center top;background-repeat:no-repeat;position:relative}
#Footer .footer_action{background:rgba(0,0,0,.1)}
#Footer .footer_action .one{margin-bottom:30px;padding-top:30px;text-align:center;font-size:110%;line-height:180%}
#Footer .widgets_wrapper .widget, #Footer .widgets_wrapper .widget p {
font-family: "IBM Plex Sans Thai", sans-serif;
font-style: normal;
}
#Footer .widgets_wrapper .textwidget ul li, #Footer .widgets_wrapper .textwidget ul li a {
font-weight: 500;
color: #686868;
}
#Footer .widgets_wrapper .column:last-child ul:first-child li {
border-right: 1px solid #ccc;
padding-right: 15px;
margin-right: 15px;
margin-left: 0;
}
#Footer .widgets_wrapper .column:last-child ul:first-child li:last-child {
border-right: 0;
}
#Footer .widgets_wrapper .widget p {
font-weight: 600;
}
#Footer .widgets_wrapper .widget:after{display:none}
#Footer .footer_copy .one {
margin-bottom: 0;
padding-top: 0;
min-height: initial;
}
body #Footer .footer_copy .copyright {
position: relative;
font-size: 15px;
text-align: center;
line-height: 20px;
padding: 10px 0 10px;
font-weight: 300;
}
#Footer .footer_copy .copyright, #Footer .footer_copy .copyright a {
color: #000;
}
body #Footer .footer_copy .copyright a {
}
#Footer .footer_copy .social{float:right;margin-right:20px}
#Footer .footer_copy .social li{display:inline-block;margin-right:6px}
#Footer .footer_copy .social li:last-child{margin-right:0}
#Footer .footer_copy .social li a{color:rgba(255,255,255,.3);font-size:15px;line-height:15px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#Footer .footer_copy .social li a:hover{color:#fff}
#Footer .footer_copy .social-menu{float:right;margin-right:20px}
#Footer .footer_copy .social-menu li{display:inline-block;margin-right:6px;padding-right:6px;border-right:1px solid rgba(255,255,255,.1)}
#Footer .footer_copy .social-menu li:last-child{margin-right:0;padding-right:0;border-right:0}
.footer-copy-center #Footer .footer_copy{text-align:center}
.footer-copy-center #Footer .footer_copy .copyright {
float: none;
margin: 0;
}
.footer-copy-center #Footer .footer_copy a#back_to_top{float:none;margin:-10px 0 10px}
.footer-copy-center #Footer .footer_copy .social{float:none;margin:0}
.footer-copy-center #Footer .footer_copy .social-menu{float:none;margin:0} #back_to_top {
float: right;
margin: -4px 0 0;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 20px;
text-align: center;
}
a#back_to_top.button.button_js{color:#fff}
#back_to_top.hide{display:none}
#back_to_top.in_footer{position:absolute;bottom:20px;right:75px}
#back_to_top.sticky{position:fixed;right:75px;bottom:20px;z-index:9001}
.nice-scroll #back_to_top.sticky{right:85px}
#back_to_top.sticky.scroll{opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#back_to_top.sticky.scroll.focus,#back_to_top.sticky.scroll:hover{opacity:1} #Footer .Recent_posts ul li .desc{background:rgba(0,0,0,.1)}
#Footer .widget_mfn_menu ul li a{background:rgba(0,0,0,.1);color:#ccc}
#Footer .widget_recent_entries ul li{background:rgba(0,0,0,.1)}
#Footer ul.list_mixed li:after,#Footer ul.list_check li:after,#Footer ul.list_star li:after,#Footer ul.list_idea li:after{background:rgba(255,255,255,.08)}
#Footer .widget_mfn_recent_comments ul li .date_label{background-color:rgba(0,0,0,.07)}
#Footer .widget_mfn_recent_comments ul li .date_label:after{border-left-color:rgba(0,0,0,.07)} .footer-fixed #Footer{position:fixed;width:100%;bottom:0;left:0;z-index:1}
.footer-sliding #Wrapper,.footer-sliding #Content{position:relative;z-index:0}
.footer-sliding #Footer{position:fixed;width:100%;bottom:0;left:0;z-index:-1}
.footer-stick #Footer.is-sticky{position:fixed;width:100%;bottom:0;left:0} .comments{margin-bottom:0}
#comments .nocomments{margin-bottom:40px}
#comments > :first-child{border-top-width:1px;border-style:solid;padding-top:20px}
.page #comments > :first-child{margin-top:20px}
#comments .commentlist{margin-left:0}
#comments .commentlist li{list-style:none!important;}
#comments .commentlist > li{margin-bottom:30px}
#comments .commentlist > li .comment-body{position:relative;background:#fff;padding:20px;margin-bottom:20px;margin-left:105px}
#comments .commentlist > li .comment-body:after{content:"";display:block;position:absolute;left:-6px;top:35px;width:0;height:0;border-style:solid;border-width:6px 6px 6px 0;border-color:transparent #fff transparent transparent}
#comments .commentlist > li .children{margin-bottom:15px;padding-left:40px;border-left:1px solid #ddd}
#comments .commentlist > li .photo{display:block;width:64px;height:64px;overflow:hidden;line-height:0;position:absolute;left:-105px;top:0;border-width:8px;border-style:solid;-webkit-border-radius:100%;border-radius:100%}
#comments .commentlist > li .comment-author{font-size:15px;color:#444}
#comments .commentlist > li .comment-author .fn{font-weight:700}
#comments .commentlist > li .comment-meta{font-size:12px;font-style:italic}
#comments .commentlist > li .comment-meta a.comment-edit-link{float:right;padding-right:52px;position:relative;top:-19px}
#comments .commentlist > li p{margin:4px 0 10px}
#comments .commentlist > li .reply{position:absolute;right:20px;top:20px}
#comments .commentlist > li .reply a.comment-reply-link{font-size:11px;color:#fff;padding:3px 6px;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:3px;background-image:url(//www.earth-th.com/wp-content/themes/betheme/images/stripes/stripes_10_w.png)}
#comments .commentlist > li .reply a:hover.comment-reply-link{text-decoration:none}
#comments .commentlist li .comment-body.lastBorder{border-bottom:0}
#comments .commentlist .children{margin-bottom:0;margin-left:30px;padding-left:50px}
#comments .commentlist .children li{margin-bottom:0}
#comments #comments-title{margin-bottom:20px}
#comments #comments-title span{font-style:italic} #respond{overflow:hidden;margin-bottom:40px}
#respond .comment-reply-title{font-size:21px;line-height:25px}
#respond p{margin-bottom:15px;padding-left:0!important}
#respond .comment-notes .required{position:static}
#respond input[type="text"]{margin-bottom:0}
#respond label{margin-bottom:3px}
#respond .comment-form-author{width:31.3%;margin-right:2%!important;float:left;position:relative}
#respond .comment-form-email{width:31.3%;margin-right:2%!important;float:left;position:relative}
#respond .comment-form-url{width:33.3%;float:left;position:relative}
#respond input[type="text"],#respond input[type="password"],#respond input[type="email"],#respond select{width:100%}
#respond .comment-form-comment{width:100%}
#respond .comment-form-comment textarea{width:100%;margin-bottom:10px}
#respond .form-submit{margin:0}
#respond .form-submit input[type="submit"]{float:right!important;margin:0!important}
#respond .form-allowed-tags{display:none}
#respond .form-allowed-tags code{margin-top:10px} .single-testimonial .post-nav,.single-testimonial .post-meta .category,.single-testimonial .fixed-nav{display:none} body.error404{height:100%}
body.error404.custom-404,body.error404.events-archive{height:auto}
body.error404:not(.events-archive) #Content{padding:0!important}
#Error_404{overflow:hidden;position:absolute;top:50%;margin-top:-150px;left:30px}
#Error_404 .error_pic{width:30%;float:left;text-align:center}
#Error_404 .error_pic i{font-size:250px;line-height:250px}
#Error_404 .error_desk{width:70%;float:left;padding-top:40px}
#Error_404 .error_desk h2{font-size:45px;line-height:45px}
#Error_404 .error_desk h4{font-size:26px;line-height:30px}
#Error_404 .error_desk p .check{line-height:45px;font-size:16px}
#Error_404 .error_desk p .button{margin:0;display:inline;margin-left:20px} .search-not-found .snf-pic{float:left;text-align:center;width:275px}
.search-not-found .snf-pic i{font-size:200px;line-height:200px}
.search-not-found .snf-desc{width:70%;width:calc(100% - 275px);float:left;padding-top:40px}
.search-not-found .snf-desc h2{font-size:45px;line-height:45px;color:rgba(0,0,0,.7)}
.search-not-found .snf-desc h4{font-size:26px;line-height:30px;color:rgba(0,0,0,.7)} .section.has-video{position:relative;overflow:hidden}
.section.has-video .section_video{position:absolute;top:0;left:0;min-height:100%;min-width:100%;overflow:hidden;z-index:1}
.section.has-video .section_video .mask{position:absolute;top:0;left:0;height:100%;width:100%;z-index:3;background:url(//www.earth-th.com/wp-content/themes/betheme/images/videomask.png) repeat center}
.section.has-video .section_video video{position:absolute;top:0;left:0;min-height:100%;min-width:100%;z-index:2}
.section.has-video .section_wrapper{position:relative;z-index:10}
@media only screen and (max-device-width:1024px) {
.section.has-video .section_video{display:none!important}
} .section.has-navi .section-nav{position:absolute;left:50%;z-index:701;cursor:pointer;font-size:38px;width:50px;height:50px;line-height:50px;margin:0 0 0 -25px;text-align:center;color:rgba(0,0,0,.2)}
.section.has-navi .section-nav:hover{color:rgba(0,0,0,.8)}
.section.has-navi .section-nav.prev{top:25px}
.section.has-navi .section-nav.next{bottom:25px}
.section.has-navi:first-child .section-nav.prev,.section.has-navi:nth-last-child(3) .section-nav.next{display:none}
.section.has-navi .section-nav{color:rgba(0,0,0,.2)}
.section.has-navi .section-nav:hover{color:rgba(0,0,0,.8)}
.section.has-navi.dark .section-nav{color:rgba(255,255,255,.2)}
.section.has-navi.dark .section-nav:hover{color:rgba(255,255,255,.8)}
.section.has-navi .section-nav{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out} .dark,.dark ul.timeline_items,.dark .icon_box a .desc,.dark .icon_box a:hover .desc,.dark .feature_list ul li a,.dark .list_item a:not(.icon_bar),.dark .list_item a:not(.icon_bar):hover,.dark .widget_recent_entries ul li a{color:#fff!important}
.dark .ui-tabs .ui-tabs-panel,.dark .accordion .question .answer{color:#626262} .dark blockquote{background-image:url(//www.earth-th.com/wp-content/themes/betheme/images/stripes/textline_dark.png)}
.dark blockquote:after{background-image:url(//www.earth-th.com/wp-content/themes/betheme/images/blockquote_dark.png)} .dark h1,.dark h1 a,.dark h1 a:hover{color:#fff}
.dark h2,.dark h2 a,.dark h2 a:hover{color:#fff}
.dark h3,.dark h3 a,.dark h3 a:hover{color:#fff}
.dark h4,.dark h4 a,.dark h4 a:hover{color:#fff}
.dark h5,.dark h5 a,.dark h5 a:hover{color:#fff}
.dark h6,.dark h6 a,.dark h6 a:hover,.dark a.content_link .title{color:#fff} .dark .idea_box,.dark table th,.dark table td,.dark .list_item .circle,
.dark input[type="text"],.dark input[type="tel"],.dark input[type="password"],.dark input[type="email"],.dark textarea,.dark select,.dark .promo_box.has_border:after,
.dark dl > dt,.dark dl > dd,.dark .article_box .desc_wrapper p,.dark a.icon_bar,.dark a.content_link,.dark .how_it_works .image,.dark .opening_hours,.dark .opening_hours .opening_hours_wrapper li,
.dark .icon_box.has_border:after,.dark .chart_box:before,.dark .pricing-box,.dark .team_list .bq_wrapper,.dark .post-footer .post-links,.dark .format-link .post-title .icon-link,
.dark .share_wrapper,.dark .post-header .title_wrapper,.dark .section-post-related .section-related-adjustment,.dark .comments,.dark .widget-area,.dark .widget:after,
.dark .fixed-nav .desc h6,.dark .portfolio_group.list .portfolio-item,.dark .portfolio_group .portfolio-item .desc .details-wrapper,.dark .Recent_posts ul li .desc h6,
.dark .widget_recent_entries ul li a,.dark .woocommerce .widget_best_sellers li,.dark .woocommerce .widget_featured_products li,.dark .woocommerce .widget_recent_reviews li,
.dark .woocommerce .widget_recent_products li,.dark .woocommerce .widget_recently_viewed_products li,.dark .woocommerce .widget_random_products li,.dark .woocommerce .widget_top_rated_products li,
.dark .woocommerce .widget_onsale li,.dark .woocommerce .widget_layered_nav li,.dark .woocommerce .widget_shopping_cart ul.product_list_widget li,
.dark .woocommerce .widget_products li,.dark .woocommerce .product .related.products,.dark .woocommerce .product div.entry-summary h1.product_title:after,
.dark .woocommerce .quantity input.qty{border-color:rgba(255,255,255,.08)} .dark .blockquote p.author span,.dark .counter .desc_wrapper .title,.dark .article_box .desc_wrapper p,.dark .team .desc_wrapper p.subtitle,.dark .pricing-box .plan-header p.subtitle,.dark .pricing-box .plan-header .price sup.period,.dark .chart_box p,.dark .fancy_heading .inside,
.dark .fancy_heading_line .slogan,.dark .post-meta,.dark .post-meta a,.dark .post-footer,.dark .post-footer a span.label,.dark .pager .pages a,.dark .button-love a .label,
.dark .pager-single a,.dark #comments .commentlist > li .comment-author .says,.dark .fixed-nav .desc .date,.dark .filters_buttons li.label,.dark .Recent_posts ul li a .desc .date,
.dark .widget_recent_entries ul li .post-date,.dark .tp_recent_tweets .twitter_time,.dark .widget_price_filter .price_label,.dark .shop-filters .woocommerce-result-count,
.dark .woocommerce ul.product_list_widget li .quantity,.dark .widget_shopping_cart ul.product_list_widget li dl,.dark .product_meta .posted_in,
.dark .woocommerce .shop_table .product-name .variation > dd,.dark .shipping-calculator-button:after,.dark .shop_slider .shop_slider_ul li .item_wrapper .price del,
.dark .testimonials_slider .testimonials_slider_ul li .author span,.dark .testimonials_slider .testimonials_slider_ul li .author span a{color:#DEDEDE} .dark hr{background-color:rgba(255,255,255,.08);color:rgba(255,255,255,.08)} .dark .faq .question .title{color:#fff}
.dark .faq .question,
.dark .faq .question::after{background-color:rgba(255,255,255,.02)}
.dark .faq .question::before{border-color:rgba(255,255,255,.1)}
.dark .faq .question .title > .acc-icon-plus,
.dark .faq .question .title > .acc-icon-minus{color:rgba(255,255,255,.25)}
.style-simple .dark .faq .question{border-color:rgba(255,255,255,.1)} .dark blockquote{color:#fff}
.dark .article_box .desc_wrapper h4{color:#444}
.dark .progress_bars .bars_list li h6 .label{color:rgba(255,255,255,0.35);background:rgba(255,255,255,0.05)}
.dark .counter .desc_wrapper .number{color:#fff}
.dark a.content_link .title{color:#444}
.dark .opening_hours,.dark .opening_hours h3{color:#444}
.dark .Recent_posts ul li .desc{background:rgba(0,0,0,.1)} .dark .pricing-box-box{background:rgba(0,0,0,0.1)}
.dark .pricing-box .plan-inside ul li{border-bottom:1px solid rgba(255,255,255,0.1)} .dark .column_column ul,.dark .column_column ol,.dark .the_content_wrapper ul,.dark .the_content_wrapper ol{color:#fff}
.dark .list_item.lists_2 .list_icon i{color:#fff} .dark .pricing-box-table.pricing-box-featured{background:rgba(0,0,0,.1)}
.dark .pricing-box .plan-header .price sup.period{color:rgba(255,255,255,0.5)!important} .dark .call_to_action .call_left h3{color:rgba(0,0,0,.65)}
.dark .call_to_action .call_center a{color:#fff} .dark .fancy_heading_line{background-image:url(//www.earth-th.com/wp-content/themes/betheme/images/fancy_heading_hr_dark.png)} .dark .content_slider.flat a.button .button_icon i{color:#fff} .style-simple .dark .quick_fact .number-wrapper{color:#fff} .dark a.mfn-link,.dark a:hover.mfn-link{color:#fff}
.dark a.hover.mfn-link-2 span:before,.dark a.mfn-link-8:after,.dark a.mfn-link-8:before{background:#fff}
.dark a.mfn-link-4:hover:before,.dark a.mfn-link-4:hover:after,.dark a.hover.mfn-link-4:before,.dark a.hover.mfn-link-4:after,.dark a.mfn-link-7:after,.dark a.mfn-link-7:before{background:#fff}
.dark a.mfn-link-6:before{border-bottom-color:#fff} .dark .slider_pagination a{background:rgba(255,255,255,0.3)}