@font-face {
  font-family: iransans;
  src: url(../font/iransans.ttf);
}
@font-face {
	font-family: catamaran;
	src: url(../font/catamaran.ttf);
}
body {
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	background: #f0f0f0;
}
body.rtl {
	direction: rtl;
	font-family: iransans;
}
body.ltr {
	direction: ltr;
	font-family: catamaran;
}
* {
	outline: none;
	box-sizing: border-box;
}
a {
	text-decoration: none !important;
	color: inherit;
}
.alignCenter {
	text-align: center;
}
.alignRight {
	text-align: right;
}
.alignLeft {
	text-align: left;
}
.pointer {
	cursor: pointer;
}
.red {
	color: red;
}
.hidden {
	display: none;
}
.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.wrapper {
	width: 90%;
	margin: 0px auto;
}
#sideMenu {
	display: none;
}
#sideLogo {
	padding: 15px 0px;
	text-align: center;
}
.sideMenuItem {
	margin: 10px;
	text-align: right;
	font-size: 14px;
	line-height: 35px;
	color: #000;
	padding-right: 15px;
}
.sideMenuItem.ltr {
	text-align: left;
}
.sideMenuItem i {
	color: #555955;
	margin-left: 15px;
	margin-right: 5px;
	font-size: 18px;
}
.sideMenuBreak {
	margin: 2px;
	border-top: 1px solid #555955;
}
#lightWindow {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: #00000078;
	display: none;
}

#alertPopup,
#addCreditPopup {
	position: fixed;
	top: 150px;
	left: calc(50% - 200px);
	z-index: 9999;
	background: #FFF;
	width: 400px;
	display: none;
	overflow: hidden;
	border-radius: 5px;
}
#alertHeader,
#addCreditHeader {
	background: linear-gradient(90deg, rgba(3,99,171,1) 0%, rgba(11,156,194,1) 100%);
	color: #FFF;
	height: 45px;
	line-height: 45px;
	padding: 0px 10px;
}
#alertBody,
#addCreditBody {
	padding: 10px;
	font-size: 14px;
}
#alertBody p {
	padding: 10px 5px;
	margin: 0px;
}
#alertBtnContainer {
	width: 80%;
	margin: auto;
	padding: 10px;
	text-align: left;
	display: flex;
	justify-content: space-between;
}
.rightBtnAlert {
	color: #a80f9e !important;
	cursor: pointer;
}
.confirmAlert {
	color: green !important;
	cursor: pointer;
}
.cancelAlert {
	color: red !important;
	cursor: pointer;
}
#respProfileMenuIcon {
	display: none;
}
#respMenuIcon {
	display: none;
}
#respMenuIcon i, #respProfileMenuIcon i {
	font-size: 22px;
	cursor: pointer;
}

