*,::after,::before{box-sizing:border-box;outline:unset} body,html{min-height:100%;height:100%;font-family:Poppins,sans-serif;margin:0;padding:0} a{text-decoration:none;color:unset} .container{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,#146f91 23%,#0d1c30 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:#5acdf7;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:#5acdf7;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:#5acdf7;transition:.4s all} #mFull .container .content ul li:last-child::before{display:none} #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: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-inviva{display:flex} #mFull .footerNav-inviva img{width:62px;height:16px} #loginPage{width:100%;height:100%} #loginPage .container{display:flex;align-items:center;justify-content:center;height:100%} #loginPage .container .login-cont{max-width:600px;display:flex;flex-direction:column;width:100%} #loginPage .container .login-cont .topLog{display:flex;position:relative;justify-content:space-between} #loginPage .container .login-cont .topLog .logo{padding:0 40px;display:flex} #loginPage .container .login-cont .topLog .logo img{height:109px;margin-bottom:-35px} #loginPage .container .login-cont .topLog .text{display:flex;align-items:end;justify-content:end;padding-bottom:7px} #loginPage .container .login-cont .topLog .text h2{margin:0;padding:0;font-size:24px;color:#d0d1d2;font-weight:400} #loginPage .container .login-cont .formLogin{width:100%;padding:100px;background:linear-gradient(0deg,#e0e2e3 0,#eaebec 100%)} #loginPage .container .login-cont .formLogin .login-form{display:flex;flex-direction:column} #loginPage .container .login-cont .formLogin .login-form input{width:100%;padding:10px 25px;margin:0 0 12px 0;border:unset;border-radius:4px;font-size:14px;color:#757575} #loginPage .container .login-cont .formLogin .login-form input::placeholder{color:#303c45} #loginPage .container .login-cont .formLogin .login-form button{background-color:#8bc34a;color:#fff;padding:10px 15px 10px 25px;border:none;border-radius:4px;cursor:pointer;width:fit-content;margin:0 0 15px 0;display:flex;align-items:center;justify-content:center} #loginPage .container .login-cont .formLogin .login-form button img{height:20px;filter:invert(99%) sepia(8%) saturate(144%) hue-rotate(289deg) brightness(117%) contrast(100%);margin-left:5px} #loginPage .container .login-cont .formLogin .login-form button:hover{background-color:#7cb342} #loginPage .container .login-cont .formLogin .remember-me{display:flex;align-items:center;font-size:15px;width:100%;justify-content:flex-start;font-weight:500} #loginPage .container .login-cont .formLogin .remember-me input{margin-right:5px;width:fit-content;margin:0;margin-right:5px} #loginPage .container .login-cont .footer{display:flex;flex-direction:column} #loginPage .container .login-cont .footer p{margin:0;padding:15px 0;color:rgb(48 60 69 / 70%);font-size:13px;border-bottom:1px solid #eaebec} #loginPage .container .login-cont .bottomF{display:flex;padding:15px 0;position:relative} #loginPage .container .login-cont .bottomF:before{position:absolute;top:0;left:0;width:50px;height:4px;background:#e41d27;content:""} #loginPage .container .login-cont .bottomF a{margin:0;padding:0 15px 0 0;position:relative;color:rgb(48 60 69 / 100%);font-size:13px;font-weight:600} #loginPage .container .login-cont .bottomF a:last-child{color:rgb(48 60 69 / 70%);padding:0 15px;font-weight:400} #loginPage .container .login-cont .bottomF a:last-child:before{position:absolute;content:"";top:0;left:0;height:100%;width:1px;background:#ddd} #header{width:100%} #header .topH{background:#fff;height:80px;box-shadow:0 12px 25px 6px #f3f4f4} #header .topH .container{display:flex;height:100%} #header .topH .container .logo{position:relative;width:250px} #header .topH .container .logo img{height:95px;margin-top:20px} #header .topH .container .rightTop{display:flex;justify-content:space-between;height:100%;width:100%;flex:1} #header .topH .container .rightTop .menu{display:flex} #header .topH .container .rightTop .menu ul{position:relative;display:flex;height:100%;align-items:center;flex-direction:row;list-style:none;padding:0;margin:0;width:100%;justify-content:center} #header .topH .container .rightTop .menu ul li{height:100%;display:flex;align-items:center;justify-content:space-between;position:relative} #header .topH .container .rightTop .menu ul li:before{position:absolute;content:"";top:0;width:1px;height:50px;background:#c0c4c7;left:0} #header .topH .container .rightTop .menu ul li a{font-weight:400;font-size:13px;transition:all .5s;border-radius:0;padding:0 12px;width:100%;color:#303c45;display:flex;align-items:center;height:100%;transition:all .3s} #header .topH .container .rightTop .menu ul li:first-child a{font-weight:600} #header .topH .container .rightTop .menu ul li:first-child:before{display:none} #header .topH .container .rightTop .menu ul li a img{height:24px;filter:invert(21%) sepia(17%) saturate(685%) hue-rotate(163deg) brightness(87%) contrast(88%);margin-right:15px;transition:all .3s} #header .topH .container .rightTop .menu ul li a:hover{color:#dc0c18;transition:all .3s} #header .topH .container .rightTop .menu ul li a:hover img{transition:all .3s;filter:invert(10%) sepia(92%) saturate(7172%) hue-rotate(354deg) brightness(88%) contrast(95%)} #header .topH .container .rightTop .accountH{display:flex} #header .topH .container .rightTop .accountH a{display:flex;align-items:center;font-size:14px;color:#303c45;margin-left:15px;transition:all .3s} #header .topH .container .rightTop .accountH a img{height:25px;margin-right:10px;filter:invert(10%) sepia(92%) saturate(7172%) hue-rotate(354deg) brightness(88%) contrast(95%);transition:all .3s} #header .topH .container .rightTop .accountH a p{margin:0;padding:0;font-size:14px} #header .topH .container .rightTop .accountH a:hover img{filter:invert(61%) sepia(76%) saturate(451%) hue-rotate(35deg) brightness(99%) contrast(88%);transition:all .3s} #header .bottomH{height:60px;border-bottom:1px solid #eaebec} #header .bottomH .container{display:flex;padding-left:262px;height:100%;justify-content:space-between} #header .bottomH .container .dealerInfo{display:flex;align-items:center} #header .bottomH .container .dealerInfo img{filter:invert(61%) sepia(76%) saturate(451%) hue-rotate(35deg) brightness(99%) contrast(88%);transition:all .3s;height:25px;margin-right:15px} #header .bottomH .container .dealerInfo .text{display:flex} #header .bottomH .container .dealerInfo .text p{padding:0;margin:0;font-weight:600;font-size:13px;color:#303c45} #header .bottomH .container .dealerInfo .text p:last-child{font-weight:400} #header .bottomH .container .iconsBh{display:flex;align-items:center;justify-content:center} #header .bottomH .container .iconsBh a{height:100%;display:flex;position:relative;align-items:center;padding:0 12px} #header .bottomH .container .iconsBh a:before{position:absolute;content:"";top:0;width:1px;height:42px;background:#c0c4c7;left:0} #header .bottomH .container .iconsBh a img{height:20px;transition:all .3s} #header .bottomH .container .iconsBh a:hover img{transition:all .3s;filter:invert(10%) sepia(92%) saturate(7172%) hue-rotate(354deg) brightness(88%) contrast(95%)} #footer{width:100%;padding:30px 0} #footer .container{display:flex;flex-direction:column} #footer .container .ftop{width:100%;display:flex;justify-content:space-between;position:relative;border-bottom:1px solid #eaebec} #footer .container .ftop:before{position:absolute;bottom:-4px;left:0;width:50px;height:4px;background:#e41d27;content:""} #footer .container .ftop .fTleft{display:flex;flex-direction:column} #footer .container .ftop .fTleft p{margin:0;padding:15px 0;color:#83888c;font-size:13px} #footer .container .ftop .fTright{display:flex;padding:15px 0;position:relative} #footer .container .ftop .fTright a{margin:0;padding:0 15px 0 0;position:relative;color:#83888c;font-size:13px;font-weight:600} #footer .container .ftop .fTright a:last-child{color:rgb(48 60 69 / 70%);padding:0 0 0 15px;font-weight:400} #footer .container .ftop .fTright a:last-child:before{position:absolute;content:"";top:0;left:0;height:100%;width:1px;background:#ddd} #footer .container .fbottom{width:100%;display:flex;justify-content:flex-end;padding:15px 0} #footer .container .fbottom a{color:rgb(48 60 69 / 70%);font-size:12px} #pageDetailContent{width:100%;margin-top:30px;overflow:hidden} #pageDetailContent .container{display:-ms-grid;display:grid;grid-template-columns:300px 75%;grid-gap:0 50px} #pageDetailContent .container .pageLeft{width:100%;max-width:300px} #pageDetailContent .container .pageLeft .filter{display:none;color:#3b3b3b;font-size:14px} #pageDetailContent .container .pageLeft .filter img{height:15px;margin-right:10px} #pageDetailContent .container .pageLeft .orderTotalBox{display:flex;background:linear-gradient(90deg,#e51e28 0,#fe4952 100%);border-radius:2px;padding:40px;height:150px;transition:all .3s} #pageDetailContent .container .pageLeft .orderTotalBox:hover{background:linear-gradient(90deg,#87b600 0,#a6db15 100%);transition:all .3s} #pageDetailContent .container .pageLeft .orderTotalBox .ordImg{height:40px;filter:invert(100%) sepia(0%) saturate(7500%) hue-rotate(154deg) brightness(100%) contrast(102%);margin-right:20px;padding-right:20px;border-right:1px solid rgb(0 0 0 / 44%)} #pageDetailContent .container .pageLeft .orderTotalBox .text{display:flex;flex-direction:column} #pageDetailContent .container .pageLeft .orderTotalBox .text p{margin:0;padding:0;font-size:15px;color:#fff} #pageDetailContent .container .pageLeft .orderTotalBox .text h1{margin:0;padding:0;font-size:18px;font-weight:600;color:#fff;margin-top:3px} #pageDetailContent .container .pageLeft .orderTotalBox .text .button{display:flex;transition:all .3s} #pageDetailContent .container .pageLeft .orderTotalBox .text .button:hover{opacity:.7;transition:all .3s} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a{font-size:13px;color:#fff;padding:5px 10px;margin-top:4px;background:#ffffff4d;display:flex;align-items:center} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a img{height:14px;margin-left:5px;filter:invert(99%) sepia(8%) saturate(144%) hue-rotate(289deg) brightness(117%) contrast(100%)} #pageDetailContent .container .pageLeft .orderButtonView{display:flex;flex-direction:column} #pageDetailContent .container .pageLeft .orderButtonView a{background:#4f5961;margin-top:1px;border-radius:2px;font-size:12px;padding:15px 30px;color:#fff;display:flex;transition:all .3s} #pageDetailContent .container .pageLeft .orderButtonView a.greenBox{background:linear-gradient(90deg,#759e05 0,#749d05 100%);transition:all .3s} #pageDetailContent .container .pageLeft .orderButtonView a img{height:16px;filter:invert(99%) sepia(8%) saturate(144%) hue-rotate(289deg) brightness(117%) contrast(100%);margin-right:5px} #pageDetailContent .container .pageLeft .orderButtonView a:hover{background:linear-gradient(90deg,#e51e28 0,#fe4952 100%);color:#fff;transition:all .3s} #pageDetailContent .container .pageLeft .orderButtonView a.greenBox:hover{background:linear-gradient(90deg,#2b3035 0,#4f5961 100%);transition:all .3s} #pageDetailContent .container .pageLeft .orderButtonView a .count{margin: 0 3px;} #pageDetailContent .container .pageLeft .detailMenu{display:flex;flex-direction:column;list-style:none;padding:0;margin:0;position:relative;margin-top:10px;background:#f0f1f2;padding-top:30px;border-top-left-radius:2px;border-top-right-radius:2px} #pageDetailContent .container .pageLeft .detailMenu li{position:relative;display:flex;align-items:center;transition:all .3s} #pageDetailContent .container .pageLeft .detailMenu li.activeDetail a{background:linear-gradient(90deg,#87b600 0,#a6db15 100%);color:#fff;transition:all .3s} #pageDetailContent .container .pageLeft .detailMenu li.activeDetail a img{filter:invert(99%) sepia(8%) saturate(144%) hue-rotate(289deg) brightness(117%) contrast(100%);transition:all .3s} #pageDetailContent .container .pageLeft .detailMenu li a{color:#303c45;margin-bottom:1px;font-size:14px;width:100%;padding:10px 30px;border-top:1px solid #fff;display:flex;align-items:center;font-weight:600} #pageDetailContent .container .pageLeft .detailMenu li a img{height:16px;filter:invert(19%) sepia(38%) saturate(312%) hue-rotate(163deg) brightness(96%) contrast(88%);margin-right:5px} #pageDetailContent .container .pageLeft .detailMenu li:hover a{background:linear-gradient(90deg,#e51e28 0,#fe4952 100%);transition:all .3s;color:#fff} #pageDetailContent .container .pageLeft .detailMenu li:hover a img{filter:invert(99%) sepia(8%) saturate(144%) hue-rotate(289deg) brightness(117%) contrast(100%);transition:all .3s} #pageDetailContent .container .pageLeft .orderBoxBanner{display:flex;flex-direction:column;padding:40px 30px;background:#f8f8f8;border-bottom-left-radius:2px;border-bottom-right-radius:2px;transition:all .3s} #pageDetailContent .container .pageLeft .orderBoxBanner img{height:14px;width:fit-content;margin-bottom:11px} #pageDetailContent .container .pageLeft .orderBoxBanner .text{display:flex;flex-direction:column} #pageDetailContent .container .pageLeft .orderBoxBanner .text p{transition:all .3s;margin:0;padding:0;font-size:15px;color:#303c45} #pageDetailContent .container .pageLeft .orderBoxBanner .text h1{transition:all .3s;color:#303c45;font-size:21px;margin:0} #pageDetailContent .container .pageLeft .orderBoxBanner:hover{background:#4f5961;transition:all .3s} #pageDetailContent .container .pageLeft .orderBoxBanner:hover img{filter:invert(99%) sepia(8%) saturate(144%) hue-rotate(289deg) brightness(117%) contrast(100%);transition:all .3s} #pageDetailContent .container .pageLeft .orderBoxBanner:hover .text p{color:#fff;transition:all .3s} #pageDetailContent .container .pageLeft .orderBoxBanner:hover .text h1{color:#fff;transition:all .3s} #pageDetailContent .container .pageRight{width:100%} #pageDetailContent .container .pageRight #slider{width:100%;height:auto!important;position:relative} #pageDetailContent .container .pageRight #slider .swiper-container{position:relative;width:100%;height:auto} #pageDetailContent .container .pageRight #slider .swiper-container .swiper-wrapper{height:auto} #pageDetailContent .container .pageRight #slider .swiper-container .swiper-wrapper .swiper-slide{transition:all .3s;position:relative;height:auto;overflow:hidden;transition:all .3s;cursor:pointer} #pageDetailContent .container .pageRight #slider .swiper-container .swiper-wrapper .swiper-slide img{width:100%;height:auto;object-fit:cover} #pageDetailContent .container .pageRight #slider .paginetionSlider{bottom:-35px;z-index:99!important;display:flex;position:absolute;width:100%;text-align:left;font-weight:700;right:0;height:35px;background:#fff} #pageDetailContent .container .pageRight #slider .paginetionSlider .container{position:relative} #pageDetailContent .container .pageRight #slider .paginetionSlider .swiper-pagination{left:35px;top:50%;transform:translateY(-50%);display:flex;align-items:center} #pageDetailContent .container .pageRight #slider .paginetionSlider .swiper-pagination-bullet{background:#c6cace;width:5px;height:5px;margin-right:5px;border-radius:0;opacity:1} #pageDetailContent .container .pageRight #slider .paginetionSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:15px;height:5px;background:#e8242e;display:flex;align-items:center;justify-content:center} #pageDetailContent .container .pageRight #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%)} #pageDetailContent .container .pageRight #slider .prevSlider .container{position:relative} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev{background:unset;margin:0;padding:0;width:unset;height:unset;left:30px} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next{background:unset;margin:0;padding:0;width:unset;height:unset;right:30px} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next img,#slider .prevSlider .swiper-button-prev img{height:40px} #pageDetailContent .container .pageRight .pCatList{display:flex;flex-direction:column;margin-top:35px;position:relative} #pageDetailContent .container .pageRight .pCatList .titleCat{display:flex;transition:all .3s;padding:20px 0 35px 0} #pageDetailContent .container .pageRight .pCatList .titleCat img{height:35px;width:fit-content} #pageDetailContent .container .pageRight .pCatList .titleCat .text{display:flex;flex-direction:column} #pageDetailContent .container .pageRight .pCatList .titleCat .text p{transition:all .3s;margin:0;padding:0;font-size:15px;color:#303c45} #pageDetailContent .container .pageRight .pCatList .titleCat .text h1{transition:all .3s;color:#303c45;font-size:21px;margin:0} #pageDetailContent .container .pageRight .pCatList .contentCat{display:flex;flex-wrap:wrap} #pageDetailContent .container .pageRight .pCatList .contentCat .single{transition:all .3s;display:flex;flex:0 0 24.8%;position:relative;height:400px;width:100%;margin:1px} #pageDetailContent .container .pageRight .pCatList .contentCat .single:before{transition:all .3s;position:absolute;content:"";left:0;right:0;bottom:0;background:linear-gradient(180deg,rgb(0 0 0 / 0%) 0,rgb(0 0 0) 200%);z-index:9;height:110px} #pageDetailContent .container .pageRight .pCatList .contentCat .single .bg{transition:all .3s;position:absolute;top:0;bottom:0;right:0;left:0;width:100%;height:100%;object-fit:cover} #pageDetailContent .container .pageRight .pCatList .contentCat .single .main{transition:all .3s;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center} #pageDetailContent .container .pageRight .pCatList .contentCat .single .main img{transition:all .3s;object-fit:contain;height:175px;width:100%} #pageDetailContent .container .pageRight .pCatList .contentCat .single h1{transition:all .3s;position:absolute;left:15px;bottom:15px;margin:0;padding:0;color:#fff;z-index:99;font-size:20px;font-weight:600} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat{transition:all .3s;display:flex;height:fit-content;z-index:-1;position:absolute;left:0;right:0;top:0;background:#fff;padding:0 20px 15px 20px;align-items:center;opacity:-1} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text{display:flex;flex-direction:column} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text p{transition:all .3s;margin:0;padding:0;font-size:11px;color:rgb(48 60 69 / 70%)} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text h2{transition:all .3s;color:rgb(48 60 69 / 70%);font-size:16px;margin:0} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image{position:relative;margin-left:10px;padding-left:10px} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image img{height:22px;filter:invert(91%) sepia(6%) saturate(154%) hue-rotate(163deg) brightness(87%) contrast(89%)} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image:before{position:absolute;content:"";top:-14px;width:1px;height:33px;background:#c0c4c7;left:0} #pageDetailContent .container .pageRight .pCatList .contentCat .single:first-child .bg{display:none} #pageDetailContent .container .pageRight .pCatList .contentCat .single:nth-child(3) .bg{display:none} #pageDetailContent .container .pageRight .pCatList .contentCat .single:first-child .main img{height:100%;object-fit:cover;width:100%} #pageDetailContent .container .pageRight .pCatList .contentCat .single:nth-child(3) .main img{height:100%;object-fit:cover;width:100%} #pageDetailContent .container .pageRight .pCatList .contentCat .dtyCat:first-child .bg{display:flex} #pageDetailContent .container .pageRight .pCatList .contentCat .dtyCat:nth-child(3) .bg{display:flex} #pageDetailContent .container .pageRight .pCatList .contentCat .dtyCat:first-child .main img{height:175px;object-fit:contain;width:100%} #pageDetailContent .container .pageRight .pCatList .contentCat .dtyCat:nth-child(3) .main img{height:175px;object-fit:contain;width:100%} #pageDetailContent .container .pageRight .pCatList .contentCat .single:hover{z-index:9999;border:10px solid #fff;transition:all .3s;padding:0;background:#fff;height:435px;margin-top:-30px;box-shadow:0 0 19px 7px rgb(59 59 59 / 32%)} #pageDetailContent .container .pageRight .pCatList .contentCat .single:hover .plusesCat{top:0;transition:all .3s;opacity:1;z-index:999} #pageDetailContent .container .pageRight .listTitle {display:flex;align-items:center} #pageDetailContent .container .pageRight .listTitle .menuL{display:flex;align-items:center} #pageDetailContent .container .pageRight .listTitle .menuL .menu{display:flex;cursor:pointer} #pageDetailContent .container .pageRight .listTitle .menuL .menu img{height:11px} #pageDetailContent .container .pageRight .listTitle .menuL a{margin:0;padding:0 13px;position:relative;color:#596067;font-size:14px;font-weight:400} #pageDetailContent .container .pageRight .listTitle .menuL a:before{position:absolute;content:"";top:0;right:0;height:100%;width:1px;background:#8e9296} #pageDetailContent .container .pageRight .listTitle .menuL a:last-child{color:rgb(48 60 69 / 70%);padding:0 0 0 13px;font-weight:600} #pageDetailContent .container .pageRight .listTitle .menuL a:last-child:before{display:none} #pageDetailContent .container .pageRight .listTitle select{border: 1px solid #ddd; border: 1px solid #dddd;font-size: 14px;padding: 6px;} #pageDetailContent .container .pageRight .pProList{display:flex;flex-wrap:wrap;margin-top:25px;background:#f4f5f6;border-radius:3px;padding: 9px;} #pageDetailContent .container .pageRight .pProList .single{transition:all .3s;display:flex;flex-direction:column;padding:30px;background:#f4f5f6;flex:0 0 33%;border-bottom:1px solid #cdd0d3} #pageDetailContent .container .pageRight .pProList .single:nth-child(3n-1){border-left:1px solid #cdd0d3;border-right:1px solid #cdd0d3} #pageDetailContent .container .pageRight .pProList .single .image{width:100%;height:225px;background: #fff;} #pageDetailContent .container .pageRight .pProList .single .image img{transition:all .3s;width:100%;height:100%;object-fit: contain;} #pageDetailContent .container .pageRight .pProList .single .text{display:flex;flex-direction:column;margin-top:25px} #pageDetailContent .container .pageRight .pProList .single .text h1{transition:all .3s;margin:0;padding:0;font-size:17px;color:#303c45;font-weight:600} #pageDetailContent .container .pageRight .pProList .single .text p{margin:0;padding:0;font-size:13px;color:#303c45;font-weight:400} #pageDetailContent .container .pageRight .pProList .single .text h2{margin:0;padding:10px 0;font-size:17px;color:#303c45;font-weight:600} #pageDetailContent .container .pageRight .pProList .single .buttons{display:flex;justify-content:space-between} #pageDetailContent .container .pageRight .pProList .single .buttons button{transition:all .3s;color:#fff;font-size:13px;padding:10px 15px;flex:1;background:#303c45;border:unset;display:flex;align-items:center;justify-content:space-between;font-weight:600;border-top-left-radius:22px;border-bottom-left-radius:22px;cursor:pointer} #pageDetailContent .container .pageRight .pProList .single .buttons button.basketB{background:#e41d27;border-top-right-radius:22px;border-bottom-right-radius:22px;border-left:1px solid #fff} #pageDetailContent .container .pageRight .pProList .single .buttons button img{height:17px;filter:invert(99%) sepia(8%) saturate(144%) hue-rotate(289deg) brightness(117%) contrast(100%)} #pageDetailContent .container .pageRight .pProList .single .buttons button:hover{opacity:.7;transition:all .3s;background:#87b600} #pageDetailContent .container .pageRight .pProList .single:hover{opacity:.85;transition:all .3s} #pageDetailContent .container .pageRight .pProList .single:hover .text h1{color:#e51e28;transition:all .3s} #pageDetailContent .container .pageRight .pProList .single:hover .image img{filter:grayscale(1);transition:all .3s} #pageDetailContent .container .pageRight .orderListWindow{margin-top:25px;padding:15px;background:#f0f1f2;border-radius:8px} #pageDetailContent .container .pageRight .orderListWindow.orderLastDetail .table{margin-bottom:20px} #pageDetailContent .container .pageRight .orderListWindow .titleOrd{margin:15px 0 0} #pageDetailContent .container .pageRight .orderListWindow .titleOrd h1{margin:0;padding:0;font-size:18px;color:#4f5961} #pageDetailContent .container .pageRight .orderListWindow .table{width:100%;overflow:hidden;overflow-x:auto;background:#fff;border-radius:8px;margin-top:10px;padding:15px} #pageDetailContent .container .pageRight .orderListWindow table{width:100%;overflow-x:auto;border-collapse:collapse} #pageDetailContent .container .pageRight .orderListWindow table th{font-weight:600;text-align:left} #pageDetailContent .container .pageRight .orderListWindow table td,th{padding:6px;font-size:14px;border-right:1px solid #c6c3c7} #pageDetailContent .container .pageRight .orderListWindow table tr{border-bottom:1px solid #c6c3c7} #pageDetailContent .container .pageRight .orderListWindow table tr:last-child{border-bottom:unset} #pageDetailContent .container .pageRight .orderListWindow table td:last-child{border-right:unset} #pageDetailContent .container .pageRight .orderListWindow table td:first-child{/* width:40px; */cursor:pointer;display:flex;align-items:center;justify-content:center} #pageDetailContent .container .pageRight .orderListWindow table td form{width: 100%;} #pageDetailContent .container .pageRight .orderListWindow .table .rmvBtn{background: #e51e28;border: unset;padding: 10px;color: #fff;cursor: pointer;width: 100%;transition: all .3s;} #pageDetailContent .container .pageRight .orderListWindow .table .rmvBtn:hover{opacity: .8;transition: all .3s;} #pageDetailContent .container .pageRight .orderListWindow .table .qtyW{width: 126px;} #pageDetailContent .container .pageRight .orderListWindow .table .qtyW input{width: 50px;border: 1px solid #ddd;padding: 6px;} #pageDetailContent .container .pageRight .orderListWindow .table .qtyW .quantity {border: unset;background: #4f5961;color: #fff;padding: 6px 10px;transition: all .3s;cursor: pointer;} #pageDetailContent .container .pageRight .orderListWindow .table .qtyW .quantity:hover{opacity: .8;transition: all .3s;} #pageDetailContent .container .pageRight .orderListWindow table.lastOrder td:first-child{width:unset;cursor:pointer;display:block;align-items:center;justify-content:center} #pageDetailContent .container .pageRight .orderListWindow .lastOrder table td:first-child{width: unset;display: block;cursor: unset;} #pageDetailContent .container .pageRight .orderListWindow .singleNote{display: flex;flex-direction: column;margin-bottom: 10px;} #pageDetailContent .container .pageRight .orderListWindow .singleNote label{margin-bottom: 10px;} #pageDetailContent .container .pageRight .orderListWindow .singleNote textarea{border: unset;padding: 10px;font-size: 14px;} #pageDetailContent .container .pageRight .orderListWindow .singleNote input{ border: unset;padding: 10px;font-size: 14px;} #pageDetailContent .container .pageRight .orderListWindow .orderStatus{display: flex;margin-bottom: 10px;align-items: center;background: #4f5961;padding: 10px;border-radius: 7px;} #pageDetailContent .container .pageRight .orderListWindow .orderStatus p{margin: 0;padding: 0;color: #fff;font-weight: 700;font-size: 16px;} #pageDetailContent .container .pageRight .orderListWindow .orderStatus p:last-child{padding: 10px;margin-left: 15px;border-radius: 10px;background: #e9252e;font-size: 14px;font-weight: 300;} #pageDetailContent .container .pageRight .orderListWindow .orderStatus p.approval{background: #87b600;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo{display:flex;flex-direction:column;align-items:flex-end} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos{display:flex;padding:20px 0} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos p{margin:0 10px;padding:0;font-size:15px} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos p b{margin:0;padding:0} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos p:first-child{margin:0} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .buttons{display:flex} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .buttons button{border: unset; background:#87b600;margin-top:1px;border-radius:2px;font-size:13px;padding:15px 20px;color:#fff;display:flex;transition:all .3s;align-items:center} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .buttons button:hover{background:#4f5961;transition:all .3s} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .buttons button img{height:16px;filter:invert(99%) sepia(8%) saturate(144%) hue-rotate(289deg) brightness(117%) contrast(100%);margin-left:5px} #pageDetailContent .container .pageRight .lastOrder{display:flex;margin-top:25px;flex-direction:column;background:#f0f1f2;border-radius:8px} #pageDetailContent .container .pageRight .unpaidOrdersBox{padding: 15px;} #pageDetailContent .container .pageRight .lastOrder .titleUnpaid{padding: 0 0 15px 0; margin: 0;font-size: 15px;} #pageDetailContent .container .pageRight .lastOrder .orderS{transition:all .3s;display:flex;justify-content:space-between;padding:50px 30px;border-bottom:1px solid #ddd;background:#f0f1f2} #pageDetailContent .container .pageRight .lastOrder .orderS:first-child{border-top-left-radius:8px;border-top-right-radius:8px} #pageDetailContent .container .pageRight .lastOrder .orderS:last-child{border-bottom:unset;border-bottom-left-radius:8px;border-bottom-right-radius:8px} #pageDetailContent .container .pageRight .lastOrder .orderS .date{display:flex;align-items:center} #pageDetailContent .container .pageRight .lastOrder .orderS .date img{height:40px;filter:invert(20%) sepia(1%) saturate(1456%) hue-rotate(315deg) brightness(96%) contrast(87%);margin-right:11px;transition:all .3s} #pageDetailContent .container .pageRight .lastOrder .orderS .date .text{flex-direction: column;display: flex;} #pageDetailContent .container .pageRight .lastOrder .orderS .date p{padding:0;margin:0;font-size:18px;font-weight:600;transition:all .3s} #pageDetailContent .container .pageRight .lastOrder .orderS .date h1{padding:0;margin:0;font-size: 16px;font-weight:300;transition:all .3s} #pageDetailContent .container .pageRight .lastOrder .orderS .totalPrice{display:flex;align-items:flex-end;transition:all .3s;display: flex;flex-direction: column;} #pageDetailContent .container .pageRight .lastOrder .orderS .totalPrice select{width:100%;padding:10px 25px;margin:0 0 5px 0;border:unset;border-radius:4px;font-size:14px;color:#757575} #pageDetailContent .container .pageRight .lastOrder .orderS .totalPrice .buttons button{border: unset; background:#e51e28;margin-top:1px;border-radius:2px;font-size:13px;padding:15px 20px;color:#fff;display:flex;transition:all .3s;align-items:center} #pageDetailContent .container .pageRight .lastOrder .orderS .totalPrice .buttons button:hover{background:#4f5961;transition:all .3s} #pageDetailContent .container .pageRight .lastOrder .orderS .totalPrice .buttons button img{height:16px;filter:invert(99%) sepia(8%) saturate(144%) hue-rotate(289deg) brightness(117%) contrast(100%);margin-left:5px} #pageDetailContent .container .pageRight .lastOrder .orderS .totalPrice p{margin:0;padding:0;font-size:18px;color:#96c21f;font-weight:600;transition:all .3s} #pageDetailContent .container .pageRight .lastOrder .orderS .totalPrice p:last-child{margin: 0;padding: 0;color:#3b3b3b;font-size: 14px;text-align: end;} #pageDetailContent .container .pageRight .lastOrder .orderS:hover{background:#fff;transition:all .3s} #pageDetailContent .container .pageRight .lastOrder .orderS:hover .date img{filter:invert(10%) sepia(92%) saturate(7172%) hue-rotate(354deg) brightness(88%) contrast(95%);transition:all .3s} #pageDetailContent .container .pageRight .lastOrder .orderS:hover .totalPrice p{color:#e51e28;transition:all .3s;} #pageDetailContent .container .pageRight .accountDetails{display:flex;margin-top:25px;width:100%} #pageDetailContent .container .pageRight .accountDetails .accountD{display:flex;flex-direction:column;width:100%;padding:50px;background:#4f5961;border-radius:8px} #pageDetailContent .container .pageRight .accountDetails .accountD img{height:55px;filter:invert(100%) sepia(0%) saturate(7500%) hue-rotate(154deg) brightness(100%) contrast(102%);margin-bottom:10px} #pageDetailContent .container .pageRight .accountDetails .accountD .text{display:flex;flex-direction:column;align-items:center} #pageDetailContent .container .pageRight .accountDetails .accountD .text h1{margin:0;padding:0;color:#fff;font-size:24px} #pageDetailContent .container .pageRight .accountDetails .accountD .text h2{margin:0;padding:0;color:#fff;font-size:20px;font-weight:500} #pageDetailContent .container .pageRight .accountDetails .accountD .text p{margin:12px 0;padding:0;color:rgb(255 255 255 / 54%)} #pageDetailContent .container .pageRight .accountDetails .accountD .links{display:flex;flex-direction:column} #pageDetailContent .container .pageRight .accountDetails .accountD .links a{font-size:13px;color:#fff;padding:10px;margin-top:8px;background:rgb(255 255 255 / 30%);display:flex;align-items:center;transition:all .3s} #pageDetailContent .container .pageRight .accountDetails .accountD .links a img{height:14px;margin-left:5px;filter:invert(99%) sepia(8%) saturate(144%) hue-rotate(289deg) brightness(117%) contrast(100%);margin-bottom:unset} #pageDetailContent .container .pageRight .accountDetails .accountD .links a:hover{opacity:.7;transition:all .3s} #pageDetailContent .container .pageRight .proDetails{display:flex;margin-top:25px;width:100%;flex-direction:column} #pageDetailContent .container .pageRight .proDetails .pdTop{display:grid;grid-template-columns:47% 47%;grid-gap:0 30px;padding:15px;background:#f0f1f2;width:100%;border-radius:8px} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo{width:100%;background:#ffff;padding:10px;border-radius:8px} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .slider{height:361px;width:100%;margin-bottom:20px;border-bottom:1px solid #ddd;padding-bottom:20px} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .slider .swiper-container{position:relative;width:100%;height:100%} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .slider .swiper-container .swiper-slide{position:relative;width:100%!important;height:100%;background:#fff;display:flex;justify-content:center;padding:12px} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .slider .swiper-container .swiper-slide .single{width:100%} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .slider .swiper-container video{width:100%;height:100%;object-fit:contain} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .slider .swiper-container img{width:100%;height:100%;object-fit:contain} #pageDetailContent .container .pageRight .proDetails .pdTop #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 .proDetails .pdTop #sliderInfo .slider .swiper-pagination .swiper-pagination-bullet{background:#9a9b9c;width:10px;height:10px;margin-right:5px} #pageDetailContent .container .pageRight .proDetails .pdTop #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 .proDetails .pdTop #sliderInfo .bottomSlider{position:relative;height:93px;padding:0 50px;display:flex;align-items:center;justify-content:center;margin-top:30px} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .slider-thumbs.swiper-container{height:90px} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .slider-thumbs .swiper-slide{width:100px;opacity:.5;transition:all .3s} #pageDetailContent .container .pageRight .proDetails .pdTop #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 .proDetails .pdTop #sliderInfo .bottomSlider .slider-thumbs .swiper-slide-active{opacity:1} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .slider-thumbs .swiper-slide:hover{filter:contrast(.5);transition:all .3s} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .slider-thumbs .swiper-slide-active:before{opacity:1;filter:initial;background:rgb(230 230 230 / 64%);transition:all .3s} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .slider-thumbs img{cursor:pointer;width:100%;height:100%;object-fit:contain;padding:5px} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev{left:0;outline:unset;background-image:unset;z-index:999;margin-top:0;top:25%;width:fit-content} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev img{width:15px} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next{right:0;outline:unset;background-image:unset;margin-top:0;top:25%;width:fit-content} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next img{width:15px} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo{display:flex;flex-direction:column} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text{display:flex;flex-direction:column;margin-top:25px} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text h1{transition:all .3s;margin:0;padding:0;font-size:28px;color:#303c45;font-weight:600} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text p{margin:0;padding:0;font-size:18px;color:#303c45;font-weight:400} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text p:last-child{font-size:15px;padding-bottom:15px} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text h2{margin:0;padding:10px 0;font-size:30px;color:#96c21f;font-weight:600} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .buttons{display:flex;justify-content:space-between} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .buttons button{transition:all .3s;color:#fff;font-size:13px;padding:10px 15px;flex:1;background:#303c45;border:unset;display:flex;align-items:center;justify-content:space-between;font-weight:600;border-top-left-radius:22px;border-bottom-left-radius:22px;cursor:pointer} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .buttons button.basketB{background:#e41d27;border-top-right-radius:22px;border-bottom-right-radius:22px;border-left:1px solid #fff;flex:1;border-top-left-radius: 0;border-bottom-left-radius: 0;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .buttons button img{height:17px;filter:invert(99%) sepia(8%) saturate(144%) hue-rotate(289deg) brightness(117%) contrast(100%)} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .buttons button:hover{opacity:.7;transition:all .3s;background:#87b600} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .buttons .qtyB{display:flex;flex:1} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .buttons .qtyB .plusMin{width:100%;transition: all .3s;color: #fff;font-size: 13px;padding: 10px 15px;flex: 1;background: #303c45;border: unset;font-weight: 600;border-top-left-radius: 22px;border-bottom-left-radius: 22px;cursor: pointer;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .buttons .qtyB .plusMin:hover{opacity:.7;transition:all .3s;background:#87b600} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .buttons .qtyB .quantity-plus{border-top-left-radius:0;border-bottom-left-radius:0} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .buttons .qtyB input{width:75px;border:unset;border-top:1px solid #303c45;border-bottom:1px solid #303c45;display:flex;align-items:center;justify-content:center;padding:0 10px;font-size:16px} #pageDetailContent .container .pageRight .proDetails #otherProducts{width:100%;background:#eef1f3} #pageDetailContent .container .pageRight .proDetails #otherProducts{background:#fffb} #pageDetailContent .container .pageRight .proDetails #otherProducts .title{padding:30px 0} #pageDetailContent .container .pageRight .proDetails #otherProducts .title h1{color:#1d2c3b;font-size:21px;margin:0;padding:0;font-weight:500} #pageDetailContent .container .pageRight .proDetails #otherProducts .content{width:100%;position:relative} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container{height:auto;box-shadow:unset;background:#f4f5f6;border-bottom:1px solid #cdd0d3} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper{height:auto} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single{transition:all .3s;display:flex;flex-direction:column;padding:30px;background:#f4f5f6} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .image{width:100%;height:225px;background: #fff;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .image img{transition:all .3s;width:100%;height:100%;object-fit:contain} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text{display:flex;flex-direction:column;margin-top:25px} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h1{transition:all .3s;margin:0;padding:0;font-size:17px;color:#303c45;font-weight:600} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text p{margin:0;padding:0;font-size:13px;color:#303c45;font-weight:400} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h2{margin:0;padding:10px 0;font-size:17px;color:#303c45;font-weight:600} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons{display:flex;justify-content:space-between} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button{transition:all .3s;color:#fff;font-size:13px;padding:10px 15px;flex:1;background:#303c45;border:unset;display:flex;align-items:center;justify-content:space-between;font-weight:600;border-top-left-radius:22px;border-bottom-left-radius:22px;cursor:pointer} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button.basketB{background:#e41d27;border-top-right-radius:22px;border-bottom-right-radius:22px;border-left:1px solid #fff} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button img{height:17px;filter:invert(99%) sepia(8%) saturate(144%) hue-rotate(289deg) brightness(117%) contrast(100%)} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button:hover{opacity:.7;transition:all .3s;background:#87b600} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single:hover{opacity:.85;transition:all .3s} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single:hover .text h1{color:#e51e28;transition:all .3s} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single:hover .image img{filter:grayscale(1);transition:all .3s} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .hProButtons{position:absolute;right:0;top:-30px} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev{z-index:99999999999;left:unset;width:auto;height:auto;top:auto;right:37px} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-next{z-index:99999999999999;right:10px;height:auto;width:auto;top:unset} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-next,.swiper-button-prev{background-image:unset;transition:all .3s} #otherProducts .content .swiper-button-prev img,#pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-next img{height:21px} #otherProducts .content .swiper-button-prev:hover,#pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-next:hover{opacity:.89;transition:all .3s} #pageDetailContent .container .pageRight .proDetails .pbody{display:flex;flex-direction:column;padding:25px;background:#f2f3f7;border-radius:8px;margin:20px 0;width:100%} #pageDetailContent .container .pageRight .proDetails .pbody .title{width:100%;display:flex;flex-direction:column;color:#384251} #pageDetailContent .container .pageRight .proDetails .pbody .title h1{margin:0;padding:0;font-size:25px} #pageDetailContent .container .pageRight .proDetails .pbody .title p{margin:0;padding:0;font-size:15px} #pageDetailContent .container .pageRight .proDetails .pbody .contBody{width:100%} #pageDetailContent .container .pageRight .proDetails .pbody .contBody p{font-size:15px;line-height:1.7;margin:0;padding:0;margin-top:10px} #pageDetailContent .container .pageRight .proDetails .pbody .productKatalog{font-size:18px;display:flex;align-items:center;color:#e21a22;margin:10px 0} #pageDetailContent .container .pageRight .proDetails .pbody .productKatalog i{font-size:23px;margin-right:7px} #pageDetailContent .container .pageRight .proDetails .pbody .table{width:100%;overflow:hidden;overflow-x:auto;margin:15px 0 20px 0} #pageDetailContent .container .pageRight .proDetails .pbody .table table{width:100%;overflow-x:auto;margin-top:10px;border-collapse:collapse} #pageDetailContent .container .pageRight .proDetails .pbody .table table th{color:#fff;background:#0072bc;border-radius:0;padding:10px;font-size:13px} #pageDetailContent .container .pageRight .proDetails .pbody .table table td,th{padding:15px;font-size:13px;flex:1;display:flex;align-items:center} #pageDetailContent .container .pageRight .proDetails .pbody .table table tr:first-child{font-weight:700} #pageDetailContent .container .pageRight .proDetails .pbody .table table tr{border-bottom:1px solid #cbcbcb;display:flex} #pageDetailContent .container .pageRight .proDetails .pbody .table table .tableRevert{display:revert!important} #pageDetailContent .container .pageRight .proDetails .pbody .table table tr:nth-child(2n){background:unset} #pageDetailContent .container .pageRight .contentFormP {width:100%;padding:100px;background:linear-gradient(0deg,#e0e2e3 0,#eaebec 100%);border-radius: 8px;} #pageDetailContent .container .pageRight .contentFormP .login-form{display:flex;flex-direction:column} #pageDetailContent .container .pageRight .contentFormP .login-form input,textarea{width:100%;padding:10px 25px;margin:0 0 12px 0;border:unset;border-radius:4px;font-size:14px;color:#757575} #pageDetailContent .container .pageRight .contentFormP .login-form button{background-color:#8bc34a;color:#fff;padding:10px 15px 10px 25px;border:none;border-radius:4px;cursor:pointer;width:fit-content;margin:0 0 15px 0;display:flex;align-items:center;justify-content:center} #pageDetailContent .container .pageRight .contentFormP .login-form button img{height:20px;filter:invert(99%) sepia(8%) saturate(144%) hue-rotate(289deg) brightness(117%) contrast(100%);margin-left:5px} #pageDetailContent .container .pageRight .contentFormP .login-form button:hover{background-color:#7cb342} #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;grid-template-columns:unset} #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} .successNotification {display: flex;padding: 10px;background: #96c21f;border-radius: 5px;width: 100%;height: fit-content;} .successNotification p {margin: 0;padding: 0;font-size: 13px;color: #fff;} #cboxClose{top: 0!important;width: 100px!important;height: 44px!important;background: url('../img/cbox/kapat.png') no-repeat!important;background-color: #fff!important;background-size: contain !important;} #cboxLoadedContent{margin-bottom: 0!important;} #pageDetailContent .container .pageRight .searchHeader{display:block;width:100%;height:50px;float:left;position:relative;max-width:100%;transition:all .3s;cursor:pointer;margin-right:20px;background: #f4f5f6;padding: 0 20px;border-bottom: 1px dashed#ddd;margin-top: 9px;border-top-left-radius: 5px;border-top-right-radius: 5px;} #pageDetailContent .container .pageRight .searchHeader form{display:block;float:left;width:100%;position:relative;overflow:hidden;height:100%} #pageDetailContent .container .pageRight .searchHeader form input{display:block;float:left;width:100%;height:100%;padding:0;margin:0;padding-left:61px;font-size:14px;color:#3b3b3b;font-weight:700} #pageDetailContent .container .pageRight .searchHeader form .sImg{display:block;position:absolute;left:0;height:fit-content;top:50%;transform:translateY(-50%);border:none;color:#000;font-size:14px;font-weight:600;cursor:pointer;padding:0 20px 0 0;border-right:1px solid #ccc} #pageDetailContent .container .pageRight .searchHeader form .sImg img{height:19px;filter:invert(59%) sepia(0%) saturate(38%) hue-rotate(134deg) brightness(94%) contrast(94%)} #pageDetailContent .container .pageRight .searchHeader form .rImg{display:block;position:absolute;right:0;height:100%;top:0;border:none;color:#000;font-size:14px;font-weight:600;cursor:pointer} #pageDetailContent .container .pageRight .searchHeader form .rImg img{height:15px} #pageDetailContent .container .pageRight .searchHeader.cash input{background:0 0;color:#e51e28;border:unset;font-weight:700} #pageDetailContent .container .pageRight .searchHeader.cash .sImg{background:0 0} #pageDetailContent .container .pageRight .searchHeader.cash .rImg{background:0 0} #pageDetailContent .container .pageRight .searchHeader input::placeholder{color:#3b3b3b;font-weight:700} #pageDetailContent .container .pageRight .searchHeader:hover{opacity:.8;transition:all .3s} #pageDetailContent .container .pageRight .pageContact{display:flex;width:100%;padding:30px;background:linear-gradient(0deg,#e0e2e3 0,#eaebec 100%);border-radius: 8px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact{flex:1;display:flex;flex-direction:column;padding-right:23px} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact h1{margin:0;padding:0;color:#102c41;font-size: 19px;margin:10px 0 0 0} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single{display:flex;align-items:center;padding:20px;border-bottom:1px solid #ddd;border-radius:0} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single img{height: 22px;filter:invert(47%) sepia(11%) saturate(367%) hue-rotate(169deg) brightness(97%) contrast(85%)} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single p{margin:0;padding:0;font-size: 14px;margin-left: 11px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single:hover{transition:all .3s;background:#e8eaf0} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single:hover img{filter:invert(19%) sepia(0%) saturate(1%) hue-rotate(248deg) brightness(96%) contrast(85%);transition:all .3s} #pageDetailContent .container .pageRight .pageContact .maps{flex:1;height:500px} #pageDetailContent .container .pageRight .pageContact .maps iframe{width:100%;height:100%} #pageDetailContent .container .pageRight .pageContact .maps .login-form{display:flex;flex-direction:column} #pageDetailContent .container .pageRight .pageContact .maps .login-form input,textarea{width:100%;padding:10px 25px;margin:0 0 12px 0;border:unset;border-radius:4px;font-size:14px;color:#757575} #pageDetailContent .container .pageRight .pageContact .maps .login-form button{background-color:#8bc34a;color:#fff;padding:10px 15px 10px 25px;border:none;border-radius:4px;cursor:pointer;width:fit-content;margin:0 0 15px 0;display:flex;align-items:center;justify-content:center} #pageDetailContent .container .pageRight .pageContact .maps .login-form button img{height:20px;filter:invert(99%) sepia(8%) saturate(144%) hue-rotate(289deg) brightness(117%) contrast(100%);margin-left:5px} #pageDetailContent .container .pageRight .pageContact .maps .login-form button:hover{background-color:#7cb342} #pageDetailContent .container .pageRight .pagination{display: flex;list-style: none;padding: 0;margin: 0;justify-content: space-between;margin-top: 13px;background: #f4f5f6;padding: 10px;border-radius: 7px;} #pageDetailContent .container .pageRight .pagination li{transition: all .3s;list-style: unset;flex: 1;display: flex;align-items: center;justify-content: center;padding: 8px;border-right: 1px solid #ddd;} #pageDetailContent .container .pageRight .pagination li .page-link{display: flex;align-items: center;justify-content: center;width: 100%;font-size: 12px;} #pageDetailContent .container .pageRight .pagination li.active{background: linear-gradient(90deg, #a5d914 0, #a6db15 100%);color: #fff;} #pageDetailContent .container .pageRight .pagination li:last-child{border-right: unset;} #pageDetailContent .container .pageRight .pagination li:hover{transition: all .3s;background: #4f5961;color: #fff;}