*,::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: 98px;box-shadow:0 12px 25px 6px #f3f4f4}
#header .topH .container{display:flex;height:100%}
#header .topH .container .logo{position:relative;width: 300px;display: flex;align-items: center;}
#header .topH .container .logo img{height: 82px;margin-top: 0;}
#header .topH .container .rightTop{display:flex;justify-content: flex-end;height:100%;width:100%;flex:1;/* border-bottom: 1px solid #ddd; */}
#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;background: #fff;}
#header .bottomH .container{display:flex;padding-left: 300px;height:100%;justify-content:space-between;align-items: center;}
#header .bottomH .container .search{display: flex;width: 225px;height: 40px;border: 1px solid #d3d4dd;border-radius: 8px;}
#header .bottomH .container .search .searchHeader{display:block;width:100%;height:100%;float:left;position:relative}
#header .bottomH .container .search .searchHeader form{display:block;float:left;width:100%;position:relative;overflow:hidden;height:100%}
#header .bottomH .container .search .searchHeader form input{display:block;float:left;width:100%;height:100%;padding:0;margin:0;padding-left: 41px;font-size:12px}
#header .bottomH .container .search .searchHeader form button{display:block;position:absolute;left: 0;height:100%;top:0;border:none;padding: 5px 10px;color:#000;font-size:14px;font-weight:600;cursor:pointer}
#header .bottomH .container .search .searchHeader.cash{/* position:absolute; *//* width:auto; *//* left:20px; *//* right:20px; *//* top:20px; *//* z-index:99; */}
#header .bottomH .container .search .searchHeader form input::placeholder{color:#303c45}
#header .bottomH .container .search .searchHeader.cash input{color: #000000;border:unset;font-weight:600;background:rgb(221 221 221 / 0%)}
#header .bottomH .container .search .searchHeader.cash button{background:rgb(255 255 255 / 0%)}
#header .bottomH .container .search .searchHeader.cash button img{height: 20px; filter: invert(18%) sepia(8%) saturate(1659%) hue-rotate(163deg) brightness(95%) contrast(85%);}
#header .bottomH .container .search .searchHeader:after{content:"";position:absolute;bottom:-3px;right:0;width:100%;height:3px}

#header .bottomH .container .iconsBh{display:flex;align-items:center;justify-content:center;height: 100%;}
#header .bottomH .container .iconsBh a{height:100%;display:flex;position:relative;align-items:center;padding: 0 15px;}
#header .bottomH .container .iconsBh a:before{position:absolute;content:"";top:0;width:1px;height:42px;background:#c0c4c7;left:0}
#header .bottomH .container .iconsBh a.menuAll:before{height: 85%;}
#header .bottomH .container .iconsBh a:first-child::before{display: none;}

#header .bottomH .container .iconsBh a img{height:27px;transition:all .3s;filter: invert(67%) sepia(0%) saturate(642%) hue-rotate(136deg) brightness(83%) contrast(80%);}
#header .bottomH .container .iconsBh a.menuAll img{height: 35px;}
#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: 7px 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}

