/* fajr41 */

:root {
	/*--layout-max-width: 1264px;*/
	--layout-max-width: 1024px;
	--menu-shadow: 1px 1px 25px 0 rgba(0,10,20,0.25);
	--active-color: #850BE4;
	
	--p-b1: #F3E0CB;
	--p-b2: #C6C9E0;
	--p-b3: #878CB4;
	--p-b4: #663300;
	--p-b5: #000;
	
	--s-p-b1: #F1ECF5;
	--s-p-b2: #DABEF0;
	--s-p-b3: #B86DF3;
	--s-p-b4: #9523EE;
	--s-p-b5: #58009D;
	
	--s-b-b1: #E7E9FF;
	--s-b-b2: #C6CBFF;
	--s-b-b3: #7582F4;
	--s-b-b4: #293BDC;
	--s-b-b5: #000F95;
	
	--s-o-b1: #FFF5E1;
	--s-o-b2: #FFE9BD;
	--s-o-b3: #FFD687;
	--s-o-b4: #FFC657;
	--s-o-b5: #CE8800;
	
	--color-green: #1DB563;
	--color-red: #E10C33;
	
	--border-radius: 0;
	--bar-shadow: 0px 0px 20px 0px rgb(0 0 0 / 30%);
	--sep-border: solid 1px var(--p-b2);
	--soldout-filter: grayscale(1) brightness(0.3) sepia(1) hue-rotate(307deg) saturate(6);
	--fixed-header-bg: linear-gradient(180deg, #fff, rgba(255,255,255,0.95));
}

/* www.honarticket.com default css */

/* prettyPhoto.css */
div.light_rounded .pp_top .pp_left{/*background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat*/background: #fff}
div.light_rounded .pp_top .pp_right{/*background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat*/background: #fff}
div.light_rounded .pp_content{background-color:#fff}
div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -10px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.light_rounded .pp_bottom .pp_left{/*background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat*/background: #fff}
div.light_rounded .pp_bottom .pp_right{/*background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat*/background: #fff}
div.dark_rounded .pp_top .pp_left{/*background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat*/background: #fff}
div.dark_rounded .pp_top .pp_right{/*background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat*/background: #fff}
div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat}
div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{/*display:none;*/position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;position:relative;text-align:left;width:100%}
.pp_content .pp_details{display:none;margin:10px 15px 2px 20px}
.pp_description{display:none;float:left;margin:0}
.pp_nav{float:left;margin:3px 0 0}
.pp_nav p{float:left;margin:2px 4px}
.pp_nav a.pp_arrow_previous,.pp_nav a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{left:0;position:absolute;top:0;width:100%;z-index:2000}
a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{display:block;float:right;text-indent:-10000px}
.pp_loaderIcon{display:none;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{display:none;line-height:1!important;text-align:center;width:100%;margin:0 auto}
div.ppt{color:#fff;display:none;font-size:12px;left:0;position:absolute;top:0;z-index:9999}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block}
* html .clearfix{height:1%}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content{background:#fff}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded .pp_description,div.dark_square .pp_description{color:#fff}
div.dark_rounded .pp_loaderIcon,div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
.pp_top,.pp_bottom{height:10px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
/* end of prettyPhoto.css */

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:17px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel{background:url(../images/star.gif) no-repeat 0 -51px}
div.rating-cancel:hover{background:url(../images/star.gif) no-repeat 0 -66px}
div.star-rating,div.star-rating a{background:url(../images/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -17px!important}
div.star-rating-on.silver a, div.star-rating-hover.silver a{background-position:0 -84px!important}
div.star-rating-on.gold a, div.star-rating-hover.gold a{background-position:0 -34px!important}
div.star-rating-hover a{background-position:0 -17px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */
/* jQuery other plugins style */
.ui-tabs .ui-tabs-nav li { font-family: Dana; font-size: 12px; }
.ui-widget-content .ui-state-hover:not(.ui-state-active) { /*background-color: var(--p-b2) !important;*/ border-color: transparent !important; color: #fff } 
.ui-tabs .ui-tabs-nav li { padding-top: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
.ui-tabs .ui-tabs-nav li a { padding-left: 20px !important; padding-right: 20px !important; }
/* end of jQuery other plugins style */

/* default.css */

/*
IRANYekan fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com
--------------------------------------------------------------------------------------
This set of fonts are used in this project under the license: (B9DQ3Z)
--------------------------------------------------------------------------------------
*/
@font-face {
	font-family: Dana;
	src: url('//static.honarticket.com/resource/fonts/dana/eot/dana-regular.eot');
	src: url('//static.honarticket.com/resource/fonts/dana/eot/dana-regular.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('//static.honarticket.com/resource/fonts/dana/woff/dana-regular.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('//static.honarticket.com/resource/fonts/dana/Dana-Regular.ttf') format('truetype');
}
@font-face {
	font-family: Dana;
	src: url('//static.honarticket.com/resource/fonts/dana/eot/dana-bold.eot');
	src: url('//static.honarticket.com/resource/fonts/dana/eot/dana-bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('//static.honarticket.com/resource/fonts/dana/woff/dana-bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('//static.honarticket.com/resource/fonts/dana/Dana-Bold.ttf') format('truetype');
	font-weight: bold;
}
@media print
{
	.noprint { display: none !important; }
}
body {
	padding: 0px;
	margin: 0px;
	font-family: Dana;
	font-size: 12px;
	line-height: 22px;
}
img {
	border: 0 none;
	/*margin: -10px 0 0 -10px;*/
}
td {
	vertical-align: top;
}
input[type="text"],input[type="password"], textarea.textarea, select {
	/*border-top: solid 2px #fff;
	border-bottom: solid 2px #fff;
	border-left: 0 none;
	border-right: 0 none;
	background: #EEE0DD;*/
	border: solid 1px var(--p-b2);
	font-family: Dana;
	font-size: 18px;
	padding: 7px 12px;
	/*border-radius: 9px;*/
	outline: none;
	margin-bottom: 8px !important;
	min-width: 280px;
    max-width: 374px;
    width: 100%;
    box-sizing: border-box;
}
input[type="text"]:focus,input[type="password"]:focus, textarea.textarea:focus { border-color: var(--p-b4) !important; box-shadow: 0 1px 5px rgba(0,0,0,0.2); }
input[type="submit"] { }
input::placeholder { font-size: 11px; color: #878CB4; }
input:active, input:focus { outline: none; }
textarea {
	font-size: 12px !important;
}
input.checkbox {
	border: solid 1px #EEE0DD;
	padding: 1px;
}
.clear {
	clear: both;
}
.first {
	border: 0 none !important;
	padding-right: 0 !important;
	margin-right: 0 !important;
}
.ltr-first {
	margin-left: 0 !important;
}
form {
	margin-bottom: 0;
}
.form {
	padding: 10px;
}
.form #email {
	direction: ltr;
}
.form .label {
	text-align: left;
}
.form .button {
	padding: 3px 15px;
}
#powered-by {
	padding: 50px 12px 0 10px;
	background: url(//cdn.zirbana.com/image/nsun_logo.png) no-repeat top;
	text-align: center;
	float: right;
	margin-top: 10px;
}
div.paging { text-align: center; font-size: 15px; margin-top: 35px; }
div.paging span { margin: 0 10px; font-weight: bold; }
div.paging a.pre { padding-left: 10px; border-left: solid 1px var(--p-b1); }
div.paging a.next { padding-right: 10px; border-right: solid 1px var(--p-b1); }
div.paging.top { margin: 10px 0 -40px; }

ul.clean, .clean ul {
	display:inline;
	list-style:none outside none;
	margin: 0;
	padding: 0;
}
div.photo-thumb {
	float:right;
	padding-bottom:20px;
	padding-right:20px;
}
.right {
	float: right !important;
}
.hidden, .hidden02 {
	display: none;
}
.invisible {
	visibility: hidden;
}
.nowrap {
	white-space: nowrap;
}
.readonly {
	color: #999;
}
.title {
	font-weight: bold;
}
.margin-right {
	margin-right: 10px;
	display: block;
}

.rc, body.h .snap .c {
	margin-right: auto;
	margin-left: auto;
	max-width: var(--layout-max-width);
	padding-left: 10px;
	padding-right: 10px;
    box-sizing: border-box;
}

/* ****************************
/* site specific usual styles */
/* *************************** */

body {
	background: #fff;
	margin-top: 71px;
	--grid-gap: 14px;
}
body.sn-store.h { margin-top: 165px; }
body.h:not(.sn-promotions):not(.sn-store):not(.sn-receipts.result), body.h.s2 { padding-top: 42px;  }

body.sn-promotions, body.sn-receipts.result { margin-top: 70px; }

#top-bg-container { direction: rtl; }
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	/*color: #76638e !important;*/
	color: var(--s-b-b4) !important;
	text-decoration: none;
}
h1 {
	font-size: 15px;
	font-weight: bold;
	margin: 0px;
	padding: 20px 20px 0 20px;
}
h2 {
	font-family: Dana;
	font-size: 15px;
	font-weight: bold;
	padding: 5px 0 5px 15px;
	margin: 5px 0 0;
	text-align: start;
    line-height: 25px;
}
.content-list h2 {
	margin: 10px 0 0 0px;
}
.content-list img {
	float: left;
	margin-right: 10px;
}
h2 a {
	display: block;
}
#_container {
	margin: 0 auto;
}
#top-bar {
	height: 32px;
}
#top-bar a {
	color: #fff;
}
#top-bar a:hover {
	text-decoration: underline;
}
#languages-menu {
	float: left;
	margin-top: 3px;
	color: #fff;
}
#content {
	background: #FFF;
	border: 1px solid #ddd;
	padding: 10px;
	text-align: justify;
	margin-bottom: 10px;
}
#title-bar {
	font-size: 16px;
	font-weight: bold;
	float: right;
	background: #960;
	width: 584px;
	color: #fff;
	padding: 10px 10px 5px 10px;
}
#title-bar a {
	font-weight: normal;
	font-size: 12px;
	color: #fc0;
}
#title-bar a:hover {
	color: #fff;
}
img.item-image-full {
	float: left;
	margin-right: 10px;
}
#footer {
	/*background: linear-gradient(170deg, #515763, #393c48);*/
	border-top: solid 3px #fff;
	font-size: 11px;
	margin-top: 70px;
    z-index: 11;
    width: 100%;
    /*color: #bbb;*/
	padding-bottom: 25px;
	background: var(--p-b1);
}
#footer-content {
    padding-top: 40px;
	margin: 0 auto;
	position: relative;
	/*padding: 0 18px;*/
	/*border-top: solid 2px var(--p-b2);*/
}
#footer-content > div > div.title { font-size: 14px; margin-bottom: 10px; }
#footer-content > div {
	display: flex;
	flex-direction: column;
}
#footer-content a { font-size: 12px; line-height: 25px; }
.footer-row { display: grid; grid-template-columns: 1fr auto; border-top: var(--sep-border); padding-top: 15px; margin-top: 25px; }
.footer-logos { direction: ltr; display: flex; margin-top: 20px; float: left; }
.footer-logos a {
    background-color: #fff;
    /*width: 77px;*/
    margin-right: 15px;
    padding: 10px 10px 4px;
    border-radius: var(--border-radius);
}
.footer-logos a img { width: 60px; }

#footer .sn { float: right; background: #fff; border-radius: var(--border-radius); padding: 12px 15px; margin-top: 30px; box-sizing: border-box; }

#footer-sidebar {}
#powered-by a {
	padding: 0;
	font-weight: bold;
	font-size: 11px;
}
#footer .claim {
	text-align: start;
}
#footer-nav {
	background: #D7BFA6;
	float: right;
	padding: 7px 20px 0 0;
	width: 608px;
	height: 143px;
	text-align: left;
	/*border-right: solid 3px #AC6659;
	border-bottom: solid 1px #AC6659;*/
}
#footer-nav a {
	display: block;
}
#footer-nav div {
	float: right;
	width: 120px;
	border-right: solid 1px #BE986D;
	padding-right: 10px;
	text-align: right;
}

ul.paging {
	display: block;
    margin: 20px auto 0;
    width: fit-content;
    list-style: none outside none;
    padding: 0;
    position: relative;
}

ul.paging a {
	padding: 2px;
	background: var(--p-b1);
	padding: 5px 10px 0;
	border-radius: 5px;
	box-sizing: border-box;
	border: solid 1px transparent;
}
ul.paging a:hover {
	color: #fff;
	background-color:#000;
}
ul.paging li {
	padding: 0px 5px;
	float: right;
    position: relative;
}
li.currentPageNumber a {
	border-bottom: solid 2px #09c;
}
div.item-toolbar {
	float: left;
	position: absolute;
	left: 10px;
	top: 35px;
}
/* s3Slider */
#s3slider {
   width: 608px; /* important to be same as image width */
   height: 232px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin-top: 2px;
   background: #333;
}

#s3sliderContent {
   width: 608px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin: 0; /* important */
   padding:0;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font-size: 11px;
   padding: 0px 17px 10px;
   /*border-top: solid 1px #fff;*/
   width: 574px;
   background-color: #000;
   filter: alpha(opacity=60); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.6; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}

/* end of s3Slider */


/* ****************************
/* site specific custom styles
/* *************************** */

#body {
	position: relative;
	width: 100%;
}
body.sn-store #body {
	/*padding-top: 9px;*/
}
body.sn-store.h #body { margin-top: 81px; }
#header {
	/*height: 82px;*/
	position: relative;
	/*margin-top: 75px;*/
	background: #fff;
}
#header h1 { padding: 10px 0 20px; }
#header h1 a { font-size: inherit; font-weight: inherit; padding: inherit; vertical-align: middle; }
#header h1 .v-sep { margin: 0 10px; }

body.h #header h1 { padding-bottom: 10px; font-size: 15px; margin-top: 0 !important; color: #000 !important; }
body.h .snap { position: fixed !important; z-index: 99; top: 0; right: 0; width: 100%; box-shadow: var(--bar-shadow); background: var(--fixed-header-bg) !important; }
body.sn-receipts #header { display: none; }

.box_large, .full-item, .box, #page, div.item, .content, .events-list .grid a {
	/*border: solid 1px #EBD8D8;*/
	background: #fff;
	padding: 0 10px 10px;
	/*box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 7%);*/
	position: relative;
	/*border-radius: var(--border-radius);*/
    overflow: hidden;
    /*right: 0;*/
}

.item {
	margin-bottom: 0px;
}
#page {
	margin-bottom: 10px;
}
.channel {
	background: url(../images/repeatx_bgs.png?v=02) repeat-x;
}

/* kwicks */
.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0 0 3px 0;
	padding: 0;
	float: right;
}
.kwicks .channel{

	/* these are required, but the values are up to you (must be pixel) */
	width: 544px;
	/*height: 790px;*/

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */

	margin-top: 2px;
}
.kwicks .content {
	padding: 0 2px 0 0;
	background: #fff;
	/*height: 354px;*/
	margin-right: 18px;
}

#channel-programs {
	/*background-position: 0 0;
	width: 870px;
	float: right;*/
	height: 150px;
	margin-top: 20px;
	margin-bottom: 3px;
	/*margin-right: 4px;*/
	overflow: hidden;
	position:  relative;
	background: #e7e7e7;
}
#channel-programs ul {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	height: 150px;
	float: right;
	background: #fff;
}
#channel-programs li {
	float: left;
	display: block;
	width: 120px;
	height: 150px;
	margin-right: 2px;
	overflow: hidden;
	position: relative;

}
/* /kwicks */

#channel-programs img {
	margin-top: 20px;
}
#channel-programs span.place-title {
	display: block;
	background: #000;
	width: 280px;
	color: #fff;
	padding: 0 5px 2px 0;
	position: absolute;
	right: 0;
	top: 0;
}
#channel-programs span.place-title a {
	color: #fff;
}
#channel-programs a.theater-title {
	position: absolute;
	right: 0;
	top: 21px;
	display: block;
	background: #fff;
	color: #000;
	width: 114px;
	padding: 0 3px 1px 3px;
	opacity: 0.6;
	filter: alpha(opacity=60);
	font-weight: bold;
}
#channel-programs a.theater-title:hover {
	color: #935444;
}
#channel-programs .content {
	/*opacity: 0.6;
	filter: alpha(opacity=60);*/
	position: absolute;
	right: 120px;
	top: 20px;
	width: 160px;
	/*white-space: nowrap;*/
	overflow: hidden;
	padding: 5px;
	height: 120px;
}
#channel-programs div.social-info {
	margin-top: 5px;
	width: 160px;
}
#channel-programs .social-info a {
	float: left;
	padding: 0 4px 2px;
	margin-bottom: 2px;
}
#channel-programs span.stat {
	padding-right: 0;
}
#channel-programs a.watchstate-popup-btn {
	position: absolute;
	bottom: 0px;
	left: 5px;
}
#channel-programs div.channel-title {
	background: url(../images/channel_title_programs.png) no-repeat 0 0;
	width: 15px;
	height: 47px;
	margin-top: 90px;
	margin-right: 2px;
	float: right;
}
#home-channels div.channel-title {
	background: url(../images/channel_title_programs.png) no-repeat 0 0;
	width: 15px;
	margin: 10px 2px 0 0 ;
	float: right;
}
#channel-programs .watchstate-menu {
	display: none;
	position: absolute;
	z-index: 11;
	bottom: 0px;
	left: 5px;
	padding: 0 2px 2px 1px;
	background: #000;
	width: 162px;
	height: 127px;
}
#channel-programs .watchstate-menu a, #channel-programs .watchstate-menu span.social-btn {
	display: block;
	width: 100px;
	float: none;
	width: 153px;
	border: 0 none !important;
}
#channel-programs .watchstate-menu span.social-btn {
	margin-bottom: 2px;
	width: 153px;
	padding: 0 4px 2px;
	background: #003366;
}
#channel-posts div.channel-title {
	background: url(../images/channel_title_posts.png) no-repeat 0 0;
	height: 39px;
}
#channel-images div.channel-title {
	background: url(../images/channel_title_images.png) no-repeat 0 0;
	height: 30px;
}
#channel-blogs div.channel-title {
	background: url(../images/channel_title_blogs.png) no-repeat 0 0;
	height: 95px;
}
#channel-social div.channel-title {
	background: url(../images/channel_title_social.png) no-repeat 0 0;
	height: 95px;
}

#channel-posts {
	background: none;
	margin-top: 10px;
}
#channel-posts .content {margin-right: 0; padding-right: 0; border: solid 1px #ddd}
#channel-posts .posts a{
	font-size: 12px;
}
#channel-posts img.list-image{
	float: right;
	margin-left: 5px;
	width: 60px;
	height: 60px;
}
#channel-posts .btn {
	/*position: absolute; left: 0px; bottom: 5px; height: 30px; border-bottom: 0 none; padding-top: 7px;*/
}
#channel-images {
	background-position: 0 -908px;
	 height: 354px;
}
#channel-social {
	/*background-position: 0 -1262px;*/
	background: none;
	height: 270px;
	border-top: solid  2px #006699;
}
#channel-blogs {
	/*background-position: 0 -1616px;*/
	background: none;
	height: 296px;
}
#channel-blogs .content {padding-bottom: 30px;}
#channel-images #slider {
	height: 228px;
	background: #666;
	margin-top: 2px;
}
#channel-images #thumbs {
	height: 120px;
	/*padding-top: 26px;*/
}
#channel-images #thumbs div {
	float: right;
	width: 120px;
	height: 120px;
	margin-right: 2px;
	background: #666;
}
#channel-blogs a {
	display: block;
}
#channel-blogs .column {
	padding: 10px 10px 0 0;
}
img.item {
	border: 0 none;
	background: #ccc url(../images/images_items.png?v=2) no-repeat;
	width: 120px;
	height: 120px;
	margin-top: 0 !important;
}
img.item-theater {
	background-position: -95px 6px;
}
img.item-cinema {
	background-position: -240px 6px;
}
img.item-music {
	background-position: -385px 6px;
}
img.item-literature {
	background-position: -523px 6px;
}
img.item-photography {
	background-position: -649px 6px;
}
img.item-visualarts {
	background-position: -785px 6px;
}
img.item-memorial {
	background-position: -919px 6px;
}
img.item-tourism {
	background-position: -1058px 6px;
}
img.item-tech {
	background-position: -1199px 6px;
}
img.item-podcast {
	background-position: -1340px 6px;
}
img.item-general {
	background-image: none;
}
img.item-more {
	background-position: 0 0;
}
a.social-btn, span.social-btn {
	display: block;
	float: right;
	padding: 3px 6px 4px;
	color: #fff;
	/*background: #09c;
	border-right: solid 4px #006699 !important;*/
	font-weight: bold;
	box-shadow: 1px 1px 1.5px #aaa;
	background: #09c url(../images/zb_hz_bgs.png) repeat-x;
	margin-right: 3px;
}
a.social-btn.remove {
	background: #c00 url(../images/images.png?v=02) 0 0 no-repeat;
	margin-right: 5px;
	width: 20px;
}
a.social-btn.remove:hover {
	background-position: 0 -27px;
}
a.social-btn.remove:active {
	box-shadow: 1px 1px 2px #8B4028 inset;
}
span.social-btn {
	background-position: 0 -155px;
	font-weight: bold !important;
	box-shadow: none;
	/*background: #369;
	border-right: solid 4px #999 !important;*/
}
span.social-btn.disabled {
	background: #aaa;
	color: #eee !important;
}
a.social-btn:hover {
	background-position: 0 -61px;
	/*background: #369;
	border-color: #036 !important;*/
}
a.social-btn:active {
	background-position: 0 -122px;
	box-shadow: 1px 1px 2px #006C91 inset;
	/*background: #036;
	border-color: #000 !important;*/
}

#channel-posts .posts {
	/*width: 610px;
	float: right;
	margin-right: 5px;*/
}
#channel-posts a {
	display: block;
	border-bottom: solid 1px #eee;
	padding-top: 3px;
}
#channel-images #s3slider img {
	width: 608px;
	height: 234px;
}
#channel-images #s3slider div.social-info {
	position: absolute;
	left: 0;
	top: 0px;
	background: #76382E;
	color: #fff;
	padding: 0 5px 0 0;
	display: block;
}
#channel-images #s3slider a.social-btn {
	float: left;
	margin-left: 0;
	margin-right: 5px;
	padding: 0 4px 2px;
}
#channel-images div.feedback {
	display: inline;
	float: right;
}
#channel-images div.feedback span {
	background: none;
	float: right;
	position: static;
	width: auto;
	padding: 2px;
	opacity: 1;
	filter: alpha(opacity=100);
}
#channel-social .content {
	padding: 15px 10px;
	height: 344px;
}
#channel-social table.login {
	margin: 15px auto 0;
	width: 343px;
	background: #DBEEF7;
}
#channel-social #register-form .btn {
	float: none;
	margin: 20px 250px 0 0;
}
#channel-social #before-signin-view ul {
	margin-top: 5px;
}
#channel-social #user-bar {
	padding: 0 0 5px 0;
	margin-bottom: 5px;
	border-bottom: solid 1px #ccc;
	float: none;
	position: static;
}
#channel-social #user-bar span {
	float: left;
}
#channel-social input.input, #channel-social input.checkbox  {
	background: #fff;
	border: solid 1px #fff;
}
#sidebar {
	float: right;
	width: 200px;
	/*position: relative;
	padding: 2px 2px 4px;*/
}
#sidebar #navmenu {
	background: #069 url(../images/panel_bg.jpg) no-repeat -488px -90px;
	padding: 0px 0 0px;
	position: fixed;
	width: 200px;
	box-shadow: 1px 1px 1.5px #aaa;
	overflow: hidden;
	top: 81px;
	right: auto;
	z-index: 10;
	display: none;
}
#head {
	width: 100%;
    background: var(--fixed-header-bg);
	/*background: rgba(255,255,255,1);*/
    position: fixed;
    /*box-shadow: 0px 0px 10px rgb(76 55 108 / 70%);*/
    z-index: 100;
    top: 0;
    /*border-bottom: solid 3px #c7faff;*/
    /*transition: opacity 0.3s, box-shadow 0.2s;*/
    min-height: 50px;
    padding-bottom: var(--grid-gap);
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: var(--grid-gap);
}
body:not(.with-sticked) #head.shadowed { box-shadow: var(--bar-shadow) }
body.h #head { opacity: 0; pointer-events: none; -webkit-transition: opacity 0.3s, box-shadow 0.2s; transition: opacity 0.3s, box-shadow 0.2s; }
body.h .store.navmenu {
	position: fixed;
    top: 5px;
    margin-right: 10px;
    z-index: 5;
    box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 20%);
    background: #fff;
    padding: 3px;
    border-radius: 26px;
    transform: translate(-50%, 0);
    left: calc(50% - 20px);
    margin: 0 20px;
    max-width: calc(var(--layout-max-width) - 30px);
    width: calc(100% - 46px);
}
body.h .store.navmenu > div { display: block; }
body.sn-search.h .store.navmenu { display: none; }