.inlineAlertError,
.inlineAlertDanger {
	color: #a94442;
	background-color: #f2dede;
	background-image: linear-gradient(to bottom,#f2dede 0, #e7c3c3 100%);
	background-repeat: repeat-x;
	border-color: #dca7a7 !important;
}
.inlineAlertSuccess {
	color: #2a4d1e;
	background-color: #def2df;
	background-image: linear-gradient(to bottom, #dff2de 0, #c3e7c9 100%);
	background-repeat: repeat-x;
	border-color: #a7dcb9 !important;
}
.inlineAlertNotice {
	color: #1e394d;
	background-color: #dee8f2;
	background-image: linear-gradient(to bottom, #deecf2 0, #c3d7e7 100%);
	background-repeat: repeat-x;
	border-color: #a7cddc !important;
}
.inlineAlertWarning {
	color: #4d361e;
	background-color: #f2ebde;
	background-image: linear-gradient(to bottom, #f2e5de 0, #e7d7c3 100%);
	background-repeat: repeat-x;
	border-color: #dccaa7 !important;
}
.inlineAlert {
	padding: 15px;
	border: 1px solid;
	border-radius: 4px;
	text-shadow: 0 1px 0 rgba(255,255,255,.2);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);
	box-sizing: border-box;
	width: 90%;
	max-width: 500px;
	margin: 15px auto 20px auto;
	font-size: 14px;
	line-height: 30px;
}

#HomePage header {
	height: auto;
	overflow: hidden;
}
#homeHeaderInfo {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 80%;
}
#homeHeaderInfoTitle.rtl {
	right: 12%;
}
#homeHeaderInfoTitle.ltr {
	left: 12%;
}
#homeHeaderInfoTitle {
	position: absolute;
	top: 32%;
	width: 405px;
}
#homeHeaderInfoTitle h1 span {
	font-size: 31px;
	color: #FFF;
	display: block;
	font-weight: normal;
}
#homeHeaderInfoTitle h1 {
	padding: 0px;
	margin: 0px 0px 20px 0px;
	font-size: 70px;
	color: #FFF;
}
#homeHeaderVideo {
	width: 100%;
}
#homeMenu {
	position: fixed;
	width: 100%;
	height: 50px;
	z-index: 4;
	padding:0px 30px;
	display: flex;
	justify-content: space-between;
	color: #FFF;
	align-items: center;
	-webkit-transition: background 500ms linear;
    -ms-transition: background 500ms linear;
    transition: background 500ms linear;
	backdrop-filter: blur(10px);
	filter: saturate(1.2);
	-webkit-backdrop-filter: blur(10px);
}
#homeMenu #menuRight {}
#homeMenu #menuLeft {}
#homeMenu #menuRight a, #homeMenu #menuLeft a {
	margin: 0px 10px;
}
#homeMenu #menuLogo {
	height: 45px;
	display: none;
	position: absolute;
	left: calc(50% - 37px);
}
#menuLanguageIcon {
	display: inline-block;
	border: 1px solid #FFF;
	width: 25px;
	text-align: center;
	height: 25px;
	border-radius: 50%;
	line-height: 25px;
}
.gradientDef {
	background: rgb(41,56,133);
	background: linear-gradient(90deg, rgba(41,56,133,1) 0%, rgba(3,99,171,1) 100%);
}
.gradientDefVer {
	background: rgb(41,56,133);
	background: linear-gradient(180deg, rgba(41,56,133,1) 0%, rgba(3,99,171,1) 100%);
}
.gradientAlt {
	background: rgb(3,99,171);
	background: linear-gradient(90deg, rgba(3,99,171,1) 0%, rgba(11,156,194,1) 100%);
}
.gradientAltver {
	background: rgb(3,99,171);
	background: linear-gradient(180deg, rgba(3,99,171,1) 0%, rgba(11,156,194,1) 100%);
}
.blue {
	color: #0a9cc2;
}
.gray {
	color: #404040;
}
.white {
	color: #ffffff;
}
#footerTopBorder {
	height: 10px;
}
footer {
	background: #404040;
	padding:  30px 150px;
	display: flex;
	justify-content: space-between;
	color: #FFF;
}
#footerCopyRight {
	background: #404040;
	border-top: 1px solid #FFF;
	text-align: center;
	line-height: 35px;
	color: #FFF;
	font-size: 12px;
}
#footerRight {
	text-align: right;
}
#footerLeft {
	text-align: left;
}
#footerRight, #footerLeft {
	margin: 0px;
	padding: 0px;
}
#footerRight li, #footerLeft li {
	list-style: none;
	line-height: 30px;
}
#footerCenter {
	width: 260px;
	text-align: center;
	position: absolute;
	left: calc(50% - 130px);
}
#footerLogos {
	display: flex;
	justify-content: center;
	padding: 0px 10px;
	width: 75%;
	margin: 0px auto;
}
#footerLogos img {
	height: 80px;
	margin: 0px 15px;
}
#footerCenterNote {
	margin: 20px 0px;
	line-height: 25px;
}
#footerCenterSocials {
	display: flex;
	justify-content: center;
}
#footerCenterSocials a {
	margin: 0px 8px;
	display: inline-block;
	background: #FFF;
	color: #404040;
	width: 25px;
	text-align: center;
	height: 25px;
	border-radius: 50%;
	line-height: 28px;
}
#homeBuyTicketBtn, #homereserveBtn {
	color: #FFF;
	border-radius: 30px;
	margin: 15px 0px;
	width: 200px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	font-size: 18px;
}
.homeSectionTitle {
	margin: 30px 0px;
	text-align: center;
	font-size: 18px;
	line-height: 35px;
}
.homeSectionTitle span {
	color: #0a9cc2;
}
.swiperList {
	width:80%;
	margin: 0px auto;
	padding: 10px !important;
}
.swiperListItem {
	background: #FFF;
	box-shadow: 0px 0px 7px -4px;
	padding: 8px;
}
.swiperListItemImg {
	width: 100%;
}
.swiperListItemTitle {
	line-height: 25px;
	color: #0a9cc2;
	padding: 5px 0px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.swiperListItemLid {
	font-size: 12px;
	line-height: 20px;
	height: 80px;
	overflow: hidden;
	margin-bottom: 5px;
	text-align: justify;
}
.swiperListItemMore {}
.listLoadMore {
	margin: 30px 0px;
	text-align: center;
}
.listLoadMore a {
	color: #FFF;
	padding: 7px 20px;
	border-radius: 30px;
	line-height: 25px;
}
#homeIntroduce {
	padding: 0px 30px;
	display: flex;
	justify-content: space-between;
	height: 270px;
	align-items: end;
	margin-top: 100px;
}
#homeIntroduceImg {
	height: 350px
}
#homeIntroduceImg.ltr {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}
#homeIntroduceNote {
	height: 80%;
}
#homeIntroduceNote.rtl {
	padding-right: 7%;
}
#homeIntroduceNote.ltr {
	padding-left: 7%;
}
#homeIntroduceNote a {
	color: #FFF;
	padding: 7px 20px;
	border-radius: 30px;
	line-height: 25px;
	font-size: 14px;
}
#homeIntroduceNote div {
	margin-bottom: 15px;
	line-height: 35px;
	font-size: 20px;
}
#homeCustomerClub {}
#homeCustomerClubImg {
	width: 100%;
	display: block;
}
#homeCustomerClubImg.ltr {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}
#homeCustomerClubNote {
	margin-top: -23%;
	position: absolute;
}
#homeCustomerClubNote.rtl {
	padding-right: 7%;
}
#homeCustomerClubNote.ltr {
	padding-left: 7%;
}
#homeCustomerClubNote div {
	font-size: 30px;
	line-height: 45px;
	margin-bottom: 25px;
}
#homeCustomerClubNote div span {
	color: #0a9cc2;
}
#homeCustomerClubNote div small {
	font-size: 21px;
}
#homeCustomerClubNote a {
	color: #FFF;
	padding: 7px 20px;
	border-radius: 30px;
	line-height: 25px;
	font-size: 14px;
}