#pageDetailContentS{margin-top: 15px;}
#pageDetailContentS .container{display: flex;flex-wrap: wrap;}
#pageDetailContentS .container #tabMenu{display: flex;flex: 0 0 62%;flex-wrap: wrap;}
#pageDetailContentS .container #tabMenu .tabs-nav{display:flex;flex-direction:column;list-style:none;padding:0;margin:0;position:relative;background: #303c45;border-top-left-radius: 10px;flex: 1;max-width: 300px;border-bottom-left-radius: 10px;}
#pageDetailContentS .container #tabMenu .tabs-nav li{position:relative;display:flex;align-items:center;transition:all .3s}
#pageDetailContentS .container #tabMenu .tabs-nav li.titleProjectActive a{background: #f1f1fc;color: #3b3b3b;transition:all .3s}
#pageDetailContentS .container #tabMenu .tabs-nav li:first-child.titleProjectActive a{border-top-left-radius: 8px;}
#pageDetailContentS .container #tabMenu .tabs-nav li.titleProjectActive a img{filter:invert(19%) sepia(38%) saturate(312%) hue-rotate(163deg) brightness(96%) contrast(88%);transition:all .3s}
#pageDetailContentS .container #tabMenu .tabs-nav li a{color: #ffffff;margin-bottom:1px;font-size: 14px;width:100%;padding: 20px 15px;border-bottom: 1px solid rgb(255 255 255 / 15%);display:flex;align-items:center;font-weight:600}
#pageDetailContentS .container #tabMenu .tabs-nav li a img{height:16px;filter:invert(99%) sepia(8%) saturate(144%) hue-rotate(289deg) brightness(117%) contrast(100%);margin-right:5px}
#pageDetailContentS .container #tabMenu .tabs-nav li:hover a{background:linear-gradient(90deg,#e51e28 0,#fe4952 100%);transition:all .3s;color:#fff}
#pageDetailContentS .container #tabMenu .tabs-nav li:hover a img{filter:invert(99%) sepia(8%) saturate(144%) hue-rotate(289deg) brightness(117%) contrast(100%);transition:all .3s}
#pageDetailContentS .container #tabMenu .tabs{width:100%;position:relative;background: #f1f1fc;flex: 1;border-bottom-right-radius: 10px;}
#pageDetailContentS .container #tabMenu .tabs .tabs-stage{width:100%}
#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility{width:100%;background: unset;padding-right: 0;}
#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro{display:flex;flex-wrap:wrap;margin-top:0;border-radius:3px;padding: 9px;width: 100%;max-height: 635px;overflow-y: auto;/* Firefox için */scrollbar-width: thin;scrollbar-color: #d9d9d9 #f9f9f9;}
/* Chrome, Edge, Safari için */
#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro::-webkit-scrollbar {width: 6px;}

#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro::-webkit-scrollbar-track {background: #f9f9f9;border-radius: 8px; }
#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro::-webkit-scrollbar-thumb {  background-color: #d9d9d9;border-radius: 8px; border: 2px solid #f9f9f9;}
#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro::-webkit-scrollbar-thumb:hover {background-color: #c5c5c5;  }
#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single{cursor: pointer; transition: all .3s;display: flex;flex-direction: column;padding: 11px;background: #ffffff;border-radius: 9px;margin: 3px;flex: 0 0 calc(33.333% - 6px);}
#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .image{width: 100%;height: 150px;background: #fff;border-radius: 7px;}
#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .image img{transition:all .3s;width:100%;height:100%;object-fit: cover;border-radius: 7px;}
#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .text{display:flex;flex-direction:column;margin: 7px 0;}
#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .text h1{transition: all .3s;margin: 0;padding: 0;font-size: 13px;color: #303c45;font-weight: 600;}
#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .text p{margin:0;padding:0;font-size:13px;color:#303c45;font-weight:400}
#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .text h2{margin: 0;padding: 3px 0 0;font-size: 12px;color: #303c45;font-weight: 600;}
#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .buttons{display:flex;justify-content:space-between}
#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .buttons button{    transition: all .3s;color: #fff;font-size: 12px;padding: 6px 9px;flex: 1;background: #303c45;border: unset;display: flex;align-items: center;justify-content: space-between;font-weight: 600;cursor: pointer;border-radius: 12px;}
#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .buttons button img{height:17px;filter:invert(99%) sepia(8%) saturate(144%) hue-rotate(289deg) brightness(117%) contrast(100%)}
#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .buttons button:hover{opacity:.7;transition:all .3s;background:#87b600}
#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single:hover{opacity:.85;transition:all .3s}
#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single:hover .text h1{color:#e51e28;transition:all .3s}
#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single:hover .image img{filter:grayscale(1);transition:all .3s}

