#alert-box {
				display:none; 
				position:fixed; 
				top:40%; 
				left:4%; 
				width:82%; 
				background:#ffeaef; 
				border:1px solid #d50033; 
				border-radius:5px;
				padding:10px 5%;
				font-weight:normal;
				font-size:90%;
				box-shadow: 1px 1px 5px #555;
			}

* {margin:0; padding:0; font-family:Yekan;}
a {text-decoration:none; color:inherit; }
.page {padding-bottom:90px;}
/* .content {margin-top:50px;} */
.float-btn { position:fixed; pointer:cursor; left:15px; bottom:100px; background:#800; color:#fff; box-shadow: 1px 1px 2px #000; border-radius:999px; text-align:center; width:60px; height:43px; padding-top:16px; }


@font-face {
	font-family: 'Yekan';
	src: url( '/src/components/font-yekan/files/Yekan.eot' );
	src: url( '/src/components/font-yekan/files/Yekan.eot?#iefix' ) format( 'embedded-opentype' ),
		url( '/src/components/font-yekan/files/Yekan.woff2' ) format( 'woff2' ),
		url( '/src/components/font-yekan/files/Yekan.woff' ) format( 'woff' ),
		url( '/src/components/font-yekan/files/Yekan.ttf' ) format( 'truetype' ),
		url( '/src/components/font-yekan/files/Yekan.svg#Yekan' ) format( 'svg' );
	font-weight: normal;
	font-style: normal;
}

#najva-bell {bottom:80px !important;}

#navbar-footer {width:100%; height:63px; padding-top:12px; background:#fff; font-family:Yekan; position:fixed; bottom:0; left:0; box-shadow: 0px -3px 9px #222; z-index: 99998; text-align:center;}
#navbar-footer .nav-icon-box {width:18%; height:100%; display:inline-block; font-size:10px;}
#navbar-footer .nav-icon-box img {vertical-align: unset; height:20px; margin-bottom: 0px; }

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch-slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .switch-slider {
  background-color: #2196F3;
}

input:focus + .switch-slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .switch-slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.switch-slider.round {
  border-radius: 34px;
}

.switch-slider.round:before {
  border-radius: 50%;
}

.page {display:none;}

.slider { overflow: hidden; height:200px;}
.slider img {display:none; width:100%; height:100%; position:relative;}

#wait { display:none; width:100%; height:100%; padding-top:54%; font-weight:normal; position:fixed; top:0; left:0; text-align:center; background:rgba(1,1,1,0.95); color:#fff; z-index: 99999; }
#wait img {width:25%;margin-bottom:15px;}

#page-archive div.content {}
#archive-header {width:100%; border-bottom:1px solid #eee; padding:5px 10px; position:fixed; top:0; left:0; right:0; background:#fff; height:50px;}
#archive-header img {height:40px; margin-top: 5px;}
#archive-title { display:inline-block; height:36px; overflow-y:hidden; margin-right:7px; color:#e3294f; padding:0px; font-weight:bold; font-size:100%; list-style:none; }

/* #page-archive #archive-date { padding:20px 0; text-align:center; } */
/* #page-archive #archive-date select { width:47%; padding:8px 3%; display:inline; text-align:center; } */
/* #page-archive #archive-btn { text-align:center; background:#00806e; color:#fff; padding:6px 1%; border-radius:3px; width:70%; margin:20px 14% 0 14%; display:block; } */

#page-archive ul { margin-top:60px; font-size:14px; }
#page-archive ul a li { 
						width:94%; padding:8px 4% 8px 2%; 
						border-top:8px solid #eee; 
						line-height: 30px; 
						list-style:none; 
						background-image: url(/src/pages/archive/files/left3.png);
						background-repeat: no-repeat;
						background-size: 25px;
						background-position-y: center;
						background-position-x: 20px;
					}
#page-archive ul a:last-child li { border-bottom:8px solid #eee; list-style:none; }

#page-archive ul a li span {display: inline-block; width: 50%;}

#archive-detail-header {width:100%; border-bottom:1px solid #eee; padding:5px 10px; position:fixed; top:0; left:0; right:0; background:#fff; height:50px;}
#archive-detail-header img {height:40px; margin-top: 5px;}
#archive-detail-title { display:inline-block; height:36px; overflow-y:hidden; margin-right:7px; color:gray; padding:0px; font-weight:bold; font-size:100%; list-style:none; }

#page-archive-detail .content {margin-top:70px;} 

#page-archive-detail #archive-detail-without-order {width:100%; text-align:center;}
#page-archive-detail #archive-detail-without-order img {width:40%; margin-top:25%;}
#page-archive-detail #archive-detail-without-order b {font-size:14px; color:#666;}