#howAmIParent {
	width: 90%;
	margin: 40px auto;
	display: flex;
	justify-content: center;
	flex-flow: wrap;
}
.howAmIItem {
	text-align: center;
	margin: 10px 10%;
}
.howAmIItemImg {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: #FFF;
	box-shadow: 0px 0px 7px -4px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0px auto;
}
.howAmIItemImg img {
	height: 65px;
}
.howAmIItemTitle {
	line-height: 35px;
	width: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#ticketPopup, #languagePopup {
	position: fixed;
	top: 150px;
	left: calc(50% - 200px);
	z-index: 9999;
	background: #FFF;
	width: 400px;
	display: none;
	overflow: hidden;
}
#ticketBody, #languageBody {
	padding: 10px;
}
.popupDefTop {
	height: 8px;
}
.borderBittom {
	border-bottom: 1px solid #e2e3e4;
}
.ticketBodyItem {
	line-height: 33px;
	padding: 5px 8px;
}
.ticketBodyItemTitle {
	font-weight: bold;
	font-size: 16px;
}
.ticketBodyItemNote {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.ticketBodyItemNote span {
	color: #7f7f7f;
	font-size: 12px;
}
.ticketBodyItemNote a {
	color: #FFF;
	padding: 5px 20px;
	border-radius: 30px;
	line-height: 20px;
	font-size: 12px;
	min-width: 90px;
}
.languageBodyItem {
	line-height: 33px;
	padding: 10px;
}
.languageBodyIcon {
	display: inline-block;
	border: 1px solid #000;
	width: 30px;
	text-align: center;
	height: 30px;
	border-radius: 50%;
	line-height: 30px;
}
.languageBodyItem a {
	margin: 0px 5px;
	color: #7f7f7f;
}
.defPage {
	overflow: hidden;
}
#pageMenu {
	position: fixed;
	width: 100%;
	height: 50px;
	z-index: 4;
	padding:0px 30px;
	display: flex;
	justify-content: space-between;
	color: #FFF;
	align-items: center;
	background: rgba(40, 102, 126, 0.8);
	backdrop-filter: blur(10px);
	filter: saturate(1.2);
	-webkit-backdrop-filter: blur(10px);
}
#pageMenu #menuRight {}
#pageMenu #menuLeft {}
#pageMenu #menuRight a, #pageMenu #menuLeft a {
	margin: 0px 10px;
}
#pageMenu #menuLogo {
	position: absolute;
	left: calc(50% - 37px);
}
#pageMenu #menuLogo img {
	height: 45px;
	margin-top: 6px;
}
#pageDefHeader {
	background: url('../img/page_top.jpg') no-repeat center center;
	text-align: center;
	padding: 50px 0px;
	margin-top: 50px;
	font-size: 18px;
	color: #FFF;
}
#breadCrumb {
	padding: 0px;
	margin: 10px auto;
	width: 90%;
	display: flex;
}
#breadCrumb li {
	
	list-style: none;
}
#breadCrumb li a {
	color: #999;
}
#breadCrumb li a:after {
	content: '»';
	color: #666;
	margin: 0px 10px;
}

#ticketGroupPage {
	padding-bottom: 100px;
}
#ticketWrapper {
	width: 80%;
	margin: 20px auto;
}
.ticketBuyTitle, .reserveReqTitle {
	border-radius: 3px;
	display: flex;
	justify-content: space-between;
	padding: 10px 20px;
	color: #FFF;
	align-items: center;
	background: #404040;
	margin-top: 20px;
}
.ticketBuySection, .reserveReqSection {
	padding: 0px 10px;
	margin-bottom: 20px;
	display: none;
}
#ticketBuyForm {
	max-width: 600px;
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	margin: 0px auto;
	width: 100%;
}
#ticketBuyForm .inputRow {
	width: 45%;
}
#ticketBuySection2Wrapper {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 95%;
	margin: 0px auto;
}
.ticketItem {
	background: #FFF;
	border: 1px solid #0363ab;
	display: flex;
	justify-content: space-between;
	margin: 20px 0px;
	height: 119px;
	overflow: hidden;
	width: 48%;
	position: relative;
}
.ticketItemSelect {
	width: 30px;
	text-align: center;
	padding: 10px 0px;
}
.ticketItemMain {
	width: calc(100% - 30px);
	display: flex;
}
.ticketItemImgCover {
	position: absolute;
	height: 118px;
	width: 240px;
	z-index: 1;
}
.ticketItemImgCover.rtl {
	background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,1) 90%, #FFF 100%);
}
.ticketItemImgCover.ltr {
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,1) 90%, #FFF 100%);
}
.ticketItemImg {
	position: absolute;
	height: 118px;
	z-index: 0;
}
.ticketItemImg.ltr {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}
.ticketItemMainLabel {
	display: block;
	width: 240px;
}
.ticketItemMain label {
	cursor: pointer;
}
.ticketItemInfo {
	margin: 0px 10px;
	padding: 10px;
	width: calc(100% - 240px);
	display: flex;
	flex-flow: wrap;
	align-items: center;
}
.ticketItemTitle {
	width: 100%;
	font-size: 16px;
}
.ticketItemNote {
	width: 100%;
	color: #767676;
	font-size: 12px;
}
.ticketItemPrice {
	text-align: left;
	width: 100%;
}
.buyTicketNextStep {
	text-align: center;
	margin: 20px auto;
	width: 100%;
}
#ticketBuySection3Wrapper {
	display: flex;
	width: 95%;
	justify-content: space-between;
	margin: 20px auto;
	align-items: flex-start;
}
#ticketBuyBill {
	width: 60%;
	background: #FFF;
}
#useCreditRow {
	padding: 0px 10px 10px 10px;
	border-bottom: 1px solid #e2e3e4;
	margin: 0px 5px;
	text-align: right;
}
#ticketBuyBill .defRow {
	padding: 10px;
	border-bottom: 1px solid #e2e3e4;
	display: flex;
	justify-content: space-between;
	margin: 5px;
}
#ticketBuyBill .defRow:last-child {
	border: none;
}
#ticketBuyBill .defRow b {
}
#ticketBuyBill .defRow span {
	color: #999;
	display: flex;
}
#ticketBuyBill .defRow span i {
	font-style: normal;
}
#ticketBuyBill .defRow span del {
	color: #A60000;
	margin: 0px 5px;
}
#ticketBuyPayment {
	width: 35%;
	background: #FFF;
	text-align: center;
}
#ticketBuyPayment .defRow {
	padding: 10px;
	border-bottom: 1px solid #e2e3e4;
	display: flex;
	justify-content: space-between;
	margin: 5px;
}
.removeBtn {
	color: #A60000;
	font-size: 12px;
}
.voucherCode {
	font-weight: normal;
}
#ticketBuyPayment .defRow b {
}
#ticketBuyPayment .defRow span {
	color: #999;
	display: flex;
}
#ticketBuyPayment .submitBtn {
	width: 95%;
	margin: 10px auto;
	line-height: 25px;
}