#pageDetailContentS .container .ordersInfo{display: flex;flex: 0 0 38%;flex-direction: column;}
#pageDetailContentS .container .ordersInfo .orderTotalBox{display:flex;align-items: center;background: #f1f1fc;border-radius:2px;padding:20px 18px;height: 97px;width: 100%;transition:all .3s;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
/* #pageDetailContentS .container .ordersInfo .orderTotalBox:hover{background:linear-gradient(90deg,#87b600 0,#a6db15 100%);transition:all .3s} */
#pageDetailContentS .container .ordersInfo .orderTotalBox .ordImg{height:40px;filter: invert(67%) sepia(0%) saturate(642%) hue-rotate(136deg) brightness(83%) contrast(80%);margin-right:20px;padding-right:20px;border-right:1px solid rgb(0 0 0 / 44%)}
#pageDetailContentS .container .ordersInfo .orderTotalBox .text{display:flex;flex-direction:column}
#pageDetailContentS .container .ordersInfo .orderTotalBox .text p{margin:0;padding:0;font-size:15px;color: #4f5961;transition: all .3s;}
#pageDetailContentS .container .ordersInfo .orderTotalBox .text h1{margin:0;padding:0;font-size:18px;font-weight:600;color: #4f5961;margin-top:3px;transition: all .3s;}
#pageDetailContentS .container .ordersInfo .orderTotalBox .text .button{display:flex;transition:all .3s}
#pageDetailContentS .container .ordersInfo .orderTotalBox .text .button:hover{opacity:.7;transition:all .3s}
#pageDetailContentS .container .ordersInfo .orderTotalBox .text .button a{font-size:13px;color:#fff;padding:5px 10px;margin-top:4px;background:#ffffff4d;display:flex;align-items:center}
#pageDetailContentS .container .ordersInfo .orderTotalBox .text .button a img{height:14px;margin-left:5px;filter:invert(99%) sepia(8%) saturate(144%) hue-rotate(289deg) brightness(117%) contrast(100%)}
#pageDetailContentS .container .ordersInfo .orderTotalBox:hover .text p{color: #e3424b;transition: all .3s;}
#pageDetailContentS .container .ordersInfo .orderTotalBox:hover .text h1{color: #e3424b;transition: all .3s;}
#pageDetailContentS .container .ordersInfo .orderCntInfo{display: flex;flex-direction: column;}
#pageDetailContentS .container .ordersInfo .orderCntInfo .titleO{display: flex;justify-content: space-between;align-items: center;padding: 10px;border-bottom: 1px solid #ddd;box-shadow: 0px 5px 9px 0px rgb(72 72 72 / 14%);}
#pageDetailContentS .container .ordersInfo .orderCntInfo .titleO .leftT{display: flex;align-items: center;}
#pageDetailContentS .container .ordersInfo .orderCntInfo .titleO .leftT img{height: 30px;width: 50px;object-fit: contain;}
#pageDetailContentS .container .ordersInfo .orderCntInfo .titleO .leftT p{margin: 0;padding: 0;font-size: 15px;font-weight: 600;color: #303c45;}
#pageDetailContentS .container .ordersInfo .orderCntInfo .titleO .iconD{height: 13px;margin-right: 10px;}
#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt{display: flex;flex-direction: column;height: 266px;overflow-y: scroll;padding: 0 7px;}
#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt::-webkit-scrollbar {width: 6px;}
#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt::-webkit-scrollbar-track {background: #f9f9f9;border-radius: 8px; }
#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt::-webkit-scrollbar-thumb {  background-color: #d9d9d9;border-radius: 8px; border: 2px solid #f9f9f9;}
#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt::-webkit-scrollbar-thumb:hover {background-color: #c5c5c5;  }
#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single{display: flex;justify-content: space-between;align-items: center;padding: 13px 10px;border-bottom: 1px solid #ddd;}
#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .sInfo{display: flex;}
#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .sInfo .pieceInf{width: 50px;font-size: 20px;color: #e9252f;display: flex;align-items: center;font-weight: 700;justify-content: center;}
#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .sInfo .text{display: flex;flex-direction: column;}
#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .sInfo .text p{margin: 0;padding: 0;font-size: 15px;color: #303c45;}
#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .sInfo .text h1{margin: 0;padding: 0;font-size: 15px;color: #303c45;}
#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .sRightButtons{display: flex;align-items: center;}

