﻿@charset "utf-8"; 
:root {--color: #2E5C4F;--fontfamily: Arial, sans-serif;}
.home-activity .l-wrap {  min-height: 620px;}
.wmkc-phone{background:#20B4F7}
.wmkc-phone .wmkc-icon {background:url(/Content/C_IMG/Common/mob-b-w.png) no-repeat center;background-size:24px;}
.wmkc-phone:hover .wmkc-icon {background-image:url(/Content/C_IMG/Common/mob-b.png)}
.head-top .text{display:none}
@media (max-width:1024px){.head-logo img{max-height:95%;object-fit:contain}}
.prodetails-main .prodetails-content #tagTabs{display: none; }
@media (min-width:769px){.preview-container .thumbnail-box .item{height:36px}}
@media (min-width:1281px){.preview-container .thumbnail-box .item{height:56px}}
@media (min-width:1025px){.head-info{padding:0;overflow:hidden}
.head-nav{position:relative;transform:none;left:auto;bottom:auto;animation:none;}
header{position:fixed;left:0;top:0;width:100%;}
.head-top.cur+.head-info{height:0;}
.nav-ul>li>a{line-height:27px}
body:not(.index){padding-top:160px}
body:not(.index) .head-info{background:#fff}
.banner-inner{min-height:inherit}}
@media (min-width:769px){.foot-info{margin-right:3%;width:20%;max-width:240px}
.foot-nav .foot-item.foot-quick{width:auto;}
.foot-nav .foot-item.foot-quick .foot-list{display:block;}
.foot-nav .foot-item.foot-quick .foot-list li{width:100%;}
.foot-item.foot-pro{width:65%}
.foot-item.foot-pro .foot-list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.foot-item.foot-pro .foot-list li{width:32%}}
@media (max-width:1440px) and (min-width:769px){.foot-info .foot-tel,footer{font-size:var(--fontsize14)}
.foot-nav .foot-item .foot-title{font-size:var(--fontsize20)}}
@media (max-width:1280px) and (min-width:769px){.foot-info{margin-right:3%;width:22%;max-width:inherit}
.foot-item.foot-pro{width:54%}
.foot-item.foot-pro .foot-list li{width:48%}}
@media (max-width:1024px) and (min-width:769px){.foot-info{margin:0;width:100%;}}
@media (max-width:768px){.foot-nav .foot-item .foot-list li a{padding:3px 0}
.foot-nav .foot-item .foot-list{justify-content:space-between}
.foot-nav .foot-item .foot-list li{width:49%}}
@media (max-width:400px){.foot-info .foot-tel,footer{font-size:var(--fontsize13)}}


@media (min-width:1025px) {
.head-top .lang{display: flex;align-items: center;}
.head-top span.lang-es{background: url(https://img01.v15cdn.com/language/language-all.webp) no-repeat center;width: 24px;height: 16px;display: inline-flex;margin-right: 6px;vertical-align: sub;background-position: 0px -51px;}
.head-top .lang>li.es{margin-left: 5px;padding: 2px 5px;border-radius: 2px;background: #fff;}
.head-top .lang>li.es a{display: flex;align-items: center;color: #000;line-height: 1;}}
.wmkc-list  .wmkc-phone {background: var(--color);}
.wmkc-list .wmkc-phone:hover .wmkc-icon { background-image: url(/Content/C_IMG/Common/mob-b-w.png);}
@media (min-width:1025px){body{padding-top:130px}
header{position:fixed;top:0;left:0;width:100%;z-index:99999999}
.head-top{transition:.3s}
.head-list{justify-content:flex-start;width:auto;max-width:inherit;margin:0 auto 0 0;}
.head-list .item{width:auto;flex:inherit!important;margin:0 40px 0 0;}
.head-list .item .info span{display:none;}
.head-list .item em{width:auto;height:auto;}
.head-list .item .info a{color:var(--headercolor)!important;}
.head-share ul a{color:var(--headercolor);}
.head-info{display:none;}
.head-nav{max-width:100%;padding:0;transform:none!important;position:static!important;box-shadow:0 0 0;border-radius:0;animation:none!important}
.head-nav .l-wrap{padding:0 70px;}
.head-logo{max-width:inherit;height:90px;}
.head-logo img{max-height:90%;}
.nav-ul>li{padding:0 20px 0 0;display:flex;align-items:center;}
.nav-ul>li>a{padding:0;line-height:90px;}
.nav-ul>li>em{position:static;margin-left:5px;transform:none}
.nav-ul>li .submenu{top:100%}
.head-logo a span{white-space:normal;line-height:1.3}
header.headerscroll .head-top{opacity:0;height:0;}
.banner-inner {min-height:inherit}}
@media (max-width:1600px) and (min-width:1025px){.nav-ul>li{padding:0 12px 0 0}
.nav-ul>li>a{font-size:var(--fontsize16)}}
@media (max-width:1440px) and (min-width:1025px){.nav-ul>li{padding:0 8px 0 0}
.nav-ul>li>a{font-size:var(--fontsize14)}
.head-logo a span{font-size:var(--fontsize16)}}
@media (max-width:1280px) and (min-width:1025px){.head-logo a span{display:none}}