#page-archive-detail #archive-detail-date { text-align:center; color:#e3294f; display:inline; padding:10px 0; font-weight:bold; }

#page-archive-detail #archive-detail-err {display:none; font-size:90%; border: 2px solid #b12ba4; border-radius: 8px; margin:0 5% 10px 0; padding:5%; width:79%; text-align: right;}
#page-archive-detail #archive-detail-err b {color:#b12ba4; line-height: 300%;}

#page-archive-detail .archive-detail-row {width:45%; display:inline-block; font-size:90%; margin:0 3% 15px 0; padding-bottom:10px; box-shadow: 0px 0px 2px #bbb;}

#page-archive-detail .archive-detail-row .archive-detail-img-box {width:100%; text-align:center;}
#page-archive-detail .archive-detail-row img.archive-detail-row-img {width:100%; aspect-ratio:1/1; object-fit:cover;}

#page-archive-detail .archive-detail-row .archive-detail-row-info {width:90%; padding:0 5% 10px 5%; font-size:12px; line-height:normal; }
#page-archive-detail .archive-detail-row .archive-detail-kala-name {display:block; height:60px; overflow:hidden;}

#page-archive-detail .archive-detail-row .archive-detail-row-info .archive-detail-row-coef {font-size:11px; color:gray; }
#page-archive-detail .archive-detail-row .archive-detail-row-info .archive-detail-row-fee {font-size:12px; color:#444; }
#page-archive-detail .archive-detail-row .archive-detail-row-info .archive-detail-row-discount {font-size:12px; color:#444; }
#page-archive-detail .archive-detail-row .archive-detail-row-info .archive-detail-row-sum {display:block; font-size:16px; margin-top:8px;}

#page-archive-detail .archive-detail-row .archive-detail-reorder-box {}
#page-archive-detail .archive-detail-row .archive-detail-reorder-box b {color:#e3294f; font-size:13px;}

#page-archive-detail table {width:100%;}
#page-archive-detail table thead th { background:#e3294f; color:#fff; border-radius:3px; }

#page-archive-detail table#archive-detail-table tr td { text-align:center; padding:10px 3px; border-radius:3px; }
#page-archive-detail table#archive-detail-table tr:nth-child(2n) td { background:#eee; }

#page-archive-detail table#table-sum tr td { font-size:14px; color:gray; padding:6px 20px; }
#page-archive-detail table#table-sum tr td:nth-child(2n) {text-align:left; color:#333; }
#page-archive-detail table#table-sum tr:last-child td {font-weight:bold; font-size:16px; color:#000;}

/* #nav-archive-detail-count {display:none; float:right; width:19px; height:19px; padding:1px; background:#e3294f; color:#fff; border-radius:50px; text-align:center; position: relative; top:-35px; right:10px;} */
#nav-archive-detail-count {display:none; width:19px; height:19px; padding:1px; font-size:10px; font-weight:bold; background:#e3294f; color:#fff; border-radius:50px; text-align:center; position:fixed; bottom:37px; right:43%;}

#basket-header {width:100%; border-bottom:1px solid #eee; padding:5px 10px; position:fixed; top:0; left:0; right:0; background:#fff; height:50px;}
#basket-header img {height:40px; margin-top: 5px;}
#basket-title { display:inline-block; height:36px; overflow-y:hidden; margin-right:7px; color:gray; padding:0px; font-weight:bold; font-size:100%; list-style:none; }

#page-basket .content {margin-top:70px;} 

#page-basket #basket-without-order {width:100%; text-align:center;}
#page-basket #basket-without-order img {width:40%; margin-top:25%;}
#page-basket #basket-without-order b {font-size:14px; color:#666;}

#page-basket #basket-date { text-align:center; color:#e3294f; display:inline; padding:10px 0; font-weight:bold; }

#page-basket #basket-err {display:none; font-size:90%; border: 2px solid #b12ba4; border-radius: 8px; margin:0 5% 10px 0; padding:5%; width:79%; text-align: right;}
#page-basket #basket-err b {color:#b12ba4; line-height: 300%;}

#page-basket .basket-row {width:100%; display:inline-flex; font-size:90%; padding:16px 0 12px 0; border-bottom:1px solid #eee;}