a.logo {
	display: block;
	float: right;
	margin-left: 7px;
	padding-right: 0 !important;
	padding-bottom: 0 !important;
	margin-bottom: 3px;
	height: 10px;
}

#your-wall {
	width: 180px;
	height: 76px;
	background: url(../images/images.png?v=02) no-repeat -23px -6px;
	/*margin-right: 10px;
	float: right;*/
	position: absolute;
	right: 203px;
}
#nsun-logo {
	width: 80px;
	height: 76px;
	background: url(../images/images.png?v=02) no-repeat 0px 0;
	margin-left: 300px;
	float: left;
}
#logo-base {
	width: 200px;
	height: 3px;
	margin-top: 3px;
	background: #935444;
}
.header {
	background-image: url(../images/icons.jpg);
	background-repeat: no-repeat;
	padding-right: 35px;
	height: 31px;
	padding-top: 10px;
	font-size: 15px;
	font-weight: bold;
}
#navmenu {
	list-style: none;
	padding: 5px 0;
	margin: 0px 0 0;
}
#navmenu .submenu a {
	display: block;
	padding: 6px;
	border-bottom: solid 1px #f0f0f0;
}
#navmenu .submenu a:hover {
	border-bottom: solid 2px #fc0;
	padding-bottom: 5px;
}
.menu-item {
	background: url(../images/images_menu.png?v=08) no-repeat;
	height: 45px;
	width: 200px;
	display: block;
	position: relative;
}

#menu-wall {
	background-position: -73px -598px;
	/*bottom: 7px;*/
}
#menu-all {
	background-position: -75px -635px;
	/*bottom: 7px;*/
}
#menu-follows {
	background-position: -75px -642px;
	bottom: 7px;
}
#menu-theater {
	background-position: -75px 0px;
}
#menu-cinema, #menu-honarotajrobeh {
	background-position: -75px -44px;
}
#menu-music {
	background-position: -75px -88px;
}
#menu-literature {
	background-position: -75px -132px;
}
#menu-photography {
	background-position: -75px -176px;
}
#menu-visualarts {
	background-position: -75px -469px;
}
#menu-memorial {
	background-position: -75px -513px;
}
#menu-tourism {
	background-position: -75px -559px;
}
#menu-tech {
	background-position: -75px -428px
}
#menu-podcast {
	background-position: -75px -725px
}
#menu-fajrtheater92, #menu-fajrtheater93 {
	background-position: -75px -763px
}
#menu-fajrfilm92, #menu-fajrfilm93 {
	background-position: -75px -799px
}
#menu-fajrmusic92, #menu-fajrmusic93 {
	background-position: -75px -835px
}
#menu-theatre93 {
	background-position: -75px -872px
}
#menu-general {
	background-position: -75px -915px
}
#menu-tiwall {
	background-position: -75px -956px
}
#navmenu a.selected {
	/*margin-right: 14px;
	opacity: 0.8;
	filter: alpha(opacity = 80);*/
	background-color: rgba(50,50,50,0.2);
}

#navmenu #_menu-blogs {
	padding-top: 139px;
	height: 97px;
}
#navmenu #_menu-social {
	padding-top: 139px;
	height: 97px;
}
#navmenu #_menu-images {
	padding-top: 43px;
	height: 193px;
}
#navmenu ul.submenu {
	display: none;
	padding: 4px 10px 0 0;
	list-style: none;
	background: #fff;
	border-right: solid 2px #76382E;
	position: absolute;
	right: 48px;
	top: 0px;
	width: 140px;
	height: 232px;
}
#navmenu .side {
	float: right;
	margin-right: 10px;
	width: 58px;
}
#wall-link {
	display: block;
	width: 200px;
	height: 50px;
	background: url(../images/images_menu.png?v=08) no-repeat -42px -222px;
	/*margin-top: 2px;*/
}
div.promotion-ad {
	background: url(../images/images_menu.png?v=08) no-repeat -42px -272px;
	height: 50px;
	margin-top: 27px;
	padding: 0 5px;
	overflow: hidden;
}
div.promotion-ad.off {
	background: url(../images/images_menu.png?v=08) no-repeat -42px -375px !important;
}
div.promotion-ad div.ad-content {
    height: 22px;
    overflow: hidden;
    padding-top: 19px;
    text-align: center;
}
div.promotion-ad span.title {
	font-size: 11px;
	font-weight: bold;
}
#sidebar .sep {
	height: 2px;
	border: 0 none;
}
#sidebar .space {
	height: 18px;
}
.icon {
	background: url(../images/images_menu.png?v=08) no-repeat;
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	padding: 0 !important;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}
.breadcrumb {
	float: right;
	height: 26px;
	margin-top: -28px;
	padding: 2px 2px 0px;
	width: 540px;
	display: none;
}
.breadcrumb span, .breadcrumb a  {
	display: block;
	float: right;
}
.breadcrumb a {
	/*font-weight: bold;
	color: #BB8273;*/
}
#header .title {
	clear: both;
    font-weight: bold;
    height: 42px;
    padding: 4px 12px 3px;
    font-size: 15px;
    line-height: 35px;
    width: 100%;
    box-sizing: border-box;
}
body.h #header .title { height: unset; margin-top: 0; min-height: 42px; padding-right: 10px; padding-left: 0; }
.icon-home {
	background-position: 0 -324px;
}
.icon-arrow {
	background-position: -20px -324px;
}
.icon-arrow-left {
	background-position: 0px -344px;
	width: 35px;
	height: 30px;
}
.icon-arrow-right {
	background-position: -35px -344px;
	width: 35px;
	height: 30px;
}
.separator-line {
	line-height: 1px;
	margin-bottom: 10px;
}
div.rootitr {
	color: #777;
	font-weight: normal;
	padding-left: 10px;
}
span.rootitr {
	padding-left: 10px;
}
.dateStamp {
	color: #999;
	float: left;
	margin-left: 10px;
}
.send {
	/*border-top: solid 1px #ddd;*/
	border-bottom: solid 1px #ddd;
	margin-top: 5px;
	padding-top: 5px;
}
.feedbacks .general{
	padding: 10px 0;
}
div.hz-separator{
	/*width: 270px;*/
	height: 1px;
	/*border-top: solid 1px #ddd;*/
	margin: 5px 0;
}
.item-image {
	float: left;
	margin-right: 10px;
}
.item-image-thumb {
	float: left;
	margin-left: 5px;
	margin-top: 5px;
}

.products-image-box{
    float: left;
    position: relative;
    overflow: hidden;
    margin: 0 10px 10px 0;
}
.products-image-box img {
	width: 200px;
}
.product-image-overlay {
  	background: #000;
    display: block;
    opacity: 0.5;
    filter: alpha(opacity=50);
    padding: 11px 10px 0px;
    position: absolute;
    right: 0;
    top: 0;
    width: 250px;
    height: 30px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.product-image-title {
	position: absolute;
	top: 10px;
	right: 15px;
    color: #fff;
	font-size: 16px;
	font-weight: bold;
}
.photo {
	background: none repeat scroll 0 0 #000000;
    padding: 12px 0;
}
.nav-box {
	width: 200px;
	height: 25px;
	text-align: center;
	margin: 5px auto;
}
.nav-box span {
	display: block;
	float: right;
	padding: 4px 10px 0;
}
.list-image {
	float: left;
	line-height: 0;
	margin: 0px 10px 10px 0;
}
.news_body {
	margin-top: 6px;
}
div.note {
	padding: 5px;
	text-align: left;
	/*background: #FFC;*/
	color: var(--color-red);
}
/* wall */
.wall {
	padding-top: 0;
}
div.wall-post {
}
.wall textarea#wallBody {
	width: 533px;
	height: 35px;
	border: solid 1px #f5f5f5;
	padding: 5px;
	overflow: auto;
	background-color: #f5f5f5;
}
.wall textarea#wallBody.expandable-comment {
	display: none;
	/*margin-bottom: 5px;*/
	margin-top: 0;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3) inset;
	outline: none !important;
}
.wall textarea#wallCommentBody, .comment-textarea {
	width: 470px;
	display: block;
	height: 22px;
	margin: 5px 0 5px;
	border: solid 1px #DBBDB7;
	padding: 5px;
}
.wall input {
	float: left;
}
.wall .input {
	background: #fff;
	border: solid 1px #DBBDB7;
	float: none;
	font-size: 12px;
}
.wall .reference {
	width: 200px;
}
.inline-label {
	font-weight: normal;
	padding-right: 5px;
}
.wall-post-box {
	padding-bottom: 2px;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}
.inner-labeled {
	position: relative;
}
.inner-labeled label {
	position: absolute;
	top: 13px;
	right: 15px;
	color: #666;
	cursor: text;
}
.wall .writer {
	/*background: #eee;*/
	border-top: solid 2px #bbb;
	padding: 7px 10px 4px;
	margin-top: 15px;
	/*height: 19px;*/
	position: relative;
}
.wall .writer a {
	font-weight: bold;
	text-shadow: 2px 1px 0 #fff;
}
.commenter {
	font-weight: bold;
	/*float: right;*/
	position: relative;
	padding-top: 6px;
}
.wall .links, .wall .commenterLinks {
	float: right;
	/*margin-right: 10px;*/
	margin-top: 2px;
}
.wall .commenterLinks {
 	float: right;
	margin-top: 10px;
}
.wall .links a, .wall .commenterLinks a {
	padding: 0 10px;
	border-right: solid 1px #CCC;
}
.wall .links a.grouped {
	padding: 0 10px;
	border-right: 0 none;
}
.wall .wallLikes .hz-sep, .sticker .hz-sep {
	clear: both;
	width: 30px;
	border-top: solid 1px #ddd;
	margin-top: 8px;
	margin-bottom: 5px;
}
.sticker .hz-sep {
	border-color: #F3E0D0;
}
.wall .wallComments {
	margin: 0 50px 0 10px;
}
.wall .wallCommentItem div {
	margin-right: 10px;
	padding-left: 10px;
}
.wall .wallCommentItem .spacer, .wall .wallCommentItemForm .spacer {
	height: 2px;
}
.wall .wallCommentItem, .comment {
	margin-top: 2px;
	background: #f7f7f7;
	/*border-top: solid 1px #ccc;*/
	padding: 3px 0 5px;
}
.wall .wallCommentItemForm {
	display: none;
}
.comment {
	/*width: 512px;*/
	padding: 5px 10px;
}
.wall .wallItemBody, .wall .wallItemBody-confirmed {
	margin: 5px 10px 10px;
}
.wall .wallLikes {
	background: #f7f7f7;
	/*margin-top: 5px;*/
	margin: 0 50px 0 10px;
	padding: 2px 10px 2px 5px;
}
.wall .wall-toolbar {
	padding: 5px 5px 7px 0;
	margin: 20px 50px 0 10px;
	border-top: solid 2px #f5f5f5;
	/*border-bottom: solid 2px #bfbfbf;
	width: 390px;
	background: #f7f7f7;*/
}
.faded .wall-toolbar {
	border-top: solid 2px transparent;
}
.wall-toolbar .datetime {
	line-height: 17px;
	padding-left: 10px;
}
.wall .reference-container {
	float: right;
	margin-bottom: 10px;
}
.wall .reference-container .frame {
	right: 17px;
}
.showFullText {
	color: #900
}
.showFullText:hover {
	color: #b00
}
.showHiddenComments {
	padding-right: 10px;
	display: block;
}
.commentDatetime {
	padding-right: 30px;
	margin-top: 10px;
	color: #999;
}
.light-bg {
	background: #FFFFEC;
}
.faded .light-bg {
	background: none !important;
}
.topic .light-bg {
	background: none ;
}
#filter-menu {
	position: static;
	margin-bottom: 10px;
	overflow: hidden;
	width: 785px;
	top: 81px;
	right: auto;
	z-index: 10;
}
div.tabmenu .knob {
	width: 20px;
	height: 20px;
	margin-top: 20px
}
div.tabmenu .knob:hover {
	cursor: pointer;
	background: url(../images/images_menu.png?v=08) -120px -325px no-repeat;
}
div.tabmenu .knob-icon {
	width: 20px;
	height: 20px;
	background: url(../images/images_menu.png?v=08) -100px -325px no-repeat;
	display: block;
}
div.tabmenu .knob-icon-active {
	background: url(../images/images_menu.png?v=08) -140px -325px no-repeat;
}
div.tabmenu {
	background: url(../images/zb_hz_bgs.png) repeat-x;
	height: 60px;
	box-shadow: 1px 1px 1.5px rgba(0, 0, 0, 0.4);
}
div.tabmenu div.sep {
	height: 30px;
	line-height: 0;
	margin: 15px 10px 0;
	float: right;
	border-left: 1px solid #3483AA;
	border-right: 1px solid #72C2DC;
}
div.tabmenu a {
	display: block;
	padding: 20px 7px 21px;
	color: #f5f5f5;
	font-weight: bold;
	height: 60px;
	float: right;
}
div.tabmenu a:hover {
	background: url(../images/zb_hz_bgs.png) repeat-x 0 -61px;
	text-shadow: none;
	color: #fff;
}
div.tabmenu .selected a, div.tabmenu a:active, div.tabmenu a.selected  {
	text-shadow: none;
	color: #fff;
	font-weight: bold;
	background: url(../images/zb_hz_bgs.png) repeat-x 0 -122px;
}
.tab {
	float: right;
}
div.section-toolbar {
	margin-right: 10px;
	padding-right: 10px;
}
div.section-toolbar a {
	font-weight: normal;
}
#wall-help {
	background: #FFFFFB;
	border: solid 1px #eee;
	padding: 5px 10px;
	color: #6B5D52;
	margin-top: 5px;
}
#wall-help ul {
	margin: 0px;
	padding: 0px;
}
#wall-help li {
	margin-bottom: 10px;
	margin-right: 15px
}
.wall .ddl-menu {
	margin-top: 1px;
	margin-left: 8px;
	float: left;
}
.wall .ddl-menu .ddl {
	width: 80px;
}
div.ddl {
	/*float:left;*/
	position:relative;
}
div.ddl div.name {
	font-weight:bold;
	font-size: 10px;
	text-align: center;
}
div.ddl .frame {
	width: 90px;
	position: absolute;
	z-index:2;
	left: 0;
	cursor: pointer;
	color: #fff;
}
div.ddl ul.menu {
	margin: 3px 0 0 0;
	padding: 0;
	background: #fff;
	/*border-top: solid 1px #eaeaea;
	border-left: solid 1px #eaeaea;
	border-right: solid 2px #ccc;
	border-bottom: solid 2px #ccc;*/
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	display: none;
	color: #000;
}
div.ddl li {
	list-style-type: none;
	padding: 3px 10px;
}
div.ddl li.hover {
	background: #09c;
	color: #fff;
}
div.view {
	border: solid 1px #ddd;
	background: #fff;
	margin-bottom: 15px;
    /*height: 31px;*/
    padding: 13px 10px 10px;
    box-shadow: 2px 2px 3px #eee;
}
div.view ul {
	padding-right: 20px;
}
.sticker {
	background: #ffc !important;
	border: 1px solid #F3E0D0 !important;
}
.view-header {
	font-weight: bold;
	margin-bottom: 10px;
}
div.view span.label {
	padding: 0 10px;
}
div.view select {
	width: 200px;
}
div.view > span {
	float: none !important;
	display: inline !important;
}
div.info span {
	float: none !important;
}
div.msg {
	background: #FFC;
	border: solid 1px #FC9;
}
span.wall-icon {
	background-image: url(../images/icons.png);
	background-repeat: no-repeat;
	display: block;
	float: left;
	width: 20px;
	height: 20px;
}
span.icon-manager, span.icon-goldenstar {
	background-position: -41px -326px;
	margin: 0 3px;
	float: right;
}
span.icon-leader {
	background-position: -80px -326px;
	margin: 0 3px;
	float: right;
}
span.icon-assist {
	background-position: -61px -326px;
	margin: 0 3px;
	float: right;
}
span.icon-artist {
	background-position: -157px -326px;
	margin: 0 3px;
	float: right;
}
span.icon-goldenstar {
	padding-right: 0 !important;
	margin-right: 0 !important;
	border-right: none !important
}
.wallTags {
	padding-left: 2px;
}
.wallTags .hilighted-l, .wallTags .hilighted-r {
	margin-top: 9px;
}
.hilighted-l a {
	color: #fff;
}
.hilighted-l a:hover {
	cursor: pointer !important;
}
.wall .toolbar {
	/*background: #ffc;
	border-top: solid 1px #CFC8B8;
	text-align: left;
	border: 1px solid #F3E0D0;*/
	background: #E6DED2;
	border: solid 1px #E6DED2;
	clear: both;
	padding: 5px 10px 5px;
	height: 20px;
}
.wall #special-tools label {
	float: left;
	font-weight: normal;
	margin-left: 5px;
}
.toolbar a, .toolbar span {
	margin-right: 10px;
	padding-right: 10px;
	border-right: solid 1px #C9BBA5;
	display: block;
	float: right;
}
.toolbar span {
	font-weight: bold;
}
.topic-header {
	margin-bottom: 5px;
	font-weight: bold;
}
.topic {
	margin-bottom: 17px;
	/*background: #ffc;*/
	background: #EFECE7;
	border: solid 1px #E6DED2;
	border-top: 0 none;
	padding: 0px;
}
.topic-new {
	color: #c00;
}
.topic-box-new {
	background: #ffc;
}
.active-topic {
	padding: 5px 10px 10px;
	clear: both;
}
#topic-toolbar {
	/*margin-bottom: 10px;*/
}
.active-topic .wall-toolbar {
	border-color: #D7D1C4;
	border-width: 1px;
	background: none;
}
.topic .wallLikes {
	padding-top: 5px;
	padding-bottom: 8px;
	background: none;
}
.caption {
	padding: 2px 10px;
}
/* end of wall */
#averageRate {
	font-weight: bold;
}
.hilighted-r {
	float: left;
	display: block;
	background:url(../images/hilight-02.gif) no-repeat bottom right;
	height: 25px;
	padding-right: 7px;
	margin-right: 10px;
}
.hilighted-l {
	display: block;
	background:url(../images/hilight-02.gif) no-repeat bottom left;
	padding-left: 7px;
	height: 25px;
	float: left;
}
.imp-link-r {
	float: left;
	display: block;
	background:url(../images/imp_link.png) no-repeat top right;
	height: 65px;
	width: 14px;
}
.imp-link-l {
	display: block;
	background:url(../images/imp_link.png) no-repeat top left;
	padding: 19px 0 0 10px;
	height: 45px;
	float: left;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}
a.imp-link-l:hover {
	color: #fff;
}
.btn {
	display: block;
	float: left;
	height: 43px;
	box-shadow: 0px 1px 3.5px rgba(0,0,0,0.3);
	background: var(--p-b4);
	line-height: 43px;
	/*opacity: 0.8;*/
	text-align: center;
	font-weight: bold;
	color: #fff;
	font-size: 13px !important;
	font-family: Dana;
	border: 0 none;
	/*border-radius: 7px;*/
	max-width: 160px;
    min-width: 120px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    box-sizing: border-box;
}
.btn:hover {
	/*background-position: 0 -61px;*/
	cursor: pointer;
	/*background: #eee;*/
	opacity: 0.85;
}
.btn:active {
	/*background-position: 0 -122px;
	background: #ccc;*/
	box-shadow: 0 1px 2px rgba(0,0,0,0.3) inset;
	opacity: 0.90;
}
a.btn {
	margin-bottom: 2px;
}
a.btn:hover {
	color: #fff;
}
a.btn.dark:hover {
	color: #fff !important;
}
.btn.gray {
	/* color: #fff !important; */
    /* height: 31px; */
    /* padding-top: 11px; */
    white-space: nowrap;
    /* width: 160px; */
    background: transparent;
    color: #000;
    border: solid 1px #000;
}
.btn.gray:hover {
	color: #000;
	background: rgba(0,0,0,0.02);
}
/*
.btn.gray:active {
	background-position: 0 -588px;
	box-shadow: 1px 1px 2px #aaa inset;
}*/
input[type=submit] { -webkit-border-radius: 0; -webkit-appearance:none; }


.receipt .btn.gray { background: var(--p-b4); color: #fff; margin: 0 30px 13px 0; }
.receipt .btn.gray:not(.delete):hover { opacity: 0.8; color: #fff !important; }
.box_large label { font-weight: bold; }
table.table-list td { text-align: center; }
.tip-help {
	color: #999999;
	display: inline;
}
#promotion-box .tip {
	margin: 15px 0 0;
}
.tip {
	/*background: #eee;*/
	padding: 11px 13px;
	border: solid 1px transparent;
	margin: 0;
	color: #000;
	border-radius: 10px;
	text-align: justify;
}
.tip.success {
	background: rgb(0 216 131 / 20%);
    /* border: solid 1px #e1f3c5; */
    margin-bottom: 18px;
    color: #00814E;
    font-size: 13px;
    line-height: 25px;
    padding: 8px;
    border-radius: var(--border-radius) 25px 25px var(--border-radius); 
}
.tip.success::before {
	content: '';
    background: url(//static.honarticket.com/resource/images/tik.svg);
    display: inline-block;
    width: 27px;
    height: 27px;
    background-repeat: no-repeat;
    background-size: 60%;
    vertical-align: middle;
    margin-left: 10px;
    background-color: #fff;
    border-radius: 50%;
    border: solid 3px #eafdf1;
    background-position: center;
}
.tip.warning {
	background: #ffffe5;
    border: solid 1px #f1e7e0;
}
.tip.error {
    color: #900;
    background: #fff1f0;
    border-color: #fbe0e6;
}
.tip a {
	font-weight: bold;
}
.tip span {
	/*color: #c00;*/
	font-weight: bold;
	/*font-size: 11px;*/
}
#header span {
	display: block;
	float: right;
}
#header h1 span { font-size: 15px; }
#header .tools {
	padding-right: 0;
	color: #000;
	font-weight: bold;
	width: 100%;
}
.tools a {
	display: block;
	float: right;
	/*border-right: solid 1px #ddd;*/
	font-size: 12px;
	padding: 0 15px;
	font-weight: normal;
}
#header .tools > span, #header .tools > div {
	float: right;
	padding: 0 10px 0 25px;
	border-right: var(--sep-border); 
	height: 20px;
    line-height: 20px;
    margin-top: 7px;
}
#header .tools > span { display: block; }
#header .tools > span.section-links { padding-left: 0; /*width: 300px;*/ display: flex; }

.section-links a.selected { font-weight: bold; }

#user-bar {
	/*float: left;
	margin-top: 10px;
	color: #89BFE0;
	font-weight: bold;
	width: 215px;
	overflow: hidden;*/
}

#head a { color: #000; transition: opacity 0.1s; white-space: nowrap; }
#head a.dark { color: #fff; background: var(--p-b4) !important; }
#head a.dark:hover { color: #fff !important; }
#head a:hover { opacity: 0.8; }
#head a img { width: 123px; margin-top: -14px; }
div.title, h3 {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	/*width: 180px;*/
    /*margin-top: 2px;*/
}
#schedule {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 16px;
}
#schedule li {
	position: relative;
}
#schedule li div {
	position: absolute;
	top: 60px;
	right: 125px;
}
.global-side-ad {
	float: right;
	text-align: justify;
}
.global-side-ad a {
	border-bottom: 0 none !important;
}
.global-side-ad p {
	margin-top: 0;
}
div.theme-shadow {
	height: 1px;
	border-top: solid 1px #ccc;
}
div.photos-theme {
	/*border-top: solid 3px #690 !important;*/
}
div.club-theme, div.blogs-theme {
	/*border-top: solid 3px #09c !important;*/
}
div.theaters-theme, div.groups-theme {
	/*border-top: solid 3px #DDA56C !important;*/
}
div.general-theme {
	/*border-top: solid 3px #935444 !important;*/
}
div.theaters-theme .tabmenu-r {
	margin-right: 0;
}
div.theaters-theme .tabmenu-l {
	/*width: 535px !important;*/
}
div.theaters-theme #wallCommentBody {
	width: 413px;
}

.sidebar-section {
	margin-bottom: 6px;
}
.sidebar-section > a {
	display: block;
	height: 27px;
	padding-top: 5px;
	padding-right: 10px;
	border-top: solid 1px #eee;
}
.sidebar-section a.selected {
	background: #09c;
	color: #fff;
	border-top: 0 none;
}
.feedback {
}
.feedback span {
	font-weight: normal;
	border: 0 none !important;
}
.feedback span.stat {
	padding-right: 10px;
	float: right;
	padding-top: 2px;
}
#header .feedback span {
	margin-right: 0;
	padding-top: 0;
}
#header .social-btn {
	padding: 0 4px 2px;
}

