/*
Theme Name: LiteTrace
Theme URI: https://github.com/crossgate9/litetrace-wordpress
Author: LiteTrace Team
Author URI: https://github.com/crossgate9
Description: A customized WordPress theme based on Twenty Twenty-One, optimized for LiteTrace with enhanced performance and custom styling.
Requires at least: 5.3
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.6.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: litetrace
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

LiteTrace WordPress Theme, based on Twenty Twenty-One
LiteTrace is distributed under the terms of the GNU GPL.
*/

/* basic-css */
/* 基本元素重置 */
html { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #333; line-height: 22px; }
* { margin: 0px; padding: 0px; box-sizing: border-box; }
ol, ul, li { list-style: none;}
img { border: none; width: 100%; }
a { text-decoration: none; color:#333; outline: none; }
a.more-link { color: #0098FF; text-decoration: underline; }
.hidden { display: none; }

/* 重用类样式 */
.up { text-transform: uppercase; }
.clear { clear: both; }
.f_l{float:left !important;}
.f_r{float:right !important;}
.no_margin{margin:0px !important;}
.no_border{border:0px !important;}
.no_bg{background:none !important;}
.clear_both{clear:both !important;}
.display_block{display:block !important;}
.text_over{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-binding: url('ellipsis.xml#ellipsis');}
.flex { display: flex; }

/* 重用自定义样式 */
.w_100{width:100%;}
.w_95{width:95%;}
.indextx{width:980px;margin:0 auto; margin-top:10px; background:#FFFFFF;}
.w_min_width{min-width:1200px;}
.w_1200{width:1200px;}
.w_1067{width:1067px;}
.w_980{width:980px;}

.fl { float: left; }
.fr { float: right; }
.page-width { width: 100%; max-width: 1440px; margin: 0 auto !important; }

div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button { background: #0098ff; color: #fff; cursor: pointer; border: none; width: 100%; border: 1px solid #0098ff; text-transform: uppercase; }
a.btn.btn-submit { background: #0098ff; color: #fff; cursor: pointer; border: none; width: 100%; border: 1px solid #0098ff; text-transform: uppercase; padding: 10px; }
div.wpforms-container-full .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form select.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium { max-width: 100%; }

/*.header { height: 85px; border-bottom: 1px solid #ddd; margin-bottom: 10px; } */
.admin-bar header.site-header { top: 40px; }
header { height: 85px; border-bottom: 1px solid #ddd; margin-bottom: 10px; position: fixed; z-index: 1499; 
	width: 100%; background-color: #fff; top: 0; left: 0; right: 0; padding: 0 20px;}
article header { position: relative; height: auto; border: none; padding: 0; z-index: 0; top: auto; }

.site-logo { width: 250px; }
.site-logo img { height: auto; }
/*  nav */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav_bar { z-index: 1; height: 85px; line-height: 85px; }
.nav_bar .icon-nav { display: none; }
nav ul { position: relative; float: right; margin: 0 auto; }
nav ul li { float: left; }
nav ul li::marker { content: ''; }
nav ul li a { color: #333; display: block; text-align: center; padding: 0 15px; transition: .1s all ease-in-out; z-index: 0; }
nav ul li a:hover { color: #fff; background-color: #0098FF; }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { padding: 0 18px; }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu { width: 285px; }
.main-nav .main-nav_m {display:none }
.main-nav:hover .main-nav_m {display:block }
.main-nav button {display:none }
.main-nav:hover button {display:block }
.main-nav .sub-menu { display: none; background: #fff; border-width: 0 1px 1px; border-style: solid; border-color: #ddd; position: absolute; left: 0; top: 100%; }
.main-nav:hover .sub-menu { display: block; }
.main-nav .sub-menu li { clear: both; width: 100%; }
.sub-menu-toggle { display:none !important }

.language-selector { padding: 30px 0 35px 20px; }
.language-selector ul li { display: inline-block; }
.language-selector ul li a { color: #ddd; }
.language-selector ul li a:hover, .language-selector ul li a.active { color: #333; }
.language-selector ul li:after { content: '|'; padding: 0 10px; }
.language-selector ul li:last-child:after { content: ''; }

.search-trigger { padding: 30px 0 35px; }
.search-trigger .icon-search { font-size: 18px; }

.main-banner .bx-wrapper { border: none; box-shadow: none; }
.video-banner { margin-bottom: 20px !important; }
.small-banners { display: flex; flex-direction: row; justify-content: space-between; }
.small-banners section { width: 30%; padding: 20px; border: 1px solid #ddd; background: #0098FF; color: #fff; transition: .1s all ease-in-out; line-height: 20px; }
.small-banners section.darkblue { background: #0b2b54; }
.small-banners section.orange { background: #FA5; }
.small-banners section h2.title { font-size: 18px; text-align: left; }
.small-banners section:hover { cursor: pointer; opacity: 0.9; }
.small-banners section strong { font-weight: bold; }

footer { background-color: #fefefe; border-top-width: 1px; border-top-style: solid; border-top-color: #ddd; padding: 20px 20px; }

.admin-bar main { margin-top: 100px; }
main { padding: 0; margin-top: 60px; margin-bottom: 60px; /* this works without login */ }
main h1 { font-size: 36px; margin-bottom: 20px; font-weight: normal; }
.page main article.page .entry-header h1.entry-title { display: none; }
main .type-product .entry-header h1.entry-title { display: block; }
main .legend { line-height: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; margin-bottom: 20px; }
main .legend p { margin-bottom: 20px; }
main .legend a { text-decoration: underline; }
aside { display: none; }
.entry-footer { display: none; }

main h2 { font-size: 30px; margin-bottom: 20px; font-weight: normal; }
main h2 strong { font-size: 18px; }
main h3 { font-size: 24px; margin-bottom: 30px; font-weight: normal; }
.services h3 { text-align: center; }
.services .cd-timeline-content ul li { line-height: 24px; list-style: disc inside; }
.post-7 h2 { font-size: 24px; margin-bottom: 30px; }

.two-columns .col { display: block; }
.two-columns .col6 { width: 59%; }
.two-columns .col5 { width: 49%; }
.two-columns .col4 { width: 39%; }
.two-columns .col3 { width: 29%; }

.about-LiteTrace iframe { width: 100%; height: 500px; }
.about-LiteTrace p { margin-bottom: 20px; line-height: 24px; }
.about-LiteTrace p strong { font-weight: bold; }
.about-LiteTrace .image-holder { padding: 10px; border: 1px solid #ddd; margin-bottom: 10px; }

.contact section { margin-bottom: 50px; }
.contact address { line-height: 24px; }
.contact #map-container { width: 100%; height: 400px; }

.contact .section-catalogue ul { display: flex; flex-wrap: wrap; }
.contact .section-catalogue ul li { width: 50%; margin-bottom: 50px; }
.contact .section-catalogue ul li a { width: 75%; display: block; text-align: center; border: 1px solid #ddd; padding: 10px; }
.contact .section-catalogue ul li span { margin-top: 10px; display: block; }

.contact .form-holder { width: 100%; }
.contact .form-holder .entry { margin-bottom: 20px; }
.contact .form-holder label { display: block; width: 100%; margin-bottom: 5px; }
.contact .form-holder input, .contact .form-holder textarea { height: initial; width: 100%; padding: 10px; border: 1px solid #ddd; outline: none; border-radius: 0; }
.contact .form-holder input[type="submit"] { background: #0098FF; color: #fff; cursor: pointer; }
.contact .form-holder input[type="submit"]:hover { opacity: 0.9; }

#mc4wp-form-1 { background: #fff; clear: left; font-size: 14px; width: 800px; margin: 100px auto; padding: 50px; }
#mc4wp-form-1 h2 { text-align: center; margin-bottom: 30px; font-size: 20px; font-weight: bold; }
#mc4wp-form-1 .button { border-radius: 4px; border: none; outline: none; background: #0098FF; color: #fff; padding: 0 22px; }

div.wpforms-container-full { margin-top: 10px; }
.js-plethoraplugins-tab-panel { margin: 0 !important; }
.plethoraplugins-tabs-container--horizontal.plethoraplugins-theme__minimal.plethoraplugins-theme__basic .plethoraplugins-tabs a { padding: 10px 20px !important; transition: none; font-size: 16px; }
.plethoraplugins-tabs-container--horizontal.plethoraplugins-theme__minimal.plethoraplugins-theme__basic .plethoraplugins-tabs a:after { display: none; }
.plethoraplugins-tabs-container--horizontal.plethoraplugins-theme__minimal.plethoraplugins-theme__basic .plethoraplugins-tabs a.active, .plethoraplugins-tabs-container--horizontal.plethoraplugins-theme__minimal.plethoraplugins-theme__basic .plethoraplugins-tabs a:hover { background: #333; color: #fff; }


.link {
	width: 200px;
	float: left;
	margin-right: 50px;
	margin-left: 50px;
}
.fcoutact {
	float: right;
	width: 400px;
}
.foot h1 {
	font-size: 16px;
	color: #FFF;
	line-height: 35px;
}
.fcoutact h2 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #AAD8F9;
}
.cor {
	background-color: #094A7B;
}
.cor1 {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.banner {
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #0CF;
}
.banner h1 {
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	font-size: 36px;
	padding-top: 30px;
	padding-right: 50px;
	padding-left: 50px;
	padding-bottom: 10px;
	font-weight: 100;
}
.banner1 {
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	font-size: 36px;
	padding-top: 30px;
	padding-bottom: 10px;
	font-weight: 100;
}
.right {
	width: 300px;
	float: left;
	line-height: 15px;
	float: right;
	width: 500px;
	line-height: 15px;
}
.title {
	font-size: 13px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
	line-height: 40px;
	float: left;
	width: 100%;
	font-weight: bold;
}
.con {
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #eee;
	text-align: left;
	overflow: hidden;
}
.left {
	width: 450px;
	float: right;
	float: left;
	width: 450px;
}
.news h1 {
	font-size: 16px;
	font-weight: bold;
}
.news h3 {
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: ddd;
	padding-bottom: 10px;
	margin-top: 10px;
}
#more {
	background-color: #90C31F;
	display: block;
	float: right;
	width: 100px;
	line-height: 30px;
	color: #FFF;
	font-size: 12px;
	text-align: center;
}
.news {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}
.news h2 {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #757575;
	background-image: url(../images/time.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
}
.txt {
	text-align: left;
	line-height: 22px;
	font-size: 13px;
}
.title h1 {
	font-size: 18px;
	float: left;
	width: 100px;
	text-align: left;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #0D6FB8;
	font-weight: normal;
}
.stit {
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	width: 1024px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
	color: #333;
}
.con img {
	padding: 5px;
	border: 1px solid #eee;
	margin-top: 10px;
}
.title h1 a {
	color: #FFF;
}

.email { color: #09F; }

input {
	height: 20px;
	padding: 2px 8px;
	border: 1px solid #ddd;
}
#button {
	height: 30px;
	padding: 5px 15px;
	font-size: 16px;
	border: none;
	background-color: #0098DA;
	color: #FFF;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
}
#textarea {
	border: 1px solid #dddddd;
	height: 220px;
	padding: 10px;
	box-sizing: border-box;
}

.main .con1 .mid {
	width: 220px;
	float: left;
	margin-right: 20px;
	margin-left: 20px;
}
.mid img {
	border: 1px solid #ddd;
}

td {
    padding: 3px 0;
}
table tr td:nth-of-type(2n) {
   padding-left: 10px;
}


.title h2 {
	font-size: 16px;
}
.pic img {
	border-radius: 5px;
}
.table p {
	margin: 0px;
	padding: 0px;
}
.table  a {
	color: #09F;
}
.table strong {
	color: #09F;
	font-weight: normal;
}

.video-button { padding-top: 14px; text-align: center; max-height: 80px;  }

.ytp-button {
	cursor: pointer;
	width: 90px;
	background-color: transparent;
	border: none;
	padding: 0;
	color: inherit;
	text-align: inherit;
}

.mini-play-mask {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background-color: rgba(0,0,0,.5);
}

.mini-play-box {
	display: none;
	z-index: 100;
	position: fixed;
	top: 100px;
	left: 0;
	right: 0;
	color: #d0d0d0;
}

.l-module {
	width: 1024px;
	position: relative;
	margin: 0 auto;
	zoom: 1;
}

.play-box {
	width: 1024px;
}

.mini-play-close-btn {
	z-index: 101;
	cursor: pointer;
	position: absolute;
	right: -48px;
	top: 0;
	width: 32px;
	height: 32px;
	background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI3LjM0OSAyNEw0OCA0NC42NTEgNDQuNjUxIDQ4IDI0IDI3LjM0OSAzLjM0OSA0OCAwIDQ0LjY1MSAyMC42NTEgMjQgMCAzLjM0OSAzLjM0OSAwIDI0IDIwLjY1MSA0NC42NTEgMCA0OCAzLjM0OSAyNy4zNDkgMjR6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=') no-repeat;
    background-size: cover;
}




.map {
    margin-top: 40px;
}

.catalogue {
    padding-top: 50px;
}

.catalogue ul li {
    float: left;
    width: 50%;
    margin-bottom: 30px;
    box-sizing: border-box;
    font-size: 13px;
    text-align: center;
    line-height: 1.4em;
}

.catalogue ul li:nth-of-type(2n) {
    margin-right: 0;
}

.catalogue ul li img {
    width: 50%;
    height: auto;
    display: block;
    margin: 0 auto 10px;
    border: 1px solid #eee;
}

.footer { margin-top: 20px; width: 100%; overflow: hidden; border-width: 1px 0; border-style: solid; border-color: #ddd; padding: 30px 0; }
.footer .content { display: flex; justify-content: space-between; position: relative; }
.footer .content_left { display: flex; width: 85%; flex-wrap: wrap;}
.footer .ft_link { width: 22%; margin: 0 10px; }
.footer .ft_link:first-child { margin-left: 0; }
.footer dl { height: 220px; }
.footer dl dt { margin-bottom: 30px; font-weight: 700; color: #333;}
.footer dl dd { margin-bottom: 15px; color: #6c6c69; }
.footer dd:hover { color: #333; }
.footer .bt_link { width: 21%; font-weight: 700; }
.footer .bt_link:hover { color: #333; }

.footer .content_right { text-align: right; font-weight: 700; color: #333; width: 15%; }
.footer .content_right .title-follow-us { font-size: 14px; }
.footer .content_right p { margin: 30px 0; color: #333; font-size: 16px; font-weight: normal; line-height: 26px; }
.footer .content dl a { opacity: 0.8; }
.footer .content dl a:hover { opacity: 1; }
.footer .icon { display: flex; justify-content: space-between; position: absolute; right: 0; bottom: 0; width: 120px; }
.footer .icon .iconfont {font-size: 32px; font-weight: normal;}

@media (max-width: 1448px){
	.footer { padding: 30px 20px; }
	.site-logo { width: 180px; }
} 

@media (max-width: 990px) {	
	main { padding: 10px 0 0; margin-top:60px; }
	.home main#main article.page { margin-top: 0 !important; }
	.ewd-ufaq-question-form input[type="text"]{ width:100%  !important; }
	.ewd-ufaq-question-form input[type="submit"]{ width:100%  !important; }
	#mc4wp-form-1{width:100% !important;}
	.cd-container{width:100% !important;}
	h2 { font-size: 18px; font-weight: bold; }
	.page-width { width: 100%; }

	.logo { float: none; margin: 0 auto; }

	.nav_bar .icon-nav { display: none; }
	header { position: fixed; z-index: 10000; width: 100%; background: #fff;top:0px; }
	header nav i { cursor: pointer; display: block; color: #333; position: absolute; right: 10px; font-size: 36px !important; line-height: 49px; top: 20px; }
    header nav ul { transition: .2s all ease-in-out; z-index: 10000; position: fixed; width: 100%; left: 0; top: 85px; background: rgba(255, 255, 255, 1); overflow: hidden; max-height: 0; }
    header nav  ul.active{ max-height: initial; border-bottom: 1px solid #ddd; }
    header nav  ul > li { width: 100%; padding: 10px 0; border: none; background: none; }
    header nav  ul > li a { line-height: 32px; color: #333;}
    header nav ul > li > ul { box-shadow: none; opacity: 1; position: relative; top: initial; width: 100%; background: none; margin-top: 10px; margin-left: 20px; }
	header nav  ul > li > ul li { width: 100%; }
	
	.language-selector { display: none; }
	.search-trigger { padding: 30px 0 30px 10px; }
	footer { padding: 10px; line-height: 24px; font-size: 16px; }
	
	.small-banners { flex-wrap: wrap; }
	.small-banners section { width: 100%; margin-bottom: 20px; }

	/* main { padding-top: 100px; } */
	main h1 { font-size: 24px; }

	.cd-timeline-content { background: none; }
	.cd-timeline-img { border-radius: 0; line-height: 40px; }
	.cd-timeline-content .cd-date { padding-top: 0; }
	.cd-container { width: auto; }

	.col { width: 100% !important; }
	.contact section { width: 100%; }

	.footer { height: auto;}
	.footer .content { flex-wrap: wrap; }
	/* .footer .ft_link { height: 70%;} */
	
	.footer .content_left { width: 100%; }
	.footer .content_left .ft_link { width:50%; margin: 0 auto;}
	.footer .content_right { width: 100%; margin-top: 30px;}
	.footer .content_right p {margin: 30px 0 60px;}
	.footer .icon { width: 100%; justify-content: space-around;}
	.ewd-ufaq-question-form {width:100% !important;}
	.page-faq .legend{padding:0 0 100px 0 !important;}
}


@media (max-width: 720px) {
	.footer .content_left{ text-align: center; width: 100%;  height: 100%; }
	.footer dl { width: 100%;}
	.footer .ft_link { width: 100%; height: 100%;}
	.footer .bt_link { display: inline-block; width: 100%; margin: 30px 0 ;}
}


.cd-container {
	/* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 1024px;
	max-width: 1170px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

#cd-timeline {
	position: relative;
	padding-bottom: 50px;
}
#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 2px;
  background: #dddddd;
}
@media only screen and (min-width: 1170px) {
 
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 4em 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	font-size: 24px;
	line-height: 40px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #ddd;
	background-color: #FFF;
}
.cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}
.cd-timeline-img.cd-picture {
  background: #75ce66;
}
.cd-timeline-img.cd-movie {
	background: #c03b44;
	
	
}
.cd-timeline-img.cd-location {
  background: #f0ca45;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 60px;
    height: 60px;
	  line-height:60px;
    left: 50%;
    margin-left: -30px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.cd-timeline-content {
	position: relative;
	margin-left: 60px;
	border-radius: 0.25em;
	padding: 5px;
	background-color: #F5F5F5;
  line-height: 24px;
  list-style:inside;
}

.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
  color: #303e49;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  font-size: 18px;
  font-size: 0.8125rem;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;font-size: 18px;
}
.cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: #ffffff;
  border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
	float: left;
	padding: .8em 0;
	opacity: .7;
	font-size: 18px;
	font-weight: bold;
  color: #333;
  width: 100%; display: block; 
}
.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid #ffffff;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #ffffff;
  }
  .cd-timeline-content .cd-read-more {
    float: left;
  }
  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 16px;
    font-size: 1rem;
	font-size: 18px;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #ffffff;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
	font-size: 18px;
  }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

/* about */
.characters .title { color: #333; font-weight: 700; font-size: 26px; margin: 30px 0 ;}
.characters .introduce .figure { width: 100%; display: flex;}
.characters .introduce .figure:nth-child(even) {text-align: right;}

.characters .introduce .text_content { width: 75%; padding: 0 30px; }
.characters .introduce .text_content .name { margin-bottom: 0; }
.characters .introduce .text_content .title { font-size: 18px; margin: 10px 0 5px; font-weight: normal; }
.characters .introduce .text_content span { opacity: 0.6;}
.characters .introduce .text_content p { opacity: 0.6; margin-top: 10px; font-size: 14px; line-height: 1.6;}

@media (max-width: 768px) { 
    .characters .title { font-size: 22px; }
    .characters .introduce .figure { flex-wrap: wrap; }
    
    .characters .introduce .text_content { width: 100%; order: 2; padding: 0; }
    .characters .introduce .text_content .title { font-size: 14px; }
    .characters .introduce .text_content span { font-size: 14px; }
    .characters .introduce .text_content p { font-size: 12px; }
    .characters .introduce .photo { width: 100%; order: 1; }
    
    
    .characters .photo img { width: 40%; }
    .characters .figure:nth-child(even) .photo {text-align: right;}
 }

.Resources .title { font-size: 18px; font-weight: bold; opacity: 0.6; border-bottom: 0; margin-bottom: 0;}
.Resources .line {display: block; width: 80px; height: 2px; float: left; background: #333; opacity: 0.6; margin-bottom: 30px;}

.Resources p { margin-top: 15px; text-align: center ; font-weight: 600; opacity: 0.6;}
.Resources img { max-width: 100%; vertical-align: middle;}
.Resources ul { display: flex; width: 100%; flex-wrap: wrap; }
.Resources ul li { width: 14%; margin: 30px 3%;list-style: none;}

.Resources .resources-nav { margin-bottom: 30px; padding: 30px; background: #f7f7f7; }
.Resources .resources-nav ul li { margin: 0; width: auto; padding: 0; }
.Resources .resources-nav ul li:after { content: '|'; padding: 0 20px; }
.Resources .resources-nav ul li:last-child:after { display: none; }
.Resources .resources-nav ul li a:hover { text-decoration: underline; }

.brief_1 {  width: 100%; padding: 30px 0 0; overflow: hidden; border-bottom: 1px solid #ddd;}
.Downloads { display: flex; width: 100%; margin-bottom: 30px;}
.Downloads .Downloads_le { width: 50%; padding: 30px; }
.Downloads .Downloads_le .text_content { line-height: 36px; font-size: 28px; font-weight: 100; margin: 30px 0; }
.Downloads .Downloads_ri { width: 50%; text-align: center;}
.Downloads .Downloads_ri img { width: 100%; vertical-align: middle;}
.Marketing { padding: 30px;}
.Marketing .Marketing_tp .text_content { line-height: 36px; font-size: 28px; font-weight: 100; margin-bottom: 30px; }
.Marketing .Marketing_tp .photo { width: 25%; margin: 30px 0;}
.Marketing .Marketing_tp .photo img { width: 100%; vertical-align: middle;}


.brief_2 { background-color: #fcfcfc; padding: 30px; border-bottom: 1px solid #ddd;}
.Products .text_content{ line-height: 36px; font-size: 28px; font-weight: 100; margin-bottom: 30px; }
.Products .small { font-size: 12px;line-height: 12px; }


.Informational { padding: 30px;}
.Informational .Informational_tp .text_content { line-height: 36px; font-size: 32px; font-weight: 100; margin-bottom: 30px; }
.Informational .Informational_tp .photo { width: 25%; margin: 30px 0; text-align: center;}
.Informational .Informational_tp .photo img { width: 100%; vertical-align: middle;}



@media (max-width: 990px) {
    .Resources .title { font-size: 16px; }
    .Resources .line { float: none; margin: auto;}
    .Resources ul li { width: 17%; margin: 20px 4%;}
    .Downloads,.Marketing,.Products,.Informational { flex-wrap: wrap; text-align: center;}
    .Downloads .Downloads_le { width: 100%; overflow: hidden;}
    .Downloads .Downloads_le .text_content { width: 100%; }
    .Downloads .Downloads_ri { width: 100%; overflow: hidden;}
    .Downloads .Downloads_le .text_content { font-size: 24px; }

    .Marketing .Marketing_tp .photo { width: 50%; margin: 30px auto;}
    .Marketing .Marketing_tp .text_content { font-size: 24px; }

    .Products .text_content { font-size: 24px; }

    .Informational .Informational_tp .photo { width: 50%; margin: 30px auto;}
    .Informational .Informational_tp .text_content { font-size: 24px; }
}

@media (max-width: 768px) {
    .Resources ul li { width: 42%; margin: 20px 4%}
}

/* Products */
.wc-block-grid__products .wc-block-grid__product-image img { width: 100%; }

/* FAQs */
.page-faq h2 { margin: 10px 0; text-align: center; }
.page-faq .legend { padding: 100px; text-align: center; margin-bottom: 100px; }
.page-faq .legend .search-field { width: 100%; margin: 50px 0 10px !important; }
.page-faq .legend input[type="search"] { background: #fff; border-radius: 2px; color: #333; box-sizing: border-box; font-size: 16px; border: 1px solid #ccc; padding: 6px 10px; height: 38px; line-height: 1.3; width: 100%; }
.page-faq .legend .ewd-ufaq-faqs { text-align: left; }
#ewd-ufaq-jquery-ajax-search label { display: none; }
.ewd-ufaq-question-form { margin-top: 20px; width: 50%; margin: 20px auto 100px; text-align: center; }
.ewd-ufaq-question-form label { clear: both; float: left; width: 100%; margin-bottom: 5px; text-align: left; }
.ewd-ufaq-question-form input[type="text"] { background: #fff; border-radius: 2px; color: #333; box-sizing: border-box; font-size: 16px; border: 1px solid #ccc; padding: 6px 10px; height: 38px; line-height: 1.3; width: 100%; }
.ewd-ufaq-question-form input[type="submit"] { background: #0098ff; color: #fff; border: none; cursor: pointer; width: auto; padding: 6px 10px; height: 38px; margin-top: 20px; }
.ewd-ufaq-field-explanation { text-align: left; font-size: 14px; }
.ewd-ufaq-faq-title h1, .ewd-ufaq-faq-title h2, .ewd-ufaq-faq-title h3, .ewd-ufaq-faq-title h4, .ewd-ufaq-faq-title h5, .ewd-ufaq-faq-title h6 { font-weight: normal; }
.ewd-ufaq-faq-title .ewd-ufaq-post-margin-symbol span { font-size: 14px !important; margin: 7px auto !important; }
.ewd-ufaq-faq-display-style-contemporary .ewd-ufaq-faq-body { padding: 25px !important; }
.ewd-ufaq-faqs > h3 { font-size: 16px !important; }

.ewd-ufaq-faq-category { font-size: 14px; }
.ewd-ufaq-faq-category-inner { display: flex; flex-direction: row; flex-wrap: wrap; }
.ewd-ufaq-faq-display-style-contemporary { width: 100%; border-bottom: 1px solid #ddd !important; }
.ewd-ufaq-faq-display-style-contemporary:first-of-type { border-top: 1px solid #ddd !important; }
.ewd-ufaq-faq-display-style-contemporary .ewd-ufaq-faq-title { padding-left: 15px !important; }

.ewd-ufaq-faq-category-title h3 { margin-bottom: 10px; font-size: 20px; }
#ewd-ufaq-jquery-ajax-search li.ui-menu-item { text-align: left; padding: 5px; }
#ewd-ufaq-faq-list { margin-top: 20px; }
.ewd-ufaq-faq-category-title { margin-bottom: 20px; }
.ewd-ufaq-highlight-search-term { background: #0098ff !important; color: #fff; padding: 5px; }
.ewd-ufaq-faq-body  { line-height: 24px; }
.ewd-ufaq-update { background: #026014; color: #fff; padding: 10px; margin-bottom: 10px; }

/* Press */
main article { font-size: 18px; line-height: 28px; }
main article ul.wp-block-post-template li { transition: .1s all ease-in-out; margin-top: 20px; padding: 30px; border: 1px solid #ddd; border-bottom: 4px solid #ddd; border-radius: 3px; position: relative; display: flex; flex-direction: column; }
main article ul.wp-block-post-template li:hover { border: 1px solid #28bdc3; border-bottom: 4px solid #28bdc3; }
main article ul.wp-block-post-template li .wp-block-post-title a { color: #333; font-size: 28px; font-weight: 100; line-height: 36px; border-bottom: 1px solid #ddd; padding-bottom: 20px; }
main article ul.wp-block-post-template li .wp-block-post-title a strong { font-weight: 100; }
main article ul.wp-block-post-template li .wp-block-post-featured-image { text-align: center; margin: 20px 0; }
main article ul.wp-block-post-template li .more-link { text-decoration: underline; }
main article ul.wp-block-post-template li .wp-block-post-date { position: absolute; top: 30px; left: 30px; padding: 20px; background: #28bdc3; color: #fff; font-size: 24px; line-height: 30px; opacity: 0.8; z-index: 100; }
main article ul.wp-block-post-template li .wp-block-post-author { order: 2; background: rgba(51, 51, 51, 0.055); padding: 10px; line-height: 25px; margin-bottom: 20px; }
main article ul.wp-block-post-template li .wp-block-post-title { order: 3; }
main article ul.wp-block-post-template li .wp-block-post-featured-image { order: 1; max-height: 300px; overflow: hidden; transition: .1s all ease-in-out; }
main article ul.wp-block-post-template li:hover .wp-block-post-featured-image { max-height: initial; }
main article ul.wp-block-post-template li .wp-block-separator { order: 4; display: none; }
main article ul.wp-block-post-template li .wp-block-post-excerpt { order: 5; }

main article.post { margin-top: 95px !important; }
main article.post .entry-header h1.entry-title { display: block; line-height: 40px; border-bottom: 1px solid #ddd; padding-bottom: 20px; }
main article.post figure { text-align: center; }

.home main article.page { margin-top: 120px !important; }
main article.page { margin-top: 143px !important; }
main article.page .entry-header h1.entry-title { display: block; line-height: 40px; border-bottom: 1px solid #ddd; padding-bottom: 20px; }

main article.product { margin-top: 143px !important; }
main article.product .entry-header h1.entry-title { display: block; line-height: 40px; border-bottom: 1px solid #ddd; padding-bottom: 20px; font-size:35px; }

main article.ufaq { margin-top: 143px !important; }

main article.videos { margin-top: 90px !important; }
main article.videos .entry-header h1.entry-title { display: block; line-height: 40px; border-bottom: 1px solid #ddd; padding-bottom: 20px; }


.nav-links { width: 100%; max-width: 1440px; margin: 20px auto; border-top: 1px solid #ddd; padding: 20px 10px; }
.nav-links .meta-nav { font-weight: bold; line-height: 32px; }
.nav-links .meta-nav svg { display: none; }
.nav-links .post-title { text-decoration: underline; }

/* Search */
.search-container { display: none; position: fixed; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.9); cursor: pointer; }
.search-container.active { display: block; }
.search-container label { display: none; }
.search-container input[type="search"] { padding: 25px; border: 1px solid #fff; border-radius: 25px; background: none; width: 500px; color: #fff; }
.search-container input[type="search"]::placeholder { color: #fff; opacity: 0.6; }
.search-container input[type="search"]:-ms-input-placeholder { color: #fff; opacity: 0.6; }
.search-container input[type="search"]::-ms-input-placeholder { color: #fff; opacity: 0.6; }
.search-container input[type="submit"] { display: none; }
.search-container .search-inner-container { position: absolute; left: 50%; top: 50%; padding: 10px; transform: translate(-50%, -50%); }

.search-results main > header { display: none; }
.search-results main article header figure { display: none; }
.search-results main .search-result-count { margin-bottom: 20px; }
.search-results main .result-list article:first-child { margin-top: 0 !important; }

@media (max-width: 500px) {
	.search-container input[type="search"]{width:350px !important;}
}
/* Videos */
.post-type-archive-videos main > header { display: none; }
.post-type-archive-videos main .video-list { display: flex; justify-content: space-between; flex-wrap: wrap; }
.post-type-archive-videos main article.videos { width: 49%; display: flex; flex-direction: column; }
.post-type-archive-videos main article.videos .entry-content { order: 1; width: 100%; }
.post-type-archive-videos main article.videos header { order: 2; }
.post-type-archive-videos main article.videos header h1.entry-title { font-size: 20px; border: none; padding: 0; line-height: 24px; margin: 0; font-weight: bold; }
.post-type-archive-videos main article.videos footer { order: 3; padding: 0; border: none; background: none; display: block !important; }
.post-type-archive-videos main article.videos footer .edit-link { display: none; }
.post-type-archive-videos main article.videos footer .post-taxonomies { display: none; }

@media(max-width:1170px){
	nav ul li a {padding:0 10px;}
	.post-type-archive-videos main article.videos {width:100%;}
	
}
/* Case Study */
.post-type-archive-casestudies main > header { display: none; }
.post-type-archive-casestudies main .case-study-list { display: flex; justify-content: space-between; }
.post-type-archive-casestudies main article.casestudies { width: 30%; background: #fff; border-bottom: 4px solid #0098FF; margin: 20px 0; }
.post-type-archive-casestudies main article.casestudies header { display: flex; flex-direction: column; margin: 0; }
.post-type-archive-casestudies main article.casestudies h1.entry-title { display: block; order: 2; font-size: 16px; margin: 0; padding: 0 10px; }
.post-type-archive-casestudies main article.casestudies figure { margin: 0 0 10px; }
.post-type-archive-casestudies main article.casestudies .entry-content { padding: 0 10px 15px; font-size: 14px; }


/* Woo */ 
.cat-prod-link-back { position: absolute; right: 0; top: 0; font-size: 16px; }

body.single.single-product main .entry-header h1.entry-title span { font-weight: bold; }
body.single.single-product main .entry-header h1.entry-title { border: none; margin: 0; padding: 0; }
.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs { float: right; width: 48%; clear: none; }
.single-product .entry.product { display: flex; flex-direction: column; padding: 0; }
.single-product .entry.product .woocommerce-product-gallery { order: 2; margin: 0; width: 64% !important; }
.woocommerce div.product div.images .flex-control-thumbs { display: flex; }
.single-product .entry.product .entry-summary { order: 1; float: none !important; clear: both !important; font-size: 35px; width: 55% !important; margin-bottom: 40px; }
.single-product .entry.product .entry-summary .product_meta { display: none; }
.single-product .entry.product .woocommerce-tabs { order: 3; }
.single-product .navigation.post-navigation { display: none; }
div#tab-description { position: absolute; left: 68%; top: 5%; }
.related.products { clear: both; order: 5; margin-top: 50px; }
.related.products h2:first-child { text-align:center; margin-bottom: 50px; }
.upsells.products { clear: both; order: 6; margin-top: 50px; }
.upsells.products h2:first-child { text-align:center; margin-bottom: 50px; }
#tab-description ul li { list-style: disc; list-style-position: inside; font-size: 16px; }
.single-product .entry.product .section-documents { order: 4; width: 100%; float: none; clear: both; margin-bottom: 45px; }
.section-documents h3 { margin-bottom: 25px; font-size:30px; }
.section-documents ul li a { display: inline-block; text-decoration: underline; }
.section-documents .documents-tab { border-top: 1px solid #ddd; }
.section-documents .documents-tab:last-child { border-bottom: 1px solid #ddd; }
.section-documents .documents-tab .tab-header { padding: 12px 0; cursor: pointer; }
.section-documents .documents-tab .tab-header h4 { font-weight: normal; }
.section-documents .documents-tab .tab-header h4::before { display: block; float: left; content: "\e622"; font-family: "iconfont" !important; margin-right: 10px; transition: .1s ease-in-out; }
.section-documents .documents-tab .file-lists { margin: 0; max-height: 0; overflow: hidden; transition: .1s ease-in-out; }

.woocommerce-product-attributes-item--attribute_aaa ,.woocommerce-product-attributes-item--attribute_bbb  { visibility: hidden; }

.section-documents .documents-tab.active .tab-header h4::before { transform: rotate(90deg); }
.section-documents .documents-tab.active .file-lists { padding: 15px 0; line-height: 36px; max-height: inherit; font-size:15px; border-top: 1px solid #ddd; }

.woocommerce-product-gallery .flex-viewport { border: 1px solid #ddd; }
.woocommerce-product-gallery .flex-viewport:hover { cursor: zoom-in; }
.woocommerce div.product div.images .flex-control-thumbs li { margin: 10px 0 0 10px; }
.woocommerce div.product div.images .flex-control-thumbs li img { border: 1px solid #ddd; }
.woocommerce div.product div.images .flex-control-thumbs li:hover img, .woocommerce div.product div.images .flex-control-thumbs li img.flex-active { border-color: #333; }
.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) { margin-left: 0; }
.woocommerce div.product div.images .flex-control-thumbs li:hover { opacity: 0.9; }

.woocommerce div.product .woocommerce-tabs ul.tabs { display: none !important;}
.woocommerce div.product .woocommerce-tabs .panel {display: block !important;}
.single-product .entry.product .wc-tabs-wrapper{ width:100% !important; margin-top:30px; }
.woocommerce div.product .woocommerce-tabs .panel .woo-table {display:flex; flex-wrap:wrap; justify-content:space-between;  }
.woocommerce div.product .woocommerce-tabs .panel .woo-tr {display:flex; justify-content:space-between;  width: 48%; border-bottom: 1px solid #ddd; padding-bottom:12px; margin-bottom:8px;}
.woocommerce div.product .woocommerce-tabs .panel  h2{ margin-bottom: 25px; }
.woocommerce div.product .woocommerce-tabs .panel .woo-tr p { font-size:16px; text-align:end; padding-left:20px; }
.woocommerce div.product .woocommerce-tabs .panel .woo-th { font-weight:bold; font-size:16px; }
.woocommerce ul.products li.product .button { background:none; text-decoration:underline; font-weight:400; font-size:16px; padding:0; margin-top:5px; }

.woocommerce ul.products li.product a img { border: 1px solid #ddd; transition: .1s all ease-in-out; }
.woocommerce ul.products li.product a img:hover { border: 1px solid #333; }

.zoomImg { display: none!important; }
.woocommerce-product-gallery__trigger { opacity: 0; transition: .2s all ease-in-out; left: 50%; top: 37.5% !important; background: rgba(0, 0, 0, 0.5) !important; color: #fff !important;  }
.woocommerce-product-gallery:hover .woocommerce-product-gallery__trigger { opacity: 1; }
.gallery-trigger-container { width: 100%; height: 80%; position: absolute; left: 0; right: 0; z-index: 100; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: .2s all ease-in-out; }
.woocommerce-product-gallery:hover .gallery-trigger-container { opacity: 1; cursor: pointer; }
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before { border-color: #fff; }
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::after { background: #fff; }

.section-energy-center p { margin-bottom: 20px; }
.section-energy-center p a { text-decoration: underline; }

.woocommerce table.shop_attributes {
	border-top:none;
}
.woocommerce table.shop_attributes th {
	text-align:left;
}
.woocommerce table.shop_attributes td {
	text-align:end; font-style:normal;
}
.woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th {
	background:none;
}
@media(max-width:1170px){
		.section-documents ul li a{width:90%; vertical-align:top;}
}
@media(max-width:990px){
	.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {width: 100%; }
	main article.product,main article.page,main article.post,main article.ufaq,main article.videos  {margin-top:60px !important;}
	.brief_1 { padding:0!important;}
	}
@media(max-width:768px){
	.section-documents{width:100%;float:none;}
	div#tab-description { position:relative; left:0;}
	.woocommerce div.product .woocommerce-tabs .panel .woo-tr { width:100%}
	.nav_bar{padding:20px 0;}
}
@media (max-width: 500px) {
	.woocommerce div.product .woocommerce-tabs ul.tabs li a { font-weight:500;font-size:16px;}
}

/* category */ 
.wp-block-woocommerce-product-price { display: none; }
.wc-block-active-filters .wc-block-active-filters__list-item-type { display: none; }
.wc-block-active-filters__clear-all { display: none !important; }
.wc-block-grid__product-add-to-cart { display: none !important; }
.wopb-taxonomy-relation { display: none !important; }

.title-applied-filters { margin-bottom: 10px; }
.applied-filters-container { border-bottom: 1px solid #ddd; margin-bottom: 30px; }

.wopb-filter-header { font-size: 16px; margin-bottom: 10px; font-weight: normal; }
.wopb-filter-check-item { font-size: 14px; }
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] { width: 13px; height: 16px; min-height: 16px; min-width: 13px; border-color: #aaa; border-width: 1px; margin-top: 3px; }
.wc-block-components-checkbox .wc-block-components-checkbox__mark { margin-top: 0; margin-left: 0; }

h2.wopb-heading-inner { font-size: 18px !important; font-weight: bold; }
.wopb-block-wrapper .wopb-block-item { border: 1px solid #ddd; padding: 30px !important; transition: .1s all ease-in-out; margin-bottom: 20px; flex: initial !important; height: -webkit-fill-available; }
.wopb-block-image { margin: 0 !important; }
.wopb-block-title { padding: 0 !important; margin-bottom: 10px !important; }
.wopb-block-title a { text-decoration: underline !important; }
.wopb-block-item:hover { padding: 10px !important; border-color: #333; }

.wopb-product-wrapper.wopb-filter-block .wopb-filter-title-section .wopb-filter-icon, .wopb-product-wrapper.wopb-filter-block .wopb-filter-title-section .wopb-filter-title { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; }
.dashicons-filter:before { font-family: ui-rounded; content: none; }
.wopb-filter-toggle { margin-top: 5px; }
.wopb-product-wrapper.wopb-filter-block .wopb-filter-section { margin-bottom: 10px; }
.wc-block-attribute-filter__actions { display: none !important; }
.wc-block-active-filters .wc-block-active-filters__list--chips .wc-block-components-chip { border-radius: 0; border-color: #ddd; background: #E9EAE9; font-size: 14px; color: #53565A; }

.section-subcategories { padding: 10px 0 50px; }
.section-subcategories p { margin-right: 20px;}
.section-subcategories p a { padding: 10px 30px; border: 1px solid #ddd; border-radius: 30px; font-size: 14px; text-transform: uppercase; transition: .1s all ease-in-out; }
.section-subcategories p a:hover, .section-subcategories p.active a  { border-color: #333; color: #fff; background: #333; }

.wopb-pagination a:hover, .wopb-pagination li.pagination-active a { font-weight: bold; }

.wopb-search-section { margin-bottom: 20px; }
.wopb-block-wrapper.wopb-product-search-block .wopb-search-result.wopb-layout-1 .wopb-search-items .wopb-search-item, .wopb-block-wrapper.wopb-product-search-block .wopb-search-result.wopb-layout-2 .wopb-search-items .wopb-search-item { margin-bottom: 0; }
.wopb-block-wrapper.wopb-product-search-block .wopb-search-result.wopb-layout-1 .wopb-search-items .wopb-search-item:hover { padding: 30px !important; }

/* ecosystem */
.page-id-1399 .wopb-product-wrapper.wopb-filter-block .wopb-filter-section .wopb-filter-header { display: none !important; }
.page-id-1399 .wopb-product-wrapper.wopb-filter-block .wopb-filter-section .wopb-filter-body .wopb-filter-check-list .wopb-filter-check-item input[type=checkbox] { display: none; }
.page-id-1399 .wopb-filter-check-list { display: flex; margin-bottom: 40px; flex-wrap: wrap; }
.page-id-1399 .wopb-product-wrapper.wopb-filter-block .wopb-filter-section .wopb-filter-body .wopb-filter-check-list .wopb-filter-check-item-section { display: block; float: left; width: auto; margin-right: 20px; padding: 5px 50px; border: 1px solid #333; border-radius: 20px; text-transform: uppercase; cursor: pointer; margin-bottom: 20px; }
.page-id-1399 .wopb-product-wrapper.wopb-filter-block .wopb-filter-section .wopb-filter-body .wopb-filter-check-list .wopb-filter-check-item-section:hover { background-color: #333; color: #fff; }
.page-id-1399 .wopb-product-wrapper.wopb-filter-block .wopb-filter-section .wopb-filter-body .wopb-filter-check-list .wopb-filter-check-item-section:has(input:checked) { display: none; }
.page-id-1399 .wopb-filter-remove-all { float: right; }
@media(max-width:992px){
	.wp-block-product-blocks-banner .wopb-banner-wrapper { display:block; }
	.wp-block-product-blocks-banner .wopb-banner-wrapper .wopb-banner-section  { display:block; }
	.page-id-1399 .wopb-product-wrapper.wopb-filter-block .wopb-filter-section .wopb-filter-body .wopb-filter-check-list .wopb-filter-check-item-section { padding:2px 10px; margin-right:10px; margin-bottom:10px; }
	.wopb-block-abfd45 .wopb-block-items-wrap { grid-row-gap: 10px !important;  grid-column-gap: 10px !important; }
	.wopb-block-wrapper .wopb-block-item { margin-bottom:10px  !important; } 
	#ewd-ufaq-jquery-ajax-search .clear-field.slide-in { right :0 !important; }
	#ewd-ufaq-jquery-ajax-search .clear-field { right :20px !important; }
}
/* announcement */
.bulletinwp-bulletins { position: fixed !important; top: 0; z-index: 999; }
.bulletinwp-bulletin-item  { background: #0098ff !important; padding: 8px !important; }
.bulletinwp-bulletin-powered-by-label { display: none !important; }

/* Algolia InstantSearch Styling Fixes for litetrace theme */
.page-width #ais-wrapper,
body.algolia-search-page .page-width #ais-wrapper {
	display: flex;
	margin-top: 60px;
	margin-bottom: 60px;
	padding: 0 20px;
}

.page-width #ais-main,
body.algolia-search-page .page-width #ais-main {
	padding: 0 1rem 0 0;
	width: 60%;
	flex: 1;
}

.page-width #ais-facets,
body.algolia-search-page .page-width #ais-facets {
	width: 300px;
	padding: 0 0 0 2rem;
	flex-shrink: 0;
}

/* Search box styling to match theme */
.page-width #algolia-search-box,
body.algolia-search-page .page-width #algolia-search-box {
	margin-bottom: 2rem;
}

.page-width #algolia-search-box input,
body.algolia-search-page .page-width #algolia-search-box input {
	border: 1px solid #ddd;
	border-radius: 0;
	background: #fff;
	width: 100%;
	line-height: 30px;
	font-size: 16px;
	padding: 30px 20px 30px 60px;
	font-weight: normal;
	box-sizing: border-box;
	outline: none;
	box-shadow: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
}

.search-results #ais-wrapper { margin-top: 120px !important; }
#algolia-hits { margin-top: 80px; }
#ais-main { width: 59% !important; margin: 0; }
#ais-facets { display: block !important; }

.page-width #algolia-search-box input:focus,
body.algolia-search-page .page-width #algolia-search-box input:focus {
	border-color: #0098FF;
}

.page-width .algolia-search-box-wrapper,
body.algolia-search-page .page-width .algolia-search-box-wrapper {
	position: relative;
}

.page-width .algolia-search-box-wrapper .search-icon,
body.algolia-search-page .page-width .algolia-search-box-wrapper .search-icon {
	position: absolute;
	left: 15px;
	top: 18px;
	fill: #333;
}

/* Stats and powered by positioning */
.page-width #algolia-powered-by,
body.algolia-search-page .page-width #algolia-powered-by {
	position: absolute;
	top: 70px;
	right: 0;
	font-size: 12px;
	text-align: right;
}

.page-width .ais-Stats,
body.algolia-search-page .page-width .ais-Stats {
	position: absolute;
	top: 70px;
	font-size: 14px;
	color: #666;
}

/* Hits styling */
.page-width .ais-Hits-item,
body.algolia-search-page .page-width .ais-Hits-item {
	margin: 0 0 2rem 0;
	padding-bottom: 2rem;
	border-bottom: 1px solid #eee;
}

.page-width .ais-Hits-item:last-child,
body.algolia-search-page .page-width .ais-Hits-item:last-child {
	border-bottom: none;
}

.page-width .ais-Hits-item h2,
body.algolia-search-page .page-width .ais-Hits-item h2 {
	margin: 0 0 20px 0;
	font-size: 28px;
	font-weight: normal;
}

.page-width .ais-Hits-item h2 a,
body.algolia-search-page .page-width .ais-Hits-item h2 a {
	color: #333;
	text-decoration: none;
}

.page-width .ais-Hits-item h2 a:hover,
body.algolia-search-page .page-width .ais-Hits-item h2 a:hover {
	color: #0098FF;
}

/* Facets styling */
.page-width #ais-facets h3.widgettitle,
body.algolia-search-page .page-width #ais-facets h3.widgettitle {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
	color: #333;
}

.page-width .ais-facets,
body.algolia-search-page .page-width .ais-facets {
	margin-bottom: 2rem;
	padding: 0;
}

.page-width .ais-facets ul,
body.algolia-search-page .page-width .ais-facets ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

.page-width .ais-facets li,
body.algolia-search-page .page-width .ais-facets li {
	margin-left: 0;
	margin-bottom: 8px;
}

.page-width .ais-facets a,
body.algolia-search-page .page-width .ais-facets a {
	color: #666;
	text-decoration: none;
	font-size: 14px;
}

.page-width .ais-facets a:hover,
body.algolia-search-page .page-width .ais-facets a:hover {
	color: #0098FF;
}

/* Pagination styling */
.page-width .ais-Pagination,
body.algolia-search-page .page-width .ais-Pagination {
	margin: 2rem 0 0 0;
	text-align: center;
}

.page-width .ais-Pagination-list,
body.algolia-search-page .page-width .ais-Pagination-list {
	margin-left: 0;
	display: inline-flex;
	gap: 5px;
}

.page-width .ais-Pagination-item,
body.algolia-search-page .page-width .ais-Pagination-item {
	display: inline-block;
	padding: 0;
}

.page-width .ais-Pagination-link,
body.algolia-search-page .page-width .ais-Pagination-link {
	display: block;
	padding: 8px 12px;
	color: #666;
	text-decoration: none;
	border: 1px solid #ddd;
}

.page-width .ais-Pagination-link:hover,
body.algolia-search-page .page-width .ais-Pagination-link:hover {
	background: #0098FF;
	color: #fff;
	border-color: #0098FF;
}

.page-width .ais-Pagination-item--selected .ais-Pagination-link,
body.algolia-search-page .page-width .ais-Pagination-item--selected .ais-Pagination-link {
	background: #333;
	color: #fff;
	border-color: #333;
}

/* Responsive adjustments */
@media (max-width: 1000px) {
	.page-width #ais-wrapper,
	body.algolia-search-page .page-width #ais-wrapper {
		flex-direction: column;
		padding: 0 10px;
	}
	
	.page-width #ais-main,
	body.algolia-search-page .page-width #ais-main {
		width: 100% !important;
		padding: 0;
	}
	
	.page-width #ais-facets,
	body.algolia-search-page .page-width #ais-facets {
		width: 100%;
		padding: 2rem 0 0 0;
		display: none; /* Hide facets on mobile as per original CSS */
	}
}

@media (max-width: 500px) {
	.page-width #ais-wrapper,
	body.algolia-search-page .page-width #ais-wrapper {
		margin-top: 80px; /* Account for mobile header */
	}
}
@media(max-width:768px){
	.section-subcategories{display:block !important; padding:0 !important;}
	.section-subcategories p{margin:10px; }
	.section-subcategories p a {display:block; padding:6px; text-align:center;}
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column { padding:0 10px;position:relative;}
	.wopb-product-wrapper.wopb-filter-block .wopb-filter-title-section { flex: 0 0 auto; margin:0;}
	.wopb-product-wrapper.wopb-filter-block .wopb-filter-section{flex:0 0 auto; margin:0 10px;}
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column .wopb-product-wrapper {display:flex;flex-wrap:nowrap;overflow-x:auto;padding-top:100px;}
	.wopb-filter-remove-section{position:absolute;left:10px;right:10px;top:0;z-index:999;}
	.wopb-filter-active-item-list{ display:flex;flex-wrap:nowrap;overflow-x:auto;}
	.wopb-filter-active-item { flex: 0 0 auto; margin:0;}
}
@media (max-width: 1170px) {
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{margin:0 !important}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{padding:0 4px !important;}
	header{padding:0 5px !important}
	.site-logo { width:160px; }
	
}

 .modal_email { display: none; position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%;  background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
 .modal_email  .modal_content { display: flex; align-items: center; justify-content: space-around; padding:10%; }
 .modal_email  .modal_content img {width: 200px; height: 200px; }
 .modal_email  .content_left { width:60%;  padding-left: 10%; }
 .modal_email  .content_right { width:40%; }
 .modal_email  .content_right .right_title { font-size: 30px; line-height: 36px; font-weight: bold; }
 .modal_email  .content_right  .right_des { padding: 15px 0; }
 .modal_email  .content_right .right_input { position: relative;}
 .modal_email  .content_right .right_input i {position: absolute; padding: 10px; color: #105960; }
 .modal_email  .content_right .right_input input { height: auto; padding: 15px 20px 15px 40px;  width: 100%; }
 .modal_email  .popup_submit { padding: 15px;   width: 100%;  height: auto;   margin: 20px 0;  background:#105960;  color:#fff; letter-spacing: 2px; font-size: 16px;  }
  .modal_email  .modal_show { background-color: #fefefe; margin: 10% auto; padding: 20px; border: 1px solid #888; width:980px; }
  .modal_email  .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; }
  .modal_email  .close:hover,  .modal_email  .close:focus { color: black; text-decoration: none; cursor: pointer; }
@media (max-width: 1170px) { 
	.modal_email .modal_show { width: 700px; margin: 20% auto; }
	.modal_email .modal_content { padding: 6%; }	
	
}
@media (max-width: 768px) { 
	.modal_email .modal_show { width: 90%; margin: 50% auto; }
	.modal_email .modal_content { flex-direction: column; }
	.modal_email .content_left { display: none; }
	.modal_email .content_right { width: 100%; }
	.modal_email .content_right .right_title { font-size: 28px; }
	.search-results .site-main { margin-top: 0; }
	.search-results #ais-wrapper { flex-direction: column; padding: 0 10px; }
	.search-results #ais-main { order: 2; }
	.search-results #ais-facets { order: 1; padding: 0 !important; }
	.page-width .ais-Pagination-list, body.algolia-search-page .page-width .ais-Pagination-list { flex-wrap: wrap; }
	a.btn.btn-submit { line-height: 46px !important; }
	.ais-hits--thumbnail .ais-hits--thumbnail-link img {width: auto !important; }
	.page-width .ais-Hits-item h2, body.algolia-search-page .page-width .ais-Hits-item h2 { font-size: 22px; }
}
.brands-section__filters { margin-bottom: 30px; }
.brand-card { position: relative; margin-top: 30px !important; }
.brand-card__tooltip { display: none; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); width: min(340px, 90vw); background: rgba(33, 33, 33, 0.92); color: #fff; border-radius: 24px; padding: 1.2rem; text-align: left; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25); z-index: 10; }
.brand-card:hover .brand-card__tooltip { display: block; }
.brand-card__tooltip-title { margin: 0 0 0.75rem 0; font-size: 0.9rem; font-weight: 600; text-align: center; }
.brand-card__tooltip-list {  margin: 0;  padding-left: 1.1rem;}
.brand-card__tooltip-list li {  margin: 0.35rem 0;  font-size: 0.8rem;  line-height: 1.45;  list-style-type: disc;}
@media (max-width: 768px) { 
	.brand-card:hover .brand-card__tooltip { display: none; }
	.brands-section .pds-accordion__content { padding: 0 !important; }
	.brand-card { margin: 0 !important; }
}