#page-basket .basket-row .basket-img-box {width:30%; text-align:center;}
#page-basket .basket-row img.basket-row-img {width:100%; aspect-ratio:1/1; object-fit:cover;}
#page-basket .basket-row .basket-qty-box {width:80%; margin-right:10%; border:1px solid #ddd; border-radius:6px;}
#page-basket .basket-row .basket-qty-box b {color:#e3294f; font-size:22px;}
#page-basket .basket-row .basket-qty-box b:nth-child(2n-1) {font-size:25px;}
#page-basket .basket-row .basket-qty-box b:nth-child(1) {padding-left:17px;}
#page-basket .basket-row .basket-qty-box b:nth-child(3) {padding-right:17px;}

#page-basket .basket-row .basket-row-info {width:68%; padding:0 2% 0 0; font-size:13px; line-height:30px; }
#page-basket .basket-row .basket-row-info .basket-row-coef {font-size:11px; color:gray; margin-bottom:10px; }
#page-basket .basket-row .basket-row-info .basket-row-fee {font-size:12px; color:#444; }
#page-basket .basket-row .basket-row-info .basket-row-discount {font-size:12px; color:#444; }
#page-basket .basket-row .basket-row-info .basket-row-sum {display:block; font-size:16px; margin-top:10px;}

#page-basket table {width:100%;}
#page-basket table thead th { background:#e3294f; color:#fff; border-radius:3px; }

#page-basket table#basket-table tr td { text-align:center; padding:10px 3px; border-radius:3px; }
#page-basket table#basket-table tr:nth-child(2n) td { background:#eee; }

#page-basket table#table-sum tr td { font-size:14px; color:gray; padding:6px 20px; }
#page-basket table#table-sum tr td:nth-child(2n) {text-align:left; color:#333; }
#page-basket table#table-sum tr:last-child td {font-weight:bold; font-size:16px; color:#000;}

/* #nav-basket-count {display:none; float:right; width:19px; height:19px; padding:1px; background:#e3294f; color:#fff; border-radius:50px; text-align:center; position: relative; top:-35px; right:10px;} */
#nav-basket-count {display:none; width:19px; height:19px; padding:1px; font-size:10px; font-weight:bold; background:#e3294f; color:#fff; border-radius:50px; text-align:center; position:fixed; bottom:37px; right:43%;}

#brand-header {width:100%; padding:5px 10px; position:fixed; top:0; left:0; right:0; background:#fff; height:50px; border-bottom:1px solid #eee;}
#brand-header img {height:40px; margin-top: 5px;}
#brand-title { display:inline-block; height:36px; overflow-y:hidden; margin-right:7px; color:#e3294f; padding:0px; font-weight:bold; font-size:100%; list-style:none; }


#page-brand ul { margin-top:60px; }
#page-brand ul li { width:96%; padding:16px 2% 16px 2%; text-align:center; border-bottom:1px solid #eee; font-weight:bold; }


#page-cat #cat-header {width:100%; padding:5px 10px; position:fixed; top:0; left:0; right:0; background:#fff; height:50px; border-bottom:1px solid #eee;}
#page-cat #cat-header img {height:40px; margin-top: 5px;}
#page-cat #cat-title { display:inline-block; height:36px; overflow-y:hidden; margin-right:7px; color:#e3294f; padding:0px; font-weight:bold; font-size:100%; list-style:none; }

#pos-cat ul a li { display:inline-block; border-radius:5px; width:45%; background:#eee; color:#555; margin:8px 2% 0 0; padding:12px 1%; text-align:center; border-bottom:1px solid #eee; font-weight:bold; }

#page-cat ul { margin-top:60px; margin-bottom: 30px; text-align:center; font-size:77%; }
#page-cat ul a li { display:inline-block; width:33%;color:#444; padding-top:38px; text-align:center; border-bottom:0px solid #eee; }
#page-cat ul a li div.catp-icon-box {width:60%; margin-right:20%; aspect-ratio:1/1; background:#eee; border-radius:500px;}
#page-cat ul a li div.catp-icon-box img {width:85%; height:85%; margin-top:5%;}

#page-cat #partner-alizade {display:none; width:70%; margin:50px 15% 0 0; background:#222; color:#fff; border-radius: 8px; padding-bottom:6px;  text-align:center; font-size:130%;}

#cat-parent-header {width:100%; border-bottom:1px solid #eee; padding:5px 10px; position:fixed; top:0; left:0; right:0; background:#fff; height:50px;}
#cat-parent-header img {height:40px; margin-top: 5px;}
#cat-parent-title { display:inline-block; height:36px; overflow-y:hidden; margin-right:7px; color:#e3294f; padding:0px; font-weight:bold; font-size:100%; list-style:none; }


