input:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
}
a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	color: inherit;
}
a {
	color: inherit;
}
ul,
li {
	list-style: none;
}
ul {
	padding: 0;
	margin: 0;
}
img {
	max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin-bottom: 0;
}
.clear-fix {
	clear: both;
}
/* Font-Family */

@font-face {
	font-family: montserrat;
	src: url('../font/montserrat/montserrat-Regular.otf');
	src: url('../font/montserrat/montserrat-Regular.woff') format('woff'),
		url('../font/montserrat/montserrat-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: montserrat-Medium;
	src: url('../font/montserrat/montserrat-Medium.otf');
	src: url('../font/montserrat/montserrat-Medium.woff') format('woff'),
		url('../font/montserrat/montserrat-Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: montserrat-Bold;
	src: url('../font/montserrat/montserrat-Bold.otf');
	src: url('../font/montserrat/montserrat-Bold.woff') format('woff'),
		url('../font/montserrat/montserrat-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: montserrat-SemiBold;
	src: url('../font/montserrat/montserrat-SemiBold.otf');
	src: url('../font/montserrat/montserrat-SemiBold.woff') format('woff'),
		url('../font/montserrat/montserrat-SemiBold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body {
	background: #e5e5e5;
	font-size: 16px;
	font-family: montserrat, sans-serif;
	overflow-x: hidden;
	margin: 0;
	color: #121212;
	padding: 0;
}
@media (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}
@media (min-width: 1600px) {
	.container {
		padding: 0;
	}
}

/*Section 1*/
.wp-page-layout {
	width: 1170px;
	margin: 0 auto;
	background: #fff;
	padding-bottom: 50px;
}

.setion-banner {
	background: url(../images/banner.png);
	height: 560px;
	width: 100%;
	position: relative;
	background-position: center center !important;
	background-size: 100% 100% !important;
	background-repeat: no-repeat;
}

.section-nofication.bg-blue {
	background: #263d8c !important;
	color: #fff;
}
.section-nofication.bg-grey {
	background: #252525 !important;
	color: #fff;
}

.section-nofication.bg-grey .title,
.section-nofication.bg-grey .txt {
	color: #fff !important;
}

.section-nofication.bg-blue .title,
.section-nofication.bg-blue .txt {
	color: #fff !important;
}

.section-nofication.bg-blue .box-nofication-event--right.temp-2 a.btn__book,
.section-nofication.bg-grey .box-nofication-event--right.temp-2 a.btn__book {
	border: 2px solid #fff;
	color: #fff;
	max-width: 270px;
	width: 100%;
	margin-left: auto;
}

.section-nofication.bg-blue .box-nofication-event--right a.btn__book:hover {
	background: #fff;
	color: #263d8c !important;
}

.section-nofication.bg-grey .box-nofication-event--right a.btn__book:hover {
	background: #fff;
	color: #fb493d !important;
}

.section-info-ticket.temp-2 .block-code-sale .btn-book-ticket-now.blue a {
	background: #263d8c;
}

a.right__book-now.blue {
	background: #263d8c;
}

a.right__book-now.red {
	background: #fb493d;
	border-color: #fb493d;
}

.section-invitation.temp-2 .red,
.section-info-ticket.temp-2 .tite-section.red {
	color: #fb493d;
}

.section-info-ticket.temp-2 .btn-book-ticket-now.red a {
	background: #fb493d !important;
}

.section-nofication.bg-blue .share span,
.section-nofication.bg-grey .share span {
	color: #fff;
}

.section-nofication.home-3 .box-nofication-event {
	background: linear-gradient(0deg, #ee2a4d, #ee2a4d);
	box-shadow: 0px 4px 10px #00000040;
	color: #fff;
}

.section-nofication.home-3
	.box-nofication-event
	.box-nofication-event--left
	.title,
.section-nofication.home-3
	.box-nofication-event
	.box-nofication-event--left
	.txt {
	color: #fff;
}

.content-banner {
	max-width: 400px;
	margin: 0 auto;
	padding-top: 140px;
	text-align: center;
}

.content-banner .time-event {
	color: #121212;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 18px;
	text-transform: uppercase;
}

.content-banner .name-event {
	color: #fb493d;
	font-size: 50px;
	font-family: 'montserrat-Bold';
	line-height: 60px;
	margin-bottom: 25px;
	text-transform: uppercase;
}

.content-banner .name-event.white,
.content-banner .address.white,
.content-banner .time-event.white {
	color: #fff;
}

.content-banner .address {
	color: #121212;
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
}
@media (min-width: 992px) and (max-width: 1199px) {
	.content-banner {
		padding-top: 65px;
		max-width: 500px;
	}
	.setion-banner {
		height: 450px;
		background-position: bottom;
	}
	.content-banner .name-event {
		font-size: 45px;
		line-height: 60px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.content-banner {
		padding-top: 65px;
		max-width: 500px;
	}
	.setion-banner {
		height: 450px;
		background-position: bottom;
	}
	.content-banner .name-event {
		font-size: 45px;
		line-height: 60px;
	}
}
@media (min-width: 576px) and (max-width: 767px) {
	.content-banner {
		padding-top: 50px;
		max-width: 500px;
	}
	.setion-banner {
		height: 320px;
		background-position: bottom;
		background-size: cover;
	}
	.content-banner .name-event {
		font-size: 31px;
		line-height: 40px;
	}
}
@media (max-width: 575px) {
	.content-banner {
		padding-top: 60px;
		max-width: 500px;
	}
	.setion-banner {
		height: 275px;
		background-position: bottom;
		background-size: cover;
	}
	.content-banner .name-event {
		font-size: 25px;
		line-height: 37px;
		margin-bottom: 14px;
	}
	.content-banner .time-event {
		margin-bottom: 10px;
	}
}
@media (max-width: 376px) {
	.content-banner {
		padding-top: 30px;
		max-width: 500px;
	}
}

/*Section 2*/
.box-nofication-event {
	background: linear-gradient(0deg, #ffffff, #ffffff), url(image.png);
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
	padding: 60px 65px 60px 40px;
	display: flex;
	margin-top: -65px;
}
.box-nofication-event--left .title {
	color: #121212;
	font-size: 20px;
	line-height: 30px;
	font-family: 'montserrat-Bold';
	margin-bottom: 18px;
}
.item-info-event .icon {
	width: 30px;
}
.item-info-event {
	display: flex;
	margin-bottom: 20px;
}
.item-info-event .txt {
	flex: 1;
	margin-left: 5px;
}
.item-info-event:last-child {
	margin-bottom: 0;
}
.box-nofication-event--left {
	flex: 1;
}
.box-nofication-event--right a.btn__book {
	display: block;
	border: 2px solid #fb493d;
	min-width: 180px;
	height: 39px;
	line-height: 39px;
	padding: 0 20px;
	font-size: 14px;
	color: #fb493d;
	font-family: 'montserrat-Bold';
	text-align: center;
	text-transform: uppercase;
	transition: all 0.3s;
	background: transparent;
}

.box-nofication-event--right.home-2 a {
	color: #0615a0;
	border: 2px solid #0615a0;
}

.box-nofication-event--right a:hover {
	background: #fb493d;
	color: #fff;
}

.box-nofication-event--right.home-3 .btn__book {
	color: #fff;
	border-color: #fff;
}

.box-nofication-event--right.home-3 .share span {
	color: #fff;
}

.share {
	display: block;
	margin-top: 8px;
	text-align: center;
}

.share span {
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #454545;
	display: inline-block;
	vertical-align: middle;
	padding-left: 8px;
}

.share a {
	border: unset !important;
}

.share a:hover {
	background: transparent;
}

.item-info-event:nth-child(3) .txt {
	color: #121212;
	font-size: 20px;
	line-height: 24px;
	font-family: 'montserrat-Medium';
	position: relative;
	top: 2px;
}
.section-nofication {
	padding-bottom: 60px;
}
@media (min-width: 768px) and (max-width: 1199px) {
	.box-nofication-event {
		padding: 30px;
	}
	.box-nofication-event--left .title {
		font-size: 18px;
	}
}
@media (min-width: 576px) and (max-width: 767px) {
	.box-nofication-event {
		padding: 30px;
		display: block;
	}
	.box-nofication-event--left .title {
		font-size: 18px;
	}
	.box-nofication-event--left {
		margin-bottom: 35px;
	}
	.box-nofication-event--right a {
		display: inline-block;
		margin: 0 auto;
	}
	.btn-book-now {
		text-align: center;
	}
}
@media (max-width: 575px) {
	.box-nofication-event {
		padding: 25px;
		display: block;
	}
	.box-nofication-event--left .title {
		font-size: 18px;
	}
	.box-nofication-event--left {
		margin-bottom: 35px;
	}
	.box-nofication-event--right a {
		display: inline-block;
		margin: 0 auto;
	}
	.btn-book-now {
		text-align: center;
	}
	.box-nofication-event {
		margin-top: -40px;
	}
}

/*Section 3*/
.section-invitation .txt-invitation {
	color: #000000;
	font-size: 24px;
	font-family: 'montserrat-Bold';
	text-align: center;
	margin-bottom: 30px;
}

.section-invitation .title {
	color: #000000;
	font-size: 30px;
	text-align: center;
	margin-bottom: 25px;
}

.item-time-event-invitation {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}

.item-time-event-invitation .icon {
	display: block;
	width: 15px;
	position: relative;
	top: -2px;
}

.item-time-event-invitation .txt {
	flex: 1;
	margin-left: 10px;
	color: #000000;
	font-size: 16px;
}

.item-time-event-invitation:last-child {
	margin-bottom: 0;
}

.list-time-event-invitation {
	padding-bottom: 55px;
	max-width: 380px;
	margin: 0 auto;
}

.section-invitation .content-invitation {
	padding: 0 30px;
}

.content-invitation p {
	color: #000000;
	font-size: 16px;
	margin-bottom: 30px;
}

.content-invitation p .txt-bold {
	font-family: 'montserrat-Bold';
}

.content-invitation p .txt-link {
	color: #03a9f4;
	text-decoration: underline;
	transition: all 0.3s;
}

.content-invitation p .txt-link:hover {
	color: #ff3232;
}

.content-invitation p:last-child {
	margin-bottom: 0;
}

.section-invitation {
	padding-bottom: 40px;
}
@media (min-width: 768px) and (max-width: 1199px) {
	.section-nofication {
		padding-bottom: 35px;
	}
	.section-invitation .title {
		font-size: 28px;
	}
	.item-time-event-invitation {
		margin-bottom: 10px;
	}
	.list-time-event-invitation {
		padding-bottom: 35px;
	}
	.content-invitation p {
		margin-bottom: 15px;
	}
}
@media (min-width: 576px) and (max-width: 767px) {
	.section-nofication {
		padding-bottom: 35px;
	}
	.section-invitation .title {
		font-size: 24px;
	}
	.item-time-event-invitation {
		margin-bottom: 10px;
	}
	.list-time-event-invitation {
		padding-bottom: 35px;
	}
	.content-invitation p {
		margin-bottom: 15px;
	}
	.section-invitation .content-invitation {
		padding: 0;
	}
}
@media (max-width: 575px) {
	.section-nofication {
		padding-bottom: 35px;
	}
	.section-invitation .title {
		font-size: 22px;
		margin-bottom: 25px;
	}
	.section-invitation .txt-invitation {
		font-size: 22px;
		margin-bottom: 20px;
	}
	.item-time-event-invitation {
		margin-bottom: 10px;
	}
	.list-time-event-invitation {
		padding-bottom: 35px;
	}
	.content-invitation p {
		margin-bottom: 15px;
	}
	.section-invitation .content-invitation {
		padding: 0;
	}
}
@media (max-width: 374px) {
	.section-invitation .txt-invitation {
		font-size: 19px;
		margin-bottom: 20px;
	}
	.section-invitation .title {
		font-size: 21px;
		line-height: 30px;
		margin-bottom: 26px;
	}
	.list-time-event-invitation {
		padding-bottom: 20px;
	}
	.box-nofication-event--left .title {
		text-align: center;
	}
}
/* Section 4 */
.section-info-ticket {
	border: 3px solid #fb493d;
	position: relative;
	padding: 40px 37px;
}

.section-info-ticket.home-3 {
	border: 3px solid #ee2a4d;
}

.section-info-ticket.home-3 .btn-book-ticket-now button {
	background: #ee2a4d;
}

.section-info-ticket.home-3 .tite-section {
	color: #ee2a4d;
}

.name-ticket-item {
	cursor: pointer;
}
.total-number {
	outline: none;
	width: 100%;
	max-width: 60px;
	border: none;
	text-align: center;
	font-size: 14px;
	line-height: 17px;
	color: #333333;
	font-family: 'montserrat-Medium';
}
.section-info-ticket .tite-section {
	position: absolute;
	top: 0;
	color: #fb493d;
	font-size: 30px;
	font-family: 'montserrat-Bold';
	text-transform: uppercase;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	z-index: 1;
	top: -20px;
	padding: 0 24px;
}

.section-info-ticket.home-2,
.section-info-ticket .tite-section.home-2 {
	color: #0615a0;
	border-color: #0615a0;
}

.btn-book-ticket-now.home-2 a,
.btn-book-ticket-now.home-2 a:hover {
	background: #0615a0;
}

span.price-ticket.home-1 {
	color: #fb493d;
}

span.price-ticket.home-2 {
	color: #0615a0;
}

span.price-ticket.home-3 {
	color: #ee2a4d;
}

.section-info-ticket .ticket-gmail {
	text-align: center;
	color: #666666;
	font-size: 12px;
	font-style: italic;
}
.add {
	width: 25px;
	cursor: pointer;
	outline: none;
	background: transparent;
	border: none;
}

.sub {
	width: 25px;
	cursor: pointer;
	outline: none;
	background: transparent;
	border: none;
}

.sub:focus {
	border: none;
	background: transparent;
	box-shadow: none;
}
.table-ticket {
	margin-top: 40px;
	border: 1px solid #ddd;
}

.block-code-sale {
	display: flex;
	align-items: center;
	padding-top: 40px;
}

.block-code-sale--left {
	display: flex;
	align-items: center;
}

.block-code-sale--left .txt {
	color: #000000;
	font-size: 16px;
	margin-right: 20px;
}

.form-code-sale {
	max-width: 379px;
}

.form-code-sale input {
	width: 100%;
	height: 49px;
	padding: 0 20px;
	font-size: 16px;
	font-family: 'montserrat';
	border: 1px solid #dddddd;
	transition: all 0.3s;
}
.form-code-sale input::placeholder {
	color: #333333;
	font-size: 14px;
}

.block-code-sale--right {
	flex: 1;
}

.not__flex {
	display: block;
}

.block-code-sale span {
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	color: #666666;
	display: block;
	padding-bottom: 16px;
	text-align: center;
}

.btn-book-ticket-now {
	flex: 1;
}

.btn-book-ticket-now button {
	display: block;
	background: #fb493d;
	color: #ffffff;
	border-radius: 7px;
	text-align: center;
	max-width: 558px;
	margin-left: auto;
	height: 49px;
	line-height: 49px;
	font-size: 14px;
	font-family: 'montserrat-Bold';
	transition: all 0.3s;
	transform: perspective(1px) translateZ(0);
	text-align: center;
	margin: 0 auto;
	width: 100%;
	border: unset;
}

.btn-book-ticket-now button:focus {
	outline: unset;
	border: unset;
}

.btn-book-ticket-now button:hover {
	background: #fb493d;
}

.btn-book-ticket-now {
	transform: perspective(1px) translateZ(0);
}

.btn-book-ticket-now button:hover {
	-webkit-animation-name: hvr-wobble-horizontal;
	animation-name: hvr-wobble-horizontal;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
@-webkit-keyframes hvr-wobble-horizontal {
	16.65% {
		-webkit-transform: translateX(8px);
		transform: translateX(8px);
	}
	33.3% {
		-webkit-transform: translateX(-6px);
		transform: translateX(-6px);
	}
	49.95% {
		-webkit-transform: translateX(4px);
		transform: translateX(4px);
	}
	66.6% {
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px);
	}
	83.25% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes hvr-wobble-horizontal {
	16.65% {
		-webkit-transform: translateX(8px);
		transform: translateX(8px);
	}
	33.3% {
		-webkit-transform: translateX(-6px);
		transform: translateX(-6px);
	}
	49.95% {
		-webkit-transform: translateX(4px);
		transform: translateX(4px);
	}
	66.6% {
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px);
	}
	83.25% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
.hvr-wobble-horizontal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.form-code-sale input:focus {
	border-color: #fb493d;
}

.ticket-thead {
	display: flex;
	background: #f2f2f2;
	padding: 0 20px;
}

.item-title-item-table:nth-child(1) {
	width: 630px;
}

.item-title-item-table:nth-child(2) {
	width: 200px;
	text-align: center;
	justify-content: center;
}

.item-title-item-table:nth-child(3) {
	width: 260px;
	border-right: none;
	text-align: right;
	justify-content: flex-end;
}

.item-title-item-table h3 {
	color: #333333;
	font-size: 14px;
}

.item-title-item-table {
	border-right: 1px solid #dddddd;
	height: 49px;
	line-height: 49px;
	position: relative;
	align-items: center;
	display: flex;
}

.item-info-detail-ticket {
	min-height: 49px;
	display: flex;
	padding: 0 20px;
	border-bottom: 1px solid #dddddd;
}

.block-colum-form:nth-child(2) {
	display: flex;
	width: 200px;
	text-align: center;
	justify-content: space-around;
	align-items: center;
}

.block-colum-form:nth-child(1) {
	width: 630px;
	padding-right: 10px;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: center;
}

.block-colum-form:nth-child(3) {
	width: 260px;
	text-align: right;
	align-items: flex-end;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: column;
}

.name-ticket-item .txt {
	color: #333333;
	font-size: 14px;
	font-family: 'montserrat-Bold';
	margin-right: 2px;
}

.ticket-body {
}

.block-colum-form {
	border-right: 1px solid #dddddd;
	padding: 6px 0;
}

.block-colum-form:last-child {
	border: none;
}

.next-number {
	width: 15px;
	cursor: pointer;
}

.remove-number {
	width: 15px;
	cursor: pointer;
}

.price-ticket-original {
	display: block;
	color: #888888;
	font-size: 12px;
	text-decoration: line-through;
}

.price-ticket {
	display: block;
	color: #333333;
	font-size: 14px;
	font-family: 'montserrat-Medium';
}

/* .item-info-detail-ticket:nth-child(4) .block-colum-form:nth-child(1) {
	width: 798px;
	align-items: flex-end;
	padding-right: 20px;
} */

.txt-total {
	color: #333333;
	font-size: 14px;
	font-family: 'montserrat-Bold';
}

/* .item-info-detail-ticket:nth-child(4) .block-colum-form:nth-child(2) {
	justify-content: flex-end;
	width: 250px;
} */

.item-info-detail-ticket:last-child .block-colum-form:first-child {
	width: calc(75% + 12px);
}

@media (max-width: 991px) {
	.item-info-detail-ticket:last-child .block-colum-form:first-child {
		width: calc(100% + 145px);
	}
}

.item-info-detail-ticket:last-child .block-colum-form:last-child {
	width: 250px;
	display: inline-flex;
	flex-direction: row;
	justify-content: flex-end;
}

.total-price-ticket {
	color: #fb493d;
	font-size: 14px;
	font-family: 'montserrat-Bold';
}
.content-detail-ticket {
	display: none;
}
.content-detail-ticket p {
	font-size: 14px;
	line-height: 20px;
	color: #333333;
}
@media (min-width: 992px) and (max-width: 1199px) {
	.btn-book-ticket-now button {
		max-width: 400px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.btn-book-ticket-now button {
		max-width: 300px;
	}
	/* .item-info-detail-ticket:nth-child(4) .block-colum-form:nth-child(1) {
		width: 795px;
	} */
}
@media (min-width: 576px) and (max-width: 767px) {
	.btn-book-ticket-now button {
		max-width: 300px;
		margin: 0 auto;
	}
	/* .item-info-detail-ticket:nth-child(4) .block-colum-form:nth-child(1) {
		width: 785px;
	} */
	.block-code-sale--left {
		margin-bottom: 25px;
	}
	.block-code-sale {
		display: block;
		padding-top: 20px;
	}
	.item-info-detail-ticket {
		padding: 0 15px;
	}
	.section-info-ticket .tite-section {
		font-size: 25px;
		top: -17px;
	}
	.total-number {
		max-width: 45px;
	}
	.ticket-thead {
		padding: 0 15px;
	}
	.block-colum-form:nth-child(1) {
		width: 623px;
	}
}
@media (max-width: 575px) {
	.ticket-thead {
		padding: 0 10px;
	}
	.btn-book-ticket-now button {
		max-width: 300px;
		margin: 0 auto;
	}
	/* .item-info-detail-ticket:nth-child(4) .block-colum-form:nth-child(1) {
		width: 618px;
	} */
	.content-detail-ticket p {
		font-size: 13px;
	}
	.block-code-sale--left {
		margin-bottom: 25px;
		display: block;
	}
	.item-title-item-table:nth-child(3) {
		width: 252px;
	}
	.item-title-item-table:nth-child(2) {
		width: 208px;
	}
	.block-code-sale {
		display: block;
		padding-top: 20px;
	}

	.item-info-detail-ticket {
		padding: 0 15px;
	}
	.section-info-ticket .tite-section {
		font-size: 20px;
		top: -13px;
	}
	.section-info-ticket {
		padding: 20px 15px;
	}
	.table-ticket {
		margin-top: 30px;
	}
	.block-code-sale--left .txt {
		margin-right: 0;
		margin-bottom: 5px;
	}
	.item-info-detail-ticket {
		padding-right: 5px;
		padding-left: 10px;
	}
	.block-colum-form:nth-child(1) {
		width: 455px;
	}
	.item-title-item-table:nth-child(1) {
		width: 484px;
	}
	.total-number {
		max-width: 32px;
	}
	.block-colum-form:nth-child(2) {
		display: flex;
		flex-direction: column;
	}
	.sub {
		border: 1px solid #ddd;
		border-radius: 5px;
	}
	.add {
		border: 1px solid #ddd;
		border-radius: 5px;
	}
	.item-info-detail-ticket:nth-child(4) .block-colum-form:nth-child(2) {
		justify-content: center;
	}
}
@media (max-width: 376px) {
	.section-info-ticket .tite-section {
		font-size: 18px;
		top: -12px;
		width: 196px;
		text-align: center;
	}
	.item-title-item-table:nth-child(1) {
		width: 491px;
	}
	.item-title-item-table:nth-child(3) {
		width: 255px;
	}
	.item-title-item-table:nth-child(2) {
		width: 208px;
	}
	/* .item-info-detail-ticket:nth-child(4) .block-colum-form:nth-child(1) {
		width: 613px;
	} */
}

@media (max-width: 1100px) {
	.wp-page-layout {
		width: 100%;
	}
}

/*POpup*/
.popup-book-ticket {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	top: 0;
	outline: 0;
	align-items: center;
	display: flex;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
	z-index: 13;
}

.popup-book-ticket.active {
	opacity: 1;
	visibility: visible;
}

.bg-modal-page {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.63);
	z-index: 3;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.popup-book-ticket.active .bg-modal-page {
	opacity: 1;
	visibility: visible;
}

.ct-popup-ticket {
	width: 670px;
	margin: 0 auto;
	background: #ffffff;
	border: 3px solid #fb493d;
	position: relative;
	padding: 40px;
	transition: all 0.5s;
	z-index: 3;
	transform: translate(0, -65%);
}

.popup-book-ticket.active .ct-popup-ticket {
	transform: translate(0, 0);
}

.close-popup-ticket {
	display: block;
	width: 30px;
	line-height: 30px;
	height: 30px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	font-size: 14px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	position: absolute;
	top: -15px;
	right: -15px;
	background: #fff;
	cursor: pointer;
}

.close-popup-ticket img {
	position: relative;
	transition: all 0.4s;
	transform: rotate(0);
}

.close-popup-ticket:hover img {
	transform: rotate(90deg);
}

.title-popup h3 {
	text-align: center;
	color: #fb493d;
	font-size: 24px;
	line-height: 29px;
	font-family: 'montserrat-Bold';
	margin-bottom: 6px;
}

.title-popup p {
	text-align: center;
	color: #666666;
	font-size: 12px;
	line-height: 15px;
	font-style: italic;
}

.title-popup {
	padding-bottom: 40px;
}

.item-form-book-ticket label {
	color: #333333;
	font-size: 14px;
	line-height: 17px;
	font-family: 'montserrat-Bold';
	display: block;
}

.item-form-book-ticket label span {
	color: #fb493d;
}

.item-form-book-ticket input {
	width: 100%;
	height: 50px;
	border-radius: 5px;
	background: #ffffff;
	border: 1px solid #dddddd;
	padding: 0 20px;
	outline: none;
	transition: all 0.3s;
}

.item-form-book-ticket {
	margin-bottom: 18px;
	font-variant: common-ligatures;
}

.item-form-book-ticket input:focus {
	border-color: #fb493d;
}

.box-commitment {
	padding-left: 21px;
	padding-bottom: 30px;
}

.box-commitment label {
	font-size: 14px;
	line-height: 17px;
	color: #333333;
}

.btn-book-ticket a {
	display: block;
	background: #fb493d;
	border-radius: 7px;
	width: 250px;
	margin: 0 auto;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-family: 'montserrat-Bold';
	transform: perspective(1px) translateZ(0);
}

.btn-book-ticket a:hover {
	-webkit-animation-name: hvr-wobble-horizontal;
	animation-name: hvr-wobble-horizontal;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
@media (min-width: 576px) and (max-width: 767px) {
	.ct-popup-ticket {
		width: 500px;
	}
}
@media (max-width: 575px) {
	.ct-popup-ticket {
		width: 320px;
		padding: 20px;
	}
}
@media (max-width: 374px) {
	.ct-popup-ticket {
		width: 300px;
		padding: 20px;
	}
}

.footer {
	background: #333;
	color: #fff;
	padding-top: 40px;
	padding-bottom: 35px;
}

.footer .row {
	margin: 0;
}

.footer .col .title__left {
	font-weight: bold;
	font-size: 24px;
	line-height: 29px;
	text-align: left;
	color: #ffffff;
	margin-bottom: 23px;
}

.footer .col .title__right {
	font-weight: 500;
	font-size: 12px;
	line-height: 15px;
	color: #ffffff;
	text-align: right;
}

.footer .col ul.left li {
	font-size: 15px;
	line-height: 24px;
	color: #ffffff;
	padding-bottom: 10px;
}

.footer .col ul.right {
	text-align: right;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	margin-top: 15px;
}

.footer .col ul.right li {
	border: 1px solid #fff;
	height: 34px;
	width: 34px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	margin-left: 10px;
	transition: all 0.2s ease-in-out;
}

.footer .col ul.right li:hover {
	background: #fff;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
}

.footer .col ul.right li:hover img {
	filter: invert(1);
	transition: all 0.2s ease-in-out;
}

.footer .col ul.right li img {
	max-height: 14px;
	height: 100%;
	width: auto;
	object-fit: scale-down;
}

.section-nofication.bg-white {
	margin-bottom: 18px;
	display: block;
	padding-top: 36px;
}

.section-nofication.bg-white .flex__calendar {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}

.fake__calendar {
	margin-right: 30px;
	background: #ffffff;
	border: 1px solid #d5d5d5;
	box-sizing: border-box;
	border-radius: 6px;
}

.month {
	font-weight: bold;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	display: inline-block;
	background: #fb493d;
	border: 1px solid #fb493d;
	border-radius: 6px 6px 0px 0px;
	padding: 5px 20px;
}

.bottom {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 18px 35px;
}

.bottom span:first-child {
	font-weight: bold;
	font-size: 50px;
	line-height: 24px;
	color: #6b6b6b;
	display: block;
	margin-bottom: 20px;
}

.bottom span:last-child {
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #121212;
}

.box-nofication-event--right.temp-2 a.btn__book {
	border: 2px solid #26105e;
	color: #26105e;
	max-width: 270px;
	width: 100%;
	margin-left: auto;
}

.box-nofication-event--right.temp-2 .share {
	max-width: 270px;
	margin-left: auto;
}

.section-invitation.temp-2 {
	background: #fff;
	display: block;
	margin-bottom: 30px;
	padding: 40px 30px;
	box-shadow: 0px 2px 4px #00000040;
}

.section-invitation.temp-2 h2 {
	font-weight: bold;
	font-size: 24px;
	line-height: 29px;
	text-align: left;
	text-transform: uppercase;
	color: #26105e;
	display: block;
	margin-bottom: 20px;
}

.section-invitation.temp-2 .txt-invitation {
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
}

.section-invitation.temp-2 .title {
	color: #000000;
	font-size: 30px;
	text-align: left;
	margin-bottom: 25px;
	font-weight: normal;
	line-height: 40px;
}

.section-invitation.temp-2 .list-time-event-invitation {
	margin: 0;
	margin-right: auto;
	margin-top: 40px;
	display: block;
}

.section-invitation.temp-2 .content-invitation {
	padding: 0;
}

.section-info-ticket.temp-2 {
	border: unset;
}

.section-info-ticket.temp-2 .tite-section {
	position: unset;
	background: transparent;
	transform: unset;
	padding: 0;
	color: #26105e;
}

.section-info-ticket.temp-2 .ticket-gmail {
	text-align: left;
	display: block;
	margin-top: 12px;
}

.section-info-ticket.temp-2 .table-ticket {
	margin-top: 30px;
}

.section-info-ticket.temp-2 .price-ticket.home-1 {
	color: #26105e;
}

.section-info-ticket.temp-2
	.item-info-detail-ticket:nth-child(4)
	.block-colum-form:nth-child(1) {
	width: 830px;
}

.section-info-ticket.temp-2
	.item-info-detail-ticket:nth-child(4)
	.block-colum-form:nth-child(2) {
	width: 260px;
}

.section-info-ticket.temp-2 {
	background: #ffffff;
	box-shadow: 0px 2px 4px #00000040;
	padding: 40px 30px;
	margin-bottom: 60px;
}

.section-info-ticket.temp-2 .block-code-sale {
	display: block;
	align-items: center;
	padding-top: 60px;
}

.section-info-ticket.temp-2 .block-code-sale .btn-book-ticket-now button {
	background: #26105e;
	border-radius: 7px;
}

.box__col-right .box-nofication-event--left.bg-white {
	padding: 30px 20px;
	box-shadow: 0px 2px 4px #00000040;
}

.right__book-now {
	font-weight: bold;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	color: #ffffff;
	display: block;
	width: 100%;
	padding: 16px;
	background: #26105e;
	border: 2px solid #26105e;
	box-shadow: 0px 2px 4px #00000040;
}

.right__book-now:hover {
	color: #26105e;
	background: #fff;
	border: 2px solid #26105e;
}

.box-nofication-event--left.flex__calendar {
	max-width: 800px;
	padding: 0 20px;
	width: 100%;
}

.box-nofication-event--right.temp-2 {
	max-width: 410px;
	padding: 0 20px;
	width: 100%;
}

.box__col-left {
	max-width: 800px;
	width: 100%;
	padding: 0 20px;
}

.box__col-right {
	max-width: 410px;
	width: 100%;
	padding: 0 20px;
}

.row-mg-20 {
	margin: 0 -20px;
}

@media (min-width: 1200px) and (max-width: 1440px) {
	.box__col-right {
		max-width: 380px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.box__col-left {
		max-width: 620px;
	}
	.box__col-right {
		max-width: 350px;
	}
	.month {
		padding: 5px 19px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.box-nofication-event--left.flex__calendar {
		max-width: 500px;
	}
	.box-nofication-event--right.temp-2 {
		max-width: 200px;
	}
	.month {
		padding: 5px 10px;
	}
	.bottom {
		padding: 15px 26px;
		padding-bottom: 5px;
	}
}
@media (max-width: 991px) {
	.box__col-right {
		max-width: 100%;
		margin-bottom: 30px;
	}
	.row-mg-20 {
		display: flex;
		flex-direction: column-reverse;
	}
	.box-nofication-event--left.bg-white {
		margin-bottom: 0 !important;
	}
}

@media (max-width: 767px) {
	.box-nofication-event--right.temp-2 a.btn__book {
		max-width: 100%;
		width: 100%;
		margin: 0 auto;
		display: block;
	}
	.box-nofication-event--right.temp-2 .share {
		max-width: 100%;
		margin: 0 auto;
		display: block;
		margin-top: 10px;
	}
	.box-nofication-event--right.temp-2 {
		max-width: 100%;
	}
	.month {
		padding: 5px 19px;
	}
	.section-info-ticket.temp-2 .block-colum-form {
		border-right: unset;
	}
	.section-info-ticket.temp-2 .item-title-item-table {
		border-right: unset;
	}
}

@media (max-width: 475px) {
	.section-nofication.bg-white .flex__calendar {
		flex-direction: column;
		align-items: center;
	}
	.fake__calendar {
		margin: 0;
		margin-bottom: 20px;
	}
	.section-invitation.temp-2 .title {
		font-size: 20px;
		line-height: 30px;
	}
	.section-invitation.temp-2,
	.section-info-ticket.temp-2 {
		padding: 20px 15px;
	}
	.section-info-ticket.temp-2 .block-code-sale {
		padding-top: 20px;
	}
	.section-info-ticket .tite-section {
		width: 100% !important;
	}
	.box__col-right .box-nofication-event--left.bg-white {
		padding: 20px 15px;
	}
}

@media (max-width: 575px) {
	.section-info-ticket.temp-2 .block-colum-form:nth-child(1) {
		width: 466px;
	}
	.section-info-ticket.temp-2 .block-colum-form:nth-child(2) {
		width: 205px;
	}
}

@media (max-width: 525px) {
	.footer .row {
		display: block;
	}
	.footer .col .title__right {
		text-align: left;
		margin-top: 30px;
	}
	.footer .col ul.right {
		justify-content: flex-start;
	}
	.footer .col ul.right li {
		margin-left: 0;
		margin-right: 10px;
	}
}

@media (min-width: 992px) {
	.right__book-now {
		position: sticky;
		top: 285px;
	}

	.box-nofication-event--left {
		position: sticky;
		top: 17px;
	}
}

.section-info-ticket.temp-2 .block-colum-form:nth-child(1) {
	width: 625px;
}

.section-info-ticket.temp-2
	.item-info-detail-ticket:nth-child(4)
	.block-colum-form:nth-child(1) {
	width: 820px;
}

.icon {
	position: relative;
}

.icon:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 3px;
	left: 0;
}

.icon-map:before {
	background: url(../images/icon-map.png) no-repeat;
}

.icon-clock:before {
	background: url(../images/icon-time.png) no-repeat;
}

.icon-phone:before {
	background: url(../images/icon-phone.png) no-repeat;
}

.share {
	position: relative;
}

.share:before {
	content: '';
	position: absolute;
	width: auto;
	height: 100%;
}

.share:before {
	background: url(../images/share.png) no-repeat;
	left: calc(50% - 45px);
	top: 6px;
}

.btn-book-ticket a:hover,
.btn-book-ticket-now button:hover {
	cursor: pointer;
}

/* block code sale */

.form-code-sale {
	display: flex;
}
.btn-code-sale button {
	width: 100%;
	height: 49px;
	margin-left: 10px;
	color: #00000054;
	border: 1px solid #dddddd;
	padding: 0px 20px;
	background: #fff;
}
.btn-code-sale button:hover {
	cursor: pointer;
}
.form-code-sale input {
	width: 70% !important;
}

.block-code-sale {
	display: flex;
	align-items: center;
	padding-top: 40px;
	flex-direction: row;
	justify-content: center;
}

.block-code-sale--left {
	flex: 1.3;
}

.btn-book-ticket-now button {
	margin: 0 auto;
	margin-left: auto;
}

.btn-code-sale button {
	border: 2px solid #fb493d;
	background: #fb493d;
	color: #fff;
	transition: all 0.2s ease-in-out;
}

.btn-code-sale button:hover {
	border: 2px solid #fb493d;
	background: #fff;
	color: #fb493d;
	transition: all 0.2s ease-in-out;
}

@media (max-width: 991px) {
	.block-code-sale {
		flex-direction: column;
	}
	.block-code-sale--left {
		flex: 1;
		width: 100%;
		justify-content: center;
		margin-bottom: 15px;
	}
	.block-code-sale--right {
		flex: 1;
		width: 100%;
	}
	.btn-book-ticket-now button {
		margin: 0 auto;
		margin-left: auto;
		width: 100%;
	}
	.block-code-sale--left .txt {
		margin-right: 15px;
	}
}

@media (max-width: 575px) {
	.block-code-sale--left .txt {
		margin: 0 auto;
		text-align: center;
		margin-bottom: 10px;
	}
	.block-code-sale--left .form-code-sale {
		max-width: 100%;
		align-items: center;
		justify-content: center;
	}
}

.checked__checkin-all .modal-dialog {
	max-width: 400px;
}

.checked__checkin-all .modal-header {
	padding: 20px 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #f2f2f2;
	border: unset;
}

.checked__checkin-all .modal-header h2 {
	font-weight: bold;
	font-size: 18px;
	line-height: 21px;
	color: #454545;
	text-align: center;
	margin-bottom: 0;
	text-transform: uppercase;
}

.checked__checkin-all .modal__detail-checkin {
	text-align: left;
	padding: 30px;
	padding-top: 0;
}

.checked__checkin-all .modal__detail-checkin h5 {
	display: block;
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
	color: #000000a6;
	margin-top: 30px;
	margin-bottom: 13px;
}

.checked__checkin-all .modal__detail-checkin .box__info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	word-break: break-word;
	margin-bottom: 10px;
}

.checked__checkin-all .modal__detail-checkin .box__info .navi {
	color: #0db8b8;
}

.checked__checkin-all .modal__detail-checkin .box__info .yellow {
	color: #ec9d00;
}

.checked__checkin-all .modal__detail-checkin .box__info span:first-child {
	max-width: 130px;
	width: 100%;
	display: inline-block;
	font-weight: normal;
	font-size: 12px;
	line-height: 22px;
	color: #000000a6;
}

#checkin .box__info span {
	text-align: left;
	padding-bottom: 0;
}

.checked__checkin-all .modal__detail-checkin .box__info span:last-child {
	margin-left: 33px;
	display: inline-block;
	font-weight: 500;
	font-size: 12px;
	line-height: 22px;
}

.checked__checkin-all .box__ticket-code {
	text-align: center;
	margin-top: 30px;
}

.status {
	padding: 4px 10px !important;
	font-weight: normal;
	border-radius: 75px;
	font-size: 12px;
	line-height: 18px;
}
.status.orange {
	background: rgba(250, 173, 20, 0.2);
	color: #ec9d00;
}
.status.blue {
	background: #e6f7ff;
	color: #1890ff;
}
.status.green {
	background: rgba(82, 196, 26, 0.2);
	color: #52c41a;
}
.status.red {
	background: rgba(255, 77, 79, 0.2);
	color: #ff4d4f;
}
.status.grey {
	background: #dddddd;
}
.status.navi {
	background: #13c2c233;
	color: #0db8b8;
}
.status.yellow {
	background: #faad1433;
	color: #ec9d00;
}

.box__btn-api {
	text-align: right;
	margin-top: 20px;
}

.box__btn-api .btn__api {
	font-weight: normal;
	font-size: 13px;
	line-height: 40px;
	text-align: center;
	display: inline-block;
}

.box__btn-api .btn__api.btn__api-cancel {
	color: #f84d4d;
	background: #fafcfe;
	border: 1px solid #f84d4d;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	padding: 0 32px;
}

.box__btn-api .btn__api.btn__api-cancel:hover {
	background: #f84d4d;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	color: #fff;
}

.box__btn-api .btn__api.btn__api-add {
	color: #4d7ff8;
	background: #fff;
	border: 1px solid #4d7ff8;
	padding: 0 30px;
	margin-left: 18px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.box__btn-api .btn__api.btn__api-add:hover {
	background: #4d7ff8;
	color: #fff;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.btn-code-sale button:focus {
	outline: none;
}
