*,::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}
@font-face{font-family:SchmalfetteCP;src:url(../img/fonts/SchmalfetteCP.otf)}
.container{max-width:1400px;width:100%;display:block;margin:0 auto}
#mFull{height:0;width:100%;position:fixed;z-index:9999999999;top:0;left:0;background:linear-gradient(0deg,#373a42 0,#1e2024 100%);overflow-x:hidden;transition:.5s}
#mFull .container{height:100%;padding:0 20px;display:grid;grid-template-rows:120px 1fr 120px;max-width:1600px}
#mFull .container .header{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgb(225 225 225 / 15%)}
#mFull .container .header .flags{margin-top:53px}
#mFull .container .header .flags img{width:100%;height:140px;object-fit:contain;margin:0 5px;opacity:.7;padding:15px;background:linear-gradient(93deg,#f3ce53 0,rgb(193 163 63) 100%);border-radius:6px}
#mFull .container .header .flags img:hover{opacity:1;filter:brightness(150%)}
#mFull .container .header .flags img.aktif{opacity:1}
#mFull .container .header .closeMenu{width:75px;height:75px;display:flex;align-items:center;justify-content:center;background:linear-gradient(93deg,#f3ce53 0,rgb(193 163 63) 100%);border-radius:5px}
#mFull .container .header .closeMenu .closebtn{font-size:36px;color:#fff}
#mFull .container .content{grid-template-columns:.4fr 1fr;display:grid;position:relative;z-index:999;padding:70px 0 0;grid-gap:0 30px}
#mFull .container .content .productsMobil{display:flex;flex-direction:column}
#mFull .container .content .productsMobil .title{padding-bottom:20px;border-bottom:1px dashed rgb(225 225 225 / 15%);margin-bottom:20px}
#mFull .container .content .productsMobil .title h1{margin:0;padding:0;color:#ddbb48;font-size:44px;letter-spacing:10px;font-weight:400;transition:all .3s}
#mFull .container .content .productsMobil .title h1:hover{color:#fff;transition:all .3s}
#mFull .container .content .productsMobil .proCont{display:flex;flex-direction:column}
#mFull .container .content .productsMobil .proCont .single{transition:all .3s;display:flex;flex-direction:row-reverse;margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed rgb(225 225 225 / 15%);background:linear-gradient(93deg,rgb(243 206 83 / 10%) 0,rgb(203 172 67) 100%);padding:25px;border-radius:15px;filter:grayscale(1)}
#mFull .container .content .productsMobil .proCont .single .image{display:flex}
#mFull .container .content .productsMobil .proCont .single .image img{height:65px;transition:all .3s;filter:invert(72%) sepia(55%) saturate(430%) hue-rotate(6deg) brightness(102%) contrast(97%);filter:invert(100%) sepia(4%) saturate(7489%) hue-rotate(356deg) brightness(114%) contrast(117%)}
#mFull .container .content .productsMobil .proCont .single h1{transition:all .3s;margin:0;padding:0 35px;color:rgb(255 255 255);font-size:28px;font-weight:400;text-align:end;display:flex;align-items:center}
#mFull .container .content .productsMobil .proCont .single:nth-child(2n){flex-direction:row}
#mFull .container .content .productsMobil .proCont .single:nth-child(2n) h1{text-align:left}
#mFull .container .content .productsMobil .proCont .single:last-child{border-bottom:unset}
#mFull .container .content .productsMobil .proCont .single:hover{filter:grayscale(0);transition:all .3s}
#mFull .container .content .productsMobil .proCont .single:hover .image img{filter:invert(100%) sepia(4%) saturate(7489%) hue-rotate(356deg) brightness(114%) contrast(117%);transition:all .3s}
#mFull .container .content .productsMobil .proCont .single:hover h1{color:#fff;transition:all .3s}
#mFull .container .content .menu{display:flex;flex-direction:column;height:fit-content;border-right:1px dashed rgb(225 225 225 / 15%)}
#mFull .container .content .menu ul{flex:1;list-style-type:none;margin:0;padding-left:20px}
#mFull .container .content .menu ul li{position:relative;padding:15px 0}
#mFull .container .content .menu ul li::before{position:absolute;content:'';width:25px;height:2px;bottom:0;left:0;background-color:#e4c14d;transition:.4s all}
#mFull .container .content .menu ul li:last-child::before{display:none}
#mFull .container .content .menu ul li a{color:rgb(255 255 255 / 84%);text-decoration:none;font-size:27px;font-weight:500;transition:all .3s}
#mFull .container .content .menu ul li a:hover{color:#ccc;transition:all .3s}
#mFull .container .content .menu ul li:hover::before{width:50px;transition:all .3s}
#mFull .container .content .menu .onlineCatalog{display:flex}
#mFull .container .content .menu .onlineCatalog .image{display:flex}
#mFull .container .content .menu .onlineCatalog .image img{height:248px;transition:all .3s}
#mFull .container .content .menu .onlineCatalog .text{position:relative;display:flex;flex-direction:row-reverse}
#mFull .container .content .menu .onlineCatalog .text .sKatO h2{writing-mode:vertical-lr;transition:all .3s;margin:0;padding:0;color:#ddbb4a;font-size:44px;letter-spacing:10px;font-weight:400}
#mFull .container .content .menu .onlineCatalog:hover .text .sKatO h2{color:#fff;transition:all .3s}
#mFull .container .content .menu .onlineCatalog:hover .image img{filter:grayscale(.5);transition:all .3s}
#mFull .footerNav{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:20px 0;border-top:1px solid 1px solid rgb(225 225 225 / 15%)}
#mFull .footerNav-social{display:flex}
#mFull .footerNav-social span{color:#fff;font-weight:300;font-size:13px}
#mFull .flags img{width:100%;height:50px;object-fit:contain;margin:0 5px;opacity:.7}
#mFull .flags img:hover{opacity:1;filter:brightness(150%)}
#mFull .flags img.aktif{opacity:1}
#mFull .footerNav-social a{margin-left:5px}
#mFull .footerNav-social a:first-child{margin-left:0}
#mFull .footerNav-social img{width:26px;height:26px}
#mFull .footerNav-soft{display:flex}
#mFull .footerNav-soft img{width:62px;height:16px}
#header{width:100%;position:relative;z-index:99999}
#header .headerTop{width:100%;height:55px;background:linear-gradient(90deg,#f3ce53 0,#c4a640 100%)}
#header .headerTop .container{display:flex;height:100%}
#header .headerTop .container .infoH{width:100%;display:flex}
#header .headerTop .container .infoH a{display:flex;align-items:center;margin-right:23px}
#header .headerTop .container .infoH a img{height:23px;filter:invert(100%) sepia(100%) saturate(2%) hue-rotate(46deg) brightness(103%) contrast(100%);margin-right:10px}
#header .headerTop .container .infoH a p{margin:0;padding:0;color:#fff}
#header .headerTop .container .socialsH{display:flex;align-items:center;padding:0;height:100%;justify-content:center}
#header .headerTop .container .socialsH a{width:auto;margin-left:7px;height:fit-content}
#header .headerTop .container .socialsH a img{height:24px;filter:invert(100%) sepia(100%) saturate(2%) hue-rotate(46deg) brightness(103%) contrast(100%)}
#header .headerTop .container .socialsH a:hover img{filter:invert(12%) sepia(8%) saturate(692%) hue-rotate(182deg) brightness(93%) contrast(97%);transition:all .3s}
#header .headerBottom{width:100%;height:100px;margin-top:20px;position:relative;z-index:999}
#header .headerBottom:before{position:absolute;content:"";right:0;bottom:0;width:50%;height:79px;background:#222428;z-index:-1}
#header .headerBottom .container{display:flex;height:100%;flex-wrap:wrap;background:#fff;border-radius:5px}
#header .headerBottom .container .logo{display:flex;flex:1;max-width:273px;position:relative}
#header .headerBottom .container .logo img{height:124px;position:absolute;left:0;top:20px;left:42px;padding:18px;background:#323232;border-radius:5px}
#header .headerBottom .container .menu{display:flex;flex-wrap:wrap;justify-content:center;height:100%;padding:0 50px;flex:1}
#header .headerBottom .container .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 .headerBottom .container .menu ul li{position:relative;height:100%;justify-content:space-between;font-weight:400;font-size:15px;border-radius:0;padding:6px 6px;width:auto;display:flex;align-items:center;transition:all ease .5s;cursor:pointer}
#header .headerBottom .container .menu ul .menuActive{border-bottom:2px solid #a1aaba}
#header .headerBottom .container .menu ul li a{font-weight:500;font-size:14px;transition:all .5s;border-radius:0;width:100%;display:flex;align-items:center;color:#323232;transition:all ease .5s}
#header .headerBottom .container .menu ul li img{margin-left:4px;filter:invert(25%) sepia(23%) saturate(0%) hue-rotate(270deg) brightness(109%) contrast(145%);height:15px}
#header .headerBottom .container .menu ul li::after{position:absolute;content:'';height:2px;right:0;bottom:0;left:0;background-color:#ff7611;transform:scale(0);transform-origin:center;transition:all ease .5s}
#header .headerBottom .container .menu ul li:hover::after{transform:scale(1)}
#header .headerBottom .container .menu ul li::before{position:absolute;content:'';height:2px;right:0;bottom:0;left:0;transform:scale(0);transform-origin:center;transition:all ease .5s}
#header .headerBottom .container .menu ul li.menuActivePage::before{transform:scale(1);background-color:#4eb849}
#header .headerBottom .container .menu ul li:hover{color:#3b3b3b;transition:all ease .5s}
#header .headerBottom .container .menu ul .altMenu{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;display:none}
#header .headerBottom .container .menu ul .altMenu ul{flex-direction:column!important}
#header .headerBottom .container .menu ul .altMenu li{display:block!important;border-radius:0}
#header .headerBottom .container .menu ul .altMenu li{width:100%}
#header .headerBottom .container .menu ul .altMenu li:after{display:none}
#header .headerBottom .container .menu ul .altMenu li a:after{display:none!important}
#header .headerBottom .container .menu ul .altMenu li a{padding:3px!important;background:unset!important;color:#000!important}
#header .headerBottom .container .menu ul .altMenu li:hover a{background:#e4e4e4!important}
#header .headerBottom .container .menu ul .altMenu li:hover{border-radius:0!important;background:#ff7611!important;transition:all .3s}
#header .headerBottom .container .menu ul .altMenu li:hover a{border-radius:0!important;background:unset!important;transition:all .3s;color:#fff!important}
#header .headerBottom .container .menu ul li:hover .altMenu{top:100px;left:0;transition:all .4s;opacity:1;z-index:99999999;display:flex}
#header .headerBottom .container .headerRight{display:flex;background:#222428;width:30px;align-items:center;margin-top:20px;border-top-left-radius:7px;width:194px}
#header .headerBottom .container .headerRight .mobileMenu{cursor:pointer;transition:all .3s;display:flex;height:40px;width:50px;background:#fff;box-shadow:0 0 5px 0 #3b3b3b42;align-items:center;justify-content:center;border-radius:5px;margin-left:-25px}
#header .headerBottom .container .headerRight .mobileMenu img{height:15px}
#header .headerBottom .container .headerRight .mobileMenu:hover{transition:all .3s;background:#fb6f2e}
#slider{margin-top:-120px;width:100%;height:92vh!important;position:relative;max-height:725px}
#slider .swiper-container{position:relative;width:100%;height:100%}
#slider .swiper-container .swiper-slide{transition:all .3s;position:relative;height:100%;overflow:hidden;transition:all .3s;cursor:pointer}
#slider .swiper-container .swiper-slide::after{content:'';position:absolute;bottom:0;right:0;left:0;height:100%;background:linear-gradient(132deg,rgba(220,95,0,0) 0,rgb(0 0 0 / 63%) 100%);z-index:2}
#slider .swiper-container .swiper-slide::before{content:'';position:absolute;bottom:0;right:0;left:0;height:100%;background:linear-gradient(0deg,rgb(255 255 255 / 0%) 23%,rgb(128 108 52 / 36%) 75%);z-index:2}
#slider .swiper-container .swiper-slide img{width:100%;height:100%;object-fit:cover}
#slider .swiper-container .swiper-slide video{width:100%;height:100%;object-fit:cover}
#slider .swiper-container .swiper-slide .mainSlider{position:absolute;bottom:75px;left:50%;transform:translate(-50%);width:100%;text-align:left;z-index:999;font-weight:700;max-width:1400px;display:flex;align-items:center;justify-content:center}
#slider .swiper-container .swiper-slide .mainSlider .text{align-items:end;transition:all .3s;flex:1;display:flex;justify-content:center;flex-direction:column;padding:0}
#slider .swiper-container .swiper-slide .mainSlider .text h1{line-height:1;font-size:30px;margin:0;padding:0;font-weight:300;color:#fff;text-align:end}
#slider .swiper-container .swiper-slide .mainSlider .text h2{padding:0;font-size:30px;color:#fff;font-weight:700;margin:0;text-align:end;line-height:1.1}
#slider .paginetionSlider{bottom:0;z-index:99!important;display:flex;position:absolute;width:100%;text-align:left;font-weight:700;right:0;height:45px}
#slider .paginetionSlider .swiper-pagination{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;height:100%;align-items:center;justify-content:flex-end}
#slider .paginetionSlider .swiper-pagination-bullet{background:#c6cace;width:5px;height:5px;margin-right:5px;border-radius:0;opacity:1}
#slider .paginetionSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:15px;height:5px;background:#fff;display:flex;align-items:center;justify-content:center}
#slider .prevSlider{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:left;font-weight:700;max-width:1400px;z-index:9}
#slider .prevSlider .swiper-button-prev{background:unset;margin:0;padding:0;width:unset;height:unset;left:30px}
#slider .prevSlider .swiper-button-next{background:unset;margin:0;padding:0;width:unset;height:unset;right:30px}
#slider .prevSlider .swiper-button-next img,#slider .prevSlider .swiper-button-prev img{height:40px}
#homeCorp{position:relative;width:100%;height:525px;padding:30px 0;margin-top:5px}
#homeCorp .bg{position:absolute;top:0;right:0;left:0;bottom:0;object-fit:cover;width:100%;height:100%;z-index:-1;filter:grayscale(1)}
#homeCorp .bgHd{position:absolute;top:0;right:0;bottom:0;object-fit:cover;height:100%}
#homeCorp .container{display:flex;justify-content:flex-start;position:relative;z-index:9999}
#homeCorp .container .rightT{display:flex;flex-direction:column;width:100%;align-items:flex-start;max-width:50%;margin-top:70px}
#homeCorp .container .rightT .logo{height:150px;width:150px;position:relative;margin-top:0;background:linear-gradient(93deg,#f3ce53 0,rgb(193 163 63) 100%);padding:18px;border-radius:5px}
#homeCorp .container .rightT .logo:hover{transition:all .3s;opacity:.5}
#homeCorp .container .rightT .text{display:flex;flex-direction:column;margin-top:18px}
#homeCorp .container .rightT .text h1{margin:0;padding:0;font-size:35px;background:linear-gradient(to right,#fff 0,#fff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 3px 6px rgb(0 0 0 / 32%)}
#homeCorp .container .rightT .text p{margin:0;padding:0;font-size:15px;line-height:1.7;color:rgb(255 255 255 / 64%);padding-top:5px}
#homeCorp .container .icons{position:absolute;display:flex;top:-84px}
#homeCorp .container .icons a{transition:all .3s;display:flex;flex-direction:column;padding:11px;background:#fff;margin-right:5px;border-radius:5px;width:150px}
#homeCorp .container .icons a img{height:53px;width:fit-content;filter:invert(39%) sepia(16%) saturate(6939%) hue-rotate(350deg) brightness(85%) contrast(81%);margin-bottom:11px}
#homeCorp .container .icons a p{padding:0;margin:0;font-size:15px}
#homeCorp .container .icons a:hover{transition:all .3s;background:linear-gradient(93deg,#c85029 0,rgb(255 152 0 / 69%) 100%)}
#homeCorp .container .icons a:hover img{transition:all .3s;filter:invert(100%) sepia(100%) saturate(2%) hue-rotate(46deg) brightness(103%) contrast(100%)}
#homeCorp .container .icons a:hover p{transition:all .3s;color:#fff;font-weight:600}
#homeServices{background:#eff1f4;padding:35px 0}
#homeServices .container{display:flex;flex-direction:column}
#homeServices .container .title{display:flex;justify-content:space-between}
#homeServices .container .title .leftT{display:flex;flex-direction:column}
#homeServices .container .title .leftT .top{display:flex;align-items:center}
#homeServices .container .title .leftT .top h1{margin:0;padding:0;font-size:28px;color:#434242;margin-left:18px}
#homeServices .container .title .leftT .top .circle{width:25px;height:25px;border-radius:100%;background:#ab052d}
#homeServices .container .title .leftT .top img{background-color:#f3ce53;transition:all .3s;padding:10px;height:50px;border-radius:5px}
#homeServices .container .title .leftT .bottom{padding:15px 0 30px 0}
#homeServices .container .title .leftT .bottom p{margin:0;padding:0;font-size:17px;font-weight:400;color:#6c6d6e}
#homeServices .container .title .rightT{display:flex}
#homeServices .container .title .rightT .prevIcon{position:relative;display:flex}
#homeServices .container .title .rightT .prevIcon .swiper-button-prev{background:unset;margin-left:5px}
#homeServices .container .title .rightT .prevIcon .swiper-button-next{background:unset}
#homeServices .container .title .rightT .prevIcon .single{transition:all .3s;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:3px;right:unset;top:unset;bottom:unset;left:unset;position:unset;margin-top:0}
#homeServices .container .title .rightT .prevIcon .single:hover{transition:all .3s;transform:scale(.8)}
#homeServices .container .title .rightT .prevIcon .single img{height:22px;object-fit:contain}
#homeServices .container .title .rightT .button{padding:7px 0 0 15px;transition:all .3s}
#homeServices .container .title .rightT .button:hover{transition:all .3s;opacity:.89;transform:scale(.89)}
#homeServices .container .content{height:450px}
#homeServices .container .content .swiper-container{width:100%;height:100%}
#homeServices .container .content .swiper-container .swiper-slide{height:100%;margin:0;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover}
#homeServices .container .content .swiper-container .swiper-slide .single{display:flex;flex-direction:column;transition:all .3s;overflow:hidden;height:100%}
#homeServices .container .content .swiper-container .swiper-slide .single .image{width:100%;height:300px;overflow:hidden;position:relative;align-items:center;display:inline-flex;justify-content:center;transition:all .3s;background:#fff;padding:26px;border-radius:15px}
#homeServices .container .content .swiper-container .swiper-slide .single .image::after{content:'';position:absolute;bottom:0;right:0;left:0;height:100%;background:0 0;z-index:2;transition:all .3s}
#homeServices .container .content .swiper-container .swiper-slide .single .image .iconH{transition:all .3s;position:absolute;bottom:-100%;opacity:0;width:30px;height:auto}
#homeServices .container .content .swiper-container .swiper-slide .single .image img{width:100%;height:100%;object-fit:contain;position:relative;transition:all .3s}
#homeServices .container .content .swiper-container .swiper-slide .single .pTitle{position:relative;display:flex;align-items:center;padding:15px}
#homeServices .container .content .swiper-container .swiper-slide .single .pTitle img{height:39px}
#homeServices .container .content .swiper-container .swiper-slide .single .pTitle h1{margin:0;padding:0;font-size:16px;color:#3e4044;padding-left:15px}
#homeServices .container .content .swiper-container .swiper-slide .single:hover .image{height:350px;transition:all .3s}
#homeServices .container .content .swiper-container .swiper-slide .single:hover .image::after{background:linear-gradient(9deg,rgb(0 0 0 / 64%) 0,transparent);transition:all .3s}
#homeServices .container .content .swiper-container .swiper-slide .single:hover .image .iconH{bottom:10px;transition:all .3s;opacity:1;left:50%;transform:translateX(-65%);width:65px;z-index:999}
#homeServices .container .content .swiper-container .swiper-slide .single:hover .pTitle img{height:15px;transition:all .3s}
#homeServices .container .content .swiper-container .swiper-slide .single:hover .pTitle h1{color:#3e4044}
#homeServices .container .content .swiper-container .swiper-slide.swiper-slide-active .image{height:350px;transition:all .3s}
#homeServices .container .content .swiper-container .swiper-slide.swiper-slide-active .image .iconH{bottom:38%;transition:all .3s;opacity:1;left:50%;transform:translateX(-65%);width:65px;z-index:888}
#homeServices .container .content .swiper-container .swiper-slide.swiper-slide-active .pTitle img{background-color:#f3ce53;transition:all .3s;padding:10px;height:50px;border-radius:5px}
#homeServices .container .content .swiper-container .swiper-slide.swiper-slide-active .pTitle h1{color:#181818}
#homeServices .container .content .swiper-container .swiper-slide.swiper-slide-active .image::after{background:linear-gradient(145deg,rgb(0 0 0 / 21%) 0,transparent);transition:all .3s}
#homeDocService{background:linear-gradient(0deg,#373a42 0,#1e2024 100%)}
#homeDocService.detailPluses{background:unset;margin:15px 0}
#homeDocService .container{width:100%}
#homeDocService.detailPluses .container{grid-template-columns:1fr;background:unset;max-width:100%}
#homeDocService .container .title{display:flex;justify-content:space-between;padding:30px 0}
#homeDocService .container .title .leftT{display:flex;flex-direction:column}
#homeDocService .container .title .leftT .top{display:flex;align-items:center}
#homeDocService .container .title .leftT .top h1{margin:0;padding:0;font-size:28px;color:#fff;margin-left:18px}
#homeDocService .container .title .leftT .top .circle{width:25px;height:25px;border-radius:100%;background:#ab052d}
#homeDocService .container .title .leftT .top img{background-color:#f3ce53;transition:all .3s;padding:10px;height:50px;border-radius:5px}
#homeDocService .container .title .leftT .bottom{padding:15px 0 0 0}
#homeDocService .container .title .leftT .bottom p{margin:0;padding:0;font-size:17px;font-weight:400;color:#6c6d6e}
#homeDocService .content{width:100%;display:flex;flex-wrap:wrap;height:400px}
#homeDocService.detailPluses .content{height:auto}
#homeDocService .content .single{position:relative;height:400px;box-shadow:0 -8px 11px 0 rgb(0 0 0 / 19%);transition:all .3s;flex:1;top:0;bottom:0;z-index:999999999}
#homeDocService.detailPluses .content .single{flex:1 0 30%}
#homeDocService .content .single:before{position:absolute;content:"";left:0;top:0;right:0;bottom:0;height:100%;background:linear-gradient(355deg,rgb(9 9 9 / 37%) -14%,rgb(3 3 3 / 30%) 100%);z-index:2;transition:all .5s}
#homeDocService .content .single img{width:100%;height:100%;object-fit:cover}
#homeDocService .content .single h1{position:absolute;top:50%;left:30px;transform:translateY(-50%);color:#fff;font-size:19px;font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.411);z-index:9}
#homeDocService .content .single .line{position:absolute;content:"";bottom:0;left:0;top:0;background:#f3ce53;background:linear-gradient(132deg,rgba(220,95,0,0) 0,#f3ce53 100%);transition:all .3s}
#homeDocService .content .single:hover{height:450px;transition:all .3s;bottom:-95px;top:-25px}
#homeDocService.detailPluses .content .single:hover{height:auto}
#homeDocService .content .single:hover:before{background:linear-gradient(355deg,rgb(9 9 9 / 20%) -14%,rgb(0 0 0 / 15%) 100%);transition:all .5s}
#homeDocService .content .single:hover .line{transition:all .3s;width:100%}
#homeReferance{background:linear-gradient(0deg,#373a42 0,#1e2024 100%);padding:35px 0;box-shadow:2px 0 15px 0 rgb(0 0 0 / 19%);position:relative;z-index:99}
#homeReferance .container{display:flex;flex-direction:column}
#homeReferance .container .title{display:flex;justify-content:space-between;padding:30px 0;border-top:1px solid rgb(255 255 255 / 18%)}
#homeReferance .container .title .leftT{display:flex;flex-direction:column}
#homeReferance .container .title .leftT .top{display:flex;align-items:center}
#homeReferance .container .title .leftT .top h1{margin:0;padding:0;font-size:28px;color:#fff;margin-left:18px}
#homeReferance .container .title .leftT .top .circle{width:25px;height:25px;border-radius:100%;background:#ab052d}
#homeReferance .container .title .leftT .top img{background-color:#f3ce53;transition:all .3s;padding:10px;height:50px;border-radius:5px}
#homeReferance .container .title .leftT .bottom{padding:15px 0 0 0}
#homeReferance .container .title .leftT .bottom p{margin:0;padding:0;font-size:17px;font-weight:400;color:#6c6d6e}
#homeReferance .container .content{padding:20px 0;background:#fff;border-radius:5px}
#homeReferance .container .content .swiper-container{width:100%;height:100%}
#homeReferance .container .content .swiper-container .swiper-slide{transition:all .3s;height:100%;margin:0;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover;width:100%;transition:all .3s;overflow:hidden;border-right:1px solid #ddd;height:100%;background:#ffff}
#homeReferance .container .content .swiper-container .swiper-slide .single .image{width:100%;height:100px;overflow:hidden;position:relative;align-items:center;display:inline-flex;justify-content:center;transition:all .3s}
#homeReferance .container .content .swiper-container .swiper-slide .single .image img{width:100%;height:100%;object-fit:contain;position:relative;transition:all .3s}
#homeReferance .container .content .swiper-container .swiper-slide:hover{transform:scale(.85);transition:all .3s}
#courmedya{width:100%;padding:25px 0}
#courmedya .container{display:flex;justify-content:flex-end}
#courmedya .container a{opacity:1;transition:all .3s}
#courmedya .container a:hover{opacity:.75;transition:all .3s}
#courmedya .container img{height:28px}
#footer{padding:35px 0;box-shadow:0 0 15px 2px rgb(59 59 59 / 11%);position:relative;z-index:999999;margin-top:30px}
#footer .container{display:flex;flex-direction:column}
#footer .container .fTop{display:flex;justify-content:space-between;border-bottom:1px solid #3e40444d;align-items:center;padding-bottom:25px}
#footer .container .fTop .logo{display:flex;align-items:center}
#footer .container .fTop .logo img{height:100px}
#footer .container .fTop .buttons{display:flex;align-items:center;height:fit-content}
#footer .container .fTop .buttons .button{transition:all .3s;padding:10px 20px;background:linear-gradient(85deg,#11940a 0,#13b50b 100%);border-radius:4px;margin-right:10px;box-shadow:0 7px 19px 0 rgb(0 0 0 / 14%);height:fit-content;border:unset}
#footer .container .fTop .buttons .button:hover{opacity:.75;transition:all .3s}
#footer .container .fTop .buttons .button a{font-size:13px;color:#3b3b3b}
#footer .container .fTop .buttons .button:last-child{background:linear-gradient(85deg,#0a4b94 0,#1366c3 100%)}
#footer .container .fTop .phoneH{display:flex;align-items:flex-end;transition:all .3s;flex-direction:column}
#footer .container .fTop .phoneH img{height:40px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #000;transition:all .3s;filter:invert(12%) sepia(8%) saturate(692%) hue-rotate(182deg) brightness(93%) contrast(97%);opacity:.75}
#footer .container .fTop .phoneH p{margin:0;padding:0;font-size:19px;color:#3b3b3b}
#footer .container .fTop .phoneH:hover{opacity:.89;transition:all .3s}
#footer .container .fTop .phoneH:hover img{filter:invert(89%) sepia(22%) saturate(6350%) hue-rotate(348deg) brightness(104%) contrast(103%);transition:all .3s;opacity:1}
#footer .container .fMid{display:flex;justify-content:space-between;padding:25px 0 0 0}
#footer .container .fMid .fMidLeft{display:flex;flex-direction:column;opacity:.8}
#footer .container .fMid .fMidLeft .copyRight{display:flex;flex-direction:column}
#footer .container .fMid .fMidLeft .copyRight h1{margin:0;padding:0;font-size:14px;color:#3b3b3b;font-weight:500}
#footer .container .fMid .fMidLeft .copyRight p{margin:0;padding:0;font-size:13px;color:#3b3b3b;font-weight:300}
#footer .container .fMid .fMidLeft .adress{color:#3b3b3b;font-size:13px;margin:0;padding:10px 0 0 0;transition:all .3s}
#footer .container .fMid .fMidLeft .adress:hover{opacity:.75;transition:all .3s}
#footer .container .fMid .fMidRight{display:flex;align-items:flex-end;height:max-content;flex-direction:column;margin-top:-7px}
#footer .container .fMid .fMidRight .phoneH{display:flex;align-items:center;transition:all .3s}
#footer .container .fMid .fMidRight .phoneH img{height:27px;padding-right:10px;margin-right:10px;border-right:1px solid #bbc0c4;transition:all .3s;filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(64deg) brightness(104%) contrast(104%)}
#footer .container .fMid .fMidRight .phoneH p{margin:0;padding:0;font-size:15px;color:#3b3b3b}
#footer .container .fMid .fMidRight .phoneH:hover{opacity:.89;transition:all .3s}
#footer .container .fMid .fMidRight .phoneH:hover img{filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(64deg) brightness(104%) contrast(104%);transition:all .3s}
#footer .container .fMid .fMidRight .icons{display:flex;height:fit-content;margin-bottom:18px}
#footer .container .fMid .fMidRight .icons a{display:flex;margin-left:5px}
#footer .container .fMid .fMidRight .icons a:first-child{margin-left:0}
#footer .container .fMid .fMidRight .icons a img{height:22px;filter:invert(12%) sepia(8%) saturate(692%) hue-rotate(182deg) brightness(93%) contrast(97%);transition:all .3s;opacity:.7}
#footer .container .fMid .fMidRight .icons a:hover img{transition:all .3s;filter:invert(89%) sepia(22%) saturate(6350%) hue-rotate(348deg) brightness(104%) contrast(103%);opacity:1}
#footer .container .fMid .fMidRight .whatsap{display:flex;align-items:center;transition:all .3s}
#footer .container .fMid .fMidRight .whatsap img{height:25px;filter:invert(65%) sepia(90%) saturate(439%) hue-rotate(67deg) brightness(87%) contrast(85%);transition:all .3s}
#footer .container .fMid .fMidRight .whatsap:hover img{filter:invert(89%) sepia(22%) saturate(6350%) hue-rotate(348deg) brightness(104%) contrast(103%);transition:all .3s}
#courmedya{width:100%;padding:25px 0}
#courmedya .container{display:flex;justify-content:flex-end}
#courmedya .container a{opacity:1;transition:all .3s}
#courmedya .container a:hover{opacity:.75;transition:all .3s}
#courmedya .container img{height:28px}
.pageImage{width:100%;height:42vh;position:relative}
.pageImage img{width:100%;height:100%;object-fit:cover}
.pageImage::after{position:absolute;content:"";left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.36)}
.pageImage .container{position:relative}
.pageImage .container h1{padding:0;margin:0;color:#fff;font-size:20px;position:absolute;left:0;bottom:25px;z-index:9999}
.pageTitle{width:100%;padding:30px 0;background:#0474bd;display:flex;align-items:center}
.pageTitle h1{padding:0;margin:0;color:#fff;font-size:20px}
.pageInfo{width:100%;height:50px;background:#484848}
.pageInfo .container{display:flex;flex-direction:row;justify-content:space-between;height:100%}
.pageInfo .container .nextPrev{display:flex;color:#fff;align-items:center;justify-content:center;height:100%}
.pageInfo .container .nextPrev a{color:#fff;text-decoration:none;font-size:15px;margin:0 20px}
.pageInfo .container .nextPrev a:first-child{margin-left:0}
.pageInfo .container .nextPrev a p{margin:0;padding:0}
.pageInfo .container .productNavigation{display:flex;color:#fff;align-items:center;justify-content:center;height:100%}
.pageInfo .container .productNavigation a{color:#fff;text-decoration:none;font-size:13px;padding:0 2px}
.pageContent{padding:20px 0;display:flex}
.pageContent h2{margin:0;padding:5px 0;font-size:21px;color:#db5e32;font-weight:400;position:relative}
.pageContent h2::after{position:absolute;content:"";left:0;bottom:-6px;width:50px;height:5px;background:#274185;border-top-right-radius:5px}
.pageContent img{margin-right:20px;width:500px}
.pageContent p{margin:0;padding:10px 0 0 0;color:#000d;line-height:1.7}
.docsTitle{margin:0;padding:0;font-size:20px;color:#f3a45f;margin-bottom:10px;display:flex;align-items:center}
.docs{display:flex;flex-wrap:wrap}
.docs a{display:flex;width:100%;flex:1 0 25%;margin:10px;height:270px;padding:10px;border:1px dashed #94dbe9}
.docs a img{width:100%;height:100%;object-fit:contain}
.kadromuz{flex-wrap:wrap;display:flex;align-items:center;padding:15px 0}
.kadromuz .single{flex-basis:23%;display:flex;flex-direction:column;margin:10px;height:300px;margin-top:15px;border-bottom:1px solid #dddd}
.kadromuz .single .image{display:flex;align-items:center;justify-content:center;height:177px}
.kadromuz .single .image img{height:100%;object-fit:contain;width:100%}
.kadromuz .single .title{padding:14px 0 0}
.kadromuz .single .title h1{margin:0;padding:0;font-size:23px;color:#64a984}
.kadromuz .single .title p{padding:0;margin:0;font-size:13px;padding-top:5px}
#pageDetailContent .container .pageLeft .content .tabsVisibility{width:100%}
#pageDetailContent .container .pageLeft .content .tabs-nav-one{list-style:none;display:flex;margin:0;padding:0;border-bottom:2px solid #d9d9d9;flex-wrap:wrap}
#pageDetailContent .container .pageLeft .content .tabs-nav-one li{position:relative;height:51px;display:flex;align-items:center;flex:1 0 25%;text-align:center}
#pageDetailContent .container .pageLeft .content .tabs-nav-one li:last-child{border-right:unset}
#pageDetailContent .container .pageLeft .content .tabs-nav-one li:after{position:absolute;content:"";right:0;top:50%;transform:translateY(-50%);width:1px;height:20px;background:#d9d9d9}
#pageDetailContent .container .pageLeft .content .tabs-nav-one li a{padding:0 19px;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;width:100%}
#pageDetailContent .container .pageLeft .content .tabs-nav-one li .triangle{position:absolute;content:"";left:0;bottom:-3px;display:none;width:100%;height:3px;background:#009ba4}
#pageDetailContent .container .pageLeft .content .tabs-nav-one li.activeCategory .triangle{display:block}
#pageDetailContent .container .pageLeft .content .tabs-nav-one li a h1{color:#393e43;margin:0;padding:0;font-size:14px;font-weight:300;width:100%}
#pageDetailContent .container .pageLeft .content .tabs-nav-one li a p{padding:0;margin:0;color:#888;font-size:11px;padding-top:3px}
#pageDetailContent .container .pageLeft .content .tabs-nav-one li.tab-active-one a h1{font-weight:600}
#pageDetailContent .container .pageLeft .content .projeList{display:flex;flex-wrap:wrap;padding:30px 0}
#pageDetailContent .container .pageLeft .content .projeList .single{flex:0 0 30%;transition:all .3s!important;transform:scale(1)!important;margin-right:15px;margin-top:15px;border:3px outset #cfd9e0;padding:15px}
#pageDetailContent .container .pageLeft .content .projeList .single .image{width:100%;height:200px}
#pageDetailContent .container .pageLeft .content .projeList .single .image img{width:100%;height:100%;object-fit:cover}
#pageDetailContent .container .pageLeft .content .projeList .single .title{position:relative;margin:0;padding:8px 0;font-size:13px;font-weight:400;color:#1d2f3d}
#pageDetailContent .container .pageLeft .content .projeList .single .title:before{content:"";left:0;bottom:0;width:0;height:3px;transition:all .3s;position:absolute}
#pageDetailContent .container .pageLeft .content .projeList .single:hover{transform:scale(.9)!important;transition:all .3s}
#pageDetailContent .container .pageLeft .content .projeList .single:hover .title:before{background:#009ba4;transition:all .3s;width:50%}
#productsList .list{width:100%;margin:0;padding:20px 0;list-style:none;display:flex;flex-wrap:wrap}
#productsList .list li{flex-basis:47%;width:100%;height:250px;margin:0 15px 15px 0;position:relative;overflow:hidden;transition:all .4s}
#productsList .list li:hover .katImage{transform:scale(1.2);transition:all .4s}
#productsList .list li .katImage{width:100%;height:100%;transition:all .4s}
#productsList .list li .katImage img{width:100%;height:100%;object-fit:cover;display:block}
#productsList .list li .katTitle{width:100%;position:absolute;bottom:0;z-index:100;background:rgb(255 255 255 / 58%);padding:11px 0 15px 15px;transition:all .4s}
#productsList .list li:hover .katTitle{transition:all .8s;letter-spacing:1px;padding:15px 0 15px 20px}
#productsList .list li .katTitle h2{font-size:14px;margin:0;padding:0;color:#000}
#productsList .list li::after{width:100%;height:5px;background:#4e4e4e;position:absolute;content:"";bottom:0;left:0;right:0;z-index:998}
#productsList .list li::before{position:absolute;content:"";left:0;bottom:0;height:5px;width:20%;background:#00a3c0;z-index:999;transition:all .3s}
#productsList .list li:hover::before{width:30%;transition:all .3s}
#productsListe .list{width:100%;margin:0;padding:20px 0;list-style:none;display:flex;flex-wrap:wrap}
#productsListe .list a{flex-basis:30%;background:#fff;position:relative;transition:all .3s;padding:15px;border-radius:8px;padding:0;display:flex;flex-direction:column;border:1px solid #ddd;margin-right:15px;margin-bottom:15px}
#productsListe .list a:nth-child(3n){margin-right:0}
#productsListe .list a:before{transition:all .3s;position:absolute;content:"";left:0;right:0;top:-22px;height:30px;border-top-left-radius:8px;border-top-right-radius:8px}
#productsListe .list a:hover{opacity:.98;transition:all .3s;transform:scale(.88)}
#productsListe .list a img{width:100%;object-fit:contain;padding:20px}
#productsListe .list a .title{margin:0;font-size:17px;color:#e4af00;font-weight:500;padding:20px 30px;min-height:64px;transition:all .3s;display:flex;align-items:center;justify-content:center}
#productsListe .list a .title:before{content:"";position:absolute;left:0;bottom:0;width:10px;height:80px;background:#b2b2b2;transition:all .3s;border-bottom-left-radius:8px}
#productsListe .list a:hover .title{opacity:.7;transition:all .3s}
#productsListe .list a span{position:absolute;left:20px;top:20px;background:#823f91;border-radius:100%;margin:0;width:50px!important;height:50px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 4px 2px rgb(0 0 0 / 23%)}
#productsListe .list a:hover .title:before{transition:all .3s;height:100%;background:#009640;width:5px;border-top-left-radius:8px}
#productContent{padding:0;background:#fff;display:flex;flex-direction:column;position:relative;padding:15px 0}
#productContent .left{float:none!important;width:100%!important}
#productContent .left .image{width:100%;overflow:hidden}
#productContent .right{width:100%;padding:1%;display:flex;border-right:unset;flex-direction:column;justify-content:center;background:#fff;z-index:2;margin-top:15px}
#productContent .right h2{margin:0;padding:5px 0;font-size:21px;color:#000;font-weight:400;position:relative}
#productContent .right h2::after{position:absolute;content:"";left:0;bottom:-6px;width:50px;height:5px;border-top-right-radius:5px}
#productContent .right strong{margin:0;padding:10px 0;font-size:17px;color:#484848;font-weight:700;position:relative}
#productContent .right strong::after{position:absolute;content:"";left:0;bottom:3px;width:50px;height:3px;border-top-right-radius:5px}
#productContent .right p{margin:2px 0;padding:5px 0;font-size:16px;color:#232323dd;line-height:1.7}
#productContent .fotorama__thumb-border{border-color:#ec6707!important;background-image:linear-gradient(to bottom right,rgba(12,77,162,.34),rgba(236,103,7,.13))!important}
#pageDetailContent .container .pageRight .content .link{padding:15px;background:#e2ad24;color:#fff;margin-bottom:10px;font-size:14px;width:fit-content;transition:all .3s}
#pageDetailContent .container .pageRight .content .link a{padding:15px;transition:all .3s}
#pageDetailContent .container .pageRight .content .link:hover{opacity:.7;transition:all .3s}
#pageDetailContent .container .pageRight .content .table{width:93%;overflow:hidden;overflow-x:auto}
#pageDetailContent .container .pageRight .content table{width:100%;overflow-x:auto;margin-top:10px;border-collapse:collapse;border:1px solid #c6c3c7}
#pageDetailContent .container .pageRight .content table th{color:#fff;background:#0072bc;border-radius:0;padding:10px;font-size:13px}
#pageDetailContent .container .pageRight .content table td,th{padding:6px;font-size:14px;border-right:1px solid #c6c3c7}
#pageDetailContent .container .pageRight .content table tr{border-bottom:1px solid #c6c3c7}
#pageDetailContent .container .pageRight .content table tr td:first-child{width: 50px;}
#teamList .list{width:100%;margin:0;padding:20px 0;list-style:none;display:flex;flex-wrap:wrap}
#teamList .list li{flex:1 0 100%;width:100%;margin:0 15px 15px 0;position:relative;overflow:hidden;transition:all .4s;border:1px solid #e8e9ed}
#teamList .list li:hover .katImage{transform:scale(1.2);transition:all .4s}
#teamList .list li .katImage{width:100%;height:100%;transition:all .4s}
#teamList .list li .katImage img{width:100%;height:100%;object-fit:contain;display:block}
#teamList .list li .katTitle{width:100%;position:absolute;bottom:0;z-index:100;background:#fff;padding:11px 0 15px 15px;transition:all .4s}
#teamList .list li:hover .katTitle{transition:all .8s;letter-spacing:1px}
#teamList .list li .katTitle h2{font-size:14px;margin:0;padding:0;color:#484848}
#teamList .list li::after{width:100%;height:5px;background:#e8e9ed;position:absolute;content:"";bottom:0;left:0;right:0;z-index:998}
#teamList .list li::before{position:absolute;content:"";left:0;bottom:0;height:5px;width:20%;background:#00a3c0;z-index:999;transition:all .4s}
#teamList .list li:hover::before{width:25%;transition:all .4s}
#teamContent{padding:27px 0;background:#fff}
#teamContent .container{display:flex;flex-direction:row;position:relative;flex-wrap:wrap}
#teamContent .container .left{float:none!important;width:30%!important;flex:1 0 27%}
#teamContent .container .right{width:100%;padding:0 4%;display:flex;border-right:unset;flex-direction:column;margin-bottom:15px;background:rgba(255,255,255,.58);z-index:2;color:#000;flex:1 0 40%}
#teamContent .container .right p{margin:0;padding:0;font-size:15px;line-height:1.7}
#teamContent .container .left .fotorama__thumb-border{border-color:#4db848;background-color:rgba(0,0,0,.5)}
#teamContent .container .right h1{margin:10px 0;padding:5px 0;font-size:20px;color:#009bdf;position:relative}
#teamContent .container .right h1:after{position:absolute;content:"";left:0;bottom:-3px;width:50px;height:5px;background:#a1a8b8}
#teamContent .container .right h2{font-size:15px;color:#102a60;margin:0 0 2px 0;padding:0}
#teamContent .container .right h2 span{font-weight:500;font-size:15px;color:#102a60}
#teamContent .container .right h3{margin:0 0 2px 0;padding:0;font-size:16px;color:#102a60}
#teamContent .container .right p{margin:0 0 10px 0;padding:0}
#teamContent .container .right span{font-size:10px;color:#000}
#teamContent .container .content .text{flex:1;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;margin-left:5%}
#teamContent .fotorama{max-width:800px;width:100%;margin:0 auto;border:1px solid #dee1e6;border-bottom:5px solid #dee1e6;padding-bottom:10px}
#teamContent .fotorama__nav{border-top:1px solid #dee1e6;padding-top:10px;width:90%!important}
#newsList .container{display:flex;flex-wrap:wrap;padding:0 0 17px 0}
#newsList .single{flex:1 0 48%;padding:10px}
#newsList .single .catSingle{width:100%;height:240px;margin:20px 0 0;transition:all 1s ease 8ms;border:1px solid #e6e6e6;box-shadow:0 0 5px 0 rgba(221,221,221,.6196078431372549);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:30px}
#newsList .single .catSingle .top{position:relative;height:45px;width:100%}
#newsList .single .catSingle .top:after{position:absolute;content:"";width:100%;height:2px;background:#ddd;right:0;top:50%;transform:translateY(-50%);z-index:-1}
#newsList .single .catSingle .midle h1{color:#102a60;font-size:23px;font-weight:500;text-align:center}
#newsList .single .catSingle .bottom{width:50px;height:50px;font-size:18px;border-radius:100%;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;transition:all .3s;color:#bc4f19}
#newsList .single:hover .catSingle .bottom{transform:rotate(360deg)}
#news-list{background:#fff;border-radius:10px}
#news-list .list{display:flex;flex-direction:row;flex-wrap:wrap;padding:15px}
#news-list .list .inner-container{width:100%;height:auto;position:relative;margin:15px;box-shadow:0 0 15px rgba(0,0,0,.06);flex-basis:42%}
#news-list .list .inner-container .date{position:absolute;top:0;left:0;width:80px;height:auto;background-color:#0d1c30;z-index:2;padding:18px 19px 10px 19px}
#news-list .list .inner-container .date:before{position:absolute;content:'';left:0;bottom:-13px;border-top:15px solid #0d1c30;border-right:80px solid transparent;z-index:-1}
#news-list .list .inner-container .date h3{font-size:36px!important;font-weight:300;margin-top:10px!important;margin-bottom:4px}
#news-list .list .inner-container .date h3 span{position:relative;color:#fff}
#news-list .list .inner-container .date h3 span:before{position:absolute;content:"";width:100%;height:1px;background-color:#fff3db;left:0;bottom:3px}
#news-list .list .inner-container .date h5{margin:0;padding:0;color:#fff;letter-spacing:0;font-size:14px;line-height:14px;font-weight:400;text-transform:uppercase}
#news-list .list .inner-container .date h5:first-child{padding:10px 0 0 0}
#news-list .list .inner-container .image img{width:100%;height:250px;object-fit:cover;filter:grayscale(1);transition:1s linear}
#news-list .list .inner-container:hover .image img{filter:unset;transition:1s linear}
#news-list .list .inner-container .desc{width:100%;height:auto;padding:0 20px 30px 30px}
#news-list .list .inner-container .desc .title h3{font-size:21px;line-height:1;font-weight:400;color:#14141c;margin-bottom:10px;text-transform:capitalize}
#news-list .list .inner-container .desc .title h3 a{text-decoration:none;color:#181a2f;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
#news-list .list .inner-container .desc .title h3 a:hover{color:#274185}
#news-list .list .inner-container .desc .info{width:100%;margin-bottom:24px;border-bottom:1px solid #ccc;padding-bottom:4px}
#news-list .list .inner-container .desc .info span{position:relative;color:#000;font-size:12px;padding-right:22px;font-style:italic;font-weight:400}
#news-list .list .inner-container .desc .info span:last-child{position:unset}
#news-list .list .inner-container .desc .info a{text-decoration:none;color:#666;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
#news-list .list .inner-container .desc .info a:hover{color:#274185}
#news-list .list .inner-container .desc .explanation{margin-bottom:17px}
#news-list .list .inner-container .desc .explanation p{font-size:15px;color:#3b3b3b;line-height:1.6}
#news-list .list .inner-container .desc .readmore{width:100%}
#news-list .list .inner-container .desc .readmore a{text-decoration:none;background-color:#505050;color:#fff;line-height:1.6;font-weight:600;padding:10px 20px;border-radius:3px;display:inline-block;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
#news-list .list .inner-container .desc .readmore a:hover{opacity:.7}
#pageDetailContent .container .pageRight .newsContent{border-radius:10px;background:#fff;padding:20px}
#pageDetailContent .container .pageRight .newsContent .image{width:100%;height:480px;margin-bottom:20px}
#pageDetailContent .container .pageRight .newsContent .image img{width:100%;height:100%;object-fit:contain}
#pageDetailContent .container .pageRight .newsContent .page-news-detail-footer{position:relative;display:flex;flex-direction:column;justify-content:center;margin:20px 0;padding:10px 0;text-align:center;border-top:1px solid #d8d8d7;border-bottom:1px solid #d8d8d7}
#pageDetailContent .container .pageRight .newsContent .page-news-detail-footer:before{position:absolute;content:'';width:100px;height:2px;top:-1px;left:0;background-color:#d64b18}
#pageDetailContent .container .pageRight .newsContent .page-news-detail-footer:after{position:absolute;content:'';width:100px;height:2px;bottom:-1px;right:0;background-color:#519fd7}
#pageDetailContent .container .pageRight .newsContent .newsDetail-footer-share-items a{width:70px;height:40px;position:relative;display:inline-block;color:#fff}
#pageDetailContent .container .pageRight .newsContent .newsDetail-footer-share-items a:hover{opacity:.8}
#pageDetailContent .container .pageRight .newsContent .newsDetail-footer-share-items i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#pageDetailContent .container .pageRight .newsContent .newsGallery .topTitle{width:100%;margin:10px 0 20px;color:#ff4d00}
#pageDetailContent .container .pageRight .newsContent .newsGallery .topTitle h1{margin:0;padding:0;font-size:24px}
#pageDetailContent .container .pageRight .newsContent .newsGallery .content{width:100%;flex-wrap:wrap;display:flex}
#pageDetailContent .container .pageRight .newsContent .group1{flex:1 0 44%;margin:10px;height:250px}
#pageDetailContent .container .pageRight .newsContent .group1 img{width:100%;height:100%;object-fit:cover}
#pageDetailContent .container .pageRight .brosurs{display:flex;flex-direction:column;margin:10px}
#pageDetailContent .container .pageRight .brosurs .single{display:flex;justify-content:space-between;padding:7px;border-bottom:1px solid #ddd;margin:0 20px;align-items:center;transition:all .3s}
#pageDetailContent .container .pageRight .brosurs .single:first-child{border-top:unset}
#pageDetailContent .container .pageRight .brosurs .single .left{font-size:13px}
#pageDetailContent .container .pageRight .brosurs .single:hover{color:#015a99;transition:all .3s}
#pageDetailContent .container .pageRight .brosurs .single .left i{padding-right:9px}
#pageDetailContent .container .pageRight .brosurs .single .right i{color:#3d4243;font-size:23px}
#pageDetailContent .container .pageRight .referanceList{flex-wrap:wrap;display:flex}
#pageDetailContent .container .pageRight .referanceList .single{cursor:pointer;position:relative;flex:1 0 30%;width:100%;display:flex;align-items:center;justify-content:center;transition:all .3s;border:1px solid #ccc;flex-direction:column;margin:7px;text-decoration:unset;color:unset}
#pageDetailContent .container .pageRight .referanceList .single:hover{transform:scale(.95);transition:all .3s}
#pageDetailContent .container .pageRight .referanceList .single img{width:100%;object-fit:cover;height:191px}
#pageDetailContent .container .pageRight .referanceList .single h1{font-size:17px;font-weight:500;padding:10px 0;margin:0;width:100%;text-align:center;text-decoration:unset}
#pageDetailContent .container .pageRight .referanceList .single:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:5px;background:linear-gradient(270deg,rgb(30 108 158) 23%,#023e65 76%);transition:all .3s}
#pageDetailContent .container .pageRight .referanceList .single:hover:before{width:100%;background:#456aa4;transition:all .3s}
#videoList .container .list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
#videoList a{display:flex;flex:1 0 47%;width:100%;height:300px;margin:10px;position:relative;transition:all .4s}
#videoList a img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
#videoList a p{position:absolute;bottom:0;left:0;width:100%;background:#3b3b3b7a;color:#fff;padding:11px;margin:0}
#videoList a:hover{opacity:.7}
#videoList a:hover img{filter:unset}
.form{flex:1 0 45%}
.page-contact .boxes{display:flex;flex-direction:column;justify-content:flex-start;flex-basis:50%;padding:0 50px 0 0}
.page-contact .boxe{display:flex;flex-direction:column}
.page-contact .boxe h1{margin:0;padding:17px 0;font-size:16px;color:#519fd7;border-bottom:1px solid #ddd}
.page-contact .boxes h1{margin:0;padding:17px 0;font-size:25px;color:#346ca9;border-bottom:1px solid #ddd}
.page-contact .box{display:flex;align-items:center;justify-content:flex-start;border-bottom:1px solid #d1287917;padding:15px 0}
.page-contact .box .icon{text-align:center;height:100%;min-width:70px;display:flex;align-items:center}
.page-contact .box .icon i{font-size:29px;color:#9ba6b1}
.page-contact .box .tel{font-size:18px!important}
.page-contact .box .ctitle{display:flex;flex-direction:column;justify-content:center;padding:0;height:100%;width:100%}
.page-contact .box:first-child .ctitle{justify-content:center}
.page-contact .box .ctitle a{font-weight:400;letter-spacing:1px;color:#8c8c8c}
.page-contact .box .ctitle p{color:#8c8c8c;margin:0;font-size:14px!important;line-height:1!important;margin-top:0!important}
.page-contact .contact-top{display:flex;flex:1;margin:20px 0}
.cookie-banner{position:fixed;bottom:50px;left:10%;right:10%;width:80%;padding:5px 14px;display:flex;align-items:center;justify-content:space-between;background-color:#1b2650;color:#fff;border-radius:5px;box-shadow:0 0 2px 1px rgba(0,0,0,.2);z-index:99999;flex-direction:column}
.cookie-banner p{margin:0;padding:10px}
.cookie-banner a:hover{text-decoration:underline}
.cookie-close{background-color:#bc4f19;border:none;color:#fff;border-radius:2px;cursor:pointer;padding:10px;font-size:14px}
ul.pagination{display:flex;flex-direction:row;width:100%;list-style:none;margin:0;flex-wrap:wrap;padding:10px 0;margin:10px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
ul.pagination li:first-child{border-left:unset}
ul.pagination li{display:flex;align-items:center;justify-content:center;list-style:unset;width:100%;flex:1;border-left:1px solid #ddd}
ul.pagination li a{width:100%;display:flex;align-items:center;justify-content:center}
li.active{color:#2c8db1}
#pageNavigation{background:#b8b8b8;padding:30px 0}
#pageNavigation .container a{font-size:20px;color:#fff;font-weight:400}
#pageNavigation .container a:last-child{font-weight:500}
#pageNavigationImg{width:100%;height:375px;position:relative;margin-top:-120px}
#pageNavigationImg .container{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:9}
#pageNavigationImg::before{content:'';position:absolute;bottom:0;right:0;left:0;height:100%;background:linear-gradient(19deg,rgb(0 0 0 / 55%) 0,transparent);z-index:2}
#pageNavigationImg::after{content:'';position:absolute;bottom:0;right:0;left:0;height:100%;background:linear-gradient(187deg,rgb(0 0 0 / 10%) 0,rgb(0 0 0 / 32%));z-index:2}
#pageNavigationImg img{width:100%;height:100%;object-fit:cover}
#pageNavigationImg video{width:100%;height:100%;object-fit:cover}
#pageNavigationImg .container .text{position:absolute;bottom:20px;left:0;z-index:999999;color:#d9d9d9;font-style:italic}
#pageNavigationImg .container .text h1{margin:0;font-weight:300;line-height:1.1;font-size:45px}
#pageNavigationImg .container .text a{font-size:21px;color:#9d9d9c}
#pageNavigationImg .container .text a:last-child{color:#fff}
#pageNavigationImg .container .text p{margin:0;font-weight:700}
#pageNavigationImg .container .image{position:absolute;bottom:40px;right:-25px;z-index:999999;width:200px;height:175px}
#pageNavigationImg .container .image img{object-fit:contain}
#pageDetailContent{width:100%}
#pageDetailContent .container{display:-ms-grid;display:grid;grid-template-columns:27% 69%;grid-gap:0 50px}
#pageDetailContent .container .pageLeft{width:100%}
#pageDetailContent .container .pageRight{width:100%;padding:30px 0 60px}
#pageDetailContent .container .pageRight .pageTitle{border-bottom:2px solid #d9d9d9;padding:0 0 16px 0;display:flex;align-items:center;justify-content:flex-start;font-style:italic}
#pageDetailContent .container .pageRight .pageTitle a{font-size:24px}
#pageDetailContent .container .pageRight .pageTitle a:nth-child(2){position:relative;display:flex;align-items:center;font-weight:700}
#pageDetailContent .container .pageRight .pageTitle a:nth-child(2):before{content:'\E5CC';color:rgb(0 0 0 / 70%);vertical-align:top;display:inline-block;font-family:'Material Icons';font-weight:400;font-style:normal;font-size:30px;-webkit-font-smoothing:antialiased}
#pageDetailContent .container .pageRight .content{position:relative;height:100%;padding-bottom:50px}
#pageDetailContent .container .pageRight .content .contentTitle{width:100%;max-width:531px;font-size:55px;margin:0;margin-bottom:35px;font-style:italic;font-weight:900}
#pageDetailContent .container .pageRight .content p{font-size:17px;line-height:1.5;width:94%;margin:0;padding:0;margin-top:10px}
#pageDetailContent .container .pageRight .contentP p{width:100%;font-size:15px;margin-top:5px}
#pageDetailContent .container .pageRight .content .kurumsalImg{position:absolute;right:0;bottom:52px;z-index:-1}
#pageDetailContent .container .pageLeft .filter{display:none;padding:10px 0;color:#000;cursor:pointer;align-items:center;justify-content:center;margin-bottom:10px;border-bottom:1px solid #ddd}
#pageDetailContent .container .pageLeft .filter i{margin-right:13px}
#pageDetailContent .container .pageRight .contentP{display:flex;flex-wrap:wrap;padding:50px;height:auto!important;background:#fff;border-radius:10px}
#pageDetailContent .container .pageRight .content .singleU{flex:0 0 30%;margin-right:20px;margin-bottom:20px;box-shadow:0 6px 6px 5px rgb(159 159 159 / 14%);transition:all .2s;position:relative;border-radius:15px;height:auto}
#pageDetailContent .container .pageRight .content .singleU:hover{transition:all .2s;transform:scale(.8)}
#pageDetailContent .container .pageRight .content .singleU img{width:100%;object-fit:contain;height:180px;max-height:180px;border-top-left-radius:15px;border-top-right-radius:15px;padding:10px}
#pageDetailContent .container .pageRight .content .singleU h1{font-size:14px;padding:15px;margin:-4px 0 0 0;background:linear-gradient(304deg,rgb(244 235 221) 23%,rgb(228 218 200) 75%);font-weight:400;min-height:83px;height:auto;border-top:1px solid rgb(255 255 255 / 30%);border-bottom-left-radius:15px;border-bottom-right-radius:15px}
#pageDetailContent .container .pageRight .content .singleU::before{content:"";position:absolute;left:25px;height:43%;width:1px;background:linear-gradient(3deg,#7d656f 50%,#381c12 100%);transition:all .3s}
#pageDetailContent .container .pageRight .content .singleU:hover::before{transition:all .3s;height:100%;left:90%}
#pageDetailContent .container .pageRight .contentP .build{font-size:17px;margin-top:0;padding:10px 0;margin-bottom:10px;border-bottom:1px solid #ddd;width:100%}
#pageDetailContent .container .pageRight .contentP .singleT{flex:1 0 30%;position:relative;display:flex;flex-direction:column-reverse;background:#fff;padding:0;justify-content:space-between;margin:10px 10px 0 0;height:233px;transition:all .3s;overflow:hidden;border-radius:13px}
#pageDetailContent .container .pageRight .contentP .singleT .icon{border-right:1px solid #fff;position:absolute;bottom:0;left:0;height:100%;width:30px;display:flex;align-items:center;background:linear-gradient(357deg,#898989 0,#c5c5c5 100%);justify-content:center;transition:all .3s}
#pageDetailContent .container .pageRight .contentP .singleT .triangle{position:absolute;bottom:0;left:0;transition:all .3s;border-bottom:0 solid transparent;border-top:70px solid rgb(143 102 102 / 0%);z-index:99}
#pageDetailContent .container .pageRight .contentP .singleT .icon i{color:#000;font-size:14px;color:#fff;transform:rotate(90deg)}
#pageDetailContent .container .pageRight .contentP .singleT h1{margin:0;font-size:16px;font-weight:500;width:100%;position:absolute;left:15px;color:#fff;bottom:15px;z-index:3}
#pageDetailContent .container .pageRight .contentP .singleT img{height:100%;object-fit:cover}
#pageDetailContent .container .pageRight .contentP .singleT.frenkSingle{padding:0;flex:0 0 46%}
#pageDetailContent .container .pageRight .contentP .singleT.frenkSingle img{height:100%;width:100%;object-fit:cover}
#pageDetailContent .container .pageRight .contentP .singleT.frenkSingle h1{position:absolute;color:#fff}
#pageDetailContent .container .pageRight .contentP .singleT.frenkSingle:before{content:"";background:linear-gradient(357deg,rgb(0 0 0 / 50%) 0,#c5c5c500 100%);position:absolute;left:0;top:0;right:0;bottom:0}
#pageDetailContent .container .pageRight .contentP .singleT::after{transition:opacity 1s ease;content:'';position:absolute;bottom:0;right:0;left:0;height:100%;background:linear-gradient(0deg,rgb(0 0 0 / 59%) 0,transparent);z-index:2}
#pageDetailContent .container .pageRight .contentP .singleT:hover{transition:all .3s;transform:scale(.9)}
#pageDetailContent .container .pageRight .contentP .singleT:hover .icon{transition:all .3s;background:rgb(82 82 82 / 41%);top:22%;width:100%;height:50%;transform:skew(0,23deg)}
#pageDetailContent .container .pageRight .contentP .singleT:hover .icon i{transition:all .3s;color:#fff}
#pageDetailContent .container .pageRight .content .ourTeams{flex-wrap:wrap;display:flex}
#pageDetailContent .container .pageRight .content .ourTeams .single{position:relative;flex:1 0 25%;width:100%;display:flex;min-height:220px;align-items:center;justify-content:center;transition:all .3s;border:1px solid #ccc;flex-direction:column;margin:14px;padding:5px;cursor:pointer}
#pageDetailContent .container .pageRight .content .ourTeams .single:hover{transform:scale(.95);transition:all .3s}
#pageDetailContent .container .pageRight .content .ourTeams .single img{width:100%;object-fit:contain;height:200px}
#pageDetailContent .container .pageRight .content .ourTeams .single h1{font-size:15px;font-weight:500;padding:7px 0 5px 0;margin:0;width:100%;text-align:center}
#pageDetailContent .container .pageRight .content .ourTeams .single p{font-size:12px;font-weight:500;padding:8px 0;margin:0;width:100%;text-align:center}
#pageDetailContent .container .pageRight .content .ourTeams .single:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:5px;background:#ccc;transition:all .3s}
#pageDetailContent .container .pageRight .content .ourTeams .single:hover:before{width:100%;background:#00a3c0;transition:all .3s}
#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{position:relative;width:100%!important;height:100%;background:#fff}
#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:#4e4e4e;opacity:1;z-index:99;display:flex;align-items:center;justify-content:center;transition:all .3s;margin-right:6px;border-radius:unset}
#pageDetailContent .container .pageRight #productSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#5b616a;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:#a80e07;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:#a80e07;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 .productDetail{width:100%;padding:0!important}
#pageDetailContent .container .pageRight .productDetail .tabs{width:100%;margin-top:10px}
#pageDetailContent .container .pageRight .productDetail .tabs .tabs-nav{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;margin-bottom:10px}
#pageDetailContent .container .pageRight .productDetail .tabs .tabs-nav .singlee{flex:1;list-style:none;background:#cfd9e0;display:flex;transition:all .3s}
#pageDetailContent .container .pageRight .productDetail .tabs .tabs-nav .singlee:hover{opacity:.7;transition:all .3s}
#pageDetailContent .container .pageRight .productDetail .tabs .tabs-nav .singlee.tab-active{background:#1d2f3d;width:100%;color:#fff}
#pageDetailContent .container .pageRight .productDetail .tabs .tabs-nav .singlee a{width:100%;height:100%;padding:20px;text-align:center}
#pageDetailContent .container .pageRight .productDetail .tabs .tabs-stage{width:100%}
#pageDetailContent .container .pageRight .productDetail .tabs .tabs-stage .tabsVisibility{width:100%}
#pageDetailContent .container .pageRight .productDetail .tabs .tabs-stage .tabsVisibility img{width:100%;object-fit:contain;padding:10px;border:2px solid #ddd}
#pageDetailContent .container .pageRight .productDetail .din{margin:8px 0;padding:0;font-size:25px;color:#009ba4}
#pageDetailContent .container .pageLeft .pageDetailSlider{position:relative;padding:50px 50px 100px 50px;height:610px;display:flex;flex-direction:column;justify-content:space-around}
#pageDetailContent .container .pageLeft .pageDetailSlider img{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;z-index:-1}
#pageDetailContent .container .pageLeft .pageDetailSlider .text{font-style:italic}
#pageDetailContent .container .pageLeft .pageDetailSlider .text .title h1{font-size:35px;color:#fff;margin:0;font-weight:700}
#pageDetailContent .container .pageLeft .pageDetailSlider .text .title p{color:#ff991a;text-shadow:1px 1px #000;margin:0;font-weight:400;font-size:20px}
#pageDetailContent .container .pageLeft .pageDetailSlider .text .content p{font-size:17px;color:#a09f9f;font-weight:400}
#pageDetailContent .container .pageLeft .pageDetailSlider .swiper-container{position:relative;width:100%}
#pageDetailContent .container .pageLeft .pageDetailSlider .swiper-container .swiper-slide{position:relative;display:flex;flex-direction:column;height:100%;align-items:center;justify-content:center}
#pageDetailContent .container .pageLeft .pageDetailSlider .swiper-container .swiper-slide .image{width:100%;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:9px}
#pageDetailContent .container .pageLeft .pageDetailSlider .swiper-container .swiper-slide img{margin-bottom:20px;height:100%;width:100%;object-fit:contain;position:unset}
#pageDetailContent .container .pageLeft .pageDetailSlider .swiper-container .swiper-slide .count{display:flex;font-weight:500}
#pageDetailContent .container .pageLeft .pageDetailSlider .swiper-container .swiper-slide p{padding:0;margin:0;color:#fff;font-size:19px;width:73%;text-align:center}
#pageDetailContent .container .pageLeft .pageDetailSlider .swiper-container .swiper-slide h1{margin:0;padding:0;font-size:20px;text-align:center}
#pageDetailContent .container .pageLeft .pageDetailSlider .swiper-pagination{text-align:right;top:unset;transform:translateX(-50%);left:50%;background:0 0;z-index:99;display:flex;flex-direction:row;border-radius:20px;align-items:center;justify-content:center;bottom:50px}
#pageDetailContent .container .pageLeft .pageDetailSlider .swiper-pagination-bullet{width:19px;height:19px;background:0 0;opacity:1;z-index:99;display:flex;align-items:center;justify-content:center;transition:all .3s}
#pageDetailContent .container .pageLeft .pageDetailSlider .swiper-pagination-bullet::before{content:"";width:8px;height:8px;border-radius:100%;background:rgba(255,255,255,.75)}
#pageDetailContent .container .pageLeft .pageDetailSlider .swiper-pagination-bullet-active::before{content:"";width:8px;height:8px;border-radius:100%;background:#fff}
#pageDetailContent .container .pageLeft .pageDetailSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border:1px solid rgb(255 255 255 / 30%)}
#pageDetailContent .container .pageLeft .detailMenu{display:flex;align-items:center;flex-direction:column;list-style:none;padding:0;margin:0;padding:38px 0;border-right:1px solid #d9d9d9;position:relative}
#pageDetailContent .container .pageLeft .detailMenu:after{position:absolute;content:"";top:-30px;left:0;width:100%;height:30px;z-index:1}
#pageDetailContent .container .pageLeft .detailMenu li{position:relative;height:100%;display:flex;align-items:center;background:unset;width:100%;justify-content:space-between;padding:0 30px;transition:all .3s}
#pageDetailContent .container .pageLeft .detailMenu li:before{position:absolute;content:"";top:0;right:0;width:30px;height:100%;background:0 0;transition:all .3s;border-top-right-radius:10px;border-bottom-right-radius:10px}
#pageDetailContent .container .pageLeft .detailMenu li:after{position:absolute;content:"";top:0;left:-1000%;width:1000%;height:100%;background:0 0;transition:all .3s;display:none}
#pageDetailContent .container .pageLeft .detailMenu li.activePage:before{background:#21303f;transition:all .3s;right:-30px}
#pageDetailContent .container .pageLeft .detailMenu li.activePage:after{background:#29303d;transition:all .3s;left:-1000%}
#pageDetailContent .container .pageLeft .detailMenu li.activePage{background:#e00b18}
#pageDetailContent .container .pageLeft .detailMenu li.activePage{background:linear-gradient(121deg,#1d2c3b 0,#33414e 65%,#1d2c3b 100%);transition:all .3s}
#pageDetailContent .container .pageLeft .detailMenu li.activePage a{color:#fff;font-weight:700;border-bottom:unset;transition:all .3s}
#pageDetailContent .container .pageLeft .detailMenu li.activePage a i{display:block;transform:rotate(0);transition:all .3s;position:absolute;right:0}
#pageDetailContent .container .pageLeft .detailMenu li:hover:before{background:#5e5e5e;transition:all .3s;right:-30px}
#pageDetailContent .container .pageLeft .detailMenu li:hover::after{background:#e00b18;transition:all .3s;left:-1000%}
#pageDetailContent .container .pageLeft .detailMenu li a{font-weight:500;font-size:15px;transition:all .5s;border-radius:0;padding:12px 0;width:100%;color:#000;display:flex;align-items:center;width:100%;display:flex;border-bottom:1px solid rgb(255 255 255 / 29%)}
#pageDetailContent .container .pageLeft .detailMenu li:hover{background:linear-gradient(121deg,#5a5a5a 0,#7e7e7e 65%,#5a5a5a 100%);transition:all .3s!important}
#pageDetailContent .container .pageLeft .detailMenu li:hover a{color:#fff!important;font-weight:700;transition:all .3s}
#pageDetailContent .container .pageLeft .detailMenu li a i{transition:all .3s;margin-right:10px;transform:0;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 .nextPrevP{background:#4e4e4e}
#pageDetailContent .container .pageLeft .detailMenu .nextPrevP a{border-bottom:1px solid #dde3e8}
#pageDetailContent .container .pageLeft .detailMenu .subMenu{flex-direction:column}
#pageDetailContent .container .pageLeft .detailMenu .dropdownMenu{position:relative;display:none;padding:0;width:100%}
#pageDetailContent .container .pageLeft .detailMenu .dropdownMenu a{padding:10px 0!important;border-bottom:1px solid rgba(255,255,255,.541)!important;font-size:14px!important}
#pageDetailContent .container .pageLeft .detailMenu .dropdownMenu a:hover{background-color:#535960;padding:11px!important}
#pageDetailContent .container .pageLeft .detailMenu .dropdownMenu .colmnMenu{display:flex;flex-direction:column;padding-left:20px;transition:all .3s}
#pageDetailContent .container .pageLeft .detailMenu .dropdownMenu .colmnMenu:hover{padding-left:0;transition:all .3s}
#pageDetailContent .container .pageLeft .detailMenu .dropdownMenu .levelTwo{padding:10px 15px;border-top:1px solid #f5f5f5;font-weight:500}
#pageDetailContent .container .pageLeft .detailMenu .dropdownMenu .levelThree{padding:10px 0;border-top:1px solid #f5f5f5}
#pageDetailContent .container .pageLeft .detailMenu .dropdownMenu .levelFour{padding:10px 0;border-top:1px solid #f5f5f5}
#pageDetailContent .container .pageLeft .detailMenu .dropdownMenu i{float:right;font-size:12px;margin-right:0;line-height:15px!important}
#filter{width:100%;height:0;position:fixed;z-index:9999999999999999;top:0;overflow-x:hidden;transition:.5s;left:0;right:0;background:#fff;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:#ff9800;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}
#cboxOverlay{z-index:9999999999!important}
#colorbox{z-index:999999999999!important}
.fotorama{border:1px solid #ddd!important;padding:20px!important}
.fotorama__nav--thumbs{border-top:1px solid #ddd!important;padding-top:20px!important}
.fotorama__thumb-border{background-color:rgb(199 199 199 / 56%)!important;border-color:#95a9ba!important}
#otherProducts{padding-bottom:30px;border-bottom:1px solid #dbdbdb;background:#f3f3f3}
#otherProducts .container{border-top:1px solid #dbdbdb}
#otherProducts .bTitle{font-size:17px;font-weight:400;margin:0;padding:22px 0}
#otherProducts .swiper-slide{transition:all .3s!important;transform:scale(1)!important;padding:15px;background:#fff}
#otherProducts .single .image{width:100%;height:126px}
#otherProducts .single .image img{width:100%;height:100%;object-fit:contain}
#otherProducts .single .title{position:relative;margin:0;padding:8px 0;font-size:13px;font-weight:400;color:#1d2f3d;text-align:center}
#otherProducts .single .title:before{content:"";left:0;bottom:0;width:0;height:3px;transition:all .3s;position:absolute}
#otherProducts .swiper-slide:hover{transform:scale(.9)!important;transition:all .3s}
#otherProducts .swiper-slide:hover .title:before{background:#009ba4;transition:all .3s;width:50%}
#otherProducts .swiper-slide-active{transform:scale(.9)!important;transition:all .3s}
#otherProducts .swiper-slide-active .title:before{background:#009ba4;transition:all .3s;width:50%}
.pPdf{margin-top:10px;width:100%;display:flex}
.pPdf a{width:100%;padding:10px;background-color:#2f297e;color:#fff}
#pageDetailContent .container .pageRight .pageListK{display:flex;flex-wrap:wrap}
#pageDetailContent .container .pageRight .pageListK .singleListP{transition:all .3s;flex:1 0 45%;position:relative;margin-left:10px;box-shadow:0 5px 4px 0 rgb(0 0 0 / 20%);width:100%;margin-top:10px;display:flex;align-items:center;padding:15px;background:linear-gradient(121deg,#121d28 0,#33414e 65%,#121d28 100%);color:#fff}
#pageDetailContent .container .pageRight .pageListK .singleListP:hover{opacity:.8;transform:scale(.8);transition:all .3s}
#pageDetailContent .container .pageRight .pageListK .singleListP:hover img{transform:rotate(360deg);transition:all .3s}
#pageDetailContent .container .pageRight .pageListK .singleListP img{height:30px;transition:all .3s}
#pageDetailContent .container .pageRight .pageListK .singleListP h1{margin:0;padding:0 7px;font-size:15px;font-weight:400}
#pageDetailContent .container .pageRight .pInfos{display:flex;flex-wrap:wrap;width:100%}
#pageDetailContent .container .pageRight .pInfos .single{flex:1 0 40%;margin:10px 10px 0 0;display:flex;justify-content:center;flex-direction:column;padding:20px;color:#000;border-bottom:1px solid #ddd}
#pageDetailContent .container .pageRight .pInfos .single p{margin-top:0;font-size:14px;line-height:1.4;font-weight:400}
#pageDetailContent .container .pageRight .pInfos .single:nth-child(2n){background:linear-gradient(42deg,#44041f 0,#bc6c8e 100%);margin-right:0}
#pageDetailContent .container .pageLeft .contentP .pDetailInfo a{flex:1;padding:10px;margin-right:10px;background:#a4a4a4;color:#fff;display:flex;align-items:center}
#pageDetailContent .container .pageRight .pInfos .single:nth-child(3){margin-right:0;background:linear-gradient(48deg,#39231a 0,#775e56 100%)}
#pageDetailContent .container .pageRight .pDetailInfo{display:flex;flex-wrap:wrap;margin-top:10px;width:100%}
#pageDetailContent .container .pageRight .pDetailInfo a{flex:1;padding:10px;margin-right:10px;background:#828d91;color:#fff;display:flex;align-items:center;border-radius:5px;font-size:14px}
#pageDetailContent .container .pageRight .pDetailInfo a i{margin-right:9px}
#pageDetailContent .container .pageRight .pDetailInfo a:last-child{background:#60a95c}
#pageDetailContent .container .pageRight #sliderInfo{width:100%}
#pageDetailContent .container .pageRight #sliderInfo .slider{height:375px;width:100%}
#pageDetailContent .container .pageRight #sliderInfo .slider .swiper-container{position:relative;width:100%;height:100%;box-shadow:0 0 13px 0 rgb(0 0 0 / 10%)}
#pageDetailContent .container .pageRight #sliderInfo .slider .swiper-container .swiper-slide{position:relative;width:100%!important;height:100%;background:#fff;padding:20px}
#pageDetailContent .container .pageRight #sliderInfo .slider .swiper-container .swiper-slide::before{content:'';position:absolute;bottom:0;right:0;left:0;height:100%;z-index:2}
#pageDetailContent .container .pageRight #sliderInfo .slider .swiper-container video{width:100%;height:100%;object-fit:contain}
#pageDetailContent .container .pageRight #sliderInfo .slider .swiper-container img{width:100%;height:100%;object-fit:contain;padding:20px}
#pageDetailContent .container .pageRight #sliderInfo .slider .swiper-pagination{text-align:right;bottom:26px;left:100px;background:0 0;z-index:99;display:flex;flex-direction:row;border-radius:10px}
#pageDetailContent .container .pageRight #sliderInfo .slider .swiper-pagination .swiper-pagination-bullet{background:#9a9b9c;width:10px;height:10px;margin-right:5px}
#pageDetailContent .container .pageRight #sliderInfo .slider .swiper-pagination .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}
#pageDetailContent .container .pageRight #sliderInfo .bottomSlider{position:relative;height:93px;padding:0 50px;display:flex;align-items:center;justify-content:center;margin-top:30px}
#pageDetailContent .container .pageRight #sliderInfo .bottomSlider .slider-thumbs.swiper-container{height:90px}
#pageDetailContent .container .pageRight #sliderInfo .bottomSlider .slider-thumbs .swiper-slide{width:100px;opacity:.5;transition:all .3s}
#pageDetailContent .container .pageRight #sliderInfo .bottomSlider .slider-thumbs .swiper-slide::before{content:'';position:absolute;bottom:0;right:0;left:0;height:100%;z-index:2;cursor:pointer;transition:all .3s;border:1px solid #dddd}
#pageDetailContent .container .pageRight #sliderInfo .bottomSlider .slider-thumbs .swiper-slide-active{opacity:1}
#pageDetailContent .container .pageRight #sliderInfo .bottomSlider .slider-thumbs .swiper-slide:hover{filter:contrast(.5);transition:all .3s}
#pageDetailContent .container .pageRight #sliderInfo .bottomSlider .slider-thumbs .swiper-slide-active:before{opacity:1;filter:initial;background:rgb(230 230 230 / 64%);transition:all .3s}
#pageDetailContent .container .pageRight #sliderInfo .bottomSlider .slider-thumbs img{cursor:pointer;width:100%;height:100%;object-fit:contain;padding:5px}
#pageDetailContent .container .pageRight #sliderInfo .bottomSlider .swiper-button-prev{left:0;outline:unset;background-image:unset;z-index:999;margin-top:0;top:25%}
#pageDetailContent .container .pageRight #sliderInfo .bottomSlider .swiper-button-prev img{width:15px}
#pageDetailContent .container .pageRight #sliderInfo .bottomSlider .swiper-button-next{right:0;outline:unset;background-image:unset;margin-top:0;top:25%}
#pageDetailContent .container .pageRight #sliderInfo .bottomSlider .swiper-button-next img{width:15px}
#pageDetailContent .container .pageRight .brandsList{display:flex;flex-wrap:wrap}
#pageDetailContent .container .pageRight .brandsList .single{flex:0 0 30%;margin:10px;height:180px;padding:10px;border-right:1px solid #ddd}
#pageDetailContent .container .pageRight .brandsList .single img{width:100%;height:100%;object-fit:contain}
#pageDetailContent .container .pageRight .video{display:flex;flex-wrap:wrap}
#pageDetailContent .container .pageRight .video iframe{height:270px;flex:1 0 40%;margin:10px}
#pageDetailContent .container .pageRight .singleLPro{flex:0 0 30%;margin:10px;height:auto;transition:all ease .5s;background:linear-gradient(180deg,#fff 72%,#f4f4f4 123%);border-radius:5px;box-shadow:0 0 13px 0 rgb(0 0 0 / 22%)}
#pageDetailContent .container .pageRight .singleLPro .image{display:flex;align-items:center;justify-content:center;transition:all ease .5s;height:200px;width:100%;padding:0}
#pageDetailContent .container .pageRight .singleLPro .image img{width:100%;height:100%;object-fit:cover}
#pageDetailContent .container .pageRight .singleLPro .textBottom{position:relative;min-height:100px;padding:0 0 0 30px}
#pageDetailContent .container .pageRight .singleLPro .textBottom .line{position:relative;height:1px;background:#e5e5e5}
#pageDetailContent .container .pageRight .singleLPro .textBottom .line:before{position:absolute;content:"";left:0;top:-4px;width:25px;height:4px;background:#ecc850}
#pageDetailContent .container .pageRight .singleLPro .textBottom .text h1{margin:0;font-size:16px;font-weight:500;transition:all .3s;color:#1d2c3b;padding:0 5px}
#pageDetailContent .container .pageRight .singleLPro .textBottom .text{padding:20px 0;display:flex}
#pageDetailContent .container .pageRight .singleLPro .textBottom .text img{height:24px;filter:invert(66%) sepia(0%) saturate(0%) hue-rotate(147deg) brightness(99%) contrast(95%)}
#pageDetailContent .container .pageRight .singleLPro:hover{opacity:.89;transform:scale(.89);transition:all ease .5s}
#pageDetailContent .container .pageRight .singleLPro:hover .textBottom .line:before{width:50%;height:4px;transition:all .3s;background:#e11b22}
#pageDetailContent .container .pageRight .contentP .catImageProD{height:50px}
#pageDetailContent .container .pageRight .contentP .titleP{margin:13px 0;padding:0 0 10px 0;border-bottom:1px solid #e9e9e9;font-size:20px;width:100%;color:#525252}
#filter{width:100%;height:0;position:fixed;z-index:9999999999999999;top:0;overflow-x:hidden;transition:.5s;left:0;right:0;bottom:0;background:#fff}
#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:#ff9800;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 .pageLeft .menuLeft{display:flex;flex-direction:column;height:fit-content;border-right:1px dashed #ddd;padding:19px}
#pageDetailContent .container .pageLeft .menuLeft ul{flex:1;list-style-type:none;margin:0;padding:0}
#pageDetailContent .container .pageLeft .menuLeft ul li{position:relative;padding:11px 0;display:flex}
#pageDetailContent .container .pageLeft .menuLeft ul li.activePage{background:linear-gradient(270deg,#f3ce53 0,#c4a640 100%);padding:11px;border-radius:3px}
#pageDetailContent .container .pageLeft .menuLeft ul li.activePage a{color:#fff}
#pageDetailContent .container .pageLeft .menuLeft ul li.activePage:hover{opacity:.8;transition:all .3s}
#pageDetailContent .container .pageLeft .menuLeft ul li::before{position:absolute;content:'';width:98%;height:1px;bottom:0;left:0;transition:.4s all;border-bottom:1px dashed #ddd}
#pageDetailContent .container .pageLeft .menuLeft ul li:last-child::before{display:none}
#pageDetailContent .container .pageLeft .menuLeft ul li a{color:rgba(19,19,19,.84);text-decoration:none;font-size:17px;font-weight:500;transition:all .3s;width:100%}
#pageDetailContent .container .pageLeft .menuLeft ul li a:hover{color:#ccc;transition:all .3s}
#pageDetailContent .container .pageLeft .menuLeft ul li:hover::before{width:50px;transition:all .3s}
#pageDetailContent .container .pageLeft .menuLeft .onlineCatalog{display:flex;width:100%;justify-content:space-between;margin:30px 0 5px 0}
#pageDetailContent .container .pageLeft .menuLeft .onlineCatalog .image{display:flex}
#pageDetailContent .container .pageLeft .menuLeft .onlineCatalog .image img{height:184px;transition:all .3s}
#pageDetailContent .container .pageLeft .menuLeft .onlineCatalog .text{position:relative;display:flex;flex-direction:row-reverse}
#pageDetailContent .container .pageLeft .menuLeft .onlineCatalog .text .sKatO h2{writing-mode:vertical-lr;transition:all .3s;margin:0;padding:0;color:#ddbc4a;font-size:31px;letter-spacing:6px;font-weight:600}
#pageDetailContent .container .pageLeft .menuLeft .onlineCatalog:hover .text .sKatO h2{color:#3b3b3b;transition:all .3s}
#pageDetailContent .container .pageLeft .menuLeft .onlineCatalog:hover .image img{filter:grayscale(1);transition:all .3s}
#pageDetailContent .container .pageLeft .menuLeft .hsctR{display:flex;flex-direction:column}
#pageDetailContent .container .pageLeft .menuLeft .hsctR .single{transition:all .3s;display:flex;position:relative;padding:20px;height:152px;background:linear-gradient(270deg,rgb(30 108 158) 23%,#023e65 76%);box-shadow:0 0 14px 4px rgb(0 0 0 / 27%)}
#pageDetailContent .container .pageLeft .menuLeft .hsctR .single:first-child{margin-bottom:20px}
#pageDetailContent .container .pageLeft .menuLeft .hsctR .single .bg{position:absolute;top:0;right:0;bottom:0;width:66%;object-fit:cover;height:100%;z-index:9;opacity:.3}
#pageDetailContent .container .pageLeft .menuLeft .hsctR .single .text{display:flex;flex-direction:column;max-width:300px}
#pageDetailContent .container .pageLeft .menuLeft .hsctR .single .text h1{margin:0;padding:0;color:#fff;font-size:16px;width:fit-content}
#pageDetailContent .container .pageLeft .menuLeft .hsctR .single .text p{margin:10px 0;padding:10px 0;font-size:14px;color:#fff;max-width:200px;border-top:1px dashed rgb(255 255 255 / 40%)}
#pageDetailContent .container .pageLeft .menuLeft .hsctR .single:hover{opacity:.85;transition:all .3s;background:linear-gradient(90deg,rgb(30 108 158) 23%,rgb(3 43 73) 76%);box-shadow:0 0 14px 4px rgb(0 0 0 / 27%)}
#pageDetailContent .container .pageRight .corpImg{max-height:425px;width:100%;height:100%}
#pageDetailContent .container .pageRight .corpImg img{width:100%;height:100%;object-fit:cover}
#pageDetailContent .container .pageRight .proCont{display:flex;flex-direction:column;width:100%}
#pageDetailContent .container .pageRight .proCont .single{display:flex;flex-direction:row-reverse;margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed #ddd;width:100%}
#pageDetailContent .container .pageRight .proCont .single .image{display:flex}
#pageDetailContent .container .pageRight .proCont .single .image img{height:165px;transition:all .3s;width:100%;object-fit:contain}
#pageDetailContent .container .pageRight .proCont .single h1{transition:all .3s;margin:0;padding:0 50px;color:#d9b848;font-size:34px;letter-spacing:8px;font-weight:600;max-width:500px;text-align:end;display:flex;align-items:center;text-transform:uppercase}
#pageDetailContent .container .pageRight .proCont .single:nth-child(2n){flex-direction:row}
#pageDetailContent .container .pageRight .proCont .single:nth-child(2n) h1{text-align:left}
#pageDetailContent .container .pageRight .proCont .single:last-child{border-bottom:unset}
#pageDetailContent .container .pageRight .proCont .single:hover .image img{filter:grayscale(1);transition:all .3s}
#pageDetailContent .container .pageRight .proCont .single:hover h1{color:#3b3b3b;transition:all .3s}
#pageDetailContent .container .pageRight .contentP .titleP{margin:13px 0;padding:0 0 10px 0;border-bottom:1px dashed #e9e9e9;font-size:20px;width:100%;color:#525252}