#page-cat-parent ul { margin-top:60px; margin-bottom:30px; text-align:center; font-size:73%; }
#page-cat-parent ul a li { display:inline-block; padding-top:26px; width:33%;color:#444; text-align:center; border-bottom:0px solid #eee; }
#page-cat-parent ul a li div.catp-icon-box {width:57%; margin-right:20%; aspect-ratio:1/1; background:#eee; border-radius:500px;}
#page-cat-parent ul a li div.catp-icon-box img {width:85%; height:85%; margin-top:5%;}

#page-cat-parent #btn-all-product ,#page-home #btn-all-product { width:96% !important; background:#ddd; color:#800 !important; margin:10px 2% 0 0 !important; padding:15px 0 !important; }


#contract-header {width:100%; z-index:1; border-bottom:1px solid #eee; padding:5px 10px; position:fixed; top:0; left:0; right:0; background:#fff; height:50px;}
#contract-header img {height:40px; margin-top: 5px;}
#contract-title { display:inline-block; height:36px; overflow-y:hidden; margin-right:7px; color:#e3294f; padding:0px; font-weight:bold; font-size:100%; list-style:none; }


#kiosk-contract-filter {margin-top:60px; padding:30px; text-align:center;}
#kiosk-contract-filter table {width:98%; margin:0 1% 0 1%;}
#kiosk-contract-filter table td {text-align:center; padding:8px 2px;}

#page-contract #contract-grade {text-align:center; color: #a18906; font-weight: bold; height:50px;}
.star-on  {width:0px; height:0px; display:inline-block; background:url('/src/pages/contract/files/star-on.png');  background-size: cover;}
.star-off {width:0px; height:0px; display:inline-block; background:url('/src/pages/contract/files/star-off.png'); background-size: cover;}

#page-contract #contract-update {text-align:center;}
#page-contract #contract-update span {color:gray; font-size:80%; display:block; padding:10px 5px;}
#page-contract #contract-update input {font-size:90%;}

#page-contract #contract-stat {text-align:center; font-size:80%;padding:3px 3px 10px 0;}

.kiosk-contract-row {width:100%; padding:18px 15px; border-top:1px solid gray; line-height:150%;}

#kiosk-contract-box .contract-row {width:100%; border-bottom:6px solid #eee;}
#kiosk-contract-box .contract-row:first-child {border-top:6px solid #eee;}

#kiosk-contract-box .contract-row .contract-red {padding:4%; border-right:8px solid #e50000;}
#kiosk-contract-box .contract-row .contract-orange {padding:4%; border-right:8px solid #dd6a08;}
#kiosk-contract-box .contract-row .contract-green {padding:4%; border-right:8px solid #05af05;}
#kiosk-contract-box .contract-row .contract-green small {color:gray;}

#kiosk-contract-box .contract-row .contract-more {
													padding-right:10px; 
													width: 55%;
													font-size:85%;
													color:#666;
													border:1px solid #bbb;
													margin:12px 0 5px 0;
													border-radius:30px; 
													background-image:url('/src/pages/contract/files/left.png');
													background-repeat: no-repeat;
													background-size: contain;
													background-position: left;
												}

#kiosk-contract-box table {width:96%; margin:0 2%;}
#kiosk-contract-box table td {text-align:center; padding:8px 2px; font-size:100%; border:1px solid #ddd;}
#kiosk-contract-box table th {text-align:center; padding:8px 2px; font-size:90%; border:1px solid #ddd; background:#222; color:#fff;}
#kiosk-contract-box table tr:nth-child(2n) td { background:#eee; }

#contract-detail-header {width:100%; z-index:1; border-bottom:1px solid #eee; padding:5px 10px; position:fixed; top:0; left:0; right:0; background:#fff; height:50px;}
#contract-detail-header img {height:40px; margin-top: 5px;}
#contract-detail-title { display:inline-block; height:36px; overflow-y:hidden; margin-right:7px; color:#e3294f; padding:0px; font-weight:bold; font-size:100%; list-style:none; }

#page-contract-detail #contr-box {margin-top:60px; padding:0 12px; font-size:92%;}

#page-contract-detail #contr-box .contr-chat {display:none;}
#page-contract-detail #contr-box .contr-chat:last-child {margin-bottom:150px;}

#page-contract-detail #contr-box .contr-chat-r {
													background:gray; 
													margin-top:10px;
													padding:10px; 
													border-radius: 10px 0 10px 10px; 
													width: 60%; 
													color: #fff;
													float:right;
												}
												
#page-contract-detail #contr-box .contr-chat-l {
													background:#007e8b; 
													margin-top:10px;
													padding:10px; 
													border-radius:0 10px 10px 10px; 
													width: 60%; 
													color: #fff;
													float:left;
												}

#tarh { text-align:center; padding:0; color:#gray; line-height: 190%; font-weight:bold; }
#tarh img {width:100%; border-radius:0px; }

