@import "shabnam/font-face.css";
@import "faragohar/font-face.css";

* {margin: 0; box-sizing: border-box; font-family: Shabnam, sans-serif;}
a {text-decoration: none;}
img {border: 0;}
body {
	background-color: #111214;
	overflow-x: hidden;
	
	font-size: 100%;
}

*:focus {
	-webkit-tap-highlight-color: transparent;
	outline: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}

#fullbudy {min-width: 300px;}
.center-align {text-align: center;}
.left-align {text-align: left;}
.right-align {text-align: right;}

.rtl {direction: rtl}

.noselect{
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
	
	-webkit-tap-highlight-color: transparent;
	outline: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}

.inavbar {
	height: 55px;
	background-color: #E75884;
	direction: rtl;
	line-height: 55px;
	vertical-align: top;
	overflow: hidden;
}
.show-menu {border: 0; display: inline-block; margin: 2px 0 0 0; vertical-align: top;}
.title-header {color: #fff}

.show-menu > i {font-size: 25px; font-weight: normal; color: #fff; cursor: pointer; padding: 10px; border-radius: 10px; display: inline-block;}
.logo-brand {height: 40px; vertical-align: top; margin-top: 5px;}

.logo-drawer {max-width: 50%;}

.head-mini {height: 28px; background-color: #ffc438; color: #111642; text-align: center; line-height: 28px; overflow: hidden;}
.head-mini {
	font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1800 - 300)));
}

.igrid {display: block;}
.igrid:after { content: " "; clear: both; display: table;}
.igrid-item {float: right; width: 50%; vertical-align: top; text-align: center}