.feedback span {
	display: block;
}
div.theaterpage-watchstates span.stat{
	display: block;
	padding: 10px 0;
	border-top: solid 1px #ddd;
	clear: right;
}
table.login td {
	padding: 5px 5px 3px;
}
#navmenu table.login td {
	padding: 1px 0;
}
.separator-line {
	line-height: 1px;
	border-top: solid 2px #eee;
	margin-bottom: 10px;
}
.top-ad {
    /*border: dotted 1px #aaa;*/
    color: #999;
    float: right;
    height: 60px;
    margin: 11px 90px 0 0px;
    width: 468px;
   	text-align: center;
}
#left-column {
    direction: rtl;
    float: left;
    /*margin-top: 80px;*/
    text-align: justify;
    width: 236px;
    min-height: 500px;
    overflow: visible;
}
#sda a {
	border-bottom: dotted 1px #777;
	display: block;
	line-height: 0;
}
#sda img {
	width: 234px;
	height: 108px;
}
#left-column .first {
	margin-top: 0 !important;
}
#left-column .last {
	margin-bottom: 0 !important;
}
.ad {
	/*height: 50px;
	color: #960;
	background: url(../images/ad_bg_01.png) no-repeat;
	margin-bottom: 2px;
	padding-top: 10px;
	text-align: center;
	vertical-align: middle;
	font-size:12px;
	font-weight: bold;
	font-family: Tahoma;
	overflow: hidden;*/
	position: relative;
}
.ad div.message {
	position: absolute;
	left: 0;
	top: 10px;
	background-color: #900;
	color: #fff;
	padding: 1px 5px 2px;
	line-height: 17px;
	font-size: 13px;
}
#featured-wall-posts .writer{
	float: right;
}
#featured-wall-posts .wall-post {
	border-bottom: solid 1px #ccc;
	line-height: 20px;
	text-align: justify;
	padding: 5px 0;
}
#featured-wall-posts .hilighted-l {
	margin-top: 0;
}
#featured-wall-posts .wallTags .hilighted-r  {
	margin-top: 0;
	margin-right: 5px;
}
.embedded-wall-title {
	padding-top: 5px;
	border-top: solid 1px #ddd;
	font-weight: bold;
	color: #09c;
}
.date {
    color: #777777;
    display: block;
    margin: 5px 10px 7px;
    clear: both;
}
.checkbox-grid-container td {
	white-space: nowrap;
}
div.imp-message {
	width: 500px;
	background: #ffc;
	padding: 3px 5px 4px;
	border: solid 1px #FC0;
	margin: 20px auto 15px;
}
.column {
	float: right;
}
.ltr {
	direction: ltr;
}
.rtl {
	direction: rtl;
}
#special-tools {
	display: block;
	height: 66px;
}
.item-feedback-container {
	border-top: solid 1px #ddd;
	padding-top: 10px;
	float: left;
}
.item-feedback-container ul {
	list-style-type: none;
	margin: 20px 0 0 ;
	padding: 0 20px 0 0;
	text-indent: 0;
}
.item-feedback-container li {
	height: 34px;
	direction: rtl;
	text-align: right;
	line-height: 26px;
}
.item-feedback-container input {
	float: right;
	width: 450px;
	padding: 0 5px 6px;
}
li.simple-li { list-style-type: none; padding-top: 10px; }

.ui-stepper {
	height:26px;
	width: 80px;
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #ddd;
	background: #fff;
	float: right;
	margin-right: 10px
}

.ui-stepper .ui-stepper-textbox {
	width: 75%;
	height: 100%;
	float: right;
	text-align: center;
	vertical-align: middle;
	font-size: 125%;
	border: none;
	background: none;
	padding: 0;
}

.ui-stepper .ui-stepper-plus,
.ui-stepper .ui-stepper-minus  {
	width: 25%;
	height: 50%;
	font-size: 0.5em;
	padding: 0;
	margin: 0;
	z-index: 100;
	text-align: center;
	position: absolute;
	left: 0;
	font-family: "Courier New", Courier, monospace;
}
.ui-stepper .ui-stepper-minus {
	bottom: 0;
}
.itemFeedbackOptions {
	margin-right: 50px;
}
.itemFeedbackOptions a {
	float: right;
	padding: 1px 5px 3px;
}
.itemFeedbackOptions div {
	cursor: pointer;
	float: right;
	clear: both;
	line-height: 23px;
}
.itemFeedbackOptions div:hover {
	color: #935444;
}
.itemFeedbackOptions input, .itemFeedbackOptions label {
 	cursor: pointer;
 }

.itemFeedbackOptions input {
	float: right;
	margin-left: 10px
}
.item-feedback-result {
	display: block;
	float: right;
	background: #f7f7f7;
	padding: 1px 5px 3px;
	margin: 0 10px 0 0;
}
a.clear-item-feedback {
	background: #f7f7f7;
	padding: 1px 5px 3px;
	border-right: solid 1px #ccc;
}
a.clear-item-feedback:hover {
	background: #999;
	border-right: solid 1px #999;
	color: #fff;
}
.itemFeedbackOptions span.tip-help {
	padding: 0 3px 5px 0;
	display: block;
	color: #935444;
}
.itemFeedbackOptions input:checked + label {
	color: #935444;
}
.selected-star {
	background-color: #f7f7f7;
}
a.feedback-link {
	display: block;
	height: 15px;
	line-height: 14px;
	float: right;
}
.wall-post .links a.feedback-link {
	/*display: none;*/ /* remove for next version */
}
div.addItemFeedback {
    float: right;
    margin-bottom: 10px;
    margin-right: 15px;
    clear: right;
}
.reference-container input.checkbox {
	margin: 5px 5px 0;
}
.reference-container label {
 	margin: 1px 0 0;
 }
 .user-tools { color: #aaa; background: #fff; position: absolute; top: -37px; right: 5px; border: solid 1px #eee; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); padding: 10px;width: 265px; }
 .user-tools a { font-weight: normal !important; border-right: solid 1px #ccc; margin-right: 10px; padding-right: 10px; display: block; float: right}
.removed .wallItemBody,
.removed .writer a,
.removed.wallCommentItem .commenter a,
.removed.wallCommentItem,
.removed.comment
{
	color: #ccc;
}
.quarantined .wallItemBody,
.quarantined .writer a,
.quarantined.wallItemBody,
.quarantined.wallCommentItem .commenter a,
.quarantined.wallCommentBody,
.quarantined.comment .commenter a,
.quarantined.commentBody
{
	color: #f00 !important;
}
.quarantined2 .writer a,
.quarantined2 > .commenter a
{
	color: #f90 !important;
}
.limited .wallItemBody,
.limited .writer a,
.limited.wallCommentItem .commenter a,
.limited.wallCommentItem,
.removed.comment { color: #f0b; }
.disabled-user { color: #ccc; }
.left { float: left !important; }
.overflow-hidden { overflow: hidden; }
.clear-left { clear: left; }
.clear-right { clear: right; }

div.history-log {
	position: absolute;
	background: #fff;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	padding: 10px;
	display: none;
	/*top: 40px;*/
	right: 0;
	margin-right: 0 !important;
	z-index: 10;
	width: 450px;
	direction: ltr;
}
a.history {
	cursor: pointer;
}
#terms {
	overflow-x: hidden;
	overflow-y: auto;
	height: 300px;
	padding-right: 10px;
}
.black { color: #000 !important; }
.red { /*color: #b00 !important;*/ }
.red-color { color: var(--color-red); }
.purple { color: #BF12D0 !important; }
.simple { background: none !important;	border: 0 none !important; }
.bold {	font-weight: bold; }
.back-hilighted { background: var(--color-red); color: #fff; padding: 0 3px; }
.bigger { font-size: 14px; }
.more {
	font-size: 11px !important;
	float: left;
	padding: 3px 5px 3px 10px;
}
.no-border {
	border: 0 none !important;
}
.wall-post-box.topic textarea {
	width: 520px !important;
}
.zb-login a {
	display: block;
	width: 100px;
	height: 24px;
	position: relative;
	/*margin: 16px 0px 0px 0px;*/
	float: left;
}
.zb-login span.logo {
	width: 30px; height: 30px;
	background: url(//cdn.zirbana.com/image/zb_logos_32_white.png) no-repeat -1px -1px;
	position: absolute;
	top: 4px;
	left: 4px;
}
.zb-login span.title {
	position: absolute;
	top: 8px;
	left: 31px;
	color: #fff;
}
.zb-login #btn-login span.title {
	left: 55px;
}
#home-subject-menu .tile.first-in-row {
	width: 326px;
}
#home-subject-menu {
	/*width: 753px;
	margin-top: 5px;*/
	float: right;
	position: relative;
}
.tile {
	display: block;
	float: right;
	position: relative;
	width: 327px;
	height: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
	box-shadow: 1px 1px 1.5px #aaa;
	background: url('../images/panel_bg.jpg') no-repeat;
}
.tile a.subject {
	display: block;
	width: 327px;
	height: 100px;
}


.tile span.menu-item {
	position: absolute;
	bottom: 15px;
	right: 7px;
}
/*a.tile div {
	position: absolute;
	top: 51px;
	right: 0px;
	width: 10px;
	height: 20px;
	opacity: 0.85;
	filter: alpha(opacity=85);
	border: solid 1px #fff;
	border-right: 0 none;
}*/
.tile div.edge {
	position: absolute;
	top: 47px;
	left: 0px;
	width: 7px;
	height: 27px;
	opacity: 0.85;
	filter: alpha(opacity=85);
	border: solid 1px rgba(0,0,0,0.25);
	border-left: 0 none;
}
.tile:active {
	box-shadow: 1px 1px 2px #006C91 inset !important;
	opacity: 1;
	filter: alpha(opacity=100);
}
.tile:hover {
	opacity: 0.85;
	filter: alpha(opacity=85);
}
.tile.i0 {
	background-position: -488px -90px;
}
.tile.i1 {
	background-position: -365px -90px;
}
.tile.i2 {
	background-position: -192px -90px;
}
.tile.i3 {
	background-position: -488px -165px;
}
.tile.i4 {
	background-position: -365px -165px;
}
.tile.i5 {
	background-position: -192px -165px;
}
.tile.i6 {
	background-position: -488px -245px;
}
.tile.i7 {
	background-position: -365px -245px;
}
.tile.i8 {
	background-position: -192px -245px;
}
.tile.i11 {
	background-position: -192px -390px;
}

h4 {
	padding: 10px 0px 5px;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    border-top: var(--sep-border);
    background: #fff;
}
div.special-offers {
	border: solid 1px #ddd;
	background: #fff;
}
div.special-offers a {
	color: #000;
	padding: 0 !important;
	height: 50px;
}
div.special-offers a:hover {
	color: #92451C;
}
.first-in-column {	margin-top: 0px !important; }
.first-in-row { margin-right: 0 !important; }
#register-link {
	margin-left: 23px;
	width: 111px;
}
.reference-container .inner-labeled label {
	top: 0;
	right: 0;
}
.browsable { transition: opacity 0.2s, border-color 0.2s, background 0.2s; -webkit-transition: opacity 0.2s, border-color 0.2s, background 0.2s; }
.browsable.spotted {
	/*box-shadow: 1px 2px 3px #ddd;*/
	/*border-bottom: 0 none;*/
	/*border-top: solid 1px #000;*/
	/*border-bottom: solid 1px #000;*/
}
.browsable.spotted + .browsable.faded { border-top-color: transparent; }
.browsable.faded {
	/*opacity: 0.4;
	filter: alpha(opacity=40);
	border: solid 1px #e3e3e3;
	border-left: 0 none;
	border-right: 0 none;
	padding: 0 1px 10px;
	border-left: solid 1px transparent;
	border-right: solid 1px transparent;*/
	background: none;
	box-shadow: none;
	opacity: 0.5;
}
.wall-post.topic.faded {
	padding: 0 1px 10px !important;
	
}
div.wallpost-subject {
	float: left;
	background: #f5f5f5;
	margin-top: 10px;
	/*border-left: solid 3px #ccc;*/
}
div.wallpost-tags {
	float: left;
	background: #f5f5f5;
	margin: 10px 0 0 10px;
}
div.wallpost-tags a {
	display: block;
	padding: 1px 10px 2px;
	float: left;
}
div.wallpost-subject a {
	display: block;
	padding: 1px 10px 2px;
}
div.wallpost-subject a:hover, div.wallpost-tags a:hover {
	background: #bbb;
	color: #fff;
}
span.subject-color {
	display: block;
	float: left;
	width: 5px;
	height: 22px;
	margin: 10px 0 0 0;
}
.wall-post span.subject-color {
	/*opacity: 0.60;
	filter: alpha(opacity=60);*/
}
.spotted span.subject-color {
	opacity: 1;
	filter: alpha(opacity=100);
}
.faded span.subject-color {
	background-color: #e6e6e6 !important;
}
.faded div.wallpost-subject, .faded div.wallpost-tags, .faded .wallCommentItem, .faded .wallLikes, .wall-post.collapsed div.wallpost-subject, .wall-post.collapsed div.wallpost-tags  {
	background-color: transparent !important;
}
.title .wallpost-subject {
	/*margin-top: 0 !important;
	font-weight: normal;
	float: left !important;*/
	position: absolute;
	top: 9px;
	left: 5px;
}
.title .subject-color {
	/*margin-top: 0 !important;
	float: left !important;*/
	position: absolute;
	top: 9px;
	left: 0px;
}

/* ===============================
   theme
   =============================== */

.wall-sidebar a.selected {
	background: #09c;
	color: #fff;
}
.wall textarea#wallBody {
	border: solid 1px #ddd;
	background-color: #fff;
	margin-bottom: 5px;
}
.wall .writer {
	border-top: 0 none;
	margin-top: 0;
}
.wall-post {
	background: #fff;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	margin-top: 0px;
	padding-bottom: 10px;
	/*overflow-x: hidden;*/
	box-shadow: 2px 2px 3px #eee;

}

.wall .writer {
	/*background: #eee;
	border-top: solid 2px #bbb;*/
	padding: 15px 10px 6px;
	margin-top: 10px;
	/*height: 19px;*/
	float: right;
	/*width: 390px;*/
}
.wallTags {
	padding-left: 8px;
}
li.currentPageNumber a {
	border: solid 1px #000;
}
.no-bg {
	background: none !important;
}
.video-player {
	float: left;
}
h6 {
	font-size: 17px;
	padding-bottom: 10px;
	margin: 10px 0 0;
}
/*.store h6 {
	border-top: 3px solid #ddd;
	padding-top: 10px;
}*/
.store h6 {
	border-top: 0 none;
    padding-top: 20px;
    /*border-bottom: 1px solid #e1e2e5;*/
}
.item-tiles a, .item-tiles img.empty-item {
	position: relative;
	display: block;
	/*float: right;*/
	width: 120px;
	height: 120px;
	overflow: hidden;
}
.item-tiles a img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.item-tiles a .title {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	padding: 2px 5px 3px 5px;
	overflow: hidden;
	white-space: nowrap;
	z-index: 10;
	width: 110px;
}
.item-tiles a:hover .title {
	background: rgba(0,102,153,0.8);
}
.item-tiles a.more:hover .title {
	display: block;
}
.item-tiles.store a {
	--min-height: 196px;
	width: 100%;
	/*height: 150px !important;*/
	height: auto !important;
	box-sizing: border-box;
	/*box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);*/
	min-height: var(--min-height);
}
.item-tiles.store a img {
	right: 0;
}
.item-tiles.store a .title {
	width: 357px;
}
.content {
	/*border: solid 1px #ddd;
	background: #fff;
	box-shadow: 2px 2px 3px #eee;*/
}
.color-all, .color-wall, .link-wall:hover {
	background: #8E5648 !important;
}
.color-theater, .link-theater:hover, .color-fajrtheater92, .link-fajrtheater92:hover, .color-fajrtheater93, .link-fajrtheater93:hover, .color-theatre93, .link-theatre93:hover {
	background-color: #AD8569 !important;
}
.color-cinema, .link-cinema:hover, .color-fajrfilm92, .link-fajrfilm92:hover, .color-fajrfilm93, .link-fajrfilm93:hover, .color-honarotajrobeh {
	background-color: #C84444 !important;
}
.color-music, .link-music:hover, .color-fajrmusic92, .link-fajrmusic92:hover, .color-fajrmusic93, .link-fajrmusic93:hover {
	background-color: #9277B3 !important;
}
.color-literature, .link-literature:hover {
	background-color: #C86A97 !important;
}
.color-photography, .link-photography:hover {
	background-color: #285A80 !important;
}
.color-visualarts, .link-visualarts:hover {
	background-color: #1091EF !important;
}
.color-memorial, .link-memorial:hover {
	background-color: #D3AD54 !important;
}
.color-tourism, .link-tourism:hover {
	background-color: #339999 !important;
}
.color-tech, .link-tech:hover {
	background-color: #EE6D48 !important;
}
.color-podcast, .link-podcast:hover {
	background-color: #4E4169 !important;
}
.color-general, .link-general:hover {
	background-color: #999 !important;
}
.color-tiwall, .link-tiwall:hover {
	background-color: #09c !important;
}
a.items-all {
	display: block;
	float: left;
	width: 49px;
	height: 242px;
	background: #ccc;
	margin-top: 2px;
	position: relative;
}
.alt a.items-all {
	width: 32px;
}
a.items-all:hover {
	opacity: 0.85;
	filter: alpha(opacity=85);
}
a.items-all:active {
	background-color: #bbb;
}
a.items-all.single-row {
	height: 120px;
}
a.items-all.single-row span.icon {
	display: none;
}
a.items-all.single-row span.text {
	bottom: 27px;
}
a.items-all span {
	display: block;
	position: absolute;
	background: url(../images/images_items.png?v=2) no-repeat;
	width: 53px;
	height: 120px;
	bottom: 95px;
}
a.items-all span.text {
	bottom: 40px;
	background-position: -24px 6px;
}
a.items-all.theater span.icon {
	background-position: -163px 6px;
}
a.items-all.cinema span.icon {
	background-position: -290px 6px;
}
a.items-all.music span.icon {
	background-position: -435px 6px;
}
a.items-all.photography span.icon {
	background-position: -700px 6px;
}
a.items-all.visualarts span.icon {
	background-position: -814px 6px;
}
a.items-all.tourism span.icon {
	background-position: -1071px 6px;
}
a.items-all.tech span.icon {
	background-position: -1258px 6px;
}
span.selected-subject-knob {
	display: block;
	float: right;
	height: 45px;
	width: 8px;
	border-left: 1px solid #C3E6F3;
	/*border-right: 0 none;*/
	margin: 0px 0px 0 0px;
}
#head-events {
	width: 787px;
	float: right;
	margin-right: -2px;
}
#subject-submenu {
	box-shadow: 1px 1px 1.5px #AAAAAA;
	margin-top: 2px;
	/*padding: 5px 0;*/
}
#subject-submenu a {
	display: block;
    height: 28px;
    padding-right: 27px;
    padding-top: 8px;
	color: #fff;
	font-weight: bold;
}
#subject-submenu a:hover {
	background: #000;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
#subject-submenu span.selected-knob {
	display: block;
	float: right;
	height: 20px;
	width: 8px;
	background: #036395;
	border: 2px solid #fff;
	border-right: 0 none;
	margin: 6px 0px 0 0px;
}
.breadcrumb .toolbar {
	float: left;
}
#events-list {
	padding-right: 14px;
	padding-bottom: 14px;
}
#events-list a {
	margin: 0 7px 7px 0 !important;
}
#events-list.alt {
	padding-right: 10px;
}
#events-list.alt a {
	margin: 0 2px 2px 0 !important;
}
.events-list.item-tiles.store a {
	/*border-top: 1px solid #EBD8D8;*/
    /*margin-top: 4px !important;*/
    margin-bottom: 0px !important;
    position: relative;
    /* height: 200px !important; */
    box-sizing: border-box;
    /*padding-bottom: 80px;*/
   background: var(--p-b1);
   /*border-radius: var(--border-radius);*/
}
.item-tiles.store a img.item-image {
	position: static;
    /* float: right; */
    margin: 0px -10px -10px -10px;
    width: calc(100% + 20px);
    /* max-width: 200px; */
    min-height: var(--min-height);
    /* border-left: solid 1px #eee; */
    /* max-height: 292px; */
    max-height: 315px;
    min-width: 200px;
    float: right;
}
.item-tiles.store a.canceled img.item-image { filter: grayscale(1); -webkit-filter: grayscale(1); }
.item-tiles.store a.soldout img.item-image { filter: var(--soldout-filter); -webkit-filter: var(--soldout-filter); }

.rolls.search .grid > a.search-hide { display: none; }

.item-tiles.store h2 {
	font-size: 13px;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px;
    /*text-align: center;*/
}
.item-tiles.store h2 span.prefix { font-weight: normal; font-size: 13px; display: none; }
h6 {
	padding-right: 12px;
	padding-left: 7px;
}
.tile.wall {
	/*width: 200px;
	height: 100px !important;
	margin-bottom: 6px !important;*/
	background-position: -488px -255px;
}
.tile.wall div {
	/*border-left: solid 1px rgba(255,255,255,0.3);*/
	border: 0 none;
}
.tile.wall:active {
	box-shadow: 1px 1px 2px #000 inset;
}
.tile.wall span {
	right: 10px;
}
.posts a {
	display: block;
	margin-top: 7px;
}
h6 a {
	color: #069;
	float: left !important;
	height: 21px !important;
	width: 100px !important;
	text-align: left;
	padding-left: 5px;
}
#featured-items {
	width: 785px;
	position: relative;
}
#featured-items > a, #featured-items div.right > a {
	overflow: hidden;
	position: relative;
	/*width: 544px;
	height: 240px;*/
	height: 120px;
	display: block;
	float: right;
	margin-right: 2px;
	margin-top: 2px;
	background: #000 !important;
	width: 260px;
}
#featured-items > a:hover, #featured-items div.right > a:hover {
	opacity: 0.90;
	filter: alpha(opacity=90);
}

#featured-items div.title, #featured-items div.note {
	position: absolute;
	bottom: 24px;
	right: 0px;
	color: #FFFFFF;
	/*opacity: 0.50;
	background: #000;
	filter: alpha(opacity=50);*/
	overflow: hidden;
	padding: 2px 5px 3px;
	white-space: nowrap;
	width: 260px;
	z-index: 10;
	font-size: 11px;
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.7);
	text-shadow:0 1px 1px rgba(0,0,0,0.8);
}
#featured-items div.label {
	position: absolute;
	top: 0;
	left: 0;
	bottom: auto;
	width: 58px;
	height: 58px;
	background:	 url(../images/images.png?v=02) no-repeat -410px 0;
}
#featured-items div.note {
	/*background: #a00;
	padding: 2px 15px 3px;
	width: auto;*/
	bottom: 0;/*24px;*/
	font-weight: bold;
	z-index: 11;
	text-align: right;
}
#featured-items div.title {
	font-weight: normal !important;
}
#featured-items div.title span {
	font-weight: bold !important;
}
#featured-items a:hover div.title, #featured-items a:hover div.note {
	/*background: #069;*/
	color: #fff;
	background: rgba(0,102,153,0.8);
}
#featured-items a:hover div.desc {
	background: #400;
}
#featured-items a.colspan3 {
	width: 391px;
}
#featured-items a.colspan4 {
	width: 522px;
}
#featured-items a.colspan6 {
	width: 782px;
}
#featured-items.store {
	width: 783px;
	padding: 0 0 1px 0;
	margin-bottom: 10px;
	background: transparent;
	border: 0 none;
}
#featured-items.store > a, #featured-items.store div.right > a {
	margin-right: 1px;
}
#featured-items.store .colspan3.first-in-column {
	width: 390px;
}
.item-tiles div.label {
	top: 0;
	left: 0;
	width: 58px;
	height: 58px;
	background:	 url(../images/images.png?v=02) no-repeat;
	position: absolute;
	z-index: 11;
}
.store.item-tiles div.label {
	left: auto;
	top: 4px;
	right: 42px;
}
div.label.future {
	background-position: -470px 0;
}
div.label.warning.near-end {
	background-position: -640px 0;
}
.full-width {
	width: 100%;
}
#reserve-config {
	/*border-top: solid 2px #eee;
	margin: 10px 0 0;*/
	/*overflow: hidden;*/
	/*margin-top: 6px;*/
	clear: both;
}
#reserve-config h3 {
	/*margin: 5px 0 7px;*/
	/*padding: 15px 0 10px;*/
	margin: 10px 0 10px;
	display: none;
}
#reserve-config h3 .step {
	margin-top: -3px;
}
.important {
	font-size: 15px;
}
.center {
	text-align: center;
}
h3.section-header {
	border-top: solid 2px #ccc;
	margin-top: 20px;
}
#promotion-box {
	background: #f5f5f5;
	width: 188px;
	margin: 0 10px 10px 0;
	padding: 5px 5px 7px;
	border: solid 1px #ddd;
	float: left;
	clear: left;
}
#promotion-box .body {
	padding: 12px;
}
#promotion-box h6 {
	margin-top: 5px;
	padding-right: 0;
	border-bottom: solid 2px #09c;
	text-align: center;
}
#promotion-box .price {
	font-size: 15px;
	text-align: right;
}
.overrided {
	text-decoration: line-through;
}
#promotion-box .mainPrice {
	color: #c00;
	margin-top: 5px;
}
#promotion-box .btn {
	width: 164px;
	margin-top: 10px;
	font-size: 14px !important;
	font-family: Dana;
	padding-top: 16px !important;
	height: 39px !important;
}
#promotion-box .btn.gray {
	height: 34px !important;
}
select.session::-webkit-scrollbar{width:1px;background-color:transparent}
select.session {
	width: 880px;
	border: 0 none !important;
	padding: 0;
}
select.session option {
	cursor: pointer;
	padding: 1px 5px 3px 0;
}
select.session option:hover {
	color: #069;
	cursor: pointer;
}
hr {
	border: 0 none;
	border-bottom: solid 1px rgba(0,0,0,0.1);
}
.tip hr {
	padding-bottom: 3px;
}
.posts .subject-color {
	margin: 23px 10px 0 0;
}
.wall-inner-title {
	font-weight: bold;
	display: block;
	color: #000;
}
.wall-inner-title:hover {
	color: #09c;
}
#left-column .tile {
	margin-right: 0;
}
.tile.podcast {
	float: none;
    overflow: hidden;
    position: relative;
    /*width: 200px;
    margin-right: 0;
    box-shadow: none;*/
}
.tile.podcast.side {
	width: 200px;
    margin-right: 0;
    box-shadow: none;
}
.foreground-content {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}
.background-content {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
}
.box_large iframe {
	border: 0;
}
.newsImage {
	float: left;
	margin-right: 10px;
}
#navigation {
	/*float: right;*/
	margin-top: 25px;
}
#navigation > a.t, #navigation > a.m { display: none }
#navigation > a, #user-bar > a {
	display: block;
    float: right;
    padding: 0px 12px;
    font-weight: bold;
    font-size: 13px;
    padding-bottom: 7px;
    /*margin-bottom: 1px;*/
}
#navigation > a:not(.logo) { margin-top: 1px; font-weight: normal; display: none; }
#navigation a.home-link { margin-right: 10px; }
#navigation a.selected { font-weight: bold; border-bottom: solid 2px #000; }
#navigation a.group-start {
	border-right: solid 1px #dfdfdf;
}