#voucherInputRow {
	width: 100%;
	border: 1px solid #999;
	border-radius: 3px;
	padding: 5px;
	box-sizing: border-box;
	background: #FFF;
	display: flex;
	justify-content: space-between;
	width: 95%;
	margin: 0px auto;
}
#voucherInputRow input {
	border: none;
	width: 100%;
	line-height: 25px;
	font-family: Tahoma;
	letter-spacing: 1px;
}
#voucherInputRow button {
	border: none;
	font-size: 12px;
	cursor: pointer;
	background: none;
	font-family: iransans;
}
.borderLess {
	border: none !important;
}

#reservePlacePage {
	padding-bottom: 100px;
}
#reservePlaceWrapper {
	width: 80%;
	margin: 20px auto;
}
#reserveReqSection1Wrapper {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 95%;
	margin: 0px auto;
}

.reserveReqForm {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	margin: 0px auto;
	max-width: 800px;
}
.reserveReqForm .fullFieldRow {
	width: 100% !important;
}
.reserveReqForm .inputRow {
	width: 45%;
}
#reserveReqSection3Wrapper {
	display: flex;
	width: 95%;
	justify-content: space-between;
	margin: 20px auto;
	align-items: flex-start;
	flex-wrap: wrap;
}
#reserveReqInfo {
	width: 60%;
}

#reserveReqFinal {
	width: 35%;
	background: #FFF;
	text-align: center;
}
#reserveReqFinal .defRow {
	padding: 10px;
	border-bottom: 1px solid #e2e3e4;
	display: flex;
	justify-content: space-between;
	margin: 5px;
}
#reserveReqFinal .defRow b {
}
#reserveReqFinal .defRow span {
	color: #999;
}
#reserveReqFinal .submitBtn {
	width: 95%;
	margin: 10px auto;
	line-height: 25px;
}
.reserveReqNextStep {
	text-align: center;
	margin: 20px auto;
	width: 100%;
}

.reserveItem {
	background: #FFF;
	border: 1px solid #0363ab;
	display: flex;
	justify-content: space-between;
	margin: 20px 1.5%;
	overflow: hidden;
	width: 30%;
}
.reserveItemSelect {
	width: 30px;
	text-align: center;
	padding: 10px 0px;
}
.reserveItemMain {
	width: calc(100% - 30px);
}
.reserveItemImg {
	width: 100%;
}
.reserveItemMainLabel {

}
.reserveItemMain label {
	cursor: pointer;
}
.reserveItemInfo {
	margin: 0px 10px;
	padding: 10px;
	display: flex;
	flex-flow: wrap;
	align-items: center;
}
.reserveItemTitle {
	width: 100%;
	font-size: 16px;
}
.reserveItemNote {
	width: 100%;
	color: #767676;
	font-size: 12px;
}
.reserveItemNote {
	padding: 10px;
	border-bottom: 1px solid #e2e3e4;
	display: flex;
	justify-content: space-between;
	margin: 5px 0px;
}
.reserveItemNote b {
}
.reserveItemNote span {
	color: #999;
}
.reserveItemMoreInfo {
	text-align: left;
	width: 100%;
	font-size: 12px;
	line-height: 35px;
}
#loginPage, #passwordPage, #confirmCodePage, #registerPage, #recoverPasswordPage {
	background: url(../img/half_bg.jpg) no-repeat left bottom;
	min-height: 1000px;
}
.formDefBox {
	background: #FFF;
	width: 90%;
	max-width: 500px;
	margin: 10% auto;
	box-shadow: 0px 0px 7px -4px;
}
.formDefBox form {
	padding: 10px 20px;
}
.listItems {
	display: flex;
	width: 80%;
	margin: 10px auto;
	flex-flow: wrap;
	justify-content: center;
}
.listItem {
	background: #FFF;
	box-shadow: 0px 0px 7px -4px;
	padding: 8px;
	margin: 0px 1.5% 3% 1.5%;
	width: 30%;
}
.listItemImg {
	width: 100%;
}
.listItemTitle {
	line-height: 25px;
	color: #0a9cc2;
	padding: 5px 0px;
}
.listItemLid {
	font-size: 12px;
	line-height: 20px;
	height: 80px;
	overflow: hidden;
	margin-bottom: 5px;
}
.paginationParent {
	border-top: 1px solid #ddd;
	display: flex;
	justify-content: center;
	line-height: 25px;
	margin: 20px auto 0px auto;
	width: 95%;
	padding: 5px 0px;
	align-items: center;
}
.paginationParent span {
	background-color: #CCC;
	padding: 1px 8px;
	border-radius: 2px;
}
.paginationParent * {
	margin: 0px 10px;
}
#listPage {
	padding-bottom: 30px;
}
#listSearch {
	background: #FFF;
	width: 77%;
	margin: 20px auto;
	display: flex;
	justify-content: space-between;
	padding: 5px;
}
#listSearch input {
	height: 25px;
	border: none;
	width: 100%;
}
#listSearch button {
	border: none;
	background: none;
	cursor: pointer;
}