#page-home .content { padding-bottom:70px; }
#page-home .home-title ,#page-kala .home-title {width:100%; padding:5px 0; text-align:center; border-bottom:1px solid #ddd; font-weight:bold; color:#800; margin-top:20px;}
#page-home #pos-basket { text-align:center; padding:10px 0; }

#page-home #pos-basket table {width:100%;}
#page-home #pos-basket table td { text-align:center; padding:3px; font-size:90%;}

#page-home #pos-adv { /* padding-top:33px; */ }
#page-home #pos-adv div.dis-title:first-child { margin-top: 33px; }
#page-home #pos-adv img { width:100%; margin-top:-33px; object-fit:contain; height:350px; }
#page-home #pos-adv div.dis-title { display:inline-block; color:#fff; position:relative; height:25px; top:-33px; background:rgba(0,0,0,0.8); padding:2px 1% 2px 0; /* width:99%; */ width:100%; font-weight:bold; }
#page-home #pos-adv div.dis-price { text-align:center; color:#fff; position:relative; top:-45px; float:left; margin-left:5px; width:160px; background:rgba(250,250,250,0.8); padding:2px; border:1px solid red; border-radius:5px; color:red; font-weight:bold; }

#page-home #pos-adv2 { /* padding-top:33px; */ }
#page-home #pos-adv2 div.dis-title:first-child { margin-top: 33px; }
#page-home #pos-adv2 img { width:100%; margin-top:-33px; object-fit:contain; height:200px; }
#page-home #pos-adv2 div.dis-title { display:inline-block; color:#fff; position:relative; height:25px; top:-33px; background:rgba(0,0,0,0.8); padding:2px 1% 2px 0; /* width:99%; */ width:100%; font-weight:bold; }
#page-home #pos-adv2 div.dis-price { text-align:center; color:#fff; position:relative; top:-45px; float:left; margin-left:5px; width:160px; background:rgba(250,250,250,0.8); padding:2px; border:1px solid red; border-radius:5px; color:red; font-weight:bold; }

#page-home #pos-today-dis { /* padding-top:33px; */ }
#page-home #pos-today-dis div.dis-title:first-child { margin-top: 33px; }
#page-home #pos-today-dis img { width:100%; margin-top:-33px; object-fit:cover; height:200px; }
#page-home #pos-today-dis div.dis-title { display:inline-block; color:#fff; position:relative; height:25px; top:-33px; background:rgba(0,0,0,0.8); padding:2px 1% 2px 0; /* width:99%; */ width:100%; font-weight:bold; }
#page-home #pos-today-dis div.dis-price { text-align:center; color:#fff; position:relative; top:-45px; float:left; margin-left:5px; width:160px; background:rgba(250,250,250,0.8); padding:2px; border:1px solid red; border-radius:5px; color:red; font-weight:bold; }

#page-home #pos-banner {}
#page-home #pos-banner div.banner-item { width:50%; }
#page-home #pos-banner div.banner-title { text-align:center; color:#fff; position:relative; top:-45px; float:right; margin-left:5px; width:160px; background:rgba(250,250,250,0.8); padding:2px; border:1px solid red; border-radius:5px; color:red; font-weight:bold; }