#user-bar div.user-image { border-radius: 50%; width: 20px; height: 20px; border: solid 1px #fff; }
#user-bar a.user-image { float: right !important; padding: 0; pointer-events: none; margin-left: 5px; margin-bottom: 0; margin-right: -1px; }

#user-bar .top-margined { margin-top: 0; float: none !important; }

#navmenu a:hover {
	background-color: rgba(0,0,0, 0.12);
}
h3.title {
	border-bottom: solid 2px #09c;
	padding: 5px 10px;
	background: #f5f5f5;
}
.hidden-section {
	display: none;
}
.wall .list-image {
	margin-top: 5px;
}
.faded img, .faded .user-image {
	opacity: 0.1;
	filter: alpha(opacity=10);
}
#sda {
	/*margin-top: 10px;*/
	border: solid 1px #ccc;
}
#sda .first {
	margin-top: 0 !important;
}
#spotlights {
	padding: 0 7px 3px 0;
}
#spotlights .list-image {
	float: right;
	margin: 0 0 0 10px;
}
.stat a {
	margin-left: -5px;
	padding-left: 5px !important;
}
.stat {
	margin-top: 15px;
}
.cmfErrorMessageBoard {
    color: red;
}
.err, .errorBox {
    background: url("../images/err.gif") no-repeat scroll right center #FFE4E2;
    border: 1px solid #FF0038;
    padding: 10px 35px 10px 10px;
}
.ok, .messageBox {
    background: url("../images/ok.gif") no-repeat scroll right center #EFFAEB;
    border: 1px solid #8FDC79;
    margin: 5px;
    padding: 10px 35px 10px 10px;
}
.alert {
    background: url("../images/alert.gif") no-repeat scroll right center #FFF0BA;
    border: 1px solid #E87C29;
    padding: 10px 35px 10px 10px;
}
.ok a, .messageBox a {
    color: #3333FF;
    font-weight: bold;
    line-height: 2;
}
.ok a:hover, .messageBox a:hover {
    color: #BB002F;
}
.feedbacks {
	margin-top: 5px;
}
.photoReportShowFull {
	display: block;
	float: right;
	margin-top: 10px;
}
.eventPhotoReportShowFull {
	display: block;
	float: left;
	margin-top: 7px;
}
.step {
	/*background: url("../images/images.png?v=02") no-repeat;
	display: block;
	width: 35px;
	height: 35px;
	float: right;
	margin: -5px 0 0 5px;*/
}
.step.s1 {
	background-position: -600px -7px;
}
.step.s2 {
	background-position: -565px -7px;
}
.step.s3 {
	background-position: -530px -7px;
}

.wall .user-image {
	float: right;
	margin: -15px -10px 0 7px !important;
}
div.user-image {
	display: block;
	width: 50px;
	height: 50px;
	padding: 0 !important;
}
div.user-image.big {
	width: 200px;
	height: 200px;
}
div.user-image {
	background: #ccc url("../images/images_menu.png?v=08") no-repeat;
}
.icon.med.theater {
	background-position: -44px 4px;
}
.icon.med.cinema {
	background-position: -44px -40px;
}
.icon.med.music {
	background-position: -44px -84px;
}
.icon.med.literature {
	background-position: -44px -131px;
}
.icon.med.photography {
	background-position: -44px -174px;
}
.icon.med.visualarts {
	background-position: 0 -41px;
}
.icon.med.memorial {
	background-position: 0 -85px;
}
.icon.med.tourism {
	background-position: 0 -131px;
}
.icon.med.tech {
	background-position: 0 4px;
}
.icon.med.general, .icon.med.rep {
	background-position: 2px -215px;
}
.icon.med.tiwall {
	background-position: -44px -217px;
}
.icon.med.wall {
	background-position: 6px -175px;
}
.icon.med.home {
	background-position: 3px -264px;
}
.icon.med.receipts {
	background-position: -257px -675px;
}
.icon.med.wishes {
	background-position: -214px -675px !important;
}
.icon.med.store {
	background-position: -171px -720px !important;
}

.wallComments div.user-image.theater {
	background-position: -222px 11px !important;
}
.wallComments div.user-image.cinema {
	background-position: -222px -48px !important;
}
.wallComments div.user-image.music {
	background-position: -222px -92px !important;
}
.wallComments div.user-image.literature {
	background-position: -222px -138px !important;
}
.wallComments div.user-image.photography {
	background-position: -222px -182px !important;
}
.wallComments div.user-image.visualarts {
	background-position: -222px -474px !important;
}
.wallComments div.user-image.memorial {
	background-position: -222px -518px !important;
}
.wallComments div.user-image.tourism {
	background-position: -222px -562px !important;
}
.wallComments div.user-image.tech {
	background-position: -222px -431px !important;
}
.wallComments div.user-image.tiwall {
	background-position: -222px -225px !important;
}

.my-tickets {
	/*background: #AD9999;
	color: #fff !important;
	font-weight: bold;
	text-align: center;
	height: 27px !important;*/
	display: inline;
	font-weight: normal;
}
.my-tickets:hover {
	opacity: 0.85;
	filter: alpha(opacity=85);
}
#counter {
	color: rgb(255, 255, 255);
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
	float: left;
	margin-top: -5px;
	display: block;
	background: #f7cf56;
	background: -moz-linear-gradient(top, #f7cf56 0%, #e8a900 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7cf56), color-stop(100%,#e8a900));
	background: -webkit-linear-gradient(top, #f7cf56 0%,#e8a900 100%);
	background: -o-linear-gradient(top, #f7cf56 0%,#e8a900 100%);
	background: -ms-linear-gradient(top, #f7cf56 0%,#e8a900 100%);
	background: linear-gradient(to bottom, #f7cf56 0%,#e8a900 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7cf56', endColorstr='#e8a900',GradientType=0 );
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
	padding: 8px;
	font-weight: bold;
}
.event-image-titr {
	background-color: #F2F8F9;
	border: 1px solid #D5E9EF;
	margin: 20px 0 0;
	padding: 5px;
	font-weight: bold;
}
.manual-reserve-box {
	/*background-color: var(--p-b1);*/
	/*padding:20px;*/
	border-radius: var(--border-radius);
	max-width: 480px;
    margin: 0 auto;
}
.manual-reserve-box label {
	display: block;
    float: right;
    width: 180px;
    /* padding-top: 7px; */
    line-height: 43px;
    position: relative;
}
.manual-reserve-box {
	font-size: 11px;
}
.manual-reserve-box input[type='text'] {
	/*padding: 3px 5px 5px;*/
	width: 200px;
}
.manual-reserve-box input[type='submit'] {
	/*padding: 5px 10px 10px;*/
	/*margin: 10px auto 0;*/
	margin-top: 15px;
	/*width: 130px;*/
	height: 50px;
}
.manual-reserve-box .seller-credit { text-align: left; color: var(--p-b4); margin: 10px; }

.special-offers h4 {
	text-align: center;
	border-top: 0 none;
	font-weight: normal;
	padding-bottom: 10px;
}
.commenter .user-image {
	width: 30px !important;
	height: 30px !important;
	margin: -9px -10px 0 7px !important;
	float: right;
	background-position: -10px -7px !important;
}
.wallCommentBody {
	padding-top: 5px;
}
.wallCommentItem .commenterLinks {
	display: none;
}
.wallCommentItem:hover .commenterLinks {
	display: block;
}
#sidebar-base .mark {
	background: url(../images/repeatx_bgs.png?v=02) 0 -1570px repeat-x;
	border-left: solid 1px #8BC6E2;
	width: 20px;
	height: 60px;
	float: right;
}
#sidebar-base {
	background: url("../images/zb_hz_bgs.png") repeat-x;
	width: 200px;
	height: 60px;
	box-shadow: 1px 1px 1.5px rgba(0, 0, 0, 0.4);
	/*margin-bottom: 10px;*/
	position: fixed;
	top: 81px;
	right: auto;
	z-index: 10;
}
#sidebar-base:hover {
	background-position: 0 -61px;
}
#sidebar-base a.menu-item {
	float: right;
    margin: 8px 0 0 -15px;
    width: 190px;
}
#subjects-knob {
	display: block;
	width: 30px;
	height: 60px;
	position: fixed;
	top: 81px;
	margin-right: 170px;
	background: url("../images/images_menu.png?v=08") no-repeat 0px -373px;
	border-right: 1px solid transparent;
}
#sidebar-base:hover #subjects-knob {
	border-right: 1px solid #8BC6E2;
}
#subjects-knob:hover {
	background-color: rgba(0,0,0,0.07);
}
#user-bar #display-name {
    max-width: calc(100% - 65px);
    height: 21px;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
    pointer-events: none;
    text-align: right;
    padding: 0 !important;
}
#user-bar .logout { float: left; }
#user-bar a {
	float: right; margin-left: 10px;
}
.static {
	position: static !important;
}
.sidebar-spacer {
	margin-top: 276px;
}
.sidebar-spacer.home {
	margin-top: 10px;
}
#user-panel {
	background: none repeat scroll 0 0 #eee;
    width: 200px;
    position: fixed;
    right: auto;
    top: 141px;
    z-index: 9;
    border-bottom: solid 1px #ddd;
    padding-bottom: 5px;
    height: 210px;
}
#user-panel.home {
	height: 135px;
	position: static;
	background: transparent;
}
#user-panel .tile.home {
	background: #666;
}
#user-panel .user-bar {
    margin: 10px 0 5px;
    overflow: hidden;
    width: 200px;
    height: 55px;
    font-weight: bold;
}
#user-panel .user-bar a {
	display: block;
	float: right;
}
#user-panel .display-name {
    height: 21px;
    max-width: 140px;
    overflow: hidden;
    text-align: right;
    white-space: nowrap;
}
#user-panel a.user-image {
	float: right;
	margin-left: 7px;
}
.zb-login {
	height: 38px;
	margin-top: 11px;
	float: left;
}
#user-panel .zb-login {
	margin-top: 10px;
}
#user-panel > a {
	display: block;
	padding: 5px 0 7px;
	font-weight: bold;
	position: relative;
}
#user-panel > a.selected {
	color: #09c;
}
#user-panel > a:hover {
	background-color: #e2e2e2;
	color: #000;
}
#user-panel > a.first {
	margin-top: 6px;
}
#user-panel .sep {
	border-top: solid 1px #ccc;
	border-bottom: solid 2px #f5f5f5;
	height: 0px;
	width: 195px;
}
#user-panel .icon {
	width: 30px;
	height: 30px;
	margin-left: 5px;
}
#user-panel .icon.wall {
	background-position: -32px -702px;
}
#user-panel .icon.notifications {
	background-position: -71px -702px;
}
.icon.wishlist {
	background-position: -108px -702px;
}
span.notif-counter {
	display: block;
	float: left;
	padding: 1px 5px;
	font-size: 16px;
	background: #F16C40;
	color: #fff;
	margin-left: 5px;
	position: absolute;
	top: 5px;
	left: 0px;
}
span.notif-counter.cold {
	background: #ccc !important;
}
#wl-cntr {
	background: #999;
}
.feedbacked.liked {
	font-weight: bold;
}
.feedbacked.disliked {
	color: rgba(0,51,102,0.4);
}
.inline-entity {
	padding: 1px 5px 2px;
	background: #f1f1f1;
	margin: 3px 3px 0 0;
	display: block;
	float: right;
}
.inline-entity:hover {
	background: #aaa;
	color: #fff;
}
.profile-info .user-image {
	float: left;
	margin: 10px 20px 0 -10px;
}
.profile-info label {
	width: 90px;
	display: block;
    float: right;
    font-weight: bold;
}
.profile-info table {
	width: 100%;
}
.profile-info td {
	padding: 10px 10px 0 0;
}
.profile-info > div {
	margin-top: 10px;
}
.subject-mark {
	float: right;
	width: 7px;
	height: 20px;
	margin-right: -22px;
}
.user-profile-glance {
	height: 181px !important;
	padding: 15px 10px 3px !important;
	color: #000;
	overflow: hidden;
}
.user-profile-glance .head {
	width: 317px;
	padding: 2px 0 17px;
	border-bottom: solid 1px #ddd;
	margin-top: 0;
}
.user-profile-glance .user-image {
	float: right;
    margin: -15px -10px 0 10px;
    width: 200px;
    height: 200px;
}
.user-profile-glance .info {
    float: right;
    height: 125px;
    margin-top: 0;
    overflow: hidden;
    padding: 5px;
    position: relative;
    width: 310px;
}
#events-list .subject-mark {
	margin: 0 -26px 0 0;
}
.user-profile-glance .bottom-left {
	padding-right: 10px;
	background: #fff;
}
.bottom-left {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

#page .cover-image {
	margin: -12px -12px 0 -12px;
	/*position: absolute;*/
}
.tip.docked {
	margin: -10px -10px 0 0;
}
table.form {
	padding: 0 10px;
	width: 100%;
}
table.form td {
	padding: 5px 0;
}
.fixed {
	position: fixed !important;
}
.icon.followed {
	width: 25px;
	height: 19px;
	background-position: -70px -350px;
}
.icon.not-followed {
	width: 25px;
	height: 19px;
	background-position: -94px -350px;
}
#follow-user-box {
	padding: 0 !important;
	border-right: 0 !important;
}
.tile div.follow {
    visibility: hidden;
	position: absolute;
	z-index: 10;
	width: 110px;
	color: #fff;
	left: 8px;
	bottom: 25px;
}
div.follow:hover {
	background-color: rgba(255,255,255,0.2);
}
div.follow:active {
	background-color: rgba(0,0,0,0.1) !important;
}
.tile:hover div.follow {
	visibility: visible;
}
.tile div.follow a {
	color: #fff;
	padding: 3px 2px 5px 3px;
	display: block;
}
.tile .icon.followed {
	background-position: -117px -350px;
}
.tile .icon.not-followed {
	background-position: -142px -350px;
}
.tile .icon.mark {
	filter: alpha(opacity=40);
	opacity:0.4;
	position: absolute;
	z-index: 9;
	left: 20px;
	bottom: 30px;
	height: 16px;
}
.tile:hover .icon.mark {
	display: none;
}

.wall-post.followed  {
	border-right: solid 5px #09c;
}
.wall-post.collapsed {
	/*height: 31px;*/
	height: 70px;
	overflow: hidden;
	position: relative;
	padding-bottom: 0 !important;
}
.wall-post.collapsed .wallItemBody {
	line-height: 25px;
}
.wall-post.collapsed:not(.followed):not(.pinned) {
	border-right: solid 1px transparent;
}
.wall-post.collapsed:not(.pinned) {
	border-left: solid 1px transparent;
	box-shadow: none;
	background: none;
}
.wall-post.collapsed:hover {
	background-color: #fff;
	border-bottom: solid 1px #ddd;
}
.wall-post.collapsed .user-image {
	display: none;
	visibility: hidden;
}
.wall-post.collapsed .user-tools {
	display: none !important;
}
.wall-post.collapsed .writer {
	/*padding-top: 1px;
	padding-bottom: 10px;*/
	position: absolute;
	right: 25px;
	margin-top: 2px !important;
	padding-top: 10px;
}
.wall-post.collapsed span.expand-btn {
	margin: 10px 5px 10px 0;
	cursor: pointer;
}
.wall-post.collapsed div.expand-btn {
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 70px;
	z-index: 10;
}
.wall-post.collapsed .rootitr {
	display: none;
}

.wall-post.followed.faded {
	border-right: solid 5px #aaa;
}
.follow-link {
	width: 105px;
}
#interested-subjects-menu {
	padding-bottom: 10px;
}
#interested-subjects-menu .tile {
	background: #bbb;
    box-shadow: none;
    height: 45px;
    margin-bottom: 1px;
    margin-right: 0px;
    width: 522px;
}
#interested-subjects-menu .tile div.follow-mark {
	visibility: hidden;
	bottom: 14px;
	left: 8px;
	position: absolute;
	color: #fff;
	width: 105px;
}
#interested-subjects-menu .tile:active {
	background: #aaa;
	box-shadow: none !important;
}
#interested-subjects-menu .tile:hover div.follow-mark {
	visibility: visible;
}
#interested-subjects-menu .tile div.edge {
	height: 43px;
	border-left: solid 1px #eee;
	top: 0 !important;
}
#interested-subjects-menu .tile span.menu-item {
	bottom: 0;
	right: 0;
}
#interested-subjects-menu a.subject {
	width: 522px;
	height: 45px;
}
#interested-subjects-menu span.mark {
	bottom: 14px;
	opacity: 1;
	filter:alpha(opacity=100);
}
#interested-subjects-menu a.btn {
	margin-top: 9px;
}
#interested-subjects-menu a.subject.selected {
	background: #09c;
}
#interested-subjects-menu div.tip {
	margin: -14px -11px 12px;
}
.wall-post .sticker {
	padding: 4px 10px 6px;
	margin: -1px -1px 0;
}
.wall-post.followed .sticker {
	margin-right: 0px;
}
.faded .sticker {
	background-color: #E6E6E6 !important;
	border-color: transparent !important;
}
a.page-more {
	display: block;
    padding: 6px 10px 5px;
    text-align: left;
    margin-top: 20px;
    border-radius: 4px;
    float: left;
    font-weight: bold;
}
a.page-more:hover {
	background: #000;
	color: #fff;
}
.page-info-section { border-top: var(--sep-border); }

div.page-info-section.border-bottom {
	border-bottom: solid 1px #eee;
}
.store .icon.wishlist {
	background-color: #fff;
    top: 0;
    height: 26px;
    left: 0;
    position: absolute;
    width: 28px;
    z-index: 10;
    background-position: -109px -700px;
}
#store-header {
	z-index: 9;
	width: 198px;
	border: solid 1px #ddd;
	margin-right: -1px;
	top: 467px;
	position: absolute;
}
.page-section {
	border-top: solid 2px #eee;
}
#shipping-info {
	max-width: 495px;
    margin: 0 auto;
}
.non-member-info {
	/*padding-left: 42px;
	margin-left: 25px !important;
	border-left: solid 1px #ddd;
	float: right;*/
	margin-bottom: 10px;
}
#shipping-info label {
    /*display: block;
    float: right;
    width: 120px;
    padding-top: 8px;
    font-size: 12px;
    font-weight: bold;
    line-height: 21px;
    margin-bottom: 7px;*/
}
#shipping-info label:not(.save-mobile):not(.voucher-box-label), #trace-number-search label, #aui label {
	/*display: block;*/
    float: right;
    /* width: 95px; */
    padding-top: 8px;
    font-size: 12px;
    font-weight: bold;
    line-height: 21px;
    /* font-family: IRANSans; */
    margin-bottom: 7px;
    position: relative;
    font-size: 10px;
    color: var(--p-b2);
    color: #000;
    background-color: #fff;
    margin-top: -13px;
    height: 15px;
    padding: 0 5px;
    margin-right: 7px;
    margin-bottom: -10px; 
}
#shipping-info label:not(.save-mobile):not(.voucher-box-label) { color: var(--p-b2); }
#shipping-info.info_loggedin label { margin-top: 10px !important; }
#shipping-info.info_loggedin #userMobile { margin-top: 6px !important; }
#shipping-info:not(.info_loggedin) .btn, #shipping-info.info_loggedin.sticked .btn { margin-top: 5px; margin-bottom: 10px; }

#shipping-info .save-mobile {
    width: 100%;
    padding-top: 0;
    float: revert;
    margin-bottom: 20px;
    display: block;
}
#aui label { margin-top: -10px; position: absolute; }
label .star { color: var(--color-red); font-size: 15px; font-weight: normal; }
#shipping-info:not(.info_loggedin) #displayCodeInput { margin-right: 12px; }

input.styled {
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	margin-bottom: -7px;
	outline: none;
}
input.styled:active, input[type="checkbox"].styled:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

input.styled:checked {
	background-color: var(--s-b-b4);
	border: 1px solid var(--s-b-b4);
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}
input.styled:checked:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #fff;
	font-weight: bold;
}

input[type="radio"].styled {
	border-radius: 50%;
	padding: 10px;
}
input[type="radio"].styled:checked:after {
	left: 4px;
}
label[for].styled { font-size: 14px; margin-top: 3px; margin-right: 2px; line-height: 28px; }
label[for], input[type="checkbox"].styled, input[type="radio"].styled { cursor: pointer; }
label[for].styled a { color: var(--p-b4); text-decoration: underline; }

#shipping-info .btn { 
    /*margin: -110px 10px 5px 0;*/
    padding: 0 15px;
    height: 50px;
    font-size: 15px !important;
    max-width: 195px;
    float: unset;
    margin: 30px auto 0;
}
#shipping-info .btn[disabled] {
	opacity: 0.6;
}

/*#shipping-info.info_loggedin .btn {
	float: unset;
    margin: 30px auto 0;
}*/
#shipping-info .btn.cancel {
	/*margin-top: 10px !important;*/
    margin-left: 10px !important;
    max-width: 120px;
    /*height: 45px;*/
}

#shipping-info input[type="text"]:not(#code), #shipping-info select { margin-bottom: 15px !important; margin-top: -3px; max-width: unset; background-color: #fff; font-size: 15px; }

#page:not(.two-phase-reserve) ~ #steps-c #shipping-info.info_anon.non-member-info input[type="text"]:not(:hover) { /*border-color: transparent;*/ }
#page.two-phase-reserve.first-reserve-phase ~ #steps-c #shipping-info.info_anon.non-member-info { margin: unset; }
#shipping-info.info_anon.non-member-info input[type="text"]#userMobile { /*margin-bottom: 10px !important;*/ }
#shipping-info.info_anon.non-member-info input[type="text"]:not(:focus) { text-align: right; }
#shipping-info.info_anon.non-member-info input#displayCodeInput { margin-right: 0; }
#page.two-phase-reserve:not(.first-reserve-phase) ~  #steps-c #shipping-info .btn { float: left; width: calc(60% - 10px); max-width: unset; }
#page.two-phase-reserve:not(.first-reserve-phase) ~  #steps-c #shipping-info .btn.cancel { max-width: 40%; }

.manual-reserve-box .dropdown-switch {
    position: absolute;
    top: 12px;
    left: 8px;
    color: #666;
    font-size: 16px;
    border-right: solid 1px rgba(0,0,0,0.1);
    padding-right: 10px;
    line-height: 18px;
    padding-top: 1px;
}
.field-tip {
	color: #999;
    padding-right: 3px !important;
    text-align: justify;
    font-weight: normal;
    font-size: 11px;
}
.user-profile-glance .full-name {
	overflow: hidden;
	white-space: nowrap;
	width: 125px;
}
.disabled {
	color: #ccc !important;
}
a.disabled, .disabled > a {
    pointer-events: none;
}
.font-normal {
	font-weight: normal !important;
}
.admin-tools {
	float: left;
	margin-left: 20px;
	font-weight: normal !important;
	display: none;
}
#header:hover .admin-tools {
	/*display: block;*/
}
.wall .section-title {
	margin: 10px 0;
	padding-right: 10px;
}
.section.pinned {
	/*border-top: solid 2px #09c !important;
	border-bottom: solid 2px #09c !important;*/
}

