*, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html,
body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
left: 0;
top: 0;
} .left {
text-align: left;
}
.right {
text-align: right;
}
.center {
text-align: center !important;
margin-left: auto;
margin-right: auto;
}
.justify {
text-align: justify;
} .container {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.row {
position: relative;
width: 96%;
margin:0 auto;
}
.row [class^="col"] {
float: left;
margin: 0.5rem 2%;
min-height: 0.125rem;
}
.container img, .row img{
max-width: 100%;
height:auto;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
width: 96%;
}
.col-1-sm {
width: 4.33%;
}
.col-2-sm {
width: 12.66%;
}
.col-3-sm {
width: 21%;
}
.col-4-sm {
width: 29.33%;
}
.col-5-sm {
width: 37.66%;
}
.col-6-sm {
width: 46%;
}
.col-7-sm {
width: 54.33%;
}
.col-8-sm {
width: 62.66%;
}
.col-9-sm {
width: 71%;
}
.col-10-sm {
width: 79.33%;
}
.col-11-sm {
width: 87.66%;
}
.col-12-sm {
width: 96%;
}
.row::after {
content: "";
display: table;
clear: both;
}
.hidden-sm {
display: none;
}
@media only screen and (min-width: 33.75em) { .row {
width: 96%; margin: 0 auto;
}
}
@media only screen and (min-width: 45em) { .row {
max-width: none;
}
.col-1 {
width: 4.33%;
}
.col-2 {
width: 12.66%;
}
.col-3 {
width: 21%;
}
.col-4 {
width: 29.33%;
}
.col-5 {
width: 37.66%;
}
.col-6 {
width: 46%;
}
.col-7 {
width: 54.33%;
}
.col-8 {
width: 62.66%;
}
.col-9 {
width: 71%;
}
.col-10 {
width: 79.33%;
}
.col-11 {
width: 87.66%;
}
.col-12 {
width: 96%;
}
.hidden-sm {
display: block;
}
}
@media only screen and (min-width: 75em) {  }@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap");
html,
body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
left: 0;
top: 0;
font-size: 62.5%;
}
body{
overflow-x:hidden;
} * {
font-family: 'Open Sans', sans-serif;
color: #000;
line-height: 1.4;
} h1 {
font-size: 2.8rem; 
}
h2 {
font-size: 2.4rem; 
}
h3 {
font-size: 2rem; 
}
h4 {
font-size: 1.6rem; 
}
p, div, ul li {
font-size: 14px; 
line-height: 1.8;
}
.font-light {
font-weight: 300;
}
.font-regular {
font-weight: 400;
}
.font-heavy {
font-weight: 700;
}
a{
color:#767345;
text-decoration:none;
transition:all 0.5s;
}
a:hover{
color:#000;
}
hr{
width:100%;
height:1px;
background-color:#ccc;
border:0;
}
hr.m30{
margin:30px auto;
}
.margintop0{
margin-top:0;
}
.marginbot0{
margin-bottom:0;
}
.paddingbot0{
padding-bottom:0 !important;
}
.green{
color:#767345;
}
header{
position:fixed;
top:0;
z-index:100;
width:100%;
height:65px;
background:rgba(236, 233, 183, 0);
transition:all 0.5s;
}
.pos-relative{
position:relative;
}
.pos-fixed{
position:fixed;
}
header .row{
padding:0;
position:relative;
width:100%;
}
.logo{
position:absolute;
top:7px;
left:20px;
transition:all 0.5s;
z-index:100;
width:120px;
}
.logo a img{
width:62px;
height:51px;
}
header.sticky{
background:rgba(236, 233, 183, 1);
} .navi{
width:100%;
float:right;
} .msg-box{
position:fixed;
right:20px;
bottom:80px;
width:52px;
height:260px;
z-index:10;
overflow:hidden;
}
.msg-box img{
width:52px;
display:block;
}
.icon-msg{
position:absolute;
bottom:0;
}
ul.msg-list{
position:absolute;
padding:0;
margin:0;
bottom:-3px;
opacity:0;
}
ul.msg-list li{
padding:0;
margin:3px 0;
height:55px;
list-style:none;
} .Zebra_Tooltip{
position:fixed;
transform:translatex(-10px);
top:auto;
bottom:196px;
}
.tooltips{
display:block;
}
.Zebra_Tooltip .Zebra_Tooltip_Arrow{
display:none !important;
} .main-banner{
position:absolute;
width:100%;
height:100vh;
background-image:url(https://www.lenchong.com/wp-content/uploads/hero-banner-bgtone.png);
background-repeat:no-repeat;
background-size:100% 100%;
top:0;
background-color:rgba(255, 255, 255, 0.4);
}
.main-banner-text{
width:100%;
padding:15% 5% 0 5%;
}
.main-banner-text h1 {
font-size: 2.6rem; 
margin-top:15px;
}
.main-banner-text img {
width:100px;
height:84px;
}
.main-banner-text br{
display:none;
}
#section-products{
padding:0 0 100px 0;
margin-top:-60px;
background-image:url(https://www.lenchong.com/wp-content/uploads/bg-white.png);
background-position:center top;
}
#section-products .row{
width:90%;
position:relative;
}
.prod-img-all{
display:none;
}
.prod-img-all img, .prod-img-all-mobile img{
display:block;
}
.sec-prod-text{
width:96%;
background-color:#e8e4ad;
padding:30px;
margin-left:2%;
}
#section-map{
padding:0 0 100px 0;
margin-top:-60px;
background-color:#fff;
}
#section-map .row{
width:100%;
position:relative;
}
.map-img{
display:none;
}
.map-img img, .map-img-mobile img{
display:block;
}
.sec-map-text{
width:100%;
background-color:#e8e4ad;
padding:30px; }
#section-metal{
padding:0 0 60px 0;
margin-top:-60px;
background-image:url(https://www.lenchong.com/wp-content/uploads/bg-white.png);
background-position:center top;
}
#section-metal .row{
width:90%;
position:relative;
}
.metal-img-all{
display:none;
}
.metal-img-all img, .metal-img-all-mobile img{
display:block;
}
.sec-metal-text{
width:96%;
background-color:#e8e4ad;
padding:30px;
margin-left:2%;
} .video-container{
background-position:center;
background-repeat:no-repeat;
background-size:cover;
height:260px !important;
position:relative;
}
.video-container:after{
content:"";
width:100%;
height:100%;
background-color:rgba(55,54,44,0.5);
position:absolute;
top:0;
left:0;
}
.btn-play{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
text-align:center;
z-index:2;
}
.btn-play a{
display:block;
}
.btn-play a img{
width:80px;
height:80px;
}
.btn-play p{
font-size:24px;
line-height:28px;
color:#fff;
font-weight:600;
margin:0;
}
#section-contact{
padding:0;
background-image:url(https://www.lenchong.com/wp-content/uploads/work-bg.jpg);
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
height:400px;
background-attachment:fixed;
}
.contact-text{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
height:400px;
}
.contact-text > div{
max-width:650px;
text-align:center;
}
h3.cta-title {
font-size: 2.8rem !important;
} .inner-banner{
position:relative;
height:277px;
background-repeat:no-repeat;
background-size:auto 250px;
background-position:center bottom 27px;
}
.inner-banner-product{
height:340px;
}
.inner-banner.about{
background-image:url(https://www.lenchong.com/wp-content/uploads/banner-about-3.jpg?v=2);
background-position:left 27% bottom 27px;
}
.inner-banner.products{
background-image:url(https://www.lenchong.com/wp-content/uploads/banner-products2.jpg?v=2);
}
.inner-banner.projects{
background-image:url(https://www.lenchong.com/wp-content/uploads/banner-projects2.jpg?v=2);
}
.inner-banner.news{
background-image:url(https://www.lenchong.com/wp-content/uploads/banner-news2.jpg?v=2);
}
.inner-banner.contact{
background-image:url(https://www.lenchong.com/wp-content/uploads/banner-contact2.jpg?v=2);
}
.inner-banner h1, .inner-banner h3{
display:inline-block;
position:absolute;
width:70%;
left:15%;
bottom:0px;
padding:10px 30px;
font-size: 2.4rem; 
font-weight:700;
text-align:center;
text-transform:uppercase;
background-color:#767345;
color:#fff;
}
.inner-banner-product h1{
display:inline-block;
position:absolute;
z-index:1;
width:70%;
left:15%;
bottom:0px;
padding:10px 30px;
font-size: 2.4rem; 
font-weight:700;
text-align:center;
text-transform:uppercase;
background-color:#767345;
color:#fff;
}
.section-content{
padding:40px 0;
}
.section-content2{
padding:0 0 40px 0;
}
.sec-product .row{
max-width:460px;
margin:0 auto;
}
.highlight-text{
background-color:#f3f1d6;
font-size:1.5rem;
font-weight:600;
padding:20px;
width:100%;
text-align:justify;
}
.highlight-text p{
font-size:1.5rem;
font-weight:600;
text-align:justify;
}
.section-content p {
text-align:justify;
} .about-content{
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
position:relative;
z-index:10;
}
.about-text{
padding:20px;
background-color:#fff;
}
.about-img{
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
}
.about-key{
margin-left:auto;
margin-right:auto; }
.key-box{
background-color:#f3f1d6;
padding:15px;
width:100%;
}
ul.list-style-tick{
padding:0;
margin:0;
}
ul.list-style-tick li{
padding:3px 0 3px 38px;
margin:0;
list-style:none;
background-image:url(https://www.lenchong.com/wp-content/uploads/icon-tick.png);
background-position:0 2px;
background-size:28px 28px;
background-repeat:no-repeat;
}
ul.list-style-tick.col3 li{
width:100%;
display:inline-block;
}
.key-box ul.list-style-tick li{
font-weight:600;
}
.about-manufacturing{
z-index:10;
position:relative;
margin-left:auto;
margin-right:auto;
}
.about-manufacturing.desktop{
display:none;
}
.manufacturing-title-box{
background-color:#33af99;
padding:15px 5%;
}
.manufacturing-title-box h2{
color:#fff;
}
.section-export{
width:100%;
background-image:url(https://www.lenchong.com/wp-content/uploads/world-map-export.jpg);
background-size:cover;
background-position:center bottom 140px;
}
.export-inner{
background-image:url(https://www.lenchong.com/wp-content/uploads/bg-blue.jpg);
background-position:center bottom;
background-repeat:repeat-x;
background-size:auto 70px;
}
.about-export-text{
max-width:1200px;
margin:0 auto;
padding:40px 5% 20px 5%;
}
.export-img{
max-width:1200px;
margin:0 auto;
padding:0 5%;
}
.export-img img{
width:33.33%;
float:left;
}
.export-content{
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
background-color:#fff;
position:relative;
z-index:10;
}
.export-text{
padding:20px;
}
.export-img2{
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
}
.title-box{
background-color:transparent;
color:#000;
font-size:2.4rem;
line-height: 1.4;
font-weight:600;
width:100%;
padding:0 5% 10px 5%;
margin-bottom:0;
}
.title-box br{
display:none;
}
.manufacturing-box{
position:relative;
width:90%;
margin:0 auto;
}
.minimal-light .esg-navigationbutton{
color: #000 !important;
border: none !important;
background: transparent !important;
}
.minimal-light .esg-navigationbutton:hover{
box-shadow: none !important;
}
.minimal-light .esg-navigationbutton * {
color: #000 !important;
font-size: 30px !important;
}
.esg-filters.esg-navbutton-solo-left {
transform:translatey(-50%);
}
.esg-filters.esg-navbutton-solo-right {
transform:translatey(-50%);
} #prod-categories .eg-product-skin-element-3 p{
color:#fff !important;
text-align:center;
font-size:14px;
line-height:18px;
}
.prod-categories-box{
max-width:500px;
margin-left:auto !important;
margin-right:auto !important;
float:none !important;
}
#prod-categories{
margin-top:20px;
}
#prod-categories .esg-filters{
margin-bottom:30px !important;
}
#prod-categories .esg-selected-filterbutton {
color: #fff !important;
margin-right: 5px;
padding: 10px 15px 10px 25px;
line-height: 20px;
font-size: 16px;
font-weight: 600;
background: rgba(0, 0, 0, 1);
margin-bottom: 2px;
border-radius:5px;
}
#prod-categories .esg-selected-filterbutton span{
color: #fff !important;
}
#prod-categories .esg-dropdown-wrapper {
background: #e5e5e5;
padding: 0px;
width:100%;
}
.minimal-light .esg-filterbutton {
color: #999 !important;
margin-right: 0 !important;
padding: 0px 16px !important;
border: none !important;
border-bottom:1px solid #fff !important;
line-height: 38px !important;
border-radius: 0 !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
font-size: 16px !important;
font-weight: 700 !important;
background: #e5e5e5 !important;
margin-bottom: 0 !important;
text-align:center !important;
}
.minimal-light .esg-filterbutton:hover {
background: #000 !important;
}
.minimal-light .esg-filterbutton:hover span{
color: #fff !important;
}
.minimal-light .esg-filterbutton.selected {
background-color: #000 !important;
border-color: transparent !important;
border-bottom:1px solid #fff !important;
color: #fff !important;
box-shadow: none !important;
}
#prod-categories .esg-filterbutton.selected span{
color: #fff !important;
}
.esgbox-button--share, .esgbox-button--thumbs{
display:none !important;
}
.eg-products-gallery-skin-content{
height:100px;
}
.prod-desc, .prod-desc p{
font-size:12px;
margin:0;
text-align:center;
}
.esgbox-infobar span{
color:#fff;
}
.esgbox-navigation button::before {
background: rgba(204,204,204,.8) !important;
}
.esgbox-button.esgbox-button--close {
background: rgba(204,204,204,.8) !important;
}
.product-box{
border-top:#ece9b7 5px solid;
margin-top:5px;
}
h1.prod-title{
font-size: 2.4rem;
text-align:left;
color:#767345;
margin:0 0 20px 0 !important;
}
h2.prod-title{
text-align:center;
color:#767345;
margin:0 5% 20px 5% !important;
}
h2.prod-h2{
font-size: 2rem;
}
#product-tab .vc_tta.vc_general .vc_tta-panel-body {
padding: 0 !important;
background-color:#fff !important;
}
#product-tab .vc_tta-color-grey.vc_tta-style-flat.vc_tta-tabs .vc_tta-panels {
background-color: #ffffff !important;
}
#product-tab .vc_tta.vc_general .vc_tta-tabs-list li{
width:100%;
}
#product-tab .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab > a {
display:block;
background-color: #eeeeee;
color: #000;
font-size:16px;
padding:0 10px;
line-height:36px;
font-weight:600;
}
#product-tab .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab.vc_active > a {
background-color: #ece9b7;
}
#product-tab .vc_tta.vc_general .vc_tta-panels-container{
margin-top:-5px;
}
#product-tab {
margin-bottom: 0 !important;
}
#product-tab .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading{
display:none;
}
#product-tab .vc_tta.vc_tta-tabs .vc_tta-tabs-container {
display: block;
}
.project-slider {
position:absolute !important;
top:70px;
height:260px;
width:100%;
}
div#n2-ss-2 .n2-ss-slider-1 {
min-height: 200px !important;
}
.product-container {
position:relative;
border-left:#aea412 5px solid;
margin-bottom:100px;
}
.product-container.grey {
border-left:#5b5b5b 5px solid;
}
.inner-product-container {
position:relative;
width:90%;
margin:0 auto;
}
.inner-product-container h3 {
font-size:40px;
color:#aea412;
margin-left:35px;
}
.inner-product-container h4 {
font-size:36px;
font-weight:300;
margin:0;
}
.inner-product-container p {
margin:0;
text-align:left;
}
.inner-product-container ul {
margin:0;
padding:0;
}
.inner-product-container li {
display:inline-block;
margin-left:35px;
margin-bottom:35px;
vertical-align:top;
width:46%;
}
.inner-product-container li.col3 {
width:29% !important;
}
.inner-product-container li img {
max-width:100%;
} #news-grid .eg-news-skin-element-11{
font-size:12px;
line-height:16px;
}
#news-grid .eg-news-skin-element-9{
font-size:16px;
line-height:20px;
} .dhvc-form-popup-header {
padding:0 !important;
}
.dhvc-form-label{
margin-top:20px;
}
.dhvc-form-popup-header h3{
font-weight:600;
color:#767345;
}
.dhvc-form-submit-label{
color:#fff;
}
.dhvc-form-message{ }
.dhvc-form-submit-spinner {
background: url(https://www.lenchong.com/wp-content/uploads/default-loading.gif) center center no-repeat rgba(0,0,0,0) !important;
}
.btn-submit{
margin-top:20px;
} .google-map{
width:100%;
height:350px;
}
.contact-left{
padding-bottom:20px;
}
ul.contact-list{
padding:0;
margin:0;
}
ul.contact-list li{
padding:10px 0 10px 40px;
margin:0;
list-style:none;
background-repeat:no-repeat;
background-size:30px 30px;
background-position:0 10px;
font-weight:600;
border-bottom:#ccc 1px dashed;
}
ul.contact-list li.phone{
background-image:url(https://www.lenchong.com/wp-content/uploads/icon-phone.png);
}
ul.contact-list li.fax{
background-image:url(https://www.lenchong.com/wp-content/uploads/icon-fax.png);
}
ul.contact-list li.email{
background-image:url(https://www.lenchong.com/wp-content/uploads/icon-email.png);
}
ul.contact-list li.gps{
background-image:url(https://www.lenchong.com/wp-content/uploads/icon-gps.png);
}
a.btn-waze{
display:block;
margin-top:30px;
}
a.btn-waze:hover{
margin-left:10px;
}
a.btn-waze img{
width:120px;
}
.btn-more {
display:inline-block;
background:rgba(209, 205, 142, 1);
color:#fff;
padding:12px 20px;
border-bottom:#bcb874 8px solid;
font-size:14px;
line-height:1.2;
font-weight:600;
text-transform:uppercase;
transition: ease-in-out .3s;
}	
.btn-more:hover {
background:#000;
color:#fff;
border-bottom:#333 8px solid;
}
.btn-style{
display:block;
padding:10px;
text-align:center;
color:#fff;
text-transform:uppercase;
font-weight:700;
background-color:#767345;
}
.btn-style:hover{
background-color:#000;
color:#fff;
}
.btn-style.border{
border:#767345 3px solid;
color:#767345;
background-color:transparent;
}
.btn-style.border:hover{
border:#000 3px solid;
color:#000;
background-color:transparent;
}
footer{
background-image:url(https://www.lenchong.com/wp-content/uploads/footer-bg.png);
padding:80px 0 100px 0;
}
.footer-logo{
padding-bottom:20px;
text-align:center;
}
.footer-logo img{
width:100px;
height:84px;
padding-left:5px;
}
ul.footer-list{
padding:0;
margin:0;
text-align:center;
}
ul.footer-list li{
padding:0;
margin:0;
list-style:none;
line-height:1.6;
}
ul.footer-list li a{
color:#2a2a2a;
}
ul.footer-list li a:hover{
color:#000;
}
ul.footer-list li.main{
margin-bottom:10px;
}
ul.footer-list li.main a{
font-weight:600;
font-size:18px !important;
}
ul.footer-list li.sub{
margin-top:10px;
}
ul.footer-list li.sub a{
font-weight:600;
}
footer hr{
height:8px;
border:0;
outline:0;
margin:30px 0;
background-color:rgba(118, 115, 69, 0.2);
}
.addthis_inline_share_toolbox{
display:inline-block;
}
.copyright{
font-size:14px;
text-align:center;
}
a.webz-link{
color:#b2af85;
}
a.webz-link:hover{
color:#92906d;
}
.share-box{
text-align:center;
}
.share-box > div{
font-size:14px;
display:inline-block;
margin-right:15px;
}
footer .btn-style{
width:280px;
margin:0 auto;
}
ul.share-list{
padding:0;
margin:0;
display:inline-block;
vertical-align:middle;
}
ul.share-list li{
padding:2px 0 0 0;
margin:0 4px 0 0;
list-style:none;
display:inline-block;
}
ul.share-list li img{
width:32px;
}
ul.location-list{
padding:0;
margin:0;
display:inline-block;
vertical-align:middle;
}
ul.location-list li{
padding:2px 0 0 0;
margin:0 4px 0 0;
list-style:none;
display:inline-block;
}
ul.location-list li img{
width:40px !important;
height:40px !important;
padding-left:0px !important;
}
.clearfix{
clear:both;
}  .search-box{
width:150px;
position:fixed;
top:14px;
right:20px;
z-index:10000;
}
#mega-menu-primary-menu{
right:120px !important;
}
@media only screen and (max-width: 1199px) {
#mega-menu-primary-menu{
right:0px !important;
}
.search-box{
right:100px;
}
}
@media only screen and (max-width: 767px) {
.search-box{
right:90px;
}
} article .entry-title, 
article .post-meta,
.post-edit-link,
#vc_load-inline-editor{
display:none !important;
}
#ultimatum-custom-css-form{
display:none;
}
.search article .entry-title{
display:block !important;
}@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape){ }
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait){ }
@media only screen and (min-device-width: 375px) and (max-device-height: 900px) and (orientation : landscape){
}
@media only screen and (min-device-width: 375px) and (max-device-height: 900px) and (orientation : portrait){ }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { } @media only screen and (min-width : 400px) {
.main-banner-text{
padding:15% 20% 0 5%;
} }
@media only screen and (min-width : 540px) {
html, body {
font-size: 67.5%;
}
header .row{
width:100%;
}
.inner-banner{
height:386px;
background-size:auto 350px;
background-position:center bottom 36px;
}
.inner-banner.about{
background-position:left 27% bottom 36px;
}
.inner-banner h1, .inner-banner-product h1,
.inner-banner h3{
padding:18px 30px;
width:60%;
left:20%;
}
.highlight-text{
padding:25px;
}
.key-box{
padding:25px;
}
.prod-desc, .prod-desc p{
font-size:14px;
}
ul.list-style-tick.col3 li{
width:49%;
}
}
@media only screen and (min-width : 600px) {
.main-banner-text{
padding:15% 5% 0 5%;
}
.main-banner-text h1 {
font-size: 3.6rem; 
margin-top:40px;
}
.main-banner-text img {
width:140px;
height:118px;
}
.btn-more {
padding:20px 30px;
font-size:20px;
}
.main-banner-text br{
display:block;
}
#section-products .row{
width:70%;
}
#section-metal .row{
width:70%;
}
.video-container{
height:400px !important;
}
}
@media only screen and (min-width : 641px) {
.navi{
max-width:320px;
}
}
@media only screen and (min-width : 720px) {
p, div, ul li {
font-size: 16px; 
}
hr.m30{
margin:30px auto;
}
.section-content .row{
width:90%;
}
.section-content{
padding:40px 0 60px 0;
}
.highlight-text{
padding:50px 10%;
}
.about-content{
width: 96%;
}
.about-text{
padding:30px 10%;
}
.about-img{
width: 96%;
}
.about-key{
width: 96%;
}
.key-box{
padding:50px 10%;
}
.about-export-text{
padding:80px 5% 40px 5%;
}
.export-inner{
background-size:auto 140px;
}
.export-content{
width: 96%;
}
.export-text{
padding:30px 10%;
}
.export-img2{
width: 96%;
}
.export-img2 p{
text-align:center;
}
.google-map{
height:500px;
}
#prod-categories .eg-product-skin-element-3 p{
font-size:16px;
line-height:20px;
}
#prod-categories .eg-product-skin-element-9{
font-size:20px;
line-height:24px;
}
footer .btn-style{
width:100%;
}
.footer-logo{
text-align:left;
}
.footer-logo img{
width:120px;
height:101px;
}
ul.footer-list{
text-align:left;
}
.copyright{
text-align:left;
}
.share-box{
text-align:right;
}
}
@media only screen and (min-width : 768px) {
.sec-product .row{
max-width:none;
}
#product-tab .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab > a {
font-size:18px;
padding:0 40px;
line-height:50px;
}
#product-tab .vc_tta.vc_general .vc_tta-tabs-list li{
width:auto;
}
.inner-banner-product{
height:470px;
}
div#n2-ss-2 .n2-ss-slider-1 {
min-height: 360px !important;
}
}
@media only screen and (min-width : 960px) {
.prod-categories-box{
max-width:none;
}
}
@media only screen and (min-width : 1024px) {
#section-products{
padding:0 0 100px 0;
margin-top:-60px;
}
#section-products .row{
width:96%;
}
.prod-img-all{
display:block;
padding-top:120px;
}
.prod-img-all-mobile{
display:none;
}
.sec-prod-text{
position:absolute;
width:50%;
padding:55px 40px;
top:0px;
left:46%;
margin-left:0;
}
#section-metal{
padding:0 0 60px 0;
}
#section-metal .row{
width:96%;
}
.metal-img-all{
display:block;
padding-top:120px;
}
.metal-img-all-mobile{
display:none;
}
.sec-metal-text{
position:absolute;
width:50%;
padding:55px 40px;
top:0px;
left:46%;
margin-left:0;
}
#section-map{
padding:0 0 0px 0;
}
.map-img{
display:block;
padding-top:120px;
padding-bottom:160px;
}
.map-img-mobile{
display:none;
}
.sec-map-text{
position:absolute;
width:58%;
padding:55px 40px;
top:0px;
left:4%;
}
#section-contact{
height:500px;
}
.contact-text{
height:600px;
}
.inner-banner{
height:486px;
background-size:auto 450px;
}
.inner-banner h1, .inner-banner-product h1,
.inner-banner h3{
width:50%;
left:25%;
}
.inner-banner-product{
height:540px;
}
div#n2-ss-2 .n2-ss-slider-1 {
min-height: 500px !important;
}
.project-slider {
top:0px !important;
}
.about-content{
position:absolute;
width: 57.33%;
right:0;
top:0;
}
.about-content .highlight-text{
margin-top:80px;
}
.about-img{
width: 50.33%;
margin-bottom:40px;
margin-left:2%;
margin-right:5%;
float:left;
}
.about-key{
width: 39%;
margin-left:2%;
margin-right:2%;
float:left; }
.about-manufacturing.mobile{
display:none;
}
.about-manufacturing.desktop{
display:block;
}
.manufacturing-title-box{
position:absolute;
top:0;
left:0;
z-index:10;
background-color:transparent;
padding:0;
}
.export-content{
width: 55%;
float:left;
}
.export-img2{
width: 45%;
float:left;
margin-top:80px;
}
.title-box{
background-color:#3bb29d;
color:#fff;
font-size:2.6rem;
width:65%;
padding:80px 5%;
}
.title-box br{
display:block;
}
.manufacturing-box{
margin-top:-180px;
margin-left:35%;
width:65%;
} .footer-logo{
width: 29.33%;
}
.footer-link{
width: 62.66%;
}
}
@media only screen and (min-width : 1100px) {
.about-key{ }
}
@media only screen and (min-width : 1200px) {
html, body {
font-size: 72.5%;
}
header{
height:65px;
background:rgba(236, 233, 183, 0.6);
}
header .row{
padding:0 5%;
}
.logo{
position:relative;
float:left;
left:0;
}
.navi{
max-width:none;
width: 79.33%;
padding-top:8px;
}
.main-banner-text{
padding:7% 5% 0 5%;
}
.main-banner-text h1 {
font-size: 4rem; 
}
.sec-prod-text{
width:34%;
left:59.5%;
}
.sec-map-text{
width:45%;
left:8%;
}
.map-img {
display: block;
padding-top: 120px;
padding-bottom: 0px;
}
.sec-metal-text{
width:34%;
left:59.5%;
}
#section-contact{
height:600px;
}
.contact-text{
height:600px;
}
.inner-banner{
height:494px;
background-size:auto 450px;
background-position:center bottom 44px;
}
.inner-banner.about{
background-position:center bottom 44px;
}
.inner-banner h1, .inner-banner-product h1,
.inner-banner h3{
font-size: 3.2rem;
width:40%;
left:30%;
}
.inner-banner-product{
height:640px;
}
div#n2-ss-2 .n2-ss-slider-1 {
min-height: 600px !important;
}
.section-content{
padding:60px 0;
}
.section-content2{
padding:0 0 60px 0;
}
.about-content{ }
.about-key{ }
ul.list-style-tick.col3 li{
width:33%;
}
.footer-logo{
width: 29.33%;
}
.footer-link{
width: 62.66%;
}
}
@media only screen and (min-width : 1280px) {
.about-key{ }
#news-grid .eg-news-skin-element-11{
font-size:14px;
line-height:18px;
}
#news-grid .eg-news-skin-element-9{
font-size:18px;
line-height:22px;
}
}
@media only screen and (min-width : 1400px) {
.title-box{
font-size:3rem;
}
}
@media only screen and (min-width : 1600px) {
.sec-prod-text p{
font-size: 18px;
}
.sec-metal-text p{
font-size: 18px;
}
.sec-map-text p{
font-size: 18px; 
}
.contact-text p{
font-size: 18px; 
}
.sec-prod-text{
padding:60px;
}
.sec-map-text{
padding:60px;
}
.sec-metal-text{
padding:60px;
}
.contact-text > div{
max-width:700px;
}
.inner-banner{
height:607px;
background-size:auto 560px;
background-position:center bottom 47px;
}
.inner-banner h1, .inner-banner-product h1,
.inner-banner h3{
font-size: 3.6rem;
}
.highlight-text{
padding:70px 10%;
}
.about-text{
padding:50px 10% 0 10%;
}
.key-box{
padding:50px 10%;
}
.about-content .highlight-text{
margin-top:150px;
}
.key-box ul.list-style-tick li{
width:49%;
display:inline-block;
}
ul.list-style-tick.col3 li{
width:24%;
}
#news-grid .eg-news-skin-element-11{
font-size:16px;
line-height:20px;
}
#news-grid .eg-news-skin-element-9{
font-size:20px;
line-height:24px;
}
.title-box{
font-size:3.4rem;
}
.manufacturing-box{
margin-left:30%;
width:70%;
}
}
@media only screen and (max-width : 980px){
.inner-product-container li{
width:44%;
}
.inner-product-container li.col3 {
width: 27.5% !important;
}
}
@media only screen and (max-width : 595px){
.inner-product-container li {
width: 86%;
}
.inner-product-container li.col3 {
width: 86% !important;
}
.inner-product-container h3 {
font-size: 24px;
line-height:28px;
}
.inner-product-container h4 {
font-size: 30px;
}
}
@media only screen and (max-device-height: 660px) and (orientation : landscape){
.main-banner-text{
padding:7% 5% 0 5%;
}
.inner-banner{
height:394px;
background-size:cover;
background-position:center bottom 44px;
}
.inner-banner.about{
background-position:center bottom 44px;
}
}
@media only screen and (min-device-width : 375px) and (max-device-width : 850px) and (orientation : landscape) {
header{
background:rgba(236, 233, 183, 0);
}
.main-banner-text{
padding:5% 5% 0 5%;
}
.main-banner-text h1 {
font-size: 2.4rem; 
margin-top:10px;
}
.main-banner-text img {
width:80px;
height:67px;
}
.btn-more {
padding:15px 20px;
font-size:14px;
}
}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-duration='50'],body[data-aos-duration='50'] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-duration='100'],body[data-aos-duration='100'] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-duration='150'],body[data-aos-duration='150'] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-duration='200'],body[data-aos-duration='200'] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-duration='250'],body[data-aos-duration='250'] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-duration='300'],body[data-aos-duration='300'] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-duration='350'],body[data-aos-duration='350'] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-duration='400'],body[data-aos-duration='400'] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-duration='450'],body[data-aos-duration='450'] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-duration='500'],body[data-aos-duration='500'] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-duration='550'],body[data-aos-duration='550'] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-duration='600'],body[data-aos-duration='600'] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-duration='650'],body[data-aos-duration='650'] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-duration='700'],body[data-aos-duration='700'] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-duration='750'],body[data-aos-duration='750'] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-duration='800'],body[data-aos-duration='800'] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-duration='850'],body[data-aos-duration='850'] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-duration='900'],body[data-aos-duration='900'] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-duration='950'],body[data-aos-duration='950'] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-duration='1000'],body[data-aos-duration='1000'] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-duration='1050'],body[data-aos-duration='1050'] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-duration='1100'],body[data-aos-duration='1100'] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-duration='1150'],body[data-aos-duration='1150'] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-duration='1200'],body[data-aos-duration='1200'] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-duration='1250'],body[data-aos-duration='1250'] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-duration='1300'],body[data-aos-duration='1300'] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-duration='1350'],body[data-aos-duration='1350'] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-duration='1400'],body[data-aos-duration='1400'] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-duration='1450'],body[data-aos-duration='1450'] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-duration='1500'],body[data-aos-duration='1500'] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-duration='1550'],body[data-aos-duration='1550'] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-duration='1600'],body[data-aos-duration='1600'] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-duration='1650'],body[data-aos-duration='1650'] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-duration='1700'],body[data-aos-duration='1700'] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-duration='1750'],body[data-aos-duration='1750'] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-duration='1800'],body[data-aos-duration='1800'] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-duration='1850'],body[data-aos-duration='1850'] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-duration='1900'],body[data-aos-duration='1900'] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-duration='1950'],body[data-aos-duration='1950'] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-duration='2000'],body[data-aos-duration='2000'] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-duration='2050'],body[data-aos-duration='2050'] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-duration='2100'],body[data-aos-duration='2100'] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-duration='2150'],body[data-aos-duration='2150'] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-duration='2200'],body[data-aos-duration='2200'] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-duration='2250'],body[data-aos-duration='2250'] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-duration='2300'],body[data-aos-duration='2300'] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-duration='2350'],body[data-aos-duration='2350'] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-duration='2400'],body[data-aos-duration='2400'] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-duration='2450'],body[data-aos-duration='2450'] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-duration='2500'],body[data-aos-duration='2500'] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-duration='2550'],body[data-aos-duration='2550'] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-duration='2600'],body[data-aos-duration='2600'] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-duration='2650'],body[data-aos-duration='2650'] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-duration='2700'],body[data-aos-duration='2700'] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-duration='2750'],body[data-aos-duration='2750'] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-duration='2800'],body[data-aos-duration='2800'] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-duration='2850'],body[data-aos-duration='2850'] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-duration='2900'],body[data-aos-duration='2900'] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-duration='2950'],body[data-aos-duration='2950'] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-duration='3000'],body[data-aos-duration='3000'] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay='50'],body[data-aos-delay='50'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='50'].aos-animate,body[data-aos-delay='50'] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-delay='100'],body[data-aos-delay='100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='100'].aos-animate,body[data-aos-delay='100'] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-delay='150'],body[data-aos-delay='150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='150'].aos-animate,body[data-aos-delay='150'] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-delay='200'],body[data-aos-delay='200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='200'].aos-animate,body[data-aos-delay='200'] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-delay='250'],body[data-aos-delay='250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='250'].aos-animate,body[data-aos-delay='250'] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-delay='300'],body[data-aos-delay='300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='300'].aos-animate,body[data-aos-delay='300'] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-delay='350'],body[data-aos-delay='350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='350'].aos-animate,body[data-aos-delay='350'] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-delay='400'],body[data-aos-delay='400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='400'].aos-animate,body[data-aos-delay='400'] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-delay='450'],body[data-aos-delay='450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='450'].aos-animate,body[data-aos-delay='450'] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-delay='500'],body[data-aos-delay='500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='500'].aos-animate,body[data-aos-delay='500'] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-delay='550'],body[data-aos-delay='550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='550'].aos-animate,body[data-aos-delay='550'] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-delay='600'],body[data-aos-delay='600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='600'].aos-animate,body[data-aos-delay='600'] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-delay='650'],body[data-aos-delay='650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='650'].aos-animate,body[data-aos-delay='650'] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-delay='700'],body[data-aos-delay='700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='700'].aos-animate,body[data-aos-delay='700'] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-delay='750'],body[data-aos-delay='750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='750'].aos-animate,body[data-aos-delay='750'] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-delay='800'],body[data-aos-delay='800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='800'].aos-animate,body[data-aos-delay='800'] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-delay='850'],body[data-aos-delay='850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='850'].aos-animate,body[data-aos-delay='850'] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-delay='900'],body[data-aos-delay='900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='900'].aos-animate,body[data-aos-delay='900'] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-delay='950'],body[data-aos-delay='950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='950'].aos-animate,body[data-aos-delay='950'] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-delay='1000'],body[data-aos-delay='1000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1000'].aos-animate,body[data-aos-delay='1000'] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-delay='1050'],body[data-aos-delay='1050'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1050'].aos-animate,body[data-aos-delay='1050'] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-delay='1100'],body[data-aos-delay='1100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1100'].aos-animate,body[data-aos-delay='1100'] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-delay='1150'],body[data-aos-delay='1150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1150'].aos-animate,body[data-aos-delay='1150'] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-delay='1200'],body[data-aos-delay='1200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1200'].aos-animate,body[data-aos-delay='1200'] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-delay='1250'],body[data-aos-delay='1250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1250'].aos-animate,body[data-aos-delay='1250'] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-delay='1300'],body[data-aos-delay='1300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1300'].aos-animate,body[data-aos-delay='1300'] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-delay='1350'],body[data-aos-delay='1350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1350'].aos-animate,body[data-aos-delay='1350'] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-delay='1400'],body[data-aos-delay='1400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1400'].aos-animate,body[data-aos-delay='1400'] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-delay='1450'],body[data-aos-delay='1450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1450'].aos-animate,body[data-aos-delay='1450'] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-delay='1500'],body[data-aos-delay='1500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1500'].aos-animate,body[data-aos-delay='1500'] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-delay='1550'],body[data-aos-delay='1550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1550'].aos-animate,body[data-aos-delay='1550'] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-delay='1600'],body[data-aos-delay='1600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1600'].aos-animate,body[data-aos-delay='1600'] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-delay='1650'],body[data-aos-delay='1650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1650'].aos-animate,body[data-aos-delay='1650'] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-delay='1700'],body[data-aos-delay='1700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1700'].aos-animate,body[data-aos-delay='1700'] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-delay='1750'],body[data-aos-delay='1750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1750'].aos-animate,body[data-aos-delay='1750'] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-delay='1800'],body[data-aos-delay='1800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1800'].aos-animate,body[data-aos-delay='1800'] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-delay='1850'],body[data-aos-delay='1850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1850'].aos-animate,body[data-aos-delay='1850'] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-delay='1900'],body[data-aos-delay='1900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1900'].aos-animate,body[data-aos-delay='1900'] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-delay='1950'],body[data-aos-delay='1950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1950'].aos-animate,body[data-aos-delay='1950'] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-delay='2000'],body[data-aos-delay='2000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2000'].aos-animate,body[data-aos-delay='2000'] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-delay='2050'],body[data-aos-delay='2050'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2050'].aos-animate,body[data-aos-delay='2050'] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-delay='2100'],body[data-aos-delay='2100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2100'].aos-animate,body[data-aos-delay='2100'] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-delay='2150'],body[data-aos-delay='2150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2150'].aos-animate,body[data-aos-delay='2150'] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-delay='2200'],body[data-aos-delay='2200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2200'].aos-animate,body[data-aos-delay='2200'] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-delay='2250'],body[data-aos-delay='2250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2250'].aos-animate,body[data-aos-delay='2250'] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-delay='2300'],body[data-aos-delay='2300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2300'].aos-animate,body[data-aos-delay='2300'] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-delay='2350'],body[data-aos-delay='2350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2350'].aos-animate,body[data-aos-delay='2350'] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-delay='2400'],body[data-aos-delay='2400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2400'].aos-animate,body[data-aos-delay='2400'] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-delay='2450'],body[data-aos-delay='2450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2450'].aos-animate,body[data-aos-delay='2450'] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-delay='2500'],body[data-aos-delay='2500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2500'].aos-animate,body[data-aos-delay='2500'] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-delay='2550'],body[data-aos-delay='2550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2550'].aos-animate,body[data-aos-delay='2550'] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-delay='2600'],body[data-aos-delay='2600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2600'].aos-animate,body[data-aos-delay='2600'] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-delay='2650'],body[data-aos-delay='2650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2650'].aos-animate,body[data-aos-delay='2650'] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-delay='2700'],body[data-aos-delay='2700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2700'].aos-animate,body[data-aos-delay='2700'] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-delay='2750'],body[data-aos-delay='2750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2750'].aos-animate,body[data-aos-delay='2750'] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-delay='2800'],body[data-aos-delay='2800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2800'].aos-animate,body[data-aos-delay='2800'] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-delay='2850'],body[data-aos-delay='2850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2850'].aos-animate,body[data-aos-delay='2850'] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-delay='2900'],body[data-aos-delay='2900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2900'].aos-animate,body[data-aos-delay='2900'] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-delay='2950'],body[data-aos-delay='2950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2950'].aos-animate,body[data-aos-delay='2950'] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-delay='3000'],body[data-aos-delay='3000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='3000'].aos-animate,body[data-aos-delay='3000'] [data-aos].aos-animate{transition-delay:3s}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translate(0)}[data-aos=fade-up]{transform:translateY(100px)}[data-aos=fade-down]{transform:translateY(-100px)}[data-aos=fade-right]{transform:translate(-100px)}[data-aos=fade-left]{transform:translate(100px)}[data-aos=fade-up-right]{transform:translate(-100px,100px)}[data-aos=fade-up-left]{transform:translate(100px,100px)}[data-aos=fade-down-right]{transform:translate(-100px,-100px)}[data-aos=fade-down-left]{transform:translate(100px,-100px)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translate(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translateY(100px) scale(.6)}[data-aos=zoom-in-down]{transform:translateY(-100px) scale(.6)}[data-aos=zoom-in-right]{transform:translate(-100px) scale(.6)}[data-aos=zoom-in-left]{transform:translate(100px) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translateY(100px) scale(1.2)}[data-aos=zoom-out-down]{transform:translateY(-100px) scale(1.2)}[data-aos=zoom-out-right]{transform:translate(-100px) scale(1.2)}[data-aos=zoom-out-left]{transform:translate(100px) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translate(0)}[data-aos=slide-up]{transform:translateY(100%)}[data-aos=slide-down]{transform:translateY(-100%)}[data-aos=slide-right]{transform:translateX(-100%)}[data-aos=slide-left]{transform:translateX(100%)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}#scrollUp {
background-image: url(https://www.lenchong.com/wp-content/uploads/icon-top.png);
background-size:52px;
bottom: 20px;
right: 20px;
width: 52px; height: 52px; } .themes {
padding: 0;
margin: 0;
margin-bottom: 20px;
float: left;
width: 100%;
}
.themes li {
text-align: center;
display: block;
float: left;
width: 22%;
margin-left: 4%;
}
.themes li.first {
margin-left: 0;
}
.themes li a {
display: block;
padding: 10px;
background-color: #444;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
color: #eee;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.themes li a:hover,
.themes li a.active {
background-color: #F66169;
color: #FAEFDE;
}
#scrollUp-active {
display: none;
}