#postPage {
	padding-bottom: 50px;
}
#postTitle {
	padding: 10px;
	margin: 10px auto;
	font-size: 16px;
	line-height: 30px;
	border-bottom: 1px solid #ddd;
	width: 80%;
}
#postMainImg {
	float: inline-start;
	width: 300px;
	margin: 0px 10px 10px 10px;
}
#postArticle {
	width: 80%;
	margin: 10px auto;
	clear: both;
	overflow: hidden;
}
#postArticle p {
	text-indent: 15px;
	line-height: 25px;
	text-align: justify;
}
#postArticle ul, #postArticle ol {
	line-height: 25px;
	text-align: justify;
	display: flow-root;
}
#postLid {}

#footerBuyTicket {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
#footerBuyTicketNote {
	background: #FFF;
	width: 100%;
}
#footerBuyTicketNote p {
	width: 90%;
	margin: 35px auto 0px auto;
	font-size: 18px;
	text-align: center;
	  line-height: 40px;
}
#footerBuyTicketNote p a {
	color: #FFF;
	padding: 7px 20px;
	border-radius: 30px;
	line-height: 25px;
	font-size: 14px;
	margin: 15px auto 0px auto;
	display: block;
	text-align: center;
	max-width: 200px;
}
#footerBuyTicketImg {
	height: 200px;
}
#footerBuyTicketImg.ltr {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}
#footerBuyTicketImgSide {
	height: 200px;
}
#footerBuyTicketImgSide.ltr {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

#introPage {
	padding-bottom: 50px;
}
#introduceMainTower {
	width: 78%;
	margin: 40px auto 10px auto;
}
#introduceMainTowerImg {
	width: 100%;
	box-shadow: 0px 0px 7px -4px;
}
#introduceMainTowerTitle {
	position: absolute;
	color: #FFF;
	line-height: 40px;
	margin-top: -8%;
	text-align: center;
	left: calc(50% - 65px);
	font-size: 26px;
	width: 130px;
}
#introduceMainTowerTitle small {
	font-size: 14px;
}
#introduceItems {
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	width: 80%;
	margin: 10px auto;
}
.introduceItem {
	background: #FFF;
	box-shadow: 0px 0px 7px -4px;
	display: flex;
	justify-content: space-between;
	margin: 1%;
	width: 48%;
	height: 100px;
	overflow: hidden;
}
.introduceItemImg {
	height: 100%;
}
.introduceItemInfo {
	line-height: 23px;
	padding: 5px 10px;
	width: 100%;
}
.introduceItemInfo p {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
}
#contactUsPage {
	padding-bottom: 30px;
}
#contactUsMain {
	width: 80%;
	margin: 30px auto;
	display: flex;
	justify-content: space-between;
	box-shadow: 0px 0px 7px -4px;
}
#contactUsMainMap {
	height: 250px;
	display: block;
}
#contactUsMainInfo {
	background: #FFF;
	width: 100%;
	padding: 10px;
}
.contactUsMainItem {
	padding: 10px;
	display: flex;
	align-items: center;
}
.contactUsMainItemIcon {
	background: #0363ab;
	padding: 5px;
	border-radius: 50%;
	color: #FFF;
	margin: 0px 5px;
	display: block;
	height: 30px;
	width: 30px;
	text-align: center;
}
.contactUsMainItem span {}
#contactUsRouting.rtl {
	text-align: left;
}
#contactUsRouting.ltr {
	text-align: right;
}
#contactUsRouting a {
	color: #FFF;
	padding: 7px 20px;
	border-radius: 30px;
	line-height: 25px;
}
#contactUsPersons {
	display: flex;
	flex-flow: wrap;
	width: 80%;
	margin: 10px auto;
	justify-content: right;
}
.contactUsPersonItem {
	background: #FFF;
	box-shadow: 0px 0px 7px -4px;
	display: flex;
	justify-content: space-between;
	margin: 1%;
	width: 31%;
	height: 100px;
}
.contactUsPersonItemImg {
	height: 100%;
}
.contactUsPersonItemInfo {
	width: 100%;
	margin: 5px 10px;
	display: flex;
	flex-flow: wrap;
	align-items: center;
}
.contactUsPersonItemTitle {
	width: 100%;
}
.contactUsPersonItemNote {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.contactUsPersonItemNote span {
	color: #bababa;
}
.contactUsPersonItemNote span i {
	margin: 0px 5px;
	font-size: 18px;
	color: #bababa;
}
.contactUsPersonItemNote span i:hover {
	color: #000;
}
#faqItems {
	width: 80%;
	margin: 30px auto;
}
.faqItem {
	margin-bottom: 10px;
}
.faqItemTitle {
	background: #FFF;
	padding: 10px;
	margin: 5px 0px;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
}
.faqItemContent {
	display: none;
	padding: 10px;
}

