/*Theme Name:Theme-Focus4.0*/ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;} audio,canvas,video{display: inline-block;} audio:not([controls]){display: none;height:0;} [hidden],template{display: none;} html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;} a{background: transparent;} a:focus{outline: thin dotted;} a:active,a:hover{outline:0;} abbr[title]{border-bottom:1px dotted;} b,strong{font-weight:bold;} dfn{font-style: italic;} hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;border:none;clear:both;} mark{background:#ff0;color:#000;} code,kbd,pre,samp{font-family:"Montserrat";font-size:1em;} pre{white-space: pre-wrap;} q{quotes: "\201C" "\201D" "\2018" "\2019";} small{font-size:80%;} sub,sup{font-size:75%;line-height:0;position: relative;vertical-align:baseline;} sup{top: -0.5em;} sub{bottom: -0.25em;} img{border:0;vertical-align:middle;} svg:not(:root){overflow: hidden;} figure{margin:0;} fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;} legend{border:0;padding:0;} button,input,select,textarea{font-size:100%;margin:0;outline:0;} button,input{line-height: normal;} button,select{text-transform: none;} button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;} button[disabled],html input[disabled]{cursor:default;} input[type="text"]:hover,input[type="text"]:focus,input[type="text"]:active{border:1px solid #f90;} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;} input[type="search"]{-webkit-appearance: textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;} textarea{overflow:auto;vertical-align: top;} table{border-collapse:collapse;border-spacing:0;} body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,span,th,td,dl,dd,form,fieldset,legend,input,textarea,select{padding:0;border:0;margin: 0 auto;} @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap'); /* Global */ body{font-family: 'Montserrat', sans-serif; font-size:14px;} ul,ol,li{list-style:none;} table,td,th,input{ font-size:14px;} h1,h2,h3,h4,h5,h6{font-weight:normal;} h1{font-size:48px;} h2{font-size:38px;} h3{font-size:28px;} h4{font-size:20px;} h5,h6 {font-size:18px;} .cut { text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .inner{ } .clearfix{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0} .radius{ border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .opacity{ opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(opacity=50);} .mediaholder{ overflow:hidden;} a:link, a:visited{ color:#222; outline:0; text-decoration:none;} a:hover{ color:#F49628; text-decoration:underline;} /* Header */ .header-wrap{} .header{background: #001662;clear:both; -moz-box-shadow:0 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 5px 5px rgba(0, 0, 0, 0.1); box-shadow:0 5px 5px rgba(0, 0, 0, 0.1); height:100px; overflow:visible; position:relative;} .header .inner{overflow:visible; position:relative;} .logo{ float:left; line-height:100px;} .logo img{max-height:90px;max-width:150px; margin: 0 20px auto; vertical-align:middle;} .head-pinned{background:linear-gradient(180deg, #001662 0%, rgba(0, 22, 98, 0.0001) 100%); height:100px; position:fixed; top:0; left:0; width:100%; z-index:10000; _position:absolute; _top:expression(eval(document.documentElement.scrollTop)); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.2); box-shadow:0 0 10px rgba(0, 0, 0, 0.2);} .head-pinned .inner{ height:90px;} .head-pinned .logo{line-height:90px;} .head-pinned .topbar{ display:none;} .head-pinned .main-menu{ line-height:90px;} .head-pinned .navi li ul{ top:90px;} .head-pinned .navi li ul li ul{ top:0;} .head-pinned .btn-so{ height:90px; background-position:center -45px;} .head-pinned .btn-so-hov{} .head-pinned .navi li .ul-div{ top:100px;} .top-contact{float: right; margin-right:25px;margin-top:25px;} .top-contact span{display: flex;flex-direction: column;align-items: flex-end;} .top-contact span a{line-height:1.5;color: #FFF;} /* MainMenu */ .main-menu{ float:left; font-size:15px; line-height:98px; color:#FFF;} #mobile-nav{ display:none;} .navi{} .navi li{ float:left; padding:0; position:relative;} .navi li a{position: relative; padding:0 12px; color:#fff; display:block; -webkit-transition:background-color 0.4s ease; -moz-transition:background-color 0.4s ease; -o-transition:background-color 0.4s ease; -ms-transition:background-color 0.4s ease; transition:background-color 0.4s ease;} .navi li a:hover{ color:#C42722; text-decoration:none;} .navi li.current-menu-item a:link, .navi li.current-menu-item a:visited/*, .navi li.current-post-parent a*/, .navi li.current-post-ancestor a, .navi li.current-menu-parent a, .navi li.current-category-ancestor a, .navi li:hover a{ color:#C42722; text-shadow:none;} .navi li ul{ position:absolute; top:98px; left:0; z-index:1000;width:240px;line-height:1.5; background-color:#fff; border-radius:10px; -moz-box-shadow:0 1px 6px rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 6px rgba(0,0,0,0.2); box-shadow:0 1px 6px rgba(0,0,0,0.2); display:none;} .navi li ul li{ float:none; padding:0; line-height:36px; font-size:13px;} .navi li ul li a:link, .navi li ul li a:visited{ padding:0 25px; color:#666;} .navi li ul li a:before {display: inline-block;position: absolute;left:6px;top: 18px;transition: opacity 0.7s;background-image: url(images/link-line.svg);width: 16px;height: 2px;content: "";opacity: 0;padding-left: 0;transition:all .4s ease;} .navi li ul li a:hover:before{opacity: 1;} .navi li.current-menu-item ul li a:link, .navi li.current-menu-item ul li a:visited, .navi li.current-menu-item ul li a:hover, .navi li.current-post-parent ul li a,.navi li.current-post-ancestor ul li a, .navi li.current-menu-parent ul li a, .navi li.current-category-ancestor ul li a/*, .navi li:hover ul li a*/{ color:#666; background:none;} .navi li ul li.menu-item-has-children a{ background:url(images/icon-menu.png) no-repeat right -312px;} .navi li ul li a:hover, .navi li.current-menu-item ul li a:hover, .navi li.current-post-ancestor ul li a:hover, .navi li.current-menu-parent ul li a:hover, .navi li.current-category-ancestor ul li a:hover, .navi li:hover ul li a:hover{ color:#C42722; padding-left:30px;transition:all .4s ease;} .navi li.current-menu-item ul li a{ background:none;} .navi li.current-menu-item ul li a span{ background:none;} .navi li:hover a{ color:#C42722;} .navi li:hover ul li a{ background:none;} .navi li:hover ul li.menu-item-has-children a{ background:url(images/icon-menu.png) no-repeat right -312px;} .navi li ul li ul{top:0px; left:240px; padding:0; display:none; -moz-box-shadow:3px 1px 6px rgba(0,0,0,0.2); -webkit-box-shadow:3px 1px 6px rgba(0,0,0,0.2); box-shadow:3px 1px 6px rgba(0,0,0,0.2);} .navi li ul li.menu-item-has-children:hover a{ color:#C42722; background:#fbfbfb url(images/icon-menu.png) no-repeat right -354px;} .navi li ul li.menu-item-has-children:hover ul li a{ color:#666; background:#fff;} .navi li ul li.menu-item-has-children:hover ul li a:hover{ color:#C42722; background-color:#fbfbfb;} .navi li:hover ul li.menu-item-has-children ul li a{ background:none;} .btn-so{ float:right; width:40px; height:90px; line-height:90px; display:inline-block; cursor:pointer; position:relative;} #search-box{width:100%;background:#FFFFFF; display:none; -moz-box-shadow:0 4px 5px rgba(0, 0, 0, 0.05); -webkit-box-shadow:0 4px 5px rgba(0, 0, 0, 0.05); box-shadow:0 4px 5px rgba(0, 0, 0, 0.05); z-index:9999;} #search-box .inner{ position:relative; overflow:visible;} /*#search-box i{ width:20px; height:10px; line-height:10px; font-size:10px; background:url(images/icon-menu.png) no-repeat center 0; display:inline-block; position:absolute; top:-10px; right:10px; z-index:99;}*/ #search-box .arrow-up{ border:9px dashed transparent; border-width:9px; border-bottom-color:#C42722; display:inline-block; width:0; height:0; font-size:0; overflow:visible; position:absolute; top:-18px; right:10px; z-index:10;} #search-box .arrow-up .arrow-inner{ width:0; height:0; position:absolute; top:-1px; left:-5px; border:5px solid transparent; border-bottom-color:#fff;} #search-box #searchform{ padding:20px 0; width:80%; position:relative;} #search-box #searchform #ls{ padding:14px 2%; width:100%; border:1px solid #999; color:#666; background:#fbfbfb; box-sizing:border-box; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.1); box-shadow:0 0 5px rgba(0, 0, 0, 0.1);} #search-box #searchform #ls:hover, #search-box #searchform #ls:focus, #search-box #searchform #ls:active{ border-color:#C42722;} #search-box #searchform #searchsubmit{ float:right; padding:15px 0; width:68px; text-indent:-9999px; border:none; background:#C42722 url(images/icon-menu.png) no-repeat center -240px; overflow:hidden; cursor:pointer; position:absolute; right:0; top:20px; -webkit-transition:background-color 0.4s ease; -moz-transition:background-color 0.4s ease; -o-transition:background-color 0.4s ease; -ms-transition:background-color 0.4s ease; transition:background-color 0.4s ease;} #search-box #searchform:hover #searchsubmit{ background-color:#e85c00;} .search-pinned{height:96px; position:fixed !important; top:98px; left:0; z-index:99 ; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));} /* Slideshow */ #site-banner{position: relative;padding-top: 30px;padding-bottom:30px; background: #001662;color: #FFFFFF; margin-bottom:30px;} #site-banner .site-banner{display: grid; grid-gap:2%;} .v1-section-title{font-weight:700; font-size:36px;padding-bottom:8px;} .v1-header-intro{font-size: 21px;line-height: 40px;font-weight: 600;} .get-quoute-button a{border-radius: 4px;background-color: #C42722; text-decoration: none;display:block;letter-spacing: 1px;padding: 16px 30px;color: #FFFFFF; font-size: 18px;font-weight: 700;border: 1px solid transparent;cursor: pointer;text-align: center;margin:20px 0;} .v1-downloads-info{margin-top: 20px;position: relative;padding-left: 30px;display: block;line-height: 1.5;font-size: 13px} .v1-downloads-info:before {position: absolute;content: "";left: 0px;width: 22px;height: 22px;background: url(images/icon-downloads.svg) no-repeat center center; background-size: 22px 22px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);} .v1-iso-img{display: block; margin-top: 20px;max-height: 74px; max-width: 100%;} .v1-media-container {border-radius: 20px;width: 100%;overflow: hidden;} .v1-media{width: 100%;height: 100%;max-height:450px;} .v2-details{margin-top: 70px;padding-top:50px; padding-bottom: 20px;background: radial-gradient(48.86% 48.86% at 50% -14.91%, #000B32 0%, #001662 100%);} .v2-icons-highlights-list{display:grid; grid-template-columns:repeat(4, 1fr);grid-gap:15px; align-items: center;} .v2-icons-highlights-list li a{color: #FFF;} .v2-icon-highlight{display:grid; grid-template-columns:repeat(2, 1fr);grid-gap:0;align-items: center;justify-items: center; text-decoration: none;} .v2-icon-highlight:hover{color: #f9423a; text-decoration: none;} .v2-icon-highlight-content {font-size: 16px;line-height: 1.3;display: block;font-weight: 700;} .v2-icon-highlight-icon img {width: 100%;height: auto;max-width: 70px;max-height: 70px;} .v2-icons-highlights-list-small{display:grid; grid-template-columns:repeat(5, 1fr);grid-gap:15px; align-items: center;padding: 23px 64px 0 64px;} .v2-icon-highlight-small{display:grid; grid-template-columns:55px 1fr;grid-gap:0;align-items: center;justify-items: center; text-decoration: none;} .v2-icon-highlight-small:hover{text-decoration: none;} .v2-icon-highlight-small:hover .v2-icon-highlight-small-content{color: #f9423a; text-decoration: none;} .v2-icon-highlight-small-icon img {width: 100%;height: auto;max-width: 34px;max-height: 34px;} .v2-icon-highlight-small-content {font-size: 14px;line-height: 1.3;display: block;font-weight: 700;color: #FFF;} /*main*/ .v2-section{padding-bottom:30px;} h2.v2-section-title{position: relative; font-size: 36px;font-weight: 700;line-height: 48px;color: #222D36;padding-bottom: 20px;margin-bottom: 50px;} h2.v2-section-title a{text-decoration: none;} h2.v2-section-title a:hover{text-decoration: none; color: #222D36;} .v2-section-title:after {position: absolute;content: "";width: 100px;height: 6px;background: #FA423A;bottom: 0;left: 0;} .v2-bottom-dotted-line {padding-bottom: 30px;background: url(images/horizontal-dots.svg) repeat-x bottom center;} /* CatPicScroll */ .pic-swiper-container{ position:relative;overflow: hidden;} .pic-swiper-container .swiper-wrapper .swiper-slide{ float:left; margin-bottom:30px; width:23%; height:auto; text-align:center; overflow:hidden;} .pic-swiper-container .swiper-wrapper .swiper-slide .folio-thumb{ position:relative;} .pic-swiper-container .swiper-wrapper .swiper-slide .folio-thumb img{ width:100%; height:auto;} .pic-swiper-container .swiper-wrapper .swiper-slide .folio-thumb .opacity-pic{ width:100%; height:100%; position:absolute; top:0; left:0;cursor:pointer;} .pic-swiper-container .swiper-wrapper .swiper-slide h3{padding:10px; color:#FFF; font-size:16px; overflow:hidden;z-index:10; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;} .pic-swiper-container .swiper-wrapper .swiper-slide h3 a{ height:40px; line-height:20px; display:block; color:#222; text-decoration:none;overflow: hidden;} .pic-swiper-container .swiper-wrapper .swiper-slide:hover h3 a{color: #222;} .pic-swiper-container .swiper-wrapper .swiper-slide:hover .mediaholder{ border-color:#ccc;} .pic-swiper-container .pic-swiper-button-next, .pic-swiper-container .pic-swiper-button-prev{ position:absolute; top:27%; z-index:999; margin-top:0; width:40px; height:68px; cursor:pointer;} .pic-swiper-container .pic-swiper-button-prev{ left:-50px; background:rgba(0,0,0,0.5) url(images/arrow-lt.png) no-repeat center center; -moz-background-size:60% 60%; -webkit-background-size:60% 60%; -o-background-size:60% 60%; background-size:60% 60%;} .pic-swiper-container .pic-swiper-button-next{ right:-50px; background:rgba(0,0,0,0.5) url(images/arrow-rt.png) no-repeat center center; -moz-background-size:60% 60%; -webkit-background-size:60% 60%; -o-background-size:60% 60%; background-size:60% 60%;} .pic-swiper-container .swiper-pagination-bullet{ width:24px; height:4px; line-height:4px; background:#fff; opacity:1; -khtml-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .pic-swiper-container .swiper-pagination-bullet-active{ background:#ff6600;} .pic-swiper-container .swiper-pagination-bullets, .pic-swiper-container>.swiper-pagination-bullets{ bottom:20px;} .pic-swiper-wrapper-horizontal{ overflow:hidden;} .v2-about{padding:40px 0 50px 0} .v2-about-wrap{display:grid; grid-template-columns:49% 49%;grid-gap:2%; position: relative; padding-bottom:60px;} .v2-about-content{line-height:1.6} .v2-about-content h2.v2-section-title{position: relative; font-size: 40px;font-weight: 700;line-height: 48px;color: #222D36;padding-bottom: 20px;margin-bottom:30px;} .v2-about-content .v2-section-title:after {position: absolute;content: "";width: 50px;height: 6px;background: #FA423A;bottom: 0;left: 0;} .v2-about-pic img{width:100%;height:100%;max-height:600px; padding-bottom:50px;} .v2-about-bottom{position: absolute; bottom:-20px;left:0;width:80%; background-color: #FFF; } .v2-about-bottom-list ul{display: grid;grid-template-columns:25% 25% 25% 25%;align-items:center;text-align: center;padding:10px; box-shadow:0px 0px 8px 0px rgba(1, 0,2, 1.05)} .v2-about-bottom-list ul li{margin-bottom:20px;} .v2-icon-a1-content{margin-bottom:5px;} .v2-about-other{position: relative;margin-top:30px;} .v2-about-other img{width:100%;height:100%;} .v2-section-radial{background:radial-gradient(at bottom, rgb(195, 214, 224) 0%, rgba(227, 234, 238, 0.6) 50%, rgba(227, 234, 238, 0) 100%); color: #222D36;} .v2-section-factory{padding-bottom:30px;} .v2-section-factory img{width:100%;height:100%;} .v2-gutter{padding: 90px 50px;display: grid;grid-template-columns: 65% 35%;grid-gap: 20px;align-items: center;} .get-quoute{border-radius: 4px;background-color: #0072CE; text-decoration: none;display:inline-block;letter-spacing: 1px;padding: 16px 30px;color: #FFF !important; font-size: 18px;font-weight: 700;border: 1px solid transparent;cursor: pointer;text-align: center;margin:20px 0;} .get-quoute:hover{text-decoration: none;} .get-quoute-red{display: flex; justify-content: center;} .get-quoute-red a{background: #FA423A; font-size: 18px;line-height: 1.2; color: #FFF; font-weight: 700;padding: 10px 30px;display: inline-block;transition: all 0.2s; opacity: 1; border-radius: 4px;text-decoration: none;} .get-quoute-siede{background: #C42722; font-size: 18px;line-height: 1.2; font-weight: 700;padding: 10px 30px;text-align: center; transition: all 0.2s;opacity: 1; border-radius: 4px;} .get-quoute-siede a{text-decoration: none;color: #FFF !important; display: block;} .get-quoute-siede a:hover{text-decoration: none;} .v2-gutter h2{ font-size: 36px;line-height: 40px;font-weight: 700} .v2-gutter .v1-downloads-info{opacity: 0.5;} .v2-gutter .v1-downloads-info:before{filter: invert(100);opacity: 0.9;} .v2-section-why {background: linear-gradient(rgba(117, 141, 151, 0.17), rgba(117, 141, 151, 0), rgb(255, 255, 255));} .v2-why{padding: 90px 50px;} #tabs-container{width:100%;overflow: hidden;} .tabs {display: grid; grid-template-columns:1fr 1fr 1fr; } .tab-item{display:grid; align-items: center;text-decoration: none;} .tab-item-title { font-size: 16px;line-height: 1.3;display: block;font-weight: 700;} .tab-item-icon img {width: 100%;height: auto;max-width: 40px;max-height: 40px;} .tabs a {padding: 10px 30px;font-size: 16px;line-height: 20px;background: rgba(117, 141, 151, 0.12);font-size: 18px;line-height: 28px;color: #5B656B; font-weight: 700;transition: all 0.2s;cursor: pointer; display: grid ;grid-template-columns: 40px auto;grid-gap: 10px;justify-content: center;} .tabs a:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px;} .tabs a:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px;} .tabs a.active{background: #FA423A;color: #FFFFFF;} .tabs a.active img{ filter: brightness(0) invert(1);} .tabs a:hover{text-decoration: none;background: #FA423A;color: #FFFFFF;} .tabs a:hover img{filter: brightness(0) invert(1);} .tab-content-item{padding-top:40px;} .tab-content-item h3{font-size: 22px;line-height: 32px;font-weight: 700;} .v2-inner-tab-items-list-wrap{position: relative;} .v2-inner-tab-items-list {display: grid;grid-template-columns:1fr 1fr 1fr; margin:0 -20px; overflow: hidden;} .v2-inner-tab-items-list > li {padding:10px 30px;} .v3-inner-tab-item__header {display: flex;align-items: center;} .v3-inner-tab-item {display: block;width: 100%;text-decoration: none;color: #222D36;} .v3-inner-tab-item__header .v3-inner-tab-item__icon-wrap {flex-shrink: 0;width: 56px;min-height:60px; max-height:62px; display: flex;justify-content: center;align-items: center;} .v3-inner-tab-item__icon-wrap img{width:100%;height:100%} .v3-inner-tab-item__header h4 {font-size: 20px;line-height: 28px;font-weight: 700;margin-left: 10px;} .v3-inner-tab-item__content {margin-top: 20px;font-size: 16px;line-height: 22px; font-weight:300;font-size:15px; max-height:105px; overflow: hidden;} .v2-section-case {background: linear-gradient(rgba(117, 141, 151, 0.17), rgba(117, 141, 151, 0), rgb(255, 255, 255)); padding: 30px 0;} #instock-wrap{} .vacuum-wrap{display: grid;grid-template-columns:1fr;} .steps-wrap{display: grid;grid-template-columns:1fr;} .heading-four{color: #fbf6f0;font-size: 30px;font-weight: 600;margin-bottom: 24px;} .hoheading-text-four{font-size:20px; font-weight: 500;color: #fff;padding-bottom:10px} .steps-left,.steps-right{text-align: center; margin: 10px 0;} .steps-left span,.steps-right span{border:1px solid #fff; padding: 10px; display: inline-block; color: #fff; font-weight: 600;} .steps-grid-item{display: grid;grid-template-columns:1fr 1fr; grid-gap:0 10%; text-align: left;} .steps-grid-item-ll,.steps-grid-item-rr{display: grid;grid-template-columns:auto 1fr; grid-gap:0 10px;} .step-item{background-color: #fff; padding: 20px; margin-bottom:20px; } .item-one{color: #e53247; line-height:1.1;} .item-content{line-height:1.4;margin-top:15px;} /*last-index*/ .comm-grid{display: grid;grid-template-columns:1fr auto; grid-gap:0 0.5%;justify-content: center;align-items: center;margin-bottom: 30px; text-align: left; width:70%;margin: 0 auto;} .comm-grid-r{margin-top:14px;} /*lianxiwomen*/ .contact-page .post img{margin: 0; width:auto;} .page-contact-grid{display: grid; grid-template-columns: 1fr 1fr 1fr; color: #616161; grid-gap:0 3%;font-weight:400} .l-contact{margin-top:25px;} .c1{display: flex; align-items: flex-start;margin-bottom:10px;} .c1 div{ margin-top:5px;} .c1 img{max-width:100%; margin-right:10px !important;} .c1 b{display: block;} .c1 strong,b{font-weight: bold;} .c1 .text strong{display: block;} .contact-page .entry p{margin: 0 !important;} .r_cotact .wpforms-title{color: #E53247 !important; text-transform: capitalize; text-align: center;} .r_cotact .wpforms-field{opacity: 1 !important;} .r_cotact .wpforms-field-label{color: #E53247 !important;} /*guanyuwomen*/ .about-bg{background-color: #FBF6F0;} .about-margin{margin: 20px 0;} .about-padding{padding: 50px 0;} .about-one{margin: 20px 0;} .about-four-icon{display: grid;grid-template-columns:20% auto;align-items: center;font-size: 18px;} .about-four-icon img{} .about-four{display: flex;align-items: flex-start;} .about-bottom{width:32%;margin: 20px auto;} .page-about{display: grid;grid-template-columns:1fr 1fr;align-items: center;justify-content: center; line-height:1.1; text-align: center;} .page-about p{line-height:1.6;} .page-grid-text2{display: grid;grid-template-columns:60% 40%;grid-gap:0 4%;} .page-grid-text3{display: grid;grid-template-columns:1fr 1fr 1fr; grid-gap:10px 0;justify-content: center;align-items: center; text-align: center; font-size: 24px;} .parent-grid{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 10px; margin-bottom:20px; clear: both;} .child-grid{display: grid;grid-template-columns:40% auto;grid-template-rows: auto;grid-gap: 10px;margin-bottom:10px;} .child-grid1{display: grid;grid-template-columns:60% auto;grid-template-rows: auto;grid-gap: 10px;} .last_grid{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;grid-template-rows: auto;grid-gap: 10px; margin-bottom:30px;} .parent-grid img{max-width:100%; height:100% !important;} .last_grid img{max-width:100%;height:100% !important;} .child-grid img{max-width:100%;height:100% !important;} .parent-grid-four{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 10px; margin:20px 0; clear: both;} .parent-grid-four img{width:100%;height:100%;} /* Sidebar */ .sidebar{ float:left; color:#666;} .sidebar h3{font-size: 16px;line-height: 16px;color: #7A8C96;text-transform: uppercase;font-weight: 600;padding-bottom: 10px;} .sidebar h3 a, .sidebar h3 a:hover{ color:#7A8C96; text-decoration:none;} .sidebar ul{ margin-bottom:20px;} .sidebar ul li{} .sidebar ul li ul{ margin:0 auto; padding:15px 10px; background:#fbfbfb; -moz-box-shadow:inset 0 -6px 10px -10px rgba(0,0,0,.03); -webkit-box-shadow:inset 0 -6px 10px -10px rgba(0,0,0,.03); box-shadow:inset 0 -6px 10px -10px rgba(0,0,0,.03);} .sidebar ul li{ margin:0 auto 5px; padding-left:16px; line-height:28px;} .sidebar ul li ul li ul{ border:none; display:none;} /* Sidebar - WidgetMenu */ .sidebar .widget_nav_menu{ } .sidebar .widget_nav_menu h3{font-size: 16px; line-height: 16px;color: #7A8C96;text-transform: uppercase;font-weight: 600;padding-bottom: 10px;} .sidebar .widget_nav_menu h3 a{ color:#7A8C96; font-size:14px;} .sidebar .widget_nav_menu div{ padding:0; border:none; background:none;} .sidebar .widget_nav_menu ul{ padding:0; font-size:16px; border:none; background:none; overflow:visible; position:relative;} .sidebar .widget_nav_menu ul li{} .sidebar .widget_nav_menu ul li:first-child{ border-top:none;} .sidebar .widget_nav_menu ul li a:link, .sidebar .widget_nav_menu ul li a:visited{font-weight: 300;} .sidebar .widget_nav_menu ul li a:hover, .sidebar .widget_nav_menu ul li:hover a{ text-decoration:none;} .sidebar .widget_nav_menu ul li.current_page_item{position: relative;} .sidebar .widget_nav_menu ul li.current_page_item a{color: #C42722 ;text-decoration: none;transition: all 0.2s;font-weight:700;} .sidebar .widget_nav_menu ul li.current_page_item a:before{position: absolute;content: "";top: 8px;left: 0;background: url(images/icon-rectangle-red.svg) no-repeat center center;width: 12px;height: 12px;background-size: 12px 12px;} .sidebar .widget_nav_menu ul li.current-cat a{color: #C42722 ;position: relative;} .sidebar .widget_nav_menu ul li.current-cat a:before{position: absolute;content: "";top: 3px;left: -17px;background: url(images/icon-rectangle-red.svg) no-repeat center center;width: 12px;height: 12px;background-size: 12px 12px;} .sidebar .widget_nav_menu ul a:hover, .sidebar .widget_nav_menu ul li.current-cat a:hover{color: #C42722 ;text-decoration: none;transition: all 0.2s} .widget_search{margin-bottom: 20px;} .widget_search input#s{border:1px solid #b4bbc3; border-radius:5px;font-size: 16px;padding: 8px 5px; width:96%;} .widget_search input#searchsubmit{width: 100%;text-align: center;background-color: #C42722 ;color: #FFFFFF;padding: 8px 10px;text-decoration: none;font-size: 14px; font-weight: 700;display: inline-block;border-radius: 4px;height: auto;letter-spacing: normal;margin-top: 10px;} .c-custom-cta{background-color: #eee; padding: 20px; border-radius: 10px;display: block;position: relative;overflow: hidden;text-align: center;margin-top: 20px;border: 1px solid #e3e3e3;} .c-custom-cta p {font-weight: 700;font-size: 16px;line-height: 20px;text-align: left;letter-spacing: normal; color: #333F48; margin-bottom:20px;} /* Calendar */ .sidebar ul li.widget_calendar div#calendar_wrap{ padding:10px;} #wp-calendar{ width:100%;} #wp-calendar caption{ padding:5px 0px; font-size:14px;} #wp-calendar th, #wp-calendar td{ padding:6px 1px; line-height:18px; text-align:center; text-transform:capitalize; color:#555; border:1px solid #E4E4E4; background-color:#F9F9F9;} #wp-calendar tbody tr td a:link, #wp-calendar tbody tr td a:visited{ font-weight:bold; color:#F30;} #wp-calendar tbody tr td a:hover{ color:#222;} #wp-calendar tbody tr td:hover{ border:1px solid #D9D9D9; color:#444; background-color:#EEE;} #wp-calendar tfoot tr td{ padding:8px 10px 0px; border:none; background:none;} .pad{ border:none !important; background:none !important;} /* Container */ .container {padding:0;background:#fff;clear:both} .column-wide {} .column-fluid {display: grid;grid-template-columns:22% 77%;padding:10px 0 30px 0;grid-gap:1%;} .content {padding:0 30px;} .fullwidth {margin:0 auto;width:100%} .row-fluid{ margin:0 10px auto; overflow:hidden; clear:both;} .row-fluid h2{ margin-bottom:40px; height:42px; line-height:42px; font-size:26px; font-weight:500; text-align:center; text-transform:uppercase; color:#000; border-bottom:2px solid #eee; clear:both;} .row-fluid h2 a:link, .row-fluid h2 a:visited, .row-fluid h2 a, .row-fluid h2 b, .row-fluid h2 strong{ padding-bottom:2px; height:40px; font-weight:normal; display:inline-block; color:#000; border-bottom:2px solid #0D5E9D; cursor:pointer;} .row-fluid h2 a:hover{ color:#0D5E9D; text-decoration:none;} .row-fluid h2 span{ float:right; max-width:65%; height:40px; font-size:13px; font-weight:100; overflow:hidden;} .row-fluid h2 span a:link, .row-fluid h2 span a:visited, .row-fluid h2 span a{ padding:0 0 0 15px; border:none; color:#666;} .row-fluid h2 span a:hover{ color:#000;} .row-fluid p{ font-size:14px; line-height:1.7;} .thumbnail-board{position: relative;} .page-thumbnail{} .company-scale img{width:100%;} /* Breadcrumb */ .breadcrumb{position: absolute; bottom:30%; left:12%; margin-bottom:20px; color: #fff;} .breadcrumb h2{font-size: 40px;line-height: 48px;color: #fff; text-transform: uppercase; padding-bottom: 30px;position: relative;} .breadcrumb h2:before{position: absolute;content: "";width: 100px;height: 6px;background: #FA423A;bottom:0px;left: 0;} .crumb-box{font-size:16px; line-height:60px; text-transform: uppercase;} .breadcrumb a{color: #fff;} .regular-section{background-color: #f9423a;} .regular{display: grid;grid-template-columns:1fr 60% 1fr;align-items:center;justify-items: center;padding: 60px 0;} .c-icon-book{background: url(images/book.svg)no-repeat; width:73px;height:73px;} .o-media-body-book{font-size: 26px;font-weight: 400;line-height: 40px;color: #FFF;} .c-button{border-radius: 4px;background-color: #0072CE;text-decoration: none;display: inline-block;letter-spacing: 1px;padding: 16px 30px;font-size: 18px; font-weight: 700;border: 1px solid transparent;cursor: pointer;text-align: center;} .c-button a{color: #FFF;} /*Archive - PicList*/ .piclist{ margin-left:0; overflow:hidden;} .piclist li{float:left; margin-bottom:15px; text-align: center; overflow: hidden;} .piclist-col3{} .piclist-col3 li{ margin-left:1.5%; _margin-left:1.5%; width:31.8%;} .piclist-col3 li .folio-thumb {} .piclist-col3 li .folio-thumb .opacity-pic {width: 100%;height: 100%; position: absolute;top: 0;left: 0;cursor: pointer;} .piclist-col3 li h3{padding: 10px;color: #FFF !important;font-size: 16px;overflow: hidden;z-index: 10;transition: all .4s ease;} .piclist-col3 li h3 a{height: 40px;line-height: 20px;display: block;color: #222;text-decoration: none;overflow: hidden;} .piclist-col3 li:hover h3 a{color: #222;} .piclist-col4{ } .piclist-col4 li{ margin-left:2%; _margin-left:2%; width:22.4%;} .piclist-col4 h3{height: 40px;line-height: 40px;display: block;color: #FFF;text-decoration: none; font-size: 20px;} .lineBox{position: relative;width: 100%;height: 1px;background: #ededed;margin-bottom: 24px;cursor: pointer;} .blog-list li:hover .lineBox:before {content: '';position: absolute;top: 0px;left: 0px;width: 0px;height: 100%;background: #005faf;transition: all .5s ease; } .blog-list li{float:left; margin-left:1.5%; _margin-left:1.5%; width:31.8%;margin-bottom:20px;} .blog-list li img{margin-bottom:25px; border-radius:20px !important; border:1px solid #FAF3DD; width:100%;} .picexcerpt_img{border-radius:10px; overflow: hidden;} .blog-list h3{margin:10px 0 10px; height:40px; line-height:21px;overflow: hidden;} .blog-list h3 a{color: #333F48 !important; font-size: 16px !important; font-weight:600; text-decoration: none; line-height:20px;display: block; text-align: left;} .blog-list h3 a:hover{text-decoration: underline;} .blog-list .bcontent{font-size: 14px; line-height:1.75;margin:10px 0; text-align: left; height:100px; overflow: hidden;} .case-list .btitle{height:20px;} .case-list li{float:left; margin-left:1.5%; _margin-left:1.5%; width:31.8%;margin-bottom:10px;} .case-list li img{ border-radius:20px !important; border:1px solid #FAF3DD; width:100%;} .case-list .picexcerpt_img{border-radius:10px; overflow: hidden;} .case-list h3{margin:10px 0 10px; height:40px; line-height:21px;overflow: hidden;} .case-list h3 a{color: #333F48 !important; font-size: 16px !important; font-weight:600; text-decoration: none; line-height:20px;display: block; text-align: left;} .case-list h3 a:hover{text-decoration: underline;} .case-list .bcontent{font-size: 14px; line-height:1.75;margin-bottom:10px; text-align: left; height:100px; overflow: hidden;} .case-more {margin-top: 20px;} .case-more a{background: #FA423A;color: #FFFFFF;font-size: 18px;line-height: 1.2;font-weight: 500;padding: 10px 30px;display: block; text-align: center; transition: all 0.2s; opacity: 1;border-radius: 4px;text-decoration: none;} .cat-archive{font-weight: 700; line-height: 1.3;text-transform: uppercase;text-decoration: none;margin: 10px 0;} .cat-archive a{color: #f9423a;} .cat-archive a:hover{color: #333F48; text-decoration: none;} .cat-date{color: #757575; text-align: left;font-size: 13px;font-weight: 600;margin-top: 5px; display: block; } .single-news{background-color: #EE212E;padding: 50px 0;} .single--news-title{font-size: 50px; color: #fbf6f0; font-weight: 500; width: 80%; text-align: center;line-height:1.1; } /*cat-desc*/ .cat-title{font-weight: 400; font-size: 36px;color: #E53247;line-height:1.2;clear: both;text-align: center;margin-bottom:10px;} .cat-desc{margin-bottom:20px;color: #E53247; text-align: center; text-transform: capitalize;font-size: 26px;font-weight: 400;line-height:1.2} .cat_desc1{font-weight: 400; color: #000; margin-bottom:20px;text-align: center; font-size: 30px;line-height:1.2} .cat_desc1 a{color: #E53247;} .cat_desc1 h1,.cate_desc1 h2,.cate_desc1 h3,.cate_desc1 h4{color: #E53247; font-weight:400; padding: 10px 0;} .c-posts-title{padding:15px 0;font-weight:700;font-size:30px} .cat-desc-wide{margin-bottom:20px;color: #000; text-transform: capitalize;font-size: 20px;font-weight: 400; line-height:1.4} .cat-desc-wide1{font-weight: 400; color: #000; margin-bottom:20px;font-size: 18px; line-height:1.6;} .cat-desc-wide a{color: #E53247;} .cat-desc-wide1 h1,.cat-desc-wide1 h2,.cat-desc-wide1 h3,.cat-desc-wide1 h4{color: #E53247; font-weight:400; padding: 10px 0;} .faq-wrap{background-color: #f5f5f5;border-radius: 10px;padding: 20px;color: #4F575C;} .accordion-header{ margin-top:12px; padding:7px 15px 7px 30px; color: #4F575C; background:url(images/icon-accordion.gif) no-repeat 10px 18px; cursor:pointer;} .active-header{ font-weight:400; color: #222;} .inactive-header{background:url(images/icon-accordion.gif) no-repeat 10px -66px;} .accordion-content{ margin:0 auto !important; padding:20px 16px 20px 20px; color:#1F2A2F; line-height:28px; font-size:16px; font-weight:300; display:none;} .accordion-content p{} .accordion-content a:link, .accordion-content a:visited{ color:#222; text-decoration:underline;} .accordion-content a:hover{ color:#ff6600;} .accordion-list{ margin-top:-12px; overflow:hidden; border-bottom:1px solid #eee;} .accordion-list:last-child{border:none;} .accordion-headerm{ margin-top:5px; padding:7px 15px 7px 30px; font-weight:700; color:#242D35;letter-spacing: 0.15px; background:url(images/icon-arrow-down-red.png) no-repeat left 13px;background-size: 21px 13px;cursor:pointer;} .active-headerm{ font-weight:600;} .inactive-headerm{ color:#242D35; letter-spacing: 0.15px; font-weight:700; background:url(images/icon-arrow-top-red.png) no-repeat left 13px;background-size: 21px 13px;} .accordion-contentm{ margin:0 auto !important; padding:5px 16px 5px 16px; color: #1F2A32; line-height:28px; font-size:16px; display:none;} .accordion-contentm p{color: #1F2A32;} .accordion-contentm a:link, .accordion-contentm a:visited{ color:#222; text-decoration:underline;} .accordion-contentm a:hover{ color:#ff6600;} .accordion-listm{ margin-bottom:5px; overflow:hidden;border-top: 1px solid #eee;} .piclist .rm-item-title a:hover{color: #f71115;} .post-meat span a{color: #23282D;} .post-meta{ background: #EEE; color: #999; font-size: 13px; background: linear-gradient(to right, #EEE, #FFF); overflow:hidden;height:36px;line-height:36px;} .post-meta a:link, .post-meta a:visited{ color:#999;} .post-meta a:hover{ color:#666;} .post-meta span.comments{ background-position:0 -120px;} .post-meta span.author{ background-position:0 -154px;} .post-meta span.cat{ background-position:0 -187px;} /*page*/ .page-thum{position:relative; margin-bottom:15px;} .page-thum img{ width:100%; } /* Post */ .post{ overflow:hidden;} .post .post-title{ margin-bottom:8px; padding-bottom:8px; line-height:40px; font-size:36px; font-weight:500; } .post .post-meta{ margin-bottom:10px; border:none;} .post .post-meta span{ padding:2px 0 2px 10px;} .post img{max-width:100%;max-height:100%;display: block;} .post .page-title{font-weight: 400; font-size: 36px;color:#E53247;line-height: 28px;clear: both; margin: 8px 0; text-align: center;} .post .site-content-primary{color: #4c4c4c; line-height:26px;} .entry-li{position: relative;display: inline-block;} .entry-img{display: block;width: 100%;} .entry-title{position: absolute;top: 79%; left: 50%; transform: translate(-50%, -50%); color: #E53247;font-size:16px;line-height:1.1;} .entry-title a{ color: #E53247 !important; } .entry-li-3{position: relative;display: inline-block;} .entry-img-3{display: block;width: 100%;} .entry-title-3{color: #E53247;font-size:16px; line-height:1.2} .entry-title-3 a{ color: #E53247 !important; } .entry-content{line-height:1.2;color: #E53247;font-size: 14px;text-align: left;} .entry{ font-size:16px; line-height:32px;padding:10px 0; font-weight:300;} .entry h1{margin: 40px 0 30px 0; padding:0; border:none; background:none; font-size: 40px;} .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{ margin:15px 0; padding:0; border:none; background:none; line-height:1.1} .entry a:link, .entry a:visited{ color:#222; text-decoration: none;} .entry a:hover{ color:#1E3988;} .entry img{ margin-bottom:10px; max-width:100%; height:auto;} .entry hr{ margin:40px auto; height:1px; line-height:1px; background:#eee; font-size:1px;} .entry .left{ float:left; width:45%;} .entry .right{ float:right; width:45%;} .entry ol, .entry ul{ margin:10px 30px;} .entry ol li{ list-style:decimal;} .entry ul li{ list-style:disc;} .entry input,.entry textarea,.entry select{ padding:6px; border:1px solid #ccc; font-size:100%; vertical-align: middle;} .entry input[type="text"]:hover,.entry input[type="text"]:focus,.entry input[type="text"]:active{ border:1px solid #999;} .entry table{ margin-bottom:15px; max-width:99.5%; color:#222;} .entry th{ padding:3px 10px; border-right:1px solid #606060; border-top:1px solid #606060; background:#f4f4f4;} .entry td{ padding:3px 10px; border-right:1px solid #606060; border-top:1px solid #606060; word-wrap:break-word;} .entry input, .entry textarea, .entry select{ padding:5px 12px; line-height:28px; border:1px solid #606060;} .entry input[type="text"]:hover, .entry input[type="text"]:focus, .entry input[type="text"]:active,.entry textarea :hover, .entry itextarea :focus, .entry textarea :active,, .entry select:hover{ border:1px solid #ef5c32;} .entry strong,b{font-weight: bold;} .alignleft{ float:left; padding-right:20px;} .alignright{ float:right; padding-left:20px;} .alignnone, .aligncenter{ float:none; margin-left:auto; margin-right:auto; clear:both;} .aligncenter{ text-align:center; display:block;} table.aligncenter { text-align:center; display:inline-table;} .wp-caption{margin:10px auto;background:#F6F6F6; -khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-align:center;} .wp-caption img{width:100%;} .wp-caption p.wp-caption-text{margin:5px 0 0;padding:4px;line-height:20px;color:#666;} .post-meta-bottom{ margin:25px auto 15px; padding-bottom:10px; color:#999; border-bottom:1px solid #f4f4f4; overflow:hidden;} /* Tags */ .tags a{background-color: #F5F5F5;padding: 5px;color: #999; margin-bottom:8px; display: inline-block} .tags a:hover{background-color: #6A6A6A; color: #FFF;} .sharer a{float: left; margin-right:10px;} .sharer img{max-width:30px; max-height:30px; width:100%;} /* Post - Product */ .container-product{ padding:0; width:100%;} .product-header{ padding:0;} .product .post-title{ margin-bottom:30px; padding-bottom:10px; font-size:28px; font-weight:700; line-height:38px; border-bottom:1px solid #dbdbdb; text-align:left; clear:both;} .product .productMeta{ overflow:hidden; display: grid; grid-template-columns:1fr 1fr;grid-gap:20px;} .product .product-meta-box{overflow:hidden; position: relative;} .product .metaList{ float:left; margin:0 0 0 30px !important;} .product .metaList li{ padding:7px 0 8px 0; border-bottom:1px solid #eee; overflow:hidden;} .product .metaList li strong{ float:left; padding-right:8px; width:130px; text-align:right; font-weight:normal; display:block;} .product .metaList li.inquiry{ padding:15px 0 5px;} .product-meta-inquiry{background-color: #eeeeee;border: 1px solid #e3e3e3;margin: 40px 0; padding: 30px 45px; border-radius: 10px;display: block; position: relative; overflow: hidden;} .product-meta-inquiry:after {content: "";bottom: 0px;left: 10px;position: absolute;background: url(images/shapes-dark.svg) no-repeat top right;background-size: 566px 235px;width: 566px;height: 235px;opacity: 0.3;} .inquiry-custom{text-align: left;letter-spacing: 1px;color: #333F48;font-size: 16px;font-weight: 700;display: flex; align-items: center;} .c-button-cta {background-color: #f9423a;color: #FFFFFF !important;padding: 8px 10px;text-decoration: none;font-size: 14px;font-weight: 700;display: inline-block; border-radius: 4px; text-align: center;} .c-button-cta:hover{text-decoration: none;} .preview #wrap{ padding:0;} .preview img{ margin-bottom:0; width:500px; height:500px; background:#fff;} .post ul.thumblist{ float:left; margin:15px 0 20px; width:100%; overflow:hidden; display:block;} .post ul.thumblist li{ float:left; margin:0; width:20%; text-align:center; overflow:hidden;} .post ul.thumblist li .thumb-wrap{ float:left; padding:1px; width:82px; border:1px solid #e6e6e6; background:#fff; overflow:hidden;} .post ul.thumblist li.nomargin{ margin:0 0 0 9px;} .post ul.thumblist li em{ width:100%; height:6px; font-size:0; overflow:hidden; display:none;} .post ul.thumblist li img{ margin-bottom:0; border:none; padding:1px; width:80px; height:80px; cursor:pointer; vertical-align:middle;} .post ul.thumblist li .imWrap{ float:left; width:82px; height:82px; text-align:center; display:table-cell; vertical-align:middle; *display:block; *font-size:63px; *font-family:Arial;} .post ul.thumblist li span{ color:#666;} .post ul.thumblist li.zoomActive .thumb-wrap{ border:1px solid #ff6600;} .post ul.thumblist li.zoomActive span{ color:#c52620;} .cloud-zoom-lens{ border:1px solid #eee; background:url(images/grid.png) repeat 0 0; cursor:move;} .cloud-zoom-big{ top:0 !important; width:450px !important; height:386px !important; border:1px solid #e6e6e6; overflow:hidden;} .cloud-zoom-loading{ padding:3px; border:1px solid #ccc; color:#fff; background:#222;} .product-name{ margin-bottom:20px; font-size:28px; line-height:36px; color:#ee5225;} .product-summary{ margin-bottom:20px; font-size:13px; color:#222;} .product-meta{ font-size:14px; color:#222; overflow:hidden;} .product-meta p, .product-meta li{ margin-bottom:0; line-height:30px;} .product-meta strong, .product-meta b{display:inline-block;} .product-meta-mail a{text-decoration: none; padding-right:10px;} .product-inquiry{ overflow:hidden; clear:both; margin: 20px 0;} .product-inquiry a{ float:left; margin-bottom:10px; margin-right:10px; padding:8px 20px; line-height:26px; font-size:20px; color:#fff; background:#C42722; display:inline-block; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;} .product-inquiry a:hover{ color:#fff; background-color:#F9423A; text-decoration:none;} .product-inquiry a i{ float:left; margin-right:8px; width:24px; height:24px; background:url(images/btn-inquiry.png) no-repeat center center;} .product-inquiry a.chat{line-height:24px; font-size:16px; color:#C42722; border:1px solid #C42722; background-color:#fff0e5;} .product-inquiry a.chat i{ background:url(images/btn-chat.png) no-repeat center 2px;} .product-inquiry a.chat:hover{ color:#fff; background-color:#C42722;} .product-inquiry a.chat:hover i{ background-position:center -38px;} .product-inquiry p{ float:left; margin:6px 0 0 15px; line-height:20px; color:#999;} .product-tips{ margin-top:30px; padding:20px 25px; border:1px solid #e9ebed; background-color:#f5f7f8; clear:both; position:relative;} .product-tips i{ width:14px; height:8px; line-height:8px; font-size:8px; background:url(images/icon-arrow.png) no-repeat center 0; display:inline-block; position:absolute; top:-8px; left:45px; z-index:99;} .product-tips h4{ margin-bottom:10px; font-size:14px; font-weight:bold; color:#666;} .product-tips ul li{ margin-bottom:4px; padding-left:16px; color:#777; background:url(images/icon.gif) no-repeat 0 -313px;} .tab-head{ margin-top:65px; height:39px; border-bottom:1px solid #e4e4e4;} .tab-head .inner{ overflow:visible; position:relative;} .tab-head li{ float:left; margin-right:5px; padding:0 25px; line-height:36px; font-size:14px; font-weight:bold; text-transform:uppercase; color:#222; display:block; cursor:pointer;} .tab-head li.current{ margin-top:-3px; line-height:42px; font-weight:bold; border:1px solid #e4e4e4; border-top:1px solid #ff6600; border-bottom:none; color:#ff6600; background:#fff;} .tab-head li a:link, .tab-head li a:visited, .tab-head li a:hover{ color:#222; text-decoration:none;} .tab-head li.current a:link, .tab-head li.current a:visited, .tab-head li.current a:hover{ color:#ff6600;} .tab-head span{ float:left; margin-right:5px; padding:0 25px; line-height:38px; font-size:16px; font-weight:bold; color:#666; display:block; cursor:pointer; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:3px; -moz-border-radius-topright:3px;border-top-right-radius:3px;} .tab-head span.hov{ margin-top:-3px; line-height:41px; font-weight:bold; border:1px solid #e4e4e4; border-top:2px solid #ff6600; border-bottom:none; color:#ff6600; background:#fff;} .Xtranslate{ -wekit-transform:translate3d(90px,0,0); -moz-transform:translate3d(90px,0,0); -o-transform:translate3d(90px,0,0); -ms-transform:translate3d(90px,0,0); transform:translate3d(90px,0,0);} #tab-product{ padding-top:50px;} #tab-product .inner, .entry .inner{ width:auto;} #tab-product .entry .tab-title{ margin:40px auto 25px; padding:0 3%; height:42px; line-height:42px; font-size:16px; border-bottom:1px solid #e4e4e4; display:none;} #tab-product .entry .tab-title span{ padding:0 25px; line-height:41px; font-weight:bold; border:1px solid #e4e4e4; border-top:1px solid #ff6600; border-bottom:none; color:#ff6600; background:#fff; display:inline-block;} .tab-head span a:link, .tab-head span a:visited, .tab-head span a:hover{ color:#666; text-decoration:none;} .tab-head span.hov a:link, .tab-head span.hov a:visited, .tab-head span.hov a:hover{ color:#ff6600;} .tab-pinned{ margin:0 auto; width:100%; background:#fff; position:fixed; top:50px; left:0; z-index:9999; _position:absolute; _top:expression(eval(document.documentElement.scrollTop)); -moz-box-shadow:0 -1px 6px rgba(0, 0, 0, 0.08); -webkit-box-shadow:0 -1px 6px rgba(0, 0, 0, 0.08); box-shadow:0 -1px 6px rgba(0, 0, 0, 0.08);} .tab-pinned span{ float:none; display:inline-block;} .tab-pinned span.hov{ margin-top:0; line-height:38px;} #tab-product .entry-pinned{ padding-top:110px;} /* Page - Error404 */ .error404{ max-width:390px; padding:50px 0;} .error404 h4{ height:32px; line-height:32px; font-size:200%; color:#F00;} .error404 span{ margin-bottom:25px; color:#666; display:block;} .error404 ol{ padding:5px 0 5px 20px;} .error404 ol li{ margin:0 auto; list-style:disc;} .errorsearch{ margin-top:15px; width:100%; overflow:hidden;} .errorsearch .searchInput{ float:left; padding:6px 0; width:80%; text-indent:12px; height:24px; line-height:24px; border:1px solid #DDD;} .errorsearch #searchsubmit{ float:right; width:19%; height:38px; font-size:14px; border:none; color:#FFF; background:#666; cursor:pointer;} .errorsearch #searchsubmit:hover{ background:#222;} /* Page - Inquiry */ #logonTip{ padding:15px; font-size:13px; background:#f4f4f4;} #logonTip a{ color:#444; text-decoration:underline;} #logonTip a:hover{ color:#F49628;} #logonTip span{ color:#888;} #logonTip em{ padding:0 8px; color:#f00; font-style:normal; font-size:12px;} #inquiryForm .productImg{ margin:0 0 20px 135px; overflow:hidden;} #inquiryForm .productImg img{ float:left; margin:5px 15px 0 0; padding:3px; width:80px; height:80px; border:1px solid #ddd;} #inquiryForm .productImg h4{ margin-bottom:5px; font-weight:700; font-size:14px;} #inquiryForm .productImg p{ margin:0 auto; line-height:20px; font-size:12px; color:#888;} #inquiryForm .productImg a{ text-decoration:none;} #inquiryForm .productImg a:hover img{ border:1px solid #fb0;} #inquiryForm .productImg a:hover h4{ color:#F49628;} .wpcf7 p{overflow:hidden; clear:both;} .wpcf7 label{ display: block;} .wpcf7 label.long{ width:auto; text-align:left;} .wpcf7 label em{ padding:5px 8px 0 0; color:#f00; font-style:normal; font-size:12px;} .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-captchar{ height:36px; line-height:36px; color:#666; border: 1px solid #ddd; width:90%;margin-bottom:2px;} .wpcf7 .wpcf7-select{ padding:12px 15px;} .wpcf7 .wpcf7-captchar{ width:100px;} .wpcf7 .wpcf7-textarea{ padding:10px; width:80%; height:160px; color:#666; overflow-y:scroll; border:1px solid #d8d8d8;} .entry .wpcf7 input[type="text"]:hover,.entry .wpcf7 input[type="text"]:focus,.entry .wpcf7 input[type="text"]:active,.wpcf7 .wpcf7-text:hover, .wpcf7 .wpcf7-text:active, .wpcf7 .wpcf7-captchar:hover, .wpcf7 .wpcf7-captchar:active, .wpcf7 .wpcf7-textarea:hover, .wpcf7 .wpcf7-textarea:active{ box-shadow: inset 0 0px 3px #870101;border: 1px solid #ce4848;} .wpcf7 .wpcf7-submit{ padding:9px 50px; font-size:18px; font-weight: 600;text-shadow: rgb(0 0 0 / 30%) 2px 2px 0; color:#fff; background: #ce4848; background: linear-gradient(#ce4848,#870101);display:inline-block; border-radius:5px;} .wpcf7 .wpcf7-submit:hover, .wpcf7 .wpcf7-submit:active{ background: #870101;} .wpcf7 p.btn-submit span{ float:right; color:#f00;} .wpcf7 .wpcf7-not-valid{ border:1px solid #f00;} .wpcf7 span.wpcf7-list-item-label{ padding-right:10px;} .wpcf7 span.wpcf7-not-valid-tip{ margin:0 auto; padding-left:10px; background:#fff; display:inline !important;} .wpcf7 .your-message span.wpcf7-not-valid-tip{ margin-left:-220px;} .wpcf7 .ajax-loader{ margin:12px 0 0;} div.wpcf7-mail-sent-ok{ border:1px solid #c2e7c8 !important; color:#008c00; text-align:center;} div.wpcf7-validation-errors{ padding:0.8em 1em !important; border:1px solid #f7e700 !important; color:#f30; text-align:center;} #inquiryForm{ padding:40px 20px;} #inquiryForm .wpcf7 label{ width:100%; padding-bottom:10px; font-weight:600;} .wpcf7 label span{padding: 5px 0;} .wpcf7-file{width:90%; padding: 20px 0;} /* Pagenavi */ .hkpagenavi{ margin:20px auto; padding-top:30px; width:100%; line-height:46px; font-size:15px;text-align:center; overflow:hidden;} .hkpagenavi a:link, .hkpagenavi a:visited{ margin:0 4px; padding:8px 12px; color:#FFF; background-color: #E53247; border: 1px solid #E53247; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-transition:background 0.4s ease; -moz-transition:background 0.4s ease; -o-transition:background 0.4s ease; -ms-transition:background 0.4s ease; transition:background 0.4s ease;} .hkpagenavi a:hover, .hkpagenavi a:active{ color:#fff; text-decoration:none;} .hkpagenavi a.current:link, .hkpagenavi a.current:visited{ color:#E53247; background-color: #FBF6F0; border: 1px solid #E53247 !important; font-weight:bold; border:none;} /* Post Navigation */ .post-navi{ padding-top:20px; text-align:center;} .post-navi a:link, .post-navi a:visited{ padding:2px 9px; border:1px solid #fff; background:#fff;} .post-navi a:hover{ border:1px solid #E4E4E4; background:#F5F5F5; text-decoration:none;} .instock{display: grid;grid-template-columns:1fr 1fr;} .stock-item{display: grid;grid-template-columns:35% 65%;} .stock-img img{width:100%;} .stock-content{color:#000;line-height:1.4; text-align: left;font-size:16px; font-weight: 300; float: left; margin:60px auto;} .stock-more a{color: #E53247; text-decoration: none; font-weight: 600; text-transform: uppercase;} .stock-more a:hover{color: #f71115;} #wp-calendar{ width:100%;} #wp-calendar caption{ padding:5px 0px; font-size:14px; color: #666;} #wp-calendar th, #wp-calendar td{ padding:6px 1px; line-height:18px; text-align:center; text-transform:capitalize; color:#555; border:1px solid #E4E4E4; background-color:#F9F9F9;} #wp-calendar tbody tr td a:link, #wp-calendar tbody tr td a:visited{ font-weight:bold; color:#F30;} #wp-calendar tbody tr td a:hover{ color:#222;} #wp-calendar tbody tr td:hover{ border:1px solid #D9D9D9; color:#444; background-color:#EEE;} #wp-calendar tfoot tr td{ padding:8px 10px 0px; border:none; background:none;} #cancel-comment-reply{ text-align:right;} #respond p{ margin:0 auto 20px; overflow:hidden;} #respond p.logged{ padding:5px; background:#ffe; border:1px solid #feb; width:50%; text-align:center;} #respond label{ float:left; padding:3px 8px; width:70px; text-align:right; display:block;} #respond em{ padding-left:12px; color:#f00; font-style:normal; font-weight:normal;} #commentform input[type="text"], #respond #comment{ padding:12px; width:50%; border:1px solid #ddd; color:#888; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;} #commentform input[type="text"]:hover, #commentform input[type="text"]:active, #commentform #comment:hover, #commentform #comment:active{ border:1px solid #f90;} #respond #comment{ padding:12px 0 12px 12px; width:96%; height:150px; font-size:12px; overflow-y:scroll;} #commentform #submit{ padding:8px 50px; font-size:18px;line-height:28px; color:#fff; border:none; background:#0D5E9D; cursor:pointer; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;} #commentform #submit:hover, #commentform #submit:active{ background:#f80;} /* Footbar */ .footer{background: linear-gradient(247.9deg, #FFFFFF 9.53%, #FFFFFF 9.53%, #EBF0F3 94.1%);padding: 60px 10px;min-height: auto; color: #758D97;} .footer a{color: #758D97;} .footbar{display: grid;width: 100%;grid-template-columns:25% 75%;grid-gap:20px;} .c-footer-contacts{display: grid; grid-template-columns:1fr;} .o-media-body{font-size: 14px;font-weight: 400;line-height: 1.3;letter-spacing: -0.2px; margin-left:5px; text-align: left;} .o-media {text-decoration: none; margin-bottom:15px; display: grid;grid-template-columns:20px 1fr; grid-gap:5px;} .o-media:hover{text-decoration: none;} .c-icon {background-size: contain;background-repeat: no-repeat;height: 1.3em;filter: grayscale(100%);} .c-icon--location {background-image: url(images/location.svg);} .c-icon--phone {background-image: url(images/phone.svg);} .c-icon--mail {background-image: url(images/mail.svg);} .v2-icon-facebook {background-image: url(images/icon-facebook.svg);} .v2-icon-linkedin {background-image: url(images/icon-linkedin.svg);} .c-line-long{width: 1px;height: 220px;margin: 0px;background-color: #758D97; opacity: 0.2;} .c-line-short{width: 1px;height: 110px;margin: 0px; background-color: #758D97; opacity: 0.2; } .c-line-medium{width: 1px;height: 140px;margin: 0px; background-color: #758D97; opacity: 0.2; } .c-links{display: grid;grid-template-columns:25% 25% 25% 25%;width: initial;} .footbar h3{font-size:16px; color: #BDBDBD; margin-bottom:20px; line-height:1.1; font-weight:500; text-transform: uppercase; text-align: left;} .footbar .widget-column {padding: 0 20px; margin-bottom:10px;} .footbar .widget-column ul li{} .footbar .widget-column ul li a{text-decoration: none;font-size: 14px;font-weight: 400;line-height: 18px;color: #758D97;letter-spacing: -0.2px;padding-bottom: 10px; position: relative; transition: padding-left 0.5s; padding-left:15px; display: block;} .footbar .widget-column ul li a:hover{ padding-left:20px; color: #f9423a;} .footbar .widget-column ul li a:hover:before{opacity: 1;} .footbar .widget-column ul li a:before {display: inline-block;position: absolute;left: 0px;top: 8px;transition: opacity 0.7s;background-image: url(images/link-line.svg);width: 16px;height: 2px;content: ""; opacity: 0; padding-left:0;} .eas-logo img{max-width:100%;} .footbar .widget-column p{ font-size:14px;overflow:hidden;color: #758D97;} /*Copyright*/ .copyright{color:#BDBDBD; overflow:hidden; text-align: center;padding: 10px 0; font-weight: 500;} .copyright a:link, .copyright a:visited{ color:#BDBDBD; text-decoration: none;} .copyright a:hover{ color:#BDBDBD;} /* Backtop */ .backToTop{ width:40px; height:40px; background:#c42722 url(images/backtop.png) no-repeat 50% 50%; position:fixed; _position:absolute; right:10px; bottom:40px; _bottom:"auto"; cursor:pointer; display:none; z-index:999;} .backToTop:hover{ background:rgba(0, 0, 0, 0.8) url(images/backtop.png) no-repeat 50% 50%;} .gallery-columns-2 .gallery-item{width:48% !important; margin-right:1%;} .gallery-columns-3 .gallery-item{width:32% !important; margin-right:1%;} .gallery-columns-4 .gallery-item{width:23% !important; margin-right:1%;} .gallery-item img{width:100%;height:auto;border:none !important;} /*table-container*/ .table-container{width: 100%;overflow-y: auto;_overflow: auto;margin: 0 0 1em;} table{border:0; border-collapse:collapse;} table td,table th{border:1px solid #606060; padding:.5em 1em} .table-container::-webkit-scrollbar{-webkit-appearance: none;width: 14px;height: 14px;} .table-container::-webkit-scrollbar-thumb{border-radius: 8px;border: 3px solid #fff;background-color: rgba(0, 0, 0, .3);} /*wpform*/ h3.wpforms-field-label{color: #FF6700 !important; line-height:1.6 !important;padding:0 !important;} .wpforms-container-full .wpforms-form .wpforms-field-layout:not(:first-child)>.wpforms-field-label:not(.wpforms-label-hide):before{border:none !important;} #tab-product .wpforms-container{border: 1px solid #999; border-radius:20px; padding: 20px;} :root{--wpforms-button-background-color: #E53247 !important;--wpforms-button-border-color: #E53247 !important;--wpforms-page-break-color: #E53247!important;} button.wpforms-submit{display: flex;margin: 0 auto !important;justify-content: center;align-items: center;} .wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-label{width: 66%;margin: 0 auto; color: #E53247 !important;} .wpforms-container .wpforms-list-inline .wpforms-image-choices-modern li{width:18%} div.wpforms-container-full, div.wpforms-container-full{width:100% !important;} .wpforms-image-choices-item{width:18%;} div.wpforms-container-full .wpforms-field-label, .wp-core-ui div.wpforms-container-full .wpforms-field-label{color: #616161 !important;} div.wpforms-container-full .wpforms-form .wpforms-head-container{text-align: center; } div.wpforms-container-full .wpforms-form .wpforms-title{color: #C42722 !important; font-size:48px;margin-bottom:20px;line-height:normal;} /*YouBe*/ .video-container{width:96%; aspect-ratio:16/9;overflow: hidden;margin: 0 auto;} .video-container IFRAME{ width:100%; height:100%; border:none;} /**** Responsive CSS ****/ @media only screen and (min-width:1440px){ .inner{ max-width:1440px;margin: 0 auto; padding: 0 20px;} .content{} .fullwidth{ margin:0 auto; width:100%;} .site-banner{grid-template-columns: 49% 49%;} .navi li a{padding: 0 10px} } @media only screen and (min-width:1200px) and (max-width:1439px){ .inner{ max-width:1199px; margin: 0 auto; padding: 0 20px;} .content{} .fullwidth{ margin:0 auto; width:100%;} .site-banner{grid-template-columns: 49% 49%;} .navi li a{padding: 0 5px;} .logo img{max-width:105px;} .top-contact{margin-right:10px;} .btn-so{width:30px;} } @media only screen and (min-width:1024px) and (max-width:1199px){ .inner{ max-width:1023px; margin:0 auto; padding:0 20px;} .content{} .fullwidth{ margin:0 auto; width:100%;} .site-banner{grid-template-columns: 49% 49%; padding-top:80px;} .navi li a, .navi li a:link, .navi li a:visited {padding:0 8px; font-size:13px} .logo img{max-width:105px;} .btn-so{width:30px;} .top-contact{display: none;} } @media only screen and (min-width:769px) and (max-width:1023px) { .inner {width:96%;margin: 0 auto;} .inner-wrap{padding: 10px;} .column-fluid{grid-template-columns: 32% 66%; grid-gap:2%} .content{padding: 0;} .site-banner{grid-template-columns: 100%; padding-top:0px;} .nav-menu{grid-template-columns: 100%;margin-bottom:0;} .header {position:relative;} .header .inner{ width:100%;} .logo{ margin-left:3%;line-height:100px;} .logo img{ width:100%;} .top-contact{display: none;} #mobile-nav{ float:right; line-height:100px; display:block; position:relative;} #mobile-nav a{width:42px; height:42px;color: #FFF;background:#E53247;font-size: 16px; border-radius:3px; display:inline-block; cursor:pointer; margin-right:5px; margin-top:8px; z-index:99999; text-align: center; line-height:42px;} #mobile-nav #mobile-so:hover,#mobile-menu:hover{text-decoration: none;} .main-menu{ margin:0 auto; width:100%; height:100%; line-height:46px; font-size:16px; top:0; left:0;background: #FFF; overflow-y:scroll; position: fixed; z-index:9999; display:none;} .main-menu .inner{ width:100%;} .navi{background: #FFF;width: 100%;margin-right: 18px;margin-top: 21px;} .mobi-title{height:20px; overflow: hidden;} .mobi-title i{color: #FFF;} .mobi-title span{float: left; margin-left:3%; font-weight: 700;} .mobi-menu-close{display: inline-block;color: #fff;font-weight: 500;border-radius: 3px;background: url(images/icon-x.svg);background-repeat: no-repeat; position: absolute;right: 10px;top: 12px;width: 18px; height: 18px;z-index: 99999;} .mobi-menu-close:hover{color: #F71115; text-decoration: none;} .mobi-search-close{display: inline-block;color: #fff;font-weight: 500;border-radius: 3px;background: url(images/icon-x.svg);background-repeat: no-repeat; position: absolute;right: 10px;top: 12px;width: 18px; height: 18px;z-index: 99999;} .navi li{position: relative;} .navi li ul h2{display: none;} .navi li{ float:none; border:none; padding:0; border-bottom:1px solid #e6e6e6; clear:both; width:100%;} .navi li:first-child, .navi li.fr{ padding:0; border-top:none;} .navi li a, .navi li a:link, .navi li a:visited{ padding:0 15px; color:#758D97; height:42px; line-height:42px; display: block;} .navi li a:hover{ color:#C42722;width:100%;} .navi li ul{ position:static; padding:0; width:100%; border-top:none; border-bottom:none;box-shadow:none;} .navi li ul li{ background:none; border-top:1px solid #eee; width:100%; line-height:42px; font-size:15px;} .navi li ul li a{margin-bottom:0} .navi li ul li.litop{ display:none;} .navi li ul li a:link, .navi li ul li a:visited{ padding:0 0 0 24px; color:#333F48; background:none;} .navi li ul li a:hover, .navi li:hover ul li a:hover{ color:#222; background:transparent;} .navi li.current-menu-item ul li a:link, .navi li.current-menu-item ul li a:visited, {background-color: #222;} .navi li.current-post-parent ul li a, .navi li.current-post-ancestor ul li a, .navi li.current-menu-parent ul li a, .navi li.current-category-ancestor ul li a, .navi li:hover ul li a{ background:none;} .navi li.current-menu-item a:link, .navi li.current-menu-item a:visited, .navi li.current-post-parent a, .navi li.current-post-ancestor a, .navi li.current-menu-parent a, .navi li.current-category-ancestor a{ color:#C42722;border:none; } .navi li:hover ul li.menu-item-has-children a{background:none;} .navi li:hover ul li.menu-item-has-children a:hover{ border-left:none;} .navi li.menu-item-has-children .mean-clicked, .navi li.menu-item-has-children .mean-toggle{ padding:0; width:45px; height:45px; background:url(images/arrow-down-red.svg) no-repeat; position:absolute; right:0px; top:11px; z-index:99; cursor:pointer;} .navi li.menu-item-has-children .mean-clicked:hover{ color:#888;} .navi li.menu-item-has-children .mean-toggle{transform: rotate(180deg);right: 22px;top:-9px;} .navi li.current-menu-item a.mean-clicked:link, .navi li.current-menu-item a.mean-clicked:visited, .navi li.current-menu-item a.mean-clicked:hover{ color:#888; transform: rotate(180deg);right: 22px;top:-9px;} .navi li.current-menu-item .mean-toggle{} .navi li ul li.menu-item-has-children:hover a{ color:#C42722; background-color:transparent;} .navi li ul li.menu-item-has-children ul li:last-child{ border-bottom:none;} .navi li.menu-item-has-children ul li .mean-clicked, .navi li.menu-item-has-children ul li .mean-toggle{ margin-top:1px; width:42px; height:42px; display:none;} .navi li:hover ul li.menu-item-has-children .mean-clicked{ background:url(images/icon-mo.png) no-repeat center -79px;} .navi li:hover ul li.menu-item-has-children .mean-toggle{ background: url(images/icon-mo.png) no-repeat center -128px !important;} .navi li:hover ul li.menu-item-has-children .mean-toggle:hover{ background:url(images/icon-mo.png) no-repeat center -128px !important;} .navi li ul li.menu-item-has-children ul li a, .navi li ul li.menu-item-has-children:hover ul li a{ color:#C42722;} .navi li ul li.menu-item-has-children:hover ul li a.mean-clicked{ padding:0;} .navi li ul li.menu-item-has-children:hover ul li a:hover{ color:#C42722; background-color:transparent;} .navi li ul li ul{ border-top:1px solid #ddd; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;position: sticky;} .navi li ul li ul li{height:42px;line-height:42px; width:100%;padding:0; text-indent:10px;} .navi>li>ul>li:last-child{width:100%;} .btn-so{ display:none;} .hemail a{text-transform: none;} #search-box {margin: 0;padding: 0;width: 100%;height: 100%;position: fixed;top: 0;z-index: 99999;overflow-y: scroll;display: none;} #search-box .inner{border:none;background:none;} #search-box #searchform {padding: 20px 10px;width:auto;} #search-box #searchform #ls {width:100%;border:2px solid #E53247;background:#fff;box-sizing:border-box; display: block; } #search-box #searchform #searchsubmit {float: none; width:100%; margin:10px 0 10px 0px; border-radius:20px; overflow:hidden; cursor:pointer; position: static;} #mobile-nav .opacity, #mobile-nav .meanclose {background-color:#F71115; color: #FFF; opacity:1; -moz-opacity:1;-khtml-opacity:1;filter:alpha(opacity=100)} .nav-search .searchInput{width:295px;} .nav-search .searchInput{width:600px;} .banner{ height:80px; line-height:80px;} .banner img{ width:100%; height:auto;} .breadcrumb {bottom:10%} .breadcrumb h2 { } .crumb-box a{ color: #FFF;} .factory{width:96%;} .fancy-icon-wrap {grid-template-columns: 1fr;} .pic-swiper-container .swiper-wrapper .swiper-slide{ width:48%;} .container, .content {float:none;margin:0 auto } #about .about-more a{margin-bottom:20px;} .regular{grid-template-columns:100%;grid-gap:20px;} .postlist li a {float:none; width:100%;} .piclist {margin-left:-3%} .piclist li {margin-left:3%;width:46.5%;} .productlist li .folio-thumb {height:370px} .post .post-title {margin-bottom:28px;text-align:center} .post .post-meta {display:none} .entry {font-size:16px} .post .share-post, .post .share-post .addthis_native_toolbox {float:none;margin-top:10px} .related ul.post-list li {float:none;width:95%} .product .product-inner, .product-img {float:none;margin:0 auto;width:100%} .product .tips {clear:both;margin-top:50px; text-align:center} .product .post-head .post-title {width:100% } .product .post-head #tabs {width:100%} .product .post-head #tabs span {padding:0 2%} .product .btn-inquiry-b {display:block} .tab-head li {padding:0 20px} .postlist li a {float:none;width:100%} .wpcf7 label{width:88px;} #author, #email, #url, #comment {padding:12px 2%;width:95%} .wpagenavi a:link, .wpagenavi a:visited, .wpagenavi a:hover { } .wpagenavi a.next, .wpagenavi a.previous {padding:8px 60px;font-size:18px;display:inline-block} .footbar{grid-template-columns:1fr;} .footbar .widget-column {margin:0 0 30px 0; width:100%;text-align:center;} .c-links{grid-template-columns: 50% 50%;} .footbar .widget-column ul li{text-align: left;} .copyright .cp, .copyright .ft-menu {float:none;margin-bottom:20px;width:100%;text-align:center } .backToTop {width:40px;height:38px} } @media only screen and (max-width:768px) { .inner-wrap{grid-template-columns:auto;} .nav-menu{grid-template-columns: 100%;margin-bottom:0;} .inner{ width:96%; margin:0 auto;} .fullwidth{width:auto;} #site-banner{} .site-banner{grid-template-columns: 100%; padding:0 1em 1.5em 1em;} .v2-details{margin-top:25px;} .header {position:relative; height:68px;} .header .inner{ width:100%;} .logo{ margin-left:0%;line-height:50px;} .logo img{ width:100%;} .top-contact{display: none;} #mobile-nav{ float:right; display:block;line-height:68px;} #mobile-nav a{width:42px; height:42px;color: #FFF;background:#E53247;font-size: 16px; border-radius:3px; display:inline-block; cursor:pointer; margin-right:5px; margin-top:8px; z-index:99999; text-align: center; line-height:42px;} #mobile-nav #mobile-so:hover,#mobile-menu:hover{text-decoration: none;} .main-menu{ margin:0 auto; width:100%; height:100%; line-height:46px; font-size:16px; top:0; left:0;background: #FFF; overflow-y:scroll; position: fixed; z-index:9999; display:none;} .main-menu .inner{ width:100%;} .navi{background: #FFF;width: 100%;margin-right: 18px;margin-top: 21px;} .mobi-title{height:20px; overflow: hidden;} .mobi-title i{color: #FFF;} .mobi-title span{float: left; margin-left:3%; font-weight: 700;} .mobi-menu-close{display: inline-block;color: #fff;font-weight: 500;border-radius: 3px;background: url(images/icon-x.svg);background-repeat: no-repeat; position: absolute;right: 10px;top: 12px;width: 18px; height: 18px;z-index: 99999;} .mobi-menu-close:hover{color: #F71115; text-decoration: none;} .mobi-search-close{display: inline-block;color: #fff;font-weight: 500;border-radius: 3px;background: url(images/icon-x.svg);background-repeat: no-repeat; position: absolute;right: 10px;top: 12px;width: 18px; height: 18px;z-index: 99999;} .navi li{position: relative;} .navi li ul h2{display: none;} .navi li{ float:none; border:none; padding:0; border-bottom:1px solid #e6e6e6; clear:both; width:100%;} .navi li:first-child, .navi li.fr{ padding:0; border-top:none;} .navi li a, .navi li a:link, .navi li a:visited{ padding:0 15px; color:#758D97; height:42px; line-height:42px; display: block;} .navi li a:hover{ color:#C42722;width:100%;} .navi li ul{ position:static; padding:0; width:100%; border-top:none; border-bottom:none;box-shadow:none;} .navi li ul li{ background:none; border-top:1px solid #eee; width:100%; line-height:42px; font-size:15px;} .navi li ul li a{margin-bottom:0} .navi li ul li.litop{ display:none;} .navi li ul li a:link, .navi li ul li a:visited{ padding:0 0 0 24px; color:#333F48; background:none;} .navi li ul li a:hover, .navi li:hover ul li a:hover{ color:#222; background:transparent;} .navi li.current-menu-item ul li a:link, .navi li.current-menu-item ul li a:visited, {background-color: #222;} .navi li.current-post-parent ul li a, .navi li.current-post-ancestor ul li a, .navi li.current-menu-parent ul li a, .navi li.current-category-ancestor ul li a, .navi li:hover ul li a{ background:none;} .navi li.current-menu-item a:link, .navi li.current-menu-item a:visited, .navi li.current-post-parent a, .navi li.current-post-ancestor a, .navi li.current-menu-parent a, .navi li.current-category-ancestor a{ color:#C42722;border:none; } .navi li:hover ul li.menu-item-has-children a{background:none;} .navi li:hover ul li.menu-item-has-children a:hover{ border-left:none;} .navi li.menu-item-has-children .mean-clicked, .navi li.menu-item-has-children .mean-toggle{ padding:0; width:45px; height:45px; background:url(images/arrow-down-red.svg) no-repeat; position:absolute; right:0px; top:11px; z-index:99; cursor:pointer;} .navi li.menu-item-has-children .mean-clicked:hover{ color:#888;} .navi li.menu-item-has-children .mean-toggle{transform: rotate(180deg);right: 22px;top:-9px;} .navi li.current-menu-item a.mean-clicked:link, .navi li.current-menu-item a.mean-clicked:visited, .navi li.current-menu-item a.mean-clicked:hover{ color:#888; transform: rotate(180deg);right: 22px;top:-9px;} .navi li.current-menu-item .mean-toggle{} .navi li ul li.menu-item-has-children:hover a{ color:#C42722; background-color:transparent;} .navi li ul li.menu-item-has-children ul li:last-child{ border-bottom:none;} .navi li.menu-item-has-children ul li .mean-clicked, .navi li.menu-item-has-children ul li .mean-toggle{ margin-top:1px; width:42px; height:42px; display:none;} .navi li:hover ul li.menu-item-has-children .mean-clicked{ background:url(images/icon-mo.png) no-repeat center -79px;} .navi li:hover ul li.menu-item-has-children .mean-toggle{ background: url(images/icon-mo.png) no-repeat center -128px !important;} .navi li:hover ul li.menu-item-has-children .mean-toggle:hover{ background:url(images/icon-mo.png) no-repeat center -128px !important;} .navi li ul li.menu-item-has-children ul li a, .navi li ul li.menu-item-has-children:hover ul li a{ color:#C42722;} .navi li ul li.menu-item-has-children:hover ul li a.mean-clicked{ padding:0;} .navi li ul li.menu-item-has-children:hover ul li a:hover{ color:#C42722; background-color:transparent;} .navi li ul li ul{ border-top:1px solid #ddd; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;position: sticky;} .navi li ul li ul li{height:42px;line-height:42px; width:100%;padding:0; text-indent:10px;} .navi>li>ul>li:last-child{width:100%;} .btn-so{ display:none;} .hemail a{text-transform: none;} #search-box {margin: 0;padding: 0;width: 100%;height: 100%;position: fixed;top: 0;z-index: 99999;overflow-y: scroll;display: none;} #search-box .inner{border:none;background:none;} #search-box #searchform {padding: 20px 10px;width:auto;} #search-box #searchform #ls {width:100%;border:2px solid #E53247;background:#fff;box-sizing:border-box; display: block; } #search-box #searchform #searchsubmit {float: none; width:100%; margin:10px 0 10px 0px; border-radius:20px; overflow:hidden; cursor:pointer; position: static;} #mobile-nav .opacity, #mobile-nav .meanclose {background-color:#F71115; color: #FFF; opacity:1; -moz-opacity:1;-khtml-opacity:1;filter:alpha(opacity=100)} .nav-search .searchInput{width:295px;} .video-grid{padding: 8px;} video{height: auto;} .factory{width:96%;} .v2-icons-highlights-list{grid-template-columns: repeat(2, 1fr);} .v2-icons-highlights-list-small{grid-template-columns: repeat(2, 1fr); padding:15px 0 0 0 ;} .v2-icon-highlight-small{grid-template-columns: repeat(2, 1fr);} .v2-about{padding: 40px 10px;} .v2-about-wrap{grid-template-columns: 1fr;} .v2-about-bottom{position: relative; width:96%; margin: 20px auto;} .v2-about-bottom-list ul{grid-template-columns: 50% 50%;} .v2-why{padding:50px 10px;} .tab-item-title{font-size:14px;} .v2-gutter{grid-template-columns: 100%; padding: 50px 20px;} .tabs a{grid-template-columns: 100%;padding:10px 0;grid-gap: 10px;align-content: center;text-align: center;overflow: hidden;} .v2-inner-tab-items-list{grid-template-columns: 100%;margin: 0;} .widget-column ul{width:100%} .c-links{grid-template-columns: 100%;} .fancy-icon-wrap {grid-template-columns: 1fr;grid-gap: 20px 0} .comm-grid{width:100%;} .about-items {grid-template-columns: 100%; grid-gap: 32px 0;} .aprimary-heading{display: none;} .aprimary-text-one1{display: none;} .page-grid-text2{grid-template-columns: auto;} .about-four-icon {font-size: 16px;} .page-grid-text3{grid-template-columns: auto;} .page-about{grid-template-columns: auto;} .page-about h2{font-size: 26px; display: block; margin: 20px 0;} .portfolio-text{padding-top:20px;} .portfolio-module{grid-template-columns: 100%;grid-gap: 14px 0;} .industries .inner{grid-template-columns: 100%;grid-gap: 14px 0;} .row-gallary-slider .inner{ max-width:680px;} .pic-swiper-container .swiper-wrapper .swiper-slide{ width:48%;} .row-gallary-slider .inner{ max-width:680px;} .container-features{ } .heading-title{font-size: 28px; margin:20px 0 20px 0; text-align: center;} .page-contact-grid{grid-template-columns: 1fr;} .list-text {width:100%; transform:none; height:auto;left:-10px; top:36%; overflow: auto;} .list li:hover .list-text{transform:none;padding: 0;} .list-content{display: none;} .container {padding:0} .row-fluid {margin:0 auto} .row-fluid h2 span {display:none} .cat-filter ul li {margin:0 2px 12px} .wp-caption{ max-width:100%; auto} .wp-caption img{ max-width:100%; height:auto;} .column-fluid {display: grid;grid-template-columns:98%;padding:30px 0;} .sidebar{display: none;} .o-media-body-book{padding: 0 10px;} .breadcrumb {width:100%;color:#242D35; padding: 10px 0 10px 0;left:0; bottom:0px;} .breadcrumb h2 {display: none;} .crumb-box{line-height:1.2} .crumb-box a{ color: #fff;} .container, .content {float:none;padding:0 10px;} .row-fluid p img {max-width:100%;height:auto !important} .regular{grid-template-columns:100%;grid-gap:20px;} .single--news-title{font-size:22px;} .postlist{grid-template-columns:100%;} .piclist li {margin-left:3%;width:47%;padding:0;border:none;} .tab00 .piclist li {margin-left:0%;width:100%} .piclist li h3 {text-align:center; color: #000;} .piclist-col3 li {width:46.2%;} .piclist-col3 li img{width:100%; height:100%} .piclist-col4 li {width:46.2%;} .blog-list li{width:48.2%; margin-left:1.8%} .case-list li{width:48.5%;} .productlist li .folio-thumb { height:370px} .post .post-title {margin-bottom:28px;text-align:center} .post .post-meta {display:none} .entry {font-size:16px} .entry table {max-width:none;width:99.5% !important;table-layout:fixed} .entry table td {width:auto;height:auto } .post .share-post, .post .share-post .addthis_native_toolbox {float:none; margin-top:10px } .related ul.post-list li {float:none;width:98%} .container-product{ margin-top:-25px;} .product .productMeta{grid-template-columns:100%; grid-gap:0;} .product .product-inner, .product-img{ float:none; margin:0 auto; width:100%;} .product .tips{ clear:both; margin-top:50px; text-align:center;} .product .post-head .post-title{ width:100%;} .product .post-title{ font-size:24px; line-height:32px;} .product .post-head #tabs{ width:100%;} .product .post-head #tabs span{ padding:0 2%;} .product .btn-inquiry-b{ display:block;} .preview{ float:none; margin:0 auto 20px; overflow:hidden;} .cloud-zoom-big{ display:none !important;} .cloud-zoom-lens{ border:none; background:none; cursor:default;} .product .product-meta-box{ margin-left:0;} .tab-head .tab-ul{ margin:0 auto;} .tab-head .tab-ul li{ margin:0; line-height:39px; font-size:14px; display:none;} .tab-head .tab-ul li.current{ line-height:39px; display:block;} #tab-product .entry, #tab-product .entry .tab-title{ display:block;} #tab-product .entry .tab-title{ height:38px; line-height:40px;} #tab-product .entry .tab-title span{ line-height:38px; font-weight:bold;} #author, #email, #url, #comment {padding:12px 2%;width:95%} .feature-box .item {float:none;margin:0 1.5% 35px;width:100%} #inquiryForm {padding:30px 15px} #inquiryForm .productImg {margin:0 0 20px 0} #inquiryForm .productImg img {margin:0 15px 0 0} #inquiryForm .productImg h4 {line-height:20px} #inquiryForm .productImg p {padding-left:100px} .wpcf7 label, #inquiryForm .wpcf7 label {padding:0;width:100%;text-align:left;} .wpcf7 .wpcf7-textarea, #inquiryForm .wpcf7 .wpcf7-textarea {width:89%} .wpcf7 .wpcf7-select {max-width:97%} .wpcf7 .wpcf7-submit {width:97%} #inquiryProductMeta {width:98%} #inquiryProductMeta .productImg img {width:120px;height:120px} #btn-submit label {display:none} .post-meta-bottom .tags, .post-meta-bottom .share {float:none} .wpagenavi a:link, .wpagenavi a:visited, .wpagenavi a:hover { } .wpagenavi a.next, .wpagenavi a.previous {padding:8px 60px;font-size:18px;display:inline-block} #commentform input[type="text"], #respond #comment {width:80%} .footbar{grid-template-columns: 1fr;} .footbar-bottom{grid-template-columns:100%; padding: 0 10px; } .footbar-bottom .social-wrap{display: block;border-bottom: 1px solid #d3d3d3;box-shadow: 0 1px 0 0 #f9f9f9;padding-bottom: 0.875em;margin-bottom: 0.875em;} .footbar-bottom .footer-link{padding-bottom: 10px;} .footbar-bottom .copyright{ border-top: 1px solid #d3d3d3;box-shadow: 0 1px 0 0 #f9f9f9;padding-top:10px; border-bottom:none;} .mobi-bar {display:table;text-align:center} #video{width:100%;} .wpforms-container .wpforms-list-inline .wpforms-image-choices-modern li{width:44%} .wpforms-image-choices-item{width:44%;} .gallery-columns-2 .gallery-item{width:98% !important; margin-right:1%;} .gallery-columns-3 .gallery-item{width:98% !important; margin-right:1%;} .gallery-columns-4 .gallery-item{width:98% !important; margin-right:1%;} .backToTop {right:5px;bottom:55px} } @media only screen and (max-width:480px) { .inner{width:96%; margin: 0 auto;} .logo img{ max-width:65%; max-height:65px; margin: 10px;} .row-gallary-slider .inner {max-width:300px} .pic-swiper-container .swiper-wrapper .swiper-slide {width:47%} .container-features{ margin-top:-30px;} .about-main{padding:30px 0 30px 0;} .about-main h2{font-size: 30px;} .about-main .about-content{line-height:20px;} .heading-title a{font-size: 30px;} .phone-email-wrap a{font-size: 15px;} .breadcrumb {width:100%;color:#242D35; padding: 10px 0 10px 0;left:0; bottom:0px;color: #FFF;} .breadcrumb h2 {display: none;} .crumb-box{line-height:1.2;color: #FFF; padding: 0 5px;} .crumb-box a{ color: #fff;} .preview {width:auto;margin-right:0;} .preview #wrap {border:1px solid #e6e6e6} .preview img {padding:2%;width:96%;height:auto;border:0;background:#fff} .post ul.thumblist li .imWrap {width:100%;height:auto} .post ul.thumblist li .thumb-wrap {float:none;width:90%} .post ul.thumblist li img {padding:1%;width:98%;height:auto} .product-inquiry a {float:none;margin:0 auto;padding:10px 0;width:70%;text-align:center;display:block;box-sizing:border-box} .product-inquiry a i {float:none;margin:0 auto;padding:0 20px} .product-inquiry a.chat {margin:10px auto 0} .product-inquiry p {float:none;margin:6px 0 0} .product .product-meta-box {padding: 0 10px;} .picexlist li .post-thumb {display:none} .col-blog ul li p {display:none} .related-post ul li {float:none;width:100%} .piclist-col2 li{width:100%} .wp-caption{ max-width:100%; auto} .wp-caption img{ max-width:100%; height:auto;} .wpcf7 .wpcf7-text {width:89%} .footbar .widget-column { } }