*,::after,::before{box-sizing:border-box;outline:unset}
body,html{min-height:100%;height:100%;font-family:Roboto,sans-serif;margin:0;padding:0}
a{text-decoration:none;color:unset}
.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(256deg,#e51b23 23%,#ac0007 75%);overflow-x:hidden;transition:.5s}
#mFull .container{height:100%;padding:0 20px;display:grid;grid-template-rows:100px 1fr 120px;max-width:90%}
#mFull .container .header{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgb(255 255 255 / 36%)}
#mFull .container .header span{color:#fff;font-weight:500;flex:1;padding-left:15px}
#mFull .container .content{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center}
#mFull .container .content .info{position:relative;flex:1;display:flex;flex-direction:column;text-align:right;padding-right:20px}
#mFull .container .content .info>div{margin-bottom:20px}
#mFull .container .content .info::after{content:'';position:absolute;left:0;top:0;bottom:0;width:1px;background:rgb(255 255 255 / 36%)}
#mFull .container .content .info i{font-size:32px;color:#fff;display:block;margin-bottom:15px}
#mFull .container .content .info a{font-size:17px;display:block;line-height:.5;padding:15px 0 0 0;color:rgb(255 255 255 / 75%)}
#mFull .container .content .info .phone{position:relative}
#mFull .container .content .info .phone a{font-size:23px}
#mFull .container .content .info>div::before{content:'';position:absolute;top:45px;right:0;width:25px;height:2px;background:rgb(255 255 255 / 38%)}
#mFull .container .content .info .mail{position:relative}
#mFull .container .content .info .social{position:relative}
#mFull .container .content .info .social .socials{padding:15px 0 0 0}
#mFull .container .content .info .social .socials a{text-decoration:none;color:#fff;width:45px;height:40px;display:inline-block;border-radius:10px;margin-left:10px;font-size:25px;line-height:40px;overflow:hidden;position:relative;text-align:center;transition:transform .4s linear 0s,border-top-left-radius .1s linear 0s,border-top-right-radius .1s linear .1s,border-bottom-right-radius .1s linear .2s,border-bottom-left-radius .1s linear .3s;padding:0}
#mFull .container .content .info .social .socials i{color:inherit;display:inline-block;font-size:inherit;margin:0}
#mFull .container .content .info .social .socials a.facebook{background-color:#3b5998;border:2px solid #3b5998}
#mFull .container .content .info .social .socials a.twitter{background-color:#00aced;border:2px solid #00aced}
#mFull .container .content .info .social .socials a.youtube{background-color:#b00;border:2px solid #b00}
#mFull .container .content .info .social .socials a.facebook:hover{transform:rotate(360deg);border-radius:50%}
#mFull .container .content .info .social .socials a.twitter:hover{transform:rotate(360deg);border-radius:50%}
#mFull .container .content .info .social .socials a.youtube:hover{transform:rotate(360deg);border-radius:50%}
#mFull .closebtn{font-size:50px;color:#fff;text-align:right;width:100%;max-width:100px}
#mFull .container .content ul{flex:1;list-style-type:none;margin:0;padding-left:20px}
#mFull .container .content ul li{position:relative;padding:12px 0}
#mFull .container .content ul li::before{position:absolute;content:'';width:25px;height:2px;bottom:0;left:0;background-color:#fff;transition:.4s all}
#mFull .container .content ul li:last-child::before{display:none}
#mFull .container .content ul li.menuActive::before{background-color:#fff}
#mFull .container .content ul li a{color:rgb(255 255 255 / 84%);text-decoration:none;font-size:18px;font-weight:500}
#mFull .container .content ul li a:hover{color:#ccc}
#mFull .container .content ul li:hover::before{width:50px}
#mFull .container .header .leftMenu{display:flex}
#mFull .container .header .langM{display:flex;align-items:center;justify-content:center;margin-right:18px}
#mFull .container .header .langM a{padding:6px 10px;background:#575453;color:#fff;font-size:12px}
#mFull .container .header .langM .langActive{background:#ae1716}
#mFull .dropdownMenu{position:relative;display:none}
#mFull .dropdownMenu a{padding-top:10px}
#mFull .dropdownMenu .colmnMenu{display:flex;flex-direction:column}
#mFull .dropdownMenu .levelTwo{padding:10px 15px;border-top:1px solid #f5f5f5;font-weight:500}
#mFull .dropdownMenu .levelThree{padding:10px 0;border-top:1px solid #f5f5f5}
#mFull .dropdownMenu .levelFour{padding:10px 0;border-top:1px solid #f5f5f5}
#mFull .dropdownMenu i{float:right;font-size:12px;margin-right:0;line-height:15px!important}
#mFull .footerNav{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:20px 0;border-top:1px solid rgb(255 255 255 / 36%)}
#mFull .footerNav-social{display:flex}
#mFull .footerNav-social span{color:#ffffffd1;font-weight:300;font-size:13px}
#mFull .flags img{width:auto;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-inviva{display:flex}
#mFull .footerNav-inviva img{width:62px;height:16px}
#header{box-shadow:3px 0 19px 0 rgb(0 0 0 / 28%);z-index:99999;position:relative}
#header .headerTop{background:#e51b23;height:100px}
#header .headerTop .container{display:flex;justify-content:space-between}
#header .headerTop .container .logo{display:flex;padding:20px 0;align-items:center}
#header .headerTop .container .logo img{height:55px;filter:drop-shadow(2px 4px 6px rgb(59 59 59 / 20%))}
#header .headerTop .container .buttons{display:flex;align-items:center}
#header .headerTop .container .buttons .button{transition:all .3s;padding:10px 20px;background:linear-gradient(85deg,#11940a 0,#13b50b 100%);border-radius:4px;margin-left:10px;box-shadow:0 7px 19px 0 rgb(0 0 0 / 14%);height:fit-content;border:unset}
#header .headerTop .container .buttons .button:hover{opacity:.75;transition:all .3s}
#header .headerTop .container .buttons .button a{font-size:13px;color:#fff}
#header .headerTop .container .buttons .button:last-child{background:linear-gradient(85deg,#0a4b94 0,#1366c3 100%)}
#header .headerBottom{background:#fff;height:50px}
#header .headerBottom .container{display:flex;justify-content:space-between;height:100%;width:100%}
#header .headerBottom .container .menu{display:flex;flex-wrap:wrap;width:100%;height:100%;margin-right:0}
#header .headerBottom .container .menu .line{position:absolute;top:0;right:0;width:54%;height:5px;background:#0080c9;border-bottom-left-radius:5px}
#header .headerBottom .container .menu ul{display:flex;height:100%;align-items:center;flex-direction:row;list-style:none;padding:0;margin:0;width:100%}
#header .headerBottom .container .menu ul .mobileMenu{width:55px;height:100%;justify-content:center;background:#e5e9ed}
#header .headerBottom .container .menu ul li{height:100%;justify-content:space-between;font-weight:400;border-radius:0;width:auto;display:flex;align-items:center;transition:all ease .5s;cursor:pointer;position:relative}
#header .headerBottom .container .menu ul .menuActive{border-bottom:2px solid #e51b23}
#header .headerBottom .container .menu ul li:first-child a::after{display:none}
#header .headerBottom .container .menu ul li a{position:relative;font-weight:400;font-size:14px;transition:all .5s;border-radius:0;width:100%;display:flex;align-items:center;color:#474747;transition:all ease .5s;height:100%;padding:10px 15px}
#header .headerBottom .container .menu ul li img{height:10px}
#header .headerBottom .container .menu ul li a::after{position:absolute;content:'';height:2px;right:0;bottom:0;left:0;background-color:#b2b2b2;transform:scale(0);transform-origin:center;transition:all ease .5s}
#header .headerBottom .container .menu ul li a::before{position:absolute;content:"";right:0;height:20px;width:1px;background:#c6cace;top:50%;transform:translateY(-50%)}
#header .headerBottom .container .menu ul li:first-child a:before{display:none}
#header .headerBottom .container .menu ul li:last-child a:before{display:none}
#header .headerBottom .container .menu ul li:hover a::after{transform:scale(1)}
#header .headerBottom .container .menu ul li:hover{color:#fff;transition:all ease .5s}
#header .headerBottom .container .menu ul li.menuDrop{position:unset}
#header .headerBottom .container .menu ul li.menuDrop .menuDownList{display:none;transition:all .3s;animation-delay:3.5s;position:absolute;top:130px;left:-1000%;width:100%;background:#fff;z-index:-111;font-size:15px;box-shadow:1px 8px 6px 0 rgba(0,0,0,.2);transition:all .4s;opacity:0;overflow-y:auto;overflow-x:hidden}
#header .headerBottom .container .menu ul li.menuDrop:hover .menuDownList{display:flex;opacity:1;top:150px;animation-delay:3.5s;transition:all .3s;left:0;height:750px;border-top:1px solid #b2b2b2}
#header .headerBottom .container .menu ul li.menuDrop .menuDownList .container{display:flex;flex-wrap:wrap;height:max-content;padding:54px 0}
#header .headerBottom .container .menu ul li.menuDrop .menuDownList .container .single{transition:all .3s;flex:1 0 18%;z-index:99999;opacity:1;color:#3b3b3b;display:flex;flex-direction:column;margin:10px 20px 10px 0;padding:0 0 15px 0;border-bottom:1px solid #ddd}
#header .headerBottom .container .menu ul li.menuDrop .menuDownList .container .single:nth-child(5n){margin-right:0}
#header .headerBottom .container .menu ul li.menuDrop .menuDownList .container .single img{height:25px;margin-bottom:9px;transition:all .3s}
#header .headerBottom .container .menu ul li.menuDrop .menuDownList .container .single a{transition:all .3s;padding:0;margin:0;color:#3b3b3b;height:fit-content;font-weight:300;font-size:13px;margin-bottom:3px}
#header .headerBottom .container .menu ul li.menuDrop .menuDownList .container .single:first-child a::after{display:none}
#header .headerBottom .container .menu ul li.menuDrop .menuDownList .container .single a::after{display:none}
#header .headerBottom .container .menu ul li.menuDrop .menuDownList .container .single a::before{display:none}
#header .headerBottom .container .menu ul li.menuDrop .menuDownList .container .single a:last-child{font-weight:500}
#header .headerBottom .container .menu ul li.menuDrop .menuDownList .container .single:hover img{filter:grayscale(1);transition:all .3s}
#header .headerBottom .container .menu ul li.menuDrop .menuDownList .container .single a:hover{opacity:.4;transition:all .3s}
#header .headerBottom .container .menu ul .altMenu{position:absolute;top:120px;left:0;width:275px;background:#fff;z-index:-111;font-size:15px;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{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:#e51b23!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:50px;left:0;transition:all .4s;opacity:1;z-index:99999999;display:flex}
#header .headerBottom .container .hBRight{display:flex;width:100%;justify-content:flex-end;align-items:center}
#header .headerBottom .container .hBRight .phoneH{display:flex;align-items:center;transition:all .3s}
#header .headerBottom .container .hBRight .phoneH img{height:18px;padding-right:10px;margin-right:10px;border-right:1px solid #bbc0c4;transition:all .3s}
#header .headerBottom .container .hBRight .phoneH p{margin:0;padding:0;font-size:13px}
#header .headerBottom .container .hBRight .phoneH:hover{opacity:.89;transition:all .3s}
#header .headerBottom .container .hBRight .phoneH:hover img{filter:invert(13%) sepia(68%) saturate(6148%) hue-rotate(351deg) brightness(100%) contrast(91%);transition:all .3s}
#header .headerBottom .container .hBRight .icons{margin:0 15px;padding:0 15px;display:flex;border-left:1px solid #ccc;border-right:1px solid #ccc;height:fit-content}
#header .headerBottom .container .hBRight .icons a{display:flex;margin-left:5px}
#header .headerBottom .container .hBRight .icons a:first-child{margin-left:0}
#header .headerBottom .container .hBRight .icons a img{height:20px;filter:invert(96%) sepia(1%) saturate(7476%) hue-rotate(179deg) brightness(63%) contrast(88%);transition:all .3s}
#header .headerBottom .container .hBRight .icons a:hover img{transition:all .3s;filter:invert(13%) sepia(68%) saturate(6148%) hue-rotate(351deg) brightness(100%) contrast(91%)}
#header .headerBottom .container .hBRight .whatsap{display:flex;align-items:center;transition:all .3s;padding-right:20px}
#header .headerBottom .container .hBRight .whatsap img{height:25px;filter:invert(65%) sepia(90%) saturate(439%) hue-rotate(67deg) brightness(87%) contrast(85%);transition:all .3s}
#header .headerBottom .container .hBRight .whatsap:hover img{filter:invert(13%) sepia(68%) saturate(6148%) hue-rotate(351deg) brightness(100%) contrast(91%);transition:all .3s}
#header .headerBottom .container .hBRight .lang{background:#edf0f2;display:flex;align-items:center;height:100%;padding: 0 15px;}
#header .headerBottom .container .hBRight .lang p{margin:0;padding:0;color:#1d2c3b;font-weight:600;font-size:13px;padding-right:10px;margin-right:10px;border-right:1px solid #b9bfc4}
#header .headerBottom .container .hBRight .lang .gt_switcher_wrapper{position: unset!important;}
#header .headerBottom .container .hBRight .lang .gtranslate_wrapper{position: relative;}
#header .headerBottom .container .hBRight .lang .gglobe{height: 25px;width: 25px;filter: invert(96%) sepia(1%) saturate(7476%) hue-rotate(0deg) brightness(92%) contrast(88%);}
#header .headerBottom .container .hBRight .lang .gsatelite:first-child{top: 47px!important;left: unset!important;right: -2px;}
#header .headerBottom .container .hBRight .lang .gsatelite:nth-child(2){top: 78px!important;left: unset!important;right: -1px;}
#header .headerBottom .container .hBRight .lang .gsatelite.gt-current-lang img{box-shadow: rgb(0 0 0 / 36%) 0 0 20px 9px!important;}
#header .headerBottom .container .hBRight .lang .gsatelite img{height: 20px;width: 20px;}
#header .headerBottom .container .hBRight .lang .dropbtn{background-color:#fff;color:#fff;border:none;cursor:pointer;outline:0;width:100%;display:contents}
#header .headerBottom .container .hBRight .lang .dropbtn:hover,.dropbtn:focus{background-color:#fff}
#header .headerBottom .container .hBRight .lang .dropdown{position:relative;display:inline-block;width:100%;display:flex;align-items:center;height:100%;padding:20px}
#header .headerBottom .container .hBRight .lang .dropdown-content{display:none;top:50px;left:0;width:100%;position:absolute;background-color:#102c41;overflow:auto;z-index:9999999}
#header .headerBottom .container .hBRight .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 .headerBottom .container .hBRight .lang .dropdown-content a img{margin-left:6px;width:21px;height:14px}
#header .headerBottom .container .hBRight .lang .dropdown-content a:last-child{border-bottom:unset}
#header .headerBottom .container .hBRight .lang .dropdown a:hover{background-color:#8e8e8e;color:#e5e5e5}
#header .headerBottom .container .hBRight .lang .show{display:block}
#header .headerBottom .container .hBRight .lang .langue{width:100%;display:flex;align-items:center}
#slider{width:100%;height:92vh!important;position:relative;max-height:600px}
#slider .container{position:relative;height:100%}
#slider .container .swiper-container{position:relative;width:100%;height:100%}
#slider .container .swiper-container .swiper-slide{transition:all .3s;position:relative;height:100%;overflow:hidden;transition:all .3s;cursor:pointer}
#slider .container .swiper-container .swiper-slide::after{content:'';position:absolute;bottom:0;right:0;left:0;height:100%;background:hsl(210deg 34% 17% / 55%);z-index:2}
#slider .container .swiper-container .swiper-slide img{width:100%;height:100%;object-fit:cover}
#slider .container .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;display:flex;height:100%;align-items:center;justify-content:flex-end}
#slider .container .swiper-container .swiper-slide .mainSlider .text{transition:all .3s;flex:1;display:flex;justify-content:end;flex-direction:column;margin-right:100px;max-width:225px}
#slider .container .swiper-container .swiper-slide .mainSlider .text h1{line-height:1;font-size:25px;margin:0;padding:0;font-weight:200;color:#fff;text-align:end}
#slider .container .swiper-container .swiper-slide .mainSlider .text h2{padding:0;font-size:35px;color:#fff;font-weight:700;margin:0;text-align:end;line-height:1.1}
#slider .paginetionSlider{bottom:-45px;z-index:99!important;display:flex;position:absolute;width:100%;text-align:left;font-weight:700;right:0;height:45px;background:#fff}
#slider .paginetionSlider .swiper-pagination{right:100px;top:50%;transform:translateY(-50%);display:flex;align-items:center}
#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:#e61f27;display:flex;align-items:center;justify-content:center}
#slider .prevSlider{position:absolute;top:50%;z-index:9;display:flex;width:100%;text-align:left;font-weight:700;left:50%;transform:translate(-50%,-50%)}
#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{background:#eef1f3;height:425px;position:relative;margin-top:46px}
#homeCorp:before{position:absolute;content:"";top:0;height:100px;background:#fff;width:100%}
#homeCorp .container{padding:0 100px;background:linear-gradient(121deg,#1d2c3b 0,#33414e 65%,#1d2c3b 100%);height:100%;position:relative;z-index:99;display:flex;transition:all .3s}
#homeCorp .container .textFav{display:flex;flex-direction:row;flex:1;padding-top:50px;position:relative;z-index:4}
#homeCorp .container .textFav .hFav{width:auto;margin-right:50px}
#homeCorp .container .textFav .hFav img{height:135px;filter:drop-shadow(2px 4px 6px rgb(59 59 59 / 35%))}
#homeCorp .container .textFav .text{display:flex;flex-direction:column;padding-right:318px}
#homeCorp .container .textFav .text h1{margin:0;padding:0;color:#fff;font-size:25px;font-weight:300}
#homeCorp .container .textFav .text h1 strong{font-size:35px;font-weight:700}
#homeCorp .container .textFav .text p{color:rgba(255,255,255,.5);margin:0;padding:0;font-size:14px;padding:20px 0 40px 0;line-height:1.3}
#homeCorp .container .textFav .text .button{transition:all .3s;box-shadow:3px 0 19px 0 rgb(0 0 0 / 28%);background:linear-gradient(85deg,#c51319 0,#e82028 100%);display:flex;align-items:center;padding:10px 20px;width:max-content}
#homeCorp .container .textFav .text .button a{font-size:15px;color:#fff;display:flex;align-items:center}
#homeCorp .container .textFav .text .button a img{height:20px;filter:invert(100%) sepia(70%) saturate(2%) hue-rotate(260deg) brightness(109%) contrast(101%);margin-left:14px}
#homeCorp .container .flags{position:absolute;right:62px;flex:.5;bottom:0;z-index:3}
#homeCorp .container .flags img{height:399px}
#homeCorp .container:hover{background:linear-gradient(121deg,#5a5a5a 0,#7e7e7e 65%,#5a5a5a 100%);transition:all .3s}
#homeCorp .container:hover .flags img{filter:grayscale(1);transition:all .3s}
#homeCorp .container .textFav .text .button:hover{background:linear-gradient(85deg,#1d2c3b 0,#33414e 100%);transition:all .3s}
#homeProducts{width:100%;background:#eef1f3}
#homeProducts .container{background:#fff;padding:0 90px;border-bottom:1px solid #e8eaeb}
#homeProducts .container .title{padding:30px 0 0}
#homeProducts .container .title h1{color:#1d2c3b;font-size:21px;margin:0;padding:0;font-weight:500}
#homeProducts .container .content{width:100%;position:relative}
#homeProducts .container .content .swiper-container{height:auto;box-shadow:unset;padding:30px 10px 60px 10px}
#homeProducts .container .content .swiper-container .swiper-wrapper{height:auto}
#homeProducts .container .content .swiper-container .swiper-wrapper .swiper-slide{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%)}
#homeProducts .container .content .swiper-container .swiper-wrapper .swiper-slide .newProducts{display: flex; background: linear-gradient(0deg, #aa1015 0, #e82028 100%);position: absolute; top: 0px; right: 0px; writing-mode:vertical-lr; color: #fff; font-size: 14px; padding: 10px 6px;}
#homeProducts .container .content .swiper-container .swiper-wrapper .swiper-slide .image{display:flex;align-items:center;justify-content:center;transition:all ease .5s;height:250px;width:100%;padding:25px}
#homeProducts .container .content .swiper-container .swiper-wrapper .swiper-slide .image img{width:100%;height:100%;object-fit:contain}
#homeProducts .container .content .swiper-container .swiper-wrapper .swiper-slide .textBottom{position:relative;min-height:100px;padding:0 0 0 30px}
#homeProducts .container .content .swiper-container .swiper-wrapper .swiper-slide .textBottom .line{position:relative;height:1px;background:#e5e5e5}
#homeProducts .container .content .swiper-container .swiper-wrapper .swiper-slide .textBottom .line:before{position:absolute;content:"";left:0;top:-4px;width:25px;height:4px;background:#e11b22}
#homeProducts .container .content .swiper-container .swiper-wrapper .swiper-slide .textBottom h1{margin:0;padding:20px 0;font-size:16px;font-weight:500;transition:all .3s;color:#1d2c3b}
#homeProducts .container .content .swiper-container .swiper-wrapper .swiper-slide-active .textBottom .line:before{width:50%;height:4px;background:#1d2c3b;transition:all .3s}
#homeProducts .container .content .swiper-container .swiper-wrapper .swiper-slide:hover{opacity:.89;transform:scale(.89);transition:all ease .5s}
#homeProducts .container .content .swiper-container .swiper-wrapper .swiper-slide:hover .textBottom .line:before{width:50%;height:4px;transition:all .3s}
#homeProducts .container .content .hProButtons{position:absolute;right:0;top:0}
#homeProducts .container .content .swiper-button-prev{z-index:99999999999;left:unset;width:auto;height:auto;top:auto;right:37px}
#homeProducts .container .content .swiper-button-next{z-index:99999999999999;right:10px;height:auto;width:auto;top:unset}
#homeProducts .container .content .swiper-button-next,.swiper-button-prev{background-image:unset;transition:all .3s}
#homeProducts .container .content .swiper-button-next img,#homeProducts .container .content .swiper-button-prev img{height:21px}
#homeProducts .container .content .swiper-button-next:hover,#homeProducts .container .content .swiper-button-prev:hover{opacity:.89;transition:all .3s}
#homeBrands{width:100%;background:#eef1f3}
#homeBrands .container{background:#fff;padding:0 90px;z-index:9999;position:relative;border-bottom-left-radius:15px;border-bottom-right-radius:15px;box-shadow:0 9px 11px 0 rgb(0 0 0 / 17%)}
#homeBrands .container .title{padding:30px 0 0}
#homeBrands .container .title h1{color:#1d2c3b;font-size:21px;margin:0;padding:0;font-weight:500}
#homeBrands .container .content{width:100%;position:relative}
#homeBrands .container .content .swiper-container{height:auto;box-shadow:unset;padding:30px 10px 60px 10px}
#homeBrands .container .content .swiper-container .swiper-wrapper{height:auto}
#homeBrands .container .content .swiper-container .swiper-wrapper .swiper-slide{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%)}
#homeBrands .container .content .swiper-container .swiper-wrapper .swiper-slide .image{display:flex;align-items:center;justify-content:center;transition:all ease .5s;height:200px;width:100%;padding:25px}
#homeBrands .container .content .swiper-container .swiper-wrapper .swiper-slide .image img{width:100%;height:100%;object-fit:contain}
#homeBrands .container .content .swiper-container .swiper-wrapper .swiper-slide .textBottom{position:relative;min-height:100px;padding:0 0 0 30px}
#homeBrands .container .content .swiper-container .swiper-wrapper .swiper-slide .textBottom .line{position:relative;height:1px;background:#e5e5e5}
#homeBrands .container .content .swiper-container .swiper-wrapper .swiper-slide .textBottom .line:before{position:absolute;content:"";left:0;top:-4px;width:25px;height:4px;background:#1d2d3b}
#homeBrands .container .content .swiper-container .swiper-wrapper .swiper-slide .textBottom .text h1{margin:0;font-size:16px;font-weight:500;transition:all .3s;color:#1d2c3b;padding:0 5px}
#homeBrands .container .content .swiper-container .swiper-wrapper .swiper-slide .textBottom .text{padding:20px 0;display:flex}
#homeBrands .container .content .swiper-container .swiper-wrapper .swiper-slide .textBottom .text img{height:15px;filter:invert(66%) sepia(0%) saturate(0%) hue-rotate(147deg) brightness(99%) contrast(95%)}
#homeBrands .container .content .swiper-container .swiper-wrapper .swiper-slide-active .textBottom .line:before{width:50%;height:4px;background:#e11b22;transition:all .3s}
#homeBrands .container .content .swiper-container .swiper-wrapper .swiper-slide:hover{opacity:.89;transform:scale(.89);transition:all ease .5s}
#homeBrands .container .content .swiper-container .swiper-wrapper .swiper-slide:hover .textBottom .line:before{width:50%;height:4px;transition:all .3s}
#homeBrands .container .content .hProButtons{position:absolute;right:0;top:0}
#homeBrands .container .content .swiper-button-prev{z-index:99999999999;left:unset;width:auto;height:auto;top:auto;right:37px}
#homeBrands .container .content .swiper-button-next{z-index:99999999999999;right:10px;height:auto;width:auto;top:unset}
#homeBrands .container .content .swiper-button-next,.swiper-button-prev{background-image:unset;transition:all .3s}
#homeBrands .container .content .swiper-button-next img,#homeBrands .container .content .swiper-button-prev img{height:21px}
#homeBrands .container .content .swiper-button-next:hover,#homeBrands .container .content .swiper-button-prev:hover{opacity:.89;transition:all .3s}
#homeShortcut{position:relative;background:#707982;padding:160px 0 80px 0;margin-top:-100px}
#homeShortcut:before{position:absolute;content:"";bottom:0;right:0;left:0;height:250px;z-index:9;background:#eef1f3}
#homeShortcut .container{display:grid;grid-template-columns:32% 33% 32%;padding:0 100px;z-index:999;position:relative}
#homeShortcut .container .newsHome{position:relative;border-radius:5px;flex:1;margin:30px 30px 0 0;box-shadow:0 9px 11px 0 rgb(0 0 0 / 17%);height:fit-content;transition:all .3s}
#homeShortcut .container .newsHome:hover{transform:scale(.89);transition:all .3s}
#homeShortcut .container .newsHome .image{height:217px;position:relative}
#homeShortcut .container .newsHome .image::after{content:'';position:absolute;bottom:0;right:0;left:0;height:100%;background:rgb(29 43 58 / 27%);z-index:2}
#homeShortcut .container .newsHome .image img{width:100%;height:100%;object-fit:cover;border-top-left-radius:5px;border-top-right-radius:5px}
#homeShortcut .container .newsHome .title{transition:all .3s;background:#fff;display:flex;flex-direction:column;padding:30px;align-items:baseline;border-bottom-left-radius:5px;border-bottom-right-radius:5px}
#homeShortcut .container .newsHome:hover .title{background:#3b3b3b;transition:all .3s}
#homeShortcut .container .newsHome .title h1{writing-mode:tb-rl;position:absolute;left:-26px;font-weight:500;color:#fff;font-size:18px;margin:0;top:0}
#homeShortcut .container .newsHome .title p{padding:0;margin:0;font-size:15px;color:#1d2d3b;font-weight:600;transition:all .3s}
#homeShortcut .container .newsHome:hover .title p{color:#fff;transition:all .3s}
#homeShortcut .container .newsHome .title img{height:18px;filter:invert(66%) sepia(0%) saturate(0%) hue-rotate(147deg) brightness(99%) contrast(95%);margin-top:10px;transition:all .3s}
#homeShortcut .container .newsHome:hover .title img{filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(252deg) brightness(103%) contrast(101%);transition:all .3s}
#homeShortcut .container .homeAnswers{flex:1;position:relative;height:450px}
#homeShortcut .container .homeAnswers .swiper-container{position:relative;width:100%;height:100%;box-shadow:0 9px 11px 0 rgb(0 0 0 / 29%);border-radius:5px}
#homeShortcut .container .homeAnswers .swiper-container .swiper-slide{transition:all .3s;position:relative;height:100%;overflow:hidden;transition:all .3s;cursor:pointer;border-radius:5px;box-shadow:#dc143c}
#homeShortcut .container .homeAnswers .swiper-container .swiper-slide::after{transition:all .3s;content:'';position:absolute;bottom:0;right:0;left:0;height:100%;background:linear-gradient(121deg,rgb(0 0 0 / 87%) 0,rgb(51 65 78 / 0%) 65%,rgb(0 0 0 / 90%) 100%);z-index:2}
#homeShortcut .container .homeAnswers .swiper-container .swiper-slide img{width:100%;height:100%;object-fit:cover;filter:grayscale(0);transition:all .3s}
#homeShortcut .container .homeAnswers .swiper-container .swiper-slide .titleText{transition:all .3s;position:absolute;top:30px;left:30px;right:0;z-index:99999;display:flex;width:100%;align-items:center}
#homeShortcut .container .homeAnswers .swiper-container .swiper-slide .titleText h1{margin:0;padding:0;color:#fff;font-weight:500;font-size:20px;margin-right:30px}
#homeShortcut .container .homeAnswers .swiper-container .swiper-slide .titleText .line{height:1px;width:100%;background:rgb(255 255 255 / 43%)}
#homeShortcut .container .homeAnswers .swiper-container .swiper-slide .bTitleText{position:absolute;bottom:30px;left:30px;z-index:33}
#homeShortcut .container .homeAnswers .swiper-container .swiper-slide .bTitleText h1{margin:0;padding:0;color:#fff;font-size:18px}
#homeShortcut .container .homeAnswers .swiper-container .swiper-slide:hover:after{transition:all .3s;background:linear-gradient(121deg,rgb(29 44 59 / 74%) 0,rgb(51 65 78 / 21%) 65%,rgb(29 44 59 / 74%))}
#homeShortcut .container .homeAnswers .swiper-container .swiper-slide:hover img{filter:grayscale(1);transition:all .3s}
#homeShortcut .container .homeAnswers .hProButtons{position:absolute;right:0;bottom:30px;z-index:9999999}
#homeShortcut .container .homeAnswers .swiper-button-prev{z-index:99999999999;left:unset;width:auto;height:auto;top:auto;right:37px}
#homeShortcut .container .homeAnswers .swiper-button-next{z-index:99999999999999;right:10px;height:auto;width:auto;top:unset}
#homeShortcut .container .homeAnswers .swiper-button-next,#homeShortcut .container .homeAnswers .swiper-button-prev{background-image:unset;transition:all .3s}
#homeShortcut .container .homeAnswers .swiper-button-next img,#homeShortcut .container .homeAnswers .swiper-button-prev img{height:21px;filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(337deg) brightness(103%) contrast(101%)}
#homeShortcut .container .homeAnswers .swiper-button-next:hover,#homeShortcut .container .homeAnswers .swiper-button-prev:hover{opacity:.89;transition:all .3s}
#homeShortcut .container .shortCutH{flex:1;display:flex;flex-direction:column;margin:30px 0 0 30px;background:#fff;height:fit-content;position:relative;padding:10px 30px 30px 30px;border-radius:5px;box-shadow:0 9px 11px 0 rgb(0 0 0 / 17%)}
#homeShortcut .container .shortCutH h1{writing-mode:tb-rl;position:absolute;right:-26px;font-weight:500;color:#fff;font-size:18px;margin:0}
#homeShortcut .container .shortCutH .single{display:flex;padding:15px 0;border-bottom:1px solid #e8eaeb}
#homeShortcut .container .shortCutH .single:first-child{border-bottom:unset;padding:0 0 20px 0}
#homeShortcut .container .shortCutH .single:last-child{border-bottom:unset;padding:15px 0 0 0}
#homeShortcut .container .shortCutH .single img{height:50px;filter:invert(47%) sepia(11%) saturate(367%) hue-rotate(169deg) brightness(97%) contrast(85%);transition:all .2s}
#homeShortcut .container .shortCutH .single .text{margin-left:13px}
#homeShortcut .container .shortCutH .single .text h2{margin:0;padding:0;color:#1d2d3b;font-size:15px;transition:all .2s}
#homeShortcut .container .shortCutH .single .text p{margin:0;padding:0;color:rgba(29,44,58,.712);font-size:11px;transition:all .2s}
#homeShortcut .container .shortCutH .single:hover img{filter:invert(12%) sepia(91%) saturate(4652%) hue-rotate(351deg) brightness(92%) contrast(96%);transition:all .2s}
#homeShortcut .container .shortCutH .single:hover .text h2{color:#3b3b3b;transition:all .2s}
#homeShortcut .container .shortCutH .single:hover .text p{color:#3b3b3b;transition:all .2s}
#footer{padding:50px 0;box-shadow:0 0 15px 2px rgb(59 59 59 / 11%);position:relative;z-index:999999}
#footer .container{display:flex;flex-direction:column}
#footer .container .fTop{display:flex;justify-content:space-between;border-bottom:1px solid #e5e5e5;align-items:center;padding-bottom:25px}
#footer .container .fTop .logo{display:flex;align-items:center}
#footer .container .fTop .logo img{height:60px}
#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:#fff}
#footer .container .fTop .buttons .button:last-child{background:linear-gradient(85deg,#0a4b94 0,#1366c3 100%)}
#footer .container .fMid{display:flex;justify-content:space-between;padding:25px 0 0 0}
#footer .container .fMid .fMidLeft{display:flex;flex-direction:column}
#footer .container .fMid .fMidLeft .copyRight{display:flex;flex-direction:column}
#footer .container .fMid .fMidLeft .copyRight h1{margin:0;padding:0;font-size:14px;color:#a8abaf;font-weight:500}
#footer .container .fMid .fMidLeft .copyRight p{margin:0;padding:0;font-size:13px;color:#a8abaf;font-weight:300}
#footer .container .fMid .fMidLeft .adress{color:#1d2d3b;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:center;height:max-content}
#footer .container .fMid .fMidRight .phoneH{display:flex;align-items:center;transition:all .3s}
#footer .container .fMid .fMidRight .phoneH img{height:20px;padding-right:10px;margin-right:10px;border-right:1px solid #bbc0c4;transition:all .3s}
#footer .container .fMid .fMidRight .phoneH p{margin:0;padding:0;font-size:15px}
#footer .container .fMid .fMidRight .phoneH:hover{opacity:.89;transition:all .3s}
#footer .container .fMid .fMidRight .phoneH:hover img{filter:invert(13%) sepia(68%) saturate(6148%) hue-rotate(351deg) brightness(100%) contrast(91%);transition:all .3s}
#footer .container .fMid .fMidRight .icons{margin:0 15px;padding:0 15px;display:flex;border-left:1px solid #ccc;border-right:1px solid #ccc;height:fit-content}
#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:20px;filter:invert(23%) sepia(0%) saturate(1361%) hue-rotate(139deg) brightness(104%) contrast(101%);transition:all .3s}
#footer .container .fMid .fMidRight .icons a:hover img{transition:all .3s;filter:invert(13%) sepia(68%) saturate(6148%) hue-rotate(351deg) brightness(100%) contrast(91%)}
#footer .container .fMid .fMidRight .whatsap{display:flex;align-items:center;transition:all .3s;padding-right:20px}
#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(13%) sepia(68%) saturate(6148%) hue-rotate(351deg) brightness(100%) contrast(91%);transition:all .3s}
#fInviva{padding:20px 0;background:#eef1f3}
#fInviva .container{display:flex;justify-content:flex-end}
#fInviva .container a{font-size:12px;color:#3b3b3b;transition:all .3s}
#fInviva .container a:hover{opacity:.75;transition:all .3s}
.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:#a80e07;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}
#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;min-height:66px;align-items:center;justify-content:center;transition:all .3s;border:1px solid #ccc;flex-direction:column;margin:14px;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:contain;height:115px;padding:11px}
#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(256deg,#146f91 23%,#0d1c30 75%);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:0}
#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:#3c835e;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.verticalImg{height:600px;}
#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:1 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:25px}
#pageDetailContent .container .pageRight .singleLPro .image img{width:100%;height:100%;object-fit:contain}
#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:#1d2d3b}
#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:15px;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}