.home-end-btn {margin:15px auto 0 auto; font-weight:bold; display:block; text-align:center; padding:9px 0; background:#eee; color:gray; width:70%; border-radius:3px;}
.home-sup-btn {margin:8px 2% 0 0; font-weight:bold; display:inline-block; text-align:center; padding:11px 0; background:#ddd; color:#555; width:46%; border-radius:3px;}

#home-saman-pakhsh {width:92%; margin:6px 2%; background:#efefef; padding:8px 2%; color:#e3294f; border-radius:9px; font-size:108%;}
#home-saman-pakhsh img {height:30px; float:right;}

.senf-box {display:none;}
.ql-align-center {text-align:center;}

#home-text-banners div.home-text-banner {width:92%; margin:6px 2%; background:#efefef; padding:8px 2%; /*color:#e3294f;*/ color:#555; border-radius:9px; font-size:77%; line-height: 220%; font-weight:bold;}

#page-home #home-bottom-slider {width:100%; text-align:center; font-size:60%;}
#page-home #home-bottom-slider .home-bs-box {width:20%; aspect-ratio:1/1; display:inline-block; margin:6% 2% 2% 2%;}
#page-home #home-bottom-slider .home-bs-box div {width:60%; height:60%; margin-right:20%; border-radius:15px;}
#page-home #home-bottom-slider .home-bs-box div img {width:60%; height:60%; margin:20%;}

#page-home #takhfif-box {overflow-x: scroll; overflow-y: hidden; width:100%; height:290px; }
#page-home #takhfif-internal { width:1000px; height:100%; background:#e3294f; padding:20px; }

#page-home #home-offer-head {display:inline-block; width:120px; height:220px; margin-left:20px; }
#page-home #home-offer-head img { width:100%; height:100%; }

#page-home #takhfif-internal .offer-kala {display:inline-block; width:150px; height:250px; background:#fff; margin-left:5px; text-align:center; }

#page-home #takhfif-internal .offer-kala:nth-child(2) {border-radius:0 8px 8px 0; }
#page-home #takhfif-internal .offer-kala:nth-child(2) img {border-radius:0 8px 0 0; }

#page-home #takhfif-internal .offer-kala:last-child {border-radius:8px 0 0 8px; }
#page-home #takhfif-internal .offer-kala:last-child img {border-radius:8px 0 0 0; }

#page-home #takhfif-internal .offer-kala img {height:150px; width:150px; object-fit: cover; }

#page-home #takhfif-internal .offer-kala .offer-kala-name {width:96%; height:30px; overflow-y: hidden; font-size:75%; padding:0 2%; display:grid; text-align:center;}
#page-home #takhfif-internal .offer-kala .offer-kala-price {width:85%; margin:12px 6% 0 0; height:30px; overflow-y: hidden; background:#e3294f; color:#fff; font-size:90%; padding:0 2%; display:grid; text-align:center; border-radius:5px;}
#page-home #takhfif-internal .offer-kala .offer-kala-price .offer-toman {font-size:65%; color:#eee; display: contents;}

#page-home #home-brands-box {width:100%; text-align:center; margin-top:25px; }
#page-home #home-brands-box img {width: 25px; position: relative; top: 8px; margin-left:2px; }

#page-home #home-brands {overflow-x: scroll; overflow-y: hidden; width:100%; height:90px; margin-top:10px; }
#page-home #home-brands-internal { width:1000px; height:100%; }

#page-home #home-brands-internal .home-brand-item { width:75px; height:75px; display:inline-block; border-left:1px solid #eee; padding:0 10px; }
#page-home #home-brands-internal .home-brand-item img { width:100%; height:100%; }

#page-home #home-brands-grid {width:100%; text-align:center;}
#page-home #home-brands-grid img {width:20%; padding:2px 2%; display:inline-block;}

#page-home .kala-scr-row {overflow-x: scroll; overflow-y: hidden; width:100%; height:340px; border-top:12px solid #eee;}
#page-home .kala-scr-row .kala-scr-int { width:810px; height:100%; padding:20px; }
#page-home .kala-scr-row .kala-scr-int .kala-box {display:inline-table; width:150px; height:300px; font-size:80%; margin-left:5px; padding-left:5px; border-left:1px solid #eee; text-align:center; }
#page-home .kala-scr-row .kala-scr-int .kala-a:last-child .kala-box {border-left:0;}
#page-home .kala-scr-row .kala-scr-int .kala-box .kala-img-box {width:100%; aspect-ratio:1/1; margin-bottom: 10px;}
#page-home .kala-scr-row .kala-scr-int .kala-box .kala-img-box img {width:100%; display: block; aspect-ratio:1/1; object-fit:cover;}
#page-home .kala-scr-row .kala-scr-int .kala-box .kala-title {display: block; height:60px; overflow:hidden;}
#page-home .kala-scr-row .kala-scr-int .kala-box .kala-price {}
#page-home .kala-scr-row .kala-scr-int .kala-box .kala-qty {display:none;}

#page-home .home-all-cats-cat {display:inline-table; vertical-align:top; width:150px; height:300px; text-align:center; background:#f7f7f7; margin-left:10px; border-radius:10px;}
#page-home .home-all-cats-cat div {margin-top:50%; color:#333; font-size:80%; }
#page-home .home-all-cats-cat div img {width:60%; aspect-ratio:1/1;}

#page-install .os-btn { width:46%; margin:11px 2% 0 0; padding:7px 1%; text-align:center; display:inline; }
#page-install img#help { width:76%; margin:15px 12%; border:none; }

/* #page-kala .content {padding-bottom:50px; } */

#page-kala #kala-header {width:100%; padding:5px 10px; position:fixed; top:0; left:0; right:0; background:#fff; height:50px;}
#page-kala #kala-header img {height:40px; margin-top: 5px;}
#page-kala #kala-title { display:inline-block; height:37px; overflow-y:hidden; margin-right:7px; color:#e3294f; padding:0px; font-weight:bold; font-size:90%; }

#page-kala #kala-img {width:100%; aspect-ratio:1/1; object-fit:cover; display: block; margin-top:50px; }
#page-kala #kala-img-anim {width:0; aspect-ratio:1/1; object-fit:cover; display: block; position:fixed; left:0; top:20%; }
#page-kala #kala-images {margin-top:5px;}
#page-kala #kala-images img {width:23%; aspect-ratio:1/1; object-fit:cover; display: inline-block; margin:0px 1%; box-shadow: 0px 0px 0px 1px #eee; border-radius:6px;}

hr.kala-splitter {height:10px; border:none; background:#eee;}
#page-kala #kala-detail {padding:3% 5% 5% 0; width:92%; font-size:80%; line-height: 250%; }
#page-kala #kala-detail span {color:gray; margin-left:5px; list-style-type: circle;}
#page-kala .kala-fl { width:90%; margin:1% 3%; padding:2%; background:#00806e; color:white; border-radius:5px; }

#page-kala #kala-min-price-box {padding:5% 5% 5% 5%; background:#fdfff0; width:90%; font-size:81%; line-height: 260%; text-align:justify; }

#page-kala #fls-table {width:100%; margin-bottom:5%;}
#page-kala #fls-table thead th { background:#e3294f; color:#fff; border-radius:3px; }
#page-kala #fls-table tr td { text-align:center; padding:10px 5px; border-radius:3px; }
#page-kala #fls-table tr:nth-child(2n) td { background:#fff4f7; }

.kala-box-title {color:#222; font-size:85%; font-weight:bold; padding:4% 5% 2% 0;}

#page-kala #kala-fls {padding-bottom:1%; font-size:90%;}
#page-kala #kala-fls .kala-fl-row {padding:3% 3% 5% 3%; width:92%; border-bottom:1px solid #eee;}
#page-kala #kala-fls .kala-fl-row:last-child {border-bottom:0;}
#page-kala #kala-fls .kala-fl-row div {display:inline-block; height:100%; vertical-align: middle;}

#page-kala #kala-fls .kala-fl-row div:nth-child(1) {width:46%; padding:0 2% 0 2%;}

#page-kala #kala-fls .kala-fl-row div:nth-child(2) {width:29%; padding-left:1%; text-align:center;}
#page-kala #kala-fls .kala-fl-row div:nth-child(2) b {font-size:115%;}
#page-kala #kala-fls .kala-fl-row div:nth-child(2) small {color:gray;}

#page-kala #kala-fls .kala-fl-row div:nth-child(3) {width:20%; text-align:center;}
#page-kala #kala-fls .kala-fl-row div:nth-child(3) small {color:gray; font-size:60%;}
#page-kala #kala-fls .kala-fl-row div:nth-child(3) select {padding:3px 0; width:100%; background:#fff; border-radius:8px; border:1px solid #999; text-align: center; font-size: 100%; font-weight:bold;}

#page-kala .kala-scr-row {overflow-x: scroll; overflow-y: hidden; width:100%; height:340px;}
#page-kala .kala-scr-row .kala-scr-int { width:810px; height:100%; padding:20px; }
#page-kala .kala-scr-row .kala-scr-int .kala-box {display:inline-table; width:150px; height:300px; font-size:80%; margin-left:5px; padding-left:5px; border-left:1px solid #eee; text-align:center; }
#page-kala .kala-scr-row .kala-scr-int .kala-a:last-child .kala-box {border-left:0;}
#page-kala .kala-scr-row .kala-scr-int .kala-box .kala-img-box {width:100%; aspect-ratio:1/1; margin-bottom: 10px;}
#page-kala .kala-scr-row .kala-scr-int .kala-box .kala-img-box img {width:100%; height:100%; object-fit: cover;}
#page-kala .kala-scr-row .kala-scr-int .kala-box .kala-title {display: block; height:60px; overflow:hidden;}
#page-kala .kala-scr-row .kala-scr-int .kala-box .kala-price {}
#page-kala .kala-scr-row .kala-scr-int .kala-box .kala-qty {display:none;}

#page-kala .kala-row-more {display:inline-table; vertical-align:top; width:150px; height:300px; text-align:center;}
#page-kala .kala-row-more div {margin-top:50%; color:#333;}

#page-login {font-family:Yekan; padding:30% 5% 5% 5%;}
#page-login select#branch {width:100%; padding:13px 3px; text-align:center;}
#page-login input#mob {width:100%; padding:15px 3px; font-family:monospace; font-size:120%; text-align:center;}
#page-login input[type="submit"] {width:100%; margin-top:30px; padding:13px 5px; background:#e3294f; border-radius:6px; color:#fff; border:none; font-weight:bold;}

#page-login select#branch ,#page-login input#mob {border:0; background:#f2f2f2; border-radius:6px; border-bottom:2px solid #e3294f; }

.main-header {display:none; width:100%; padding:5px 10px; position:fixed; top:0; left:0; right:0; background:#fff; height:50px; border-bottom:1px solid #eee; z-index: 99999;}
.main-header img {height:40px; margin-top: 5px;}
.main-header .main-header-title { display:inline-block; height:36px; width:80%; overflow:hidden; margin-right:7px; color:#e3294f; padding:0px; font-weight:bold; font-size:95%; list-style:none; }
.main-header .main-header-title span {font-weight:normal;}

#page-main .content {margin-top:60px; }
#page-main #kala-list {}
#page-main .kala-box {width:100%; padding-top:3%; display: inline-flex; border-bottom:1px solid #eee;}

#page-main .kala-box .kala-img-box {width:30%;}
#page-main .kala-box .kala-img-box img {width:100%; aspect-ratio:1/1; object-fit: cover;}

#page-main .kala-box .kala-detail-box { width:67%; margin-right:3%; font-size:90%; }
#page-main .kala-box .kala-title {display:block; height:40%; color:#c3092f;}
#page-main .kala-box .kala-qty {display:inline-block; text-align:left; width:45%;}
#page-main .kala-box .kala-qty small {color:gray;}
#page-main .kala-box .kala-price {display:inline-block; width:50%; font-size:100%; color:#333;}

#page-main #main-brands-row {overflow-x: scroll; overflow-y: hidden; width:100%; }
#page-main #main-brands-row #main-brands-internal { /*width:810px; height:100%;*/ padding:10px 10px 15px 10px; }
#page-main #main-brands-row #main-brands-internal .main-brand {display:inline-flex; font-size:80%; margin-left:7px; padding:5px 8px; background:#eee; border-radius:5px; text-align:center; }
#page-main #main-brands-row #main-brands-internal .main-brand-active {background:#e3294f; color:#fff;}

#page-menu #menu-head {width:100%; height:180px; background:#e3294f; text-align:center; padding-top:25px; color:#fff;}
#page-menu #menu-head img {height:150px;}
#page-menu #menu-head #menu-code {font-size:82%;}

#page-menu ul li { width:93%; padding:17px 5% 17px 2%; border-bottom:1px solid #eee; font-weight:bold; }
#page-menu ul li img { float:right; height:30px; margin-left:15px; }

#profile-header {width:100%; border-bottom:1px solid #eee; padding:5px 10px; position:fixed; top:0; left:0; right:0; background:#fff; height:50px;}
#profile-header img {height:40px; margin-top: 5px;}
#profile-title { display:inline-block; height:36px; overflow-y:hidden; margin-right:7px; color:#e3294f; padding:0px; font-weight:bold; font-size:100%; list-style:none; }

#profile-main {margin-top:60px; padding:12px 12px 50px 12px; font-size:89%;}

#profile-main #profile-cycle {text-align:center; background: #eee; border-radius: 8px; padding: 10px 0; line-height: 250%; margin-bottom:10px; }
#profile-main #profile-shop-name {color:#e3294f; text-align:center; font-weight:bold; font-size:110%;}
#profile-main #profile-name {text-align:center; }

#profile-main #profile-rows-box { }
#profile-main #profile-rows-box label {font-weight:bold; font-size:85%; color:gray; }
#profile-main #profile-rows-box .profile-row {text-align:center; background:#eee; padding:3px 0; margin-bottom:10px; }
#profile-main #profile-rows-box .profile-row-nocall {border-radius:7px; width:100%; }
#profile-main #profile-rows-box .profile-row-call  {display:inline-block; border-radius:0 7px 7px 0; width:80%; }
#profile-main #profile-rows-box .profile-call-btn  {display:inline-block; padding:3px 0; border-radius:7px 0 0 7px; width:20%; background:green; color:#fff; text-align:center; }


#page-verify {font-family:Yekan; padding:30% 5% 5% 5%;}
#page-verify img.back-icon {position: absolute; top:2%; left:4%; width:10%;}
#page-verify input#code {width:100%; padding:15px 3px; font-family:monospace; font-size:120%; text-align:center;}
#page-verify input[type="submit"] {width:100%; margin-top:30px; padding:13px 5px; background:#e3294f; border-radius:6px; color:#fff; border:none; font-weight:bold;}

#page-verify input#code {border:0; background:#f2f2f2; border-radius:6px; border-bottom:2px solid #e3294f; }