img {border:0;max-width:100%;height:auto;vertical-align:middle;transition:transform 1.04s}
.img-res img {width:auto;height:auto!important;max-width:100%!important}
#site-header .logo-img{max-width:300px;}
#site-header .mobileMenuIcon{display:none;}
.main-title .title { font-size: 48px; color: #646464; }

.main-title .title-style, .main-title .title-style1 { position: relative; }

.main-title .title-style::after, .main-title .title-style1::after { position: absolute; content: ""; width: 30%;
background-color: var(--main-theme-color); height: 3px; left: 0; bottom: -15px; }

.main-title .title-style1::after { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);
transform: translateX(-50%); }

.btn-style, .section-products .button .btn-style { padding: 10px 20px; border: 2px solid #000; }

.btn-style {position:relative; background-color: var(--main-theme-color1) !important; color: #fff !important; border-color:
var(--main-theme-color1) !important; }

.btn-style::before,.btn-style::after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:0;
    background-color: #f06f2d !important; 
    border-color:#f06f2d!important;
}

.btn-style:hover { 
    z-index:1;
    background:transparent;
 }

.btn-style::before,.btn-style::after {
transition:all .3s;
background: #f06f2d;
z-index:-1;
}

.btn-style:hover::after {
width: 100%;
}

.btn-style1 { background-color: var(--main-theme-color)!important; color: #fff!important; border-color:
var(--main-theme-color) !important; }

.btn-style1:hover { background-color: var(--main-theme-color1) !important; color: #fff !important; border-color:
var(--main-theme-color1) !important; }

.btn-style2 { background-color: #fff !important; color: var(--main-theme-color1) !important; border-color:
var(--main-theme-color1) !important; }

.btn-style2:hover { background-color: var(--main-theme-color1) !important; color: #fff !important; border-color:
var(--main-theme-color1) !important; }


#site-header .website-slogan .slogan{
    color:#646464;
}


.header-contact {width:100%;height:100%; }

.header-contact .contact-left .list-contact .item a, .header-contact .contact-left .list-media .item a { color: #646464; align-items: center;}

.header-contact .contact-left .list-contact .item a:hover, .header-contact .contact-left .list-media .item a:hover {
color: var(--main-theme-color1); }

.header-contact .contact-left .list-contact .item { position: relative; padding-right: 20px; }

.header-contact .contact-left .list-contact .item::after { position: absolute; right: 10px; content: ""; height: 15px;
background-color: #646464; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform:
translateY(-50%); width: 1px; }

.header-contact .contact-left .list-media .item { margin-right: 15px; }

.header-contact .contact-right .icon { color: var(--main-theme-color); }

.header-contact .contact-right .list-item a { color: #646464; }

.header-contact .contact-right .list-item a:hover { color: var(--main-theme-color1); }

.header-contact .contact-right .btn-dropdown { color: #646464; background-color: unset; border: unset; outline: unset;
-webkit-box-shadow: unset; box-shadow: unset; }

.header-contact .contact-right .btn-dropdown:hover { color: var(--main-theme-color1); }

#site-header .logo-search .nav-right .search-form .drop-down select { padding: 5px 25px 5px 10px; border-radius: 5px 0 0
5px; color: #a4a4a4; }

#site-header .logo-search .nav-right .search-form .wrap-input, #site-header .logo-search .nav-right .search-form .search {
height: 50px; }

#site-header .logo-search .nav-right .search-form .wrap-input input, #site-header .logo-search .nav-right .search-form
.wrap-input select, #site-header .logo-search .nav-right .search-form .search input, #site-header .logo-search .nav-right
.search-form .search select { height: 100%; }

#site-header .logo-search .nav-right .search-form .search-input input{
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1) inset;
}

/**
#site-header .logo-search .nav-right .search-form .search-input input { border-right: unset; border-left: unset;
border-radius: unset; }
**/

#site-header .logo-search .nav-right .search-form .search { width: 50px; }

#site-header .logo-search .nav-right .search-form .search .search-product {position:relative; width: 100%; height: 100%; background-color:
var(--main-theme-color1); color: #fff; border-radius: 0 5px 5px 0; border: unset;cursor: pointer; }

#site-header .logo-search .nav-right .search-form .search .search-product .fa{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    font-size: 24px;
}


#site-header .shopping-infor .shopping-num{
width: 16px;
height: 16px;
text-align: center;
color: #fff;
font-size: 10px;
position: absolute;
right: -10px;
top: -6px;
}


.header-nav .menu-nav .nav-left .list-nav > li ul li .nav-drop-box { left: 100%; top: -1px; }

.header-nav .menu-nav .nav-left .list-nav > li:hover > .nav-drop-box { opacity: 1; visibility: visible;}

.header-nav .menu-nav .nav-left .list-nav > li { margin-right: 30px; }

[lang="de"] .header-nav .menu-nav .nav-left .list-nav > li{margin-right:26px;}