#showTimesMenu {
	/*margin: 20px 34px 15px 0;*/
}
.podcast-title {
	direction: ltr !important;
	top: 0 !important;
	bottom: auto !important;
	background: rgba(0,0,0,0.3) !important;
	text-shadow: 1px 1px 2px #222;
}
.item-tiles a:hover .podcast-title{
	background: rgba(0,102,153,0.8) !important;
}
.visitCount{
	clear:both;
	background:#F5F5F5;
	float: right;
	padding: 4px;
}
div#trace-number-search {
	padding-top: 15px;
	/*margin-bottom: 15px;*/
	position: relative;
	max-width: 430px; 
	margin: 0 auto;
	display: none;
}
#trace-number-search label {
   display: block;
    float: right;
    padding-top: 4px;
	margin-right: 10px;
	color: #000;
	/*width: 70px;*/
}
#trace-number-search input[type="text"] {
	margin-bottom: 20px !important;
	max-width: unset;
}
#trace-number-search.logged-in input[type="text"] { min-width: unset; max-width: 250px; }
#trace-number-search .btn {
	/*position: absolute;*/
    /*left: 0;*/
    /*bottom: 20px;*/
    /*margin-left: 21px;*/
}
#trace-number-search form { max-width: none !important; margin-top: 20px; }
div#trace-number-search .section { border-top: var(--sep-border); padding-top: 20px; margin-top: 30px; }
#login-reserve-search { /*float: right;*/ }
#trace-number-search.logged-in input[type="submit"] { margin-top: -95px; }
#login-reserve-search { margin: 0 0 10px; }

.receipt {
	padding: 20px 20px 10px;
    line-height: 25px;
    /*border: solid 1px transparent;*/
    /*border-bottom: var(--sep-border);*/
    /*background: var(--p-b1);*/
    /*border-radius: var(--border-radius);*/
    margin-bottom: 20px;
    overflow: unset;
    border: solid 1px var(--p-b4);
}
.receipt div.print-receipt { font-weight: bold; padding: 3px 0 6px 7px; float: left; margin-left: 44px; }
.receipt > div > div.receipt-row { max-width: calc(100% - 195px); clear: right; border-top: solid 1px #fff; padding: 10px 0 6px; margin: 0; }
.receipt > div > div.receipt-row.first-in-column { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; font-size: 13px; padding: 0 0 10px; border-top: 0 none; }
.receipt > div > div.receipt-row.trace-number, .receipt > div > div.receipt-row.date-time { font-weight: bold; padding: 0 0 10px; font-size: 13px; border-top: 0 none; }
.receipt > div > div.receipt-row.tools { padding: 0; border-top: 0 none; position: absolute; left: 22px; bottom: 55px; display: flex; grid-gap: 10px; width: 158px; }
.receipt > div > div.receipt-row.tools > * {  float: left; margin: 0; min-width: unset; max-width: unset; }
.receipt > div > div.receipt-row.tools > a.cancel { background: #b75115; border: 0 none; }
.receipt > div > div.receipt-row.tools > a.delete { background: transparent; color: #000; }
.receipt > div > div.receipt-row.tools > .v-sep {  float: left; margin-top: 1px; }
.receipt:before, .receipt:after {
    /*content: '';*/
    display: block;
    border-radius: 50%;
    background: #fff;
    left: 191px;
    top: -10px;
    width: 21px;
    height: 21px;
    position: absolute;
}
.receipt:after {
	top: auto;
    bottom: -10px;
}
.receipt > div:before {
    /*content: '';*/
    display: block;
    position: absolute;
    left: 200px;
    height: 100%;
    border-right: dashed 3px #fff;
    top: 0;
	pointer-events: none;
}
body.sn-receipts .receipt.f:not(.spotted) { /*border-top: var(--sep-border);*/ }
.receipt a.send-to-mobile { position: absolute; left: 50px; bottom: 14px; font-weight: bold; display: none; }
.receipt .dropdown { padding: 10px 10px 25px; min-width: unset; bottom: 55px; left: 8px; overflow: hidden; width: 164px; }
.receipt .dropdown .tip { padding: 5px 10px; font-size: 10px; }
.receipt .dropdown img { display: block; margin: 0 auto; width: 100%; }

.receipt a.ticket-list-switch { font-weight: bold; display: block; text-align: center; cursor: pointer; color: var(--color-red); display: none; }
.receipt .dropdown.ticket-list-popup { width: 300px; padding-bottom: 10px; top: 50px; bottom: unset; left: 0; }

.block { display: block; }
.tickets-box { position: relative; width: 160px; clear: left; }

.ticket-list a { font-weight: bold; }
.ticket-list > div:hover > span.hidden { display: inline !important; }

/*
.ticket-list {
	overflow: auto;
    max-height: 150px;
    text-align: left;
    clear: left;
    line-height: 22px;
    position: absolute;
    top: 69px;
    left: 0;
    z-index: 1;
}
.ticket-list div {
	clear: left;
	padding: 4px 4px 4px 10px;
	margin-left: 3px;
	margin-left: 3px;
    border-radius: 5px;
}
.ticket-list > div > span.hidden {
	color: rgba(0,0,0,0.2);
	padding: 5px;
}
.ticket-list > div:hover {
	background-color: #e4e5eb;
	white-space: nowrap;
}
*/

.receipt.print {
	box-shadow: none;
	border: solid 2px #000;
}

#receipts.inline-header { padding: 12px 15px 10px; /*background: var(--p-b1);*/ /*border-radius: 10px;*/ text-align: center; border-top: var(--sep-border); }
#receipts.inline-header a.active { color: var(--p-b4); font-weight: bold; }
#receipts.inline-header > span { color: rgba(0,0,0,0.2); margin: 0 10px; }

.inline-header {
	/*margin-top: 10px;*/
	padding: 10px;
	font-weight: bold !important;
    font-size: 12px;
}
.wall-post:hover .popup-switch {
	/*display: block;*/
	visibility: visible;
}
.wall-post:hover .links a.feedback-link {
	display: block;
}
div.actions .popup-switch {
	visibility: hidden;
	float: left;
	font-size: 21px;
	height: 17px;
	line-height: 15px;
	padding-left: 1px;
	text-align: center;
	width: 18px;
	color: #ddd;
}
div.actions {
	position: relative;
}
div.actions .popup-switch:hover {
	background-color: #ccc;
	color: #fff;
}
div.actions .popup-switch:active {
	background-color: #999;
	color: #fff;
}
div.actions .menu {
	display: none;
	background: #fff;
	position: absolute;
	z-index: 10;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	width: 150px;
	left: 0;
	bottom: 0px;
}
.menu a {
	display: block;
	padding: 3px 10px 3px;
}
.menu a:hover {
	color: #fff;
	background: #09c;
}
#pricePlan p {
	margin-top: 0 !important;
}
.top-margined, .margin-top {
	margin-top: 10px;
}
.bottom-margined, .margin-bottom {
	margin-bottom: 10px;
}
.margin-bottom.double { margin-bottom: 20px; }
.left-margined, .margin-left {
	margin-left: 10px;
}
.right-margined, .margin-right {
	margin-right: 10px;
}
.bottom-bordered {
	border-bottom: solid 1px #ccc;
}
.top-margined.p4 {
	/*margin-top: 4px;*/
}
.top-margined.p5 {
	margin-top: 5px;
}
.floating-btn {
	display: none;
	background: #000000;
	color: #FFFFFF;
	/*width: auto !important;
	height: auto !important;*/
	padding: 1px 7px 5px;
	position: absolute !important;
	top: 10px;
	z-index: 10;
	line-height: 20px;
}
.floating-btn:hover {
	background: #09c;
}
*:hover > .floating-btn {
	display: block;
}
.floating-btn.right {
	right: 10px;
	left: auto !important;
}
.line-through {
	text-decoration: line-through;
}
#selection-summary {
	--bg: var(--p-b1);
    margin: 0 auto 20px;
    /* font-family: IRANSans; */
    font-size: 12px;
    line-height: 19px;
    text-align: center !important;
    /* border-bottom: var(--sep-border); */
    /* padding-bottom: 9px; */
    background-color: var(--bg);
    border-radius: var(--border-radius);
    overflow: hidden;
    padding: 20px 15px 9px;
}
#selection-summary .v-sep {
	display: inline-block;
    float: unset;
    margin: 0 10px;
    vertical-align: middle;
}

.ticket-list > div { background: var(--p-b2); border-radius: 7px; overflow: hidden; display: flex; align-items: center; }
.ticket-list > div > span:not(.t-price):before { content: ''; font-weight: normal; margin-left: 5px; }
.ticket-list > div > span.t-price::after { bottom: -5px; top: auto !important; }
.ticket-list > div > span { width: 100%; line-height: 20px; position: relative; font-weight: bold; padding: 5px 0; }
.ticket-list > div > span.t-seat { margin-left: 10px; }
.ticket-list > div > span.t-price { background: var(--p-b3); color: #fff; border-right: dashed 1px #fff; line-height: 41px; white-space: nowrap; padding: 5px; }
.ticket-list > div > span.t-price::before, .ticket-list > div > span.t-price::after { content: ''; display: block; position: absolute; width: 10px; height: 10px; background: var(--bg); border-radius: 50%; top: -5px; right: -5px; }
.ticket-list > div > span:not(.t-price) { display: flex; flex-direction: column; align-items: center; align-items: center; justify-content: center; margin-right: 10px; white-space: nowrap; }
.ticket-list > div > span.t-section:before { content: 'بخش'; }
.ticket-list > div > span.t-row:before { content: 'ردیف'; }
.ticket-list > div > span.t-seat:before { content: 'صندلی'; }
.ticket-list > div button.delete { min-width: unset; background: var(--color-red); border: 0 none; height: 51px; cursor: pointer; padding: 0 4px; margin: -5px 10px -5px -5px; }
.ticket-list > div button.delete:hover { -webkit-filter: brightness(0.92); filter: brightness(0.92); }
.ticket-list > div button.delete:active { -webkit-filter: brightness(0.88); filter: brightness(0.88); }

#selection-summary #ticket-list-c { padding-bottom: 20px; border-bottom: var(--sep-border); margin: 0 auto 20px; bottom: unset !important; background: transparent; }
#selection-summary #ticket-list-c.empty { display: none; }
#selection-summary .ticket-list { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 15px; overflow-y: auto; max-height: 447px; display: none; }

.receipt .ticket-list { max-height: 180px; margin-top: 10px; }
.receipt .ticket-list > div { position: relative; margin-bottom: 5px; }
.receipt .ticket-list > div > span.hidden { display: none; position: absolute; right: -105px; color: #ccc; }
.receipt .ticket-list > div > span.t-price::before, .receipt .ticket-list > div > span.t-price::after {background: var(--p-b1);  }

.receipt label {
	clear: right;
}
.receipt-row > label {
    display: block;
    width: 110px;
    float: right;
}

.menu div.sep {
	border-bottom: solid 2px #eee;
	margin: 5px 7px 1px;
}
.gray { color: #ddd; }
.dark-gray { color: rgba(0,0,0,0.50); }

.full {
	/*color: #999;*/
}
.icon.med {
	width: 50px;
	height: 50px;
}
.store.navmenu {
	margin: 25px 0 10px;
	padding-bottom: 15px;
	padding-top: 0;
	background: no-repeat;
    box-shadow: none;
    padding-right: 0;
    padding-left: 0;
    /*width: fit-content;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
	scrollbar-width: none;  /* Firefox */
}
.store.navmenu > div {
	display: grid;
    grid-template-columns: repeat(8, auto);
}
.store.navmenu::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}
.store.navmenu .i {
	float: right;
	filter: brightness(0.1); -webkit-filter: brightness(0.5);
}
.store.navmenu a.selected .i { filter: brightness(0); -webkit-filter: brightness(0); opacity: 1; }

.store.navmenu a {
	padding: 0 12px;
	color: var(--p-b4);
	box-sizing: border-box;
}
.store.navmenu a div.text {
	/*margin-left: 6px;*/
	float: right;
	font-weight: bold;
	white-space: nowrap;
}
.store.navmenu a.selected {
	color: var(--p-b5);
	/*border-bottom-color: #76638e;*/
	background: var(--p-b1);
}
.store.navmenu a.stick-selected { box-shadow: 0 0 3px var(--p-b3) inset; }
.store.navmenu a {
	border-radius: 33px;
    padding: 12px 16px !important;
    display: flex;
}
.store.navmenu .v-sep { display: none; }
.store.navmenu a:hover .icon { opacity: 0.8; }
.tag-desc {
	background: #e5e5e5;
	padding: 2px 5px 3px;
	margin-top: -7px
}
.receipt-barcode {
	border-bottom: 1px solid #CCCCCC;
	display: block;
	margin: 0px auto 10px;
	padding: 10px 0px;
}
.station-receipt-box {
	padding: 10px 15px;
	margin: 10px 0 20px;
	border: dashed 3px #ccc;
	float: right;
}
.ticket-buttons {
	height: 80px !important;
	margin-bottom: 10px;
}
.short-ad {
	height: 80px !important;
}
.notified {
	border-right: solid 2px #fc0;
}

/* custom */

#footer-logo {
	-webkit-filter: brightness(0);
    filter: brightness(0);
    width: 75px;
    margin-right: -5px;
    margin-bottom: 6px;
    margin-top: -6px;
}
.events-list.item-tiles.store .btn {
	float: none;
    position: absolute;
    bottom: 15px;
    left: 13px;
    /* border: solid 1px #4f396d; */
    box-sizing: border-box;
    background: #fff;
    color: #2e2140;
    line-height: 46px;
    height: 44px;
    transition: background 0.1s;
    width: calc(100% - 26px);
    /* margin-top: 15px; */
    text-shadow: none;
    opacity: 1;
    max-width: none;
    padding: 0;
    width: unset;
}
.events-list.item-tiles.store .btn.disabled { pointer-events: none; color: #000 !important; opacity: 0.5; font-size: 12px !important; }
.events-list.item-tiles.store a.soon .btn { font-size: 12px !important; }
.events-list.item-tiles.store .btn.disabled i.i-buy, .events-list .grid > a.soon > div.info i.i-buy { display: none; }
.events-list.item-tiles.store .btn:not(:hover) { box-shadow: none; }
.events-list.item-tiles.store .btn:hover {
	/*color: #fff;*/
	/*background: #4f396d;*/
	opacity: 0.9;
}
#chairsMenu { margin-top: 15px; /*border-top: var(--sep-border);*/ transition: 0.2s opacity; }

.ui-tooltip {	/* The tooltip */
	display: none;
	text-align: justify;
	background-color: rgba(30,32,33,0.85) !important;
	padding: 15px;
	width: 300px;
	position: absolute;
	border-radius: 3px !important;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	right: -4px;
	color: #fff !important;
	font-size: 11px;
	line-height: 1.4;
	direction: rtl;
	z-index: 1000;
}

.stick-active { visibility: hidden; }
.sticked { position: fixed !important; top: 0; right: 0; z-index: 98; transition: all 0.2s !important; box-shadow: var(--bar-shadow); }
.sticked.stick-bottom { top: auto; margin-top: 0; bottom: 0; }
.sticked.stick-bottom.stick-type2 { box-shadow: 0 -2px rgba(0,0,0,0.05); background: #fff; margin-bottom: 0 !important; }

#selection-summary.stick-bottom.sticked *:not(.v-sep) { margin: 0; }
#shipping-info.info_loggedin.sticked .switch-msg, 
#shipping-info.info_loggedin.sticked #displayCodeInput,
#shipping-info.info_loggedin.sticked #removeCode
{ display: none !important; } 

#shipping-info.sticked {
    width: 100% !important;
    /*max-width: none;*/
    right: unset;
    padding: 5px 10px 0;
    transition: none !important;
    box-sizing: border-box;
    margin-right: 0;
    box-shadow: var(--bar-shadow);
    z-index: 99;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}

.events-list { /*margin-top: 35px;*/ /*margin-top: 20px;*/ margin-bottom: 20px; }
.events-list h6 { padding-bottom: 20px; margin-top: 0; background: #fff; box-sizing: border-box; }
.events-list h6 a.all { background: unset !important; min-height: unset; } 
.events-list h6.sticked { padding-top: 19px; padding-bottom: 19px; width: 100% !important; display: none; }
.events-list.first h6 { margin-top: 0; display: none; }
.events-list .grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px; }
.events-list .grid > a > div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.events-list .grid > a > div.info { 
	position: absolute;
    bottom: 0;
    width: calc(100% - 30px);
    margin-right: -10px;
    z-index: 1;
    padding: 0 15px 70px;
    color: #fff;
    /*text-shadow: 1px 1px 3px black;*/
}
.events-list .grid > a.dark-content:not(.soldout) > div.info { color: #fff; }
.events-list.item-tiles.store .grid > a:before, .events-list.item-tiles.store .grid > a:after {
    /*content: '';
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    bottom: 141px;
    z-index: 1;*/
}
.events-list.item-tiles.store a:before { right: -10px; }
.events-list.item-tiles.store a:after { left: -10px; }
.events-list .grid > a > div.info > div { overflow: hidden; text-overflow: ellipsis; /*text-align: center;*/ padding: 0 5px; font-size: 11px; }
.events-list .grid > a > div.info.bg { 
	z-index: 0;
	overflow: hidden;
}
.events-list .grid > a > div.info.bg > div {
	filter: blur(15px);
    background-position: bottom;
    background-size: cover;
    width: max(222px, calc(100% + 50px));
    padding-top: 200px;
    margin-right: -30px;
    margin-bottom: -97px;
    margin-top: -20px;
    background-image: unset !important;
    background: var(--p-b4);
}
.events-list .grid > a.canceled > div.info.bg > div { filter: grayscale(1) blur(15px); -webkit-filter: grayscale(1) blur(15px); }
.events-list .grid > a.soldout > div.info.bg > div { filter: var(--soldout-filter) blur(15px); -webkit-filter: var(--soldout-filter) blur(15px); }
.events-list .grid > a > div.tags { position: absolute; left: 0; bottom: 153px; }
.events-list .grid > a > div.tags span { float: right; background: rgba(0,0,0,1); padding: 2px 10px 2px 17px; border-radius: 0 5px 0 0; color: #fff; }
.events-list .grid > a > div.new-instances { left: 0; top: 0; position: absolute; background: linear-gradient(90deg, #37DA82 0%, #1DB563 100%); color: #fff; padding: 2px 9px 2px 10px; line-height: 32px; z-index: 2; border-radius: 0 0 var(--border-radius) 0; }
.events-list .grid > a > div.new-instances span.icon { background-image: url(//static.honarticket.com/resource/images/icons/clock.svg); width: 15px; height: 15px; display: inline-block; filter: invert(1); background-size: cover; margin: 8px 0 0 6px; }
.events-list .grid > a > div.info > div > i { 
	/*filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.7));*/
	/*-webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.7));*/
    width: 16px;
    height: 16px;
    margin-top: 0;
 }
 .events-list .grid > a.dark-content:not(.soldout) > div.info > div > i { -webkit-filter: brightness(0); filter: brightness(0); }

.fas, .far { margin-left: 5px; }
#head .fas, #head.far { font-size: 16px; vertical-align: middle; margin-left: 7px; }
#head #navigation a:not(.btn-style) i { display: none; }

.powered-by-zirbana { margin-top: 25px; }
.powered-by-zirbana span { line-height: 32px; }
.powered-by-zirbana .zb-icon {
	display: block;
	background: url(//cdn.zirbana.com/image/zb_logos_32_white.png) no-repeat;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    float: left;
    transition: opacity 0.1s;
}
.powered-by-zirbana a:not(:hover) .zb-icon { opacity: 0.45; }

a { transition: color 0.1s; }
.v-sep { display: block; width: 1px; height: 20px; border-right: solid 1px rgba(0,0,0,0.15); float: right; margin-top: 15px; }
.inline-sep { border-right: solid 1px rgba(0,0,0,1); height: 15px; display: inline-block; margin: 0 5px -4px; }
#head .v-sep { /*border-right-color: rgba(255,255,255,0.2);*/ margin-top: 2px; display: none; }
.h-r { display: grid; grid-template-columns: 5fr 3fr; grid-gap: var(--grid-gap); padding: 0 10px; width: 100%; }

.outside-click-handler, div.dimmer {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    height: 10000px;
    background: rgba(0,0,0,0.3);
    z-index: 100;
}
div.dimmer { 
	display: block; 
	opacity: 0; 
    background: rgba(0,0,0,0.5);
    -webkit-transition: opacity 0.15s;
    transition: opacity 0.15s;
    pointer-events: none;
}

body.sn-promotions { padding-bottom: 50px; }
body.sn-promotions #header .tools a#share-popup-switch,
body.sn-promotions #header .tools .popup.share,
body.sn-promotions #header .tools .tools-menu.dropdown-switch, 
body.sn-promotions #footer { display: none; }
#purchase-starter { display: none; }

#steps-c #showTimesMenu { 
	box-sizing: border-box;
	display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
}

#page.sale.notes {
    padding: 20px 5px 0;
    /* position: absolute; */
    /* left: 10px; */
    /* float: left; */
    background: transparent;
    /* width: 38%; */
    box-sizing: border-box;
    box-shadow: none;
    margin-top: -40px;
    margin-bottom: 0;
} 
#page.sale.notes .date-time {
    padding-bottom: 5px;
    /* color: #fff; */
    font-size: 14px;
    /*display: grid;*/
    /*grid-template-columns: 88px 1fr 73px 1fr 103px auto;*/
	grid-template-columns: 103px 39% 73px auto;
    grid-gap: 15px 7px;
    /*border-bottom: var(--sep-border);*/
    /*margin-bottom: 15px;*/
   
}
#page.sale.notes .date-time .nm { display: none !important; }
#page.sale.notes .date-time .location-value { grid-column: 2 / span 3; }

#page.sale.notes .date-time .far, #page.sale.notes .date-time .fas {
	background-size: contain;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    background-color: var(--p-b1);
    border: solid 8px var(--p-b1);
    border-radius: 8px;
    vertical-align: top;
    margin-top: -7px; 
    display: none;
}
#page.sale.notes .date-time > span::after { content: ''; display: block; white-space: nowrap; margin-right: 33px; font-family: 'Dana'; margin-top: 3px; font-weight: bold; font-size: 12px; }

#page.sale.notes .date-time .far::before, #page.sale.notes .date-time .fas::before { display: none; }
#page.sale.notes .date-time .fa-clock { background-image: url('//static.honarticket.com/resource/images/icons/clock.svg'); }
#page.sale.notes .date-time .fa-clock::after { content: 'ساعت:'; }
#page.sale.notes .date-time .fa-calendar-alt { background-image: url('//static.honarticket.com/resource/images/icons/calendar_dark.svg'); }
#page.sale.notes .date-time .fa-calendar-alt::after { content: 'دوره اجرا:'; }
#page.sale.notes .date-time .fa-map-marker-alt { background-image: url('//static.honarticket.com/resource/images/icons/location.svg'); }
#page.sale.notes .date-time .fa-map-marker-alt::after { content: 'محل برگزاری:'; }
#page.sale.notes .date-time .fa-ticket { background-image: url('//static.honarticket.com/resource/images/icons/ticket.svg'); }


#page.sale.notes .date-time span.gray { color: #fff; opacity: 0.4; }
#page.sale.notes.collapsed { /*z-index: 1;*/ }
#page.sale.notes:not(.collapsed) a.sale-desc-switch::after {
    content: '✕';
    float: left;
    margin-left: 10px;
}

#page.sale:not(.collapsed) .c {
    max-height: 400px;
    width: 100%;
}
#page.sale.notes.collapsed .general-notes .content { box-shadow: none; padding-right: 0; padding-left: 0; padding-top: 0; }
#page.sale.notes .general-notes .tip, #page.sale.notes .basic-notes { padding: 0; line-height: 23px; }
#page.sale.notes .basic-notes .bold { font-weight: normal !important; }
#page.sale.notes .general-notes .tip hr { margin-bottom: 10px; }
#page.sale.notes .general-notes #pricePlan { padding-top: 10px; padding-bottom: 10px; }
#page.sale.notes:not(.collapsed) .general-notes .content {
    position: fixed;
    top: 80px;
    left: 50%;
    transform: translate(-50%, 0);
    width: calc(100% - 40px);
    border-radius: 10px;
    padding: 10px;
    box-sizing: border-box;
    border-bottom: 0 none;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 30%);
    max-width: 600px;
    z-index: 110;
}
#page.sale .tip, #page.sale .desc {
    opacity: 1;
    transition: opacity 0.5s, margin-top 0.5s, padding 0.5s;
    max-height: 2000px;
    overflow: hidden;
    position: relative;
}
#page.sale.collapsed .tip, #page.sale.collapsed .desc2 {
    opacity: 0;
    max-height: 0px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0;
}
#page.sale:not(.collapsed) a.sale-desc-switch {
    margin-right: 5px;
    margin-bottom: 5px;
}
a.sale-desc-switch {
    display: block;
    line-height: 29px;
    vertical-align: sub;
    margin-top: 5px;
    font-size: 14px;
}
#page.sale .general-notes { min-height: 55px; margin-bottom: 10px; }