#footerGroupTicket {
	width: 100%;
	display: flex;
	justify-content: center;
}
#footerGroupTicketNote {
	background: #FFF;
	width: 100%;
}
#footerGroupTicketNote p {
	width: 100%;
	margin: 65px auto 0px auto;
	font-size: 18px;
	text-align: center;
	line-height: 40px;
}
#footerGroupTicketNote p a {
	color: #FFF;
	padding: 7px 20px;
	border-radius: 30px;
	line-height: 25px;
	font-size: 14px;
	margin: 15px auto 0px auto;
	display: block;
	text-align: center;
	width: 40%;
	min-width: 150px;
}
#footerGroupTicketImg {
	height: 260px;
}
#footerGroupTicketImg.ltr {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}
#footerGroupTicketImgSide {
	height: 260px;
}
#footerGroupTicketImgSide.ltr {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}
#profileWrapper {
	width: 80%;
	margin: 20px auto;
	min-height: 400px;
}
#profileMenu a {
	margin: 0px 10px;
}
#profileMenu a:hover {
	color: #0363ab;
}
#profileMenu {
	background: #FFF;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
}
#profileMenu ul {
	display: flex;
	padding: 0px;
	margin: 0px;
}
#profileMenu ul li {
	list-style: none;
	line-height: 40px;
	margin: 0px 10px;
}
#profileMenu ul li.active {
	border-bottom: 2px solid #164e98;
}
#editProfileForm {
	width: 100%;
	max-width: 350px;
}
#editProfilePage {
	min-height: 700px;
}

#box404 {
	text-align: center;
	padding-bottom: 10px;
}
#boxPreIpg {
	text-align: center;
	padding-bottom: 10px;
}
#buyFinalBill {
	width: 100%;
	padding: 10px;
}
#buyFinalBill .defRow {
	padding: 10px;
	border-bottom: 1px solid #e2e3e4;
	display: flex;
	justify-content: space-between;
	margin: 5px;
}
#buyFinalBill .defRow b {
}
#buyFinalBill .defRow span {
	color: #999;
	display: flex;
}
#buyFinalBill #downloadTicketBtn {
	display: block;
	margin-bottom: 10px;
	text-align: center;
}

