.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1,h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
font-size: 100%;
margin: 0;
padding: 0;
border: 0;
outline: none;
}
html {
height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;
}
b, strong { font-weight: bold;
font-weight: 900;
}
img {
font-size: 0;
color: transparent;
vertical-align: middle;
-ms-interpolation-mode: bicubic; }
li { display: list-item;
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th, td, caption {
font-weight: normal;
vertical-align: top;
text-align: left;
}
q {
quotes: none;
}
q:before, q:after {
content: '';
content: none;
}
sub, sup, small {
font-size: 75%;
}
sub, sup {
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
svg { overflow: hidden;
}
p:empty {
display: none !important;
}
div::-moz-selection { background: #fff;
}
div::selection {
background: #fff;
} ::-moz-selection { color: #fff;
background: #E6500A;
}
::selection {
color: #fff;
background: #E6500A;
}
*, *:after, *:before {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
-webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .nm-preload * {
-webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important;
} .fl-right {
float: right;
}
.fl-left {
float: left;
} .clear:before,
.clear:after,
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clear:after,
.clearfix:after {
clear: both;
}
.clear,
.clearfix {
*zoom: 1;
clear: both;
} .nopad-left {
padding-left: 0;
}
.nopad-right {
padding-right: 0;
}
.nopad {
padding-right: 0;
padding-left: 0;
} img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}
a {
text-decoration: none;
-webkit-transition: color 0.2s ease; transition: color 0.2s ease;
}
a {
color: #282828;
outline: 0;
}
a:hover {
color: #282828;
}
.touch a:hover {
color: inherit;
}
a.dark {
color: #fff;
}
a.gray,
a.invert-color {
color: #888;
}
a.dark:hover,
a.gray:hover,
a.invert-color:hover {
color: #dc9814;
}
.round { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.nm-bullet-list { padding-bottom: 20px; }
.nm-bullet-list li { list-style: disc inside; }
.push-right { float: right; }
.push-left { float: left; } input[type="text"],
input[type="password"],
input[type="number"],
input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="time"], input[type="month"], input[type="week"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="url"],
input.input-text,
select,
textarea {
background: none;
font-family: inherit;
line-height: 20px;
outline: 0;
padding: 35px 0px 10px;
border: 0;
font-size: 16px;
border-bottom: 1px solid #dddddd;
-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
-webkit-appearance: none;
width: 100%;
color: #009646;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="time"]:focus, input[type="month"]:focus, input[type="week"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input.input-text:focus,
select:focus,
textarea:focus {
outline: 0;
border-color: #009646;
color: #009646;
} input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px white inset;
} .button,
a.button,
.woocommerce a.button,
input[type=submit] {
display: inline-block;
font-size: 16px;
line-height: 16px;
color: #fff;
padding: 9px 15px 10px;
border: 0 none;
-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
text-align: center;
opacity: 1;
-webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease;
background-color: #009646;
border-radius: 0;
}
.button:hover,
input[type=submit]:hover {
color: #fff;
opacity: 0.82;
}
.button:active,
.button:focus,
input[type=submit]:active,
input[type=submit]:focus {
outline: none;
}
.touch .button:hover,
.touch .button:active,
.touch .button:focus,
.touch input[type=submit]:hover,
.touch input[type=submit]:active,
.touch input[type=submit]:focus {
opacity: 1;
}
.button[disabled],
.button.disabled,
.button.loading {
cursor: default;
opacity: 0.82;
background: #828282;
}  @font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: url(//www.kayo.com.tw/wp-content/themes/kayo_theme/fonts/montserrat-v12-latin-regular.eot); src: local('Montserrat Regular'), local('Montserrat-Regular'),
url(//www.kayo.com.tw/wp-content/themes/kayo_theme/fonts/montserrat-v12-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.kayo.com.tw/wp-content/themes/kayo_theme/fonts/montserrat-v12-latin-regular.woff2) format('woff2'), url(//www.kayo.com.tw/wp-content/themes/kayo_theme/fonts/montserrat-v12-latin-regular.woff) format('woff'), url(//www.kayo.com.tw/wp-content/themes/kayo_theme/fonts/montserrat-v12-latin-regular.ttf) format('truetype'), url(//www.kayo.com.tw/wp-content/themes/kayo_theme/fonts/montserrat-v12-latin-regular.svg#Montserrat) format('svg'); } @font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 800;
src: url(//www.kayo.com.tw/wp-content/themes/kayo_theme/fonts/montserrat-v12-latin-800.eot); src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'),
url(//www.kayo.com.tw/wp-content/themes/kayo_theme/fonts/montserrat-v12-latin-800.eot?#iefix) format('embedded-opentype'), url(//www.kayo.com.tw/wp-content/themes/kayo_theme/fonts/montserrat-v12-latin-800.woff2) format('woff2'), url(//www.kayo.com.tw/wp-content/themes/kayo_theme/fonts/montserrat-v12-latin-800.woff) format('woff'), url(//www.kayo.com.tw/wp-content/themes/kayo_theme/fonts/montserrat-v12-latin-800.ttf) format('truetype'), url(//www.kayo.com.tw/wp-content/themes/kayo_theme/fonts/montserrat-v12-latin-800.svg#Montserrat) format('svg'); }
body {
font-size: 16px;
line-height: 1.7;
letter-spacing: 1px;
font-family: Montserrat, Helvetica, "PingFang TC", 微軟正黑體, "Microsoft JhengHei", sans-serif;
color: #1e1e1e;
}
h1, h2, h3, h4, h5, h6 {
font-style: normal;
line-height: 1.4;
color: #1e1e1e;
font-weight: bolder;
}
h5, h6 {
line-height: 1.6;
}
h1 { font-size: 60px; }
h2 { font-size: 36px; }
h3 { font-size: 30px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
select::-ms-expand {
display: none;
}
::-webkit-input-placeholder { opacity: 1; }
:-moz-placeholder { opacity: 1; } ::-moz-placeholder { opacity: 1; } :-ms-input-placeholder { opacity: 1; }
@supports (-ms-accelerator:true) { ::-webkit-input-placeholder { opacity: 1; }
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{
transition-duration:50ms
}
[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{
transition-delay:50ms
}
[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{
transition-duration:.1s
}
[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{
transition-delay:.1s
}
[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{
transition-duration:.15s
}
[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{
transition-delay:.15s
}
[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{
transition-duration:.2s
}
[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{
transition-delay:.2s
}
[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{
transition-duration:.25s
}
[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{
transition-delay:.25s
}
[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{
transition-duration:.3s
}
[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{
transition-delay:.3s
}
[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{
transition-duration:.35s
}
[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{
transition-delay:.35s
}
[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{
transition-duration:.4s
}
[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{
transition-delay:.4s
}
[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{
transition-duration:.45s
}
[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{
transition-delay:.45s
}
[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{
transition-duration:.5s
}
[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{
transition-delay:.5s
}
[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{
transition-duration:.55s
}
[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{
transition-delay:.55s
}
[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{
transition-duration:.6s
}
[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{
transition-delay:.6s
}
[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{
transition-duration:.65s
}
[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{
transition-delay:.65s
}
[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{
transition-duration:.7s
}
[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{
transition-delay:.7s
}
[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{
transition-duration:.75s
}
[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{
transition-delay:.75s
}
[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{
transition-duration:.8s
}
[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{
transition-delay:.8s
}
[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{
transition-duration:.85s
}
[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{
transition-delay:.85s
}
[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{
transition-duration:.9s
}
[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{
transition-delay:.9s
}
[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{
transition-duration:.95s
}
[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{
transition-delay:.95s
}
[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{
transition-duration:1s
}
[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{
transition-delay:1s
}
[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{
transition-duration:1.05s
}
[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{
transition-delay:1.05s
}
[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{
transition-duration:1.1s
}
[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{
transition-delay:1.1s
}
[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{
transition-duration:1.15s
}
[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{
transition-delay:1.15s
}
[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{
transition-duration:1.2s
}
[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{
transition-delay:1.2s
}
[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{
transition-duration:1.25s
}
[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{
transition-delay:1.25s
}
[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{
transition-duration:1.3s
}
[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{
transition-delay:1.3s
}
[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{
transition-duration:1.35s
}
[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{
transition-delay:1.35s
}
[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{
transition-duration:1.4s
}
[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{
transition-delay:1.4s
}
[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{
transition-duration:1.45s
}
[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{
transition-delay:1.45s
}
[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{
transition-duration:1.5s
}
[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{
transition-delay:1.5s
}
[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{
transition-duration:1.55s
}
[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{
transition-delay:1.55s
}
[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{
transition-duration:1.6s
}
[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{
transition-delay:1.6s
}
[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{
transition-duration:1.65s
}
[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{
transition-delay:1.65s
}
[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{
transition-duration:1.7s
}
[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{
transition-delay:1.7s
}
[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{
transition-duration:1.75s
}
[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{
transition-delay:1.75s
}
[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{
transition-duration:1.8s
}
[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{
transition-delay:1.8s
}
[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{
transition-duration:1.85s
}
[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{
transition-delay:1.85s
}
[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{
transition-duration:1.9s
}
[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{
transition-delay:1.9s
}
[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{
transition-duration:1.95s
}
[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{
transition-delay:1.95s
}
[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{
transition-duration:2s
}
[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{
transition-delay:2s
}
[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{
transition-duration:2.05s
}
[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{
transition-delay:2.05s
}
[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{
transition-duration:2.1s
}
[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{
transition-delay:2.1s
}
[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{
transition-duration:2.15s
}
[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{
transition-delay:2.15s
}
[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{
transition-duration:2.2s
}
[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{
transition-delay:2.2s
}
[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{
transition-duration:2.25s
}
[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{
transition-delay:2.25s
}
[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{
transition-duration:2.3s
}
[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{
transition-delay:2.3s
}
[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{
transition-duration:2.35s
}
[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{
transition-delay:2.35s
}
[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{
transition-duration:2.4s
}
[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{
transition-delay:2.4s
}
[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{
transition-duration:2.45s
}
[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{
transition-delay:2.45s
}
[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{
transition-duration:2.5s
}
[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{
transition-delay:2.5s
}
[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{
transition-duration:2.55s
}
[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{
transition-delay:2.55s
}
[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{
transition-duration:2.6s
}
[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{
transition-delay:2.6s
}
[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{
transition-duration:2.65s
}
[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{
transition-delay:2.65s
}
[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{
transition-duration:2.7s
}
[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{
transition-delay:2.7s
}
[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{
transition-duration:2.75s
}
[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{
transition-delay:2.75s
}
[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{
transition-duration:2.8s
}
[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{
transition-delay:2.8s
}
[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{
transition-duration:2.85s
}
[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{
transition-delay:2.85s
}
[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{
transition-duration:2.9s
}
[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{
transition-delay:2.9s
}
[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{
transition-duration:2.95s
}
[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{
transition-delay:2.95s
}
[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{
transition-duration:3s
}
[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{
transition-delay:3s
}
[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{
transition-timing-function:cubic-bezier(.25,.25,.75,.75)
}
[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{
transition-timing-function:ease
}
[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{
transition-timing-function:ease-in
}
[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{
transition-timing-function:ease-out
}
[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{
transition-timing-function:ease-in-out
}
[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{
transition-timing-function:cubic-bezier(.6,-.28,.735,.045)
}
[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{
transition-timing-function:cubic-bezier(.175,.885,.32,1.275)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{
transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)
}
[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{
transition-timing-function:cubic-bezier(.47,0,.745,.715)
}
[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{
transition-timing-function:cubic-bezier(.39,.575,.565,1)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{
transition-timing-function:cubic-bezier(.445,.05,.55,.95)
}
[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{
transition-timing-function:cubic-bezier(.55,.085,.68,.53)
}
[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{
transition-timing-function:cubic-bezier(.25,.46,.45,.94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{
transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1)
}
[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{
transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1)
}
[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{
transition-timing-function:cubic-bezier(.25,.46,.45,.94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{
transition-timing-function:cubic-bezier(.455,.03,.515,.955)
}
[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{
transition-timing-function:cubic-bezier(.55,.085,.68,.53)
}
[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{
transition-timing-function:cubic-bezier(.25,.46,.45,.94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{
transition-timing-function:cubic-bezier(.455,.03,.515,.955)
}
[data-aos^=nfade-in][data-aos^=nfade-in]{
opacity:0;
}
[data-aos^=nfade-in][data-aos^=nfade-in].aos-animate{
opacity:1;
}
[data-aos^=fade][data-aos^=fade]{
opacity:0;
transition-property:opacity,transform
}
[data-aos^=fade][data-aos^=fade].aos-animate{
opacity:1;
transform:translate(0)
}
[data-aos=fade-up]{
transform:translateY(20px)
}
[data-aos=fade-down]{
transform:translateY(-100px)
}
[data-aos=fade-right]{
transform:translate(-100px)
}
[data-aos=fade-left]{
transform:translate(100px)
}
[data-aos=fade-up-right]{
transform:translate(-100px,100px)
}
[data-aos=fade-up-left]{
transform:translate(100px,100px)
}
[data-aos=fade-down-right]{
transform:translate(-100px,-100px)
}
[data-aos=fade-down-left]{
transform:translate(100px,-100px)
}
[data-aos^=zoom][data-aos^=zoom]{
opacity:0;
transition-property:opacity,transform
}
[data-aos^=zoom][data-aos^=zoom].aos-animate{
opacity:1;
transform:translate(0) scale(1)
}
[data-aos=zoom-in]{
transform:scale(.6)
}
[data-aos=zoom-in-up]{
transform:translateY(100px) scale(.6)
}
[data-aos=zoom-in-down]{
transform:translateY(-100px) scale(.6)
}
[data-aos=zoom-in-right]{
transform:translate(-100px) scale(.6)
}
[data-aos=zoom-in-left]{
transform:translate(100px) scale(.6)
}
[data-aos=zoom-out]{
transform:scale(1.2)
}
[data-aos=zoom-out-up]{
transform:translateY(100px) scale(1.2)
}
[data-aos=zoom-out-down]{
transform:translateY(-100px) scale(1.2)
}
[data-aos=zoom-out-right]{
transform:translate(-100px) scale(1.2)
}
[data-aos=zoom-out-left]{
transform:translate(100px) scale(1.2)
}
[data-aos^=slide][data-aos^=slide]{
transition-property:transform
}
[data-aos^=slide][data-aos^=slide].aos-animate{
transform:translate(0)
}
[data-aos=slide-up]{
transform:translateY(100%)
}
[data-aos=slide-down]{
transform:translateY(-100%)
}
[data-aos=slide-right]{
transform:translateX(-100%)
}
[data-aos=slide-left]{
transform:translateX(100%)
}
[data-aos^=flip][data-aos^=flip]{
backface-visibility:hidden;
transition-property:transform
}
[data-aos=flip-left]{
transform: scaleX(1);
transform-origin: right;
}
[data-aos=flip-left].aos-animate{
transform: scaleX(0);
}
[data-aos=flip-right]{
transform: scaleX(0);
transform-origin: left;
}
[data-aos=flip-right].aos-animate{
transform: scaleX(1);
}
[data-aos=skew-in]{
opacity: 0;
transform: skewY(10deg) translate(0px,40px);
transform-origin: 0% 0%;
}
[data-aos=skew-in].aos-animate{
opacity: 1;
transform: skewY(0deg) translate(0px,0);
transform-origin: 0% 0%;
}
[data-aos=flip-up]{
transform:perspective(2500px) rotateX(-100deg)
}
[data-aos=flip-up].aos-animate{
transform:perspective(2500px) rotateX(0)
}
[data-aos=slideInTo]{
width:100%;
transition-property:all;
}
[data-aos=slideInTo].aos-animate{
width: 0%;
transition-property:all;
}.n_page{
margin-top: 20vh;
}
.title_section{
margin-bottom: 10vh;
}
.n_button a,
.n_button span{
display: block;
background: none;
border: 1px solid #009646;
color: #009646;
padding: 15px 25px;
font-size: 16px;
font-weight: bolder;
cursor: pointer;
}
.n_button:hover a,
.nav-links > div:hover span{
background: #009646;
color: #fff;
}
.white_cover, .dark_cover{
position: absolute;
z-index: 1;
height: 100%;
float: right;
top: 0;
right: 0;
}
.white_cover{
background: #fff;
}
.dark_cover{
background: #1E1E1E;
}
.nocross{fill: #1E1E1E}
.noresult{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.noresult h2, .noresult span{
display: inline-block;
vertical-align: middle;
margin: 10px;
}
.noresult > div{margin: 20px;}
.noresult svg{width: 150px;height: 150px;}
#loadani{
width: 100%;
height: 100%;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 9999;
background: #fff;
position: fixed;
}
.lyellow{fill:#FCCF00;}
.lblack{fill:#1E1E1E;}
.lstroke{
fill:none;stroke:#1E1E1E;stroke-miterlimit:10;
stroke-dashoffset: 100;
stroke-dasharray: 100;
-webkit-animation: loadAni 3s linear infinite;
animation: loadAni 3s linear infinite;
}
.loadimg{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.loadimg svg{
width: 150px;
height: 150px;
}
.loadimg p{
text-align: center;
color: #1E1E1E;
opacity: 0;
-webkit-animation: shining 0.5s linear infinite;
animation: shining 0.5s linear infinite;
}
.stronglink{
pointer-events: none !important;
}
.stronghide{
display: none !important;
} .header{
position: fixed;
top: 0;
z-index: 888;
height: 0;
border-bottom: 1px solid #efefef;
background: #fff;
width: 100%;
border: 0;
}
.logo svg{
max-width: 150px;
height: auto;
width: 100%;
}
.logo{
position: fixed;
top: 3%;
left: 3%;
}
.logosvg{
stroke:rgba(0,0,0,0);
fill: #009646;
}
.logo:hover .logosvg{
stroke:#009646;
fill:rgba(0,0,0,0);
}
.menuopen{
position: fixed;
top: 3%;
right: 3%;
z-index: 888;
}
.menuopen div{
position: relative;
display: block;
width: 45px;
height: 45px;
padding: 0px 0px 10px 10px;
margin-top: 2px;
cursor: pointer;
}
.mline1{
width: 25px;
height: 2px;
background: #009646;
position: absolute;
top: 0px;
}
.mline2{
content: '';
width: 25px;
height: 2px;
background: #009646;
position: absolute;
top: 10px;
}
.mline3{
content: '';
width: 25px;
height: 2px;
background: #009646;
position: absolute;
top: 20px;
}
.mline4{    
content: '';
width: 25px;
height: 2px;
background: #009646;
position: absolute;
top: 10px;
-webkit-transform: rotate(45deg) scaleX(0);
-ms-transform: rotate(45deg) scaleX(0);
transform: rotate(45deg) scaleX(0);
}
.btn_des{
background: #009646;
color: #fff;
padding: 3px 10px;
position: absolute;
bottom: -30px;
left: 50%;
-webkit-transform: translate(-50%, -10px);
-ms-transform: translate(-50%, -10px);
transform: translate(-50%, -10px);
font-size: 14px;
opacity: 0;
pointer-events: none;
}
.logo .btn_des{
bottom: -40px;
width: 110px;
}
.btn_des:before{
width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 8px 5px;
border-color: transparent transparent #009646 transparent;
position: absolute;
content: '';
top: -8px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.clickopen span.mline1,
.clickopen span.mline3{
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
}
.clickopen span.mline2{
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.clickopen span.mline4{
-webkit-transform: rotate(45deg) scaleX(1);
-ms-transform: rotate(45deg) scaleX(1);
transform: rotate(45deg) scaleX(1);
}
.menuopen.close:hover .btn_des,
.logo:hover .btn_des{
opacity: 1;
-webkit-transform: translate(-50%, 0px);
-ms-transform: translate(-50%, 0px);
transform: translate(-50%, 0px);
}
.navbg{
position: fixed;
z-index: 666;
background: rgba(0,0,0,.5);
top: 0;
right: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
opacity: 0;
-webkit-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
pointer-events: none;
}
.navbg.show{
opacity: 1;
pointer-events: initial;
}
.es_nav{
position: fixed;
right: -100%;
top: 0;
overflow-y: scroll;
width: 70%;
height: 100%;
background: #fff;
border-left: 1px solid #efefef;
z-index: 777;
}
.es_nav.open{
right: 0;
width: 70%;
}
.nav{
position: absolute;
left: 0;
top: 5%;
width: 100%;
opacity: 0;
}
.es_nav.open .nav{
opacity: 1;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.nav > ul > li > a{
font-size: 24px;
font-weight: bolder;
color: #009646;
}
.nav > ul > li > .sub-menu a:hover{
color: #009646
}
.nav li{
position: relative;
vertical-align: top;
}
.nav > ul > li{
padding: 10px 0 10px 4%;
border-bottom: 1px solid #efefef;
}
.nav > ul > li:nth-child(-n+2)>a{
color: #E6500A;
}
.nav > ul > li:nth-child(-n+2) .sub-menu a:hover{
color: #E6500A;
}
.nav > ul > li > a:hover{
color: #1E1E1E;
}
.sub-menu{
font-weight: normal;
font-size: 16px;
}
.nav > ul > li > ul > li{
display: inline-block;
width: 32%;
padding-right: 20px;
}
.nav > ul > li > ul > li > ul{
display: none;    
position: absolute;
z-index: 1;
background: #fff;
border: 1px solid #efefef;
}
.nav > ul > li > ul > li > ul > li > a{
padding: 5px 10px;
display: block;
}
.nav > ul > li > ul > li > ul > li > a:hover{
background: #efefef;
}
.opensub,
.sidebar-widget h3:after{
width: 0;
height: 0;
border-style: solid;
border-width: 8px 5px 0 5px;
border-color: #1e1e1e transparent transparent transparent;
display: inline-block;
margin-left: 10px;
cursor: pointer;
position: absolute;
top: 10px;
right: 20%;
}
.opensub:hover{
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
}
.opensub.open{
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.searchform .search{
padding: 10px 0 10px 4%;    
border-bottom: 1px solid #efefef;
}
.search input[type="search"]{
font-size: 16px;
font-weight: bolder;
border: 0;
color: #E6500A;
width: 190px;
padding: 0;
}
.search input::-webkit-input-placeholder{
color: #E6500A;
opacity: 1;
}
.search input::-moz-input-placeholder{
color: #E6500A;
opacity: 1;
}
.search input::input-placeholder{
color: #E6500A;
opacity: 1;
}
button.search-submit:focus{
outline: none;
}
button.search-submit:focus span:first-child{
border-color: #009646;
}
button.search-submit:focus span:last-child{
background: #009646;
}
button.search-submit{
border: 0;
width: 25px;
height: 16px;
padding: 0;
cursor: pointer;
background: none;
}
.magnifier{
position: relative;
width: 15px;
height: 15px;
}
.magnifier span{
top: 0;
left: 0;
position: absolute;
}
.magnifier span:first-child{
border: 2px solid #E6500A;
width: 13px;
height: 13px;
border-radius: 50px;
}
.magnifier span:last-child{
width: 6px;
height: 2px;
background: #E6500A;
left: 8px;
top: 12px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.header.scroll{
height: 65px;
}
.header.scroll .logo{
top: 20px;
left: 20px;
}
.header.scroll svg{
max-width: 130px;
}
.header.scroll .menuopen{
top: 20px;
right: 10px;
} #home_m_visual{
width: 100%;
height: 100vh;
position: relative;
background: #1E1E1E;
}
.hmv_wrapper{
width: 100%;
height: 100vh;
background: #1E1E1E;
}
#primary{
max-width: 1200px;
margin: 20vh auto 0;
padding-bottom: 10vh;
display: block;
}
#main_ani{
position: absolute;
z-index: 0;
opacity: 0;
-webkit-animation: fadeIn 0.5s;
animation: fadeIn 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.hm_title{
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.hm_title > div{
text-align: center;
}
.hm_title .n_button{
opacity: 0;
-webkit-transform: translate(0,20px);
-ms-transform: translate(0,20px);
transform: translate(0,20px);
}
.hm_title h1{
font-size: 70px;
color: #009646;
margin-bottom: 10vh;
}
.hm_title .n_button{
display: inline-block;
margin: 10px;    
width: 150px;
text-align: center;
}
.hm_title .n_button img{
max-width: 100px;
width: 100%;
height: auto;
margin-bottom: 20px;
}
.n_button.wel a{
color: #E6500A;
border-color: #E6500A;
}
.n_button.wel:hover a{
background: #E6500A;
color: #fff;
}
.hm_title i{
opacity: 0;
-webkit-transform: translate(20px,0);
-ms-transform: translate(20px,0);
transform: translate(20px,0);
font-style: normal;
display: inline-block;
}
.hm_title i.show,
.n_button.show{
opacity: 1;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
}
svg .scrollround{
fill:none;
stroke:#FFFFFF;
stroke-miterlimit:10;
}
.h_scrolldown{
position: absolute;
left: 50%;
bottom: 30px;
-webkit-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
transform: translate(-50%,0);
z-index: 3
}
.h_scrolldown svg{
width: 35px;
height: auto;
}
.h_scrolldown i{
width: 1px;
height: 11px;
background: #fff;
position: absolute;
left: 49%;
top: 12px;
-webkit-animation: upDown 1.5s infinite;
animation: upDown 1.5s infinite;
}
.home_intro > div > div{
display: inline-block;
width: 100%;
margin-bottom: 6rem
}
.home_intro{
padding: 15vh 0;
}
.home_intro > div{
width: 80%;
margin: 0 auto;
}
.home_intro .n_button{
float: left;
}
.hd_title h2{
font-size: 50px;
color: #009646;
margin-bottom: 30px;
float: left;
}
.hd_des p{
font-size: 18px;
margin-bottom: 30px;
}
.hd_des{
float: right;
width: 80%;
}
.h_intro_des, .h_intro_img{
display: inline-block;
vertical-align: middle;
width: 49%;
clear: both;
position: relative;
}
.h_wel_intro .h_intro_des{padding-right: 50px;}
.h_saf_intro .h_intro_des{padding-left: 50px;}
.h_wel_intro h2{color: #E6500A} .about_m_visual{
padding: 15vh 0 15vh;
background: #1E1E1E;
}
.abt_container{
width: 70%;
margin: 0 auto;
position: relative;
}
.am_top_title{
position: relative;
z-index: 1
}
.am_top_title h1{
color: #009646;
font-size: 50px;
}
.am_top_title > div{
background: #fff;
padding: 8vh 5vh;
width: 50%;
position: relative;
}
.am_top_img{
z-index: 0;
width: 60%;
position: relative;
float: right;
margin-top: -130px;
}
.about_m_btm{
margin-top: 8vh;
color: #fff;
text-align: center;
}
.about_m_btm h2{
font-size: 50px;
color: #fff;
margin-bottom: 20px;
}
.ac_title h2{
font-size: 50px;
color: #009646;
line-height: 60px;
}
.ac_title{
width: 25%;
display: inline-block;
vertical-align: top;
}
.ac_des{
width: 74%;
display: inline-block;
vertical-align: top;
font-size: 26px;
padding-left: 50px;
}
.ac_des p{
margin-bottom: 20px;
}
.ac_des p:nth-child(2){
font-weight: bolder;
}
.about_concept{
margin-top: 15vh;
}
.about_timeline{
margin: 10vh 0;
}
.about_timeline > div{
width: 1290px;
margin: 0 auto;
}
.tl_arrow svg,
.veri_slide_arrow svg{
width: 18px;
height: 18px;
}
.tl_arrow > div,
.veri_slide_arrow > div{
width: 30px;
height: 30px;
border: 1px solid #009646;
text-align: center;    
padding-top: 5px;
cursor: pointer;
}
.tl_line, .veline{
fill:none;
stroke:#009546;
stroke-miterlimit:10;
}
.tl_arrow > div:hover,
.veri_slide_arrow > div:hover{background: #009646}
.tl_arrow > div:hover .tl_line,
.veri_slide_arrow > div:hover .veline{stroke:#ffffff;}
.tl_prev{margin-bottom: 10px;}
.tl_arrow{
display: inline-block;
vertical-align: middle;
width: 5%;
}
.tl_slider{
display: inline-block;
vertical-align: middle;
width: 92%;
height: 420px;
overflow: hidden;
position: relative;
}
.tl_slider i{
width: 15px;
height: 15px;
border-radius: 50px;
background: #1e1e1e;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.tl_slider span{
font-size: 50px;
display: inline-block;
vertical-align: middle;
font-weight: bolder;
margin-right: 10px;
}
.tl_slider p{
display: inline-block;
vertical-align: middle;
font-size: 18px;
width: 500px;
}
#earth{
width: 440px;
height: 500px;
position: relative;
z-index: 0;
float: left;
}
.time_line{
width: 730px;
position: relative;
z-index: 1;
float: right;
margin-top: 4%;
}
.tsli_wrap > div{
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
opacity: 0.1;
}
.tsli_wrap > div.current{
-webkit-transform: scale(1) translate(20px,0);
-ms-transform: scale(1) translate(20px,0);
transform: scale(1) translate(20px,0);
opacity: 1;
height: 85px;
overflow: hidden;
}
.tsli_wrap > div.sec{
-webkit-transform: scale(0.8) translate(10px,0);
-ms-transform: scale(0.8) translate(10px,0);
transform: scale(0.8) translate(10px,0);
opacity: 0.3;
}
.tsli_wrap{
position: absolute;
margin-top: 170px;
}
.tsli_wrap > div.current span{color: #009646;}
.tsli_wrap > div.current i{background: #009646} .veri_open{
width: 45px;
height: 45px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.veri_open{
opacity: 0;
}
.abt_verif_slide .slick-slide{
padding: 20px 20px 60px;
}
.veri_outside{
background: #fff;
cursor: pointer;
position: relative;
border: 1px solid #D1D3D4;
}
.veri_outside p{
color: #009646;
text-align: center;
opacity: 0;
position: absolute;
bottom: -40px;
left: 50%;
-webkit-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
transform: translate(-50%,0);
width: 200px;
}
.abt_verif_slide .slick-slide:hover .veri_outside{
-webkit-box-shadow: 0 0 15px rgba(0,0,0,.2);
box-shadow: 0 0 15px rgba(0,0,0,.2);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
cursor: zoom-in;
}
.abt_verif_slide .slick-slide:hover .veri_open,
.abt_verif_slide .slick-slide:hover p{
opacity: 1;
}
.veri_pop{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
display: none;
z-index: 999;
-webkit-animation: fadeIn 0.5s;
animation: fadeIn 0.5s;
}
.veri_pop_bg{
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
background: rgba(0,0,0,.5);
}
.veri_pop_bg:hover{
cursor: zoom-out;
}
.veri_pop_wrap{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.veri_pop_img{
width: auto;
height: 80vh;
max-width: none;
}
.vericlose{
width: 45px;
height: 45px;
position: absolute;
top: -20px;
right: -20px;
cursor: pointer;
}
.vericlose:hover{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.about_verif{
margin-bottom: 10vh;
}
.about_verif h2{
color: #009646;
font-size: 50px;
text-align: center;
}
.veri_slide_arrow{
position: absolute;
width: 100%;
top: 50%;
}
.veri_slide_arrow > div{
position: absolute;
top: 50%;
-webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
transform: translate(0,-50%);
}
.vs_prev{
left: -30px;
}
.vs_next{
right: -30px;
}
.about_choose{
margin: 15vh 0 0;
padding-bottom: 15vh;
}
.abt_why_title{
float: left;
width: 45%;
}
.abt_why_btn{
float: right;
width: 45%;
}
.abt_why_title h2{
font-size: 50px;
color: #009646;
margin-bottom: 30px;
}
.abt_why_title p{
margin-bottom: 20px;
font-size: 26px;
}
.abt_why_btn h3{
font-size: 30px;
margin-bottom: 30px;
}
.abt_why_slide{margin-bottom: 30px;}
.abt_why_btn .n_button{
width: 280px;
margin-bottom: 30px;
} .slick-slide{
position: relative;
}
.sidebar-widget h3{
font-size: 18px;
position: relative;
margin-bottom: 10px;
}
.sidebar-widget h3:after{
content: '';
right: auto;
top: 7px;
}
.widget_product_categories ul.product-categories{
clear: both;
display: table;
width: 100%;
}
.widget_product_categories ul.product-categories li.cat-parent > a{
font-weight: bolder;
}
.yith-wcan-list li.level-1{
font-weight: bolder;
}
.widget_product_categories ul.product-categories li a{
font-size: 14px;
display: block;
padding: 6px 12px;
background: #efefef;
position: relative;
float: left;
}
.widget_product_categories ul.product-categories li a:hover{
background: #009646;
color: #fff;
}
.widget_product_categories ul.product-categories li.current-cat a{
background: #009646;
color: #fff;
}
.widget_product_categories ul.product-categories li.current-cat a:hover{
opacity: 0.5;
}
.term-welding .widget_product_categories ul.product-categories li.current-cat a,
.term-welding .widget_product_categories ul.product-categories li a:hover,
.term-welding a.ajax_add_to_cart{
background: #E6500A;
}
.product-categories > li.cat-parent > a{display: none !important;}
.yith-wcan-list li.chosen a:hover{
background: #1E1E1E
}
.term-welding .cart_count a{
background: #E6500A;
}
.term-welding .cart_count div,
.term-welding .summary_sku{color: #E6500A;}
.yith-wcan-loading{
background-size: 5%;
background-position: center;
background-repeat: no-repeat;
-webkit-animation: fadeIn 0.3s;
animation: fadeIn 0.3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.wpcf7-spinner{
width: 50px;
height: 50px;
display: block;
background-size: cover;
background-position: center;
background-image: url(//www.kayo.com.tw/wp-content/themes/images/ajax-loader.gif);
position: absolute;
right: 0;
bottom: 0;
}
.scroll-loader img{
width: 50px;
height: 50px;
} .posts_img{
width: 25%;
float: left;
position: relative;
}
.posts_text{
width: 69%;
float: right;    
padding-top: 30px;
}
li.post{
margin-bottom: 10vh
}
li.post:hover a{
color: #009646;
}
.posts_text h2{
margin-bottom: 20px;
font-size: 30px;
}
.post_read{
font-size: 24px;
color: #009646;
font-weight: bolder;
} 
.postsingle > h1{
font-size: 36px;
position: relative;
margin-bottom: 20px;
}
.post_tags{
margin: 5vh 0;
padding: 30px 0;
border-top: 1px solid #efefef;
border-bottom: 1px solid #efefef;
font-size: 0;
}
.post_tags a{
display: inline-block;
border: 1px solid #1E1E1E;
padding: 5px 10px;
color: #1E1E1E;
font-size: 16px;
margin-left: 20px;
}
.post_tags a:hover{
background: #1E1E1E;
color: #fff;
}
.post_tags span{
font-size: 16px;
}
.postcontent{
margin-top: 10vh;
}
.postcontent p{
font-size: 20px;
margin-bottom: 20px;
}
.postcontent h1{font-size: 30px;}
.postcontent h2{font-size: 24px;}
.postcontent h3{font-size: 18px;}
.postcontent h2,
.postcontent h3,
.postcontent h4,
.postcontent h5,
.postcontent h6{
margin: 20px 0 15px;
}
.postcontent img{
margin: 20px 0;
position: relative;
}
.postcontent p.wp-caption-text{
background: #009646;
display: inline-block;
color: #fff;
padding: 3px 10px;
position: relative;
}
.postcontent p.wp-caption-text:before{
content: '';
position: absolute;
width: 0;
height: 0;
left: 20px;
top: -10px;
border-style: solid;
border-width: 0 6px 10.4px 6px;
border-color: transparent transparent #009646 transparent;
}
.postcontent ul, .postcontent ol{
margin-left: 20px;
margin-bottom: 15px;
line-height: 30px;
}
.postcontent ol, .pc_content ol{
margin-left: 30px;    
list-style-type: none;
counter-reset: es_count_ol;
}
.postcontent ul li:before{
content: "•";
font-size: 40px;
color: #009646;
display: inline-block;
width: 30px;
margin-left: -22px;
position: absolute;
}
.postcontent ul li, .postcontent ol li{
margin-bottom: 15px;
}
.postcontent ol li:before{
content: counter(es_count_ol);
counter-increment: es_count_ol;
color: #009646;
display: inline-block;
font-size: 18px;
width: 30px;
margin-left: -23px;
position: absolute;
}
.postcontent hr{
border: 0.5px solid #d4d4d4;
margin: 30px 0 30px;
}
.postcontent blockquote{
background: #fff;
padding: 20px 20px 1px;
margin-bottom: 20px;
border-left: 5px solid #cfdb00;
}
.postcontent a{
color: #009646;
padding: 5px 10px;
border: 1px solid #009646;
display: inline-block;
}
.postcontent.page a{
border: 0;
display: inline-block;
}
.postcontent a:hover{
background: #009646;
color: #fff;
}
.postcontent img.image2{
display: inline-block;
width: 50%;
vertical-align: top;
}
.postcontent img.image2:nth-child(1){
padding-right: 10px;
}
.postcontent img.image2:nth-child(2){
padding-left: 10px;
}
.postcontent img.full{
width: 100%;
}
.postcontent td{
border: 1px solid #efefef;
padding: 5px 10px;
}
.postcontent th{
padding: 5px 10px;
background: #1e1e1e;
color: #fff;
}
.postcontent table{
border: 2px solid #1e1e1e;
}
.fullimage{
max-width: 100% !important;
width: 100% !important;
}
.post_gallery div{
background-size: cover;
background-position: center;
width: 120px;
height: 120px;
display: inline-block;
cursor: pointer;
margin-top: 4vh;
margin-right: 20px;
position: relative;
}
.post_gallery div:hover{
-webkit-box-shadow: 0 0 15px rgba(0,0,0,.4);
box-shadow: 0 0 15px rgba(0,0,0,.4);
-webkit-transform: translate(0, -5px);
-ms-transform: translate(0, -5px);
transform: translate(0, -5px);
}
.post_gallery div:hover .veri_open{
opacity: 1;
}
.nav-links > div{
width: 40%;
float: left;
}
.nav-links .n_button{
display: inline-block;
margin-bottom: 20px;
}
div.nav-next{
float: right;text-align: right;
} .catepart, .cateimgpart{
position: relative;
width: 50%;
float: left;
height: 100vh;
}
.catepart > div{
position: absolute;
width: 80%;
top: 54%;
left: 55%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.cateslider{
width: 100%;
height: 100%;
}
.cateimg{
width: 100%;
height: 100vh;
background-size: cover;
background-position: center;
background-color: #efefef;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.slick-active .cateimg{
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.catepart h1{
margin-bottom: 3vh;
display: inline-block;
}
.catepart.wel h1{
color: #E6500A;
}
.catepart.saf .cate_list > ul > li > a{
color: #009646
}
.cate_list > ul > li{
font-weight: bolder;
width: 39%;
display: inline-block;
margin-right: 50px;
margin-bottom: 20px;
font-size: 18px;
vertical-align: top;
}
.cate_list a{
display: block;
}
.catepart.wel a:hover{
color: #E6500A;
}
.catepart.saf .sub-menu a:hover{
color: #009646;
}
.catepart.saf .cate_list > ul > li > a:hover{
color: #1e1e1e;
} .woocommerce ul.products li.first, .woocommerce-page ul.products li.first{
clear: none;
}
a.button.wc-forward{
display: none;
}
.woocommerce #respond input#submit.added::after, .woocommerce a.button.added::after, .woocommerce button.button.added::after, .woocommerce input.button.added::after{
font-size: 14px;
vertical-align: middle;
}
.woocommerce a.added_to_cart{
display: none;
font-size: 0;
}
.woocommerce-products-header{
margin-bottom: 5vh;
}
.es_titleani > h1{
line-height: 60px;
position: relative;
display: inline-block;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
width: 20%;
margin: 0;    
padding: 20px;
}
.woocommerce .woocommerce-result-count{margin: 0;}
.es_product_post{
width: 20%;
float: left;
padding: 20px;
position: relative;
overflow: hidden;
cursor: pointer;
}
.price{
display: none !important;
}
.archive_products,
.search_products{
padding-bottom: 10vh;
}
.archive_products .es_product_post:first-child{
width: 40%;
}
.es_product_post img{
width: 100%;
height: auto;
}
.woocommerce ul.products,
ul.products.searchpro{
margin-left: -20px;
margin-right: -20px;
}
.es_product_post a{
display: block;
}
.es_product_post a.ajax_add_to_cart{
position: absolute;
top: 35px;
left: 35px;
font-weight: normal;
-webkit-transform: translate(0, -20px);
-ms-transform: translate(0, -20px);
transform: translate(0, -20px);
opacity: 0;
border: 1px solid rgba(0,0,0,0);
font-size: 13px;
}
.es_product_post a.ajax_add_to_cart:after{
content: '+';
font-size: 29px;
line-height: 1px;
vertical-align: middle;
}
.es_product_post .es_name_wrap{
position: absolute;
bottom: 0;
width: 100%;
padding: 15px;
left: 0;
text-align: left;
}
.es_product{position: relative;}
.es_name_wrap h2{
font-size: 13px;
font-weight: normal;
padding: 5px 10px;
background: #fff;
-webkit-transform: translate(0, 20px);
-ms-transform: translate(0, 20px);
transform: translate(0, 20px);
opacity: 0;
}
.woocommerce a.button:hover{
background: #fff;
border: 1px solid #009646;
color: #009646;
}
.term-welding a.ajax_add_to_cart:hover{
border-color: #E6500A;
color: #E6500A;
}
.es_product_img{
overflow: hidden;
width: 208px;
height: 208px;
}
.es_product_post:first-child .es_product_img{
width: 456px;
height: 456px;
}
.search_products .es_product_post:first-child .es_product_img{
overflow: hidden;
width: 208px;
height: 208px;
}
.es_product_post:hover a.ajax_add_to_cart,
.es_product_post:hover .es_name_wrap h2{
-webkit-transform: translate(0, 0px);
-ms-transform: translate(0, 0px);
transform: translate(0, 0px);
opacity: 1;
}
.es_product_post:hover img{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.es_titleani{
overflow: hidden;
margin-bottom: 20px;
} .single_product_wrap{
max-width: 80%;
padding: 0 0 10vh;
margin: 0 auto;
}
.single_product_title{position: relative;}
.single_product_title > h1{
font-size: 36px;
}
.single_product_title > p{
margin-bottom: 40px;
color: #009646;
}
.single_product_title > p > a{
color: #009646;
}
.term-welding .single_product_title > p,
.term-welding .single_product_title > p > a{
color: #E6500A;
}
.single_product_imgs{
width: 70%;
float: left;
position: relative;
}
.single_product_summary{
width: 30%;
float: left;
}
.s_pro_main_slide{
width: 80%;
float: left;
padding-right: 20px;
}
.s_pro_main_slide .slick-list{
background: #efefef;
}
.s_pro_main_slide img{
width: 100%;
height: auto;
-webkit-transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
-webkit-transform: translate(-150px, 0);
-ms-transform: translate(-150px, 0);
transform: translate(-150px, 0);
}
.s_pro_main_slide .slick-active img{
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.thumb_nav{
position: relative;
width: 20%;
float: left;
overflow: hidden;
max-width: 110px;
}
.thumb_nav_arrows{
position: absolute;
bottom: 0;
z-index: 1;    
width: 100%;
}
.thumb_nav .slick-slide{
padding: 0px 0px 20px 0px;
cursor: pointer;
}
.thumb_nav .slick-slide:hover{
opacity: 0.5;
}
.thumb_nav_arrows > div{
background: #1e1e1e;
color: #fff;
text-align: center;
border: 1px solid #1e1e1e;
}
.thumb_prev{
display: none;
}
.thumb_next{
position: absolute;
bottom: 0;
width: 100%;
cursor: pointer;
}
.thumb_next:hover{
background: #fff;
color: #1e1e1e;
}
.single_product_imgs{
padding-right: 30px;
}
.single_product_summary h2{
font-size: 24px;
margin-bottom: 50px;
}
.single_product_summary p{
margin-bottom: 50px;
}
.summary_sku{
color: #009646;
font-weight: bolder;
margin-bottom: 20px;
}
.woocommerce .single_addcart.button{
border: 1px solid #009646;
background: none;
color: #009848;
font-weight: bolder;
border-radius: 0;
padding: 15px 25px;
width: 100%;
text-align: left;
clear: both;
}
.term-welding .single_addcart.button{
border-color: #E6500A;
background: none;
color: #E6500A;
}
.single_addcart:after{
content: '+';
font-size: 24px;
line-height: 13px;
position: absolute;
right: 20px;
}
.woocommerce .single_addcart.button:hover{
background: #009848;
color: #fff;
opacity: 1;
}
.term-welding .single_addcart.button:hover{
background: #E6500A;
}
.summary_addcart button.button.alt:after{
content: '+';
font-size: 20px;
margin-left: 10px;
}
.cart_count{
position: fixed;
right: 0px;
bottom: 20vh;
z-index: 666;
-webkit-animation: slideInRight 1s cubic-bezier(0.77, 0, 0.175, 1);
animation: slideInRight 1s cubic-bezier(0.77, 0, 0.175, 1);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.cart_count i{
font-style: normal;
display: inline-block;
}
.cart_count a{
color: #fff;
background: #009848;
font-size: 14px;
padding: 5px 15px;
display: block;
font-weight: bolder;
border: 1px solid #fff;
}
.cart_count div{
position: absolute;
bottom: 0px;
opacity: 0;
color: #009646;
font-size: 14px;
width: 100%;
text-align: center;
}
.cart_count:hover div{
opacity: 1;
bottom: -30px;
}
.single_specifi{
width: 100%;    
float: left;
margin-top: 10vh; 
}
.single_specifi h2{
font-size: 24px;
text-align: center;
margin-bottom: 30px;
}
.es-message,
.wpcf7-response-output:before{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 30vh;
z-index: 999;
-webkit-animation: fadeIn 1s;
animation: fadeIn 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
background: rgb(255,255,255);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 54%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(54%, rgba(255,255,255,1)), to(rgba(255,255,255,0)));
background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 54%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(bottom, rgba(255,255,255,1) 54%, rgba(255,255,255,0) 100%);
background: linear-gradient(0deg, rgba(255,255,255,1) 54%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.es-message div{
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 40%;
}
.es-message span{
background: #009848;
width: 100%;
color: #fff;
display: block;
padding: 20px 25px;
text-align: center;
-webkit-animation: es-message 1s;
animation: es-message 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: .5s;
animation-delay: .5s;
}
.es-message a{
position: relative;
padding: 0;
}
.es-message.out,
.wpcf7-response-output.out{
-webkit-animation: es-messageout 1s;
animation: es-messageout 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.term-welding .es-message span{
background: #E6500A;
}
.es-message.red span{
background: #a00;
}
.spec_form table{
width: 100%;
}
.spec_form th{
font-weight: bolder;
padding:5px 10px;
}
.spec_form td{
padding: 5px 10px;
border: 8px solid #fff;
}
.spec_form td:first-child{
border-left: 0;
}
.spec_form td:last-child{
border-right: 0;
}
.spec_form tr:nth-child(even) td{
background: #efefef;
}
.spec_form tr:hover td{
background: #C4C4C4 !important;
}
.spec_form_m{display: none;}
.single_related{
padding-bottom: 10vh
}
.single_related h2{
text-align: center;
}
.single_related .es_product_post:first-child .es_product_img,
.single_related .es_product_img{
width: 208px;
height: 208px;
}
h2.woocommerce-loop-product__title{
text-align: left;
}
ul.products.less{
text-align: center;
}
ul.products.less li{
display: inline-block;
float: initial;
}
.woomessage .no_img,
.woomessage h2{
display: inline-block;
vertical-align: middle;
}
.woomessage svg{
width: 50px;
height: 50px;
} .es_stitle h2{
font-size: 16px;
font-weight: bolder;
margin-bottom: 15px;
}
.inquiry_list ul{
margin-left: -15px;
}
li.inquiry_item{
width: 24%;
display: inline-block;
position: relative;
}
.inquiry_item > div{
padding: 15px;
}
.in_img{
position: relative;
}
span.inq_remove{
position: absolute;
cursor: pointer;
top: 25px;
left: 25px;
width: 20px;
background: #D30500;
border-radius: 50px;
height: 20px;
text-align: center;
color: #fff;
display: block;
line-height: 19px;
opacity: 0;
}
.inq_remove i{
width: 10px;
height: 2px;
position: absolute;
background: #fff;
transform: rotate(45deg);
top: 9px;
left: 5px;
}
.inq_remove i:last-child{
transform: rotate(-45deg);
}
.inquiry_item:hover .inq_remove{
opacity: 1;
}
.inq_remove:hover{
background: #1e1e1e;
}
.open_note{
background: #009646;
color: #fff;
padding: 5px 10px;
position: absolute;
bottom: 20px;
opacity: 0;
left: 50%;
-webkit-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
transform: translate(-50%,0);
font-size: 14px;    
width: 80px;
text-align: center;
cursor: pointer;
}
.open_note img{
display: inline-block;
vertical-align: middle;
}
.open_note:hover div{
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.open_note:before,
.leave_note:before{
position: absolute;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 8px 5px;
border-color: transparent transparent #009646 transparent;
left: 35px;
top: -7px;
}
.hasnote{
position: absolute;
width: 8px;
height: 8px;
background: #009646;
border-radius: 50px;
top: 25px;
right: 25px;
-webkit-animation: fadeIn 0.5s;
animation: fadeIn 0.5s;
}
li.inquiry_item:hover .open_note{
bottom: 0;
opacity: 1;
}
.leave_note{
position: absolute;
left: 15px;
background: #009646;
padding: 10px;
color: #fff;
font-size: 14px;
z-index: 666;
display: none;
-webkit-animation: fadeDownS 0.5s;
animation: fadeDownS 0.5s;
}
.leave_note textarea{
font-size: 14px;
color: #fff;
border-color: #fff;
opacity: 0.7;
width: auto;    
padding: 10px 0;
}
.leave_note textarea:focus{
opacity: 1;
color: #fff;
border-color: #fff;
}
.save_note{
cursor: pointer;
display: inline-block;
}
.save_note img{
vertical-align: middle;
}
.save_note:hover{
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.wpcf7, .inquiry_list{
width: 49%;
display: inline-block;
vertical-align: top;
}
div.wpcf7{
padding: 10px 0px 10px 10px;
float: right;
}
.es_contactform label{
width: 50%;
float: left;
position: relative;
display: inline-block;
vertical-align: top;
}
.es_contactform span.form_title{
position: absolute;
top: 20px;
z-index: 1;
}
label.es_leftform{
padding-right: 10px;
margin-bottom: 20px;
}
label.es_rightform{
padding-left: 10px;
margin-bottom: 20px;
}
.required_icon{
width: 8px;
height: 8px;
background: #D30500;
border-radius: 50px;
display: inline-block;
margin-left: 8px;
}
.es_contactform span.form_title.onfocus{
top: 0px;
}
span.form_title.onfocus{
font-size: 13px;
color: #bbbbbb;
}
.es_contactform select{
cursor: pointer;
}
.form_message{
width: 100%;
float: left;
position: relative;
}
.form_message > p > label{width: 100%;}
.allform_wrap{
position: relative;
z-index: 2;
}
.form_message textarea{
margin-bottom: 30px;
}
.form_message > p > input,
.in_no_list a{
display: block;
margin: 0 auto;
background: none;
border: 1px solid #009646;
color: #009646;
padding: 15px 25px;
font-size: 16px;
font-weight: bolder;
cursor: pointer;
}
.in_no_list a{
display: inline-block;
width: auto;
}
.form_message > p > input:hover,
.in_no_list a:hover{
color: #fff;
background: #009646;
opacity: 1;
}
.in_no_list p{
margin-bottom: 20px;    
font-size: 24px;
line-height: 45px;    
margin-top: 20px;
padding-right: 50px;
}
.wpcf7-response-output{
border: 0 !important;
position: fixed;
z-index: 888;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 30vh;
font-size: 0px;
}
.wpcf7-response-output:before{
content: '';
z-index: 1;
}
.wpcf7-response-output:after{
position: absolute;
top: 50%;
left: 19%;
width: 60%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
color: #fff;
display: block;
padding: 20px 25px;
text-align: center;
-webkit-animation: es-message 1s;
animation: es-message 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: .5s;
animation-delay: .5s;
z-index: 2;
font-size: 16px;
}
.wpcf7 form.failed .wpcf7-response-output:after,
.wpcf7 form.invalid .wpcf7-response-output:after,
.wpcf7-validation-errors:after{
content: 'One or more fields have an error. Please check and try again.';
background: #D30500;
}
.wpcf7 form.sent .wpcf7-response-output:after,
.wpcf7-mail-sent-ok:after{
content: 'Thank you for your message. It has been sent.';
background: #009646;
}
span.wpcf7-not-valid-tip{
position: absolute;
top: 4px;
color: #D30500;
font-size: 13px;
-webkit-animation: fadeIn 0.5s;
animation: fadeIn 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.wpcf7-form-control-wrap{display: block;} .footer .es_stitle{
max-width: 1200px;
margin: 0 auto 30px;
}
.footer_content > div{
max-width: 1200px;
margin: 0 auto;
}
.footer_message{
padding: 40px 0;
}
.footer_content{
background: #efefef;
padding: 30px 0;
}
.message_item{
display: inline-block;
width: 20%;
vertical-align: top;
}
.message_item:last-child{
width: 35%;
}
.message_item h3{
font-size: 16px;
}
.footer a:hover{
color: #009646;
}
.footernav{
display: inline-block;
}
.footernav a{
color: #9B9B9B;
display: inline-block;
padding: 0 30px;
border-right: 1px solid #9B9B9B;
line-height: 14px;
}
.footer_copyright{
color: #9B9B9B;
font-size: 13px;
}
.footernav a:first-child{
margin-left: 30px;
border-left: 1px solid #9B9B9B;
}
.footer{
position: relative;
z-index: 1
}
.respiratory a{
width: 280px;
} .edownload{
width: 100% !important;
}
.edownload a{
padding: 7px 14px;
border: 1px solid #009646;
display: inline-block;
}
.edownload a:hover{
background: #009646;
color: #fff !important;
}
.catepart.wel .edownload a{
border: 1px solid #E6500A;
color: #E6500A;
}
.catepart.wel .edownload a:hover{
background: #E6500A;
}.mline1, .mline2, .mline3, .mline4, .menuopen div, .logosvg, .btn_des,
.opensub, a, .woocommerce a.button, a.ajax_add_to_cart, .es_name_wrap h2,
.es_product_post img, .slick-slide, .thumb_next, .single_addcart, .spec_form td,
.cart_count div, .open_note, .save_note, .open_note div, .form_title, .selectric-items li,
.selectric, input, .form_message > input, .logo, header, .menuopen,
.tl_arrow > div, .tl_line, .veri_open, .veri_outside, .vericlose, .veri_outside p,
.veri_slide_arrow > div, .veline, .tsli_wrap, .tsli_wrap > div, .post_gallery div,
.n_button span{
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.nav{
-o-transition: all 1.5s;
transition: all 1.5s;
-webkit-transition: all 1.5s;
-moz-transition: all 1.5s;
}
.hm_title i, .hm_title .n_button{
-o-transition: all 1s;
transition: all 1s;
-webkit-transition: all 1s;
-moz-transition: all 1s;
}
.fadeOutDown{
-webkit-animation: fadeOutDown 1s;
animation: fadeOutDown 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
nav{
-o-transition: all .8s cubic-bezier(0.77, 0, 0.175, 1);
transition: all .8s cubic-bezier(0.77, 0, 0.175, 1);
-webkit-transition: all .8s cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: all .8s cubic-bezier(0.77, 0, 0.175, 1);
}
@-webkit-keyframes loadAni{
50%{
stroke-dashoffset: 0;
}
}
@keyframes loadAni{
50%{
stroke-dashoffset: 0;
}
}
@-webkit-keyframes shining{
0%{
opacity: 0;
}
30%{
opacity: 1;
}
70%{
opacity: 0;
}
}
@keyframes shining{
0%{
opacity: 0;
}
30%{
opacity: 1;
}
70%{
opacity: 0;
}
}
@-webkit-keyframes fadeUpS{
from{
opacity: 0;
-webkit-transform: translate(0, 20px;);
transform: translate(0, 20px;);
}
to{
opacity: 1;
-webkit-transform: translate(0, 0px;);
transform: translate(0, 0px;);
}
}
@keyframes fadeUpS{
from{
opacity: 0;
-webkit-transform: translate(0, 20px;);
transform: translate(0, 20px;);
}
to{
opacity: 1;
-webkit-transform: translate(0, 0px;);
transform: translate(0, 0px;);
}
}
@-webkit-keyframes fadeDownS{
from{
opacity: 0;
-webkit-transform: translate(0, -20px;);
transform: translate(0, -20px;);
}
to{
opacity: 1;
-webkit-transform: translate(0, 0px;);
transform: translate(0, 0px;);
}
}
@keyframes fadeDownS{
from{
opacity: 0;
-webkit-transform: translate(0, -20px;);
transform: translate(0, -20px;);
}
to{
opacity: 1;
-webkit-transform: translate(0, 0px;);
transform: translate(0, 0px;);
}
}
@-webkit-keyframes fadeIn{
from{
opacity: 0;
}
to{
opacity: 1;
}
}
@keyframes fadeIn{
from{
opacity: 0;
}
to{
opacity: 1;
}
}
@-webkit-keyframes fadeOutDown{
from{
top: 50%;
opacity: 1;
}
to{
top: 70%;
opacity: 0;
}
}
@keyframes fadeOutDown{
from{
top: 50%;
opacity: 1;
}
to{
top: 70%;
opacity: 0;
}
}
@-webkit-keyframes skewIn {
from {
-webkit-transform: skewY(10deg) translate(0px,100px);
transform: skewY(10deg) translate(0px,100px);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
100% {
-webkit-transform: skewY(0deg) translate(0px,0);
transform: skewY(0deg) translate(0px,0);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
}
@keyframes skewIn {
from {
-webkit-transform: skewY(10deg) translate(0px,100px);
transform: skewY(10deg) translate(0px,100px);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
100% {
-webkit-transform: skewY(0deg) translate(0px,0);
transform: skewY(0deg) translate(0px,0);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
}
@-webkit-keyframes slideInRight{
from{
right: -200px;
}
to{
right: 0;
}
}
@keyframes slideInRight{
from{
right: -200px;
}
to{
right: 0;
}
}
@-webkit-keyframes es-message{
from{
opacity: 0;
-webkit-transform: translate(0, 50px);
transform: translate(0, 50px);
}
to{
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes es-message{
from{
opacity: 0;
-webkit-transform: translate(0, 50px);
transform: translate(0, 50px);
}
to{
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes es-messageout{
from{
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
to{
-webkit-transform: translate(0, 400px);
transform: translate(0, 400px);
}
}
@keyframes es-messageout{
from{
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
to{
-webkit-transform: translate(0, 400px);
transform: translate(0, 400px);
}
}
@-webkit-keyframes upDown{
0%{
-webkit-transform: translate(0);
transform: translate(0);
}
50%{
-webkit-transform: translate(0, 10px);
transform: translate(0, 10px);
}
}
@keyframes upDown{
0%{
-webkit-transform: translate(0);
transform: translate(0);
}
50%{
-webkit-transform: translate(0, 10px);
transform: translate(0, 10px);
}
}
.fadeInR{
-webkit-animation: fadeInR 0.3s;
animation: fadeInR 0.3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeInR{
form{
opacity: 0;
-webkit-transform: translate(20px,0);
transform: translate(20px,0);
}to{
opacity: 1;
-webkit-transform: translate(0);
transform: translate(0);
}
}
@keyframes fadeInR{
form{
opacity: 0;
-webkit-transform: translate(20px,0);
transform: translate(20px,0);
}to{
opacity: 1;
-webkit-transform: translate(0);
transform: translate(0);
}
}@media screen and (min-width: 1580px){
body{font-size: 18px;}
#primary,
.footer .es_stitle,
.footer_content > div{max-width: 1440px;}
.es_product_img, .search_products .es_product_post:first-child .es_product_img,
.single_related .es_product_post:first-child .es_product_img, .single_related .es_product_img{
width: 256px;
height: 256px;
}
.es_product_post:first-child .es_product_img{
width: 552px;
height: 552px;
}
.home_intro > div > div{
margin-bottom: 10vh;
}
#earth canvas{float: right;}
}
@media screen and (max-width: 1290px){
.about_timeline > div{width: 1200px;}
#earth{    
position: absolute;
opacity: 0.5;
}
}
@media screen and (max-width: 1200px){ #primary,
.footer .es_stitle,
.footer_content > div{max-width: 900px;}
.single_product_wrap{max-width: 100%;} .opensub{
width: 10px;height: 10px;
right: 10px;
}
.opensub:hover{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.opensub.open {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);} .cateimgpart{width: 35%;}
.catepart{width: 65%;}
.catepart > div{width: 90%;}
.catepart h1{font-size: 45px;margin-bottom: 3vh;} .es_product_post{width: 25%;}
.archive_products .es_product_post:first-child{width: 50%;}
.es_product_img{width: 195px;height: 195px;}
.es_product_post:first-child .es_product_img{width: 430px;height: 430px;}
.single_related .es_product_post:first-child .es_product_img,
.single_related .es_product_img,
.search_products .es_product_post:first-child .es_product_img{width: 195px;height: 195px;}
a.ajax_add_to_cart{width: 70%;} .posts_text{padding-top: 0;}
.posts_text h2, .post_read{font-size: 26px;} .message_item, .message_item:last-child{
width: 48%;
margin-bottom: 20px;
}
li.inquiry_item{width: 33.333333%;float: left;}
.inquiry_list ul{margin-right: -15px;}
..wpcf7-spinner{right:50px;} .abt_container{width: 85%;}
.about_timeline > div{width: 900px;}
.hm_title h1{font-size: 50px;}
.h_wel_intro h2, .hd_title h2{font-size: 40px;}
.hd_des{width: 100%;} .home_intro > div{width: 90%;}
}
@media screen and (max-width: 900px){ #primary,
.footer .es_stitle,
.footer_content > div{max-width: 768px;}
.cart_count{bottom: 10vh;} .menuopen.close:hover .btn_des, .logo:hover .btn_des{opacity: 0;-webkit-transform: none;-ms-transform: none;transform: none;} .procates{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-top: 65px;}
.catepart, .cateimgpart{width: 100%;float: initial;}
.catepart{-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2; height: auto;} .cateimgpart{-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1; height: 50vh;}
.cateimg{height: 50vh;}
.header svg{max-width: 130px;}
.catepart > div{
position: relative;
top: initial;
left: initial;
-webkit-transform: none;
-ms-transform: none;
transform: none;
padding: 40px;
width: 100%;
}
.cate_list > ul > li{margin: 0 0 20px; width: 49%;}
.procates h1{text-align: center;display: block;} .posts_text h2, .post_read{font-size: 22px;} .es_product_img{width: 162px;height: 162px;}
.es_product_post:first-child .es_product_img{width: 364px;height: 364px;}
.single_related .es_product_post:first-child .es_product_img,
.single_related .es_product_img,
.search_products .es_product_post:first-child .es_product_img{width: 162px;height: 162px;}
.yith-wcan-list li a:hover{background: #efefef; color: #1e1e1e;}
.yith-wcan-list li.chosen a:hover{background: #009646;}
.yith-wcan-list li.chosen a:before{display: none;} .ac_des{width: 65%;float: right;}
.about_timeline > div{width: 768px;}
}
@media screen and (max-width: 768px){
.h_scrolldown{display: none;} .tl_slider i,
.tl_slider p{
display: none;
}
h1 { font-size: 45px; }
.es_titleani{
text-align: center;
padding:0 20px;
}
#primary{margin: 15vh auto 0;}
.footer .es_stitle,
.footer_content > div, .allform_wrap, .archive_products,
.single_related, .single_product_wrap,
.search_products, .news, .abt_container, .am_top_title,
.about_m_btm, .about_timeline{
padding: 0 20px;
}
.wpcf7, .inquiry_list,
.es_contactform label,
.in_img img,
.posts_img, .posts_text,
.abt_container, .abt_why_title,
.abt_why_btn, .about_timeline > div{width: 100%;}
li.inquiry_item{width: 50%;}
.es_contactform label, div.wpcf7{padding: 0;}
.noresult{width: 80%;} .es_nav.open{width: 95%;} .woocommerce ul.products, ul.products.searchpro{padding: 10px;}
.es_product_post{
width: 50%;
padding: 10px;
}
.es_product_img, 
.single_related .es_product_post:first-child .es_product_img,
.single_related .es_product_img{width: auto;height: auto;}
.es_product_post:first-child .es_product_img,
.search_products .es_product_post:first-child .es_product_img{width: auto;height: auto;}
.woomessage{text-align: center;padding: 50px 20px;}.woomessage h2{font-size: 18px;}
.cart_count a{
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: tb-rl;
background: none;
color: #009848;
padding: 5px;
border: 0;
display: block;
}
.cart_count{
width: 40px;
}
.cart_count i{
margin-bottom: 30px;
display: block;
margin-left: 3px;
}
.cart_count span{
background: #009646;
padding: 5px;
color: #fff;
-webkit-writing-mode: initial;
-ms-writing-mode: initial;
writing-mode: initial;
padding: 10px;
line-height: 10px;
float: right;
position: absolute;
display: block;
bottom: 0px;
}
.cart_count b{display: none;}
.cart_count{bottom: 20px;}
.term-welding .cart_count a{
background: none;
color: #E6500A;
}
.term-welding .cart_count span{background: #E6500A;}
.sidebar-widget h3{
background: #1e1e1e;
color: #fff;
padding: 10px 20px;
margin: 0;
text-align: center;
}
.sidebar-widget h3:after{
top: 17px;
border-color: #fff transparent transparent transparent;
}
.woocommerce-products-header{margin-bottom: 0;}
.sidebar-widget h3.close:after{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.widget_product_categories ul.product-categories{background: #efefef;display: table;}
.widget_product_categories ul.product-categories li.cat-parent > a{
width: 100%;
border-bottom: 1px solid #e2e2e2;
}
.widget_product_categories ul.children a{
width: 50%;float: initial;vertical-align: top;
}
.es_product_post a.ajax_add_to_cart{
opacity: 1;
position: relative;
width: 100%;
left: auto;
top: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.es_product_post .es_name_wrap{
position: relative;
bottom: auto;
padding: 0;
}
.es_name_wrap h2{
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
padding: 10px 0;
}
.es-message div{width: 90%;top: 60%;} .spec_form{margin-bottom: 5vh;}
.single_product_imgs,
.single_product_summary{
width: 100%;
padding: 0;
}
.single_product_imgs{margin-bottom: 5vh}
.single_product_summary h2{margin: 0;}
.summary_sku{margin-bottom: 10px;}
.single_product_summary p{margin-bottom: 20px;} .news{margin-top: 5vh;}
li.post{margin-bottom: 5vh;}
.posts_text h2, .post_read{font-size: 18px;margin-bottom: 10px;}
.veri_pop_img{width: 95%;height: auto;}
.veri_pop_wrap{width: 95%;}
.vericlose{top: -30px;right: 10px;} .title_section{margin-bottom: 5vh}
.footernav a:first-child{margin: 0;}
span.inq_remove{opacity: 1;} .about_m_top{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.am_top_img{-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}.am_top_title{-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;}
.am_top_img{
width: 100%;
}
.about_choose{padding-bottom: 40px;}
.about_m_visual .abt_container{padding: 0;}
.am_top_title > div{width: 100%;margin-top: -50px;}
.am_top_title h1{text-align: center;}
.ac_title, .ac_des{width: 100%;padding: 0;float: initial;}
.ac_title{margin-bottom: 30px;}
.ac_des,
.abt_why_title p{font-size: 16px;}
.vs_prev{left: -60px}
.vs_next{right: -20px;}
.about_verif > div{width: 85%;}
.abt_why_btn .n_button{float: left; width: 50%;padding-left: 10px;}
.abt_why_btn .n_button.wel{padding-left: 0;padding-right: 10px;}
.tl_arrow{
display: block;
float: right;
width: auto;
position: absolute;
right: 0;
top: -40px;
}
.tl_arrow > div{display: inline-block;}
.tl_slider div.current p{display: inline-block;}
.tl_slider p{width: 260px;font-size: 16px;height: 54px;}
.tl_slider span{line-height: 50px;}
.tsli_wrap > div.current{height: 60px;}
.time_line{
width: 440px;    
float: initial;
margin: 0 auto;
}
.tsli_wrap > div.current{
-webkit-transform: scale(1) translate(0);
-ms-transform: scale(1) translate(0);
transform: scale(1) translate(0);
}
.tsli_wrap > div.sec{
-webkit-transform: scale(0.8) translate(0);
-ms-transform: scale(0.8) translate(0);
transform: scale(0.8) translate(0);
}
.tsli_wrap{margin-top: 70px;}
.tl_slider{height: 160px;width: 100%;}
#earth{
width: 250px;
height: 250px;
margin-top: -60px;
margin-left: -50px;
} .hm_title h1{font-size: 40px;margin-bottom: 5vh}
.hm_title{width: 100%;top: 75%;}
.home_intro{padding:10vh 0;}
.home_intro div.h_wel_intro{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.h_intro_img{-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;width: 100%;}
.h_intro_des{-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;width: 100%;}
.home_intro > div{width: 100%;}
.home_intro .h_intro_des{
background: #fff;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 80px;
z-index: 1;
}
.h_intro_des:before{
position: absolute;
top: -70px;
content: '';
background: #fff;
width: 50%;
height: 80px;
left: 0;
}
.hd_title{margin-top: -50px;}
#main_ani{
left: 50%;
-webkit-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
transform: translate(-50%,0);
}
.respiratory a{
width: auto;
}
.catepart li{
margin-bottom: 10px;
font-size: 14px;
}
.cate_list > ul > li > a{
line-height: 1.4;
}
}
@media screen and (max-width: 500px){ .thumb_nav_arrows,
.spec_form,
.cart_count div{
display: none;
}
.message_item, .message_item:last-child{
width: 100%;
}
[data-aos-delay] {
transition-delay: 0 !important;
} .es_nav.open,
.s_pro_main_slide,
.thumb_nav{width: 100%;}
.es_nav{top: 65px;overflow: hidden;}
.navbg.show{opacity: 0;}
.nav ul.sub-menu{
position: absolute;
z-index: 9999;
width: 100vw;
top: 0;
height: 100%;
background: #fff;
display: none;
left: 100vw
}
.nav li{
padding: 10px 20px !important;
border-bottom: 1px solid #efefef;
position: initial;
width: 100% !important;
}
.nav a{padding: 0 !important;}
.nav{
top: 0px;
left: initial;right: 0;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.header{height: 65px;}
.header .logo{top: 20px;left: 20px;}
.header .menuopen{top: 20px;right: 10px;}
.opensub{
position: relative;
float: right;
right: 6px;
width: 0;
height: 0;
border-style: solid;
border-width: 7.5px 0 7.5px 10px;
border-color: transparent transparent transparent #1e1e1e;
}
.nav > ul > li > .opensub{
margin-top: 3px;
}
.nav > ul > li > ul > li > ul{border: 0;}
.closesub{
position: relative;
padding: 10px 20px;
width: 100%;
height: 47px;
border-bottom: 1px solid #efefef;
}
.closesub:before{
content: 'Back';
position: absolute;
left: 40px;top: 9px;
}
.closesub:after{
content: '';
position: absolute;
left: 20px;
top: 15px;
width: 0;
height: 0;
border-style: solid;
border-width: 7.5px 10px 7.5px 0;
border-color: transparent #000000 transparent transparent;
}
button.search-submit{
margin-right: 0px;
float: right;
margin-top: 5px;
}
.nav > ul > li > a{font-size: 20px;}
.searchform .search{padding: 10px 20px;} .sidebar-widget h3{font-size: 16px;}
.es_name_wrap h2{height: 57px; overflow: hidden;}
.woocommerce #respond input#submit.added::after, .woocommerce a.button.added::after, .woocommerce button.button.added::after, .woocommerce input.button.added::after{
font-size: 12px;
} .s_pro_main_slide{padding: 0;margin-bottom: 10px;}
.thumb_nav{max-width: 100%;}
.thumb_nav .slick-track{}
.thumb_nav .slick-slide{padding: 0px 5px}
.thumb_nav_arrows > div{background: #fff;color: #1e1e1e;}
.single_product_wrap{padding: 0;}
.single_product_title,
.single_product_summary,
.single_specifi{
padding: 0 20px;
}
.thumb_nav{padding: 0 15px;}
.single_specifi{margin-top: 5vh}
.single_specifi h2, .spec_form_m{
margin-bottom: 20px;display: block;}
.form_m_title, .form_m_content{
width: 50%;
float: left;
}
.form_m_title{font-weight: bolder;}
.spec_form_m span{
display: block;
padding: 5px 10px;
}
.form_m_post{
margin-bottom: 20px;
border: 1px solid #CBCBCB;
}
.single_product_title > h1{font-size: 30px;}
.single_related > h2{font-size: 26px;}
.single_product_title > p{margin-bottom: 10px;} .posts_img{margin-bottom: 20px;}
.news_head .yith-wcan-list li a{height: auto;}
.post_wrap{padding: 0 20px 50px;}
.n_button span{padding: 10px 15px;}
.postcontent{margin-top: 5vh;}
.post_wrap > article > h1{font-size: 26px;margin-bottom: 10px;}
.postcontent p{font-size: 16px;}
.veri_open{opacity: 1;} .footernav a{padding: 0 20px;}
.footer_message{padding: 10px 0;}
.footer_content{padding: 0;}
..wpcf7-spinner{
right: 100px;
bottom: 0;
}
.wpcf7-response-output:after{
top: auto;
bottom: 0;
width: 90%;
margin: 20px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
left: auto;
}
.in_no_list p{
padding: 0;
font-size: 16px;
line-height: 1.7;
margin-bottom: 40px;
margin-top: 0;
}
.form_message textarea{height: 200px;} .page-template-template-about h1{
font-size: 40px;
line-height: 50px;
}
.page-template-template-about h2{
font-size: 30px;
line-height: 40px;
}
.time_line{width: 300px}
.tl_slider span{
font-size: 40px;
float: left;
display: inline-block;
margin: 0;
}
.tl_slider p{
float: left;
padding-left: 10px;
width: 200px;
position: absolute;    
height: 160px;
font-size: 15px;
}
.tsli_wrap > div{
clear: both;
width: 300px;
position: relative;
}
.am_top_img{margin-top: -47px}
.am_top_img > div{height: 270px;overflow: hidden;}
.am_top_img img{height: 270px;width: auto;}
.am_top_title > div{padding: 20px;}
.am_top_title p{color: #009646;text-align: center;}
.about_m_btm, .about_concept{margin-top: 40px;}
.about_m_visual{padding: 15vh 0 40px}
.ac_title{margin-bottom: 10px;}
.tsli_wrap > div.current{overflow: initial;}
.vs_prev{left:-30px;}.vs_next{right: 10px;}
.about_choose{margin-bottom: 0;padding-bottom: 20px;margin-top: 0px;}
.n_button a, .n_button span{padding: 10px 15px;
text-align: center;}
.abt_why_btn .n_button,
.abt_why_title h2{margin-bottom: 10px;}
.abt_why_btn{padding-bottom: 30px;} .h_wel_intro h2, .hd_title h2{font-size: 35px;}
.h_intro_des:before{top: -50px;}
.hd_title{margin-top: -40px;}
}
@media screen and (max-width: 414px){ .catepart > div{padding: 20px;}
.cateimg, .cateimgpart{height: 40vh;} .es_product_post a.ajax_add_to_cart{
font-size: 14px;
padding: 10px;
}
.es_product_post a.ajax_add_to_cart:after{
font-size: 23px;
margin-left: 4px;
}
}
@media screen and (max-width: 320px){
body{font-size: 14px;}
.es_product_post a.ajax_add_to_cart{font-size: 10px;}
.es_product_post{min-height: 270px;}
.abt_why_btn .n_button{
padding: 10px 15px;
text-align: center;
display: block;
margin-bottom: 0;width: 100%;
}
.abt_why_btn .n_button a{width: 100%;}
}