@font-face {
     font-family: iransans;
     font-style: normal;
     font-weight: 500;
     src: url('../font/eot/IRANSansWeb_Medium.eot');
     src: url('../font/eot/IRANSansWeb_Medium.eot?#iefixx') format('embedded-opentype'),
         /* IE6-8 */
         url('../font/woff2/IRANSansWeb_Medium.woff2') format('woff2'),
         /* FF39+,Chrome36+, Opera24+*/
         url('../font/woff/IRANSansWeb_Medium.woff') format('woff'),
         /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../font/ttf/IRANSansWeb_Medium.ttf') format('truetype');
 }

 @font-face {
     font-family: iransans;
     font-style: normal;
     font-weight: 300;
     src: url('../font/eot/IRANSansWeb_Light.eott');
     src: url('../font/eot/IRANSansWeb_Light.eot?#iefixx') format('embedded-opentype'),
         /* IE6-8 */
         url('../font/woff2/IRANSansWeb_Light.woff2') format('woff2'),
         /* FF39+,Chrome36+, Opera24+*/
         url('../font/woff/IRANSansWeb_Light.wofff') format('woff'),
         /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../font/ttf/IRANSansWeb_Light.ttf') format('truetype');
 }

 @font-face {
     font-family: iransans;
     font-style: normal;
     font-weight: 200;
     src: url('../font/eot/IRANSansWeb_UltraLight.eott');
     src: url('../font/eot/IRANSansWeb_UltraLight.eot?#iefixx') format('embedded-opentype'),
         /* IE6-8 */
         url('../font/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'),
         /* FF39+,Chrome36+, Opera24+*/
         url('../font/woff/IRANSansWeb_UltraLight.woff') format('woff'),
         /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../font/ttf/IRANSansWeb_UltraLight.ttf') format('truetype');
 }

 @font-face {
     font-family: iransans;
     font-style: normal;
     font-weight: normal;
     src: url('../font/eot/IRANSansWeb.eot');
     src: url('../font/eot/IRANSansWeb.eot?#iefixx') format('embedded-opentype'),
         /* IE6-8 */
         url('../font/woff2/IRANSansWeb.woff2') format('woff2'),
         /* FF39+,Chrome36+, Opera24+*/
         url('../font/woff/IRANSansWeb.woff') format('woff'),
         /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../font/ttf/IRANSansWeb.ttf') format('truetype');
 } */

 @font-face {
     font-family: 'PeydaWebLight';
     src: url('/emaratkhandeh/fonts/peyda/woff2/PeydaWebFaNum-Light.woff2');
     font-weight: 100;
     font-style: normal;
 }

 @font-face {
     font-family: 'PeydaWebRegular';
     src: url('/emaratkhandeh/fonts/peyda/woff/PeydaWebFaNum-Regular.woff');
     font-weight: 400;
     font-style: normal;
 }

 @font-face {
     font-family: 'PeydaWebBold';
     src: url('/emaratkhandeh/fonts/peyda/woff/PeydaWebFaNum-Bold.woff');
     font-weight: bold;
     font-style: normal;
 }

 @font-face {
     font-family: 'PeydaWebMedium';
     src: url('/emaratkhandeh/fonts/peyda/woff/PeydaWebFaNum-Medium.woff');
     font-weight: normal;
     font-style: normal;
 }

 body {
     font-family: 'PeydaWebMedium';
 }



 .navbar-brand {
     height: 90px;
 }

 .shake,
 .shake-little,
 .shake-slow,
 .shake-hard,
 .shake-horizontal,
 .shake-vertical,
 .shake-rotate,
 .shake-opacity,
 .shake-crazy,
 .shake-chunk {
     display: inline-block;
     transform-origin: center center
 }

 .shake-freeze,
 .shake-constant.shake-constant--hover:hover,
 .shake-trigger:hover .shake-constant.shake-constant--hover {
     animation-play-state: paused
 }

 .shake-freeze:hover,
 .shake-trigger:hover .shake-freeze,
 .shake:hover,
 .shake-trigger:hover .shake,
 .shake-little:hover,
 .shake-trigger:hover .shake-little,
 .shake-slow:hover,
 .shake-trigger:hover .shake-slow,
 .shake-hard:hover,
 .shake-trigger:hover .shake-hard,
 .shake-horizontal:hover,
 .shake-trigger:hover .shake-horizontal,
 .shake-vertical:hover,
 .shake-trigger:hover .shake-vertical,
 .shake-rotate:hover,
 .shake-trigger:hover .shake-rotate,
 .shake-opacity:hover,
 .shake-trigger:hover .shake-opacity,
 .shake-crazy:hover,
 .shake-trigger:hover .shake-crazy,
 .shake-chunk:hover,
 .shake-trigger:hover .shake-chunk {
     animation-play-state: running
 }

 @keyframes "shake-rotate" {
     0% {
         transform: translate(0, 0) rotate(-25.5deg);
     }

     10% {
         transform: translate(0, 0) rotate(6.5deg);
     }

     15% {
         transform: translate(0, 0) rotate(25deg);
     }

     20% {
         transform: translate(0, 0) rotate(-5.0deg);
     }

     25% {
         transform: translate(0, 0) rotate(-25.0deg);
     }

     30% {
         transform: translate(0, 0) rotate(25.0deg);
     }

     35% {
         transform: translate(0, 0) rotate(-25.0deg);
     }

     40% {
         transform: translate(0, 0) rotate(25.0deg);
     }

     45% {
         transform: translate(0, 0) rotate(0.0deg);
     }

     50% {
         transform: translate(0, 0) rotate(0);
     }

     0%,
     100% {
         transform: translate(0, 0) rotate(0deg);
     }
 }

 .shake-rotate,
 .shake-trigger .shake-rotate,
 .shake-rotate.shake-freeze,
 .shake-rotate.shake-constant {
     animation-name: shake-rotate;
     animation-duration: 1500ms;
     animation-timing-function: ease-in-out;
     animation-iteration-count: infinite
 }

 @-ms-viewport {
     width: device-width
 }

 @-webkit-viewport {
     width: device-width
 }

 @-moz-viewport {
     width: device-width
 }

 @-ms-viewport {
     width: device-width
 }

 @-o-viewport {
     width: device-width
 }

 @viewport {
     width: device-width
 }

 @page {
     size: auto;
     margin: 20mm 20mm 20mm 20mm
 }

 * {
     outline: none !important
 }

 a:focus,
 a:hover {
     text-decoration: none !important
 }

 ul {
     padding: 0
 }

 a,
 img,
 button,
 li,
 span,
 p,
 input {
     -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     -ms-transition: all 0.2s;
     transition: all 0.2s;
     text-decoration: none
 }

 .nav>li>a:focus,
 .nav>li>a:hover {
     background-color: transparent
 }

 a:hover {
     text-decoration: none
 }

 .h1,
 .h2,
 .h3,
 h1,
 h2,
 h3 {
     margin-top: 0px;
     margin-bottom: 0px;
     text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3) !important
 }

 label {
     font-weight: normal
 }

 li {
     list-style-type: none
 }

 body {
     font-family: "PeydaWebMedium", tahoma;
     -webkit-font-smoothing: antialiased;
     font-size: 14px;
     background: #f0f0f0
 }

 body.modal-open {
     position: fixed;
     left: 0;
     right: 0;
     top: 0
 }

 .nopadding {
     padding: 0 !important
 }

 .nopadding-r {
     padding-right: 0 !important
 }

 .nopadding-l {
     padding-left: 0 !important
 }

 .nopadding-x {
     padding-right: 0;
     padding-left: 0
 }

 .nomargin {
     margin: 0
 }

 .devider30px {
     height: 30px
 }

 .ei-slider {
     z-index: 1
 }

 .navbar-inverse .navbar-nav>.open>a,
 .navbar-inverse .navbar-nav>.open>a:focus,
 .navbar-inverse .navbar-nav>.open>a:hover {
     color: #fff;
     background: transparent
 }

 .navbar {
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     border-radius: 0;
     z-index: 120;
     border: none
 }

 .login-reg-hyper {
     text-align: center;
     color: #337ab7;
     cursor: pointer
 }

 .login-reg-hyper:hover {
     color: #23527c
 }

 .navbar-top {
     margin-bottom: 0px
 }

 .row-fff {
     background: #fff
 }

 .navbar-top .navbar-brand {
     padding: 10px 15px
 }

 .navbar-top .newsletter {
     border-top: 0px solid #646464;
     margin-top: 15px;
     padding-top: 0
 }

 .navbar-top .usermenus li {
     float: right
 }

 .navbar-top .usermenus li a {
     line-height: 38px;
     color: #a0a0a0;
     float: right;
     font-size: 13px
 }

 .navbar-top .usermenus li a:before {
     content: '';
     background: url(../img/sprite.png~ver=1.png) no-repeat;
     width: 14px;
     height: 15px;
     float: right;
     margin-top: 12px;
     margin-left: 6px;
     -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     -ms-transition: all 0.2s;
     transition: all 0.2s
 }

 .navbar-top .usermenus li .signup:before {
     background-position: -16px -7px;
     width: 24px
 }

 .navbar-top .usermenus li .login {
     padding-right: 30px
 }

 .navbar-top .usermenus li .login:before {
     background-position: -65px -7px
 }

 .navbar-top .usermenus li:hover .signup {
     color: #40d47e
 }

 .navbar-top .usermenus li:hover .signup:before {
     background-position: -16px -23px;
     width: 24px
 }

 .navbar-top .usermenus li:hover .login {
     color: #3498db
 }

 .navbar-top .usermenus li:hover .login:before {
     background-position: -65px -23px
 }

 .navbar-top .usermenus.visible-sm .signup::before {
     background-image: url(../img/sprite.png~ver=1.png) !important
 }

 .navbar-top .usermenus.visible-sm .login::before {
     background-image: url(../img/sprite.png~ver=1.png) !important
 }

 .tik8-sidenav .dropdown-menu {
     transition: 0s !important;
     transform: initial !important
 }

 .tik8-sidenav .open>.dropdown-menu {
     position: static;
     width: 100%;
     margin-top: -5px;
     border-radius: 0;
     border: 0
 }

 .navbar-top .open>.dropdown-menu {
     -webkit-transform: scale(1, 1);
     -moz-transform: scale(1, 1);
     -o-transform: scale(1, 1);
     transform: scale(1, 1);
     opacity: 1
 }

 .navbar-top .dropdown-menu {
     opacity: 0;
     -webkit-transform-origin: top;
     -moz-transform-origin: top;
     -o-transform-origin: top;
     transform-origin: top;
     -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
     -o-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     -webkit-transform: scale(1, 0);
     -moz-transform: scale(1, 0);
     -o-transform: scale(1, 0);
     transform: scale(1, 0);
     display: block;
     -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear
 }

 .navbar-top .logined_user {
     text-align: right;
     direction: rtl
 }

 .navbar-top .logined_user img.avatarimg {
     float: right;
     border-radius: 50%;
     width: 44px;
     height: 44px;
     margin-left: 15px
 }

 .navbar-top .logined_user .user_name {
     color: #787878;
     font-size: 13px;
     padding-left: 18px;
     max-width: 168px;
     white-space: nowrap;
     display: block;
     overflow: hidden;
     text-overflow: ellipsis;
     float: right;
     min-width: 60%
 }

 .navbar-top .logined_user .user_name:before {
     content: "";
     float: left;
     background: url(../img/sprite.png~ver=1.png) no-repeat -300px -448px;
     width: 15px;
     height: 15px;
     position: absolute;
     vertical-align: middle;
     left: 20px;
     top: 15px
 }

 .navbar-top .logined_user .open .user_name:before {
     transform: rotate(180deg);
     top: 20px
 }

 .open-nav {
     font-size: 30px;
     cursor: pointer;
     color: #fff;
     display: inline-block;
     margin-right: 0;
     margin-top: 10px
 }

 .navbar-top .logined_user .user_remain {
     font-family: " iransans ", tahoma;
     font-size: 12px;
     color: #a0a0a0;
     float: right;
     padding-top: 3px;
     min-width: 118px;
     max-width: 120px;
     white-space: nowrap
 }

 .navbar-top .logined_user .user_remain:before {
     /*background: url(../img/sprite.png~ver=1.png) no-repeat;*/
     content: ' ';
     width: 18px;
     height: 18px;
     float: right;
     display: block;
     margin-left: 5px;
     margin-right: -2px;
     -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     -ms-transition: all 0.2s;
     transition: all 0.2s;
     background-position: -208px -151px
 }

 .navbar-top .logined_user .open>a,
 .navbar-top .logined_user .open>a:focus,
 .navbar-top .logined_user .open>a:hover {
     background-color: #fff
 }

 .navbar-top .logined_user .dropdown-toggle {
     z-index: 1001;
     background: #fff;
     position: relative
 }

 .navbar-top .logined_user .dropdown-menu {
     top: 0;
     border-radius: 0;
     padding-top: 50px;
     margin-top: 10px;
     min-width: 100%;
     text-align: right;
     padding-bottom: 0;
     border-width: 0px
 }

 .navbar-top .logined_user .dropdown-menu li a:before {
     background: url(../img/sprite.png~ver=1.png) no-repeat;
     content: ' ';
     width: 18px;
     height: 18px;
     float: right;
     display: block;
     margin-left: 10px;
     -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     -ms-transition: all 0.2s;
     transition: all 0.2s
 }

 .navbar-top .logined_user .dropdown-menu li.remainico a:before {
     background-position: -160px -151px
 }

 .navbar-top .logined_user .dropdown-menu li.ticketico a:before {
     background-position: -159px -197px
 }

 .navbar-top .logined_user .dropdown-menu li.billingico a:before {
     background-position: -160px -246px
 }

 .navbar-top .logined_user .dropdown-menu li.favoriteico a:before {
     background-position: -160px -294px
 }

 .navbar-top .logined_user .dropdown-menu li.editico a:before {
     background-position: -16px -7px;
     width: 14px;
     height: 15px
 }

 .navbar-top .logined_user .dropdown-menu li.exitico a {
     color: #cb373c;
     border-bottom: 0
 }

 .navbar-top .logined_user .dropdown-menu li.exitico a:hover {
     color: #cb373c
 }

 .navbar-top .logined_user .dropdown-menu li.exitico a:before {
     background-position: -160px -344px
 }

 .navbar-top .logined_user .dropdown-menu li a {
     font-size: 12px;
     color: #a0a0a0;
     border-top: 1px solid #dcdcdc;
     margin: 0 10px;
     padding: 15px 0;
     background-color: #fff
 }

 .navbar-top .logined_user .dropdown-menu li a:hover {
     background-color: #fff;
     color: #3498db
 }

 .navbar-top .logined_user .dropdown-menu li:hover.remainico a:before {
     background-position: -160px -170px
 }

 .navbar-top .logined_user .dropdown-menu li:hover.ticketico a:before {
     background-position: -159px -216px
 }

 .navbar-top .logined_user .dropdown-menu li:hover.billingico a:before {
     background-position: -160px -265px
 }

 .navbar-top .logined_user .dropdown-menu li:hover.favoriteico a:before {
     background-position: -160px -313px
 }

 .navbar-top .logined_user .dropdown-menu li:hover.exitico a:before {
     background-position: -160px -363px
 }

 .navbar-top .logined_user .dropdown-menu li:hover.editico a:before {
     background-position: -16px -23px;
     width: 14px;
     height: 15px
 }

 .navbar-top .logined_user {
     width: 60%;
     max-width: 250px;
     margin-top: 10px;
 }

 .logined_user_tickets_badge {
     float: right;
     margin: 20px 10px 10px 0;
     border: 1px solid #cb373c;
     height: 52px;
     line-height: 52px;
     padding: 0 37px 0 10px;
     display: block;
     position: relative
 }

 .logined_user_tickets_badge:before {
     position: absolute;
     content: '';
     width: 22px;
     height: 25px;
     top: 13px;
     right: 7px;
     background: url(../img/sprite.png~ver=1.png) no-repeat;
     background-position: -527px -448px
 }

 .logined_user_tickets_badge ._text {
     float: right;
     padding-left: 9px;
     color: #000
 }

 .logined_user_tickets_badge ._badge {
     font-family: " iransans ", tahoma;
     font-size: 14px;
     height: 26px;
     line-height: 29px;
     text-align: center;
     min-width: 26px;
     padding: 0 8px;
     border-radius: 15px;
     background: #cb373c;
     display: inline-block;
     color: #FFF;
     margin: 13px 0;
     float: right
 }

 .navbar-top .logined_navbar-menu {
     visibility: hidden;
     position: relative;
     top: -100px;
     display: none;
     -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     -ms-transition: all 0.2s;
     transition: all 0.2s
 }

 .navbar-top .logined_navbar-menu .dropdown-menu {
     padding-top: 50px
 }

 .navbar-top .logined_navbar-menu span.user_remain {
     font-family: " iransans ", tahoma;
     padding: 10px 25px;
     display: block;
     float: none;
     background-color: #fff
 }

 .navbar-top .logined_navbar-menu.visible {
     opacity: 1;
     top: 0px;
     height: auto;
     display: block;
     visibility: visible
 }

 .navbar-fixed-top .logined_user {
     margin-left: 10px
 }

 .navbar-fixed-top .logined_user .dropdown-menu {
     border: 0
 }

 .navbar-fixed-top .logined_user img.avatarimg {
     width: 32px;
     height: 32px;
     margin-top: -6px
 }

 .navbar-fixed-top .logined_user li {
     float: none !important
 }

 .navbar-fixed-top .logined_user li a {
     padding: 15px !important
 }

 .navbar-fixed-top .logined_user .user_name {
     color: #fff;
     width: 142px
 }

 .navbar-fixed-top .logined_user .dropdown.open .user_name {
     color: #787878
 }

 .navbar-fixed-top .logined_user .dropdown.open .dropdown-menu {
     border: 0
 }

 .navlogo.navbar-brand {
     padding: 15px 15px
 }

 .navbar-menu .logined_user_main.navbar-nav li:nth-child(n+2) a {
     padding: 16px 20px
 }

 .navbar-menu {
     background-color: #3c3c3c;
     background: #3c3c3c;
     border-width: 0;
     border-bottom: 4px solid #f0f0f0;
     margin-bottom: 0
 }

 .navbar-menu .navbar-nav li {
     float: right
 }

 .navbar-menu .navbar-nav li a {
     color: #fff;
     font-size: 14px;
     padding: 16px 43px
 }

 .navbar-menu .navbar-nav li a .caret {
     border-top: 0px dashed;
     border-top: 0px solid #000;
     border-right: 0px solid transparent;
     border-left: 0px solid transparent;
     width: 12px;
     height: 8px;
     margin-left: 8px
 }

 .navbar-menu .navbar-nav .theater a:before {
     background-color: #ff9934
 }

 .navbar-menu .navbar-nav .cinema a:before {
     background-color: #9a0000
 }

 .navbar-menu .navbar-nav .concert a:before {
     background-color: #a54a83
 }

 .navbar-menu .navbar-nav .conference a:before {
     background-color: #4e87af
 }

 .navbar-menu .navbar-nav .comic a:before {
     background-color: #bf1b56
 }

 .navbar-menu .navbar-nav .fun a:before {
     background-color: #bf1b56
 }

 .navbar-menu .navbar-nav .kid a:before {
     background-color: #e8bb00
 }

 .navbar-menu .navbar-nav .sport a:before {
     background-color: #438802
 }

 .navbar-menu .navbar-nav .homeicon {
     float: right;
     background: #cb373c;
     display: block
 }

 .navbar-menu .navbar-nav .homeicon span.homeiconimage {
     width: 30px;
     height: 23px;
     background: url(../img/sprite.png~ver=1.png) no-repeat -201px -14px;
     display: block
 }

 .navbar-menu .navbar-nav .homeicon:hover {
     background: #e0484d
 }

 .navbar-menu .navbar-nav .homeicon .underline-center:hover {
     margin-bottom: 0
 }

 .navbar-menu .navbar-collapse {
     padding-right: 0;
     padding-left: 0
 }

 .navbar-menu .borderdiv {
     border-right: 1px solid #646464;
     border-left: 1px solid #141414;
     height: 30px;
     margin: 10px 0;
     float: right
 }

 .navbar-menu .navbar-nav .theater a:before {
     background-image: url(../img/sprite.png~ver=1.png)
 }

 .navbar-menu .navbar-nav .concert a:before {
     background-image: url(../img/sprite.png~ver=1.png)
 }

 .navbar-menu .navbar-nav .cinema a:before {
     background-image: url(../img/sprite.png~ver=1.png)
 }

 .navbar-menu .navbar-nav .conference a:before {
     background-image: url(../img/sprite.png~ver=1.png)
 }

 .navbar-menu .navbar-nav .fun a:before {
     background-image: url(../img/sprite.png~ver=1.png)
 }

 .navbar-menu .navbar-nav .kid a:before {
     background-image: url(../img/sprite.png~ver=1.png)
 }

 .navbar-menu .navbar-nav .comic a:before {
     background-image: url(../img/sprite.png~ver=1.png)
 }

 .navbar-menu .navbar-nav .sport a:before {
     background-image: url(../img/sprite.png~ver=1.png)
 }

 .navbar-menu .navbar-nav .homeicon a:before {
     background-image: url(../img/sprite.png~ver=1.png)
 }

 .navbar-menu .navbar-nav li a:before {
     background-image: none;
     background-size: 0
 }

 .navbar-menu .phone-menu li a::after {
     background-image: url(../img/sprite.png~ver=1.png);
     background-repeat: no-repeat
 }

 .navbar-brands {
     float: left;
     height: 50px
 }

 .navbar-brands img {
     width: 147px;
     margin-top: -107px;
     opacity: 0
 }

 .navbar-brands-trans {
     opacity: 1 !important;
     margin-top: -8px !important
 }

 .navbar-header .navbar-toggle {
     border: 0px;
     background: transparent
 }

 .navbar-header .navbar-toggle .icon-bar {
     background: #fff
 }

 .navbar-header .navbar-toggle:hover,
 .navbar-header .navbar-toggle:focus {
     background: transparent !important
 }

 .header-counter {
     background-color: #cb373c;
     width: 65px;
     height: 52px;
     margin-right: 10px;
     color: #FFF;
     text-align: center;
     float: left
 }

 .header-counter span {
     display: block;
     margin: 5px 0 0;
     font-size: 19px;
     height: 22px
 }

 .header-counter p {
     margin: 0;
     font-size: 11px
 }

 .Asection1 {
     background: url(../images/LandingApp/bg_intro.png) center center no-repeat;
     background-size: cover;
     background-attachment: fixed;
     height: auto
 }

 .limage1 {
     padding: 15px 0
 }

 .soft-btn-col {
     position: relative;
     margin-top: 320px
 }

 .soft-btn-col .btn-soft {
     border: 1px solid #999;
     margin: 5px 0;
     color: #fff;
     height: 50px;
     background: rgba(37, 37, 37, 0.8);
     border-radius: 2px;
     cursor: pointer
 }

 .soft-btn-col .btn-soft:hover {
     background: #252525;
     border: 1px solid #fff
 }

 .soft-btn-col .btn-soft .soft-txt {
     text-align: center;
     line-height: 50px
 }

 .soft-btn-col .btn-soft .ios-logo {
     background: url(../img/sprite.png~ver=1.png) no-repeat -249px -5px;
     top: 5px;
     width: 30px;
     height: 38px
 }

 .soft-btn-col .btn-soft .android-logo {
     background: url(../img/sprite.png~ver=1.png) no-repeat -346px -7px;
     width: 29px;
     height: 34px;
     top: 7px
 }

 .arrow-down-w {
     background: url(../img/sprite.png~ver=1.png) no-repeat -208px -438px;
     width: 61px;
     height: 40px;
     margin-top: 15px;
     margin-bottom: 15px;
     cursor: pointer
 }

 .arrow-down-b {
     background: url(../img/sprite.png~ver=1.png) no-repeat -208px -485px;
     width: 61px;
     height: 40px;
     margin-top: 15px;
     margin-bottom: 15px;
     cursor: pointer
 }

 .Asection2 {
     direction: rtl;
     background: #fff url(../images/LandingApp/backgroundpattern.png) repeat-x;
     height: auto;
     color: #3c3c3c
 }

 .Asection2 h1 {
     font-size: 21px;
     line-height: 15px;
     margin-bottom: 20px
 }

 .Asection2 .Asection2-text {
     margin: 15px 0;
     margin-top: 180px;
     line-height: 30px;
     text-align: justify
 }

 .limage2 {
     margin-top: 15px
 }

 .Asection3 {
     background: url(../images/LandingApp/bg_intro.png) center center no-repeat;
     background-size: cover;
     background-attachment: fixed;
     height: auto
 }

 .Asection3 .Asection3-text {
     direction: rtl;
     color: #fff;
     line-height: 30px
 }

 .Asection3 .Asection3-text p {
     text-align: justify;
     font-size: 14px
 }

 .Asection3 .Asection3-text:nth-child(1) h4 {
     font-size: 21px;
     color: #cb373c
 }

 .Asection3 .Asection3-text:nth-child(2) h4 {
     font-size: 21px;
     color: #ea8253
 }

 .Asection4 {
     direction: rtl;
     background: #fff url(../images/LandingApp/backgroundpattern.png) repeat;
     height: auto;
     color: #3c3c3c
 }

 .Asection4 .Asection4-text {
     margin: 15px 0;
     margin-top: 180px;
     line-height: 27px;
     text-align: justify
 }

 .Asection4 .limage4 {
     transition: all .2s ease-in-out;
     margin-top: 30px;
     transform: scale(0.9)
 }

 .Asection4 .limage4:hover {
     transform: scale(1)
 }

 .Asection4 .Asection4-footer {
     position: absolute;
     left: 0;
     right: 0;
     margin-top: -200px;
     background: #fff;
     -webkit-box-shadow: 0px -14px 21px 0px rgba(0, 0, 0, 0.4);
     -moz-box-shadow: 0px -14px 21px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0px -14px 21px 0px rgba(0, 0, 0, 0.4)
 }

 .Asection4 .Asection4-footer .As-inner-footer:nth-child(1) h3 {
     color: #29abe2
 }

 .Asection4 .Asection4-footer .As-inner-footer:nth-child(2) h3 {
     color: #02daaf
 }

 .Asection4 .Asection4-footer .As-inner-footer:nth-child(3) h3 {
     color: #02daaf
 }

 .Asection4 .Asection4-footer .As-inner-footer {
     height: 130px
 }

 .Asection4 .Asection4-footer .As-inner-footer h3 {
     font-size: 18px;
     line-height: 40px;
     padding-top: 10px
 }

 .Asection4 .Asection4-footer .As-inner-footer p {
     font-size: 12px;
     line-height: 20px
 }

 .Asection5 {
     background: url(../images/LandingApp/bg_intro.png) center center no-repeat;
     background-size: cover;
     background-attachment: fixed;
     height: auto;
     min-height: 100px
 }

 .Asection5 h3 {
     font-size: 18px;
     margin-top: 30px;
     margin-bottom: 15px;
     border-bottom: 1px solid #fff;
     height: 60px;
     width: 30%;
     color: #fff
 }

 .Asection5 .app-options {
     height: 150px;
     margin-bottom: 30px
 }

 .Asection5 .app-options h4 {
     font-size: 15px;
     padding: 10px 0 0
 }

 .Asection5 .app-options:nth-child(1) h4 {
     color: #29abe2
 }

 .Asection5 .app-options:nth-child(2) h4 {
     color: #02daaf
 }

 .Asection5 .app-options:nth-child(3) h4 {
     color: #fe5d5d
 }

 .Asection5 .app-options:nth-child(4) h4 {
     color: #f7d072
 }

 .Asection5 .app-options:nth-child(5) h4 {
     color: #cd373e
 }

 .Asection5 .app-options:nth-child(6) h4 {
     color: #f9b37d
 }

 .Asection5 .app-options p {
     line-height: 27px;
     font-size: 12px;
     color: #fff
 }

 .Asection5 .app-options .options-icon {
     background: url(../img/sprite2.png) no-repeat
 }

 .Asection5 .app-options:nth-child(1) .options-icon {
     background-position: -18px -201px;
     width: 40px;
     height: 40px
 }

 .Asection5 .app-options:nth-child(2) .options-icon {
     background-position: -92px -201px;
     width: 47px;
     height: 40px
 }

 .Asection5 .app-options:nth-child(3) .options-icon {
     background-position: -173px -198px;
     width: 31px
 }

 .Asection5 .app-options:nth-child(4) .options-icon {
     background-position: -238px -204px;
     width: 37px;
     height: 37px
 }

 .Asection5 .app-options:nth-child(5) .options-icon {
     background-position: -309px -189px;
     width: 37px;
     height: 52px
 }

 .Asection5 .app-options:nth-child(6) .options-icon {
     background-position: -380px -209px;
     width: 39px;
     height: 32px
 }

 .Asection5 .Asection3-text {
     direction: rtl;
     color: #fff;
     line-height: 30px
 }

 .Asection5 .Asection3-text p {
     text-align: justify;
     font-size: 14px
 }

 .Asection5 .Asection3-text:nth-child(1) h4 {
     color: #cb373c
 }

 .Asection5 .Asection3-text:nth-child(2) h4 {
     color: #ea8253
 }

 .Asection6 {
     direction: rtl;
     background: #fff url(../images/LandingApp/backgroundpattern.png) repeat-x;
     height: auto;
     color: #3c3c3c;
     min-height: 250px
 }

 .Asection6 h3 {
     font-size: 18px;
     margin-top: 30px;
     margin-bottom: 0;
     height: 60px;
     width: 30%;
     color: #3c3c3c
 }

 .Asection6 .app-download-link .dl-app-btn {
     height: 85px;
     margin: 15px 0;
     border-radius: 2px;
     opacity: .8;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     transition: all 0.3s
 }

 .Asection6 .app-download-link .dl-app-btn:hover {
     opacity: 1
 }

 .Asection6 .app-download-link .dl-app-btn p {
     color: #fff;
     text-align: center;
     line-height: 85px;
     direction: rtl;
     font-size: 18px
 }

 .Asection6 .app-download-link> :nth-child(1) .dl-app-btn {
     background: #707070
 }

 .Asection6 .app-download-link> :nth-child(1) .dl-app-btn p:after {
     content: '';
     position: relative;
     display: inline-block;
     background: url(../img/sprite2.png) no-repeat -100px -257px;
     width: 53px;
     height: 65px;
     margin-right: 30px;
     margin-top: -16px;
     top: 25px
 }

 .Asection6 .app-download-link> :nth-child(2) .dl-app-btn {
     background: #b5c87a
 }

 .Asection6 .app-download-link> :nth-child(2) .dl-app-btn p:after {
     content: '';
     position: relative;
     display: inline-block;
     background: url(../img/sprite2.png) no-repeat -11px -257px;
     width: 71px;
     height: 68px;
     margin-right: 30px;
     margin-top: -19px;
     top: 29px
 }

 .Asection6 .app-download-link> :nth-child(3) .dl-app-btn {
     background: #7ce0c4
 }

 .Asection6 .app-download-link> :nth-child(3) .dl-app-btn p:after {
     content: '';
     position: relative;
     display: inline-block;
     background: url(../img/sprite2.png) no-repeat -183px -257px;
     width: 62px;
     height: 70px;
     margin-right: 30px;
     margin-top: -21px;
     top: 29px
 }

 .newsletter {
     position: relative
 }

 .newsletter .nav-newsletter {
     position: relative
 }

 .newsletter p {
     font-size: 10px;
     color: #a0a0a0;
     padding-bottom: 8px
 }

 .newsletter input[type=text] {
     width: 100%;
     height: 40px;
     border-radius: 2px;
     position: relative;
     direction: rtl;
     line-height: 40px;
     font-size: 12px;
     padding-right: 40px;
     color: #a0a0a0;
     border: 1px solid #e1e1e1
 }

 .newsletter input[type=text]:focus {
     font-size: 12px;
     outline: 0;
     border-color: #858585;
     direction: ltr;
     padding-left: 128px
 }

 .newsletter button {
     border-radius: 2px;
     position: absolute;
     left: 0;
     top: 0;
     height: 34px;
     margin: 4px;
     border: 0;
     color: #fff;
     font-size: 12px;
     padding: 0 12px
 }

 .newsletter button:focus {
     outline: none
 }

 .newsletter .newslettericon {
     right: 10px;
     top: 12px;
     width: 22px;
     height: 14px;
     display: block;
     float: right;
     background: url(../img/sprite.png~ver=1.png) no-repeat -109px -17px;
     position: absolute;
     z-index: 1
 }

 .panel-heading {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .panel-heading h2:nth-child(2) {
     color: #000;
 }

 .panel-event .panel-heading h2 {
     font-size: 14px;
     padding: 12px
 }

 .panel-event .panel-heading h1 {
     text-align: right;
     direction: rtl;
     font-size: 16px;
     padding: 10px 15px
 }

 .panel-event .panel-heading h1 span {
     color: #a0a0a0;
     font-size: 12px;
     font-family: "iransans", tahoma;
     padding-right: 5px
 }

 .panel-event .panel-heading.theater {
     border-color: #ff9934
 }

 .panel-event .panel-heading.theater h1 {
     color: #ff9934
 }

 .panel-event .panel-heading.cinema {
     border-color: #9a0000
 }

 .panel-event .panel-heading.cinema h1 {
     color: #9a0000
 }

 .panel-event .panel-heading.concert {
     border-color: #a54a83
 }

 .panel-event .panel-heading.concert h1 {
     color: #a54a83
 }

 .panel-event .panel-heading.seminar {
     border-color: #4e87af
 }

 .panel-event .panel-heading.seminar h1 {
     color: #4e87af
 }

 .panel-event .panel-heading.comic {
     border-color: #bf1b56
 }

 .panel-event .panel-heading.comic h1 {
     color: #bf1b56
 }

 .panel-event .panel-heading.fun {
     border-color: #bf1b56
 }

 .panel-event .panel-heading.fun h1 {
     color: #bf1b56
 }

 .panel-event .panel-heading.kid {
     border-color: #e8bb00
 }

 .panel-event .panel-heading.kid h1 {
     color: #e8bb00
 }

 .panel-event .panel-heading.sport {
     border-color: #438802
 }

 .panel-event .panel-heading.sport h1 {
     color: #438802
 }

 .panel-event div:nth-last-child() {
     border: 0
 }

 .panel-event .event_details {
     font-family: "iransans", tahoma;
     border-bottom: 1px solid #dcdcdc;
     direction: rtl;
     text-align: justify;
     font-size: 12px;
     padding: 18px 18px 16px;
     overflow: hidden;
     color: #3c3c3c;
     position: relative;
     line-height: 1.8
 }

 .panel-event .event_details p {
     font-size: 11px;
     direction: rtl;
     text-align: justify;
     line-height: 22px
 }

 .panel-event .event_details p:nth-of-type(3) {
     margin-bottom: 10px
 }

 .panel-event .event_details h1,
 .panel-event .event_details h2,
 .panel-event .event_details h3,
 .panel-event .event_details h4,
 .panel-event .event_details h5,
 .panel-event .event_details h6 {
     color: #CB373C;
     padding-bottom: 12px;
     line-height: 26px
 }

 .panel-event .event_details h4,
 .panel-event .event_details h5,
 .panel-event .event_details h6 {
     font-size: 13px
 }

 .panel-event .event_details h3 {
     font-size: 14px
 }

 .panel-event .event_details h2 {
     font-size: 16px
 }

 .panel-event .event_details h1 {
     font-size: 18px
 }

 .panel-event .event_details a {
     color: #4d4d4f
 }

 .panel-event .event_details.short_det div {
     display: inline-block;
     float: right
 }

 .panel-event .event_details.all_det span {
     color: #cb373c;
     padding-left: 5px
 }

 .panel-event .event_details .e_separator {
     height: 12px;
     border-left: 1px solid #bcbcbc;
     border-right: 1px solid #e8e8e8;
     float: right;
     margin: 0 55px
 }

 .panel-event .event_more {
     margin: 5px 5px -10px
 }

 .panel-event .event_more a {
     background: url(../img/event_more2.png) no-repeat left;
     display: block;
     color: #cb373c;
     font-size: 12px;
     padding-left: 22px;
     padding-top: 6px
 }

 .panel-event .event_more a.iconChange {
     background: url(../img/event_more.png) no-repeat left
 }

 .panel-event>div:last-child {
     border-bottom: 0;
     padding-bottom: 0
 }

 .event_image_big img:not(.hidden) {
     width: 95%;
     display: block !important;
     margin: 20px auto 0
 }

 .event_image_big .bigshadow {
     background: url(../img/bigshadow.png) no-repeat center;
     background-size: cover;
     height: 20px;
     width: 90%;
     margin: 0 auto;
     overflow: hidden
 }

 .event_image_big figcaption {
     position: absolute;
     opacity: 0
 }

 .event_buttons {
     overflow: hidden;
     padding-bottom: 30px;
     display: flex;
     justify-content: center;
 }

 .event_buttons a {
     border: 1px solid #dcdcdc;
     display: block;
     font-size: 12px;
     color: #3c3c3c;
     text-align: center;
     height: 50px;
     line-height: 50px;
     border-radius: 15px;
 }

 .event_buttons a:hover {
     border-color: #A0A0A0
 }

 .event_buttons a.disabled {
     opacity: 0.45;
     cursor: not-allowed
 }

 .event_buttons a.disabled:hover {
     border: 1px solid #dcdcdc
 }

 .event_buttons .e_but_buy {
     background: url(../img/e_but_buy.png) no-repeat #1cbd2f top 50% right 20px;
     color: #fff;
     border-color: #FFF
 }

 .event_buttons .e_but_gallery {
     background: url(../img/e_but_gallery.png) no-repeat #fff top 50% right 20px
 }

 .event_buttons .e_but_teaser {
     background: url(../img/e_but_teaser.png) no-repeat #fff top 50% right 20px
 }

 .event_buttons .e_but_comment {
     background: url(../img/e_but_comment.png) no-repeat #fff top 50% right 20px
 }

 .event_buttons .e_but_event {
     background: url(../img/e_but_about.png) no-repeat #fff top 50% right 20px
 }

 .disable_link {
     opacity: .6
 }

 .event_artists {
     padding-bottom: 30px
 }

 .event_artists a {
     border: 1px solid #dcdcdc;
     display: block;
     font-size: 12px;
     color: #3c3c3c;
     text-align: left;
     padding: 8px 0 8px 20px;
     height: 50px;
     position: relative;
     margin-bottom: 30px
 }

 .event_artists a:hover {
     border-color: #A0A0A0
 }

 .event_artists a img {
     position: absolute;
     right: -15px;
     top: -5px;
     border-radius: 100%
 }

 .event_artists a span {
     display: block
 }

 .event_artists a span.art_role {
     font-size: 10px;
     padding-top: 2px
 }

 .panel {
     /*padding: 0px 5px 20px;*/
     padding: 10px;
     border-color: #dcdcdc;
     margin-bottom: 25px;
     margin-top: 10px;
     box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     border-radius: 25px
 }

 .panel.text-panel p {
     padding: 0;
     margin: 0;
     font-family: "iransans", tahoma;
     direction: rtl;
     font-size: 12px;
     color: #4d4d4f;
     text-align: justify;
     line-height: 22px
 }

 .panel .owl-prev,
 .panel .owl-next {
     position: absolute;
     top: 40%;
     width: 25px;
     height: 60px;
     border: 1px solid #dcdcdc;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     border-radius: 0;
     background-image: url(../img/sprite.png~ver=1.png);
     background-repeat: no-repeat;
     font-size: 0;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     transition: all 0.3s
 }

 .panel .owl-prev:hover,
 .panel .owl-next:hover {
     border: 1px solid #CAC9C9
 }

 .panel .owl-prev {
     left: auto;
     right: -31px;
     background-position: -502px -45px
 }

 .panel .owl-next {
     position: absolute;
     right: auto;
     left: -31px;
     background-position: -482px -45px
 }

 .panel .panel-heading {
     border-color: #CB373C;
     background-color: #FFFFFF;
     color: #cb373c;
     padding: 5px 0px 15px;
     overflow: hidden;
     border-bottom-style: dashed;
     border-bottom-width: 2px;
 }

 .panel .panel-heading .headingicon {
     width: 30px;
     height: 30px;
     background: url(../img/sprite.png~ver=1.png) no-repeat;
     float: right
 }

 .panel .panel-heading .headingicon.stared {
     background-position: -105px -57px
 }

 .panel .panel-heading .headingicon.all {
     background-position: -153px -57px
 }

 .panel .panel-heading .headingicon.soon {
     background-position: -201px -57px
 }

 .panel .panel-heading .headingicon.archive {
     background-position: -249px -57px
 }

 .panel .panel-heading .headingicon.cinema {
     background-position: -249px -297px
 }

 .panel .panel-heading .headingicon.news {
     background-position: -153px -105px
 }

 .panel .panel-heading .headingicon.intro {
     background-position: -201px -105px
 }

 .panel .panel-heading .headingicon.film {
     background-position: -345px -105px
 }

 .panel .panel-heading .headingicon.seminar {
     background-position: -393px -105px
 }

 .panel .panel-heading .headingicon.conference {
     background-position: -393px -105px
 }

 .panel .panel-heading .headingicon.theater {
     background-position: -297px -58px
 }

 .panel .panel-heading .headingicon.concert {
     background-position: -297px -105px
 }

 .panel .panel-heading .headingicon.artists {
     background-position: -201px -201px
 }

 .panel .panel-heading .headingicon.gallery {
     background-position: -201px -297px
 }

 .panel .panel-heading .headingicon.play {
     background-position: -249px -201px
 }

 .panel .panel-heading .headingicon.ticket {
     background-position: -201px -249px
 }

 .panel .panel-heading .headingicon.sans {
     background-position: -7px -682px
 }

 .panel .panel-heading .headingicon.about {
     background-position: -135px -682px
 }

 .panel .panel-heading .headingicon.loc {
     background-position: -53px -682px
 }

 .panel .panel-heading .headingicon.commentico {
     background-position: -249px -345px
 }

 .panel .panel-heading .headingicon.comic {
     background-position: -339px -487px
 }

 .panel .panel-heading .headingicon.fun {
     background-position: -339px -487px
 }

 .panel .panel-heading .headingicon.kid {
     background-position: -537px -583px
 }

 .panel .panel-heading .headingicon.sport {
     background-position: -420px -488px
 }

 .panel .panel-heading .headingicon.relatedicon {
     background-position: -585px -534px;
     width: 30px;
     height: 30px
 }

 .panel .panel-heading .headingicon.contactsocialicon {
     background-position: -537px -534px;
     width: 30px;
     height: 30px
 }

 .panel .panel-heading .headingicon.bioicon {
     background-position: -489px -534px;
     width: 30px;
     height: 30px
 }

 .panel .panel-heading .panel-title {
     font-size: 18px;
     float: right;
     margin-right: 10px;
     direction: rtl;
     text-align: right
 }

 .panel .panel-heading .panel-title span {
     color: #787878;
     font-size: 12px;
     font-family: " iransans ", tahoma;
     padding-right: 5px
 }

 .panel .panel-body {
     padding: 28px 25px 0;
     position: relative
 }

 .panel.concert_event .panel-heading {
     border-color: #993399
 }

 .panel.concert_event .panel-heading h1.panel-title,
 .panel.concert_event .panel-heading h3.panel-title {
     color: #993399
 }

 .panel.cinema_event h1.panel-title {
     color: #9a0000
 }

 .panel.cinema_event .panel-heading {
     border-color: #9a0000
 }

 .panel.theater_event h1.panel-title {
     color: #ff9934
 }

 .panel.theater_event .panel-heading {
     border-color: #ff9934
 }

 .panel.seminar_event h1.panel-title {
     color: #4e87af
 }

 .panel.seminar_event .panel-heading {
     border-color: #4e87af
 }

 .panel.conference_event h1.panel-title {
     color: #4e87af
 }

 .panel.conference_event .panel-heading {
     border-color: #4e87af
 }

 .panel.comic_event h1.panel-title {
     color: #bf1b56
 }

 .panel.comic_event .panel-heading {
     border-color: #bf1b56
 }

 .panel.fun_event h1.panel-title {
     color: #bf1b56
 }

 .panel.fun_event .panel-heading {
     border-color: #bf1b56
 }

 .panel.kid_event h1.panel-title {
     color: #bf1b56
 }

 .panel.kid_event .panel-heading {
     border-color: #bf1b56
 }

 .panel.sport_event h1.panel-title {
     color: #438802
 }

 .panel.sport_event .panel-heading {
     border-color: #438802
 }

 .panel .panel-heading.theater {
     border-color: #ff9934
 }

 .panel .panel-heading.theater .panel-title {
     color: #ff9934
 }

 .panel .panel-heading.cinema {
     border-color: #9a0000
 }

 .panel .panel-heading.cinema .panel-title {
     color: #9a0000
 }

 .panel .panel-heading .fun {
     border-color: #bf1b56
 }

 .panel .panel-heading .fun .panel-title {
     color: #bf1b56
 }

 .panel .panel-heading .kid {
     border-color: #e8bb00
 }

 .panel .panel-heading .kid .panel-title {
     color: #e8bb00
 }

 .panel .panel-heading.concert {
     border-color: #a54a83
 }

 .panel .panel-heading.concert .panel-title {
     color: #a54a83
 }

 .panel .panel-heading.sport {
     border-color: #438802
 }

 .panel .panel-heading.sport .panel-title {
     color: #438802
 }

 .panel .panel-heading.conference {
     border-color: #4e87af
 }

 .panel .panel-heading.conference .panel-title {
     color: #4e87af
 }

 .panel .items .item {
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     border-radius: 25px;
     padding: 10px;
     border: 1px solid #dcdcdc;
     /*height: 308px;*/
     height: 465px;
     position: relative;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     transition: all 0.3s;
     text-align: right;
     margin-bottom: 10px
 }

 .panel .items .item figure {
     /*width: 170px;*/
     width: 100%;
     margin: auto;
     position: relative;
     font-size: 1px
 }

 .panel .items .item figcaption {
     position: absolute;
     opacity: 0;
     text-indent: -9999px;
     overflow: hidden
 }

 .panel .items .item .shadow {
     background: url(../img/shadow.png) no-repeat;
     height: 15px;
     width: 170px;
     margin: 0 auto;
     overflow: hidden
 }

 .panel .items .item .noshadow {
     height: 10px
 }

 .panel .items .item .caticon:before {
     content: '';
     /*background: url(../img/sprite.png~ver=1.png) no-repeat;*/
     width: 32px;
     height: 32px;
     position: absolute;
     top: 0;
     left: 0
 }

 .panel .items .item .caticon.theatertag:before {
     background-position: -56px -56px
 }

 .panel .items .item .caticon.cinematag:before {
     background-position: -56px -104px
 }

 .panel .items .item .caticon.concerttag:before {
     background-position: -344px -57px
 }

 .panel .items .item .caticon.seminartag:before {
     background-position: -440px -104px
 }

 .panel .items .item .caticon.conferencetag:before {
     background-position: -440px -104px
 }

 .panel .items .item .caticon.comictag:before {
     background-position: -377px -486px
 }

 .panel .items .item .caticon.funtag:before {
     background-position: -377px -486px
 }

 .panel .items .item .caticon.kidtag:before {
     background-position: -537px -583px
 }

 .panel .items .item .caticon.sporttag:before {
     background-position: -462px -486px
 }

 .panel .items .item .discicon {
     height: 40px;
     position: absolute;
     bottom: 10px;
     right: -7px;
     -webkit-transition: all 0.4s;
     -moz-transition: all 0.4s;
     -ms-transition: all 0.4s;
     transition: all 0.4s
 }

 .panel .items .item .discicon span {
     color: #fff;
     font-size: 10px;
     text-align: right;
     direction: rtl;
     float: right;
     line-height: 34px
 }

 .panel .items .item .discicon .offtext {
     text-align: center;
     width: 40px;
     line-height: 36px;
     font-size: 12px
 }

 .panel .items .item .discicon .remaintext {
     margin-right: 10px
 }

 .panel .items .item .discicon.off {
     background: url(../img/sprite.png~ver=1.png) no-repeat -281px -386px;
     width: 44px;
     height: 40px
 }

 .panel .items .item .discicon.remain {
     background: url(../img/sprite.png~ver=1.png) no-repeat -161px -386px;
     width: 111px;
     height: 40px
 }

 .panel .items .item .discicon.off_remain {
     background: url(../img/sprite.png~ver=1.png) no-repeat -3px -386px;
     width: 151px;
     height: 40px
 }

 .panel .items .item h3 {
     font-size: 11px !important;
     margin: auto;
     direction: rtl;
     font-weight: normal !important;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     /*height: 21px;*/
     height: 28px;
     line-height: 1.7;
     color: red;
     background: rgb(255, 0, 0, 0.16);
     border-radius: 10px;
 }

 .panel .items .item a.event_link:hover h3 {
     color: #cb373c
 }

 .panel .items .item p {
     font-size: 10px;
     margin: 1px 15px;
     direction: rtl;
     color: #787878;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
 }

 .panel .items .item:hover .discicon {
     opacity: 0
 }

 .panel .items .item:hover .itemhover {
     visibility: visible;
     opacity: 1;
     transition-delay: 0s
 }

 .panel .items .item.finished>figure:after {
     content: '';
     display: block;
     background: url(../img/finished.png) no-repeat;
     width: 104px;
     margin: 60px auto;
     height: 84px;
     position: absolute;
     top: 0;
     left: 0;
     right: 0
 }

 .panel .items .item.finished .itemhover span.buybut:before {
     background-position: -254px -593px;
     width: 21px;
     height: 13px;
     margin-top: 0px
 }

 .panel .items .item .itemhover {
     position: absolute;
     top: 0px;
     left: 0;
     right: 0;
     margin-left: auto;
     margin-right: auto;
     /* background: rgba(0, 0, 0, 0.64); */
     /*width: 170px;*/
     /*height: 240px;*/
     width: 100%;
     height: 100%;
     visibility: visible;
     opacity: 1;
     transition: visibility 0s linear 0.2s, opacity 0.2s linear
 }

 .panel .items .item .itemhover .itemhoverbuts * {
     cursor: pointer !important
 }

 .panel .items .item .itemhover .itemhoverbuts {
     position: absolute;
     left: 0;
     bottom: 4px;
     width: 100%;
     cursor: pointer;
 }

 .panel .items .item .itemhover .itemhoverbuts span {
     display: block;
     color: rgba(20, 202, 40);
     font-size: 15px;
     border: 0;
     margin: 10px;
     padding: 8px 7px 8px 15px;
     text-align: center
 }

 .panel .items .item .itemhover .itemhoverbuts span:before {
     content: '';
     display: block;
     float: right;
     margin-top: -3px;
     width: 22px;
     height: 22px;
     background: url(../img/sprite.png~ver=1.png) no-repeat
 }

 .panel .items .item .itemhover .itemhoverbuts span.buybut {
     border: 1px solid #fff;
     background: rgba(20, 202, 40, 0.14);
     cursor: pointer;
     margin: auto;
     border-radius: 12px;
     width: 93%;

 }

 .panel .items .item .itemhover .itemhoverbuts a {
     display: block;

     font-size: 10px;
     border: 1px solid rgba(255, 255, 255, 0.5);
     margin: 10px;
     padding: 8px 7px 8px 15px;
     text-align: left
 }

 .panel .items .item .itemhover .itemhoverbuts a:hover {
     border: 1px solid #fff
 }

 .panel .items .item .itemhover .itemhoverbuts a:before {
     content: '';
     display: block;
     float: right;
     margin-top: -3px;
     width: 22px;
     height: 22px;
     background: url(../img/sprite.png~ver=1.png) no-repeat
 }

 .panel .items .item .itemhover .itemhoverbuts a.buybut {
     border: 1px solid #fff;
     background-color: #27ae60
 }

 .panel .items .item .itemhover a.showbut:before {
     background-position: -62px -351px
 }

 .panel .items .item .itemhover a.placebut:before {
     background-position: -62px -302px
 }

 .panel .items .item .itemhover a.datebut {
     padding: 8px 5px 8px 6px;
     direction: rtl
 }

 .panel .items .item .itemhover a.datebut:before {
     background-position: -61px -207px
 }

 .panel .items .item .itemhover a.timebut:before {
     background-position: -63px -255px
 }

 .panel .items .item .itemhover a.buybut:before {
     background-position: -493px -131px
 }

 .panel .items .item .itemhover span.showbut:before {
     background-position: -62px -351px
 }

 .panel .items .item .itemhover span.placebut:before {
     background-position: -62px -302px
 }

 .panel .items .item .itemhover span.datebut {
     padding: 8px 5px 8px 6px;
     direction: rtl
 }

 .panel .items .item .itemhover span.datebut:before {
     background-position: -61px -207px
 }

 .panel .items .item .itemhover span.timebut:before {
     background-position: -63px -255px
 }

 .panel .items .item .itemhover span.buybut:before {
     background-position: -493px -131px
 }

 .panel .items .item img {
     display: block;
     margin: 10px auto 0;
     /*width: 170px;*/
     /*height: 240px;*/
     width: 100%;
     height: 100%;
 }

 .panel .nocarousel .item {
     float: right;
     margin-left: 10px;
     font-weight: normal !important
 }

 .panel.top-full {
     margin-top: 30px;
     padding: 0
 }

 .timeline .owl-timeline {
     min-height: 194px;
     max-height: 200px
 }

 .timeline .owl-timeline .owl-item:before {
     content: ' ';
     display: block;
     width: 133px;
     right: -4px;
     background: url(../img/timelinebg.png) no-repeat bottom 0px left 0;
     bottom: 0;
     height: 5px;
     position: absolute
 }

 .timeline .timeline_month {
     padding-top: 20px
 }

 .timeline .timeline_month .owl-next,
 .timeline .timeline_month .owl-prev {
     top: 26%
 }

 .timeline .timeline_month .owl-item {
     padding-top: 40px;
     margin-right: 0 !important
 }

 .timeline .timeline_month .owl-stage-outer {
     margin-left: -6px;
     margin-right: -6px
 }

 .timeline .timeline_month .owl-stage:before {
     content: ' ';
     display: block;
     width: 100%;
     right: -4px;
     background: url(../img/linebg.png) repeat-x bottom 0px left 0;
     top: 42px;
     height: 5px;
     position: absolute
 }

 .timeline .timeline_month .owl-stage .month_item {
     text-align: center;
     cursor: pointer;
     position: relative;
     font-size: 12px;
     color: #3c3c3c
 }

 .timeline .timeline_month .owl-stage .month_item span {
     display: block;
     padding-top: 12px;
     color: #3c3c3c
 }

 .timeline .timeline_month .owl-stage .month_item:before {
     content: ' ';
     width: 21px;
     height: 21px;
     border-radius: 50%;
     background: #c8c8c8;
     border: 5px solid #fff;
     display: block;
     margin: 0 auto;
     margin-top: -4px;
     -webkit-transition: all 0.4s;
     -moz-transition: all 0.4s;
     -ms-transition: all 0.4s;
     transition: all 0.4s
 }

 .timeline .timeline_month .owl-stage .month_item .year_tooltip {
     background-color: #cb373c;
     width: 80px;
     height: 23px;
     font-size: 12px;
     line-height: 29px;
     color: #fff;
     margin: 0 auto;
     position: relative;
     top: -85px;
     margin: 0 auto;
     border-radius: 2px;
     opacity: 0;
     -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     -ms-transition: all 0.2s;
     transition: all 0.2s
 }

 .timeline .timeline_month .owl-stage .month_item .year_tooltip:before {
     content: ' ';
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 6px 6px 0 6px;
     border-color: #cb373c transparent transparent transparent;
     position: absolute;
     bottom: -6px;
     left: 50%;
     margin-left: -6px
 }

 .timeline .timeline_month .owl-stage .month_item:hover {
     color: gray
 }

 .timeline .timeline_month .owl-stage .month_item:hover:before {
     background: gray
 }

 .timeline .timeline_month .owl-stage .month_item:hover .year_tooltip {
     opacity: 1;
     background: gray
 }

 .timeline .timeline_month .owl-stage .month_item:hover .year_tooltip:before {
     border-color: gray transparent transparent transparent
 }

 .timeline .timeline_month .owl-stage .month_item.active_month {
     color: #cb373c
 }

 .timeline .timeline_month .owl-stage .month_item.active_month:before {
     background: #cb373c
 }

 .timeline .timeline_month .owl-stage .month_item.active_month .year_tooltip {
     opacity: 1;
     background: #cb373c
 }

 .timeline .timeline_month .owl-stage .month_item.active_month .year_tooltip:before {
     border-color: #cb373c transparent transparent transparent
 }

 .timeline .timeline_item {
     display: block;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     border-radius: 2px;
     border: 1px solid #dcdcdc;
     height: 170px;
     position: relative;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     transition: all 0.3s;
     text-align: right;
     width: 110px;
     padding: 5px;
     margin-bottom: 25px
 }

 .timeline .timeline_item figcaption {
     position: absolute;
     opacity: 0
 }

 .timeline .timeline_item h3 {
     font-size: 10px !important;
     margin: 7px 5px;
     direction: rtl;
     color: #3c3c3c;
     white-space: nowrap;
     max-width: 88px;
     overflow: hidden;
     text-overflow: ellipsis
 }

 .timeline .timeline_item:hover {
     border-color: #cb373c
 }

 .timeline .timeline_item:hover:before {
     border-top-color: #cb373c;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     transition: all 0.3s
 }

 .timeline .timeline_item:hover h3 {
     color: #cb373c
 }

 .timeline .timeline_item:after,
 .timeline .timeline_item:before {
     top: 100%;
     left: 80%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none
 }

 .timeline .timeline_item:before {
     border-color: rgba(220, 219, 219, 0);
     border-top-color: #d8d7d7;
     border-width: 9px;
     margin-left: -9px;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     transition: all 0.3s
 }

 .timeline .timeline_item:after {
     border-color: rgba(255, 255, 255, 0);
     border-top-color: #fff;
     border-width: 8px;
     margin-left: -8px
 }

 .timeline .timeline_month .owl-prev {
     right: auto;
     left: -31px;
     background-position: -482px -45px
 }

 .timeline .timeline_month .owl-next {
     left: auto;
     right: -31px;
     background-position: -502px -45px
 }

 .panel-gallery .videocont {
     display: block;
     margin: 0 auto;
     width: 82%
 }

 .panel-gallery figcaption {
     position: absolute;
     opacity: 0
 }

 .panel-gallery .item {
     position: relative
 }

 .panel-gallery .gallery-hover {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     margin-left: auto;
     margin-right: auto;
     background: url(../img/gallery-hover.png) no-repeat center center rgba(0, 0, 0, 0.64);
     width: 100%;
     height: 100%;
     visibility: hidden;
     opacity: 0;
     transition: visibility 0s linear 0.2s, opacity 0.2s linear
 }

 .panel-gallery .item:hover .gallery-hover {
     visibility: visible;
     opacity: 1;
     transition-delay: 0s
 }

 .comment {
     overflow: hidden;
     margin-bottom: 30px
 }

 .comment .cm_avatar {
     float: right;
     width: 6.1%
 }

 .comment .cm_avatar img {
     display: block;
     width: 48px;
     height: 48px;
     border-radius: 50%
 }

 .comment .cm_avatar.approved img {
     border: 4px solid #5cab25
 }

 .comment .cm_avatar.pending img {
     border: 4px solid #f1c40f
 }

 .comment .cm_avatar.rejected img {
     border: 4px solid #cb373c
 }

 .comment .cm_text {
     text-align: right;
     direction: rtl;
     float: right;
     border: 1px solid #dcdcdc;
     background: #f0f0f0;
     overflow: hidden;
     padding: 15px 20px;
     margin-right: 20px;
     border-radius: 2px;
     width: 91.3%
 }

 .comment .cm_text h5.cm_name {
     padding-bottom: 5px;
     color: #3c3c3c;
     font-size: 14px
 }

 .comment .cm_text span.cm_name:before {
     content: '';
     width: 8px;
     height: 8px;
     background: #cb373c;
     float: right;
     border-radius: 50%;
     margin-top: 4px;
     margin-left: 5px
 }

 .comment .cm_text h5.cm_name .operations {
     float: left
 }

 .comment .cm_text h5.cm_name .operations a {
     width: 17px;
     height: 17px;
     float: right;
     margin: 0 4px;
     background: url(../img/sprite.png~ver=1.png) no-repeat;
     cursor: pointer
 }

 .comment .cm_text h5.cm_name .operations .approve {
     background-position: -113px -486px
 }

 .comment .cm_text h5.cm_name .operations .reject {
     background-position: -139px -486px
 }

 .comment .cm_text h5.cm_name .operations .reply {
     background-position: -79px -486px
 }

 .comment .cm_text h5.cm_name .operations .edit {
     background-position: -46px -484px
 }

 .comment .cm_text h5.cm_name .operations .remove {
     background-position: -14px -484px
 }

 .comment .cm_text h5.cm_name span {
     color: #787878;
     font-size: 10px;
     padding-right: 20px
 }

 .comment .cm_text p {
     color: #646464;
     font-size: 11px;
     line-height: 20px;
     white-space: pre-wrap
 }

 .comment .cm_answer {
     padding: 5px 10px;
     margin-top: 15px;
     background: #fff;
     width: 98%;
     margin-right: 10px
 }

 .loginForCm {
     width: 100%;
     text-align: right;
     direction: rtl;
     font-size: 13px;
     color: #646464;
     padding: 15px;
     border: 1px solid #dcdcdc;
     background: #f0f0f0;
     border-radius: 2px;
     float: right;
     margin-top: 20px
 }

 .loginForCm a {
     margin: 0 8px
 }

 .loginForCm a.login {
     color: #3498db
 }

 .loginForCm a.signup {
     color: #40d47e
 }

 .newComment {
     width: 100%;

 }

 .newComment textarea,
 .newComment text {
     width: 100%;
     text-align: right;
     direction: rtl;
     font-size: 11px;
     color: #a0a0a0;
     padding: 8px;
     border: 1px solid #dcdcdc;
     background: #f0f0f0;
     min-height: 110px;
     border-radius: 2px;
     resize: vertical
 }

 .newComment textarea:focus {
     border-color: #c9c7c7
 }

 .form-control {
     margin-bottom: 15px;
     border-radius: 15px !important;
 }

 input[type=submit] {
     color: #D90429 !important;
     font-size: 15px !important;
     background: rgb(255, 0, 0, 0.16) !important;
     border: none !important;
     border-radius: 10px !important;
 }

 .newComment input[type=" submit "] {
     width: 100px;
     height: 30px;
     border: none;
     background-color: #cb373c;
     border-radius: 2px;
     color: #fff;
     font-size: 11px;
     float: left
 }

 .newComment input[type=" submit "]:hover {
     background-color: #be0d14
 }

 .newComment .loading_cm {
     float: left
 }

 .newComment .loading_cm img {
     width: 30px
 }

 .commentsTerms {
     width: 46%;
     margin-right: 25px;
     float: right;
     text-align: right;
     direction: rtl;
     font-size: 10px;
     color: #646464;
     line-height: 20px
 }

 .commentsTerms span {
     display: block;
     font-weight: bold
 }

 .item {
     display: block;
     overflow: hidden
 }

 .button-group {
     float: left;
     margin-left: 0;
     font-size: 10px !important
 }

 .button-group button {
     background: transparent;
     border: 0;
     float: right;
     outline: 0;
     padding: 0;
     border-right: 1px solid #eaeaea;
     border-left: 1px solid #d0d0d0;
     margin: 9px 0 7px 0;
     line-height: 12px;
     font-size: 12px;
     color: #787878;
     width: 80px
 }

 .button-group button:first-child {
     border-right-color: #d0d0d0
 }

 .button-group button.is-checked {
     color: #cb373c;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     transition: all 0.3s;

 }

 .button-group button.is-checked:before {
     /* content: " "; */
     border-top: 2px solid #CB373C;
     display: block;
     position: relative;
     top: 24px
 }

 .cinema-center {
     cursor: pointer;
     border: 1px solid #f0f0f0;
     direction: rtl;
     line-height: 40px;
     border-radius: 2px;
     margin-bottom: 3px
 }

 .cinema-center h3 {
     font-size: 12px;
     color: #787878;
     line-height: 40px;
     height: 40px;
     padding-right: 10px
 }

 .cinema-center h3:before {
     content: " ";
     width: 9px;
     height: 16px;
     background: transparent url(../img/previco.png) no-repeat scroll 0% 0%;
     right: 10px;
     display: block;
     position: absolute;
     top: 12px
 }

 .cinema-center .cc-address {
     font-size: 11px;
     color: #6d6e71;
     padding-left: 20px
 }

 .cinema-center .cc-address::before {
     content: "";
     width: 18px;
     height: 26px;
     background: url(../img/sprite.png~ver=1.png) no-repeat -109px -301px;
     left: 10px;
     display: block;
     position: absolute;
     top: 6px
 }

 .cinema-center:hover {
     border: 1px solid #990000;
     transition: all 1s ease;
     -o-transition: all 1s ease;
     -moz-transition: all 1s ease;
     -webkit-transition: all 1s ease
 }

 .cinema-center:hover h3 {
     color: #990000
 }

 .cc-active {
     border: 1px solid #990000 !important;
     color: #990000 !important
 }

 .cc-active h3 {
     color: #990000 !important
 }

 .cc-active h3:before {
     transform: rotate;
     content: " ";
     width: 9px;
     height: 16px;
     background: transparent url(../img/previco.png) no-repeat scroll 0% 0%;
     right: 10px;
     display: block;
     position: absolute;
     top: 12px;
     -ms-transform: rotate(270deg);
     -webkit-transform: rotate(270deg);
     transform: rotate(270deg)
 }

 .cc-active .cc-address {
     font-size: 11px;
     color: #fff;
     padding-left: 20px
 }

 .cc-active .cc-address:before {
     content: "";
     width: 18px;
     height: 26px;
     background: url(../img/sprite.png~ver=1.png) no-repeat -109px -347px;
     left: 10px;
     display: block;
     position: absolute;
     top: 6px
 }

 .cc-info {
     border: 1px solid #f0f0f0;
     direction: rtl;
     line-height: 40px;
     border-radius: 2px;
     height: auto;
     margin-bottom: 10px
 }

 .cc-info .reserv-day {
     border-top: 1px solid #e1e1e1;
     border-bottom: 1px solid #e1e1e1;
     padding: 0px !important;
     background: #f0f0f0
 }

 .cc-info .reserv-day .reservicon {
     color: #6e6e6e;
     padding-right: 40px;
     line-height: 40px
 }

 .cc-info .reserv-day .reservicon::before {
     content: " ";
     background: url(../img/sprite.png~ver=1.png) no-repeat -445px -303px;
     width: 23px;
     height: 23px;
     right: 10px;
     display: block;
     position: absolute;
     top: 8px
 }

 .all-options {
     top: 8px
 }

 .all-options .options {
     content: "";
     background: url(../img/sprite.png~ver=1.png) no-repeat;
     width: 27px;
     height: 25px;
     display: inline-block;
     float: none !important;
     margin-left: 4px
 }

 .all-options .opation-deactive {
     opacity: .3
 }

 .all-options .parking {
     background-position: -394px -156px
 }

 .all-options .resturant {
     background-position: -395px -206px;
     width: 23px;
     margin-bottom: -2px
 }

 .all-options .coffe {
     background-position: -396px -254px;
     width: 24px;
     margin-bottom: -4px
 }

 .all-options .wifi {
     background-position: -393px -304px;
     width: 28px;
     margin-bottom: -4px
 }

 .all-options .wheelchair {
     background-position: -398px -348px;
     width: 20px;
     margin-bottom: -2px
 }

 .other-option {
     border-top: 1px solid #e1e1e1
 }

 .cc-phone {
     font-size: 11px;
     color: #6e6e6e;
     padding-left: 20px
 }

 .cc-phone::before {
     content: " ";
     background: url(../img/sprite.png~ver=1.png) no-repeat -445px -348px;
     width: 21px;
     height: 21px;
     left: 10px;
     display: block;
     position: absolute;
     top: 6px;
     opacity: .5
 }

 .reserve-content {
     height: 90px;
     margin-top: 0px
 }

 .reserve-content .owl-prev {
     top: 6px;
     right: -30px;
     border-right: 0px !important
 }

 .reserve-content .owl-next {
     top: 6px;
     left: -30px;
     border-left: 0px !important
 }

 .conf-btn-reserve {
     margin-bottom: 25px
 }

 .conf-btn-reserve>button {
     width: 100%;
     max-width: 250px
 }

 span.title-1 {
     font-size: 10px;
     color: #787878;
     padding-right: 24px
 }

 span.title-1::before {
     content: "";
     background: url(../img/sprite.png~ver=1.png) no-repeat -451px -262px;
     width: 21px;
     height: 21px;
     right: 10px;
     display: block;
     position: absolute;
     top: 17px
 }

 span.title-1 span .red {
     color: #cb373c
 }

 span.title-2 {
     font-size: 10px;
     color: #787878;
     padding-right: 24px
 }

 span.title-2::before {
     content: " ";
     background: url(../img/sprite.png~ver=1.png) no-repeat -451px -262px;
     width: 21px;
     height: 21px;
     right: 10px;
     display: block;
     position: absolute;
     top: 17px
 }

 span.title-2 span .red {
     color: #cb373c
 }

 .date {
     cursor: pointer;
     border: 1px solid #dcdcdc;
     height: 70px;
     margin-top: 0px;
     border-radius: 2px
 }

 .date:hover .day {
     background: rgba(128, 194, 57, 0.8)
 }

 .date .text-center {
     display: block;
     font-size: 12px;
     color: #646464
 }

 .date .text-center span:nth-last-child(2) {
     font-size: 20px
 }

 .date .day {
     background: #3c3c3c;
     height: 22px;
     line-height: 22px;
     color: #fff;
     font-size: 11px;
     border-top-left-radius: 2px;
     border-top-right-radius: 2px
 }

 .date .day span:nth-last-child(2) {
     right: 6px;
     position: absolute
 }

 .date .day span:nth-last-child(1) {
     left: 6px;
     position: absolute
 }

 .date-active .day {
     background: #80c239 !important
 }

 .ticket-h {
     background: url(../img/sprite.png~ver=1.png) no-repeat -483px -339px;
     width: 102px;
     height: 42px;
     margin-top: 10px;
     direction: rtl;
     text-align: right;
     cursor: pointer;
     padding: 2px !important;
     font-size: 12px;
     color: #787878
 }

 .ticket-h:hover {
     background: url(../img/sprite.png~ver=1.png) no-repeat -482px -238px
 }

 .ticket-h:hover .th-l {
     color: #fff
 }

 .ticket-h .th-l {
     width: 50px;
     height: 40px;
     position: absolute;
     right: 60px;
     line-height: 40px;
     text-align: center
 }

 .ticket-h .th-r {
     right: 18px;
     position: absolute;
     height: 40px;
     width: 40px;
     line-height: 37px;
     text-align: center;
     color: #FFF
 }

 .seen {
     background: url(../img/sprite.png~ver=1.png) no-repeat -483px -178px !important;
     cursor: auto !important
 }

 .seen:hover .th-l {
     color: #787878 !important
 }

 .ticket-active {
     background: url(../img/sprite.png~ver=1.png) no-repeat -482px -291px
 }

 .ticket-active .th-l {
     color: #fff
 }

 .bottom-fix {
     color: #787878;
     position: absolute;
     height: 40px;
     width: 100%;
     bottom: 0px
 }

 .reserv-footer {
     border-top: 1px solid #e1e1e1;
     padding: 0px !important;
     background: #f0f0f0;
     position: static;
     margin-top: 10px;
     color: #787878
 }

 .reserv-footer .price {
     font-size: 12px;
     text-align: left
 }

 .reserv-footer .buy-guide {
     font-size: 10px
 }

 .panel-ticket {
     padding-top: 10px !important
 }

 .date-feereez {
     cursor: auto;
     border: 1px solid #dcdcdc;
     height: 70px;
     margin-top: 0px;
     border-radius: 2px;
     opacity: 1;
     position: relative
 }

 .date-feereez:after {
     -ms-transform: scale(0, 0);
     -webkit-transform: scale(0, 0);
     transform: scale(0, 0);
     content: '';
     display: block;
     background: url(../img/finished.png) center center no-repeat !important;
     width: 100%;
     margin: 60px auto;
     height: 100%;
     top: -60px;
     position: absolute;
     background-size: 70px !important;
     opacity: 0
 }

 .date-feereez:hover:after {
     -ms-transform: scale(1, 1);
     -webkit-transform: scale(1, 1);
     transform: scale(1, 1);
     -webkit-transition: ease-out all 0.2s;
     -moz-transition: ease-out all 0.2s;
     -ms-transition: ease-out all 0.2s;
     transition: ease-out all 0.2s;
     opacity: 1
 }

 .date-feereez .day {
     background: #E5E5E5;
     height: 22px;
     line-height: 22px;
     color: #9B9B9B;
     font-size: 11px;
     border-top-left-radius: 2px;
     border-top-right-radius: 2px
 }

 .date-feereez .day span:nth-last-child(2) {
     right: 6px;
     position: absolute
 }

 .date-feereez .day span:nth-last-child(1) {
     left: 6px;
     position: absolute
 }

 .date-feereez .text-center {
     display: block;
     color: #9b9b9b
 }

 .ticket-row {
     display: none
 }

 .ticket-row.active {
     display: block
 }

 .ticket-feereez {
     background: url(../img/sprite.png~ver=1.png) no-repeat -483px -178px !important;
     width: 102px;
     height: 42px;
     margin-top: 10px;
     direction: rtl;
     text-align: right;
     padding: 2px !important;
     font-size: 12px;
     color: #787878;
     opacity: .6
 }

 .ticket-feereez .th-l {
     width: 50px;
     height: 40px;
     position: absolute;
     right: 60px;
     line-height: 40px;
     text-align: Center
 }

 .ticket-feereez .th-r {
     right: 22px;
     top: 21px;
     position: absolute;
     height: 40px;
     width: 30px;
     line-height: 12px;
     text-align: Center
 }

 .other-center {
     border: 1px solid #f0f0f0;
     direction: rtl;
     line-height: 40px;
     border-radius: 2px;
     margin-bottom: 3px
 }

 .other-center h3 {
     font-size: 12px;
     color: #787878;
     line-height: 40px;
     height: 40px
 }

 .other-center .cc-address {
     font-size: 11px;
     color: #6d6e71;
     padding-left: 20px;
     line-height: 24px;
     margin-top: 8px
 }

 .other-center .cc-address::before {
     content: "";
     width: 18px;
     height: 26px;
     background: url(../img/sprite.png~ver=1.png) no-repeat -109px -301px;
     left: 10px;
     display: block;
     position: absolute;
     top: 6px
 }

 .map {
     height: 100%;
     padding: 20px 0 0
 }

 #googleMap {
     height: 270px;
     width: 100%;
     border: 1px solid #e1e1e1
 }

 .map-btnr {
     padding-left: 0px
 }

 .btn-map {
     background: #cb373c;
     border: none;
     border-radius: 2px;
     color: #fff;
     font-size: 11px;
     height: 35px;
     margin-top: 10px;
     line-height: 24px
 }

 footer {
     text-align: right;
     direction: rtl;

     color: #fff;
     padding: 65px 0 0px
 }

 .footer-main {
     background: #2c2e43;
     border-radius: 25px;
     position: relative;
     margin-bottom: 100px;
     padding: 15px;
 }

 .footer-main::before {
     content: '';
     background: #dce0e4;
     border-radius: 0 0 25px 25px;
     height: 35px;
     width: 85%;
     margin: auto;
     display: block;
     position: absolute;
     right: 0;
     left: 0;
     bottom: -70px;
 }

 .footer-main:after {
     content: '';
     background: #a3a7b1;
     border-radius: 0 0 25px 25px;
     height: 35px;
     width: 93%;
     margin: auto;
     display: block;
     position: absolute;
     right: 0;
     left: 0;
     bottom: -35px;
 }

 footer .links {
     padding-bottom: 10px
 }


 footer .footerlinks h5 {
        border-bottom: 1px dashed #fff;
     padding-bottom: 13px;
     margin-bottom: 0;
     font-size: 12px
 }

 footer .footerlinks ul {
     border-top: 1px solid #646464;
     padding-top: 5px
 }

 footer .footerlinks ul li {
     font-size: 12px;
     list-style-type: square;
     margin: 7px 12px;
     color: #fff;
 }

 footer .footerlinks ul li a {
     font-size: 12px;
     color: #fff;
 }
  footer .footerlinks ul li a img{
    filter: invert(1);
  }

 footer .footerlinks ul li a:hover {
     color: #fff
 }

 footer .footerlinks ul li:hover {
     color: #fff
 }

 footer input[type="text"] {
     border: none;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     background-color: #fff;
     color: #000;
     height: 45px;
     margin-bottom: -25px;
 }

 footer textarea {
     border: none !important;
     -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
     border-radius: 0 !important;
     background-color: #fff !important;
     color: #000 !important;
 }

 footer button {
     border: none;
     background-color: #CB373C;
     width: 90px;
     height: 40px;
     display: block;
     margin: auto;
     border-radius: 15px;
     color: #fff;
 }

 .Ananas_copyright {
     background: #252525;
     margin-top: 55px;
     padding: 8px 0 6px
 }

 .Ananas_copyright p {
     font-size: 10px;
     color: #c8c8c8;
     padding: 4px 0
 }

 .Ananas_copyright p a {
     color: #CB373C !important;
 }

 .Ananas_copyright .font11 {
     font-size: 11px;
     text-align: left
 }

 aside .sidebarlinks .panel-body,
 aside .cinemapro .panel-body,
 aside .latestnews .panel-body,
 aside .intro_artist .panel-body,
 aside .salestat .panel-body,
 aside .releasing .panel-body {
     padding: 13px 7px 0
 }

 aside .panel-ad {
     padding: 0;
     text-align: center;
     overflow: hidden
 }

 aside .panel-ad a {
     text-decoration: none;
     text-align: center;
     display: block;
     width: 100%;
     height: 100%
 }

 aside .panel-ad img {
     width: 100%;
     font-size: 10px;
     text-align: center;
     margin: auto
 }

 aside .panel-tk {
     padding: 0;
     text-align: center;
     overflow: hidden
 }

 aside .panel-tk a {
     text-decoration: none;
     text-align: center;
     display: block;
     width: 100%;
     height: 100%
 }

 aside .panel-tk img {
     width: 100%;
     font-size: 10px;
     text-align: center;
     margin: auto
 }

 .sidebarlinks {
     padding: 18px 12px 10px
 }

 .sidebarlinks a {
     border: 1px solid #dcdcdc;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     border-radius: 2px;
     height: 38px;
     display: block;
     text-align: center;
     font-size: 13px;
     color: #3c3c3c;
     line-height: 38px;
     margin-bottom: 10px;
     position: relative;
     border-radius: 15px;
 }

 .sidebarlinks a:before {
     height: 3px
 }

 .sidebarlinks a:after {
     height: 3px;
     background: url(../img/sprite.png~ver=1.png) no-repeat;
     content: '';
     width: 22px;
     height: 19px;
     float: right;
     position: absolute;
     right: 10px;
     top: 10px
 }

 .sidebarlinks a.newsicon:after {
     background-position: -14px -192px
 }

 .sidebarlinks a.artistico:after {
     background-position: -16px -240px
 }

 .sidebarlinks a.placeico:after {
     background-position: -15px -289px
 }

 .sidebarlinks a.contactico:after {
     background-position: -15px -337px
 }

 .sidebarlinks a.galleryico:after {
     background-position: -107px -197px
 }

 .sidebarlinks a.teaserico:after {
     background-position: -114px -249px
 }

 .sidebarlinks a.active_sidebar:after {
     left: 0;
     right: 0
 }

 .sidebarlinks a.active_sidebar .newsicon {
     background-position: -14px -211px
 }

 .sidebarlinks a.active_sidebar .artistico {
     background-position: -16px -259px
 }

 .sidebarlinks a.active_sidebar .placeico {
     background-position: -15px -308px
 }

 .sidebarlinks a.active_sidebar .contactico {
     background-position: -15px -356px
 }

 .sidebarlinks a.active_sidebar .contactico {
     background-position: -15px -356px
 }

 .sidebarlinks a.active_sidebar .galleryico {
     background-position: -107px -218px
 }

 .sidebarlinks a.active_sidebar .teaserico {
     background-position: -114px -267px
 }

 .sidebarlinks a:hover.newsicon:after {
     background-position: -14px -211px
 }

 .sidebarlinks a:hover.artistico:after {
     background-position: -16px -259px
 }

 .sidebarlinks a:hover.placeico:after {
     background-position: -15px -308px
 }

 .sidebarlinks a:hover.contactico:after {
     background-position: -15px -356px
 }

 .sidebarlinks a:hover.contactico:after {
     background-position: -15px -356px
 }

 .sidebarlinks a:hover.galleryico:after {
     background-position: -107px -218px
 }

 .sidebarlinks a:hover.teaserico:after {
     background-position: -114px -267px
 }

 .sidebarlinks .sidelinksico {
     background: url(../img/sprite.png~ver=1.png) no-repeat;
     content: '';
     width: 22px;
     height: 19px;
     float: right;
     position: absolute;
     right: 10px;
     top: 10px
 }

 .sidebarlinks .printico {
     background-position: -375px -438px;
     width: 23px;
     height: 21px;
     top: 8px
 }

 .sidebarlinks .pdfico {
     background-position: -332px -433px;
     width: 25px;
     height: 30px;
     top: 3px;
     right: 9px
 }

 .cinemapro {
     padding: 0px 5px 22px
 }

 .cinemapro .select {
     position: relative
 }

 .cinemapro select {
     width: 100%;
     border-width: 0;
     text-align: right;
     font-size: 12px;
     direction: rtl;
     outline: 0;
     border: 1px solid #dcdcdc;
     height: 40px;
     float: right;
     background: url(../img/arrow.png) right 10px top 50% no-repeat;
     padding-right: 30px;
     -webkit-appearance: none;
     -moz-appearance: none;
     text-indent: 1px;
     text-overflow: ''
 }

 .cinemapro select::-ms-expand {
     display: none
 }

 .cinemapro input[type="submit"] {
     position: absolute;
     background: #cb373c;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     border-radius: 2px;
     border-width: 0;
     color: #fff;
     font-family: "iransans", tahoma;
     height: 36px;
     width: 36px;
     margin: 2px;
     cursor: pointer
 }

 .cinemapro input[type="submit"]:hover {
     background: #be0d14
 }

 .cinemapro label {
     font-size: 10px;
     color: #a0a0a0;
     text-align: right;
     direction: rtl;
     display: block;
     margin-top: 5px
 }

 .print-ticket {
     background-color: #3498db;
     color: #fff !important
 }

 .print-ticket:hover {
     background-color: #278DD1
 }

 .pdf-ticket {
     color: #838383 !important;
     direction: rtl
 }

 .pdf-ticket:hover {
     background-color: rgba(245, 222, 222, 0.75)
 }

 .latestnews {
     padding: 10px;
 }

 .latestnews a {
     text-align: right;
     direction: rtl;
     font-size: 13px;
     color: #3c3c3c;
     display: block;
     padding-bottom: 8px;
     padding-top: 15px;
     line-height: 18px
 }

 .latestnews a:hover {
     color: #cb373c
 }

 .latestnews span {
     display: block;
     direction: rtl;
     text-align: left;
     font-size: 10px;
     color: #a0a0a0;
     padding-top: 5px;
     border-bottom: 1px solid #DCDCDC;
     padding: 7px 0px
 }

 .displayall {
     display: block;
     text-align: left !important;
     direction: rtl;
     font-size: 10px;
     color: #cb373c !important;
     margin-top: 9px;
     padding-bottom: 0 !important;
     padding-top: 0 !important;
     border-bottom: 0 !important;
     margin-bottom: 0px !important
 }

 .displayall:before {
     float: left !important;
     width: 9px !important;
     height: 9px !important;
     content: '';
     background: url(../img/sprite.png~ver=1.png) no-repeat -148px -2px !important;
     margin-top: 2px;
     margin-right: 8px
 }

 .releasing {
     padding: 0px 5px 9px
 }

 .releasing .release {
     position: relative
 }

 .releasing .release a {
     display: block;
     clear: both;
     overflow: hidden;
     border-bottom: 1px solid #dcdcdc;
     padding-bottom: 10px;
     margin-bottom: 10px;
     direction: rtl
 }

 .releasing .release a:hover .re_title {
     color: #CB373C
 }

 .releasing .release a img {
     float: right;
     width: 84px;
     height: 120px
 }

 .releasing .release a span {
     display: block;
     text-align: right
 }

 .releasing .release a figure {
     float: right
 }

 .releasing figcaption {
     position: absolute;
     opacity: 0
 }

 .re_details {
     margin-top: 6px;
     top: 22px;
     position: absolute;
     right: 91px;
     float: right;
     text-align: right
 }

 .re_title {
     font-size: 11px;
     color: #3c3c3c;
     white-space: nowrap;
     max-width: 140px;
     overflow: hidden;
     text-overflow: ellipsis;
     float: right;
     padding: 7px 10px 0 0
 }

 .re_caption {
     font-size: 10px;
     color: #787878;
     padding: 4px 0 0;
     white-space: nowrap;
     max-width: 138px;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     text-align: right;
     direction: rtl
 }

 .intro_artist {
     padding: 0px 5px 9px
 }

 .intro_artist img {
     width: 70px;
     height: 70px;
     float: right;
     border-radius: 50%
 }

 .intro_artist p {
     color: #3c3c3c;
     font-size: 10px;
     direction: rtl;
     text-align: right;
     margin-top: 15px;
     line-height: 18px;
     padding-bottom: 12px
 }

 .intro_artist .displayall {
     border-top: 1px solid #dcdcdc;
     padding-top: 10px !important
 }

 .intro_artist .artistname {
     float: right;
     margin-right: 10px;
     margin-top: 18px;
     line-height: 150%
 }

 .intro_artist .artistname a,
 .intro_artist .artistname span {
     text-align: right;
     direction: rtl;
     display: block
 }

 .intro_artist .artistname a {
     color: #3c3c3c;
     font-size: 14px
 }

 .intro_artist .artistname span {
     font-size: 10px;
     color: #787878;
     max-width: 154px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     margin: 0 auto
 }

 .salestat {
     padding: 0px 5px 9px;
     position: relative
 }

 .salestat a {
     padding-bottom: 5px;
     padding-top: 15px;
     display: block
 }

 .salestat a:hover p {
     color: #cb373c
 }

 .salestat a:last-child {
     border-bottom: 0;
     margin-left: 15px
 }

 .salestat a p {
     font-size: 12px;
     color: #3c3c3c;
     text-align: right;
     direction: rtl;
     padding-bottom: 5px
 }

 .salestat a strong {
     font-weight: normal;
     color: #3d3d3d
 }

 .salestat .salestat-detail {
     border-bottom: 1px solid #dcdcdc;
     overflow: hidden;
     padding-bottom: 10px
 }

 .salestat .salestat-detail span {
     font-size: 10px;
     color: #a0a0a0;
     text-align: right;
     white-space: nowrap
 }

 .element-item {
     -webkit-transition-property: right, top, -webkit-transform, opacity;
     -moz-transition-property: right, top, -moz-transform, opacity;
     -ms-transition-property: right, top, -ms-transform, opacity;
     -o-transition-property: right, top, -o-transform, opacity;
     transition-property: right, top, transform, opacity
 }

 .underline-center {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     box-shadow: 0 0 1px transparent;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -moz-osx-font-smoothing: grayscale;
     position: relative
 }

 .grid .element-item {
     margin: 0px 5px;
     /*width: 186px !important;*/
     width: 290px !important;
     float: right
 }

 .underline-center:before {
     content: "";
     position: absolute;
     z-index: -1;
     left: 50%;
     right: 50%;
     bottom: -4px;
     height: 4px;
     -webkit-transition-property: left, right;
     transition-property: left, right;
     -webkit-transition-duration: 0.2s;
     transition-duration: 0.2s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out
 }

 .underline-center:hover:before,
 .underline-center:focus:before,
 .underline-center:active:before {
     left: 0;
     right: 0
 }

 li.active .underline-center:before {
     left: 0 !important;
     right: 0 !important
 }

 .shutter-horizontal {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     box-shadow: 0 0 1px transparent;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -moz-osx-font-smoothing: grayscale;
     position: relative;
     background: #cb373c;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     border-radius: 2px
 }

 .shutter-horizontal:before {
     border-radius: 2px;
     content: "";
     position: absolute;
     z-index: -1;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: #be0d14;
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transform-origin: 50%;
     transform-origin: 50%;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out
 }

 .shutter-horizontal:hover,
 .shutter-horizontal:focus,
 .shutter-horizontal:active {
     color: white
 }

 .shutter-horizontal:hover:before,
 .shutter-horizontal:focus:before,
 .shutter-horizontal:active:before {
     -webkit-transform: scaleX(1);
     transform: scaleX(1)
 }

 .underline-center2 {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     box-shadow: 0 0 1px transparent;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -moz-osx-font-smoothing: grayscale;
     position: relative;
     overflow: hidden
 }

 .underline-center2:before {
     content: "";
     position: absolute;
     z-index: -1;
     left: 50%;
     right: 50%;
     bottom: 1px;
     background: #cb373c;
     height: 4px;
     -webkit-transition-property: left, right;
     transition-property: left, right;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out
 }

 .item:hover .underline-center2:before,
 .item:focus .underline-center2:before,
 .item:active .underline-center2:before {
     left: 0;
     right: 0
 }

 .underline-center2:hover:before,
 .underline-center2:focus:before,
 .underline-center2:active:before,
 .underline-center2.active:before {
     left: 0;
     right: 0
 }

 .underline-center2.theater:before {
     background: #ff9934;
     bottom: 0px
 }

 .underline-center2.cinema:before {
     background: #9a0000;
     bottom: 0px
 }

 .underline-center2.concert:before {
     background: #a54a83;
     bottom: 0px
 }

 .underline-center2.seminar:before {
     background: #4e87af;
     bottom: 0px
 }

 .underline-center2.comic:before {
     background: #bf1b56;
     bottom: 0px
 }

 .underline-center2.fun:before {
     background: #bf1b56;
     bottom: 0px
 }

 .underline-center2.sport:before {
     background: #438802;
     bottom: 0px
 }

 .header-container {
     height: auto;
     min-height: 70px
 }

 .ei-slider-loading .loadingbar {
     width: 150px;
     margin: 0 auto
 }

 .ei-slider-loading .loadingbar .spinner {
     width: 150px;
     text-align: center;
     z-index: 99999;
     top: 50px;
     position: absolute
 }

 .ei-slider-loading .loadingbar .spinner>div {
     width: 14px;
     height: 14px;
     background-color: #fff;
     border-radius: 100%;
     display: inline-block;
     -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
     animation: bouncedelay 1.4s infinite ease-in-out;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     z-index: 99999
 }

 .ei-slider-loading .loadingbar .spinner .bounce1 {
     -webkit-animation-delay: -0.32s;
     animation-delay: -0.32s;
     z-index: 99999;
     margin-right: 3px
 }

 .ei-slider-loading .loadingbar .spinner .bounce2 {
     -webkit-animation-delay: -0.16s;
     animation-delay: -0.16s;
     margin-right: 3px
 }

 @-webkit-keyframes "bouncedelay" {

     0%,
     80%,
     100% {
         -webkit-transform: scale(0);
     }

     40% {
         -webkit-transform: scale(1);
     }
 }

 @keyframes "bouncedelay" {

     0%,
     80%,
     100% {
         transform: scale(0);
         -webkit-transform: scale(0);
     }

     40% {
         transform: scale(1);
         -webkit-transform: scale(1);
     }
 }

 .ei-slider-thumbs li.current-slider-hover a:hover {
     background-color: transparent
 }

 .alert-general {
     color: #3c3c3c;
     font-size: 12px;
     background-color: #fff;
     border-color: #dcdcdc;
     position: relative;
     text-align: right;
     direction: rtl;
     padding-right: 50px;
     margin-bottom: 30px
 }

 .alert-general .close {
     float: left
 }

 .alert-general.event-notif.shake-trigger.reserve-page.alert-error-icon .alert-general-ico {
     background: url(../img/sprite.png~ver=1.png) no-repeat -231px -683px;
     width: 30px;
     height: 30px;
     position: absolute;
     right: 11px;
     top: 12px !important
 }

 .alert-general-ico {
     background: url(../img/sprite.png~ver=1.png) no-repeat -254px -156px;
     width: 20px;
     height: 25px;
     position: absolute;
     right: 20px;
     top: 10px
 }

 .modal .nb-alert {
     -webkit-border-radius: 3px 0 0 3px;
     -moz-border-radius: 3px 0 0 3px;
     border-radius: 3px 0 0 3px;
     margin-bottom: 10px
 }

 .modal .nb-alert .icon-close {
     display: none
 }

 .nb-alert-box .close {
     position: absolute;
     top: 13px;
     left: 13px;
     z-index: 1000
 }

 .nb-alert-box {
     position: relative;
     padding: 0 55px 0 0;
     margin: 5px 0 10px;
     background: #fff;
     border: 0
 }

 .nb-alert:before {
     content: '';
     width: 14px;
     height: 14px;
     display: block;
     position: absolute;
     top: 16px;
     right: -7px;
     background: #fff;
     border-bottom: 1px solid #000;
     border-left: 1px solid #000;
     -ms-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg)
 }

 .nb-alert:after {
     content: '';
     width: 14px;
     height: 14px;
     display: block;
     position: absolute;
     top: 16px;
     right: -11px;
     -ms-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg)
 }

 .nb-alert {
     direction: rtl;
     position: relative;
     width: 100%;
     margin: 0;
     min-height: 47px;
     line-height: 23px;
     padding: 11px 15px 10px 35px;
     z-index: 999;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 0;
     border: 1px solid rgba(0, 0, 0, 0.15)
 }

 .nb-alert-box:before {
     content: '';
     position: absolute;
     top: 0px;
     right: 0px;
     width: 53px;
     height: 47px;
     background-image: url(../img/tik8-alert.png);
     background-repeat: no-repeat;
     background-position: 0% 0%
 }

 .nb-alert-box.nb-alert-box-success:before {
     background-color: #4eb736
 }

 .nb-alert-box.nb-alert-box-success .nb-alert:before {
     border-left-color: #A5CF9C;
     border-bottom-color: #A5CF9C
 }

 .nb-alert-box.nb-alert-box-success .nb-alert:after {
     background-color: #4eb736
 }

 .nb-alert.alert-success {
     border-color: #a5cf9c !important;
     background: #c0e8b7;
     color: #31911b
 }

 .nb-alert-box.nb-alert-box-info:before {
     background-color: #4c8cf7;
     background-position: 0% 34%
 }

 .nb-alert-box.nb-alert-box-info .nb-alert:before {
     border-left-color: rgba(57, 124, 237, 0.8);
     border-bottom-color: rgba(57, 124, 237, 0.8)
 }

 .nb-alert-box.nb-alert-box-info .nb-alert:after {
     background-color: #4c8cf7
 }

 .nb-alert.alert-info {
     border-color: rgba(57, 124, 237, 0.4) !important;
     background: #c7d9f6;
     color: #2f76ee
 }

 .nb-alert-box.nb-alert-box-error:before {
     background-color: #e21120;
     background-position: 0% 100%
 }

 .nb-alert-box.nb-alert-box-error .nb-alert:before {
     border-left-color: #f03b48;
     border-bottom-color: #f03b48
 }

 .nb-alert-box.nb-alert-box-error .nb-alert:after {
     background-color: #e21120
 }

 .nb-alert.alert-error {
     border-color: #f03b48 !important;
     background: #f3ced1;
     color: #e21120
 }

 .nb-alert-box.nb-alert-box-warning:before {
     background-color: #fc7d00;
     background-position: 0% 67%
 }

 .nb-alert-box.nb-alert-box-warning .nb-alert:before {
     border-left-color: #fc7d00;
     border-bottom-color: #fc7d00
 }

 .nb-alert-box.nb-alert-box-warning .nb-alert:after {
     background-color: #fc7d00
 }

 .nb-alert.alert-warning {
     border-color: #fc7d00 !important;
     background: #f6dec6;
     color: #e36000
 }

 .container._alert_wrapper.isMobile {
     position: fixed;
     top: 3px;
     right: 0;
     left: 0;
     z-index: 9999999
 }

 @media (max-width: 768px) {

     .nb-alert-box:before,
     .nb-alert:before,
     .nb-alert:after {
         display: none
     }

     .nb-alert-box {
         padding: 0
     }
 }

 #tik8-Sidenav {
     text-align: right
 }

 #tik8-Sidenav .fix-background {
     display: none
 }

 .navbar-top .dropdown-menu {
     display: none
 }

 .navbar-top .open>.dropdown-menu {
     display: block
 }

 .open-modal-sidenav #tik8-Sidenav .fix-background {
     position: fixed;
     top: 0;
     display: block;
     bottom: 0;
     left: 0;
     right: 0;
     width: 1005;
     background: rgba(51, 51, 51, 0.85);
     z-index: 0;
     font-size: 31px;
     color: #fff;
     text-indent: 266px;
     font-weight: bold
 }

 .tik8-sidenav .logined_user .dropdown-menu {
     padding-top: 0
 }

 .tik8-sidenav .logined_user .user_remain {
     padding: 15px 10px
 }

 .tik8-sidenav .dropdown-backdrop {
     display: none
 }

 .tik8-sidenav {
     height: 100%;
     width: 250px;
     position: fixed;
     z-index: 1;
     top: 0;
     right: -250px;
     background-color: #3c3c3c;
     overflow-x: hidden;
     transition: 0.5s
 }

 .tik8-sidenav a {
     padding: 8px 8px 8px 32px;
     text-decoration: none;
     font-size: 25px;
     color: #818181;
     display: block;
     transition: 0.3s
 }

 .tik8-sidenav a:hover {
     color: #f1f1f1
 }

 .tik8-sidenav .closebtn {
     position: absolute;
     top: 0;
     right: 25px;
     font-size: 36px;
     margin-left: 50px
 }

 .fixed {
     position: fixed;
     z-index: 1;
     top: 60px;
     width: 262.5px
 }

 .fixed2 {
     top: 545px;
     z-index: 1;
     position: fixed;
     width: 262.5px
 }

 .static-fixed2 {
     position: absolute;
     bottom: 0;
     z-index: 1;
     width: 262.5px
 }

 .static-fixed {
     position: absolute;
     bottom: 325px;
     z-index: 1;
     width: 262.5px
 }

 .contact_soc {
     margin-top: 18px;
     overflow: hidden
 }

 .contact_soc li {
     float: left;
     margin-right: 5px;
     margin-bottom: 10px
 }

 .contact_soc li:last-child {
     margin-right: 0
 }

 .contact_soc li:hover a {
     opacity: .7
 }

 .contact_soc li a {
     background: url(../img/sprite.png~ver=1.png) no-repeat;
     width: 42px;
     height: 42px;
     float: left
 }

 .contact_soc li.tw a {
     background-position: -5px -535px
 }

 .contact_soc li.fb a {
     background-position: -49px -535px
 }

 .contact_soc li.gp a {
     background-position: -92px -535px
 }

 .contact_soc li.insta a {
     background-position: -136px -535px
 }

 .contact_soc li.in a {
     background-position: -179px -535px
 }

 .contact_soc li.telegram a {
     background-position: -223px -535px
 }

 .contact_soc li.cloob a {
     background-position: -390px -581px
 }

 .contact_soc li.aparat a {
     background-position: -486px -581px
 }

 .single_head {
     height: 216px;
     overflow: hidden;
     background-size: cover;
     background-repeat: no-repeat;
     border-bottom: 3px solid #cb373c
 }

 .single_head.contact_page {
     background-image: url(../img/contact_bg.jpg)
 }

 .single_head.laws_page {
     background-image: url(../img/laws_bg.jpg)
 }

 .single_head.privacy_page {
     background-image: url(../img/privacy_bg.jpg)
 }

 .single_head.signup_page {
     background-image: url(../img/signup_bg.jpg)
 }

 .single_head.artist_page {
     background-image: url(../img/artist.jpg)
 }

 .single_head.about_page {
     background-image: url(../img/about_bg.jpg)
 }

 .single_head.faq_page {
     background-image: url(../img/faq_bg.jpg)
 }

 .single_head.jobs_page {
     background-image: url(../img/jobs_bg.jpg)
 }

 .single_head.place_page {
     background-image: url(../img/place_bg.jpg)
 }

 .single_head.news_page {
     background-image: url(../img/news_bg.jpg)
 }

 .single_head.gallery_page {
     background-image: url(../img/gallery_bg.jpg)
 }

 .single_head.merchant_page {
     background-image: url(../img/merchant_bg.jpg)
 }

 .single_head.pay_help_page {
     background-image: url(../img/pay_help_bg.jpg)
 }

 .single_head h1 {
     color: #fff;
     font-size: 20px;
     text-align: center;
     direction: rtl;
     line-height: 55px
 }

 .single_head p {
     color: #fff;
     font-size: 12px;
     text-align: center;
     direction: rtl
 }

 .single_head .single_ico {
     display: block;
     text-align: center;
     margin: 44px auto 5px
 }

 .bot-mar {
     margin-bottom: 30px
 }

 .single_line {
     display: block;
     height: 1px;
     background: #dcdcdc;
     margin: 0 25px
 }

 .single_heading {
     margin: 30px 25px
 }

 .single_heading h2 {
     font-size: 14px;
     color: #cb373c;
     text-align: right;
     direction: rtl;
     line-height: 20px;
     margin-bottom: 20px
 }

 .single_heading h2.text-pages-title {
     line-height: 40px;
     padding-right: 50px;
     text-align: justify;
     font-size: 14px;
     margin-bottom: 12px
 }

 .single_heading p {
     direction: rtl;
     font-size: 12px;
     color: #4d4d4f;
     margin-right: 15px;
     text-align: justify;
     line-height: 22px
 }

 .single_heading p.reset-des {
     width: 90%;
     margin: 0 5% 32px 5%
 }

 .single_heading .singleicon {
     width: 20px;
     height: 22px;
     background: url(../img/sprite.png~ver=1.png) no-repeat;
     float: right;
     margin-left: 10px
 }

 .single_heading .singleicon.adressico {
     background-position: -350px -158px
 }

 .single_heading .singleicon.phoneico {
     background-position: -351px -207px
 }

 .single_heading .singleicon.messageico {
     background-position: -349px -257px
 }

 .single_heading .singleicon.socialico {
     background-position: -351px -303px
 }

 .single_heading .singleicon.signupico {
     background-position: -350px -349px
 }

 .single_heading .singleicon.signinico {
     background-position: -16px -259px;
     width: 20px;
     height: 15px
 }

 .single_heading .singleicon.ticketico {
     background-position: -168px -494px;
     width: 25px
 }

 .single_heading .singleicon.faqico {
     background-position: -304px -488px;
     width: 16px;
     height: 25px
 }

 .single_heading.phoneico {
     background-position: -351px -207px
 }

 .single_heading.messageico {
     background-position: -349px -257px
 }

 .single_heading.socialico {
     background-position: -351px -303px
 }

 .lawicon {
     width: 40px;
     height: 40px;
     background: url(../img/sprite2.png) no-repeat;
     float: right;
     margin-left: 10px;
     border-radius: 50%
 }

 .lawicon.law-1 {
     background-position: -4px -5px
 }

 .lawicon.law-2 {
     background-position: -52px -5px
 }

 .lawicon.law-3 {
     background-position: -100px -5px
 }

 .lawicon.law-4 {
     background-position: -148px -5px
 }

 .lawicon.law-5 {
     background-position: -196px -5px
 }

 .lawicon.law-6 {
     background-position: -244px -5px
 }

 .lawicon.law-7 {
     background-position: -292px -5px
 }

 .lawicon.law-8 {
     background-position: -340px -5px
 }

 .lawicon.law-9 {
     background-position: -388px -5px
 }

 .lawicon.law-10 {
     background-position: -436px -5px
 }

 .lawicon.law-11 {
     background-position: -484px -5px
 }

 .lawicon.law-12 {
     background-position: -532px -5px
 }

 .lawicon.law-13 {
     background-position: -580px -5px
 }

 .lawicon.law-14 {
     background-position: -628px -5px
 }

 .lawicon.law-15 {
     background-position: -4px -53px
 }

 .lawicon.law-16 {
     background-position: -52px -53px
 }

 .lawicon.law-17 {
     background-position: -100px -53px
 }

 .lawicon.law-18 {
     background-position: -148px -53px
 }

 .priicon {
     width: 40px;
     height: 40px;
     background: url(../img/sprite2.png) no-repeat;
     float: right;
     margin-left: 10px;
     border-radius: 50%
 }

 .priicon.pri-1 {
     background-position: -196px -53px
 }

 .priicon.pri-2 {
     background-position: -244px -53px
 }

 .priicon.pri-3 {
     background-position: -292px -53px
 }

 .priicon.pri-4 {
     background-position: -340px -53px
 }

 .tik8-form {
     overflow: hidden
 }

 .tik8-form .form-label {
     font-size: 12px;
     direction: rtl;
     margin: 15px 0;
     color: #4d4d4f
 }

 .tik8-form .form-wrapper {
     width: 90%;
     margin: 0 5%
 }

 .tik8-form input:not(.categories-checkbox),
 .tik8-form textarea,
 .tik8-form select {
     display: block;
     width: 100%;
     direction: rtl;
     margin-bottom: 10px;
     border-radius: 15px;
     border: 1px solid #dcdcdc;
     color: #484747;
     font-size: 13px;
     height: 42px;
     line-height: 42px;
     padding: 0 40px 0 15px
 }

 .tik8-form input:not(.categories-checkbox):focus,
 .tik8-form textarea:focus,
 .tik8-form select:focus {
     border-color: #66afe9;
     outline: 0
 }

 .tik8-form textarea {
     min-height: 150px;
     resize: vertical
 }

 .tik8-form select {
     background: url(../img/arrow.png) left 10px top 50% no-repeat;
     -webkit-appearance: none;
     -moz-appearance: none;
     text-indent: 1px;
     cursor: pointer;
     padding-right: 36px
 }

 .tik8-form .right-inner-addon {
     position: relative;
     float: right;
     width: 100%
 }

 .tik8-form .right-inner-addon .checkbox-wrapper {
     position: relative;
     height: 42px
 }

 .tik8-form .right-inner-addon.lefter-align i {
     right: auto;
     left: 10px
 }

 .tik8-form .right-inner-addon.lefter-align input {
     padding: 0 15px 0 40px;
     text-align: left;
     direction: ltr
 }

 .sheba-no {
     display: inline-block !important;
     width: 96% !important;
     text-align: left !important;
     padding-left: 15px !important
 }

 .tik8-form .right-inner-addon .checkbox-wrapper input#newsletter {
     position: absolute;
     right: 10px;
     top: 10px;
     width: 14px;
     height: 14px;
     cursor: pointer
 }

 .tik8-form .right-inner-addon .checkbox-wrapper input#terms {
     position: absolute;
     right: 10px;
     top: 10px;
     width: 14px !important;
     height: 14px;
     cursor: pointer;
     text-align: right;
     left: inherit !important;
     padding-right: 0 !important;
     margin-right: 0 !important
 }

 .tik8-form .right-inner-addon .checkbox-wrapper input#name1 {
     position: absolute;
     right: 10px;
     top: 10px;
     width: 14px;
     height: 14px;
     cursor: pointer
 }

 .tik8-form .right-inner-addon .checkbox-wrapper input#name2 {
     position: absolute;
     right: 10px;
     top: 10px;
     width: 14px;
     height: 14px;
     cursor: pointer
 }

 .tik8-form .right-inner-addon .checkbox-wrapper label {
     position: absolute;
     direction: rtl;
     right: 35px;
     width: 100%;
     text-align: right;
     line-height: 42px;
     font-size: 12px;
     color: #a0a0a0;
     cursor: pointer
 }

 .tik8-form .right-inner-addon .float_left {
     float: left !important
 }

 .tik8-form .right-inner-addon .gender-select {
     width: 49%;
     float: right;
     direction: rtl;
     margin-bottom: 10px;
     height: 42px;
     line-height: 42px;
     color: #A9B1C1
 }

 .tik8-form .right-inner-addon .gender-select:first-child {
     padding-left: 8px
 }

 .tik8-form .right-inner-addon .gender-select label {
     width: 100%;
     height: 100%;
     border-radius: 3px;
     border: 1px solid #D1D3D4
 }

 .tik8-form .right-inner-addon .gender-select input.radio:empty {
     position: absolute;
     opacity: 0;
     width: 0;
     margin: 0;
     height: 0;
     padding: 0
 }

 .tik8-form .right-inner-addon .gender-select input.radio:empty~label {
     position: relative;
     float: right;
     cursor: pointer;
     padding-right: 62%;
     line-height: 40px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }

 .tik8-form .right-inner-addon .gender-select input.radio:empty~label:before {
     position: absolute;
     display: block;
     top: 0;
     bottom: 0;
     right: 0;
     content: '';
     width: 2.5em;
     background-color: #FFF;
     border-radius: 0 2px 2px 0;
     background-image: url(../img/sprite.png~ver=1.png);
     background-repeat: no-repeat;
     width: 46px;
     height: 40px;
     padding-left: 5px;
     border-left: 1px solid #dcdcdc
 }

 .tik8-form .right-inner-addon .gender-select input.radio:focus~label {
     border-color: #66afe9;
     outline: 0
 }

 .tik8-form .right-inner-addon .gender-select input.radio#female:empty~label:before {
     background-position: -628px -196px
 }

 .tik8-form .right-inner-addon .gender-select input.radio#male:empty~label:before {
     background-position: -628px -148px
 }

 .tik8-form .right-inner-addon .gender-select input.radio:empty~label:before:focus {
     outline: none !important
 }

 .tik8-form .right-inner-addon .gender-select input.radio:hover:not(:checked)~label:before {
     color: #C2C2C2
 }

 .tik8-form .right-inner-addon .gender-select input.radio:hover:not(:checked)~label {
     color: #888
 }

 .tik8-form .right-inner-addon .gender-select input.radio#male:checked~label:before {
     background-color: #ede8e8;
     background-position: -628px -244px
 }

 .tik8-form .right-inner-addon .gender-select input.radio#female:checked~label:before {
     background-color: #ede8e8;
     background-position: -628px -292px
 }

 .tik8-form .right-inner-addon .gender-select input.radio:checked~label {
     color: #888;
     background-color: #f6f3f3
 }

 .tik8-form .right-inner-addon .law-accept {
     font-size: 10px;
     direction: rtl;
     text-align: right;
     color: #a0a0a0
 }

 .tik8-form .right-inner-addon .checkbox-wrapper {
     border-radius: 2px;
     border: 1px solid #dcdcdc;
     margin-bottom: 10px
 }

 .tik8-form .right-inner-addon .checkbox-wrapper input:focus~label {
     border-color: #66afe9;
     outline: 0
 }

 .tik8-form .right-inner-addon .line-or {
     width: 100%;
     height: 1px;
     background-color: #dcdcdc;
     margin: 28px 0;
     position: relative
 }

 .tik8-form .right-inner-addon .line-or span {
     position: absolute;
     display: block;
     font-size: 12px;
     text-align: center;
     background-color: #FFF;
     color: #a0a0a0;
     width: 30px;
     top: -5px;
     right: 46%
 }

 .tik8-form .right-inner-addon .social-login-wrapper {
     width: 100%;
     line-height: 42px;
     font-size: 14px
 }

 .tik8-form .right-inner-addon .social-login-wrapper .social-login {
     position: relative;
     height: 42px;
     border-radius: 2px;
     text-align: center;
     display: block;
     text-decoration: none;
     color: #FFF;
     cursor: pointer
 }

 .tik8-form .right-inner-addon .social-login-wrapper .social-login:hover {
     opacity: 0.9
 }

 .tik8-form .right-inner-addon .social-login-wrapper .social-login::before {
     content: " ";
     position: absolute;
     right: 0;
     top: 12px;
     height: 24px;
     width: 42px;
     background: url(../img/sprite.png~ver=1.png) no-repeat
 }

 .tik8-form .right-inner-addon .social-login-wrapper .social-login-google {
     background-color: #dc4e41;
     margin-bottom: 10px
 }

 .tik8-form .right-inner-addon .social-login-wrapper .social-login-google::before {
     background-position: -639px -397px
 }

 .tik8-form .right-inner-addon .social-login-wrapper .social-login-yahoo {
     background-color: #400191
 }

 .tik8-form .right-inner-addon .social-login-wrapper .social-login-yahoo::before {
     background-position: -640px -350px
 }

 .tik8-form .right-inner-addon i,
 .tik8-form .col-input-addon i {
     position: absolute;
     right: 10px;
     top: 7px;
     pointer-events: none;
     background: url(../img/sprite.png~ver=1.png) no-repeat;
     width: 18px;
     height: 26px;
     display: block;
 }

 .tik8-form .right-inner-addon i.nameico,
 .tik8-form .col-input-addon i.nameico {
     background-position: -625px -57px
 }

 .tik8-form .right-inner-addon i.familico,
 .tik8-form .col-input-addon i.familico {
     background-position: -625px -103px
 }

 .tik8-form .right-inner-addon i.coponico,
 .tik8-form .col-input-addon i.coponico {
     background-position: -445px -203px
 }

 .tik8-form .right-inner-addon i.mailico,
 .tik8-form .col-input-addon i.mailico {
     background-position: -652px -56px;
     width: 20px;
     top: 14px
 }

 .tik8-form .right-inner-addon i.mobico,
 .tik8-form .col-input-addon i.mobico {
     background-position: -627px -104px;
     height: 20px;
     top: 10px
 }

 .tik8-form .right-inner-addon i.passico,
 .tik8-form .col-input-addon i.passico {
     background-position: -627px -77px;
     height: 20px;
     top: 10px
 }

 .tik8-form .right-inner-addon i.depico,
 .tik8-form .col-input-addon i.depico {
     background-position: -651px -127px
 }

 .tik8-form .right-inner-addon i.subico,
 .tik8-form .col-input-addon i.subico {
     background-position: -598px -107px
 }

 .tik8-form .right-inner-addon i.textico,
 .tik8-form .col-input-addon i.textico {
     background-position: -652px -56px;
     width: 20px;
     top: 14px
 }

 .tik8-form .right-inner-addon i.cardico,
 .tik8-form .col-input-addon i.cardico {
     background-position: -602px -138px;
     width: 19px;
     height: 14px
 }

 .tik8-form .right-inner-addon i.blockico,
 .tik8-form .col-input-addon i.blockico {
     background-position: -564px -138px;
     width: 19px;
     height: 14px
 }

 .tik8-form .right-inner-addon i.stockico,
 .tik8-form .col-input-addon i.stockico {
     background-position: -563px -109px;
     width: 19px;
     height: 18px
 }

 .tik8-form input[type=" submit "] {
     background: #1cbd2f;
     border: 1px solid #27ae60;
     color: #fff;
     text-align: center;
     font-size: 14px;
     clear: both;
     padding: 0
 }

 .tik8-form input[type=" submit "].signinsubmit {
     background: #3498db;
     border: 1px solid #278BCE
 }

 .tik8-form input[type=" submit "]:hover {
     opacity: 0.85
 }

 .tik8-form .half_size {
     width: 50%;
     float: right;
     padding-left: 8px
 }

 .tik8-form .half_size.nm {
     padding-left: 0
 }

 .tik8-form h4.coupon-title {
     direction: rtl;
     color: #787878;
     font-size: 11px;
     text-align: justify;
     padding: 0;
     margin: 10px 0 4px 0
 }

 .tik8-form p.coupon-desc {
     direction: rtl;
     color: #787878;
     font-size: 10px;
     text-align: justify;
     padding: 0 0 8px 0;
     line-height: 176%;
     margin-top: -4px;
     text-align: justify
 }

 .tik8-form p.coupon-desc span {
     font-weight: bold;
     color: #CB373C
 }

 .tik8-form.newsletter-select input {
     margin-bottom: 0
 }

 .tik8-form.newsletter-select select {
     padding: 0;
     width: 25%;
     float: right;
     padding-right: 10px;
     background-color: #f5f5f5;
     background-image: url(../img/arrow.png);
     background-position: left 15px top 50%;
     background-repeat: no-repeat;
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
     font-size: 11px;
     padding-left: 16px;
     margin-bottom: 0
 }

 .tik8-form.newsletter-select .newsletter-input {
     padding-right: 15px;
     width: 75%;
     border-right: 0;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
     font-size: 12px
 }

 .fancybox_form {
     margin-bottom: 0px !important;
     padding: 0 5px !important
 }

 .fancybox_form input[type="submit"] {
     float: left;
     width: 50%
 }

 dl,
 dt,
 dd,
 ul,
 ol,
 li,
 pre,
 form,
 fieldset,
 textarea,
 p,
 blockquote,
 th,
 td {
     margin: 0;
     padding: 0
 }

 .ei-slider {
     height: auto
 }

 .ei-slider-thumbs {
     display: none
 }

 .ei-slider-large li {
     position: relative
 }

 .ei-slider {
     position: relative;
     width: 100%;
     max-width: 1920px;
     height: 440px;
     margin: 0 auto 30px;
     overflow: hidden
 }

 .ei-slider-loading {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0px;
     left: 0px;
     z-index: 999;
     background: rgba(0, 0, 0, 0.9);
     color: #fff;
     text-align: center;
     line-height: 400px
 }

 .ei-slider-large {
     height: 100%;
     width: 100%;
     position: relative;
     overflow: hidden
 }

 .ei-slider-large li {
     position: absolute;
     top: 0px;
     left: 0px;
     overflow: hidden;
     height: 100%;
     width: 100%
 }

 .ei-slider-large li img {
     width: 100%
 }

 .ei-title {
     position: absolute;
     right: 51%;
     margin-right: 12%
 }

 .ei-title h2,
 .ei-title h3 {
     text-align: right
 }

 .ei-title h2 {
     font-size: 40px;
     line-height: 50px;
     font-style: italic;
     color: #b5b5b5
 }

 .ei-title h3 {
     font-size: 70px;
     line-height: 70px;
     text-transform: uppercase;
     color: #000
 }

 .ei-slider-thumbs {
     height: 40px;
     margin: 0 auto;
     position: relative;
     top: -44px;
     z-index: 9999;
     background-color: rgba(0, 0, 0, 0.7);
     overflow: hidden
 }

 .ei-slider-thumbs li {
     position: relative;
     float: left;
     height: 40px
 }

 .ei-slider-thumbs li.ei-slider-element {
     top: 0px;
     left: 0px;
     position: absolute;
     height: 100%;
     text-indent: -9000px;
     background: #cb373c
 }

 .theater-slider li.ei-slider-element {
     background: #ff9934
 }

 .cinema-slider li.ei-slider-element {
     background: #900302
 }

 .concert-slider li.ei-slider-element {
     background: #a54a83
 }

 .seminar-slider li.ei-slider-element {
     background: #4e87af
 }

 .comic-slider li.ei-slider-element {
     background: #bf1b56
 }

 .sport-slider li.ei-slider-element {
     background: #438802
 }

 .ei-slider-thumbs li a {
     font-family: iransans;
     display: block;
     text-align: center;
     padding-top: 12px;
     width: 100%;
     height: 40px;
     cursor: pointer;
     -webkit-transition: background 0.2s ease;
     -moz-transition: background 0.2s ease;
     -o-transition: background 0.2s ease;
     -ms-transition: background 0.2s ease;
     transition: background 0.2s ease;
     color: #fff;
     text-decoration: none;
     outline: none;
     font-size: 11px;
     white-space: nowrap;
     max-width: 194px;
     overflow: hidden;
     text-overflow: ellipsis;
     direction: rtl;
     text-align: center
 }

 .ei-slider-thumbs li:nth-child(7) a:before {
     content: ""
 }

 .ei-slider-thumbs li a:hover {
     background-color: rgba(255, 255, 255, 0.3)
 }

 .ei-slider-thumbs li img {
     position: absolute;
     bottom: 70px;
     opacity: 0;
     z-index: 999;
     max-width: 100%;
     -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     transition: all 0.4s ease;
     -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(255, 255, 255, 0.3)));
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
 }

 .slider-btn {
     width: 250px;
     height: 45px;
     background-color: rgba(255, 255, 255, 0.7);
     border-radius: 2px;
     border: 1px solid #fff;
     cursor: pointer;
     -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     transition: all 0.4s ease
 }

 .slider-btn:hover {
     background-color: #27ae60
 }

 .slider-btn:hover p {
     color: #fff
 }

 .slider-btn:hover p:before {
     background-position: -493px -131px
 }

 .slider-btn p {
     font-size: 13px;
     color: #3c3c3c;
     text-align: center;
     line-height: 45px
 }

 .slider-btn p:before {
     content: "";
     float: right;
     width: 22px;
     height: 23px;
     background: url(../img/sprite.png~ver=1.png) no-repeat;
     background-position: -493px -106px;
     position: relative;
     top: 11px;
     right: 24px;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     transition: all 0.3s
 }

 .ei-title h3 {
     display: none !important;
     margin: 10px 0px;
     font-size: 14px
 }

 @media screen and (min-width: 1200px) {
     footer .socials ul li {
         margin: 0 0.7% 1%
     }
 }

 @media screen and (max-width: 768px) {
     .google-voice.col-lg-12 {
         padding: 0 !important
     }
 }

 @media screen and (max-width: 830px) {
     .ei-title {
         position: absolute;
         right: 0px;
         margin-right: 0px;
         width: 100%;
         text-align: center;
         top: auto;
         bottom: 0px;
         background: #fff;
         background: rgba(222, 211, 211, 0.9) none repeat scroll 0% 0%;
         padding: 5px 0
     }

     .slider-btn {
         margin: 0 auto !important
     }

     .ei-slider li>img {
         width: auto !important;
         margin-left: -350px !important
     }

     .ei-title h2,
     .ei-title h3 {
         text-align: center
     }

     .ei-title h2 {
         font-size: 20px;
         line-height: 24px
     }

     .ei-title h3 {
         font-size: 30px;
         line-height: 40px
     }

     .ei-slider-thumbs {
         display: none !important
     }

     .ei-title h3 {
         display: block !important;
         font-family: iransans
     }
 }

 .rslides {
     position: relative;
     list-style: none;
     overflow: hidden;
     width: 100%;
     padding: 0;
     margin: 0
 }

 .rslides li {
     -webkit-backface-visibility: hidden;
     position: absolute;
     display: none;
     width: 100%;
     left: 0;
     top: 0
 }

 .rslides li:first-child {
     position: relative;
     display: block;
     float: left
 }

 .rslides img {
     display: block;
     height: auto;
     float: left;
     width: 100%;
     border: 0
 }

 .slider-wrapper {
     position: relative;
     max-width: 1920px;
     margin: 0 auto 30px auto;
     background: transparent;
     text-align: center
 }

 .rslides .caption {
     display: block;
     position: absolute;
     z-index: 2;
     font-size: 13px;
     text-shadow: none;
     color: #fff;
     background: rgba(60, 60, 60, 0.8);
     left: 0;
     right: 0;
     bottom: 0;
     padding: 10px 20px;
     margin: 0;
     max-width: none
 }

 .rslides_tabs {
     position: relative;
     bottom: 60px;
     z-index: 5
 }

 .rslides_tabs a {
     display: block;
     background: #C5C5C5;
     width: 12px;
     height: 12px;
     color: #FFF;
     border: 1px solid #C5C5C5;
     border-radius: 50%;
     text-indent: -9999px;
     overflow: hidden;
     opacity: 0.7;
     transition: all 200ms
 }

 .rslides_tabs .rslides_here a {
     opacity: 1;
     background: #FFF
 }

 .rslides_tabs li {
     display: inline-block;
     margin: 0 6px
 }

 .slider-button {
     position: absolute;
     bottom: 60px;
     left: 20%;
     width: 250px;
     height: 45px;
     background-color: rgba(255, 255, 255, 0.7);
     border-radius: 2px;
     border: 1px solid #DCDCDC;
     cursor: pointer;
     -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     transition: all 0.4s ease
 }

 .slider-button:hover {
     background-color: #27ae60
 }

 .slider-button:hover a {
     color: #fff
 }

 .slider-button:hover a:before {
     background-position: -493px -131px
 }

 .slider-button a {
     font-size: 13px;
     color: #3c3c3c;
     text-align: center;
     line-height: 45px
 }

 .slider-button a:before {
     content: "";
     float: right;
     width: 22px;
     height: 23px;
     background: url(../img/sprite.png~ver=1.png) no-repeat;
     background-position: -493px -106px;
     position: relative;
     top: 11px;
     right: 24px;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     transition: all 0.3s
 }

 .slider-button-a {
     position: absolute;
     bottom: 60px;
     left: 20%;
     width: 250px;
     height: 45px;
     background-color: rgba(255, 255, 255, 0.7);
     border-radius: 2px;
     border: 1px solid #DCDCDC;
     cursor: pointer;
     -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     transition: all 0.4s ease
 }

 .slider-button-a:hover {
     background-color: #27ae60
 }

 .slider-button-a:hover {
     color: #fff
 }

 .slider-button-a:hover:before {
     background-position: -493px -131px
 }

 .slider-button-a {
     font-size: 13px;
     color: #3c3c3c;
     text-align: center;
     line-height: 45px
 }

 .slider-button-a:before {
     content: "";
     float: right;
     width: 22px;
     height: 23px;
     background: url(../img/sprite.png~ver=1.png) no-repeat;
     background-position: -493px -106px;
     position: relative;
     top: 11px;
     right: 24px;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     transition: all 0.3s
 }

 .owl-carousel .owl-item img {
     transform-style: flat !important
 }

 .min_h {
     min-height: 500px
 }

 .sTop {
     min-height: 130px;
     background: #fff;
     color: #3d3d3d;
     padding: 50px 0;
     height: 300px
 }

 .social-sub>a {
     float: left
 }

 .social-sub>div {
     display: none;
     float: left
 }

 .social-sub div {
     min-width: 100px;
     height: 35px;
     border-radius: 2px;
     -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     -ms-transition: all 0.2s;
     transition: all 0.2s
 }

 .social-sub div:nth-child(1) {
     cursor: pointer;
     margin-top: 6px
 }

 .social-sub div:nth-child(1) p {
     font-size: 12px;
     color: #a0a0a0;
     direction: rtl;
     line-height: 35px;
     margin-left: 9px
 }

 .social-sub div:nth-child(1) p:before {
     content: '';
     position: relative;
     display: inline-block;
     background: url(../img/sprite.png~ver=1.png) no-repeat -558px -482px;
     width: 18px;
     height: 20px;
     margin-right: 10px;
     margin-left: 10px;
     top: 5px;
     opacity: .8
 }

 .social-sub div:nth-child(1):hover {
     border-color: #A0A0A0
 }

 .social-sub div:nth-child(2) {
     margin-left: 3px
 }

 .social-sub div:nth-child(2) a {
     font-size: 12px;
     color: #a0a0a0;
     direction: rtl;
     line-height: 35px;
     width: 100%;
     height: 100%;
     display: block
 }

 .social-sub div:nth-child(2) ul li {
     display: inline-block;
     background: url(../img/sprite.png~ver=1.png) no-repeat;
     width: 23px;
     height: 25px;
     position: relative;
     top: 7.5px;
     cursor: pointer;
     opacity: .8;
     margin: 0 2px
 }

 .social-sub div:nth-child(2) ul li:hover {
     opacity: 1;
     -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     -ms-transition: all 0.2s;
     transition: all 0.2s
 }

 .social-sub div:nth-child(2) ul li:nth-child(1) {
     background-position: -640px -481px
 }

 .social-sub div:nth-child(2) ul li:nth-child(2) {
     background-position: -616px -481px
 }

 .social-sub div:nth-child(2) ul li:nth-child(3) {
     background-position: -587px -480px
 }

 .follow-sub {
     float: left;
     font-family: "iransans", tahoma
 }

 .follow-sub a {
     display: block;
     cursor: pointer;
     font-size: 12px;
     color: #a0a0a0;
     direction: rtl;
     line-height: 45px;
     margin-left: 9px;
     position: relative;
     padding-right: 20px;
     margin-right: 8px;
     white-space: nowrap
 }

 .follow-sub a:before {
     content: '';
     background-image: url(../img/sprite.png~ver=1.png);
     background-repeat: no-repeat;
     width: 44px;
     height: 44px;
     position: absolute;
     right: 2px;
     top: 22px;
     background-position: -318px -550px;
     width: 10px;
     height: 3px
 }

 .follow-sub a.unfollow:before {
     background-position: -295px -546px;
     width: 14px;
     height: 13px;
     top: 16px;
     right: 0
 }


 .main-alert-wrapper {
     position: relative;
     z-index: 110
 }

 .main-alert-wrapper.alert-fixed {
     position: fixed
 }

 .main-alert-wrapper.alert-fixed .alert-wrapper-inner {
     top: -9px
 }

 .main-alert-wrapper.alert-res .alert-wrapper-inner {
     top: -9px
 }

 .main-alert-wrapper .alert-wrapper-inner {
     position: absolute;
     top: 6px
 }

 .main-alert-wrapper .alert-wrapper-inner .alert {
     font-family: " iransans ", tahoma;
     margin-bottom: 4px;
     direction: rtl;
     background-color: rgba(255, 255, 255, 0.94);
     border-radius: 2px;
     z-index: 1;
     border-color: rgba(255, 255, 255, 0.19);
     opacity: 0.98;
     color: #FFF
 }

 .main-alert-wrapper .alert-wrapper-inner .alert.alert-info {
     background: #4EA8E4
 }

 .main-alert-wrapper .alert-wrapper-inner .alert.alert-success {
     background: #2ecc71
 }

 .main-alert-wrapper .alert-wrapper-inner .alert.alert-warning {
     background: #F9B232
 }

 .main-alert-wrapper .alert-wrapper-inner .alert.alert-error {
     background: #EC675A
 }

 .main-alert-wrapper .alert-wrapper-inner .alert .close {
     float: left
 }

 .main-alert-wrapper .alert-wrapper-inner .alert-main-icons {
     width: 28px;
     height: 28px;
     position: absolute;
     right: 12px;
     top: 10px;
     background: url(../img/sprite.png~ver=1.png) no-repeat
 }

 .main-alert-wrapper .alert-wrapper-inner .alert-main-icons.alert-info-ico {
     background-position: -346px -392px
 }

 .main-alert-wrapper .alert-wrapper-inner .alert-main-icons.alert-success-ico {
     background-position: -490px -392px
 }

 .main-alert-wrapper .alert-wrapper-inner .alert-main-icons.alert-warning-ico {
     background-position: -442px -392px
 }

 .main-alert-wrapper .alert-wrapper-inner .alert-main-icons.alert-error-ico {
     background-position: -394px -392px
 }

 .profile-alert .main-alert-wrapper .alert-wrapper-inner .alert {
     margin-right: -15px;
     margin-left: -15px
 }

 .info-sidepanel {
     min-height: 400px
 }

 .info-sidepanel .panel-title {
     text-align: center
 }

 .info-sidepanel .single_info {
     margin: 0 5%;
     padding-bottom: 24px;
     border-bottom: 1px solid #dcdcdc
 }

 .info-sidepanel .panel-text {
     direction: rtl;
     text-align: justify;
     font-size: 12px;
     color: #4d4d4f;
     line-height: 22px
 }

 .info-sidepanel .info-icons-wrapper {
     margin-top: 32px;
     text-align: center
 }

 .info-sidepanel .info-icons-wrapper .info-icon {
     display: inline-block;
     position: relative;
     height: 68px;
     width: 68px;
     margin: 0 2px;
     border: 1px solid #dcdcdc;
     border-radius: 2px
 }

 .info-sidepanel .info-icons-wrapper .info-icon:before {
     content: '';
     background-image: url(../img/sprite.png~ver=1.png);
     background-repeat: no-repeat;
     width: 44px;
     height: 44px;
     position: absolute;
     right: 15px;
     top: 15px
 }

 .info-sidepanel .info-icons-wrapper .info-icon.info-icon-1:before {
     background-position: -6px -435px;
     width: 36px;
     height: 35px
 }

 .info-sidepanel .info-icons-wrapper .info-icon.info-icon-2:before {
     background-position: -52px -434px;
     width: 41px;
     height: 36px;
     right: 13px
 }

 .info-sidepanel .info-icons-wrapper .info-icon.info-icon-3:before {
     background-position: -108px -434px;
     width: 25px;
     height: 36px;
     right: 21px
 }

 .info-sidepanel .info-icons-wrapper .info-icon.info-icon-4:before {
     background-position: -151px -434px;
     width: 34px;
     height: 36px;
     right: 18px
 }

 .info-sidepanel .signup-info-splash {
     background: #ebebeb;
     margin: 40px 8%;
     padding: 1px 32px;
     direction: rtl
 }

 .info-sidepanel .signup-info-splash .signup-img {
     background: url(../img/about/cats.png);
     width: 165px;
     height: 160px;
     background-size: cover;
     margin: 20px auto 0 auto
 }

 .info-sidepanel .signup-info-splash h4 {
     text-align: center;
     margin: 30px 0 40px 0;
     color: #cb373c;
     font-size: 16px;
     direction: rtl;
     line-height: 30px
 }

 .info-sidepanel .signup-info-splash ol {
     font-size: 12px;
     counter-reset: item;
     list-style-type: none
 }

 .info-sidepanel .signup-info-splash ol li {
     margin: 20px 0;
     display: block;
     position: relative;
     padding-right: 32px;
     color: #6e6e6f
 }

 .info-sidepanel .signup-info-splash ol li:before {
     content: counter(item) "  ";
     counter-increment: item;
     color: #FFF;
     float: right;
     display: block;
     width: 26px;
     height: 26px;
     background-color: #cb373c;
     text-align: center;
     font-size: 14px;
     font-family: "iransans", tahoma;
     border-radius: 50%;
     padding-top: 5px;
     position: absolute;
     right: 0;
     top: -6px
 }

 .info-sidepanel .signup-info-splash p {
     font-size: 12px;
     color: #3c3c3c;
     padding: 0;
     margin-top: 30px;
     margin-bottom: 30px
 }

 .a404-page {
     overflow: hidden;
     margin: 30px auto
 }

 .a404-page p {
     text-align: center;
     direction: rtl;
     font-size: 18px;
     padding: 20px 0
 }

 .a404-page h2 {
     font-size: 18px;
     line-height: 50px;
     margin: 5px 5px;
     clear: both;
     text-align: center;
     direction: rtl;
     color: #CB373C
 }

 .a404-page a {
     display: block;
     font-size: 14px;
     color: #fff;
     text-align: center;
     height: 48px;
     line-height: 48px;
     background: #27ae60;
     width: 220px;
     border-radius: 2px;
     margin: 20px auto
 }

 .a404-wrapper {
     margin: 20px auto;
     width: 100%
 }

 .slider-404 {
     position: relative;
     background: url(../img/404-bg.jpg) repeat-x;
     width: 100%;
     overflow: hidden;
     max-width: 800px;
     margin: 0 auto
 }

 .text-404 {
     text-align: center;
     direction: rtl;
     font-size: 18px
 }

 .slider-404-wrapper {
     padding: 15px 0
 }

 .mask-404 {
     width: 100%
 }

 .ticket-buy-content {
     margin-bottom: 15px
 }

 .panel-buy-ticket,
 .panel-profile {
     font-family: "iransans", tahoma
 }

 .panel-buy-ticket .panel-heading h2,
 .panel-profile .panel-heading h2 {
     font-size: 14px;
     padding: 12px
 }

 .panel-buy-ticket .panel-heading span.tip,
 .panel-profile .panel-heading span.tip {
     color: #959595;
     font-size: 10px;
     line-height: 39px;
     padding-left: 40px;
     cursor: help
 }

 .panel-buy-ticket .panel-heading span.tip:after,
 .panel-profile .panel-heading span.tip:after {
     content: '';
     background: url(../img/sprite.png~ver=1.png) no-repeat -203px -617px;
     width: 18px;
     height: 18px;
     top: 15px;
     left: 34px;
     position: absolute;
     cursor: help
 }

 .panel-buy-ticket .ticket-p,
 .panel-profile .ticket-p {
     direction: rtl;
     padding: 15px 15px 0;
     font-size: 10px;
     color: #787878;
     text-align: justify
 }

 .panel-buy-ticket .ticket-p li,
 .panel-profile .ticket-p li {
     line-height: 20px
 }

 .your-ticket,
 table {
     color: #4d4d4f
 }

 table {
     direction: rtl
 }

 table tr.table-header {
     background: #ededed !important
 }

 table tr.table-header td {
     font-size: 12px !important
 }

 .single-chair-err td {
     color: #CB373C;
     text-decoration: line-through
 }

 .single-chair-text {
     direction: rtl !important;
     text-align: right;
     font-size: 12px;
     color: #CB373C;
     display: block
 }

 table tr td {
     font-size: 10px;
     text-align: center;
     padding: 10px;
     color: #727272
 }

 table tr.table-footer {
     background: #ededed !important;
     border-bottom: 1px solid #DDDDDD
 }

 table tr.table-footer td {
     font-size: 12px !important;
     padding: 15px
 }

 table tr.table-footer td:first-child {
     text-align: right
 }

 table tr.table-footer td:last-child {
     text-align: left
 }

 .your-ticket-body {
     padding-top: 0 !important;
     font-family: " iransans ", tahoma
 }

 .your-ticket-body .your-ticket {
     padding: 15px 20px;
     direction: rtl;
     font-size: 12px
 }

 .your-ticket-body .your-ticket .table-date-1 {
     color: #27AE60;
     margin-right: 15px
 }

 .your-ticket-body .your-ticket .table-date-1:before {
     content: '';
     background: url(../img/sprite.png~ver=1.png) no-repeat -641px -428px;
     width: 16px;
     height: 16px;
     top: 5px;
     left: 5px;
     position: relative;
     display: inline-block
 }

 .your-ticket-body .your-ticket .table-hour-1 {
     color: #FF9933;
     padding-right: 15px
 }

 .your-ticket-body .your-ticket .table-hour-1:before {
     content: '';
     background: url(../img/sprite.png~ver=1.png) no-repeat -642px -453px;
     width: 16px;
     height: 16px;
     top: 5px;
     left: 5px;
     position: relative;
     display: inline-block
 }

 .your-ticket-body .your-ticket .table-date-2 {
     color: #4d4d4d;
     margin-right: 15px
 }

 .your-ticket-body .your-ticket .table-date-2:before {
     content: '';
     background: url(../img/sprite.png~ver=1.png) no-repeat -592px -401px;
     width: 16px;
     height: 16px;
     top: 5px;
     left: 5px;
     position: relative;
     display: inline-block
 }

 .your-ticket-body .your-ticket .table-hour-2 {
     color: #4d4d4d;
     padding-right: 15px
 }

 .your-ticket-body .your-ticket .table-hour-2:before {
     content: '';
     background: url(../img/sprite.png~ver=1.png) no-repeat -546px -401px;
     width: 16px;
     height: 16px;
     top: 5px;
     left: 5px;
     position: relative;
     display: inline-block
 }

 .your-ticket-body .your-ticket .saloon-name-1 {
     color: #3d3d3d
 }

 .your-ticket-body .your-ticket .saloon-name-1:before {
     content: none
 }

 .your-ticket-body table tr td {
     font-size: 12px
 }

 .table-padding {
     padding: 0 15px;
     /*overflow: hidden*/
 }

 .delete-ticket {
     background: url(../img/sprite.png~ver=1.png) no-repeat -616px -453px;
     width: 20px;
     height: 20px;
     border: 0;
     box-shadow: none;
     display: block;
     margin: 0 auto;
 }

 .delete-ticket:hover {
     opacity: 1
 }

 .confirmation-btn {
     background: #1cbd2f;
     height: 50px;
     line-height: 50px;
     color: #fff;
     border-radius: 2px;
     font-size: 12px;
     border: 0;
     box-shadow: none
 }

 .confirmation-btn:hover {
     opacity: 0.85
 }

 .checkbox-btn {
     height: 50px;
     line-height: 50px;
     border-radius: 2px;
     color: #55514F;
     font-size: 11px;
     padding-right: 30px
 }

 .checkbox-btn label {
     padding-right: 5px;
     margin-top: 0px
 }

 .checkbox-btn input[type="checkbox"] {
     margin-top: 0px
 }

 .btn-info-login {
     background: #3498db;
     border: 1px solid #278BCE
 }

 .btn-info-login:hover {
     background: #3498db;
     border: 1px solid #278BCE;
     opacity: 0.85
 }

 .mobile-tip-guid:after {
     left: 15px !important
 }

 .clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0
 }

 .clearfix {
     display: inline-block
 }

 * html .clearfix {
     height: 1%
 }

 .clearfix {
     display: block
 }

 .item-wrapper {
     direction: rtl;
     text-align: right;
     padding: 30px 30px 30px 0
 }

 .item-wrapper .item-title-wrapper h1.item-title {
     color: #ff9933;
     font-size: 15px;
     line-height: 26px
 }

 .item-wrapper .item-subtitle-wrapper h3.item-subtitle {
     color: #787878;
     font-size: 12px
 }

 .step-wizard-wrapper {
     padding: 30px 0 30px 0
 }

 .step-wizard-wrapper .stepwizard {
     display: table;
     width: 100%;
     position: relative;
     direction: rtl
 }

 .step-wizard-wrapper .stepwizard .stepwizard-row {
     display: table-row
 }

 .step-wizard-wrapper .stepwizard .stepwizard-row:before {
     top: 16px;
     bottom: 0;
     position: absolute;
     content: " ";
     left: 50px;
     width: 70%;
     height: 1px;
     background-color: #ccc;
     z-order: 0
 }

 .step-wizard-wrapper .stepwizard .stepwizard-row .stepwizard-step {
     display: table-cell;
     text-align: center;
     position: relative;
     width: 21%
 }

 .step-wizard-wrapper .stepwizard .stepwizard-row .stepwizard-step:first-child .step-wrapper {
     margin-right: 50px
 }

 .step-wizard-wrapper .stepwizard .stepwizard-row .stepwizard-step:first-child p {
     margin-right: 13%
 }

 .step-wizard-wrapper .stepwizard .stepwizard-row .stepwizard-step:last-child .step-wrapper {
     margin-left: 28px
 }

 .step-wizard-wrapper .stepwizard .stepwizard-row .stepwizard-step:last-child p {
     margin-left: 0%
 }

 .step-wizard-wrapper .stepwizard .stepwizard-row .stepwizard-step p {
     margin: 10px 22% 0 19%;
     font-size: 11px;
     color: #959595
 }

 .step-wizard-wrapper .stepwizard .stepwizard-row .stepwizard-step .step-wrapper {
     background-color: #FFF;
     margin: 0 35%
 }

 .step-wizard-wrapper .stepwizard .stepwizard-row .stepwizard-step .step-wrapper .btn-circle {
     cursor: pointer;
     display: inline-block;
     margin-bottom: 0;
     vertical-align: middle;
     width: 28px;
     height: 28px;
     text-align: center;
     padding: 6px 0;
     font-size: 12px;
     line-height: 1.428571429;
     border: 2px solid #d0d0d0;
     border-radius: 50%;
     background: #FFF;
     color: #9a9999
 }

 .step-wizard-wrapper .stepwizard .stepwizard-row .done-step p {
     color: #3ab56e
 }

 .step-wizard-wrapper .stepwizard .stepwizard-row .done-step .step-wrapper .btn-circle {
     background-color: #3ab56e;
     border-color: #3ab56e;
     color: #fff
 }

 .step-wizard-wrapper .stepwizard .stepwizard-row .active-step p {
     color: #50B0ff
 }

 .step-wizard-wrapper .stepwizard .stepwizard-row .active-step .step-wrapper {
     color: #50B0ff
 }

 .step-wizard-wrapper .stepwizard .stepwizard-row .active-step .step-wrapper .btn-circle {
     border-color: #50B0ff;
     color: #50B0ff
 }

 .buy-ticket-wrapper,
 .plan-wrapper {
     direction: rtl;
     font-size: 12px;
     padding: 0 15px;
     line-height: 22px;
     overflow: auto;
 }

 .buy-ticket-wrapper .buy-step,
 .plan-wrapper .buy-step {
     margin-bottom: 18px
 }

 .buy-ticket-wrapper .buy-step span,
 .plan-wrapper .buy-step span {
     display: block;
     border: 1px solid #d3565b;
     float: right;
     width: 20px;
     height: 20px;
     border-radius: 50%;
     text-align: center;
     color: #d3565b;
     margin-left: 6px
 }

 .buy-ticket-wrapper ul,
 .plan-wrapper ul {
     padding: 7.5px 15px 7.5px 15px
 }

 .buy-ticket-wrapper ul li,
 .plan-wrapper ul li {
     color: #CB373C;
     font-size: 13px;
     list-style: disc
 }

 .buy-ticket-wrapper .buy-select select {
     padding: 0 4px 0 15px;
     background-color: #FFF
 }

 .buy-ticket-wrapper .buy-wcat {
     margin-bottom: 10px
 }

 .ticket-chooser {
     padding: 5px 5px 0 !important
 }

 .ticket-chooser img {
     border: none;
     height: auto;
     max-width: 100%;
     width: auto
 }

 .popover {
     padding: 5px;
     left: 20px !important
 }

 .popover .arrow {
     left: 20% !important;
     margin-left: -45px !important
 }

 .popover .popover-content {
     direction: rtl;
     font-family: 'iransans';
     font-size: 10px;
     text-align: justify;
     line-height: 20px
 }

 .msg-wrapper {
     padding: 60px 20px 80px 20px;
     text-align: center;
     direction: rtl;
     font-size: 14px
 }

 .msg-wrapper .restart-buy {
     display: block;
     font-size: 12px;
     line-height: 32px;
     padding: 0 18px;
     max-width: 140px;
     background: #3498db;
     color: #FFF;
     margin: 20px auto 10px auto;
     border-radius: 2px
 }

 .msg-wrapper .restart-buy:hover {
     opacity: 0.8
 }

 .profile-wrapper {
     margin-top: 30px;
     min-height: 500px
 }

 @media (max-width: 991px) {
     .profile-wrapper {
         margin-top: 0
     }

     .container.append-alert {
         position: fixed;
         top: 0;
         left: 0;
         right: 0;
         z-index: 99999
     }
 }

 .profile-dropdown {
     border-bottom: 1px solid #dcdcdc;
     height: 80px;
     direction: rtl;
     cursor: pointer
 }

 .profile-dropdown .username-pro {
     height: 50px;
     line-height: 50px;
     padding-right: 0px
 }

 .profile-dropdown .username-pro a {
     color: #3498db;
     font-size: 13px
 }

 .profile-dropdown .profile-img {
     width: 50px;
     height: 50px;
     border: 1px solid #3498db;
     background: url(../img/null-pro.png) no-repeat center
 }

 .panel-nav-profile {
     padding-bottom: 15px
 }

 .img-col {
     padding-right: 0
 }

 .dropdown-pro {
     direction: rtl
 }

 .dropdown-pro>li:last-child {
     border-bottom: 0
 }

 .dropdown-pro>li:last-child:hover a:last-child {
     color: #CB373C
 }

 .dropdown-pro>li {
     border-bottom: 1px solid #dcdcdc;
     font-size: 14px;
     min-height: 50px;
     line-height: 50px
 }

 .dropdown-pro>li a.active-profile {
     color: #3498db !important
 }

 .dropdown-pro>li:hover.accounting-profile-ico a:before {
     background: url(../img/sprite.png~ver=1.png) no-repeat -558px -427px;
     height: 21px
 }

 .dropdown-pro>li:hover.tickets-profile-ico a:before {
     background: url(../img/sprite.png~ver=1.png) no-repeat -528px -427px;
     height: 21px
 }

 .dropdown-pro>li:hover.transactions-profile-ico a:before {
     background: url(../img/sprite.png~ver=1.png) no-repeat -498px -433px;
     height: 15px
 }

 .dropdown-pro>li:hover.favorites-profile-ico a:before {
     background: url(../img/sprite.png~ver=1.png) no-repeat -470px -429px;
     height: 18px
 }

 .dropdown-pro>li:hover.comments-profile-ico a:before {
     background: url(../img/sprite.png~ver=1.png) no-repeat -443px -430px;
     height: 17px
 }

 .dropdown-pro>li:hover.password-profile-ico a:before {
     background: url(../img/sprite.png~ver=1.png) no-repeat -173px -582px;
     width: 16px;
     height: 16px
 }

 .dropdown-pro>li:hover.newsletter-profile-ico a:before {
     background: url(../img/sprite.png~ver=1.png) no-repeat -147px -584px;
     width: 16px;
     height: 12px
 }

 .dropdown-pro>li:hover.signout-profile-ico a:before {
     background: url(../img/sprite.png~ver=1.png) no-repeat -413px -428px;
     height: 17px
 }

 .dropdown-pro>li:hover>a {
     color: #349AE1
 }

 .dropdown-pro>li a:before {
     content: '';
     position: relative;
     display: inline-block;
     top: 5px;
     margin-left: 10px;
     width: 20px;
     -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     -ms-transition: all 0.2s;
     transition: all 0.2s
 }

 .dropdown-pro>li.accounting-profile-ico a:before {
     background: url(../img/sprite.png~ver=1.png) no-repeat -558px -450px;
     height: 21px
 }

 .dropdown-pro>li.tickets-profile-ico a:before {
     background: url(../img/sprite.png~ver=1.png) no-repeat -528px -450px;
     height: 21px
 }

 .dropdown-pro>li.transactions-profile-ico a:before {
     background: url(../img/sprite.png~ver=1.png) no-repeat -498px -456px;
     height: 15px
 }

 .dropdown-pro>li.favorites-profile-ico a:before {
     background: url(../img/sprite.png~ver=1.png) no-repeat -470px -452px;
     height: 18px
 }

 .dropdown-pro>li.comments-profile-ico a:before {
     background: url(../img/sprite.png~ver=1.png) no-repeat -443px -453px;
     height: 17px
 }

 .dropdown-pro>li.password-profile-ico a:before {
     background: url(../img/sprite.png~ver=1.png) no-repeat -173px -603px;
     width: 16px;
     height: 16px
 }

 .dropdown-pro>li.newsletter-profile-ico a:before {
     background: url(../img/sprite.png~ver=1.png) no-repeat -147px -605px;
     width: 16px;
     height: 12px
 }

 .dropdown-pro>li.signout-profile-ico a:before {
     background: url(../img/sprite.png~ver=1.png) no-repeat -413px -453px;
     height: 17px
 }

 .dropdown-pro>li a {
     color: #787878;
     cursor: pointer;
     display: block;
     width: 100%
 }

 .dropdown-pro>li .pro-nav-dd {
     margin-bottom: 10px;
     margin-top: -10px
 }

 .dropdown-pro>li .pro-nav-dd li {
     font-size: 12px;
     list-style: circle;
     min-height: 40px;
     height: 40px;
     border-bottom: none;
     margin-right: 40px;
     color: #787878
 }

 .dropdown-pro>li .pro-nav-dd li:nth-child(n+3):nth-child(-n+4):before {
     content: none
 }

 .dropdown-pro>li .pro-nav-dd li a:before {
     content: none
 }

 .personal-detail .personal-img {
     height: 80px;
     border-radius: 50%
 }

 .personal-detail .personal-img .profile-img-2 {
     margin-top: 5px;
     width: 70px;
     height: 70px;
     border: 1px solid #3498db;
     background: url(../img/null-pro.png) no-repeat center
 }

 .personal-detail .personal-img a {
     padding-right: 10px;
     line-height: 80px;
     color: #3498DB
 }

 .personal-detail .personal-detail-form {
     margin-top: 15px
 }

 .personal-detail .personal-detail-form form input[type="submit"] {
     max-width: 200px
 }

 .profile-ticket tr {
     height: 25px
 }

 .profile-ticket tr td {
     line-height: 25px !important
 }

 .profile-ticket tr td a {
     width: 21px;
     height: 21px;
     margin: 0 10px;
     display: inline-block
 }

 .profile-ticket tr td a span {
     width: 20px;
     height: 20px;
     display: block
 }

 .profile-ticket tr td a:nth-child(1) {
     background: url(../img/sprite.png~ver=1.png) no-repeat -609px -210px
 }

 .profile-ticket tr td a:nth-child(2) {
     background: url(../img/sprite.png~ver=1.png) no-repeat -607px -259px
 }

 .profile-ticket tr td a:nth-child(3) {
     background: url(../img/sprite.png~ver=1.png) no-repeat -607px -303px
 }

 .profile-trans tr td {
     padding: 15px 8px !important
 }

 .profile-trans tr .down {
     color: #cb373c
 }

 .profile-trans tr .down:before {
     content: '';
     width: 20px;
     height: 10px;
     top: 3px;
     left: 10px;
     position: relative;
     display: inline-block;
     background: url(../img/sprite.png~ver=1.png) no-repeat -301px -455px
 }

 .profile-trans tr .up {
     color: #80c239
 }

 .profile-trans tr .up:before {
     content: '';
     width: 20px;
     height: 10px;
     top: 3px;
     left: 10px;
     position: relative;
     display: inline-block;
     background: url(../img/sprite.png~ver=1.png) no-repeat -301px -434px
 }

 .profile-sub-form hr {
     margin-top: 5px;
     margin-bottom: 5px
 }

 .category-title-p p {
     font-size: 12px;
     color: #787878;
     margin: 10px 10px 15px;
     direction: rtl
 }

 .category-title-p p span {
     direction: rtl;
     padding-right: 5px;
     font-size: 10px
 }

 .categories-group {
     direction: rtl
 }

 .categories-group .cat-bnts {
     margin: 0 auto;
     width: 100%;
     text-align: center
 }

 .categories-group figure.cat-items {
     text-align: center;
     display: inline-block;
     cursor: pointer;
     direction: rtl;
     width: 76px;
     height: 90px;
     margin: 0 5px;
     position: relative;
     opacity: .4
 }

 .categories-group figure.cat-items span {
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
     display: block;
     width: 60px;
     height: 60px;
     position: relative;
     background-size: 60px;
     background-position: center;
     margin: 0 auto
 }

 .categories-group figure.cat-items figcaption {
     position: relative;
     bottom: 0;
     height: 30px;
     line-height: 30px;
     width: 100%;
     text-align: center;
     font-size: 12px;
     color: #3c3c3c
 }

 .categories-group figure.active {
     opacity: 1
 }

 .categories-group .all-item span {
     background: url(../img/cat-items/all.png) no-repeat
 }

 .categories-group .cinema-item span {
     background: url(../img/cat-items/cinema.png) no-repeat
 }

 .categories-group .comedy-item span {
     background: url(../img/cat-items/comedy.png) no-repeat
 }

 .categories-group .fun-item span {
     background: url(../img/cat-items/comedy.png) no-repeat
 }

 .categories-group .kid-item span {
     background: url(../img/cat-items/kids.png) no-repeat
 }

 .categories-group .conf-item span {
     background: url(../img/cat-items/conf.png) no-repeat
 }

 .categories-group .conference-item span {
     background: url(../img/cat-items/conf.png) no-repeat
 }

 .categories-group .concert-item span {
     background: url(../img/cat-items/concert.png) no-repeat
 }

 .categories-group .recration-item span {
     background: url(../img/cat-items/recration.png) no-repeat
 }

 .categories-group .sport-item span {
     background: url(../img/cat-items/sport.png) no-repeat
 }

 .categories-group .theater-item span {
     background: url(../img/cat-items/teater.png) no-repeat
 }

 .categories-group .travel-item span {
     background: url(../img/cat-items/travel.png) no-repeat
 }

 .add-cash-p {
     color: #CB373C;
     padding: 10px 0 15px
 }

 .profile-comment {
     cursor: pointer
 }

 .profile-comment .profile-comment-cont {
     margin-bottom: 15px;
     padding: 10px !important;
     border: 1px solid #dcdcdc;
     border-radius: 2px
 }

 .profile-comment .profile-comment-cont:hover {
     border-color: #787878
 }

 .profile-comment .profile-comment-cont span {
     height: 20px;
     line-height: 20px;
     font-size: 11px
 }

 .profile-comment .profile-comment-cont .comment {
     margin-bottom: 10px
 }

 .profile-comment .profile-comment-cont .comment .cm_text {
     width: 100%
 }

 .profile-comment .profile-comment-cont .done-comment {
     color: #2ecc71
 }

 .profile-comment .profile-comment-cont .loading-comment {
     color: #f1c404
 }

 .profile-comment .profile-comment-cont .cancel-comment {
     color: #cb373c
 }

 .profile-comment .profile-comment-cont h3 {
     color: #3c3c3c;
     height: 20px;
     line-height: 20px;
     font-size: 12px
 }

 .profile-comment .profile-comment-cont h4 {
     font-size: 11px;
     color: #787878;
     direction: rtl
 }

 .profile-comment .profile-comment-cont p {
     direction: rtl;
     text-align: justify;
     color: #646464;
     font-size: 12px
 }

 .profile-favorites .remove-btn {
     position: absolute;
     width: 30px;
     height: 30px;
     background: #cb373c;
     border-radius: 50%;
     text-align: center;
     line-height: 29px;
     color: #fff;
     border: 2px solid #fff;
     position: absolute;
     top: 7px;
     right: 25px;
     cursor: pointer
 }

 .profile-favorites img {
     cursor: pointer;
     width: 100%
 }

 .profile-favorites .caption {
     margin-bottom: 15px
 }

 .profile-favorites .caption p {
     text-align: center;
     padding-top: 10px;
     font-size: 12px;
     color: #787878
 }

 .profile-favorites .remove-btn-xs {
     width: 25px;
     height: 25px;
     line-height: 25px;
     text-align: center;
     background: #cb373c;
     border-radius: 50%;
     color: #fff;
     cursor: pointer;
     margin: 5px auto;
     font-size: 16px
 }

 .copon-btn {
     background: #27ae60;
     height: 42px;
     line-height: 42px;
     color: #fff;
     border-radius: 2px;
     font-size: 12px;
     border: 0;
     box-shadow: none
 }

 .coupon-submit-wrapper {
     position: relative
 }

 .coupon-submit-wrapper input[type=" text "] {
     padding-left: 68px
 }

 .submit-coupon {
     position: absolute;
     left: 4px;
     top: 4px;
     height: 34px;
     font-size: 12px;
     background-color: #3498db;
     color: #FFF;
     border: 0;
     padding: 0 20px;
     border-radius: 3px
 }

 .checkbox-pay {
     border: 1px solid #dcdcdc;
     border-radius: 2px;
     direction: rtl;
     height: 42px;
     line-height: 42px;
     color: #787878;
     cursor: pointer
 }

 .payment-form .checkbox-pay {
     font-size: 12px
 }

 .payment-form .checkbox-pay input {
     width: 15px;
     height: 15px;
     padding: 0;
     margin: -29px 0 0 0
 }

 .payment-form .checkbox-pay label {
     padding-right: 25px;
     width: 100%;
     color: #1cbd2f;
     font-size: 10pt
 }

 .payment-form .checkbox-pay label span {
     color: #737373;
     font-size: 9pt
 }

 .pay-message {
     font-size: 10px;
     direction: rtl;
     color: #787878;
     padding-right: 8px;
     line-height: 240%;
     text-align: justify
 }

 .pay-message span {
     border-bottom: 1px solid #D5D5D5;
     font-size: 11px;
     font-weight: bold
 }

 .peyment-bank {
     width: auto
 }

 .peyment-bank .banks-col {
     padding-top: 15px
 }

 .peyment-bank label {
     display: block;
     margin-bottom: 0
 }

 .peyment-bank .banks {
     cursor: pointer;
     border: 1px dotted gray;
     border-radius: 10px;
     height: 42px
 }

 .peyment-bank .banks input {
     width: 18px;
     height: 18px;
     cursor: pointer;
     position: absolute;
     top: 7px;
     right: 13px
 }

 .gateway-logo {
     width: 30px;
     height: 30px
 }

 .peyment-bank .bank-saman:before {
     position: absolute;
     content: '';
     left: 0;
     top: 0;
     width: 42px;
     height: 42px;
     background-position: center top;
     background-size: cover
 }

 .peyment-bank .banks {
     padding-right: 42px;
     position: relative;
     line-height: 40px;
     text-align: right
 }

 .peyment-bank .bank-parsian:before {
     position: absolute;
     content: '';
     left: 0;
     top: 0;
     width: 42px;
     height: 42px;
     background-position: center top;
     background-size: cover
 }

 .peyment-bank .payment-btn-2 {
     margin-top: 15px;
     width: 33%
 }

 .peyment-bank .error-message {
     text-align: center;
     font-size: 12px;
     color: #585858
 }

 .banks-logo {
     margin-top: 15px
 }

 .banks-logo p {
     direction: rtl;
     font-size: 12px;
     color: #787878;
     padding: 15px
 }

 .banks-logo .Blogo>li:nth-child(n+1) {
     width: 25px;
     height: 27px;
     display: inline-block;
     margin: 15px 3px 0
 }

 .banks-logo .Blogo>li:nth-child(2) {
     background: url(../img/sprite2.png) no-repeat -13px -109px;
     height: 25px
 }

 .banks-logo .Blogo li:nth-child(1) {
     background: url(../img/sprite2.png) no-repeat -110px -111px
 }

 .banks-logo .Blogo li:nth-child(2) {
     background: url(../img/sprite2.png) no-repeat -160px -111px
 }

 .banks-logo .Blogo li:nth-child(3) {
     background: url(../img/sprite2.png) no-repeat -60px -111px
 }

 .banks-logo .Blogo li:nth-child(4) {
     background: url(../img/sprite2.png) no-repeat -206px -109px
 }

 .banks-logo .Blogo li:nth-child(5) {
     background: url(../img/sprite2.png) no-repeat -252px -110px
 }

 .banks-logo .Blogo li:nth-child(6) {
     background: url(../img/sprite2.png) no-repeat -300px -110px
 }

 .banks-logo .Blogo li:nth-child(7) {
     background: url(../img/sprite2.png) no-repeat -348px -109px
 }

 .banks-logo .Blogo li:nth-child(8) {
     background: url(../img/sprite2.png) no-repeat -394px -105px
 }

 .banks-logo .Blogo li:nth-child(9) {
     background: url(../img/sprite2.png) no-repeat -443px -106px
 }

 .banks-logo .Blogo li:nth-child(10) {
     background: url(../img/sprite2.png) no-repeat -492px -107px
 }

 .banks-logo .Blogo li:nth-child(11) {
     background: url(../img/sprite2.png) no-repeat -540px -108px
 }

 .banks-logo .Blogo li:nth-child(12) {
     background: url(../img/sprite2.png) no-repeat -591px -109px
 }

 .banks-logo .Blogo li:nth-child(13) {
     background: url(../img/sprite2.png) no-repeat -638px -107px
 }

 .banks-logo .Blogo li:nth-child(14) {
     background: url(../img/sprite2.png) no-repeat -12px -157px
 }

 .banks-logo .Blogo li:nth-child(15) {
     background: url(../img/sprite2.png) no-repeat -59px -156px
 }

 .banks-logo .Blogo li:nth-child(16) {
     background: url(../img/sprite2.png) no-repeat -107px -156px
 }

 .banks-logo .Blogo li:nth-child(17) {
     background: url(../img/sprite2.png) no-repeat -155px -155px
 }

 .banks-logo .Blogo li:nth-child(18) {
     background: url(../img/sprite2.png) no-repeat -208px -153px
 }

 .banks-logo .Blogo li:nth-child(19) {
     background: url(../img/sprite2.png) no-repeat -251px -155px
 }

 .banks-logo .Blogo li:nth-child(20) {
     background: url(../img/sprite2.png) no-repeat -303px -154px
 }

 .banks-logo .Blogo li:nth-child(21) {
     background: url(../img/sprite2.png) no-repeat -349px -155px
 }

 .banks-logo .Blogo li:nth-child(22) {
     background: url(../img/sprite2.png) no-repeat -395px -156px
 }

 .paywcharge-btn {
     margin-bottom: 20px;
     margin-top: 18px
 }

 p.require-message {
     direction: rtl;
     padding: 0 15px 10px 0;
     color: #CB373C;
     font-size: 10px;
     display: none
 }

 p.require-message-active {
     display: block
 }

 .relative {
     position: relative
 }

 .loading {
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.6);
     opacity: 1;
     overflow: hidden;
     position: absolute;
     top: 0px;
     left: 0px;
     z-index: 10
 }

 .loading .loading-content {
     position: absolute;
     margin: auto;
     width: 150px;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     height: 86px
 }

 .loading .loading-content img {
     margin: 0 auto
 }

 .loading .loading-content p {
     margin: 0 auto;
     font-size: 12px;
     width: 150px;
     height: 20px;
     margin-bottom: 3px;
     color: #fff
 }

 .loading .loading-content .spinner {
     width: 150px;
     text-align: center;
     z-index: 99999;
     top: 50px;
     position: absolute;
     margin: -5px auto
 }

 .loading .loading-content .spinner div {
     width: 14px;
     height: 14px;
     background-color: #fff;
     border-radius: 100%;
     display: inline-block;
     -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
     animation: bouncedelay 1.4s infinite ease-in-out;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     z-index: 99999
 }

 .loading .loading-content .spinner .bounce1 {
     -webkit-animation-delay: -0.32s;
     animation-delay: -0.32s;
     z-index: 99999;
     margin-right: 3px
 }

 .loading .loading-content .spinner .bounce2 {
     -webkit-animation-delay: -0.16s;
     animation-delay: -0.16s;
     margin-right: 3px
 }

 @-webkit-keyframes "bouncedelay" {

     0%,
     80%,
     100% {
         -webkit-transform: scale(0);
     }

     40% {
         -webkit-transform: scale(1);
     }
 }

 @keyframes "bouncedelay" {

     0%,
     80%,
     100% {
         transform: scale(0);
         -webkit-transform: scale(0);
     }

     40% {
         transform: scale(1);
         -webkit-transform: scale(1);
     }
 }

 .comment-action {
     position: absolute;
     width: 100%;
     top: 100px;
     right: 0;
     padding: 30px;
     z-index: 2
 }

 .comment-action .reply-inner {
     position: relative
 }

 .comment-action .reply-inner .close-reply {
     position: absolute;
     top: -18px;
     right: -18px;
     width: 36px;
     height: 36px;
     cursor: pointer;
     background-image: url(../img/fancybox_sprite.png)
 }

 .reply-wrapper,
 .edit-wrapper {
     display: none;
     opacity: 0;
     transition: all 500ms
 }

 .reply-wrapper.visible,
 .edit-wrapper.visible {
     display: block;
     opacity: 1
 }

 .comment-wrapper {
     opacity: 1;
     transition: all 600ms
 }

 .comment-wrapper.inactive {
     opacity: 0.1
 }

 .commentsec {
     position: relative
 }

 .comment-wrapper .comment .error-message {
     text-align: center;
     font-size: 11px
 }

 .backartist {
     background-color: #fff
 }

 .artist {
     text-align: right;
     margin: 30px 0;
     background-color: #fff;
     overflow: hidden
 }

 .artist .panel-heading {
     position: relative
 }

 .artist .panel-heading:before {
     content: " ";
     width: 25px;
     height: 21px;
     position: absolute;
     right: -2px;
     top: 9px;
     background: url(../img/questionmark.png) no-repeat
 }

 .artist .panel-heading h3 {
     padding-right: 20px
 }

 .artist a.thumbnail {
     border: none;
     padding: 0px;
     height: 250px;
     text-align: center
 }

 .artist a.thumbnail .img-thumbnail {
     padding: 7px;
     border: 2px solid #DDD;
     width: 80px%;
     font-size: 10px
 }

 .artist a.thumbnail .dropshadow {
     position: relative;
     width: 80px;
     margin: 0 auto
 }

 .artist a.thumbnail .dropshadow .shadow {
     opacity: 0;
     position: absolute;
     width: 90%;
     height: 90%;
     top: 9px;
     left: 9px;
     background-color: rgba(0, 0, 0, 0.6);
     border-radius: 50%;
     transition: .5s all;
     -webkit-transition: .5s all;
     -moz-transition: .5s all
 }

 .artist a.thumbnail .dropshadow .shadow .search-ico {
     position: absolute;
     left: 40%;
     top: 40%;
     background: url(../img/searchico.png);
     background-size: 29px 29px;
     width: 29px;
     height: 29px;
     opacity: 1
 }

 .artist a.thumbnail .caption {
     line-height: 30px;
     padding: 9px 9px 0 !important
 }

 .artist a.thumbnail .caption h3 {
     font-size: 12px;
     text-align: center;
     color: #4d4d4f;
     transition: .2s all;
     -webkit-transition: .2s all;
     -moz-transition: .2s all
 }

 .artist a.thumbnail .caption p {
     font-size: 10px;
     text-align: center;
     color: #959595;
     line-height: 17px;
     padding-top: 6px
 }

 .artist a.thumbnail:hover h3 {
     color: #cb373c
 }

 .artist a.thumbnail:hover .shadow {
     opacity: 1
 }

 .artist a.thumbnail:hover .img-thumbnail {
     border: 2px solid #B8B8B8
 }

 .artist .rtl {
     float: right
 }

 .sub-nav {
     min-height: 80px;
     box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
     margin: 0px 0 0;
     background-color: #fff
 }

 .sub-artist-menu ul {
     float: left
 }

 .sub-artist-menu ul li {
     float: right
 }

 .sub-artist-menu ul li a {
     color: #626262;
     padding: 30px 15px;
     display: block
 }

 .sub-artist-menu ul li:hover a {
     color: #cb373c
 }

 .auto-search {
     float: right;
     margin: 19px 0;
     width: 100%;
     direction: rtl;
     position: relative
 }

 .auto-search form input {
     width: 100%;
     height: 40px;
     line-height: 40px;
     padding-right: 20px;
     border: 1px solid #d3d3d3;
     border-radius: 2px;
     color: #5A5757;
     font-size: 12px
 }

 .auto-search form input::-moz-placeholder {
     color: #878787
 }

 .auto-search form input::-webkit-input-placeholder {
     color: #878787
 }

 .auto-search form .search-btn {
     display: block;
     position: absolute;
     left: 0;
     font-size: 12px;
     top: 0;
     line-height: 32px;
     padding: 0 18px;
     margin: 4px;
     border-radius: 2px;
     height: 32px;
     width: 80px;
     line-height: 20px;
     background: rgb(255, 0, 0, 0.16);
     color: #D90429;
     border: none;
 }

 .auto-com {
     min-height: 150px;
     height: auto;
     position: absolute;
     top: 50px;
     border: 1px solid #d3d3d3;
     padding: 0 5px;
     z-index: 1;
     background: #fff;
     border-radius: 2px
 }

 .auto-com ul li {
     border-bottom: 1px solid #D3D3D3
 }

 .auto-com ul li a {
     padding: 15px 20px;
     color: #5A5757;
     font-size: 12px;
     display: block
 }

 .auto-com ul li a:hover {
     color: #cb373c
 }

 .pagination li,
 .pagination-sm li {
     float: right
 }

 .pagination li:first-child a,
 .pagination-sm li:first-child a {
     border-top-left-radius: 0px;
     border-bottom-left-radius: 0px;
     margin-left: -1px
 }

 .pagination li:first-child a span,
 .pagination-sm li:first-child a span {
     border-top-left-radius: 0px;
     border-bottom-left-radius: 0px
 }

 .pagination li a,
 .pagination-sm li a {
     border-top-left-radius: none;
     color: #4D4D4F
 }

 .pagination li a:hover,
 .pagination-sm li a:hover {
     background-color: #cb373c;
     color: #fff
 }

 .pagination .active a,
 .pagination-sm .active a {
     border-color: initial;
     background-color: #cb373c;
     z-index: 0
 }

 .pagination .active a:hover,
 .pagination .active a:focus,
 .pagination-sm .active a:hover,
 .pagination-sm .active a:focus {
     background-color: #cb373c;
     border-color: initial
 }

 .about {
     overflow: hidden
 }

 .about .aboutsec {
     overflow: hidden;
     border-bottom: 1px solid #e1e1e1
 }

 .about .aboutsec:last-child {
     border-bottom-width: 0
 }

 .about .about_content {
     height: 256px;
     display: flex;
     justify-content: center;
     flex-direction: column
 }

 .about .icons_content {
     height: 326px;
     display: flex;
     justify-content: center;
     flex-direction: column
 }

 .about .about_seats {
     height: 512px
 }

 .about .about_seats .green {
     color: #46b749
 }

 .about .about_seats .red {
     color: #990000
 }

 .about .about_seats .blue {
     color: #1e7ee9
 }

 .about .about_seats .yellow {
     color: #f6bc1e
 }

 .about .logo_about img {
     width: 72%;
     margin: 0 auto
 }

 .about .netbarg_about img {
     width: 61%;
     margin: 0 auto
 }

 .about .icons_about img {
     width: 64%;
     margin: 0 auto
 }

 .about .sans_about img {
     width: 40%;
     margin: 0 auto
 }

 .about .single_heading p {
     margin-right: 0
 }

 .about .single_heading h2 {
     font-size: 14px
 }

 .About_contact a {
     background: #2ecc71;
     border: 1px solid #27ae60;
     color: #fff;
     text-align: center;
     font-size: 14px;
     clear: both;
     padding: 0;
     height: 42px;
     line-height: 42px;
     border-radius: 2px;
     margin: 15px 20px 0
 }

 .About_contact a:hover {
     background: #27ae60
 }

 .pay_help .single_heading h4 {
     color: #cb373c;
     text-align: right;
     direction: rtl;
     padding-bottom: 20px;
     font-size: 14px
 }

 .pay_help .single_heading span.count {
     display: inline-block;
     width: 28px;
     height: 28px;
     background: #bf3438;
     color: #fff;
     text-align: center;
     border-radius: 50%;
     line-height: 32px;
     margin-left: 10px
 }

 .pay_help .img_pay {
     width: 65%;
     margin: 0 auto;
     position: relative
 }

 .pay_help .img_pay .img_pay_links {
     float: right;
     position: absolute;
     right: 34px;
     top: 45px
 }

 .pay_help .img_pay .img_pay_links a {
     display: block;
     width: 28px;
     height: 28px;
     background: #bf3438;
     color: #fff;
     text-align: center;
     border-radius: 50%;
     margin: 18px 0;
     line-height: 33px
 }

 .pay_help .img_pay .img_buy_links {
     float: right;
     position: absolute
 }

 .pay_help .img_pay .img_buy_links a {
     display: block;
     width: 28px;
     height: 28px;
     text-align: center;
     border-radius: 50%;
     line-height: 33px;
     position: absolute
 }

 .pay_help .img_pay .img_buy_links a:nth-of-type(1) {
     left: 179px;
     top: 200px
 }

 .pay_help .img_pay .img_buy_links a:nth-of-type(2) {
     left: 193px;
     top: 88px
 }

 .pay_help .img_pay .img_buy_links a:nth-of-type(3) {
     left: 261px;
     top: 0px
 }

 .pay_help .img_pay .img_buy_links a:nth-of-type(4) {
     left: 457px;
     top: 1px
 }

 .pay_help .img_pay .img_buy_links a:nth-of-type(5) {
     left: 533px;
     top: 89px
 }

 .pay_help .img_pay .img_buy_links a:nth-of-type(6) {
     left: 546px;
     top: 200px
 }

 .pay_help .paypage {
     padding: 60px 0
 }

 .pay_help .paypage img {
     display: block;
     margin: 0 auto
 }

 .pay_help .paypage p {
     text-align: center;
     direction: rtl;
     padding: 20px 0;
     line-height: 22px
 }

 .pay_help .buypage {
     padding: 60px 0
 }

 .pay_help .buypage img {
     display: block;
     margin: 0 auto
 }

 .news_album {
     overflow: hidden;
     margin: 30px auto
 }

 .news_album .panel {
     padding: 10px
 }

 .news_album ul li img {
     display: block;
     margin: 12px auto;
     width: 95%;

 }

 .news_album ul li a {
     text-align: center;
     direction: rtl;
     color: #cb373c;
     margin: 0 12px;
     display: block
 }

 .news_album ul li a:hover {
     color: #bf050c
 }

 .news_album ul li a h2 {
     font-size: 13px;
     line-height: 22px;
     height: 25px;
     margin-bottom: 6px;
     overflow: hidden
 }

 .news_album ul li .news-excerpt {
     margin: 0 12px;
     height: 120px;
     overflow: hidden
 }

 .news_album ul li .news-excerpt p {
     text-align: justify;
     direction: rtl;
     font-size: 11px;
     color: #4d4d4f;
     line-height: 22px
 }

 .news_album ul li .more_news {
     overflow: hidden;
     border-top: 1px solid #e1e1e1;
     margin-top: 10px;
     padding-top: 10px;
     white-space: nowrap
 }

 .news_album ul li .more_news span {
     font-size: 12px;
     text-align: right;
     direction: rtl;
     padding-right: 10px;
     padding-top: 4px;
     color: #787878
 }

 .news_album ul li .more_news a {
     font-size: 12px;
     color: #cb373c
 }

 .news_album ul li .more_news a:before {
     float: left !important;
     width: 9px !important;
     height: 9px !important;
     content: '';
     background: url(../img/sprite.png~ver=1.png) no-repeat -148px -2px !important;
     margin-top: 6px;
     margin-right: 8px
 }

 .news_single {
     overflow: hidden
 }

 .news_single .panel {
     padding: 0 5px 10px;
     overflow: hidden
 }

 .news_single img {
     display: block;
     width: 58%;
     margin: 20px auto
 }

 .news_single .news_details {
     margin: 20px 3%
 }

 .news_single .news_details>a {
     text-align: justify;
     direction: rtl;
     font-size: 16px;
     color: #cb373c;
     line-height: 22px;
     margin: 30px 0 10px;
     display: block
 }

 .news_single .news_details>a:hover {
     color: #bf050c
 }

 .news_single .news_details>h1 {
     text-align: justify;
     direction: rtl;
     font-size: 16px;
     color: #cb373c;
     line-height: 22px;
     margin: 20px 0;
     display: block
 }

 .news_single .news_details>p {
     text-align: justify;
     direction: rtl;
     font-size: 11px;
     color: #4d4d4f;
     line-height: 22px;
     margin-top: 10px;
     margin: 0
 }

 .news_single .news_details .more_news {
     overflow: hidden;
     border-top: 1px solid #e1e1e1;
     margin-top: 10px;
     padding-top: 10px;
     white-space: nowrap
 }

 .news_single .news_details .more_news span {
     font-size: 12px;
     text-align: right;
     direction: rtl;
     padding-right: 10px;
     padding-top: 12px;
     color: #787878
 }

 .news_single .news_details .more_news .social-sub {
     float: left;
     padding: 1px !important
 }

 .news_single .news_main {
     overflow: hidden;
     text-align: right;
     padding: 0 3%
 }

 .news_single .news_main h1,
 .news_single .news_main h2,
 .news_single .news_main h3,
 .news_single .news_main h4,
 .news_single .news_main h5,
 .news_single .news_main h6 {
     color: #CB373C;
     padding-bottom: 12px;
     line-height: 26px
 }

 .news_single .news_main h4,
 .news_single .news_main h5,
 .news_single .news_main h6 {
     font-size: 13px
 }

 .news_single .news_main h3 {
     font-size: 14px
 }

 .news_single .news_main h2 {
     font-size: 16px
 }

 .news_single .news_main h1 {
     font-size: 18px
 }

 .news_single .news_main a {
     color: #4d4d4f
 }

 .news_single .news_main p {
     color: #4d4d4f;
     font-size: 12px;
     line-height: 26px;
     direction: rtl
 }

 .news_source {
     float: left;
     margin: 15px 0 30px
 }

 .news_source span {
     float: right;
     height: 32px;
     line-height: 32px;
     font-size: 12px;
     padding: 0 15px;
     border-radius: 2px
 }

 .news_source span.sTitle {
     color: #fff;
     background: #cb373c;
     border-radius: 0 2px 2px 0
 }

 .news_source span.sName {
     color: #5a5a5a;
     background: #f0f0f0
 }

 .gallery_albums {
     overflow: hidden;
     margin: 30px auto
 }

 .gallery_albums .panel {
     padding: 0;
     overflow: hidden;
     height: 266px
 }

 .gallery_albums .details {
     width: 67%;
     position: relative;
     height: 100%
 }

 .gallery_albums .gallery_thumb {
     float: right;
     width: 100%;
     padding-right: 5px;
     height: 100%
 }

 .gallery_albums .gallery_thumb a {
     width: 82px;
     height: 82px;
     float: right;
     margin: 4px;
     position: relative
 }

 .gallery_albums .gallery_thumb a .gallery-hover {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     margin-left: auto;
     margin-right: auto;
     background: url(../img/gallery-hover.png) no-repeat center center rgba(0, 0, 0, 0.64);
     width: 100%;
     height: 100%;
     visibility: hidden;
     opacity: 0;
     transition: visibility 0s linear 0.2s, opacity 0.2s linear
 }

 .gallery_albums .gallery_thumb a:hover .gallery-hover {
     visibility: visible;
     opacity: 1;
     transition-delay: 0s
 }

 .gallery_albums .gallery_thumb a img {
     width: 100%;
     height: 100%;
     margin: 0
 }

 .gallery_albums ul li .cover {
     margin: 12px 12px 0 0
 }

 .gallery_albums ul li img {
     width: 170px;
     height: 240px
 }

 .gallery_albums ul li a.title {
     text-align: justify;
     direction: rtl;
     font-size: 14px;
     color: #cb373c;
     line-height: 22px;
     margin: 10px 12px;
     float: right;
     max-width: 346px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
 }

 .gallery_albums ul li:hover {
     color: #bf050c
 }

 .gallery_albums ul span {
     font-size: 12px;
     text-align: right;
     direction: rtl;
     padding-right: 10px;
     padding-top: 4px;
     color: #787878
 }

 .gallery_albums ul .more_news {
     overflow: hidden;
     padding: 6px;
     width: 100%;
     position: absolute;
     white-space: nowrap;
     bottom: 0;
     left: 0
 }

 .gallery_albums ul .more_news a {
     font-size: 12px;
     color: #cb373c;
     display: block;
     margin: 3px 5px
 }

 .gallery_albums ul .more_news a:before {
     float: left !important;
     width: 9px !important;
     height: 9px !important;
     content: '';
     background: url(../img/sprite.png~ver=1.png) no-repeat -148px -2px !important;
     margin-top: 4px;
     margin-right: 8px
 }

 #fancybox-thumbs ul li {
     opacity: 1 !important;
     padding: 8px 4px !important
 }

 #fancybox-thumbs ul li.active {
     border-width: 0px !important
 }

 #fancybox-thumbs ul li:hover {
     opacity: .8 !important
 }

 #fancybox-thumbs.bottom {
     background: #fff
 }

 .teaser {
     overflow: hidden;
     margin: 30px
 }

 .teaser .panel {
     padding: 0 5px 0;
     overflow: hidden
 }

 .teaser .place {
     margin: 10px 5px 15px;
     color: #a0a0a0
 }

 .teaser .place:before {
     content: '';
     width: 10px;
     height: 16px;
     background: url(../img/sprite.png~ver=1.png) no-repeat -14px -508px !important;
     float: right;
     margin-left: 5px
 }

 .teaser figure {
     position: relative
 }

 .teaser h2.title {
     text-align: right;
     direction: rtl;
     font-size: 12px;
     color: #3c3c3c;
     line-height: 20px;
     margin: 0px 8px;
     display: block;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     transition: all 0.3s;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
 }

 .teaser p {
     font-size: 10px;
     margin: 2px 8px 15px;
     direction: rtl;
     text-align: right;
     color: #787878;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
 }

 .teaser img {
     width: 95%;
     display: block;
     margin: 12px auto
 }

 .teaser .cliphover {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     margin-left: auto;
     margin-right: auto;
     background: url(../img/cliphoverico.png) no-repeat center center rgba(0, 0, 0, 0.1);
     width: 95%;
     height: 100%;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     transition: all 0.3s
 }

 .teaser a:hover h2.title {
     color: #bf050c
 }

 .teaser a:hover .cliphover {
     background-color: rgba(0, 0, 0, 0.5)
 }

 .cursor {
     cursor: text
 }

 .place_single h1 {
     color: #cb373c
 }

 .place_single .other-option {
     width: 100%;
     border-top: 0
 }

 .place_single .cc-phone {
     font-size: 13px;
     margin-top: 6px
 }

 .place_single .cc-phone:before {
     top: 5px;
     left: 12px
 }

 .alert-noEvent {
     background-color: #cb373c;
     border-color: #CB373C;
     border-radius: 2px;
     font-size: 14px;
     color: #fff;
     margin-top: 25px
 }

 .noEventNews input {
     height: 50px !important;
     line-height: 50px !important
 }

 .noEventNews .newslettericon {
     top: 18px
 }

 .noEventNews button {
     height: 40px;
     margin: 5px
 }

 .faq-wrapper h3 {
     height: auto
 }

 .faq-wrapper h3.faq-q {
     padding-right: 14px;
     width: 100%
 }

 .faq-a-wrapper {
     padding: 16px 22px
 }

 .faq-a-wrapper p.faq-a {
     padding: 0;
     margin: 0;
     direction: rtl;
     text-align: justify;
     width: 100%
 }

 .background-gradient {
     min-height: 502px;
     background: #3f444a;
     background: -moz-linear-gradient(top, #3f444a 0%, #757270 51%, #3f444a 100%);
     background: -webkit-linear-gradient(top, #3f444a 0%, #757270 51%, #3f444a 100%);
     background: linear-gradient(to bottom, #3f444a 0%, #757270 51%, #3f444a 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f444a', endColorstr='#3f444a', GradientType=0)
 }

 .artist-profile {
     text-align: center
 }

 .artist-profile .thumbnail {
     border: none;
     padding: 0px;
     background-color: transparent;
     margin: 30px auto;
     max-width: 300px
 }

 .artist-profile .thumbnail .img-thumbnail {
     padding: 14px;
     background-color: #fff;
     border: 0;
     width: 100%;
     min-width: 210px;
     min-height: 210px
 }

 .artist-profile .thumbnail .caption {
     padding: 20px 0
 }

 .artist-profile .thumbnail .caption h3,
 .artist-profile .thumbnail .caption .h3 {
     font-size: 18px;
     line-height: 30px;
     padding-bottom: 6px;
     text-align: center;
     color: #fff;
     transition: .2s all;
     -webkit-transition: .2s all;
     -moz-transition: .2s all
 }

 .panel-title.h1 {
     margin-top: 7px
 }

 .artist-profile .thumbnail .caption p {
     font-size: 13px;
     line-height: 24px;
     text-align: center;
     color: #c3c1c1
 }

 .artist-info {
     margin: 30px auto
 }

 .artist-info .bio-wrapper {
     color: #4d4d4f;
     font-size: 12px;
     line-height: 26px;
     direction: rtl;
     text-align: justify
 }

 .artist-info .bio-wrapper h1,
 .artist-info .bio-wrapper h2,
 .artist-info .bio-wrapper h3,
 .artist-info .bio-wrapper h4,
 .artist-info .bio-wrapper h5,
 .artist-info .bio-wrapper h6 {
     color: #CB373C;
     padding-bottom: 12px;
     line-height: 26px
 }

 .artist-info .bio-wrapper h4,
 .artist-info .bio-wrapper h5,
 .artist-info .bio-wrapper h6 {
     font-size: 13px
 }

 .artist-info .bio-wrapper h3 {
     font-size: 14px
 }

 .artist-info .bio-wrapper h2 {
     font-size: 16px
 }

 .artist-info .bio-wrapper h1 {
     font-size: 18px
 }

 .artist-info .bio-wrapper a {
     color: #4d4d4f
 }

 .artist-info div:nth-child(2) .panel-heading h1.panel-title {
     margin-top: 7px
 }

 .artist-info div:nth-child(2) .panel-heading .headingicon {
     margin-top: 4px
 }

 .follow-btn {
     float: left;
     font-family: "iransans", tahoma;
     direction: rtl;
     font-size: 12px;
     line-height: 46px
 }

 .follow-btn a {
     display: inline;
     position: relative;
     cursor: pointer;
     font-size: 12px;
     color: #a0a0a0;
     direction: rtl;
     line-height: 45px;
     margin-left: 5px;
     position: relative;
     padding-right: 18px;
     margin-right: 8px;
     white-space: nowrap
 }

 .follow-btn a:before {
     position: absolute;
     content: '';
     background-image: url(../img/sprite.png~ver=1.png);
     background-repeat: no-repeat;
     width: 44px;
     height: 44px;
     position: absolute;
     right: 2px;
     top: 10px;
     background-position: -318px -550px;
     width: 10px;
     height: 3px
 }

 .follow-btn a.unfollow:before {
     background-position: -295px -546px;
     width: 14px;
     height: 13px;
     top: 4px;
     right: 0
 }

 .follow-btn span {
     color: #a0a0a0
 }

 .follow-btn .follower-num {
     margin-left: 2px
 }

 .back-to-cat-wrapper {
     text-align: right;
     direction: rtl
 }

 img.fancybox-child {
     cursor: pointer
 }

 .back-to-btn {
     position: relative;
     display: block;
     cursor: pointer;
     text-align: right;
     color: #FFF;
     opacity: 0.7;
     padding-right: 32px;
     line-height: 32px;
     font-size: 12px;
     padding-bottom: 8px;
     max-width: 200px
 }

 .back-to-btn:hover {
     color: #FFF;
     opacity: 1
 }

 .back-to-btn:before {
     content: '';
     background: url(../img/sprite.png~ver=1.png) no-repeat;
     position: absolute;
     top: 3px;
     right: 0;
     background-position: -444px -537px;
     width: 24px;
     height: 24px
 }

 .back-to-btn:visited {
     color: #fff
 }

 .back-to-news a {
     color: #000;
     opacity: 0.6
 }

 .back-to-news a:hover {
     color: #000;
     opacity: 1
 }

 .back-to-news a:before {
     background-position: -444px -588px;
     opacity: 0.7
 }

 .back-to-news a:visited {
     color: #000
 }

 ul.social-artist {
     direction: ltr;
     text-align: center
 }

 ul.social-artist li {
     display: inline-block;
     margin-right: 10px
 }

 ul.social-artist li.facebook a {
     background: #47639e;
     color: #FFF !important;
     border: #182134
 }

 ul.social-artist li.twitter a {
     background: #55acee;
     color: #FFF;
     border: #0f5f9b
 }

 ul.social-artist li.instagram a {
     background: #447299;
     color: #FFF;
     border: #15232f
 }

 ul.social-artist li i {
     width: 16px;
     height: 16px;
     font-size: 0;
     line-height: 0;
     overflow: hidden;
     text-indent: -999em
 }

 ul.social-artist li.wikipedia i {
     background: url(../img/artist-wikipedia.png) 0 0 no-repeat
 }

 ul.social-artist li.facebook i {
     background: url(../img/artist-facebook.png) 0 0 no-repeat
 }

 ul.social-artist li.twitter i {
     background: url(../img/artist-twiiter.png) 0 0 no-repeat
 }

 ul.social-artist li.instagram i {
     background: url(../img/artist-instagram.png) 0 0 no-repeat
 }

 ul.social-artist a {
     border: 1px solid #BEBEBE;
     padding: 10px 10px 6px 10px;
     border-radius: 3px;
     color: #555
 }

 ul.social-artist a i {
     display: inline-block;
     margin-right: 6px;
     vertical-align: text-top;
     font-size: 14px
 }

 ul.social-artist a:hover {
     border-color: #9e9e9e;
     color: #111;
     box-shadow: 0 1px 2px #e6e6e6
 }

 .loading-new {
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.6);
     opacity: 1;
     overflow: hidden;
     position: absolute;
     top: 0px;
     left: 0px;
     z-index: 10
 }

 .loading-new .loading-content {
     position: absolute;
     margin: auto;
     width: 150px;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     height: 110px
 }

 .loading-new p {
     margin: 2px auto;
     font-size: 11px;
     width: 150px;
     height: 20px;
     color: #fff;
     white-space: nowrap;
     text-align: center
 }

 .spinner {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     padding: 5%
 }

 .loader {
     position: relative;
     margin: 0px auto;
     width: 100px;
     background: url(../img/tik8-newloader.png) no-repeat center
 }

 .loader:before {
     content: '';
     display: block;
     padding-top: 100%
 }

 .circular {
     -webkit-animation: rotate 2s linear infinite;
     animation: rotate 2s linear infinite;
     height: 100%;
     -webkit-transform-origin: center center;
     -ms-transform-origin: center center;
     transform-origin: center center;
     width: 100%;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto
 }

 .path {
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
     -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
     animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
     stroke-linecap: round
 }

 @-webkit-keyframes " rotate " {
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }

 @keyframes " rotate " {
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }

 @-webkit-keyframes " dash " {
     0% {
         stroke-dasharray: 1, 200;
         stroke-dashoffset: 0;
     }

     50% {
         stroke-dasharray: 89, 200;
         stroke-dashoffset: -35;
     }

     100% {
         stroke-dasharray: 89, 200;
         stroke-dashoffset: -124;
     }
 }

 @keyframes " dash " {
     0% {
         stroke-dasharray: 1, 200;
         stroke-dashoffset: 0;
     }

     50% {
         stroke-dasharray: 89, 200;
         stroke-dashoffset: -35;
     }

     100% {
         stroke-dasharray: 89, 200;
         stroke-dashoffset: -124;
     }
 }

 @-webkit-keyframes " color " {

     100%,
     0% {
         stroke: #d62d20;
     }

     40% {
         stroke: #0057e7;
     }

     66% {
         stroke: #008744;
     }

     80%,
     90% {
         stroke: #ffa700;
     }
 }

 @keyframes " color " {

     100%,
     0% {
         stroke: #d62d20;
     }

     40% {
         stroke: #0057e7;
     }

     66% {
         stroke: #008744;
     }

     80%,
     90% {
         stroke: #ffa700;
     }
 }

 .ngdialog {
     z-index: 100 !important
 }

 .ngdialog.ngdialog-theme-default .ngdialog-content {
     margin: 0 50px !important;
     overflow: hidden !important
 }

 .ngdialog.ngdialog-theme-default {
     padding-bottom: 160px;
     padding-top: 130px !important
 }

 .hall-wrap {
     direction: rtl;
     font-size: 10px;
     line-height: 2.25;
     min-width: auto !important
 }

 .hall-header-wrapper {
     font-family: iransans;
     direction: rtl;
     text-align: right;
     max-width: 1050px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.15);
     padding-bottom: 20px;
     padding-top: 10px
 }

 .hall-header-wrapper .header-hall {
     border: 0 !important
 }

 .hall-header-wrapper>.row {
     max-width: 800px;
     margin: 0 auto
 }

 .hall-header-wrapper>.header-hall {
     max-width: 800px;
     margin: 0 auto;
     padding: 0 14px
 }

 .hall-header-poster {
     text-align: center;
     margin-bottom: 16px
 }

 .hall-header-poster img {
     width: 110px;
     height: 157px
 }

 .hall-scene-wrapper {
     text-align: center
 }

 .hall-scene-wrapper .scene-img {
     background-image: url(../img/scene-img.png);
     height: 42px;
     background-repeat: no-repeat;
     background-position: center;
     text-align: center;
     margin-bottom: 6px
 }

 .hall-event-info {
     color: #000;
     font-size: 14px;
     line-height: 32px;
     /*padding-left: 178px*/
 }

 .hall-event-info .hall-details {
     padding-top: 4px
 }

 .hall-event-info .hall-info {
     font-size: 14px;
     position: relative;
     padding-left: 8px;
     color: #000000;
     display: inline-block
 }

 .hall-event-info .hall-info.hall-event-seat {
     color: #2363c3
 }

 .hall-event-info .hall-info:after {
     content: '';
     width: 0;
     height: 18px;
     position: absolute;
     left: 0px;
     top: 6px;
     background: #D0D0D0
 }

 .hall-event-info .hall-info:last-child:after {
     width: 0
 }

 .hall-event-info h2.hall-event-title {
     font-size: 16px;
     line-height: 28px;
     color: #cb373c
 }

 .hall-event-info .hall-event-date:before {
     background-position: -63px -590px;
     width: 18px;
     height: 19px
 }

 .hall-event-info .hall-event-time:before {
     background-position: -15px -590px
 }

 .hall-event-info .hall-event-seat:before {
     background-position: -110px -591px;
     width: 19px;
     height: 16px;
     right: 4px
 }

 .panel-choose-seat {
     margin-top: 25px
 }

 .panel-choose-seat .panel-heading span.tip,
 .panel-profile .panel-heading span.tip {
     color: #959595;
     font-size: 10px;
     line-height: 39px;
     padding-left: 40px;
     cursor: help
 }

 .panel-choose-seat .panel-heading span.tip:after,
 .panel-profile .panel-heading span.tip:after {
     content: '';
     background: url(../img/sprite.png~ver=1.png) no-repeat -203px -617px;
     width: 18px;
     height: 18px;
     top: 14px;
     left: 18px;
     position: absolute;
     cursor: help
 }

 .panel-choose-seat .panel-body {
     padding: 28px 15px 0
 }

 .panel-choose-seat .panel-body>.row>.col-lg-4 {
     height: 250px;
     position: relative
 }

 .panel-choose-seat .chairs-placeholder {
     width: 100%;
     text-align: center
 }

 .panel-choose-seat .seat {
     transition: none !important
 }

 .panel-choose-seat .chairs-placeholder p {
     color: red;
     font-size: 11pt;
     margin-bottom: 15px;
     margin-top: 10px
 }

 .panel-choose-seat .chairs-placeholder img {
     margin: 0 auto
 }

 .panel-choose-seat .panel-heading .panel-title {
     line-height: 3
 }

 .panel-choose-seat .header-hall {
     text-align: center;
     width: 100%;
     border-top: 1px solid #e3e3e3;
     border-bottom: 0px solid #e3e3e3;
     margin-top: 23px;
     white-space: nowrap;
     padding: 10px
 }

 .panel-choose-seat .header-hall ul {
     text-align: center;
     display: inline-block
 }

 .panel-choose-seat .header-hall li {
     display: inline;
     padding-top: 2px !important;
     line-height: 18px
 }

 .panel-choose-seat .buy-ticket-wrapper {
     padding: 0
 }

 .panel-choose-seat .buy-ticket-wrapper .buy-step {
     margin-bottom: 10px
 }

 .panel-choose-seat .continue-buy-wrapper {
     position: absolute;
     left: 15px;
     bottom: 70px
 }

 .panel-choose-seat .bottom-fix-2 {
     position: absolute;
     bottom: 0;
     font-size: 8pt
 }

 .counter-stick {
     width: 146px;
     height: 30px;
     position: absolute;
     left: 15px;
     bottom: -30px;
     z-index: 10;
     background-color: #cb373c;
     color: #FFF
 }

 .counter-stick span:first-child {
     position: absolute;
     top: 0;
     left: 0;
     width: 35px;
     height: 30px;
     background: url(../img/sprite.png~ver=1.png) no-repeat -628px -629px
 }

 .counter-stick span:nth-child(2) {
     position: absolute;
     left: 37px;
     height: 30px;
     line-height: 36px;
     top: 0;
     font-size: 13pt;
     font-family: "iransans"
 }

 .counter-stick span:last-child {
     position: absolute;
     right: 0;
     height: 30px;
     line-height: 30px;
     top: 0;
     font-size: 11pt;
     padding: 0 5px
 }

 .mobile-pay-btn {
     position: fixed;
     width: 100%;
     height: 50px;
     background: #9a9a9a;
     z-index: 9999;
     left: 0;
     right: 0;
     bottom: 0
 }

 .mobile-pay-btn span {
     font-family: "iransans"
 }

 .mobile-pay-btn>.sc:first-child,
 .mobile-pay-btn>.sc:nth-child(2) {
     float: right;
     width: 50%;
     border-left: 1px solid #FFF;
     height: 50px
 }

 .mobile-pay-btn>.sc:first-child {
     background-color: #549ed6
 }

 .mobile-pay-btn>.sc:nth-child(2) {
     background-color: #549ed6;
     text-align: center
 }

 .mobile-pay-btn>.sc:nth-child(2) span:first-child,
 .mobile-pay-btn>.sc:first-child span:first-child {
     text-align: center;
     color: #FFF;
     font-size: 13pt;
     display: block;
     margin-top: 9px;
     height: 16px
 }

 .mobile-pay-btn>.sc:nth-child(2) span:last-child,
 .mobile-pay-btn>.sc:first-child span:last-child {
     text-align: center;
     color: #FFF;
     font-size: 9pt;
     display: block
 }

 .mobile-pay-btn>.sc:last-child {
     float: right;
     width: 50%;
     height: 50px;
     background-color: #1cbd2f;
     line-height: 50px;
     text-align: center;
     color: #FFF;
     font-size: 13pt;
     position: relative
 }

 .mobile-pay-btn>.sc:last-child:before {
     content: '';
     position: absolute;
     left: 15px;
     top: 17px;
     width: 15px;
     height: 15px;
     background: url(../img/sprite.png~ver=1.png) no-repeat -486px -65px
 }

 .mobile-zone-detail {
     padding: 10px;
     background: #FFF;
     border: 1px solid #dcdcdc;
     border-radius: 2px;
     margin-bottom: 15px
 }

 .mobile-zone-detail .details {
     display: table;
     text-align: center;
     width: 100%;
     margin-bottom: 5px
 }

 .mobile-zone-detail>p {
     color: #cb373c;
     font-size: 10pt;
     line-height: 23px;
     margin-bottom: 10px
 }

 .mobile-zone-detail .details i {
     display: table-cell;
     font-style: normal;
     font-size: 9pt;
     color: #000;
     font-family: iransans
 }

 .mobile-zone-detail .hall-info {
     color: #2363c3;
     font-size: 10pt;
     font-weight: bold
 }

 .mobile-zone-detail .details i:first-child {
     text-align: right
 }

 .mobile-zone-detail .details i:last-child {
     text-align: left
 }

 .mobile-zone-detail .btn-info {
     padding: 2px 15px;
     background-color: #559dd7;
     border-color: #559dd7
 }

 .buyContainer {
     margin-top: 25px
 }

 .buyContainer .form-wrapper {
     width: 100%;
     margin: 0
 }

 .buyContainer .panel-body {
     padding: 15px 25px 0
 }

 .buyContainer h3 {
     margin: 0 0 5px !important;
     font-weight: bold
 }

 .buyContainer div form p {
     font-size: 8pt;
     color: #4e4e4e;
     line-height: 18px
 }

 .buyContainer div form p .hint-red {
     font-size: inherit;
     color: red
 }

 .m-b-sm {
     margin-bottom: 10px !important
 }

 .m-b {
     margin-bottom: 15px !important
 }

 .m-t-lg {
     margin-top: 30px
 }

 .padd-r {
     padding-right: 15px !important
 }

 .check-box-rules {
     padding: 12px 0 13px
 }

 .rules-row {
     border-top: 1px solid #dcdcdc
 }

 .rules-row h2 {
     margin: 15px 15px;
     display: block;
     clear: both;
     width: 100%;
     font-size: 13px;
     color: #565656
 }

 .scene-in-plan img {
     margin-bottom: 20px;
     width: 250px
 }

 .buyContainer .rule-confirm {
     display: block;
     position: absolute;
     right: 20px;
     bottom: -10px
 }

 .your-ticket-body .event-title {
     font-size: 11pt;
     padding: 15px 10px 0;
     color: #ff9835
 }

 .your-ticket a {
     position: relative;
     line-height: 20px;
     color: #cb373c;
     padding-right: 27px;
     float: left
 }

 .rules-row h2 {
     position: relative;
     margin: 0;
     padding: 15px 15px 0 15px
 }

 .rules-row.open h2 {
     padding: 15px
 }

 [show-more] {
     display: block;
     width: 15px;
     height: 15px;
     background: url(../img/sprite.png~ver=1.png) no-repeat -162px 2px;
     position: absolute;
     top: 12px;
     left: 16px
 }

 .open [show-more] {
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     transform: rotate(180deg)
 }

 [more-details] {
     display: none
 }

 .rules-row.open [more-details] {
     display: block
 }

 @media (max-width: 412px) {
     .your-ticket a {
         display: block;
         float: right;
         margin: 10px 0
     }
 }

 .your-ticket a:after {
     content: '';
     background: url(../img/sprite.png~ver=1.png) no-repeat -99px -687px;
     width: 20px;
     height: 20px;
     top: 0;
     right: 0;
     position: absolute
 }

 .selected-map {
     max-width: 160px;
     max-height: 160px;
     position: absolute;
     left: 14px;
     top: 0;
     display: none !important
 }

 .selected-map img {
     width: 100%;
     height: 100%
 }

 .continue-buy-wrapper {
     direction: ltr;
     text-align: center;
     float: left
 }

 .continue-buy-wrapper a {
     display: block;
     position: relative;
     color: #FFF;
     direction: rtl;
     font-family: iransans;
     height: 48px;
     line-height: 50px;
     padding-right: 55px;
     font-size: 13px;
     background: url(../img/sprite.png~ver=1.png) no-repeat -7px -624px;
     width: 180px;
     height: 48px;
     border: 0
 }

 .continue-buy-wrapper a:hover {
     opacity: 0.8
 }

 .continue-buy-wrapper span {
     position: absolute;
     right: 0;
     height: 100%;
     top: 0;
     line-height: 48px;
     width: 58px;
     text-align: center;
     display: block
 }

 .not-allowed {
     cursor: not-allowed !important;
     opacity: 0.45;
     background: #fff;
     color: #3c3c3c;
     border: 1px solid #dcdcdc
 }

 #disable-close {
     cursor: not-allowed !important;
     opacity: 0.10
 }

 .messageSingleSeat {
     color: #CB373C;
     margin-top: 15px;
     text-align: center
 }

 .hall-event-help {
     font-size: 11px;
     line-height: 18px;
     margin-top: 6px;
     padding-left: 194px;
     color: #787878
 }

 .tooltipsy {
     position: relative;
     border: 1px solid #d9d9d9;
     background-color: #fff;
     border-radius: 5px;
     padding: 5px 8px;
     color: #000;
     max-width: 300px
 }

 .tooltipsy:after,
 .tooltipsy:before {
     position: absolute;
     pointer-events: none;
     border: solid transparent;
     bottom: 100%;
     content: " ";
     height: 0;
     width: 0;
     z-index: 2
 }

 .tooltipsy:after {
     border-bottom-color: white;
     border-width: 8px;
     left: 50%;
     margin-left: -8px
 }

 .tooltipsy:before {
     border-bottom-color: #d9d9d9;
     border-width: 9px;
     left: 50%;
     margin-left: -9px
 }

 .header-hall-sections {
     line-height: 230%;
     height: 220px;
     font-size: 14px
 }

 .header-hall-sections .header-hall-content {
     position: relative;
     line-height: 23px
 }

 .header-hall-sections h2 {
     color: #9f3a67;
     margin-bottom: 10px
 }

 .header-hall-sections .date,
 .header-hall-sections .time {
     color: #9f3a67;
     font-size: 17px;
     margin-bottom: 5px
 }

 .header-hall-sections .btn.cancel-all {
     background: #dc3c3f;
     border: none;
     color: #fff;
     float: left;
     font-size: 14px;
     height: 33px;
     margin-top: 5px;
     padding: 9px 25px 0;
     transition: all 0.2s ease;
     opacity: 0;
     visibility: hidden
 }

 .header-hall-sections .btn.cancel-all.show {
     opacity: 1;
     visibility: visible
 }

 .header-hall-content .btn,
 .header-hall-content .btn+.btn {
     position: absolute;
     bottom: 0;
     height: 31px;
     padding: 7px 25px 0;
     background: #e6e6e6
 }

 .header-hall-content .btn+.btn {
     margin-right: 103px;
     background: #009a35;
     border: 1px solid #328e4d;
     color: #fff
 }

 .header-hall-content .selected-map {
     float: left;
     margin-left: 2px
 }

 .thumb-concert {
     margin-left: 15px;
     float: right;
     border: 1px solid #c8c8c6;
     padding: 2px;
     height: 176px;
     width: 176px
 }

 .header-hall {
     width: 100%;
     margin-top: 15px;
     white-space: nowrap
 }

 .header-hall:after {
     content: " ";
     display: table;
     clear: both
 }

 .header-hall li {
     padding: 4px 36px 5px 0 !important;
     float: right;
     margin-left: 10px !important;
     background: url(../img/chairs.png);
     background-repeat: no-repeat;
     height: 21px;
     direction: rtl;
     font-size: 11px
 }

 .header-hall li.seat-disabled {
     background-position: right -93px !important
 }

 .header-hall li.seat-reserved {
     background-position: right -31px !important
 }

 .header-hall li.seat-locked {
     background-position: right -188px !important
 }

 .header-hall li.seat-ready {
     background-position: right -62px !important
 }

 .header-hall li.seat-selected {
     background-position: right -124px !important
 }

 .header-hall li.seat-sold {
     background-position: right 0 !important
 }

 .header-hall li.seat-merchant {
     background-position: right -155px !important
 }

 .header-hall li {
     padding: 4px 36px 5px 0 !important;
     float: right;
     margin-left: 10px !important;
     background: url(../img/chairs.png);
     background-repeat: no-repeat;
     height: 21px;
     direction: rtl;
     font-size: 11px
 }

 /* Start HDH Edit - For Create Hall Seats */
 .show-alert-mobile {
     display: none;
 }

 .seat-wrapper {
     width: 780px;
     /* space between objects is 3px , width of seats is 26px -> [29*(count of seats in one row)] */
     /* 17px is width of row number,two row number in left and right of row */
     /* sum of seat-wrapper width is [29*(count of seats in one row)] + 34 */
     height: auto;
     margin: 0 auto;
     overflow-x: auto;
     overflow-y: hidden;
     /*border: 1px solid black;*/
 }

 .seat-wrapper .content {
     display: inline-block;
     width: auto;
     white-space: nowrap;
 }

 .seat-wrapper .seat-row {
     width: 100%;
 }

 .seat-wrapper .seat-row a span {
     display: block;
     text-align: center;
     color: white;
     font-size: 11px;
 }

 .seat-wrapper .seat-row a.vip.seat-ready {
     background: url(../img/vip-seat-ready.png) center center no-repeat;
 }

 .seat-wrapper .seat-row a.seat-ready {
     display: inline-block;
     width: 26px;
     height: 26px;
     background-color: #5D9024;
     margin: 2px 0px 0px 0px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;

 }

 .seat-wrapper .seat-row a.vip.seat-sold {
     background: url("../img/vip-seat-sold.png") center center no-repeat;
 }

 .seat-wrapper .seat-row a.seat-sold {
     display: inline-block;
     width: 26px;
     height: 26px;
     background-color: #E34646;
     margin: 2px 0px 0px 0px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
 }


 .seat-wrapper .seat-row a.vip.seat-locked {
     background: url(../img/vip-seat-locked.png) center center no-repeat;
 }

 .seat-wrapper .seat-row a.seat-locked {
     display: inline-block;
     width: 26px;
     height: 26px;
     background-color: #333;
     margin: 2px 0px 0px 0px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
 }

 .seat-wrapper .seat-row a.vip.seat-selected {
     background: url(../img/vip-seat-selected.png) center center no-repeat;
 }

 .seat-wrapper .seat-row a.seat-selected {
     display: inline-block;
     width: 26px;
     height: 26px;
     background-color: #549ED6;
     margin: 2px 0px 0px 0px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
 }

 .seat-wrapper .seat-row a.vip.seat-reserved {
     background: url(../img/vip-seat-reserved.png) center center no-repeat;
 }

 .seat-wrapper .seat-row a.seat-reserved {
     display: inline-block;
     width: 26px;
     height: 26px;
     background-color: #F7D96A;
     margin: 2px 0px 0px 0px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
 }


 .seat-wrapper .seat-row a.vip.seat-disabled {
     background: url(../img/vip-seat-disabled.png) center center no-repeat;
 }

 .seat-wrapper .seat-row a.seat-disabled {
     display: inline-block;
     width: 26px;
     height: 26px;
     background-color: #919191;
     margin: 2px 0px 0px 0px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
 }

 /* End HDH Edit - For Create Hall Seats */

 .ticket-filed {
     line-height: 23px;
     color: #333
 }

 .ticket-filed label {
     color: #111
 }

 .chairs-wrapper {
     overflow-x: auto;
     overflow-y: hidden;
     margin-top: 20px;
 }

 .chairs {
     text-align: center;
     padding: 0 0 30px 0 !important;
     margin: auto;
     display: table;
     min-width: 1050px;
     padding-bottom: 118px !important
 }

 .chairs .row {
     clear: both;
     display: block;
     white-space: nowrap;
     margin: 0 auto
 }

 .chairs .row span {
     float: right;
     display: block;
     position: relative;
     margin: 2px;
     width: 28px;
     height: 21px;
     cursor: default;
     color: rgba(255, 255, 255, 0.95) !important
 }

 .chairs .row span i {
     display: block;
     width: 100%;
     font-family: " iransans ";
     font-style: normal !important;
     vertical-align: middle;
     letter-spacing: 1px
 }

 .chairs .row span.seat-ready,
 .chairs .row span.active {
     cursor: pointer
 }

 .chairs .row span.seat-ready:hover,
 .chairs .row span.active:hover {
     font-weight: bold
 }

 .chairs .row span.seat-ready:hover .chairs-tooltip,
 .chairs .row span.active:hover .chairs-tooltip {
     font-weight: normal;
     opacity: 1;
     visibility: visible;
     transition: 0.2s
 }

 .chairs .row span.row-number {
     color: #444 !important;
     background: transparent !important
 }

 .chairs .row span input[type=" checkbox "] {
     position: absolute;
     width: 28px;
     height: 21px;
     left: 0;
     top: 0;
     display: none;
     cursor: pointer;
     z-index: 99
 }

 .seat-merchant {
     background: url(../img/chairs.png) no-repeat 100% -155px;
     color: gray
 }

 .right-1 {
     padding-right: 16px
 }

 .right-2 {
     padding-right: 32px
 }

 .right-3 {
     padding-right: 48px
 }

 .right-4 {
     padding-right: 64px
 }

 .right-5 {
     padding-right: 80px
 }

 .right-6 {
     padding-right: 96px
 }

 .right-7 {
     padding-right: 112px
 }

 .right-8 {
     padding-right: 128px
 }

 .right-9 {
     padding-right: 144px
 }

 .right-10 {
     padding-right: 160px
 }

 .right-11 {
     padding-right: 176px
 }

 .right-12 {
     padding-right: 192px
 }

 .tooltip * {
     background-color: red !important
 }

 .chairs-tooltip {
     position: absolute;
     top: 135%;
     visibility: hidden;
     opacity: 0;
     width: 190px;
     margin-top: 20px;
     left: -81px;
     text-align: right;
     text-shadow: none;
     z-index: 99;
     white-space: pre-line;
     line-height: 100% !important;
     padding-bottom: 14px !important;
     padding-top: 0 !important
 }

 .top .chairs-tooltip {
     top: auto;
     bottom: 135%
 }

 .top .chairs-tooltip:after,
 .top .chairs-tooltip:before {
     bottom: auto;
     top: 100%
 }

 .top .chairs-tooltip:after {
     border-bottom-color: transparent;
     border-top-color: white
 }

 .top .chairs-tooltip:before {
     border-bottom-color: transparent;
     border-top-color: #d9d9d9
 }


 .fade-in {
     opacity: 0;
     -webkit-animation: fadeIn ease-in 1;
     -moz-animation: fadeIn ease-in 1;
     animation: fadeIn ease-in 1;
     -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     -webkit-animation-duration: 1s;
     -moz-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-delay: 22s;
     -moz-animation-delay: 22s;
     animation-delay: 22s
 }

 .get-ticket *,
 .get-ticket :focus,
 .get-ticket :before,
 .get-ticket :after {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
     -ms-box-sizing: border-box;
     box-sizing: border-box
 }

 .get-ticket .section:before,
 .get-ticket .section:after {
     content: " ";
     display: table
 }

 .get-ticket .section:after {
     clear: both
 }

 .get-ticket table {
     border-collapse: collapse;
     border-spacing: 0;
     font-size: 12px;
     font-family: " iransans ", tahoma
 }

 .get-ticket .tickets table tr td {
     line-height: 1.5;
     direction: rtl;
     margin: 0 auto;
     text-align: right
 }

 .get-ticket table tr,
 .get-ticket table td {
     text-align: right
 }

 .get-ticket .table {
     width: 524px;
     overflow: hidden;
     display: block;
     direction: rtl;
     text-align: right;
     border-bottom-width: 3px;
     margin: 10px 0
 }

 .get-ticket .tv-head-time {
     float: right;
     font-size: 9px;
     color: #000;
     line-height: 30px;
     font-family: " iransans ", tahoma
 }

 .get-ticket .table.ticket-view {
     background-color: #f6f6f6;
     margin-bottom: 0
 }

 .get-ticket .table td {
     padding: 5px
 }

 .get-ticket .ticket-ico {
     min-height: 52px;
     font-size: 12px;
     color: #000
 }

 .get-ticket .ticket-ico .col-xs-9 {
     min-height: 30px;
     line-height: 30px
 }

 .get-ticket .ticket-ico .col-xs-3 {
     min-height: 30px;
     line-height: 30px
 }

 .get-ticket .ticket-ico p {
     display: inline-block
 }

 .get-ticket .ticket-ico .ticket-clo {
     margin-left: 3px
 }

 .get-ticket .ticket-ico .ticket-cal {
     margin-left: 3px
 }

 .get-ticket .ticket-ico .ticket-cor {
     margin-left: 6px;
     margin-right: 4px
 }

 .get-ticket .ticket-ico .ticket-loc {
     margin-left: 5px;
     margin-right: 2px
 }

 .get-ticket .ticket-detail {
     height: 74px
 }

 .get-ticket .ticket-price {
     color: #646464;
     font-size: 12px;
     letter-spacing: 1px;
     line-height: 30px;
     text-align: center
 }

 .get-ticket .ticket-price span {
     color: #000;
     font-size: 14px
 }

 .get-ticket .ticket-place ul {
     margin-top: 5px;
     margin-left: 15px;
     float: left
 }

 .get-ticket .ticket-place ul li {
     float: right;
     margin-right: 8px;
     width: 54px;
     border: 1px solid #d8d8d8;
     text-align: center;
     height: 50px
 }

 .get-ticket .ticket-place ul li p {
     color: #fff !important;
     background-color: #000 !important;
     -webkit-print-color-adjust: exact;
     font-size: 10px !important;
     line-height: 18px
 }

 .get-ticket .ticket-place ul li span {
     color: #000;
     font-size: 12px;
     line-height: 28px;
     font-weight: normal
 }

 .get-ticket .ticket-place ul li:nth-child(1) {
     width: 120px
 }

 .get-ticket .ticket-fac {
     font-size: 10px
 }

 .get-ticket .ticket-fac span {
     color: #000
 }

 .get-ticket .ticket-fac .col-xs-12 {
     min-height: 30px;
     line-height: 30px
 }

 .get-ticket .ticket-local {
     padding: 0 15px;
     line-height: 15px;
     font-size: 10px
 }

 .get-ticket .ticket-local p {
     display: inline
 }

 .get-ticket .ticket-local p span {
     color: #000
 }

 .get-ticket .ticket-name {
     color: #000;
     font-size: 14px;
     font-weight: bold;
     padding-right: 20px !important;
     height: 40px;
     line-height: 30px !important
 }

 .get-ticket .tickets-view {
     background-color: #ededed;
     min-height: 300px;
     margin-bottom: 20px;
     border-right: none;
     padding: 0 20px 5px
 }

 .get-ticket .tickets-view table th,
 .get-ticket .tickets-view table tr,
 .get-ticket .tickets-view table td {
     border-color: #d6d6d6 !important
 }

 .get-ticket .ticket-number {
     font-size: 10px;
     text-align: center;
     margin-top: 27px
 }

 .get-ticket .ticket-number span {
     color: #000
 }

 .get-ticket img.barcode {
     display: block;
     width: 340px;
     margin: 18px 11px 0px 0px
 }

 .get-ticket .ticket-n-view {
     overflow: hidden;
     width: 524px;
     height: 820px;
     display: block
 }

 .get-ticket .cinema-ticket-section .ticket-n-view {
     height: 430px !important
 }

 .get-ticket .table tr,
 .get-ticket .table td {
     width: 524px;
     overflow: hidden;
     display: block
 }

 .get-ticket .ticket-n-view .col-right {
     overflow: hidden;
     text-align: justify;
     padding: 1px 15px
 }

 .get-ticket .ticket-n-view .col-left {
     float: right;
     border: 1px solid #666;
     border-radius: 2px;
     overflow: hidden
 }

 .get-ticket .qrcode-box {
     float: right;
     border-left: 1px solid #e0e0e0;
     margin: 8px 10px 5px 0px
 }

 .get-ticket .ticket-n-view .col-left img {
     max-width: 3.5cm;
     display: block;
     margin: 0 auto
 }

 .get-ticket .ticket-sponser .hami {
     width: 20%;
     float: right;
     vertical-align: middle;
     text-align: center;
     font-family: iransans;
     font-size: 12px;
     line-height: 90px;
     border-left: 1px solid #e0e0e0;
     color: #000
 }

 .get-ticket .ticket-sponser .ticket-center {
     width: 100%;
     margin: 0 auto;
     overflow: hidden;
     text-align: center
 }

 .get-ticket .ticket-sponser .ticket-center img {
     max-width: 100%;
     height: auto;
     float: right
 }

 .get-ticket .ticket-sponser .ticket-center img+img {
     margin-right: 10px
 }

 .get-ticket .tvf-part {
     display: block;
     width: 50% !important;
     float: right;
     margin: 0;
     padding: 5px 10px
 }

 .get-ticket .tvf-part:not(:last-child) {
     margin-bottom: 75px
 }

 .get-ticket .bill {
     font-family: " iransans ", tahoma;
     font-size: 15px;
     color: #404040
 }

 .get-ticket .bill .bill-text {
     text-align: left
 }

 .get-ticket .bill .bill-price span {
     font-size: 18px
 }

 .get-ticket .well-white {
     min-height: 110px;
     border-radius: 3px;
     padding: 0 15px;
     margin: 5px 0px 0px
 }

 .get-ticket .well-white img {
     width: 100%;
     height: 100px;
     display: block
 }

 .get-ticket .event-page-box .inner {
     background-color: #FFF;
     position: relative;
     box-shadow: 0 0 0 #000;
     border-color: #ddd
 }

 .get-ticket .ticket-view-head {
     padding-top: 10px
 }

 .get-ticket .ticket-view-head:after {
     content: " ";
     display: table;
     clear: both
 }

 .get-ticket .tv-head-buttons {
     position: relative;
     float: left;
     width: 120px
 }

 .get-ticket .tv-head-buttons img {
     max-width: 100%
 }

 .get-ticket .tvf-print {
     width: 524px;
     min-height: 700px;
     padding-bottom: 0 !important;
     page-break-after: always;
     margin: 0 auto 0 !important;
     overflow: hidden
 }

 .get-ticket .tvf-print.cinema-ticket-section {
     min-height: 300px !important
 }

 .get-ticket .barcode-numbers {
     text-align: center;
     font-size: 12px;
     letter-spacing: 0;
     font-family: tahoma;
     direction: ltr
 }

 .get-ticket .header,
 .get-ticket .footer,
 .get-ticket .nav-sticky,
 .get-ticket .ticket-print,
 .get-ticket .nav-sticky,
 .get-ticket .dont-print {
     display: none !important
 }

 .get-ticket .wrapper:before,
 .get-ticket .wrapper:after {
     height: 0
 }

 .get-ticket .table-wrapper .divider {
     width: 1px;
     border-left: 1px dashed #666
 }

 .get-ticket .table-wrapper .outskirt-one {
     border-left: 1px solid #a3a3a3
 }

 .get-ticket .ticket-resault {
     font-size: 13px;
     font-family: b nazanin, tahoma
 }

 .get-ticket .ticket-resault table {
     font-size: 13px
 }

 .get-ticket .event-location-address,
 .get-ticket .event-location-tel {
     padding-right: 0;
     margin-top: 15px;
     margin-bottom: -10px;
     font-family: b nazanin, tahoma;
     font-size: 16px
 }

 .get-ticket .col-right {
     line-height: 10px;
     direction: rtl
 }

 .get-ticket .col-right p {
     font-size: 9px;
     color: #000
 }

 .get-ticket .col-right ul {
     margin: 5px 0px
 }

 .get-ticket .col-right ul li {
     line-height: 12px;
     margin-right: 10px;
     list-style-type: disc;
     font-size: 9px;
     color: #000
 }

 .get-ticket .table.bordered,
 .get-ticket .table.bordered th,
 .get-ticket .table.bordered td {
     border: 1px solid #ebebeb
 }

 .get-ticket .tickets-view .title,
 .get-ticket .ticket-n-view .title {
     font-size: 17px;
     padding: 15px 0
 }

 .get-ticket .tickets-view.white,
 .get-ticket .ticket-n-view.white {
     background: #FFF
 }

 .get-ticket .wrapper,
 .get-ticket .table table {
     margin: 0
 }

 .get-ticket .event-page-box .inner:after,
 .get-ticket .event-page-box .inner:before,
 .get-ticket .titlebar:before,
 .get-ticket .event-location-address:before,
 .get-ticket .event-location-tel:before {
     display: none
 }

 .get-ticket .qrcode {
     padding-left: 10px !important;
     width: 90px;
     height: 80px
 }

 .get-ticket .space-b {
     margin: 30px 0
 }

 .get-ticket .panel .panel-heading {
     position: relative
 }

 .get-ticket .panel-heading h2 {
     padding-right: 30px !important
 }

 .get-ticket .panel-heading h2:before {
     content: " ";
     background: url(../img/sprite.png~ver=1.png) no-repeat -604px -352px;
     width: 20px;
     height: 21px;
     position: absolute;
     right: 5px;
     top: 15px
 }

 .get-ticket .print-btn {
     background: #2ECC71 none repeat scroll 0% 0%;
     border: 1px solid #27AE60;
     border-radius: 2px;
     color: #FFF;
     text-align: center;
     font-size: 14px;
     clear: both;
     padding: 8px 40px
 }

 .ticket-hall-select {
     float: right !important
 }

 .ticket-hall-select .panel {
     border: 1px solid #dcdcdc
 }

 .panel-buy-ticket .panel-heading span.tip,
 .panel-profile .panel-heading span.tip {
     float: left !important
 }

 .ticket-hall-select .panel .panel-heading h2.pull-right {
     float: right !important
 }

 .ticket-hall-select .panel .buy-ticket-wrapper .text-right {
     text-align: right
 }

 .ticket-buy-content.pull-left {
     float: left
 }

 .ticket-buy-content .panel {
     border: 1px solid #dcdcdc
 }

 .ticket-buy-content .panel .panel-heading h2.pull-right {
     float: right !important
 }

 .m-ticket-list .panel-buy-ticket {
     border: 1px solid #dcdcdc
 }

 .m-ticket-list .pull-right {
     float: right !important
 }

 .m-ticket-list .pull-left {
     float: left !important
 }

 .m-ticket-pay .panel {
     border: 1px solid #dcdcdc
 }

 .m-ticket-pay .pull-right {
     float: right !important
 }

 .m-ticket-pay .pull-left {
     float: left !important
 }

 .m-ticket-pay.pull-left {
     float: left !important
 }

 .m-ticket-pay .col-md-12 {
     width: 100%
 }

 .m-ticket-pay .checkbox,
 .m-ticket-pay .radio {
     position: relative;
     display: block;
     margin-top: 10px;
     margin-bottom: 10px;
     border-radius: 2px;
     direction: rtl;
     height: 42px;
     line-height: 42px;
     color: #787878;
     cursor: pointer;
     font-size: 12px
 }

 .m-ticket-pay .checkbox label,
 .m-ticket-pay .radio label {
     border: 1px solid #dcdcdc;
     border-radius: 2px;
     direction: rtl;
     height: 42px;
     line-height: 42px;
     display: inline-block;
     max-width: 100%;
     min-height: 20px;
     padding-left: 20px;
     margin-bottom: 0;
     font-weight: 400;
     cursor: pointer;
     padding-right: 25px;
     width: 100%
 }

 .m-ticket-list {
     float: left
 }

 .m-ticket-pay .checkbox,
 .m-ticket-pay .radio #uniform-payradio-1,
 .m-ticket-pay .checkbox,
 .m-ticket-pay .radio #uniform-payradio-2 {
     position: absolute;
     top: -2px;
     right: 0
 }

 .m-ticket-pay .paywcharge-btn {
     margin: 10px 0
 }

 .m-hall-header .selected-map {
     display: none
 }

 .m-ticket-pay .payment-form .checkbox-pay input {
     margin: 0
 }

 @keyframes "spin" {
     to {
         transform: rotate(1turn);
     }
 }

 .progress {
     position: relative;
     display: inline-block;
     width: 5em;
     height: 5em;
     margin: 0 .5em;
     font-size: 12px;
     text-indent: 999em;
     overflow: hidden;
     animation: spin 1s infinite steps(8)
 }

 .small.progress {
     font-size: 6px
 }

 .large.progress {
     font-size: 24px
 }

 .progress:before,
 .progress:after,
 .progress>div:before,
 .progress>div:after {
     content: '';
     position: absolute;
     top: 0;
     left: 2.25em;
     width: .5em;
     height: 1.5em;
     border-radius: .2em;
     background: #eee;
     box-shadow: 0 3.5em #eee;
     transform-origin: 50% 2.5em
 }

 .progress:before {
     background: #555
 }

 .progress:after {
     transform: rotate(-45deg);
     background: #777
 }

 .progress>div:before {
     transform: rotate(-90deg);
     background: #999
 }

 .progress>div:after {
     transform: rotate(-135deg);
     background: #bbb
 }

 .ie-mode {
     position: fixed;
     background: #fff;
     width: 100%;
     height: 100%;
     top: 0px;
     left: 0px;
     right: 0px;
     z-index: 10000
 }

 .ie-mode:parent body {
     overflow: hidden
 }

 .ie-mode .ie-container {
     width: 60%;
     min-height: 200px;
     position: relative;
     margin: 50px auto;
     border: 1px solid #ccc
 }

 .ie-mode .ie-container .ie-logo {
     border-bottom: 1px solid #ccc;
     text-align: center;
     margin: 15px auto;
     display: block;
     padding-bottom: 15px
 }

 .ie-mode .ie-container p {
     text-align: center;
     direction: rtl;
     display: block;
     width: 100%;
     margin-top: 15px;
     margin-bottom: 15px
 }

 .ie-mode .ie-container p span {
     color: #cb373c;
     font-weight: bold
 }

 .ie-mode .ie-container .browsers {
     position: relative
 }

 .ie-mode .ie-container .browsers ul li {
     margin-bottom: 15px;
     cursor: pointer;
     display: inline-block;
     *display: inline;
     zoom: 1
 }

 .ie-mode .ie-container .browsers ul li a {
     color: #333
 }

 .ie-mode .ie-container .browsers ul li span {
     display: block
 }

 .ngdialog-overlay {
     pointer-events: none
 }

 .contact-alerts .main-alert-wrapper.alert-fixed {
     top: 70px
 }

 .contact-alerts .main-alert-wrapper .alert-wrapper-inner .alert {
     right: -15px
 }

 .gc-inner {
     background: #fff none repeat scroll 0 0;
     border-radius: 10px 2px 2px 10px;
     margin: 22px 0 15px;
     padding: 0;
     position: relative
 }

 .gc-inner>img {
     bottom: 0;
     cursor: pointer;
     height: 25px;
     left: 50px;
     position: absolute;
     top: 8px;
     width: auto;
     z-index: 5
 }

 .gc-inner>.search-ico img {
     width: 20px
 }

 .gc-inner>.search-ico {
     display: inline-block;
     position: absolute;
     top: 0px;
     left: 0px;
     padding: 10px;
     cursor: pointer
 }

 .gc-inner>.search-ico:hover {
     background: #3b78e7
 }

 .gc-inner .gci-border {
     padding-left: 40px;
     background: #4285f4;
     display: block;
     border-radius: 2px
 }

 .gc-inner .gci-border>input {
     border: 0 none;
     display: block;
     padding: 11px 15px 11px 45px;
     width: 100%;
     border-left: 1px solid #ccc;
     border-radius: 0 2px 2px 0
 }

 .gsc-search-box {
     display: none
 }

 .gsc-control-cse.gsc-control-cse-en:after {
     display: none
 }

 .gsc-control-cse.gsc-control-cse-en {
     padding: 0;
     border: 0
 }



 a.itemsAppendByJs span {
     color: gray;
     font-size: 11px;
     margin-right: 15px;
     white-space: nowrap;
     display: inline-block
 }

 @media (min-width: 992px) {
     a.itemsAppendByJs span {
         display: none
     }
 }

 @media (max-width: 480px) {
     a.itemsAppendByJs span {
         display: block;
         text-align: center;
         padding: 3px 0
     }

     .panel .items .item {
         height: 445px;
     }
 }

 .panel .items .item img,
 .img-thumbnail {
     background: url(../img/preloader.gif) no-repeat center center;
     border-radius: 25px;
     margin: auto;
 }

 .gs-webResult.gs-result * {
     text-align: right
 }

 .gs-webResult.gs-result {
     direction: rtl
 }

 .gsc-above-wrapper-area {
     display: none
 }

 .gsc-results-wrapper-overlay.gsc-results-wrapper-visible {
     left: 0 !important;
     right: 0;
     width: 95% !important
 }

 #linkImg {
     cursor: pointer
 }

 .table-main {
     display: table;
     border: 1px solid #ccc;
     border-radius: 4px;
     box-sizing: border-box;
     background: #a74aa4;
     width: 100%;
     margin: 0px auto 5px;
     color: #ffdafe;
     font-size: 14px
 }

 .table-main .table-main-cell {
     display: table-cell;
     vertical-align: middle;
     padding: 10px;
     text-align: right
 }

 .table-main .border {
     border-left: 1px solid #b364b1;
     background: #993d96;
     text-align: center !important
 }

 .table-main a {
     color: #fff
 }

 .table-main a:hover {
     text-decoration: underline !important
 }

 *::after,
 *::before {
     box-sizing: border-box
 }

 *::after,
 *::before {
     box-sizing: border-box
 }

 .modal.in .modal-dialog {
     transform: translate(0px, 0px)
 }

 .modal-dialog.modal-fit {
     padding: 10px 20px;
     width: 100%
 }

 .loading-new.single {
     overflow: visible;
     position: absolute;
     top: 50%;
     left: 50%;
     z-index: 10000;
     transform: translate(-50%, -50%)
 }

 .modal-loading .modal-content,
 .modal-loading.modal-dialog {
     transform: none !important;
     position: unset !important
 }

 .event_details .row.map-btnr.btn-btn {
     float: right;
     margin-left: 3px;
     text-align: center
 }

 .event-notif {
     background: #0099D6 none repeat scroll 0 0;
     color: #fff
 }

 .event-notif.shake-trigger .alert-general-ico {
     right: 13px;
     z-index: 1;
     top: 10px
 }

 .event-notif.shake-trigger.reserve-page .alert-general-ico {
     top: 13px
 }

 .event-notif.shake-trigger.reserve-page {
     background: #f3ced1 none repeat scroll 0 0;
     color: #e21120;
     border: 1px solid #f03b48 !important;
     position: fixed;
     top: 60px;
     left: 15px;
     right: 15px;
     z-index: 999;
     border-radius: 0
 }

 .event-notif.shake-trigger.reserve-page:after {
     top: 9px
 }

 .event-notif.shake-trigger.reserve-page.alert-error-icon:after {
     display: none
 }

 .event-notif.shake-trigger:after {
     position: absolute;
     content: "";
     height: 35px;
     width: 35px;
     background: #fff;
     display: block;
     top: 6px;
     right: 6px;
     border-radius: 50%
 }

 button[disabled] {
     background-color: #ccc
 }

 div[disabled] {
     opacity: 0.4
 }

 .delete-ticket.a-loading {
     cursor: progress;
     background: url(../img/ajax-loader.gif) no-repeat center center
 }

 .deliver-system {
     ont-size: 14px;
     float: left;
     width: 25%;
     height: 41px;
     padding-top: 8px;
     min-width: 120px
 }

 .deliver-system label {
     margin: -2px auto 0;
     display: block;
     border: 1px solid #a4c5ff;
     width: 47px;
     height: 28px;
     background: #c8dcff;
     position: relative;
     cursor: pointer;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     border-radius: 50px
 }

 .deliver-system label input {
     display: none !important
 }

 .deliver-system label .circle {
     width: 22px;
     height: 22px;
     background: white;
     position: relative;
     display: inline-block;
     position: absolute;
     top: 2px;
     left: 2px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
     -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
     -webkit-transition: 0.3s;
     -moz-transition: 0.3s;
     -ms-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s
 }

 .deliver-system .before {
     text-align: left
 }

 .deliver-system .checked {
     color: #3498db
 }

 .deliver-system span {
     display: block;
     height: 25px;
     line-height: 25px;
     text-align: center;
     font-size: .6875rem;
     color: #b4b4b4
 }

 .deliver-system .after {
     text-align: right
 }

 .deliver-system label input:checked+.circle {
     -webkit-transition: 0.3s;
     -moz-transition: 0.3s;
     -ms-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     left: 21px
 }

 .gender-label {
     display: none
 }

 @media (min-width: 992px) and (max-width: 1200px) {
     .name-lastname {
         width: 68% !important
     }
 }

 @media (max-width: 600px) {
     .name-lastname {
         width: 69% !important
     }
 }

 @media (max-width: 480px) {
     .name-lastname {
         width: 100% !important;
         float: none
     }

     .gender-label {
         display: block
     }

     .deliver-system {
         float: right;
         width: 100%;
         border: 1px solid #dcdcdc;
         border-radius: 2px;
         margin-bottom: 10px;
         background: #fcfcfc
     }

     .system-select {
         width: 175px;
         float: right
     }
 }

 .hall-return-button {
     position: relative;
     top: 100px
 }

 .buy-container-fluid {
     max-width: 1714px;
     width: 90%
 }

 #eventsec {
     overflow-x: auto
 }

 .tik8-form .use-cash {
     margin: 0;
     color: #1cbd2f;
     font-size: 10pt;
     cursor: pointer
 }

 .tik8-form .use-cash input {
     width: 15px;
     margin: 0 0 0 10px;
     border-radius: initial;
     height: 19px;
     line-height: initial;
     float: right;
     font-size: 18px
 }

 .no-border-right {
     border-right: none !important
 }

 .modal-content .main-alert-wrapper {
     width: 100% !important
 }

 .modal-content .main-alert-wrapper .container {
     top: 0;
     margin-top: -35px;
     width: 100% !important
 }

 .modal-header {
     border-bottom: none !important
 }

 .single_modal_heading {
     margin: 0 !important
 }

 .single_modal_heading h2 {
     margin-bottom: 0 !important
 }

 .panel-modal {
     margin-top: 0px !important
 }

 .law-accept:parent {
     width: 50%
 }

 .law-accept {
     text-align: center !important
 }

 p.reset-des {
     direction: rtl;
     font-size: 12px;
     color: #4d4d4f;
     margin-right: 15px;
     text-align: justify;
     line-height: 22px
 }

 @media (min-width: 768px) {
     .panel-choose-seat .panel-body>.row>.col-lg-4:nth-child(2) {
         padding: 0
     }

     .panel-choose-seat .panel-body>.row>.col-lg-4 {
         height: 239px
     }
 }

 @media (min-width: 992px) {
     .panel-choose-seat .panel-body>.row>.col-lg-4:nth-child(2) {
         padding: 0 15px
     }

     .plan-wrapper svg {
         width: 87% !important
     }

     .panel-choose-seat .panel-body>.row>.col-lg-4 {
         height: 250px
     }
 }

 @media (min-width: 1200px) {
     .plan-wrapper svg {
         width: 68% !important
     }
 }

 @media (max-width: 768px) {
     ::placeholder {
         color: silver;
         font-size: 11px
     }

     .deliver-system .gender-label {
         display: inline-block !important
     }

     [name=registerForm]>.half_size {
         padding-left: 0 !important;
         width: 100% !important
     }

     .panel-choose-seat {
         padding: 0;
         border: 0;
         background: none;
         margin-top: 0
     }

     .panel-choose-seat .panel-body {
         padding: 0;
         overflow: hidden
     }

     .hall-event-info .hall-info {
         font-size: 9pt
     }

     .panel-choose-seat .bottom-fix-2 {
         display: none
     }

     .panel-choose-seat .panel-body>.row>.col-lg-4 {
         height: auto
     }

     .panel-choose-seat .header-hall li {
         width: 28px;
         padding: 25px 0 0 0 !important;
         padding-top: 25px !important;
         margin: 0 20px !important;
         max-width: 19%;
     }

     .panel-choose-seat .header-hall li:after {
         position: absolute;
         right: 50%;
         top: 0;
         width: 29px;
         height: 20px;
         content: '';
         margin-right: -15px
     }

     .show-alert-mobile {
         display: inline-block;
         width: 100%;
         color: red !important;
         text-align: center;
         font-size: 12px;
         margin: 0 auto;
     }
 }

 .about_content.about_seats {
     padding: 40px 0px 40px 0px
 }

 .vezarat-zone-style.panel-choose-seat .bottom-fix-2 {
     position: relative !important
 }

 .vezarat-zone-style.panel-choose-seat .continue-buy-wrapper {
     position: static;
     margin-left: 15px
 }

 @media (max-width:992px) and (min-width:767px) {
     .vezarat-zone-style.panel-choose-seat .continue-buy-wrapper {
         bottom: 7px
     }
 }

 .modal-telegram .img-responsive {
     display: block;
     max-width: 95%;
     height: auto;
     margin: 0 auto;
     border-radius: 50%
 }

 .modal-telegram .img-rounded {
     border-radius: 6px
 }

 .modal-telegram .img-thumbnail {
     padding: 4px;
     line-height: 1.42857143;
     -webkit-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
     display: inline-block;
     max-width: 100%;
     height: auto
 }

 .modal-telegram .img-circle {
     border-radius: 50%
 }

 .modal-telegram .sr-only {
     position: absolute;
     width: 1px;
     height: 1px;
     margin: -1px;
     padding: 0;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     border: 0
 }

 .modal-telegram .sr-only-focusable:active,
 .modal-telegram .sr-only-focusable:focus {
     position: static;
     width: auto;
     height: auto;
     margin: 0;
     overflow: visible;
     clip: auto
 }

 .modal-telegram [role="button"] {
     cursor: pointer
 }

 .modal-telegram .modal-open {
     overflow: hidden
 }

 .modal-telegram .modal {
     display: none;
     overflow: hidden;
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 99999999;
     -webkit-overflow-scrolling: touch;
     outline: 0;
     background: #333
 }

 .modal-telegram .modal.fade .modal-dialog {
     -webkit-transform: translate(0, -25%);
     -ms-transform: translate(0, -25%);
     -o-transform: translate(0, -25%);
     transform: translate(0, -25%);
     -webkit-transition: -webkit-transform 0.3s ease-out;
     -o-transition: -o-transform 0.3s ease-out;
     transition: transform 0.3s ease-out
 }

 .modal-telegram .modal.in .modal-dialog {
     margin-top: 3% !important;
     -webkit-transform: translate(0, 0);
     -ms-transform: translate(0, 0);
     -o-transform: translate(0, 0);
     transform: translate(0, 0)
 }

 .modal-telegram .modal-open .modal {
     overflow-x: hidden;
     overflow-y: auto
 }

 .modal-telegram .modal-dialog {
     position: relative;
     width: auto;
     margin: 10px
 }

 .modal-telegram .modal-content {
     position: relative;
     border-radius: 6px;
     background-clip: padding-box;
     outline: 0
 }

 .modal-telegram .modal-backdrop {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1040;
     background-color: #000
 }

 .modal-telegram .modal-backdrop.fade {
     opacity: 0;
     filter: alpha(opacity=0)
 }

 .modal-telegram .modal-backdrop.in {
     opacity: .5;
     filter: alpha(opacity=50)
 }

 .modal-telegram .modal-header {
     padding: 15px;
     border-bottom: 1px solid #e5e5e5;
     height: 30px !important
 }

 .modal-telegram .modal-header .close:focus {
     outline: inherit
 }

 .modal-telegram .modal-header .close:hover {
     opacity: 1 !important;
     filter: alpha(opacity=100) !important
 }

 .modal-telegram .modal-header .close {
     margin-top: -10px;
     left: inherit;
     right: 10px;
     color: #fff;
     opacity: 0.8 !important;
     filter: alpha(opacity=80) !important
 }

 .modal-telegram .modal-title {
     margin: 0;
     line-height: 1.42857
 }

 .modal-telegram .modal-body {
     position: relative;
     padding: 15px;
     margin-top: 0px;
     padding-top: 0px
 }

 .modal-telegram .modal-footer {
     padding: 15px;
     text-align: right
 }

 .modal-telegram .modal-footer .btn+.btn {
     margin-left: 5px;
     margin-bottom: 0
 }

 .modal-telegram .modal-footer .btn-group .btn+.btn {
     margin-left: -1px
 }

 .modal-telegram .modal-footer .btn-block+.btn-block {
     margin-left: 0
 }

 .modal-telegram .modal-scrollbar-measure {
     position: absolute;
     top: -9999px;
     width: 50px;
     height: 50px;
     overflow: scroll
 }

 @media (min-width: 768px) {
     .modal-telegram .modal-dialog {
         width: 600px;
         margin: 30px auto
     }

     .modal-telegram .modal-sm {
         width: 300px
     }
 }

 @media (min-width: 992px) {
     .modal-telegram .modal-lg {
         width: 900px
     }
 }

 .modal-telegram .clearfix:before,
 .modal-telegram .clearfix:after {
     content: " ";
     display: table
 }

 .modal-telegram .modal-header:before,
 .modal-telegram .modal-header:after {
     content: " ";
     display: table
 }

 .modal-telegram .modal-footer:before,
 .modal-telegram .modal-footer:after {
     content: " ";
     display: table
 }

 .modal-telegram .clearfix:after,
 .modal-telegram .modal-header:after,
 .modal-telegram .modal-footer:after {
     clear: both
 }

 .modal-telegram .center-block {
     display: block;
     margin-left: auto;
     margin-right: auto
 }

 .modal-telegram .pull-right {
     float: right !important
 }

 .modal-telegram .pull-left {
     float: left !important
 }

 .modal-telegram .hide {
     display: none !important
 }

 .modal-telegram .show {
     display: block !important
 }

 .modal-telegram .invisible {
     visibility: hidden
 }

 .modal-telegram .text-hide {
     font: 0/0 a;
     color: transparent;
     text-shadow: none;
     background-color: transparent;
     border: 0
 }

 .modal-telegram .hidden {
     display: none !important
 }

 .modal-telegram .affix {
     position: fixed
 }

 .modal-telegram .close {
     font-size: 3.0rem;
     font-weight: 900;
     text-shadow: none;
     background: transparent;
     border: none;
     float: none;
     position: absolute;
     top: 0;
     left: 5px
 }

 .modal-telegram .modal {
     padding: 0;
     background: rgba(0, 0, 0, 0.7)
 }

 .modal-telegram .modal-dialog {
     margin: 1% auto
 }

 .modal-telegram .modal-content {
     box-shadow: none;
     background-color: transparent;
     border: none;
     text-align: center
 }

 .modal-telegram .modal-header {
     border: none;
     padding: 0;
     position: relative;
     height: 20px
 }

 .modal-telegram .modal-body {
     display: inline-block;
     padding-bottom: 0 !important
 }

 .modal-telegram .modal-footer {
     border: none;
     text-align: center
 }

 .modal-telegram .modal-footer {
     padding: 0
 }

 .modal-telegram .modal-footer span {
     display: inline-block
 }

 .modal-telegram .btn {
     border: none;
     background-color: #cb373c;
     border-radius: 20px;
     margin: 0 auto;
     color: #fff;
     line-height: 30px;
     display: inline-block;
     padding: 6px 12px
 }

 .modal-telegram .btn:hover {
     color: #fff
 }

 .modal-telegram .delay {
     animation-delay: 400ms
 }

 input[type='number'] {
     -moz-appearance: textfield
 }

 input[type=number]::-webkit-inner-spin-button,
 input[type=number]::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0
 }

 .table-footer.table-bold-text td {
     text-align: center !important;
     font-weight: bold;
     font-size: 15px !important;
     color: #333 !important
 }

 .debug-box {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 99999;
     direction: ltr !important
 }

 .t8-mini-card {
     display: block;
     margin-right: -10px;
     margin-left: -10px;
     border: 1px solid #dcdcdc;
     border-radius: 2px;
     background: #FFF;
     overflow: hidden;
     margin-bottom: 10px
 }

 .t8-mini-card .head {
     background: #3c3c3c;
     padding: 0 6px
 }

 .t8-mini-card:hover .head {
     background: rgba(128, 194, 57, 0.8)
 }

 .t8-mini-card .head span {
     line-height: 22px;
     color: #FFF;
     font-size: 11px
 }

 .t8-mini-card .body {
     line-height: 55px;
     color: #646464;
     font-size: 20px;
     text-align: center;
     display: block
 }

 .t8-mini-card.sold-out .body {
     line-height: 20px;
     padding-top: 10px
 }

 .t8-mini-card ._sold-out {
     color: #cb383c;
     text-align: center;
     line-height: 18px;
     font-size: 15px;
     padding-bottom: 5px;
     display: none
 }

 .t8-mini-card.sold-out ._sold-out {
     display: block
 }



 .t8-mini-card.sold-out .head {
     background: #c3c3c3
 }

 .t8-mini-card.sold-out .body {
     text-decoration: line-through;
     text-decoration-color: #cb383c
 }

 .t8-hint {
     position: relative;
     margin: 10px 5px 15px;
     padding: 0 20px 0
 }

 .t8-hint ._icon {
     position: absolute;
     top: 5px;
     right: 0;
     background: url(../img/sprite.png~ver=1.png) no-repeat;
     background-position: -450px -261px;
     width: 10px;
     height: 10px
 }

 .t8-modal .modal-title {
     padding: 10px 15px;
     font-size: 16px;
     border-bottom: 1px solid #e5e5e5
 }

 .red-text {
     color: #cb383c !important
 }

 .red-border {
     border-color: #cb383c !important
 }

 @keyframes "shake" {

     10%,
     90% {
         transform: translate3d(-1px, 0, 0);
     }

     20%,
     80% {
         transform: translate3d(2px, 0, 0);
     }

     30%,
     50%,
     70% {
         transform: translate3d(-3px, 0, 0);
     }

     40%,
     60% {
         transform: translate3d(3px, 0, 0);
     }
 }

 .shake-text {
     animation: shake 10s cubic-bezier(.36, .07, .19, .97) both;
     animation-iteration-count: infinite;
     transform: translate3d(0, 0, 0);
     backface-visibility: hidden;
     perspective: 1000px
 }

 .test-- {
     line-height: 15px;
     padding-right: 21px;
     font-size: 10px;
     font-weight: 200;
     display: block;
     font-family: sans-serif
 }

 @media (max-width: 991px) {
     .event_buttons {
         display: none
     }

     .navbar-top .logined_user {
         width: 100%
     }

     .tik8-sidenav .logined_user .dropdown-menu {
         margin-top: 0;
         border-top: 1px solid #dcdcdc
     }

     .buyContainer {
         margin-top: 0
     }
 }

 .force-hidden {
     display: none !important
 }

 .shahrzad__banner {
     margin-bottom: 5px;
     /*margin-top: -30px*/
 }

 .shahrzad__banner .bg {
     background-color: white;
     width: 100%;
     height: auto;
     padding-bottom: 15px;
     text-align: center;
     border: 1px solid #dcdcdc;
 }

 .shahrzad__banner .bg span {
     font-size: 16px;
     color: #3c3c3c;
 }

 .payment-alert-icon:before {
     position: absolute;
     content: "";
     top: 10px;
     right: 10px;
     background: url(../img/sprite.png~ver=1.png) no-repeat -280px -682px;
     width: 30px;
     height: 30px
 }

 .payment-alert-icon {
     color: #ff9444;
     background-color: rgba(255, 148, 66, 0.25);
     border-color: #ff9444;
     position: relative;
     margin-top: 15px;
     margin-bottom: 0;
     border-radius: 0;
     padding-right: 45px !important;
 }

 .owl-carousel .animated {
     -webkit-animation-duration: 1000ms;
     animation-duration: 1000ms;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both
 }

 .owl-carousel .owl-animated-in {
     z-index: 0
 }

 .owl-carousel .owl-animated-out {
     z-index: 1
 }

 .owl-carousel .fadeOut {
     -webkit-animation-name: fadeOut;
     animation-name: fadeOut
 }

 @-webkit-keyframes "fadeOut" {
     0% {
         opacity: 1;
     }

     100% {
         opacity: 0;
     }
 }

 @keyframes "fadeOut" {
     0% {
         opacity: 1;
     }

     100% {
         opacity: 0;
     }
 }

 .owl-height {
     -webkit-transition: height 500ms ease-in-out;
     -moz-transition: height 500ms ease-in-out;
     -ms-transition: height 500ms ease-in-out;
     -o-transition: height 500ms ease-in-out;
     transition: height 500ms ease-in-out
 }

 .owl-carousel {
     display: none;
     width: 100%;
     -webkit-tap-highlight-color: transparent;
     position: relative;
     z-index: 1
 }

 .owl-carousel .owl-stage {
     position: relative;
     -ms-touch-action: pan-Y
 }

 .owl-carousel .owl-stage:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0
 }

 .owl-carousel .owl-stage-outer {
     position: relative;
     overflow: hidden;
     -webkit-transform: translate3d(0px, 0px, 0px)
 }

 .owl-carousel .owl-controls .owl-nav .owl-prev,
 .owl-carousel .owl-controls .owl-nav .owl-next,
 .owl-carousel .owl-controls .owl-dot {
     cursor: pointer;
     cursor: hand;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }

 .owl-carousel.owl-loaded {
     display: block
 }

 .owl-carousel.owl-loading {
     opacity: 0;
     display: block
 }

 .owl-carousel.owl-hidden {
     opacity: 0
 }

 .owl-carousel .owl-refresh .owl-item {
     display: none
 }

 .owl-carousel .owl-item {
     position: relative;
     min-height: 1px;
     float: left;
     -webkit-backface-visibility: hidden;
     -webkit-tap-highlight-color: transparent;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }

 .owl-carousel .owl-item img {
     display: block;
     width: 100%;
     -webkit-transform-style: preserve-3d
 }

 .owl-carousel.owl-text-select-on .owl-item {
     -webkit-user-select: auto;
     -moz-user-select: auto;
     -ms-user-select: auto;
     user-select: auto
 }

 .owl-carousel .owl-grab {
     cursor: move;
     cursor: -webkit-grab;
     cursor: -o-grab;
     cursor: -ms-grab;
     cursor: grab
 }

 .owl-carousel.owl-rtl {
     direction: rtl
 }

 .owl-carousel.owl-rtl .owl-item {
     float: right
 }

 .no-js .owl-carousel {
     display: block
 }

 .owl-carousel .owl-item .owl-lazy {
     opacity: 0;
     -webkit-transition: opacity 400ms ease;
     -moz-transition: opacity 400ms ease;
     -ms-transition: opacity 400ms ease;
     -o-transition: opacity 400ms ease;
     transition: opacity 400ms ease
 }

 .owl-carousel .owl-item img {
     transform-style: preserve-3d
 }

 .owl-carousel .owl-video-wrapper {
     position: relative;
     height: 100%;
     background: #000
 }

 .owl-carousel .owl-video-play-icon {
     position: absolute;
     height: 80px;
     width: 80px;
     left: 50%;
     top: 50%;
     margin-left: -40px;
     margin-top: -40px;
     background: url("owl.video.play.png") no-repeat;
     cursor: pointer;
     z-index: 1;
     -webkit-backface-visibility: hidden;
     -webkit-transition: scale 100ms ease;
     -moz-transition: scale 100ms ease;
     -ms-transition: scale 100ms ease;
     -o-transition: scale 100ms ease;
     transition: scale 100ms ease
 }

 .owl-carousel .owl-video-play-icon:hover {
     -webkit-transition: scale(1.3, 1.3);
     -moz-transition: scale(1.3, 1.3);
     -ms-transition: scale(1.3, 1.3);
     -o-transition: scale(1.3, 1.3);
     transition: scale(1.3, 1.3)
 }

 .owl-carousel .owl-video-playing .owl-video-tn,
 .owl-carousel .owl-video-playing .owl-video-play-icon {
     display: none
 }

 .owl-carousel .owl-video-tn {
     opacity: 0;
     height: 100%;
     background-position: center center;
     background-repeat: no-repeat;
     -webkit-background-size: contain;
     -moz-background-size: contain;
     -o-background-size: contain;
     background-size: contain;
     -webkit-transition: opacity 400ms ease;
     -moz-transition: opacity 400ms ease;
     -ms-transition: opacity 400ms ease;
     -o-transition: opacity 400ms ease;
     transition: opacity 400ms ease
 }

 .owl-carousel .owl-video-frame {
     position: relative;
     z-index: 1
 }

 .owl-origin {
     -webkit-perspective: 1200px;
     -webkit-perspective-origin-x: 50%;
     -webkit-perspective-origin-y: 50%;
     -moz-perspective: 1200px;
     -moz-perspective-origin-x: 50%;
     -moz-perspective-origin-y: 50%;
     perspective: 1200px
 }

 .owl-fade-out {
     z-index: 10;
     -webkit-animation: fadeOut .7s both ease;
     -moz-animation: fadeOut .7s both ease;
     animation: fadeOut .7s both ease
 }

 .owl-fade-in {
     -webkit-animation: fadeIn .7s both ease;
     -moz-animation: fadeIn .7s both ease;
     animation: fadeIn .7s both ease
 }

 .owl-backSlide-out {
     -webkit-animation: backSlideOut 1s both ease;
     -moz-animation: backSlideOut 1s both ease;
     animation: backSlideOut 1s both ease
 }

 .owl-backSlide-in {
     -webkit-animation: backSlideIn 1s both ease;
     -moz-animation: backSlideIn 1s both ease;
     animation: backSlideIn 1s both ease
 }

 .owl-goDown-out {
     -webkit-animation: scaleToFade .7s ease both;
     -moz-animation: scaleToFade .7s ease both;
     animation: scaleToFade .7s ease both
 }

 .owl-goDown-in {
     -webkit-animation: goDown .6s ease both;
     -moz-animation: goDown .6s ease both;
     animation: goDown .6s ease both
 }

 .owl-fadeUp-in {
     -webkit-animation: scaleUpFrom .5s ease both;
     -moz-animation: scaleUpFrom .5s ease both;
     animation: scaleUpFrom .5s ease both
 }

 .owl-fadeUp-out {
     -webkit-animation: scaleUpTo .5s ease both;
     -moz-animation: scaleUpTo .5s ease both;
     animation: scaleUpTo .5s ease both
 }

 @-webkit-keyframes "empty" {
     0% {
         opacity: 1;
     }
 }

 @-moz-keyframes "empty" {
     0% {
         opacity: 1;
     }
 }

 @keyframes "empty" {
     0% {
         opacity: 1;
     }
 }

 @-webkit-keyframes "fadeIn" {
     0% {
         opacity: 0;
     }

     100% {
         opacity: 1;
     }
 }

 @-moz-keyframes "fadeIn" {
     0% {
         opacity: 0;
     }

     100% {
         opacity: 1;
     }
 }

 @keyframes "fadeIn" {
     0% {
         opacity: 0;
     }

     100% {
         opacity: 1;
     }
 }

 @-webkit-keyframes "fadeOut" {
     0% {
         opacity: 1;
     }

     100% {
         opacity: 0;
     }
 }

 @-moz-keyframes "fadeOut" {
     0% {
         opacity: 1;
     }

     100% {
         opacity: 0;
     }
 }

 @keyframes "fadeOut" {
     0% {
         opacity: 1;
     }

     100% {
         opacity: 0;
     }
 }

 @-webkit-keyframes "backSlideOut" {
     25% {
         opacity: .5;
         -webkit-transform: translateZ(-500px);
     }

     75% {
         opacity: .5;
         -webkit-transform: translateZ(-500px) translateX(-200%);
     }

     100% {
         opacity: .5;
         -webkit-transform: translateZ(-500px) translateX(-200%);
     }
 }

 @-moz-keyframes "backSlideOut" {
     25% {
         opacity: .5;
         -moz-transform: translateZ(-500px);
     }

     75% {
         opacity: .5;
         -moz-transform: translateZ(-500px) translateX(-200%);
     }

     100% {
         opacity: .5;
         -moz-transform: translateZ(-500px) translateX(-200%);
     }
 }

 @keyframes "backSlideOut" {
     25% {
         opacity: .5;
         transform: translateZ(-500px);
     }

     75% {
         opacity: .5;
         transform: translateZ(-500px) translateX(-200%);
     }

     100% {
         opacity: .5;
         transform: translateZ(-500px) translateX(-200%);
     }
 }

 @-webkit-keyframes "backSlideIn" {

     0%,
     25% {
         opacity: .5;
         -webkit-transform: translateZ(-500px) translateX(200%);
     }

     75% {
         opacity: .5;
         -webkit-transform: translateZ(-500px);
     }

     100% {
         opacity: 1;
         -webkit-transform: translateZ(0) translateX(0);
     }
 }

 @-moz-keyframes "backSlideIn" {

     0%,
     25% {
         opacity: .5;
         -moz-transform: translateZ(-500px) translateX(200%);
     }

     75% {
         opacity: .5;
         -moz-transform: translateZ(-500px);
     }

     100% {
         opacity: 1;
         -moz-transform: translateZ(0) translateX(0);
     }
 }

 @keyframes "backSlideIn" {

     0%,
     25% {
         opacity: .5;
         transform: translateZ(-500px) translateX(200%);
     }

     75% {
         opacity: .5;
         transform: translateZ(-500px);
     }

     100% {
         opacity: 1;
         transform: translateZ(0) translateX(0);
     }
 }

 @-webkit-keyframes "scaleToFade" {
     to {
         opacity: 0;
         -webkit-transform: scale(.8);
     }
 }

 @-moz-keyframes "scaleToFade" {
     to {
         opacity: 0;
         -moz-transform: scale(.8);
     }
 }

 @keyframes "scaleToFade" {
     to {
         opacity: 0;
         transform: scale(.8);
     }
 }

 @-webkit-keyframes "goDown" {
     from {
         -webkit-transform: translateY(-100%);
     }
 }

 @-moz-keyframes "goDown" {
     from {
         -moz-transform: translateY(-100%);
     }
 }

 @keyframes "goDown" {
     from {
         transform: translateY(-100%);
     }
 }

 @-webkit-keyframes "scaleUpFrom" {
     from {
         opacity: 0;
         -webkit-transform: scale(1.5);
     }
 }

 @-moz-keyframes "scaleUpFrom" {
     from {
         opacity: 0;
         -moz-transform: scale(1.5);
     }
 }

 @keyframes "scaleUpFrom" {
     from {
         opacity: 0;
         transform: scale(1.5);
     }
 }

 @-webkit-keyframes "scaleUpTo" {
     to {
         opacity: 0;
         -webkit-transform: scale(1.5);
     }
 }

 @-moz-keyframes "scaleUpTo" {
     to {
         opacity: 0;
         -moz-transform: scale(1.5);
     }
 }

 @keyframes "scaleUpTo" {
     to {
         opacity: 0;
         transform: scale(1.5);
     }
 }

 @font-face {
     font-family: 'Glyphicons Halflings';
     src: url(../fonts/glyphicons-halflings-regular.eot);
     src: url(http://tik8.com/fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/glyphicons-halflings-regular.woff) format("woff"), url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(http://tik8.com/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular) format("svg")
 }

 @media (max-width: 991px) {
     .open-modal-sidenav {
         overflow: hidden
     }

     .pay_help .img_pay .img_buy_links a:nth-of-type(1) {
         left: 172px;
         top: 200px
     }

     .pay_help .img_pay .img_buy_links a:nth-of-type(2) {
         left: 186px;
         top: 88px
     }

     .pay_help .img_pay .img_buy_links a:nth-of-type(3) {
         left: 254px;
         top: 0
     }

     .pay_help .img_pay .img_buy_links a:nth-of-type(4) {
         left: 450px;
         top: 1px
     }

     .pay_help .img_pay .img_buy_links a:nth-of-type(5) {
         left: 526px;
         top: 89px
     }

     .pay_help .img_pay .img_buy_links a:nth-of-type(6) {
         left: 539px;
         top: 200px
     }

     .pay_help .img_pay {
         width: 100%
     }

     .news_single img {
         width: 51%;
         margin: 30px auto 0 !important;
         float: none
     }

     .news_single .news_main p {
         margin-top: 20px
     }

     .gallery_albums .details {
         width: 74%
     }

     .gallery_albums .gallery_thumb a {
         width: 86px;
         height: 86px
     }

     .gallery_albums .gallery_thumb a img {
         width: 100%;
         height: 100%
     }

     .item-wrapper {
         text-align: center
     }

     .navbar-header {
         float: none
     }

     .navbar-left,
     .navbar-right {
         float: none !important
     }

     .navbar-toggle {
         display: block
     }

     .navbar-collapse {
         border-top: 1px solid transparent;
         box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1)
     }

     .navbar-fixed-top {
         top: 0;
         border-width: 0 0 1px
     }

     .navbar-collapse.collapse {
         display: none !important
     }

     .navbar-nav {
         float: none !important;
         margin-top: 7.5px
     }

     .navbar-nav>li {
         float: none
     }

     .navbar-nav>li>a {
         padding-top: 10px;
         padding-bottom: 10px
     }

     .collapse.in {
         display: block !important
     }

     .item-wrapper {
         padding: 30px
     }

     .logined_user .dropdown-menu li a::before {
         margin: 0
     }

     .underline-center:before {
         top: 17px !important
     }

     .navbar-nav li:hover a {
         padding-top: 18px;
         padding-bottom: 12px
     }

     .navbar-menu .navbar-nav li:nth-child() {
         width: 0 !important;
         float: none !important
     }

     .navbar-top .usermenus li {
         display: inline-block
     }

     .navbar-brands {
         display: block
     }

     .navbar-brands img {
         margin-top: -5px !important
     }

     .navbar-menu .container .navbar-collapse {
         margin-right: 0 !important;
         margin-left: 0;
         padding-bottom: 25px
     }

     .navbar-menu .navbar-nav li {
         text-align: center
     }

     .navbar-menu .navbar-nav li a:before {
         background-repeat: no-repeat;
         background-color: transparent !important;
         background-size: auto
     }

     .navbar-menu .navbar-nav .theater a:before {
         content: "";
         background-position: -305px -179px;
         width: 21px;
         height: 18px
     }

     .navbar-menu .navbar-nav .concert a:before {
         content: "";
         background-position: -305px -254px;
         width: 22px;
         height: 25px;
         right: 7px
     }

     .navbar-menu .navbar-nav .cinema a:before {
         content: "";
         background-position: -306px -218px;
         width: 19px;
         height: 19px;
         right: 7px
     }

     .navbar-menu .navbar-nav .conference a:before {
         content: "";
         background-position: -302px -330px;
         width: 20px;
         height: 19px;
         right: 7px
     }

     .navbar-menu .navbar-nav .fun a:before {
         content: "";
         background-position: -350px -589px;
         width: 21px;
         height: 23px;
         right: 7px
     }

     .navbar-menu .navbar-nav .kid a:before {
         content: "";
         background-position: -638px -588px;
         width: 20px;
         height: 23px;
         right: 7px
     }

     .navbar-menu .navbar-nav .comic a:before {
         content: "";
         background-position: -350px -589px;
         width: 20px;
         height: 20px;
         right: 7px
     }

     .navbar-menu .navbar-nav .sport a:before {
         content: "";
         background-position: -302px -588px;
         width: 21px;
         height: 22px;
         right: 7px
     }

     .navbar-menu .navbar-nav .homeicon a:before {
         content: "";
         background-position: -299px -295px;
         width: 27px;
         height: 21px;
         right: 8px !important
     }

     .navbar-menu .navbar-nav .homeicon a {
         padding: 15px 20px
     }

     .navbar-menu .navbar-nav .homeicon span {
         line-height: 30px
     }

     .navbar-menu .navbar-nav .homeicon:hover {
         background: transparent
     }

     .navbar-menu .navbar-nav .usermenus li a {
         font-size: 12px !important
     }

     .navbar-menu .navbar-nav .homeicon a,
     .navbar-menu .navbar-nav .theater a,
     .navbar-menu .navbar-nav .concert a,
     .navbar-menu .navbar-nav .cinema a,
     .navbar-menu .navbar-nav .conference a,
     .navbar-menu .navbar-nav .fun a,
     .navbar-menu .navbar-nav .kid a,
     .navbar-menu .navbar-nav .comic a,
     .navbar-menu .navbar-nav .sport a {
         float: right;
         font-size: 13px !important;
         padding-right: 50px !important
     }

     .navbar-menu .navbar-nav .homeicon:hover,
     .navbar-menu .navbar-nav .theater:hover,
     .navbar-menu .navbar-nav .concert:hover,
     .navbar-menu .navbar-nav .cinema:hover,
     .navbar-menu .navbar-nav .conference:hover,
     .navbar-menu .navbar-nav .fun:hover,
     .navbar-menu .navbar-nav .kid:hover,
     .navbar-menu .navbar-nav .comic:hover,
     .navbar-menu .navbar-nav .sport:hover {
         padding: 0
     }

     .navbar-menu .navbar-nav .theater,
     .navbar-menu .navbar-nav .concert,
     .navbar-menu .navbar-nav .cinema,
     .navbar-menu .navbar-nav .conference,
     .navbar-menu .navbar-nav .fun,
     .navbar-menu .navbar-nav .kid,
     .navbar-menu .navbar-nav .comic,
     .navbar-menu .navbar-nav .sport {
         width: 100%
     }

     .navbar-menu .navbar-nav .homeicon {
         background: none
     }

     .navbar-menu .navbar-nav .borderdiv {
         display: none
     }

     .navbar-menu .navbar-nav .underline-center:hover:before,
     .navbar-menu .navbar-nav .underline-center:focus:before,
     .navbar-menu .navbar-nav .underline-center:active:before {
         left: auto;
         right: 17px !important
     }

     .navbar-menu .phone-menu {
         color: #666;
         min-width: 1px;
         padding-top: 3px;
         text-decoration: none
     }

     .navbar-menu .phone-menu li:nth-child(1) {
         width: 100%;
         border-top: 1px solid #646464 !important
     }

     .navbar-menu .phone-menu li {
         float: right;
         clear: both;
         margin-top: 10px;
         padding: 4px 23px
     }

     .navbar-menu .phone-menu li a {
         margin-right: 32px;
         font-size: 12px;
         text-decoration: none;
         color: #ccc;
         position: relative
     }

     .navbar-menu .phone-menu li a::after {
         content: "";
         position: absolute;
         right: -32px;
         top: 4px;
         background-position: -212px -593px;
         width: 8px;
         height: 12px
     }

     .logined_user.logined_navbar-menu {
         min-width: 1px;
         width: 100%;
         border-bottom: 1px solid #646464;
         margin-right: -1px !important;
         padding: 0 0 10px
     }

     .logined_user.logined_navbar-menu span.user_remain {
         padding: 10px 28px
     }

     .logined_user.logined_navbar-menu li {
         float: none !important;
         text-align: right !important
     }

     .logined_user.logined_navbar-menu li a {
         line-height: 40px
     }

     .logined_user.logined_navbar-menu .user_name {
         color: #fff
     }

     .logined_user.logined_navbar-menu .dropdown.open .user_name {
         color: #787878;
         background-color: #fff
     }

     .logined_user.logined_navbar-menu .dropdown.open li a:hover {
         color: #3498db;
         background-color: #fff !important
     }

     .logined_user.logined_navbar-menu .dropdown.open li.exitico a:hover {
         color: #cb373c !important
     }

     .logined_user.logined_navbar-menu .dropdown-menu {
         padding-top: 0;
         top: 100%;
         position: absolute
     }

     .logined_user.logined_navbar-menu .dropdown-menu li a {
         margin: 0
     }

     .usermenus {
         min-width: 1px;
         width: 100%;
         border-bottom: 1px solid #646464;
         margin-right: -1px !important
     }

     .usermenus .signup {
         margin-right: -30px
     }

     .usermenus .signup::before {
         background-position: -16px -23px !important;
         background-repeat: no-repeat;
         width: 14px;
         height: 15px
     }

     .usermenus .login {
         margin-right: -50px
     }

     .usermenus .login::before {
         background-position: -65px -23px !important;
         background-repeat: no-repeat;
         width: 15px;
         height: 14px
     }
 }

 @media (min-width: 992px) and (max-width: 1199px) {
     .buyContainer .rule-confirm {
         bottom: 0px
     }
 }

 @media (max-width: 992px) {
     .shahrzad__banner {
         margin-top: -10px;
         margin-bottom: 15px
     }

     .rslides_tabs {
         bottom: 0px;
         background: #dcdcdc;
         padding: 0px
     }

     .rslides_tabs li {
         margin: 8px 6px 0
     }

     .rslides_tabs a {
         display: block;
         background: #999;
         width: 15px;
         height: 15px;
         color: transparent;
         border: 0px;
         text-indent: 0;
         overflow: hidden;
         opacity: 1;
         transition: all 200ms
     }

     .slider-wrapper {
         margin-top: -25px
     }
 }

 @media (max-width: 768px) {
     .google-voice.col-lg-12 {
         padding-left: 15px !important;
         padding-right: 15px !important
     }

     .buyContainer .rule-confirm {
         position: absolute;
         bottom: 56px;
         left: 13px;
         right: auto
     }
 }

 @media (max-width: 480px) {
     .buyContainer .check-box-rules {
         margin-bottom: 10px
     }

     .buyContainer .rule-confirm {
         bottom: 47px;
         right: 13px;
         left: auto
     }

     .modal-content [name='registerForm'],
     .modal-content [name='userForm'] {
         margin: 0 -30px
     }
 }

 @media (min-width: 769px) {
     .event_artists .e_artist:nth-child(3n) {
         padding-left: 0
     }

     .navbar-top .nav-newsletter {
         top: 13px
     }

     .newsletter {
         padding: 0;
         margin-bottom: 15px !important;
         margin-top: 0px
     }

     .usermenus li a {
         padding-top: 17px
     }
 }

 @media (min-width: 769px) and (max-width: 1120px) {
     .grid .element-item {
         margin: 0 5px 5px;
         width: 31.6% !important
     }

     .sub-artist-menu ul {
         float: left
     }
 }

 @media (min-width: 769px) and (max-width: 1200px) {
     .dl-app-btn p {
         font-size: 14px !important
     }

     .Asection4 .arrow-down-b {
         margin-top: 145px
     }

     .newsletter button {
         padding: 0 12px
     }

     .profile-favorites .remove-btn {
         position: absolute;
         width: 30px;
         height: 30px;
         background: #cb373c;
         border-radius: 50%;
         text-align: center;
         line-height: 30px;
         color: #fff;
         border: 2px solid #fff;
         position: absolute;
         top: 8px;
         right: 30px;
         cursor: pointer
     }

     .profile-favorites .caption {
         margin-bottom: 15px
     }

     .profile-favorites .caption p {
         text-align: center;
         padding-top: 10px;
         font-size: 12px;
         color: #787878
     }

     .event_buttons .e_but_gallery,
     .event_buttons .e_but_buy {
         margin-bottom: 10px
     }

     .navbar-fixed-top .logined_user .user_name {
         max-width: 116px;
         font-size: 11px
     }
 }

 @media (min-width: 991px) {
     .navbar-menu .navbar-nav .homeicon a {
         padding: 13px 18px 16px
     }

     .navbar-top .nav-newsletter {
         margin-right: -20px;
         margin-left: -20px
     }

     .eventssec {
         padding-left: 0 !important
     }
 }

 @media (min-width: 769px) and (max-width: 991px) {
     .profile-favorites .remove-btn {
         position: absolute;
         width: 30px;
         height: 30px;
         background: #cb373c;
         border-radius: 50%;
         text-align: center;
         line-height: 30px;
         color: #fff;
         border: 2px solid #fff;
         position: absolute;
         top: 7px;
         right: 25px;
         cursor: pointer
     }

     .profile-favorites img {
         cursor: pointer;
         width: 100%
     }

     .profile-favorites .caption {
         margin-bottom: 15px
     }

     .profile-favorites .caption p {
         text-align: center;
         padding-top: 10px;
         font-size: 12px;
         color: #787878
     }

     header {
         margin-bottom: 20px !important
     }

     .getapps {
         height: 84px !important;
         margin-top: 42px;
         width: 100%;
         overflow: hidden;
         display: block;
         margin-bottom: 20px
     }

     .getapps .btn-dl-footer {
         height: 47px !important;
         margin-top: 0% !important
     }

     .getapps .col-sm-12 {
         padding-left: 0 !important
     }

     .sm-nopadd-left {
         padding-left: 0 !important
     }
 }

 @media (min-width: 1200px) {
     .arrow-down-1 {
         margin-top: 455px
     }

     .arrow-down-2 {
         margin-top: 530px
     }

     .arrow-down-3 {
         margin-top: 530px
     }

     .panel .nocarousel .item:nth-child(4n) {
         margin-left: 0
     }

     .panel .nocarousel .item {
         width: 24%
     }

     .event_button {
         float: right
     }

     .event_button:first-of-type {
         padding-right: 0 !important
     }

     .event_button:last-of-type {
         padding-left: 0 !important
     }

     .logined_user .user_name {
         width: 100%
     }
 }

 @media (max-width: 1200px) {
     .pay_help .paypage img {
         width: 77% !important
     }

     .pay_help .buypage img {
         width: 395px !important
     }

     .pay_help .img_pay .img_pay_links {
         top: 23px
     }

     .navbar-menu .navbar-nav li a {
         padding: 16px 31px
     }

     .arrow-down-1 {
         margin-top: 375px
     }

     .arrow-down-2 {
         margin-top: 435px
     }

     .arrow-down-3 {
         margin-top: 450px
     }

     .navbar-menu .logined_user_main.navbar-nav li:nth-child(n+2) a {
         padding: 15px 14px
     }

     .comment .cm_avatar {
         width: 7.4%
     }

     .comment .cm_text {
         width: 89.3%
     }

     .nocarousel .item {
         width: 31.76%
     }

     .soft-btn-col {
         position: relative;
         margin-top: 240px
     }

     .news_album ul li a h2 {
         font-size: 12px
     }

     .ngdialog.ngdialog-theme-default .ngdialog-content {
         margin: 0 30px !important
     }

     footer .getapp {
         background: #252525;
         display: block;
         overflow: hidden;
         height: 60px;
         padding: 0 20px;
         border: 1px solid #999999;
         margin-bottom: 14px
     }

     footer .getapp:hover {
         border-color: #fff
     }

     footer .getapp span {
         display: block;
         line-height: 60px;
         color: #fff;
         padding-right: 46px;
         font-size: 12px
     }

     footer .socials ul li {
         margin-right: -2px
     }
 }

 @media (max-width: 991px) {
     .navbar-top .logined_user .user_name:before {
         top: 20px
     }

     .goo-v,
     .google-voice {
         padding: 0;
         margin-bottom: 15px !important
     }

     .logined_user_main li a:before {
         left: auto;
         right: 10px !important
     }

     .Asection2-text,
     .Asection3-text {
         margin: 15px 0 !important;
         text-align: center !important
     }

     .Asection2-text p,
     .Asection3-text p {
         text-align: center !important
     }

     .arrow-down-1 {
         margin-top: 15px
     }

     .arrow-down-2 {
         margin-top: 15px
     }

     .arrow-down-3 {
         margin-top: 15px
     }

     .soft-btn-col {
         position: relative;
         margin-top: 10px
     }

     .soft-btn-col .btn-soft {
         margin: 0 5px 0 0
     }

     .navbar-menu .navbar-nav li a {
         padding: 16px 14px
     }

     .single_head {
         margin-top: -30px
     }

     .event_image_big .bigshadow {
         display: none
     }

     .event_image_big img {
         width: 46%
     }

     .navbar-top .usermenus li .login {
         padding-right: 20px
     }

     .navbar-brand img {
         width: 80%;
         float: left;
         margin-top: -8px !important
     }

     .panel .nocarousel .item {
         width: 31.76%
     }

     span.title-2::before {
         top: 100px
     }

     .main-alert-wrapper .alert-wrapper-inner {
         margin: 6px 0 10px;
         position: relative;
         top: 0
     }

     .ngdialog.ngdialog-theme-default .ngdialog-content {
         margin: 0 20px !important
     }

     .navbar-menu .navbar-nav .homeicon a {
         margin-right: 0
     }

     .artist-profile .thumbnail {
         margin: 30px auto 6px auto
     }

     .artist-profile .thumbnail .caption {
         padding: 20px 0 0 0
     }
 }

 @media (max-width: 769px) {
     .logined_user .dropdown-menu li a::before {
         margin-top: 2px !important
     }

     .open-nav {
         padding-right: 15px
     }

     a.dropdown-toggle {
         width: 100%
     }

     .navbar-top .logined_user .user_remain {
         width: 100%;
         min-width: 100%
     }

     .getapps {
         height: 110px !important;
         margin-bottom: 15px
     }

     .getapps .btn-dl-footer {
         height: 73px !important;
         margin-top: 11% !important
     }

     .img_buy_links {
         display: none
     }

     .pay_help .single_heading h4 {
         text-align: center
     }

     .img_pay_links {
         right: 10px !important;
         top: 0 !important
     }

     .pay_help .paypage img {
         display: block;
         margin: 0 auto 20px
     }

     .about .about_content {
         height: auto
     }

     .about .icons_content {
         height: auto
     }

     .about img {
         width: 50% !important
     }

     .about .sans_about img {
         width: 30% !important
     }

     .about .aboutsec {
         padding: 30px 0
     }

     .about .singleicon {
         display: none
     }

     .about .icons_about img {
         width: 38% !important
     }

     .about .single_heading p {
         text-align: center
     }

     .about .single_heading h2 {
         text-align: center
     }

     .gallery_albums .details {
         width: 100%
     }

     .gallery_albums .gallery_thumb a {
         width: 92px;
         height: 92px
     }

     .gallery_albums .gallery_thumb a img {
         width: 100%;
         height: 100%
     }

     .gallery_albums .panel {
         height: 280px
     }

     .soft-btn-col {
         position: relative;
         margin-top: 0
     }

     .soft-btn-col .btn-soft {
         margin: 5px
     }

     .profile-ticket .table-header>td {
         font-size: 10px !important
     }

     .profile-ticket tr td {
         font-size: 8px !important
     }

     .profile-ticket tr td a {
         margin: 0 3px
     }

     .profile-comment .profile-comment-cont .done-comment {
         text-align: right;
         margin-top: 10px
     }

     .error-code {
         width: 320px;
         text-align: center
     }

     .error-code span {
         padding: 0;
         position: static;
         background: transparent;
         font-size: 150px;
         width: initial;
         height: initial
     }

     .error-code span.first {
         color: #3498db;
         animation: fisrt 0s
     }

     .error-code span.first+span {
         animation: center 0s;
         color: #cc3333
     }

     .error-code span.last {
         color: #7BC673
     }

     .error-message {
         margin-top: 10px
     }

     aside .e_i_side {
         display: none
     }

     .event_artists .e_artist {
         padding-left: 0
     }

     .newComment {
         width: 100%
     }

     .commentsTerms {
         width: 100%;
         margin-right: 0
     }

     .comment .cm_avatar {
         width: 10.8%
     }

     .comment .cm_text {
         width: 84.6%
     }

     .navbar-nav li:hover a {
         padding-top: 18px;
         padding-bottom: 12px
     }

     .event_buttons a {
         margin-bottom: 10px
     }

     .event_buttons .event_button {
         padding: 0 !important
     }

     .navbar-menu .navbar-nav li:nth-child() {
         width: 0 !important;
         float: none !important
     }

     .navbar-top .usermenus li {
         display: inline-block
     }

     .getapp {
         margin-top: 14px !important;
         margin-bottom: 0
     }

     .panel .nocarousel .item {
         width: 48.6%
     }

     .panel .nocarousel .item:nth-child(2n) {
         margin-left: 0
     }

     .grid .element-item {
         margin: 0 5px 5px;
         width: 48% !important
     }

     .intro_artist img {
         margin: 0 auto;
         float: none;
         display: block
     }

     .intro_artist p {
         font-size: 12px;
         line-height: 1.9;
         margin-top: 5px
     }

     .intro_artist .artistname {
         float: none;
         margin: 10px auto
     }

     .intro_artist .artistname a,
     .intro_artist .artistname span {
         text-align: center
     }

     .footerlinks ul li {
         list-style: none !important
     }

     footer {
         padding: 45px 0 0
     }

     footer .copyright {
        background: none !important;
         text-align: center
     }

     .links:after {
         border-bottom: 0 solid #141414 !important
     }

     .namad img {
         display: none;
         margin: 0 auto;
         width: 82px
     }

     .footerlinks {
         margin-bottom: 30px
     }

     .footerlinks h5 {
         text-align: center;
         font-size: 17px
     }

     .footerlinks ul li {
         text-align: center;
         padding: 10px
     }

     .footerlinks ul li a {
         font-size: 14px
     }

     .navbar-top {
         padding-bottom: 15px;
         margin-bottom: 10px
     }

     .navbar-top .nav-newsletter {
         margin: 10px 12px 0
     }

     .navbar-top .navbar-nav {
         margin: 7.5px 5px
     }

     .navbar-menu .navbar-nav li a {
         padding: 15px 30px
     }

     #bs-example-navbar-collapse-1 {
         padding: 0 15px
     }

     footer .pull-right {
         float: none !important
     }

     footer .pull-left {
         float: none !important
     }

     .ngdialog.ngdialog-theme-default .ngdialog-content {
         margin: 0 10px !important
     }

     .hall-header-poster,
     .selected-map {
         display: none
     }

     .hall-event-info,
     .hall-event-help {
         padding-left: 0
     }

     .hall-event-help {
         margin-top: 20px
     }

     .continue-buy-wrapper {
         float: none;
         margin-top: 20px
     }

     footer .socials ul li {
         margin-right: -4px
     }

     .hall-wrap {
         max-width: none !important;
         width: auto !important;
         overflow: scroll;
         min-width: 800px
     }

     .ngdialog-content .ngdialog-close {
         right: auto !important;
         top: 0 !important;
         left: 40px !important
     }

     .chairs-wrapper {
         display: inline-block;
         width: 100%
     }

     .chairs {
         text-align: center;
         min-width: 100% !important;
         padding-bottom: 118px !important
     }

     .ngdialog-open .ngdialog-content {
         overflow: scroll !important
     }
 }

 @media (max-width: 620px) {
     .comment .cm_avatar {
         width: 12.8%
     }

     .comment .cm_text {
         width: 80.6%
     }

     .grid .element-item {
         width: 47% !important
     }

     .panel .nocarousel .item {
         width: 48.6%
     }

     .panel .nocarousel .item:nth-child(even) {
         margin-left: 0
     }

     .ngdialog.ngdialog-theme-default .ngdialog-content {
         margin: 0 6px !important
     }

     .button-group button {
         width: auto;
         display: inline !important;
         padding: 0 12px
     }

     .button-group {
         margin-top: 10px;
         width: 100%
     }

     .button-group button.is-checked {
         color: #cb373c;
         text-decoration: underline
     }

     .button-group button.is-checked:before {
         display: none;
         border: 0
     }
 }

 @media (max-width: 480px) {
     .sheba-no {
         width: 92% !important
     }

     .conf-btn-reserve>button {
         min-width: 100%
     }

     .single_heading {
         margin: 15px 5px
     }

     .single_heading .no-pad {
         padding: 0
     }

     .single_heading .single_heading {
         margin: 15px 5px
     }

     .newsletter-select .newsletter-input {
         padding-left: 105px !important;
         direction: ltr
     }

     .newsletter input[type="text"]:focus {
         padding-left: 105px !important
     }

     .follow-btn {
         width: 100% !important
     }

     .more_news span {
         float: left !important;
         padding-left: 10px;
         padding-top: 5px !important
     }

     .more_news .social-sub {
         width: 100% !important
     }

     .getapps {
         height: 65px !important;
         margin-bottom: 10px
     }

     .getapps .btn-dl-footer {
         height: 65px !important;
         margin-top: 11% !important
     }

     .newsletter-select select {
         font-size: 8px !important
     }

     .newsletter-select .newsletter-input {
         font-size: 9px !important
     }

     .categories-group input {
         margin: 10px 0 0 2px !important
     }

     .categories-group label {
         font-size: 9px
     }

     .payment-form .checkbox-pay label {
         font-size: 9px
     }

     .pay-message {
         font-size: 8px
     }

     table tr.table-header td {
         font-size: 8px !important
     }

     table tr td {
         font-size: 8px
     }

     table tr.table-footer td {
         font-size: 8px !important;
         padding-right: 2px;
         padding-left: 2px
     }

     .your-ticket span {
         font-size: 11px
     }

     .your-ticket span:nth-child(2)::before {
         font-size: 10px
     }

     .dropdown-pro li {
         font-size: 12px
     }

     .profile-dropdown .username-pro a {
         font-size: 12px
     }

     .comment .cm_avatar {
         display: none
     }

     .comment .cm_text {
         width: 100%;
         margin-right: 0
     }

     .panel .nocarousel .item {
         width: 100%
     }

     .items .item h3,
     .items .item p {
         text-align: center
     }

     .grid .element-item {
         width: 100% !important
     }

     .navbar-top .nav-newsletter button {
         position: relative;
         width: 100%;
         margin: 10px 0
     }

     .navbar-top .usermenus {
         float: none;
         width: 100%
     }

     .navbar-top .usermenus li .login {
         padding-right: 10px
     }

     .navbar-top .usermenus .navbar-nav {
         width: 156px;
         margin: 0 auto;
         display: block
     }

     .navbar-menu .navbar-nav li a {
         padding: 15px 20px
     }

     .contactform .half_size {
         width: 100%;
         padding-left: 0
     }

     .gallery_albums .gallery_thumb a {
         width: 60px;
         height: 60px
     }

     .gallery_albums .panel {
         height: 214px
     }

     .ngdialog.ngdialog-theme-default .ngdialog-content {
         margin: 0 !important
     }

     .tik8-form .right-inner-addon .social-login-wrapper {
         font-size: 12px
     }

     .tik8-form .right-inner-addon .social-login-wrapper .social-login::before {
         right: -10px
     }

     .tik8-form .right-inner-addon .social-login-wrapper .social-login {
         padding-right: 24px
     }

     .tik8-form .right-inner-addon .checkbox-wrapper label {
         font-size: 11px
     }
 }

 @media (max-width: 769px) {
     .short_det>div {
         margin: 4px 0 !important
     }

     .Asection4 .limage4 {
         transform: scale(0.8)
     }

     .Asection4 .limage4:hover {
         transform: scale(0.8)
     }

     .gallery_albums .cover {
         display: none
     }

     .gallery_albums .details {
         width: 100%
     }

     .item-wrapper {
         text-align: center
     }

     .underline-center:hover {
         margin-top: 0 !important
     }

     .shutter-horizontal {
         font-size: 10px !important;
         padding: 10px !important
     }

     .underline-center:before {
         top: 14px !important
     }

     .header-shutter .newslettericon {
         right: 25px !important
     }

     .header-shutter button {
         left: 15px !important
     }

     .newsletter input[type=text]:focus {
         padding-left: 105px !important
     }
 }

 @media (max-width: 769px) {
     .checkbox-btn {
         margin-bottom: 15px
     }

     span.title-2::before {
         top: 106px
     }

     .cinema-center h3 {
         padding-right: 14px
     }

     .cc-address {
         float: right !important;
         margin-right: 15px
     }

     .cc-address::before {
         right: 4px
     }

     .cc-active {
         font-size: 11px;
         color: #fff
     }

     .cc-active .cc-address {
         font-size: 11px;
         color: #fff;
         padding-left: 20px
     }

     .cc-active .cc-address:before {
         content: "";
         width: 18px;
         height: 26px;
         background-repeat: no-repeat;
         background-position: -109px -347px;
         left: 10px;
         display: block;
         position: absolute;
         top: 6px
     }

     .reserv-footer {
         text-align: right
     }

     .reserv-footer .price {
         text-align: right
     }

     .reserv-footer .buy-guide {
         text-align: right
     }

     .cc-phone {
         float: none !important;
         padding-right: 0px;
         padding-left: 0px !important
     }

     .cc-phone::before {
         content: "";
         background: none;
         right: 16px;
         top: 8px
     }

     .all-options {
         right: 0
     }

     footer .socials {
         margin: auto;
         margin-top: 28px
     }
 }

 @media (max-width: 320px) {
     .getapps {
         height: 55px !important;
         margin-bottom: 0 !important
     }

     .getapps .btn-dl-footer {
         height: 70px !important;
         margin-top: 11% !important
     }

     .cinema-center .col-xs-12:nth-child(1) {
         padding-bottom: 40px
     }

     .cinema-center .cc-address {
         line-height: 25px
     }

     .ticket-row {
         padding: 0 !important;
         left: 9px
     }

     .cinema-center .col-xs-12:nth-child(1) {
         padding-bottom: 0
     }

     .title-1 {
         font-size: 8px
     }

     .title-2 {
         font-size: 8px
     }
 }

 @media (max-width: 1199px) {
     footer .socials ul li {
         margin: auto 13px 10px !important
     }
 }

 @media (min-width: 991px) and (max-width: 1200px) {
     .getapps a .phones {
         height: 130px !important
     }

     .pay_help .img_pay .img_buy_links a:nth-of-type(1) {
         left: 113px;
         top: 200px
     }

     .pay_help .img_pay .img_buy_links a:nth-of-type(2) {
         left: 127px;
         top: 88px
     }

     .pay_help .img_pay .img_buy_links a:nth-of-type(3) {
         left: 195px;
         top: 0
     }

     .pay_help .img_pay .img_buy_links a:nth-of-type(4) {
         left: 391px;
         top: 1px
     }

     .pay_help .img_pay .img_buy_links a:nth-of-type(5) {
         left: 467px;
         top: 89px
     }

     .pay_help .img_pay .img_buy_links a:nth-of-type(6) {
         left: 480px;
         top: 200px
     }

     .gallery_albums .details {
         width: 59%
     }

     .gallery_albums .panel {
         height: 332px
     }

     .gallery_albums .gallery_thumb a img {
         width: 76px;
         height: 76px;
         margin: 0
     }

     .gallery_albums .gallery_thumb a {
         width: 76px;
         height: 76px
     }

     .gallery_albums ul li span {
         padding-top: 2px
     }

     .re_title {
         width: 180px;
         text-align: center;
         max-width: 180px;
         padding: 7px 0
     }

     .release a {
         height: 220px
     }

     .release .re_details {
         top: initial;
         right: initial;
         width: 100%;
         bottom: 22px
     }

     .release .re_details .re_caption {
         width: 100%;
         max-width: 100%;
         text-align: center
     }

     .release figure img {
         margin-right: 50px
     }

     .tik8-form.newsletter-select .newsletter-input {
         font-size: 10px
     }

     .tik8-form.newsletter-select select {
         padding-right: 8px;
         background-position: left 5px top 50%
     }

     .slider-button {
         left: 6%
     }

     .releasing .release a span {
         text-align: center
     }
 }

 @media (max-width: 990px) {
     .main-alert-wrapper {
         position: fixed;
         top: 0
     }

     .main-alert-wrapper .alert-wrapper-inner {
         top: 0
     }

     .namad {
         display: none
     }
 }

 @media screen and (max-width: 408px) {
     .artist .col-mob {
         width: 100% !important
     }
 }

 @media print {
     .get-ticket .tvf-print {
         margin-bottom: 0;
         padding-bottom: 0;
         border-bottom: none
     }
 }

 @media screen and (max-width: 488px) {
     .get-ticket .tickets {
         overflow-y: scroll
     }
 }

 @media (min-width: 1000px) and (max-width: 1300px) {
     .slider-button {
         left: 8%
     }
 }

 @media (min-width: 1200px) and (max-width: 1300px) {
     footer .scrollup {
         margin-right: -20px
     }
 }

 @media (min-width: 994px) and (max-width: 1090px) {
     footer .scrollup {
         margin-right: -16px
     }
 }

 @media (min-width: 992px) {
     .navbar-top .logined_user .dropdown-toggle {
         border: 1px solid gainsboro;
         padding: 3px 10px;
         margin: 10px 0
     }

     .navbar-top .logined_user .dropdown-toggle:hover {
         border-color: gainsboro
     }
 }

 body.compensate-for-scrollbar {
     overflow: hidden
 }

 .drop-box {
     background: #F8F8F8;
     border: 5px dashed #DDD;
     width: 200px;
     height: 65px;
     text-align: center;
     padding-top: 25px;
     margin: 10px
 }

 .dragover {
     border: 5px dashed blue
 }

 mrdisplay {
     display: none
 }

 .toast-title {
     font-weight: bold
 }

 .toast-message {
     word-wrap: break-word
 }

 .toast-message a,
 .toast-message label {
     color: #FFFFFF
 }

 .toast-message a:hover {
     color: #CCCCCC;
     text-decoration: none
 }

 .toast-close-button {
     position: relative;
     right: -0.3em;
     top: -0.3em;
     float: right;
     font-size: 20px;
     font-weight: bold;
     color: #FFFFFF;
     -webkit-text-shadow: 0 1px 0 #ffffff;
     text-shadow: 0 1px 0 #ffffff;
     opacity: 0.8
 }

 .toast-close-button:hover,
 .toast-close-button:focus {
     color: #000000;
     text-decoration: none;
     cursor: pointer;
     opacity: 0.4
 }

 button.toast-close-button {
     padding: 0;
     cursor: pointer;
     background: transparent;
     border: 0;
     -webkit-appearance: none
 }

 .toast-top-center {
     top: 0;
     right: 0;
     width: 100%
 }

 .toast-bottom-center {
     bottom: 0;
     right: 0;
     width: 100%
 }

 .toast-top-full-width {
     top: 0;
     right: 0;
     width: 100%
 }

 .toast-bottom-full-width {
     bottom: 0;
     right: 0;
     width: 100%
 }

 .toast-top-left {
     top: 12px;
     left: 12px
 }

 .toast-top-right {
     top: 12px;
     right: 12px
 }

 .toast-bottom-right {
     right: 12px;
     bottom: 12px
 }

 .toast-bottom-left {
     bottom: 12px;
     left: 12px
 }

 #toast-container {
     position: fixed;
     z-index: 999999
 }

 #toast-container * {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box
 }

 #toast-container .toast {
     position: relative;
     overflow: hidden;
     margin: 0 0 6px;
     padding: 15px 15px 15px 50px;
     width: 300px;
     -moz-border-radius: 3px 3px 3px 3px;
     -webkit-border-radius: 3px 3px 3px 3px;
     border-radius: 3px 3px 3px 3px;
     background-position: 15px center;
     background-repeat: no-repeat;
     -moz-box-shadow: 0 0 12px #999999;
     -webkit-box-shadow: 0 0 12px #999999;
     box-shadow: 0 0 12px #999999;
     color: #FFFFFF;
     opacity: 0.8
 }

 #toast-container .toast:hover {
     -moz-box-shadow: 0 0 12px #000000;
     -webkit-box-shadow: 0 0 12px #000000;
     box-shadow: 0 0 12px #000000;
     opacity: 1;
     cursor: pointer
 }

 #toast-container .toast.toast-info {
     background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important
 }

 #toast-container .toast.toast-error {
     background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important
 }

 #toast-container .toast.toast-success {
     background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important
 }

 #toast-container .toast.toast-warning {
     background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important
 }

 #toast-container.toast-top-center .toast,
 #toast-container.toast-bottom-center .toast {
     width: 300px;
     margin-left: auto;
     margin-right: auto
 }

 #toast-container.toast-top-full-width .toast,
 #toast-container.toast-bottom-full-width .toast {
     width: 96%;
     margin-left: auto;
     margin-right: auto
 }

 .toast {
     background-color: #030303
 }

 .toast-success {
     background-color: #51A351
 }

 .toast-error {
     background-color: #BD362F
 }

 .toast-info {
     background-color: #2F96B4
 }

 .toast-warning {
     background-color: #F89406
 }

 progress-bar {
     position: absolute;
     left: 0;
     bottom: 0;
     height: 4px;
     background-color: #000000;
     opacity: 0.4
 }

 div[toast] {
     opacity: 1 !important
 }

 div[toast].ng-enter {
     opacity: 0 !important;
     transition: opacity .3s linear
 }

 div[toast].ng-enter.ng-enter-active {
     opacity: 1 !important
 }

 div[toast].ng-leave {
     opacity: 1;
     transition: opacity .3s linear
 }

 div[toast].ng-leave.ng-leave-active {
     opacity: 0 !important
 }

 @media all and (max-width: 240px) {
     #toast-container .toast.div {
         padding: 8px 8px 8px 50px;
         width: 11em
     }

     #toast-container .toast-close-button {
         right: -0.2em;
         top: -0.2em
     }
 }

 @media all and (min-width: 241px) and (max-width: 480px) {
     #toast-container .toast.div {
         padding: 8px 8px 8px 50px;
         width: 18em
     }

     #toast-container .toast-close-button {
         right: -0.2em;
         top: -0.2em
     }
 }

 @media all and (min-width: 481px) and (max-width: 768px) {
     #toast-container .toast.div {
         padding: 15px 15px 15px 50px;
         width: 25em
     }
 }

 .alert>p,
 .alert>ul {
     margin-bottom: 0;
     direction: rtl;
 }


 .alert {
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     -o-border-radius: 2px;
     border-radius: 2px;
     border-width: 0;
     padding: 15px;
     margin-bottom: 20px;
     border: 1px solid transparent;
     display: block;
     list-style-type: disc;
     -webkit-margin-before: 1em;
     -webkit-margin-after: 1em;
     -webkit-margin-start: 0px;
     -webkit-margin-end: 0px;
     -webkit-padding-start: 40px;
 }

 .alert {
     padding: 15px;
     margin-bottom: 20px;
     border: 1px solid transparent;
     border-radius: 4px;
 }

 .alert h4 {
     margin-top: 0;
     color: inherit;
 }

 .alert .alert-link {
     font-weight: bold;
 }

 .alert>p,
 .alert>ul {
     margin-bottom: 0;
 }

 .alert>p+p {
     margin-top: 5px;
 }

 .alert-dismissable,
 .alert-dismissible {
     padding-right: 35px;
 }

 .alert-dismissable .close,
 .alert-dismissible .close {
     position: relative;
     top: -2px;
     right: -21px;
     color: inherit;
 }

 .alert-success {
     color: #3c763d;
     background-color: #dff0d8;
     border-color: #d6e9c6;
 }

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

 .alert-success .alert-link {
     color: #2b542c;
 }

 .alert-info {
     color: #31708f;
     background-color: #d9edf7;
     border-color: #bce8f1;
 }

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

 .alert-info .alert-link {
     color: #245269;
 }

 .alert-warning {
     color: #8a6d3b;
     background-color: #fcf8e3;
     border-color: #faebcc;
 }

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

 .alert-warning .alert-link {
     color: #66512c;
 }

 .alert-danger {
     color: #a94442;
     background-color: #f2dede;
     border-color: #ebccd1;
 }

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

 .alert-danger .alert-link {
     color: #843534;
 }

 .alert .close {
     float: left;
 }

 .logined_user_tickets_badge, .navbar-top .logined_user .dropdown-toggle{
     border-radius: 12px;
 }