.body-style {height: calc(100% - 55px); display: block; position: absolute; left: 0; bottom: 0; top:55px; width: 100%;}
.body-show {height: calc(100% - 48px); width: 100%; max-height: 100%; overflow-y: auto; overflow-x: hidden; background: url('../images/bg2.jpg') #e1cebe center no-repeat; background-size: cover}
.body-show > .body-content {color:#f7f7f7; padding: 5px; }
.body-show-new {height: calc(100% - 48px); width: 100%; max-height: 100%; overflow-y: auto; overflow-x: hidden; background:  #fff center no-repeat;}
.body-show-new > .body-content {color:#f7f7f7; padding: 5px; }
.body-footer {height: 48px; background-color: #FCFCFC; overflow: hidden;}
.footer-tab {border-top:1px solid #ccc; height: 48px;}
.footer-tab-item {width: 25%; text-align: center; color: #5E5E5E; height: 48px; line-height: 25px; cursor: pointer; font-size: 0.8em; }
.footer-tab-item i {display: block; text-align: center;  color:#8F8F8E; vertical-align: top; margin-top: 5px; font-size: 1.5em;}
.footer-tab-item svg {display: block; text-align: center;  color:#5E5E5E; fill:#5E5E5E; vertical-align: top; margin: 5px auto 0 auto; width: 19px; height: auto}

.body-nolog {height: 100%; top: 0;}
.body-nolog .body-show {height: 100%;}

.txt-full-bx {width: 99% !important;}
.txt-yellow-bx {background-color:#ffc438 !important; color:#000 !important}

.login-titr {
	text-align: center;
	padding: 50px 15px 10px 15px;
	line-height: 1.5;
	font-size: calc(28px + (26 - 14) * ((100vw - 300px) / (1800 - 300)));
	color: #FFF4DA;
}

.body-box {
	display: table;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	
}

.bottom-logo {position: absolute; bottom: 5px; text-align: center; height: auto; width: 100%; z-index: 1}
.bottom-logo img {max-width: 100px;}

.mar-b {margin-bottom: 5px;}

.body-box .body-content {
	display: table-cell;
	vertical-align: middle;
}

.login-box {
	background-color: #FFF;
	width: 100%;
	max-width: 300px;
	height: auto;
	padding: 30px 20px 20px 20px;
	border-radius: 50px;
	/*top: 50%;*/
	margin: 0 auto;
	box-shadow: #ccc 0 0 15px;
	/*-ms-transform: translateY(-50%);*/
	/*transform: translateY(-50%);*/
}

.iinput {
	direction: rtl;
	border:2px solid #CFC7BA;
	background-color: #FEF3D5;
	display: block;
	text-align: center;
	color: #000;
	font-size: 16px;
	height: 50px;
	width: 100%;
	border-radius: 30px;
}

.iinput:focus {
	box-shadow: #ccc 0 0 5px;
	border:2px solid #474747;
}

.ibtn {
	background-color: #FFC438;
	border: 0;
	color: #000;
	display: inline-block;
	height: 42px;
	border-radius: 20px;
	padding: 0 15px;
	cursor: pointer;
	font-size: 15px;
	vertical-align: top;
	line-height: 40px;
	cursor: pointer;
}

.ibtn:hover {
	-webkit-tap-highlight-color: transparent;
	outline: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}

.ibtn-danger {
	background-color: #BC0E0E;
	border-color: transparent;
	color: #fff;
}

.ibtn-gold {
	background-color: #D29804;
	border-color: transparent;
	color: #fff;
}

.show-logo {margin: 1px 0; max-width: 140px; max-height: 180px; width: 100%;}

.show-label {padding: 10px 0; color:#171c39; font-size: 15px; direction: rtl}
.show-label-titr {padding: 5px 0 3px 0; font-size: 17px;}

.margin-top {margin-top: 10px;}
.padding-top {padding-top: 10px;}

.drawer {
	display: none;
}
.drawer__overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 200;
	opacity: 0;
	
	transition: opacity 0.3s;
	will-change: opacity;
	background-color: #000;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.drawer__header {
	/* Optional */
	padding: 10px 10px 2px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	direction: rtl;
	background-color: #fff;
}

.drawer__close {
	/* Optional */
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	cursor: pointer;
	background-image: url("data:image/svg+xml,%0A%3Csvg width='15px' height='16px' viewBox='0 0 15 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='2.-Menu' transform='translate(-15.000000, -13.000000)' stroke='%23000000'%3E%3Cg id='Group' transform='translate(15.000000, 13.521000)'%3E%3Cpath d='M0,0.479000129 L15,14.2971819' id='Path-3'%3E%3C/path%3E%3Cpath d='M0,14.7761821 L15,-1.24344979e-14' id='Path-3'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	width: 15px;
	height: 15px;
	flex-shrink: 0;
	margin-left: 1rem;
}

.drawer__wrapper {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 300px;
	max-width: 95%;
	z-index: 9999;
	overflow: auto;
	
	transition: transform 0.3s;
	will-change: transform;
	background-color: #ffc438;
	
	display: flex;
	flex-direction: column;
	
	-webkit-transform: translate3d(103%, 0, 0);
	transform: translate3d(103%, 0, 0); /* extra 3% because of box-shadow */
	
	-webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */
	
	/* Optional */
	box-shadow: 0 2px 6px #777;
}

.drawer__content {
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
	flex-grow: 1;
	/* Optional */
	padding: 0;
}

.drawer--left .drawer__wrapper {
	left: 0;
	right: auto;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

.drawer.is-active {
	display: block;
}

.drawer.is-visible .drawer__wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.drawer.is-visible .drawer__overlay {
	opacity: 0.5;
}

.drawer-links {
	padding: 10px;
}

.drawer-links > a {display: block; height: 38px; margin-bottom: 5px; font-size: 14px; color: #474747; line-height: 38px; cursor: pointer;}
.drawer-links > a > img {width: 22px; vertical-align: top; margin-top: 8px; margin-left: 4px;}

.ripple {
	position: relative;
	overflow: hidden;
	transform: translate3d(0, 0, 0);
	-webkit-tap-highlight-color: transparent;
	outline: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}

.ripple:after {content: "";display: block;position: absolute;width: 100%;height: 100%; top: 0;left: 0;pointer-events: none;background-image: radial-gradient(circle, #000 10%, transparent 10.01%);background-repeat: no-repeat;background-position: 50%;transform: scale(10, 10);opacity: 0;transition: transform .5s, opacity 1s}

.ripple:active:after {transform: scale(0, 0);opacity: .2;transition: 0s}

#slide {padding: 5px 1px}
.slide {
	width: 100%;
	height: 40vw;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	border-radius: 60px;
	max-height: 250px;
	/*border: 1px solid #ffc438;*/
}

.slide ul {
	margin: 0 auto;
	height: 40vw;
	max-height: 250px;
	cursor:pointer;
}

.slide ul li {
	width: 100%;
	list-style: none;
	position: absolute;
	z-index: 1;
	height: 40vw;
	max-height: 250px;
	background-position: center;
	background-size: cover;
	top: 0;
	left: 0;
	right: 0;
}

.slide #dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
	height: 30px;
	z-index: 9999;
	font-size: 0;
	text-align: center;
	opacity: 0.7;
}

.slide #dots a {
	background: #333;
	margin: 0 6px;
	width: 18px;
	height: 18px;
	box-shadow: 0 0 1px 0 #333;
	border-radius: 100%;
	display: inline-block;
	cursor: pointer;
}

.slide #dots a.active {
	background: #FFF;
}

.slide .arrow {
	position: absolute;
	top: 50%;
	width: 70px;
	height: 100px;
	margin-top: -50px;
	background: #FFF;
	z-index: 999;
	opacity: 0.7;
	line-height: 100px;
	color: #333;
	text-align: center;
	text-decoration: none;
}

.slide .arrow.prev {
	left: 0;
}

.slide .arrow.next {
	right: 0;
}

.slide .arrow:active {
	background: #FAFAFA;
	opacity: 1;
}

/*
toast style
*/
.jq-toast-wrap { display: block; direction: rtl; position: fixed; width: 100%; max-width: 300px;  pointer-events: none !important; margin: 0; padding: 0; letter-spacing: normal; z-index: 9000 !important; }
.jq-toast-wrap * { margin: 0; padding: 0; }

.jq-toast-wrap.bottom-left { bottom: 20px; left: 20px; }
.jq-toast-wrap.bottom-right { bottom: 20px; right: 20px; }
.jq-toast-wrap.top-left { top: 20px; left: 20px; }
.jq-toast-wrap.top-right { top: 20px; right: 20px; }

.jq-toast-single { display: block; width: 100%; padding: 10px; margin: 0px 0px 5px; border-radius: 4px; font-size: 13px; line-height: 17px; position: relative;  pointer-events: all !important; background-color: #444444; color: white; }

.jq-toast-single h2 {  font-size: 14px; margin: 0px 0px 7px; background: none; color: inherit; line-height: inherit; letter-spacing: normal; }
.jq-toast-single a { color: #eee; text-decoration: none; font-weight: bold; border-bottom: 1px solid white; padding-bottom: 3px; font-size: 12px; }

.jq-toast-single ul { margin: 0px 0px 0px 15px; background: none; padding:0px; }
.jq-toast-single ul li { list-style-type: disc !important; line-height: 17px; background: none; margin: 0; padding: 0; letter-spacing: normal; }

.close-jq-toast-single { position: absolute; top: 3px; right: 7px; font-size: 14px; cursor: pointer; }

.jq-toast-loader { display: block; position: absolute; top: -2px; height: 5px; width: 0%; left: 0; border-radius: 5px; background: red; }
.jq-toast-loaded { width: 100%; }
.jq-has-icon { padding: 10px 10px 10px 50px; background-repeat: no-repeat; background-position: 10px; }
.jq-icon-info { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII='); background-color: #31708f; color: #d9edf7; border-color: #bce8f1; }
.jq-icon-warning { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII='); background-color: #8a6d3b; color: #fcf8e3; border-color: #faebcc; }
.jq-icon-error { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII='); background-color: #BC110E; color: #f2dede; border-color: #EBCCD1; }
.jq-icon-success { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg=='); color: #dff0d8; background-color: #3c763d; border-color: #d6e9c6; }
/*
end toast style
*/


.loading-overfit {position: absolute; z-index: 999999999; overflow: hidden;}
.loading-overfit .blure {position:absolute; width: 100%; height: 100%; left: 0; top:0; background-color: rgba(252, 252, 252, 0.10); padding: 2px;}
.loading-overfit .spiners {position:absolute; width: 100%; height: 100%; left: 0; top:0; background: url("../images/loading.svg") center no-repeat; background-size: 60px 60px; padding: 2px;}
.iloading {display: block; min-width: 50px; margin: 0 auto; min-height: 50px; background: url("../images/loading.svg") center no-repeat; background-size: 60px 60px;}

.blur-load {pointer-events: none;
	-moz-user-select: none;
	filter: blur(5px);
	opacity: 0.7;
}

@-webkit-keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-webkit-keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}

@keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}

.fade-out {
	-webkit-animation: fadeOut 0.5s;-o-animation: fadeOut 0.5s;animation: fadeOut 0.5s;
	display: none;
}

.fade-in {
	-webkit-animation: fadeIn 0.5s;-o-animation: fadeIn 0.5s;animation: fadeIn 0.5s;
}

#register-level {display: block}
#verify-level {display: block}

.noshow {display: none !important;}

.price-bx {margin-top: 15px; direction: rtl; min-height: 50px;}
.price-item {border: 1px solid #ffc438; width: 49%; height: 60px; border-radius: 20px; text-align: center; margin: 0 0.5% 8px 0.5%; transition: all ease 1s;}
/*.price-item:hover {background-color: #ffc438;}*/

.price-item-price {
	height: 30px;
	line-height: 25px;
	font-size: 18px;
	color:#fff;
	overflow: hidden;
	transition: all ease 1s;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.price-item-title {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color:#ffc438;
	font-size: 15px;
	height: 30px;
	line-height: 35px;
	overflow: hidden;
	transition: all ease 1s;
}
/*.price-item:hover .price-item-price, .price-item:hover .price-item-title {color:#000;}*/

.pimini {height: 40px;}
.pimini > .price-item-price, .pimini > .price-item-title {line-height: 38px; font-size: 15px;font-weight: bold; float: right;}
.pimini > .price-item-title {width: 60%; text-align: right; direction: rtl; text-indent: 5px;}
.pimini > .price-item-price {width: 40%; text-align: left; direction: ltr; text-indent: 4px;}

.txt-green {color: #44D430;}
.txt-red {color: #FF0000;}

.news-item {height: 88px; cursor: pointer; border: 1px solid #ffc939; border-radius: 20px; margin: 7px 0 7px 0; direction: rtl; padding: 7px 5px; background-color: #121643;}
.news-image {border: 1px solid #e4d5b8; background-color: #dddddd; position: relative; border-radius: 25px; height: 72px; width: 75px; float: right; vertical-align: top;  overflow: hidden;}
.news-image .news-img {vertical-align: top; width: 100%; height: 100%; position: absolute; background-size: 50% 50%; background-size: cover;}
.news-content {float: left; width: calc(100% - 80px); vertical-align: top; height: 70px; overflow: hidden;}
.news-content .news-title {font-size: 12px; color: #f8feff; height: 55px; line-height: 18px;
	text-overflow: ellipsis;
	overflow: hidden;}
.news-content .news-time {font-size: 12px; color:#cad0f2; line-height: 18px;}

.ltrprice .pimini > .price-item-title {
	float: left;
	text-align: left;
	text-indent: 5px;
	direction: ltr;
}
.ltrprice .pimini > .price-item-price {
	float: right;
	text-align: right;
	direction: rtl;
	text-indent: 4px;
}

.news-data {
	padding: 5px;
	direction: rtl;
	position: relative;
	padding-bottom: 3rem;
}

.news-title {
	color: #000;
	font-weight: bold;
	padding: 5px 0;
	font-size: calc(18px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
}

.news-body a {
	font-weight: bold;
	color: #b7985b;
	font-size: 16px;
}

.news-body {
	color: #474747;
	padding: 5px 0;
	font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
	text-align: justify;
	line-height: 1.6;
	padding-bottom: 40px;
}

.news-footer {
	position: fixed;
	bottom: 48px;
	left: 0;
	right: 0;
	width: 100%;
	color: #ffc438;
	background-color: #071040;
	height: 40px;
	text-align: left;
	padding-left: 8px;
	line-height: 40px;
	font-size: calc(11px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
	z-index: 1;
	
	
}

.back-btn {
	left: 0;
	top:5px;
	position: absolute;
	z-index: 10;
	padding: 5px;
	border-radius: 30px;
	cursor: pointer;
}

.back-btn img {
	width: 35px;
	height: 35px;
}

.drawer-links {}

.ios-install {
	display: none;
	position: fixed;
	z-index: 999999;
	background-color: #000000;
	border-top: 1px solid #474747;
	padding: 10px 4px;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	color: #fff;
	text-align: center;
	
	-webkit-user-select: none; /* Safari 3.1+ */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Standard syntax */
}

.close-iphone {
	
	float: left;
	cursor: pointer;
	display: inline-block;
	width: 24px;
	height: 24px;
	font-size: 20px;
	border-radius: 12px;
	text-align: center;
	background-color: #474747;
	line-height: 26px;
	-webkit-user-select: none; /* Safari 3.1+ */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Standard syntax */
}

@media all and (max-width: 420px) {
	/*.pimini > .price-item-price, .pimini > .price-item-title {font-size: 12px;}*/
}

@media all and (max-width: 360px) {
	/*.pimini > .price-item-price, .pimini > .price-item-title {font-size: 10px;}*/
	
	.news-content .news-title {font-size: 11px;}
	.news-content .news-time {font-size: 11px;}
}


@media all and (max-width: 310px) {
	/*.pimini > .price-item-price, .pimini > .price-item-title {font-size: 9px;}*/
}


.alert {position: relative;padding: .75rem 1.25rem;margin-bottom: 1rem;border: 1px solid transparent;border-radius: .35rem}

.alert-heading {color: inherit}

.alert-link {font-weight: 700}

.alert-dismissible {padding-right: 4rem}

.alert-dismissible .close {position: absolute;top: 0;right: 0;padding: .75rem 1.25rem;color: inherit}

.alert-primary {color: #293C74;background-color: #DCE3F9;border-color: #CDD8F6}

.alert-primary hr {border-top-color: #B7C7F2}

.alert-primary .alert-link {color: #1C294E}

.alert-secondary {color: #45464E;background-color: #E7E7EA;border-color: #DDDDE2}

.alert-secondary hr {border-top-color: #CFCFD6}

.alert-secondary .alert-link {color: #2D2E33}

.alert-success {color: #0F6848;background-color: #D2F4E8;border-color: #BFF0DE}

.alert-success hr {border-top-color: #AAEBD3}

.alert-success .alert-link {color: #093B29}

.alert-info {color: #1C606A;background-color: #D7F1F5;border-color: #C7EBF1}

.alert-info hr {border-top-color: #B3E4EC}

.alert-info .alert-link {color: #113B42}

.alert-warning {color: #806520;background-color: #FDF3D8;border-color: #FCEEC9}

.alert-warning hr {border-top-color: #FBE6B1}

.alert-warning .alert-link {color: #574516}

.alert-danger {color: #78261F;background-color: #FADBD8;border-color: #F8CCC8}

.alert-danger hr {border-top-color: #F5B7B1}

.alert-danger .alert-link {color: #4F1915}

.alert-light {color: #818183;background-color: #FEFEFE;border-color: #FDFDFE}

.alert-light hr {border-top-color: #ECECF6}

.alert-light .alert-link {color: #686869}

.alert-dark {color: #2F3037;background-color: #DEDEE1;border-color: #D1D1D5}

.alert-dark hr {border-top-color: #C4C4C9}

.alert-dark .alert-link {color: #18181C}

@-webkit-keyframes progress-bar-stripes {
	from {background-position: 1rem 0}
	to {background-position: 0 0}
}

@keyframes progress-bar-stripes {
	from {background-position: 1rem 0}
	to {background-position: 0 0}
}

.form-row {direction: rtl; padding:10px; text-align: left; margin: 0 auto; max-width: 400px;}
.form-row label {display: inline-block; width: 100px; text-align: right; float: right; vertical-align: top; color: #E3A800;
	font-size: calc(13px + (26 - 14) * ((100vw - 300px) / (1800 - 300))); line-height: 35px;
}
.form-row input {display: inline-block; width: calc(100% - 105px); height: 30px; border-radius: 5px; border: 0; padding: 2px 5px; text-align: center; vertical-align: top; direction: ltr}
.pad20 {padding: 20px 5px;}
.padtop15 {padding: 15px 0 0 0;}

.pak-item {display: block; direction: rtl; background-color: #fff; box-shadow: #ccc; border-radius: 25px; padding: 11px 10px; text-align: center; margin-bottom: 10px;
transition: all ease 0.5s;}
.pak-item:hover {background-color: #FFBE0B; padding-right: 35px;}
.pak-item > .pak-title {color:#000;
font-size: calc(18px + (26 - 14) * ((100vw - 300px) / (1800 - 300)));
}
.pak-item > .pak-info {color:#474747;
font-size: calc(11px + (26 - 14) * ((100vw - 300px) / (1800 - 300)));
}

.user-expire {background-color: #FF3C3C; color: #fff; border-radius: 25px; padding: 15px; text-align: center; margin-bottom: 15px;
font-size: calc(13px + (26 - 14) * ((100vw - 300px) / (1800 - 300)));
}
.user-enabled {background-color: #01A523; color: #fff; border-radius: 25px; padding: 15px; text-align: center; margin-bottom: 15px;
font-size: calc(13px + (26 - 14) * ((100vw - 300px) / (1800 - 300)));
}

.white-bg {background-color: #fff;}

.search-box {text-align: center; padding-top: 8px;}
.search-grouping {display: block; margin: 0 auto; background-color: #F3F3F3; width: 100%; max-width: 350px; height: 40px; border: 1px solid #E85783; border-radius: 10px; overflow: hidden;}
.search-grouping > input {width: calc(100% - 42px); border: 0; height: 40px; float: right; direction: rtl; text-align: right; color: #4F4F4F; font-size: 14px; line-height: 38px; text-indent: 5px;}
.search-grouping > button {width: 40px; background-color: #E85783; height: 40px; float: left; border: 0; cursor: pointer}
.search-grouping > button > svg {
	width: 18px; height: auto; margin-top: 2px;
}

.itembx {direction: rtl}
.itembx-title {color: #E75884}
.itembx-body {}

.quick-access-slider img {width: 60px; height: 60px;}

.minigallery .swiper-slide {box-shadow: #ccc 0 0 3px; border-radius: 18px;}

.badge {
	font-size: 0.7rem !important;
}

.badge-primary {
	color: #fff;
	background-color: #007bff;
}
.badge-secondary {
	color: #fff;
	background-color: #6c757d;
}
.badge-success {
	color: #fff;
	background-color: #28a745;
}
.badge-danger {
	color: #fff;
	background-color: #dc3545;
}
.badge-warning {
	color: #212529 !important;
	background-color: #ffc107 !important;
}
.badge-info {
	color: #fff;
	background-color: #17a2b8;
}
.badge-light {
	color: #212529;
	background-color: #f8f9fa;
}
.badge-dark {
	color: #fff;
	background-color: #343a40;
}
.text-muted {
	color: #82818b !important;
}

.badge-pill {
	padding-right: .6em !important;
	padding-left: .6em !important;
	border-radius: 10rem !important;
}