﻿@charset "utf-8"; 
:root {--color:#AD241D}
.pro-detail-content table.table td:nth-child(odd){background:#f5f5f5;}
.kche-t8>h2 {font-size: 18px;}
@media (max-width:768px){.pagesbanner video, .pagesbanner img{min-height:inherit;}}
header nav .header-logo img {max-width:inherit;max-height:90%;object-fit:contain}
@media (min-width:1025px) {.home-welcome .home-title{font-size:40px}}
@media (min-width:1025px){.nav-container .nav-item3 .item-wrap .item {width:32%;}}
#welcomeswiper .swiper-slide a{display:block;aspect-ratio:1/1;width:100%;position:relative}
#welcomeswiper .swiper-slide a:after{content:"";position:absolute;width:100%;height:100%;background:rgba(0,0,0,.1);left:0;top:0;}
.home-welcome .swiper-slide span{z-index:1}
.home-video >img{position:sticky;top:0;width:100%;display:block}
iframe{height: revert-layer;}
footer .foot-contact .foot-title {text-transform:capitalize}
@media (min-width:1025px){body{padding-top:100px;}
body.index{padding-top:0;}}
.head-logo{height:100%}
.head-logo a{height:100%;display:flex;align-items:center}
.head-logo a img{max-height:100%}
@media (min-width:1025px) and (max-width:1460px){.nav-ul{margin-right:25px;}
.nav-ul li{margin:0 25px;}
.head-nav .address{white-space: nowrap;}}
table tr:nth-child(odd){background-color: #efefef;}
table tr:nth-child(even){background-color: #fff;}
.prodetails-tabs .prodetails-tabs-item.green{display:none}


/*head*/
.head-nav{display:flex;align-items:center;height:100%}
.head-nav .nav-ul{height:100%;display:flex;align-items:center;list-style:none;padding:0px}
.head-nav .nav-ul>li{height:100%;position:relative;margin:0;}
.head-nav .nav-ul>li>a{font-size:var(--fontsize18);font-weight:var(--fontbold6);text-transform:capitalize;margin:0px 10px;height:100%;display:flex;align-items:center;justify-content:center;position:relative;white-space:nowrap}
.head-nav .nav-ul>li>a em{margin-left:5px;font-size:var(--fontsize14);font-weight:var(--fontbold5);line-height:1}
.head-nav .nav-ul>li:hover>a{color:var(--color1)!important}
.head-nav .nav-ul>li>a.inmenu_1{color:var(--color1)!important}
.head-nav .nav-ul>li:hover>a::before,.head-nav .nav-ul>li>a.inmenu_1::before{opacity:.3}
.head-nav .nav-ul>li>ul{position:absolute;left:0;top:100%;background:#FFF;min-width:260px;margin:0px;box-shadow:1px 2px 10px rgba(0,0,0,.1);white-space:nowrap}
.head-nav .nav-ul>li>ul li{position:relative;justify-content: flex-start;margin:0;}
.head-nav .nav-ul>li>ul li:hover>a,.head-nav .nav-ul>li>ul li:hover>em{color:var(--color1)}
.head-nav .nav-ul>li>ul li:hover>a::before{opacity:1}
.head-nav .nav-ul>li>ul a{padding:0px 10px;height:45px;line-height:45px;color:#000;padding-right:30px;text-align:left;position:relative;transition:all .1s linear;display:flex;align-items:center;justify-content:flex-start;font-size:var(--fontsize16);font-weight:var(--fontbold6);text-transform:capitalize}
.head-nav .nav-ul>li>ul a+em{position:absolute;right:10px;top:50%;transform:translateY(-50%) rotate(-90deg)}
.head-nav .nav-ul>li>ul ul{position:absolute;left:100%;top:0;background:#FFF;min-width:220px;margin:0px;box-shadow:1px 2px 10px rgba(0,0,0,.1)}
.head-nav .nav-ul ul{list-style:none;padding:0px}
@media (min-width:1025px){header.is-active .head-info .head-nav .nav-ul>li>a{color:#000;}}
@media (max-width:1024px){.head-nav{position:fixed;top:70px;right:0;width:100%;height:calc(100vh - 70px);background:#FFF;flex-direction:column;padding-bottom:100px;overflow-y:auto;display:none}
.head-nav .nav-ul{width:100%;flex-direction:column;height:auto;flex:1;border-top:1px solid #f2f2f2}
.head-nav .nav-ul>li{height:auto;width:100%;padding:0;}
.head-nav .nav-ul>li.cur{background:#FAFAFA}
.head-nav .nav-ul>li.cur .icon-arrow-down{transform:rotate(0)}
.head-nav .nav-ul>li .icon-arrow-down{position:absolute;right:10px;top:2px;font-weight:var(--fontbold3);width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;transition:all .1s linear;transform:rotate(-90deg);font-size:20px}
.head-nav .nav-ul>li>a{height:auto;padding:10px 20px;margin:0px;justify-content:flex-start;color:var(--fontcolor);border-bottom:1px solid #f9f9f9}
.head-nav .nav-ul>li:hover>a{background:0 0;color:inherit!important}
.head-nav .nav-ul>li>ul{position:static;box-shadow:none;max-width:100%;background:#FAFAFA;display:none;padding:0px 30px}
.head-nav .nav-ul>li>ul a{color:var(--fontcolor);font-size:var(--fontsize16);display:inline-block;line-height:inherit;height:auto;padding:10px 0}
.head-nav .nav-ul>li:hover>a::before,.head-nav .nav-ul>li>a.inmenu_1::before{display:none}
.head-nav .nav-ul>li>ul li:hover>a,.head-nav .nav-ul>li>ul li:hover>em{background:0 0;color:inherit}
.head-nav .nav-ul>li>ul .icon-arrow-down{display:none}
.head-nav .nav-ul>li>ul ul{position:static;display:block;background:0 0;box-shadow:none;padding:0px 20px}
.head-nav .search-box{width:100%;height:auto}
.head-nav .search-box .head-search{display:none}
.head-nav .search-input{position:static;opacity:1;transform:none;visibility:inherit;width:100%;box-shadow:none;padding:4px 10px;background:#FFF}
.head-nav .search-input input{flex:1;border:1px solid #EEE}
.head-nav .search-input input:focus{border-color:var(--color)}
.head-nav .search-input button{background:var(--color)}
.head-nav .search-input input{height:40px;}}
@media (max-width:768px){.head-nav{top:59px;height:calc(100vh - 59px)}}


 .wmkc-footer{background-color:#000;padding:60px 0;color:#fff}
.wmkc-footer .l-wrap{max-width:unset}
.wmkc-footer .wmkc-footer-content{display:flex;justify-content:space-between;gap:40px}
.wmkc-footer .wmkc-footer-brand{flex:0 0 500px}
.wmkc-footer .wmkc-footer-brand .foot-logo{max-width:200px}
.wmkc-footer .wmkc-footer-nav{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.wmkc-footer .nav-title{font-size:var(--fontsize17);margin-bottom:20px;text-transform:uppercase}
.wmkc-footer .nav-group ul{list-style:none;padding:0;margin:0}
.wmkc-footer .nav-group li{margin-bottom:12px}
.wmkc-footer .nav-group a{color:#aaa;text-decoration:none;font-size:var(--fontsize14);transition:0.3s}
.wmkc-footer .nav-group a:hover{color:var(--color1)}
.wmkc-footer .foot-share1 ul{display:flex;list-style:none;padding:0;margin-top:20px;gap:10px}
.wmkc-footer .social-item{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#222;background:var(--color1);color:#fff;border-radius:4px;transition:0.3s}
@media (max-width:1025px){.wmkc-footer .wmkc-footer-content{flex-direction:column}
.wmkc-footer .wmkc-footer-brand{flex:unset}
.wmkc-footer .wmkc-footer-brand .foot-logo{max-width:200px}
}@media (max-width:768px){.wmkc-footer .wmkc-footer-nav{grid-template-columns:repeat(2,1fr)}
}@media (max-width:500px){.wmkc-footer .wmkc-footer-nav{grid-template-columns:1fr}
}@media (min-width:1024px){.head-info .l-wrap{max-width:1870px}
.lang-icon img{vertical-align:middle}
.head-logo a .himg{max-width:195px}
.head-lang{margin-right:2%}
.head-nav .address{border-radius:4px;flex-shrink:0}
.lang-icon span::before,.lang-icon span::after{display:none}
header.is-active .head-logo a .fimg,.head-info.has-nav-active .fimg{filter:invert(1) brightness(0);max-width:195px}
.head-nav{flex:1}
.head-nav .nav-ul{width:100%;justify-content:flex-end;margin-right:3%}
.nav-ul{margin-right:auto}
.nav-container .nav-item{padding-bottom:0}
}@media (min-width:1024px) and (max-width:1440px){.nav-ul li{padding:0 1%}
.head-nav .address{padding:0 10px;font-size:var(--fontsize14)}
.head-info .l-wrap{padding:0 20px}
.nav-ul li{font-size:var(--fontsize14)}
}@media (max-width:1024px){.head-logo .himg{max-width:195px}}  
@media (max-width: 1024px) {.head-nav .nav-ul>li>a{color: #111;}}
 header  .lang .lang-wrap li a{color:#111}
@media (max-width:1024px){header   .lang  .lang-icon img{width:28px;filter:unset}
}
@media (min-width:1025px){.head-nav .nav-ul>li.headcateli>ul{top:100px;position:fixed;width:100%;left:0;transform:scaleY(0);opacity:0;padding:30px calc(50% - 865px);display:flex;justify-content:center;gap:30px;white-space:normal;transition:.3s;transform-origin:top}
.is-active .head-nav .nav-ul>li.headcateli>ul{top:75px}
.head-nav .nav-ul>li.headcateli>ul>li{width:calc((100% - 120px) / 5)}
.head-nav .nav-ul>li#liarchitectural-films>ul{gap:30px 70px}
.head-nav .nav-ul>li#liarchitectural-films>ul>li{width:auto;max-width:calc((100% - 140px) / 3)}
.head-nav .nav-ul>li#liprotection-films>ul{gap:30px 70px}
.head-nav .nav-ul>li#liprotection-films>ul>li{width:auto;max-width:calc((100% - 70px) / 2)}
.head-nav .nav-ul>li.headcateli:hover>ul{transform:scaleY(1);opacity:1}
.head-nav .nav-ul>li.headcateli>ul li{display:block;padding:0;}
.head-nav .nav-ul>li.headcateli>ul li a{height:auto;line-height:1.4;padding:0;color:#111}
.head-nav .nav-ul>li.headcateli>ul li ul{position:static;box-shadow:0 0 0;min-width:100%}
.head-nav .nav-ul>li.headcateli>ul li ul li{margin-top:12px}
.head-nav .nav-ul>li.headcateli>ul li ul li a{color:#666;font-size:var(--fontsize15)}
.head-nav .nav-ul>li.headcateli>ul li a:hover,.head-nav .nav-ul>li.headcateli>ul li ul li a:hover{color:var(--color)}}
@media (max-width:1870px) and (min-width:1025px){.head-nav .nav-ul>li.headcateli>ul{padding:30px 70px}}
@media (max-width:1440px) and (min-width:1025px){.head-nav .nav-ul>li.headcateli>ul{padding:30px 20px}}
@media (max-width:1024px){.head-nav .nav-ul>li.active>ul{display:block}
.nav-ul>li{flex-wrap:wrap;}
.head-nav .nav-ul>li>ul{width:100%;background:none;padding:0 25px;white-space:normal}
.head-nav .nav-ul>li>ul li{display:block;padding:0;}
.head-nav .nav-ul>li>ul a{color:#111;padding:5px 0}
.head-nav .nav-ul>li>ul li ul li a{font-size:var(--fontsize15)}
.head-nav .nav-ul>li>a{padding:10px 0;display:block;width:100%;}
.head-nav .nav-ul>li.active em{transform:rotate(0deg)!important}}
@media (max-width:1700px) and (min-width:1025px){.head-nav .nav-ul>li{padding:0 7px}
.head-nav .nav-ul>li>a{margin:0;}
.head-lang{margin:0}
.lang-icon span{padding-right:0}}
@media (max-width:1600px) and (min-width:1025px){.head-nav .nav-ul>li>a{font-size:var(--fontsize16)}}
@media (max-width:1300px) and (min-width:1025px){.head-nav .nav-ul>li>a{font-size:var(--fontsize13)}
.head-logo a .himg{max-height:65%}}
@media (max-width:1100px) and (min-width:1025px){.head-nav .nav-ul>li>a{font-size:var(--fontsize12)}}