#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .sRightButtons .pieceControl {display: flex;align-items: center;gap: 1px;}
#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .sRightButtons .pieceControl button {background: #ddd;border: none;border-radius: 50%;width: 25px;height: 25px;font-size: 18px;cursor: pointer;transition: 0.2s;}
#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .sRightButtons .pieceControl button:hover {background: #bbb;}
#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .sRightButtons .pieceInf {width: 25px;text-align: center;font-weight: bold;}

#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single  .deleteInf{display: flex;background: unset;border: unset;cursor: pointer;padding: 0;font-size: 15px;color:#e9252f;font-weight: 700;margin-left: 10px;padding-left: 10px;border-left: 1px solid #ddd;}
#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single  .deleteInf img{height: 25px;filter: invert(10%) sepia(92%) saturate(7172%) hue-rotate(354deg) brightness(88%) contrast(95%);}
#pageDetailContentS .container .ordersInfo .totalOrder{display: flex;justify-content: space-between;align-items: center;padding: 10px;border-top: 1px solid #ddd;box-shadow: 0px -5px 9px 0px rgb(72 72 72 / 14%);}
#pageDetailContentS .container .ordersInfo .totalOrder .leftOrderT{display: flex;align-items: center;}
#pageDetailContentS .container .ordersInfo .totalOrder .leftOrderT img{height: 25px;width: 50px;object-fit: contain;}
#pageDetailContentS .container .ordersInfo .totalOrder .leftOrderT p{margin: 0;padding: 0;font-size: 15px;color: #303c45;font-weight: 600;}
#pageDetailContentS .container .ordersInfo .totalOrder h1{margin: 0;padding: 0;font-size: 15px;color: #303c45;}
#pageDetailContentS .container .ordersInfo .paymentoption{display: flex;flex-wrap: wrap;border-top: 1px solid #ddd;margin-bottom: 15px;}
#pageDetailContentS .container .ordersInfo .paymentoption .single{cursor: pointer;flex: 1;display: flex;flex-direction: column;background: unset;padding: 11px;border: unset;border-left: 1px solid #ddd;}
#pageDetailContentS .container .ordersInfo .paymentoption .single:first-child{border-left: unset;}
#pageDetailContentS .container .ordersInfo .paymentoption .single img{height: 30px;margin-bottom: 5px;filter: invert(67%) sepia(0%) saturate(642%) hue-rotate(136deg) brightness(83%) contrast(80%);}
#pageDetailContentS .container .ordersInfo .paymentoption .single p{padding: 0;margin: 0;font-weight: 600;color: #303c45;font-size: 14px;}
#pageDetailContentS .container .ordersInfo .buttonOrders{display: flex;flex-direction: column;padding: 0 11px;}
#pageDetailContentS .container .ordersInfo .buttonOrders .single{cursor: pointer;display: flex;align-items: center;padding: 7px 20px;background: #4f5961;border: unset;margin-top: 5px;border-radius: 7px;}
#pageDetailContentS .container .ordersInfo .buttonOrders .single:last-child{background:linear-gradient(90deg,#87b600 0,#a6db15 100%);}
#pageDetailContentS .container .ordersInfo .buttonOrders .single img{height: 30px;margin-right: 10px;filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}
#pageDetailContentS .container .ordersInfo .buttonOrders .single p{color: #fff;margin: 0;padding: 0;line-height: 2;font-weight: 600;font-size: 15px;}