#page.sale.collapsed #pricePlan { display: none; }
#page.sale #location { padding-bottom: 25px; /*float: left;*/ /* width: 50%; */ clear: both;  margin-top: 5px; margin-top: -10px; text-align: left; }
#page.sale #location.collapsed { border-bottom: var(--sep-border); margin-bottom: 20px; }
#page.sale #location-switch { white-space: nowrap; margin-right: 10px; border-right: var(--sep-border); padding-right: 10px; display: inline-block; display: none !important; }
#page.sale #location #location-switch::before { content: 'بستن نقشه'; }
#page.sale #location.collapsed #location-switch::before { content: 'نمایش روی نقشه'; }
#page.sale #body-desc { /*font-weight: bold;*/ }
#page.sale #body-desc p { margin: 0 0 9px; }
#page.sale #body-desc p:before { content: '●'; margin-left: 2px; }

#page.sale .section-header { font-weight: bold; font-size: 14px; color: var(--p-b3);}
#page.sale .section-header.margin-top { margin-top: 20px; }
#page.sale .price-header { display: none; }

body.s2 #page.sale > *:not(.date-time):not(.general-notes) { display: none; }
body.s2 #page.sale .general-notes { min-height: unset; margin-bottom: 0; }
body.s2 #page.sale.two-phase-reserve.first-reserve-phase .general-notes { height: 0; }
body.s2 #page.sale .general-notes .notify { position: static; max-width: unset; transform: none; box-shadow: none; margin: 30px 0 15px; width: 100%; background: none !important; border: 0 none; color: var(--color-red); padding: 0 10px 0 0; }
body.s2 #page.sale .general-notes .notify a.btn { display: none !important; }
body.s2 #page.sale .general-notes .content > *:not(.c) { display: none; }
body.s2 #page.two-phase-reserve:not(.first-reserve-phase) ~ #steps-c { /*margin-top: -17px;*/ }
body.s2 #page.sale.notes .date-time { border-bottom: 0 none; margin-bottom: -2px; font-size: 12px; grid-template-columns: 103px 39% 103px auto; }
body.s2 #page.sale.notes .date-time .fa-clock, body.s2 #page.sale.notes .date-time .time { display: none; }
body.s2 .cover { display: none; }
body.s2 #page.sale.notes .date-time .location-value { grid-column: unset; }
body.s2 #page.sale.notes .date-time .location-address { display: none; }
body.sn-promotions.s2:not(.instance-change) #showtimeMenu { display: none; }
body.sn-promotions.s2 #chairsMenu { margin-top: 0; }
body.sn-promotions.s2 #footer-receipts-link { display: none !important; }
body.sn-promotions.s2 #header .tools h1 { color: #000; position: static; margin: -1px -5px 0 15px; }
body.sn-promotions.s2:not(.h) #header .tools h1 { max-width: 40%; }
body.sn-promotions.s2 #page.sale.notes { padding: 8px 0 2px 0; margin-top: 5px; }
body.s2 #page.two-phase-reserve:not(.first-reserve-phase) ~ #steps-c .ticket-list > div > button.delete { display: none; }
body.sn-promotions:not(.s2) #seatmap-c, body.sn-promotions:not(.s2) #finalize-c { display: none; }
body.sn-promotions.s2.instance-change #seatmap-c, body.sn-promotions.s2.instance-change #finalize-c { /*display: none;*/ }
body.sn-promotions.s2.instance-change div#showtimeMenu {
    position: absolute;
    background: #fff;
    z-index: 5;
    margin-top: 80px;
    padding: 15px 15px 5px;
    box-shadow: var(--bar-shadow);
    border-radius: var(--border-radius);
    width: 100%;
    box-sizing: border-box;
}
body.sn-promotions.s2.instance-change div#showtimeMenu + div.dimmer { opacity: 1; pointer-events: unset; }
body.sn-promotions.s2.instance-change .current-instance-assets a.instance-change i.fa-chevron-down { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
body.sn-promotions.s2.instance-change .current-instance-assets a.instance-change { position: relative; z-index: 5; box-shadow: var(--bar-shadow); border-radius: var(--border-radius); background-color: #fff; }
body.sn-promotions.s2.instance-change #head { z-index: 3; }

div#showtimeMenu + div.dimmer { z-index: 4; }

#header .tools .step-menu { /*float: left;*/ padding: 0; /*margin-bottom: 10px;*/ /*margin-top: 2px;*/ position: absolute; top: -63px; width: calc(100% - 20px); display: flex; justify-content: space-between; border-bottom: solid 2px #F0F1F8 !important; margin-right: -12px; height: 40px; display: none;  }
body.sn-promotions.h #header .tools .step-menu, body.sn-receipts.result.h #header .tools .step-menu { bottom: 0; top: unset; margin-right: -8px; max-width: calc(var(--layout-max-width) - 21px); width: calc(100% - 21px); }
body.sn-receipts #header .tools .step-menu { width: 100%; }

body.sn-promotions #header { position: unset; }
body.sn-promotions #header .tools span.normal { font-size: 12px; font-weight: normal; padding-right: 10px; }
body.sn-promotions #header .tools { /*padding-right: 0;*/ float: none; }
body.sn-promotions #s2 { /* margin-bottom: 80px; */ position: absolute; margin-top: -145px; }

body.sn-promotions #header .tools h1 {
	padding: 0;
    float: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    margin-top: -52px;
    position: absolute;
    color: #fff;
    margin-right: 10px;
    font-size: 17px;
    max-width: calc(100% - 50px);
}
body.sn-promotions.h #header .tools h1 { max-width: calc(min(100%, calc(var(--layout-max-width))) - 21px); margin-right: 0; display: none; }
body.sn-promotions:not(.s2) #header .tools h1 a.return { color: #fff !important; }
body.sn-promotions #header .tools h1 a.return:hover { opacity: 0.9; }
body.sn-promotions.h #header .tools .step-menu { height: 34px; }
body.sn-promotions.h #header .title { /*min-height: 90px;*/ }
body.sn-promotions.h .step-menu a { padding-bottom: 5px; }

#reserve-config h3#s3 {
	border-top: solid 1px #eee;
    padding-top: 15px;
    margin-top: 30px;
}

#applyCode {
    float: left !important;
    padding: 0 !important;
    line-height: 42px;
    height: 43px !important;
    margin: 0 10px 0 0 !important;
}
#cancelApplyingCode {
    line-height: 43px;
    font-weight: bold;
    float: left !important;
}
.btn.cancel {
    /*background: #b75115;*/
   background: var(--color-red);
    margin-left: 10px;
    max-width: 120px;
    margin-right: 0 !important;
}

.step-menu a {
    line-height: 30px;
    border-right: 0 none;
    color: var(--p-b2);
    font-size: 12px;
    padding-left: 0;
    padding-right: 0;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: -2px;
    width: 100%;
    text-align: center;
}
.step-menu a.active {
    color: var(--p-b5);
    /*font-weight: bold;*/
	border-bottom: solid 2px #000;
}
.step-menu a.locked {
    pointer-events: none;
}
.step-menu .line {
    height: 2px;
    background: #ccc;
    margin-top: 15px;
    width: 50px;
    float: right;
    margin-left: 15px;
    display: none;
}
.step.s1::before { content: '۱'; }
.step.s2::before { content: '۲'; }
.step.s3::before { content: '۳'; }
.step.s4::before { content: '۴'; }
.step::before {
    content: '';
    width: 100%;
    /*display: block;*/
    text-align: center;
    line-height: 30px;
    text-shadow: none;
    font-size: 15px;
}
.step {
    /* background: #39d url(../images/images.png?v=04) no-repeat; */
    background: var(--p-b2);
    display: inline-block !important;
    width: 26px;
    height: 26px;
    float: unset !important;
    /* margin: -5px 0 0 5px; */
    margin-left: 8px;
    border-radius: 50%;
    color: #fff;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    vertical-align: middle;
}
#header a.done {
    /*color: var(--color-green);*/
   color: var(--p-b5);
    border-bottom: solid 2px #000;
}

.locked span.step {
    /* background-color: rgba(255,255,255,0.5); */
    /*background: none;*/
    /*color: #aaa;*/
}
.step-menu a.active .step {
    color: #fff;
    background: var(--p-b4);
    /*box-shadow: 0 0 0 2px #76638e inset;*/
}
.done span.step {
    /*background: var(--color-green);*/
   background: var(--p-b4);
}

.current-instance-assets { display: grid; align-items: center; flex-wrap: wrap; /*margin-bottom: 15px;*/ /*grid-template-columns: 1fr 1fr;*/ grid-gap: 15px; }
.current-instance-assets a.instance-change { display: flex; grid-template-columns: auto 1fr auto auto; align-items: center; font-weight: bold; background-color: var(--p-b1); border-radius: var(--border-radius); padding: 0 13px; }
.current-instance-assets a.instance-change span { /*color: var(--color-red);*/ }
.current-instance-assets a.instance-change i.fa-chevron-down { margin-right: 8px; color: var(--color-red); display: none; }
.current-instance-assets a.instance-change:hover span, .current-instance-assets a.instance-change:hover i { opacity: 0.85; }
.current-instance-assets .price-info { background-color: var(--p-b1); border-radius: var(--border-radius); padding: 14px 15px; font-weight: bold; }
.current-instance-title {
	text-align: right;
    padding: 19px 0;
    /*font-size: 15px;*/
    /*border-top: var(--sep-border);*/
    /*border-bottom: var(--sep-border);*/
    margin: 0 0 0 35px;
    font-weight: bold;
    white-space: nowrap;
    /*width: calc(100% - 165px);*/
}

#showTimesMenu .instance:first-child {
    /*border-top: solid 1px #eee;*/
}
#showTimesMenu .instance {
	--border-color: #000;
	--border: solid 2px transparent;
	--punch-color: #fff;
    padding: 5px 0;
    display: block;
    /*border-bottom: solid 1px #eee;*/
    /*border-top: solid 1px transparent;*/
    /*transition: 0.5s opacity, 0.18s all;*/
    text-align: start;
    border-radius: var(--border-radius);
    overflow: hidden;
	display: grid;
    grid-template-columns: max(30%, 110px) auto;
    background-color: var(--p-b1);
}
#showTimesMenu .instance:hover { /* color: #069; */ /*background-color: #fbfbfb !important; *//*--border-color: var(--p-b3);*/ }
#showTimesMenu .instance:active, #showTimesMenu .instance.current { --border-color: var(--p-b4);  }
#showTimesMenu .instance-title {
	--bg: unset;
    line-height: 33px;
    font-weight: bold;
    font-size: 14px;
    float: right;
    display: flex;
    /*flex-direction: column;*/
    margin: -5px 0;
    /* width: 30%; */
    /* min-width: 110px; */
    align-items: center;
    background: var(--bg);
    color: #fff;
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
    overflow: hidden;
    position: relative;
    border: solid 2px var(--border-color);
    padding: 10px;
    color: #000 !important;
    border-left: 0 none;
    grid-gap: 10px;
}
#showTimesMenu .instance-assets {
	margin: -5px 0;
	position: relative;
	border: var(--border);
	border-color: var(--border-color);
	border-radius: var(--border-radius) 0 0 var(--border-radius);
	border-right: 0 none;
	transition: 0.18s all;
	padding: 10px 10px 10px 20px;
	color: #000;
}
#showTimesMenu .instance > .clear { display: none; }

#showTimesMenu .instance.gray:not([data-schedule]) { opacity: 0.4; }

#showTimesMenu .instance-title:before, #showTimesMenu .instance-assets:after/*, body.s2 #showTimesMenu .instance-title:after*/ {
	/*content: '';
    width: 24px;
    height: 24px;
    background: var(--punch-color);
    border-radius: 50%;
    position: absolute;
    bottom: 43px;
    z-index: 1;
    box-sizing: border-box;
    transition: 0.18s all;*/
}
#showTimesMenu .instance-title:before {  right: -12px; bottom: 45px; border: solid 1px transparent; border-color: var(--bg); }
#showTimesMenu .instance-assets:after {  left: -12px; border: var(--border); border-color: var(--border-color); }

#showTimesMenu .instance-dayofweek { font-size: 20px; font-weight: bold; }
#showTimesMenu .instance-endtime { font-size: 12px; opacity: 0.6; display: none }
#showTimesMenu .instance-label { font-weight: bold; margin-bottom: -5px; }
#showTimesMenu .instance-assets > div.instance-info:not(:first-child) { margin-top: 6px; float: right; clear: right; width: 100%; }

.with-icon::before { content: ''; background-size: contain; background-repeat: no-repeat; width: 15px; height: 15px; display: inline-block; vertical-align: middle; margin-left: 5px; }
body.sn-promotions .with-icon::before { width: 18px; height: 18px; } 

#showTimesMenu .instance-assets > div.with-icon::before { display: none; /* content: ''; background-size: contain; background-repeat: no-repeat; width: 15px; height: 15px; display: inline-block; vertical-align: middle; margin-left: 5px; */ }
#showTimesMenu .instance div.instance-state::before { background-image: url('//static.honarticket.com/resource/images/icons/ticket.svg'); }
#showTimesMenu .instance div.instance-capacity::before { background-image: url('//static.honarticket.com/resource/images/icons/group.svg'); }
#showTimesMenu .instance div.instance-state::after { content: ''; background-image: url('//static.honarticket.com/resource/images/icons/state_active.svg'); background-size: contain; background-repeat: no-repeat; width: 15px; height: 15px; display: inline-block; vertical-align: middle; margin-right: 5px; }
#showTimesMenu .instance div.instance-state span.text::before { content: 'وضعیت: '; }
#showTimesMenu .instance div.instance-state span.text::after { content: 'موجود است'; color: var(--color-green); }
#showTimesMenu .instance div.instance-btn, .related-pages a div.instance-btn { display: none; --bg: #000; background: var(--bg); color: #fff; padding: 10px; float: left; border-radius: 7px; min-width: 90px; text-align: center; position: absolute; left: 20px; bottom: 34px; }
#showTimesMenu .instance div.instance-btn::before, .related-pages a div.instance-btn::before { background-image: url('//static.honarticket.com/resource/images/icons/buy.svg'); filter: invert(1); -webkit-filter: invert(1); width: 20px; height: 20px; margin-left: 7px; margin-right: 0; border-radius: 7px; }
#showTimesMenu .instance div.instance-btn span.text::before, .related-pages a div.instance-btn span.text::before { content: 'خرید بلیط'; }

#showTimesMenu .instance.full div.instance-state span.text::after { content: 'اتمام بلیط'; color: var(--color-red); }
#showTimesMenu .instance.full div.instance-state::after { background-image: url('//static.honarticket.com/resource/images/icons/state_closed.svg'); }
#showTimesMenu .instance.full div.instance-btn, #showTimesMenu .instance.full .instance-title { --bg: var(--color-red); }
#showTimesMenu .instance.full div.instance-btn span.text::before { content: 'اتمام بلیط'; }
#showTimesMenu .instance.full div.instance-capacity { /*display: none;*/ }

#showTimesMenu .instance.canceled div.instance-state span.text::after { content: 'لغو شده'; color: var(--p-b2); } 
#showTimesMenu .instance.canceled div.instance-state::after { background-image: url('//static.honarticket.com/resource/images/icons/state_disabled.svg'); }
#showTimesMenu .instance.canceled div.instance-btn, #showTimesMenu .instance.canceled .instance-title { --bg: var(--p-b2); pointer-events: none; }
#showTimesMenu .instance.canceled div.instance-btn span.text::before { content: 'لغو شده'; }

#showTimesMenu .instance[data-schedule] .instance-title { --bg: #878cb4; }
#showTimesMenu .instance[data-schedule] div.instance-state span.text::after { content: 'به زودی'; color: var(--p-b3); } 
#showTimesMenu .instance[data-schedule] div.instance-state::after { background-image: url('//static.honarticket.com/resource/images/icons/state_clock.svg'); }
#showTimesMenu .instance[data-schedule] div.instance-btn { display: none; }
#showTimesMenu .instance:not([data-schedule]) .counter { display: none; }

/*
body.s2 #steps-c #showTimesMenu { display: flex; flex-wrap: wrap; }
body.s2 #showTimesMenu .instance { width: 110px; }
body.s2 #showTimesMenu .instance-assets { display: none; }
body.s2 #showTimesMenu .instance-title { border-radius: 0; font-size: 12px }
body.s2 #showTimesMenu .instance-dayofweek { font-size: 18px }
body.s2 #showTimesMenu .instance-title:after, body.s2 #showTimesMenu .instance-title:before { width: 20px; height: 20px; right: -10px; }
body.s2 #showTimesMenu .instance-title:after { border: solid 1px var(--bg) !important; bottom: 45px !important; left: -10px; right: auto; }
body.s2 #showTimesMenu .instance.current {  border: solid 5px var(--p-b2); border-radius: 15px; --punch-color: var(--p-b2); padding: 0; width: 100px }
body.s2 #showTimesMenu .instance.current .instance-title { width: 100px; }
*/

#nonmembers-info { display: none; }

a.btn.disabled, a.instance.disabled { pointer-events: none !important; }

.zb-seatmap #g-map:not(:empty) { margin-bottom: 15px; }

.zb-seatmap #hallMap {
	margin: 0 -10px 0 0;
	width: calc(100% + 20px);
    overflow-x: hidden !important;
    overflow-y: hidden !important;
	clear: both;
	
	background: var(--p-b1);
	/*padding-bottom: 10px;*/
}
.zb-seatmap #hallMap, .zb-seatmap #hallMap-c { touch-action: unset !important; }

.zb-seatmap.zoomed-out #hallMap { height: var(--zoomedout-height); }
.zb-seatmap.zoomed-out #hallMap-c { margin-right: -5px; cursor: default !important; }

.zb-seatmap.zoomed-out #zoom-btn i.fa-search-minus { display: none; }
.zb-seatmap:not(.zoomed-out) #zoom-btn i.fa-search-plus { display: none; }
.zb-seatmap:not(.zoomed-out):not(.zoomed-in) #zoom-btn { display: none; }
.zb-seatmap #zoom-btn {
	width: 40px;
    height: 40px;
    background: #ffffff;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 10px;
    font-size: 20px;
    box-shadow: 1px 1px 6px rgb(0 0 0 / 20%);
    position: absolute;
    z-index: 3;
    top: 7px;
    right: 7px;
    cursor: pointer;
}
.zb-seatmap.zoomable #g-map:empty { /*margin-bottom: 40px;*/ }
.zb-seatmap #g-map:not(:empty) + #zoom-btn { top: 319px; }
.zb-seatmap.zoomable #g-tabs { /*margin-top: 35px;*/ }

.zb-seatmap.zoomed-out #zoom-btn:after {
    content: 'می‌توانید برای بزرگنمایی از این دکمه یا دو انگشت استفاده کنید';
    font-size: 10px;
    width: 250px;
    display: block;
    margin: -24px 40px 0 0;
    pointer-events: none;
}
.seatmap-roll { margin: 0 -10px 0; }

#seatmap-assets { clear: both; background: var(--p-b1); margin: 0 -10px; padding-top: 20px; position: relative; }
#g-legend { padding: 30px 0 20px; background: var(--p-b1); display: none; }
#legend .locked-chair { width: 12px !important; }
#g-map div#plan-map { transform-origin: 100% 0; width: fit-content !important; margin: 0 auto; }
.zb-seatmap.zoomable #seatmap-assets { padding-top: 50px; min-height: 35px; }
.zb-seatmap.zoomable #seatmap-assets #g-map:not(:empty) { /*margin-bottom: 55px;*/ }

.zb-seatmap #hallMap > #g-zoom { 
	display: none;
    border-radius: 20px;
    background: #fff;
    position: absolute;
    left: -140px;
    top: 30px;
    z-index: 10;
    box-shadow: 0 0 5px rgb(0 0 0 / 50%);
    padding: 5px 10px;
}