.myTicketItem {
	width: calc(100% - 30px);
	display: flex;
	background: #FFF;
	border: 1px solid #0363ab;
	margin: 20px auto;
	height: 130px;
}
.myTicketItemImgCover {
	position: absolute;
	height: 128px;
	width: 255px;
	z-index: 1;
}
.myTicketItemImgCover.rtl {
	background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,1) 90%, #FFF 100%);
}
.myTicketItemImgCover.ltr {
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,1) 90%, #FFF 100%);
}
.myTicketItemImg {
	position: absolute;
	height: 128px;
	z-index: 0;
}
.myTicketItemImg.ltr {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}
.myTicketItemLabel {
	display: block;
	width: 240px;
}
.myTicketItemInfo {
	margin: 0px 10px;
	padding: 10px;
	width: calc(100% - 240px);
	display: flex;
	flex-flow: wrap;
	align-items: center;
}
.myTicketItemTitle {
	width: 100%;
	font-weight: bold;
	font-size: 14px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin: 0px 5px;
}
.myTicketItemRow {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	line-height: 25px;
	align-items: center;
	font-size: 12px;
	margin-bottom: 10px;
}
.myTicketItemRow i {
	font-style: normal;
}
.myTicketItemRow a {
	margin: 0px 5px;
	line-height: 20px !important;
}
.myTicketItemRow span {
	background: #EEE;
	border-radius: 3px;
	padding: 0px 10px;
	display: block;
	margin: 2px 5px;
	line-height: 25px;
}
.defaultTable {
	width: 100%;
	border-collapse: collapse;
	background: #FFF;
	margin: 10px auto;
}
.defaultTable thead tr {
	background: #404040;
	color: #FFF;
}
.defaultTable tr {
	border-collapse: collapse;
	border-bottom: 1px solid #dedede;
	line-height: 35px;
}
.defaultTable tr td {
	border-collapse: collapse;
	padding: 5px 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.defaultTable tbody tr:hover {
	background: #f8f8f8;
}
#clubSummary {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 30px 0px;
}
.clubSummaryItem {
	width: 150px;
	padding: 8px;
	color: #FFF;
	border-radius: 4px;
}
.clubSummaryItemValue {
	line-height: 35px;
	text-align: center;
	font-size: 16px;
}
.clubSummaryItemCaption {
	line-height: 25px;
	text-align: right;
	font-size: 11px;
	border-top: 1px solid #FFF;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.clubSummaryOperation {
	width:50px;
	text-align: center;
	font-size: 20px;
}
#clubAchievedRated {
	background: #0a9cc2;
}
#clubSpentRated {
	background: #0363ab;
}
#clubUsableRated {
	background: #293885;
}
#clubTables {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#clubMyRates, #clubMyGifts {
	width: 47%;
}
.tableContainer {
	overflow-x: auto;
}
#clubNoGift {
	text-align: center;
	color: #999;
}
.rateInfoBtn {
	cursor: pointer;
}
#WSPage {
	padding-bottom: 50px;
}
#WSTitle {
	padding: 10px;
	margin: 10px auto;
	font-size: 16px;
	line-height: 30px;
	border-bottom: 1px solid #ddd;
	width: 80%;
}
#WSArticle {
	width: 80%;
	margin: 10px auto;
	clear: both;
	overflow: hidden;
}
#postArticle a, #WSArticle a {
	color: #0884b8 !important;
}
#WSArticle p {
	line-height: 25px;
	text-align: justify;
}
#WSArticle code {
	direction: ltr;
	text-align: left;
	background: #EDEDED;
	padding: 5px 10px;
	display: block;
}
.WSdefaultTable {
	border: 1px solid #000;
	border-collapse: collapse;
	background: #FFF;
}
.WSdefaultTable thead {
	background: #ddd;
}
.WSdefaultTable td, .WSdefaultTable th {
	padding: 5px 10px;
	border: 1px solid #000;
	border-collapse: collapse;
	min-width: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#defaultPage {
	padding-bottom: 50px;
}
#defaultTitle {
	padding: 10px;
	margin: 10px auto;
	font-size: 16px;
	line-height: 30px;
	border-bottom: 1px solid #ddd;
	width: 80%;
}
#defaultArticle {
	width: 80%;
	margin: 10px auto;
	clear: both;
	overflow: hidden;
}
#defaultArticle p {
	text-indent: 15px;
	line-height: 25px;
	text-align: justify;
}
#defaultArticle ul{
	line-height: 25px;
	text-align: justify;
}
.simpleBtn {
	padding: 5px 10px;
	border-radius: 4px;
	color: #fff;
	font-size: 12px;
	cursor: pointer;
}
.listSimpleHead {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.postGallery {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.postGalleryImg {
	height: 150px;
	margin: 10px;
	border: 3px solid #FFF;
}
.cooperationNotice {
	text-align: center;
}
.cooperationNotice p {
	
}
#useCreditForm {
	display: none;
}

.imgZoomHover {
	overflow: hidden;
	margin-bottom: 8px;
}
.imgZoomHover img {
	transition: transform .5s ease;
	display: block;
}
.listItem:hover .imgZoomHover img,
.swiperListItem:hover .imgZoomHover img {
	transform: scale(1.1);
}

.homeTopButton {
	display: block;
	width: 200px;
}

.postVideo {
	width: 100%;
	text-align: center;
}
.postVideo video {
	/*
	width: 100%;
	max-width: 600px;
	*/
	max-width: 95%;
	max-height: calc(100vh - 250px);
}
#enamad {
	display: inline-block;
	background: #FFF;
	border-radius: 5px;
	margin-top: 20px;
}
#enamad img {
	width: 75px;
}
#homeVideoWho {
	display: flex;
	margin: 20px 0px;
	justify-content: space-between;
	align-items: center;
}
#homeVideo {
	background: #0b9bc2;
	width: 500px;
	text-align: right;
	padding: 25px 0px;
}
#homeVideo video {
	width: 350px;
	display: block;
}
#homeVideo video.rtl {
	margin-right: -80px;
}
#homeVideo video.ltr {
	margin-left: -80px;
}
#homeWho {
	width: calc(100% - 580px);
	display: flex;
	flex-wrap: wrap;
}
#homeWhoTitle {
	text-align: center;
	width: 100%;
	margin-bottom: 30px;
	line-height: 50px;
}
#homeWhoTitle b {
	font-size: 25px;
	display: block;
}
#homeWhoTitle span {
	font-size: 21px;
	color: #0364ab;
}
#homeWhoItems {
	display: flex;
	justify-content: center;
	width: 350px;
	flex-wrap: wrap;
	margin: 10px auto;
}
#homeInlineBannersParent {
	background: rgb(153,153,153);
	background: linear-gradient(125deg, rgba(153,153,153,1) 0%, rgba(204,204,204,1) 45%, rgba(204,204,204,1) 55%, rgba(153,153,153,1) 100%);
}
#homeInlineBanners {
	/*display: flex;*/
	/*justify-content: space-around;*/
	margin: 60px auto;
	width: 90%;
	padding:50px 0px;
}
#homeInlineBanners .swiper-wrapper {
	/*margin:0px 10px;*/
}
.homeInlineBannersImg {
	box-shadow: 0px 0px 7px -4px;
	/*margin: 0px 20px;*/
	display: block;
	width: 100%;
}
#footerCinematheque {
	width: 100%;
	display: flex;
	justify-content: center;
}
#footerCinemathequeNote {
	background: #077fb6;
	width: 100%;
}
#footerCinemathequeNote p {
	width: 100%;
	margin: 65px auto 0px auto;
	font-size: 18px;
	text-align: center;
	line-height: 40px;
	color: #FFF;
}
#footerCinemathequeNote p a {
	color: #000;
	padding: 7px 20px;
	border-radius: 30px;
	line-height: 25px;
	font-size: 14px;
	margin: 15px auto 0px auto;
	display: block;
	text-align: center;
	width: 30%;
	min-width: 150px;
	background-color: #FFF;
}
#footerCinemathequeNote p b {
	font-weight: normal;
	font-size: 22px;
}
#footerCinemathequeImg {
	height: 260px;
}
#footerCinemathequeImg.ltr {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}
#footerCinemathequeImgSide {
	height: 260px;
}
#footerCinemathequeImgSide.ltr {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

#cinemathequeTop {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 80%;
	overflow: hidden;
	margin: 10px auto;
}

#cinemathequeBlur {
	height: 225px;
	padding: 15px;
	background: rgba(0, 0, 0, 0.2); 
	backdrop-filter: blur(25px); 
	width: 100%;
	display: flex;
}

#cinemathequeTopImg {
	border-radius: 8px;
	box-shadow: 0px 0px 5px 0px;
}

