:root {
    --color-5:#cf041c;
}
  
* { font-family: 'Cairo', sans-serif; font-weight:300; line-height:150%; box-sizing: border-box;}
body { direction:rtl; text-align:right; padding:0; margin:0; background-color: #f9f9f9; }

a:link, a:visited,a:active { color:#222 }
a:hover {color: #999;}

a { text-decoration: none; cursor: pointer; }
img { display:block; max-width:100%; }
ol,ul,li,p,h2,img,input,div,h1,h2,h3,h4,h5,h6,button,table,td,content,footer,textarea,input,audio,select,nav,text,b { font-size:12pt; outline-width:0; padding:0px; margin:0px;  font-weight:400;  }
li { list-style-type:none; } 
p,div { font-size:10pt; }

.overflowDis, .overflowDis body { overflow:hidden;  }

.blackscreen { animation: 0.5s  blackScreen; opacity:1; position:fixed; top:0; bottom:0; right:0; width:100%; min-height: unset; background-color:rgba(0,0,0,0.8); display:flex; flex-direction: column; justify-content:flex-end; align-items:center ; z-index:9;  }
@keyframes blackScreen {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

.blackIn { transform:translateY(0); animation: 0.3s  blackIn; border-radius:30px 30px 0 0; width:500px; background-color: #fff; max-height:94vh; display:flex; flex-direction: column; }
@keyframes blackIn {
  0% {
    transform:translateY(100vh);
  }
  100% {
    transform:translateY(0);
  }
}

.pointsScreen { transform:scale(1); animation: 0.4s  pointsScreen; border-radius:5px;  width:400px; background-color: #fff; position: absolute; top:10px; right:0; left:0; margin:auto; }
@keyframes pointsScreen {
  0% {
    transform:scale(0);
  }
  100% {
    transform:scale(1);
  }
}


.blackIn .close { position:absolute; top:-10px; left:-10px; z-index: 1; background-color: #fff; border-radius:50%  }
.blackIn .close i { font-size:18pt; padding:5px; color:#fff; background-color: #fd4c50; border-radius: 50%; }
.blackIn .blackHead { width:160px; height:160px; display:table;  margin:auto; margin-top:-80px; background-color: #fff; border-radius: 50%; padding:20px; }
.blackIn .blackHead i { font-size:60pt; display:table; margin:auto; }

.blackIn .blackBox { text-align: center; overflow:auto;  flex:1; }
.blackIn .blackBox h1 { font-size:18pt; font-weight: bold; color:#faac08 }

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height:40px;
  }
  .lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #ccc;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
  }
  .lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
  }
  @keyframes lds-ellipsis1 {
    0% {
      transform: scale(0);
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes lds-ellipsis3 {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(0);
    }
  }
  @keyframes lds-ellipsis2 {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(24px, 0);
    }
  }

  
.loader { position:fixed; z-index:11; top:0; right:0; display:flex; justify-content: center; align-items: center; width:100%; height:100%;  }
.loader .lds-ellipsis div { background:#1579ff; }

.mainWidth { width:100%; max-width:1050px; display:table; margin:auto;  }
.shadow { box-shadow: 0 0 0 1px rgba(0,0,0,0.03), 0 1px 5px 1px rgba(172, 227, 255, 0.3);  }
.title {  position:relative; display:flex; justify-content: space-between; }
.title h2 { padding:15px; font-size:14pt; font-weight: bold; color:#555; border-right:3px solid #006dfe }
.mainAllInsert .title h2 { padding:15px; font-size:14pt; font-weight: bold; color:#555; border-right:0 }
.title h2 span { font-size:10pt; display:block; color:#777 }

.btn { cursor:pointer; padding:14px 20px; background-color:#1579ff; font-weight: bold; color:#fff; border:0; font-size:10pt; border-radius:10px; }

.bgINHead { width:950px; position:absolute; top:80px; z-index:1; right:0; left:0; margin:auto; }

header { height:530px; background-color: #eee; position:relative }
header .top { display: flex; padding:10px 5px; flex-direction: row; align-items: center; justify-content:space-around; background-color: #fff; box-shadow: 0 0 0 1px rgba(0,0,0,0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.1); }


header.webHeader { display:block;  }


header.mobileHead { display:none; }


header .top div,header .top nav {  }
header .top nav { display: flex; justify-content:right; align-items: center; }
header .top form { flex:1; } 
header .top form div { display:table; margin:auto;  border-radius: 20px;position:relative; width:80%; background-color: #ddd;  }
header .top form div input { width:96%; border:0;  padding:10px 14px; font-size:10pt; background-color: transparent; }
header .top form div button { position:absolute; border:0; background-color: transparent; top:7px; left:5px; cursor: pointer; }
header .top form div button i { font-size: 18pt; }
header .top img.logo { height:35px; float:left; }
header .top nav a,header .top nav .notificationsBox { padding:5px; color:#888; cursor: pointer; position:relative }
header .top nav a:hover i,header .top nav .notificationsBox:hover i { background-color: #e6eaf0 !important; border-radius: 20px; }
header .top nav a i, header .top nav .notificationsBox i { font-size: 22pt; padding:2px; }
header .top nav a i.la-user-circle { font-size: 30pt; }
header .top nav a b, header .top nav .notificationsBox b { top:0; right:0px; position:absolute; background-color: #f74c61; line-height: 100%; color:#fff; font-size:8pt; font-weight: normal; width:12pt; text-align: center; border-radius: 20px; padding:3px 0; }


header .top nav.logedin a i, header .top nav.logedin .notificationsBox i { font-size: 22pt; background-color: #f2f2f2; border-radius:50%; display:inline-table; }
header .top nav.logedin .userImg { margin-left:5px; cursor:pointer; position:relative; border:1px solid #eee; background-color: #f5f5f5; display: flex; justify-content: flex-start; align-items: center; border-radius:30px;  }
header .top nav.logedin .userImg:hover ul { transform:scaleY(1); }
header .top nav.logedin .userImg img { margin:3px; }
header .top .userImg img { height:50px; width:50px; border-radius: 50%; }

header .top nav.logedin .userImg ul { transition: transform 0.15s; transform-origin:top left; transform:scaleY(0); position:absolute; background-color:#fff; top:53px; right:-1px; padding:12px 0 0 0; width:250px; z-index:3; }
header .top nav.logedin .userImg ul ol { box-shadow:0px 2px 5px rgba(0,0,0,0.2); display:flex; flex-wrap:wrap; justify-content: flex-start; }
header .top nav.logedin .userImg ul a { align-items:center; color:#111; padding:15px 10px; border-top:1px dotted #ddd; border-left:1px dotted #ddd; font-size:10pt; width:50%; text-align: center; }
header .top nav.logedin .userImg ul a:hover { background-color: #f9f9f9; }
header .top nav.logedin .userImg ul a i { font-size:20pt; padding:5px; margin:auto; color:#999; display:table; }

.mainMenu { display:flex; align-items: center; margin-top:-50px;} 

.mainMenu .mainWidth { display:block; background-color: #fff; position:relative;  }
.mainMenu .mainWidth div { white-space: nowrap; overflow:hidden; }
.mainMenu .mainWidth ul { display:inline-table; width:12.25%; padding:30px 0;  text-align:center; border-right:1px solid #e8e8e8;  white-space:normal; }
.mainMenu .mainWidth ul.selected { background-color: #f9f9f9; }
.mainMenu .mainWidth ul:hover { background-color: #f9f9f9 !important; }
.mainMenu .mainWidth a.menuBtn i { display:table; margin:auto; font-size:30pt; padding:10px; border-radius:40%; color:#fff }
.mainMenu .mainWidth a.menuBtn b { font-weight:300; display:block; font-size:11pt; color:#555; margin-top:5px; }
.mainMenu .mainWidth a.menuBtn text { height:20px; display: block; font-size:9pt; font-weight:300; color:#999 }
 
.mainMenu.inside .mainWidth ul { padding:15px 0; width:9.71%; }
.mainMenu.inside .mainWidth ul i { font-size:20pt; }
.mainMenu.inside .mainWidth ul b { font-size:10pt; }
.mainMenu.inside .mainWidth ul text { font-size:8pt; }
.mainMenu.inside .mainWidth .more { top:50px; }
.mainMenu.inside .subcats a { padding:10px; }

.mainMenu .mainWidth .more { position:absolute; top:70px; color:#111; }
.mainMenu .mainWidth .more.right { right:-10px; }
.mainMenu .mainWidth .more.left { left:-10px; }
.mainMenu .mainWidth .more i { background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.3); padding:2px; font-size:18pt; border-radius:5px; }
.mainMenu .mainWidth .more:hover i { background-color: #f5f5f5; }

.mainMenu .subcats { background-color: #f9f9f9; margin-top:10px; padding:15px 10px; position:absolute; right:0; width:99.9%; z-index:3;  display:none; }
.mainMenu .subcats a { padding:10px; background-color: #fff; border-radius:20px; box-shadow: 1px 1px 3px rgba(0,0,0,0.15); text-align: center; display:block; width:10%; }
.mainMenu .subcats a:nth-child(1) { border:0; }
.mainMenu .subcats a i { font-size:20pt; }
.mainMenu .subcats a img { width:100%; margin:auto; display:table; margin-bottom:5px; }
.mainMenu .subcats a h4 { font-size:9pt; text-align: center; }

.mainMenu .mainWidth ul:hover .subcats { display:flex; justify-content: flex-start; gap:10px; box-shadow: 0 2px 3px rgba(0,0,0,0.15); }

.section { margin-top:20px; }
.section .mainWidth { background-color: #fff; overflow: auto; }
.section .mainWidth .spUsers { display: flex;  padding:20px 0; }
.section .mainWidth .spUsers div { width:16.6%;  }    
.section .mainWidth .spUsers div a { text-align: center; display:table; padding:10px; flex:1; position:relative }    
.section .mainWidth .spUsers div a img.productImg { width:96%; max-width:200px; max-height:200px; aspect-ratio: 1; object-fit: cover; border-radius: 50%; padding:5px; border:1px solid #cf041c; }
.section .mainWidth .spUsers div a img.userImg {  width:50px; aspect-ratio: 1; object-fit: cover; border-radius:50%; margin:auto; margin-top:-30px;  }
.section .mainWidth .spUsers div a h3 { font-size:11pt; font-weight: 300; }

.section .mainWidth .spUsers div tag { left:10px; top:80px; position:absolute; background-image: url(/images/yellow1.png); width:100px; height:30px; background-position: center; background-size: cover; }

.thrSec .spUsers div { width:auto !important }


.thrSec.limited .spProduct div.productBox:nth-child(n+4) { display:none; }
.thrSec.limited .spUsers div:nth-child(n+4) { display:none; }
.shadow .spUsers div:nth-child(n+8) { display:none; } 


.section .mainWidth .spProduct { display: flex; gap:10px; padding:10px 5px; }
.section .mainWidth .spProduct div.productBox { display:flex; flex-direction: column; background-color: #f9f9f9; border:1px solid #eee; border-radius:10px; padding:5px; }
.section .mainWidth .spProduct div.productBox.myProdAd { border:1px solid #3567cb; position:relative }
div.productBox.myProdAd tag { left:-15px; top:100px; z-index:1; position:absolute; background-image: url(/images/ad2.png); width:158px; height:75px; background-position: center; background-size: cover; }
.thrSec .spProduct div.productBox { width:33%; }

div.productBox { width:20%; padding:10px 5px; position:relative }    
 
div.productBox.special { position: relative; border:1px solid #ffdb5a !important }
div.productBox.special .specialTitle { top:-5%; right:0; left:0; margin:auto; display:table; position:absolute; width:95%; }
div.productBox img.productImg { width:100%; aspect-ratio:0.8; object-fit: cover; border-radius: 10px; }
div.productBox h3 { font-size:11pt; font-weight: 300; margin-top:5px; overflow:hidden }
div.productBox price { color:#000; display:block;  font-size:10pt; font-weight:600; margin-top:5px; }
div.productBox price.sec { color:#c1c1c1;  }

div.productBox .priceBtn { cursor:pointer; padding:4px 20px; display:table; align-self: self-start; margin-top:5px; background-color:#286bd6; border:0; font-weight:300; font-size:10pt; color:#fff; border-radius:5px }
div.productBox .priceBtn:hover { opacity:0.8; }
div.productBox .productInText { flex:1; }

.section.sec4 .mainWidth { background-color:transparent; }
.section.sec4 .mainWidth .title { background-color:#fff; }

.section .mainWidth .allProducts { display: flex; gap:1.5%; flex-wrap: wrap;  padding-top:15px;}
.section .mainWidth .allProducts div.productBox { display:flex; flex-direction: column; position:relative; width:18.8%; margin-top:2%; padding:0.5% !important; flex:none; background-color: #fff; }


.section.sec5 .mainWidth { padding:2px; background-color: transparent; display:flex; justify-content: space-evenly; gap:1px; }
.section.sec5 .mainWidth .split { background-color: #fff; flex:1;  }
.section.sec5 .mainWidth .split div.productBox.special .specialTitle { top:-5.3%;  }
.section.sec5 .mainWidth .split .title { margin-bottom:10px; }

.prodImgBox { padding:10px; position:relative; border-bottom: 1px solid rgba(172, 227, 255, 0.5); display:flex; flex-direction: column; justify-content:end; }
.prodImgBox .arr { transition: all 0.2s; position:absolute; top:40%; right:10px; z-index: 1; text-shadow:1px 1px 1px rgba(0,0,0,0.2);  }
.prodImgBox .arr:hover { transform: scale(1.1); }
.prodImgBox .arr i { font-size:40pt; color:#fff; background-color: rgba(0,0,0,0.5); }
.prodImgBox .arr.imgsNext { right:auto; left:10px; }

.prodImg { aspect-ratio:16/11.2; overflow:hidden;  position:relative; white-space: nowrap; }
.prodImgBox .tagOnImg { z-index:1; position:absolute; top:30px; right:10px; background-color: #fd9317; padding:3px 15px; font-size:12pt; color:#fff; border-radius:20px 0 0 20px; }
.prodImg img.prodI{ object-fit: cover; width:100%; aspect-ratio:16/11; display:inline-table  }
.iframeVideo { object-fit: cover; width:100%; aspect-ratio:16/11; display:inline-table  }
.iframeVideo { border:0; }
.prodImgBox text { z-index:1; position:absolute; bottom:30px; right:0; left:0; width:45px; border-radius:8px; font-size:10pt; padding:2px 0; margin:auto; background-color:rgba(0,0,0,0.8); color:#fff; text-align: center; }

.videoConverting { position:absolute; border-right:2px solid #f74c61; z-index: 1; display:flex; align-items: center; right:10px; bottom:10px; background-color: rgba(0,0,0,0.8); padding:5px; width:40%; }
.videoConverting img { width:50px; height:50px; flex:1; margin-left:10px; border-radius: 5px; }
.videoConverting h6 { font-size:9pt; font-weight:bold; color:#fff; }

.productInfo {  display:flex; flex-direction:column; height:100%; position:relative }
.productInfo .info { padding:0 10px; flex:1; } 
.productInfo h1 { font-size:18pt; font-weight: 700; margin-top:20px; }
.productInfo p { color:#777; margin-top:10px; padding-bottom:20px; font-size:10pt; }

.userInfo { border-top:1px solid #eee; height:200px; }

.productInfo .more { border-top:1px solid #eee; background-color: #f9f9f9; }
.productInfo .more a { display:inline-table; width:33.33%; padding:15px 10px; border-right:1px solid #fff; border-left:1px solid #e5e5e5;border-top:1px solid #fff; border-bottom:1px solid #e5e5e5 }
.productInfo .more a iconify-icon { float:left; font-size:24pt; color:#3d82bb }
.productInfo .more a text { color:#999; font-size:9pt; }
.productInfo .more a h6 { color:#555; font-size:10pt; font-weight: 800; margin-top:2px; }

.priceViews { position:absolute; right:18px; bottom:100px; z-index:1; display:flex; }
.priceViews price { font-size:30pt; color:#023dd3; font-weight:300;  }
.priceViews price b { font-size:14pt; color:#023dd3; }
.priceViews price span { font-size:14pt; }

.priceViews ul { display:flex; flex-direction: column; gap:2px; }
.priceViews ul li, .priceViews ul li a { display: flex; flex-direction: column; align-items: center; color:#fff; font-size:10pt; text-shadow: 0 0 #000; }
.priceViews ul li i { font-size:18pt; background-color: rgba(0,0,0,0.4); color:#fff; padding:8px; border-radius: 50%; }
.priceViews button { cursor: pointer; padding:6px 20px; background-color:#006dfe; border-radius:10px; color:#fff; border:0; font-size:11pt; }
.priceViews button:hover { opacity:0.8 }

.user { display:table; position:relative; width:100%; padding-right:20px; margin:auto; padding-top:15px; }
.user i.checked { position:absolute; top:30px; right:40px; background-color:#006dfe; color:#fff; padding:5px; border-radius: 50%; }
.user img.prodI { width:200px; height:200px; border-radius:50%; float:right; margin-left:5px; border:3px solid #fff; box-shadow:0 0 6px rgba(0,0,0,0.1);}
.user i.taj { position:absolute; right:80px; top:-9px; font-size:20pt; color:rgb(255, 200, 0) }
.user div h2 { font-size:12pt; margin-top:15px; }

.inProd .user img.prodI { width:80px; height:80px; }
.inProd .user i.taj { right:42px; }
.inProd .user i.checked { right:15px; top:20px; }

ul.rank { display:flex; }
ul.rank a:hover { opacity:0.7 }
ul.rank a i { font-size:20pt; color:#c1c1c1 }
ul.rank a i.check { color:rgb(255, 204, 0) }

.userStats { display:flex;  justify-content:center; background-color: #f9f9f9; margin-top:10px; border-top:1px solid #eee; }
.inProd .userStats { justify-content: center; }
.inProd .userStats a { width:25%; }
.userStats a { padding:15px 0; width:20%; }
.userStats a b { display:table; margin:auto; background-color: #ddd; padding:5px 0; width:35px; text-align: center; border-radius:10px; }
.userStats a text { font-size:8pt; display:block; text-align: center; color:#999; margin-top:3px; }

.userDataInfo { border-top:1px solid #eee }
.userDataInfo label { padding:15px 0; display:table; width:100%; }
.userDataInfo.inStore label { width:48%; }
.userDataInfo label i { float:left; margin-left:5px; font-size:18pt; color:#999 }
.userDataInfo label p { display:table; border-bottom:1px solid #eee; width:100%; position:relative }
.userDataInfo label p text { display:table; font-size:8pt; color:#999; margin-bottom:3px; }
.userDataInfo label p span {  font-weight:bold; display:block; font-size:10pt; color:#666; position:relative }
.userDataInfo label p span .smallLoader { margin-top:-25px; }
.userDataInfo label p span a {  font-weight:bold; color:#666 }
.userDataInfo label p span a:hover { color:#006dfe }
.userDataInfo label p iframe { width:100%; height:200px; }
.userDataInfo label .mapStore { position:absolute; top:0; right:0; width:100%; height:100%; }
.userDataInfo label .productMap { position:relative; }
.userDataInfo label .productMap a.mapClick { position:absolute; top:0; right:0; width:100%; height:100%;}
.userDataInfo label .productMap iframe { width:100%; aspect-ratio: 1.4; }

.userMenu { display:block; padding:10px; background-color: #fff; margin-top:-3px; }

.productMenu { padding:10px; background-color:#fff; border-bottom:1px solid #eee; }
.productMenu a { display:inline-table; text-align: center; font-size:8pt; width:65px; color:#96a3ac; font-weight: bold; }
.productMenu a.favChecked i { opacity:1; }
.productMenu a i { display:table; margin:auto; border-radius:50%; opacity:0.5; font-size:22pt; padding:10px; color:#fff; background-color:#6093c0; }
.productMenu a:nth-child(1) i { background-color:#3bcab9; }
.productMenu a:nth-child(2) i { background-color:#fb5b5a; }
.productMenu a:nth-child(3) i { background-color:#ffaf0a; }

.productMenu.inStore { border:0; border-top:1px solid #eee; display:flex; padding:20px 0; justify-content:center; background-color: #f9f9f9; }
.productMenu.inStore a { margin:0 5px; }
.productMenu.inStore a:nth-child(1) { display:none; }

.login { flex:1; padding-bottom:25px; } 
.login p.textInfo { margin-top:5px; padding:10px; margin-bottom:20px; color:#777; font-size:10pt; } 
.login .icoK { display:table; margin:auto; height:160px; } 

.login .box { padding:10px 50px; } 
.login label { display:table; width:80%; padding:15px 0; position:relative; margin:auto; }  
.login label i { font-size:13pt; color:#999; position:absolute; left:5px; top:20px; } 
.login label input { border:0; background-color: transparent; border-bottom:1px solid #ddd; width:100%; padding:5px; color:#555; font-size:10pt; } 
.login .forget { display:table; text-align:left; color:#1579ff; font-size:9pt; width:80%; margin:auto; } 
.login .loginBtn {margin:auto; margin-top:20px; width:80%; display:table; } 

.login .orLogin { display:block; height:17px; border-bottom:1px solid #ddd; margin-top:20px; } 
.login .orLogin text { color:#888; font-size:10pt; display:table; margin:auto; background-color: #fff; padding:5px 10px; } 

.login .thLogin { display:flex; justify-content:space-evenly; gap:10px; margin-top:30px; } 
.login .thLogin a { display:flex; justify-content:center; align-items: center; font-weight:bold; padding:8px 10px; flex:1; border-radius:5px; text-align:left; } 
.login .thLogin a img { height:22px; margin-right:5px; } 
.login .thLogin a text { font-size:10pt; font-weight: bold; color:#777  } 

.login .terms { color:#999;  } 
.login .terms input { zoom:1.3; margin-left:3px;  float:right; width:auto; height:auto; } 
.login .terms a { color:#1579ff }


.form {  padding-bottom:25px; } 
.form p.textInfo { margin-top:5px; padding:10px; margin-bottom:20px; color:#777; font-size:10pt; } 
.form .myImg { display:table; margin:auto; width:auto; position:relative; margin-bottom:40px; } 
.form .myImg img {  width:160px; height:160px; border-radius:50%; } 
.form .myImg i { position:absolute; top:-5px; right:-5px; border:3px solid #fff; font-size:20pt; background-color:#bfc9d2; padding:10px; color:#fff; border-radius: 50%; } 
.form .myImg input { visibility: hidden; width:10px; height:2px; }
.form .myImg prog { display:table; width:0%; height:100%; position:absolute; top:0; right:0; background-color:rgba(255,255,255,0.5); }


.form .box { padding:10px; width:400px; margin:auto;  } 
.form label.inp { display:table; width:100%; padding:15px 0; position:relative; text-align: right; }  
.form label.inp i { font-size:13pt; color:#999; position:absolute; left:5px; bottom:24px; } 
.form label.inp span { color:#999; font-size:9pt; } 
.form label.inp span b { color:red } 
.form label.inp input, .form label.inp textarea,.form label.inp select { border:0; background-color: transparent; border-bottom:1px solid #ddd; width:100%; padding:5px; color:#555; font-size:12pt; } 
.form label.inp text { display:block; border-bottom:1px solid #ddd; padding:5px; color:#555; font-size:12pt; word-wrap:break-word; width:375px; } 
.form label.inp input::placeholder  { color:#ccc } 
.form .loginBtn { margin-top:20px; padding:15px 0; width:100%; } 
.form .loginBtn:hover { opacity:0.9 }
.form label.inp iframe { width:100%; aspect-ratio:1.8; border-radius:10px; } 
.form label.inp.disabled { cursor:pointer; }
.form label.inp.disabled input { cursor:pointer;  }

.form div.inp { display:table; width:100%; padding:15px 0; position:relative; text-align: right; }  
.form div.inp b { color:#999; font-size:9pt; } 
.insertUploadImage div.inp .multiSelect label span { font-size:9pt; }

.form.step2 { display:none; }

iframe.iMap { width:100%; height:100%; position: absolute; right:0; top:0; z-index:-1; border-radius: 20px; padding:10px }
.form label.inp .editmap { position:absolute; z-index:2; right:0; top:0; width:100%; height:100%;}
.mapIframe { width:100%; height:100%; position:fixed !important; top:0; right:0; }
.mapSaveBtn { position:absolute; right:0; left:0; margin:auto; bottom:30px; width:70%; z-index:1; }

section.paging { margin-top:20px; }
section.paging nav { text-align: center; }
section.paging nav a { display:inline-table; background-color: #fff; width:35px; padding:6px 0; margin:4px; font-size:12pt; border-radius:5px; }
section.paging nav a.checked { background-color: #006dfe; color:#fff; font-weight: bold; }

.allUsers.fav { display:flex; flex-grow: 0; flex-shrink: 0; flex-wrap: wrap; gap:10px; margin-top:10px; }
div.listUsers { width: calc(100% / 5 - (10px * 4 / 5));  background-color: #fff; }    
div.listUsers a { text-align: center;  display:table; width:100%; padding:8px; }    
div.listUsers a img.userImg { width:100%; aspect-ratio:1; object-fit: cover; }
div.listUsers a h3 { font-size:11pt; margin-top:5px; font-weight: 300; }

.allUsers.fav nav { display:flex; justify-content:flex-start; }
.allUsers.fav nav a { width:auto; }
.allUsers.fav nav i { font-size:20pt; color:#006dfe }

.productInfo .prods { padding:15px; }
.productInfo .prods .noData { padding:30px 10px; text-align: center; color:#999; font-size:11pt; }
.productInfo .prods .productBox { border:1px solid #eee; box-shadow:1px 1px 2px rgba(0,0,0,0.2); border-radius: 5px; padding:5px; display:table; width:100%; margin-top:10px; position:relative; }
.productInfo .prods .productBox img.productImg { width:160px; aspect-ratio: 16/10; object-fit: cover; float:right; border-radius:5px; margin-left:10px; }
.productInfo .prods .productBox nav {  zoom:0.8; text-align:left; position:absolute; left:5px; bottom:5px; }
.productInfo .prods .productBox .specialTitle { display:none; }
.productInfo .prods div.productBox.special { border:1px solid #ffab58; }

.walet { background-color: #f9f9f9;  }
.walet .waletHead {  padding:30px 10px; gap:15px; display:flex; justify-content: center; }
.walet .waletHead div num { display:block; font-size:30pt; font-weight: bold; }
.walet .waletHead div text { display: block; text-align: center; color:#888; font-size:10pt; }

.walet .waletBuy { padding:0; }
.walet .waletBuy a { background-color: #fff; padding:20px; display:table; width:100%; border-radius:5px; border-top:1px solid #ddd  }
.walet .waletBuy a h2 { font-size:12pt; margin-bottom:20px;}
.walet .waletBuy a p { display:flex; justify-content:space-between; }
.walet .waletBuy a p span { flex:0.5; line-height:0; }

.walet .waletBuy a p span price { display:block; font-size:20pt; font-family: arial; text-decoration: line-through red; }
.walet .waletBuy a p span price2 { display:block; font-size:25pt; font-weight: bold; font-family: arial; margin-top:-10px;  }
.walet .waletBuy a p span b { display:table; padding:5px 15px; color:#fff; margin-top:20px; background-color: #e31a24; }
.walet .waletBuy a p span r { text-decoration:none;  }

.walet .waletBuy a p strong { display:table;  text-align: left; }
.walet .waletBuy a p strong img {  margin-right: auto; height:70px; margin-left:15px; }
.walet .waletBuy a p strong price3 { display:table; margin-right: auto; font-weight: bold; font-size:20pt; margin-left:20px; }
.walet .waletBuy a p strong text { color:#999; display:block; font-size:11pt; margin-top:5px; }

.pointsSaveBox { text-align: center; }
.pointsSaveBox h3 { font-size:16pt; font-weight: bold; color:#7ba9e8; margin-bottom:5px; }
.pointsSaveBox p { font-size:12pt;  }

.pointsSaveBox nav { display:flex; justify-content:space-around; flex-wrap: wrap; margin-top:40px; padding:0 30px; }
.pointsSaveBox nav a { width:26%; margin-top:30px; cursor: pointer; }
.pointsSaveBox nav a b { position: absolute; margin-right:-5px; background-color:#e31a24; color: #fff; font-size:8pt; width:20px; padding:2px 0; border-radius: 50%; }
.pointsSaveBox nav a i,.pointsSaveBox nav a iconify-icon { background-color: #174aa2; padding:10px; font-size:26pt; color:#fff; border-radius:50%; }
.pointsSaveBox nav a h4 { font-size:9pt; color:#999; margin-top:2px; }

.pointsSaveBox nav a.disabled i, .pointsSaveBox nav a.disabled b { background-color: #bcbcbc !important; }

.pointsSaveBox nav a:nth-child(2) i { background-color: #13bd83; }
.pointsSaveBox nav a:nth-child(3) i { background-color: #f8a911; }
.pointsSaveBox nav a:nth-child(4) i { background-color: #0188ee; }
.pointsSaveBox nav a:nth-child(5) i { background-color: #ff4535; }
.pointsSaveBox nav a:nth-child(6) iconify-icon { background-color: #111; }

.blackscreen .pointsBox { width:300px; padding:10px; position:absolute; top:10px; right:0; left:0; background-color: #fff; display:table; margin:auto; border-right:2px solid #3ebe59; border-radius:5px; }
.blackscreen .pointsBox i.la-times { float:left; }
.blackscreen .pointsBox i.la-gem { color:#fff; float:right; font-size:22pt; background-color:#3ebe59; padding:4px; margin-left:10px; }
.blackscreen .pointsBox h2 { font-size:10pt; font-weight: bold; }
.blackscreen .pointsBox p { font-size:9pt; color:#999 }

.insertProductBox { padding:40px; display:flex; flex-wrap: wrap; gap:3%;  }
.insertProductBox .insertCatsBox:hover { opacity:0.7 }
.insertProductBox .insertCatsBox { width:22%; display:flex; border-bottom:3px solid; margin-bottom:3%; flex-direction: column; align-items: center; background-color:#fff; padding:30px 10px; border-radius:20px; }
.insertProductBox .insertCatsBox i { font-size:60pt; }
.insertProductBox .insertCatsBox b { font-size:10pt; font-weight: bold; color:#777; margin-top:5px; }
.blackBox .insertProductBox .insertCatsBox { width:30%; }

.insideSub { display: flex; flex-direction: column; }
.insideSub .blackBox { display:flex; flex-direction: column; flex:1;  min-height: 0; height:100px; margin-left:2px; } 
.blackIn.insideSub .insertProductBox { overflow-y:scroll; flex:1;  min-height: 0; height:100px; } 



.blackIn .blackBox::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.blackIn .blackBox::-webkit-scrollbar-track {
  background: #f5f5f5;
}
.blackIn .blackBox::-webkit-scrollbar-thumb {
  background: #006dfe;
  border-radius: 15px;
}


.blackIn.insideSub .insertProductBox::-webkit-scrollbar {
    width: 5px;
}
.blackIn.insideSub .insertProductBox::-webkit-scrollbar-track {
    background: transparent;
}
.blackIn.insideSub .insertProductBox::-webkit-scrollbar-thumb {
    background: #006dfe;
    border-radius: 15px;
}

.insideSub .blackBox::-webkit-scrollbar {
    width: 2px;
    height: 5px;
}
.insideSub .blackBox::-webkit-scrollbar-track {
    background: #f5f5f5;
}
.insideSub .blackBox::-webkit-scrollbar-thumb {
    background: #006dfe;
    border-radius: 15px;
}

.error { display:table; width:50%; border-radius: 10px; background-color: #df2c2c; padding:20px 0; margin:20px auto; text-align: center; color:#fff; }
.error i { font-size:50pt; }
.error p { font-size:14pt; margin-top:10px; }
.error p b { font-weight: 700; font-size:14pt; }
.error p span { font-size:11pt; MARGIN-TOP:5PX; }


.submitProdForm { transform:translateY(-70px); }
div.mainAllInsert { margin-top: 20px;  }
.section.sec5.insertForm { margin-top:-4px;  }
.section.sec5.insertForm .mainWidth .split { background-color: #fff; border-right:1px solid #a1d0ff }
.section.sec5.insertForm:nth-child(even) .mainWidth .split { background-color: #f9f9f9; }

.insertForm h1 { font-size:14pt; padding:10px; font-weight:700;  color:#b8c5d1; border-right:3px solid #7dbcfa }
.insertForm .title  { margin-bottom:0 !important; }
.insertForm .title h2 { font-size:9pt; color:#999; font-weight: 400; }
.insertForm .title h2 b { color:red }
.insertForm prog, .insertForm progVid { display:table; position:absolute; bottom:0; z-index:1; width:0%; right:0; border-radius: 5px; height:5px; background-color: #dc2491; }
.insertForm progVid {  }

.insertUploadImage { padding:30px 10%; display:block;  border-bottom:1px solid #eee; position:relative }
.insertUploadImage .uploadImg {  }
.insertUploadImage .uploadImg .contImg { display:flex; gap:1.5%; flex-direction:row; flex-wrap: wrap;  }
.insertUploadImage input[type='file'] { width:1px; height:10px; visibility: hidden; }
.insertUploadImage .uploadImg .contImg div  { width:18.5%; margin-bottom:1.5%; aspect-ratio: 1; position:relative; cursor: pointer;  }
.insertUploadImage .uploadImg .contImg div:hover  { opacity:0.8 }
.insertUploadImage .uploadImg .contImg div a { display:none;  }
.insertUploadImage .uploadImg .contImg div a i { cursor: pointer; position:absolute; top:-5px; left:-5px; background-color: #f74c61; color:#fff; font-size:13pt; padding:3px; border-radius: 50%; }
.insertUploadImage .uploadImg .contImg div i:hover { opacity: 0.7; }
.insertUploadImage .uploadImg .contImg div img { width:100%; height:100%; border-radius:20px; border:1px solid #ddd; object-fit:cover ; }


.insertUploadImage .uploadVideo { cursor: pointer; margin-top:10px; color:#fff; width:300px; display:flex; margin:auto; align-items: center; border:0; background-color:#58abff; border-radius:5px; padding:0 10px }
.insertUploadImage .uploadVideo:hover { opacity: 0.8; }
.insertUploadImage .uploadVideo span { font-weight: bold; display:block; text-align: center; font-size: 11pt; flex:1 }
.insertUploadImage .uploadVideo i { padding:10px 10px 10px 0; font-size:20pt; border-right:1px solid rgba(255,255,255,0.2); }

.insertUploadImage .multiSelect { display:table; width:100%; padding-bottom:15px; }
.insertUploadImage .multiSelect label { cursor: pointer; display:inline-flex; align-items: center; padding:6px 10px; padding-right:5px; padding-left:15px; margin-top:5px; margin-left:5px; background-color: #e0e5ed; border-radius: 10px; font-weight: bold; color:#555 }
.insertUploadImage .multiSelect label:hover { opacity:0.8 }
.insertUploadImage .multiSelect label i { color:#222; font-size:12pt; margin-left:3px; }
.insertUploadImage .multiSelect label span { font-size:10pt; font-weight: 700; }

.insertUploadImage .multiSelect label.checked { background-color:#006dfe; color:#fff; }
.insertUploadImage .multiSelect label.checked i { color:#fff; }

.insertUploadImage .rangeInputBox input[type='text'] { color:#555; width:150px; font-size:20pt; background-color: #fff; font-weight:400; margin:auto; display:table; margin-bottom:10px; text-align: center; border:0; border-bottom:1px solid #ddd; border-radius:5px; padding:5px 8px; }
.insertUploadImage .rangeInputBox input[type='range'] { width:100%; background: #fff; }
.insertUploadImage .rangeInputBox input[type='range']::-webkit-slider-runnable-track { background-color: #c2e7ff; height:8px; border:0px; border-radius:5px; }
.insertUploadImage .rangeInputBox input[type='range']::-webkit-slider-thumb { transform: translateY(-6px); zoom:1.6; }

.insertUploadImage .dropDownBox { cursor:pointer; background-color: #fff; border-radius:5px; width:370px; padding:10px; border-bottom:1px solid #eee; display:flex; justify-content: space-between; align-items: center; }
.insertUploadImage .dropDownBox text { color:#555; font-size: 10pt; font-weight:700; border:0 !important;}
.insertUploadImage .dropDownBox:hover { opacity:0.7 }

.insertUploadImage .mapSection { width:400px; height:240px; display:table; margin:auto; position: relative; }
.insertUploadImage .mapSection a { width:100%; height:100%; z-index: 1; position:absolute; right:0; top:0; cursor: pointer; }
.insertUploadImage .mapSection iframe { width:100%; height:100%;  }

div.productBox nav { margin-top:10px;}
div.productBox nav a { opacity:0.5; color:#555; padding:0 1px;  }
div.productBox nav a:hover { opacity:1; }
div.productBox nav a i { font-size:18px; color:#fff; background-color: #999; padding:5px; border-radius:5px; }
div.productBox nav a.favChecked { opacity:1 !important; }
div.productBox nav a.favChecked i { background-color: #3bcab9 !important; }
div.productBox nav a:hover:nth-child(1) i { background-color: #3bcab9; }
div.productBox nav a:hover:nth-child(2) i { background-color: #fb5b5a; } 
div.productBox nav a:hover:nth-child(3) i { background-color: #ffaf0a; }

.blackIn.dropDown { width:350px; max-height:94vh }
.blackIn.dropDown h1 { background-color:#f1f1f1; border-radius:20px 20px 0 0; font-size:14pt; font-weight: 300; padding:10px 0; color:#555 }
.blackIn.dropDown form { padding:10px; display:flex; justify-content: space-between; align-items: center; background-color: #fff; border-top:1px solid #ddd; }
.blackIn.dropDown form input { background-color: transparent; flex:1; border:0; font-size:10pt; padding:5px 10px; }
.blackIn.dropDown form i { font-size:16pt; color:#999 }

.blackIn .insertProductBox.mapApi { padding:10px; flex-direction: column; gap:5px; position:relative }
.blackIn .insertProductBox.mapApi input { font-size: 10pt; position:absolute; z-index:1; padding:8px; width:60%; top:22px; right:0; left:0; margin:auto; border:1px solid #cacaca; border-radius:10px;  }
.blackIn .insertProductBox.mapApi #map { flex:1; border-radius:20px 20px 0 0; z-index: 0; }
.blackIn .insertProductBox.mapApi button { cursor: pointer; width:100%; color:#fff; text-align: center; border:0; background-color:#006dfe; border:1px solid #1367e3; padding:10px }

.dropListPopUp { flex:1; border-top:1px solid #ddd; padding:10px; background-color: #f9f9f9; }
.dropListPopUp a { cursor: pointer; padding:6px 10px; margin-bottom:7px; padding-right:10px; display:flex; align-items: center; font-size: 12pt; background-color: #fff; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); }
.dropListPopUp a i { font-size:12pt; margin-left:5px; color:#999 }
.dropListPopUp a:hover, .dropListPopUp a.selected { background-color:#006dfe; color:#fff; }
.dropListPopUp a:hover i { color:#fff; }

.insertUploadImage .priceBox { background-color: #f9f9f9; border:1px solid #eee; margin-top:10px; padding:10px;  border-radius:5px;}
.insertUploadImage .priceBox label { font-size:12pt; font-weight:500; color:#777; display:flex; align-items: center; cursor: pointer; }
.insertUploadImage .priceBox label input {  margin-left:5px; zoom:1.3 }
.insertUploadImage .priceBox .rangeInputBox { padding:5px 20px;  }
.insertUploadImage .priceBox .rangeInputBox input[type='text'] { background-color: #fff; display:unset; margin:0; margin-bottom: 10px;}

.insertForm .title h2 { padding:5px 0;}

.insertUploadImage .textInsertBox input, .insertUploadImage .textInsertBox textarea { border:0; margin-top:0px; width:100%; font-size:11pt; padding:10px 0; border-bottom:1px solid #ddd; background-color: #fff; }
.insertUploadImage .textInsertBox textarea { height:100px; padding:10px; }

.submitProdForm button.submitProduct { cursor:pointer; flex:0.6; margin:auto; margin-top:20px; border-radius:5px; background-color:#006dfe; border:0; font-size:14pt; padding:12px 0; color:#fff; font-weight: 700; }

.insertUploadImage .playerVideo { display:table; margin:auto; position:relative }
.insertUploadImage .playerVideo a { position:absolute; top:-5px; left:-5px; z-index: 1; }
.insertUploadImage .playerVideo a i { cursor: pointer; position:absolute; top:-5px; left:-5px; background-color: #f74c61; color:#fff; font-size:15pt; padding:3px; border-radius: 50%; }
.insertUploadImage .playerVideo video { width:100%; }
.insertUploadImage .playerVideo iframe { width:500px;  aspect-ratio: 16/9; border:0; }

.success { padding:20px; }
.success h2 { font-weight: 700; font-size:14pt; color:#006dfe }
.success p { font-weight:400; font-size:12pt; color:#777 } 

.success button { cursor:pointer; width:60%; background-color: #006dfe; display:flex; margin:auto; margin-top:30px;  justify-content: space-between; border:0; border-radius: 5px; padding:10px; } 
.success button span { color:#fff; flex:1; text-align: center; font-weight: 700; } 
.success button i { color:#fff; font-size:17pt; } 

#confetti-canvas { position:fixed; top:0; right:0; width:100%; height:100%; }


.userCpMenu { display:flex; align-items: center; border:0 !important; margin-top:40px; transform: translateX(10px); justify-content:flex-start; }
.userCpMenu a { display:flex; flex-direction: column; align-items: center; padding:0 10px;  }
/* .userCpMenu a:hover i { background-color: #f74c61; transform: scale(1.2); color:#fff !important; cursor: pointer;  } */
.userCpMenu a.favChecked i { background-color: #f74c61; color:#fff; }
.userCpMenu a i { transition: all 0.3s; font-size: 22pt; color:#fff; background-color: #b0bbbd; padding:8px; border-radius:40%; }
.userCpMenu a i.la-crown,.userCpMenu a i.la-gem { color:#fff !important }
.userCpMenu a span { font-size:9pt; color:#888; margin-top:3px; }

.inProd .userCpMenu.users { padding:20px 10px; justify-content:flex-start; background-color: #f9f9f9; border-bottom:1px solid #eee !important; }

.inProd .userCpMenu { flex-direction:row;  align-items: center; justify-content: center; margin:0; transform: translateX(0); }
.inProd .userCpMenu div { display:flex; width:60%; flex-wrap: wrap; gap:10px; padding:40px 0; }
.inProd .userCpMenu div a { width:48%; background-color:#4d4d4d; display:flex; flex-direction: row; padding:8px 5px; border-radius:5px; align-items: center; }
/* .inProd .userCpMenu div a:hover i { transform:scale(1) }
.inProd .userCpMenu div a:hover { background-color:#f74c61; } */
.inProd .userCpMenu div a i { transition: none; background-color: transparent; padding:0; border-radius: 0; font-size:18pt; margin-left:5px; color:#fcfcfc; }
.inProd .userCpMenu div a span { color:#fcfcfc; font-weight:bold; margin:0; font-size:9pt; }
.inProd .userCpMenu div a.favChecked { background-color: #f74c61; }

.userMenuBtn { position:absolute; top:3px; left:0;  }
.userMenuBtn i { font-size:14pt; background-color: #fff; padding:3px; }

.menuProductBox { padding:40px 0; display:flex; flex-wrap: wrap; gap:4%; justify-content:flex-start; padding:20px; }
.menuProductBox a { box-shadow:1px 1px 1px rgba(0,0,0,0.1); padding:20px 10px; font-size:9pt; border:1px solid #f1f1f1; align-items: center; width:30%; text-align: center; border-radius: 10px; margin-bottom:4%;  }
.menuProductBox a i { font-size:22pt; margin:auto; color:#666; border-radius:5px; display:table;  }

.productMyTag { border:1px solid rgba(255,255,255,0.2); position:absolute; right:5px; top:15px; background-color: #999; color:#fff; padding:0 5px; padding-bottom:2px; font-size:9pt; border-radius:5px 0 0 5px; }

.productUnav { display:table; width:100%; padding:20px 50px; background-color:#fff; font-size:12pt; margin:auto; margin-top:0px; color:#999; text-align: center; }
.productUnav img { display:table; margin:auto; width:350px }

.disabledProductView { position:absolute; top:0; right:0; width: 100%; height:100%; background-color: rgba(255,255,255,0.9); z-index:1; display:flex; flex-direction: column; align-items: center;  }
.disabledProductView div.eBoxes p { color:#e22828; font-weight: bold; margin-top:180px; line-height: 180%; font-size:26pt; padding:15px; text-align: center; }
.disabledProductView div.eBoxes a { cursor:pointer;  background-color: #006dfe; display:table; margin:auto; margin-top:30px; border:0; border-radius: 5px; padding:10px 30px;  color:#fff; font-weight: 300; font-size:14pt; }

.pointsScreen .dataIn { padding:10px; border-radius:5px; border-right:3px solid #13bd83; display:flex; align-items: center; }
.pointsScreen .dataIn i.ico { font-size:20pt; padding:6px; background-color:#13bd83; border-radius:50%; margin-left:10px; color:#fff; }
.pointsScreen .dataIn div { flex:1; }
.pointsScreen .dataIn div h3 { font-size:10pt; font-weight: 700; }
.pointsScreen .dataIn div p { font-size:9pt; color:#777 }

.pointsScreen .dataIn a i { font-size:14pt; }

.statsBox { display:flex; justify-content:flex-start; margin:auto; flex-wrap: wrap; padding:20px 8%; padding-bottom:50px; }
.statsBox a { padding:10px 0; width:23%; margin:1%; border-radius:10px; color:#666; border:1px solid #ddd; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.1); display: flex; justify-content: center; align-items: center; flex-direction: column; }
.statsBox a i { font-size:32pt;  }
.statsBox a text { font-size:9pt; margin-top:5px; }
.statsBox a num { font-size:16pt; font-weight:600; margin-top:5px; }

.statsTitleBox { margin-top:-20px; text-align: center; }
.statsTitleBox text { font-size:14pt;  color:#777 }
.statsTitleBox text span { font-weight: bold; }

.stProds { display:flex; flex-direction: row; justify-content: space-between; align-items: center; border-bottom:1px solid #eee; padding:10px 0; }
.stProds div { display:flex; flex-direction: row; align-items: center; }
.stProds div img { margin-left:10px; border-radius:20px; width:50px; height:50px; }
.stProds div text { font-size:10pt; font-weight: bold; color:#666; text-align: right; }
.stProds num { width:25px; height:25px; background-color: #006dfe; border-radius:50%; color:#fff; display:flex; justify-content: center; align-items: center; }
.stProds num b { font-size: 9pt; }

.notificationsBox section { display:none; z-index:4; position:absolute; width:350px;  padding-top:22px; }
.notificationsBox section div {  background-color:#f9f9f9; box-shadow: 0px 2px 5px rgba(0,0,0,0.2); width:100%; height:100%; }

.notificationsBox section h1 { text-align: center; font-size: 11pt; font-weight: bold; padding:10px 0; border-bottom:1px solid #e5e5e5; background-color: #fff; }
.notiBox .notiBlock { display:flex; padding:10px; border-bottom:1px solid #e5e5e5; border-top:1px solid #fff;  }
.notiBox .notiBlock:hover { background-color:#fff; }
.notiBox .notiBlock img { width:40px; height:40px; border-radius: 50%; margin-left:10px; }
.notiBox .notiBlock h2 { font-size:10pt; font-weight: bold; }
.notiBox .notiBlock h3 { font-size:9pt; }
.notiBox .notiBlock date { font-size:8pt; color:#999 }

.userUpgrade { position: relative; flex:1; padding:0; }
.userUpgrade div { width:100%; height:100%; position:absolute; overflow:hidden; white-space: nowrap;  padding:3px; }
.userUpgrade img { object-fit: cover; width:100%; height:99%; display:inline-table; border-radius: 20px 20px 0 0; }
.userUpgrade img:hover { opacity:0.9 }

.userUpgrade i.arrows { cursor: pointer; position:absolute; top:50%; z-index:1; background-color: #fff; border-radius:20%; padding:5px; font-size:18pt;  }
.userUpgrade i.arrows.la-angle-right { right:-3px; display:none; }
.userUpgrade i.arrows.la-angle-left { left:-3px; }

.upgradeBox { display:flex; flex-direction: column; }
.upgradeBox .priceBox { display:flex; justify-content: center; gap:15%; align-items: center; margin-top:20px; }
.upgradeBox .priceBox img { height:145px; }

.upgradeBox .priceBox div text { font-size:28pt; color:#555; font-weight: bold; }
.upgradeBox .priceBox div span { display:block; font-size:9pt; color:#999; margin-top:-5px; }

.upgradeBox .upgradeInfoBox { margin-top:20px; }
.upgradeBox .upgradeInfoBox text { display:block; font-size:12pt; color:#555 }
.upgradeBox .upgradeInfoBox text b { background-color: #006dfe; color:#fff; border-radius:50%; padding:0 5px; margin:0 3px; }
.upgradeBox .upgradeInfoBox text.c2 { font-size:10pt; color:#888 }

.btnBox { padding:20px; margin-top:60px; }
.btnBox button { cursor: pointer; background-color: #006dfe; color:#fff; border-radius: 5px; padding:10px 20px; font-weight: bold; width:80%; border:0; }
.btnBox button:disabled { background-color: #ccc; }

.paymentMethodsBox { min-height:300px; padding:20px; display: none; }
.paymentMethodsBox a { padding:8px 10px; display:block; background-color: #fff; box-shadow:1px 1px 3px #076cf030; border:1px solid #eee; margin-top:10px; display:flex; align-items: center; border-radius:5px; }
.paymentMethodsBox a:hover { opacity:0.7 }
.paymentMethodsBox a i { font-size:20pt; color:#006dfe; margin-left:5px; }
.paymentMethodsBox a text { font-size:10pt; font-weight: bold; color:#555 }

.payPalBox { padding:30px; }

.smsBox { margin-top:-30px; }
.smsBox h2,.phoneNumberBox h2 { font-size:12pt; font-weight: bold; color:#006dfe }
.smsBox h3,.phoneNumberBox h3 { font-size:9pt; color:#999; margin-top:3px; }
.smsBox h3 b { cursor: pointer; color:#006dfe }
.smsBox h3 b:hover { opacity:0.8 }

.smsBox .smsOptions { padding:30px 10%; }
.smsBox .smsOptions label { cursor: pointer; padding:8px 10px; display:block; background-color: #fff; box-shadow:1px 1px 3px #076cf030; border:1px solid #eee; margin-top:10px; display:flex; align-items: center; border-radius:5px; }
.smsBox .smsOptions label input { zoom:1.4; margin-left:5px; }
.smsBox .smsOptions label text { color:#555; font-size:10pt; font-weight: bold; }

.phoneNumberBox { display:none; }
.phoneNumberBox div { padding:20px; }
.phoneNumberBox div input { direction:ltr; width:60%; font-size:14pt; text-align: center; border:1px solid #ddd; border-radius: 5px; padding:8px  }


.pointsPayBox .myPoints { padding:10px; background-color: #eee; border-radius:30px 30px 0 0; display:flex; justify-content: center; gap:30px; align-items: center; }
.pointsPayBox .myPoints div b { display:block; font-size:26pt; font-weight: bold; color:#555 }
.pointsPayBox .myPoints div span { display:block; font-size:9pt; color:#999 }

.pointsPayBox .pointsPayBtnBox { padding:15px;  }
.pointsPayBox .pointsPayBtnBox span { font-size:12pt; }
.pointsPayBox .pointsPayBtnBox span b { color:#006dfe; font-weight: bold; }

.creditIframe { height:500px; border:0; margin-top:-45px;  }

.googlePayBtnBox { display:table; margin:auto; width:80%;  }
.googlePayBtnBox button { padding:24px; }


.deleteAccountBox .deleteAccountIn { display:flex; flex-direction: column; align-items: flex-start; padding:0 30px }
.deleteAccountBox label { display:block; padding:5px 0; display:flex; align-items: center; }
.deleteAccountBox label input { zoom:1.5; margin-left:5px; }
.deleteAccountBox label text { font-size:11pt; color:#444 }

.deleteAccountBox .deleteAccountIn div  { width:90%; }
.deleteAccountBox .deleteAccountIn div textarea { display:none; width:100%; margin-top:10px; padding:10px; font-size:10pt; color:#555; border-radius:5px; border:1px solid #ddd; background-color: #f9f9f9; height:80px; }
.deleteAccountBox .deleteAccountIn input[type='text'], .deleteAccountBox .deleteAccountIn input[type='number'], .deleteAccountBox .deleteAccountIn input[type='password'] { margin:auto; direction:ltr; text-align: center; margin-top:40px; width:80%; padding:10px; font-size:10pt; color:#555; border-radius:5px; border:1px solid #ddd; background-color: #f9f9f9; }

.footBox {  background-color:#0f182f; margin-top:20px; color:#fff; }
.footBox .mainWidth { display:flex;  justify-content: space-between; padding:20px 0; }
.footBox .mainWidth nav b { font-size:10pt; font-weight: bold; margin-bottom:10px; display:block; }
.footBox .mainWidth nav a { color:#8a94b1; font-size:9pt; display:block; padding:5px 2px; }
.footBox .mainWidth nav a:hover { color:#fff; }

.footBox .mainWidth div { margin-top:30px; }
.footBox .mainWidth div b { font-size:10pt; font-weight: bold; margin-bottom:10px; display:block; margin-top:30px; }
.footBox .mainWidth div p { color:#8a94b1; margin-top:5px; }
.footBox .mainWidth div nav { display:flex; margin-top:10px;}
.footBox .mainWidth div nav i, .footBox .mainWidth div nav iconify-icon { font-size: 20pt; }

.footBox .downL img { width:140px; margin-bottom:5px }


.searchBtnsTypes { display:flex; align-items: center; margin-left:10px; }
.searchBtnsTypes a { background-color: #eee; padding:6px 15px; padding-right:10px; margin-right:10px; font-size:11pt; border-radius:5px; }
.searchBtnsTypes a.checked { background-color: #f74c61; color:#fff; }
.searchBtnsTypes a span { font-size:8pt; background-color:#fff; color:#555; line-height: 170%; width:18px; border-radius: 50%; display:inline-block; text-align: center; margin-left:5px; }

.tagsFoorter { max-width: 25%; }
.tagsFoorter a { display:inline-table !important; margin-left:5px; background-color: #202d4f; padding:0 5px !important; }

.shareWebPage {  position:fixed; top:0; right:0; width:100%; height:100%; background-color: rgba(0,0,0,0.7); z-index:10; display:flex; justify-content: center; align-items: center; }
.shareWebPage .popupShare { padding:20px; background-color: #fff; border-radius: 10px; }


.artList { display:table; width:100%; }
.artList a { display:flex; align-items: center; padding:15px 10px; border-top:1px solid #eee; }
.artList a:nth-child(odd) { background-color: #f9f9f9; }
.artList a i { margin-left:5px; }

.fullArt { padding:10px;  font-size:12pt; }
.fullArt * {  font-size:12pt; line-height:180%; }
.fullArt h1 { font-size:20pt; margin-bottom:20px; }

.contact text { display:block; font-size:9pt; color:#999; }
.contactOptions div { display:flex; justify-content: center; margin-top:15px; gap:10px; }
.contactOptions div a { background-color: #f9f9f9; border:1px solid #eee; border-radius:10px; width:90px; padding:10px 5px; }
.contactOptions div a i { display:block; font-size:25pt;  }

.inCat div { display:flex; align-items: center; padding-left:5px; }
.inCat div a { padding:3px 10px; display:flex; align-items: center; background-color: #8a9aaa; margin-left:5px; color:#fff; padding-left:15px; border-radius:20px; }
.inCat div a i { font-size:14pt; }
.inCat div a b { font-size:10pt; }

.multiSlider { padding-top:10px; position:relative }
.multiSlider text { position:absolute; top:-27px; font-size:10pt !important; left:10px; width:auto !important; border:0 !important; }
.multiSlider text b { font-size:10pt !important; font-weight: bold; }
.multiSlider .ui-widget { font-size:0.6em !important }
.multiSlider .ui-slider-handle { border-radius: 50%; font-size:12pt !important; transform: translateY(-2px); background:#006dfe !important  }
.multiSlider .ui-widget-header { background:#006dfe !important  }

.countryBox { margin-left:15px; padding:5px 0; padding-left:15px; border-left:1px solid #ddd; cursor: pointer; }
.countryBox:hover { opacity:0.8 }
.countryBox a { display:flex; align-items: center; }
.countryBox a img { width:22px; height:22px; border-radius: 50%; margin-left:4px; }
.countryBox a i { font-size:8pt;}

.countryBoxCheck { display: flex; flex-wrap: wrap; padding:40px 15%; gap:10%; }
.countryBoxCheck a { width:45%; padding:5px 0; text-align: center; display:flex; margin-top:25px;  flex-direction: column; align-items: center;} 
.countryBoxCheck a:hover { opacity:0.8 }
.countryBoxCheck a img { width:80px; height:80px; object-fit: cover; border-radius: 50%; margin-left:5px; display:block; }
.countryBoxCheck a text { font-size:9pt; font-weight: bold; color:#777;   display:block; margin-top:5px; }

.cMsgBox { padding:20px; }
.cMsgBox h2 { color:#777; font-size:11pt; }
.cMsgBox h2 b { color:#555; font-weight: bold; font-size:11pt; }
.cMsgBox button {  margin:auto; }
.cMsgBox text { display:block; color:#777; font-size:9pt; }
.cMsgBox text a { color:#006dfe; text-decoration: underline; }

.mobileSubCats { display:none; }

.countryReset { padding-bottom:20px; text-align:center;  text-decoration: underline; color:#faac08 !important; font-weight: bold; } 

.settingsBox { padding:30px 15%; }
.settingsBox label { cursor: pointer; display:flex; justify-content: space-between; padding:20px 0; border-bottom:1px solid #ddd; }
.settingsBox label div { display:flex; align-items: center; }
.settingsBox label div i { font-size:14pt; color:#999; margin-left:5px; }
.settingsBox label div span { font-size:9pt; color:#777 }
.settingsBox label .tag { font-size:8pt; background-color: #13bd83; color:#fff; padding:1px 6px; border-radius: 10px; }
.settingsBox label input { zoom:1.5  }


.slidedown-body-message { font-family: 'Cairo', sans-serif !important; font-size: 11pt !important; }
.slidedown-button { font-family: 'Cairo', sans-serif !important; font-size: 10pt !important; }

.maoInPopup { height:500px; position:relative; padding:5px; }
.maoInPopup .mapStore { position:absolute; top:0; right:0; width:100%; height:100%; z-index: 1;  }
.maoInPopup iframe { width:100%; height:100%; border-radius:30px }


.commentsBox::-webkit-scrollbar {
    width: 5px;
}
.commentsBox::-webkit-scrollbar-track {
    background: transparent;
}
.commentsBox::-webkit-scrollbar-thumb {
    background: #006dfe;
    border-radius: 15px;
}



.commentsBox { flex:1; overflow:auto; height:200px; }
.commentsBox .comment { display:flex; text-align: right; padding:10px; border-top:1px solid #eee; cursor:pointer; }
.commentsBox .comment.checked {  border-right:5px solid #f74c61 }
.commentsBox .comment section { display:flex; text-align: right;  }
.commentsBox .comment:hover h4 { color:#006dfe }
.commentsBox .comment:nth-child(odd) { background-color: #f9f9f9; }
.commentsBox .comment img { width:40px; height:40px; object-fit: cover; border-radius:50%; margin-left:10px; }
.commentsBox .comment div { padding-top:5px; }
.commentsBox .comment h4 { font-size:9pt; font-weight: bold; color:#555 }
.commentsBox .comment p { font-size:10pt; color:#666; margin-top:2px; }
.commentsBox .comment span { font-size:7pt; color:#999 }

.commentsBox .comment .rank { margin-top:-5px; }
.commentsBox .comment .rank i { font-size:12pt;  }

.commentsForm { background-color: #fff; padding:20px; border-top:1px solid #ddd; text-align: left; }
.commentsForm .imgCls { width:40px; height:40px; border-radius:50%; margin-left:10px; }
.commentsForm div { display:flex;  }
.commentsForm textarea { flex:1; height:100px; background-color: #f5f5f5; border:1px solid #eee; border-radius:10px; font-size:10pt; padding:7px; color:#555; }
.commentsForm textarea::placeholder { color:#999 }
.commentsForm button { background-color:#f74c61; border:0; cursor: pointer; padding:4px 15px; color:#fff; margin-top:5px; border-radius: 10px; }
.commentsForm button:hover i { color:#006dfe }
.commentsForm button i { font-size:22pt; transform: rotate(190deg); }

.storeFull { padding:20px; border-top:1px solid #eee; word-wrap: break-word;}

.commentStatsBox { display:flex; justify-content: space-evenly; align-items: center; padding:30px 0; background-color: #fff; border-top:1px solid #eee }
.commentStatsBox div num { font-size:26pt; display:block; font-weight: 500; color:#555 }
.commentStatsBox div text { font-size:8pt; display:block; margin-top:-7px; color:#999 }
.commentStatsBox div ul { margin-bottom:10px; }

.reportLink { display: table; }
.reportLink i { font-size:17pt; color:#0188ee; padding:4px 3px; }

.storePage .first { width:200px; }


.section.sec5 .mainWidth.inProd { overflow:hidden !important}

.prodPlayIco { position:absolute; padding:2px; color:#fff; font-size:24pt;  }

.chatBlackScreen { position:fixed; top:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:9; padding:20px; }
.chatBlackScreen a { position:fixed; right:10px; top:10px; }
.chatBlackScreen a i { background-color: red; font-size: 20pt; color:#fff; border-radius: 50%; padding:4px; }
.chatBlackScreen iframe { border:0; width:100%; height:100%; }

.prodImgBox .arr.imgsPrev { display:none; }


.iseWallet { border-top:1px solid #eee; margin-top:50px; }
.iseWallet .useProgressWallet { width:70%; height:30px; border:1px solid #7fb043; display:table; margin:auto; border-radius: 10px; padding:1px; position:relative; margin-top:60px; }
.iseWallet .useProgressWallet div { width:20%; height:100%; background-color: #7fb043; border-radius: 10px;  }
.iseWallet .useProgressWallet text { color:#555; position:absolute; top:-28px; right:0; left:0; width:20px; white-space: nowrap; display:table; margin:auto; font-weight: bold; font-size:12pt; }

.iseWallet .textWal { width:80%; text-align: center; display:table; margin:auto; margin-top:20px; }
.iseWallet .textWal b { display:block; }
.iseWallet .textWal a { text-decoration: underline; color:#006dfe }

.iseWallet .myProds { display:table; margin:20px auto; }
.iseWallet .myProds .productBox { width:200px; border:1px solid #ddd; border-radius: 10px; }
.iseWallet .myProds .productBox tag { left:-9px; background-image: url(/images/ad3.png); }
.iseWallet .myProds .productBox nav { display:none; }

.productImgMainEffect { position:relative; width:100%; aspect-ratio:16/16; }
.productImgMainEffect img, .productImgMainEffect iframe { width:100%; aspect-ratio:16/16; object-fit: cover; position: absolute; }
.smallImgs { display:flex; gap:3px; margin-top:3px; position:relative}
.smallImgs a { cursor:pointer; display:flex; justify-content: center; align-items: center; }
.smallImgs a:hover { opacity:0.8 }
.smallImgs i { position:absolute; color:#fff; font-size:20pt; border-radius:50%;}
.smallImgs img { aspect-ratio: 1; width:61px; }
.smallImgs img.selected { border:2px solid #fd9317;}

.imgLoader { position:absolute; z-index: 1; right:0; left:0; top:0; bottom:0; height:40px; width:40px; margin:auto; }
.loaderImg {
    width: 48px;
    height: 48px;
    border: 5px solid #FFF;
    border-bottom-color: #FF3D00;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    }

    @keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
  } 

  .popupMainPam { display:flex; flex-direction: column; height:500px; }
  .popupMainPam iframe { flex:1; border-radius:20px 20px 0 0; }
  .popupMainPam .mapPopupInfo { display:flex; justify-content: space-between; align-items: center; padding:10px; }
  .popupMainPam .mapPopupInfo text { font-size:12pt; color:#555; }
  .popupMainPam .mapPopupInfo a { display:flex; gap:10px;}
  .popupMainPam .mapPopupInfo a i { font-size:30pt; border:1px solid #999; color:#555; padding:5px; border-radius: 50%; background-color: #fff; }


  .userDataInfo .adsBox { margin-top:0; }
  .userDataInfo .adsBox .mainWidth { box-shadow:0 0 0; background-color: #eee; }
  .userDataInfo .adsBox .mainWidth .imgAd img { width:100%; }

  .floatAdsRL { display:none; position:fixed; top:10px; right:0; width:120px; max-height:600px; background-color: #ddd; z-index:1;} 
  .floatAdsRL .close { cursor:pointer; background-color: #000; color:#fff; display:block; text-align: center; padding:4px 0; font-size:9pt; } 
  .floatAdsRL .close:hover { opacity: 0.8; }
  .floatAdsRL .section { margin-top:0; } 

  .floatAdsRL.left { right:unset; left:0px; }

  @media screen and (min-width:1310px) {
 
    .floatAdsRL { display:block; }
  }


  .productInfoDel { display:flex; gap:10px; align-items:start; padding:15px 20px; border-bottom: 1px solid #e1e1e1; }
  .productInfoDel img { width:60px; border-radius: 10px; aspect-ratio: 1; object-fit: cover; }
  .productInfoDel div { text-align: right; }
  .productInfoDel div h2 { font-weight: bold; color:#555 }
  .productInfoDel div p { padding-top:5px; color:#999; font-size:9pt; }
  .productInfoDel div p b { color:#999; font-weight:bold; font-size:9pt; }

  .productPriceBox { background-color: #f6f8fa; padding:20px 5%; text-align: right; max-width:350px; margin:auto; margin-top:10px; border-radius:5px; border:1px solid #e8e8e8 }
  .productPriceBox h3 { font-size:9pt; font-weight: bold; padding:15px 0; border-bottom: 1px solid #e5e5e5; position:relative }
  .productPriceBox table { width:100%; max-width:350px; margin:15px auto; border-spacing:0; }
  .productPriceBox table tr td { font-size:9pt; color:#555; padding:8px 5px; border-bottom: 1px solid #e9e9e9; }
  .productPriceBox table tr td.val { font-size:11pt; font-weight: 300; }
  .productPriceBox table tr td i { font-size:14pt; float:right; margin-left:5px; margin-top:2px;}
  .productPriceBox table tr.calc td { background-color: #fff; margin-top:10px; }
  .productPriceBox table tr.calc td.val { font-weight:bold;}
  .productPriceBox table tr.calc td {  background-color: #f5f5f5;  }
  .productPriceBox table tr td select { border:0; padding:1px 5px; font-size:11pt; background-color: transparent; font-weight:bold; color:#555; }


  .productPriceBox p { text-align: right; color:#999; font-size: 9pt; max-width:350px; margin:auto;}

  .productPriceBox ul { list-style-type: square; max-height:200px; overflow:auto; padding:10px; }
  .productPriceBox ul li { list-style-type: square; list-style-position: inside; font-size:10pt; color:#555; padding:2px 0; }
  
  .productPriceBox text { display:table; margin:auto; position:absolute; left:0; top:11px; background-color: #0188ee; border-radius:10px; padding:2px 10px; color:#fff; font-size:9pt; }

  .btn.buyNowPrice { padding:10px 20px; margin-top:20px; width:100%; max-width:350px; border-radius: 5px; }

  .addressBox { display:table; width:100%; max-width: 350px; margin:auto; text-align: right; background-color:#f6f8fa; margin-top:10px; border:1px solid #e8e8e8; border-radius: 5px; }
  .addressBox h3 { font-size:9pt; font-weight: bold; padding:15px 10px; border-bottom: 1px solid #e5e5e5; margin-bottom:10px; }
  .addressBox label { display:flex; align-items: center; gap:6px; padding:5px 10px; }
  .addressBox label input { zoom:1.6; margin-top:1px; }

  .addressBox a { display:table; padding:6px; color:#006dfe;  font-weight: bold; margin: auto; }

  .addressBox textarea { width:100%; padding:5px; border:1px solid #e1e1e1; border-radius: 5px; font-size:10pt; height:70px; }

  .addressBoxInsert { padding:0 20px; max-width:350px; margin:auto; margin-top:15px; }
  .addressBoxInsert .inp { padding:12px 0 !important; }

  .suggPriceBox { padding:20px 20px; border-bottom:1px solid #e8e8e8;  }
  .suggPriceBox:nth-child(odd) { background-color: #f9f9f9; }

  .suggPriceBox .suggPrice { display:flex; gap:10px; position:relative; align-items: start; }
  .suggPriceBox img.uimg { width:25px; aspect-ratio: 1; border-radius: 50%; object-fit: cover; }
  .suggPriceBox .suggPrice a { height:100%; }
  .suggPriceBox .suggPrice img.pimg { width:160px; height:254px; object-fit: cover;  }
  .suggPriceBox .suggPrice .productInfo { flex:1 }
  .suggPriceBox .suggPrice .productInfo stong { font-weight: bold;  }
  .suggPriceBox .suggPrice .productInfo stong.stat1 { color:#006dfe }
  .suggPriceBox .suggPrice .productInfo stong.stat2 { color:#dc2491 }
  .suggPriceBox .suggPrice .productInfo stong.stat3 { color:#13bd83 }
  .suggPriceBox .suggPrice .productInfo stong.stat0 { color:#999 }
  .suggPriceBox .suggPrice .productInfo stong.stat4 { color:#13bd83 }

  .suggPriceBox .suggPrice .productInfo span { font-size:9pt; color:#777 }
  .suggPriceBox .suggPrice .productInfo span small { font-size:11pt; text-decoration: line-through; }
  
  .suggPriceBox .suggBtns { display:flex; gap:5px; padding:20px 0; justify-content: center; }
  .suggPriceBox .suggBtns .btn { padding:8px 25px; font-size:10pt; text-align: center; border-radius: 20px; }
  .suggPriceBox .suggBtns .btn.gray { background-color: #999; }
  .suggPriceBox .suggBtns .btn:hover { color:#fff; opacity:0.7 }



  .suggPriceBox table { margin-top:30px; width:100%; border-spacing:0; border-left:1px solid #eee; border-bottom:1px solid #eee; }
  .suggPriceBox table div.userBox { margin-top:5px; }
  .suggPriceBox table div.userBox a { display:flex; align-items: center; gap:5px; color:#023dd3 }
  .suggPriceBox table tr td { border-top:1px solid #eee; border-right:1px solid #eee; padding:8px; font-size:9pt; color:#555 }
  .suggPriceBox table tr:nth-child(odd) { background-color: #f9f9f9; }

  .title.statsIn div {  text-align: center; padding:10px; }
  .title.statsIn div p { font-size:9pt; color:#999 }
  .title.statsIn div b { font-size:16pt; }

.insideTabsBody { display:flex; }
.insideTabsBody .rightMenuBody { background-color: #f5f5f5; border-left:1px solid #e5e5e5; width:30%; display:flex; flex-direction: column; }
.insideTabsBody .rightMenuBody a {  padding:20px 10px; border-bottom:1px solid #e5e5e5; background-color: #f9f9f9; }
.insideTabsBody .rightMenuBody a i { float:right; font-size:18pt; margin-left:5px; color:#555 }
.insideTabsBody .rightMenuBody a.checked { background-color: #fff; transform: translateX(-1px); border-right:3px solid #0188ee;  }
.insideTabsBody .rightMenuBody a b { display:block; font-size: 11pt; font-weight: 300; color:#555 }
.insideTabsBody .rightMenuBody a.checked b { font-weight: bold; color:#0188ee }
.insideTabsBody .rightMenuBody a.checked i {  color:#0188ee }
.insideTabsBody .rightMenuBody a span { display:block; font-weight: 300; font-size:9pt; color:#999  }
.insideTabsBody form { flex:1; }


.filterSugg { display:flex; justify-content: end; padding:15px;}
.filterSugg select { border:0; font-size:10pt; text-decoration:underline; font-weight: bold; }

.suggForm { display:none; }
.suggForm.checked { display:block; }

.errorBox { text-align: center; margin-top:80px; font-size: 12pt; color:#777 }


.buyerSellerBox { display:flex; align-items: start; gap:8px; padding:20px; border-bottom:1px solid #e5e5e5; border-radius: 5px; }
.buyerSellerBox:nth-child(odd) { background-color: #f9f9f9; }
.buyerSellerBox div { flex:1; }
.buyerSellerBox div.priceBtn { flex:none; display:flex; flex-direction: column; justify-content: center; align-items: center; gap:10px; }
.buyerSellerBox div.priceBtn price { font-size:15pt; color:#118e64; font-weight:600; }

.buyerSellerBox img { width:120px; aspect-ratio: 16/12; object-fit: cover; }
.buyerSellerBox h3 { font-size:11pt; font-weight: bold; margin-bottom: 15px; }
.buyerSellerBox label { display:flex; gap:10px; }
.buyerSellerBox label span { display:flex; gap:2px; align-items: center; }
.buyerSellerBox p { display:table; margin-bottom:5px; background-color: #0188ee; border-radius:10px; padding:2px 10px; color:#fff; font-size:9pt; }
.buyerSellerBox .btn { padding:6px 15px; border-radius:20px; align-self: center; color:#13bd83; background-color: transparent; border:2px solid #13bd83 }

.buyerSellerBox r { display:flex; flex-direction: column; justify-content: center; gap:5px; }

.gray { background-color: #999 !important; }
.blue { background-color: #0188ee !important; }
.green { background-color:#13bd83 !important }
.orange { background-color:#fd9317 !important }
.red { background-color: #ff4141 !important; }

.box.adressBoxCp { width:100%; padding:10px 30px; margin:unset }  
.box.adressBoxCp table { border-spacing: 0; width:100%; }  
.box.adressBoxCp table thead tr td { font-size:9pt; color:#555; font-weight: bold; }  
.box.adressBoxCp table tbody tr:nth-child(odd) { background-color: #f9f9f9;  }  
.box.adressBoxCp table tr td { text-align: center; border-bottom:1px solid #ddd; padding:10px; font-size:10pt; font-weight: 300; }  

.productInfoBox {  }
.productInfoBox price { color:#444; display:block; font-weight:300; font-size:22pt; padding:10px 10px 0 0; }
.productInfoBox price span { font-size:12pt; }

.productInfoBox .more { border-top:1px solid #eee; background-color: #f9f9f9; margin-top:10px; }
.productInfoBox .more a { display:inline-table; width:50%; padding:10px 1%; border-right:1px solid #fff; border-left:1px solid #e5e5e5;border-top:1px solid #fff; border-bottom:1px solid #e5e5e5 }
.productInfoBox .more a iconify-icon { float:right; font-size:14pt; margin-bottom:10px; margin-left:6px; color:#3d82bb }
.productInfoBox .more a h5 { color:#999; font-size:9pt; }
.productInfoBox .more a h6 { color:#555; font-size:10pt; font-weight: 800; margin-top:2px; }

.prod.user { background-color: #f8f8f8; border-top:1px solid #eee; margin-top:15px; padding-bottom:15px; }
.prod.user img.prodI { width:60px; height:60px; margin-top:5px; margin-left:8px; margin-top:8px;  }
.prod.user i.taj { right:34px; top:0px; }
.prod.user i.checked { right:10px }
.prod.user ul.rank a i { font-size:14pt; }

.productInfoBox h1 { font-size:12pt; font-weight: bold; color:#555; padding:0px 10px 15px 10px; }
.productInfoBox text { padding:5px 10px; border-top:1px solid #eee; padding-top:20px; display: block;  }
.productInfoBox text span { color:#555;  font-size:10pt; line-height:160%; display:block;  }
.productInfoBox text b { font-size:10pt; font-weight: bold; color:#222 }

.leftBoxProd.userCpMenu.mobile { display: none }
.leftBoxProd.userCpMenu div { display: flex; flex:0.8; flex-direction: column; }
.leftBoxProd.userCpMenu div a { flex:1; width:100%; padding:10px; font-size:11pt; display:block; background-color: #fff; color:#023dd3;  border:1px solid #c3d0f0; font-weight: bold; text-align: center;  }

.leftBoxProd.userCpMenu div a:nth-child(1) { background-color:#023dd3; color:#fff; }

.productInfoBox .priceBtn { margin:10px; cursor:pointer; padding:5px 20px; display:table; background-color:#006dfe; border:0; font-weight:300; font-size:10pt; color:#fff; border-radius:5px }
.productInfoBox .priceBtn:hover { opacity:0.8; }

.productInfoBox .topBoxInfoProd { display:flex; justify-content: space-between; align-items: center; }
.productInfoBox .topBoxInfoProd div { display:flex; align-items: center; }
.productInfoBox .topBoxInfoProd div i { font-size: 16pt; padding:4px; margin-left:10px; color:#888; border-radius: 50%; border:1px solid #ddd }
.productInfoBox .topBoxInfoProd div i:hover { color:#555 }

.favbtnIco.favChecked i { color:#f74c61 !important }

.qntDelivery.protEct a { display:flex; gap:2px; cursor:pointer }

.purchMainTitle { margin-top:15px; margin-bottom:10px; }
.purchMainTitle i { font-size:60pt; padding:5px; background-color:#2da7bb; color:#fff; border-radius:45%; }
.purchMainTitle h2 { font-size:14pt; color:#444; font-weight:800; margin-top:5px; }
.purchMainTitle h3 { font-size:10pt; color:#666; font-weight:300; }

.purchSection { display:flex; gap:5px; text-align: right; margin-top:30px; }
.purchSection i { font-size:20pt; color:#2da7bb; margin-top:-5px; }
.purchSection h4 { font-size:11pt; font-weight: 800; color:#444 }
.purchSection p { font-size:10pt; font-weight:300; color:#777; margin-top:3px; line-height:170% }

.productPriceBox2 { padding:20px; text-align: center; }
.productPriceBox2 p { font-size:11pt; margin-top:10px; margin-bottom:40px; color:#555 }
.productPriceBox2 button { display:table; margin:auto !important; margin-top:10px !important; max-width:300px !important; }


.deliverySection { display:flex; align-items: center; gap:5px; font-size:11pt; font-weight:800; color:#fd9317 !important; align-self: flex-start; }
.deliverySection.inproductSpPrice { font-size:28pt; padding-right:10px; font-weight:300; margin-top:-8px; display:block; border-bottom:1px dotted #ddd; margin-bottom:15px; padding-bottom:5px; }
.deliverySection.inproductSpPrice span { font-size:13pt; margin-right:5px; }
.deliverySection:hover { opacity:0.8}
.deliverySection i { font-size:12pt; }
.deliverySection.inproductSpPrice i { font-size:18pt; }