@import url('https://fonts.googleapis.com/css2?family=News+Cycle:wght@400;700&display=swap');
/*font-family: 'News Cycle', sans-serif;*/
.main-wrapper{ position:relative; margin: 0; padding: 0; background: #fff; font-family: "News Gothic MT", Arial, sans-serif; font-size: 14px; color: #fff;  }

.main-wrapper .content {margin:0 auto; max-width:1400px;}

.container{max-width: 1400px}
/* ----------- Menu Styles ------------ */
.header{ position: absolute;
z-index: 221;
top: 0px;
width: 100%; }
.top-menu .contact-link{padding: 13px 20px; font-size: 13px; font-family: 'Oswald', sans-serif; text-transform: uppercase; color: #fff; letter-spacing: 1.5px; text-decoration: none; text-shadow: 0px 0px 5px rgba(150, 150, 150, 1); float: right;}
.top-menu .social-menu{ float: right; padding: 13px 25px 5px; margin: 0; list-style: none; text-align: center; height: 46px; box-sizing: border-box; }
.top-menu .social-menu li{ display: inline-block; margin: 0 20px 0 0; padding: 0; color: #fff; font-size: 17px; }
.top-menu .social-menu li:last-child{ margin: 0; }
.top-menu .social-menu li a{ float: left; text-decoration: none; color: #fff; outline: 0; text-shadow: 0px 0px 5px rgba(150, 150, 150, 1); }
.top-menu .social-menu li a:hover{ color: #45afea; }


.navigation{ margin: 1px 0 0 0; background: #fff; float: left; width: 100%; padding: 0 0% 0 18%; position: relative; direction:ltr}
.navigation :after{ content: ""; display: table; clear: both; transition:all .3s ease}
.navigation .img-logo{ position: absolute; left: 30px; padding: 0; margin: 0; outline: 0; top: 10px; width:173px; -webkit-transform: translateY(-18%); -moz-transform: translateY(-18%); -ms-transform: translateY(-18%); -o-transform: translateY(-18%); transform: translateY(-18%); }
.navigation .img-logo img{ max-width: 100%; }
.navigation a.btn-cart-mobile{display: none; height: 40px; width: 40px; line-height: 40px; font-size: 20px; font-family: 'Oswald', sans-serif; color: #054472; text-transform: uppercase; margin: 15px; padding: 0px; text-align: center; float: left; position: relative; float: right;}
.navigation a.btn-cart-mobile span {position: absolute; top: 0px; right: 0px; background: #1a8ccc; width: 18px; height: 18px; line-height: 19px; font-size: 11px; color: #fff; border-radius: 50%;}

.navigation .menu-button{ float: left; display: none; font-size: 30px; color: #172178; padding: 0; z-index: 9999; position: relative; outline: 0; }
.navigation-container{ float: left; margin: 0; padding: 0; }
.navigation  ul { padding: 0; margin: 0; list-style: none; #position: relative; float: left; }
.navigation  ul li { margin: 0px; display: inline-block; float: left; font-size: 16px; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
.navigation  a { display: block; padding: 0 15px; color: #172178; font-size: 16px; line-height: 70px; text-decoration: none; }
.navigation a:hover, .navigation a.active  { color: #1a8ccc; }
.navigation ul ul { position: absolute; top: 100%; transition:all .5s ease;  -webkit-transition:all .5s ease;  -moz-transition:all 5s ease;  -ms-transition:all .5s ease; max-height:0; overflow:hidden; opacity:0;}
.navigation ul li:hover > ul, .navigation ul li:focus > ul  { max-height:350px; opacity:1; }
.navigation ul ul li { float: none; display: list-item; position: relative; background: #fff; text-align: center; border-bottom: 1px solid #172178; }
.navigation ul ul li:last-child{ border: none; }
.navigation ul ul li a{ line-height: 50px; }
.navigation ul ul li:hover a, .navigation ul ul li a.active{ color: #1a8ccc; }
.navigation li .dropdown-arrow{ font-size: 12px; margin: 0 0 0 5px; display: inline-block; }
.navigation .language-button{ float: right; margin: 2px 7px; font-family: 'Ge Dinar One', sans-serif; font-size: 20px; color: #172178 !important; text-decoration: none; color: #fff; padding: 0; line-height:64px;}
.navigation .language-button.en{ font-family: 'Oswald', sans-serif; }
.navigation .btn-area{float: right; margin: 15px 20px 15px 0px}
.navigation .btn-area a.whatsapp{display: inline-block; height: 40px; background: #27c227; padding: 0px 10px 0px 0px; line-height: 40px; font-size: 14px; font-family: 'Oswald', sans-serif; color: #fff; text-transform: uppercase; margin-right: 5px}
.navigation .btn-area a.whatsapp img {float: left; margin: 0 5px;}
.navigation .btn-area a.whatsapp.hvr-shutter-out-horizontal::before{background:#0b790b}
.navigation .btn-area a.btn-sign{display: inline-block; height: 40px; background: #054472; padding: 0px 10px; line-height: 40px; font-size: 14px; font-family: 'Oswald', sans-serif; color: #fff; text-transform: uppercase; margin-right: 5px}
.navigation .btn-area a.btn-sign i {margin-right: 10px}
.navigation .btn-area a.btn-sign.hvr-shutter-out-horizontal::before{background: #001f35}
.navigation .btn-area a.subscribe{display: inline-block; height: 40px; background: #1a8ccc; padding: 0px 10px 0px 0px; line-height: 40px; font-size: 14px; font-family: 'Oswald', sans-serif; color: #fff; text-transform: uppercase;}
.navigation .btn-area a.subscribe img {float: left; margin: 0 5px;}
.navigation .btn-area a.subscribe.hvr-shutter-out-horizontal::before{background:#085986}
.navigation .btn-area a.btn-cart{display: inline-block; height: 40px; width: 40px; line-height: 40px; font-size: 20px; font-family: 'Oswald', sans-serif; color: #054472; text-transform: uppercase; margin-right: 8px; padding: 0px; text-align: center; float: left; position: relative;}
.navigation .btn-area a.btn-cart span {position: absolute; top: 0px; right: 0px; background: #1a8ccc; width: 18px; height: 18px; line-height: 19px; font-size: 11px; color: #fff; border-radius: 50%;}

.mobile_menu_area{ height: 100%; width:280px; position: fixed; z-index: 1; top: 0; left: -350px; background-color: #fff; overflow-x: hidden; transition: 0.5s;  z-index: 9999;-webkit-box-shadow: -10px 0px 30px 0px rgba(0,0,0,0.3); -moz-box-shadow: -10px 0px 30px 0px rgba(0,0,0,0.3); box-shadow: -10px 0px 30px 0px rgba(0,0,0,0.3);}
.mobile_menu_area.active{left: 0}
.mobile_menu_area .menu_close{background: #1a8ccc; position: absolute; bottom: 10px; right: 10px; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; text-decoration: none; font-size: 20px; border-radius: 50%}
.mobile_menu_area .menu_close i{line-height: 40px}
.mobile_menu_area ul.cate-menu-list{margin: 0px; padding: 0px; border-top: #eff0f4 1px solid; list-style: none}
.mobile_menu_area ul.cate-menu-list li{font-family: 'Oswald', sans-serif; font-size: 15px; line-height: 18px; padding: 0px; border-bottom: #eff0f4 1px solid}
.mobile_menu_area ul.cate-menu-list li a{display: block; color: #000; text-decoration: none; position: relative; padding: 12px 15px;}
.mobile_menu_area ul.cate-menu-list li a i{width: 20px; text-align: center; margin-right: 10px; color: #172178}
.mobile_menu_area ul.cate-menu-list li a.plus::before {content: "\f067"; font-family: "Font Awesome 5 Free"; font-size: 15px; font-weight: 600;color: black; position: absolute; top:12px; right: 15px; color: #172178}
.mobile_menu_area ul.cate-menu-list li a.plus-down::before {content: "\f068"; font-family: "Font Awesome 5 Free"; font-size: 15px; font-weight: 600;color: black; position: absolute; top:12px; right: 15px; color: #172178  }
.mobile_menu_area ul.cate-menu-list li a:focus{outline: none}
.mobile_menu_area ul.cate-menu-list li a:hover{color:#172178 }
.mobile_menu_area ul.cate-menu-list li ul.nested{margin:0px; padding: 0px 0px; border-top: #172178 1px solid; ; list-style: none; background: #f5f6f6}
.mobile_menu_area ul.cate-menu-list li ul.nested li{font-size: 14px; line-height: 16px; border-bottom: none}
.mobile_menu_area ul.cate-menu-list li ul.nested li a{padding: 10px 15px; position: relative;}
.mobile_menu_area ul.cate-menu-list li ul.nested li a.plus::before {content: "\f067"; font-family: "Font Awesome 5 Free"; font-size: 15px; font-weight: 600;color: black; position: absolute; top:10px; right: 15px; color: #6CB4A7}
.mobile_menu_area ul.cate-menu-list li ul.nested li a.plus-down::before {content: "\f068"; font-family: "Font Awesome 5 Free"; font-size: 15px; font-weight: 600;color: black; position: absolute; top:10px; right: 15px; color: #6CB4A7  }
.mobile_menu_area ul.cate-menu-list li ul.nested li ul.nested{margin:0px; padding: 10px 0px 10px 10px; border-top: #eff0f4 1px solid; ; list-style: none; background: #eff0f4}
.mobile_menu_area ul.cate-menu-list li ul.nested li ul.nested li{font-size: 13px; line-height: 14px; border-bottom: none}
.mobile_menu_area ul.cate-menu-list li ul.nested li ul.nested li a{padding: 5px 15px; }
.mobile_menu_area .nested {display: none;padding-left: 20px}
.mobile_menu_area .nested.active {display: block;}
.mobile_menu_area .btn-area{float: left; margin: 15px}
.mobile_menu_area .btn-area a.btn-sign{display: inline-block; height: 40px; background: #054472; padding: 0px 10px; line-height: 40px; font-size: 14px; font-family: 'Oswald', sans-serif; color: #fff; text-transform: uppercase; margin-bottom: 10px; width: 98%; text-align: center;}
.mobile_menu_area .btn-area a.btn-sign i {margin-right: 10px}
.mobile_menu_area .btn-area a.whatsapp{display: inline-block; height: 40px; background: #27c227; padding: 0px 10px 0px 0px; line-height: 40px; font-size: 14px; font-family: 'Oswald', sans-serif; color: #fff; text-transform: uppercase; margin-right: 5px}
.mobile_menu_area .btn-area a.whatsapp img {float: left; margin: 0 5px;}
.mobile_menu_area .btn-area a.subscribe{display: inline-block; height: 40px; background: #1a8ccc; padding: 0px 10px 0px 0px; line-height: 40px; font-size: 14px; font-family: 'Oswald', sans-serif; color: #fff; text-transform: uppercase;}
.mobile_menu_area .btn-area a.subscribe img {float: left; margin: 0 5px;}
.mobile_menu_area .social-menu{ float: left; padding: 0px 25px 5px; margin: 0; list-style: none; text-align: center; height: 46px; box-sizing: border-box; width: 100%}
.mobile_menu_area .social-menu li{ display: inline-block; margin: 0 20px 0 0; padding: 0; color: #fff; font-size: 17px; }
.mobile_menu_area .social-menu li:last-child{ margin: 0; }
.mobile_menu_area .social-menu li a{ float: left; text-decoration: none; color: #172178; outline: 0; text-shadow: 0px 0px 5px rgba(150, 150, 150, 1); }
.mobile_menu_area .social-menu li a:hover{ color: #1a8ccc; }
.mobile_menu_area .language-button{  margin: 20px 7px 2px 7px; font-family: 'Ge Dinar One', sans-serif; font-size: 20px; color: #172178 !important; text-decoration: none; color: #fff; padding: 0; line-height:24px; display: inline-block;}
.mobile_menu_area .language-button.en{ font-family: 'Oswald', sans-serif; }

footer{ width: 100%; padding: 2% 3%; margin: 0; background: #074472; position: relative; }
footer .footer-logo{ float: right; margin: 0 0 0 20px; padding: 0; outline: 0; max-width: 100%; }
footer .links{ float: right; padding: 0; margin: 0; list-style: none; }
footer .links li{ float: right; margin: 10px 0 0 10px; border-left: 1px solid #fff; font-family: 'Oswald', sans-serif; font-size: 11px; color: #fff; text-transform: uppercase; }
footer .links li:last-child{ border: none; margin-left: 0; }
footer .links li a{ text-decoration: none; outline: 0; color: #fff; padding-left: 15px; }
footer .links li:last-child a{ padding-left: 0; }
footer .our-partners{ display: inline-block; padding: 0; margin: 6px 0 0 0; list-style: none; }
footer .our-partners li{ display: inline-block; margin: 0 15px 0 0; font-family: 'Oswald', sans-serif; font-size: 14px; color: #fff; text-transform: uppercase; }
footer .our-partners li:last-child{ margin: 0; }
footer .our-partners img{ max-width: 80%; margin-top: -2px; }


a{text-decoration: none !important;}
.sign-in-up-page{ height: 100%; padding: 260px 0 160px 0; background-size: cover; position: relative;}
.sign-in-up-page::before{background: url(../image/login-bg.jpg) center center/cover no-repeat fixed; filter: blur(5px); content: ''; position: absolute; left: 0px; top:0px; width: 100%; height: 100%; }
.sign-in-up-page .form-area{background: rgba(255, 255, 255, 1); max-width: 560px; margin: 0 auto; padding: 30px 90px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5); position: relative}
.sign-in-up-page .form-area .left-icon{position: absolute; left: -270px; top: 31px; width: 345px; height: 421px;}
.sign-in-up-page .form-area .left-icon img, .sign-in-up-page .form-area .left-icon1 img{width: 100%}
.sign-in-up-page .form-area .left-icon1{position: absolute; left: -360px; top: 71px; width: 450px; height: 479px;}

.sign-in-up-page .form-area .right-icon{position: absolute; right: -140px; top: -20px; width: 252px; height: 541px;}
.sign-in-up-page .form-area .right-icon img, .sign-in-up-page .form-area .right-icon1 img{width: 100%}
.sign-in-up-page .form-area .right-icon1{position: absolute; right: -240px; top: 70px; width: 322px;height: 500px;}
.sign-in-up-page .form-area h2{text-align: center; color:#172178; font-family: 'Oswald', sans-serif; font-weight: 300; text-transform: uppercase;}
.sign-in-up-page .form-area p{text-align: center; color:#a4a4a8; font-family: 'Oswald', sans-serif; font-weight: 400; margin-bottom: 10px; letter-spacing: .5px; text-transform: uppercase;}
.sign-in-up-page .form-area p a{color: #172178}
.sign-in-up-page .form-area .form-group{position: relative; margin-bottom: 20px; /*margin-top:25px*/}
.sign-in-up-page .form-area .form-group label {color: #172178; font-family: 'Oswald', sans-serif; font-weight: 700; position: absolute; margin: 0px; top: -10px; line-height: 20px; background: #fff; text-transform: uppercase; left: 15px; padding: 0 10px; font-size: 13px;z-index: 1;}
.sign-in-up-page .form-area .form-group .form-control{border:#e1e1e1 1px solid; padding: 15px 23px}
.sign-in-up-page .form-area .form-group .form-control:focus{box-shadow: none}
.sign-in-up-page .form-area .btn-submit{background: #172178; width: 100%; border:none; padding: 15px; font-size: 18px; letter-spacing: 1px; color: #ffffff;font-family: 'Oswald', sans-serif; text-transform: uppercase;}
.sign-in-up-page .form-area .btn-ticket{background: #1a8ccc; width: 100%; border:none; padding: 15px; font-size: 18px; letter-spacing: 1px; color: #ffffff;font-family: 'Oswald', sans-serif; text-transform: uppercase;}
.sign-in-up-page .form-area .line{height: 1px; margin: 30px 0; border-top:#000 1px dashed}
.sign-in-up-page .form-area .btn-submit.hvr-shutter-out-horizontal:before{background: #070d44}
.sign-in-up-page .form-area .btn-ticket.hvr-shutter-out-horizontal:before{background: #085986}

.white-bg{background: #f6f6f7; padding: 60px; position: relative;}
.white-bg h1{display: block; width: 100%; margin: 0px 0px 50px 0px; position: relative; z-index: 1;font-family: 'Oswald', sans-serif; font-size: 41px; color: #878787; font-weight: 100;}

.cart-page{height: 100%; padding: 450px 0 0 0;  position: relative;}
/*.cart-page::before{background: #241238; content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%}*/

.cart-page .cart-box{background: #fff; padding: 25px 70px 25px 200px; position: relative; min-height: 190px; border-radius: 20px; margin-bottom: 25px; -webkit-box-shadow: 0px 5px 13px 0px rgba(0,0,0,0.07); -moz-box-shadow: 0px 5px 13px 0px rgba(0,0,0,0.07); box-shadow: 0px 5px 13px 0px rgba(0,0,0,0.07); }
.cart-page .cart-box::before{content: ''; width: 25px; height: 50px; background: #f6f6f7; border-radius: 0 25px 25px 0; position: absolute; left: -10px; top: 50%; margin-top: -25px}
.cart-page .cart-box::after{content: ''; width: 25px; height: 50px; background: #f6f6f7; border-radius: 25px 0 0 25px; position: absolute; right: -10px; top: 50%; margin-top: -25px}
.cart-page .cart-box .cart-block-img{position: absolute; bottom: 0px; right: 0px; opacity: 0.2; }
.cart-page .cart-box .ticket-number{position: absolute; left: 25px; top:25px; width:150px; height: 140px; }
.cart-page .cart-box .ticket-number img{width: 100%}
.cart-page .cart-box .ticket-number span{color: #1a8ccc; position: absolute; font-size: 32px; font-family: 'Oswald', sans-serif; font-weight: 700; top: 49px; left: 2px; width: 123px; text-align: center; line-height: 32px; transform: rotate(-45deg);}
.cart-page .cart-box .ticket-name{font-size: 24px; font-family: 'Oswald', sans-serif; font-weight: 700; color: #172178; margin-bottom: 15px}
.cart-page .cart-box .price{color: #000; font-size:16px;font-family: 'Oswald', sans-serif; font-weight: 400; position: relative; z-index: 1 }
.cart-page .cart-box .price span{display: block; color: #1a8ccc; font-size: 20px;  font-weight: 700;  }
.cart-page .cart-box .date{color: #000; font-size:16px;font-family: 'Oswald', sans-serif; font-weight: 400; position: relative; z-index: 1}
.cart-page .cart-box .date span{display: block; color: #1a8ccc; font-size: 20px;  font-weight: 700;  }
.cart-page .cart-box .qty-box{color: #000; font-size:16px;font-family: 'Oswald', sans-serif; font-weight: 400; }
.cart-page .cart-box .qty-box .qty{width:140px; border:#1a8ccc 1px solid; height: 40px; position: relative; margin-top: 5px; z-index: 1}
.cart-page .cart-box .qty-box .qty .minus{position: absolute; border: none; background: #fff; width: 38px; height: 38px; box-shadow: none; border-right: #1a8ccc 1px solid; top: 0px; left: 0px; color: #1a8ccc; cursor: pointer;}
.cart-page .cart-box .qty-box .qty .plus{position: absolute; border: none; background: #fff; width: 38px; height: 38px; box-shadow: none; border-left: #1a8ccc 1px solid; top: 0px; right: 0px; color: #1a8ccc; cursor: pointer;}
.cart-page .cart-box .qty-box .qty input[type="number"] {-moz-appearance: textfield;}
.cart-page .cart-box .qty-box .qty input{border: none; width: 100%;  font-family: 'Oswald', sans-serif;  font-size: 18px; color: #000; border-radius: 0px; height: 38px !important; text-align: center;}

.cart-page .cart-box .delete-icon{position: absolute; top:0px; right: 30px; z-index: 1}
.cart-page .cart-box .delete-icon a{width: 40px; height: 50px; background: #1a8ccc; display: block; color: #fff; text-align: center; line-height: 45px; font-size: 18px; border-radius: 0 0 20px 20px; overflow: hidden;}
.cart-page .cart-box .delete-icon a.hvr-sweep-to-bottom:before{background: #e81c11}
.cart-page .box_sticky{position: sticky; top:10px}
.cart-page .cart_total{background: #fff; padding: 25px; position: relative; border-radius: 20px; -webkit-box-shadow: 0px 5px 13px 0px rgba(0,0,0,0.07); -moz-box-shadow: 0px 5px 13px 0px rgba(0,0,0,0.07); box-shadow: 0px 5px 13px 0px rgba(0,0,0,0.07); }
.cart-page .cart_total .title{font-size: 24px; font-family: 'Oswald', sans-serif; font-weight: 700; color: #172178; margin-bottom: 15px; position: relative; padding-bottom: 15px}
.cart-page .cart_total .title::before{content: ''; position: absolute; width: 50px; height: 3px; background:#1a8ccc; bottom: 0px; left: 0px}
.cart-page .cart_total ul{margin: 0px; padding: 0px; list-style: none;}
.cart-page .cart_total ul li{font-size: 16px;font-family: 'Oswald', sans-serif; font-weight: 400; line-height: 60px; color: #000; border-bottom: #bfbfbf 1px dashed}
.cart-page .cart_total ul li:last-child{border-bottom: none}
.cart-page .cart_total ul li span{float: right;}
.cart-page .cart_total ul li.total{font-size: 20px; font-weight: 700; color:#1a8ccc }
.cart-page .cart_total .btn_checkout{width: 100%; border-radius: 0px; background:#1a8ccc; color: #fff; padding: 15px; font-size: 18px; margin-top: 10px}
.cart-page .cart_total .btn_checkout.hvr-shutter-out-horizontal:before{background: #0b6395}
.cart-page .coupon_area_box{background: #fff; padding: 25px; position: relative; border-radius: 20px; margin-bottom: 25px; -webkit-box-shadow: 0px 5px 13px 0px rgba(0,0,0,0.07); -moz-box-shadow: 0px 5px 13px 0px rgba(0,0,0,0.07); box-shadow: 0px 5px 13px 0px rgba(0,0,0,0.07); }
.cart-page .coupon_area_box .title{font-size: 24px; font-family: 'Oswald', sans-serif; font-weight: 700; color: #172178; margin-bottom: 15px; position: relative; padding-bottom: 15px}
.cart-page .coupon_area_box .title::before{content: ''; position: absolute; width: 50px; height: 3px; background:#1a8ccc; bottom: 0px; left: 0px}
.cart-page .coupon_area_box .coupon-box{position: relative;}
.cart-page .coupon_area_box .coupon-box .form-control{position: relative; border:#bfbfbf 1px dashed; height: 60px; font-family: 'Oswald', sans-serif; font-weight: 400; letter-spacing: 0.5px}
.cart-page .coupon_area_box .coupon-box .form-control:focus{box-shadow: none; border:#1a8ccc 1px dashed}
.cart-page .coupon_area_box .coupon-box .btn-default{border-radius: 6px; background:#1a8ccc; color: #fff; padding: 8px 15px; font-size: 16px; position: absolute; right: 9px; top:9px}

.cart-page .contact-info-box{background: #fff; padding: 25px 25px 5px 25px; position: relative; border-radius: 20px; margin-bottom: 25px; -webkit-box-shadow: 0px 5px 13px 0px rgba(0,0,0,0.07); -moz-box-shadow: 0px 5px 13px 0px rgba(0,0,0,0.07); box-shadow: 0px 5px 13px 0px rgba(0,0,0,0.07); }
.cart-page .contact-info-box .title{font-size: 24px; font-family: 'Oswald', sans-serif; font-weight: 700; color: #172178; margin-bottom: 30px; position: relative; padding-bottom: 15px}
.cart-page .contact-info-box .title::before{content: ''; position: absolute; width: 50px; height: 3px; background:#1a8ccc; bottom: 0px; left: 0px}
.cart-page .contact-info-box .pd_10{padding: 0 10px}
.cart-page .contact-info-box .md_10{margin: 0 -10px}
.cart-page .contact-info-box .form-group{position: relative; margin-bottom: 25px;}
.cart-page .contact-info-box .form-group label {color: #1a8ccc; font-family: 'Oswald', sans-serif; font-weight: 700; position: absolute; margin: 0px; top: -10px; line-height: 20px; background: #fff; text-transform: uppercase; left: 10px; padding: 0 10px; font-size: 13px;z-index: 11;}
.cart-page .contact-info-box .form-control{border:#e1e1e1 1px solid; padding: 15px 18px; height: 56px !important; font-family: 'Oswald', sans-serif; font-weight: 300}
.cart-page .contact-info-box .form-control:focus{box-shadow: none}
.cart-page .contact-info-box .checkbox {margin-bottom: 30px;}
.cart-page .contact-info-box .checkbox input[type=checkbox].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
.cart-page .contact-info-box .checkbox input[type=checkbox].css-checkbox + label.css-label {padding-left:26px; height:15px;  display:inline-block; line-height:15px; background-repeat:no-repeat; background-position: 0 0; font-size:15px; vertical-align:middle; cursor:pointer; font-weight:normal; width:100%; color: #1a8ccc;font-family: 'Oswald', sans-serif; font-weight: 700;}
.cart-page .contact-info-box .checkbox input[type=checkbox].css-checkbox:checked + label.css-label {background-position: 0 -15px;}
.cart-page .contact-info-box .checkbox label.css-label {background-image:url(../image/checkbox1.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin:0px;}

.cart-page .box_area{margin-bottom:25px; background: #fff; border-radius: 20px; -webkit-box-shadow: 0px 5px 13px 0px rgba(0,0,0,0.07); -moz-box-shadow: 0px 5px 13px 0px rgba(0,0,0,0.07); box-shadow: 0px 5px 13px 0px rgba(0,0,0,0.07); }
.cart-page .btn-link{background: #fff; border-radius: 10px; width:100%; display:block; line-height:50px; text-decoration:none; color:#2d2d2d; font-size:18px; font-family: 'Oswald', sans-serif; font-weight:600; }
.cart-page .btn-link:focus{outline:none}
.cart-page .btn-link i{width:30px; height:30px; color:#fff; margin:10px; font-size:15px; background:#1a8ccc; line-height:30px; text-align:center;  float:left; border-radius:4px}
.cart-page .form_area{ border-top:#e1e4ec 1px solid; padding:20px;}
.cart-page .form_area p{font-size: 16px;font-family: 'Oswald', sans-serif; font-weight: 400; line-height: 25px; color: #000; margin-bottom: 25px}
.cart-page .form_area .form-group{position: relative; margin-bottom:0px;}
.cart-page .form_area .form-group label {color: #1a8ccc; font-family: 'Oswald', sans-serif; font-weight: 700; position: absolute; margin: 0px; top: -10px; line-height: 20px; background: #fff; text-transform: uppercase; left: 10px; padding: 0 10px; font-size: 13px;z-index: 1;}
.cart-page .form_area .form-control{border:#e1e1e1 1px solid; padding: 15px 18px; height: 56px !important; font-family: 'Oswald', sans-serif; font-weight: 300}
.cart-page .form_area .form-control:focus{box-shadow: none}
.cart-page .form_area .btn_submit{width: 100%; border-radius: 0px; background:#1a8ccc; color: #fff; padding: 13px; font-size: 18px; border-radius: 5px}
.cart-page .form_area .btn_submit.hvr-shutter-out-horizontal:before{background: #0b6395}

.account-page{height: 100%; padding:220px 0 80px; background: url(../image/login-bg.jpg) center center/cover no-repeat fixed; position: relative; min-height: 868px; border-bottom: #fff 2px solid}
.account-page::before{background: #241238; content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0.8}
.account-page h1{font-size: 40px; color: #fff; font-family: 'Oswald', sans-serif; font-weight: 700; margin: 0 0 50px 0; position: relative;}
.account-page .user-profile{position: relative; background: #fff; border-radius:10px; line-height:20px;color:#000; font-family: 'Oswald', sans-serif; font-size: 16px; font-weight: 400; padding: 10px 10px 10px 70px; margin-bottom: 20px}
.account-page .user-profile a{display: block; color:#1a8ccc; font-size: 14px; font-weight: 400}
.account-page .user-profile .name-code{width: 40px; height: 40px; background:#1a8ccc; font-size:20px; color: #fff; line-height: 40px; text-align: center; border-radius: 50px; position: absolute; left: 15px; top: 10px}
.account-page ul.menu-account{margin: 0px; padding: 0px; list-style: none;}
.account-page ul.menu-account li{margin-bottom: 5px;}
.account-page ul.menu-account li a{background: #fff; display: block; border-radius: 5px; position: relative; padding: 15px 15px 15px 40px; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 16px; line-height: 20px;color: #000; text-decoration: none; overflow: hidden;}
.account-page ul.menu-account li a i{position: absolute; left: 10px; top:15px; width: 20px; line-height: 20px;text-align: center; color: #1a8ccc}
.account-page ul.menu-account li a.active{background: #1a8ccc; color: #fff}
 .account-page ul.menu-account li a:hover{color: #fff}
.account-page ul.menu-account li a.active i, .account-page ul.menu-account li a:hover i{color: #fff}
.account-page ul.menu-account li a.active i, .account-page ul.menu-account li a.hvr-bounce-to-right::before{background: #1a8ccc; }
.account-page .page-title{font-size: 24px; font-family: 'Oswald', sans-serif; font-weight: 700; line-height: 40px; margin-bottom: 20px}
.account-page .page-title i{width: 40px; height: 40px; background:#1a8ccc; text-align: center; line-height: 40px; margin-right: 15px; border-radius: 5px; color: #fff; font-size: 18px}
.account-page .page-title .btn-add{float: right; font-size: 16px; padding: 0px 18px; font-size: 14px;background: #393939; color: #fff; border-radius: 5px; text-decoration: none;}

.account-page .white-form-area{background: #fff; padding: 25px 25px 30px 25px; position: relative; border-radius: 20px; margin-bottom: 25px}
.account-page .white-form-area .title{font-size: 24px; font-family: 'Oswald', sans-serif; font-weight: 700; color: #172178; margin-bottom: 30px; position: relative; padding-bottom: 15px}
.account-page .white-form-area .title::before{content: ''; position: absolute; width: 50px; height: 3px; background:#1a8ccc; bottom: 0px; left: 0px}
.account-page .white-form-area .form-group{position: relative; margin-bottom:20px;}
.account-page .white-form-area .form-group label {color: #1a8ccc; font-family: 'Oswald', sans-serif; font-weight: 700; position: absolute; margin: 0px; top: -10px; line-height: 20px; background: #fff; text-transform: uppercase; left: 10px; padding: 0 10px; font-size: 13px}
.account-page .white-form-area .form-group .form-control{border:#e1e1e1 1px solid; padding: 15px 18px; height: 56px !important; font-family: 'Oswald', sans-serif; font-weight: 300}
.account-page .white-form-area .form-group .form-control:focus{box-shadow: none}
.account-page .white-form-area .btn-update{border-radius: 0px; background:#1a8ccc; color: #fff; padding: 13px 30px; font-size: 18px; border-radius: 5px;  color: #ffffff;font-family: 'Oswald', sans-serif; text-transform: uppercase;}
.account-page .white-form-area .btn-update.hvr-shutter-out-horizontal:before{background: #0b6395}

.account-page .history-box{background: #fff; padding: 0px 100px 0px 40px; position: relative; border-radius: 0 20px 20px 0; margin-bottom: 25px}
.account-page .history-box .ticket-number{font-family: 'Oswald', sans-serif; background: #1a8ccc; font-size: 18px; font-weight: 700; line-height: 40px; padding: 0; transform: rotate(-90deg); position: absolute; top: 49px; left: -49px; width: 138px; text-align: center;}
.account-page .history-box .ticket-name{font-family: 'Oswald', sans-serif; color: #1a8ccc; font-size: 18px;  font-weight: 700; line-height: 20px; letter-spacing: .3px; border-bottom: #000 1px dashed; padding: 18px 20px}
.account-page .history-box ul.info-list{margin: 0px; padding: 0px; list-style: none;}
.account-page .history-box ul.info-list li{float: left; width: 20%}
.account-page .history-box .info{color: #000; font-size:16px;font-family: 'Oswald', sans-serif; font-weight: 400;  padding: 15px 0px; text-align: center; }
.account-page .history-box .info span{display: block; color: #1a8ccc; font-size: 18px;  font-weight: 700;  }
.account-page .history-box .btn-area{border-top: #000 1px dashed;padding: 20px; transform: rotate(-90deg); position: absolute; top: 19px; right: -20px;}
.account-page .history-box .btn-area a{background: #1a8ccc; color: #fff; padding: 10px 13px; font-size: 16px; border-radius: 5px; display: block; text-align: center; line-height: 20px; width: 100px;font-family: 'Oswald', sans-serif; text-transform: uppercase;}
.account-page .history-box .btn-area a:hover{background: #0b6395}

.banner-area{position: fixed; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; overflow: hidden; }
.banner-area img { width: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.banner-area.imgblur img {-webkit-filter: blur(10px); -moz-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px);}

.ticket_page{padding: 450px 0 0 0; position: relative; }
.ticket_page .ticket_list{background: #f6f6f7; padding: 60px; overflow: hidden}
.ticket_page .ticket_list h1{display: block; width: 100%; margin: 0px 0px 50px 0px; position: relative; z-index: 1;font-family: 'Oswald', sans-serif; font-size: 41px; color: #878787; font-weight: 100;}
.ticket_page .ticket_list .ticket-box{background: #fff; margin-bottom: 60px; position: relative; -webkit-box-shadow: 0px 5px 13px 0px rgba(0,0,0,0.07); -moz-box-shadow: 0px 5px 13px 0px rgba(0,0,0,0.07); box-shadow: 0px 5px 13px 0px rgba(0,0,0,0.07); }
.ticket_page .ticket_list .ticket-box .round{width: 120px; height:120px; background: #f6f6f7; border-radius: 50%; position: absolute;}
.ticket_page .ticket_list .ticket-box .round.top-left{left: -60px; top:-60px}
.ticket_page .ticket_list .ticket-box .round.top-right{right: -60px; top:-60px}
.ticket_page .ticket_list .ticket-box .round.bottom-right{right: -60px; bottom:-60px}
.ticket_page .ticket_list .ticket-box .round.bottom-left{left: -60px; bottom:-60px}
.ticket_page .ticket_list .ticket-box .content-area{color: #000; position: relative; z-index: 1; width: 100%; display: flex;}
.ticket_page .ticket_list .ticket-box .content-area .photo-area{width: 38%; padding: 50px 40px 50px 50px; display: flex; justify-content: flex-start;}
.ticket_page .ticket_list .ticket-box .content-area .photo-area .ticket-img{width: 100%; height: 360px; position: relative; overflow: hidden; border-radius: 30px; border:#e8e8e8 1px solid}
.ticket_page .ticket_list .ticket-box .content-area .photo-area .ticket-img img{width: 100%; height: 100%; position:absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; object-fit: cover;}
.ticket_page .ticket_list .ticket-box .content-area .ticket-info{width: 30%;  padding: 40px 40px; border-right:#e5e5e5 1px solid; display: flex; justify-content: flex-start; position: relative;}
.ticket_page .ticket_list .ticket-box .content-area .ticket-info::before{content:''; position: absolute; left: -6px; top: 0px; height: 100%; background: url(../image/right-line.png) left top repeat-y; width: 11px}
.ticket_page .ticket_list .ticket-box .content-area .full{width: 100%}
.ticket_page .ticket_list .ticket-box .content-area .ticket-info .ticket-name{font-family: 'Oswald', sans-serif; font-size: 34px; color: #878787; font-weight: 100; line-height: 42px; margin-bottom: 20px}
.ticket_page .ticket_list .ticket-box .content-area .ticket-info ul{margin: 0px 0px 20px 0px; padding:0px; list-style: none;}
.ticket_page .ticket_list .ticket-box .content-area .ticket-info ul li{font-family: 'News Cycle', sans-serif; font-size: 16px; line-height: 22px; color: #545252; position: relative; padding-left: 14px}
.ticket_page .ticket_list .ticket-box .content-area .ticket-info ul li::before{content: ''; background:#545252; width: 6px; height: 6px; border-radius: 50%; position: absolute; top:10px; left: 0px}
.ticket_page .ticket_list .ticket-box .content-area .ticket-info .btn-link{border-top:#e5e5e5 1px solid; background:#fff url(../image/arrow.png) center right no-repeat; border-bottom:#e5e5e5 1px solid; width: 100%; text-align: left; padding:0px; font-family: 'News Cycle', sans-serif; font-size: 16px; line-height: 24px; color: #545252; line-height: 46px; margin-top: -1px; text-decoration: none; border-radius: 0px; letter-spacing: .8px}
.ticket_page .ticket_list .ticket-box .content-area .price-qty-box{width: 32%; padding: 40px 60px 40px 40px; display: flex; justify-content: flex-start; }
.ticket_page .ticket_list .ticket-box .content-area .price-qty-box .price{font-size: 46px; color: #1a8ccc; font-family: 'Oswald', sans-serif; font-weight: 100; line-height: 50px; margin-bottom: 15px; font-size: 26px;line-height: 30px;  }
.ticket_page .ticket_list .ticket-box .content-area .price-qty-box .price span{display: block; font-family: 'News Cycle', sans-serif; font-size: 16px; color: #545252; line-height: 22px; margin-top: 5px}
.ticket_page .ticket_list .ticket-box .content-area .price-qty-box .guest-box{position: relative; margin-bottom: 15px}
.ticket_page .ticket_list .ticket-box .content-area .price-qty-box .guest-box label{font-family: 'Oswald', sans-serif; font-size: 15px; color: #000; text-transform: uppercase; width: 140px; margin: 0px; line-height: 50px}
.ticket_page .ticket_list .ticket-box .content-area .price-qty-box .guest-box .qty{width:160px; border:#1a8ccc 1px solid; height: 50px; position: absolute; top: 0px; right: 0px}
.ticket_page .ticket_list .ticket-box .content-area .price-qty-box .guest-box .qty .minus{position: absolute; border: none; background: #fff; width: 48px; height: 48px; box-shadow: none; border-right: #1a8ccc 1px solid; top: 0px; left: 0px; color: #1a8ccc; cursor: pointer;}
.ticket_page .ticket_list .ticket-box .content-area .price-qty-box .guest-box .qty .plus{position: absolute; border: none; background: #fff; width: 48px; height: 48px; box-shadow: none; border-left: #1a8ccc 1px solid; top: 0px; right: 0px; color: #1a8ccc; cursor: pointer;}
.ticket_page .ticket_list .ticket-box .content-area .price-qty-box .guest-box .qty input[type="number"] {-moz-appearance: textfield;}
.ticket_page .ticket_list .ticket-box .content-area .price-qty-box .guest-box .qty input{border: none; width: 100%;  font-family: 'Oswald', sans-serif;  font-size: 18px; color: #000; border-radius: 0px; height: 48px !important; text-align: center;}
.ticket_page .ticket_list .ticket-box .content-area .price-qty-box .form-control{border:#1a8ccc 1px solid; height: 56px; border-radius: 0px; font-family: 'Oswald', sans-serif; font-size: 15px; color: #000; text-transform: uppercase;}
.ticket_page .ticket_list .ticket-box .content-area .price-qty-box .icon{position: relative;}
.ticket_page .ticket_list .ticket-box .content-area .price-qty-box .icon i{position: absolute; bottom: 1px; right: 1px; height: 54px; width: 54px; color: #054472; background: #fff; text-align: center; line-height: 54px; font-size: 30px; }
.ticket_page .ticket_list .ticket-box .content-area .price-qty-box .icon label{font-family: 'Oswald', sans-serif;font-size: 15px; color: #000; text-transform: uppercase; line-height: 20px; margin: 0px 0px 10px 0px}
.ticket_page .ticket_list .ticket-box .content-area .price-qty-box .promo-code{position: relative;}
.ticket_page .ticket_list .ticket-box .content-area .price-qty-box .promo-code .btn-apply {position: absolute; top: 11px; right: 10px; background: #1a8ccc; border: none; color: #fff; padding: 6px 12px; cursor: pointer;}
.ticket_page .ticket_list .ticket-box .content-area .price-qty-box .promo-code .btn-apply:hover{background: #a81008}
.ticket_page .ticket_list .ticket-box .content-area .price-qty-box .btn-cart{background: #e81c11; color: #fff; font-family: 'Oswald', sans-serif; font-size: 18px; font-weight: 300; width: 100%; display: block; text-align: center; padding: 15px}
.ticket_page .ticket_list .ticket-box .content-area .price-qty-box .btn-cart.hvr-shutter-out-horizontal:before{background: #a81008}

.modal-body{padding: 30px}
.modal-body .close{position: absolute; top: 30px; right: 30px}
.modal-body h5{font-family: 'Oswald', sans-serif; font-size: 24px; color: #878787; font-weight: 100; line-height: 24px; margin-bottom: 20px}
.modal-body p{font-family: 'News Cycle', sans-serif; font-size: 16px; line-height: 24px; color: #545252; margin-bottom: 15px}
.modal-body ul{margin: 0px; padding:0px; list-style: none;}
.modal-body ul li{font-family: 'News Cycle', sans-serif; font-size: 16px; line-height: 24px; color: #545252; position: relative; padding-left: 14px; margin-bottom: 8px}
.modal-body ul li::before{content: ''; background:#545252; width: 6px; height: 6px; border-radius: 50%; position: absolute; top:10px; left: 0px}

.profile-box{background: #fff; border-radius: 20px; padding: 20px;}
.account-page .user-profile a{display: block; color:#1a8ccc; font-size: 14px; font-weight: 400}
.profile-box .name-code{width: 40px; height: 40px; background:#1a8ccc; font-size:20px; color: #fff; line-height: 40px; text-align: center; border-radius: 50px; position: absolute; left: 15px; top: 10px}


.email_verification_area {text-align: center !important;}
.email_verification_area h2{color: #074472 !important;margin-top: 40px !important;}
.email_verification_area .btn{margin-top: 15px !important; background: #074472 !important;border: none !important;}

.pagination{justify-content: center !important;}
.pagination li{padding: 0px 3px !important;}
.pagination li .page-link{border-radius: 3px !important;}
.pagination li.page-item.active .page-link{background-color: #1a8ccc !important;border-color: #1a8ccc !important;}


.account-page .group-ticket{background: #fff; padding: 15px 15px 1px 15px; margin-bottom: 25px; border-radius: 20px}
.account-page .group-ticket .history-box{background: #f2f2f2; padding: 0px 0px 0px 40px; margin-bottom: 15px}
.account-page .group-ticket .detail-area{margin-bottom: 15px}
.account-page .group-ticket .order_id{float: left; color: #1a8ccc; font-size: 16px; font-family: 'Oswald', sans-serif; font-weight: 400;line-height: 40px}
.account-page .group-ticket .order_id strong{color: #000}
.account-page .group-ticket .download-ticket{background: #1a8ccc;color: #fff; padding: 10px 13px; font-size: 16px; border-radius: 5px; float: right; text-align: center; line-height: 20px; font-family: 'Oswald', sans-serif; text-transform: uppercase;}
.account-page .group-ticket .history-box ul.info-list li{width: 25%}


.white-bg .empty-cart{text-align: center;}
.white-bg .empty-cart .btn-return{background: #172178;width: 100%;border: none;padding: 15px;font-size: 18px;letter-spacing: 1px;color: #ffffff;font-family: 'Oswald', sans-serif;text-transform: uppercase;width: 250px;}
.white-bg .empty-cart .btn-return.hvr-shutter-out-horizontal::before{background-color: #101859 !important;}

#loader-wrapper img {height: 50px; left: 50%; margin:-25px 0 0 -68px; position: absolute; top: 50%; width: 136px;}
#loader-wrapper {background: rgba(255, 255, 255, 0.9); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 1000;}
#loader {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; animation: 2s linear 0s normal none infinite running spin; border-color: #1a8ccc  transparent transparent; border-image: none; border-radius:50%;   -moz-border-radius: 50%;   -webkit-border-radius: 50%; -o-border-radius: 50%; border-style: solid; border-width: 3px; display: block; height: 200px; left: 50%; margin: -100px 0 0 -100px; position: relative; top: 50%; width: 200px;}
#loader::before {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; animation: 3s linear 0s normal none infinite running spin; border-color: #002c40 transparent transparent; border-image: none; border-radius:50%;   -moz-border-radius: 50%;   -webkit-border-radius: 50%; -o-border-radius: 50%; border-style: solid; border-width: 3px; bottom: 5px; content: ""; left: 5px; position: absolute; right: 5px; top: 5px;}
#loader::after {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; animation: 1.5s linear 0s normal none infinite running spin; border-color: #1a8ccc  transparent transparent; border-image: none; border-radius:50%;   -moz-border-radius: 50%;   -webkit-border-radius: 50%; -o-border-radius: 50%; border-style: solid; border-width: 3px; bottom: 15px; content: ""; left: 15px; position: absolute; right: 15px; top: 15px;}
@keyframes spin {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}

.forgot-pass{text-align: center;margin-top: 15px;}
.forgot-pass a{color: #172178;}


.bottom_cart_area{background-color: #fff;position: fixed;bottom: 0;left: 0;width: 100%;z-index: 111;padding: 15px 20px;box-shadow: -2px -8px 25px -14px rgba(0,0,0,0.75);-webkit-box-shadow: -2px -8px 25px -14px rgba(0,0,0,0.75);-moz-box-shadow: -2px -8px 25px -14px rgba(0,0,0,0.75);}
.bottom_cart_area .ticket_area{width: 60%;float: left;color: #172178;font-size: 18px;font-weight: 700;padding: 10px 0;font-family: 'Oswald', sans-serif;}
.bottom_cart_area .ticket_area span{color: #e81c11;}
.bottom_cart_area .totle_area{width: 15%;float: right;color: #172178;font-size: 18px;padding: 10px 0;font-family: 'Oswald', sans-serif;}
.bottom_cart_area .totle_area span{font-weight: 700;color: #e81c11;}
.bottom_cart_area .view_btn_area{width: 6%;float: right;}
.bottom_cart_area .view_btn_area .btn-view-cart{display: inline-block;height: 40px;background: #054472;padding: 0px 10px;font-size: 14px;font-family: 'Oswald', sans-serif;color: #fff;text-transform: uppercase;margin:5px 5px 5px 0;line-height: 37px;}
.bottom_cart_area .view_btn_area .btn-view-cart.hvr-shutter-out-horizontal::before{background: #001f35;}


.bootstrap-growl.alert{position: absolute;top: 10px !important;right: 10px !important;}

.cart-page .cart_total .checkbox {margin-bottom: 30px;}
.cart-page .cart_total .checkbox input[type=checkbox].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
.cart-page .cart_total .checkbox input[type=checkbox].css-checkbox + label.css-label {padding-left:26px; height:15px;  display:inline-block; line-height:15px; background-repeat:no-repeat; background-position: 0 0; font-size:15px; vertical-align:middle; cursor:pointer; font-weight:normal; width:100%; color: #1a8ccc;font-family: 'Oswald', sans-serif; font-weight: 700;}
.cart-page .cart_total .checkbox input[type=checkbox].css-checkbox:checked + label.css-label {background-position: 0 -15px;}
.cart-page .cart_total .checkbox label.css-label {background-image:url(../image/checkbox1.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin:0px;}
.cart-page .cart_total .checkbox label.css-label a{text-decoration: underline !important;}
@media (max-width: 767px){
    .ticket_page .ticket_list .ticket-box .content-area .price-qty-box .price {font-size: 24px;       line-height: 24px;    }
}