#pageDetailContentS .container .ordersInfo .ikram-modal{display:none;position:fixed;inset:0;background:#0009;justify-content:center;align-items:center;z-index:999}
#pageDetailContentS .container .ordersInfo .ikram-modal.active{display:flex}
#pageDetailContentS .container .ordersInfo .modalsHome .modal-content{background:#fff;padding:20px;border-radius:12px;width:480px;max-height:80vh;overflow-y:auto}
#pageDetailContentS .container .ordersInfo .modalsHome .modal-content h2{padding: 0;margin: 0; margin-bottom:15px;font-size:15px;color:#303c45}
#pageDetailContentS .container .ordersInfo .ikram-list{display: flex;flex-direction: column;height: 266px;overflow-y: scroll;padding: 0 7px;}
#pageDetailContentS .container .ordersInfo .ikram-list::-webkit-scrollbar {width: 6px;}
#pageDetailContentS .container .ordersInfo .ikram-list::-webkit-scrollbar-track {background: #f9f9f9;border-radius: 8px; }
#pageDetailContentS .container .ordersInfo .ikram-list::-webkit-scrollbar-thumb {  background-color: #d9d9d9;border-radius: 8px; border: 2px solid #f9f9f9;}
#pageDetailContentS .container .ordersInfo .ikram-list::-webkit-scrollbar-thumb:hover {background-color: #c5c5c5;  }
#pageDetailContentS .container .ordersInfo .ikram-list .single{display:flex;justify-content:space-between;align-items:center;padding:13px 10px;border-bottom:1px solid #ddd}
#pageDetailContentS .container .ordersInfo .ikram-list .single .sInfo{display:flex}
#pageDetailContentS .container .ordersInfo .ikram-list .single .sInfo .pieceInf{width:50px;font-size:20px;color:#e9252f;display:flex;align-items:center;font-weight:700;justify-content:center}
#pageDetailContentS .container .ordersInfo .ikram-list .single .sInfo .text{display:flex;flex-direction:column}
#pageDetailContentS .container .ordersInfo .ikram-list .single .sInfo .text p{margin:0;padding:0;font-size:15px;color:#303c45}
#pageDetailContentS .container .ordersInfo .ikram-list .single .sInfo .text p:last-child{font-weight:600}
#pageDetailContentS .container .ordersInfo .ikram-list .single .sRightButtons{display:flex;align-items:center}
#pageDetailContentS .container .ordersInfo .ikram-list .single .sRightButtons .pieceControl{display:flex;align-items:center;gap:1px}
#pageDetailContentS .container .ordersInfo .ikram-list .single .sRightButtons .pieceControl button{background:#ddd;border:none;border-radius:50%;width:25px;height:25px;font-size:18px;cursor:pointer;transition:.2s}
#pageDetailContentS .container .ordersInfo .ikram-list .single .sRightButtons .pieceControl button:hover{background:#bbb}
#pageDetailContentS .container .ordersInfo .ikram-list .single .sRightButtons .pieceInf{width:25px;text-align:center;font-weight:700}

#pageDetailContentS .container .ordersInfo .modal-buttons.buttonOrders{padding: 0;}
#pageDetailContentS .container .ordersInfo .modal-buttons.buttonOrders .single{background: linear-gradient(90deg,#87b600 0,#a6db15 100%);}
#pageDetailContentS .container .ordersInfo .modal-buttons.buttonOrders .single:last-child{background:linear-gradient(90deg,#2e2e2e 0,#989898 100%);}
#pageDetailContentS .container .ordersInfo .modal-buttons.buttonOrders .single:nth-child(2){background:linear-gradient(90deg,#ba131b 0,#fe4952 100%);}

#pageDetailContentS .container .ordersInfo .modal-buttons.buttonOrders .single p{color: #fff;}