@media (max-width:1399px){
    [lang="en"] .header-nav .menu-nav .nav-left .list-nav > li,
    [lang="pt"] .header-nav .menu-nav .nav-left .list-nav > li{margin-right:18px;}
    [lang="fr"] .header-nav .menu-nav .nav-left .list-nav > li{margin-right:10px;}
    [lang="de"] .header-nav .menu-nav .nav-left .list-nav > li{margin-right:10px;}
    [lang="de"] .header-nav .menu-nav .nav-left .list-nav > li > a{padding-left: 20px !important;padding-right: 20px !important;}
    [lang="ja"] .header-nav .menu-nav .nav-left .list-nav > li{margin-right:20px;}
}


.site-footer .footer-form-box [type="button"] { display: block; width: 100%; height: 46px; background-color:
var(--main-theme-color1); border-color: var(--main-theme-color1); border-radius: 0; }

@media (max-width: 576px) { 
.wmax-xs-100{width:100%!important;} .wmax-xs-50{width:50%!important;} .wmax-xs-75{width:75%!important;} }

@media (max-width: 768px) {
.wmax-md-100{width:100%!important;} .wmax-md-50{width:50%!important;} }

@media (min-width: 576px) { #site-header .logo-search .nav-right .search-form .search-input input { min-width: 100px; } .w-sm-100{width:100%!important;} .w-sm-auto{width:100%!important;}.position-sm-absolute{position:absolute!important;}}

@media (min-width: 768px) { #site-header .logo-search .nav-right .search-form .search-input input { min-width: 200px; }.w-md-100{width:100%!important;} }

@media (min-width: 992px) { #site-header .logo-search .nav-right .search-form .search-input input { min-width: 400px; }
.col-lg-2-4 { width: 20%; } .w-lg-100{width:100%!important;} }

@media (min-width: 1200px) { #site-header .logo-search .logo a img { width: 200px; } }

@media (min-width: 1921px) { .container { max-width: 1640px; }
.header-nav .menu-nav .nav-right .search-form .wrap-input { height: 50px; } }

@media (min-width: 2500px) { #site-header .logo-search .logo a img { width: 250px; } }


@media (min-width: 992px) and (max-width: 1199px){
    #site-header .search-form,
    #site-header .mobileMenuIcon{display:inline-block;}
}
@media (max-width: 767px){
    #site-header .logo-img{max-width:160px;}
}

.drop-down-reference-value {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
    padding: 10px;
    border: 1px solid #f5f5f5;
    box-shadow: 2px 4px 12px rgba(0,0,0,0.25);
    overflow-y: auto;
    opacity: 0;
    height: 0;
    visibility: hidden;
    transition:all 0.579s cubic-bezier(0.075, 0.82, 0.165, 1);
}



.drop-down-reference-value .reference-value {
    padding:5px 0;
}

.drop-down-reference-value .reference-value span{
    font-size: 14px;
    font-weight: 600;
    transform: translateY(1px);
}

.mobileSearchBox{
    position:relative;
}
.mobileSearchBox .SearchForm{
    position: absolute;
    right: 0;
    top: 100%;
    display:none;
    z-index: 222;
}
.mobileSearchBox .SearchIcon{
    font-size:10px;
    padding:10px;
}
.mobileSearchBox form{
    display:flex;
}
.mobileSearchBox .search-input input {
    border-radius: 0.375rem 0 0 0.375rem;
    width:150px;
    font-size:13px;
    height: 40px;
    padding: 10px;
    margin-bottom: 0;
}
.mobileSearchBox button[type="submit"]{
    background-color: var(--main-theme-color1);
    color: #fff;
    border-radius: 0 5px 5px 0;
    padding:0 10px;
    height: 40px;
}

   /* 移动端导航栏 */
   .offcanvasNavbar .navbar-nav .nav-link {
        color: #333;
    }
   .offcanvasNavbar ul li{
        position: relative;
   }
    .offcanvasNavbar span.fa-angle{
        position: absolute;
        right: 0px;
        top: 10px;
        line-height: 40px;
        height: 20px;
        text-align: center;
        width: 50px;
   }
   [dir="rtl"] .offcanvasNavbar span.fa-angle{right:auto;left:0;}
   .offcanvasNavbar span.fa-angle[aria-expanded=true] .fa-angle-up,
   .offcanvasNavbar span.fa-angle[aria-expanded=false] .fa-angle-down{
       display:block;
   }
    .offcanvasNavbar span.fa-angle[aria-expanded=true] .fa-angle-down,
   .offcanvasNavbar span.fa-angle[aria-expanded=false] .fa-angle-up{
       display:none;
   }
   .offcanvasNavbar ul.mobile-dropdown-menu li{padding:0 var(--bs-nav-link-padding-y);font-size:16px;}

/*# sourceMappingURL=style.min.css.map */