#cinemathequeTopNote {
	color: #FFF;
	margin-right: 20px;
	line-height: 45px;
}
#cinemathequeTopMovieTitle {
	font-size: 24px;
}
#cinemathequeTopMovieInfo {
	font-size: 18px;
}
#cinemathequeTopEventInfo {
	font-size: 14px;
}
#cinemathequeTopLinks {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#cinemathequeTopBuyTicket {
	background: #FFF;
	color: #000;
	padding: 1px 15px;
	border-radius: 4px;
	line-height: 30px;
}
#cinemathequeTopMoreInfo {
	color: #0a9cc2;
}
#folderItems {
	display: flex;
	justify-content: center;
	width: 80%;
	flex-wrap: wrap;
	margin: 20px auto;
}
.folderItemImg {
	box-shadow: 0px 0px 7px -4px;
	margin: 15px 20px;
	display: block;
	max-width: 100%;
}
#homeOccasion {
	display: flex;
	margin: 20px 0px;
	justify-content: space-between;
	align-items: center;
}
#homeOccasionText {
	width: calc(100% - 580px);
	display: flex;
	flex-wrap: wrap;
}
#homeOccasionText P {
	width: 50%;
	margin: 0px auto;
	line-height: 30px;
	text-align: justify;
}
#homeOccasionMM {
	background: #272727;
	width: 500px;
	text-align: right;
	padding: 25px 0px;
}
#homeOccasionMM img {
	width: 350px;
	display: block;
}
#homeOccasionMM img.rtl {
	margin-right: -80px;
}
#homeOccasionMM img.ltr {
	margin-left: -80px;
}

#homeCalendarBanner {
	width: 80%;
	display: flex;
	justify-content: space-between;
	margin: 0px auto;
}
#eventListBody {
	height: 265px;
	display: flex;
	justify-content: center;
	background: #FFF;
	box-shadow: 0px 0px 7px -4px;
	padding: 8px;
	width: 100%;
}
#homeCalendar {
	width: 300px;
}
#homeCalendarMonth {
	display: flex;
	justify-content: space-between;
	line-height: 35px;
}
#homeCalendarMonth span {
	cursor: pointer;
}
#homeCalendarWeekDays {
	background: #666;
	border-radius: 2px;
	display: flex;
	justify-content: space-around;
	line-height: 25px;
	color: #FFF;
}
#homeCalendarMonthDays {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#homeCalendarMonthDays div {
	width: 14%;
	border-radius: 2px;
	text-align: center;
	line-height: 30px;
	margin: 1px 0px;
}
.normalDayCell {
	cursor: pointer;
}
.normalDayCell:hover {
	background: #EEE;
}
.todayCell {
	background: #0b9ac1;
	color: #FFF !important;
}
.hasEventDayCell {
	color: #0b9ac1;
}
#homeEventItems {
	width: calc(100% - 350px);
	margin-inline-start: 30px;
}
#homeEventItemsTitle {
	line-height: 35px;
	border-bottom: 1px solid #CCC;
	font-weight: bold;
	padding: 0px 10px;
}
#homeCalendarNoEvent {
	text-align: center;
	color: #999;
	margin: 10px 0px;
	font-style: italic;
}
#homeBanner {
	background: #FFF;
	box-shadow: 0px 0px 7px -4px;
	margin-inline-start: 30px;
}
#homeBanner img {
	height: 265px;
	display: block;
}
.homeCalendarEventItem {
	border-bottom: 1px solid #eee;
	padding: 10px 0px;
}
.homeCalendarEventItemInfo {
	padding: 5px 20px 0px 0px;
	font-size: 12px;
}
.homeCalendarEventItemInfo a {
	color: #666;
	margin: 0px 5px;
}
.homeCalendarEventItemInfo a:hover {
	color: #0b9ac1;
}
#homeCalendarEvents {
	overflow: auto;
	height: 210px;
}
.homeCalendarEventItemTitle {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.homeCalendarEventItem:last-of-type {
	border: none;
}
.postInlineBanners {
	display: flex;
	justify-content: space-around;
	margin: 30px auto;
	flex-wrap: wrap;
}
.postInlineBannerImg {
	width: 100%;
	max-width: 350px;
	display: block;
	border-radius: 8px;
	margin: 15px 0px;
}
#virtualTourFrame {
	border: none;
	width: 98%;
	margin: 10px 1%;
	height: calc(100vh - 250px);
}
#homeIntroduceItems {
	display: flex;
	justify-content: space-between;
	width: 80%;
	margin: 0px auto 40px auto;
	flex-wrap: wrap;
}
.homeIntroduceItem {
	background: #FFF;
	box-shadow: 0px 0px 7px -4px;
	padding: 8px;
	display: flex;
	justify-content: space-between;
	width: 30%;
	align-items: center;
	margin: 8px auto;
}
.homeIntroduceItemImg {
	height: 80px;
	margin-inline-end: 10px;
	display: block;
}
.homeIntroduceItemNote {
	line-height: 25px;
	width: 100%;
}
.homeIntroduceItemNote.ltr {
	text-align: left;
}
.homeIntroduceItemNote a {
	color: #0a9cc2;
	white-space: nowrap;
}
.homeIntroduceItemNote p {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
}
#defaultMenu a {
	margin: 0px 10px;
}
#defaultMenu a:hover {
	color: #0363ab;
}
#defaultMenu {
	background: #FFF;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	width: 77%;
	margin: 20px auto;
}
#defaultMenu ul {
	display: flex;
	padding: 0px;
	margin: 0px;
}
#defaultMenu ul li {
	list-style: none;
	line-height: 40px;
	margin: 0px 10px;
}
#defaultMenu ul li.active {
	border-bottom: 2px solid #164e98;
}

#respDefaultMenuIcon {
	display: none;
}
#respDefaultMenuIcon i {
	font-size: 22px;
	cursor: pointer;
}

.support-icon {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #007bff;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	z-index: 1000;
}

.support-icon img {
	width: 40px;
	height: 40px;
}

.glow {
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	border-radius: 50%;
	background: rgba(0, 123, 255, 0.5);
	z-index: -1;
	animation: pulse 3s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(1);
		opacity: 0;
	}
	50% {
		transform: scale(1.1);
		opacity: 0.8;
	}
	100% {
		transform: scale(1);
		opacity: 0;
	}
}

.support-icon .support-link {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	text-decoration: none;
}