.notify, .confirm2 {
        background: linear-gradient(-4deg, #ffc, #ffc 50%) !important;
    /* border: solid 1px #F3E0D0 !important; */
    margin-right: 0px;
    position: fixed;
    top: 280px;
    width: calc(100% - 20px);
    max-width: 400px;
    margin-right: 0;
    z-index: 120;
    left: calc(50% - 10px);
    /* border-radius: 15px !important; */
    box-shadow: 1px 2px 50px #000;
    padding: 11px 15px;
    overflow: hidden;
    margin: 0 10px;
    box-sizing: border-box;
    transform: translateX(-50%);
    font-weight: bold;
    background: #fff !important;
    /* color: #fff; */
    /* border: solid 3px #ffc; */
    max-height: 660px;
    overflow-y: auto;
}
.notify.ltr { top: 40px; }
.notify.success { background-color: #050 !important; }
#aui {
    box-sizing: border-box;
    margin-top: 0;
    padding: 0;
}
#aui .help { padding: 10px 0 30px; font-size: 13px; }
#aui #aui_submit { height: 45px; line-height: 48px; }
.notify .btn { margin-top: 10px; display: block !important; margin: 20px 10px 0 -5px; width: 100px; border-color: rgba(255,255,255,0.8); }
.notify .btn, .confirm2 .btn { /*color: #fff !important;*/ border: solid 1px #000; }

.cover {     
	/*margin-top: 200px;*/ 
    position: relative;
    line-height: 0;
    overflow: hidden;
    border-radius: var(--border-radius);
    background: var(--p-b1);
}
.cover img { /*border-radius: 10px;*/ width: 100%; /*min-width: 571px;*/ /*margin-right: min(0px, calc(-285px + 50%));*/ /*min-height: max(var(--min-height), 120px);*/ /*min-height: 120px;*/ }
.cover:after {
    content: '';
    background: linear-gradient(-4deg, rgba(0,0,0,0.3) 22%, transparent 41%, transparent);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    bottom: 0;
}

#cache-seatmap-loader {
    margin-top: 30px;
    display: none;
    position: fixed;
    z-index: 120;
    left: 50%;
    top: 50%;
}

.item-tiles.store a img.label-image { position: absolute; left: 0; top: 0; width: 66%; right: auto; }
.item-tiles.store a img.label-image.center { left: 50%; margin-left: calc(-1 * 34%); top: 15px; filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.5)); -webkit-filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.5)); }
.item-tiles.store img.label-image.expanded { width: 38%; background: linear-gradient(90deg, #37DA82 0%, #1DB563 100%); border-radius: 0 0 12px 0; }
.item-tiles.store a.soon img.label-image, #scheduled-section img.label-image { width: 34%; }

.item-tiles.store a.soon.scheduled .btn, .item-tiles.store a.inactive .btn { display: none !important; }
.item-tiles.store a:not(.soon) .counter, .item-tiles.store a:not(.soon) .label-soon { display: none; }

div.search-box { /*margin: -10px 20px 0 0px;*/ /*float: right;*/ /*display: flex;*/ /*width: calc(100% - 540px);*/ position: relative; }
div.search-box > a { font-size: 20px !important; padding-bottom: 0 !important; line-height: 42px; position: absolute; left: 0; margin-left: 0 !important; padding: 0 10px !important; background: var(--p-b4); border-radius: 10px;}
div.search-box input.search { width: 100%; max-width: unset; min-width: unset; background: var(--p-b1); border-color: transparent; padding-left: 50px; height: 42px; font-size: 14px; /*border-radius: 12px; margin-bottom: 0 !important;*/ }
div.search-box input.search:focus { background: #fff; }

#head div.search-box .v-sep { border-right-color: rgb(78 58 110 / 30%); margin-top: 11px; }
.h-r .dropdown-switch i { line-height: 22px; float: left; margin-left: 1px; }

.dropdown-switch i {
    vertical-align: middle;
    margin-right: 8px;
    font-size: 12px !important;
	line-height: 44px;
}
.dropdown {
	--border-radius: 7px;
    display: none;
    position: absolute;
    /*background-color: #f9f9f9;*/
    background-color: #fff;
    min-width: 175px;
    /*box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.3);*/
    box-shadow: var(--menu-shadow);
    /*border-radius: 0 0 4px 4px;
    overflow: hidden;*/
    border-radius: var(--border-radius);
    z-index: 80;
    /*overflow: hidden;*/
}
.dropdown:not(.no-arrow)::before {
    content: '';
    display: block;
    position: absolute;
    left: 15px;
    top: -5px;
    width: 0;
    height: 0;
    border-bottom: 5px solid #fff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    transition: left 0.2s;
}
.dropdown a {
	font-weight: bold;
    padding: 10px 15px !important;
    text-decoration: none;
    display: block;
    float: none !important;
    position: relative;
    border: 0;
    box-shadow: unset;
    color: #000 !important;
}
.dropdown button.close {
    font-size: 12px;
    top: 10px;
    left: 10px;
    right: auto;
    float: left;
    padding: 0;
    line-height: 30px;
} 

button.close { width: 30px; height: 30px; border: 0 none; background: transparent; border-radius: 5px; color: #000; }
button.close::before { content: '✕'; }
button.close:hover { background: rgba(0,0,0,0.05); cursor: pointer; }

.popup { 
	position: fixed; 
	z-index: 101; 
	top: 10px; 
	margin: 0 auto; 
	width: calc(100% - 20px); 
	background: #fff;
    padding: 10px;
    box-sizing: border-box;
    border-radius: var(--border-radius);
    box-shadow: var(--bar-shadow); 
}
.popup div.title { float: right; padding: 9px; font-size: 15px; }
.popup button.close { float: left; margin-bottom: 15px; }
.popup button.close + * { clear: both; }

.dropdown.show + div.dimmer, .popup.show + div.dimmer { opacity: 1; pointer-events: unset; }

.dropdown > a:first-child { border-radius: var(--border-radius) var(--border-radius) 0 0; }
.dropdown > a:last-child { border-radius: 0 0 var(--border-radius) var(--border-radius); }
.dropdown a:hover { background: #f5f5f5; }
.dropdown a.group-start { border-top: solid 1px rgba(0,0,0,0.1); }
.dropdown.show { display: block; }

.city-dropdown { left: 10px; top: 42px; max-height: 317px; }
.menu-dropdown { 
	--width: 250px;
	width: var(--width);
    height: 2000px;
    top: 0;
    right: calc(var(--width) * -1);
    /*border-radius: 10px 0 0 10px;*/
    border-radius: 0;
    transition: right 0.2s;
    display: block;
    overflow: hidden;
    z-index: 101;
}
.menu-dropdown:not(.show) { box-shadow: none; }
.menu-dropdown.show { right: 0; }
.menu-dropdown::before { right: 14px; left: unset; }
.menu-dropdown > a { margin: 0 10px; border-radius: var(--border-radius); }
.menu-dropdown > a:hover { background-color: var(--p-b1); }

.menu-dropdown .user-box { border-radius: 0 !important; min-height: 65px; padding: 70px 0 15px !important; margin-bottom: 15px; }
.menu-dropdown .user-box #user-bar { padding: 0 10px;  }
.menu-dropdown .user-box a { padding: 0 10px !important; max-width: unset !important; margin-left: 0 !important; font-size: 13px; }
.menu-dropdown .user-box #user-bar div.user-image { width: 55px; height: 55px; margin-top: -6px; }
.menu-dropdown .user-box #btn-login i {
	width: 55px;
    height: 55px;
    background-color: var(--p-b2);
    border-radius: 50%;
    border: solid 2px #fff;
    background-size: 50%;
    background-position-y: 11px;
    margin-left: 10px;
}
.menu-dropdown button.close { font-size: 30px; float: right; margin: 15px 10px 0 0; font-weight: bold; } 
.menu-dropdown i:not(.i-user) { margin-left: 15px; }

#menu-switch { font-size: 50px; padding: 14px 14px 7px 10px; font-size: 30px; float: right; font-weight: bold; margin-right: -10px; display: none; }

.normal { font-weight: normal; }
span.small, a.small, div.small { font-size: 11px; }
.important .small { font-size: 12px; }

.login-c { border: 0 none; width: 100%; max-width: 480px; margin: 0 auto; display: block; /*height: 425px;*/ margin-top: 100px; padding: 10px 0 15px; }

.floating-switch {
	position: fixed;
    right: 36px;
    bottom: 100px;
    height: 50px;
    background: #ddd;
    display: block;
    width: 50px;
    padding: 0 !important;
    border-radius: 50%;
    border: 0 !important;
    /*box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.3);*/
    box-shadow: 0 4px 42px 0 rgba(0, 0, 0, .20);
    text-align: center;
    line-height: 57px;
    font-size: 20px !important;
    color: #fff;
    z-index: 101;
    text-shadow: none;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
}
.floating-switch.tools-switch { bottom: 105px; }
.floating-switch.admin { opacity: 0.3; color: var(--text-color); line-height: 52px; }
.floating-switch:hover { /*background: #eee;*/ opacity: 1; }

.floating-switch.server-info { right: auto; left: 0; color: #333; height: 20px; font-size: 11px !important; line-height: 22px; border-radius: 0 3px 3px 0; direction: ltr;padding: 0 10px 0 5px !important; bottom: 80px; max-width: 6px; width: unset; overflow: hidden; transition: all 0.1s; -webkit-transition: all 0.1s; display: flex; align-items: center; grid-gap: 4px; white-space: nowrap; }
.floating-switch.server-info:hover { max-width: 320px !important; height: 30px; bottom: 75px; }

.admin-tools {
    float: left;
    margin-left: 20px;
    font-weight: normal !important;
    display: none;
}
.custom-scrollbar { overflow-y: auto; }

.admin-tools {
    /* font-weight: normal !important; */
    /* padding: 15px 0 0 5px !important; */
    display: none;
    background: #fff;
    /* height: 31px; */
    border-right: 0 none !important;
    float: left !important;
    position: fixed;
    right: 10px;
    bottom: 165px;
    z-index: 41;
    border-radius: 7px;
    box-shadow: 1px 1px 6px 1px rgb(0 0 0 / 20%);
    overflow: auto;
    padding: 0 !important;
    width: 160px;
}
.admin-tools a {
    line-height: 15px;
    font-size: 12px;
    padding: 10px 20px;
    text-shadow: none !important;
    clear: both;
    border-right: 0 none;
    font-weight: bold;
    display: block;
    float: none;
}
.admin-tools a:hover {
    color: var(--b-p5);
    background: #f5f5f5;
}
.admin-tools a.left {
    margin: 0 !important;
    padding: 5px 10px 5px;
    position: absolute;
    left: 0;
}
.admin-tools a.indented {
	padding-right: 30px;
	padding-left: 0;
}
.admin-tools > div.dark-gray { line-height: 25px; font-size: 12px; padding: 0 20px 0 10px; }
.admin-tools > div.dark-gray.center { border-bottom: solid 1px #eee; padding-top: 5px; }
.admin-tools > div.group { border-top: solid 1px #eee; padding-top: 5px; }

.label.discount.global { /*font-size: 11px;*/ background: #39d; min-width: 46px; /*padding: 1px 1px 1px 5px;*/ max-width: calc(100% - 60px); }
.label.discount.global .icon:not(:first-child) { margin-right: 5px; }
.label.discount.premium { background: #E4A521; }
.label.discount.global .txt { display: block; float: right; margin-right: 5px; line-height: 20px; width: calc(100% - 25px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.dc-box .label.discount.global { background: none; box-shadow: none; float: right; max-width: calc(100% - 0px); }
.dc-box .label.discount.global .txt { /*color: var(--text-color-lighter);*/ margin-top: 1px; }
.dc-box .label.discount.global .icon { background-position-y: -448px;  }
.dc-box.full .label.discount.global { clear: right; margin-bottom: 5px; }
.instance .label.discount.global .icon { width: 20px; height: 20px; float: right; }
.instance .label.discount.global .txt { margin: 2px 2px 0 0; width: auto; font-weight: normal; }
.instance .label.discount.global .txt.gray { color: #ccc; }
.instance .dc-box { margin-top: -56px; }
.special-page .instance .dc-box { display: none; }

span.icon-goldenstar {
	padding-right: 0 !important;
	margin-right: 0 !important;
	border-right: none !important
}

span.icon-discount-general, span.icon-discount-student, span.icon-discount-wallet { background-position: -43px -394px; }
span.icon-discount-group { background-position: -67px -394px; }
span.icon-discount-bulk { background-position: -118px -394px; }
span.icon-discount-premium { background-position: -92px -394px; }

.ui-tooltip {
	padding: 8px 8px 7px !important;
	position: absolute;
	z-index: 9999;
	text-align: start;
	/*opacity: 1 !important;
    color: #fff !important;
    background: #444 !important;
    border-radius: 3px;*/
}
.ui-helper-hidden-accessible { display: none; }

.help-tip {
	display: block;
	position: absolute;
	top: 10px;
	left: 7px;
	text-align: center;
	/*background-color: rgba(0, 0, 0, 0.3);*/
	border-radius: 50%;
	width: 21px;
	height: 21px;
	font-size: 14px;
	line-height: 23px;
	cursor: pointer;
	border: solid 1px #666;
    box-sizing: border-box;
}
.help-tip:hover { background-color: rgba(0, 0, 0, 0.5); border-color: transparent !important; }
.help-tip:hover:before { color: #fff; }

.help-tip:before{
	content:'?';
	font-weight: bold;
	color:#666;
}
.create .help-tip:before { vertical-align: middle; }
.payment-discount .help-tip { top: 4px; left: 4px; }

.help-tip {
    display: block;
    position: absolute;
    top: 10px;
    left: 7px;
    text-align: center;
    /* background-color: rgba(0, 0, 0, 0.3); */
    border-radius: 50%;
    width: 21px;
    height: 21px;
    font-size: 14px;
    line-height: 23px;
    cursor: pointer;
    border: solid 1px #666;
    box-sizing: border-box;
}

.help-tip:hover p{
	display:block;
	transform-origin: 100% 0%;

	-webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;

}
.help-tip-c { position: relative; float: left; margin-top: -2px; }

.help-tip p, .ui-tooltip {	/* The tooltip */
	display: none;
	text-align: justify;
	background-color: rgba(30,32,33,0.85) !important;
	padding: 15px;
	width: -moz-fit-content;
	width: fit-content;
	position: absolute;
	border-radius: 5px !important;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	right: -5px;
	top: 17px;
	color: #fff !important;
	font-size: 11px;
	line-height: 1.4;
	direction: rtl;
	z-index: 1000;
	/*min-width: 100px;*/
	max-width: 300px;
}
.tabs {
	padding: 5px 10px;
}
.tabs a {
	display: block;
	float: right;
	padding: 10px 15px 10px;
	margin-right: 5px;
	/*font-weight: bold;*/
	border-radius: 7px;
	color: #333;
}
.tabs a:hover { background: #f9f9f9; }
.tabs a.current { /*background: var(--p-b1);*/ background: #f9f9f9; font-weight: bold; }
#reserve-config .tabs { padding: 5px 0; margin: -50px auto 20px; overflow: auto; }
#reserve-config .tabs.product-shipping { margin-right: 180px; width: calc(100% - 200px); }

.h-c02 { padding-top: 14px; display: grid; grid-template-columns: 1fr 1fr; grid-gap: var(--grid-gap); direction: ltr; }
.h-c02 > a, #head div.user-box, a.btn-style { padding: 10px 11px; background: var(--p-b1); /*border-radius: var(--border-radius);*/ font-weight: bold; font-size: 11px; }
.h-c02 div.user-box .i-user { filter: brightness(0); -webkit-filter: brightness(0); }

#city-dropdown-switch { /*grid-column: span 2;*/ }

.i {
	display: none;
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: 1px;
    background-position-x: center;
}
.i.dark { filter: brightness(0); -webkit-filter: brightness(0); }
.i.light { filter: invert(1); -webkit-filter: invert(1); }

.i.i-user { background-image: url('//static.honarticket.com/resource/images/icons/user.svg'); }
.i.i-ticket { background-image: url('//static.honarticket.com/resource/images/icons/ticket.svg'); }
.i.i-location { background-image: url('//static.honarticket.com/resource/images/icons/location.svg'); }
.i.i-location-light { background-image: url('//static.honarticket.com/resource/images/icons/location_light.svg'); }
.i.i-calendar { background-image: url('//static.honarticket.com/resource/images/icons/calendar.svg'); }
.i.i-calendar-dark { background-image: url('//static.honarticket.com/resource/images/icons/calendar_dark.svg'); }
.i.i-search { background-image: url('//static.honarticket.com/resource/images/icons/search.svg'); }
.i.i-buy { background-image: url('//static.honarticket.com/resource/images/icons/buy.svg'); margin-top: 2px; }
.i.i-mic { background-image: url('//static.honarticket.com/resource/images/icons/mic.svg'); }
.i.i-chart { background-image: url('//static.honarticket.com/resource/images/icons/chart.svg'); }

.i.i-contact { background-image: url('//static.honarticket.com/resource/images/icons/contact.svg'); }
.i.i-mail { background-image: url('//static.honarticket.com/resource/images/icons/mail.svg'); }
.i.i-robot { background-image: url('//static.honarticket.com/resource/images/icons/telegram.svg'); }
.i.i-megaphone { background-image: url('//static.honarticket.com/resource/images/icons/megaphone.svg'); }
.i.i-all-c2 { background-image: url('//static.honarticket.com/resource/images/icons/all_c2.svg'); }
.i.i-ticket-c2 { background-image: url('//static.honarticket.com/resource/images/icons/ticket_c2.svg'); }

.i.i-all { background-image: url('//static.honarticket.com/resource/images/icons/all.svg'); }
.i.i-music { background-image: url('//static.honarticket.com/resource/images/icons/music.svg'); }
.i.i-cinema { background-image: url('//static.honarticket.com/resource/images/icons/cinema.svg'); }
.i.i-theater { background-image: url('//static.honarticket.com/resource/images/icons/theater.svg'); }
.i.i-clock { background-image: url('//static.honarticket.com/resource/images/icons/clock.svg'); opacity: 0.7; }

.i.i-telegram { background-image: url('//static.honarticket.com/resource/images/icons/telegram.svg'); }
.i.i-linkedin { background-image: url('//static.honarticket.com/resource/images/icons/linkedin.svg'); }
.i.i-instagram { background-image: url('//static.honarticket.com/resource/images/icons/instagram.svg'); }
.i.i-twitter { background-image: url('//static.honarticket.com/resource/images/icons/twitter.svg'); }
.i.i-facebook { background-image: url('//static.honarticket.com/resource/images/icons/facebook.svg'); }

.i.with-box, .i-box, .with-icon.with-box::before {
	background-size: contain;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    background-color: var(--p-b1);
    border: solid 8px var(--p-b1);
    border-radius: 8px;
}
.i-box { margin-left: 5px; }
.i-box .i { margin: 0 !important; filter: brightness(0); -webkit-filter: brightness(0); }

.i.with-box.white, .i-box.white { background-color: #fff; border-color: #fff; }

.h-sep { border-top: solid 1px #F0F1F8; }
.h-sep.empty:before {     
	content: 'با این فیلتر همینک برنامه‌ای موجود نیست';
    margin: 40px 0;
    font-size: 20px;
    font-weight: bold;
    display: block;
    text-align: center; 
}
.v-spacer { height: 25px; }

.pjax-loader {
	position: fixed;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    z-index: 1000;
    /*filter: drop-shadow(0px 1px 25px rgba(0,0,0,0.2));
    -webkit-filter: drop-shadow(0px 1px 25px rgba(0,0,0,0.2));*/
    background: #fff;
    border-radius: 50%;
    border: solid 1px var(--p-b4);
}
.loader { display: block; margin: 0 auto; visibility: hidden; }
.loader, .zb-loading img { width: 100px !important; }
.zb-loading { margin-left: -50px !important; }
.window {
    display: none;
    position: fixed;
    background: #fff;
    border-radius: 7px;
    box-shadow: 1px 1px 15px rgb(0 0 0 / 40%);
    width: calc(100% - 70px);
    max-width: 550px;
    min-height: 100px;
    padding: 10px 20px 20px;
    left: 50%;
    top: 80px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 110;
    overflow: hidden;
}
.window .title-bar {
    width: 100%;
    margin-top: -10px;
    margin-bottom: 10px;
}
.window-close {
    display: block;
    width: 30px;
    height: 30px;
    margin: 10px 0 0 -13px;
    float: left;
    text-align: center;
    cursor: pointer;
    line-height: 34px;
    border-radius: 5px;
    font-size: 20px;
}
.window-close::before {
    content: '✕';
}
.window .c {
	padding: 10px 20px 20px;
	margin: -10px -20px -20px;
}

#popup-content .c, .window .c {
	max-height: 510px; 
	overflow-y: auto; 
	box-sizing: border-box;
	min-height: 200px;
}
#popup-content button.close {
	border-radius: 10px;
    width: 45px;
    height: 45px;
    border: 0 none;
    float: right;
    /*background: #ca9c9c;*/
    background: rgba(0,0,0,0.7);
    cursor: pointer;
    outline: none;
    position: absolute;
    z-index: 99;
    font-size: 22px;
    top: -67px;
    right: 10px;
    color: rgba(255,255,255,0.5);
}
#popup-content {
    position: fixed;
    top: 80px;
    width: 100%;
    width: 480px;
    max-width: 480px;
    left: 50%;
    transform: translate(-50%, 0);
    /* min-height: 200px; */
    z-index: 999;
    direction: rtl;
}
#popup-content button.close::before { content: '✕'; }
#popup-content button.close:hover { color: rgba(255,255,255,1); background: rgba(0,0,0,1); }
#popup-content.window { width: calc(100% - 20px); box-sizing: border-box; }
#popup-content.window button.close {
	border-radius: 5px;
    width: 30px;
    height: 30px;
    font-size: 12px;
    top: 0;
    left: 0;
    right: auto;
    background: transparent;
    color: rgba(0,0,0,0.6);
} 
#popup-content.window button.close:hover { background: rgba(0,0,0,0.05); color: #000; }
#popup-content.window .c { padding: 10px 20px 20px; }
#popup-content .loader {
    display: block;
	margin: 0 auto;
    margin-top: 52px;
}

/* firefox custom scrollbar */
.dropdown div, #popup-content .c, .flexdatalist-results, .custom-scrollbar { scrollbar-color: #bfbfbf transparent; scrollbar-width: thin; }
/* other browsers custom scrollbar */
.dropdown div::-webkit-scrollbar, #popup-content .c::-webkit-scrollbar, .flexdatalist-results::-webkit-scrollbar, .custom-scrollbar::-webkit-scrollbar { width: 10px; height: 10px; }
.dropdown div::-webkit-scrollbar-track, #popup-content .c::-webkit-scrollbar-track, .flexdatalist-results::-webkit-scrollbar-track, .custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
.dropdown div::-webkit-scrollbar-thumb, #popup-content .c::-webkit-scrollbar-thumb, .flexdatalist-results::-webkit-scrollbar-thumb, .custom-scrollbar::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.25); border: 3px solid transparent; background-clip: padding-box; border-radius: 25px; }
.dropdown div::-webkit-scrollbar-thumb:hover, #popup-content .c::-webkit-scrollbar-thumb:hover, .flexdatalist-results::-webkit-scrollbar-thumb:hover, .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.5); border: 3px solid transparent; background-clip: padding-box; border-radius: 25px; }

.counter {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 15px;
    direction: ltr;
    margin-bottom: -40px;
    margin-top: 11px;
    overflow: visible !important;
}
.counter > span {
	display: block;
    padding: 5px 7px;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    padding-bottom: 0;
    position: relative;
    /*background: #fff;*/
    /*color: #000;*/
    border: solid 1px #fff;
}
.counter > span:not(:first-child):before { content: ':'; position: absolute; font-size: 13px; color: #fff; left: -11px; }
.counter > span:after { position: absolute; font-size: 12px; color: #fff; bottom: -26px; left: 0; width: 100%; }
.counter > span.e-m-days:after { content: 'روز'; }
.counter > span.e-m-hours:after { content: 'ساعت'; }
.counter > span.e-m-minutes:after { content: 'دقیقه'; }
.counter > span.e-m-seconds:after { content: 'ثانیه'; }

.events-list .grid > a.dark-content .counter > span,
.events-list .grid > a.dark-content .counter > span:not(:first-child):before, 
.events-list .grid > a.dark-content .counter > span:after { color: #000; border-color: #000; }

.instance .counter { width: 100%; max-width: 130px; grid-gap: 8px; float: left; position: absolute; left: 20px; bottom: 83px; }
.instance .counter > span { border: 0 none; background: var(--p-b1); }
.instance .counter > span:after { color: #000; bottom: -22px; }
.instance .counter > span:before { left: -6px; color: #000; }

#steps-c { padding: 0; border-radius: 0; overflow: visible; } 
#receipts-c { margin-top: 50px; }

body.s2 #steps-c { margin-top: 5px; }

.manual-reserve-box input[type='text'] { width: 100%; max-width: 300px; }
.manual-reserve-box .column {
	width: 100%;
    white-space: normal;
    max-width: 500px;
    position: relative;
}
.manual-reserve-box .dropdown { left: 0; margin-top: -5px; }
.manual-reserve-box input.readonly { background: transparent; }

#finalize-c {  margin: 30px auto 0; max-width: 495px; }
#finalize-c.special-user { margin-top: 70px; }

iframe.map {
    border: 0;
    background-color: #E7EBED;
    width: 100%;
    height: 120px;
    display: block;
    border-radius: var(--border-radius);
    /*margin-bottom: 20px;*/
   margin-top: 20px;
   display: none;
}
iframe.map ~ small a {
    position: absolute;
    margin-top: -40px;
    left: 15px;
    background: #fff;
    padding: 4px 7px 2px;
    border-radius: 5px;
    border: solid 2px rgba(0,0,0,0.3);
    box-sizing: border-box;
	font-weight: bold;    
}
iframe.map ~ small a:not(:hover) { color: #000; display: none; }
div.map.overlay {
	--height: 350px;
	height: var(--height);
	background:transparent; 
	position: relative; 
	/*top: var(--height);*/  /* your iframe height */
	margin-top: calc(-1 * var(--height));  /* your iframe height */
	cursor: pointer;
	display: none;
}

.with-icon.board-header::before { background-image: url(//static.honarticket.com/resource/images/icons/notification.svg); }
.with-icon.location-header::before { background-image: url(//static.honarticket.com/resource/images/icons/location.svg); }
.with-icon.price-header::before { background-image: url(//static.honarticket.com/resource/images/icons/ticket.svg); }
.with-icon.user-header::before { background-image: url(//static.honarticket.com/resource/images/icons/user_dark.svg); }
.with-icon.filter-header::before { background-image: url(//static.honarticket.com/resource/images/icons/filter.svg); }
.with-icon.seats-header::before { background-image: url(//static.honarticket.com/resource/images/icons/tag.svg); }
.with-icon.delete::before { background-image: url(//static.honarticket.com/resource/images/icons/delete.svg); }
.with-icon.categories::before { background-image: url(//static.honarticket.com/resource/images/icons/all.svg); filter: brightness(0); -webkit-filter: brightness(0); }
.with-icon.help::before { background-image: url(//static.honarticket.com/resource/images/icons/info.svg); }
.with-icon.contact::before { background-image: url(//static.honarticket.com/resource/images/icons/contact.svg); filter: brightness(0); -webkit-filter: brightness(0); }

#sectionTabs { background: transparent !important; }

#extraCount-container { 
	background: var(--p-b1); 
	padding: 0 20px 15px; 
	text-align: center; 
	box-sizing: border-box; 
	/*margin-top: 5px;*/ 
	/*border-radius: var(--border-radius);*/
	font-weight: bold;
	margin: 0 -15px;
}
#extraCount-container label { cursor: default; }
#extraCount-container #extraCount-extra { min-width: unset; max-width: unset; width: unset; margin-right: 2px; margin-bottom: 0 !important; cursor: pointer; background-color: #fff; }

.h-r02 { position: relative; grid-template-columns: auto; }

body.sn-receipts.result #header .title { padding-top: 0; padding-bottom: 0; height: unset; }
body.sn-receipts.result #header .tools > span { display: none; }
body.sn-receipts.result.h #header a.done, body.sn-receipts.result.h #header a.active { padding-bottom: 0; padding-top: 5px; }
body.sn-receipts.result .page-info { display: flex; background: var(--p-b1); margin-bottom: 20px; border-radius: var(--border-radius); overflow: hidden; }
body.sn-receipts.result .page-info > .image { width: 150px; height: 200px; background-size: cover; background-repeat: no-repeat; }
body.sn-receipts.result .page-info > .info { width: calc(100% - 140px); display: flex; flex-direction: column; font-weight: bold; justify-content: space-evenly; margin-right: 20px; margin-left: 10px; }
body.sn-receipts.result .page-info > .info > div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.sn-receipts.result .page-info > .info i { background-color: #fff; border: solid 7px #fff; border-radius: 8px; margin-left: 8px; }

#footer-receipts:not(:empty) { margin-top: 30px; }

.price-range-c { padding: 12px 20px 15px; margin-bottom: 16px; /*background: var(--p-b1);*/ border: solid 2px var(--p-b1); border-radius: var(--border-radius); }
.price-range-c .price-range { max-width: 520px; margin: 0 auto; }
.price-range-c .filter-header { margin-bottom: 6px; text-align: center; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
.ui-slider { position: relative; text-align: left; background: var(--p-b2) !important; width: 100%; }
.ui-slider-horizontal { height: 5px; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; background: #000; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 18px; height: 18px; cursor: default; -ms-touch-action: none; touch-action: none; border-radius: 50% !important; background: #000 !important; border: solid 2px #fff !important; box-sizing: border-box; }
.ui-slider-horizontal .ui-slider-handle { top: -6px; margin-left: -9px;  }
.ui-slider-horizontal .ui-slider-handle.ui-state-hover { background-color: #000 !important; cursor: pointer; }
.ui-slider-horizontal .ui-slider-handle::before { content: attr(data-value); display: block; color: #000; position: absolute; top: -20px; left: 0; }
.ui-slider-horizontal .ui-slider-handle:last-child::before { right: 0; left: auto; }

.tickets-popup-switch.empty { display: none !important; }

.contact-box { display: grid; margin-top: 15px; padding: 10px 0 0; grid-template-columns: 1fr 1fr; grid-gap: 10px; }
.contact-box .map { width: 100%; }

.sn .i { width: 35px; height: 35px; margin: 0 10px 0 0; filter: brightness(0); -webkit-filter: brightness(0); }
.sn .i:hover { filter: brightness(0.1); -webkit-filter: brightness(0.1);  }

.iconic-field { display: flex; margin-bottom: 15px; }

.grid { --cc: 4;  display: grid; grid-template-columns: repeat(var(--cc), 1fr); }
.grid.c2 { --cc: 2; }
.grid.c3 { --cc: 3; }
.grid.c4 { --cc: 4; }
.grid.c5 { --cc: 5; }

.voucher-box { background-color: var(--p-b1); border-radius: var(--border-radius); padding: 15px 15px 15px; }
.voucher-box input#code { max-width: unset; }
#shipping-info .voucher-box label { color: #000; background-color: transparent; } 

body.sn-receipts .tip.success { font-weight: bold; }
.receipts-s4 { margin: 30px 0; }

#aui h4 { padding-top: 20px; }

body.sn-store:not(.all) .slider-banners { /*display: none;*/ }
body.sn-store.all .h-sep { display: none; }
.slider-banners { margin-bottom: 15px; /*max-width: calc(var(--layout-max-width) + 114px);*/ }
.slider-banners .slick-slide { float: right; border-radius: var(--border-radius); overflow: hidden; margin: 0 7px; }
.slick-next { right: 6px !important; }
.slick-prev { left: 6px !important; }
.slick-prev, .slick-next { z-index: 10; opacity: 0.5; width: 30px !important; height: 26px !important; }
.slick-prev:before, .slick-next:before { font-size: 30px !important; color: #000 !important; }
body:not(.sn-contact) .raychat_main_button, body:not(.sn-contact) .raychat_automessage_preview_container, body:not(.sn-contact) #raychatFrame { /*display: none !important;*/ }
body.sn-promotions.s2 .raychat_main_button, body.sn-promotions.s2 .raychat_automessage_preview_container, body.sn-promotions.s2 #raychatFrame { display: none; }

body.sn-promotions.monitoring .ui-tabs-panel { display: block !important; margin-bottom: 50px; }
body.sn-promotions.monitoring .ui-tabs-panel::before { content: attr(data-title); display: block; text-align: center; font-weight: bold; font-size: 20px; margin-bottom: 10px; }
body.sn-promotions.monitoring #g-tabs { display: none; }
#g-map:not(:empty) ~ a.switch-monitoring { display: block !important; font-weight: bold; text-align: center; width: 170px; margin: 8px 20px 0; }
body.sn-promotions:not(.monitoring) a.switch-monitoring::before { content: 'نمایش همزمان جایگاه‌ها'; }
body.sn-promotions.monitoring a.switch-monitoring::before { content: 'نمایش استاندارد جایگاه‌ها'; }

#page.two-phase-reserve.first-reserve-phase .rphase-two, #page.two-phase-reserve.first-reserve-phase ~ #steps-c .rphase-two { display: none; }
#page.two-phase-reserve:not(.first-reserve-phase) .rphase-one, #page.two-phase-reserve:not(.first-reserve-phase) ~ #steps-c .rphase-one  { display: none !important; } 
#page.two-phase-reserve:not(.first-reserve-phase) ~ #steps-c .manual-reserve-box { display: none !important; }
#page.two-phase-reserve:not(.first-reserve-phase) ~ #steps-c #shipping-info { display: block !important; }
#page.two-phase-reserve:not(.first-reserve-phase) ~ #steps-c #shipping-info.non-member-info { padding-top: 20px; }
#page.two-phase-reserve:not(.first-reserve-phase) ~ #steps-c a.instance-change { pointer-events: none; }
#page.two-phase-reserve:not(.first-reserve-phase) ~ #steps-c div.price-info { display: none; }
#page.two-phase-reserve:not(.first-reserve-phase) ~ #steps-c a.instance-change span { display: none; }
#page.two-phase-reserve:not(.first-reserve-phase) ~ #steps-c a.instance-change i { display: none; }
#page.two-phase-reserve:not(.first-reserve-phase) ~ #steps-c .current-instance-assets { grid-template-columns: 1fr; margin-top: 0; }

.notify .block { margin-top: 0 !important; }

.ad div.message {
    position: absolute;
    left: 9px;
    top: 10px;
    /* background: rgba(0,0,0,0.02); */
    color: #fff;
    padding: 6px 10px;
    line-height: 17px;
    /* font-family: IRANSans, Tahoma; */
    /*font-size: 11px;*/
    border-radius: 4px;
    text-shadow: 0px 0px 10px #000;
    font-weight: bold;
    transition: all 0.3s;
}

.ad.special-ad { display: block; /*max-width: 1004px;*/ margin: 0 auto; }
.ad.special-ad img { width: 100%; border-radius: var(--border-radius); border: solid 1px #ddd; box-sizing: border-box; max-height: 280px; }
.ad.special-ad img.m { display: none; }

#code-input { width: 380px; }
#code-input form > div.right { width: 215px; }
#code-input form > div.right label { margin-left: 10px; }
#code-input form > div.right input { width: 185px; box-sizing: border-box; min-width: unset; }

.related-pages {
	--border-color: #C6C9E0;
    --border: solid 2px transparent;
    --punch-color: #fff;
    border: var(--border);
    border-color: var(--border-color);
    padding: 10px 15px 0;
    border-radius: var(--border-radius);
    margin-bottom: 10px;
}
.related-pages div.section-header { margin-bottom: 10px; }
.related-pages > a { font-size: 13px; /*color: var(--color-red);*/ border-top: solid 1px rgba(0,0,0,0.1); display: flex; align-items: center; justify-content: space-between; grid-gap: 5px 15px; /*flex-wrap: wrap;*/ padding: 10px 0; justify-content: normal; white-space: nowrap; }
.related-pages > a:hover { opacity: 0.75; }
.related-pages > a > * { white-space: nowrap; }
.related-pages > a > span.venue { width: 100%; }
.related-pages a div.instance-btn { padding: 0 10px; height: 42px; display: flex; align-items: center; position: static; justify-content: center; }

.related-pages:before, .related-pages:after {
    content: '';
    width: 24px;
    height: 24px;
    background: var(--punch-color);
    border-radius: 50%;
    position: absolute;
    top: 79px;
    z-index: 1;
    box-sizing: border-box;
    transition: 0.18s all;
}

.related-pages:before {
    right: -12px;
    border: var(--border);
    border-color: var(--border-color);
}
.related-pages:after {
    left: -12px;
    border: var(--border);
    border-color: var(--border-color);
}

#archive-section { margin-top: 70px; }
body.s2 #rulesAccept { display: none; }
.purchase-ad { background: var(--p-b1); border-radius: var(--border-radius); /*padding: 12px 12px 5px;*/ overflow: hidden; margin-bottom: 25px; display: flex; justify-content: center; }
.purchase-ad > *:not(style) { margin-bottom: -9px; width: 100%; }
.purchase-ad > a > img { width: 100% }
#purchase-ad-counter { margin-bottom: 30px; font-weight: bold; font-size: 13px; text-align: center }

body.embedded #head 
, body.embedded #receipts-c
, body.embedded #receipts-c 
, body.embedded #footer
, body.embedded .cover
, body.embedded #page
, body.embedded #rulesAccept
{ display: none !important; }

body.embedded.sn-promotions { margin-top: 10px; }
#rulesAccept .tip-help { margin-right: 29px; }

pre h1 { padding: 0; }
.notify pre { max-height: 340px; overflow: auto; }

.instance-state.instance-info { display: none; }

.zb-seatmap #legend { display: none; }

/* #end */

.m, .t { display: none; }

@media only screen and (max-width : 979px) {
	.step-menu .line { width: 20px; }
	#steps-c #showTimesMenu { grid-template-columns: 1fr 1fr; }
	body.sn-promotions.s2 #header .tools h1 { max-width: 100% !important; } 
	#page.sale.notes { width: 100% !important; float: none;	}
	body.sn-promotions #header .tools h1 a.return { margin-bottom: 13px; }
	body.h.s2 { padding-top: 55px; }
	#selection-summary #ticket-list { grid-template-columns: 1fr 1fr; }
	.store.navmenu > div { display: grid; grid-template-columns: repeat(6, auto); }
}
@media only screen and (min-width : 979px) {
	.zb-seatmap:not(.zoomed-in) #seatmap-assets { border-radius: var(--border-radius) var(--border-radius) 0 0; }
	.zb-seatmap:not(.zoomed-in) .seatmap-roll { max-width: 1004px; margin: 0 auto !important }
	.zb-seatmap:not(.zoomed-in) #g-legend { border-radius: 0 0 var(--border-radius) var(--border-radius); }
}
@media only screen and (max-width : 768px) {
	.t { display: unset; }
	.nt { display: none; }
	.events-list .grid { grid-template-columns: repeat(3, 1fr); grid-gap: 15px; }
	#navigation a.t { display: unset; margin-top: 8px; }
	#navigation { margin: 0; }
	.store.navmenu { border-radius: 0 !important; width: 100%; width: calc(100% + 20px); margin-right: -10px; }
	.store.navmenu > div { display: grid; grid-template-columns: repeat(3, auto); }
	.store.navmenu > .hz-scroll-c { padding: 0 10px; }
	.store.navmenu a { white-space: nowrap; }
	body.h .store.navmenu { /*margin-right: -10px; top: 0; margin-top: 0; width: calc(100% - 6px);  box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 30%);*/ position: static; }
	body.sn-store #head { /*box-shadow: none; border-bottom: 0 none;*/ }
	body { margin-top: 60px; --grid-gap: 9px; }
	body.sn-promotions, body.sn-receipts.result { margin-top: 130px; padding-bottom: 100px; }
	#_container { margin-bottom: -38px; }
	#steps-c { width: 100%; box-sizing: border-box; }
	#page.sale.notes:not(.collapsed) .general-notes .content { top: 110px }
	#steps-c #showTimesMenu { width: 100%; }
	body.sn-promotions #header .tools h1 { /*font-size: 13px;*/ }
	body.sn-promotions #header .tools h1 span.small { /*font-size: 11px !important;*/ }
	#aui { width: 100%; }
	.store.navmenu a.first { /*padding-right: 10px !important;*/ }
	.item-tiles.store h2 span.prefix { font-size: 10px; }
	div.search-box { /*position: absolute; top: 10px; left: 10px;*/ /*margin: 9px 0 0;*//* width: 100%;*/ }
	div.search-box a.search { margin-left: 0; margin: 0 !important; }
	#navigation > a { padding-bottom: 10px; margin-top: 7px; }
	#head .v-sep { margin-top: 7px; }
	#navigation > a:not(.logo):not(.m):not(.always-visible), #navigation > .v-sep { display: none; }
	#head a img { margin-top: 2px; width: 90px; }
	#navigation a.logo { /*margin-top: 0;*/ margin-bottom: 0; padding: 0; margin-left: 0; }
	.h-c02 { margin-top: -5px; }
	div.search-box input.search { margin-bottom: 0 !important; } 
	body.h #page.sale.notes { margin-top: 0; }
	body.sn-store.h { margin-top: 145px; }
	.h-r { /*grid-template-columns: 1fr 1fr;*/ } 
	#showTimesMenu .instance div.instance-btn/*, .instance .counter*/ { font-size: 10px; padding: 7px 0; bottom: 37px; }
	.related-pages a div.instance-btn { font-size: 10px; padding: 0; }
	#showTimesMenu .instance div.instance-capacity { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 140px; font-size: 11px; }
	#showTimesMenu .instance[data-schedule] div.instance-capacity { opacity: 0; margin-bottom: 7px; }
	.instance .counter > span { /*font-size: 12px; padding: 0; line-height: normal; padding-top: 4px;*/ }
	#hallMap { margin: 0 -10px 0; }
	.zb-seatmap:not(.zoomed-out) #hallMap { overflow-x: auto !important; }
	#page.sale.notes .date-time { font-size: 12px; }
	/*
	body.s2 #steps-c #showtimeMenu { margin: 0 -10px -20px; padding-right: 10px; padding-bottom: 15px; }
	body.s2 #steps-c #showTimesMenu { width: fit-content; flex-wrap: nowrap; }
	*/
	.rc.h-r02 { /*grid-template-columns: 3fr 2fr;*/ }
	.hz-scroll { overflow: auto; white-space: nowrap; }
	.hz-scroll.no-scrollbar::-webkit-scrollbar { width: 0; background: transparent; height: 0; }
	.hz-scroll-c { width: max-content; display: flex !important; width: fit-content; width: -moz-fit-content; padding-left: 10px; }
	.hz-scroll-c .tools { display: flex; }
	
	#ticket-list-c:not(.show) { display: none; }
	.tickets-popup-switch { font-weight: bold; color: var(--color-red); margin-bottom: 15px; display: inline-block; margin-top: 10px; }
	#selection-summary { --bg: #fff; padding: 0; }
	#selection-summary #ticket-list-c { background: #fff; border-bottom: 0 none; }
	
	#aui input[type="text"] { max-width: unset; margin-bottom: 20px !important; }
	#aui label { display: block; }
	
	.slider-banners .slick-slide { margin: 0 3px; border-radius: 5px; }
	.slick-next { right: 17px !important; }
	.slick-prev { left: 17px !important; }
	#navigation > a.always-visible { margin-top: 18px; } 
	
	.related-pages > a { flex-wrap: wrap; justify-content: end; }
	.related-pages > a > span.venue { width: auto;  }
	
	.events-list h6.sticked { display: block; }
}
@media only screen and (min-width : 768px) {
	body.h #page.sale.notes { margin-top: 0; }
	body.h div#steps-c { margin-top: 0; }
	.popup.popup-t { position: unset; box-shadow: none; padding: 0; border-radius: 0; width: 100%; }
	.popup.popup-t:not(.empty) { display: block !important; }
	.popup.popup-t.show + div.dimmer { opacity: 0; pointer-events: none; }
}
@media only screen and (max-width : 605px) {
	.events-list .grid { grid-template-columns: repeat(2, 1fr); }
	#navigation a, #user-bar a { /*font-size: 12px;*/ }
	#head .fas, #head.far { font-size: 14px; }
	#trace-number-search:not(.logged-in) .btn { position: static; margin-left: 0; margin-top: 10px; max-width: unset; /*margin-bottom: 30px;*/ }
	#trace-number-search.logged-in .btn { margin-bottom: 30px;  margin-top: 0 !important; max-width: 120px; }
	#trace-number-search input[type="text"] { max-width: unset !important; }
	.step-menu span.step { background: none !important; color: inherit !important; width: 10px; margin-left: 5px; }
	.step-menu span.step::after { content: '.'; }
	.step-menu span.step::before { font-size: 12px; } 
	.manual-reserve-box .column { max-width: none; }
	.manual-reserve-box input[type='text'] { max-width: none; }
	.manual-reserve-box .dropdown-switch { left: 8px; top: 56px; }
	.manual-reserve-box .dropdown { left: 0; }
	.manual-reserve-box input[type='checkbox'] { margin-right: 0 !important; }
	#steps-c #showTimesMenu { grid-template-columns: 1fr; }
	#showTimesMenu .instance div.instance-capacity { white-space: unset; max-width: unset; }
	#page.sale.notes { padding-top: 15px; }
	#page.sale.notes.behaviour-event .date-time { font-size: 13px; grid-template-columns: 103px auto !important; grid-gap: 35px 7px; background-color: var(--p-b1); padding: 20px 13px 13px; border-radius: var(--border-radius) var(--border-radius) 0 0; border-bottom: 0 none; /*margin-bottom: 20px;*/ }
	#page.sale.notes .date-time .far, #page.sale.notes .date-time .fas { background-color: #fff; border-color: #fff; }
	#page.sale.notes .date-time .far:not(:first-child)::before, #page.sale.notes .date-time .fas:not(:first-child)::before { content: ''; display: block; width: 100%; height: 2px; background-color: #fff; position: absolute; margin: -23px -23px 0 0; }
	body.s2 #page.sale.notes .date-time { border-radius: var(--border-radius) var(--border-radius) 0 0; }
	body.sn-promotions #header .tools h1 { font-size: 14px; margin-top: -47px; }
	body.sn-promotions #header .tools h1 span.small { font-size: 13px; }
	.step-menu a { font-size: 10px; /*padding-right: 5px;*/ padding-bottom: 5px; }
	.tip.success { font-size: 12px; margin-bottom: 23px; border-radius: var(--border-radius); }
	input[type="text"], input[type="password"], textarea.textarea, select { max-width: unset; }
	.receipt label { width: fit-content !important; margin-left: 5px; }
	.receipt > div > div.receipt-row.first-in-column { margin-bottom: 8px; text-align: center; }
	div#trace-number-search a.block { margin-top: -62px !important; float: right; }
	#header .tools .step-menu { height: 35px; }
	body.sn-promotions.s2 #header .tools h1 { margin-top: -7px; }
	.price-range { /*margin-top: 5px;*/ }
	.price-range-c { box-sizing: border-box; }
	#shipping-info .btn { margin-bottom: 10px; }
	#shipping-info:not(.info_loggedin) #displayCodeInput, #applyCode { margin-right: 0; }
	body.h.s2 { padding-top: 40px; }
	.contact-box { grid-template-columns: 1fr; }
	.contact-box .map { margin-top: 30px; }
	#selection-summary #ticket-list, .grid { --cc: 1; }
	#selection-summary #ticket-list, .footer-row { grid-template-columns: 1fr; }
	.footer-row .sn { padding-top: 10px; text-align: left; }
	#footer-content { --cc: 2; grid-gap: 15px 0; }
	.current-instance-assets { /*grid-template-columns: 1fr;*/ display: flex; flex-direction: column-reverse; align-items: stretch; grid-gap: 0; margin: 0 0 15px; }
	.current-instance-assets a.instance-change { border-radius: 0 0 var(--border-radius) var(--border-radius); margin-top: 2px; color: #000; }
	.current-instance-assets > .price-info { /*padding: 0 10px 15px 0;*/ border-radius: 0; }
	.current-instance-assets > * { /*width: 100%;*/ }
	body.sn-promotions.s2 #page.sale.notes { margin-bottom: -8px; margin-top: -3px; }
	body.sn-promotions.s2.instance-change div#showtimeMenu { margin-top: 145px; }
	#page.sale #location { float: unset; width: 100%; background: var(--p-b1); margin-top: -20px; background: var(--p-b1); padding-bottom: 0; border-bottom: 0 none; border-radius: 0 0 var(--border-radius) var(--border-radius); padding: 15px; box-sizing: border-box; overflow: hidden; margin-bottom: 20px; text-align: right; }
	iframe.map { border-radius: 0; /* margin: 15px -15px -15px 0; width: calc(100% + 30px); */ box-shadow: 0 5px 8px 0 rgb(0 0 0 / 8%); border: solid 1px #fff; border-radius: 6px; margin-top: 0; }
	#page.sale.notes .date-time .location-value { grid-column: unset; }
	#page.sale.notes .date-time .location-address { display: block; margin-right: -110px; margin-top: 15px; }
	#page.sale.notes .date-time .location-address .inline-sep:first-child { display: none; }
	#footer .sn { float: left; width: 100%; text-align: center; margin-bottom: 30px;  }
	.footer-logos {	float: none; justify-content: center; }
	body.s2 #page.sale .general-notes .notify { background: var(--p-b1) !important; border-radius: 0 !important; padding: 15px; margin: 2px 0; }
	#page.sale.notes.collapsed .general-notes .content { padding-bottom: 0; }
	iframe.map ~ small a { left: 29px; }
	div.paging.top { text-align: left; }
	#code-input { width: unset; }
	#code-input form > div.right { width: 100%; }
	#code-input form > div.right input { width: 100%; }
	body.sn-receipts.result.h #header a.done, body.sn-receipts.result.h #header a.active { padding-bottom: 0; padding-top: 0; }
}
@media only screen and (max-width : 480px) {
	.m { display: unset; }
	.nm { display: none !important; }
	.ad.special-ad img.m { display: block; max-height: 200px; }
	#navigation a.m { display: unset; margin-top: 9px; } 
	.events-list .grid > a > div.info { padding-bottom: 60px; }
	.item-tiles.store h2 { font-size: 12px; margin: 0;  }
	div.info .counter { margin-top: 7px; margin-bottom: -36px; }
	div.info .counter > span:after { font-size: 11px; bottom: -24px; }
	.events-list .grid > a > div.info > div { font-size: 8px; }
	.events-list .grid > a > div.info.bg > div { padding-top: 193px; }
	.events-list.item-tiles.store .grid a:before, .events-list.item-tiles.store .grid a:after { bottom: 125px; }
	.btn { font-size: 13px !important; }
	#aui #aui_submit { max-width: unset; margin-top: 20px; }
	.step-menu .line { width: 10px; margin-left: 5px; }
	.events-list.item-tiles.store .btn { height: 38px; line-height: 40px; font-size: 12px !important; }
	.events-list.item-tiles.store .btn.disabled, .events-list.item-tiles.store a.soon .btn { font-size: 9px !important; padding-left: 5px; padding-right: 5px; }
	.events-list.item-tiles.store a.sch-started .btn { /*font-size: 8px !important;*/ }
	.events-list.item-tiles.store a.scheduled .btn { font-size: 10px !important; }
	.i.i-buy { margin-top: 0; }
	.events-list .grid { grid-gap: 10px; }
	#head .rc.h-r01 { grid-template-columns: 5fr 4fr; grid-gap: 4px; }
	.h-c02 { /*margin-top: -9px;*/ grid-template-columns: auto 1fr; }
	.h-c02 > a, .h-r a.btn-style:not(.dropdown-switch), #head div.user-box { padding-left: 9px; padding-right: 9px; }
	#head .h-c02 div.user-box { width: 24px; overflow: hidden; }
	#head .h-c02 div.user-box a#btn-login .i { margin-right: 3px; }
	#head .h-c02 div.user-box a#btn-login .title { display: none; }
	#head .h-c02 div.user-box #user-bar a.user-image { margin-right: 2px; }
	#head .h-c02 div.user-box #user-bar .indicators { display: none; }
	.city-dropdown { /*top: 94px;*/ }
	.receipt .btn.gray { max-width: unset; }
	.receipt .tickets-box { float: none !important; margin-bottom: 30px; width: unset; }
	.receipt:before, .receipt:after { top: 103px; left: -10px; }
	.receipt.with-pagetitle:before, .receipt.with-pagetitle:after { top: 146px; }
	.receipt:after { right: -10px; left: auto; }
	.receipt > div:before { /*display: none;*/ left: 0; top: 112px; height: unset; width: 100%; border-right: 0 none; border-top: dashed 3px #fff; }
	.receipt.with-pagetitle > div:before { top: 155px; }
	.receipt > div > div.receipt-row { max-width: unset; }
	.receipt > div > div.receipt-row.tools:not(:empty) { position: static; float: left; margin-bottom: 10px; }
	.receipt > div:first-child > div:nth-child(2) { width: 100%; text-align: left; margin-left: 0; }
	.receipt.admin-permissions > div:first-child > div:nth-child(2) { /*margin-bottom: 80px;*/ }
	.receipt > div:first-child > div:nth-child(2) .ticket-list { position: static; }
	#page.sale.notes .general-notes .tip, #page.sale.notes .basic-notes, #page.sale #body-desc { font-size: 11px; }
	#extraCount-container #extraCount-extra { width: 100%; margin-top: 10px; }
	.important { font-size: 13px; }
	.current-instance-title { font-size: 13px; }
	#shipping-info .btn, #shipping-info.info_loggedin .btn.cancel { /*max-width: unset !important;*/ /*width: calc(50% - 5px);*/ }
	#page.sale #location-switch { border-right: 0 none; padding-right: 0; margin-right: 0; display: block; margin-bottom: -18px; }
	.events-list .grid > a > div.tags { bottom: 136px; }
	.store.navmenu > div { grid-template-columns: repeat(2, auto); }
	.receipt .dropdown.ticket-list-popup { top: 97px; width: calc(100% - 19px); }
	#shipping-info.sticked { right: 0; max-width: none; border-radius: 0; }
	body.sn-receipts.result .page-info { flex-direction: column; }
	body.sn-receipts.result .page-info > .image { background-size: contain; padding-top: 42%; width: unset; height: unset;  }
	body.sn-receipts.result .page-info > .info { width: unset; margin: 10px; grid-gap: 10px; }
	#rulesAccept label { font-size: 11px; }
}