#pageDetailContentS .container .ordersInfo .discount-modal {display: none;position: fixed;inset: 0;background: rgba(0,0,0,0.6);justify-content: center;align-items: center;z-index: 1000;}
#pageDetailContentS .container .ordersInfo .discount-modal.active {display: flex;}
#pageDetailContentS .container .ordersInfo .modalsHome .inputBox input {width: 100%;padding: 10px;font-size: 16px;border-radius: 8px;border: 1px solid #ccc;text-align: right;}


#pageDetailContentS .container .ordersInfo .split-modal {display: none;position: fixed;inset: 0;background: rgba(0,0,0,0.6);justify-content: center;align-items: center;z-index: 1000;}
#pageDetailContentS .container .ordersInfo .split-modal.active { display: flex; }
#pageDetailContentS .container .ordersInfo .split-modal .row {display: flex;justify-content: space-between;align-items: center;margin-bottom: 8px;font-size: 14px;}
#pageDetailContentS .container .ordersInfo .split-modal .row input {width: 180px;text-align: right;padding: 5px 8px;border: 1px solid #ccc;border-radius: 5px;}


#pageDetailContentS .container .ordersInfo .payment-modal {display: none;position: fixed;top: 0; left: 0; right: 0; bottom: 0;background: rgba(0,0,0,0.5);justify-content: center;align-items: center;z-index: 1000;}
#pageDetailContentS .container .ordersInfo .payment-modal.active { display: flex; }

#pageDetailContentS .container .ordersInfo .payment-options {display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;}
#pageDetailContentS .container .ordersInfo .payment-options .option {padding: 10px;border: 1px solid #ccc;border-radius: 8px;cursor: pointer;background: #f7f7f7;transition: 0.2s;}
#pageDetailContentS .container .ordersInfo .payment-options .option:hover {background: #e8e8e8;}
#pageDetailContentS .container .ordersInfo .payment-options .option.active {background: #e9252f;color: #fff;border-color: #e9252f;}


#pageDetailContentS .container .ordersInfo  .payment-confirm-modal {display: none;justify-content: center;align-items: center;position: fixed;inset: 0;background: rgba(0,0,0,0.65);z-index: 99999;}
#pageDetailContentS .container .ordersInfo  .payment-confirm-modal .modal-content {background: #fff;padding: 25px;border-radius: 12px;text-align: center;width: 350px;}
#pageDetailContentS .container .ordersInfo  .payment-confirm-modal.active {display: flex;}


#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 .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(2) .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(2) .main img{height:100%;object-fit:cover;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 .menu{display:flex;cursor:pointer}
#pageDetailContent .container .pageRight .listTitle .menu img{height:11px}
#pageDetailContent .container .pageRight .listTitle a{margin:0;padding:0 13px;position:relative;color:#596067;font-size:14px;font-weight:400}
#pageDetailContent .container .pageRight .listTitle a:before{position:absolute;content:"";top:0;right:0;height:100%;width:1px;background:#8e9296}
#pageDetailContent .container .pageRight .listTitle a:last-child{color:rgb(48 60 69 / 70%);padding:0 0 0 13px;font-weight:600}
#pageDetailContent .container .pageRight .listTitle a:last-child:before{display:none}
#pageDetailContent .container .pageRight .pProList{display:flex;flex-wrap:wrap;margin-top:25px;background:#f4f5f6;border-radius:3px}
#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}
#pageDetailContent .container .pageRight .pProList .single .image img{transition:all .3s;width:100%;height:100%;object-fit:cover}
#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-left-radius:0;border-bottom-left-radius:0;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 .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 a{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 a:hover{background:#4f5961;transition:all .3s}
#pageDetailContent .container .pageRight .orderListWindow .buttonInfo .buttons a 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 .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:30px;filter:invert(61%) sepia(76%) saturate(451%) hue-rotate(35deg) brightness(99%) contrast(88%);margin-right:11px;transition:all .3s}
#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 .totalPrice{display:flex;align-items:center;transition:all .3s}
#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: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%}
#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-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:22px;border-bottom-right-radius:22px;border-left:1px solid #fff}
#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 .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}
#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}