*,::after,::before{box-sizing:border-box;outline:unset}
body,html{min-height:100%;height:100%;font-family:Poppins,sans-serif;margin:0;padding:0}
a{text-decoration:none;color:unset}
.container{width:100%;display:block;margin:0 auto;max-width:1400px}
#mFull{height:0;width:100%;position:fixed;z-index:9999999999;top:0;left:0;background:#303030;overflow-x:hidden;transition:.5s;box-shadow:0 3px 12px 1px rgb(0 0 0 / 32%)}
#mFull .container{height:100%;padding:0 20px;display:grid;grid-template-rows:75px 1fr;position:relative}
#mFull .container .header{width:100%;position:relative;display:flex;justify-content:space-between}
#mFull .container .header .logo{display:flex;align-items:flex-end;margin-top:150px;margin-left:36px}
#mFull .container .header .logo .fav{height:139px;width:139px;background:#a80000;border-radius:100%;object-fit:contain;transition:all .3s}
#mFull .container .header .logo:hover .fav{background:#112a3e;transition:all .3s}
#mFull .container .header .logo .enart{height:70px;margin-bottom:35px}
#mFull .container .header .closebtn{padding:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}
#mFull .container .header .closebtn img{filter:invert(99%) sepia(2%) saturate(24%) hue-rotate(203deg) brightness(106%) contrast(100%);height:17px}
#mFull .container .mobilCont{width:100%}
#mFull .container .mobilCont .mobilProductsCat{background:#a80000;padding:80px 50px 50px;box-shadow:0 7px 9px 6px rgb(71 71 71 / 18%);display:flex;flex-direction:column;border-top-left-radius:10px;border-top-right-radius:10px}
#mFull .container .mobilCont .mobilProductsCat .title{display:flex;justify-content:space-between;padding:0 100px;margin-bottom:-13px;position:relative;z-index:99}
#mFull .container .mobilCont .mobilProductsCat .title h1{margin:0;padding:0;font-size:23px;color:#fff}
#mFull .container .mobilCont .mobilProductsCat .title .image{transition:all .3s;width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:linear-gradient(0deg,#bfbfbe 0,#fff 100%);box-shadow:0 7px 9px 6px rgb(71 71 71 / 18%);border-radius:100%}
#mFull .container .mobilCont .mobilProductsCat .title .image:hover{background:#3f3533;opacity:.89;transform:scale(.89);transition:all .3s}
#mFull .container .mobilCont .mobilProductsCat .title .image img{height:20px;filter:invert(13%) sepia(90%) saturate(3863%) hue-rotate(360deg) brightness(85%) contrast(122%)}
#mFull .container .mobilCont .mobilProductsCat .title .image:hover img{filter:invert(99%) sepia(2%) saturate(24%) hue-rotate(203deg) brightness(106%) contrast(100%);opacity:.89;transition:all .3s}
#mFull .container .mobilCont .mobilProductsCat .content{display:flex;margin-bottom:-100px;flex-wrap:wrap;border-top-left-radius:15px;border-top-right-radius:15px}
#mFull .container .mobilCont .mobilProductsCat .content .single{height: 149px;position:relative;overflow:hidden;flex:1;border-bottom:1px solid #303030;transition:all .3s;flex: 1 0 20%;}
#mFull .container .mobilCont .mobilProductsCat .content .single::after{position:absolute;content:"";left:0;top:0;bottom:0;width:1px;height:100%;box-shadow:0 7px 9px 6px rgb(71 71 71 / 18%);transition:all .3s}
#mFull .container .mobilCont .mobilProductsCat .content .single:before{position:absolute;content:"";bottom:0;right:0;left:0;height:100%;background:linear-gradient(9deg,rgb(0 0 0 / 53%) 0,rgb(0 0 0 / 48%));z-index:2;transition:all .3s}
#mFull .container .mobilCont .mobilProductsCat .content .single:first-child{border-top-left-radius:15px}
#mFull .container .mobilCont .mobilProductsCat .content .single:first-child:after{display:none}
#mFull .container .mobilCont .mobilProductsCat .content .single:nth-child(5){border-top-right-radius:15px}
#mFull .container .mobilCont .mobilProductsCat .content .single .bg{width:100%;height:100%;object-fit:cover;position:absolute;top:0;bottom:0;right:0;left:0;z-index:1;transition:all .3s}
#mFull .container .mobilCont .mobilProductsCat .content .single .text{position: absolute;bottom: 22px;z-index: 3;display: flex;flex-direction: row-reverse;left: 15px;opacity: .89;transition: all .3s;}
#mFull .container .mobilCont .mobilProductsCat .content .single .text h1{margin: 0;padding: 0;font-weight: 200;color: #fff;font-size: 14px;transition: all .3s;text-transform: capitalize}
#mFull .container .mobilCont .mobilProductsCat .content .single .text img{height: 10px;object-fit: contain;margin-top: 17px;opacity: .7;transition: all .3s;position: absolute;left: -3px;transform: rotate(90deg);bottom: 25px;}
#mFull .container .mobilCont .mobilProductsCat .content .single:hover{margin-top:-30px;border-radius:10px;box-shadow:0 7px 9px 6px rgb(71 71 71 / 18%);transition:all .3s;z-index: 999;}
#mFull .container .mobilCont .mobilProductsCat .content .single:hover .bg{transition:all .3s;border-radius:10px}
#mFull .container .mobilCont .mobilProductsCat .content .single:hover:after{opacity:0;transition:all .3s}
#mFull .container .mobilCont .mobilProductsCat .content .single:hover:before{background:linear-gradient(9deg,rgb(0 0 0 / 46%) 0,rgb(0 0 0 / 0%));transition:all .3s}
#mFull .container .mobilCont .mobilProductsCat .content .single:hover .text{opacity:1;transition:all .3s}
#mFull .container .mobilCont .mobilProductsCat .content .single:hover .text img{opacity:1;transition:all .3s}
#mFull .container .mobilCont .mobilProductsCat .content .single:hover .text h1{font-weight:600;text-shadow:13px 1px 10px #000;transition:all .3s}
#mFull .container .mobilCorpMenu{width:100%;background:#112a3e;padding:70px 0 43px 0;border-bottom-left-radius:10px;border-bottom-right-radius:10px;/* margin-bottom:50px; */}
#mFull .container .mobilCorpMenu .enartSocials{display:flex;align-items:center;width:100%;padding:0 50px;margin-bottom:25px}
#mFull .container .mobilCorpMenu .enartSocials .line{width:100%;height:1px;background:rgb(255 255 255 / 22%);margin:0;margin:0 20px}
#mFull .container .mobilCorpMenu .enartSocials .socials{display:flex;align-items:center}
#mFull .container .mobilCorpMenu .enartSocials .socials h1{font-weight:300;font-size:17px;color:#fff;width:225px;margin:0;padding:0}
#mFull .container .mobilCorpMenu .enartSocials .socials h1 b{font-weight:700;margin-left: 5px;}
#mFull .container .mobilCorpMenu .enartSocials .socials .content{margin:0 0 0 20px;display:flex}
#mFull .container .mobilCorpMenu .enartSocials .socials .content .single{transition:all .3s;margin-left:7px;display:flex;align-items:center}
#mFull .container .mobilCorpMenu .enartSocials .socials .content .single:first-child{margin-left:0}
#mFull .container .mobilCorpMenu .enartSocials .socials .content .single img{transition:all .3s;height:27px;filter:invert(99%) sepia(2%) saturate(24%) hue-rotate(203deg) brightness(106%) contrast(100%) drop-shadow(2px 4px 6px rgb(44 44 44 / 30%))}
#mFull .container .mobilCorpMenu .enartSocials .socials .content .single:hover img{filter:invert(13%) sepia(90%) saturate(3863%) hue-rotate(360deg) brightness(85%) contrast(122%);transition:all .3s}
#mFull .container .mobilCorpMenu .enartSocials .phone{transition:all .3s;display:flex;align-items:center;border-radius:31px;max-width:220px;width:100%;background:#ed1c24;padding:10px 15px;box-shadow:0 7px 20px 0 rgb(71 71 71 / 18%)}
#mFull .container .mobilCorpMenu .enartSocials .phone img{height:18px;filter:invert(100%) sepia(47%) saturate(829%) hue-rotate(161deg) brightness(111%) contrast(97%)}
#mFull .container .mobilCorpMenu .enartSocials .phone p{padding:0;margin:0;font-size:13px;color:#fafbfb;padding-left:15px;margin-left:15px;border-left:1px solid #fff}
#mFull .container .mobilCorpMenu .enartSocials .phone:hover{opacity:.89;background:#586c7a;transition:all .3s}
#mFull .container .mobilCorpMenu .enartMenu{display:flex;flex-wrap:wrap;margin:0 50px;border-radius:10px;background:#14364f}
#mFull .container .mobilCorpMenu .enartMenu .single{flex:1;padding:41px 50px}
#mFull .container .mobilCorpMenu .enartMenu .single .title{display:flex;align-items:center;margin:25px 0 0;justify-content:center}
#mFull .container .mobilCorpMenu .enartMenu .single .title h1{margin:0;padding:0;font-size:18px;color:#fff;font-weight:200;width:139px}
#mFull .container .mobilCorpMenu .enartMenu .single .title img{height:53px;filter:invert(99%) sepia(2%) saturate(24%) hue-rotate(203deg) brightness(106%) contrast(100%) drop-shadow(2px 4px 6px rgb(44 44 44 / 30%));margin-right:20px}
#mFull .container .mobilCorpMenu .enartMenu .single .title h1 strong{font-weight:400}
#mFull .container .mobilCorpMenu .enartMenu .single .title .line{width:100%;height:1px;background:rgb(255 255 255 / 12%);margin-left:23px}
#mFull .container .mobilCorpMenu .enartMenu .single ul{display:flex;flex-direction:column;margin:0;padding:0 50px;margin-top:15px}
#mFull .container .mobilCorpMenu .enartMenu .single li{position:relative;height:100%;display:flex;align-items:center;background:unset;width:100%;justify-content:space-between;padding:0 9px;transition:all .3s;border-radius:10px}
#mFull .container .mobilCorpMenu .enartMenu .single li a{font-weight:400;font-size:13px;transition:all .5s;text-transform: capitalize;border-radius:0;padding:8px 0;width:100%;color:rgb(255 255 255 / 54%);display:flex;align-items:center;width:100%;display:flex;border-bottom:1px solid rgb(0 0 0 / 5%)}
#mFull .container .mobilCorpMenu .enartMenu .single li:hover{background:#fff;transition:all .3s!important}
#mFull .container .mobilCorpMenu .enartMenu .single li:hover a{color:#303030!important;transition:all .3s}
#mFull .container .mobilCorpMenu .enartMenu .single.icons{flex:2;display:flex;flex-wrap:wrap}
#mFull .container .mobilCorpMenu .enartMenu .single.icons .iconsSingle{flex:0 0 30%;display:flex;align-items:center;padding:20px;border-bottom:1px solid rgb(255 255 255 / 13%);transition:all .3s}
#mFull .container .mobilCorpMenu .enartMenu .single.icons .iconsSingle:hover{opacity:.89;transform:scale(.8);transition:all .3s}
#mFull .container .mobilCorpMenu .enartMenu .single.icons .iconsSingle img{height:46px;filter:invert(99%) sepia(2%) saturate(24%) hue-rotate(203deg) brightness(106%) contrast(100%) drop-shadow(2px 4px 6px rgb(44 44 44 / 30%))}
#mFull .container .mobilCorpMenu .enartMenu .single.icons .iconsSingle p{padding:0 10px;margin:0;font-size:16px;color:#fff}
#header{width:100%;position:relative;z-index:99;transition:all .3s}
#header.sticky{position:fixed;top:0;transition:all .3s;z-index:999999999}
#header.sticky .container .headerTop{opacity:0;display:none;transition:all .3s}
#header.sticky .container .headerBottom{box-shadow:0 7px 9px 6px rgb(71 71 71 / 18%);transition:all .3s}
#header.sticky .container .headerBottom .logo{opacity:1;display:block;transition:all .3s;display:flex;align-items:center}
#header .container{display:flex;flex-direction:column}
#header .container .headerTop{display:flex;justify-content:space-between;align-items:flex-end;height:110px;transition:all .3s}
#header .container .headerTop .logo{display:flex;align-items:center;padding-left:100px;height:100%}
#header .container .headerTop .logo img{height:100px}
#header .container .headerTop .hTopRight{display:flex;align-items:center}
#header .container .headerTop .hTopRight .searchHeader{display:block;width:100%;height:25px;float:left;position:relative;max-width:275px;transition:all .3s;cursor:pointer;margin-right:20px}
#header .container .headerTop .hTopRight .searchHeader form{display:block;float:left;width:100%;position:relative;overflow:hidden;height:100%}
#header .container .headerTop .hTopRight .searchHeader form input{display:block;float:left;width:100%;height:100%;padding:0;margin:0;padding-left:0;font-size:14px;color:#3b3b3b;font-weight:700}
#header .container .headerTop .hTopRight .searchHeader form .sImg{display:block;position:absolute;right:0;height:100%;top:0;background:#fff;border:none;color:#000;font-size:14px;font-weight:600;cursor:pointer;padding:0 0 0 20px;border-left:1px solid #ccc}
#header .container .headerTop .hTopRight .searchHeader form .sImg img{height:19px;filter:invert(59%) sepia(0%) saturate(38%) hue-rotate(134deg) brightness(94%) contrast(94%)}
#header .container .headerTop .hTopRight .searchHeader form .rImg{display:block;position:absolute;right:0;height:100%;top:0;border:none;color:#000;font-size:14px;font-weight:600;cursor:pointer}
#header .container .headerTop .hTopRight .searchHeader form .rImg img{height:15px}
#header .container .headerTop .hTopRight .searchHeader.cash input{background:0 0;color:#e3000f;border:unset;font-weight:700}
#header .container .headerTop .hTopRight .searchHeader.cash .sImg{background:0 0}
#header .container .headerTop .hTopRight .searchHeader.cash .rImg{background:0 0}
#header .container .headerTop .hTopRight .searchHeader input::placeholder{color:#3b3b3b;font-weight:700}
#header .container .headerTop .hTopRight .searchHeader:hover{opacity:.8;transition:all .3s}
#header .container .headerTop .hTopRight .lang{padding:20px 120px;background:#e3000f;display:flex;align-items:center;border-top-left-radius:5px;border-top-right-radius:13px}
#header .container .headerTop .hTopRight .lang p{margin:0;padding:0;color:#fff}
#header .container .headerTop .hTopRight .lang img{margin-left:10px;height:7px}
#header .container .headerTop .hTopRight .lang .dropbtn {background-color: #ffffff;color: white;border: none;cursor: pointer;outline: none;width: 100%;display: contents;}
#header .container .headerTop .hTopRight .lang .dropbtn:hover, .dropbtn:focus {background-color: #ffffff;}
#header .container .headerTop .hTopRight .lang .dropdown {position: relative;display: inline-block;width: 100%;display: flex;align-items: center;}
#header .container .headerTop .hTopRight .lang .dropdown-content {display: none;top: 38px;left: -29px;width: 135px;position: absolute;background-color: #102c41;overflow: auto;z-index: 9999999;}
#header .container .headerTop .hTopRight .lang .dropdown-content a {color: #fbfbfb;width: 100%;height: 40px;text-decoration: none;display: flex;align-items: center;justify-content: center;border-bottom: 1px solid #fff;font-weight: 700;font-size: 10px;}
#header .container .headerTop .hTopRight .lang .dropdown-content a img{margin-left: 6px;width: 21px;height: 14px;}
#header .container .headerTop .hTopRight .lang .dropdown-content a:last-child {border-bottom: unset}
#header .container .headerTop .hTopRight .lang .dropdown a:hover {background-color: #8e8e8e;color: #e5e5e5;}
#header .container .headerTop .hTopRight .lang .show {display: block;}
#header .container .headerTop .hTopRight .lang .langue{width: 100%;display: flex;align-items: center;}
#header .container .headerBottom{transition:all .3s;position:relative;display:flex;justify-content:space-between;height:50px;background:#102c41;padding-left:100px;border-bottom-right-radius:5px;border-bottom-left-radius:10px;z-index:99999}
#header .container .headerBottom .logo{opacity:0;display:none;transition:all .3s}
#header .container .headerBottom .logo img{height:40px}
#header .container .headerBottom:after{position:absolute;content:"";left:0;top:0;height:5px;width:50px;background:#e3000f}
#header .container .headerBottom .menu{height:100%}
#header .container .headerBottom .menu ul{display:flex;height:100%;align-items:center;flex-direction:row;list-style:none;padding:0;margin:0;width:100%;justify-content:center}
#header .container .headerBottom .menu ul li{position:relative;height:100%;display:flex;align-items:center;justify-content:space-between;font-weight:400;font-size:14px;transition:all .5s;border-radius:0;padding:0 10px;color:#fff;display:flex;align-items:center;cursor:pointer}
#header .container .headerBottom .menu ul li img{height:20px;filter:invert(93%) sepia(61%) saturate(34%) hue-rotate(135deg) brightness(101%) contrast(108%);transition:all .3s}
#header .container .headerBottom .menu ul li:hover img{filter:invert(24%) sepia(90%) saturate(5939%) hue-rotate(347deg) brightness(82%) contrast(122%);transition:all .3s}
#header .container .headerBottom .menu ul li::after{position:absolute;content:'';height:3px;right:0;bottom:0;left:0;background-color:#e3000f;transform:scale(0);transform-origin:right;transition:all ease .5s}
#header .container .headerBottom .menu ul li:hover::after{transform:scale(.89);z-index:99}
#header .container .headerBottom .menu ul li::before{content:'';position:absolute;top:50%;right:0;height:10px;width:1px;background-color:#586c7a;z-index:9;transform:translateY(-50%)}
#header .container .headerBottom .menu ul li a i{color:#fff}
#header .container .headerBottom .menu ul li:last-child::before{border-right:unset;background:unset}
#header .container .headerBottom .menu ul li:hover a i{color:#fff}
#header .container .headerBottom .menu ul .altMenu{display:none;position:absolute;top:120px;left:0;width:275px;background:#fff;z-index:-111;font-size:15px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:1px 8px 6px 0 rgba(0,0,0,.2);transition:all .4s;opacity:0}
#header .container .headerBottom .menu ul .altMenu ul{flex-direction:column!important}
#header .container .headerBottom .menu ul .altMenu li{display:block!important;border-radius:0}
#header .container .headerBottom .menu ul .altMenu li{width:100%}
#header .container .headerBottom .menu ul .altMenu li:after{display:none}
#header .container .headerBottom .menu ul .altMenu li a:after{display:none!important}
#header .container .headerBottom .menu ul .altMenu li:before{display:none}
#header .container .headerBottom .menu ul .altMenu li a{padding:10px!important;background:unset!important;color:#000!important}
#header .container .headerBottom .menu ul .altMenu li:hover a{background:#e4e4e4!important}
#header .container .headerBottom .menu ul .altMenu li.active .altMenu a::before{display:none!important}
#header .container .headerBottom .menu ul .altMenu li:hover{border-radius:0!important;background:#ff9800!important;transition:all .3s}
#header .container .headerBottom .menu ul .altMenu li:hover a{border-radius:0!important;background:unset!important;transition:all .3s;color:#fff!important}
#header .container .headerBottom .menu ul li:hover .altMenu{top:64px;left:0;transition:all .4s;opacity:1;z-index:9999;display:block}
#header .container .headerBottom .menu ul li.menuSubHover .menuCorpList{display:none;position:absolute;top:120px;left:0;width:100%;right:0;background:#fff;z-index:-111;font-size:15px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:1px 8px 6px 0 rgba(0,0,0,.2);transition:all .4s;opacity:0}
#header .container .headerBottom .menu ul li.menuSubHover .productsMenu{background:#a80000;padding:50px 50px 25px}
#header .container .headerBottom .menu ul li.menuSubHover .qualtyMenu{background:#303030}
#header .container .headerBottom .menu ul li.menuSubHover .contactMenu{background:#f7f5f2}
#header .container .headerBottom .menu ul li.menuSubHover:hover .menuCorpList{transition:all .4s;opacity:1;z-index:999999999;display:flex;height:auto;top:50px;border-top-left-radius:10px}
#header .container .headerBottom .menu ul li.menuSubHover .menuCorpList .container{display:flex;padding:75px;flex-direction:row;transition:all .4s}
#header .container .headerBottom .menu ul li.menuSubHover .menuCorpList .container .leftCorp{flex:.5;padding:50px;background:#eee;display:flex;align-items:center;border-radius:10px;transition:all .3s;transition:all .4s}
#header .container .headerBottom .menu ul li.menuSubHover .menuCorpList .container .leftCorp:hover{background:#102c41;transition:all .3s}
#header .container .headerBottom .menu ul li.menuSubHover .menuCorpList .container .leftCorp h1{margin:0;padding:0;color:#102c41;font-size:27px}
#header .container .headerBottom .menu ul li.menuSubHover .menuCorpList .container .leftCorp:hover h1{color:#fff;transition:all .3s}
#header .container .headerBottom .menu ul li.menuSubHover .menuCorpList .container .rightCorp{flex:1;display:flex;flex-direction:column;padding-left:75px}
#header .container .headerBottom .menu ul li.menuSubHover .menuCorpList .container .rightCorp .title{display:flex}
#header .container .headerBottom .menu ul li.menuSubHover .menuCorpList .container .rightCorp .title p{margin:0;padding:0;font-size:15px}
#header .container .headerBottom .menu ul li.menuSubHover .menuCorpList .container .rightCorp .content{display:flex;flex-wrap:wrap}
#header .container .headerBottom .menu ul li.menuSubHover .menuCorpList .container .rightCorp .content .single{transition:all .3s;padding:30px;margin:20px 20px 0 0;font-size:14px;border-right:unset;color:#3b3b3b;flex:1 0 45%;background:#eee;border-radius:10px}
#header .container .headerBottom .menu ul li.menuSubHover .menuCorpList .container .rightCorp .content .single:before{display:none}
#header .container .headerBottom .menu ul li.menuSubHover .menuCorpList .container .rightCorp .content .single:after{display:none}
#header .container .headerBottom .menu ul li.menuSubHover .menuCorpList .container .rightCorp .content .single:hover{background:#303030;color:#fff;transition:all .3s}
#header .container .headerBottom .menu ul li.menuSubHover .qualtyMenu .container .leftCorp{background:#181818}
#header .container .headerBottom .menu ul li.menuSubHover .qualtyMenu .container .leftCorp:hover{background:#cdced0}
#header .container .headerBottom .menu ul li.menuSubHover .qualtyMenu .container .leftCorp h1{color:#fff}
#header .container .headerBottom .menu ul li.menuSubHover .qualtyMenu .container .leftCorp:hover h1{color:#c00716}
#header .container .headerBottom .menu ul li.menuSubHover .qualtyMenu .container .rightCorp .title p{color:#fff}
#header .container .headerBottom .menu ul li.menuSubHover .qualtyMenu .container .rightCorp .content .single{background:#181818;color:#fff}
#header .container .headerBottom .menu ul li.menuSubHover .qualtyMenu .container .rightCorp .content .single:hover{background:#a80000;color:#fff}
#header .container .headerBottom .menu ul li.menuSubHover .productsMenu{flex-wrap:wrap}
#header .container .headerBottom .menu ul li.menuSubHover .productsMenu .single{height:382px;position:relative;overflow:hidden;flex:1;border-bottom:1px solid #303030;transition:all .3s}
#header .container .headerBottom .menu ul li.menuSubHover .productsMenu .single::after{position:absolute;content:"";left:0;top:0;bottom:0;width:1px;height:100%;box-shadow:0 7px 9px 6px rgb(71 71 71 / 18%);transition:all .3s;background:unset}
#header .container .headerBottom .menu ul li.menuSubHover .productsMenu .single:before{position:absolute;content:"";bottom:0;right:0;left:0;height:100%;background:linear-gradient(9deg,rgb(0 0 0 / 53%) 0,rgb(0 0 0 / 48%));z-index:2;transition:all .3s}
#header .container .headerBottom .menu ul li.menuSubHover .productsMenu .single:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}
#header .container .headerBottom .menu ul li.menuSubHover .productsMenu .single:first-child:after{display:none}
#header .container .headerBottom .menu ul li.menuSubHover .productsMenu .single:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}
#header .container .headerBottom .menu ul li.menuSubHover .productsMenu .single .bg{width:100%;height:100%;object-fit:cover;position:absolute;top:0;bottom:0;right:0;left:0;z-index:1;transition:all .3s}
#header .container .headerBottom .menu ul li.menuSubHover .productsMenu .single .text{position:absolute;bottom:13px;z-index:3;display:flex;writing-mode:vertical-lr;flex-direction:row-reverse;left:50%;transform:translateX(-50%);opacity:.89;transition:all .3s}
#header .container .headerBottom .menu ul li.menuSubHover .productsMenu .single .text h1{margin:0;padding:0;font-weight:200;color:#fff;transform:rotate(180deg);font-size:17px;transition:all .3s}
#header .container .headerBottom .menu ul li.menuSubHover .productsMenu .single .text img{height:9px;object-fit:contain;margin-top:10px;opacity:.4;transition:all .3s}
#header .container .headerBottom .menu ul li.menuSubHover .productsMenu .single:hover{margin-top:-20px;border-radius:10px;box-shadow:0 7px 9px 6px rgb(71 71 71 / 18%);transition:all .3s}
#header .container .headerBottom .menu ul li.menuSubHover .productsMenu .single:hover .bg{transition:all .3s;border-radius:10px}
#header .container .headerBottom .menu ul li.menuSubHover .productsMenu .single:hover:after{opacity:0;transition:all .3s}
#header .container .headerBottom .menu ul li.menuSubHover .productsMenu .single:hover:before{background:linear-gradient(9deg,rgb(0 0 0 / 46%) 0,rgb(0 0 0 / 0%));transition:all .3s}
#header .container .headerBottom .menu ul li.menuSubHover .productsMenu .single:hover .text{opacity:1;transition:all .3s}
#header .container .headerBottom .menu ul li.menuSubHover .productsMenu .single:hover .text img{opacity:1;transition:all .3s}
#header .container .headerBottom .menu ul li.menuSubHover .productsMenu .single:hover .text h1{font-weight:600;text-shadow:13px 1px 10px #000;transition:all .3s}
#header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .leftCorp{background:#586c7a}
#header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .leftCorp:hover{background:#cdced0}
#header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .leftCorp h1{color:#fff}
#header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .leftCorp:hover h1{color:#3b3b3b}
#header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .rightCorp{flex-direction:column-reverse}
#header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .rightCorp .maps{height:250px}
#header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .rightCorp .maps iframe{width:100%;height:100%}
#header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .rightCorp .contactMenu{margin-bottom:25px;display:flex;justify-content:space-between}
#header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .rightCorp .contactMenu .socialsMenu{margin:0 0;display:flex}
#header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .rightCorp .contactMenu .socialsMenu .single{transition:all .3s;margin-left:7px;display:flex;align-items:center;padding:0}
#header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .rightCorp .contactMenu .socialsMenu .single:before{display:none}
#header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .rightCorp .contactMenu .socialsMenu .single:after{display:none}
#header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .rightCorp .contactMenu .socialsMenu .single:first-child{margin-left:0}
#header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .rightCorp .contactMenu .socialsMenu .single img{transition:all .3s;height:27px;filter:invert(12%) sepia(10%) saturate(5450%) hue-rotate(172deg) brightness(95%) contrast(91%) drop-shadow(2px 4px 6px rgb(44 44 44 / 30%))}
#header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .rightCorp .contactMenu .socialsMenu .single:hover img{filter:invert(13%) sepia(90%) saturate(3863%) hue-rotate(360deg) brightness(85%) contrast(122%);transition:all .3s}
#header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .rightCorp .contactMenu .phone{transition:all .3s;display:flex;align-items:center;border-radius:31px;max-width:220px;width:100%;background:#ed1c24;padding:10px 15px;box-shadow:0 7px 20px 0 rgb(71 71 71 / 18%)}
#header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .rightCorp .contactMenu .phone:before{display:none}
#header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .rightCorp .contactMenu .phone:after{display:none}
#header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .rightCorp .contactMenu .phone img{height:18px;filter:invert(100%) sepia(47%) saturate(829%) hue-rotate(161deg) brightness(111%) contrast(97%)}
#header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .rightCorp .contactMenu .phone p{padding:0;margin:0;font-size:13px;color:#fafbfb;padding-left:15px;margin-left:15px;border-left:1px solid #fff}
#header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .rightCorp .contactMenu .phone:hover{opacity:.89;background:#586c7a;transition:all .3s}
#header .container .headerBottom .hBotRight{display:flex}
#header .container .headerBottom .hBotRight .phone{display:flex;align-items:center;border-top-left-radius:18px;padding-right:25px}
#header .container .headerBottom .hBotRight .phone img{height:20px;filter:invert(100%) sepia(47%) saturate(829%) hue-rotate(161deg) brightness(111%) contrast(97%)}
#header .container .headerBottom .hBotRight .phone p{padding:0;margin:0;font-size:13px;color:#fafbfb;padding-left:15px;margin-left:15px;border-left:1px solid #586c7a}
#header .container .headerBottom .hBotRight .mobileMenu{cursor:pointer;display:flex;align-items:center;width:70px;height:100%;justify-content:center;background:#e3000f;border-bottom-right-radius:4px}
#header .container .headerBottom .hBotRight .mobileMenu img{height:14px}
#header.sticky .ortakAcilir{top:69px}
.ortakAcilir{height:fit-content;width:0;position:fixed;z-index:99;top:150px;left:0;overflow:hidden;transition:.5s;max-height:500px}
#productsM.ortakAcilir{max-height:fit-content}
#kurumsalM.ortakAcilir .closebtnn{color:#a80000}
#contactM.ortakAcilir .closebtnn{color:#3b3b3b}
#qualtyM.ortakAcilir .closebtnn{color:#fff}
#header.sticky .ortakAcilir{top:0}
#header.sticky .ortakAcilir .closebtnn{top:70px;right:50px}
.ortakAcilir .content{height:100%}
.ortakAcilir .closebtnn{position:absolute;right:75px;top:25px;font-size:37px;color:#fff}
.ortakAcilir .content .menuCorpList{transition:all .4s;opacity:1;z-index:999999999;display:flex;height:fit-content;background:rgb(255 255 255 / 0%);font-size:15px;transition:all .4s;flex-direction:column;height:100%}
.ortakAcilir .content .menuCorpList .container{display:flex;padding:77px;transition:all .4s;flex-direction:row!important;background:#fff;position:relative;border-bottom-left-radius:10px;border-bottom-right-radius:10px;height:100%}
.ortakAcilir .content .productsMenu .container{background:#a80000!important;flex-wrap:wrap;height:100%}
.ortakAcilir .content .qualtyMenu .container{background:#303030!important}
.ortakAcilir .content .contactMenu .container{background:#f7f5f2!important}
.ortakAcilir .content .menuCorpList .container .leftCorp{flex:.5;padding:50px;background:#eee;display:flex;align-items:center;border-radius:10px;transition:all .3s;transition:all .4s;height:100%}
.ortakAcilir .content .menuCorpList .container .leftCorp:hover{background:#102c41;transition:all .3s}
.ortakAcilir .content .menuCorpList .container .leftCorp h1{margin:0;padding:0;color:#102c41;font-size:27px}
.ortakAcilir .content .menuCorpList .container .leftCorp img{height:25px;filter:invert(14%) sepia(11%) saturate(3116%) hue-rotate(163deg) brightness(96%) contrast(95%);transition:all .3s}
.ortakAcilir .content .menuCorpList .container .leftCorp:hover h1{color:#fff;transition:all .3s}
.ortakAcilir .content .menuCorpList .container .leftCorp:hover img{transition:all .3s;filter:invert(100%) sepia(2%) saturate(7493%) hue-rotate(53deg) brightness(107%) contrast(102%)}
.ortakAcilir .content .menuCorpList .container .rightCorp{flex:1;display:flex;flex-direction:column;padding-left:75px;height:100%}
.ortakAcilir .content .menuCorpList .container .rightCorp .title{display:flex}
.ortakAcilir .content .menuCorpList .container .rightCorp .title p{margin:0;padding:0;font-size:15px}
.ortakAcilir .content .menuCorpList .container .rightCorp .content{display:flex;flex-wrap:wrap}
.ortakAcilir .content .menuCorpList .container .rightCorp .content .single{transition:all .3s;padding:30px;margin:20px 20px 0 0;font-size:14px;border-right:unset;color:#3b3b3b;flex:1 0 45%;background:#eee;border-radius:10px; text-transform: capitalize}
.ortakAcilir .content .menuCorpList .container .rightCorp .content .single:before{display:none}
.ortakAcilir .content .menuCorpList .container .rightCorp .content .single:after{display:none}
.ortakAcilir .content .menuCorpList .container .rightCorp .content .single:hover{background:#303030;color:#fff;transition:all .3s}
.ortakAcilir .content .qualtyMenu .container .leftCorp{background:#181818}
.ortakAcilir .content .qualtyMenu .container .leftCorp:hover{background:#cdced0}
.ortakAcilir .content .qualtyMenu .container .leftCorp h1{color:#fff}
.ortakAcilir .content .qualtyMenu .container .leftCorp img{transition:all .3s;filter:invert(100%) sepia(2%) saturate(7493%) hue-rotate(53deg) brightness(107%) contrast(102%)}
.ortakAcilir .content .qualtyMenu .container .leftCorp:hover h1{color:#c00716}
.ortakAcilir .content .qualtyMenu .container .leftCorp:hover img{transition:all .3s;filter:invert(12%) sepia(73%) saturate(5384%) hue-rotate(348deg) brightness(89%) contrast(105%)}
.ortakAcilir .content .qualtyMenu .container .rightCorp .title p{color:#fff}
.ortakAcilir .content .qualtyMenu .container .rightCorp .content .single{background:#181818;color:#fff}
.ortakAcilir .content .qualtyMenu .container .rightCorp .content .single:hover{background:#a80000;color:#fff}
.ortakAcilir .content .productsMenu{flex-wrap:wrap}
.ortakAcilir .content .productsMenu .single{height:188px;position:relative;overflow:hidden;flex:1 0 19%;border-bottom:1px solid #303030;transition:all .3s}
.ortakAcilir .content .productsMenu .single::after{position:absolute;content:"";left:0;top:0;bottom:0;width:1px;height:100%;box-shadow:0 7px 9px 6px rgb(71 71 71 / 18%);transition:all .3s;background:unset}
.ortakAcilir .content .productsMenu .single:before{position:absolute;content:"";bottom:0;right:0;left:0;height:100%;background:linear-gradient(9deg,rgb(0 0 0 / 32%) 0,rgb(0 0 0 / 23%));z-index:2;transition:all .3s}
.ortakAcilir .content .productsMenu .single:first-child:after{display:none}
.ortakAcilir .content .productsMenu .single .bg{width:100%;height:100%;object-fit:cover;position:absolute;top:0;bottom:0;right:0;left:0;z-index:1;transition:all .3s}
.ortakAcilir .content .productsMenu .single .text{position:absolute;bottom:13px;z-index:3;display:flex;flex-direction:row-reverse;left:14px;opacity:.89;transition:all .3s}
.ortakAcilir .content .productsMenu .single .text h1{margin:0;padding:0;font-weight:200;color:#fff;font-size: 15px;transition:all .3s;text-transform: capitalize}
.ortakAcilir .content .productsMenu .single .text img{height:9px;object-fit:contain;margin-left:10px;opacity: .8;transition:all .3s;transform:rotate(90deg);position: absolute;left: -13px;bottom: 28px;}
.ortakAcilir .content .productsMenu .single:hover{margin-top:-20px;border-radius:10px;box-shadow:0 7px 9px 6px rgb(71 71 71 / 18%);transition:all .3s;z-index:9999}
.ortakAcilir .content .productsMenu .single:hover .bg{transition:all .3s;border-radius:10px}
.ortakAcilir .content .productsMenu .single:hover:after{opacity:0;transition:all .3s}
.ortakAcilir .content .productsMenu .single:hover:before{background:linear-gradient(9deg,rgb(0 0 0 / 46%) 0,rgb(0 0 0 / 0%));transition:all .3s}
.ortakAcilir .content .productsMenu .single:hover .text{opacity:1;transition:all .3s}
.ortakAcilir .content .productsMenu .single:hover .text img{opacity:1;transition:all .3s}
.ortakAcilir .content .productsMenu .single:hover .text h1{font-weight:600;text-shadow:13px 1px 10px #000;transition:all .3s}
.ortakAcilir .content .contactMenu .container .leftCorp{background:#586c7a;display: flex;flex-direction: column;align-items: start;}
.ortakAcilir .content .contactMenu .container .leftCorp:hover{background:#cdced0}
.ortakAcilir .content .contactMenu .container .leftCorp h1{color:#fff;transition: all .4s;margin-bottom: 10px;}
.ortakAcilir .content .contactMenu .container .leftCorp p{margin: 0;padding: 0;font-size: 15px;color: #fff;transition: all .4s;line-height: 1.4;}
.ortakAcilir .content .contactMenu .container .leftCorp .downMenuCt{display: flex;}
.ortakAcilir .content .contactMenu .container .leftCorp .pMinWid{min-width: 150px;}
.ortakAcilir .content .contactMenu .container .leftCorp:hover h1{color:#3b3b3b;transition: all .4s}
.ortakAcilir .content .contactMenu .container .leftCorp:hover p{color:#3b3b3b;transition: all .4s}
.ortakAcilir .content .contactMenu .container .leftCorp img{filter:invert(100%) sepia(0%) saturate(2%) hue-rotate(77deg) brightness(109%) contrast(101%)}
.ortakAcilir .content .contactMenu .container .leftCorp:hover img{transition:all .3s;filter:invert(22%) sepia(14%) saturate(0%) hue-rotate(192deg) brightness(89%) contrast(90%)}.ortakAcilir .content .contactMenu .container .rightCorp{flex-direction:column-reverse}
.ortakAcilir .content .contactMenu .container .rightCorp .maps{height:250px}
.ortakAcilir .content .contactMenu .container .rightCorp .maps iframe{width:100%;height:100%}
.ortakAcilir .content .contactMenu .container .rightCorp .contactMenu{margin-bottom:25px;display:flex;justify-content:space-between}
.ortakAcilir .content .contactMenu .container .rightCorp .contactMenu .socialsMenu{margin:0 0;display:flex}
.ortakAcilir .content .contactMenu .container .rightCorp .contactMenu .socialsMenu .single{transition:all .3s;margin-left:7px;display:flex;align-items:center;padding:0}
.ortakAcilir .content .contactMenu .container .rightCorp .contactMenu .socialsMenu .single:before{display:none}
.ortakAcilir .content .contactMenu .container .rightCorp .contactMenu .socialsMenu .single:after{display:none}
.ortakAcilir .content .contactMenu .container .rightCorp .contactMenu .socialsMenu .single:first-child{margin-left:0}
.ortakAcilir .content .contactMenu .container .rightCorp .contactMenu .socialsMenu .single img{transition:all .3s;height:27px;filter:invert(12%) sepia(10%) saturate(5450%) hue-rotate(172deg) brightness(95%) contrast(91%) drop-shadow(2px 4px 6px rgb(44 44 44 / 30%))}
.ortakAcilir .content .contactMenu .container .rightCorp .contactMenu .socialsMenu .single:hover img{filter:invert(13%) sepia(90%) saturate(3863%) hue-rotate(360deg) brightness(85%) contrast(122%);transition:all .3s}
.ortakAcilir .content .contactMenu .container .rightCorp .contactMenu .phone{transition:all .3s;display:flex;align-items:center;border-radius:31px;max-width:220px;width:100%;background:#ed1c24;padding:10px 15px;box-shadow:0 7px 20px 0 rgb(71 71 71 / 18%)}
.ortakAcilir .content .contactMenu .container .rightCorp .contactMenu .phone:before{display:none}
.ortakAcilir .content .contactMenu .container .rightCorp .contactMenu .phone:after{display:none}
.ortakAcilir .content .contactMenu .container .rightCorp .contactMenu .phone img{height:18px;filter:invert(100%) sepia(47%) saturate(829%) hue-rotate(161deg) brightness(111%) contrast(97%)}
.ortakAcilir .content .contactMenu .container .rightCorp .contactMenu .phone p{padding:0;margin:0;font-size:13px;color:#fafbfb;padding-left:15px;margin-left:15px;border-left:1px solid #fff}
.ortakAcilir .content .contactMenu .container .rightCorp .contactMenu .phone:hover{opacity:.89;background:#586c7a;transition:all .3s}
#slider{width:100%;height:92vh!important;position:relative;max-height:850px;margin-top:-50px}
#slider .swiper-container{position:relative;width:100%;height:100%}
#slider .swiper-container .swiper-slide{position:relative;height:100%;overflow:hidden;transition:all .3s;cursor:pointer}
#slider .swiper-container .swiper-slide .bg{position:absolute;left:0;right:0;bottom:0;top:0;object-fit:cover;width:100%;height:100%}
#slider .swiper-container .swiper-slide .bg-m{display: none; position:absolute;left:0;right:0;bottom:0;top:0;object-fit:cover;width:100%;height:100%}
#slider .swiper-container .swiper-slide .mainSlider{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:left;z-index:999;font-weight:700;max-width:1400px;display:flex;flex-wrap:wrap;height:100%}
#slider .swiper-container .swiper-slide .mainSlider .text{flex:1;display:flex;justify-content:center;flex-direction:column;max-width:570px;margin-left:100px;margin-top:-75px}
#slider .swiper-container .swiper-slide .mainSlider .text h1{line-height:1.2;font-size:50px;background:#0f181c;background:linear-gradient(to right,#102c41 0,#000 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;padding:0;font-weight:300}
#slider .swiper-container .swiper-slide .mainSlider .text h1 b{font-weight:700;font-size:76px}
#slider .swiper-container .swiper-slide .mainSlider .text h2{margin:40px 0 20px;padding:0;font-size:17px;color:#3b3b3b;font-weight:300}
#slider .swiper-container .swiper-slide .mainSlider .text .button{display:flex;padding:20px 25px;background:#e3000f;width:fit-content;border-radius:45px;transition:all .3s}
#slider .swiper-container .swiper-slide .mainSlider .text .button:hover{opacity:.89;transform:scale(.89);transition:all .3s}
#slider .swiper-container .swiper-slide .mainSlider .text .button p{margin:0;padding:0;color:#fff;font-weight:500;font-size:17px}
#slider .swiper-container .swiper-slide .mainSlider .text .button img{height:20px;filter:invert(99%) sepia(2%) saturate(24%) hue-rotate(203deg) brightness(106%) contrast(100%);margin-left:10px}
#slider .swiper-container .swiper-slide.stand .mainSlider .text{max-width:600px;justify-content:flex-end;padding-bottom:250px}
#slider .swiper-container .swiper-slide.stand:before{transition:all .3s;position:absolute;content:"";bottom:0;right:0;left:0;height:100%;background:linear-gradient(269deg,rgb(0 0 0 / 0%) 0,rgb(255 255 255 / 95%));z-index:2;border-radius:5px}
#slider .swiper-container .swiper-slide.stand .mainSlider .text h2{font-weight:500;max-width:350px}
#slider .swiper-container .swiper-slide .mainSlider .image{flex:1;height:100%;align-items:center;display:flex;padding:0 100px;width:100%}
#slider .swiper-container .swiper-slide .mainSlider .image img{height:58%;width:100%;object-fit:contain}
#slider .container.paginetionSlider{position:absolute;bottom:120px;z-index:99999999!important;display:flex;position:absolute;width:100%;text-align:left;z-index:999;font-weight:700;left:50%;transform:translateX(-50%);padding-left:199px}
#slider .container.paginetionSlider .swiper-pagination{right:80px;top:50%;transform:translateY(-50%);display:flex;align-items:center}
#slider .container.paginetionSlider .swiper-pagination-bullet{background:#9a9b9c;width:10px;height:10px;margin-right:5px}
#slider .container.paginetionSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:15px;height:15px;border:1px solid #9a9b9c;background:unset;display:flex;align-items:center;justify-content:center}
#slider .swiper-pagination-bullet-active::before{content:"";width:9px;height:9px;border-radius:100%;background:rgb(0 0 0)}
#slider .container.prevSlider{position:absolute;top:50%;z-index:9;display:flex;position:absolute;width:100%;text-align:left;font-weight:700;left:50%;transform:translateX(-50%);padding-left:199px}
#slider .container.prevSlider .swiper-button-prev{background:unset;margin:0;padding:0;width:unset;height:unset}
#slider .container.prevSlider .swiper-button-next{background:unset;margin:0;padding:0;width:unset;height:unset}
#slider .container.prevSlider .swiper-button-next img,.swiper-button-prev img{height:40px}
#homeCorp{position:relative;height:550px;background:#a80000;padding-bottom:35px}
#homeCorp .bg{position:absolute;right:0;top:0;bottom:0;height:100%;filter:grayscale(0);transition:all .3s}
#homeCorp:hover .bg{filter:grayscale(.5);transition:all .3s}
#homeCorp .container{height:100%;position:relative;background:#102c41;border-radius:8px;margin-top:-100px;z-index:999;box-shadow:0 7px 9px 6px rgb(71 71 71 / 18%);transition:all .3s}
#homeCorp .container:hover{background:#303030;transition:all .3s}
#homeCorp .container .text{display:flex;flex-direction:column;padding-left:100px}
#homeCorp .container .text .icon{display:flex;align-items:flex-end;margin-top:-56px}
#homeCorp .container .text .icon .fav{height:177px;width:177px;background:#102c41;border-radius:100%;object-fit:contain;transition:all .3s}
#homeCorp .container:hover .text .icon .fav{background:#a80000;transition:all .3s}
#homeCorp .container .text .icon .enart{height:90px;margin-bottom:30px}
#homeCorp .container .text .midText{display:flex;flex-direction:column;max-width:375px}
#homeCorp .container .text .midText h1{margin:35px 0 20px 0;padding:0;font-size:35px;color:#fff;font-weight:600}
#homeCorp .container .text .midText p{margin:0;padding:0;font-size:17px;font-weight:300;padding-right:100px;color:rgb(255 255 255 / 56%)}
#homeCorp .container .text .button{transition:all .3s;position:absolute;bottom:-20px;display:flex;padding:15px 20px;background:linear-gradient(0deg,#bfbfbe 0,#fff 100%);width:fit-content;border-radius:45px;box-shadow:0 7px 9px 6px rgb(71 71 71 / 18%)}
#homeCorp .container .text .button:hover{opacity:.89;transform:scale(.89);transition:all .3s}
#homeCorp .container .text .button p{margin:0;padding:0;color:#102c41;font-weight:500;font-size:17px}
#homeCorp .container .text .button img{height:20px;filter:invert(12%) sepia(10%) saturate(5450%) hue-rotate(172deg) brightness(95%) contrast(91%);margin-left:10px}
#homeProductsCat{background:#a80000;padding-top:22px;box-shadow:0 7px 9px 6px rgb(71 71 71 / 18%)}
#homeProductsCat .container{display:flex;flex-direction:column}
#homeProductsCat .container .title{display:flex;justify-content:space-between;padding:0 100px;margin-bottom:-8px;position:relative;z-index:99}
#homeProductsCat .container .title h1{margin:0;padding:0;font-size:45px;color:#fff}
#homeProductsCat .container .title .image{transition:all .3s;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(0deg,#bfbfbe 0,#fff 100%);box-shadow:0 7px 9px 6px rgb(71 71 71 / 18%);border-radius:100%}
#homeProductsCat .container .title .image:hover{background:#3f3533;opacity:.89;transform:scale(.89);transition:all .3s}
#homeProductsCat .container .title .image img{height:20px;filter:invert(13%) sepia(90%) saturate(3863%) hue-rotate(360deg) brightness(85%) contrast(122%)}
#homeProductsCat .container .title .image:hover img{filter:invert(99%) sepia(2%) saturate(24%) hue-rotate(203deg) brightness(106%) contrast(100%);opacity:.89;transition:all .3s}
#homeProductsCat .container .content{display:flex;margin-bottom:-100px;flex-wrap:wrap;border-top-left-radius:15px;border-top-right-radius:15px;flex-wrap: wrap;}
#homeProductsCat .container .content .single{height:225px;position:relative;overflow:hidden;flex:1;border-bottom:1px solid #303030;transition:all .3s;flex: 1 0 20%;}
#homeProductsCat .container .content .single::after{position:absolute;content:"";left:0;top:0;bottom:0;width:1px;height:100%;box-shadow:0 7px 9px 6px rgb(71 71 71 / 18%);transition:all .3s}
#homeProductsCat .container .content .single:before{position:absolute;content:"";bottom:0;right:0;left:0;height:100%;background:linear-gradient(9deg,rgb(0 0 0 / 32%) 0,rgb(0 0 0 / 23%));z-index:2;transition:all .3s}
#homeProductsCat .container .content .single:first-child{border-top-left-radius:15px}
#homeProductsCat .container .content .single:first-child:after{display:none}
#homeProductsCat .container .content .single:nth-child(5){border-top-right-radius:15px}
#homeProductsCat .container .content .single .bg{width:100%;height:100%;object-fit:cover;position:absolute;top:0;bottom:0;right:0;left:0;z-index:1;transition:all .3s}
#homeProductsCat .container .content .single .text{position: absolute;bottom: 22px;z-index: 3;display: flex;flex-direction: row-reverse;left: 15px;opacity: .89;transition: all .3s;}
#homeProductsCat .container .content .single .text h1{margin: 0;padding: 0;font-weight: 200;color: #fff;font-size: 16px;transition: all .3s;text-transform: capitalize;}
#homeProductsCat .container .content .single .text img{height: 14px;object-fit: contain;margin-top: 17px;opacity: .7;transition: all .3s;position: absolute;left: -3px;transform: rotate(90deg);bottom: 34px;}
#homeProductsCat .container .content .single:hover{margin-top:-30px;border-radius:10px;box-shadow:0 7px 9px 6px rgb(71 71 71 / 18%);transition:all .3s;z-index: 999;}
#homeProductsCat .container .content .single:hover .bg{transition:all .3s;border-radius:10px}
#homeProductsCat .container .content .single:hover:after{opacity:0;transition:all .3s}
#homeProductsCat .container .content .single:hover:before{background:linear-gradient(9deg,rgb(0 0 0 / 46%) 0,rgb(0 0 0 / 0%));transition:all .3s}
#homeProductsCat .container .content .single:hover .text{opacity:1;transition:all .3s}
#homeProductsCat .container .content .single:hover .text img{opacity:1;transition:all .3s}
#homeProductsCat .container .content .single:hover .text h1{font-weight:600;text-shadow:13px 1px 10px #000;transition:all .3s}
#homeProduction{background:#303030;padding-top:100px;height:600px}
#homeProduction .container{background:#f7f5f2;box-shadow:0 7px 9px 6px rgb(71 71 71 / 18%);border-bottom-left-radius:10px;border-bottom-right-radius:10px;position:relative;height:100%}
#homeProduction .container .bg{transition:all .3s;position:absolute;right:0;top:0;bottom:0;height:100%;filter:grayscale(0);transition:all .3s;filter:grayscale(0)}
#homeProduction .container .text{transition:all .3s;max-width:700px;display:flex;flex-direction:column;padding-left:100px;height:100%;justify-content:center}
#homeProduction .container .text h1{transition:all .3s;margin:0;padding:0;font-size:35px;font-weight:600}
#homeProduction .container .text p{margin:20px 0 30px 0;padding:0;font-weight:200;font-size:17px;padding-right:100px}
#homeProduction .container .text .images{position:relative;display:flex;flex-wrap:wrap;max-width:700px}
#homeProduction .container .text .images .single{height:170px;flex:1;margin-left:10px;transition:all .3s}
#homeProduction .container .text .images .single:first-child{margin-left:0}
#homeProduction .container .text .images .single img{width:100%;height:100%;max-height: 120px;object-fit:cover}
#homeProduction .container .text .images .button{transition:all .3s;position:absolute;right:-24px;top:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(0deg,#bfbfbe 0,#fff 100%);box-shadow:0 7px 9px 6px rgb(71 71 71 / 18%);border-radius:100%;transform:translateY(-50%)}
#homeProduction .container .text .images .button img{transition:all .3s;height:20px;filter:invert(16%) sepia(6%) saturate(1522%) hue-rotate(322deg) brightness(89%) contrast(80%)}
#homeProduction .container:hover{transition:all .3s;background:#c5bebd}
#homeProduction .container:hover .bg{transition:all .3s;filter:grayscale(.5)}
#homeProduction .container:hover .text h1{transition:all .3s;color:#fff}
#homeProduction .container:hover .text p{transition:all .3s;opacity:.5;color:#fff}
#homeProduction .container .text .images .single:hover{opacity:.89;transform:scale(.89);transition:all .3s}
#homeProduction .container .text .images .button:hover{transition:all .3s;background:#a80000}
#homeProduction .container .text .images .button:hover img{filter:invert(99%) sepia(2%) saturate(24%) hue-rotate(203deg) brightness(106%) contrast(100%);opacity:.89;transition:all .3s}
#homeShortcut{width:100%;background:#303030}
#homeShortcut .container{display:flex}
#homeShortcut .container .single{flex:1 0 30%;padding:70px 50px;background:#303030;transition:all .3s}
#homeShortcut .container .single .icon{height:70px;filter:drop-shadow(2px 4px 6px rgb(44 44 44 / 45%))}
#homeShortcut .container .single .text{display:flex;flex-direction:column;align-items:flex-start}
#homeShortcut .container .single .text h1{transition:all .3s;padding:30px 0 0 0;margin:0;font-size:25px;color:#fff}
#homeShortcut .container .single .text p{margin:0;padding:15px 0;font-weight:200;color:#c1c1c1;font-size:15px;transition:all .3s}
#homeShortcut .container .single .text .button{height:20px;filter:invert(54%) sepia(69%) saturate(0%) hue-rotate(237deg) brightness(116%) contrast(95%)}
#homeShortcut .container .single:nth-child(2){background:#181818;transition:all .3s}
#homeShortcut .container .single:hover{background:#102c41;transition:all .3s}
#homeShortcut .container .single:nth-child(2):hover{background:#a80000}
#homeShortcut .container .single:hover .text h1{font-weight:400;transition:all .3s}
#homeShortcut .container .single:hover .text p{color:rgba(255,255,255,.432);transition:all .3s}
#homeShortcut .container .single:hover .text .button{filter:invert(100%) sepia(2%) saturate(0%) hue-rotate(7deg) brightness(116%) contrast(100%);transition:all .3s}
#footer{width:100%;position:relative;padding:50px 0 85px 0;box-shadow:inset 1px 20px 20px 0 rgb(71 71 71 / 18%)}
#footer .bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}
#footer .container{display:flex;flex-direction:column;padding:0 0 0 100px}
#footer .container .footorTop{display:flex;width:100%;justify-content:space-between}
#footer .container .footorTop .logo{display:flex;align-items:center;padding-right:30px}
#footer .container .footorTop .logo img{height:70px}
#footer .container .footorTop .fRight{display:flex;align-items:center;width:100%}
#footer .container .footorTop .fRight .line{width:100%;height:1px;background:#d4d4d4;margin:0}
#footer .container .footorTop .fRight .socials{display:flex;align-items:center}
#footer .container .footorTop .fRight .socials h1{font-weight:300;font-size:17px;color:#242424;width: 225px;margin:0 0 0 20px;padding:0}
#footer .container .footorTop .fRight .socials h1 b{font-weight:700;margin-left: 5px;}
#footer .container .footorTop .fRight .socials .content{margin:0 20px;display:flex}
#footer .container .footorTop .fRight .socials .content .single{transition:all .3s;margin-left:7px;display:flex;align-items:center}
#footer .container .footorTop .fRight .socials .content .single:first-child{margin-left:0}
#footer .container .footorTop .fRight .socials .content .single img{transition:all .3s;height:27px;filter:invert(11%) sepia(0%) saturate(7%) hue-rotate(141deg) brightness(93%) contrast(91%) drop-shadow(2px 4px 6px rgb(44 44 44 / 30%))}
#footer .container .footorTop .fRight .socials .content .single:hover img{filter:invert(13%) sepia(90%) saturate(3863%) hue-rotate(360deg) brightness(85%) contrast(122%);transition:all .3s}
#footer .container .footorTop .fRight .phone{transition:all .3s;display:flex;align-items:center;border-radius:31px;max-width:220px;width:100%;background:#ed1c24;padding:10px 15px;box-shadow:0 7px 20px 0 rgb(71 71 71 / 18%)}
#footer .container .footorTop .fRight .phone img{height:18px;filter:invert(100%) sepia(47%) saturate(829%) hue-rotate(161deg) brightness(111%) contrast(97%)}
#footer .container .footorTop .fRight .phone p{padding:0;margin:0;font-size:13px;color:#fafbfb;padding-left:15px;margin-left:15px;border-left:1px solid #fff}
#footer .container .footorTop .fRight .phone:hover{opacity:.89;background:#586c7a;transition:all .3s}
#footer .container .footorBottom{display:flex;flex-wrap:wrap;padding:40px 0}
#footer .container .footorBottom .fBottomLeft{display:flex;flex-direction:column;position:relative}
#footer .container .footorBottom .fBottomLeft .copright{display:flex;flex-direction:column}
#footer .container .footorBottom .fBottomLeft .copright h1{color:#242424;padding:0;margin:0;font-size:13px}
#footer .container .footorBottom .fBottomLeft .copright h1 b{font-weight:700}
#footer .container .footorBottom .fBottomLeft .copright p{padding:0;margin:0;color:#242424;font-size:13px}
#footer .container .footorBottom .fBottomLeft .bottomImg{position:absolute;left:0;bottom:-94px;height:249px;z-index:9999;filter:drop-shadow(2px 4px 6px rgb(44 44 44 / 45%))}
#footer .container .footorBottom .fBottomRight{flex:1;display:flex;justify-content:flex-end}
#footer .container .footorBottom .fBottomRight .single{display:flex;flex-direction:column;color:#242424;font-size:13px;margin-left:35px}
#footer .container .footorBottom .fBottomRight .single a{margin:0;padding:0;padding-top:7px;transition:all .3s;text-transform: capitalize;}
#footer .container .footorBottom .fBottomRight .single a:hover{color:#102c41;opacity:.89;transition:all .3s;font-weight:500;transform:scale(.89)}
#footer .container .footorBottom .fBottomRight .single a h1{margin:0;padding:0;font-size:13px}
#footer .container .inviva{display:flex;align-items:center;justify-content:flex-end;border-top:1px solid #ddd;position:relative;z-index:1}
#footer .container .inviva .single{color:#242424;opacity:.7;font-size:14px;padding:15px 0 0;transition:all .3s}
#footer .container .inviva .single:hover{opacity:.89;transform:scale(.89);transition:all .3s;color:#4db848}
#pageImages{width:100%;position:relative;height:50px;overflow:hidden;z-index:8;margin-top:-50px}
#pageImages .bg{position:absolute;top:0;bottom:0;right:0;left:0;width:100%;height:100%;object-fit:cover;}
#pageImages:before{position:absolute;content:"";top:0;right:0;left:0;bottom:0;background:rgb(0 0 0 / 40%);z-index:99}
#pageImages .container{position:relative;z-index:9999;height:100%}
#pageImages .container .text{display:flex;height:100%;justify-content:end;align-items:center}
#pageImages .container .text h1{margin:0;padding:0;font-size:50px;color:rgb(255 255 255);text-align:end;text-transform: capitalize;line-height:1;max-width:400px;font-weight:300}
#pageImages .container .text h2{margin:0;padding:0;font-size:30px;color:rgb(255 255 255);text-align:end;text-transform: capitalize;line-height:1;max-width:400px;font-weight:300}
#pageDetailContent{width:100%}
#pageDetailContent:after{content:"";position:absolute;left:-300%;top:0;bottom:0;height:100%;width:339%;z-index:-1}
#pageDetailContent.pageDetailContentP{position:relative;margin-top:0}
#pageDetailContent .container{display:-ms-grid;display:grid;grid-template-columns:27% 69%;grid-gap:0 50px;background:#fff}
#pageDetailContent .container .pageLeft{width:100%;margin-top:25px;position:relative;z-index:9}
#pageDetailContent .container .pageRight{width:100%}
#pageDetailContent .container .pageRight .content{padding:0 0 50px 0;margin-top:0}
#pageDetailContent .container .pageRight .contentP{padding:0 0 30px 0}
#pageDetailContent .container .pageRight .content p strong{font-weight:600}
#pageDetailContent .container .pageRight .content p{font-size:17px;line-height:1.5;width:94%;margin:0;padding:0;margin-top:9px;font-weight:340}
#pageDetailContent .container .pageRight .image{width:100%;margin:50px 0 0 0}
#pageDetailContent .container .pageRight .image img{width:100%;height:400px;object-fit:contain}
#pageDetailContent .container .pageRight .titlePage{display:flex;align-items:center;justify-content:flex-start;padding:30px 0;border-bottom:1px solid #ddd;margin-bottom:30px}
#pageDetailContent .container .pageRight .titlePage a{font-size:17px;font-weight:300;margin-left:11px;display:flex;align-items:center;color:#747474}
#pageDetailContent .container .pageRight .titlePage a i{opacity:.7;font-size:15px;margin-left:10px}
#pageDetailContent .container .pageRight .titlePage a:last-child{font-weight:700;text-transform: capitalize;color:#3b3b3b}
#pageDetailContent .container .pageRight .technicalDrawing{display:flex;flex-direction:column;text-transform: capitalize;padding:50px 0 25px 0;position:relative;border-bottom:1px solid #ddd}
#pageDetailContent .container .pageRight .technicalDrawing .title{display:flex;justify-content:space-between;flex-direction:row-reverse}
#pageDetailContent .container .pageRight .technicalDrawing .title .tLeft{display:flex}
#pageDetailContent .container .pageRight .technicalDrawing .title .tLeft .button{padding:15px;display:flex;align-items:center;border:1px solid #ddd;height:fit-content}
#pageDetailContent .container .pageRight .technicalDrawing .title .tLeft .button img{margin-right:15px;height:25px;filter:invert(12%) sepia(89%) saturate(5979%) hue-rotate(351deg) brightness(85%) contrast(111%)}
#pageDetailContent .container .pageRight .technicalDrawing .title .tLeft .button p{margin:0;padding:0;font-size:17px;color:#183042;font-weight:600}
#pageDetailContent .container .pageRight .technicalDrawing .title .tRight{display:flex;flex-direction:column;justify-content:center}
#pageDetailContent .container .pageRight .technicalDrawing .title .tRight h1{margin:0;padding:0;color:#102c41;font-size:26px;text-align:left}
#pageDetailContent .container .pageRight .technicalDrawing .title .tRight .line{height:3px;width:90px;position:relative;background:#cdcdcd;margin:11px 0}
#pageDetailContent .container .pageRight .technicalDrawing .title .tRight .line:before{position:absolute;content:"";top:0;bottom:0;left:0;width:33%;background:#e3000f}
#pageDetailContent .container .pageRight .technicalDrawing .technicalDrawingImg{width:100%}
#pageDetailContent .container .pageRight .technicalDrawing .technicalDrawingImg img{width:100%;height:375px;object-fit:contain;position:relative;z-index:9999999}
#pageDetailContent .container .pageRight .proPlus{position:relative;padding:50px;display:flex;z-index:999999}
#pageDetailContent .container .pageRight .proPlus:after{content:'';position:absolute;width:60%;bottom:12px;left:0;border-top:1px solid #998159;-moz-transform:rotate(-4deg);-webkit-transform:rotate(353deg);transform:rotate(349deg);z-index:-1}
#pageDetailContent .container .pageRight .proPlus .backText{position:absolute;content:"";right:0;top:-139px;bottom:0;align-items:center}
#pageDetailContent .container .pageRight .proPlus .backText p{margin:0;padding:0;font-size:20em;z-index:-1;color:#e5e5e5;font-weight:700}
#pageDetailContent .container .pageRight .proPlus .image{flex:1;position:relative;z-index:9}
#pageDetailContent .container .pageRight .proPlus .image img{height:300px;object-fit:contain}
#pageDetailContent .container .pageRight .proPlus .text{flex:1;position:relative;z-index:9;display:flex;align-items:center;padding:0 0 0 100px}
#pageDetailContent .container .pageRight .proPlus .text h1{margin:0;padding:0;color:#353535;font-size:26px;text-align:end}
#pageDetailContent .container .pageRight .proPlus .text .line{height:3px;width:90px;position:relative;background:#cdcdcd;margin:11px 0}
#pageDetailContent .container .pageRight .proPlus .text .line:before{position:absolute;content:"";top:0;bottom:0;right:0;width:33%;background:#998159}
#pageDetailContent .container .pageRight .proPlus .text p{margin:0;padding:0;font-size:25px;font-weight:600}
#pageDetailContent .container .pageRight .proTable{display:flex;flex-direction:column;padding:0;position:relative}
#pageDetailContent .container .pageRight .proTable .tableS{width:100%;overflow:hidden;overflow-x:auto;position:relative}
#pageDetailContent .container .pageRight .proTable .tableS .title{display:flex;flex-direction:column;margin:0 0 25px 0}
#pageDetailContent .container .pageRight .proTable .tableS .title h1{margin:0;padding:0;color:#303030;font-size:20px}
#pageDetailContent .container .pageRight .proTable .tableS .title .line{height:3px;width:90px;position:relative;background:#cdcdcd;margin:11px 0}
#pageDetailContent .container .pageRight .proTable .tableS .title .line:before{position:absolute;content:"";top:0;bottom:0;right:0;width:33%;background:#998159}
#pageDetailContent .container .pageRight .proTable .tableS{width:100%;overflow:hidden;overflow-x:auto;padding-bottom:50px}
#pageDetailContent .container .pageRight .proTable .tableS table{width:100%;overflow-x:auto;margin-top:10px;border-spacing:0px}
#pageDetailContent .container .pageRight .proTable .tableS table th{color:#fff;background:#e10013}
#pageDetailContent .container .pageRight .proTable .tableS table td,th{padding:12px;font-size:13px;border-bottom:1px solid #ddd;flex:1}
#pageDetailContent .container .pageRight .proTable .tableS table td:first-child{font-weight:700}
#pageDetailContent .container .pageRight .proTable .tableS table tr{border-bottom:2px solid #ddd;background:rgb(232 232 232);display:flex;flex-wrap:wrap}
#pageDetailContent .container .pageRight .proTable .tableS table tr:first-child{background:#102c41;color:#fff}
#pageDetailContent .container .pageRight .proTable .tableS table tr:nth-child(2n){background:#fff}
#pageDetailContent .container .pageRight .proTable .tableS table:nth-child(2n) tr:first-child{background: #1c4666;}

#pageDetailContent .container .pageRight .proFeatures{position:relative;padding:50px;display:flex;z-index:999;flex-direction:column}
#pageDetailContent .container .pageRight .proFeatures:after{content:'';position:absolute;width:60%;top:25px;right:0;border-top:1px solid #998159;-moz-transform:rotate(-4deg);-webkit-transform:rotate(353deg);transform:rotate(349deg);z-index:-2}
#pageDetailContent .container .pageRight .proFeatures .backText{position:absolute;content:"";right:0;top:-107px;bottom:0;align-items:center;z-index:-1}
#pageDetailContent .container .pageRight .proFeatures .backText p{margin:0;padding:0;font-size:18em;z-index:-1;color:#e5e5e5;font-weight:700}
#pageDetailContent .container .pageRight .proFeatures .title{display:flex;flex-direction:column;align-items:flex-end;margin:50px 0 25px 0}
#pageDetailContent .container .pageRight .proFeatures .title h1{margin:0;padding:0;color:#998159;font-size:26px;text-align:end}
#pageDetailContent .container .pageRight .proFeatures .title .line{height:3px;width:90px;position:relative;background:#cdcdcd;margin:11px 0}
#pageDetailContent .container .pageRight .proFeatures .title .line:before{position:absolute;content:"";top:0;bottom:0;right:0;width:33%;background:#998159}
#pageDetailContent .container .pageRight .proFeatures .content{display:flex;flex-wrap:wrap;justify-content:flex-end;margin-top:0}
#pageDetailContent .container .pageRight .proFeatures .content .single{flex:0 0 23%;display:flex;position:relative;padding:50px 30px 30px;margin:20px 6px;border:1px solid #ddd;border-radius:15px;box-shadow:1px 5px 10px 0 rgb(37 37 37 / 15%)}
#pageDetailContent .container .pageRight .proFeatures .content .single:nth-child(2n){border:unset;background:#f5f5f5}
#pageDetailContent .container .pageRight .proFeatures .content .single p{margin:0;padding:0;font-size:15px}
#pageDetailContent .container .pageRight .proFeatures .content .single:before{position:absolute;content:"";top:-26px;left:11px;font-size:53px;font-weight:700;color:#e5e5e5}
#pageDetailContent .container .pageRight .proFeatures .content .single:first-child:before{content:"01"}
#pageDetailContent .container .pageRight .proFeatures .content .single:nth-child(2):before{content:"02"}
#pageDetailContent .container .pageRight .proFeatures .content .single:nth-child(3):before{content:"03"}
#pageDetailContent .container .pageRight .proFeatures .content .single:nth-child(4):before{content:"04"}
#pageDetailContent .container .pageRight .proFeatures .content .single:nth-child(5):before{content:"05"}
#pageDetailContent .container .pageRight .proFeatures .content .single:nth-child(6):before{content:"06"}
#pageDetailContent .container .pageRight .proFeatures .content .single:nth-child(7):before{content:"07"}
#pageDetailContent .container .pageRight .proFeatures .content .single:nth-child(8):before{content:"08"}
#pageDetailContent .container .pageRight .proFeatures .content .single:nth-child(9):before{content:"09"}
#pageDetailContent .container .pageRight .proFeatures .content .single:nth-child(10):before{content:"10"}
#pageDetailContent .container .pageRight .referancesList{width:100%;display:flex;flex-wrap:wrap}
#pageDetailContent .container .pageRight .referancesList .single{box-shadow:1px 5px 10px 0 rgb(37 37 37 / 15%);border-radius:10px;flex:0 0 30%;display:flex;flex-direction:column;margin:0 20px 20px 0;padding:20px;border:1px solid #ddd;transition:all .3s}
#pageDetailContent .container .pageRight .referancesList .single img{height:350px;width:100%;object-fit:contain;transition:all .3s}
#pageDetailContent .container .pageRight .referancesList .single h1{margin:20px 0 0;padding:10px 0 0;color:#998158;font-size:19px;position:relative;transition:all .3s}
#pageDetailContent .container .pageRight .referancesList .single h1:before{position:absolute;content:"";left:0;top:0;width:50%;height:1px;background:#ddd;transition:all .3s}
#pageDetailContent .container .pageRight .referancesList .single:hover{opacity:.89;transition:all .3s}
#pageDetailContent .container .pageRight .referancesList .single:hover img{transform:scale(.89);transition:all .3s}
#pageDetailContent .container .pageRight .referancesList .single:hover h1{color:#2196b0;transition:all .3s}
#pageDetailContent .container .pageRight .referancesList .single:hover h1:before{background:linear-gradient(to top,#2f4c41 23%,#6ea993 68%);transition:all .3s;width:70%}
#pageDetailContent .container .pageRight .multiList{width:100%;display:flex;flex-wrap:wrap}
#pageDetailContent .container .pageRight .multiList .single{transition:all .3s;width:100%;flex:1 0 45%;margin:20px;padding:50px 20px;display:flex;justify-content:space-between;background:#f7f5f2;border-radius:10px;box-shadow:1px 5px 10px 0 rgb(37 37 37 / 15%)}
#pageDetailContent .container .pageRight .multiList .single .leftMulti{display:flex;align-items:center}
#pageDetailContent .container .pageRight .multiList .single .leftMulti p{transition:all .3s;padding:0;margin:0;font-size:15px;color:#000;font-weight:500}
#pageDetailContent .container .pageRight .multiList .single .leftMulti i{transition:all .3s;font-size:18px;margin-right:8px;color:#000}
#pageDetailContent .container .pageRight .multiList .single .rightMulti{display:flex;align-items:center}
#pageDetailContent .container .pageRight .multiList .single .rightMulti img{transition:all .3s;height:25px;filter:invert(12%) sepia(89%) saturate(5979%) hue-rotate(351deg) brightness(85%) contrast(111%)}
#pageDetailContent .container .pageRight .multiList .single:hover{transition:all .3s;background:#e8eaf0}
#pageDetailContent .container .pageRight .multiList .single:hover .leftMulti p{transition:all .3s;color:#102c41}
#pageDetailContent .container .pageRight .multiList .single:hover .leftMulti i{transition:all .3s;color:#1296b0}
#pageDetailContent .container .pageRight .multiList .single:hover .rightMulti img{transition:all .3s;filter:invert(19%) sepia(0%) saturate(1%) hue-rotate(248deg) brightness(96%) contrast(85%)}
#pageDetailContent .container .pageRight #productSlider{width:100%;height:45vh;position:relative}
#pageDetailContent .container .pageRight #productSlider .swiper-container{position:relative;width:100%;height:100%}
#pageDetailContent .container .pageRight #productSlider .swiper-container .swiper-slide{background:#fff;position:relative;width:100%!important;height:100%}
#pageDetailContent .container .pageRight #productSlider .swiper-container .swiper-slide::before{content:'';position:absolute;bottom:0;right:0;left:0;height:100%;z-index:2}
#pageDetailContent .container .pageRight #productSlider .swiper-container video{width:100%;height:100%;object-fit:cover}
#pageDetailContent .container .pageRight #productSlider .swiper-container div{width:100%;height:100%}
#pageDetailContent .container .pageRight #productSlider .swiper-container img{width:100%;height:100%;object-fit:contain}
#pageDetailContent .container .pageRight #productSlider .swiper-pagination{text-align:right;left:50%;transform:translateX(-50%);bottom:6px;background:0 0;z-index:99;display:flex;border-radius:20px;align-items:flex-end}
#pageDetailContent .container .pageRight #productSlider .swiper-pagination-bullet{width:20px;height:3px;background:#a80000;opacity:1;z-index:99;display:flex;align-items:center;justify-content:center;transition:all .3s;margin-right:6px}
#pageDetailContent .container .pageRight #productSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#e3000f;height:5px}
#pageDetailContent .container .pageRight #productSlider .swiper-button-prev{background:unset;background-position:center;background-repeat:no-repeat;background-size:contain;width:30px;left:3%;height:60px}
#pageDetailContent .container .pageRight #productSlider .swiper-button-prev i{color:#213468;font-size:35px}
#pageDetailContent .container .pageRight #productSlider .swiper-button-next{background:unset;background-position:center;background-repeat:no-repeat;background-size:contain;width:30px;right:3%;height:60px}
#pageDetailContent .container .pageRight #productSlider .swiper-button-next i{color:#213468;font-size:35px}
#pageDetailContent .container .pageRight #productSlider .buyutec{position:absolute;width:50px;height:50px;right:20px;top:20px;z-index:99999999;opacity:.7}
#pageDetailContent .container .pageRight #productSlider .buyutec i{font-size:35px;color:#2e2e2e}
#pageDetailContent .container .pageRight .pageContact{width:100%;display:flex;background:#f7f5f2;box-shadow:1px 5px 10px 0 rgb(37 37 37 / 15%);padding:35px}
#pageDetailContent .container .pageRight .pageContact .firmsInfoContact{flex:1;display:flex;flex-direction:column;padding-right:23px}
#pageDetailContent .container .pageRight .pageContact .firmsInfoContact h1{margin:0;padding:0;color:#102c41;font-size:30px;margin-bottom:15px}
#pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single{display:flex;align-items:center;padding:20px;border-bottom:1px solid #ddd;border-radius:0}
#pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single img{height:30px;filter:invert(12%) sepia(89%) saturate(5979%) hue-rotate(351deg) brightness(85%) contrast(111%)}
#pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single p{margin:0;padding:0;font-size:16px;margin-left:15px}
#pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single:hover{transition:all .3s;background:#e8eaf0;border-radius:7px}
#pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single:hover img{filter:invert(19%) sepia(0%) saturate(1%) hue-rotate(248deg) brightness(96%) contrast(85%);transition:all .3s}
#pageDetailContent .container .pageRight .pageContact .maps{flex:1;height:500px;border-radius:10px}
#pageDetailContent .container .pageRight .pageContact .maps iframe{width:100%;height:100%;border-radius:10px}
#pageDetailContent .container .pageRight .pageListK{display:flex;flex-wrap:wrap}
#pageDetailContent .container .pageRight .pageListK .single{transition:all .3s;display:flex;position:relative;border-radius:5px;box-shadow:1px 5px 10px 0 rgb(37 37 37 / 23%);height:250px;flex:1 0 29%;margin:0 15px 15px 0}
#pageDetailContent .container .pageRight .pageListK .single img{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:5px}
#pageDetailContent .container .pageRight .pageListK .single:before{transition:all .3s;position:absolute;content:"";bottom:0;right:0;left:0;height:100%;background:linear-gradient(180deg,rgb(0 0 0 / 10%) 0,rgb(0 0 0 / 59%));z-index:2;border-top-left-radius:8px;border-top-right-radius:8px}
#pageDetailContent .container .pageRight .pageListK .single h1{transition:all .3s;margin:0;padding:0;position:absolute;left:20px;bottom:20px;right:20px;font-size:15px;color:#fff;text-transform: capitalize;z-index:9;font-weight:400}
#pageDetailContent .container .pageRight .pageListK .single:hover{opacity:.8;transition:all .3s}
#pageDetailContent .container .pageRight .pageListK .single:hover:before{transition:all .3s;background:linear-gradient(1deg,rgb(0 0 0 / 42%) 0,rgb(0 0 0 / 84%))}
#pageDetailContent .container .pageRight .pageListK .single:hover h1{bottom:43%;transition:all .3s}
#pageDetailContent .container .pageRight .proIconList{display:flex;flex-wrap:wrap;background:#f5f5f5;padding:50px;border-radius:10px;box-shadow:1px 5px 10px 0 rgb(37 37 37 / 15%)}
#pageDetailContent .container .pageRight .proIconList .single{text-align:left;transition:all .3s;font-weight:400;font-size:15px;transition:all .5s;border-radius:0;padding:12px 33px;width:100%;color:rgb(0 0 0 / 72%);display:flex;align-items:center;width:100%;display:flex;border-bottom:1px solid rgb(0 0 0 / 10%);flex:1 0 45%;height:fit-content;min-height:78px}
#pageDetailContent .container .pageRight .proIconList .single img{transition:all .3s;height:33px;filter:invert(63%) sepia(70%) saturate(342%) hue-rotate(142deg) brightness(89%) contrast(90%);transition:all .3s;margin-right:15px}
#pageDetailContent .container .pageRight .proIconList .single:hover{background:#998158;color:#fff;transition:all .3s;border-radius:8px}
#pageDetailContent .container .pageRight .proIconList .single:hover img{filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(92deg) brightness(103%) contrast(101%);transition:all .3s}
#pageDetailContent .container .pageRight .productsListN{display:flex;flex-wrap:wrap;padding-top:60px}
#pageDetailContent .container .pageRight .productsListN .single{transition:all .3s;flex:0 0 45%;margin-right:35px;margin-bottom:35px;display:flex;flex-direction:column;box-shadow:1px 5px 10px 0 rgb(37 37 37 / 15%);transition:all .2s;position:relative;background:#fff;padding:30px 30px 10px;border:1px solid #ddd}
#pageDetailContent .container .pageRight .productsListN .single img{transition:all .3s;width:100%;height:225px;object-fit:contain;margin-top:0;margin-bottom:20px}
#pageDetailContent .container .pageRight .productsListN .single h1{font-size:17px;padding:0;margin:7px 0 10px 0;color:#3b3b3b;font-weight:550}
#pageDetailContent .container .pageRight .productsListN .single:hover{transition:all .3s;opacity:.89;transform:scale(.95)}
#pageDetailContent .container .pageRight .productsListN .single:hover img{transition:all .3s;margin-top:0}
#pageDetailContent .container .pageLeft .filter{display:none;padding:10px 0;color:#fff;cursor:pointer;align-items:center;justify-content:center;margin-bottom:10px}
#pageDetailContent .container .pageLeft .filter i{margin-right:13px}
#pageDetailContent .container .pageLeft .detailMenu{display:flex;align-items:center;flex-direction:column;list-style:none;padding:0;margin:0;padding:0;position:relative;border-radius:10px}
#pageDetailContent .container .pageLeft .detailMenu li{position:relative;height:100%;display:flex;align-items:center;text-transform: capitalize;background:unset;width:100%;justify-content:space-between;padding:0 9px;transition:all .3s}
#pageDetailContent .container .pageLeft .detailMenu li:before{position:absolute;content:"";top:0;right:0;width:66px;height:100%;background:0 0;transition:all .3s}
#pageDetailContent .container .pageLeft .detailMenu li.activePage:before{background:#e3000f;transition:all .3s;right:-50px}
#pageDetailContent .container .pageLeft .detailMenu li.activePage{background:linear-gradient(283deg,#e3000f 23%,#a80000 75%);transition:all .3s}
#pageDetailContent .container .pageLeft .detailMenu li.activePage a{color:#fff!important;font-weight:700;border-bottom:unset;text-transform: capitalize;transition:all .3s;padding:15px 0}
#pageDetailContent .container .pageLeft .detailMenu li.activePage a i{display:block;transform:rotate(0);transition:all .3s;position:absolute;right:-30px}
#pageDetailContent .container .pageLeft .detailMenu li.activePage a img{filter:invert(100%) sepia(39%) saturate(0%) hue-rotate(173deg) brightness(113%) contrast(100%);transition:all .3s}
#pageDetailContent .container .pageLeft .detailMenu li:hover:before{background:#303030;transition:all .3s;right:-50px}
#pageDetailContent .container .pageLeft .detailMenu li a{font-weight:400;font-size:15px;transition:all .5s;border-radius:0;padding:12px 0;width:100%;text-transform: capitalize;color:rgb(255 255 255 / 72%);display:flex;align-items:center;width:100%;display:flex;border-bottom:1px solid rgb(0 0 0 / 10%)}
#pageDetailContent .container .pageLeft .detailMenu li a img{height:33px;filter:invert(19%) sepia(0%) saturate(1%) hue-rotate(248deg) brightness(96%) contrast(85%);transition:all .3s;margin-right:15px}
#pageDetailContent .container .pageLeft .detailMenu li:hover{background:linear-gradient(283deg,#303030 23%,rgb(24 24 24) 75%);transition:all .3s!important}
#pageDetailContent .container .pageLeft .detailMenu li:hover a{color:#fff!important;font-weight:700;transition:all .3s;padding:15px 0}
#pageDetailContent .container .pageLeft .detailMenu li:hover a img{filter:invert(100%) sepia(39%) saturate(0%) hue-rotate(173deg) brightness(113%) contrast(100%);transition:all .3s}
#pageDetailContent .container .pageLeft .detailMenu li a i{transition:all .3s;margin-right:10px;transform:rotate(223deg);padding:0}
#pageDetailContent .container .pageLeft .detailMenu li:hover a i{display:block;transform:rotate(0);transition:all .3s;position:absolute;right:-30px}
#pageDetailContent .container .pageLeft .detailMenu .title{display:flex;align-items:center;margin:25px 0}
#pageDetailContent .container .pageLeft .detailMenu .title h1{margin:0;padding:0;font-size:22px;color:#fff;font-weight:200}
#pageDetailContent .container .pageLeft .detailMenu .title h1 strong{font-weight:400}
#pageDetailContent .container .pageLeft .detailMenu .title .line{width:80%;height:1px;background:rgb(255 255 255 / 12%);margin-left:23px}
#pageDetailContent .container .pageLeft .detailMenu .menuPage{width:100%;background:#102c41;padding:34px;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:1px 5px 10px 0 rgb(37 37 37 / 15%)}
#pageDetailContent .container .pageLeft .detailMenu .menuPage ul{padding-left:15px}
#pageDetailContent .container .pageLeft .detailMenu .pMenu ul{padding-left:20px;margin:0;margin-top:15px}
#pageDetailContent .container .pageLeft .detailMenu .multi{background:#9a9a9a}
#pageDetailContent .container .pageLeft .detailMenu .pMenu{padding:25px 15px 0}
#pageDetailContent .container .pageLeft .detailMenu .multi .title h1{color:rgb(255 255 255)}
#pageDetailContent .container .pageLeft .detailMenu .multi .title .line{width:100%;height:1px;background:rgba(255,255,255,.12)}
#pageDetailContent .container .pageLeft .detailMenu .multi li a{color:rgb(255 255 255 / 58%);border-bottom:1px solid rgb(255 255 255 / 10%)}
#pageDetailContent .container .pageLeft .detailMenu .multi li.activePage:before{background:#00b5ca;transition:all .3s;right:-40px}
#pageDetailContent .container .pageLeft .detailMenu .multi li.activePage{background:rgb(0 181 202);transition:all .3s}
#pageDetailContent .container .pageLeft .detailMenu .multi li:hover:before{background:#00b5ca;transition:all .3s;right:-30px}
#pageDetailContent .container .pageLeft .detailMenu .multi li:hover{background:#00b5ca;transition:all .3s!important}
#pageDetailContent .container .pageLeft .detailMenu .multi .lastTitle{margin-top:50px}
#pageDetailContent .container .pageLeft .detailPromise{height:175px;width:100%;position:relative;background:linear-gradient(283deg,#1296b0 23%,rgb(12 110 129) 75%);border-bottom:5px solid rgb(0 0 0 / 14%);margin:20px 0;display:flex;align-items:flex-start;justify-content:end;overflow:hidden;border-radius:10px}
#pageDetailContent .container .pageLeft .detailPromise h1{margin:0;padding:0}
#pageDetailContent .container .pageLeft .detailPromise p{color:#fff;padding:10px 30px;width:100%;font-size:16px}
#pageDetailContent .container .pageLeft .detailPromise p strong{color:#fff}
#pageDetailContent .container .pageLeft .detailPromise img{position:absolute;right:0;bottom:-13px;height:100px;opacity:.34;filter:invert(100%) sepia(39%) saturate(0%) hue-rotate(173deg) brightness(113%) contrast(100%)}
#pageDetailContent .container .pageLeft .detailMenu .favDetail{z-index:9999999999999999;left:3px;height:126px}
#filter{width:100%;height:0;position:fixed;z-index:9999999;top:0;background:#fff;overflow-x:hidden;transition:.5s;left:0;right:0;bottom:0}
#filter .container{width:100%;height:100%;padding:0;display:grid;grid-template-rows:60px 1fr 100px}
#filter .container .header{width:100%;display:flex;border-bottom:1px solid #c1c1c1}
#filter .container .content{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column}
#filter .closebtnn{font-size:38px;color:#000;width:100%;display:flex;align-items:center;justify-content:center}
#filter .dropdownMenu{position:relative;display:none}
#filter .drop-down i{padding:0 15px;font-size:12px}
#filter .dropdownMenu .levelTwo{padding:10px 15px;border-top:1px solid #f5f5f5;font-weight:500}
#filter .dropdownMenu .levelThree{padding:10px 0;border-top:1px solid #f5f5f5}
#filter .dropdownMenu .levelFour{padding:10px 0;border-top:1px solid #f5f5f5}
#filter .dropdownMenu i{float:right;font-size:12px;margin-right:0;line-height:15px!important}
#filter .container .button{display:flex;align-items:center;justify-content:center;width:100%;padding:0}
#filter .container .button p{cursor:pointer;padding:15px;background:#96a0ad;width:100%;display:flex;align-items:center;justify-content:center;color:#fff}
#filter .container .button input{width:100%!important;background:#01625f;border:unset;padding:10px;height:auto!important}
#pageDetailContent .container .pageRight .detailInfoSales{display:flex;align-items:center;margin-bottom:20px;font-size:12px}
#pageDetailContent .container .pageRight .detailInfoSales img{height:30px;margin-right:10px}