@font-face {
	font-family: "Klavika";
	src: url("fonts/Klavika-Bold.woff2") format("woff2"), url("fonts/Klavika-Bold.woff") format("woff");
	font-weight: bold;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "Klavika";
	src: url("fonts/Klavika-Light.woff2") format("woff2"), url("fonts/Klavika-Light.woff") format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "Klavika";
	src: url("../fonts/Klavika-Medium.woff2") format("woff2"), url("fonts/Klavika-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "Klavika";
	src: url("fonts/KlavikaRegular-OSTF.woff2") format("woff2"), url("fonts/KlavikaRegular-OSTF.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

/*!
 * *  
 * *  
 * */
* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	list-style: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-collapse: inherit;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-text-rendering: optimizeSpeed;
	text-rendering: optimizeSpeed
}

html,
body {
	font-family: "Klavika", sans-serif;
	line-height: normal;
	font-weight: 400;
	background: #0e0e0e;
	overflow-x: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.2;
	color: inherit;
	margin-bottom: 10px;
	color: #fff
}

@media only screen and (min-width: 768px) {

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 1550px) {

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		margin-bottom: 25px
	}
}

h1 {
	font-size: 28px;
	line-height: 33.6px
}

@media only screen and (min-width: 468px) {
	h1 {
		font-size: 32px;
		line-height: 38.4px
	}
}

@media only screen and (min-width: 1441px) {
	h1 {
		font-size: 40px;
		line-height: 48px
	}
}

h2 {
	font-size: 24px;
	line-height: 28.8px
}

@media only screen and (min-width: 468px) {
	h2 {
		font-size: 28px;
		line-height: 33.6px
	}
}

@media only screen and (min-width: 1550px) {
	h2 {
		font-size: 32px;
		line-height: 38.4px
	}
}

h3 {
	font-size: 20px;
	line-height: 24px
}

@media only screen and (min-width: 468px) {
	h3 {
		font-size: 24px;
		line-height: 28.8px
	}
}

@media only screen and (min-width: 1200px) {
	h3 {
		font-size: 28px;
		line-height: 33.6px
	}
}

h4 {
	font-size: 16px;
	line-height: 20.5px
}

@media only screen and (min-width: 468px) {
	h4 {
		font-size: 20px;
		line-height: 24px
	}
}

@media only screen and (min-width: 1200px) {
	h4 {
		font-size: 24px;
		line-height: 28.8px
	}
}

h5 {
	font-size: 14px;
	line-height: 18px
}

@media only screen and (min-width: 468px) {
	h5 {
		font-size: 16px;
		line-height: 20.5px
	}
}

@media only screen and (min-width: 1200px) {
	h5 {
		font-size: 20px;
		line-height: 24px
	}
}

h6 {
	font-size: 13px;
	line-height: 16px
}

@media only screen and (min-width: 468px) {
	h6 {
		font-size: 14px;
		line-height: 18px
	}
}

@media only screen and (min-width: 1200px) {
	h6 {
		font-size: 16px;
		line-height: 19.2px
	}
}

p {
	color: #fff;
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px
}

@media only screen and (min-width: 1441px) {
	p {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 1651px) {
	p {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 25px
	}
}

p strong {
	font-weight: 600
}

p a {
	color: #d20a09;
	display: inline;
	text-decoration: underline;
	text-underline-position: under
}

p a:hover {
	color: #d20a09
}

a {
	text-decoration: none;
	transition: all .3s;
	color: inherit
}

a:hover {
	color: inherit
}

ul {
	margin: 0;
	padding: 0;
	list-style: none
}

ul li {
	color: hsla(0, 0%, 100%, .75);
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	position: relative
}

@media only screen and (min-width: 1441px) {
	ul li {
		font-size: 16px;
		line-height: 28px
	}
}

@media only screen and (min-width: 1651px) {
	ul li {
		font-size: 18px;
		line-height: 32px
	}
}

img {
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
	max-width: 100%;
	height: auto
}

.form-group {
	position: relative;
	margin-bottom: 0
}

.form-group .form-group {
	margin: 0
}

.form-group .iti {
	width: 100%
}

label {
	font-size: 16px;
	display: block;
	color: #373737;
	margin-bottom: 10px;
	font-size: 13px
}

@media only screen and (min-width: 468px) {
	label {
		font-size: 14px
	}
}

@media only screen and (min-width: 992px) {
	label {
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 1551px) {
	label {
		font-size: 16px
	}
}

label span {
	font-weight: 300;
	color: #d20000
}

label.req {
	position: relative
}

label.req::after {
	content: "*";
	color: #00c4b9;
	font-size: 12px;
	margin-left: 4px
}

@media only screen and (min-width: 468px) {
	label.req::after {
		font-size: 14px
	}
}

.labelWrapr {
	margin-bottom: 10px;
	justify-content: space-between;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media only screen and (min-width: 992px) {
	.labelWrapr {
		margin-bottom: 15px
	}
}

.labelWrapr>* {
	flex: 0 0 auto;
	width: auto;
	display: inline-block
}

.labelWrapr label,
.labelWrapr .label {
	margin: 0
}

.label {
	font-weight: 300;
	color: #d20000;
	font-size: 11px
}

@media only screen and (min-width: 468px) {
	.label {
		font-size: 12px
	}
}

@media only screen and (min-width: 1551px) {
	.label {
		font-size: 13px
	}
}

.label .showPass {
	position: absolute;
	right: 22px;
	top: 0px;
	margin: auto;
	z-index: 1;
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	transition: all .3s;
	opacity: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	height: 43px
}

@media only screen and (min-width: 468px) {
	.label .showPass {
		height: 45px
	}
}

@media only screen and (min-width: 1551px) {
	.label .showPass {
		height: 50px
	}
}

.label .showPass svg {
	width: 19px;
	height: 19px;
	fill: #a0a8bc;
	transition: all .3s
}

.label .showPass svg#show {
	display: none
}

.label .showPass.show svg#hide {
	display: none
}

.label .showPass.show svg#show {
	display: block
}

.label .showPass:hover svg {
	fill: #d20a09
}

.form-control,
[type=file],
.CustomeSelect .SelectSelected {
	font-family: "Klavika", sans-serif;
	background-color: rgba(0, 0, 0, 0);
	background-clip: padding-box;
	outline: none;
	box-shadow: none !important;
	display: block;
	font-weight: 400;
	width: 100%;
	border-radius: 0px;
	transition: all .3s;
	font-size: 13px;
	padding: 0px;
	color: #fff;
	border: none;
	border: 1px solid hsla(0, 0%, 100%, .16);
	background: hsla(0, 0%, 100%, .3);
	padding: 5px 15px;
	height: 43px
}

@media only screen and (min-width: 576px) {

	.form-control,
	[type=file],
	.CustomeSelect .SelectSelected {
		font-size: 14px;
		height: 45px
	}
}

@media only screen and (min-width: 1200px) {

	.form-control,
	[type=file],
	.CustomeSelect .SelectSelected {
		height: 65px;
		font-size: 16px;
		padding: 5px 27px
	}
}

@media only screen and (min-width: 1551px) {

	.form-control,
	[type=file],
	.CustomeSelect .SelectSelected {
		height: 85px;
		font-size: 20px
	}
}

.form-control::placeholder,
[type=file]::placeholder,
.CustomeSelect .SelectSelected::placeholder {
	color: #fff;
	font-weight: 400;
	font-size: 13px
}

@media only screen and (min-width: 576px) {

	.form-control::placeholder,
	[type=file]::placeholder,
	.CustomeSelect .SelectSelected::placeholder {
		font-size: 14px
	}
}

@media only screen and (min-width: 1200px) {

	.form-control::placeholder,
	[type=file]::placeholder,
	.CustomeSelect .SelectSelected::placeholder {
		font-size: 16px
	}
}

@media only screen and (min-width: 1551px) {

	.form-control::placeholder,
	[type=file]::placeholder,
	.CustomeSelect .SelectSelected::placeholder {
		font-size: 20px
	}
}

.form-control:focus,
[type=file]:focus,
.CustomeSelect .SelectSelected:focus {
	color: #fff;
	border: 1px solid hsla(0, 0%, 100%, .16);
	background: hsla(0, 0%, 100%, .3)
}

.form-control:focus~label,
.form-control:not(:placeholder-shown)~label,
[type=file]:focus~label,
[type=file]:not(:placeholder-shown)~label,
.CustomeSelect .SelectSelected:focus~label,
.CustomeSelect .SelectSelected:not(:placeholder-shown)~label {
	transform: translateY(-32px);
	color: #697884
}

.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover,
.form-control:-webkit-autofill:focus,
.form-control :-webkit-autofill:active,
[type=file]:-webkit-autofill,
[type=file]:-webkit-autofill:hover,
[type=file]:-webkit-autofill:focus,
[type=file] :-webkit-autofill:active,
.CustomeSelect .SelectSelected:-webkit-autofill,
.CustomeSelect .SelectSelected:-webkit-autofill:hover,
.CustomeSelect .SelectSelected:-webkit-autofill:focus,
.CustomeSelect .SelectSelected :-webkit-autofill:active {
	-webkit-text-fill-color: #000;
	-webkit-box-shadow: 0 0 0px 30px #fff inset;
	transition: background-color 5000s ease-in-out 0s
}

.form-control:-internal-autofill-selected,
[type=file]:-internal-autofill-selected,
.CustomeSelect .SelectSelected:-internal-autofill-selected {
	background-color: -internal-light-dark(rgb(2, 142, 212), rgba(70, 90, 126, 0.4)) !important;
	-webkit-box-shadow: 0 0 0px 30px #028ed4 inset
}

.form-control::-ms-expand,
[type=file]::-ms-expand,
.CustomeSelect .SelectSelected::-ms-expand {
	background-color: rgba(0, 0, 0, 0);
	border: 0
}

@media(prefers-reduced-motion: reduce) {

	.form-control,
	[type=file],
	.CustomeSelect .SelectSelected {
		transition: none
	}
}

.form-control[type=file],
[type=file][type=file],
.CustomeSelect .SelectSelected[type=file] {
	padding: 11px 15px;
	font-size: 11px
}

@media only screen and (min-width: 468px) {

	.form-control[type=file],
	[type=file][type=file],
	.CustomeSelect .SelectSelected[type=file] {
		padding: 10px 16px;
		font-size: 12px
	}
}

@media only screen and (min-width: 1551px) {

	.form-control[type=file],
	[type=file][type=file],
	.CustomeSelect .SelectSelected[type=file] {
		padding: 15px 20px
	}
}

textarea.form-control {
	min-width: 100%;
	max-width: 100%;
	min-height: 95px
}

input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

input[type=date] {
	position: relative
}

input[type=date]::-webkit-calendar-picker-indicator {
	color: rgba(0, 0, 0, 0);
	opacity: 1;
	display: block;
	background: url("data:image/svg+xml,%3Csvg fill='%23000000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M104,0C90.6,0,80,10.8,80,24v8H40c-22,0-40,17.6-40,40v400c0,22.2,17.9,40,40,40h368c22,0,40-17.8,40-40V72c0-22-17.8-40-40-40h-40v-8c0-13.2-10.6-24-24-24c-13.4,0-24,10.8-24,24v8H128v-8C128,10.8,117.4,0,104,0L104,0z M104,16c4.4,0,8,3.4,8,8v32c0,4.6-3.7,8-8,8c-4.3,0-8-3.5-8-8V24C96,19.4,99.6,16,104,16L104,16z M344,16c4.4,0,8,3.4,8,8v32c0,4.6-3.6,8-8,8s-8-3.5-8-8V24C336,19.4,339.6,16,344,16z M40,48h40v8c0,13.2,10.5,24,24,24s24-10.9,24-24v-8H320v8c0,13.2,10.7,24,24,24c13.3,0,24-10.9,24-24v-8h40c13.2,0,24,10.5,24,24v40H16V72C16,58.7,26.5,48,40,48L40,48z M168,72c-10.9,0-10.9,16,0,16h112c10.9,0,10.9-16,0-16H168z M16,128h416V352h-56c-22.2,0-40,17.7-40,40v56H40c-13.1,0-24-10.5-24-24L16,128z M64,160c-8.9,0-16,7.3-16,16v32c0,9,7.3,16,16,16H96c9,0,16-7.3,16-16v-32c0-8.7-7.1-16-16-16H64z M160,160c-8.9,0-16,7.3-16,16v32c0,8.9,7.3,16,16,16h32c9,0,16-7.3,16-16v-32c0-8.7-7.1-16-16-16H160z M256,160c-8.9,0-16,7.3-16,16v32c0,9,7.3,16,16,16h32c9,0,16-7.3,16-16v-32c0-8.7-7.1-16-16-16H256z M352,160c-8.9,0-16,7.3-16,16v32c0,8.7,7.1,16,16,16h32c9,0,16-7.3,16-16v-32c0-8.7-7.1-16-16-16H352z M64,176H96v32H64V176z M160,176h32v32h-32V176z M256,176h32v32h-32L256,176zM352,176h32v32h-32V176z M64,256c-9.1,0-16,7.3-16,16v32c0,8.7,7.1,16,16,16H96c9,0,16-7.3,16-16v-32c0-8.7-7-16-16-16H64zM160,256c-8.9,0-16,7.3-16,16v32c0,8.7,7.1,16,16,16h32c8.9,0,16-7.3,16-16v-32c0-8.7-7-16-16-16H160z M256,256c-8.7,0-16,7-16,16v32c0,8.9,7.3,16,16,16h32c8.7,0,16-7.1,16-16v-32c0-8.7-7.1-16-16-16H256z M352,256c-8.9,0-16,7.3-16,16v32c0,8.8,7.3,16,16,16h32c8.7,0,16-7.1,16-16v-32c0-8.7-7-16-16-16H352z M64,272H96v32H64V272z M160,272h32v32h-32V272z M256,272h32v32h-32L256,272zM352,272h32v32h-32V272z M64,352c-8.7,0-16,7.2-16,15.9v32c0,9,7.3,16,16,16H96c8.7,0,16-7.1,16-16v-32c0-8.7-7.3-15.9-16-15.9H64z M160,352c-8.9,0-16,7.2-16,15.9v32c0,8.9,7.3,16,16,16h32c9,0,16-7.3,16-16v-32c0-8.7-7.1-15.9-16-15.9H160z M256,352c-8.9,0-16,7.2-16,15.9v32c0,8.7,6.9,16,16,16h32c8.9,0,16-7.3,16-16v-32c0-8.6-7-15.9-16-15.9H256z M64,368H96v32H64V368zM160,368h32v32h-32V368z M256,368h32v32h-32L256,368z M376,368h44.7L352,436.7V392C352,378.8,362.6,368,376,368L376,368zM432,379.3V472c0,13.1-10.6,24-24,24H40c-13.1,0-24-10.5-24-24v-16.2c6.7,5.1,14.9,8.2,24,8.2h304c2.1,0,4.2-0.8,5.7-2.4L432,379.3z'/%3E%3C/svg%3E") no-repeat center !important;
	width: 18px;
	height: 18px;
	border-width: thin;
	position: absolute;
	right: 22px
}

.datepicker {
	background: #fff url("data:image/svg+xml,%3Csvg fill='%23000000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M104,0C90.6,0,80,10.8,80,24v8H40c-22,0-40,17.6-40,40v400c0,22.2,17.9,40,40,40h368c22,0,40-17.8,40-40V72c0-22-17.8-40-40-40h-40v-8c0-13.2-10.6-24-24-24c-13.4,0-24,10.8-24,24v8H128v-8C128,10.8,117.4,0,104,0L104,0z M104,16c4.4,0,8,3.4,8,8v32c0,4.6-3.7,8-8,8c-4.3,0-8-3.5-8-8V24C96,19.4,99.6,16,104,16L104,16z M344,16c4.4,0,8,3.4,8,8v32c0,4.6-3.6,8-8,8s-8-3.5-8-8V24C336,19.4,339.6,16,344,16z M40,48h40v8c0,13.2,10.5,24,24,24s24-10.9,24-24v-8H320v8c0,13.2,10.7,24,24,24c13.3,0,24-10.9,24-24v-8h40c13.2,0,24,10.5,24,24v40H16V72C16,58.7,26.5,48,40,48L40,48z M168,72c-10.9,0-10.9,16,0,16h112c10.9,0,10.9-16,0-16H168z M16,128h416V352h-56c-22.2,0-40,17.7-40,40v56H40c-13.1,0-24-10.5-24-24L16,128z M64,160c-8.9,0-16,7.3-16,16v32c0,9,7.3,16,16,16H96c9,0,16-7.3,16-16v-32c0-8.7-7.1-16-16-16H64z M160,160c-8.9,0-16,7.3-16,16v32c0,8.9,7.3,16,16,16h32c9,0,16-7.3,16-16v-32c0-8.7-7.1-16-16-16H160z M256,160c-8.9,0-16,7.3-16,16v32c0,9,7.3,16,16,16h32c9,0,16-7.3,16-16v-32c0-8.7-7.1-16-16-16H256z M352,160c-8.9,0-16,7.3-16,16v32c0,8.7,7.1,16,16,16h32c9,0,16-7.3,16-16v-32c0-8.7-7.1-16-16-16H352z M64,176H96v32H64V176z M160,176h32v32h-32V176z M256,176h32v32h-32L256,176zM352,176h32v32h-32V176z M64,256c-9.1,0-16,7.3-16,16v32c0,8.7,7.1,16,16,16H96c9,0,16-7.3,16-16v-32c0-8.7-7-16-16-16H64zM160,256c-8.9,0-16,7.3-16,16v32c0,8.7,7.1,16,16,16h32c8.9,0,16-7.3,16-16v-32c0-8.7-7-16-16-16H160z M256,256c-8.7,0-16,7-16,16v32c0,8.9,7.3,16,16,16h32c8.7,0,16-7.1,16-16v-32c0-8.7-7.1-16-16-16H256z M352,256c-8.9,0-16,7.3-16,16v32c0,8.8,7.3,16,16,16h32c8.7,0,16-7.1,16-16v-32c0-8.7-7-16-16-16H352z M64,272H96v32H64V272z M160,272h32v32h-32V272z M256,272h32v32h-32L256,272zM352,272h32v32h-32V272z M64,352c-8.7,0-16,7.2-16,15.9v32c0,9,7.3,16,16,16H96c8.7,0,16-7.1,16-16v-32c0-8.7-7.3-15.9-16-15.9H64z M160,352c-8.9,0-16,7.2-16,15.9v32c0,8.9,7.3,16,16,16h32c9,0,16-7.3,16-16v-32c0-8.7-7.1-15.9-16-15.9H160z M256,352c-8.9,0-16,7.2-16,15.9v32c0,8.7,6.9,16,16,16h32c8.9,0,16-7.3,16-16v-32c0-8.6-7-15.9-16-15.9H256z M64,368H96v32H64V368zM160,368h32v32h-32V368z M256,368h32v32h-32L256,368z M376,368h44.7L352,436.7V392C352,378.8,362.6,368,376,368L376,368zM432,379.3V472c0,13.1-10.6,24-24,24H40c-13.1,0-24-10.5-24-24v-16.2c6.7,5.1,14.9,8.2,24,8.2h304c2.1,0,4.2-0.8,5.7-2.4L432,379.3z'/%3E%3C/svg%3E") no-repeat center !important;
	background-position: center right 22px !important;
	background-repeat: no-repeat !important;
	background-size: 18px !important
}

button[type=submit],
.btn {
	cursor: pointer;
	margin: 0;
	outline: none;
	box-shadow: none;
	overflow: hidden;
	color: #fff;
	transition: all .3s;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #d20a09;
	background: #d20a09;
	font-size: 13px;
	font-family: "Klavika", sans-serif;
	width: fit-content;
	width: -moz-fit-content;
	text-transform: none;
	padding: 9px 10px;
	height: 43px;
	font-weight: 500;
	will-change: transform;
	border-radius: 0px
}

@media only screen and (min-width: 468px) {

	button[type=submit],
	.btn {
		font-size: 14px;
		height: 45px
	}
}

@media only screen and (min-width: 992px) {

	button[type=submit],
	.btn {
		padding: 9px 20px;
		height: 56px
	}
}

@media only screen and (min-width: 1441px) {

	button[type=submit],
	.btn {
		font-size: 16px
	}
}

@media only screen and (min-width: 1551px) {

	button[type=submit],
	.btn {
		font-size: 18px;
		height: 64px
	}
}

button[type=submit].btn2,
.btn.btn2 {
	background: rgba(0, 0, 0, 0)
}

button[type=submit]:hover,
button[type=submit]:focus,
button[type=submit]:active,
button[type=submit].active,
button[type=submit].show,
button[type=submit]:first-child:active,
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.show,
.btn:first-child:active {
	border-color: inherit;
	background-color: inherit
}

.help-desk,
.help-block {
	font-size: 13px;
	color: #d20000;
	position: unset;
	left: 0;
	bottom: -25px;
	margin-top: 8px
}

.help-desk.success,
.help-block.success {
	color: #000
}

::selection {
	color: #000;
	background: #d20a09
}

::-moz-selection {
	color: #000;
	background: #d20a09
}

::-webkit-scrollbar {
	width: 5px
}

::-webkit-scrollbar-thumb {
	background: #d20a09;
	border-radius: 30px
}

::-webkit-scrollbar-track {
	box-shadow: inset 0 0 0 gray;
	border-radius: 0px;
	background: #a8b4c6
}

svg {
	display: inline-block;
	position: relative;
	width: 100%;
	vertical-align: middle;
	overflow: hidden
}

.btn-check:focus+.btn,
.btn:focus {
	outline: 0;
	box-shadow: none
}

table {
	width: 100%
}

table thead {
	border: 1px solid #ebebeb;
	background-color: #f3f3f3
}

table thead th {
	color: #1a1a1a;
	font-weight: 600;
	border: 1px solid #ebebeb;
	font-size: 13px;
	padding: 10px 15px
}

@media only screen and (min-width: 468px) {
	table thead th {
		padding: 15px 25px;
		font-size: 14px
	}
}

@media only screen and (min-width: 1200px) {
	table thead th {
		padding: 15px 45px;
		font-size: 16px
	}
}

table tbody td {
	color: #1a1a1a;
	line-height: 20px;
	padding: 10px 15px;
	border: 1px solid #ebebeb;
	font-size: 13px
}

@media only screen and (min-width: 468px) {
	table tbody td {
		padding: 15px 25px;
		font-size: 14px
	}
}

@media only screen and (min-width: 1200px) {
	table tbody td {
		padding: 15px 45px;
		font-size: 16px
	}
}

.RadioBtnWrp {
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

.RadioBtnWrp button[role=radiogroup] {
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

.RadioBtnWrp .CheckBox {
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
	padding: 0
}

.RadioBtnWrp .CheckBox:not(:last-of-type) {
	margin-right: 30px
}

.RadioBtnWrp .CheckBox label {
	margin: 0;
	color: #202020
}

.RadioBtnWrp input {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 1;
	cursor: pointer;
	margin: 0
}

.RadioBtnWrp span {
	display: block;
	border-radius: 50%;
	border: 1px solid #dddfe1;
	position: relative;
	width: 24px;
	height: 24px;
	margin-right: 8px
}

@media only screen and (min-width: 468px) {
	.RadioBtnWrp span {
		margin-right: 14px
	}
}

.RadioBtnWrp span::before {
	content: "";
	border-radius: 50%;
	background-color: #d20a09;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: all .2s;
	width: 13px;
	height: 13px
}

.RadioBtnWrp input:checked~span::before {
	opacity: 1
}

.visible,
.invisible {
	opacity: 0;
	transition: opacity .5s ease
}

.visible {
	opacity: 1
}

.select2 {
	border: none;
	border-radius: 0;
	width: 100% !important
}

.select2 button[aria-disabled=true] {
	display: none
}

.select2-selection {
	outline: none !important;
	box-shadow: none !important;
	background-image: none !important;
	background-repeat: no-repeat;
	background-size: 8px;
	background-position: right 15px center !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center;
	text-align: left;
	height: 43px !important;
	background-color: hsla(0, 0%, 100%, .3) !important;
	border-radius: 0 !important
}

.select2-selection .select2-selection__rendered {
	width: 100%;
	font-size: 13px;
	padding-left: 15px !important;
	font-weight: 400;
	color: #fff !important;
	padding-right: 44px !important
}

@media only screen and (min-width: 576px) {
	.select2-selection .select2-selection__rendered {
		font-size: 14px
	}
}

@media only screen and (min-width: 1200px) {
	.select2-selection .select2-selection__rendered {
		font-size: 16px;
		padding-left: 27px !important
	}
}

@media only screen and (min-width: 1551px) {
	.select2-selection .select2-selection__rendered {
		font-size: 20px
	}
}

.select2-dropdown {
	border: 1px solid rgba(136, 136, 136, .26) !important;
	background-color: #d20a09 !important;
	border-radius: 12px !important;
	padding: 20px 24px 35px;
	top: 17px;
	z-index: 5555 !important;
	background: #515151 !important;
	border-radius: 10px !important;
	min-width: 250px;
	right: 0 !important
}

@media only screen and (min-width: 576px) {
	.select2-dropdown {
		min-width: 335px
	}
}

.select2-results__options {
	height: 124px;
	overflow-y: scroll
}

.select2-results__option {
	padding: 4px 0 !important;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
	color: #fff;
	border-bottom: 1px solid #707070 !important
}

@media only screen and (min-width: 992px) {
	.select2-results__option {
		font-size: 16px
	}
}

@media only screen and (min-width: 1200px) {
	.select2-results__option {
		font-size: 18px
	}
}

.select2-results__option:hover {
	color: #d1212f !important
}

.select2-results__option--selected {
	color: #d1212f !important
}

.select2-container--open .select2-dropdown--below {
	overflow: hidden;
	border: 0 !important;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .16)
}

.select2-container--open .select2-dropdown--above {
	overflow: hidden;
	border: 0 !important;
	box-shadow: 0 -6px 12px rgba(0, 0, 0, .16)
}

.select2-container--open.select2-container--below .select2-selection {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important
}

.select2-container--open.select2-container--above .select2-selection {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.select2-container--open .select2-selection--single .select2-selection__arrow {
	transform: rotate(180deg) scale(-1, 1) !important
}

.select2-results {
	border-radius: 12px
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #d20a09 !important
}

.select2-selection--single .select2-selection__arrow {
	height: 26px;
	position: absolute;
	top: 1px;
	right: 0 !important;
	width: 16px !important;
	bottom: 0;
	margin: auto;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="2" viewBox="0 0 6 2"><path id="Polygon_2" data-name="Polygon 2" d="M3,0,6,2H0Z" transform="translate(6 2) rotate(180)" fill="%23fff"/></svg>') no-repeat center !important;
	background-size: contain !important
}

@media only screen and (max-width: 1200px) {
	.select2-selection--single .select2-selection__arrow {
		background-size: 8px !important
	}
}

.select2-selection--single .select2-selection__arrow b {
	display: none
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translate3d(0, -100%, 0)
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0)
	}
}

@keyframes marquee {
	0% {
		left: 100%
	}

	100% {
		left: -100%
	}
}

@keyframes marquee1 {
	0% {
		right: 100%
	}

	100% {
		right: -100%
	}
}

@keyframes pulse-border {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1
	}

	100% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes rotate {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

@keyframes toTopFromBottom {
	49% {
		transform: translateY(-100%)
	}

	50% {
		opacity: 0;
		transform: translateY(100%)
	}

	51% {
		opacity: 1
	}
}

.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

@media only screen and (min-width: 992px) {
	.container {
		max-width: 1050px
	}
}

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1180px
	}
}

@media only screen and (min-width: 1441px) {
	.container {
		max-width: 1360px
	}
}

@media only screen and (min-width: 1551px) {
	.container {
		max-width: 1440px
	}
}

@media only screen and (min-width: 1661px) {
	.container {
		max-width: 1620px
	}
}

@media(max-width: 992px)and (min-width: 768px) {
	.container {
		max-width: 95%
	}
}

@media only screen and (max-width: 768px) {
	.container {
		max-width: none
	}
}

.CustomeContainer {
	padding: 0 15px;
	width: 100%
}

@media only screen and (min-width: 1050px) {
	.CustomeContainer {
		width: calc(100% - (100% - 1050px)/2)
	}
}

@media only screen and (min-width: 1200px) {
	.CustomeContainer {
		width: calc(100% - (100% - 1180px)/2)
	}
}

@media only screen and (min-width: 1441px) {
	.CustomeContainer {
		width: calc(100% - (100% - 1360px)/2)
	}
}

@media only screen and (min-width: 1551px) {
	.CustomeContainer {
		width: calc(100% - (100% - 1440px)/2)
	}
}

@media only screen and (min-width: 1661px) {
	.CustomeContainer {
		width: calc(100% - (100% - 1620px)/2)
	}
}

.row {
	margin: 0 -4px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media only screen and (min-width: 768px) {
	.row {
		margin: 0 -7.5px
	}
}

.row>* {
	padding: 0 4px
}

@media only screen and (min-width: 768px) {
	.row>* {
		padding: 0 7.4px
	}
}

.Row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.Col {
	width: 100%;
	max-width: 100%
}

.scrollup {
	width: 35px;
	position: fixed;
	right: 10px;
	bottom: 55px;
	display: none;
	z-index: 5;
	color: #d20a09;
	text-transform: uppercase;
	text-align: center;
	font-size: 10px
}

@media only screen and (min-width: 468px) {
	.scrollup {
		font-size: 12px;
		bottom: 45px
	}
}

@media only screen and (min-width: 576px) {
	.scrollup {
		width: 40px;
		right: 20px
	}
}

.scrollup svg {
	fill: #d20a09;
	margin-bottom: 10px;
	width: 28px;
	height: 28px
}

@media only screen and (min-width: 468px) {
	.scrollup svg {
		width: 37px;
		height: 37px
	}
}

.scrollup:hover {
	color: #d20a09
}

.FixedCntct {
	position: fixed;
	z-index: 500;
	display: block;
	bottom: 0;
	height: fit-content;
	height: -moz-fit-content;
	transition: .4s all
}

@media only screen and (min-width: 576px) {
	.FixedCntct {
		margin: auto;
		right: 10px;
		top: 0
	}
}

@media only screen and (max-width: 576px) {
	.FixedCntct {
		display: flex;
		bottom: 0;
		left: 0;
		width: 100%
	}
}

@media only screen and (min-width: 992px) {
	.FixedCntct {
		right: 20px
	}
}

@media only screen and (min-width: 1441px) {
	.FixedCntct {
		right: 40px
	}
}

@media only screen and (min-width: 1660px) {
	.FixedCntct {
		right: 60px
	}
}

@media only screen and (max-width: 576px) {
	.FixedCntct li {
		width: 20%;
		background: #4b4b4b
	}

	.FixedCntct li:nth-child(even) {
		background: #2d2d2d
	}
}

@media only screen and (min-width: 576px) {
	.FixedCntct li:not(:last-of-type) {
		margin-bottom: 23px
	}
}

.FixedCntct li a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	transition: all .3s;
	height: 40px;
	width: 100%
}

@media only screen and (min-width: 576px) {
	.FixedCntct li a {
		height: 21px;
		width: 21px
	}
}

.FixedCntct li a:hover {
	filter: none
}

.FixedCntct li a svg {
	display: block;
	fill: #fff;
	transition: all .3s;
	width: 21px
}

.FixedCntct li a svg .cls-1 {
	fill: #fff;
	transition: all .3s
}

.FixedCntct li a:hover svg .cls-1 {
	fill: #d20a09
}

.MenuOpen #MainMenu {
	visibility: visible;
	transform: translate(0, 0)
}

#MainMenu {
	position: fixed;
	top: 0;
	right: 0;
	height: var(--app-height);
	visibility: hidden;
	z-index: 99999;
	background: #16171b;
	transition: .4s all;
	transform: translate(100%, 0);
	padding: 30px 20px
}

@media only screen and (max-width: 992px) {
	#MainMenu {
		max-width: 425px;
		width: 100%
	}
}

@media only screen and (min-width: 576px) {
	#MainMenu {
		padding: 30px 30px
	}
}

@media only screen and (min-width: 992px) {
	#MainMenu {
		padding: 40px 60px
	}
}

@media only screen and (min-width: 1360px) {
	#MainMenu {
		padding: 40px 90px 60px
	}
}

@media only screen and (min-width: 1551px) {
	#MainMenu {
		padding: 50px 120px 75px
	}
}

@media only screen and (min-width: 1660px) {
	#MainMenu {
		padding: 58px 160px 88px 150px
	}
}

#MainMenu .topFlx {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px
}

@media only screen and (min-width: 1200px) {
	#MainMenu .topFlx {
		margin-bottom: 25px
	}
}

@media only screen and (min-width: 1441px) {
	#MainMenu .topFlx {
		margin-bottom: 37px
	}
}

#MainMenu .topFlx .logo {
	display: block;
	width: 100px
}

@media only screen and (min-width: 1200px) {
	#MainMenu .topFlx .logo {
		width: 120px
	}
}

@media only screen and (min-width: 1441px) {
	#MainMenu .topFlx .logo {
		width: 153px
	}
}

#MainMenu .MenuBtn button {
	display: flex;
	align-items: center;
	border: none;
	box-shadow: none;
	outline: none;
	font-weight: 500;
	color: #fff;
	background: rgba(0, 0, 0, 0);
	text-transform: capitalize;
	font-size: 14px;
	line-height: 14px
}

@media only screen and (min-width: 768px) {
	#MainMenu .MenuBtn button {
		font-size: 16px;
		line-height: 16px
	}
}

#MainMenu .MenuBtn button svg {
	margin-left: 11px;
	width: 18px;
	height: 18px
}

@media only screen and (min-width: 768px) {
	#MainMenu .MenuBtn button svg {
		width: 22px;
		height: 22px
	}
}

#MainMenu .MenuBtn button svg .cls-1 {
	fill: #fff
}

#MainMenu .mainItm {
	position: relative;
	overflow: hidden;
	width: 100%;
	background: #26292e;
	height: 100%;
	background: rgba(0, 0, 0, 0) linear-gradient(180deg, #3F4146 0%, #0D0D0E 100%) 0% 0% no-repeat padding-box
}

@media only screen and (min-width: 992px) {
	#MainMenu .mainItm {
		width: 100%
	}
}

@media only screen and (max-width: 1441px) {
	#MainMenu .mainItm {
		height: calc(100% - 60px);
		overflow-y: scroll
	}

	#MainMenu .mainItm::-webkit-scrollbar {
		width: 0
	}
}

#MainMenu .mainItm .accordion {
	position: relative;
	width: 100%
}

@media only screen and (min-width: 992px) {
	#MainMenu .mainItm .accordion {
		padding: 15px 0;
		width: 412px
	}
}

#MainMenu .mainItm .menuAccord {
	background: rgba(0, 0, 0, 0) linear-gradient(180deg, #3F4146 0%, #0D0D0E 100%) 0% 0% no-repeat padding-box;
	height: 100%
}

@media only screen and (min-width: 992px) {
	#MainMenu .mainItm .menuAccord {
		border-right: 1px solid rgba(126, 112, 112, .1490196078)
	}
}

#MainMenu .mainItm .menuAccord .accordion-item {
	background: rgba(0, 0, 0, 0);
	border: none
}

#MainMenu .mainItm .menuAccord .accordion-item:last-child {
	padding: 10px 25px
}

@media only screen and (min-width: 992px) {
	#MainMenu .mainItm .menuAccord .accordion-item:last-child {
		padding: 15px 35px
	}
}

@media only screen and (min-width: 1200px) {
	#MainMenu .mainItm .menuAccord .accordion-item:last-child {
		padding: 20px 47px
	}
}

#MainMenu .mainItm .menuAccord .accordion-item:last-child .cta-button {
	margin-top: 0
}

#MainMenu .mainItm .menuAccord .accordion-item .accordion-button,
#MainMenu .mainItm .menuAccord .accordion-item .pgeLnk {
	background: rgba(0, 0, 0, 0);
	transition: .4s all;
	border: none;
	outline: none;
	box-shadow: none;
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	line-height: 18px;
}

@media only screen and (min-width: 576px) {

	#MainMenu .mainItm .menuAccord .accordion-item .accordion-button,
	#MainMenu .mainItm .menuAccord .accordion-item .pgeLnk {
		font-size: 15px;
		line-height: 15px
	}
}

@media only screen and (min-width: 992px) {

	#MainMenu .mainItm .menuAccord .accordion-item .accordion-button,
	#MainMenu .mainItm .menuAccord .accordion-item .pgeLnk {
		padding: 15px 35px;
		font-size: 20px;
		line-height: 15px
	}
}

@media only screen and (min-width: 1200px) {

	#MainMenu .mainItm .menuAccord .accordion-item .accordion-button,
	#MainMenu .mainItm .menuAccord .accordion-item .pgeLnk {
		padding: 20px 47px;
		font-size: 22px;
		line-height: 24px
	}
}

@media only screen and (min-width: 1441px) {

	#MainMenu .mainItm .menuAccord .accordion-item .accordion-button,
	#MainMenu .mainItm .menuAccord .accordion-item .pgeLnk {
		font-size: 26px;
		line-height: 28px
	}
}

#MainMenu .mainItm .menuAccord .accordion-item .accordion-button:hover,
#MainMenu .mainItm .menuAccord .accordion-item .accordion-button.active,
#MainMenu .mainItm .menuAccord .accordion-item .pgeLnk:hover,
#MainMenu .mainItm .menuAccord .accordion-item .pgeLnk.active {
	background: rgba(0, 0, 0, 0) linear-gradient(270deg, #FFFFFF 0%, #808080 100%) 0% 0% no-repeat padding-box;
	color: #0e0e0e
}

#MainMenu .mainItm .menuAccord .accordion-item .accordion-button::after,
#MainMenu .mainItm .menuAccord .accordion-item .pgeLnk::after {
	display: none
}

#MainMenu .mainItm .menuAccord .accordion-item .pgeLnk {
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	line-height: 18px;
	display: block;
	padding: 15px 25px
}

@media only screen and (min-width: 576px) {
	#MainMenu .mainItm .menuAccord .accordion-item .pgeLnk {
		font-size: 18px;
		line-height: 20px
	}
}

@media only screen and (min-width: 992px) {
	#MainMenu .mainItm .menuAccord .accordion-item .pgeLnk {
		padding: 15px 35px;
		font-size: 20px;
		line-height: 22px
	}
}

@media only screen and (min-width: 1200px) {
	#MainMenu .mainItm .menuAccord .accordion-item .pgeLnk {
		padding: 20px 47px;
		font-size: 22px;
		line-height: 24px
	}
}

@media only screen and (min-width: 1441px) {
	#MainMenu .mainItm .menuAccord .accordion-item .pgeLnk {
		font-size: 26px;
		line-height: 28px
	}
}

#MainMenu .mainItm .menuAccord .accordion-item.drop .accordion-button::after {
	content: "";
	display: block;
	position: absolute;
	background: url(../images/dropdown.svg) no-repeat;
	background-size: contain;
	transform: rotate(270deg);
	width: 10px;
	height: 5px;
	right: 25px
}

@media only screen and (min-width: 992px) {
	#MainMenu .mainItm .menuAccord .accordion-item.drop .accordion-button::after {
		width: 14px;
		right: 40px;
		height: 7px
	}
}

#MainMenu .mainItm .menuAccord .accordion-item .accordion-body {
	padding: 0
}

@media only screen and (min-width: 992px) {
	#MainMenu .mainItm .menuAccord .accordion-item .accordion-body .subMenuAccord {
		position: absolute;
		top: 0;
		left: 100%;
		height: calc(100vh - 100px);
		overflow-y: auto
	}
}

@media only screen and (min-width: 1200px) {
	#MainMenu .mainItm .menuAccord .accordion-item .accordion-body .subMenuAccord {
		height: calc(100vh - 110px)
	}
}

@media only screen and (min-width: 1441px) {
	#MainMenu .mainItm .menuAccord .accordion-item .accordion-body .subMenuAccord {
		height: calc(100vh - 144px)
	}
}

#MainMenu .mainItm .menuAccord .accordion-item .accordion-body .subMenuAccord .accordion-item:last-child {
	padding: 0px
}

#MainMenu .mainItm .menuAccord .accordion-item .accordion-body .subMenuAccord .accordion-button {
	padding: 10px 35px
}

@media only screen and (min-width: 992px) {
	#MainMenu .mainItm .menuAccord .accordion-item .accordion-body .subMenuAccord .accordion-button {
		padding: 15px 35px
	}
}

@media only screen and (min-width: 1200px) {
	#MainMenu .mainItm .menuAccord .accordion-item .accordion-body .subMenuAccord .accordion-button {
		padding: 15px 45px
	}
}

@media only screen and (min-width: 1441px) {
	#MainMenu .mainItm .menuAccord .accordion-item .accordion-body .subMenuAccord .accordion-button {
		padding: 15px 62px
	}
}

#MainMenu .mainItm .menuAccord .accordion-item .accordion-body .subMenuAccord .accordion-button::after {
	content: "";
	display: block;
	position: absolute;
	background: url(../images/dropdown.svg) no-repeat;
	background-size: contain;
	transform: none;
	width: 10px;
	height: 5px;
	right: 25px
}

@media only screen and (min-width: 992px) {
	#MainMenu .mainItm .menuAccord .accordion-item .accordion-body .subMenuAccord .accordion-button::after {
		width: 14px;
		right: 40px;
		height: 7px
	}
}

#MainMenu .mainItm .menuAccord .accordion-item .accordion-body .subMenuAccord .accordion-button:hover {
	background: rgba(0, 0, 0, 0);
	color: #fff
}

#MainMenu .mainItm .menuAccord .accordion-item .accordion-body .subMenuAccord .accordion-body {
	padding: 8px 35px
}

@media only screen and (min-width: 992px) {
	#MainMenu .mainItm .menuAccord .accordion-item .accordion-body .subMenuAccord .accordion-body {
		padding: 10px 35px
	}
}

@media only screen and (min-width: 1200px) {
	#MainMenu .mainItm .menuAccord .accordion-item .accordion-body .subMenuAccord .accordion-body {
		padding: 10px 45px
	}
}

@media only screen and (min-width: 1441px) {
	#MainMenu .mainItm .menuAccord .accordion-item .accordion-body .subMenuAccord .accordion-body {
		padding: 10px 62px
	}
}

#MainMenu .mainItm .menuAccord .accordion-item .accordion-body .subMenuAccord .accordion-body ul li {
	margin-bottom: 20px
}

#MainMenu .mainItm .menuAccord .accordion-item .accordion-body .subMenuAccord .accordion-body ul li a {
	display: block;
	position: relative;
	transition: .4s all;
	font-weight: 400;
	color: #fff;
	font-size: 14px;
	line-height: 16px;
	padding-left: 15px
}

@media only screen and (min-width: 576px) {
	#MainMenu .mainItm .menuAccord .accordion-item .accordion-body .subMenuAccord .accordion-body ul li a {
		font-size: 16px;
		line-height: 18px
	}
}

@media only screen and (min-width: 768px) {
	#MainMenu .mainItm .menuAccord .accordion-item .accordion-body .subMenuAccord .accordion-body ul li a {
		font-size: 18px;
		line-height: 20px
	}
}

@media only screen and (min-width: 992px) {
	#MainMenu .mainItm .menuAccord .accordion-item .accordion-body .subMenuAccord .accordion-body ul li a {
		font-size: 20px;
		line-height: 22px;
		padding-left: 20px
	}
}

@media only screen and (min-width: 1200px) {
	#MainMenu .mainItm .menuAccord .accordion-item .accordion-body .subMenuAccord .accordion-body ul li a {
		font-size: 22px;
		padding-left: 25px;
		line-height: 24px
	}
}

@media only screen and (min-width: 1441px) {
	#MainMenu .mainItm .menuAccord .accordion-item .accordion-body .subMenuAccord .accordion-body ul li a {
		font-size: 24px;
		line-height: 26px
	}
}

#MainMenu .mainItm .menuAccord .accordion-item .accordion-body .subMenuAccord .accordion-body ul li a::before {
	content: "";
	position: absolute;
	left: 0;
	border-radius: 50%;
	background: #d20a09;
	top: 5px;
	height: 6px;
	width: 6px
}

@media only screen and (min-width: 992px) {
	#MainMenu .mainItm .menuAccord .accordion-item .accordion-body .subMenuAccord .accordion-body ul li a::before {
		height: 10px;
		width: 10px;
		top: 10px
	}
}

#MainMenu .mainItm .menuAccord .accordion-item .accordion-body .subMenuAccord .accordion-body ul li a:hover {
	color: #d20a09
}

@media only screen and (min-width: 992px) {
	#MainMenu .mainItm .menuAccord .accordion-item.drop:hover .subdrop {
		display: block
	}
}

.locationmodal {
	background: rgba(0, 0, 0, .56)
}

.locationmodal .modal-dialog {
	max-width: 1316px;
	margin: auto
}

.locationmodal .modal-content {
	background: #16171b;
	position: relative;
	border-radius: 0
}

.locationmodal .modal-content .closeBtn {
	position: absolute;
	display: flex;
	align-items: center;
	border: none;
	box-shadow: none;
	outline: none;
	font-weight: 500;
	color: #fff;
	background: rgba(0, 0, 0, 0);
	z-index: 100;
	text-transform: capitalize;
	font-size: 14px;
	line-height: 14px;
	top: 20px;
	right: 15px
}

@media only screen and (min-width: 576px) {
	.locationmodal .modal-content .closeBtn {
		right: 25px
	}
}

@media only screen and (min-width: 768px) {
	.locationmodal .modal-content .closeBtn {
		right: 52px;
		top: 38px;
		font-size: 16px;
		line-height: 16px
	}
}

.locationmodal .modal-content .closeBtn svg {
	margin-left: 11px;
	width: 18px;
	height: 18px
}

@media only screen and (min-width: 768px) {
	.locationmodal .modal-content .closeBtn svg {
		width: 22px;
		height: 22px
	}
}

.locationmodal .modal-content .closeBtn svg .cls-1 {
	fill: #fff
}

.locationmodal .modal-content .modal-body {
	padding: 55px 15px 15px
}

@media only screen and (min-width: 576px) {
	.locationmodal .modal-content .modal-body {
		padding: 15px 25px
	}
}

@media only screen and (min-width: 1200px) {
	.locationmodal .modal-content .modal-body {
		padding: 20px 35px
	}
}

@media only screen and (min-width: 1441px) {
	.locationmodal .modal-content .modal-body {
		padding: 25px 55px
	}
}

.locationmodal .modal-content .modal-body .headFlx {
	display: flex;
	align-items: center;
	width: 60%;
	justify-content: space-between;
	margin-bottom: 20px
}

@media only screen and (max-width: 576px) {
	.locationmodal .modal-content .modal-body .headFlx {
		flex-direction: row-reverse;
		width: 100%
	}
}

.locationmodal .modal-content .modal-body .headFlx .title {
	font-weight: 500;
	color: #fff;
	text-transform: capitalize;
	font-size: 20px;
	line-height: 22px
}

@media only screen and (min-width: 768px) {
	.locationmodal .modal-content .modal-body .headFlx .title {
		font-size: 24px;
		line-height: 26px
	}
}

@media only screen and (min-width: 1200px) {
	.locationmodal .modal-content .modal-body .headFlx .title {
		font-size: 26px;
		line-height: 28px
	}
}

@media only screen and (min-width: 1441px) {
	.locationmodal .modal-content .modal-body .headFlx .title {
		font-size: 30px;
		line-height: 32px
	}
}

.locationmodal .modal-content .modal-body .headFlx .logo {
	width: 90px
}

@media only screen and (min-width: 992px) {
	.locationmodal .modal-content .modal-body .headFlx .logo {
		width: 110px
	}
}

@media only screen and (min-width: 1200px) {
	.locationmodal .modal-content .modal-body .headFlx .logo {
		width: 130px
	}
}

@media only screen and (min-width: 1441px) {
	.locationmodal .modal-content .modal-body .headFlx .logo {
		width: 153px
	}
}

.locationmodal .modal-content .modal-body .subHead {
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 17px
}

@media only screen and (min-width: 576px) {
	.locationmodal .modal-content .modal-body .subHead {
		font-size: 17px;
		line-height: 19px
	}
}

@media only screen and (min-width: 992px) {
	.locationmodal .modal-content .modal-body .subHead {
		font-size: 19px;
		line-height: 21px
	}
}

@media only screen and (min-width: 1441px) {
	.locationmodal .modal-content .modal-body .subHead {
		font-size: 21px;
		line-height: 23px
	}
}

.locationmodal .modal-content .modal-body .flexBx {
	display: flex;
	flex-wrap: wrap;
	margin: -5px -8px;
	margin-top: 15px
}

@media only screen and (min-width: 576px) {
	.locationmodal .modal-content .modal-body .flexBx {
		margin: -6px -12px;
		margin-top: 18px
	}
}

@media only screen and (min-width: 1200px) {
	.locationmodal .modal-content .modal-body .flexBx {
		margin: -7px -17px;
		margin-top: 24px
	}
}

.locationmodal .modal-content .modal-body .flexBx .item {
	width: 100%;
	padding: 5px 8px
}

@media only screen and (min-width: 576px) {
	.locationmodal .modal-content .modal-body .flexBx .item {
		width: 50%;
		padding: 6px 12px
	}
}

@media only screen and (min-width: 1200px) {
	.locationmodal .modal-content .modal-body .flexBx .item {
		padding: 7px 17px;
		width: 33.3333333333%
	}
}

.locationmodal .modal-content .modal-body .flexBx .item .locSlct {
	display: flex;
	align-items: center;
	position: relative;
	margin-bottom: 9px;
	height: 100%
}

.locationmodal .modal-content .modal-body .flexBx .item .locSlct input[type=radio] {
	visibility: hidden;
	display: none
}

.locationmodal .modal-content .modal-body .flexBx .item .locSlct input[type=radio]:checked~label {
	background: #3f4146
}

.locationmodal .modal-content .modal-body .flexBx .item .locSlct input[type=radio]:checked~label .crcle {
	background: #707070
}

.locationmodal .modal-content .modal-body .flexBx .item .locSlct input[type=radio]:checked~label .crcle::after {
	opacity: 1;
	visibility: visible
}

.locationmodal .modal-content .modal-body .flexBx .item .locSlct label {
	cursor: pointer;
	border-radius: 12px;
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	margin: 0;
	padding: 12px
}

@media only screen and (min-width: 576px) {
	.locationmodal .modal-content .modal-body .flexBx .item .locSlct label {
		padding: 15px
	}
}

@media only screen and (min-width: 768px) {
	.locationmodal .modal-content .modal-body .flexBx .item .locSlct label {
		padding: 19px
	}
}

.locationmodal .modal-content .modal-body .flexBx .item .locSlct label .crcle {
	border-radius: 50%;
	border: solid 3px #707070;
	position: relative;
	transition: .4s all;
	width: 18px;
	height: 18px
}

@media only screen and (min-width: 768px) {
	.locationmodal .modal-content .modal-body .flexBx .item .locSlct label .crcle {
		width: 20px;
		height: 20px
	}
}

@media only screen and (min-width: 992px) {
	.locationmodal .modal-content .modal-body .flexBx .item .locSlct label .crcle {
		width: 22px;
		height: 22px
	}
}

@media only screen and (min-width: 1200px) {
	.locationmodal .modal-content .modal-body .flexBx .item .locSlct label .crcle {
		width: 24px;
		height: 24px
	}
}

.locationmodal .modal-content .modal-body .flexBx .item .locSlct label .crcle::after {
	content: "";
	position: absolute;
	border-radius: 50%;
	background: #d20a09;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	transition: .4s all;
	opacity: 0;
	visibility: hidden;
	width: 10px;
	height: 10px
}

@media only screen and (min-width: 992px) {
	.locationmodal .modal-content .modal-body .flexBx .item .locSlct label .crcle::after {
		width: 12px;
		height: 12px
	}
}

@media only screen and (min-width: 1200px) {
	.locationmodal .modal-content .modal-body .flexBx .item .locSlct label .crcle::after {
		width: 14px;
		height: 14px
	}
}

.locationmodal .modal-content .modal-body .flexBx .item .locSlct label .txtB {
	padding-left: 13px;
	width: calc(100% - 18px)
}

@media only screen and (min-width: 768px) {
	.locationmodal .modal-content .modal-body .flexBx .item .locSlct label .txtB {
		width: calc(100% - 20px)
	}
}

@media only screen and (min-width: 992px) {
	.locationmodal .modal-content .modal-body .flexBx .item .locSlct label .txtB {
		width: calc(100% - 22px)
	}
}

@media only screen and (min-width: 1200px) {
	.locationmodal .modal-content .modal-body .flexBx .item .locSlct label .txtB {
		width: calc(100% - 24px)
	}
}

.locationmodal .modal-content .modal-body .flexBx .item .locSlct label .txtB .ttle {
	font-weight: 500;
	color: #fff;
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 18px
}

@media only screen and (min-width: 768px) {
	.locationmodal .modal-content .modal-body .flexBx .item .locSlct label .txtB .ttle {
		font-size: 18px;
		line-height: 20px
	}
}

@media only screen and (min-width: 1200px) {
	.locationmodal .modal-content .modal-body .flexBx .item .locSlct label .txtB .ttle {
		font-size: 20px;
		margin-bottom: 20px;
		line-height: 22px
	}
}

@media only screen and (min-width: 1441px) {
	.locationmodal .modal-content .modal-body .flexBx .item .locSlct label .txtB .ttle {
		margin-bottom: 30px;
		font-size: 22px;
		line-height: 24px
	}
}

.locationmodal .modal-content .modal-body .flexBx .item .locSlct label .txtB .txt {
	color: #fff;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px
}

@media only screen and (min-width: 992px) {
	.locationmodal .modal-content .modal-body .flexBx .item .locSlct label .txtB .txt {
		font-size: 16px;
		line-height: 20px
	}
}

@media only screen and (min-width: 1441px) {
	.locationmodal .modal-content .modal-body .flexBx .item .locSlct label .txtB .txt {
		font-size: 18px;
		line-height: 22px
	}
}

.locationmodal .modal-content .modal-body .proceed {
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #d20a09;
	font-weight: 600;
	color: #fff;
	text-transform: capitalize;
	margin: 0 0 0 auto;
	width: 120px;
	height: 35px;
	font-size: 14px;
	line-height: 16px
}

.locationmodal .modal-content .modal-body .proceed::before {
	background: #3f4146
}

@media only screen and (min-width: 992px) {
	.locationmodal .modal-content .modal-body .proceed {
		width: 150px;
		height: 45px;
		font-size: 16px;
		line-height: 18px
	}
}

@media only screen and (min-width: 1441px) {
	.locationmodal .modal-content .modal-body .proceed {
		font-size: 18px;
		line-height: 20px;
		width: 166px;
		height: 52px
	}
}

.pagination {
	display: flex;
	align-items: center;
	margin-top: 25px
}

.pagination li {
	margin-right: 10px;
	transition: all .4s
}

@media only screen and (min-width: 576px) {
	.pagination li {
		margin-right: 15px
	}
}

@media only screen and (min-width: 992px) {
	.pagination li {
		margin-right: 18px
	}
}

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

.pagination li .pagBtn {
	font-size: 13px;
	line-height: 28px;
	font-weight: 500;
	color: #d20a09;
	font-family: "Klavika", sans-serif;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-color: #fff;
	transition: all .4s;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center
}

@media only screen and (min-width: 576px) {
	.pagination li .pagBtn {
		width: 40px;
		height: 40px;
		font-size: 14px
	}
}

@media only screen and (min-width: 1200px) {
	.pagination li .pagBtn {
		width: 45px;
		height: 45px;
		font-size: 16px
	}
}

@media only screen and (min-width: 1451px) {
	.pagination li .pagBtn {
		width: 55px;
		height: 55px
	}
}

.pagination li .pagBtn:hover,
.pagination li .pagBtn.active {
	background-color: #d20a09;
	color: #fff
}

.pagination li:last-child .pagBtn {
	background-color: #d20a09;
	color: #fff
}

.pagination li:last-child .pagBtn:hover {
	background-color: #fff
}

.pagination li:last-child .pagBtn:hover svg {
	fill: #d20a09
}

.pagination li:last-child svg {
	width: 15px;
	height: 18px;
	fill: #fff;
	transition: all .4s
}

@media only screen and (min-width: 576px) {
	.pagination li:last-child svg {
		width: 20px
	}
}

@media only screen and (min-width: 992px) {
	.pagination li:last-child svg {
		width: 22px
	}
}

@media only screen and (min-width: 1451px) {
	.pagination li:last-child svg {
		width: 25px
	}
}

.iti__country-list .iti__country-name {
	color: #1f1f1f
}

.cmnlocation {
	display: inline-block;
	position: relative;
	background-color: #707070;
	min-width: 140px;
	border-radius: 10px !important
}

@media only screen and (min-width: 768px) {
	.cmnlocation {
		min-width: 180px
	}
}

.cmnlocation .dropdown {
	min-width: 150px;
	width: 100%
}

@media only screen and (min-width: 768px) {
	.cmnlocation .dropdown {
		min-width: 180px
	}
}

.cmnlocation .dropdown-toggle {
	display: flex;
	align-items: center;
	position: relative;
	min-width: 140px;
	height: 45px;
	background-color: #707070;
	border: none;
	border-radius: 10px !important;
	color: #fff
}

@media only screen and (min-width: 768px) {
	.cmnlocation .dropdown-toggle {
		min-width: 180px
	}
}

.cmnlocation .dropdown-toggle:focus {
	outline: none !important
}

.cmnlocation .dropdown-toggle::before {
	content: "";
	position: absolute;
	top: 10px;
	left: 20px;
	background: url("../images/loc.svg") no-repeat center !important;
	background-size: contain !important;
	width: 10px;
	height: 20px
}

@media only screen and (min-width: 768px) {
	.cmnlocation .dropdown-toggle::before {
		top: unset;
		width: 15px;
		left: 30px
	}
}

.cmnlocation .dropdown-toggle .filter-option-inner-inner {
	font-size: 16px;
	font-weight: 500;
	padding-left: 30px;
	color: #fff
}

@media only screen and (min-width: 768px) {
	.cmnlocation .dropdown-toggle .filter-option-inner-inner {
		font-size: 18px;
		padding-left: 40px
	}
}

.cmnlocation .dropdown-menu {
	background-color: #515151;
	border-radius: 10px;
	max-height: 190px;
	overflow-y: scroll
}

.cmnlocation .dropdown-menu::-webkit-scrollbar {
	width: 4px;
	border-radius: 2px
}

.cmnlocation .dropdown-menu::-webkit-scrollbar-track {
	background: rgba(128, 128, 128, .5)
}

.cmnlocation .dropdown-menu::-webkit-scrollbar-thumb {
	background: red;
	border-radius: 10px
}

.cmnlocation .dropdown-menu:first-child {
	padding: 5px 15px 10px 15px
}

@media only screen and (min-width: 992px) {
	.cmnlocation .dropdown-menu:first-child {
		padding: 10px 30px 25px 25px
	}
}

.cmnlocation .dropdown-menu .dropdown-item {
	margin: 5px 0px;
	border-bottom: 1px solid hsla(0, 0%, 100%, .1);
	transition: all .4s
}

.cmnlocation .dropdown-menu .dropdown-item span {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	transition: all .4s;
	font-weight: 500
}

@media only screen and (min-width: 992px) {
	.cmnlocation .dropdown-menu .dropdown-item span {
		font-size: 18px
	}
}

.cmnlocation .dropdown-menu .dropdown-item:hover,
.cmnlocation .dropdown-menu .dropdown-item.active,
.cmnlocation .dropdown-menu .dropdown-item:focus {
	border-radius: 5px;
	background-color: rgba(0, 0, 0, 0);
	color: #d20a09
}

.cmnlocation .dropdown-menu .dropdown-item:hover span,
.cmnlocation .dropdown-menu .dropdown-item.active span,
.cmnlocation .dropdown-menu .dropdown-item:focus span {
	color: #d20a09
}

.modal-backdrop {
	opacity: 0;
	background: rgba(54, 54, 54, .8)
}

.modal-backdrop.show {
	opacity: 0;
	z-index: 3
}

body {
	margin: 0
}

body.modal-open {
	overflow: hidden;
	height: var(--app-height)
}

body.MenuOpen {
	overflow: hidden;
	height: var(--app-height)
}

body.MenuOpen::before {
	content: "";
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .56);
	z-index: 900
}

body.MenuOpen #Header .MainFlx {
	opacity: .56
}

#Header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	animation-duration: .5s;
	z-index: 999;
	padding: 5px 0
}

@media only screen and (min-width: 576px) {
	#Header {
		padding: 10px 0
	}
}

@media only screen and (min-width: 992px) {
	#Header {
		padding: 10px 0 0
	}
}

@media only screen and (min-width: 1441px) {
	#Header {
		padding: 60px 0 0
	}
}

#Header .imgbx {
	width: 100%;
	height: auto
}

#Header .imgbx img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

#Header .Background {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: background-color .5s cubic-bezier(0.28, 0.11, 0.32, 1);
	pointer-events: none
}

#Header .container {
	position: relative;
	z-index: 1
}

@media(max-width: 1200px)and (min-width: 992px) {
	#Header .container {
		max-width: 100%
	}
}

#Header .MainFlx {
	justify-content: space-between;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

#Header .MainFlx.active .RSide .QckMenu {
	display: none
}

#Header .lSide {
	width: 90px
}

@media only screen and (min-width: 576px) {
	#Header .lSide {
		width: 120px
	}
}

@media only screen and (min-width: 992px) {
	#Header .lSide {
		width: 150px
	}
}

@media only screen and (min-width: 1200px) {
	#Header .lSide {
		width: 170px
	}
}

@media only screen and (min-width: 1441px) {
	#Header .lSide {
		width: 195px
	}
}

#Header .lSide a {
	display: block
}

#Header .lSide svg {
	transition: all .3s;
	fill: #fff
}

#Header .lSide svg .st0 {
	fill: #52bb7a
}

#Header .lSide svg .st1 {
	fill: #fff
}

#Header .RSide {
	justify-content: flex-end;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: calc(100% - 90px)
}

@media only screen and (min-width: 576px) {
	#Header .RSide {
		width: calc(100% - 120px)
	}
}

@media only screen and (min-width: 992px) {
	#Header .RSide {
		width: calc(100% - 150px)
	}
}

@media only screen and (min-width: 1200px) {
	#Header .RSide {
		width: calc(100% - 170px)
	}
}

@media only screen and (min-width: 1441px) {
	#Header .RSide {
		width: calc(100% - 195px)
	}
}

#Header .RSide .item a {
	display: flex;
	align-items: center;
	height: 18px
}

#Header .RSide .item a .icon svg {
	width: 18px;
	height: 16px
}

@media only screen and (min-width: 1200px) {
	#Header .RSide .item a .icon svg {
		width: 18px;
		height: 18px
	}
}

#Header .RSide .item a .icon svg .cls-1 {
	transition: .4s all;
	fill: #fff
}

#Header .RSide .item a:hover svg .cls-1 {
	fill: #d20a09
}

#Header .RSide .item .location {
	margin-left: 13px;
	margin-right: 13px;
	font-size: 0;
	font-weight: 500;
	color: #fff;
	border-right: solid 1px hsla(0, 0%, 100%, .37);
	transition: .4s all
}

@media only screen and (min-width: 768px) {
	#Header .RSide .item .location {
		margin-left: 25px
	}
}

#Header .RSide .item .location .icon {
	margin-right: 10px
}

@media only screen and (min-width: 476px) {
	#Header .RSide .item .location {
		padding-right: 17px;
		font-size: 18px
	}
}

#Header .RSide .item .location:hover {
	color: #d20a09
}

#Header .RSide .item .language>* {
	display: flex;
	align-items: center;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 14px
}

@media only screen and (min-width: 768px) {
	#Header .RSide .item .language>* {
		font-size: 16px;
		line-height: 16px
	}
}

@media only screen and (min-width: 1200px) {
	#Header .RSide .item .language>* {
		font-size: 18px;
		line-height: 18px
	}
}

#Header .RSide .item .language>* .ico {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	overflow: hidden;
	margin-left: 10px
}

#Header .RSide .item .language>* .ico img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

#Header .RSide .item .language .en {
	display: none
}

#Header .RSide .MenuBtn {
	cursor: pointer;
	height: fit-content;
	height: -moz-fit-content;
	margin-left: 22px;
	width: 20px
}

@media only screen and (min-width: 768px) {
	#Header .RSide .MenuBtn {
		width: 22px
	}
}

@media only screen and (min-width: 1441px) {
	#Header .RSide .MenuBtn {
		width: 25px
	}
}

#Header .RSide .MenuBtn button,
#Header .RSide .MenuBtn .shape {
	height: 100%;
	width: 100%;
	flex-wrap: wrap;
	display: -ms-flexbox;
	display: flex;
	align-content: center;
	background: none;
	border: none;
	justify-content: flex-end;
	padding: 0;
	outline: none;
	box-shadow: none;
	pointer-events: unset
}

#Header .RSide .MenuBtn button>*,
#Header .RSide .MenuBtn .shape>* {
	width: 100%;
	background: #fff;
	height: 2px;
	border-radius: 3px
}

#Header .RSide .MenuBtn button>*:nth-child(1),
#Header .RSide .MenuBtn button>*:nth-child(3),
#Header .RSide .MenuBtn .shape>*:nth-child(1),
#Header .RSide .MenuBtn .shape>*:nth-child(3) {
	width: 70%
}

#Header .RSide .MenuBtn button>*:not(:last-of-type),
#Header .RSide .MenuBtn .shape>*:not(:last-of-type) {
	margin-bottom: 4px
}

#Header.StickY {
	position: fixed;
	width: 100%;
	animation-name: fadeInDown;
	animation-duration: .5s;
	animation-fill-mode: both;
	top: 0px;
	box-shadow: 0px 0px 25px rgba(0, 0, 0, .1);
	padding: 5px 0
}

#Header.StickY .Background {
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
	background-color: #2a2a2a
}

#Header.Hide {
	opacity: 0;
	transition: all .3s
}

#viewport.Blur {
	filter: blur(2px);
	-webkit-filter: blur(2px)
}

#pageWrapper {
	overflow: hidden
}

.InnerPage {
	padding-top: 56px
}

@media only screen and (min-width: 576px) {
	.InnerPage {
		padding-top: 81px
	}
}

@media only screen and (min-width: 768px) {
	.InnerPage {
		padding-top: 101px
	}
}

@media only screen and (min-width: 992px) {
	.InnerPage {
		padding-top: 102px
	}
}

@media only screen and (min-width: 1441px) {
	.InnerPage {
		padding-top: 170px
	}
}

.cmnHead {
	position: relative
}

@media only screen and (max-width: 992px) {
	.cmnHead {
		margin-bottom: 20px
	}
}

.cmnHead .subT {
	font-weight: 500;
	color: #d20a09;
	font-size: 14px;
	line-height: 14px
}

@media only screen and (min-width: 576px) {
	.cmnHead .subT {
		font-size: 16px;
		line-height: 16px
	}
}

@media only screen and (min-width: 768px) {
	.cmnHead .subT {
		font-size: 18px;
		line-height: 18px
	}
}

@media only screen and (min-width: 992px) {
	.cmnHead .subT {
		font-size: 20px;
		line-height: 20px
	}
}

@media only screen and (min-width: 1200px) {
	.cmnHead .subT {
		font-size: 22px;
		line-height: 22px
	}
}

.cmnHead .cmnttle {
	font-weight: 700;
	color: #fff;
	font-size: 22px;
	line-height: 22px
}

@media only screen and (min-width: 768px) {
	.cmnHead .cmnttle {
		font-size: 28px;
		line-height: 28px
	}
}

@media only screen and (min-width: 992px) {
	.cmnHead .cmnttle {
		font-size: 32px;
		line-height: 32px
	}
}

@media only screen and (min-width: 1200px) {
	.cmnHead .cmnttle {
		font-size: 38px;
		line-height: 38px
	}
}

@media only screen and (min-width: 1441px) {
	.cmnHead .cmnttle {
		font-size: 42px;
		line-height: 42px
	}
}

.cmnHead .bgTxt {
	position: absolute;
	left: 0;
	font-weight: 500;
	color: #0e0e0e;
	-webkit-text-fill-color: #0e0e0e;
	-webkit-text-stroke: 1px;
	-webkit-text-stroke-color: #fbefef;
	opacity: .1;
	font-size: 30px;
	line-height: 40px;
	top: 0
}

@media only screen and (min-width: 576px) {
	.cmnHead .bgTxt {
		font-size: 40px;
		line-height: 50px
	}
}

@media only screen and (min-width: 768px) {
	.cmnHead .bgTxt {
		font-size: 50px;
		line-height: 60px
	}
}

@media only screen and (min-width: 992px) {
	.cmnHead .bgTxt {
		font-size: 60px;
		line-height: 70px
	}
}

@media only screen and (min-width: 1200px) {
	.cmnHead .bgTxt {
		font-size: 70px;
		line-height: 80px
	}
}

@media only screen and (min-width: 1360px) {
	.cmnHead .bgTxt {
		font-size: 80px;
		line-height: 90px
	}
}

@media only screen and (min-width: 1441px) {
	.cmnHead .bgTxt {
		font-size: 100px;
		top: -20px;
		line-height: 110px
	}
}

@media only screen and (min-width: 1551px) {
	.cmnHead .bgTxt {
		font-size: 119px;
		line-height: 130px
	}
}

.cta-button {
	border-radius: 24px;
	background: #d20a09;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	font-weight: 400;
	color: #fff;
	overflow: hidden;
	margin-top: 15px;
	padding-left: 10px;
	font-size: 12px;
	width: 100px;
	height: 30px
}

@media only screen and (min-width: 576px) {
	.cta-button {
		padding-left: 15px;
		margin-top: 25px;
		width: 110px;
		height: 40px
	}
}

@media only screen and (min-width: 1200px) {
	.cta-button {
		width: 130px;
		height: 42px;
		font-size: 16px;
		margin-top: 35px;
		padding-left: 18px
	}
}

@media only screen and (min-width: 1441px) {
	.cta-button {
		width: 155px;
		height: 48px;
		margin-top: 44px;
		padding-left: 23px
	}
}

.cta-button::before {
	content: "";
	position: absolute;
	right: 7px;
	z-index: 5;
	border-radius: 50%;
	background: #fff;
	transition: background .4s linear, width .4s cubic-bezier(0.23, 1, 0.32, 1), height .4s cubic-bezier(0.23, 1, 0.32, 1), margin-top .4s cubic-bezier(0.23, 1, 0.32, 1), transform .4s cubic-bezier(0.23, 1, 0.32, 1), right .4s cubic-bezier(0.23, 1, 0.32, 1), top .4s cubic-bezier(0.23, 1, 0.32, 1), border-radius .4s cubic-bezier(0.23, 1, 0.32, 1), left .4s cubic-bezier(0.23, 1, 0.32, 1);
	will-change: width, height, margin-top, top, right, border-radius;
	width: 20px;
	height: 20px
}

@media only screen and (min-width: 576px) {
	.cta-button::before {
		width: 25px;
		height: 25px
	}
}

@media only screen and (min-width: 1200px) {
	.cta-button::before {
		width: 30px;
		height: 30px
	}
}

@media only screen and (min-width: 1441px) {
	.cta-button::before {
		width: 37px;
		height: 37px
	}
}

.cta-button::after {
	content: attr(data-label);
	position: absolute;
	pointer-events: none;
	top: 0;
	color: #fff;
	z-index: 7;
	will-change: left;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	left: -100%;
	transition: color .3s linear, left .5s cubic-bezier(0.23, 1, 0.32, 1);
	padding: 0 0 0 10px
}

@media only screen and (min-width: 576px) {
	.cta-button::after {
		padding: 0 0 0 15px
	}
}

@media only screen and (min-width: 1200px) {
	.cta-button::after {
		padding: 0 0 0 23px
	}
}

.cta-button svg {
	position: relative;
	z-index: 10;
	fill: #000;
	transform: rotate(-45deg);
	transition: .4s all;
	right: 10px;
	width: 12px
}

@media only screen and (min-width: 576px) {
	.cta-button svg {
		width: 17px;
		right: 10px
	}
}

@media only screen and (min-width: 1200px) {
	.cta-button svg {
		right: 12px
	}
}

@media only screen and (min-width: 1441px) {
	.cta-button svg {
		right: 16px
	}
}

.cta-button:hover {
	background-color: rgba(0, 0, 0, 0);
	color: #d20a09
}

.cta-button:hover::before {
	right: -1px;
	width: calc(100% + 2px);
	background: #000;
	margin-top: 0;
	border-radius: 24px;
	pointer-events: none;
	height: 100%
}

@media only screen and (min-width: 1200px) {
	.cta-button:hover::before {
		height: calc(100% + 2px)
	}
}

.cta-button:hover::after {
	left: 0
}

.cta-button:hover svg {
	fill: #fff;
	transform: none
}

.hoveranim {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden
}

.hoveranim::before {
	content: "";
	position: absolute;
	z-index: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	background: #acacac;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform .3s ease;
	transition: -webkit-transform .3s ease;
	transition: transform .3s ease;
	transition: transform .3s ease, -webkit-transform .3s ease;
	left: 0;
	-webkit-transform-origin: right;
	-ms-transform-origin: right;
	transform-origin: right
}

.hoveranim span {
	position: relative;
	z-index: 1
}

.hoveranim:hover {
	color: #fff
}

.hoveranim:hover::before {
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1)
}

.owl-nav button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: .4s all;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: solid 1px #fff !important;
	width: 30px;
	height: 30px;
	opacity: .57
}

@media only screen and (min-width: 768px) {
	.owl-nav button {
		width: 33px;
		height: 33px
	}
}

@media only screen and (min-width: 992px) {
	.owl-nav button {
		width: 40px;
		height: 40px
	}
}

.owl-nav button.disabled {
	opacity: 0;
	visibility: hidden
}

.owl-nav button:hover {
	opacity: 1
}

.owl-nav button:hover span {
	filter: grayscale(1) brightness(20)
}

.owl-nav button span {
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 250ms ease-in-out 0s;
	margin: auto;
	font-size: 0;
	background: url("../images/lft.svg") no-repeat center;
	width: 15px;
	height: 10px;
	background-size: contain;
	transform: rotate(180deg)
}

@media only screen and (min-width: 768px) {
	.owl-nav button span {
		width: 17px;
		height: 12px
	}
}

.owl-nav button.owl-prev {
	left: -10px
}

@media only screen and (min-width: 576px) {
	.owl-nav button.owl-prev {
		left: -35px
	}
}

@media only screen and (min-width: 768px) {
	.owl-nav button.owl-prev {
		left: -38px
	}
}

@media only screen and (min-width: 1200px) {
	.owl-nav button.owl-prev {
		left: -50px
	}
}

@media only screen and (min-width: 1451px) {
	.owl-nav button.owl-prev {
		left: -62px
	}
}

.owl-nav button.owl-prev span {
	transform: none
}

.owl-nav button.owl-next {
	right: -10px
}

@media only screen and (min-width: 576px) {
	.owl-nav button.owl-next {
		right: -35px
	}
}

@media only screen and (min-width: 768px) {
	.owl-nav button.owl-next {
		right: -38px
	}
}

@media only screen and (min-width: 1200px) {
	.owl-nav button.owl-next {
		right: -50px
	}
}

@media only screen and (min-width: 1451px) {
	.owl-nav button.owl-next {
		right: -62px
	}
}

#cmnBanner {
	position: relative;
	overflow: hidden
}

#cmnBanner::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40%;
	background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(10, 10, 10, 0.8) 100%) 0% 0% no-repeat padding-box;
	z-index: 10;
	transition: .4s all;
	opacity: 1
}

#cmnBanner::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, .38);
	z-index: 1
}

#cmnBanner .bannerImg {
	height: 100%;
	width: 100%
}

#cmnBanner .bannerImg picture {
	width: 100%;
	height: 100%;
	display: block;
	position: relative
}

#cmnBanner .bannerImg img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

#cmnBanner .bannerImg .bannerCnt {
	position: absolute;
	width: 100%;
	left: 0;
	z-index: 2;
	height: fit-content;
	height: -moz-fit-content;
	display: flex;
	align-items: flex-end;
	z-index: 2;
	background: rgba(209, 32, 47, .2);
	bottom: 0;
	padding: 10px 0
}

@media only screen and (min-width: 576px) {
	#cmnBanner .bannerImg .bannerCnt {
		padding: 20px 0;
		bottom: 30px
	}
}

@media only screen and (min-width: 768px) {
	#cmnBanner .bannerImg .bannerCnt {
		bottom: 50px;
		padding: 40px 0
	}
}

@media only screen and (min-width: 992px) {
	#cmnBanner .bannerImg .bannerCnt {
		bottom: 60px;
		padding: 60px 0
	}
}

@media only screen and (min-width: 1200px) {
	#cmnBanner .bannerImg .bannerCnt {
		bottom: 70px;
		padding: 70px 0
	}
}

@media only screen and (min-width: 1441px) {
	#cmnBanner .bannerImg .bannerCnt {
		bottom: 78px;
		padding: 80px 0
	}
}

#cmnBanner .bannerImg .bannerCnt::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -78px;
	height: 78px;
	width: 100%;
	background: rgba(0, 0, 0, .5)
}

#cmnBanner .bannerImg .bannerCnt .mainT {
	font-weight: 400;
	color: #fff;
	font-family: "Klavika", sans-serif;
	margin-bottom: 12px;
	font-size: 22px;
	line-height: 22px
}

@media only screen and (min-width: 576px) {
	#cmnBanner .bannerImg .bannerCnt .mainT {
		font-size: 24px;
		line-height: 24px
	}
}

@media only screen and (min-width: 768px) {
	#cmnBanner .bannerImg .bannerCnt .mainT {
		font-size: 28px;
		line-height: 28px
	}
}

@media only screen and (min-width: 992px) {
	#cmnBanner .bannerImg .bannerCnt .mainT {
		font-size: 38px;
		line-height: 38px
	}
}

@media only screen and (min-width: 1200px) {
	#cmnBanner .bannerImg .bannerCnt .mainT {
		font-size: 100px;
		line-height: 100px
	}
}

@media only screen and (min-width: 1441px) {
	#cmnBanner .bannerImg .bannerCnt .mainT {
		font-size: 130px;
		line-height: 140px
	}
}

@media only screen and (min-width: 1661px) {
	#cmnBanner .bannerImg .bannerCnt .mainT {
		font-size: 161px;
		line-height: 170px
	}
}

#cmnBanner .bannerImg .bannerCnt .breadCrumb {
	display: flex;
	align-items: center
}

#cmnBanner .bannerImg .bannerCnt .breadCrumb>* {
	font-weight: 500;
	color: #fff;
	text-transform: capitalize;
	font-size: 12px;
	line-height: 14px
}

@media only screen and (min-width: 576px) {
	#cmnBanner .bannerImg .bannerCnt .breadCrumb>* {
		font-size: 14px;
		line-height: 16px
	}
}

@media only screen and (min-width: 992px) {
	#cmnBanner .bannerImg .bannerCnt .breadCrumb>* {
		font-size: 16px;
		line-height: 18px
	}
}

@media only screen and (min-width: 1200px) {
	#cmnBanner .bannerImg .bannerCnt .breadCrumb>* {
		font-size: 20px;
		line-height: 22px
	}
}

@media only screen and (min-width: 1551px) {
	#cmnBanner .bannerImg .bannerCnt .breadCrumb>* {
		font-size: 22px;
		line-height: 24px
	}
}

@media only screen and (min-width: 1661px) {
	#cmnBanner .bannerImg .bannerCnt .breadCrumb>* {
		font-size: 26px;
		line-height: 28px
	}
}

#cmnBanner .bannerImg .bannerCnt .breadCrumb>*::after {
	content: "/";
	font-weight: 500;
	color: #fff;
	margin: 0 5px;
	font-size: 12px;
	line-height: 14px
}

@media only screen and (min-width: 576px) {
	#cmnBanner .bannerImg .bannerCnt .breadCrumb>*::after {
		font-size: 14px;
		line-height: 16px
	}
}

@media only screen and (min-width: 992px) {
	#cmnBanner .bannerImg .bannerCnt .breadCrumb>*::after {
		font-size: 16px;
		line-height: 18px
	}
}

@media only screen and (min-width: 1200px) {
	#cmnBanner .bannerImg .bannerCnt .breadCrumb>*::after {
		font-size: 20px;
		line-height: 22px
	}
}

@media only screen and (min-width: 1551px) {
	#cmnBanner .bannerImg .bannerCnt .breadCrumb>*::after {
		font-size: 22px;
		line-height: 24px
	}
}

@media only screen and (min-width: 1661px) {
	#cmnBanner .bannerImg .bannerCnt .breadCrumb>*::after {
		font-size: 26px;
		line-height: 28px
	}
}

#cmnBanner .bannerImg .bannerCnt .breadCrumb>*:last-child::after {
	display: none
}

#cmnBanner .bgIco {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%
}

#cmnBanner .bgIco .container {
	position: relative
}

#cmnBanner .bgIco .bico,
#cmnBanner .bgIco .bico1,
#cmnBanner .bgIco .bico2 {
	position: absolute
}

#cmnBanner .bgIco .bico {
	margin-top: -50%;
	left: 0;
	width: 60px
}

@media only screen and (min-width: 768px) {
	#cmnBanner .bgIco .bico {
		width: 110px;
		display: none
	}
}

@media only screen and (min-width: 992px) {
	#cmnBanner .bgIco .bico {
		display: flex;
		left: -50px;
		width: 250px;
		margin-top: -500px
	}
}

@media only screen and (min-width: 1200px) {
	#cmnBanner .bgIco .bico {
		left: 0;
		width: 280px;
		margin-top: -750px
	}
}

@media only screen and (min-width: 1451px) {
	#cmnBanner .bgIco .bico {
		min-width: 300px
	}
}

@media only screen and (min-width: 1751px) {
	#cmnBanner .bgIco .bico {
		margin-top: -900px;
		min-width: 240px
	}
}

#cmnBanner .bgIco .bico1 {
	bottom: 0;
	right: 15px;
	width: 60px
}

@media only screen and (min-width: 768px) {
	#cmnBanner .bgIco .bico1 {
		width: 110px
	}
}

@media only screen and (min-width: 992px) {
	#cmnBanner .bgIco .bico1 {
		width: 150px
	}
}

@media only screen and (min-width: 1200px) {
	#cmnBanner .bgIco .bico1 {
		width: 200px
	}
}

@media only screen and (min-width: 1441px) {
	#cmnBanner .bgIco .bico1 {
		width: 240px
	}
}

#cmnBanner .bgIco .bico2 {
	right: 15px;
	opacity: .2;
	width: 140px;
	top: -30px
}

@media only screen and (min-width: 768px) {
	#cmnBanner .bgIco .bico2 {
		width: 190px;
		top: -50px
	}
}

@media only screen and (min-width: 992px) {
	#cmnBanner .bgIco .bico2 {
		width: 230px;
		top: -60px
	}
}

@media only screen and (min-width: 1200px) {
	#cmnBanner .bgIco .bico2 {
		width: 280px;
		top: -70px
	}
}

@media only screen and (min-width: 1441px) {
	#cmnBanner .bgIco .bico2 {
		width: 313px;
		top: -78px
	}
}

.homepage #MainBanner,
.landingPage #MainBanner {
	position: relative;
	background: #000;
	z-index: 100
}

.homepage #MainBanner .carousel-item,
.landingPage #MainBanner .carousel-item {
	height: 100vh;
	overflow: hidden;
	position: relative
}

.homepage #MainBanner .carousel-item::before,
.landingPage #MainBanner .carousel-item::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40%;
	background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(10, 10, 10, 0.8) 100%) 0% 0% no-repeat padding-box;
	z-index: 10;
	transition: .4s all;
	opacity: 1
}

.homepage #MainBanner .carousel-item::after,
.landingPage #MainBanner .carousel-item::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40%;
	background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(10, 10, 10, 0.8) 100%) 0% 0% no-repeat padding-box;
	z-index: 10;
	transition: .4s all;
	opacity: 1
}

.homepage #MainBanner .carousel-item video,
.homepage #MainBanner .carousel-item img,
.landingPage #MainBanner .carousel-item video,
.landingPage #MainBanner .carousel-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .62
}

.homepage #MainBanner .carousel-item .vidBx,
.landingPage #MainBanner .carousel-item .vidBx {
	height: 100%;
	width: 100%
}

.homepage #MainBanner .carousel-item .vidBx video,
.landingPage #MainBanner .carousel-item .vidBx video {
	height: 100%;
	width: 100%;
	object-fit: cover
}

@media only screen and (max-width: 650px) {

	.homepage #MainBanner .carousel-item .vidBx video.dsk,
	.landingPage #MainBanner .carousel-item .vidBx video.dsk {
		display: none
	}
}

@media only screen and (min-width: 650px) {

	.homepage #MainBanner .carousel-item .vidBx video.mob,
	.landingPage #MainBanner .carousel-item .vidBx video.mob {
		display: none
	}
}

.homepage #MainBanner .carousel-item.active .SlideCntnt .SlideTitle,
.homepage #MainBanner .carousel-item.active .SlideCntnt .Info,
.homepage #MainBanner .carousel-item.active .SlideCntnt .cta-button,
.landingPage #MainBanner .carousel-item.active .SlideCntnt .SlideTitle,
.landingPage #MainBanner .carousel-item.active .SlideCntnt .Info,
.landingPage #MainBanner .carousel-item.active .SlideCntnt .cta-button {
	opacity: 1;
	visibility: visible;
	transform: translateY(0)
}

.homepage #MainBanner .carousel-item picture,
.landingPage #MainBanner .carousel-item picture {
	width: 100%;
	height: 100%;
	display: block
}

.homepage #MainBanner .carousel-item .SlideCntnt,
.landingPage #MainBanner .carousel-item .SlideCntnt {
	position: absolute;
	left: 0;
	width: 100%;
	top: 55%;
	transform: translateY(-50%);
	z-index: 30
}

.homepage #MainBanner .carousel-item .CntnBox,
.landingPage #MainBanner .carousel-item .CntnBox {
	width: 100%;
	max-width: 1000px
}

.homepage #MainBanner .carousel-item .SlideTitle,
.landingPage #MainBanner .carousel-item .SlideTitle {
	font-weight: 500;
	color: #fff;
	font-size: 29px;
	line-height: 32px;
	margin-bottom: 15px;
	transition: all .5s;
	opacity: 0;
	visibility: hidden;
	transform: translateY(30px)
}

@media only screen and (min-width: 576px) {

	.homepage #MainBanner .carousel-item .SlideTitle,
	.landingPage #MainBanner .carousel-item .SlideTitle {
		font-size: 40px;
		line-height: 36px
	}
}

@media only screen and (min-width: 768px) {

	.homepage #MainBanner .carousel-item .SlideTitle,
	.landingPage #MainBanner .carousel-item .SlideTitle {
		font-size: 42px;
		line-height: 44px
	}
}

@media only screen and (min-width: 992px) {

	.homepage #MainBanner .carousel-item .SlideTitle,
	.landingPage #MainBanner .carousel-item .SlideTitle {
		font-size: 46px;
		line-height: 57px;
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #MainBanner .carousel-item .SlideTitle,
	.landingPage #MainBanner .carousel-item .SlideTitle {
		font-size: 52px;
		line-height: 63px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #MainBanner .carousel-item .SlideTitle,
	.landingPage #MainBanner .carousel-item .SlideTitle {
		font-size: 82px;
		line-height: 90px;
		margin-bottom: 34px
	}
}

.homepage #MainBanner .carousel-item .SlideTitle span,
.landingPage #MainBanner .carousel-item .SlideTitle span {
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #fff;
	-webkit-text-stroke: 1px #fff;
	color: rgba(0, 0, 0, 0)
}

.homepage #MainBanner .carousel-item .Info,
.landingPage #MainBanner .carousel-item .Info {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	margin-top: 15px;
	transition: all .5s;
	opacity: 0;
	visibility: hidden;
	transform: translateY(30px)
}

@media only screen and (min-width: 576px) {

	.homepage #MainBanner .carousel-item .Info,
	.landingPage #MainBanner .carousel-item .Info {
		font-size: 16px;
		margin-top: 20px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #MainBanner .carousel-item .Info,
	.landingPage #MainBanner .carousel-item .Info {
		font-size: 20px;
		line-height: 26px;
		margin-top: 20px
	}
}

@media only screen and (min-width: 1651px) {

	.homepage #MainBanner .carousel-item .Info,
	.landingPage #MainBanner .carousel-item .Info {
		font-size: 22px;
		line-height: 28px;
		margin-top: 38px
	}
}

.homepage #MainBanner .carousel-item .location,
.landingPage #MainBanner .carousel-item .location {
	max-width: 269px;
	font-weight: 300;
	color: #fff;
	font-family: "Klavika", sans-serif;
	font-size: 14px;
	line-height: 18px;
	margin-top: 15px
}

@media only screen and (min-width: 768px) {

	.homepage #MainBanner .carousel-item .location,
	.landingPage #MainBanner .carousel-item .location {
		font-size: 16px;
		line-height: 20px
	}
}

@media only screen and (min-width: 992px) {

	.homepage #MainBanner .carousel-item .location,
	.landingPage #MainBanner .carousel-item .location {
		font-size: 18px;
		margin-top: 20px;
		line-height: 22px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #MainBanner .carousel-item .location,
	.landingPage #MainBanner .carousel-item .location {
		margin-top: 27px;
		font-size: 20px;
		line-height: 24px
	}
}

.homepage #MainBanner .carousel-item .location a,
.landingPage #MainBanner .carousel-item .location a {
	transition: .4s all;
	display: block
}

.homepage #MainBanner .carousel-item .location a:hover,
.landingPage #MainBanner .carousel-item .location a:hover {
	color: #d20a09
}

.homepage #MainBanner .carousel-item .location img,
.landingPage #MainBanner .carousel-item .location img {
	opacity: 1;
	display: block;
	margin-bottom: 14px;
	width: 14px
}

@media only screen and (min-width: 1200px) {

	.homepage #MainBanner .carousel-item .location img,
	.landingPage #MainBanner .carousel-item .location img {
		width: 20px
	}
}

.homepage #MainBanner .carousel-item .location span,
.landingPage #MainBanner .carousel-item .location span {
	font-weight: 500
}

.homepage #MainBanner .carousel-item .cta-button,
.landingPage #MainBanner .carousel-item .cta-button {
	width: 100px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(50px);
	transition-delay: .5s;
	transition: all .5s;
	height: 35px
}

@media only screen and (min-width: 576px) {

	.homepage #MainBanner .carousel-item .cta-button,
	.landingPage #MainBanner .carousel-item .cta-button {
		height: 40px;
		width: 125px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #MainBanner .carousel-item .cta-button,
	.landingPage #MainBanner .carousel-item .cta-button {
		width: 155px;
		height: 45px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #MainBanner .carousel-item .cta-button,
	.landingPage #MainBanner .carousel-item .cta-button {
		width: 185px;
		height: 48px
	}
}

.homepage #MainBanner .freePass,
.landingPage #MainBanner .freePass {
	position: fixed;
	bottom: 77px;
	z-index: 100;
	display: block;
	transition: .4s all;
	width: 100px;
	right: 15px
}

@media only screen and (min-width: 768px) {

	.homepage #MainBanner .freePass,
	.landingPage #MainBanner .freePass {
		width: 130px;
		right: 35px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #MainBanner .freePass,
	.landingPage #MainBanner .freePass {
		right: 57px;
		width: 180px
	}
}

.homepage #MainBanner .freePass img,
.landingPage #MainBanner .freePass img {
	opacity: 1
}

.homepage #MainBanner .freePass.hide,
.landingPage #MainBanner .freePass.hide {
	opacity: 0;
	visibility: hidden
}

.homepage #MainBanner .blndB,
.landingPage #MainBanner .blndB {
	position: fixed;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	background: #d20a09;
	mix-blend-mode: overlay;
	transition: .5s all;
	transform: translate(30%, 0);
	opacity: 0;
	visibility: hidden;
	width: 500px;
	height: 250px;
	z-index: 22;
	display: none
}

@media only screen and (min-width: 768px) {

	.homepage #MainBanner .blndB,
	.landingPage #MainBanner .blndB {
		width: 600px;
		height: 300px
	}
}

@media only screen and (min-width: 992px) {

	.homepage #MainBanner .blndB,
	.landingPage #MainBanner .blndB {
		width: 800px;
		height: 326px;
		display: block
	}
}

@media only screen and (min-width: 1451px) {

	.homepage #MainBanner .blndB,
	.landingPage #MainBanner .blndB {
		width: 946px;
		height: 326px
	}
}

.homepage #MainBanner .blndB.show,
.landingPage #MainBanner .blndB.show {
	opacity: 1;
	visibility: visible
}

@media only screen and (min-width: 992px) {

	.homepage #MainBanner .blndB.show,
	.landingPage #MainBanner .blndB.show {
		transform: translate(0, -35%)
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #MainBanner .blndB.show,
	.landingPage #MainBanner .blndB.show {
		transform: translate(0, -100%)
	}
}

.homepage #MainBanner .registerBx,
.landingPage #MainBanner .registerBx {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 2000;
	display: flex;
	align-items: flex-end;
	transition: .5s all;
	transform: translate(30%, 0);
	opacity: 0;
	visibility: hidden
}

@media only screen and (min-width: 992px) {

	.homepage #MainBanner .registerBx,
	.landingPage #MainBanner .registerBx {
		width: 800px;
		height: 326px
	}
}

@media only screen and (max-width: 992px) {

	.homepage #MainBanner .registerBx,
	.landingPage #MainBanner .registerBx {
		top: 0;
		transform: translate(30%, 100%);
		margin: auto;
		max-width: 776px;
		width: 100%;
		height: fit-content;
		height: -moz-fit-content;
		padding: 30px 20px 0;
		background: #d20a09
	}
}

@media only screen and (min-width: 1451px) {

	.homepage #MainBanner .registerBx,
	.landingPage #MainBanner .registerBx {
		width: 946px;
		height: 326px
	}
}

.homepage #MainBanner .registerBx .imGbx,
.landingPage #MainBanner .registerBx .imGbx {
	position: relative;
	z-index: 10;
	width: 250px
}

@media only screen and (min-width: 992px) {

	.homepage #MainBanner .registerBx .imGbx,
	.landingPage #MainBanner .registerBx .imGbx {
		width: 400px
	}
}

@media only screen and (max-width: 576px) {

	.homepage #MainBanner .registerBx .imGbx,
	.landingPage #MainBanner .registerBx .imGbx {
		position: absolute;
		opacity: .3;
		height: 100%;
		left: 0;
		right: 0;
		margin: auto
	}
}

.homepage #MainBanner .registerBx .imGbx img,
.landingPage #MainBanner .registerBx .imGbx img {
	opacity: 1
}

.homepage #MainBanner .registerBx .txtBx,
.landingPage #MainBanner .registerBx .txtBx {
	padding-left: 18px;
	padding-bottom: 40px;
	position: relative;
	z-index: 10
}

@media only screen and (min-width: 992px) {

	.homepage #MainBanner .registerBx .txtBx,
	.landingPage #MainBanner .registerBx .txtBx {
		padding-bottom: 74px
	}
}

@media only screen and (max-width: 576px) {

	.homepage #MainBanner .registerBx .txtBx,
	.landingPage #MainBanner .registerBx .txtBx {
		width: 100%
	}
}

.homepage #MainBanner .registerBx .txtBx .title,
.landingPage #MainBanner .registerBx .txtBx .title {
	font-weight: 700;
	color: #fff;
	font-size: 20px;
	margin-bottom: 15px;
	line-height: 26px
}

@media only screen and (min-width: 576px) {

	.homepage #MainBanner .registerBx .txtBx .title,
	.landingPage #MainBanner .registerBx .txtBx .title {
		margin-bottom: 25px;
		font-size: 22px;
		line-height: 28px
	}
}

@media only screen and (min-width: 768px) {

	.homepage #MainBanner .registerBx .txtBx .title,
	.landingPage #MainBanner .registerBx .txtBx .title {
		font-size: 24px;
		line-height: 30px
	}
}

@media only screen and (min-width: 992px) {

	.homepage #MainBanner .registerBx .txtBx .title,
	.landingPage #MainBanner .registerBx .txtBx .title {
		font-size: 28px;
		line-height: 34px
	}
}

.homepage #MainBanner .registerBx .txtBx .icon,
.landingPage #MainBanner .registerBx .txtBx .icon {
	display: block;
	width: 100px
}

@media only screen and (min-width: 576px) {

	.homepage #MainBanner .registerBx .txtBx .icon,
	.landingPage #MainBanner .registerBx .txtBx .icon {
		width: 180px
	}
}

.homepage #MainBanner .registerBx .txtBx .icon img,
.landingPage #MainBanner .registerBx .txtBx .icon img {
	opacity: 1
}

.homepage #MainBanner .registerBx.show,
.landingPage #MainBanner .registerBx.show {
	opacity: 1;
	visibility: visible;
	transform: translate(0, 0)
}

@media only screen and (min-width: 992px) {

	.homepage #MainBanner .registerBx.show,
	.landingPage #MainBanner .registerBx.show {
		transform: translate(0, -35%)
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #MainBanner .registerBx.show,
	.landingPage #MainBanner .registerBx.show {
		transform: translate(0, -100%)
	}
}

.homepage #aboutSec,
.landingPage #aboutSec {
	padding: 40px 0
}

@media only screen and (min-width: 992px) {

	.homepage #aboutSec,
	.landingPage #aboutSec {
		padding: 60px 0
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #aboutSec,
	.landingPage #aboutSec {
		padding: 97px 0 100px
	}
}

.homepage #aboutSec .MheadBx,
.landingPage #aboutSec .MheadBx {
	position: relative;
	text-align: center;
	margin-bottom: 40px
}

@media only screen and (min-width: 992px) {

	.homepage #aboutSec .MheadBx,
	.landingPage #aboutSec .MheadBx {
		margin-bottom: 60px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #aboutSec .MheadBx,
	.landingPage #aboutSec .MheadBx {
		margin-bottom: 80px
	}
}

.homepage #aboutSec .MheadBx .ico,
.landingPage #aboutSec .MheadBx .ico {
	margin: auto;
	margin-bottom: 12px;
	width: 80px
}

@media only screen and (min-width: 576px) {

	.homepage #aboutSec .MheadBx .ico,
	.landingPage #aboutSec .MheadBx .ico {
		width: 110px
	}
}

@media only screen and (min-width: 768px) {

	.homepage #aboutSec .MheadBx .ico,
	.landingPage #aboutSec .MheadBx .ico {
		width: 140px
	}
}

@media only screen and (min-width: 992px) {

	.homepage #aboutSec .MheadBx .ico,
	.landingPage #aboutSec .MheadBx .ico {
		width: 180px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #aboutSec .MheadBx .ico,
	.landingPage #aboutSec .MheadBx .ico {
		width: 220px
	}
}

@media only screen and (min-width: 1551px) {

	.homepage #aboutSec .MheadBx .ico,
	.landingPage #aboutSec .MheadBx .ico {
		width: 253px
	}
}

.homepage #aboutSec .MheadBx .HeadB,
.landingPage #aboutSec .MheadBx .HeadB {
	color: #fff;
	font-weight: 700;
	margin-bottom: 10px;
	font-size: 22px;
	line-height: 22px
}

@media only screen and (min-width: 992px) {

	.homepage #aboutSec .MheadBx .HeadB,
	.landingPage #aboutSec .MheadBx .HeadB {
		font-size: 24px;
		line-height: 24px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #aboutSec .MheadBx .HeadB,
	.landingPage #aboutSec .MheadBx .HeadB {
		font-size: 30px;
		line-height: 30px;
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 1360px) {

	.homepage #aboutSec .MheadBx .HeadB,
	.landingPage #aboutSec .MheadBx .HeadB {
		margin-bottom: 22px;
		font-size: 36px;
		line-height: 36px
	}
}

@media only screen and (min-width: 1551px) {

	.homepage #aboutSec .MheadBx .HeadB,
	.landingPage #aboutSec .MheadBx .HeadB {
		font-size: 42px;
		line-height: 42px
	}
}

@media only screen and (min-width: 1660px) {

	.homepage #aboutSec .MheadBx .HeadB,
	.landingPage #aboutSec .MheadBx .HeadB {
		font-size: 48px;
		line-height: 48px
	}
}

.homepage #aboutSec .MheadBx .subT,
.landingPage #aboutSec .MheadBx .subT {
	color: #fff;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px
}

@media only screen and (min-width: 768px) {

	.homepage #aboutSec .MheadBx .subT,
	.landingPage #aboutSec .MheadBx .subT {
		font-size: 16px;
		line-height: 18px
	}
}

@media only screen and (min-width: 992px) {

	.homepage #aboutSec .MheadBx .subT,
	.landingPage #aboutSec .MheadBx .subT {
		font-size: 22px;
		line-height: 24px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #aboutSec .MheadBx .subT,
	.landingPage #aboutSec .MheadBx .subT {
		font-size: 26px;
		line-height: 28px
	}
}

.homepage #aboutSec .MheadBx .bgTxt,
.landingPage #aboutSec .MheadBx .bgTxt {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
	font-weight: 500;
	color: #0e0e0e;
	-webkit-text-fill-color: #0e0e0e;
	-webkit-text-stroke: 1px;
	-webkit-text-stroke-color: #fbefef;
	opacity: .1;
	font-size: 30px;
	line-height: 40px
}

@media only screen and (min-width: 576px) {

	.homepage #aboutSec .MheadBx .bgTxt,
	.landingPage #aboutSec .MheadBx .bgTxt {
		font-size: 50px;
		line-height: 60px
	}
}

@media only screen and (min-width: 768px) {

	.homepage #aboutSec .MheadBx .bgTxt,
	.landingPage #aboutSec .MheadBx .bgTxt {
		font-size: 70px;
		line-height: 80px
	}
}

@media only screen and (min-width: 992px) {

	.homepage #aboutSec .MheadBx .bgTxt,
	.landingPage #aboutSec .MheadBx .bgTxt {
		font-size: 80px;
		line-height: 90px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #aboutSec .MheadBx .bgTxt,
	.landingPage #aboutSec .MheadBx .bgTxt {
		font-size: 101px;
		line-height: 110px
	}
}

@media only screen and (min-width: 1360px) {

	.homepage #aboutSec .MheadBx .bgTxt,
	.landingPage #aboutSec .MheadBx .bgTxt {
		font-size: 121px;
		line-height: 130px
	}
}

@media only screen and (min-width: 1551px) {

	.homepage #aboutSec .MheadBx .bgTxt,
	.landingPage #aboutSec .MheadBx .bgTxt {
		font-size: 141px;
		line-height: 150px
	}
}

@media only screen and (min-width: 1660px) {

	.homepage #aboutSec .MheadBx .bgTxt,
	.landingPage #aboutSec .MheadBx .bgTxt {
		font-size: 161px;
		line-height: 170px
	}
}

.homepage #aboutSec .flxbx,
.landingPage #aboutSec .flxbx {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 20px
}

@media only screen and (max-width: 992px) {

	.homepage #aboutSec .flxbx,
	.landingPage #aboutSec .flxbx {
		flex-direction: column-reverse
	}
}

@media only screen and (min-width: 992px) {

	.homepage #aboutSec .flxbx,
	.landingPage #aboutSec .flxbx {
		padding: 0 40px;
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #aboutSec .flxbx,
	.landingPage #aboutSec .flxbx {
		padding: 0 70px;
		margin-bottom: 45px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #aboutSec .flxbx,
	.landingPage #aboutSec .flxbx {
		padding: 0 100px;
		margin-bottom: 68px
	}
}

@media only screen and (min-width: 1661px) {

	.homepage #aboutSec .flxbx,
	.landingPage #aboutSec .flxbx {
		padding: 0 134px
	}
}

.homepage #aboutSec .flxbx>*,
.landingPage #aboutSec .flxbx>* {
	width: 100%
}

@media only screen and (min-width: 992px) {

	.homepage #aboutSec .flxbx>*,
	.landingPage #aboutSec .flxbx>* {
		width: 50%
	}
}

.homepage #aboutSec .flxbx .imgBx,
.landingPage #aboutSec .flxbx .imgBx {
	overflow: hidden
}

@media only screen and (max-width: 992px) {

	.homepage #aboutSec .flxbx .imgBx,
	.landingPage #aboutSec .flxbx .imgBx {
		max-width: 450px;
		margin: auto
	}
}

.homepage #aboutSec .flxbx .imgBx img,
.landingPage #aboutSec .flxbx .imgBx img {
	transition: all .4s;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.homepage #aboutSec .flxbx .imgBx:hover img,
.landingPage #aboutSec .flxbx .imgBx:hover img {
	transform: scale(1.1)
}

.homepage #aboutSec .flxbx .ritB,
.landingPage #aboutSec .flxbx .ritB {
	margin-bottom: 20px
}

@media only screen and (min-width: 992px) {

	.homepage #aboutSec .flxbx .ritB,
	.landingPage #aboutSec .flxbx .ritB {
		margin-bottom: 0;
		padding-left: 54px
	}
}

.homepage #aboutSec .flxbx .ritB .cmnHead,
.landingPage #aboutSec .flxbx .ritB .cmnHead {
	margin-bottom: 15px
}

@media only screen and (min-width: 1200px) {

	.homepage #aboutSec .flxbx .ritB .cmnHead,
	.landingPage #aboutSec .flxbx .ritB .cmnHead {
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #aboutSec .flxbx .ritB .cmnHead,
	.landingPage #aboutSec .flxbx .ritB .cmnHead {
		margin-bottom: 26px
	}
}

.homepage #aboutSec .flxbx .ritB .subT,
.landingPage #aboutSec .flxbx .ritB .subT {
	margin-bottom: 15px
}

@media only screen and (min-width: 1200px) {

	.homepage #aboutSec .flxbx .ritB .subT,
	.landingPage #aboutSec .flxbx .ritB .subT {
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #aboutSec .flxbx .ritB .subT,
	.landingPage #aboutSec .flxbx .ritB .subT {
		margin-bottom: 29px
	}
}

.homepage #aboutSec .flxbx .ritB .ttle,
.landingPage #aboutSec .flxbx .ritB .ttle {
	font-weight: 700;
	color: #fff;
	font-size: 22px
}

@media only screen and (min-width: 768px) {

	.homepage #aboutSec .flxbx .ritB .ttle,
	.landingPage #aboutSec .flxbx .ritB .ttle {
		font-size: 28px
	}
}

@media only screen and (min-width: 992px) {

	.homepage #aboutSec .flxbx .ritB .ttle,
	.landingPage #aboutSec .flxbx .ritB .ttle {
		font-size: 32px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #aboutSec .flxbx .ritB .ttle,
	.landingPage #aboutSec .flxbx .ritB .ttle {
		font-size: 38px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #aboutSec .flxbx .ritB .ttle,
	.landingPage #aboutSec .flxbx .ritB .ttle {
		font-size: 42px
	}
}

.homepage #aboutSec .flxbx .ritB p span,
.landingPage #aboutSec .flxbx .ritB p span {
	color: #d20a09
}

.homepage #aboutSec .countFlx,
.landingPage #aboutSec .countFlx {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	border-top: dashed 1px hsla(0, 0%, 100%, .29);
	border-bottom: dashed 1px hsla(0, 0%, 100%, .29);
	padding: 15px 0
}

@media only screen and (min-width: 1200px) {

	.homepage #aboutSec .countFlx,
	.landingPage #aboutSec .countFlx {
		flex-wrap: nowrap;
		padding: 20px 0
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #aboutSec .countFlx,
	.landingPage #aboutSec .countFlx {
		padding: 29px 0 26px
	}
}

.homepage #aboutSec .countFlx .item,
.landingPage #aboutSec .countFlx .item {
	display: flex;
	justify-content: center;
	position: relative;
	width: 33.3333333333%
}

@media only screen and (min-width: 1560px) {

	.homepage #aboutSec .countFlx .item,
	.landingPage #aboutSec .countFlx .item {
		width: 20%
	}
}

@media only screen and (max-width: 576px) {

	.homepage #aboutSec .countFlx .item,
	.landingPage #aboutSec .countFlx .item {
		margin-bottom: 10px
	}
}

@media only screen and (min-width: 576px) {

	.homepage #aboutSec .countFlx .item:not(:last-of-type)::after,
	.landingPage #aboutSec .countFlx .item:not(:last-of-type)::after {
		content: "";
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		border-radius: 50%;
		background: #d20a09;
		width: 6px;
		height: 6px
	}
}

@media only screen and (min-width: 576px)and (min-width: 1441px) {

	.homepage #aboutSec .countFlx .item:not(:last-of-type)::after,
	.landingPage #aboutSec .countFlx .item:not(:last-of-type)::after {
		width: 10px;
		height: 10px
	}
}

@media only screen and (min-width: 576px) {

	.homepage #aboutSec .countFlx .item .counTb,
	.landingPage #aboutSec .countFlx .item .counTb {
		display: flex;
		align-items: center
	}
}

@media only screen and (max-width: 576px) {

	.homepage #aboutSec .countFlx .item .counTb,
	.landingPage #aboutSec .countFlx .item .counTb {
		text-align: center
	}
}

.homepage #aboutSec .countFlx .item .counTb .cFlx,
.landingPage #aboutSec .countFlx .item .counTb .cFlx {
	display: flex;
	align-items: center
}

@media only screen and (max-width: 576px) {

	.homepage #aboutSec .countFlx .item .counTb .cFlx,
	.landingPage #aboutSec .countFlx .item .counTb .cFlx {
		justify-content: center
	}
}

.homepage #aboutSec .countFlx .item .counTb .cFlx>*,
.landingPage #aboutSec .countFlx .item .counTb .cFlx>* {
	color: #d20a09;
	font-weight: 500;
	font-size: 32px;
	line-height: 32px
}

@media only screen and (min-width: 768px) {

	.homepage #aboutSec .countFlx .item .counTb .cFlx>*,
	.landingPage #aboutSec .countFlx .item .counTb .cFlx>* {
		font-size: 38px;
		line-height: 38px
	}
}

@media only screen and (min-width: 992px) {

	.homepage #aboutSec .countFlx .item .counTb .cFlx>*,
	.landingPage #aboutSec .countFlx .item .counTb .cFlx>* {
		font-size: 42px;
		line-height: 42px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #aboutSec .countFlx .item .counTb .cFlx>*,
	.landingPage #aboutSec .countFlx .item .counTb .cFlx>* {
		font-size: 48px;
		line-height: 48px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #aboutSec .countFlx .item .counTb .cFlx>*,
	.landingPage #aboutSec .countFlx .item .counTb .cFlx>* {
		font-size: 52px;
		line-height: 52px
	}
}

.homepage #aboutSec .countFlx .item .counTb .txt,
.landingPage #aboutSec .countFlx .item .counTb .txt {
	color: #fff;
	font-weight: 500;
	font-size: 14px;
	line-height: 14px
}

@media only screen and (min-width: 576px) {

	.homepage #aboutSec .countFlx .item .counTb .txt,
	.landingPage #aboutSec .countFlx .item .counTb .txt {
		margin-left: 13px
	}
}

@media only screen and (min-width: 992px) {

	.homepage #aboutSec .countFlx .item .counTb .txt,
	.landingPage #aboutSec .countFlx .item .counTb .txt {
		font-size: 16px;
		line-height: 16px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #aboutSec .countFlx .item .counTb .txt,
	.landingPage #aboutSec .countFlx .item .counTb .txt {
		font-size: 18px;
		line-height: 18px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #aboutSec .countFlx .item .counTb .txt,
	.landingPage #aboutSec .countFlx .item .counTb .txt {
		font-size: 20px;
		line-height: 20px
	}
}

.homepage #ourPrograms .progmOtBx,
.landingPage #ourPrograms .progmOtBx {
	border-radius: 26px;
	border: solid 1px rgba(112, 112, 112, .4);
	background: #16171b;
	padding: 30px 20px
}

@media only screen and (min-width: 576px) {

	.homepage #ourPrograms .progmOtBx,
	.landingPage #ourPrograms .progmOtBx {
		padding: 40px 30px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #ourPrograms .progmOtBx,
	.landingPage #ourPrograms .progmOtBx {
		padding: 40px 40px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #ourPrograms .progmOtBx,
	.landingPage #ourPrograms .progmOtBx {
		padding: 60px 60px
	}
}

@media only screen and (min-width: 1660px) {

	.homepage #ourPrograms .progmOtBx,
	.landingPage #ourPrograms .progmOtBx {
		padding: 80px 90px 95px
	}
}

.homepage #ourPrograms .progmOtBx .headBx,
.landingPage #ourPrograms .progmOtBx .headBx {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	margin-bottom: 30px
}

@media only screen and (min-width: 1200px) {

	.homepage #ourPrograms .progmOtBx .headBx,
	.landingPage #ourPrograms .progmOtBx .headBx {
		margin-bottom: 57px
	}
}

.homepage #ourPrograms .progmOtBx .headBx>*,
.landingPage #ourPrograms .progmOtBx .headBx>* {
	width: 100%
}

@media only screen and (min-width: 1200px) {

	.homepage #ourPrograms .progmOtBx .headBx>*,
	.landingPage #ourPrograms .progmOtBx .headBx>* {
		width: 50%
	}
}

.homepage #ourPrograms .progmOtBx .headBx .lftB,
.landingPage #ourPrograms .progmOtBx .headBx .lftB {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 25px
}

@media only screen and (min-width: 1200px) {

	.homepage #ourPrograms .progmOtBx .headBx .lftB,
	.landingPage #ourPrograms .progmOtBx .headBx .lftB {
		padding-right: 30px;
		margin-bottom: 0
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #ourPrograms .progmOtBx .headBx .lftB,
	.landingPage #ourPrograms .progmOtBx .headBx .lftB {
		padding-right: 50px
	}
}

@media only screen and (min-width: 1660px) {

	.homepage #ourPrograms .progmOtBx .headBx .lftB,
	.landingPage #ourPrograms .progmOtBx .headBx .lftB {
		padding-right: 80px
	}
}

.homepage #ourPrograms .progmOtBx .headBx .lftB .cmnHead,
.landingPage #ourPrograms .progmOtBx .headBx .lftB .cmnHead {
	margin-right: 0
}

.homepage #ourPrograms .progmOtBx .headBx .lftB .cmnHead .subT,
.landingPage #ourPrograms .progmOtBx .headBx .lftB .cmnHead .subT {
	margin-bottom: 9px
}

@media only screen and (min-width: 1200px) {

	.homepage #ourPrograms .progmOtBx .headBx .ritB,
	.landingPage #ourPrograms .progmOtBx .headBx .ritB {
		padding-left: 30px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #ourPrograms .progmOtBx .headBx .ritB,
	.landingPage #ourPrograms .progmOtBx .headBx .ritB {
		padding-left: 50px
	}
}

@media only screen and (min-width: 1660px) {

	.homepage #ourPrograms .progmOtBx .headBx .ritB,
	.landingPage #ourPrograms .progmOtBx .headBx .ritB {
		padding-left: 85px
	}
}

.homepage #ourPrograms .progmOtBx .headBx .ritB p,
.landingPage #ourPrograms .progmOtBx .headBx .ritB p {
	margin-bottom: 0
}

.homepage #ourPrograms .progmOtBx .flXbX,
.landingPage #ourPrograms .progmOtBx .flXbX {
	display: flex;
	flex-wrap: wrap;
	margin: -10px -8px
}

@media only screen and (min-width: 992px) {

	.homepage #ourPrograms .progmOtBx .flXbX,
	.landingPage #ourPrograms .progmOtBx .flXbX {
		margin: -15px -10px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #ourPrograms .progmOtBx .flXbX,
	.landingPage #ourPrograms .progmOtBx .flXbX {
		margin: -18px -12px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #ourPrograms .progmOtBx .flXbX,
	.landingPage #ourPrograms .progmOtBx .flXbX {
		margin: -22px -16px
	}
}

.homepage #ourPrograms .progmOtBx .flXbX .item,
.landingPage #ourPrograms .progmOtBx .flXbX .item {
	padding: 10px 8px;
	width: 100%
}

@media only screen and (min-width: 576px) {

	.homepage #ourPrograms .progmOtBx .flXbX .item,
	.landingPage #ourPrograms .progmOtBx .flXbX .item {
		width: 50%
	}
}

@media only screen and (min-width: 900px) {

	.homepage #ourPrograms .progmOtBx .flXbX .item,
	.landingPage #ourPrograms .progmOtBx .flXbX .item {
		width: 33.3333333333%
	}
}

@media only screen and (min-width: 992px) {

	.homepage #ourPrograms .progmOtBx .flXbX .item,
	.landingPage #ourPrograms .progmOtBx .flXbX .item {
		padding: 15px 10px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #ourPrograms .progmOtBx .flXbX .item,
	.landingPage #ourPrograms .progmOtBx .flXbX .item {
		padding: 18px 12px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #ourPrograms .progmOtBx .flXbX .item,
	.landingPage #ourPrograms .progmOtBx .flXbX .item {
		padding: 22px 16px
	}
}

.homepage #ourPrograms .progmOtBx .flXbX .item .cmnB,
.landingPage #ourPrograms .progmOtBx .flXbX .item .cmnB {
	background: #3f4146;
	border-radius: 18px;
	padding: 20px 15px;
	height: 100%
}

@media only screen and (min-width: 1200px) {

	.homepage #ourPrograms .progmOtBx .flXbX .item .cmnB,
	.landingPage #ourPrograms .progmOtBx .flXbX .item .cmnB {
		padding: 20px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #ourPrograms .progmOtBx .flXbX .item .cmnB,
	.landingPage #ourPrograms .progmOtBx .flXbX .item .cmnB {
		padding: 30px
	}
}

.homepage #ourPrograms .progmOtBx .flXbX .item .cmnB .title,
.landingPage #ourPrograms .progmOtBx .flXbX .item .cmnB .title {
	font-weight: 700;
	margin-bottom: 12px;
	color: #fff;
	font-size: 16px;
	line-height: 16px
}

@media only screen and (min-width: 992px) {

	.homepage #ourPrograms .progmOtBx .flXbX .item .cmnB .title,
	.landingPage #ourPrograms .progmOtBx .flXbX .item .cmnB .title {
		font-size: 20px;
		line-height: 20px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #ourPrograms .progmOtBx .flXbX .item .cmnB .title,
	.landingPage #ourPrograms .progmOtBx .flXbX .item .cmnB .title {
		font-size: 24px;
		line-height: 24px
	}
}

.homepage #ourPrograms .progmOtBx .flXbX .item .cmnB p,
.landingPage #ourPrograms .progmOtBx .flXbX .item .cmnB p {
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden
}

@media only screen and (min-width: 992px) {

	.homepage #ourPrograms .progmOtBx .flXbX .item .cmnB p,
	.landingPage #ourPrograms .progmOtBx .flXbX .item .cmnB p {
		font-size: 16px;
		line-height: 22px
	}
}

.homepage #ourPrograms .progmOtBx .flXbX .item .cmnB .imgBx,
.landingPage #ourPrograms .progmOtBx .flXbX .item .cmnB .imgBx {
	margin-top: 14px;
	position: relative;
	border-radius: 18px;
	overflow: hidden
}

.homepage #ourPrograms .progmOtBx .flXbX .item .cmnB .imgBx img,
.landingPage #ourPrograms .progmOtBx .flXbX .item .cmnB .imgBx img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .4s all
}

.homepage #ourPrograms .progmOtBx .flXbX .item .cmnB .imgBx .cta-button,
.landingPage #ourPrograms .progmOtBx .flXbX .item .cmnB .imgBx .cta-button {
	position: absolute;
	right: 6px;
	bottom: 10px
}

@media only screen and (min-width: 992px) {

	.homepage #ourPrograms .progmOtBx .flXbX .item .cmnB .imgBx .cta-button,
	.landingPage #ourPrograms .progmOtBx .flXbX .item .cmnB .imgBx .cta-button {
		right: 10px;
		bottom: 15px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #ourPrograms .progmOtBx .flXbX .item .cmnB .imgBx .cta-button,
	.landingPage #ourPrograms .progmOtBx .flXbX .item .cmnB .imgBx .cta-button {
		right: 15px;
		bottom: 20px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #ourPrograms .progmOtBx .flXbX .item .cmnB .imgBx .cta-button,
	.landingPage #ourPrograms .progmOtBx .flXbX .item .cmnB .imgBx .cta-button {
		right: 18px;
		bottom: 24px
	}
}

.homepage #ourPrograms .progmOtBx .flXbX .item .cmnB:hover .imgBx img,
.landingPage #ourPrograms .progmOtBx .flXbX .item .cmnB:hover .imgBx img {
	transform: scale(1.05)
}

.homepage #featureSec,
.landingPage #featureSec {
	padding: 40px 0;
	overflow: hidden
}

@media only screen and (min-width: 1200px) {

	.homepage #featureSec,
	.landingPage #featureSec {
		padding: 60px 0
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #featureSec,
	.landingPage #featureSec {
		padding: 88px 0 80px
	}
}

.homepage #featureSec .mTitle,
.landingPage #featureSec .mTitle {
	font-weight: 700;
	color: #fff;
	font-size: 22px;
	margin-bottom: 22px
}

@media only screen and (min-width: 768px) {

	.homepage #featureSec .mTitle,
	.landingPage #featureSec .mTitle {
		font-size: 28px;
		margin-bottom: 28px
	}
}

@media only screen and (min-width: 992px) {

	.homepage #featureSec .mTitle,
	.landingPage #featureSec .mTitle {
		font-size: 32px;
		margin-bottom: 32px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #featureSec .mTitle,
	.landingPage #featureSec .mTitle {
		font-size: 38px;
		margin-bottom: 38px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #featureSec .mTitle,
	.landingPage #featureSec .mTitle {
		font-size: 42px;
		margin-bottom: 42px
	}
}

.homepage #featureSec .CustomeContainer,
.landingPage #featureSec .CustomeContainer {
	margin: 0 0 0 auto
}

@media only screen and (min-width: 468px) {

	.homepage #featureSec .CustomeContainer,
	.landingPage #featureSec .CustomeContainer {
		padding-right: 0
	}
}

.homepage #featureSec .featureSlider,
.landingPage #featureSec .featureSlider {
	display: flex;
	margin: 0;
	padding: 0 0 50px 0;
	display: flex;
	overflow-x: hidden;
	gap: 30px
}

.homepage #featureSec .featureSlider .item,
.landingPage #featureSec .featureSlider .item {
	position: relative;
	transition: all .4s
}

.homepage #featureSec .featureSlider .item.active,
.landingPage #featureSec .featureSlider .item.active {
	z-index: 2;
	transition: all .4s
}

.homepage #featureSec .featureSlider .item.active .latestBox,
.landingPage #featureSec .featureSlider .item.active .latestBox {
	width: 100%
}

@media only screen and (min-width: 576px) {

	.homepage #featureSec .featureSlider .item.active .latestBox,
	.landingPage #featureSec .featureSlider .item.active .latestBox {
		width: 300px
	}
}

@media only screen and (min-width: 768px) {

	.homepage #featureSec .featureSlider .item.active .latestBox,
	.landingPage #featureSec .featureSlider .item.active .latestBox {
		width: 400px
	}
}

@media only screen and (min-width: 992px) {

	.homepage #featureSec .featureSlider .item.active .latestBox,
	.landingPage #featureSec .featureSlider .item.active .latestBox {
		width: 626px
	}
}

.homepage #featureSec .latestBox,
.landingPage #featureSec .latestBox {
	height: 100%;
	transition: all .8s;
	overflow: hidden
}

.homepage #featureSec .latestBox .imgBox,
.landingPage #featureSec .latestBox .imgBox {
	width: 100%;
	height: 220px;
	overflow: hidden;
	border-radius: 24px;
	margin-bottom: 25px
}

@media only screen and (min-width: 576px) {

	.homepage #featureSec .latestBox .imgBox,
	.landingPage #featureSec .latestBox .imgBox {
		height: 200px
	}
}

@media only screen and (min-width: 768px) {

	.homepage #featureSec .latestBox .imgBox,
	.landingPage #featureSec .latestBox .imgBox {
		height: 280px
	}
}

@media only screen and (min-width: 1551px) {

	.homepage #featureSec .latestBox .imgBox,
	.landingPage #featureSec .latestBox .imgBox {
		margin-bottom: 35px;
		height: 412px
	}
}

.homepage #featureSec .latestBox .imgBox img,
.landingPage #featureSec .latestBox .imgBox img {
	transition: all .5s;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.homepage #featureSec .latestBox .info,
.landingPage #featureSec .latestBox .info {
	transition: all .5s
}

.homepage #featureSec .latestBox .info .title,
.landingPage #featureSec .latestBox .info .title {
	font-weight: 500;
	color: #fff;
	font-size: 18px;
	line-height: 18px
}

@media only screen and (min-width: 1200px) {

	.homepage #featureSec .latestBox .info .title,
	.landingPage #featureSec .latestBox .info .title {
		font-size: 20px;
		line-height: 20px
	}
}

@media only screen and (min-width: 1551px) {

	.homepage #featureSec .latestBox .info .title,
	.landingPage #featureSec .latestBox .info .title {
		font-size: 22px;
		line-height: 22px
	}
}

@media only screen and (min-width: 1600px) {

	.homepage #featureSec .latestBox .info .title,
	.landingPage #featureSec .latestBox .info .title {
		font-size: 26px;
		line-height: 26px
	}
}

.homepage #featureSec .Featureslider,
.landingPage #featureSec .Featureslider {
	padding: 0 0 50px 0
}

.homepage #featureSec .flxB,
.landingPage #featureSec .flxB {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative
}

.homepage #featureSec .flxB::after,
.landingPage #featureSec .flxB::after {
	content: "";
	position: absolute;
	left: 0;
	margin: auto;
	background: rgba(112, 112, 112, .3);
	right: 25px;
	height: 1px;
	width: calc(100% - 120px)
}

@media only screen and (min-width: 992px) {

	.homepage #featureSec .flxB::after,
	.landingPage #featureSec .flxB::after {
		width: calc(100% - 140px);
		right: 40px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #featureSec .flxB::after,
	.landingPage #featureSec .flxB::after {
		width: calc(100% - 170px)
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #featureSec .flxB::after,
	.landingPage #featureSec .flxB::after {
		right: 0;
		width: calc(100% - 205px)
	}
}

.homepage #featureSec .slide-counter,
.landingPage #featureSec .slide-counter {
	font-weight: 500;
	color: #fff;
	font-size: 16px;
	line-height: 16px
}

@media only screen and (min-width: 576px) {

	.homepage #featureSec .slide-counter,
	.landingPage #featureSec .slide-counter {
		font-size: 18px;
		line-height: 18px
	}
}

@media only screen and (min-width: 992px) {

	.homepage #featureSec .slide-counter,
	.landingPage #featureSec .slide-counter {
		font-size: 20px;
		line-height: 20px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #featureSec .slide-counter,
	.landingPage #featureSec .slide-counter {
		font-size: 24px;
		line-height: 24px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #featureSec .slide-counter,
	.landingPage #featureSec .slide-counter {
		font-size: 28px;
		line-height: 28px
	}
}

.homepage #featureSec .slider-nav,
.landingPage #featureSec .slider-nav {
	display: flex
}

.homepage #featureSec .slider-nav button,
.landingPage #featureSec .slider-nav button {
	transition: .4s all;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: solid 1px #fff !important;
	opacity: .57;
	position: unset;
	background: rgba(0, 0, 0, 0);
	width: 25px;
	height: 25px
}

@media only screen and (min-width: 576px) {

	.homepage #featureSec .slider-nav button,
	.landingPage #featureSec .slider-nav button {
		width: 30px;
		height: 30px
	}
}

@media only screen and (min-width: 992px) {

	.homepage #featureSec .slider-nav button,
	.landingPage #featureSec .slider-nav button {
		width: 37px;
		height: 37px
	}
}

.homepage #featureSec .slider-nav button:hover,
.landingPage #featureSec .slider-nav button:hover {
	opacity: 1
}

.homepage #featureSec .slider-nav button .icon,
.landingPage #featureSec .slider-nav button .icon {
	display: flex;
	align-items: center
}

.homepage #featureSec .slider-nav button .icon img,
.landingPage #featureSec .slider-nav button .icon img {
	width: 12px
}

@media only screen and (min-width: 576px) {

	.homepage #featureSec .slider-nav button .icon img,
	.landingPage #featureSec .slider-nav button .icon img {
		width: 17px
	}
}

.homepage #featureSec .slider-nav button.next-slide,
.landingPage #featureSec .slider-nav button.next-slide {
	margin-left: 8px
}

.homepage #featureSec .slider-nav button.next-slide .icon,
.landingPage #featureSec .slider-nav button.next-slide .icon {
	transform: scale(-1, 1)
}

.homepage #featureSec .owl-stage-outer,
.landingPage #featureSec .owl-stage-outer {
	overflow: visible
}

.homepage #featureSec .owl-stage,
.landingPage #featureSec .owl-stage {
	display: -webkit-box
}

.homepage #featureSec .owl-item,
.landingPage #featureSec .owl-item {
	transition: .5s all
}

.homepage #featureSec .owl-item.firstactiveitem,
.landingPage #featureSec .owl-item.firstactiveitem {
	width: 100%
}

@media only screen and (min-width: 576px) {

	.homepage #featureSec .owl-item.firstactiveitem,
	.landingPage #featureSec .owl-item.firstactiveitem {
		width: 350px !important
	}
}

@media only screen and (min-width: 768px) {

	.homepage #featureSec .owl-item.firstactiveitem,
	.landingPage #featureSec .owl-item.firstactiveitem {
		width: 450px !important
	}
}

@media only screen and (min-width: 992px) {

	.homepage #featureSec .owl-item.firstactiveitem,
	.landingPage #featureSec .owl-item.firstactiveitem {
		width: 626px !important
	}
}

.homepage #featureSec .owl-item:not(.active),
.landingPage #featureSec .owl-item:not(.active) {
	opacity: 0;
	visibility: hidden
}

.homepage .marqSec,
.landingPage .marqSec {
	border-top: dashed 1px hsla(0, 0%, 100%, .29);
	border-bottom: dashed 1px hsla(0, 0%, 100%, .29);
	padding: 15px 0
}

@media only screen and (min-width: 992px) {

	.homepage .marqSec,
	.landingPage .marqSec {
		padding: 22px 0
	}
}

.homepage .marqSec .mrq,
.landingPage .marqSec .mrq {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	height: 30px
}

@media only screen and (min-width: 768px) {

	.homepage .marqSec .mrq,
	.landingPage .marqSec .mrq {
		height: 60px
	}
}

.homepage .marqSec .flxBx,
.landingPage .marqSec .flxBx {
	display: flex;
	align-items: center;
	position: absolute;
	animation: marquee 30s linear infinite;
	width: 200%;
	z-index: 10
}

.homepage .marqSec .flxBx .txt,
.landingPage .marqSec .flxBx .txt {
	position: relative;
	display: flex;
	align-items: center;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 0;
	white-space: nowrap
}

@media only screen and (min-width: 768px) {

	.homepage .marqSec .flxBx .txt,
	.landingPage .marqSec .flxBx .txt {
		font-size: 18px;
		line-height: 18px
	}
}

@media only screen and (min-width: 992px) {

	.homepage .marqSec .flxBx .txt,
	.landingPage .marqSec .flxBx .txt {
		font-size: 20px;
		line-height: 20px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage .marqSec .flxBx .txt,
	.landingPage .marqSec .flxBx .txt {
		font-size: 24px;
		line-height: 24px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage .marqSec .flxBx .txt,
	.landingPage .marqSec .flxBx .txt {
		font-size: 26px;
		line-height: 26px
	}
}

.homepage .marqSec .flxBx .txt::after,
.landingPage .marqSec .flxBx .txt::after {
	content: "";
	display: inline;
	margin: 0 25px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #d20a09
}

.homepage .marqSec .flxBx:hover,
.landingPage .marqSec .flxBx:hover {
	animation-play-state: paused !important
}

.homepage #coachingSec,
.landingPage #coachingSec {
	padding: 40px 0 20px
}

@media only screen and (min-width: 768px) {

	.homepage #coachingSec,
	.landingPage #coachingSec {
		padding: 60px 0 30px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #coachingSec,
	.landingPage #coachingSec {
		padding: 80px 0 40px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #coachingSec,
	.landingPage #coachingSec {
		padding: 126px 0 66px
	}
}

.homepage #coachingSec .coachngBx,
.landingPage #coachingSec .coachngBx {
	border-radius: 26px;
	border: solid 1px rgba(112, 112, 112, .4);
	background: #16171b;
	padding: 30px 20px
}

@media only screen and (min-width: 768px) {

	.homepage #coachingSec .coachngBx,
	.landingPage #coachingSec .coachngBx {
		padding: 40px 40px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #coachingSec .coachngBx,
	.landingPage #coachingSec .coachngBx {
		padding: 60px 60px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #coachingSec .coachngBx,
	.landingPage #coachingSec .coachngBx {
		padding: 80px 90px
	}
}

.homepage #coachingSec .coachngBx .headBx,
.landingPage #coachingSec .coachngBx .headBx {
	margin-bottom: 30px
}

@media only screen and (min-width: 992px) {

	.homepage #coachingSec .coachngBx .headBx,
	.landingPage #coachingSec .coachngBx .headBx {
		margin-bottom: 50px;
		display: flex
	}
}

.homepage #coachingSec .coachngBx .headBx>*,
.landingPage #coachingSec .coachngBx .headBx>* {
	width: 100%
}

@media only screen and (min-width: 992px) {

	.homepage #coachingSec .coachngBx .headBx>*,
	.landingPage #coachingSec .coachngBx .headBx>* {
		width: 50%
	}
}

@media only screen and (min-width: 992px) {

	.homepage #coachingSec .coachngBx .headBx .ritB,
	.landingPage #coachingSec .coachngBx .headBx .ritB {
		padding-left: 30px
	}
}

.homepage #coachingSec .cntntFlx,
.landingPage #coachingSec .cntntFlx {
	display: flex;
	flex-wrap: wrap
}

@media only screen and (min-width: 768px) {

	.homepage #coachingSec .cntntFlx,
	.landingPage #coachingSec .cntntFlx {
		margin: 0 -10px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #coachingSec .cntntFlx,
	.landingPage #coachingSec .cntntFlx {
		margin: 0 -22px
	}
}

.homepage #coachingSec .cntntFlx>*,
.landingPage #coachingSec .cntntFlx>* {
	width: 100%;
	margin-bottom: 20px
}

@media only screen and (min-width: 768px) {

	.homepage #coachingSec .cntntFlx>*,
	.landingPage #coachingSec .cntntFlx>* {
		margin-bottom: 0;
		padding: 0 10px;
		width: 50%
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #coachingSec .cntntFlx>*,
	.landingPage #coachingSec .cntntFlx>* {
		padding: 0 22px
	}
}

.homepage #coachingSec .cntntFlx .ftrBx,
.landingPage #coachingSec .cntntFlx .ftrBx {
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: 20px
}

.homepage #coachingSec .cntntFlx .ftrBx::after,
.landingPage #coachingSec .cntntFlx .ftrBx::after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.53) 100%) 0% 0% no-repeat padding-box;
	z-index: 1;
	left: 0;
	pointer-events: none;
	transition: .4s all;
	opacity: 0;
	visibility: hidden
}

.homepage #coachingSec .cntntFlx .ftrBx img,
.landingPage #coachingSec .cntntFlx .ftrBx img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .6s all
}

.homepage #coachingSec .cntntFlx .ftrBx .overlay,
.landingPage #coachingSec .cntntFlx .ftrBx .overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 15;
	padding: 0 15px 15px
}

@media only screen and (min-width: 768px) {

	.homepage #coachingSec .cntntFlx .ftrBx .overlay,
	.landingPage #coachingSec .cntntFlx .ftrBx .overlay {
		padding: 0 20px 20px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #coachingSec .cntntFlx .ftrBx .overlay,
	.landingPage #coachingSec .cntntFlx .ftrBx .overlay {
		padding: 0 30px 30px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #coachingSec .cntntFlx .ftrBx .overlay,
	.landingPage #coachingSec .cntntFlx .ftrBx .overlay {
		padding: 0 43px 42px
	}
}

.homepage #coachingSec .cntntFlx .ftrBx .overlay .Mtitle,
.homepage #coachingSec .cntntFlx .ftrBx .overlay .title,
.landingPage #coachingSec .cntntFlx .ftrBx .overlay .Mtitle,
.landingPage #coachingSec .cntntFlx .ftrBx .overlay .title {
	line-height: normal;
	font-weight: 700;
	color: #fff;
	transition: .6s all;
	position: relative;
	padding-left: 23px;
	font-size: 18px;
	line-height: 18px
}

@media only screen and (min-width: 768px) {

	.homepage #coachingSec .cntntFlx .ftrBx .overlay .Mtitle,
	.homepage #coachingSec .cntntFlx .ftrBx .overlay .title,
	.landingPage #coachingSec .cntntFlx .ftrBx .overlay .Mtitle,
	.landingPage #coachingSec .cntntFlx .ftrBx .overlay .title {
		font-size: 22px;
		line-height: 22px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #coachingSec .cntntFlx .ftrBx .overlay .Mtitle,
	.homepage #coachingSec .cntntFlx .ftrBx .overlay .title,
	.landingPage #coachingSec .cntntFlx .ftrBx .overlay .Mtitle,
	.landingPage #coachingSec .cntntFlx .ftrBx .overlay .title {
		font-size: 26px;
		line-height: 26px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #coachingSec .cntntFlx .ftrBx .overlay .Mtitle,
	.homepage #coachingSec .cntntFlx .ftrBx .overlay .title,
	.landingPage #coachingSec .cntntFlx .ftrBx .overlay .Mtitle,
	.landingPage #coachingSec .cntntFlx .ftrBx .overlay .title {
		font-size: 30px;
		line-height: 30px
	}
}

.homepage #coachingSec .cntntFlx .ftrBx .overlay .Mtitle::after,
.homepage #coachingSec .cntntFlx .ftrBx .overlay .title::after,
.landingPage #coachingSec .cntntFlx .ftrBx .overlay .Mtitle::after,
.landingPage #coachingSec .cntntFlx .ftrBx .overlay .title::after {
	content: "";
	position: absolute;
	left: 0;
	height: 18px;
	width: 10px;
	background: #d20a09;
	top: 0;
	bottom: 0;
	margin: auto
}

.homepage #coachingSec .cntntFlx .ftrBx .overlay .hdie,
.landingPage #coachingSec .cntntFlx .ftrBx .overlay .hdie {
	opacity: 0;
	visibility: hidden;
	transform: translate(0, 100%);
	height: 0
}

.homepage #coachingSec .cntntFlx .ftrBx .overlay .hdie .title,
.landingPage #coachingSec .cntntFlx .ftrBx .overlay .hdie .title {
	margin-bottom: 21px
}

.homepage #coachingSec .cntntFlx .ftrBx .overlay .hdie p,
.landingPage #coachingSec .cntntFlx .ftrBx .overlay .hdie p {
	font-weight: 500;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 22px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden
}

@media only screen and (min-width: 992px) {

	.homepage #coachingSec .cntntFlx .ftrBx .overlay .hdie p,
	.landingPage #coachingSec .cntntFlx .ftrBx .overlay .hdie p {
		font-size: 16px;
		line-height: 24px
	}
}

.homepage #coachingSec .cntntFlx .ftrBx:hover::after,
.landingPage #coachingSec .cntntFlx .ftrBx:hover::after {
	opacity: 1;
	visibility: visible
}

.homepage #coachingSec .cntntFlx .ftrBx:hover img,
.landingPage #coachingSec .cntntFlx .ftrBx:hover img {
	transform: scale(1.08)
}

.homepage #coachingSec .cntntFlx .ftrBx:hover .Mtitle,
.landingPage #coachingSec .cntntFlx .ftrBx:hover .Mtitle {
	opacity: 0;
	transition: none
}

.homepage #coachingSec .cntntFlx .ftrBx:hover .overlay .hdie,
.landingPage #coachingSec .cntntFlx .ftrBx:hover .overlay .hdie {
	transition: .6s all;
	height: auto;
	opacity: 1;
	visibility: visible;
	transform: translate(0)
}

.homepage #storeSec,
.landingPage #storeSec {
	padding: 20px 0 40px
}

@media only screen and (min-width: 992px) {

	.homepage #storeSec,
	.landingPage #storeSec {
		padding: 30px 0 40px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #storeSec,
	.landingPage #storeSec {
		padding: 66px 0 48px
	}
}

.homepage #storeSec .storeBx,
.landingPage #storeSec .storeBx {
	border-radius: 26px;
	border: solid 1px rgba(112, 112, 112, .4);
	background: #16171b;
	padding: 30px 20px
}

@media only screen and (min-width: 768px) {

	.homepage #storeSec .storeBx,
	.landingPage #storeSec .storeBx {
		padding: 40px 40px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #storeSec .storeBx,
	.landingPage #storeSec .storeBx {
		padding: 60px 60px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #storeSec .storeBx,
	.landingPage #storeSec .storeBx {
		padding: 80px 90px
	}
}

.homepage #storeSec .storeBx .headBx,
.landingPage #storeSec .storeBx .headBx {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px
}

@media only screen and (min-width: 1200px) {

	.homepage #storeSec .storeBx .headBx,
	.landingPage #storeSec .storeBx .headBx {
		margin-bottom: 60px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #storeSec .storeBx .headBx,
	.landingPage #storeSec .storeBx .headBx {
		margin-bottom: 100px
	}
}

.homepage #storeSec .storeBx .headBx .cmnHead .subT,
.landingPage #storeSec .storeBx .headBx .cmnHead .subT {
	margin-bottom: 12px
}

@media only screen and (min-width: 1200px) {

	.homepage #storeSec .storeBx .headBx .cmnHead .subT,
	.landingPage #storeSec .storeBx .headBx .cmnHead .subT {
		margin-bottom: 18px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #storeSec .storeBx .headBx .cmnHead .subT,
	.landingPage #storeSec .storeBx .headBx .cmnHead .subT {
		margin-bottom: 23px
	}
}

.homepage #storeSec .storeBx .slideBx,
.landingPage #storeSec .storeBx .slideBx {
	margin-bottom: 30px
}

@media only screen and (min-width: 1200px) {

	.homepage #storeSec .storeBx .slideBx,
	.landingPage #storeSec .storeBx .slideBx {
		margin-bottom: 50px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #storeSec .storeBx .slideBx,
	.landingPage #storeSec .storeBx .slideBx {
		margin-bottom: 72px
	}
}

.homepage #storeSec .storeBx .slideBx .Btitle,
.landingPage #storeSec .storeBx .slideBx .Btitle {
	font-weight: 700;
	color: #fff;
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 15px
}

@media only screen and (min-width: 992px) {

	.homepage #storeSec .storeBx .slideBx .Btitle,
	.landingPage #storeSec .storeBx .slideBx .Btitle {
		font-size: 22px;
		line-height: 22px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #storeSec .storeBx .slideBx .Btitle,
	.landingPage #storeSec .storeBx .slideBx .Btitle {
		font-size: 26px;
		line-height: 26px;
		margin-bottom: 25px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #storeSec .storeBx .slideBx .Btitle,
	.landingPage #storeSec .storeBx .slideBx .Btitle {
		margin-bottom: 35px;
		font-size: 30px;
		line-height: 30px
	}
}

.homepage #storeSec .storeBx .slideBx .cmnB,
.landingPage #storeSec .storeBx .slideBx .cmnB {
	display: block;
	background: #3f4146;
	border-radius: 18px;
	padding: 20px 15px;
	margin-bottom: 20px
}

@media only screen and (min-width: 768px) {

	.homepage #storeSec .storeBx .slideBx .cmnB,
	.landingPage #storeSec .storeBx .slideBx .cmnB {
		margin-bottom: 0
	}
}

@media only screen and (min-width: 992px) {

	.homepage #storeSec .storeBx .slideBx .cmnB,
	.landingPage #storeSec .storeBx .slideBx .cmnB {
		padding: 20px 20px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #storeSec .storeBx .slideBx .cmnB,
	.landingPage #storeSec .storeBx .slideBx .cmnB {
		padding: 25px 25px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #storeSec .storeBx .slideBx .cmnB,
	.landingPage #storeSec .storeBx .slideBx .cmnB {
		padding: 29px 33px
	}
}

.homepage #storeSec .storeBx .slideBx .cmnB .imgBx,
.landingPage #storeSec .storeBx .slideBx .cmnB .imgBx {
	width: 100%;
	border-radius: 18px;
	overflow: hidden;
	margin-bottom: 23px;
	height: 250px
}

@media only screen and (min-width: 1441px) {

	.homepage #storeSec .storeBx .slideBx .cmnB .imgBx,
	.landingPage #storeSec .storeBx .slideBx .cmnB .imgBx {
		height: 270px
	}
}

@media only screen and (min-width: 1660px) {

	.homepage #storeSec .storeBx .slideBx .cmnB .imgBx,
	.landingPage #storeSec .storeBx .slideBx .cmnB .imgBx {
		height: 320px
	}
}

.homepage #storeSec .storeBx .slideBx .cmnB .imgBx img,
.landingPage #storeSec .storeBx .slideBx .cmnB .imgBx img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .4s all
}

.homepage #storeSec .storeBx .slideBx .cmnB .txtB .name,
.landingPage #storeSec .storeBx .slideBx .cmnB .txtB .name {
	color: #fff;
	font-weight: 700;
	margin-bottom: 9px;
	font-size: 16px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden
}

@media only screen and (min-width: 768px) {

	.homepage #storeSec .storeBx .slideBx .cmnB .txtB .name,
	.landingPage #storeSec .storeBx .slideBx .cmnB .txtB .name {
		font-size: 18px
	}
}

@media only screen and (min-width: 992px) {

	.homepage #storeSec .storeBx .slideBx .cmnB .txtB .name,
	.landingPage #storeSec .storeBx .slideBx .cmnB .txtB .name {
		font-size: 20px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #storeSec .storeBx .slideBx .cmnB .txtB .name,
	.landingPage #storeSec .storeBx .slideBx .cmnB .txtB .name {
		font-size: 22px
	}
}

@media only screen and (min-width: 1660px) {

	.homepage #storeSec .storeBx .slideBx .cmnB .txtB .name,
	.landingPage #storeSec .storeBx .slideBx .cmnB .txtB .name {
		font-size: 24px
	}
}

.homepage #storeSec .storeBx .slideBx .cmnB .txtB .price,
.landingPage #storeSec .storeBx .slideBx .cmnB .txtB .price {
	font-weight: 500;
	color: #fff;
	margin-bottom: 7px;
	font-size: 16px
}

@media only screen and (min-width: 992px) {

	.homepage #storeSec .storeBx .slideBx .cmnB .txtB .price,
	.landingPage #storeSec .storeBx .slideBx .cmnB .txtB .price {
		font-size: 18px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #storeSec .storeBx .slideBx .cmnB .txtB .price,
	.landingPage #storeSec .storeBx .slideBx .cmnB .txtB .price {
		font-size: 20px
	}
}

.homepage #storeSec .storeBx .slideBx .cmnB .txtB .txt,
.landingPage #storeSec .storeBx .slideBx .cmnB .txtB .txt {
	font-weight: 400;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden
}

@media only screen and (min-width: 992px) {

	.homepage #storeSec .storeBx .slideBx .cmnB .txtB .txt,
	.landingPage #storeSec .storeBx .slideBx .cmnB .txtB .txt {
		font-size: 16px;
		line-height: 22px
	}
}

.homepage #storeSec .storeBx .slideBx .cmnB:hover .imgBx img,
.landingPage #storeSec .storeBx .slideBx .cmnB:hover .imgBx img {
	transform: scale(1.05)
}

@media only screen and (min-width: 768px) {

	.homepage #storeSec .storeBx .slideBx .collectionSlider .owl-nav button,
	.landingPage #storeSec .storeBx .slideBx .collectionSlider .owl-nav button {
		width: 37px;
		height: 37px
	}
}

.homepage #storeSec .storeBx .slideBx .collectionSlider .owl-nav button.owl-prev,
.landingPage #storeSec .storeBx .slideBx .collectionSlider .owl-nav button.owl-prev {
	top: unset;
	bottom: -35px;
	left: -40px;
	right: 0;
	margin: auto
}

@media only screen and (min-width: 768px) {

	.homepage #storeSec .storeBx .slideBx .collectionSlider .owl-nav button.owl-prev,
	.landingPage #storeSec .storeBx .slideBx .collectionSlider .owl-nav button.owl-prev {
		top: 50%;
		right: unset;
		bottom: unset;
		left: -38px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #storeSec .storeBx .slideBx .collectionSlider .owl-nav button.owl-prev,
	.landingPage #storeSec .storeBx .slideBx .collectionSlider .owl-nav button.owl-prev {
		left: -50px
	}
}

@media only screen and (min-width: 1451px) {

	.homepage #storeSec .storeBx .slideBx .collectionSlider .owl-nav button.owl-prev,
	.landingPage #storeSec .storeBx .slideBx .collectionSlider .owl-nav button.owl-prev {
		left: -62px
	}
}

.homepage #storeSec .storeBx .slideBx .collectionSlider .owl-nav button.owl-prev span,
.landingPage #storeSec .storeBx .slideBx .collectionSlider .owl-nav button.owl-prev span {
	transform: none
}

.homepage #storeSec .storeBx .slideBx .collectionSlider .owl-nav button.owl-next,
.landingPage #storeSec .storeBx .slideBx .collectionSlider .owl-nav button.owl-next {
	top: unset;
	bottom: -35px;
	right: -40px;
	left: 0;
	margin: auto
}

@media only screen and (min-width: 768px) {

	.homepage #storeSec .storeBx .slideBx .collectionSlider .owl-nav button.owl-next,
	.landingPage #storeSec .storeBx .slideBx .collectionSlider .owl-nav button.owl-next {
		top: 50%;
		left: unset;
		bottom: unset;
		right: -38px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #storeSec .storeBx .slideBx .collectionSlider .owl-nav button.owl-next,
	.landingPage #storeSec .storeBx .slideBx .collectionSlider .owl-nav button.owl-next {
		right: -50px
	}
}

@media only screen and (min-width: 1451px) {

	.homepage #storeSec .storeBx .slideBx .collectionSlider .owl-nav button.owl-next,
	.landingPage #storeSec .storeBx .slideBx .collectionSlider .owl-nav button.owl-next {
		right: -62px
	}
}

.homepage #testimonialSec,
.landingPage #testimonialSec {
	padding: 20px 0 20px
}

@media only screen and (min-width: 992px) {

	.homepage #testimonialSec,
	.landingPage #testimonialSec {
		padding: 30px 0 52px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #testimonialSec,
	.landingPage #testimonialSec {
		padding: 48px 0 62px
	}
}

.homepage #testimonialSec .headBx,
.landingPage #testimonialSec .headBx {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 25px
}

@media only screen and (min-width: 768px) {

	.homepage #testimonialSec .headBx,
	.landingPage #testimonialSec .headBx {
		margin-bottom: 35px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #testimonialSec .headBx,
	.landingPage #testimonialSec .headBx {
		margin-bottom: 55px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #testimonialSec .headBx,
	.landingPage #testimonialSec .headBx {
		margin-bottom: 75px
	}
}

.homepage #testimonialSec .headBx .lftB,
.landingPage #testimonialSec .headBx .lftB {
	width: calc(100% - 155px)
}

.homepage #testimonialSec .headBx .lftB .cmnHead .cmnttle,
.landingPage #testimonialSec .headBx .lftB .cmnHead .cmnttle {
	margin-bottom: 0
}

.homepage #testimonialSec .headBx .lftB .cmnHead .bgTxt,
.landingPage #testimonialSec .headBx .lftB .cmnHead .bgTxt {
	top: -15px
}

@media only screen and (min-width: 768px) {

	.homepage #testimonialSec .headBx .lftB .cmnHead .bgTxt,
	.landingPage #testimonialSec .headBx .lftB .cmnHead .bgTxt {
		top: -25px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #testimonialSec .headBx .lftB .cmnHead .bgTxt,
	.landingPage #testimonialSec .headBx .lftB .cmnHead .bgTxt {
		top: -45px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #testimonialSec .headBx .lftB .cmnHead .bgTxt,
	.landingPage #testimonialSec .headBx .lftB .cmnHead .bgTxt {
		top: -63px
	}
}

.homepage #testimonialSec .testiSlider,
.landingPage #testimonialSec .testiSlider {
	position: relative;
	padding-bottom: 40px
}

@media only screen and (min-width: 576px) {

	.homepage #testimonialSec .testiSlider,
	.landingPage #testimonialSec .testiSlider {
		padding-bottom: 60px
	}
}

@media only screen and (min-width: 992px) {

	.homepage #testimonialSec .testiSlider,
	.landingPage #testimonialSec .testiSlider {
		padding-bottom: 80px
	}
}

.homepage #testimonialSec .testiSlider::after,
.landingPage #testimonialSec .testiSlider::after {
	content: "";
	position: absolute;
	bottom: 18px;
	left: 0;
	right: 0;
	margin: auto;
	width: calc(100% - 120px);
	height: 1px;
	background: rgba(112, 112, 112, .77)
}

.homepage #testimonialSec .testiSlider .owl-nav button,
.landingPage #testimonialSec .testiSlider .owl-nav button {
	top: auto;
	bottom: 0;
	transform: none
}

.homepage #testimonialSec .testiSlider .owl-nav button.owl-prev,
.landingPage #testimonialSec .testiSlider .owl-nav button.owl-prev {
	left: 0
}

.homepage #testimonialSec .testiSlider .owl-nav button.owl-next,
.landingPage #testimonialSec .testiSlider .owl-nav button.owl-next {
	right: 0
}

.homepage #testimonialSec .tstiBx .imgBx,
.landingPage #testimonialSec .tstiBx .imgBx {
	display: block;
	position: relative;
	border-radius: 18px;
	overflow: hidden;
	margin-bottom: 20px
}

@media only screen and (min-width: 992px) {

	.homepage #testimonialSec .tstiBx .imgBx,
	.landingPage #testimonialSec .tstiBx .imgBx {
		margin-bottom: 25px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #testimonialSec .tstiBx .imgBx,
	.landingPage #testimonialSec .tstiBx .imgBx {
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #testimonialSec .tstiBx .imgBx,
	.landingPage #testimonialSec .tstiBx .imgBx {
		margin-bottom: 43px
	}
}

.homepage #testimonialSec .tstiBx .imgBx img,
.landingPage #testimonialSec .tstiBx .imgBx img {
	transition: .4s all;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.homepage #testimonialSec .tstiBx .imgBx .ico,
.landingPage #testimonialSec .tstiBx .imgBx .ico {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 35px;
	height: 35px
}

@media only screen and (min-width: 768px) {

	.homepage #testimonialSec .tstiBx .imgBx .ico,
	.landingPage #testimonialSec .tstiBx .imgBx .ico {
		width: 45px;
		height: 45px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #testimonialSec .tstiBx .imgBx .ico,
	.landingPage #testimonialSec .tstiBx .imgBx .ico {
		width: 55px;
		height: 55px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #testimonialSec .tstiBx .imgBx .ico,
	.landingPage #testimonialSec .tstiBx .imgBx .ico {
		width: 64px;
		height: 64px
	}
}

.homepage #testimonialSec .tstiBx .imgBx .ico img,
.landingPage #testimonialSec .tstiBx .imgBx .ico img {
	transform: none
}

.homepage #testimonialSec .tstiBx .txtB,
.landingPage #testimonialSec .tstiBx .txtB {
	position: relative
}

.homepage #testimonialSec .tstiBx .txtB::before,
.landingPage #testimonialSec .tstiBx .txtB::before {
	content: "";
	position: absolute;
	background: url(../images/qts.svg) no-repeat;
	background-size: contain;
	top: -30px;
	right: 20px;
	width: 30px;
	height: 20px
}

@media only screen and (min-width: 1200px) {

	.homepage #testimonialSec .tstiBx .txtB::before,
	.landingPage #testimonialSec .tstiBx .txtB::before {
		top: -40px;
		right: 30px;
		width: 40px;
		height: 27px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #testimonialSec .tstiBx .txtB::before,
	.landingPage #testimonialSec .tstiBx .txtB::before {
		top: -60px;
		right: 50px;
		width: 50px;
		height: 37px
	}
}

.homepage #testimonialSec .tstiBx .txtB .ttle,
.landingPage #testimonialSec .tstiBx .txtB .ttle {
	color: #fff;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden
}

@media only screen and (min-width: 992px) {

	.homepage #testimonialSec .tstiBx .txtB .ttle,
	.landingPage #testimonialSec .tstiBx .txtB .ttle {
		font-size: 18px;
		line-height: 26px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #testimonialSec .tstiBx .txtB .ttle,
	.landingPage #testimonialSec .tstiBx .txtB .ttle {
		font-size: 20px;
		line-height: 28px
	}
}

.homepage #testimonialSec .tstiBx .txtB .userFlx,
.landingPage #testimonialSec .tstiBx .txtB .userFlx {
	margin-top: 23px;
	display: flex;
	align-items: center
}

.homepage #testimonialSec .tstiBx .txtB .userFlx .uImg,
.landingPage #testimonialSec .tstiBx .txtB .userFlx .uImg {
	border-radius: 50%;
	overflow: hidden;
	width: 35px;
	height: 35px
}

@media only screen and (min-width: 576px) {

	.homepage #testimonialSec .tstiBx .txtB .userFlx .uImg,
	.landingPage #testimonialSec .tstiBx .txtB .userFlx .uImg {
		width: 40px;
		height: 40px
	}
}

@media only screen and (min-width: 768px) {

	.homepage #testimonialSec .tstiBx .txtB .userFlx .uImg,
	.landingPage #testimonialSec .tstiBx .txtB .userFlx .uImg {
		width: 50px;
		height: 50px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #testimonialSec .tstiBx .txtB .userFlx .uImg,
	.landingPage #testimonialSec .tstiBx .txtB .userFlx .uImg {
		width: 55px;
		height: 55px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #testimonialSec .tstiBx .txtB .userFlx .uImg,
	.landingPage #testimonialSec .tstiBx .txtB .userFlx .uImg {
		width: 66px;
		height: 66px
	}
}

.homepage #testimonialSec .tstiBx .txtB .userFlx .uImg img,
.landingPage #testimonialSec .tstiBx .txtB .userFlx .uImg img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.homepage #testimonialSec .tstiBx .txtB .userFlx .txtRyt,
.landingPage #testimonialSec .tstiBx .txtB .userFlx .txtRyt {
	padding-left: 20px
}

@media only screen and (min-width: 1200px) {

	.homepage #testimonialSec .tstiBx .txtB .userFlx .txtRyt,
	.landingPage #testimonialSec .tstiBx .txtB .userFlx .txtRyt {
		padding-left: 30px
	}
}

.homepage #testimonialSec .tstiBx .txtB .userFlx .txtRyt .name,
.landingPage #testimonialSec .tstiBx .txtB .userFlx .txtRyt .name {
	font-weight: 500;
	color: #fff;
	margin-bottom: 4px;
	font-size: 16px
}

@media only screen and (min-width: 768px) {

	.homepage #testimonialSec .tstiBx .txtB .userFlx .txtRyt .name,
	.landingPage #testimonialSec .tstiBx .txtB .userFlx .txtRyt .name {
		font-size: 18px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #testimonialSec .tstiBx .txtB .userFlx .txtRyt .name,
	.landingPage #testimonialSec .tstiBx .txtB .userFlx .txtRyt .name {
		font-size: 20px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #testimonialSec .tstiBx .txtB .userFlx .txtRyt .name,
	.landingPage #testimonialSec .tstiBx .txtB .userFlx .txtRyt .name {
		font-size: 22px
	}
}

.homepage #testimonialSec .tstiBx .txtB .userFlx .txtRyt .place,
.landingPage #testimonialSec .tstiBx .txtB .userFlx .txtRyt .place {
	color: #fff;
	font-weight: 400;
	font-size: 14px
}

@media only screen and (min-width: 768px) {

	.homepage #testimonialSec .tstiBx .txtB .userFlx .txtRyt .place,
	.landingPage #testimonialSec .tstiBx .txtB .userFlx .txtRyt .place {
		font-size: 16px
	}
}

@media only screen and (min-width: 992px) {

	.homepage #testimonialSec .tstiBx .txtB .userFlx .txtRyt .place,
	.landingPage #testimonialSec .tstiBx .txtB .userFlx .txtRyt .place {
		font-size: 18px
	}
}

.homepage #testimonialSec .tstiBx:hover .imgBx img,
.landingPage #testimonialSec .tstiBx:hover .imgBx img {
	transform: scale(1.05)
}

.homepage #eventSec,
.landingPage #eventSec {
	padding: 20px 0 50px
}

@media only screen and (min-width: 768px) {

	.homepage #eventSec,
	.landingPage #eventSec {
		padding: 35px 0 80px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #eventSec,
	.landingPage #eventSec {
		padding: 45px 0 120px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #eventSec,
	.landingPage #eventSec {
		padding: 62px 0 184px
	}
}

.homepage #eventSec .headBx,
.landingPage #eventSec .headBx {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px
}

@media only screen and (min-width: 768px) {

	.homepage #eventSec .headBx,
	.landingPage #eventSec .headBx {
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 992px) {

	.homepage #eventSec .headBx,
	.landingPage #eventSec .headBx {
		margin-bottom: 44px
	}
}

.homepage #eventSec .headBx .lftB,
.landingPage #eventSec .headBx .lftB {
	width: calc(100% - 155px)
}

.homepage #eventSec .headBx .lftB .cmnHead .cmnttle,
.landingPage #eventSec .headBx .lftB .cmnHead .cmnttle {
	margin-bottom: 0
}

.homepage #eventSec .eventSlider .newsB,
.landingPage #eventSec .eventSlider .newsB {
	background: #16171b;
	display: block;
	border-radius: 18px;
	padding: 15px
}

@media only screen and (min-width: 992px) {

	.homepage #eventSec .eventSlider .newsB,
	.landingPage #eventSec .eventSlider .newsB {
		padding: 20px
	}
}

@media only screen and (min-width: 1200px) {

	.homepage #eventSec .eventSlider .newsB,
	.landingPage #eventSec .eventSlider .newsB {
		padding: 25px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #eventSec .eventSlider .newsB,
	.landingPage #eventSec .eventSlider .newsB {
		padding: 37px
	}
}

.homepage #eventSec .eventSlider .newsB .imgBx,
.landingPage #eventSec .eventSlider .newsB .imgBx {
	border-radius: 18px;
	overflow: hidden;
	margin-bottom: 25px;
	height: 210px
}

@media only screen and (min-width: 800px) {

	.homepage #eventSec .eventSlider .newsB .imgBx,
	.landingPage #eventSec .eventSlider .newsB .imgBx {
		height: 290px
	}
}

@media only screen and (min-width: 1441px) {

	.homepage #eventSec .eventSlider .newsB .imgBx,
	.landingPage #eventSec .eventSlider .newsB .imgBx {
		height: 330px
	}
}

.homepage #eventSec .eventSlider .newsB .imgBx img,
.landingPage #eventSec .eventSlider .newsB .imgBx img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .4s all
}

.homepage #eventSec .eventSlider .newsB .txtB .location,
.landingPage #eventSec .eventSlider .newsB .txtB .location {
	display: flex;
	align-items: center;
	margin-bottom: 15px
}

@media only screen and (min-width: 992px) {

	.homepage #eventSec .eventSlider .newsB .txtB .location,
	.landingPage #eventSec .eventSlider .newsB .txtB .location {
		margin-bottom: 25px
	}
}

.homepage #eventSec .eventSlider .newsB .txtB .location .ico,
.landingPage #eventSec .eventSlider .newsB .txtB .location .ico {
	width: 14px
}

@media only screen and (min-width: 992px) {

	.homepage #eventSec .eventSlider .newsB .txtB .location .ico,
	.landingPage #eventSec .eventSlider .newsB .txtB .location .ico {
		width: 18px
	}
}

.homepage #eventSec .eventSlider .newsB .txtB .location .plce,
.landingPage #eventSec .eventSlider .newsB .txtB .location .plce {
	width: calc(100% - 18px);
	font-weight: 500;
	color: #fff;
	padding-left: 17px;
	font-size: 14px
}

@media only screen and (min-width: 992px) {

	.homepage #eventSec .eventSlider .newsB .txtB .location .plce,
	.landingPage #eventSec .eventSlider .newsB .txtB .location .plce {
		font-size: 16px
	}
}

.homepage #eventSec .eventSlider .newsB .txtB .title,
.landingPage #eventSec .eventSlider .newsB .txtB .title {
	font-weight: 500;
	color: #fff;
	margin-bottom: 20px;
	font-size: 16px
}

@media only screen and (min-width: 768px) {

	.homepage #eventSec .eventSlider .newsB .txtB .title,
	.landingPage #eventSec .eventSlider .newsB .txtB .title {
		font-size: 18px
	}
}

@media only screen and (min-width: 992px) {

	.homepage #eventSec .eventSlider .newsB .txtB .title,
	.landingPage #eventSec .eventSlider .newsB .txtB .title {
		font-size: 20px
	}
}

.homepage #eventSec .eventSlider .newsB .txtB p,
.landingPage #eventSec .eventSlider .newsB .txtB p {
	font-weight: 400;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden
}

@media only screen and (min-width: 992px) {

	.homepage #eventSec .eventSlider .newsB .txtB p,
	.landingPage #eventSec .eventSlider .newsB .txtB p {
		font-size: 16px;
		line-height: 22px
	}
}

.homepage #eventSec .eventSlider .newsB .txtB .more,
.landingPage #eventSec .eventSlider .newsB .txtB .more {
	color: #d20a09;
	font-weight: 500;
	text-decoration: underline;
	text-underline-position: under;
	margin-top: 12px;
	font-size: 14px
}

@media only screen and (min-width: 768px) {

	.homepage #eventSec .eventSlider .newsB .txtB .more,
	.landingPage #eventSec .eventSlider .newsB .txtB .more {
		font-size: 16px
	}
}

@media only screen and (min-width: 992px) {

	.homepage #eventSec .eventSlider .newsB .txtB .more,
	.landingPage #eventSec .eventSlider .newsB .txtB .more {
		font-size: 18px
	}
}

.homepage #eventSec .eventSlider .newsB:hover .imgBx img,
.landingPage #eventSec .eventSlider .newsB:hover .imgBx img {
	transform: scale(1.05)
}

.landingPage #specialitySec {
	padding: 40px 0
}

@media only screen and (min-width: 1200px) {
	.landingPage #specialitySec {
		padding: 60px 0
	}
}

@media only screen and (min-width: 1441px) {
	.landingPage #specialitySec {
		padding: 98px 0 94px
	}
}

.landingPage #specialitySec .specialityBx {
	display: flex;
	border-radius: 18px;
	border: solid 1px rgba(112, 112, 112, .4);
	background: #16171b;
	padding: 30px 20px
}

@media only screen and (min-width: 992px) {
	.landingPage #specialitySec .specialityBx {
		padding: 40px 30px
	}
}

@media only screen and (min-width: 1200px) {
	.landingPage #specialitySec .specialityBx {
		padding: 60px 50px
	}
}

@media only screen and (min-width: 1441px) {
	.landingPage #specialitySec .specialityBx {
		padding: 85px 60px
	}
}

.landingPage #specialitySec .specialityBx .flxBx .lftB {
	float: left;
	width: 100%;
	margin-bottom: 20px
}

@media only screen and (min-width: 992px) {
	.landingPage #specialitySec .specialityBx .flxBx .lftB {
		width: unset;
		padding-right: 25px
	}
}

@media only screen and (min-width: 1200px) {
	.landingPage #specialitySec .specialityBx .flxBx .lftB {
		padding-right: 45px
	}
}

@media only screen and (min-width: 1441px) {
	.landingPage #specialitySec .specialityBx .flxBx .lftB {
		padding-right: 68px
	}
}

.landingPage #specialitySec .specialityBx .flxBx .lftB .imgBx {
	max-width: 100%;
	height: 100%;
	border-radius: 14px;
	overflow: hidden
}

@media only screen and (min-width: 576px) {
	.landingPage #specialitySec .specialityBx .flxBx .lftB .imgBx {
		height: 340px
	}
}

@media only screen and (min-width: 992px) {
	.landingPage #specialitySec .specialityBx .flxBx .lftB .imgBx {
		max-width: 450px;
		margin: auto
	}
}

@media only screen and (min-width: 1200px) {
	.landingPage #specialitySec .specialityBx .flxBx .lftB .imgBx {
		max-width: 500px;
		height: 380px
	}
}

@media only screen and (min-width: 1451px) {
	.landingPage #specialitySec .specialityBx .flxBx .lftB .imgBx {
		max-width: 650px;
		height: 420px
	}
}

@media only screen and (min-width: 1661px) {
	.landingPage #specialitySec .specialityBx .flxBx .lftB .imgBx {
		max-width: 796px;
		height: 515px
	}
}

.landingPage #specialitySec .specialityBx .flxBx .lftB .imgBx img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

@media only screen and (min-width: 1200px) {
	.landingPage #specialitySec .specialityBx .flxBx .ritB {
		margin: 3% 0 20px 0
	}
}

@media only screen and (min-width: 1451px) {
	.landingPage #specialitySec .specialityBx .flxBx .ritB {
		margin: 5% 0 20px 0
	}
}

.landingPage #specialitySec .specialityBx .flxBx .ritB .cmnHead {
	margin-bottom: 20px
}

.landingPage #specialitySec .specialityBx .flxBx .ritB .cmnHead .subT {
	margin-bottom: 20px
}

.landingPage #videoSec {
	width: 100%;
	height: 100%
}

@media only screen and (min-width: 992px) {
	.landingPage #videoSec {
		height: 100vh
	}
}

.landingPage #videoSec video {
	height: 100%;
	width: 100%;
	object-fit: cover
}

.landingPage #gallerySec {
	padding: 40px 0 20px
}

@media only screen and (min-width: 768px) {
	.landingPage #gallerySec {
		padding: 50px 0 25px
	}
}

@media only screen and (min-width: 1200px) {
	.landingPage #gallerySec {
		padding: 70px 0 35px
	}
}

@media only screen and (min-width: 1441px) {
	.landingPage #gallerySec {
		padding: 110px 0 55px
	}
}

.landingPage #gallerySec .mainTitle {
	font-weight: 700;
	color: #fff;
	font-size: 22px;
	line-height: 22px;
	margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
	.landingPage #gallerySec .mainTitle {
		font-size: 28px;
		line-height: 28px
	}
}

@media only screen and (min-width: 992px) {
	.landingPage #gallerySec .mainTitle {
		font-size: 32px;
		line-height: 32px
	}
}

@media only screen and (min-width: 1200px) {
	.landingPage #gallerySec .mainTitle {
		margin-bottom: 30px;
		font-size: 38px;
		line-height: 38px
	}
}

@media only screen and (min-width: 1441px) {
	.landingPage #gallerySec .mainTitle {
		font-size: 42px;
		line-height: 42px;
		margin-bottom: 43px
	}
}

.landingPage #gallerySec .flxBx {
	display: flex;
	flex-wrap: wrap;
	margin: -5px
}

@media only screen and (min-width: 768px) {
	.landingPage #gallerySec .flxBx {
		margin: -10px
	}
}

@media only screen and (min-width: 992px) {
	.landingPage #gallerySec .flxBx {
		margin: -15px
	}
}

.landingPage #gallerySec .flxBx .item {
	padding: 5px;
	width: 50%
}

@media only screen and (min-width: 576px) {
	.landingPage #gallerySec .flxBx .item:nth-child(6n-5) {
		width: 46%
	}

	.landingPage #gallerySec .flxBx .item:nth-child(6n-4) {
		width: 27%
	}

	.landingPage #gallerySec .flxBx .item:nth-child(6n-3) {
		width: 27%
	}

	.landingPage #gallerySec .flxBx .item:nth-child(6n-2) {
		width: 25%
	}

	.landingPage #gallerySec .flxBx .item:nth-child(6n-1) {
		width: 35%
	}

	.landingPage #gallerySec .flxBx .item:nth-child(6n) {
		width: 40%
	}
}

@media only screen and (min-width: 768px) {
	.landingPage #gallerySec .flxBx .item {
		padding: 10px
	}
}

@media only screen and (min-width: 992px) {
	.landingPage #gallerySec .flxBx .item {
		padding: 15px
	}
}

.landingPage #gallerySec .flxBx .item .galBx {
	display: block;
	overflow: hidden;
	border-radius: 24px;
	height: 170px
}

@media only screen and (min-width: 500px) {
	.landingPage #gallerySec .flxBx .item .galBx {
		height: 200px
	}
}

@media only screen and (min-width: 768px) {
	.landingPage #gallerySec .flxBx .item .galBx {
		height: 250px
	}
}

@media only screen and (min-width: 992px) {
	.landingPage #gallerySec .flxBx .item .galBx {
		height: 300px
	}
}

@media only screen and (min-width: 1200px) {
	.landingPage #gallerySec .flxBx .item .galBx {
		height: 350px
	}
}

@media only screen and (min-width: 1441px) {
	.landingPage #gallerySec .flxBx .item .galBx {
		height: 410px
	}
}

@media only screen and (min-width: 1660px) {
	.landingPage #gallerySec .flxBx .item .galBx {
		height: 467px
	}
}

.landingPage #gallerySec .flxBx .item .galBx img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .4s all
}

.landingPage #gallerySec .flxBx .item .galBx:hover img {
	transform: scale(1.05)
}

.landingPage #locationSec {
	padding: 20px 0 40px
}

@media only screen and (min-width: 768px) {
	.landingPage #locationSec {
		padding: 25px 0 50px
	}
}

@media only screen and (min-width: 1200px) {
	.landingPage #locationSec {
		padding: 35px 0 70px
	}
}

@media only screen and (min-width: 1441px) {
	.landingPage #locationSec {
		padding: 55px 0 100px
	}
}

.landingPage #locationSec .locaFlx {
	border-radius: 18px;
	border: solid 1px rgba(112, 112, 112, .4);
	background: #16171b;
	display: flex;
	flex-wrap: wrap;
	padding: 30px 20px
}

@media only screen and (min-width: 992px) {
	.landingPage #locationSec .locaFlx {
		padding: 55px 50px
	}
}

@media only screen and (min-width: 1200px) {
	.landingPage #locationSec .locaFlx {
		padding: 75px 70px
	}
}

.landingPage #locationSec .locaFlx .lftB {
	width: 100%
}

@media only screen and (min-width: 576px) {
	.landingPage #locationSec .locaFlx .lftB {
		width: 250px;
		padding-right: 20px
	}
}

@media only screen and (min-width: 992px) {
	.landingPage #locationSec .locaFlx .lftB {
		padding-right: 40px;
		width: 340px
	}
}

@media only screen and (min-width: 1200px) {
	.landingPage #locationSec .locaFlx .lftB {
		padding-right: 60px
	}
}

@media only screen and (min-width: 1441px) {
	.landingPage #locationSec .locaFlx .lftB {
		padding-right: 100px
	}
}

.landingPage #locationSec .locaFlx .lftB .itm {
	margin-bottom: 30px
}

.landingPage #locationSec .locaFlx .lftB .ttle {
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 3px;
	font-size: 18px;
	line-height: 20px
}

@media only screen and (min-width: 992px) {
	.landingPage #locationSec .locaFlx .lftB .ttle {
		font-size: 22px;
		line-height: 24px
	}
}

@media only screen and (min-width: 1200px) {
	.landingPage #locationSec .locaFlx .lftB .ttle {
		font-size: 26px;
		line-height: 28px
	}
}

.landingPage #locationSec .locaFlx .lftB p {
	margin-bottom: 0;
	transition: .4s all
}

.landingPage #locationSec .locaFlx .lftB p:hover {
	color: #d20a09
}

.landingPage #locationSec .locaFlx .lftB a {
	color: #fff;
	font-weight: 400;
	margin-bottom: 4px;
	display: block;
	font-size: 14px;
	line-height: 16px;
	transition: .4s all
}

@media only screen and (min-width: 768px) {
	.landingPage #locationSec .locaFlx .lftB a {
		font-size: 16px;
		line-height: 18px
	}
}

@media only screen and (min-width: 1200px) {
	.landingPage #locationSec .locaFlx .lftB a {
		font-size: 18px;
		line-height: 20px
	}
}

.landingPage #locationSec .locaFlx .lftB a:hover {
	color: #d20a09
}

.landingPage #locationSec .locaFlx .ritB {
	width: 100%
}

@media only screen and (min-width: 576px) {
	.landingPage #locationSec .locaFlx .ritB {
		width: calc(100% - 250px)
	}
}

@media only screen and (min-width: 992px) {
	.landingPage #locationSec .locaFlx .ritB {
		width: calc(100% - 340px)
	}
}

.landingPage #locationSec .locaFlx .ritB .mapB {
	width: 100%;
	filter: grayscale(1) brightness(0.5);
	height: 300px
}

@media only screen and (min-width: 576px) {
	.landingPage #locationSec .locaFlx .ritB .mapB {
		height: 350px
	}
}

@media only screen and (min-width: 992px) {
	.landingPage #locationSec .locaFlx .ritB .mapB {
		height: 419px
	}
}

.aboutPage #aboutSec {
	padding: 40px 0 20px
}

@media only screen and (min-width: 992px) {
	.aboutPage #aboutSec {
		padding: 60px 0 35px
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #aboutSec {
		padding: 90px 0 55px
	}
}

.aboutPage #aboutSec .topBx {
	position: relative;
	text-align: center;
	margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
	.aboutPage #aboutSec .topBx {
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 992px) {
	.aboutPage #aboutSec .topBx {
		margin-bottom: 50px
	}
}

@media only screen and (min-width: 1200px) {
	.aboutPage #aboutSec .topBx {
		margin-bottom: 70px
	}
}

.aboutPage #aboutSec .topBx .head {
	color: #fff;
	font-weight: 700;
	margin-bottom: 10px;
	font-size: 22px;
	line-height: 24px
}

@media only screen and (min-width: 992px) {
	.aboutPage #aboutSec .topBx .head {
		font-size: 24px;
		line-height: 26px
	}
}

@media only screen and (min-width: 1200px) {
	.aboutPage #aboutSec .topBx .head {
		font-size: 30px;
		line-height: 32px;
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 1360px) {
	.aboutPage #aboutSec .topBx .head {
		margin-bottom: 22px;
		font-size: 36px;
		line-height: 38px
	}
}

@media only screen and (min-width: 1551px) {
	.aboutPage #aboutSec .topBx .head {
		font-size: 42px;
		line-height: 44px
	}
}

@media only screen and (min-width: 1660px) {
	.aboutPage #aboutSec .topBx .head {
		font-size: 50px;
		line-height: 52px
	}
}

.aboutPage #aboutSec .flxbx {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

@media only screen and (max-width: 992px) {
	.aboutPage #aboutSec .flxbx {
		flex-direction: column-reverse
	}
}

@media only screen and (min-width: 992px) {
	.aboutPage #aboutSec .flxbx {
		padding: 0 40px
	}
}

@media only screen and (min-width: 1200px) {
	.aboutPage #aboutSec .flxbx {
		padding: 0 70px
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #aboutSec .flxbx {
		padding: 0 100px
	}
}

@media only screen and (min-width: 1661px) {
	.aboutPage #aboutSec .flxbx {
		padding: 0 118px
	}
}

.aboutPage #aboutSec .flxbx>* {
	width: 100%
}

@media only screen and (min-width: 992px) {
	.aboutPage #aboutSec .flxbx>* {
		width: 50%
	}
}

@media only screen and (max-width: 992px) {
	.aboutPage #aboutSec .flxbx .imgBx {
		max-width: 450px;
		margin: auto
	}
}

.aboutPage #aboutSec .flxbx .imgBx img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.aboutPage #aboutSec .flxbx .ritB {
	margin-bottom: 20px
}

@media only screen and (min-width: 992px) {
	.aboutPage #aboutSec .flxbx .ritB {
		margin-bottom: 0;
		padding-left: 54px
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #aboutSec .flxbx .ritB {
		padding-left: 90px
	}
}

.aboutPage #aboutSec .flxbx .ritB .cmnHead {
	margin-bottom: 15px
}

@media only screen and (min-width: 1200px) {
	.aboutPage #aboutSec .flxbx .ritB .cmnHead {
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #aboutSec .flxbx .ritB .cmnHead {
		margin-bottom: 26px
	}
}

.aboutPage #aboutSec .flxbx .ritB .subT {
	margin-bottom: 15px
}

@media only screen and (min-width: 1200px) {
	.aboutPage #aboutSec .flxbx .ritB .subT {
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #aboutSec .flxbx .ritB .subT {
		margin-bottom: 29px
	}
}

.aboutPage #aboutSec .flxbx .ritB .ttle {
	font-weight: 700;
	color: #fff;
	font-size: 22px
}

@media only screen and (min-width: 768px) {
	.aboutPage #aboutSec .flxbx .ritB .ttle {
		font-size: 28px
	}
}

@media only screen and (min-width: 992px) {
	.aboutPage #aboutSec .flxbx .ritB .ttle {
		font-size: 32px
	}
}

@media only screen and (min-width: 1200px) {
	.aboutPage #aboutSec .flxbx .ritB .ttle {
		font-size: 38px
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #aboutSec .flxbx .ritB .ttle {
		font-size: 42px
	}
}

.aboutPage #aboutSec .countFlx {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	border-top: dashed 1px hsla(0, 0%, 100%, .29);
	border-bottom: dashed 1px hsla(0, 0%, 100%, .29);
	padding: 15px 0
}

@media only screen and (min-width: 1200px) {
	.aboutPage #aboutSec .countFlx {
		padding: 20px 0
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #aboutSec .countFlx {
		padding: 29px 0 26px
	}
}

.aboutPage #aboutSec .countFlx .item {
	display: flex;
	justify-content: center;
	position: relative;
	width: 33.3333333333%
}

@media only screen and (min-width: 1560px) {
	.aboutPage #aboutSec .countFlx .item {
		width: 20%
	}
}

@media only screen and (max-width: 576px) {
	.aboutPage #aboutSec .countFlx .item {
		margin-bottom: 10px
	}
}

@media only screen and (min-width: 576px) {
	.aboutPage #aboutSec .countFlx .item:not(:last-of-type)::after {
		content: "";
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		border-radius: 50%;
		background: #d20a09;
		width: 6px;
		height: 6px
	}
}

@media only screen and (min-width: 576px)and (min-width: 1441px) {
	.aboutPage #aboutSec .countFlx .item:not(:last-of-type)::after {
		width: 10px;
		height: 10px
	}
}

@media only screen and (min-width: 576px) {
	.aboutPage #aboutSec .countFlx .item .counTb {
		display: flex;
		align-items: center
	}
}

@media only screen and (max-width: 576px) {
	.aboutPage #aboutSec .countFlx .item .counTb {
		text-align: center
	}
}

.aboutPage #aboutSec .countFlx .item .counTb .cFlx {
	display: flex;
	align-items: center
}

@media only screen and (max-width: 576px) {
	.aboutPage #aboutSec .countFlx .item .counTb .cFlx {
		justify-content: center
	}
}

.aboutPage #aboutSec .countFlx .item .counTb .cFlx>* {
	color: #d20a09;
	font-weight: 500;
	font-size: 32px;
	line-height: 32px
}

@media only screen and (min-width: 768px) {
	.aboutPage #aboutSec .countFlx .item .counTb .cFlx>* {
		font-size: 38px;
		line-height: 38px
	}
}

@media only screen and (min-width: 992px) {
	.aboutPage #aboutSec .countFlx .item .counTb .cFlx>* {
		font-size: 42px;
		line-height: 42px
	}
}

@media only screen and (min-width: 1200px) {
	.aboutPage #aboutSec .countFlx .item .counTb .cFlx>* {
		font-size: 48px;
		line-height: 48px
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #aboutSec .countFlx .item .counTb .cFlx>* {
		font-size: 52px;
		line-height: 52px
	}
}

.aboutPage #aboutSec .countFlx .item .counTb .txt {
	color: #fff;
	font-weight: 500;
	font-size: 14px;
	line-height: 14px
}

@media only screen and (min-width: 576px) {
	.aboutPage #aboutSec .countFlx .item .counTb .txt {
		margin-left: 13px
	}
}

@media only screen and (min-width: 992px) {
	.aboutPage #aboutSec .countFlx .item .counTb .txt {
		font-size: 16px;
		line-height: 16px
	}
}

@media only screen and (min-width: 1200px) {
	.aboutPage #aboutSec .countFlx .item .counTb .txt {
		font-size: 18px;
		line-height: 18px
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #aboutSec .countFlx .item .counTb .txt {
		font-size: 20px;
		line-height: 20px
	}
}

.aboutPage #missionSec {
	padding: 20px 0 30px
}

@media only screen and (min-width: 576px) {
	.aboutPage #missionSec {
		padding: 30px 0 40px
	}
}

@media only screen and (min-width: 992px) {
	.aboutPage #missionSec {
		padding: 30px 0 100px
	}
}

@media only screen and (min-width: 1200px) {
	.aboutPage #missionSec {
		padding: 40px 0 100px
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #missionSec {
		padding: 55px 0 96px
	}
}

.aboutPage #missionSec .lftBx .title {
	font-size: 22px;
	line-height: 28px;
	color: #fff;
	font-weight: 500;
	padding-left: 20px;
	position: relative;
	margin-bottom: 15px
}

@media only screen and (min-width: 576px) {
	.aboutPage #missionSec .lftBx .title {
		font-size: 28px;
		line-height: 30px;
		margin-bottom: 20px;
		padding-left: 33px
	}
}

@media only screen and (min-width: 992px) {
	.aboutPage #missionSec .lftBx .title {
		margin-bottom: 25px
	}
}

@media only screen and (min-width: 1200px) {
	.aboutPage #missionSec .lftBx .title {
		font-size: 34px;
		line-height: 40px;
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #missionSec .lftBx .title {
		font-size: 40px;
		line-height: 50px;
		margin-bottom: 36px
	}
}

.aboutPage #missionSec .lftBx .title::after {
	content: "";
	width: 8px;
	height: 52px;
	background: #d20a09;
	position: absolute;
	left: 0;
	top: 10px
}

@media only screen and (min-width: 576px) {
	.aboutPage #missionSec .lftBx .title::after {
		height: 72px
	}
}

.aboutPage #missionSec .lftBx .title::before {
	content: "";
	width: 0;
	height: 0;
	border-top: 13px solid #d20a09;
	border-right: 8px solid rgba(0, 0, 0, 0);
	position: absolute;
	left: 0;
	top: 62px
}

@media only screen and (min-width: 576px) {
	.aboutPage #missionSec .lftBx .title::before {
		top: 82px
	}
}

.aboutPage #missionSec .lftBx .msnBx {
	max-width: 727px
}

.aboutPage #missionSec .lftBx .msnBx .nav-pills {
	height: 80px;
	display: flex;
	align-items: center;
	margin-bottom: 45px
}

@media only screen and (min-width: 420px) {
	.aboutPage #missionSec .lftBx .msnBx .nav-pills {
		height: 60px;
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 992px) {
	.aboutPage #missionSec .lftBx .msnBx .nav-pills {
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 1200px) {
	.aboutPage #missionSec .lftBx .msnBx .nav-pills {
		height: 70px;
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #missionSec .lftBx .msnBx .nav-pills {
		height: 77px;
		margin-bottom: 39px
	}
}

.aboutPage #missionSec .lftBx .msnBx .nav-pills .nav-item {
	height: 55px;
	margin-bottom: 10px
}

@media only screen and (min-width: 576px) {
	.aboutPage #missionSec .lftBx .msnBx .nav-pills .nav-item {
		height: unset;
		margin-bottom: 0
	}
}

.aboutPage #missionSec .lftBx .msnBx .nav-pills .nav-item:not(:last-of-type) {
	margin-right: 15px
}

@media only screen and (min-width: 576px) {
	.aboutPage #missionSec .lftBx .msnBx .nav-pills .nav-item:not(:last-of-type) {
		margin-right: 20px
	}
}

@media only screen and (min-width: 992px) {
	.aboutPage #missionSec .lftBx .msnBx .nav-pills .nav-item:not(:last-of-type) {
		margin-right: 25px
	}
}

@media only screen and (min-width: 1200px) {
	.aboutPage #missionSec .lftBx .msnBx .nav-pills .nav-item:not(:last-of-type) {
		margin-right: 30px
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #missionSec .lftBx .msnBx .nav-pills .nav-item:not(:last-of-type) {
		margin-right: 34px
	}
}

.aboutPage #missionSec .lftBx .msnBx .nav-pills .nav-link {
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	font-weight: 500;
	width: 120px;
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	background: #acacac;
	transition: .5s all
}

@media only screen and (min-width: 576px) {
	.aboutPage #missionSec .lftBx .msnBx .nav-pills .nav-link {
		width: 140px;
		height: 50px;
		font-size: 18px
	}
}

@media only screen and (min-width: 992px) {
	.aboutPage #missionSec .lftBx .msnBx .nav-pills .nav-link {
		width: 160px;
		font-size: 22px
	}
}

@media only screen and (min-width: 1200px) {
	.aboutPage #missionSec .lftBx .msnBx .nav-pills .nav-link {
		width: 180px;
		height: 50px;
		font-size: 22px
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #missionSec .lftBx .msnBx .nav-pills .nav-link {
		width: 218px;
		height: 59px;
		font-size: 28px
	}
}

.aboutPage #missionSec .lftBx .msnBx .nav-pills .nav-link.active {
	height: 55px;
	background: #d20a09
}

@media only screen and (min-width: 576px) {
	.aboutPage #missionSec .lftBx .msnBx .nav-pills .nav-link.active {
		height: 60px
	}
}

@media only screen and (min-width: 1200px) {
	.aboutPage #missionSec .lftBx .msnBx .nav-pills .nav-link.active {
		height: 65px
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #missionSec .lftBx .msnBx .nav-pills .nav-link.active {
		height: 77px
	}
}

.aboutPage #missionSec .lftBx .msnBx .tab-content {
	border-bottom: solid 1px rgba(172, 172, 172, .51)
}

.aboutPage #missionSec .lftBx .msnBx .tab-pane {
	max-width: 604px;
	padding-bottom: 15px
}

@media only screen and (min-width: 576px) {
	.aboutPage #missionSec .lftBx .msnBx .tab-pane {
		padding-bottom: 20px
	}
}

@media only screen and (min-width: 1200px) {
	.aboutPage #missionSec .lftBx .msnBx .tab-pane {
		padding-bottom: 25px
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #missionSec .lftBx .msnBx .tab-pane {
		padding-bottom: 38px
	}
}

.aboutPage #missionSec .lftBx .msnBx .btmBx {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	margin: 20px 0px
}

@media only screen and (min-width: 576px) {
	.aboutPage #missionSec .lftBx .msnBx .btmBx {
		margin: 30px 0px;
		flex-direction: row;
		align-items: center
	}
}

@media only screen and (min-width: 992px) {
	.aboutPage #missionSec .lftBx .msnBx .btmBx {
		margin: 44px 0px 0px
	}
}

.aboutPage #missionSec .lftBx .msnBx .btmBx .appointment {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 45px;
	margin-bottom: 15px;
	border-radius: 10px;
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	background: #d20a09
}

@media only screen and (min-width: 576px) {
	.aboutPage #missionSec .lftBx .msnBx .btmBx .appointment {
		width: 240px;
		height: 50px;
		margin-bottom: 0
	}
}

@media only screen and (min-width: 992px) {
	.aboutPage #missionSec .lftBx .msnBx .btmBx .appointment {
		width: 270px;
		height: 55px;
		font-size: 18px;
		border-radius: 16px
	}
}

@media only screen and (min-width: 1200px) {
	.aboutPage #missionSec .lftBx .msnBx .btmBx .appointment {
		width: 313px;
		height: 63px
	}
}

.aboutPage #missionSec .lftBx .msnBx .btmBx .appointment::before {
	background: #acacac
}

.aboutPage #missionSec .lftBx .msnBx .btmBx .phnBx {
	display: flex
}

.aboutPage #missionSec .lftBx .msnBx .btmBx .phnBx .ico {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: solid 1px #707070;
	display: flex;
	align-items: center;
	justify-content: center
}

@media only screen and (min-width: 576px) {
	.aboutPage #missionSec .lftBx .msnBx .btmBx .phnBx .ico {
		width: 45px;
		height: 45px
	}
}

.aboutPage #missionSec .lftBx .msnBx .btmBx .phnBx .txtB {
	padding-left: 10px
}

@media only screen and (min-width: 576px) {
	.aboutPage #missionSec .lftBx .msnBx .btmBx .phnBx .txtB {
		padding-left: 15px
	}
}

@media only screen and (min-width: 992px) {
	.aboutPage #missionSec .lftBx .msnBx .btmBx .phnBx .txtB {
		padding-left: 23px
	}
}

.aboutPage #missionSec .lftBx .msnBx .btmBx .phnBx .txtB .txt {
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	color: #d20a09;
	margin-bottom: 3px
}

@media only screen and (min-width: 576px) {
	.aboutPage #missionSec .lftBx .msnBx .btmBx .phnBx .txtB .txt {
		font-size: 20px;
		margin-bottom: 7px
	}
}

.aboutPage #missionSec .lftBx .msnBx .btmBx .phnBx .txtB a {
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
	color: #fff;
	display: block
}

@media only screen and (min-width: 576px) {
	.aboutPage #missionSec .lftBx .msnBx .btmBx .phnBx .txtB a {
		font-size: 20px
	}
}

.aboutPage #missionSec .ritBx {
	width: 100%
}

.aboutPage #missionSec .ritBx .imgBx {
	width: 100%;
	height: 350px;
	position: relative
}

@media only screen and (min-width: 992px) {
	.aboutPage #missionSec .ritBx .imgBx {
		width: fit-content;
		width: -moz-fit-content
	}
}

.aboutPage #missionSec .ritBx .imgBx img {
	position: relative;
	z-index: 10;
	width: 100%;
	height: 100%;
	object-fit: cover
}

@media only screen and (min-width: 992px) {
	.aboutPage #missionSec .ritBx .imgBx img {
		height: unset
	}
}

.aboutPage #missionSec .ritBx .imgBx::after {
	content: "";
	position: absolute;
	right: -60px;
	bottom: 0;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: #d20a09;
	opacity: .35;
	filter: blur(33px);
	z-index: 1
}

@media only screen and (min-width: 576px) {
	.aboutPage #missionSec .ritBx .imgBx::after {
		width: 269px;
		height: 269px;
		bottom: -60px
	}
}

.aboutPage #ceoSec {
	padding: 0 0 40px
}

@media only screen and (min-width: 576px) {
	.aboutPage #ceoSec {
		padding: 0 0 50px
	}
}

@media only screen and (min-width: 992px) {
	.aboutPage #ceoSec {
		padding: 0 0 70px
	}
}

@media only screen and (min-width: 1200px) {
	.aboutPage #ceoSec {
		padding: 0 0 100px
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #ceoSec {
		padding: 0 0 130px
	}
}

.aboutPage #ceoSec .ceoBx {
	width: 100%;
	border-radius: 26px;
	border: solid 1px rgba(112, 112, 112, .4);
	background: #16171b;
	padding: 20px 20px 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative
}

@media only screen and (min-width: 576px) {
	.aboutPage #ceoSec .ceoBx {
		padding: 25px 30px 25px
	}
}

@media only screen and (min-width: 992px) {
	.aboutPage #ceoSec .ceoBx {
		padding: 30px 40px 30px
	}
}

@media only screen and (min-width: 1200px) {
	.aboutPage #ceoSec .ceoBx {
		padding: 30px 60px 40px
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #ceoSec .ceoBx {
		padding: 40px 90px 90px
	}
}

.aboutPage #ceoSec .ceoBx .bgIco {
	position: absolute;
	width: 50px;
	right: 25px;
	top: 42%;
	opacity: .26
}

@media only screen and (min-width: 576px) {
	.aboutPage #ceoSec .ceoBx .bgIco {
		width: 70px;
		right: 40px;
		top: 50%
	}
}

@media only screen and (min-width: 992px) {
	.aboutPage #ceoSec .ceoBx .bgIco {
		right: 30px;
		top: 50px
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #ceoSec .ceoBx .bgIco {
		right: 94px;
		top: 100px;
		width: 160px
	}
}

.aboutPage #ceoSec .ceoBx .lftB {
	width: 100%;
	margin-bottom: 15px
}

@media only screen and (min-width: 576px) {
	.aboutPage #ceoSec .ceoBx .lftB {
		margin-bottom: 25px
	}
}

@media only screen and (min-width: 992px) {
	.aboutPage #ceoSec .ceoBx .lftB {
		width: 40%;
		margin-bottom: 0
	}
}

.aboutPage #ceoSec .ceoBx .lftB .imgOB {
	position: relative;
	width: 240px;
	height: 240px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%
}

@media only screen and (min-width: 576px) {
	.aboutPage #ceoSec .ceoBx .lftB .imgOB {
		width: 340px;
		height: 340px
	}
}

@media only screen and (min-width: 992px) {
	.aboutPage #ceoSec .ceoBx .lftB .imgOB {
		width: 390px;
		height: 390px
	}
}

@media only screen and (min-width: 1200px) {
	.aboutPage #ceoSec .ceoBx .lftB .imgOB {
		width: 460px;
		height: 460px
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #ceoSec .ceoBx .lftB .imgOB {
		width: 533px;
		height: 533px
	}
}

.aboutPage #ceoSec .ceoBx .lftB .imgOB::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50%;
	padding: 4px;
	background: rgba(210, 10, 9, .3);
	mask: linear-gradient(rgba(0, 0, 0, 0) 0 0) content-box intersect, repeating-conic-gradient(from 2deg, #000 0 3deg, rgba(0, 0, 0, 0) 0 6deg)
}

.aboutPage #ceoSec .ceoBx .lftB .imgOB .imgB {
	width: 190px;
	height: 190px;
	border-radius: 50%;
	border: solid 4px #d20a09;
	display: flex;
	justify-content: center;
	overflow: hidden
}

@media only screen and (min-width: 576px) {
	.aboutPage #ceoSec .ceoBx .lftB .imgOB .imgB {
		width: 290px;
		height: 290px
	}
}

@media only screen and (min-width: 992px) {
	.aboutPage #ceoSec .ceoBx .lftB .imgOB .imgB {
		width: 340px;
		height: 340px
	}
}

@media only screen and (min-width: 1200px) {
	.aboutPage #ceoSec .ceoBx .lftB .imgOB .imgB {
		width: 400px;
		height: 400px
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #ceoSec .ceoBx .lftB .imgOB .imgB {
		width: 474px;
		height: 474px
	}
}

.aboutPage #ceoSec .ceoBx .lftB .imgOB .imgB img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.aboutPage #ceoSec .ceoBx .ritB {
	width: 100%;
	padding-left: 0
}

@media only screen and (min-width: 992px) {
	.aboutPage #ceoSec .ceoBx .ritB {
		width: 60%;
		padding-left: 70px
	}
}

@media only screen and (min-width: 1200px) {
	.aboutPage #ceoSec .ceoBx .ritB {
		padding-left: 93px
	}
}

.aboutPage #ceoSec .ceoBx .ritB .cntBx {
	max-width: 100%
}

@media only screen and (min-width: 1200px) {
	.aboutPage #ceoSec .ceoBx .ritB .cntBx {
		max-width: 450px
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #ceoSec .ceoBx .ritB .cntBx {
		max-width: 604px
	}
}

.aboutPage #ceoSec .ceoBx .ritB .title {
	font-size: 28px;
	line-height: 32px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 8px
}

@media only screen and (min-width: 576px) {
	.aboutPage #ceoSec .ceoBx .ritB .title {
		font-size: 36px;
		line-height: 40px;
		margin-bottom: 10px
	}
}

@media only screen and (min-width: 1200px) {
	.aboutPage #ceoSec .ceoBx .ritB .title {
		font-size: 42px;
		line-height: 45px
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #ceoSec .ceoBx .ritB .title {
		font-size: 50px;
		line-height: 50px;
		margin-bottom: 14px
	}
}

.aboutPage #ceoSec .ceoBx .ritB .nameBx {
	margin-top: 20px;
	display: flex;
	align-items: center
}

@media only screen and (min-width: 576px) {
	.aboutPage #ceoSec .ceoBx .ritB .nameBx {
		margin-top: 30px
	}
}

@media only screen and (min-width: 1200px) {
	.aboutPage #ceoSec .ceoBx .ritB .nameBx {
		margin-top: 45px
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #ceoSec .ceoBx .ritB .nameBx {
		margin-top: 65px
	}
}

.aboutPage #ceoSec .ceoBx .ritB .nameBx .ico {
	width: 35px
}

@media only screen and (min-width: 576px) {
	.aboutPage #ceoSec .ceoBx .ritB .nameBx .ico {
		width: 40px
	}
}

@media only screen and (min-width: 1200px) {
	.aboutPage #ceoSec .ceoBx .ritB .nameBx .ico {
		width: 50px
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #ceoSec .ceoBx .ritB .nameBx .ico {
		width: 57px
	}
}

.aboutPage #ceoSec .ceoBx .ritB .nameBx .txtB {
	width: calc(100% - 35px);
	padding-left: 10px
}

@media only screen and (min-width: 576px) {
	.aboutPage #ceoSec .ceoBx .ritB .nameBx .txtB {
		width: calc(100% - 40px);
		padding-left: 15px
	}
}

@media only screen and (min-width: 1200px) {
	.aboutPage #ceoSec .ceoBx .ritB .nameBx .txtB {
		width: calc(100% - 50px)
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #ceoSec .ceoBx .ritB .nameBx .txtB {
		width: calc(100% - 57px);
		padding-left: 22px
	}
}

.aboutPage #ceoSec .ceoBx .ritB .nameBx .txtB .name {
	font-size: 18px;
	line-height: 20px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 8px
}

@media only screen and (min-width: 576px) {
	.aboutPage #ceoSec .ceoBx .ritB .nameBx .txtB .name {
		font-size: 22px;
		line-height: 22px;
		margin-bottom: 12px
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #ceoSec .ceoBx .ritB .nameBx .txtB .name {
		font-size: 26px;
		line-height: 26px
	}
}

.aboutPage #ceoSec .ceoBx .ritB .nameBx .txtB .posi {
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #fff
}

@media only screen and (min-width: 576px) {
	.aboutPage #ceoSec .ceoBx .ritB .nameBx .txtB .posi {
		font-size: 18px
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #ceoSec .ceoBx .ritB .nameBx .txtB .posi {
		font-size: 20px
	}
}

.aboutPage #appointmentSec {
	position: relative;
	padding: 30px 0
}

@media only screen and (min-width: 992px) {
	.aboutPage #appointmentSec {
		padding: 50px 0
	}
}

@media only screen and (min-width: 1200px) {
	.aboutPage #appointmentSec {
		padding: 70px 0
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #appointmentSec {
		padding: 87px 0
	}
}

.aboutPage #appointmentSec .imgBx {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%
}

.aboutPage #appointmentSec .imgBx img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.aboutPage #appointmentSec .txtVB {
	background: rgba(0, 0, 0, .63);
	padding: 15px 0 15px;
	position: relative;
	z-index: 10
}

@media only screen and (min-width: 576px) {
	.aboutPage #appointmentSec .txtVB {
		padding: 20px 0 20px
	}
}

@media only screen and (min-width: 992px) {
	.aboutPage #appointmentSec .txtVB {
		padding: 30px 0 30px
	}
}

@media only screen and (min-width: 1200px) {
	.aboutPage #appointmentSec .txtVB {
		padding: 40px 0 40px
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #appointmentSec .txtVB {
		padding: 58px 0 55px
	}
}

.aboutPage #appointmentSec .txtVB .flxBx {
	display: flex;
	flex-wrap: wrap
}

.aboutPage #appointmentSec .txtVB .flxBx .lftB {
	width: 100%
}

@media only screen and (min-width: 992px) {
	.aboutPage #appointmentSec .txtVB .flxBx .lftB {
		width: 40%
	}
}

.aboutPage #appointmentSec .txtVB .flxBx .ritB {
	width: 100%;
	padding-left: 0
}

@media only screen and (min-width: 992px) {
	.aboutPage #appointmentSec .txtVB .flxBx .ritB {
		padding-left: 40px
	}
}

@media only screen and (min-width: 1200px) {
	.aboutPage #appointmentSec .txtVB .flxBx .ritB {
		padding-left: 70px
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #appointmentSec .txtVB .flxBx .ritB {
		padding-left: 110px
	}
}

.aboutPage #appointmentSec .txtVB .flxBx .ritB .subT {
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	color: #fff;
	margin-bottom: 7px
}

@media only screen and (min-width: 576px) {
	.aboutPage #appointmentSec .txtVB .flxBx .ritB .subT {
		font-size: 18px;
		margin-bottom: 10px
	}
}

@media only screen and (min-width: 992px) {
	.aboutPage #appointmentSec .txtVB .flxBx .ritB .subT {
		font-size: 20px;
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 1200px) {
	.aboutPage #appointmentSec .txtVB .flxBx .ritB .subT {
		margin-bottom: 20px
	}
}

.aboutPage #appointmentSec .txtVB .flxBx .ritB .mainT {
	font-size: 28px;
	line-height: 35px;
	color: #fff;
	font-weight: 500
}

@media only screen and (min-width: 576px) {
	.aboutPage #appointmentSec .txtVB .flxBx .ritB .mainT {
		font-size: 36px;
		line-height: 40px
	}
}

@media only screen and (min-width: 992px) {
	.aboutPage #appointmentSec .txtVB .flxBx .ritB .mainT {
		font-size: 42px;
		line-height: 45px
	}
}

@media only screen and (min-width: 1200px) {
	.aboutPage #appointmentSec .txtVB .flxBx .ritB .mainT {
		font-size: 50px;
		line-height: 55px
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #appointmentSec .txtVB .flxBx .ritB .mainT {
		font-size: 60px;
		line-height: 69px
	}
}

.aboutPage #appointmentSec .txtVB .flxBx .ritB .btmBx {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-top: 10px
}

@media only screen and (min-width: 576px) {
	.aboutPage #appointmentSec .txtVB .flxBx .ritB .btmBx {
		margin-top: 15px;
		align-items: center
	}
}

@media only screen and (min-width: 992px) {
	.aboutPage #appointmentSec .txtVB .flxBx .ritB .btmBx {
		margin-top: 20px
	}
}

@media only screen and (min-width: 1200px) {
	.aboutPage #appointmentSec .txtVB .flxBx .ritB .btmBx {
		margin-top: 30px
	}
}

@media only screen and (min-width: 1441px) {
	.aboutPage #appointmentSec .txtVB .flxBx .ritB .btmBx {
		margin-top: 40px
	}
}

.aboutPage #appointmentSec .txtVB .flxBx .ritB .btmBx .appointment {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 45px;
	margin-bottom: 20px;
	border-radius: 10px;
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	background: #d20a09
}

@media only screen and (min-width: 576px) {
	.aboutPage #appointmentSec .txtVB .flxBx .ritB .btmBx .appointment {
		width: 240px;
		height: 50px;
		margin-bottom: 0
	}
}

@media only screen and (min-width: 992px) {
	.aboutPage #appointmentSec .txtVB .flxBx .ritB .btmBx .appointment {
		width: 270px;
		height: 55px;
		font-size: 18px;
		border-radius: 16px
	}
}

@media only screen and (min-width: 1200px) {
	.aboutPage #appointmentSec .txtVB .flxBx .ritB .btmBx .appointment {
		width: 313px;
		height: 63px
	}
}

.aboutPage #appointmentSec .txtVB .flxBx .ritB .btmBx .appointment::before {
	background: #acacac
}

.aboutPage #appointmentSec .txtVB .flxBx .ritB .btmBx .phnBx {
	display: flex;
	margin-left: 0
}

@media only screen and (min-width: 576px) {
	.aboutPage #appointmentSec .txtVB .flxBx .ritB .btmBx .phnBx {
		margin-left: 70px
	}
}

.aboutPage #appointmentSec .txtVB .flxBx .ritB .btmBx .phnBx .ico {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: solid 1px #707070;
	display: flex;
	align-items: center;
	justify-content: center
}

@media only screen and (min-width: 576px) {
	.aboutPage #appointmentSec .txtVB .flxBx .ritB .btmBx .phnBx .ico {
		width: 45px;
		height: 45px
	}
}

.aboutPage #appointmentSec .txtVB .flxBx .ritB .btmBx .phnBx .txtB {
	padding-left: 10px
}

@media only screen and (min-width: 576px) {
	.aboutPage #appointmentSec .txtVB .flxBx .ritB .btmBx .phnBx .txtB {
		padding-left: 15px
	}
}

@media only screen and (min-width: 992px) {
	.aboutPage #appointmentSec .txtVB .flxBx .ritB .btmBx .phnBx .txtB {
		padding-left: 23px
	}
}

.aboutPage #appointmentSec .txtVB .flxBx .ritB .btmBx .phnBx .txtB .txt {
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	color: #d20a09;
	margin-bottom: 3px
}

@media only screen and (min-width: 576px) {
	.aboutPage #appointmentSec .txtVB .flxBx .ritB .btmBx .phnBx .txtB .txt {
		font-size: 20px;
		margin-bottom: 7px
	}
}

.aboutPage #appointmentSec .txtVB .flxBx .ritB .btmBx .phnBx .txtB a {
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
	color: #fff;
	display: block
}

@media only screen and (min-width: 576px) {
	.aboutPage #appointmentSec .txtVB .flxBx .ritB .btmBx .phnBx .txtB a {
		font-size: 20px
	}
}

.aboutPage #slide {
	padding: 100px 0
}

.aboutPage #slide #sync1 .item {
	padding: 0px;
	height: 516px;
	margin: 5px;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: center
}

.aboutPage #slide #sync1 .item .bgimg {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0
}

.aboutPage #slide #sync1 .item .imgB {
	position: relative;
	z-index: 10;
	width: 373px
}

.aboutPage #slide #sync1 .item .imgB img {
	height: 100%;
	width: 100%;
	object-fit: contain
}

.aboutPage #slide #sync1 .owl-item:not(.firstactiveitem) .item .bgimg {
	height: 200px;
	top: auto;
	bottom: 0;
	transform: scale(1, -1)
}

.aboutPage #slide #sync1 .owl-item:not(.firstactiveitem) .item .bgimg svg {
	height: 100%
}

.aboutPage #slide #sync2 .item {
	background: #c9c9c9;
	padding: 10px 0px;
	margin: 5px;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	cursor: pointer
}

.aboutPage #slide #sync2 .synced .item {
	background: rgba(154, 199, 65, .7)
}

.aboutPage #slide #sync2 {
	max-width: 300px
}

.classPage #classSec {
	padding: 30px 0 40px;
	overflow: hidden
}

@media only screen and (min-width: 576px) {
	.classPage #classSec {
		padding: 30px 0 60px
	}
}

@media only screen and (min-width: 992px) {
	.classPage #classSec {
		padding: 35px 0 80px
	}
}

@media only screen and (min-width: 1200px) {
	.classPage #classSec {
		padding: 45px 0 120px
	}
}

@media only screen and (min-width: 1441px) {
	.classPage #classSec {
		padding: 46px 0 170px
	}
}

.classPage #classSec .headBx {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-bottom: 30px
}

@media only screen and (min-width: 576px) {
	.classPage #classSec .headBx {
		margin-bottom: 40px;
		align-items: center
	}
}

@media only screen and (min-width: 992px) {
	.classPage #classSec .headBx {
		margin-bottom: 50px
	}
}

@media only screen and (min-width: 1200px) {
	.classPage #classSec .headBx {
		margin-bottom: 70px
	}
}

@media only screen and (min-width: 1441px) {
	.classPage #classSec .headBx {
		margin-bottom: 118px
	}
}

.classPage #classSec .headBx .lftB {
	width: 100%
}

@media only screen and (min-width: 576px) {
	.classPage #classSec .headBx .lftB {
		width: 70%
	}
}

.classPage #classSec .headBx .lftB .subT {
	font-size: 20px;
	line-height: 24px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 10px
}

@media only screen and (min-width: 576px) {
	.classPage #classSec .headBx .lftB .subT {
		font-size: 24px;
		line-height: 28px;
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 992px) {
	.classPage #classSec .headBx .lftB .subT {
		font-size: 28px;
		line-height: 32px;
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 1200px) {
	.classPage #classSec .headBx .lftB .subT {
		font-size: 32px;
		line-height: 38px;
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1441px) {
	.classPage #classSec .headBx .lftB .subT {
		font-size: 40px;
		line-height: 42px;
		margin-bottom: 54px
	}
}

.classPage #classSec .headBx .lftB .mainT {
	font-size: 28px;
	line-height: 33px;
	font-weight: 500;
	color: #fff
}

@media only screen and (min-width: 576px) {
	.classPage #classSec .headBx .lftB .mainT {
		font-size: 34px;
		line-height: 38px
	}
}

@media only screen and (min-width: 992px) {
	.classPage #classSec .headBx .lftB .mainT {
		font-size: 42px;
		line-height: 48px
	}
}

@media only screen and (min-width: 1200px) {
	.classPage #classSec .headBx .lftB .mainT {
		font-size: 48px;
		line-height: 55px
	}
}

@media only screen and (min-width: 1441px) {
	.classPage #classSec .headBx .lftB .mainT {
		font-size: 60px;
		line-height: 69px
	}
}

.classPage #classSec .headBx .ritB {
	width: 100%;
	padding-top: 20px;
	display: flex
}

@media only screen and (min-width: 576px) {
	.classPage #classSec .headBx .ritB {
		width: 30%;
		padding-top: 58px;
		justify-content: flex-end
	}
}

.classPage #classSec .headBx .ritB .cmnlocation {
	display: inline-block;
	position: relative;
	background-color: #707070;
	min-width: 140px;
	border-radius: 10px !important
}

@media only screen and (min-width: 768px) {
	.classPage #classSec .headBx .ritB .cmnlocation {
		min-width: 180px
	}
}

.classPage #classSec .headBx .ritB .cmnlocation .dropdown {
	min-width: 150px;
	width: 100%
}

@media only screen and (min-width: 768px) {
	.classPage #classSec .headBx .ritB .cmnlocation .dropdown {
		min-width: 180px
	}
}

.classPage #classSec .headBx .ritB .cmnlocation .dropdown-toggle {
	display: flex;
	align-items: center;
	position: relative;
	min-width: 140px;
	height: 45px;
	background-color: #707070;
	border: none;
	border-radius: 10px !important;
	color: #fff
}

@media only screen and (min-width: 768px) {
	.classPage #classSec .headBx .ritB .cmnlocation .dropdown-toggle {
		min-width: 180px
	}
}

.classPage #classSec .headBx .ritB .cmnlocation .dropdown-toggle:focus {
	outline: none !important
}

.classPage #classSec .headBx .ritB .cmnlocation .dropdown-toggle::before {
	content: "";
	position: absolute;
	top: 10px;
	left: 20px;
	background: url("../images/loc.svg") no-repeat center !important;
	background-size: contain !important;
	width: 10px;
	height: 20px
}

@media only screen and (min-width: 768px) {
	.classPage #classSec .headBx .ritB .cmnlocation .dropdown-toggle::before {
		top: unset;
		width: 15px;
		left: 30px
	}
}

.classPage #classSec .headBx .ritB .cmnlocation .dropdown-toggle .filter-option-inner-inner {
	font-size: 16px;
	font-weight: 500;
	padding-left: 30px;
	color: #fff
}

@media only screen and (min-width: 768px) {
	.classPage #classSec .headBx .ritB .cmnlocation .dropdown-toggle .filter-option-inner-inner {
		font-size: 18px;
		padding-left: 40px
	}
}

.classPage #classSec .headBx .ritB .cmnlocation .dropdown-menu {
	background-color: #515151;
	border-radius: 10px;
	max-height: 190px;
	overflow-y: scroll
}

.classPage #classSec .headBx .ritB .cmnlocation .dropdown-menu::-webkit-scrollbar {
	width: 4px;
	border-radius: 2px
}

.classPage #classSec .headBx .ritB .cmnlocation .dropdown-menu::-webkit-scrollbar-track {
	background: rgba(128, 128, 128, .5)
}

.classPage #classSec .headBx .ritB .cmnlocation .dropdown-menu::-webkit-scrollbar-thumb {
	background: red;
	border-radius: 10px
}

.classPage #classSec .headBx .ritB .cmnlocation .dropdown-menu:first-child {
	padding: 5px 15px 10px 15px
}

@media only screen and (min-width: 992px) {
	.classPage #classSec .headBx .ritB .cmnlocation .dropdown-menu:first-child {
		padding: 10px 30px 25px 25px
	}
}

.classPage #classSec .headBx .ritB .cmnlocation .dropdown-menu .dropdown-item {
	margin: 5px 0px;
	border-bottom: 1px solid hsla(0, 0%, 100%, .1);
	transition: all .4s
}

.classPage #classSec .headBx .ritB .cmnlocation .dropdown-menu .dropdown-item span {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	transition: all .4s;
	font-weight: 500
}

@media only screen and (min-width: 992px) {
	.classPage #classSec .headBx .ritB .cmnlocation .dropdown-menu .dropdown-item span {
		font-size: 18px
	}
}

.classPage #classSec .headBx .ritB .cmnlocation .dropdown-menu .dropdown-item:hover,
.classPage #classSec .headBx .ritB .cmnlocation .dropdown-menu .dropdown-item.active,
.classPage #classSec .headBx .ritB .cmnlocation .dropdown-menu .dropdown-item:focus {
	border-radius: 5px;
	background-color: rgba(0, 0, 0, 0);
	color: #d20a09
}

.classPage #classSec .headBx .ritB .cmnlocation .dropdown-menu .dropdown-item:hover span,
.classPage #classSec .headBx .ritB .cmnlocation .dropdown-menu .dropdown-item.active span,
.classPage #classSec .headBx .ritB .cmnlocation .dropdown-menu .dropdown-item:focus span {
	color: #d20a09
}

.classPage #classSec .classFlx {
	display: flex;
	flex-wrap: wrap;
	margin: -10px -5px
}

@media only screen and (min-width: 576px) {
	.classPage #classSec .classFlx {
		margin: -7px -7px
	}
}

@media only screen and (min-width: 992px) {
	.classPage #classSec .classFlx {
		margin: -10px -10px
	}
}

@media only screen and (min-width: 1200px) {
	.classPage #classSec .classFlx {
		margin: -18px -18px
	}
}

@media only screen and (min-width: 1441px) {
	.classPage #classSec .classFlx {
		margin: -24px -24px
	}
}

.classPage #classSec .classFlx .item {
	width: 100%;
	padding: 10px 5px
}

@media only screen and (min-width: 576px) {
	.classPage #classSec .classFlx .item {
		width: 50%;
		padding: 7px 7px
	}
}

@media only screen and (min-width: 992px) {
	.classPage #classSec .classFlx .item {
		width: 33.3333333333%;
		padding: 10px 10px
	}
}

@media only screen and (min-width: 1200px) {
	.classPage #classSec .classFlx .item {
		padding: 18px 18px
	}
}

@media only screen and (min-width: 1441px) {
	.classPage #classSec .classFlx .item {
		padding: 24px 24px
	}
}

.classPage #classSec .classFlx .item .cpBx {
	display: block;
	position: relative
}

.classPage #classSec .classFlx .item .cpBx .imgB {
	height: 100%;
	width: 100%;
	overflow: hidden
}

.classPage #classSec .classFlx .item .cpBx .imgB img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .4s all ease-in
}

.classPage #classSec .classFlx .item .cpBx .overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: calc(100% - 10px);
	padding: 15px 10px 10px;
	text-align: center;
	background: #000;
	border-radius: 30px 30px 0 0;
	transition: .4s all;
	min-height: 80px
}

@media only screen and (min-width: 576px) {
	.classPage #classSec .classFlx .item .cpBx .overlay {
		min-height: 112px;
		width: calc(100% - 20px);
		padding: 20px 15px 10px
	}
}

@media only screen and (min-width: 992px) {
	.classPage #classSec .classFlx .item .cpBx .overlay {
		width: calc(100% - 30px)
	}
}

@media only screen and (min-width: 1200px) {
	.classPage #classSec .classFlx .item .cpBx .overlay {
		width: calc(100% - 50px);
		padding: 25px 20px 10px
	}
}

@media only screen and (min-width: 1441px) {
	.classPage #classSec .classFlx .item .cpBx .overlay {
		width: calc(100% - 78px);
		padding: 35px 20px 10px
	}
}

.classPage #classSec .classFlx .item .cpBx .overlay .ttle {
	font-size: 18px;
	line-height: 23px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 6px;
	transition: .3s all
}

@media only screen and (min-width: 576px) {
	.classPage #classSec .classFlx .item .cpBx .overlay .ttle {
		font-size: 20px;
		line-height: 25px
	}
}

@media only screen and (min-width: 1200px) {
	.classPage #classSec .classFlx .item .cpBx .overlay .ttle {
		font-size: 24px;
		line-height: 28px
	}
}

@media only screen and (min-width: 1441px) {
	.classPage #classSec .classFlx .item .cpBx .overlay .ttle {
		font-size: 30px;
		line-height: 32px
	}
}

.classPage #classSec .classFlx .item .cpBx .overlay .subT {
	font-size: 16px;
	line-height: 18px;
	font-weight: 300;
	color: #fff
}

@media only screen and (min-width: 576px) {
	.classPage #classSec .classFlx .item .cpBx .overlay .subT {
		font-size: 18px
	}
}

.classPage #classSec .classFlx .item .cpBx .overlay .more {
	font-size: 18px;
	line-height: 20px;
	color: #000;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .3s all;
	display: none
}

@media only screen and (min-width: 576px) {
	.classPage #classSec .classFlx .item .cpBx .overlay .more {
		font-size: 20px;
		line-height: 22px
	}
}

@media only screen and (min-width: 1441px) {
	.classPage #classSec .classFlx .item .cpBx .overlay .more {
		font-size: 25px;
		line-height: 25px
	}
}

.classPage #classSec .classFlx .item .cpBx .overlay .more .ico {
	margin-left: 12px
}

.classPage #classSec .classFlx .item .cpBx:hover .imgB img {
	transform: scale(1.05)
}

.classPage #classSec .classFlx .item .cpBx:hover .overlay {
	background: #d20a09;
	border-radius: 0;
	padding: 20px 10px
}

@media only screen and (min-width: 576px) {
	.classPage #classSec .classFlx .item .cpBx:hover .overlay {
		padding: 25px 15px
	}
}

@media only screen and (min-width: 1200px) {
	.classPage #classSec .classFlx .item .cpBx:hover .overlay {
		padding: 35px 15px
	}
}

@media only screen and (min-width: 1441px) {
	.classPage #classSec .classFlx .item .cpBx:hover .overlay {
		padding: 44px 20px
	}
}

.classPage #classSec .classFlx .item .cpBx:hover .overlay .ttle {
	font-size: 20px
}

@media only screen and (min-width: 576px) {
	.classPage #classSec .classFlx .item .cpBx:hover .overlay .ttle {
		font-size: 24px
	}
}

@media only screen and (min-width: 1200px) {
	.classPage #classSec .classFlx .item .cpBx:hover .overlay .ttle {
		font-size: 28px
	}
}

@media only screen and (min-width: 1441px) {
	.classPage #classSec .classFlx .item .cpBx:hover .overlay .ttle {
		font-size: 34px
	}
}

.classPage #classSec .classFlx .item .cpBx:hover .overlay .more {
	margin-top: 13px;
	display: flex
}

.classPage .Pagetitle {
	font-size: 30px;
	line-height: 36px;
	color: #fff;
	font-weight: 500
}

@media only screen and (min-width: 576px) {
	.classPage .Pagetitle {
		font-size: 40px;
		line-height: 45px
	}
}

@media only screen and (min-width: 992px) {
	.classPage .Pagetitle {
		font-size: 50px;
		line-height: 55px
	}
}

@media only screen and (min-width: 1200px) {
	.classPage .Pagetitle {
		font-size: 60px;
		line-height: 65px
	}
}

@media only screen and (min-width: 1441px) {
	.classPage .Pagetitle {
		font-size: 70px;
		line-height: 72px
	}
}

.classPage #classDetailSec {
	padding: 25px 0 30px
}

@media only screen and (min-width: 576px) {
	.classPage #classDetailSec {
		padding: 30px 0 40px
	}
}

@media only screen and (min-width: 992px) {
	.classPage #classDetailSec {
		padding: 40px 0 40px
	}
}

@media only screen and (min-width: 1441px) {
	.classPage #classDetailSec {
		padding: 56px 0 43px
	}
}

.classPage #classDetailSec .topBx {
	margin-bottom: 20px
}

@media only screen and (min-width: 992px) {
	.classPage #classDetailSec .topBx {
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1200px) {
	.classPage #classDetailSec .topBx {
		margin-bottom: 50px
	}
}

@media only screen and (min-width: 1441px) {
	.classPage #classDetailSec .topBx {
		margin-bottom: 77px
	}
}

.classPage #classDetailSec .topBx .Pagetitle {
	margin-bottom: 10px
}

@media only screen and (min-width: 576px) {
	.classPage #classDetailSec .topBx .Pagetitle {
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 1441px) {
	.classPage #classDetailSec .topBx .Pagetitle {
		margin-bottom: 30px
	}
}

.classPage #classDetailSec .topBx .book {
	width: 160px;
	height: 45px;
	border-radius: 12px;
	background: #d20a09;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #fff;
	font-weight: 500;
	line-height: 25px
}

@media only screen and (min-width: 576px) {
	.classPage #classDetailSec .topBx .book {
		width: 180px;
		height: 48px
	}
}

@media only screen and (min-width: 992px) {
	.classPage #classDetailSec .topBx .book {
		width: 200px;
		height: 52px;
		font-size: 18px
	}
}

@media only screen and (min-width: 1200px) {
	.classPage #classDetailSec .topBx .book {
		width: 220px;
		height: 55px;
		font-size: 22px
	}
}

@media only screen and (min-width: 1441px) {
	.classPage #classDetailSec .topBx .book {
		width: 239px;
		height: 60px;
		font-size: 25px
	}
}

.classPage #classDetailSec .headBx {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 20px
}

@media only screen and (min-width: 576px) {
	.classPage #classDetailSec .headBx {
		margin-bottom: 25px
	}
}

@media only screen and (min-width: 992px) {
	.classPage #classDetailSec .headBx {
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1441px) {
	.classPage #classDetailSec .headBx {
		margin-bottom: 50px
	}
}

.classPage #classDetailSec .headBx .lftB {
	width: 100%
}

@media only screen and (min-width: 576px) {
	.classPage #classDetailSec .headBx .lftB {
		width: 70%
	}
}

.classPage #classDetailSec .headBx .lftB .mainT {
	font-size: 24px;
	line-height: 29px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 15px
}

@media only screen and (min-width: 576px) {
	.classPage #classDetailSec .headBx .lftB .mainT {
		font-size: 30px;
		line-height: 35px;
		margin-bottom: 0
	}
}

@media only screen and (min-width: 992px) {
	.classPage #classDetailSec .headBx .lftB .mainT {
		font-size: 40px;
		line-height: 45px
	}
}

@media only screen and (min-width: 1200px) {
	.classPage #classDetailSec .headBx .lftB .mainT {
		font-size: 50px;
		line-height: 55px
	}
}

@media only screen and (min-width: 1441px) {
	.classPage #classDetailSec .headBx .lftB .mainT {
		font-size: 60px;
		line-height: 69px
	}
}

.classPage #classDetailSec .headBx .ritB {
	width: 100%;
	padding-top: 0;
	display: flex
}

@media only screen and (min-width: 576px) {
	.classPage #classDetailSec .headBx .ritB {
		width: 30%;
		justify-content: flex-end
	}
}

@media only screen and (min-width: 1200px) {
	.classPage #classDetailSec .headBx .ritB {
		padding-top: 58px
	}
}

.classPage #classDetailSec .headBx .ritB .cmnlocation {
	display: inline-block;
	position: relative;
	background-color: #707070;
	min-width: 140px;
	border-radius: 10px !important
}

@media only screen and (min-width: 768px) {
	.classPage #classDetailSec .headBx .ritB .cmnlocation {
		min-width: 180px
	}
}

.classPage #classDetailSec .headBx .ritB .cmnlocation .dropdown {
	min-width: 150px;
	width: 100%
}

@media only screen and (min-width: 768px) {
	.classPage #classDetailSec .headBx .ritB .cmnlocation .dropdown {
		min-width: 180px
	}
}

.classPage #classDetailSec .headBx .ritB .cmnlocation .dropdown-toggle {
	display: flex;
	align-items: center;
	position: relative;
	min-width: 140px;
	height: 45px;
	background-color: #707070;
	border: none;
	border-radius: 10px !important;
	color: #fff
}

@media only screen and (min-width: 768px) {
	.classPage #classDetailSec .headBx .ritB .cmnlocation .dropdown-toggle {
		min-width: 180px
	}
}

.classPage #classDetailSec .headBx .ritB .cmnlocation .dropdown-toggle:focus {
	outline: none !important
}

.classPage #classDetailSec .headBx .ritB .cmnlocation .dropdown-toggle::before {
	content: "";
	position: absolute;
	top: 10px;
	left: 20px;
	background: url("../images/loc.svg") no-repeat center !important;
	background-size: contain !important;
	width: 10px;
	height: 20px
}

@media only screen and (min-width: 768px) {
	.classPage #classDetailSec .headBx .ritB .cmnlocation .dropdown-toggle::before {
		top: unset;
		width: 15px;
		left: 30px
	}
}

.classPage #classDetailSec .headBx .ritB .cmnlocation .dropdown-toggle .filter-option-inner-inner {
	font-size: 16px;
	font-weight: 500;
	padding-left: 30px;
	color: #fff
}

@media only screen and (min-width: 768px) {
	.classPage #classDetailSec .headBx .ritB .cmnlocation .dropdown-toggle .filter-option-inner-inner {
		font-size: 18px;
		padding-left: 40px
	}
}

.classPage #classDetailSec .headBx .ritB .cmnlocation .dropdown-menu {
	background-color: #515151;
	border-radius: 10px;
	max-height: 190px;
	overflow-y: scroll
}

.classPage #classDetailSec .headBx .ritB .cmnlocation .dropdown-menu::-webkit-scrollbar {
	width: 4px;
	border-radius: 2px
}

.classPage #classDetailSec .headBx .ritB .cmnlocation .dropdown-menu::-webkit-scrollbar-track {
	background: rgba(128, 128, 128, .5)
}

.classPage #classDetailSec .headBx .ritB .cmnlocation .dropdown-menu::-webkit-scrollbar-thumb {
	background: red;
	border-radius: 10px
}

.classPage #classDetailSec .headBx .ritB .cmnlocation .dropdown-menu:first-child {
	padding: 5px 15px 10px 15px
}

@media only screen and (min-width: 992px) {
	.classPage #classDetailSec .headBx .ritB .cmnlocation .dropdown-menu:first-child {
		padding: 10px 30px 25px 25px
	}
}

.classPage #classDetailSec .headBx .ritB .cmnlocation .dropdown-menu .dropdown-item {
	margin: 5px 0px;
	border-bottom: 1px solid hsla(0, 0%, 100%, .1);
	transition: all .4s
}

.classPage #classDetailSec .headBx .ritB .cmnlocation .dropdown-menu .dropdown-item span {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	transition: all .4s;
	font-weight: 500
}

@media only screen and (min-width: 992px) {
	.classPage #classDetailSec .headBx .ritB .cmnlocation .dropdown-menu .dropdown-item span {
		font-size: 18px
	}
}

.classPage #classDetailSec .headBx .ritB .cmnlocation .dropdown-menu .dropdown-item:hover,
.classPage #classDetailSec .headBx .ritB .cmnlocation .dropdown-menu .dropdown-item.active,
.classPage #classDetailSec .headBx .ritB .cmnlocation .dropdown-menu .dropdown-item:focus {
	border-radius: 5px;
	background-color: rgba(0, 0, 0, 0);
	color: #d20a09
}

.classPage #classDetailSec .headBx .ritB .cmnlocation .dropdown-menu .dropdown-item:hover span,
.classPage #classDetailSec .headBx .ritB .cmnlocation .dropdown-menu .dropdown-item.active span,
.classPage #classDetailSec .headBx .ritB .cmnlocation .dropdown-menu .dropdown-item:focus span {
	color: #d20a09
}

.classPage #classDetailSec .relatedItems {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0
}

@media only screen and (min-width: 576px) {
	.classPage #classDetailSec .relatedItems {
		margin: -10px -7px
	}
}

@media only screen and (min-width: 992px) {
	.classPage #classDetailSec .relatedItems {
		margin: -15px -7px
	}
}

@media only screen and (min-width: 1200px) {
	.classPage #classDetailSec .relatedItems {
		margin: -18px -10px
	}
}

@media only screen and (min-width: 1441px) {
	.classPage #classDetailSec .relatedItems {
		margin: -25px -13px
	}
}

.classPage #classDetailSec .relatedItems .item {
	padding: 7px 0px;
	width: 100%
}

@media only screen and (min-width: 576px) {
	.classPage #classDetailSec .relatedItems .item {
		padding: 10px 7px;
		width: 50%
	}
}

@media only screen and (min-width: 992px) {
	.classPage #classDetailSec .relatedItems .item {
		padding: 15px 7px;
		width: 33.3333333333%
	}
}

@media only screen and (min-width: 1200px) {
	.classPage #classDetailSec .relatedItems .item {
		padding: 18px 10px;
		width: 33.3333333333%
	}
}

@media only screen and (min-width: 1441px) {
	.classPage #classDetailSec .relatedItems .item {
		padding: 25px 13px;
		width: 33.3333333333%
	}
}

.classPage #classDetailSec .relatedItems .item .cpRBx {
	display: block;
	position: relative;
	overflow: hidden
}

.classPage #classDetailSec .relatedItems .item .cpRBx::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgba(54, 50, 50, 0) 0%, rgba(210, 10, 9, 0.3607843137) 62%, rgba(3, 3, 3, 0.6392156863) 82%, #000000 100%) 0% 0% no-repeat padding-box;
	z-index: 10;
	transition: .4s all;
	opacity: 1
}

.classPage #classDetailSec .relatedItems .item .cpRBx::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 50%;
	width: 100%;
	background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(54, 50, 50, 0) 0%, #000000 100%) 0% 0% no-repeat padding-box;
	z-index: 1
}

.classPage #classDetailSec .relatedItems .item .cpRBx .imgBx {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.classPage #classDetailSec .relatedItems .item .cpRBx .imgBx img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .4s all
}

.classPage #classDetailSec .relatedItems .item .cpRBx .overlay {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	justify-content: center;
	padding: 18px 10px;
	z-index: 10;
	text-align: center
}

@media only screen and (min-width: 576px) {
	.classPage #classDetailSec .relatedItems .item .cpRBx .overlay {
		padding: 23px 10px
	}
}

@media only screen and (min-width: 992px) {
	.classPage #classDetailSec .relatedItems .item .cpRBx .overlay {
		padding: 43px 10px
	}
}

.classPage #classDetailSec .relatedItems .item .cpRBx .overlay>* {
	width: 100%
}

.classPage #classDetailSec .relatedItems .item .cpRBx .overlay .title {
	font-size: 20px;
	line-height: 30px;
	font-weight: 500;
	color: #fff
}

@media only screen and (min-width: 576px) {
	.classPage #classDetailSec .relatedItems .item .cpRBx .overlay .title {
		font-size: 24px;
		line-height: 28px
	}
}

@media only screen and (min-width: 992px) {
	.classPage #classDetailSec .relatedItems .item .cpRBx .overlay .title {
		font-size: 28px;
		line-height: 32px
	}
}

@media only screen and (min-width: 1200px) {
	.classPage #classDetailSec .relatedItems .item .cpRBx .overlay .title {
		font-size: 32px;
		line-height: 36px
	}
}

@media only screen and (min-width: 1441px) {
	.classPage #classDetailSec .relatedItems .item .cpRBx .overlay .title {
		font-size: 40px;
		line-height: 40px
	}
}

.classPage #classDetailSec .relatedItems .item .cpRBx .overlay .more {
	width: 120px;
	height: 38px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #d20a09;
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	line-height: 20px
}

@media only screen and (min-width: 576px) {
	.classPage #classDetailSec .relatedItems .item .cpRBx .overlay .more {
		width: 130px;
		height: 40px;
		font-size: 16px;
		border-radius: 12px
	}
}

@media only screen and (min-width: 992px) {
	.classPage #classDetailSec .relatedItems .item .cpRBx .overlay .more {
		width: 140px;
		height: 45px
	}
}

@media only screen and (min-width: 1200px) {
	.classPage #classDetailSec .relatedItems .item .cpRBx .overlay .more {
		width: 155px;
		height: 48px;
		font-size: 18px
	}
}

@media only screen and (min-width: 1441px) {
	.classPage #classDetailSec .relatedItems .item .cpRBx .overlay .more {
		width: 173px;
		height: 52px;
		font-size: 20px
	}
}

.classPage #classDetailSec .relatedItems .item .cpRBx:hover .imgBx img {
	transform: scale(1.05)
}

.classPage #gallerySec .Pagetitle {
	margin-bottom: 15px
}

@media only screen and (min-width: 576px) {
	.classPage #gallerySec .Pagetitle {
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 992px) {
	.classPage #gallerySec .Pagetitle {
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1200px) {
	.classPage #gallerySec .Pagetitle {
		margin-bottom: 40px
	}
}

@media only screen and (min-width: 1441px) {
	.classPage #gallerySec .Pagetitle {
		margin-bottom: 50px
	}
}

.classPage #gallerySec .Featureslider {
	padding-right: 82px
}

.classPage #gallerySec .galBox {
	height: 250px;
	transition: all .4s;
	overflow: hidden;
	position: relative;
	display: block
}

@media only screen and (min-width: 576px) {
	.classPage #gallerySec .galBox {
		height: 280px
	}
}

@media only screen and (min-width: 992px) {
	.classPage #gallerySec .galBox {
		height: 338px
	}
}

.classPage #gallerySec .galBox .imgBox {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 24px;
	margin-bottom: 25px;
	border: solid 1px #720f0e
}

.classPage #gallerySec .galBox .imgBox img {
	transition: all .5s;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.classPage #gallerySec .galBox:hover .imgBox img {
	transform: scale(1.1)
}

.classPage #gallerySec .galBox:hover .icon {
	background-color: #d20a09
}

.classPage #gallerySec .galBox .icon {
	position: absolute;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10;
	background: rgba(210, 10, 9, .5);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	transition: all .4s;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center
}

@media only screen and (min-width: 576px) {
	.classPage #gallerySec .galBox .icon {
		width: 50px;
		height: 50px
	}
}

@media only screen and (min-width: 992px) {
	.classPage #gallerySec .galBox .icon {
		width: 65px;
		height: 65px
	}
}

.classPage #gallerySec .galBox .icon img {
	width: 15px
}

@media only screen and (min-width: 576px) {
	.classPage #gallerySec .galBox .icon img {
		width: 18px
	}
}

@media only screen and (min-width: 992px) {
	.classPage #gallerySec .galBox .icon img {
		width: 25px
	}
}

.classPage #gallerySec .owl-item {
	height: 300px !important;
	overflow: hidden;
	display: flex;
	align-items: flex-end
}

@media only screen and (min-width: 576px) {
	.classPage #gallerySec .owl-item {
		height: 300px !important
	}
}

@media only screen and (min-width: 992px) {
	.classPage #gallerySec .owl-item {
		height: 448px !important
	}
}

.classPage #gallerySec .owl-item.firstactiveitem .galBox {
	height: 300px
}

@media only screen and (min-width: 576px) {
	.classPage #gallerySec .owl-item.firstactiveitem .galBox {
		height: 300px !important
	}
}

@media only screen and (min-width: 992px) {
	.classPage #gallerySec .owl-item.firstactiveitem .galBox {
		height: 448px !important
	}
}

.classPage #gallerySec .owl-item:not(.active) {
	opacity: 0;
	visibility: hidden
}

.classPage #gallerySec .owl-nav button {
	width: 47px;
	height: 156px;
	border-radius: 0 0 0 43px;
	background: #d20a09;
	opacity: 1;
	border: none !important
}

.classPage #gallerySec .owl-nav button.owl-prev {
	left: 0;
	display: none
}

.classPage #gallerySec .owl-nav button.owl-next {
	right: 0
}

.classPage #faqSec {
	padding: 40px 0
}

@media only screen and (min-width: 768px) {
	.classPage #faqSec {
		padding: 40px 0 60px
	}
}

@media only screen and (min-width: 1200px) {
	.classPage #faqSec {
		padding: 105px 0 115px
	}
}

.classPage #faqSec .Pagetitle {
	margin-bottom: 40px
}

.classPage #faqSec .accordion {
	background: rgba(0, 0, 0, 0)
}

.classPage #faqSec .accordion .accordion-item {
	border: 0;
	border-radius: 0;
	background: rgba(0, 0, 0, 0);
	position: relative;
	border-bottom: dashed 1px hsla(0, 0%, 100%, .29)
}

.classPage #faqSec .accordion .accordion-item:nth-child(1) .accordion-header .accordion-button {
	padding-top: 0
}

.classPage #faqSec .accordion .accordion-item .accordion-header .accordion-button {
	color: #fff;
	font-weight: 500;
	background: rgba(0, 0, 0, 0);
	font-size: 14px;
	line-height: 21px;
	align-items: flex-start;
	text-align: unset;
	width: 100%;
	padding: 15px 0
}

@media only screen and (min-width: 992px) {
	.classPage #faqSec .accordion .accordion-item .accordion-header .accordion-button {
		padding: 26px 0;
		font-size: 18px;
		line-height: 20px
	}
}

@media only screen and (min-width: 1200px) {
	.classPage #faqSec .accordion .accordion-item .accordion-header .accordion-button {
		font-size: 22px;
		line-height: 24px
	}
}

@media only screen and (min-width: 1441px) {
	.classPage #faqSec .accordion .accordion-item .accordion-header .accordion-button {
		font-size: 26px;
		line-height: 28px
	}
}

.classPage #faqSec .accordion .accordion-item .accordion-header .accordion-button:focus {
	box-shadow: none
}

.classPage #faqSec .accordion .accordion-item .accordion-header .accordion-button::after {
	background-image: none;
	content: "";
	background: url(../images/rt.svg) no-repeat;
	background-size: contain;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: none !important;
	background-position: center !important;
	width: 12px;
	height: 17px
}

@media only screen and (min-width: 768px) {
	.classPage #faqSec .accordion .accordion-item .accordion-header .accordion-button::after {
		width: 16px;
		height: 21px
	}
}

.classPage #faqSec .accordion .accordion-item .accordion-header .accordion-button[aria-expanded=true] {
	background-color: rgba(0, 0, 0, 0);
	box-shadow: none
}

.classPage #faqSec .accordion .accordion-item .accordion-header .accordion-button[aria-expanded=true]::after {
	transform: scale(-1, 1) !important
}

.classPage #faqSec .accordion .accordion-item .accordion-collapse .accordion-body {
	padding: 0;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px
}

@media only screen and (min-width: 1441px) {
	.classPage #faqSec .accordion .accordion-item .accordion-collapse .accordion-body {
		font-size: 16px;
		line-height: 26px
	}
}

@media only screen and (min-width: 1651px) {
	.classPage #faqSec .accordion .accordion-item .accordion-collapse .accordion-body {
		font-size: 18px;
		line-height: 28px
	}
}

.classPage #faqSec .accordion .accordion-item .accordion-collapse .accordion-body p {
	color: #fff;
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px
}

@media only screen and (min-width: 1441px) {
	.classPage #faqSec .accordion .accordion-item .accordion-collapse .accordion-body p {
		font-size: 16px;
		line-height: 26px
	}
}

@media only screen and (min-width: 1651px) {
	.classPage #faqSec .accordion .accordion-item .accordion-collapse .accordion-body p {
		font-size: 18px;
		line-height: 28px
	}
}

.boxingConditioningPage #classSec {
	padding: 46px 0 170px;
	overflow: hidden
}

.boxingConditioningPage .Pagetitle {
	font-size: 35px;
	line-height: 40px;
	color: #fff;
	font-weight: 500
}

@media only screen and (min-width: 576px) {
	.boxingConditioningPage .Pagetitle {
		font-size: 50px;
		line-height: 55px
	}
}

@media only screen and (min-width: 1451px) {
	.boxingConditioningPage .Pagetitle {
		font-size: 70px;
		line-height: 72px
	}
}

.boxingConditioningPage #classDetailSec {
	padding: 20px 0 20px
}

@media only screen and (min-width: 768px) {
	.boxingConditioningPage #classDetailSec {
		padding: 40px 0 33px
	}
}

@media only screen and (min-width: 1451px) {
	.boxingConditioningPage #classDetailSec {
		padding: 56px 0 43px
	}
}

.boxingConditioningPage #classDetailSec .flxBx {
	display: flex;
	flex-wrap: wrap
}

.boxingConditioningPage #classDetailSec .flxBx>* {
	width: 100%
}

@media only screen and (min-width: 992px) {
	.boxingConditioningPage #classDetailSec .flxBx>* {
		width: 50%
	}
}

.boxingConditioningPage #classDetailSec .flxBx .lftB .lftSlide {
	margin-bottom: 12px
}

@media only screen and (min-width: 576px) {
	.boxingConditioningPage #classDetailSec .flxBx .lftB .lftSlide {
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 992px) {
	.boxingConditioningPage #classDetailSec .flxBx .lftB .lftSlide {
		margin-bottom: 0
	}
}

.boxingConditioningPage #classDetailSec .flxBx .lftB .lftSlide .imgBx {
	height: 270px;
	border-radius: 20px;
	overflow: hidden
}

@media only screen and (min-width: 576px) {
	.boxingConditioningPage #classDetailSec .flxBx .lftB .lftSlide .imgBx {
		height: 350px
	}
}

@media only screen and (min-width: 992px) {
	.boxingConditioningPage #classDetailSec .flxBx .lftB .lftSlide .imgBx {
		height: 504px
	}
}

.boxingConditioningPage #classDetailSec .flxBx .lftB .lftSlide .imgBx img {
	transition: all .4s;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.boxingConditioningPage #classDetailSec .flxBx .lftB .lftSlide .imgBx:hover img {
	transform: scale(1.1)
}

.boxingConditioningPage #classDetailSec .flxBx .ritB {
	padding-left: 0
}

@media only screen and (min-width: 992px) {
	.boxingConditioningPage #classDetailSec .flxBx .ritB {
		padding-left: 40px
	}
}

.boxingConditioningPage #classDetailSec .flxBx .ritB .Pagetitle {
	margin-bottom: 8px
}

@media only screen and (min-width: 576px) {
	.boxingConditioningPage #classDetailSec .flxBx .ritB .Pagetitle {
		margin-bottom: 16px
	}
}

.boxingConditioningPage #classDetailSec .flxBx .ritB .ritSlide {
	margin-top: 20px
}

@media only screen and (min-width: 992px) {
	.boxingConditioningPage #classDetailSec .flxBx .ritB .ritSlide {
		margin-top: 15px
	}
}

@media only screen and (min-width: 1200px) {
	.boxingConditioningPage #classDetailSec .flxBx .ritB .ritSlide {
		margin-top: 30px
	}
}

.boxingConditioningPage #classDetailSec .flxBx .ritB .ritSlide .imgBx {
	height: 108px;
	border-radius: 10px;
	overflow: hidden;
	position: relative
}

@media only screen and (min-width: 576px) {
	.boxingConditioningPage #classDetailSec .flxBx .ritB .ritSlide .imgBx {
		border-radius: 20px
	}
}

.boxingConditioningPage #classDetailSec .flxBx .ritB .ritSlide .imgBx img {
	transition: all .4s;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.boxingConditioningPage #classDetailSec .flxBx .ritB .ritSlide .imgBx:hover img {
	transform: scale(1.1)
}

.boxingConditioningPage #classDetailSec .flxBx .ritB .ritSlide .imgBx .ico {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 31px;
	height: 21px
}

.boxingConditioningPage #classDetailSec .flxBx .ritB .ritSlide .owl-item:not(.current) .imgBx img {
	opacity: .5
}

.boxingConditioningPage #classDetailSec .flxBx .ritB .ritSlide .owl-item.current+.owl-item .imgBx img {
	opacity: .8
}

.boxingConditioningPage #classDetailSec .flxBx .ritB .bookNow {
	width: 170px;
	height: 50px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #d20a09;
	font-size: 14px;
	line-height: 27px;
	color: #fff;
	font-weight: 500;
	margin-top: 10px
}

@media only screen and (min-width: 576px) {
	.boxingConditioningPage #classDetailSec .flxBx .ritB .bookNow {
		width: 190px;
		font-size: 18px;
		margin-top: 20px
	}
}

@media only screen and (min-width: 1200px) {
	.boxingConditioningPage #classDetailSec .flxBx .ritB .bookNow {
		width: 210px;
		height: 55px;
		font-size: 20px
	}
}

@media only screen and (min-width: 1451px) {
	.boxingConditioningPage #classDetailSec .flxBx .ritB .bookNow {
		width: 239px;
		height: 60px;
		font-size: 25px;
		margin-top: 55px
	}
}

.boxingConditioningPage #featureSec {
	padding: 17px 0 40px
}

@media only screen and (min-width: 576px) {
	.boxingConditioningPage #featureSec {
		padding: 40px 0 60px
	}
}

@media only screen and (min-width: 992px) {
	.boxingConditioningPage #featureSec {
		padding: 40px 0 80px
	}
}

@media only screen and (min-width: 1451px) {
	.boxingConditioningPage #featureSec {
		padding: 43px 0 120px
	}
}

.boxingConditioningPage #featureSec .title {
	font-size: 28px;
	line-height: 40px;
	color: #fff;
	font-weight: 300;
	margin-bottom: 20px
}

@media only screen and (min-width: 576px) {
	.boxingConditioningPage #featureSec .title {
		font-size: 40px;
		margin-bottom: 35px
	}
}

@media only screen and (min-width: 1451px) {
	.boxingConditioningPage #featureSec .title {
		margin-bottom: 60px
	}
}

.boxingConditioningPage #featureSec .flxBx {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 -5px
}

@media only screen and (min-width: 576px) {
	.boxingConditioningPage #featureSec .flxBx {
		margin: 0 -10px
	}
}

@media only screen and (min-width: 992px) {
	.boxingConditioningPage #featureSec .flxBx {
		margin: 0 -15px
	}
}

@media only screen and (min-width: 1200px) {
	.boxingConditioningPage #featureSec .flxBx {
		margin: 0 -20px
	}
}

@media only screen and (min-width: 1451px) {
	.boxingConditioningPage #featureSec .flxBx {
		margin: 0 -50px
	}
}

.boxingConditioningPage #featureSec .flxBx .item {
	width: 100%;
	padding: 0 5px;
	margin-bottom: 12px
}

@media only screen and (min-width: 576px) {
	.boxingConditioningPage #featureSec .flxBx .item {
		width: 50%;
		padding: 0 10px;
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 992px) {
	.boxingConditioningPage #featureSec .flxBx .item {
		width: 33.3333333333%;
		padding: 0 15px;
		margin-bottom: 0
	}
}

@media only screen and (min-width: 1200px) {
	.boxingConditioningPage #featureSec .flxBx .item {
		padding: 0 20px
	}
}

@media only screen and (min-width: 1451px) {
	.boxingConditioningPage #featureSec .flxBx .item {
		padding: 0 50px
	}
}

.boxingConditioningPage #featureSec .flxBx .item:last-child {
	margin-bottom: 0
}

.boxingConditioningPage #featureSec .flxBx .item .cmnB {
	background: hsla(0, 0%, 100%, .07);
	border-radius: 20px;
	backdrop-filter: blur(50px);
	-webkit-backdrop-filter: blur(50px);
	position: relative;
	padding: 13px 30px 34px;
	height: 100%
}

@media only screen and (min-width: 576px) {
	.boxingConditioningPage #featureSec .flxBx .item .cmnB {
		padding: 13px 30px 34px
	}
}

.boxingConditioningPage #featureSec .flxBx .item .cmnB ul {
	padding-left: 15px
}

.boxingConditioningPage #featureSec .flxBx .item .cmnB ul li {
	list-style: disc
}

.boxingConditioningPage #featureSec .flxBx .item .cmnB ul li::marker {
	color: #d20a09
}

.boxingConditioningPage #featureSec .flxBx .item .cmnB::before {
	content: "";
	position: absolute;
	width: 82px;
	height: 82px;
	left: 0;
	top: 30%;
	background: hsla(0, 0%, 100%, .33);
	filter: blur(41px)
}

.boxingConditioningPage #featureSec .flxBx .item .cmnB::after {
	content: "";
	position: absolute;
	width: 82px;
	height: 82px;
	right: 20%;
	top: 30%;
	background: rgba(218, 48, 38, .66);
	filter: blur(41px)
}

.boxingConditioningPage #featureSec .flxBx .item .cmnB .ttle {
	display: flex;
	align-items: center;
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 10px;
	position: relative;
	margin-left: -17px
}

@media only screen and (min-width: 768px) {
	.boxingConditioningPage #featureSec .flxBx .item .cmnB .ttle {
		font-size: 24px;
		margin-bottom: 25px
	}
}

.boxingConditioningPage #featureSec .flxBx .item .cmnB .ttle .ico {
	min-width: 59px;
	margin-right: 20px
}

.boxingConditioningPage #featureSec .flxBx .item .cmnB p {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 0
}

.boxingConditioningPage #gallerySec {
	padding: 0 0 30px
}

.boxingConditioningPage #gallerySec .Pagetitle {
	margin-bottom: 15px
}

@media only screen and (min-width: 576px) {
	.boxingConditioningPage #gallerySec .Pagetitle {
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 992px) {
	.boxingConditioningPage #gallerySec .Pagetitle {
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1451px) {
	.boxingConditioningPage #gallerySec .Pagetitle {
		margin-bottom: 50px
	}
}

.boxingConditioningPage #gallerySec .Featureslider {
	padding-right: 82px
}

@media only screen and (min-width: 576px) {
	.boxingConditioningPage #gallerySec .Featureslider {
		padding-right: 40px
	}
}

@media only screen and (min-width: 992px) {
	.boxingConditioningPage #gallerySec .Featureslider {
		padding-right: 82px
	}
}

.boxingConditioningPage #gallerySec .Featureslider .slide {
	width: 100%
}

.boxingConditioningPage #gallerySec .galBox {
	height: 338px;
	transition: all .4s;
	overflow: hidden;
	position: relative;
	display: block
}

.boxingConditioningPage #gallerySec .galBox .imgBox {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 24px;
	margin-bottom: 25px;
	border: solid 1px #720f0e
}

.boxingConditioningPage #gallerySec .galBox .imgBox img {
	transition: all .5s;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.boxingConditioningPage #gallerySec .galBox .imgBox:hover img {
	transform: scale(1.1)
}

.boxingConditioningPage #gallerySec .galBox .icon {
	position: absolute;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10;
	background: rgba(210, 10, 9, .5);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	transition: all .4s
}

.boxingConditioningPage #gallerySec .galBox .icon img {
	width: 25px
}

.boxingConditioningPage #gallerySec .galBox:hover .icon {
	background-color: #d20a09
}

.boxingConditioningPage #gallerySec .owl-item {
	height: 355px !important;
	display: flex;
	align-items: flex-end
}

@media only screen and (min-width: 468px) {
	.boxingConditioningPage #gallerySec .owl-item {
		height: 400px !important
	}
}

@media only screen and (min-width: 992px) {
	.boxingConditioningPage #gallerySec .owl-item {
		height: 448px !important
	}
}

.boxingConditioningPage #gallerySec .owl-item.firstactiveitem .galBox {
	height: 350px
}

@media only screen and (min-width: 468px) {
	.boxingConditioningPage #gallerySec .owl-item.firstactiveitem .galBox {
		height: 390px !important
	}
}

@media only screen and (min-width: 992px) {
	.boxingConditioningPage #gallerySec .owl-item.firstactiveitem .galBox {
		height: 410px !important
	}
}

@media only screen and (min-width: 1451px) {
	.boxingConditioningPage #gallerySec .owl-item.firstactiveitem .galBox {
		height: 448px !important
	}
}

.boxingConditioningPage #gallerySec .owl-item:not(.active) {
	opacity: 0;
	visibility: hidden
}

.boxingConditioningPage #gallerySec .owl-nav button {
	width: 40px;
	height: 135px;
	border-radius: 0 0 0 43px;
	background: #d20a09;
	opacity: 1;
	border: none !important
}

@media only screen and (min-width: 468px) {
	.boxingConditioningPage #gallerySec .owl-nav button {
		width: 35px;
		height: 120px
	}
}

@media only screen and (min-width: 992px) {
	.boxingConditioningPage #gallerySec .owl-nav button {
		width: 47px;
		height: 156px
	}
}

.boxingConditioningPage #gallerySec .owl-nav button span {
	background: url("../images/arw.svg") no-repeat center;
	background-size: contain;
	width: 20px;
	height: 18px;
	transform: none
}

@media only screen and (min-width: 768px) {
	.boxingConditioningPage #gallerySec .owl-nav button span {
		width: 29px;
		height: 21px
	}
}

.boxingConditioningPage #gallerySec .owl-nav button.owl-prev {
	left: 0;
	display: none
}

.boxingConditioningPage #gallerySec .owl-nav button.owl-next {
	right: 0
}

.boxingConditioningPage #gallerySec .membership {
	font-size: 16px;
	line-height: 27px;
	color: #d20a09;
	font-weight: 500;
	width: 200px;
	height: 50px;
	border-radius: 10px;
	border: solid 1px #d20a09;
	margin: auto;
	margin-top: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #16171b
}

@media only screen and (min-width: 576px) {
	.boxingConditioningPage #gallerySec .membership {
		width: 250px;
		height: 55px;
		margin-top: 50px;
		font-size: 20px;
		border-radius: 20px
	}
}

@media only screen and (min-width: 1451px) {
	.boxingConditioningPage #gallerySec .membership {
		width: 287px;
		height: 60px;
		margin-top: 80px;
		font-size: 25px
	}
}

.boxingConditioningPage #relatedPrgrms {
	padding: 20px 0 30px
}

@media only screen and (min-width: 576px) {
	.boxingConditioningPage #relatedPrgrms {
		padding: 30px 0 40px
	}
}

@media only screen and (min-width: 992px) {
	.boxingConditioningPage #relatedPrgrms {
		padding: 30px 0 70px
	}
}

@media only screen and (min-width: 1451px) {
	.boxingConditioningPage #relatedPrgrms {
		padding: 30px 0 100px
	}
}

.boxingConditioningPage #relatedPrgrms .title {
	font-size: 24px;
	line-height: 40px;
	font-weight: 300;
	color: #fff;
	margin-bottom: 20px
}

@media only screen and (min-width: 992px) {
	.boxingConditioningPage #relatedPrgrms .title {
		font-size: 30px;
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1451px) {
	.boxingConditioningPage #relatedPrgrms .title {
		font-size: 40px;
		margin-bottom: 50px
	}
}

.boxingConditioningPage #relatedPrgrms .prgrmSlider .prgrmBx {
	position: relative;
	display: flex;
	width: 100%;
	height: 340px
}

.boxingConditioningPage #relatedPrgrms .prgrmSlider .prgrmBx .imgBx {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	overflow: hidden
}

.boxingConditioningPage #relatedPrgrms .prgrmSlider .prgrmBx .imgBx img {
	transition: all .4s;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.boxingConditioningPage #relatedPrgrms .prgrmSlider .prgrmBx .imgBx:hover img {
	transform: scale(1.1)
}

.boxingConditioningPage #relatedPrgrms .prgrmSlider .prgrmBx .overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 355px;
	width: 100%;
	padding: 25px 35px;
	border-radius: 0px 0px 10px 10px;
	background-color: rgba(210, 10, 9, .7)
}

@media only screen and (min-width: 1200px) {
	.boxingConditioningPage #relatedPrgrms .prgrmSlider .prgrmBx .overlay {
		max-width: 280px;
		padding: 25px 17px
	}
}

@media only screen and (min-width: 1451px) {
	.boxingConditioningPage #relatedPrgrms .prgrmSlider .prgrmBx .overlay {
		max-width: 355px;
		padding: 25px 35px
	}
}

.boxingConditioningPage #relatedPrgrms .prgrmSlider .prgrmBx .overlay .txt {
	font-size: 18px;
	line-height: 1;
	font-weight: 500;
	color: #fff;
	text-align: center;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}

@media only screen and (min-width: 576px) {
	.boxingConditioningPage #relatedPrgrms .prgrmSlider .prgrmBx .overlay .txt {
		font-size: 20px
	}
}

@media only screen and (min-width: 992px) {
	.boxingConditioningPage #relatedPrgrms .prgrmSlider .prgrmBx .overlay .txt {
		font-size: 22px
	}
}

@media only screen and (min-width: 1451px) {
	.boxingConditioningPage #relatedPrgrms .prgrmSlider .prgrmBx .overlay .txt {
		font-size: 26px
	}
}

.eventPage #cmnBanner .bgIco .bico2 {
	opacity: 5%
}

.eventPage #Events {
	padding: 30px 0px 40px
}

@media only screen and (min-width: 992px) {
	.eventPage #Events {
		padding: 40px 0px 45px
	}
}

@media only screen and (min-width: 1200px) {
	.eventPage #Events {
		padding: 50px 0px 55px
	}
}

@media only screen and (min-width: 1451px) {
	.eventPage #Events {
		padding: 90px 0px 75px
	}
}

.eventPage .searchBx {
	display: block;
	padding: 25px;
	background-color: #3c3c3c;
	border: 1px solid #2b2b2b;
	border-radius: 20px;
	margin-bottom: 20px
}

@media only screen and (min-width: 576px) {
	.eventPage .searchBx {
		padding: 35px;
		margin-bottom: 25px
	}
}

@media only screen and (min-width: 1200px) {
	.eventPage .searchBx {
		padding: 45px;
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1451px) {
	.eventPage .searchBx {
		padding: 60px;
		margin-bottom: 40px
	}
}

.eventPage .searchBx .frmFlx .formBx {
	display: flex;
	align-items: center;
	width: 100%;
	position: relative
}

.eventPage .searchBx .frmFlx .formBx .form-control {
	width: 90%;
	height: 48px;
	background-color: #717171;
	border: none;
	border-radius: 20px 0px 0px 20px
}

@media only screen and (min-width: 576px) {
	.eventPage .searchBx .frmFlx .formBx .form-control {
		height: 52px
	}
}

.eventPage .searchBx .frmFlx .formBx .form-control::placeholder {
	font-size: 14px;
	line-height: 28px;
	font-weight: 400;
	color: #fff
}

@media only screen and (min-width: 576px) {
	.eventPage .searchBx .frmFlx .formBx .form-control::placeholder {
		font-size: 16px
	}
}

@media only screen and (min-width: 1451px) {
	.eventPage .searchBx .frmFlx .formBx .form-control::placeholder {
		font-size: 18px
	}
}

.eventPage .searchBx .frmFlx .formBx .send {
	position: absolute;
	right: 0;
	top: 0;
	width: 20%;
	height: 48px;
	background-color: #d20a09;
	overflow: hidden;
	border-radius: 20px;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center
}

@media only screen and (min-width: 576px) {
	.eventPage .searchBx .frmFlx .formBx .send {
		height: 52px
	}
}

.eventPage .searchBx .frmFlx .formBx .send svg {
	width: 18px
}

@media only screen and (min-width: 1200px) {
	.eventPage .searchBx .frmFlx .formBx .send svg {
		width: 20px
	}
}

.eventPage .Deskview {
	display: none
}

@media only screen and (min-width: 992px) {
	.eventPage .Deskview {
		display: block
	}
}

.eventPage .MblView {
	display: block
}

@media only screen and (min-width: 992px) {
	.eventPage .MblView {
		display: none
	}
}

.eventPage .dFlx {
	display: flex;
	flex-wrap: wrap
}

.eventPage .dFlx .lftSd {
	width: 100%;
	padding-right: 0
}

@media only screen and (min-width: 992px) {
	.eventPage .dFlx .lftSd {
		width: calc(100% - 340px);
		padding-right: 20px
	}
}

@media only screen and (min-width: 1200px) {
	.eventPage .dFlx .lftSd {
		width: calc(100% - 400px);
		padding-right: 30px
	}
}

@media only screen and (min-width: 1451px) {
	.eventPage .dFlx .lftSd {
		width: calc(100% - 435px);
		padding-right: 50px
	}
}

.eventPage .dFlx .lftSd .eventList>.item {
	display: flex;
	margin-bottom: 20px
}

@media only screen and (min-width: 576px) {
	.eventPage .dFlx .lftSd .eventList>.item {
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1200px) {
	.eventPage .dFlx .lftSd .eventList>.item {
		margin-bottom: 50px
	}
}

@media only screen and (min-width: 1451px) {
	.eventPage .dFlx .lftSd .eventList>.item {
		margin-bottom: 75px
	}
}

.eventPage .dFlx .lftSd .eventBx {
	display: block;
	width: 100%;
	height: 100%
}

.eventPage .dFlx .lftSd .eventBx .imgBx {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 24px 24px 0px 0px
}

@media only screen and (min-width: 576px) {
	.eventPage .dFlx .lftSd .eventBx .imgBx {
		max-height: 330px
	}
}

@media only screen and (min-width: 992px) {
	.eventPage .dFlx .lftSd .eventBx .imgBx {
		max-height: 350px
	}
}

@media only screen and (min-width: 1200px) {
	.eventPage .dFlx .lftSd .eventBx .imgBx {
		max-height: 480px
	}
}

@media only screen and (min-width: 1451px) {
	.eventPage .dFlx .lftSd .eventBx .imgBx {
		max-height: 715px
	}
}

.eventPage .dFlx .lftSd .eventBx .imgBx img {
	transition: all .4s;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.eventPage .dFlx .lftSd .eventBx .imgBx:hover img {
	transform: scale(1.1)
}

.eventPage .dFlx .lftSd .eventBx .cntBx {
	padding: 20px 30px 20px 20px;
	background-color: rgba(112, 112, 112, .7);
	border-radius: 0px 0px 15px 15px
}

@media only screen and (min-width: 576px) {
	.eventPage .dFlx .lftSd .eventBx .cntBx {
		padding: 25px 40px 25px 20px
	}
}

@media only screen and (min-width: 1200px) {
	.eventPage .dFlx .lftSd .eventBx .cntBx {
		padding: 30px 70px 35px 30px
	}
}

@media only screen and (min-width: 1451px) {
	.eventPage .dFlx .lftSd .eventBx .cntBx {
		padding: 30px 100px 55px 50px
	}
}

.eventPage .dFlx .lftSd .eventBx .cntBx .flxTbx {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 10px
}

@media only screen and (min-width: 576px) {
	.eventPage .dFlx .lftSd .eventBx .cntBx .flxTbx {
		margin-bottom: 20px
	}
}

.eventPage .dFlx .lftSd .eventBx .cntBx .flxTbx>.box {
	display: flex;
	align-items: center;
	margin-right: 10px;
	margin-bottom: 10px
}

@media only screen and (min-width: 576px) {
	.eventPage .dFlx .lftSd .eventBx .cntBx .flxTbx>.box {
		margin-right: 20px;
		margin-bottom: 0
	}
}

@media only screen and (min-width: 992px) {
	.eventPage .dFlx .lftSd .eventBx .cntBx .flxTbx>.box {
		margin-right: 30px
	}
}

@media only screen and (min-width: 1451px) {
	.eventPage .dFlx .lftSd .eventBx .cntBx .flxTbx>.box {
		margin-right: 50px
	}
}

.eventPage .dFlx .lftSd .eventBx .cntBx .flxTbx>.box:last-child {
	margin-right: 0
}

.eventPage .dFlx .lftSd .eventBx .cntBx .flxTbx>.box .icon {
	width: 25px;
	height: 25px;
	overflow: hidden
}

.eventPage .dFlx .lftSd .eventBx .cntBx .flxTbx>.box .icon svg {
	width: 18px;
	height: 18px
}

@media only screen and (min-width: 576px) {
	.eventPage .dFlx .lftSd .eventBx .cntBx .flxTbx>.box .icon svg {
		width: 20px;
		height: 20px
	}
}

.eventPage .dFlx .lftSd .eventBx .cntBx .flxTbx>.box .txt {
	font-size: 13px;
	line-height: 20px;
	font-weight: 300;
	font-family: "Klavika", sans-serif;
	color: #fff;
	width: calc(100% - 25px);
	padding-left: 3px
}

@media only screen and (min-width: 992px) {
	.eventPage .dFlx .lftSd .eventBx .cntBx .flxTbx>.box .txt {
		font-size: 14px;
		padding-left: 5px
	}
}

@media only screen and (min-width: 1200px) {
	.eventPage .dFlx .lftSd .eventBx .cntBx .flxTbx>.box .txt {
		padding-left: 10px
	}
}

@media only screen and (min-width: 1451px) {
	.eventPage .dFlx .lftSd .eventBx .cntBx .flxTbx>.box .txt {
		font-size: 16px;
		padding-left: 15px
	}
}

.eventPage .dFlx .lftSd .eventBx .cntBx .flxMbx {
	margin-bottom: 15px
}

@media only screen and (min-width: 576px) {
	.eventPage .dFlx .lftSd .eventBx .cntBx .flxMbx {
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 1200px) {
	.eventPage .dFlx .lftSd .eventBx .cntBx .flxMbx {
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1451px) {
	.eventPage .dFlx .lftSd .eventBx .cntBx .flxMbx {
		margin-bottom: 65px
	}
}

.eventPage .dFlx .lftSd .eventBx .cntBx .flxMbx .ttl {
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	color: #fff;
	font-family: "Klavika", sans-serif;
	margin-bottom: 8px
}

@media only screen and (min-width: 576px) {
	.eventPage .dFlx .lftSd .eventBx .cntBx .flxMbx .ttl {
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 10px
	}
}

@media only screen and (min-width: 992px) {
	.eventPage .dFlx .lftSd .eventBx .cntBx .flxMbx .ttl {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 1200px) {
	.eventPage .dFlx .lftSd .eventBx .cntBx .flxMbx .ttl {
		font-size: 22px
	}
}

@media only screen and (min-width: 1451px) {
	.eventPage .dFlx .lftSd .eventBx .cntBx .flxMbx .ttl {
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 20px
	}
}

.eventPage .dFlx .lftSd .eventBx .cntBx .flxMbx p {
	font-size: 14px;
	line-height: 25px;
	font-weight: 300;
	color: #fff;
	font-family: "Klavika", sans-serif
}

@media only screen and (min-width: 992px) {
	.eventPage .dFlx .lftSd .eventBx .cntBx .flxMbx p {
		font-size: 16px
	}
}

@media only screen and (min-width: 1451px) {
	.eventPage .dFlx .lftSd .eventBx .cntBx .flxMbx p {
		font-size: 20px;
		line-height: 30px
	}
}

.eventPage .dFlx .lftSd .eventBx .cntBx .flxBTx {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline
}

.eventPage .dFlx .lftSd .eventBx .cntBx .flxBTx>.box {
	margin-right: 25px;
	margin-bottom: 13px;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center
}

@media only screen and (min-width: 576px) {
	.eventPage .dFlx .lftSd .eventBx .cntBx .flxBTx>.box {
		margin-right: 35px;
		margin-bottom: 0
	}
}

@media only screen and (min-width: 992px) {
	.eventPage .dFlx .lftSd .eventBx .cntBx .flxBTx>.box {
		margin-right: 45px
	}
}

@media only screen and (min-width: 1200px) {
	.eventPage .dFlx .lftSd .eventBx .cntBx .flxBTx>.box {
		margin-right: 55px
	}
}

@media only screen and (min-width: 1451px) {
	.eventPage .dFlx .lftSd .eventBx .cntBx .flxBTx>.box {
		margin-right: 75px
	}
}

.eventPage .dFlx .lftSd .eventBx .cntBx .flxBTx>.box:last-child {
	margin-right: 0;
	margin-bottom: 0
}

.eventPage .dFlx .lftSd .eventBx .cntBx .flxBTx>.box .icon {
	width: 37px;
	height: 37px;
	overflow: hidden;
	border-radius: 50%;
	background-color: #d20a09;
	transition: all .4s;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center
}

@media only screen and (min-width: 576px) {
	.eventPage .dFlx .lftSd .eventBx .cntBx .flxBTx>.box .icon {
		width: 40px;
		height: 40px
	}
}

@media only screen and (min-width: 1451px) {
	.eventPage .dFlx .lftSd .eventBx .cntBx .flxBTx>.box .icon {
		width: 45px;
		height: 45px
	}
}

.eventPage .dFlx .lftSd .eventBx .cntBx .flxBTx>.box .icon svg {
	fill: #fff;
	width: 15px;
	transition: all .4s
}

@media only screen and (min-width: 576px) {
	.eventPage .dFlx .lftSd .eventBx .cntBx .flxBTx>.box .icon svg {
		width: 18px
	}
}

@media only screen and (min-width: 1451px) {
	.eventPage .dFlx .lftSd .eventBx .cntBx .flxBTx>.box .icon svg {
		width: 20px
	}
}

.eventPage .dFlx .lftSd .eventBx .cntBx .flxBTx>.box .txt {
	font-style: 14px;
	line-height: 20px;
	font-weight: 500;
	color: #fff;
	width: calc(100% - 37px);
	padding-left: 10px;
	transition: all .4s
}

@media only screen and (min-width: 576px) {
	.eventPage .dFlx .lftSd .eventBx .cntBx .flxBTx>.box .txt {
		font-style: 16px;
		width: calc(100% - 40px);
		padding-left: 15px
	}
}

@media only screen and (min-width: 1451px) {
	.eventPage .dFlx .lftSd .eventBx .cntBx .flxBTx>.box .txt {
		width: calc(100% - 45px);
		padding-left: 20px
	}
}

.eventPage .dFlx .lftSd .eventBx .cntBx .flxBTx>.box:hover .icon {
	background-color: #fff
}

.eventPage .dFlx .lftSd .eventBx .cntBx .flxBTx>.box:hover .icon svg {
	fill: #d20a09
}

.eventPage .dFlx .lftSd .eventBx .cntBx .flxBTx>.box:hover .txt {
	color: #d8d8d8
}

.eventPage .dFlx .ritSd {
	width: 100%
}

@media only screen and (min-width: 992px) {
	.eventPage .dFlx .ritSd {
		width: 340px
	}
}

@media only screen and (min-width: 1200px) {
	.eventPage .dFlx .ritSd {
		width: 400px
	}
}

@media only screen and (min-width: 1451px) {
	.eventPage .dFlx .ritSd {
		width: 435px
	}
}

.eventPage .dFlx .ritSd .Httl {
	font-size: 24px;
	line-height: 28px;
	font-weight: 500;
	color: hsla(0, 0%, 100%, .7);
	margin-bottom: 15px
}

@media only screen and (min-width: 576px) {
	.eventPage .dFlx .ritSd .Httl {
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 1200px) {
	.eventPage .dFlx .ritSd .Httl {
		margin-bottom: 25px
	}
}

@media only screen and (min-width: 1451px) {
	.eventPage .dFlx .ritSd .Httl {
		margin-bottom: 35px
	}
}

.eventPage .dFlx .ritSd .recentList {
	display: block;
	background-color: #3c3c3c;
	border-radius: 20px;
	padding: 30px 15px 30px 30px;
	margin-bottom: 20px
}

@media only screen and (min-width: 576px) {
	.eventPage .dFlx .ritSd .recentList {
		margin-bottom: 30px;
		padding: 30px 15px 40px 30px
	}
}

@media only screen and (min-width: 1200px) {
	.eventPage .dFlx .ritSd .recentList {
		margin-bottom: 40px
	}
}

@media only screen and (min-width: 1451px) {
	.eventPage .dFlx .ritSd .recentList {
		margin-bottom: 60px
	}
}

.eventPage .dFlx .ritSd .recentList .item {
	position: relative;
	margin-bottom: 10px
}

.eventPage .dFlx .ritSd .recentList .item:last-child {
	margin-bottom: 0
}

.eventPage .dFlx .ritSd .recentList .item::before {
	content: "";
	position: absolute;
	width: 8px;
	height: 0;
	background-color: #d20a09;
	border-radius: 0px 6px 6px 0px;
	left: -30px;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: all .3s;
	opacity: 0
}

.eventPage .dFlx .ritSd .recentList .item:hover::before {
	height: 45px;
	opacity: 1
}

.eventPage .dFlx .ritSd .recentList .item:hover .flx .lft .imgBx img {
	transform: scale(1.1)
}

.eventPage .dFlx .ritSd .recentList .item:hover .flx .rit .ttl {
	color: #d20a09
}

.eventPage .dFlx .ritSd .recentList .item .flx {
	display: flex;
	align-items: center
}

.eventPage .dFlx .ritSd .recentList .item .flx .lft {
	width: 90px;
	height: 80px;
	overflow: hidden;
	border-radius: 5px;
	border: 1px solid #707070
}

@media only screen and (min-width: 576px) {
	.eventPage .dFlx .ritSd .recentList .item .flx .lft {
		width: 100px;
		height: 90px
	}
}

@media only screen and (min-width: 1451px) {
	.eventPage .dFlx .ritSd .recentList .item .flx .lft {
		width: 120px;
		height: 110px
	}
}

.eventPage .dFlx .ritSd .recentList .item .flx .lft .imgBx {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.eventPage .dFlx .ritSd .recentList .item .flx .lft .imgBx img {
	transition: all .4s;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.eventPage .dFlx .ritSd .recentList .item .flx .rit {
	width: calc(100% - 90px);
	padding-left: 8px
}

@media only screen and (min-width: 576px) {
	.eventPage .dFlx .ritSd .recentList .item .flx .rit {
		width: calc(100% - 100px);
		padding-left: 10px
	}
}

@media only screen and (min-width: 1451px) {
	.eventPage .dFlx .ritSd .recentList .item .flx .rit {
		width: calc(100% - 120px);
		padding-left: 15px
	}
}

.eventPage .dFlx .ritSd .recentList .item .flx .rit .ttl {
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 10px;
	transition: all .4s
}

@media only screen and (min-width: 576px) {
	.eventPage .dFlx .ritSd .recentList .item .flx .rit .ttl {
		font-size: 16px
	}
}

@media only screen and (min-width: 1200px) {
	.eventPage .dFlx .ritSd .recentList .item .flx .rit .ttl {
		font-size: 18px
	}
}

@media only screen and (min-width: 1451px) {
	.eventPage .dFlx .ritSd .recentList .item .flx .rit .ttl {
		font-size: 20px
	}
}

.eventPage .dFlx .ritSd .recentList .item .flx .rit .txt {
	font-size: 13px;
	line-height: 20px;
	font-weight: 300;
	color: hsla(0, 0%, 100%, .5);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

@media only screen and (min-width: 576px) {
	.eventPage .dFlx .ritSd .recentList .item .flx .rit .txt {
		font-size: 14px
	}
}

@media only screen and (min-width: 1200px) {
	.eventPage .dFlx .ritSd .recentList .item .flx .rit .txt {
		font-size: 16px
	}
}

.eventPage .dFlx .ritSd .upcomingList {
	padding: 20px 20px 20px 20px;
	border-radius: 20px;
	background-color: #d20a09
}

@media only screen and (min-width: 576px) {
	.eventPage .dFlx .ritSd .upcomingList {
		padding: 25px 30px 25px 25px
	}
}

@media only screen and (min-width: 1200px) {
	.eventPage .dFlx .ritSd .upcomingList {
		padding: 25px 40px 25px 25px
	}
}

@media only screen and (min-width: 1451px) {
	.eventPage .dFlx .ritSd .upcomingList {
		padding: 30px 60px 30px 30px
	}
}

.eventPage .dFlx .ritSd .upcomingList>.item {
	margin-bottom: 20px
}

.eventPage .dFlx .ritSd .upcomingList .Httl {
	color: #fff;
	margin-bottom: 25px
}

.eventPage .dFlx .ritSd .upcomingList .dFlx {
	display: flex;
	align-items: center
}

.eventPage .dFlx .ritSd .upcomingList .dFlx .calBx {
	width: 80px;
	height: 70px;
	overflow: hidden;
	background-color: #0e0e0e;
	border-radius: 5px;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

@media only screen and (min-width: 576px) {
	.eventPage .dFlx .ritSd .upcomingList .dFlx .calBx {
		width: 90px;
		height: 80px
	}
}

.eventPage .dFlx .ritSd .upcomingList .dFlx .calBx .date {
	font-size: 20px;
	line-height: 28px;
	font-weight: 500;
	color: #fff
}

@media only screen and (min-width: 576px) {
	.eventPage .dFlx .ritSd .upcomingList .dFlx .calBx .date {
		font-size: 24px
	}
}

.eventPage .dFlx .ritSd .upcomingList .dFlx .calBx .month {
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
	color: #fff
}

@media only screen and (min-width: 576px) {
	.eventPage .dFlx .ritSd .upcomingList .dFlx .calBx .month {
		font-size: 20px
	}
}

.eventPage .dFlx .ritSd .upcomingList .dFlx .bookBx {
	width: calc(100% - 80px);
	padding-left: 8px
}

@media only screen and (min-width: 576px) {
	.eventPage .dFlx .ritSd .upcomingList .dFlx .bookBx {
		padding-left: 10px;
		width: calc(100% - 90px)
	}
}

@media only screen and (min-width: 1200px) {
	.eventPage .dFlx .ritSd .upcomingList .dFlx .bookBx {
		padding-left: 15px
	}
}

.eventPage .dFlx .ritSd .upcomingList .dFlx .bookBx .txt {
	font-size: 16px;
	line-height: 1;
	font-weight: 300;
	color: #fff;
	margin-bottom: 20px
}

@media only screen and (min-width: 576px) {
	.eventPage .dFlx .ritSd .upcomingList .dFlx .bookBx .txt {
		font-size: 18px;
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 1200px) {
	.eventPage .dFlx .ritSd .upcomingList .dFlx .bookBx .txt {
		font-size: 20px;
		margin-bottom: 20px
	}
}

.eventPage .dFlx .ritSd .upcomingList .dFlx .bookBx a {
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	padding: 5px;
	border: 1px dashed #fff;
	border-radius: 5px;
	transition: all .4s
}

@media only screen and (min-width: 576px) {
	.eventPage .dFlx .ritSd .upcomingList .dFlx .bookBx a {
		font-size: 14px;
		padding: 4px
	}
}

@media only screen and (min-width: 1200px) {
	.eventPage .dFlx .ritSd .upcomingList .dFlx .bookBx a {
		font-size: 16px;
		padding: 5px
	}
}

.eventPage .dFlx .ritSd .upcomingList .dFlx .bookBx a:hover {
	background-color: #fff;
	color: #d20a09;
	border: 1px dashed #707070
}

.eventPage .dFlx .pagination {
	margin-top: 30px
}

@media only screen and (min-width: 992px) {
	.eventPage .dFlx .pagination {
		margin-top: 40px
	}
}

@media only screen and (min-width: 1451px) {
	.eventPage .dFlx .pagination {
		margin-top: 100px
	}
}

.eventPage .flxMbx:has(img+img) img {
	width: 100%;
	margin-bottom: 15px
}

@media only screen and (min-width: 426px) {
	.eventPage .flxMbx:has(img+img) img {
		width: calc(50% - 23px);
		margin: 0 10px;
		margin-bottom: 30px
	}
}

.eventPage .cntWrap {
	margin-bottom: 20px
}

@media only screen and (min-width: 576px) {
	.eventPage .cntWrap {
		margin-bottom: 25px
	}
}

@media only screen and (min-width: 768px) {
	.eventPage .cntWrap {
		margin-bottom: 35px
	}
}

.eventPage .cntWrap h1,
.eventPage .cntWrap h2,
.eventPage .cntWrap h3,
.eventPage .cntWrap h4,
.eventPage .cntWrap h5,
.eventPage .cntWrap h6 {
	font-weight: 700;
	line-height: 1.1;
	color: #000;
	margin-bottom: 10px
}

@media only screen and (min-width: 576px) {

	.eventPage .cntWrap h1,
	.eventPage .cntWrap h2,
	.eventPage .cntWrap h3,
	.eventPage .cntWrap h4,
	.eventPage .cntWrap h5,
	.eventPage .cntWrap h6 {
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 992px) {

	.eventPage .cntWrap h1,
	.eventPage .cntWrap h2,
	.eventPage .cntWrap h3,
	.eventPage .cntWrap h4,
	.eventPage .cntWrap h5,
	.eventPage .cntWrap h6 {
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 1551px) {

	.eventPage .cntWrap h1,
	.eventPage .cntWrap h2,
	.eventPage .cntWrap h3,
	.eventPage .cntWrap h4,
	.eventPage .cntWrap h5,
	.eventPage .cntWrap h6 {
		margin-bottom: 30px
	}
}

.eventPage .cntWrap h1 {
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	color: #36373e;
	margin-bottom: 8px;
	margin-top: 15px
}

@media only screen and (min-width: 576px) {
	.eventPage .cntWrap h1 {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 10px;
		margin-top: 30px
	}
}

@media only screen and (min-width: 992px) {
	.eventPage .cntWrap h1 {
		font-size: 28px;
		line-height: 34px;
		margin-bottom: 20px;
		margin-top: 0px
	}
}

@media only screen and (min-width: 1200px) {
	.eventPage .cntWrap h1 {
		font-size: 32px;
		line-height: 38px;
		margin-bottom: 25px
	}
}

@media only screen and (min-width: 1551px) {
	.eventPage .cntWrap h1 {
		font-size: 42px;
		margin-bottom: 30px
	}
}

.eventPage .cntWrap h2 {
	font-size: 20px;
	line-height: 35px;
	font-weight: 700;
	color: #3e3e3e;
	padding-bottom: 8px;
	margin-bottom: 18px;
	border-bottom: 1px solid #d9d9d9
}

@media only screen and (min-width: 576px) {
	.eventPage .cntWrap h2 {
		font-size: 22px;
		line-height: 48px;
		padding-bottom: 10px;
		margin-bottom: 25px
	}
}

@media only screen and (min-width: 992px) {
	.eventPage .cntWrap h2 {
		font-size: 24px;
		padding-bottom: 10px;
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 1200px) {
	.eventPage .cntWrap h2 {
		font-size: 28px;
		padding-bottom: 15px;
		margin-bottom: 25px
	}
}

@media only screen and (min-width: 1551px) {
	.eventPage .cntWrap h2 {
		font-size: 36px
	}
}

.eventPage .cntWrap h3,
.eventPage .cntWrap h4 {
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	color: #fff;
	font-family: "Klavika", sans-serif;
	margin-bottom: 8px
}

@media only screen and (min-width: 576px) {

	.eventPage .cntWrap h3,
	.eventPage .cntWrap h4 {
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 10px
	}
}

@media only screen and (min-width: 992px) {

	.eventPage .cntWrap h3,
	.eventPage .cntWrap h4 {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 1200px) {

	.eventPage .cntWrap h3,
	.eventPage .cntWrap h4 {
		font-size: 22px
	}
}

@media only screen and (min-width: 1451px) {

	.eventPage .cntWrap h3,
	.eventPage .cntWrap h4 {
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 20px
	}
}

.eventPage .cntWrap h5 {
	font-size: 14px;
	line-height: 24px;
	font-weight: 300;
	color: #0a0a0a;
	margin-bottom: 0;
	font-family: "Archivo", sans-serif
}

@media only screen and (min-width: 576px) {
	.eventPage .cntWrap h5 {
		font-size: 18px
	}
}

@media only screen and (min-width: 1451px) {
	.eventPage .cntWrap h5 {
		font-size: 20px
	}
}

.eventPage .cntWrap h6 {
	font-size: 13px;
	font-weight: 300;
	line-height: 34px;
	color: #0a0a0a;
	margin-bottom: 0;
	font-family: "Archivo", sans-serif
}

@media only screen and (min-width: 576px) {
	.eventPage .cntWrap h6 {
		font-size: 16px
	}
}

@media only screen and (min-width: 992px) {
	.eventPage .cntWrap h6 {
		font-size: 16px
	}
}

@media only screen and (min-width: 1551px) {
	.eventPage .cntWrap h6 {
		font-size: 18px
	}
}

.eventPage .cntWrap table th,
.eventPage .cntWrap table td,
.eventPage .cntWrap p {
	font-size: 14px;
	line-height: 25px;
	font-weight: 300;
	color: #fff;
	font-family: "Klavika", sans-serif;
	margin-bottom: 10px
}

@media only screen and (min-width: 992px) {

	.eventPage .cntWrap table th,
	.eventPage .cntWrap table td,
	.eventPage .cntWrap p {
		font-size: 16px;
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 1451px) {

	.eventPage .cntWrap table th,
	.eventPage .cntWrap table td,
	.eventPage .cntWrap p {
		font-size: 20px;
		line-height: 30px
	}
}

.eventPage .cntWrap img {
	max-width: 100%;
	max-height: 210px;
	will-change: transform;
	margin-bottom: 10px;
	overflow: hidden;
	border-radius: 10px;
	width: 100%;
	height: 100%;
	object-fit: cover
}

@media only screen and (min-width: 576px) {
	.eventPage .cntWrap img {
		margin-bottom: 15px;
		border-radius: 30px
	}
}

@media only screen and (min-width: 992px) {
	.eventPage .cntWrap img {
		margin-bottom: 20px;
		max-height: 635px
	}
}

@media only screen and (min-width: 1551px) {
	.eventPage .cntWrap img {
		margin-bottom: 30px
	}
}

.eventPage .cntWrap a,
.eventPage .cntWrap b {
	display: block;
	color: #111
}

.eventPage .cntWrap ul,
.eventPage .cntWrap ol {
	padding-left: 0;
	margin: 0;
	margin-bottom: 10px
}

@media only screen and (min-width: 576px) {

	.eventPage .cntWrap ul,
	.eventPage .cntWrap ol {
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 992px) {

	.eventPage .cntWrap ul,
	.eventPage .cntWrap ol {
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 1551px) {

	.eventPage .cntWrap ul,
	.eventPage .cntWrap ol {
		margin-bottom: 30px
	}
}

.eventPage .cntWrap ul li,
.eventPage .cntWrap ol li {
	font-size: 14px;
	line-height: 25px;
	font-weight: 300;
	color: #3e3e3e;
	margin-bottom: 5px;
	padding-left: 10px;
	font-family: "Archivo", sans-serif
}

@media only screen and (min-width: 576px) {

	.eventPage .cntWrap ul li,
	.eventPage .cntWrap ol li {
		font-size: 16px;
		margin-bottom: 13px;
		padding-left: 20px
	}
}

@media only screen and (min-width: 992px) {

	.eventPage .cntWrap ul li,
	.eventPage .cntWrap ol li {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 17px
	}
}

@media only screen and (min-width: 1200px) {

	.eventPage .cntWrap ul li,
	.eventPage .cntWrap ol li {
		font-size: 20px;
		margin-bottom: 20px;
		padding-left: 25px
	}
}

@media only screen and (min-width: 1451px) {

	.eventPage .cntWrap ul li,
	.eventPage .cntWrap ol li {
		font-size: 24px;
		line-height: 32px;
		margin-bottom: 25px
	}
}

.eventPage .cntWrap ul li::before,
.eventPage .cntWrap ol li::before {
	content: "";
	position: absolute;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='15.513' viewBox='0 0 10 15.513'%3E%3Cg id='layer1' transform='translate(-1.976 -291.965)'%3E%3Cpath id='path9429' d='M3.152,291.965a1.1,1.1,0,0,0-.726,1.954L9.177,299.7l-6.752,5.782a1.1,1.1,0,1,0,1.433,1.67l7.73-6.614a1.1,1.1,0,0,0,0-1.679l-7.73-6.62a1.1,1.1,0,0,0-.707-.278Z' transform='translate(0 0)'/%3E%3C/g%3E%3C/svg%3E%0A");
	left: -10px;
	top: 7px;
	bottom: 0;
	width: 6px;
	height: 10px;
	background-size: contain;
	background-repeat: no-repeat
}

@media only screen and (min-width: 576px) {

	.eventPage .cntWrap ul li::before,
	.eventPage .cntWrap ol li::before {
		width: 10px;
		height: 15px;
		top: 4px
	}
}

@media only screen and (min-width: 992px) {

	.eventPage .cntWrap ul li::before,
	.eventPage .cntWrap ol li::before {
		top: 6px
	}
}

@media only screen and (min-width: 1200px) {

	.eventPage .cntWrap ul li::before,
	.eventPage .cntWrap ol li::before {
		top: 8px
	}
}

.eventPage .cntWrap ul {
	margin-left: 15px;
	display: table
}

.eventPage .cntWrap ul li {
	position: relative;
	z-index: 0
}

.eventPage .cntWrap ul li:last-of-type {
	margin: 0
}

.eventPage .cntWrap a {
	transition: all .4s;
	color: #3e3e3e
}

.eventPage .cntWrap a:hover {
	color: #111
}

.eventPage .cntWrap table {
	display: table;
	max-width: 100%;
	margin: 5px 0;
	border-collapse: collapse;
	border-top: 1px solid rgba(210, 10, 9, .2);
	border-left: 1px solid rgba(210, 10, 9, .2)
}

@media only screen and (min-width: 576px) {
	.eventPage .cntWrap table {
		margin: 10px 0
	}
}

@media only screen and (min-width: 992px) {
	.eventPage .cntWrap table {
		margin: 15px 0
	}
}

.eventPage .cntWrap table th,
.eventPage .cntWrap table td {
	line-height: 1.2;
	color: #000;
	padding: 4px 5px;
	border-right: 1px solid rgba(210, 10, 9, .2);
	border-bottom: 1px solid rgba(210, 10, 9, .2)
}

@media only screen and (min-width: 576px) {

	.eventPage .cntWrap table th,
	.eventPage .cntWrap table td {
		padding: 6px 10px
	}
}

@media only screen and (min-width: 992px) {

	.eventPage .cntWrap table th,
	.eventPage .cntWrap table td {
		padding: 10px 15px
	}
}

@media only screen and (min-width: 1551px) {

	.eventPage .cntWrap table th,
	.eventPage .cntWrap table td {
		padding: 15px 25px
	}
}

.eventPage .cntWrap table th {
	color: #fff;
	background-color: #d20a09;
	border-color: hsla(0, 0%, 100%, .2)
}

.eventPage .cntWrap table tbody tr:nth-child(even) {
	background-color: rgba(210, 10, 9, .1)
}

.eventPage #EventDetail {
	padding: 30px 0px 40px 0px
}

@media only screen and (min-width: 576px) {
	.eventPage #EventDetail {
		padding: 40px 0px 60px 0px
	}
}

@media only screen and (min-width: 992px) {
	.eventPage #EventDetail {
		padding: 60px 0px 90px 0px
	}
}

@media only screen and (min-width: 1451px) {
	.eventPage #EventDetail {
		padding: 90px 0px 130px 0px
	}
}

.eventPage #EventDetail .cntBx {
	max-width: 945px;
	padding-left: 0;
	background-color: #0e0e0e;
	border-radius: 0;
	padding-bottom: 0
}

@media only screen and (max-width: 992px) {
	.eventPage #EventDetail .cntBx {
		padding-bottom: 0;
		padding-right: 0
	}
}

@media only screen and (min-width: 992px) {
	.eventPage #EventDetail .cntBx .flxTbx {
		padding-left: 50px
	}
}

.eventPage #EventDetail .cntBx .flxMbx {
	margin-bottom: 20px
}

@media only screen and (min-width: 576px) {
	.eventPage #EventDetail .cntBx .flxMbx {
		margin-bottom: 30px
	}
}

.eventPage #EventDetail .cntBx .flxBTx {
	padding-bottom: 20px;
	border-bottom: 1px solid #d20a09
}

@media only screen and (min-width: 576px) {
	.eventPage #EventDetail .cntBx .flxBTx {
		padding-bottom: 30px
	}
}

@media only screen and (min-width: 992px) {
	.eventPage #EventDetail .cntBx .flxBTx {
		padding-bottom: 50px
	}
}

@media only screen and (min-width: 1200px) {
	.eventPage #EventDetail .cntBx .flxBTx {
		padding-bottom: 75px
	}
}

.eventPage #EventDetail .author {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background-color: #3c3c3c;
	border-radius: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px 20px 20px 20px
}

@media only screen and (min-width: 576px) {
	.eventPage #EventDetail .author {
		margin-top: 30px;
		margin-bottom: 30px;
		padding: 25px 25px 25px 25px
	}
}

@media only screen and (min-width: 992px) {
	.eventPage #EventDetail .author {
		max-width: 650px;
		margin-top: 50px;
		margin-bottom: 0;
		padding: 25px 40px 30px 45px
	}
}

@media only screen and (min-width: 1200px) {
	.eventPage #EventDetail .author {
		margin-top: 60px
	}
}

.eventPage #EventDetail .author .lft {
	width: 100%;
	height: 250px;
	overflow: hidden;
	border-radius: 10px
}

@media only screen and (min-width: 576px) {
	.eventPage #EventDetail .author .lft {
		width: 150px;
		height: 160px
	}
}

@media only screen and (min-width: 1200px) {
	.eventPage #EventDetail .author .lft {
		width: 170px;
		height: 180px
	}
}

.eventPage #EventDetail .author .lft img {
	transition: all .4s;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.eventPage #EventDetail .author .rit {
	width: 100%;
	padding-left: 0;
	margin-top: 10px
}

@media only screen and (min-width: 576px) {
	.eventPage #EventDetail .author .rit {
		width: calc(100% - 170px);
		padding-left: 20px;
		margin-top: 0
	}
}

@media only screen and (min-width: 992px) {
	.eventPage #EventDetail .author .rit {
		padding-left: 30px
	}
}

.eventPage #EventDetail .author .rit .headSec {
	margin-bottom: 10px
}

@media only screen and (min-width: 576px) {
	.eventPage #EventDetail .author .rit .headSec {
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 1200px) {
	.eventPage #EventDetail .author .rit .headSec {
		margin-bottom: 20px
	}
}

.eventPage #EventDetail .author .rit .headSec h5 {
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 3px
}

@media only screen and (min-width: 576px) {
	.eventPage #EventDetail .author .rit .headSec h5 {
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 8px
	}
}

@media only screen and (min-width: 1200px) {
	.eventPage #EventDetail .author .rit .headSec h5 {
		font-size: 24px;
		line-height: 28px
	}
}

.eventPage #EventDetail .author .rit .headSec h6 {
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: #d20a09
}

@media only screen and (min-width: 576px) {
	.eventPage #EventDetail .author .rit .headSec h6 {
		font-size: 18px;
		line-height: 24px
	}
}

@media only screen and (min-width: 1200px) {
	.eventPage #EventDetail .author .rit .headSec h6 {
		font-size: 20px;
		line-height: 28px
	}
}

.eventPage #EventDetail .author .rit p {
	font-size: 14px;
	line-height: 24px;
	font-weight: 300;
	color: #fff;
	margin-bottom: 0
}

@media only screen and (min-width: 576px) {
	.eventPage #EventDetail .author .rit p {
		font-size: 16px
	}
}

@media only screen and (min-width: 992px) {
	.eventPage #EventDetail .author .rit p {
		font-size: 18px
	}
}

.eventPage #EventDetail .author:hover img {
	transform: scale(1.1)
}

.testimonialPage .pagination {
	margin-top: 20px;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center
}

@media only screen and (min-width: 576px) {
	.testimonialPage .pagination {
		margin-top: 30px
	}
}

@media only screen and (min-width: 992px) {
	.testimonialPage .pagination {
		margin-top: 40px
	}
}

@media only screen and (min-width: 1200px) {
	.testimonialPage .pagination {
		margin-top: 50px
	}
}

@media only screen and (min-width: 1451px) {
	.testimonialPage .pagination {
		margin-top: 70px
	}
}

.testimonialPage #Testimonials {
	padding: 30px 0px 40px
}

@media only screen and (min-width: 576px) {
	.testimonialPage #Testimonials {
		padding: 50px 0px 35px
	}
}

@media only screen and (min-width: 1200px) {
	.testimonialPage #Testimonials {
		padding: 60px 0px 45px
	}
}

@media only screen and (min-width: 1451px) {
	.testimonialPage #Testimonials {
		padding: 100px 0px 55px
	}
}

.testimonialPage .testiList {
	display: flex;
	flex-wrap: wrap;
	margin: 0
}

@media only screen and (min-width: 768px) {
	.testimonialPage .testiList {
		margin: 0px -10px
	}
}

@media only screen and (min-width: 1200px) {
	.testimonialPage .testiList {
		margin: 0px -15px
	}
}

@media only screen and (min-width: 1451px) {
	.testimonialPage .testiList {
		margin: 0px -20px
	}
}

.testimonialPage .testiList>* {
	padding: 16px 0px
}

@media only screen and (min-width: 576px) {
	.testimonialPage .testiList>* {
		padding: 25px 0px
	}
}

@media only screen and (min-width: 768px) {
	.testimonialPage .testiList>* {
		padding: 25px 10px
	}
}

@media only screen and (min-width: 1200px) {
	.testimonialPage .testiList>* {
		padding: 35px 15px
	}
}

@media only screen and (min-width: 1451px) {
	.testimonialPage .testiList>* {
		padding: 45px 20px
	}
}

.testimonialPage .testiList .item {
	display: block;
	width: 100%
}

@media only screen and (min-width: 768px) {
	.testimonialPage .testiList .item {
		width: 50%
	}
}

.testimonialPage .testiList .testBx {
	width: 100%;
	height: 100%;
	display: block
}

.testimonialPage .testiList .testBx .vidImg {
	display: block;
	position: relative;
	width: 100%;
	height: 200px;
	overflow: hidden;
	border-radius: 16px;
	margin-bottom: 10px
}

@media only screen and (min-width: 576px) {
	.testimonialPage .testiList .testBx .vidImg {
		height: 260px;
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 992px) {
	.testimonialPage .testiList .testBx .vidImg {
		height: 320px;
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 1200px) {
	.testimonialPage .testiList .testBx .vidImg {
		height: 400px;
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1451px) {
	.testimonialPage .testiList .testBx .vidImg {
		height: 510px;
		margin-bottom: 45px
	}
}

.testimonialPage .testiList .testBx .vidImg img,
.testimonialPage .testiList .testBx .vidImg video {
	transition: all .4s;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.testimonialPage .testiList .testBx .vidImg:hover img {
	transform: scale(1.1)
}

.testimonialPage .testiList .testBx .vidImg .plBtn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.testimonialPage .testiList .testBx .vidImg .plBtn .icon {
	width: 40px;
	height: 40px;
	position: relative;
	z-index: 0;
	transition: all .4s
}

@media only screen and (min-width: 576px) {
	.testimonialPage .testiList .testBx .vidImg .plBtn .icon {
		width: 50px;
		height: 50px
	}
}

@media only screen and (min-width: 992px) {
	.testimonialPage .testiList .testBx .vidImg .plBtn .icon {
		width: 65px;
		height: 65px
	}
}

.testimonialPage .testiList .testBx .vidImg .plBtn .icon::before {
	content: "";
	position: absolute;
	z-index: -1;
	margin: auto;
	width: 100%;
	height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background-color: #d20a09;
	visibility: hidden;
	animation: pulse-border 1500ms ease-out infinite
}

.testimonialPage .testiList .testBx .vidImg .plBtn .icon::after {
	content: "";
	position: absolute;
	z-index: -1;
	width: 20px;
	height: 20px;
	background-color: #fff;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	visibility: hidden;
	transition: all .2s
}

@media only screen and (min-width: 576px) {
	.testimonialPage .testiList .testBx .vidImg .plBtn .icon::after {
		width: 30px;
		height: 30px
	}
}

@media only screen and (min-width: 992px) {
	.testimonialPage .testiList .testBx .vidImg .plBtn .icon::after {
		width: 40px;
		height: 40px
	}
}

.testimonialPage .testiList .testBx .vidImg .plBtn .icon svg {
	fill: #fff;
	width: 40px;
	height: 40px;
	transition: all .4s
}

@media only screen and (min-width: 576px) {
	.testimonialPage .testiList .testBx .vidImg .plBtn .icon svg {
		width: 50px;
		height: 50px
	}
}

@media only screen and (min-width: 992px) {
	.testimonialPage .testiList .testBx .vidImg .plBtn .icon svg {
		width: 65px;
		height: 65px
	}
}

.testimonialPage .testiList .testBx .vidImg:hover .plBtn .icon::before {
	visibility: visible
}

.testimonialPage .testiList .testBx .vidImg:hover .plBtn .icon::after {
	visibility: visible
}

.testimonialPage .testiList .testBx .vidImg:hover .plBtn .icon svg {
	fill: #d20a09
}

.testimonialPage .testiList .testBx .cntSec .txt {
	font-size: 14px;
	line-height: 23px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 10px;
	max-width: 580px
}

@media only screen and (min-width: 576px) {
	.testimonialPage .testiList .testBx .cntSec .txt {
		font-size: 16px;
		line-height: 28px
	}
}

@media only screen and (min-width: 992px) {
	.testimonialPage .testiList .testBx .cntSec .txt {
		font-size: 18px
	}
}

@media only screen and (min-width: 1200px) {
	.testimonialPage .testiList .testBx .cntSec .txt {
		font-size: 20px
	}
}

.testimonialPage .testiList .testBx .cntSec .thumbWrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 10px
}

@media only screen and (min-width: 576px) {
	.testimonialPage .testiList .testBx .cntSec .thumbWrap {
		margin-top: 15px
	}
}

@media only screen and (min-width: 1200px) {
	.testimonialPage .testiList .testBx .cntSec .thumbWrap {
		margin-top: 20px
	}
}

.testimonialPage .testiList .testBx .cntSec .thumbWrap .lft {
	width: 50px
}

@media only screen and (min-width: 576px) {
	.testimonialPage .testiList .testBx .cntSec .thumbWrap .lft {
		width: 55px
	}
}

@media only screen and (min-width: 1200px) {
	.testimonialPage .testiList .testBx .cntSec .thumbWrap .lft {
		width: 66px
	}
}

.testimonialPage .testiList .testBx .cntSec .thumbWrap .lft .bgImg {
	width: 100%;
	height: 50px;
	border-radius: 50%;
	overflow: hidden
}

@media only screen and (min-width: 576px) {
	.testimonialPage .testiList .testBx .cntSec .thumbWrap .lft .bgImg {
		height: 55px
	}
}

@media only screen and (min-width: 1200px) {
	.testimonialPage .testiList .testBx .cntSec .thumbWrap .lft .bgImg {
		height: 66px
	}
}

.testimonialPage .testiList .testBx .cntSec .thumbWrap .lft .bgImg img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.testimonialPage .testiList .testBx .cntSec .thumbWrap .rit {
	width: calc(100% - 50px);
	padding-left: 10px
}

@media only screen and (min-width: 576px) {
	.testimonialPage .testiList .testBx .cntSec .thumbWrap .rit {
		width: calc(100% - 55px);
		padding-left: 15px
	}
}

@media only screen and (min-width: 1200px) {
	.testimonialPage .testiList .testBx .cntSec .thumbWrap .rit {
		width: calc(100% - 66px);
		padding-left: 30px
	}
}

.testimonialPage .testiList .testBx .cntSec .thumbWrap .rit .name {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: #fff
}

@media only screen and (min-width: 992px) {
	.testimonialPage .testiList .testBx .cntSec .thumbWrap .rit .name {
		font-size: 18px
	}
}

@media only screen and (min-width: 1200px) {
	.testimonialPage .testiList .testBx .cntSec .thumbWrap .rit .name {
		font-size: 22px;
		line-height: 28px
	}
}

.testimonialPage .testiList .testBx .cntSec .thumbWrap .rit .place {
	font-size: 14px;
	line-height: 28px;
	font-weight: 500;
	color: #707070
}

@media only screen and (min-width: 1200px) {
	.testimonialPage .testiList .testBx .cntSec .thumbWrap .rit .place {
		font-size: 18px
	}
}

.testimonialPage #TestimonialDetail {
	padding: 30px 0px 40px
}

@media only screen and (min-width: 576px) {
	.testimonialPage #TestimonialDetail {
		padding: 40px 0px 50px
	}
}

@media only screen and (min-width: 992px) {
	.testimonialPage #TestimonialDetail {
		padding: 40px 0px 60px
	}
}

@media only screen and (min-width: 1200px) {
	.testimonialPage #TestimonialDetail {
		padding: 45px 0px 80px
	}
}

@media only screen and (min-width: 1451px) {
	.testimonialPage #TestimonialDetail {
		padding: 45px 0px 120px
	}
}

.testimonialPage #TestimonialDetail .testiList .item:first-child {
	width: 100%
}

@media only screen and (min-width: 1651px) {
	.testimonialPage #TestimonialDetail .testiList .item:first-child .vidImg {
		height: 700px
	}
}

.testimonialPage #TestimonialDetail .testiList .item:first-child .vidImg:hover img {
	transform: none
}

.CareerPage #Teams {
	padding: 25px 0px 20px
}

@media only screen and (min-width: 576px) {
	.CareerPage #Teams {
		padding: 30px 0px 20px
	}
}

@media only screen and (min-width: 992px) {
	.CareerPage #Teams {
		padding: 40px 0px 40px
	}
}

@media only screen and (min-width: 1200px) {
	.CareerPage #Teams {
		padding: 60px 0px 50px
	}
}

@media only screen and (min-width: 1451px) {
	.CareerPage #Teams {
		padding: 90px 0px 50px
	}
}

.CareerPage #Teams .ttlWrap {
	margin-bottom: 15px
}

@media only screen and (min-width: 576px) {
	.CareerPage #Teams .ttlWrap {
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 992px) {
	.CareerPage #Teams .ttlWrap {
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1200px) {
	.CareerPage #Teams .ttlWrap {
		margin-bottom: 50px
	}
}

@media only screen and (min-width: 1451px) {
	.CareerPage #Teams .ttlWrap {
		margin-bottom: 70px
	}
}

.CareerPage #Teams .ttlWrap .mnttl {
	font-size: 28px;
	line-height: 35px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 15px
}

@media only screen and (min-width: 576px) {
	.CareerPage #Teams .ttlWrap .mnttl {
		font-size: 34px;
		line-height: 40px;
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 992px) {
	.CareerPage #Teams .ttlWrap .mnttl {
		font-size: 40px;
		line-height: 50px
	}
}

@media only screen and (min-width: 1200px) {
	.CareerPage #Teams .ttlWrap .mnttl {
		font-size: 50px;
		line-height: 60px
	}
}

@media only screen and (min-width: 1451px) {
	.CareerPage #Teams .ttlWrap .mnttl {
		font-size: 60px;
		line-height: 69px
	}
}

.CareerPage #Teams .ttlWrap .mnttl span {
	font-size: 38px;
	font-weight: 700;
	color: #d20a09
}

@media only screen and (min-width: 576px) {
	.CareerPage #Teams .ttlWrap .mnttl span {
		font-size: 54px
	}
}

@media only screen and (min-width: 992px) {
	.CareerPage #Teams .ttlWrap .mnttl span {
		font-size: 60px
	}
}

@media only screen and (min-width: 1200px) {
	.CareerPage #Teams .ttlWrap .mnttl span {
		font-size: 70px
	}
}

@media only screen and (min-width: 1451px) {
	.CareerPage #Teams .ttlWrap .mnttl span {
		font-size: 80px
	}
}

.CareerPage #Teams .ttlWrap .ttl {
	font-size: 24px;
	line-height: 35px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 10px
}

@media only screen and (min-width: 576px) {
	.CareerPage #Teams .ttlWrap .ttl {
		font-size: 26px;
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 992px) {
	.CareerPage #Teams .ttlWrap .ttl {
		font-size: 32px;
		line-height: 55px
	}
}

@media only screen and (min-width: 1451px) {
	.CareerPage #Teams .ttlWrap .ttl {
		font-size: 40px;
		line-height: 69px
	}
}

.CareerPage #Teams .ttlWrap p {
	max-width: 1472px
}

.CareerPage #Teams .ttlWrap p span {
	color: #d20a09
}

.CareerPage #Teams .teamList {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0
}

@media only screen and (min-width: 992px) {
	.CareerPage #Teams .teamList {
		margin: 0px -15px
	}
}

.CareerPage #Teams .teamList>* {
	padding: 10px
}

@media only screen and (min-width: 992px) {
	.CareerPage #Teams .teamList>* {
		padding: 15px
	}
}

.CareerPage #Teams .teamList>.item {
	width: 100%
}

@media only screen and (min-width: 576px) {
	.CareerPage #Teams .teamList>.item {
		width: 50%
	}
}

@media only screen and (min-width: 992px) {
	.CareerPage #Teams .teamList>.item {
		width: 33.3333333333%
	}
}

.CareerPage #Teams .teamList .teamBx {
	position: relative;
	z-index: 0;
	display: block;
	width: 100%;
	height: 260px;
	overflow: hidden
}

@media only screen and (min-width: 992px) {
	.CareerPage #Teams .teamList .teamBx {
		height: 300px
	}
}

@media only screen and (min-width: 1200px) {
	.CareerPage #Teams .teamList .teamBx {
		height: 380px
	}
}

@media only screen and (min-width: 1451px) {
	.CareerPage #Teams .teamList .teamBx {
		height: 430px
	}
}

.CareerPage #Teams .teamList .teamBx .bgImg {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.CareerPage #Teams .teamList .teamBx .bgImg img {
	transition: all .4s;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.CareerPage #Teams .teamList .teamBx .cntBx {
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
	height: 100%;
	height: auto;
	text-align: center;
	overflow: hidden;
	background-color: #fff;
	padding: 10px 5px 20px 5px;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	transition: all .4s
}

@media only screen and (min-width: 992px) {
	.CareerPage #Teams .teamList .teamBx .cntBx {
		padding: 20px 5px 30px 5px
	}
}

@media only screen and (min-width: 1451px) {
	.CareerPage #Teams .teamList .teamBx .cntBx {
		padding: 20px 5px 40px 5px
	}
}

.CareerPage #Teams .teamList .teamBx .cntBx .ttl {
	font-size: 18px;
	line-height: 25px;
	font-weight: 500;
	color: #000;
	margin-bottom: 5px;
	transition: all .3s
}

@media only screen and (min-width: 576px) {
	.CareerPage #Teams .teamList .teamBx .cntBx .ttl {
		font-size: 20px;
		margin-bottom: 10px
	}
}

@media only screen and (min-width: 1200px) {
	.CareerPage #Teams .teamList .teamBx .cntBx .ttl {
		font-size: 26px;
		line-height: 30px
	}
}

@media only screen and (min-width: 1200px) {
	.CareerPage #Teams .teamList .teamBx .cntBx .ttl {
		margin-bottom: 15px
	}
}

.CareerPage #Teams .teamList .teamBx .cntBx p {
	max-width: 442px;
	color: #000;
	margin: auto;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: all .3s
}

.CareerPage #Teams .teamList .teamBx .cntBx .hovr {
	height: 0;
	opacity: 0;
	visibility: hidden;
	transition: all .3s
}

.CareerPage #Teams .teamList .teamBx .cntBx .hovr .exp {
	margin: 8px 0px 8px;
	flex-wrap: wrap;
	transition: all .3s;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center
}

@media only screen and (min-width: 576px) {
	.CareerPage #Teams .teamList .teamBx .cntBx .hovr .exp {
		margin: 10px 0px 10px
	}
}

@media only screen and (min-width: 992px) {
	.CareerPage #Teams .teamList .teamBx .cntBx .hovr .exp {
		margin: 15px 0px 20px
	}
}

@media only screen and (min-width: 1451px) {
	.CareerPage #Teams .teamList .teamBx .cntBx .hovr .exp {
		margin: 25px 0px 30px
	}
}

.CareerPage #Teams .teamList .teamBx .cntBx .hovr .exp>* {
	padding: 0px 10px
}

.CareerPage #Teams .teamList .teamBx .cntBx .hovr .exp .txt {
	position: relative;
	font-size: 14px;
	line-height: 25px;
	font-weight: 300;
	color: #000;
	transition: all .3s
}

@media only screen and (min-width: 576px) {
	.CareerPage #Teams .teamList .teamBx .cntBx .hovr .exp .txt {
		font-size: 14px;
		line-height: 25px
	}
}

@media only screen and (min-width: 1200px) {
	.CareerPage #Teams .teamList .teamBx .cntBx .hovr .exp .txt {
		font-size: 16px;
		line-height: 30px
	}
}

.CareerPage #Teams .teamList .teamBx .cntBx .hovr .exp .txt::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 100%;
	background-color: #fff;
	left: 0;
	transition: all .4s
}

.CareerPage #Teams .teamList .teamBx .cntBx .hovr .exp .txt:first-child {
	padding-left: 0
}

.CareerPage #Teams .teamList .teamBx .cntBx .hovr .exp .txt:first-child::before {
	display: none
}

.CareerPage #Teams .teamList .teamBx .cntBx .hovr .exp .txt:last-child {
	padding-right: 0
}

.CareerPage #Teams .teamList .teamBx .cntBx .hovr .btnsec {
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center
}

.CareerPage #Teams .teamList .teamBx .cntBx .hovr .btnsec button {
	max-width: 140px;
	width: 100%;
	height: 38px;
	font-size: 14px;
	line-height: 30px;
	font-weight: 500;
	color: #000;
	border-radius: 10px;
	background-color: #fff
}

@media only screen and (min-width: 576px) {
	.CareerPage #Teams .teamList .teamBx .cntBx .hovr .btnsec button {
		font-size: 16px
	}
}

.CareerPage #Teams .teamList .teamBx:hover .bgImg img {
	transform: scale(1.1)
}

.CareerPage #Teams .teamList .teamBx:hover .cntBx {
	background-color: #d20a09
}

.CareerPage #Teams .teamList .teamBx:hover .cntBx .ttl {
	color: #fff
}

.CareerPage #Teams .teamList .teamBx:hover .cntBx p {
	color: #fff
}

.CareerPage #Teams .teamList .teamBx:hover .cntBx .hovr {
	height: 90px;
	margin-bottom: 15px;
	opacity: 1;
	visibility: visible;
	background: rgba(0, 0, 0, 0)
}

@media only screen and (min-width: 992px) {
	.CareerPage #Teams .teamList .teamBx:hover .cntBx .hovr {
		height: 120px
	}
}

.CareerPage #Teams .teamList .teamBx:hover .cntBx .exp .txt {
	color: #fff
}

.CareerPage #imgBx {
	padding: 17px 0px 20px
}

@media only screen and (min-width: 992px) {
	.CareerPage #imgBx {
		padding: 30px 0px 20px
	}
}

@media only screen and (min-width: 1200px) {
	.CareerPage #imgBx {
		padding: 40px 0px 20px
	}
}

@media only screen and (min-width: 1451px) {
	.CareerPage #imgBx {
		padding: 50px 0px 30px
	}
}

.CareerPage #imgBx .itemBx {
	width: 100%;
	height: 220px;
	overflow: hidden
}

@media only screen and (min-width: 576px) {
	.CareerPage #imgBx .itemBx {
		height: 240px
	}
}

@media only screen and (min-width: 992px) {
	.CareerPage #imgBx .itemBx {
		height: 320px
	}
}

@media only screen and (min-width: 1451px) {
	.CareerPage #imgBx .itemBx {
		height: 390px
	}
}

.CareerPage #imgBx .itemBx img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.CareerPage #Work {
	padding: 20px 0px 5px
}

@media only screen and (min-width: 576px) {
	.CareerPage #Work {
		padding: 20px 0px 20px
	}
}

@media only screen and (min-width: 1451px) {
	.CareerPage #Work {
		padding: 30px 0px 45px
	}
}

.CareerPage #Work .ttlWrap {
	margin-bottom: 20px
}

.CareerPage #Work .ttlWrap .mnttl {
	font-size: 28px;
	line-height: 35px;
	font-weight: 500;
	color: #fff
}

@media only screen and (min-width: 576px) {
	.CareerPage #Work .ttlWrap .mnttl {
		font-size: 34px;
		line-height: 40px
	}
}

@media only screen and (min-width: 992px) {
	.CareerPage #Work .ttlWrap .mnttl {
		font-size: 40px;
		line-height: 50px
	}
}

@media only screen and (min-width: 1200px) {
	.CareerPage #Work .ttlWrap .mnttl {
		font-size: 50px;
		line-height: 60px
	}
}

@media only screen and (min-width: 1451px) {
	.CareerPage #Work .ttlWrap .mnttl {
		font-size: 60px;
		line-height: 69px
	}
}

.CareerPage #Work .ttlWrap .mnttl span {
	font-size: 38px;
	font-weight: 700;
	color: #d20a09
}

@media only screen and (min-width: 576px) {
	.CareerPage #Work .ttlWrap .mnttl span {
		font-size: 54px
	}
}

@media only screen and (min-width: 992px) {
	.CareerPage #Work .ttlWrap .mnttl span {
		font-size: 60px
	}
}

@media only screen and (min-width: 1200px) {
	.CareerPage #Work .ttlWrap .mnttl span {
		font-size: 70px
	}
}

@media only screen and (min-width: 1451px) {
	.CareerPage #Work .ttlWrap .mnttl span {
		font-size: 80px
	}
}

.CareerPage #Work .ttlWrap .ttl {
	font-size: 24px;
	line-height: 35px;
	font-weight: 500;
	color: #fff
}

@media only screen and (min-width: 576px) {
	.CareerPage #Work .ttlWrap .ttl {
		font-size: 26px
	}
}

@media only screen and (min-width: 992px) {
	.CareerPage #Work .ttlWrap .ttl {
		font-size: 32px;
		line-height: 55px
	}
}

@media only screen and (min-width: 1451px) {
	.CareerPage #Work .ttlWrap .ttl {
		font-size: 40px;
		line-height: 69px
	}
}

.CareerPage #Work .workList {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: 100%
}

.CareerPage #Work .workList .owl-item {
	height: 220px
}

@media only screen and (min-width: 468px) {
	.CareerPage #Work .workList .owl-item {
		height: 240px
	}
}

@media only screen and (min-width: 992px) {
	.CareerPage #Work .workList .owl-item {
		height: 270px
	}
}

@media only screen and (min-width: 1200px) {
	.CareerPage #Work .workList .owl-item {
		height: 320px
	}
}

.CareerPage #Work .workList .owl-item .wrkBx {
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 20px;
	padding: 20px 10px;
	flex-direction: column;
	border: 2px solid #d20a09;
	transition: all .4s;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center
}

@media only screen and (min-width: 468px) {
	.CareerPage #Work .workList .owl-item .wrkBx {
		border: 2px solid rgba(0, 0, 0, 0);
		padding: 25px 10px
	}
}

@media only screen and (min-width: 992px) {
	.CareerPage #Work .workList .owl-item .wrkBx {
		padding: 35px 10px
	}
}

@media only screen and (min-width: 1200px) {
	.CareerPage #Work .workList .owl-item .wrkBx {
		padding: 45px 10px
	}
}

.CareerPage #Work .workList .owl-item .wrkBx .icon {
	width: 45px;
	height: 45px;
	margin-bottom: 10px;
	transition: all .4s
}

@media only screen and (min-width: 468px) {
	.CareerPage #Work .workList .owl-item .wrkBx .icon {
		width: 55px;
		height: 55px
	}
}

@media only screen and (min-width: 1200px) {
	.CareerPage #Work .workList .owl-item .wrkBx .icon {
		width: 66px;
		height: 66px
	}
}

.CareerPage #Work .workList .owl-item .wrkBx .icon svg {
	fill: #000;
	width: 44px;
	transition: all .3s
}

@media only screen and (min-width: 468px) {
	.CareerPage #Work .workList .owl-item .wrkBx .icon svg {
		width: 54px
	}
}

@media only screen and (min-width: 1200px) {
	.CareerPage #Work .workList .owl-item .wrkBx .icon svg {
		width: 65px
	}
}

.CareerPage #Work .workList .owl-item .wrkBx .txt {
	font-size: 16px;
	line-height: 25px;
	font-weight: 500;
	color: #000;
	text-align: center;
	margin-bottom: 5px;
	transition: all .3s
}

@media only screen and (min-width: 468px) {
	.CareerPage #Work .workList .owl-item .wrkBx .txt {
		font-size: 18px;
		line-height: 30px;
		margin-bottom: 7px
	}
}

@media only screen and (min-width: 1200px) {
	.CareerPage #Work .workList .owl-item .wrkBx .txt {
		font-size: 22px;
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 1451px) {
	.CareerPage #Work .workList .owl-item .wrkBx .txt {
		font-size: 26px;
		line-height: 35px
	}
}

.CareerPage #Work .workList .owl-item p {
	text-align: center;
	height: 0;
	opacity: 0;
	color: #000;
	margin-bottom: 0;
	padding: 0px 8px;
	overflow-y: auto;
	transition: all .4s
}

@media only screen and (min-width: 1200px) {
	.CareerPage #Work .workList .owl-item p {
		padding: 0px 20px
	}
}

.CareerPage #Work .workList .owl-item.nth-child-active .wrkBx,
.CareerPage #Work .workList .owl-item:hover .wrkBx {
	border: 2px solid #d20a09
}

.CareerPage #Work .workList .owl-item.nth-child-active .wrkBx .icon svg,
.CareerPage #Work .workList .owl-item:hover .wrkBx .icon svg {
	fill: #d20a09
}

.CareerPage #Work .workList .owl-item.nth-child-active .wrkBx .txt,
.CareerPage #Work .workList .owl-item:hover .wrkBx .txt {
	color: #d20a09
}

.CareerPage #Work .workList .owl-item.nth-child-active .wrkBx p,
.CareerPage #Work .workList .owl-item:hover .wrkBx p {
	transform: 1;
	height: 78px;
	opacity: 1
}

@media only screen and (min-width: 576px) {

	.CareerPage #Work .workList .owl-item.nth-child-active .wrkBx p,
	.CareerPage #Work .workList .owl-item:hover .wrkBx p {
		height: 85px
	}
}

.CareerPage #Articles {
	padding: 10px 0px 40px
}

@media only screen and (min-width: 992px) {
	.CareerPage #Articles {
		padding: 20px 0px 50px
	}
}

@media only screen and (min-width: 1200px) {
	.CareerPage #Articles {
		padding: 30px 0px 60px
	}
}

@media only screen and (min-width: 1451px) {
	.CareerPage #Articles {
		padding: 45px 0px 90px
	}
}

.CareerPage #Articles .mnTtl {
	font-size: 28px;
	line-height: 35px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 10px
}

@media only screen and (min-width: 576px) {
	.CareerPage #Articles .mnTtl {
		font-size: 32px;
		line-height: 40px;
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 992px) {
	.CareerPage #Articles .mnTtl {
		font-size: 38px;
		line-height: 45px;
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 1200px) {
	.CareerPage #Articles .mnTtl {
		font-size: 45px;
		line-height: 60px;
		margin-bottom: 30px
	}
}

.CareerPage #Articles .articleList {
	padding-right: 70px
}

@media only screen and (min-width: 992px) {
	.CareerPage #Articles .articleList {
		padding-right: 100px
	}
}

.CareerPage #Articles .articleList .artBx {
	display: block;
	width: 100%;
	height: 100%
}

.CareerPage #Articles .articleList .artBx .bgImg {
	width: 100%;
	height: 255px;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 15px
}

.CareerPage #Articles .articleList .artBx .bgImg img {
	transition: all .4s;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.CareerPage #Articles .articleList .artBx .infBx p {
	line-height: 18px;
	margin-bottom: 5px
}

@media only screen and (min-width: 576px) {
	.CareerPage #Articles .articleList .artBx .infBx p {
		line-height: 20px
	}
}

@media only screen and (min-width: 1200px) {
	.CareerPage #Articles .articleList .artBx .infBx p {
		line-height: 30px;
		margin-bottom: 10px
	}
}

.CareerPage #Articles .articleList .artBx .infBx .date {
	font-size: 14px;
	line-height: 22px;
	font-weight: 300;
	color: #d20a09
}

@media only screen and (min-width: 576px) {
	.CareerPage #Articles .articleList .artBx .infBx .date {
		font-size: 16px;
		line-height: 25px
	}
}

.CareerPage #Articles .articleList .artBx:hover .bgImg img {
	transform: scale(1.1)
}

.CareerPage #Articles .articleList .owl-nav {
	display: flex
}

.CareerPage #Articles .articleList .owl-nav button {
	width: 40px;
	height: 135px;
	border-radius: 0 0 0 43px;
	background: #d20a09;
	opacity: 1;
	border: none !important
}

@media only screen and (min-width: 468px) {
	.CareerPage #Articles .articleList .owl-nav button {
		width: 35px;
		height: 120px
	}
}

@media only screen and (min-width: 992px) {
	.CareerPage #Articles .articleList .owl-nav button {
		width: 55px;
		height: 210px
	}
}

.CareerPage #Articles .articleList .owl-nav button span {
	background: url("../images/arw.svg") no-repeat center;
	background-size: contain;
	width: 20px;
	height: 18px;
	transform: none
}

@media only screen and (min-width: 768px) {
	.CareerPage #Articles .articleList .owl-nav button span {
		width: 29px;
		height: 21px
	}
}

.CareerPage #Articles .articleList .owl-nav button.owl-prev {
	left: 0;
	display: none
}

.CareerPage #Articles .articleList .owl-nav button.owl-next {
	right: 0;
	top: 40%
}

.CareerPage .Career-popup {
	background-color: rgba(0, 0, 0, .7)
}

.CareerPage .Career-popup .modal-dialog {
	max-width: 100%;
	background: rgba(0, 0, 0, 0)
}

.CareerPage .Career-popup .modal-dialog .modal-content {
	border: none;
	border-radius: none;
	background: rgba(0, 0, 0, 0)
}

.CareerPage .Career-popup .modal-dialog .modal-body {
	padding: 0
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx {
	position: relative;
	border-radius: 25px;
	background-color: #0e0e0e
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .bgImg {
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	border-radius: 25px;
	opacity: .1;
	overflow: hidden;
	top: 0;
	pointer-events: none
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .bgImg img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .btnclose {
	display: flex;
	justify-content: flex-end
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .btnclose button {
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin: 15px 15px 0px;
	background-color: rgba(210, 10, 9, .7);
	border: none;
	box-shadow: none !important;
	outline: none
}

@media only screen and (min-width: 576px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .btnclose button {
		width: 40px;
		height: 40px;
		margin: 20px 40px 0px
	}
}

@media only screen and (min-width: 992px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .btnclose button {
		width: 45px;
		height: 45px
	}
}

@media only screen and (min-width: 1200px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .btnclose button {
		width: 55px;
		height: 55px
	}
}

@media only screen and (min-width: 1451px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .btnclose button {
		width: 67px;
		height: 67px
	}
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .btnclose button svg {
	width: 14px
}

@media only screen and (min-width: 576px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .btnclose button svg {
		width: 16px
	}
}

@media only screen and (min-width: 992px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .btnclose button svg {
		width: 18px
	}
}

@media only screen and (min-width: 1200px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .btnclose button svg {
		width: 20px
	}
}

@media only screen and (min-width: 1451px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .btnclose button svg {
		width: 24px
	}
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx {
	position: relative;
	z-index: 10
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row {
	margin: 0px;
	padding: 20px 30px 30px 30px
}

@media only screen and (min-width: 576px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row {
		margin: 0px -15px;
		padding: 20px 60px 40px 60px
	}
}

@media only screen and (min-width: 992px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row {
		margin: 0px -30px;
		padding: 30px 50px 40px 50px
	}
}

@media only screen and (min-width: 1200px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row {
		margin: 0px -35px;
		padding: 50px 70px 50px 70px
	}
}

@media only screen and (min-width: 1451px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row {
		margin: 0px -50px;
		padding: 50px 120px 90px 110px
	}
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row>* {
	padding: 0px
}

@media only screen and (min-width: 576px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row>* {
		padding: 0px 15px
	}
}

@media only screen and (min-width: 992px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row>* {
		padding: 0px 30px
	}
}

@media only screen and (min-width: 1200px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row>* {
		padding: 0px 35px
	}
}

@media only screen and (min-width: 1451px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row>* {
		padding: 0px 50px
	}
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .form-group {
	margin-bottom: 30px
}

@media only screen and (min-width: 992px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .form-group {
		margin-bottom: 40px
	}
}

@media only screen and (min-width: 1200px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .form-group {
		margin-bottom: 50px
	}
}

@media only screen and (min-width: 1451px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .form-group {
		margin-bottom: 90px
	}
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .form-control {
	background-color: rgba(0, 0, 0, 0);
	border: none;
	border-bottom: 3px solid #fff;
	padding: 0;
	height: 45px;
	font-weight: 400;
	color: #d20a09;
	font-size: 16px;
	transition: all .4s
}

@media only screen and (min-width: 992px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .form-control {
		font-size: 20px
	}
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .form-control::placeholder {
	font-size: 16px;
	color: #fff
}

@media only screen and (min-width: 576px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .form-control::placeholder {
		font-size: 18px;
		height: 50px
	}
}

@media only screen and (min-width: 1200px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .form-control::placeholder {
		height: 60px;
		font-size: 20px
	}
}

@media only screen and (min-width: 1451px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .form-control::placeholder {
		font-size: 24px
	}
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .form-control:focus {
	border-bottom: 3px solid #d20a09
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .form-control:focus::placeholder {
	color: #d20a09
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .phn {
	border-bottom: 3px solid #fff;
	height: 40px
}

@media only screen and (min-width: 576px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .phn {
		height: 45px
	}
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .phn .flx {
	display: flex;
	align-items: center
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .phn .txt {
	white-space: nowrap;
	color: #fff;
	font-size: 16px;
	margin-right: 5px
}

@media only screen and (min-width: 576px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .phn .txt {
		font-size: 18px;
		margin-right: 10px
	}
}

@media only screen and (min-width: 1200px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .phn .txt {
		font-size: 20px
	}
}

@media only screen and (min-width: 1441px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .phn .txt {
		font-size: 24px
	}
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .phn .form-control {
	border-bottom: none;
	color: #fff
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .phn .help-block {
	position: unset;
	margin-top: 8px
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .phn .iti--separate-dial-code .iti__selected-flag {
	background: rgba(0, 0, 0, 0);
	flex-direction: row-reverse
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .phn .iti--separate-dial-code .iti__selected-flag .iti__flag {
	display: none
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .phn .iti--separate-dial-code .iti__selected-flag .iti__selected-dial-code {
	color: #fff;
	font-weight: 400;
	font-size: 16px
}

@media only screen and (min-width: 576px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .phn .iti--separate-dial-code .iti__selected-flag .iti__selected-dial-code {
		font-size: 18px
	}
}

@media only screen and (min-width: 1200px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .phn .iti--separate-dial-code .iti__selected-flag .iti__selected-dial-code {
		font-size: 20px
	}
}

@media only screen and (min-width: 1451px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .phn .iti--separate-dial-code .iti__selected-flag .iti__selected-dial-code {
		font-size: 24px
	}
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .phn .iti--separate-dial-code .iti__selected-flag .iti__arrow {
	border: none;
	background: url(../images/carnext.png) no-repeat;
	background-position: center;
	width: 13px;
	height: 13px;
	background-size: contain;
	margin-top: 5px
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row #file-upload {
	position: absolute;
	opacity: 0;
	visibility: hidden
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .fileInpt {
	display: flex;
	align-items: center;
	position: relative
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .upldcv {
	position: absolute;
	bottom: 15px
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .custom-file-upload {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	padding: 0;
	min-width: 100px;
	width: 100%;
	color: #fff;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	font-size: 16px;
	border: none;
	background: rgba(0, 0, 0, 0);
	border-bottom: 3px solid #fff;
	height: 38px;
	margin: 0
}

@media only screen and (min-width: 576px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .custom-file-upload {
		font-size: 18px;
		height: 56px
	}
}

@media only screen and (min-width: 1200px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .custom-file-upload {
		font-size: 20px
	}
}

@media only screen and (min-width: 1441px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .custom-file-upload {
		font-size: 24px
	}
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .rit {
	width: 100px;
	height: 35px;
	background-color: rgba(0, 0, 0, 0);
	border-radius: 15px;
	background-color: hsla(0, 0%, 100%, .2);
	border: 2px dashed #a1a1a1;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 0;
	bottom: 10px;
	pointer-events: none
}

@media only screen and (min-width: 576px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .rit {
		width: 130px;
		height: 40px;
		right: 20px
	}
}

@media only screen and (min-width: 992px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .rit {
		width: 170px;
		height: 40px;
		bottom: 20px;
		border-radius: 20px
	}
}

@media only screen and (min-width: 1200px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .rit {
		width: 190px;
		height: 45px
	}
}

@media only screen and (min-width: 1451px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .rit {
		width: 215px;
		height: 50px
	}
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .rit .icon {
	width: 14px;
	margin-right: 5px
}

@media only screen and (min-width: 576px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .rit .icon {
		width: 16px
	}
}

@media only screen and (min-width: 992px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .rit .icon {
		width: 20px
	}
}

@media only screen and (min-width: 1200px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .rit .icon {
		width: 24px
	}
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .rit .txt {
	font-size: 13px;
	font-weight: 400;
	color: #fff;
	padding-left: 5px
}

@media only screen and (min-width: 576px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .rit .txt {
		font-size: 14px
	}
}

@media only screen and (min-width: 992px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .rit .txt {
		font-size: 18px
	}
}

@media only screen and (min-width: 1451px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .rit .txt {
		font-size: 22px;
		padding-left: 10px
	}
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row #filename {
	padding: .5em;
	float: right;
	width: 150px;
	white-space: nowrap;
	overflow: hidden;
	color: #fff
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .btnFlx {
	display: flex;
	justify-content: flex-end
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .btnFlx .ritB {
	width: 100%
}

@media only screen and (min-width: 576px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .btnFlx .ritB {
		width: unset
	}
}

.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .btnFlx .send {
	width: 100%;
	height: 40px;
	background-color: #d20a09;
	font-size: 14px;
	font-weight: 400;
	border-radius: 12px;
	font-weight: 400;
	color: #fff
}

@media only screen and (min-width: 576px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .btnFlx .send {
		width: 160px;
		height: 45px;
		font-size: 16px
	}
}

@media only screen and (min-width: 992px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .btnFlx .send {
		width: 190px;
		font-size: 18px;
		border-radius: 16px
	}
}

@media only screen and (min-width: 1200px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .btnFlx .send {
		width: 250px;
		height: 55px;
		font-size: 20px
	}
}

@media only screen and (min-width: 1451px) {
	.CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .btnFlx .send {
		width: 315px;
		height: 65px;
		font-size: 24px
	}
}

.classschedulePage #BannerSec {
	position: relative
}

.classschedulePage #BannerSec picture {
	width: 100%;
	height: 100%;
	display: block
}

.classschedulePage #BannerSec picture img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.classschedulePage #BannerSec .bannerCnt {
	position: absolute;
	bottom: -140px;
	left: 0;
	width: 100%
}

@media only screen and (min-width: 576px) {
	.classschedulePage #BannerSec .bannerCnt {
		bottom: -78px
	}
}

.classschedulePage #BannerSec .bannerCnt::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0) linear-gradient(180deg, #0E0E0E 0%, rgba(0, 0, 0, 0) 100%) 0% 0% no-repeat padding-box
}

.classschedulePage #BannerSec .bannerCnt .flxBx {
	text-align: center;
	max-width: 1281px;
	margin: auto;
	position: relative;
	z-index: 10;
	padding: 19px 0 38px
}

.classschedulePage #BannerSec .bannerCnt .flxBx .mainT {
	font-weight: 500;
	color: #fff;
	margin-bottom: 10px;
	font-size: 24px;
	line-height: 24px
}

@media only screen and (min-width: 576px) {
	.classschedulePage #BannerSec .bannerCnt .flxBx .mainT {
		font-size: 32px;
		line-height: 32px
	}
}

@media only screen and (min-width: 768px) {
	.classschedulePage #BannerSec .bannerCnt .flxBx .mainT {
		font-size: 40px;
		line-height: 40px
	}
}

@media only screen and (min-width: 1200px) {
	.classschedulePage #BannerSec .bannerCnt .flxBx .mainT {
		font-size: 50px;
		line-height: 50px
	}
}

@media only screen and (min-width: 1441px) {
	.classschedulePage #BannerSec .bannerCnt .flxBx .mainT {
		font-size: 60px;
		line-height: 60px
	}
}

@media only screen and (min-width: 1560px) {
	.classschedulePage #BannerSec .bannerCnt .flxBx .mainT {
		font-size: 80px;
		line-height: 80px
	}
}

@media only screen and (min-width: 1661px) {
	.classschedulePage #BannerSec .bannerCnt .flxBx .mainT {
		font-size: 100px;
		line-height: 100px
	}
}

.classschedulePage #BannerSec .bannerCnt .flxBx .txt {
	font-weight: 400;
	color: #fff;
	font-size: 14px;
	line-height: 24px
}

@media only screen and (min-width: 576px) {
	.classschedulePage #BannerSec .bannerCnt .flxBx .txt {
		font-size: 16px;
		line-height: 26px
	}
}

@media only screen and (min-width: 768px) {
	.classschedulePage #BannerSec .bannerCnt .flxBx .txt {
		font-size: 18px;
		line-height: 28px
	}
}

@media only screen and (min-width: 1200px) {
	.classschedulePage #BannerSec .bannerCnt .flxBx .txt {
		font-size: 20px;
		line-height: 30px
	}
}

@media only screen and (min-width: 1441px) {
	.classschedulePage #BannerSec .bannerCnt .flxBx .txt {
		font-size: 24px;
		line-height: 35px
	}
}

.classschedulePage #classScheduleSec {
	padding: 130px 0 40px
}

@media only screen and (min-width: 576px) {
	.classschedulePage #classScheduleSec {
		padding: 80px 0 60px
	}
}

@media only screen and (min-width: 1200px) {
	.classschedulePage #classScheduleSec {
		padding: 100px 0 70px
	}
}

@media only screen and (min-width: 1441px) {
	.classschedulePage #classScheduleSec {
		padding: 120px 0 80px
	}
}

@media only screen and (min-width: 1661px) {
	.classschedulePage #classScheduleSec {
		padding: 148px 0 100px
	}
}

.classschedulePage #classScheduleSec .secTitle {
	font-weight: 500;
	color: #fff;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 20px
}

@media only screen and (min-width: 576px) {
	.classschedulePage #classScheduleSec .secTitle {
		font-size: 28px;
		line-height: 28px
	}
}

@media only screen and (min-width: 768px) {
	.classschedulePage #classScheduleSec .secTitle {
		font-size: 32px;
		line-height: 32px;
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 992px) {
	.classschedulePage #classScheduleSec .secTitle {
		font-size: 40px;
		line-height: 40px;
		margin-bottom: 40px
	}
}

@media only screen and (min-width: 1441px) {
	.classschedulePage #classScheduleSec .secTitle {
		font-size: 46px;
		line-height: 46px;
		margin-bottom: 50px
	}
}

@media only screen and (min-width: 1560px) {
	.classschedulePage #classScheduleSec .secTitle {
		font-size: 52px;
		line-height: 52px;
		margin-bottom: 60px
	}
}

@media only screen and (min-width: 1661px) {
	.classschedulePage #classScheduleSec .secTitle {
		font-size: 60px;
		line-height: 60px;
		margin-bottom: 75px
	}
}

.classschedulePage #classScheduleSec .dflx {
	display: flex;
	flex-wrap: wrap;
	margin: -8px
}

@media only screen and (min-width: 768px) {
	.classschedulePage #classScheduleSec .dflx {
		margin: -14px
	}
}

@media only screen and (min-width: 1441px) {
	.classschedulePage #classScheduleSec .dflx {
		margin: -18px
	}
}

@media only screen and (min-width: 1661px) {
	.classschedulePage #classScheduleSec .dflx {
		margin: -23px
	}
}

.classschedulePage #classScheduleSec .dflx .item {
	padding: 8px;
	width: 100%
}

@media only screen and (min-width: 576px) {
	.classschedulePage #classScheduleSec .dflx .item {
		width: 50%
	}
}

@media only screen and (min-width: 768px) {
	.classschedulePage #classScheduleSec .dflx .item {
		padding: 14px
	}
}

@media only screen and (min-width: 1441px) {
	.classschedulePage #classScheduleSec .dflx .item {
		padding: 18px
	}
}

@media only screen and (min-width: 1661px) {
	.classschedulePage #classScheduleSec .dflx .item {
		padding: 23px
	}
}

.classschedulePage #classScheduleSec .dflx .item .chLst {
	display: block;
	position: relative;
	overflow: hidden
}

.classschedulePage #classScheduleSec .dflx .item .chLst::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 45%;
	background: rgba(0, 0, 0, 0) linear-gradient(0deg, #000000 0%, #343434 53%, rgba(84, 84, 84, 0) 100%) 0% 0% no-repeat padding-box;
	opacity: .8;
	pointer-events: none;
	transition: .5s all
}

.classschedulePage #classScheduleSec .dflx .item .chLst img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.classschedulePage #classScheduleSec .dflx .item .chLst .txtB {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
	text-align: center;
	transition: .4s all;
	z-index: 8;
	padding: 0 10px 30px
}

@media only screen and (min-width: 768px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .txtB {
		padding: 0 10px 50px
	}
}

@media only screen and (min-width: 992px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .txtB {
		padding: 0 10px 70px
	}
}

@media only screen and (min-width: 1441px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .txtB {
		padding: 0 10px 90px
	}
}

@media only screen and (min-width: 1661px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .txtB {
		padding: 0 10px 110px
	}
}

.classschedulePage #classScheduleSec .dflx .item .chLst .ttle {
	font-weight: 500;
	color: #fff;
	margin-bottom: 5px;
	font-size: 22px;
	line-height: 22px
}

@media only screen and (min-width: 768px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .ttle {
		font-size: 26px;
		line-height: 26px
	}
}

@media only screen and (min-width: 992px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .ttle {
		font-size: 30px;
		line-height: 30px
	}
}

@media only screen and (min-width: 1200px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .ttle {
		font-size: 36px;
		line-height: 36px
	}
}

@media only screen and (min-width: 1441px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .ttle {
		font-size: 42px;
		line-height: 42px
	}
}

@media only screen and (min-width: 1661px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .ttle {
		font-size: 50px;
		line-height: 50px
	}
}

.classschedulePage #classScheduleSec .dflx .item .chLst .sbT {
	font-weight: 400;
	color: #fff;
	font-size: 20px;
	line-height: 20px
}

@media only screen and (min-width: 768px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .sbT {
		font-size: 26px;
		line-height: 26px
	}
}

@media only screen and (min-width: 992px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .sbT {
		font-size: 30px;
		line-height: 30px
	}
}

@media only screen and (min-width: 1200px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .sbT {
		font-size: 35px;
		line-height: 35px
	}
}

@media only screen and (min-width: 1441px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .sbT {
		font-size: 40px;
		line-height: 40px
	}
}

@media only screen and (min-width: 1661px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .sbT {
		font-size: 45px;
		line-height: 45px
	}
}

.classschedulePage #classScheduleSec .dflx .item .chLst .overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	z-index: 5;
	transition: .5s all;
	opacity: 0;
	visibility: hidden;
	transform: translate(0, 100%) scale(0.8);
	padding: 20px 20px
}

@media only screen and (min-width: 768px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .overlay {
		padding: 20px 30px 20px
	}
}

@media only screen and (min-width: 992px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .overlay {
		padding: 20px 40px 30px
	}
}

@media only screen and (min-width: 1441px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .overlay {
		padding: 20px 60px 40px
	}
}

@media only screen and (min-width: 1661px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .overlay {
		padding: 20px 100px 60px
	}
}

.classschedulePage #classScheduleSec .dflx .item .chLst .overlay .ttleB {
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 10px
}

@media only screen and (min-width: 576px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .overlay .ttleB {
		padding-bottom: 17px;
		margin-bottom: 13px
	}
}

@media only screen and (min-width: 1200px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .overlay .ttleB {
		padding-bottom: 20px;
		margin-bottom: 17px
	}
}

@media only screen and (min-width: 1441px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .overlay .ttleB {
		padding-bottom: 25px;
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 1661px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .overlay .ttleB {
		padding-bottom: 30px;
		margin-bottom: 23px
	}
}

.classschedulePage #classScheduleSec .dflx .item .chLst .overlay .ttleB::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
	width: 138px;
	background: #fff;
	height: 2px
}

@media only screen and (min-width: 1200px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .overlay .ttleB::after {
		height: 4px
	}
}

.classschedulePage #classScheduleSec .dflx .item .chLst .overlay .txt {
	color: #fff;
	font-weight: 300;
	font-size: 14px;
	line-height: 24px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden
}

@media only screen and (min-width: 576px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .overlay .txt {
		font-size: 16px;
		line-height: 26px
	}
}

@media only screen and (min-width: 768px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .overlay .txt {
		font-size: 19px;
		line-height: 30px
	}
}

@media only screen and (min-width: 992px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .overlay .txt {
		font-size: 22px;
		line-height: 35px
	}
}

@media only screen and (min-width: 1441px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .overlay .txt {
		font-size: 26px;
		line-height: 40px
	}
}

@media only screen and (min-width: 1661px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .overlay .txt {
		font-size: 30px;
		line-height: 45px
	}
}

.classschedulePage #classScheduleSec .dflx .item .chLst .overlay .get {
	margin: auto;
	border-radius: 12px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	color: #d20a09;
	height: 38px;
	font-size: 15px;
	width: 150px;
	margin-top: 20px
}

@media only screen and (min-width: 576px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .overlay .get {
		height: 40px;
		font-size: 17px;
		margin-top: 15px
	}
}

@media only screen and (min-width: 992px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .overlay .get {
		margin-top: 40px
	}
}

@media only screen and (min-width: 1200px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .overlay .get {
		margin-top: 60px;
		width: 180px;
		height: 45px;
		font-size: 19px
	}
}

@media only screen and (min-width: 1441px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .overlay .get {
		margin-top: 80px;
		height: 50px;
		font-size: 22px
	}
}

@media only screen and (min-width: 1560px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .overlay .get {
		width: 200px;
		height: 55px;
		margin-top: 100px
	}
}

@media only screen and (min-width: 1661px) {
	.classschedulePage #classScheduleSec .dflx .item .chLst .overlay .get {
		font-size: 25px;
		width: 239px;
		height: 60px;
		margin-top: 115px
	}
}

.classschedulePage #classScheduleSec .dflx .item .chLst:hover::after {
	height: 100%;
	background: rgba(0, 0, 0, 0) linear-gradient(0deg, #CD1F2E 0%, #171515 100%, rgba(84, 84, 84, 0) 100%) 0% 0% no-repeat padding-box
}

.classschedulePage #classScheduleSec .dflx .item .chLst:hover .txtB {
	transform: translate(0, 150%) scale(0.7);
	opacity: 0
}

.classschedulePage #classScheduleSec .dflx .item .chLst:hover .overlay {
	transform: translate(0) scale(1);
	opacity: 1;
	visibility: visible
}

.classschedulePage #classScheduleSec .more {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 20px;
	background: #cd1f2e;
	margin: auto;
	color: #fff;
	font-weight: 300;
	width: 140px;
	height: 38px;
	margin-top: 20px;
	font-size: 14px;
	line-height: 14px
}

@media only screen and (min-width: 576px) {
	.classschedulePage #classScheduleSec .more {
		font-size: 16px;
		line-height: 16px
	}
}

@media only screen and (min-width: 768px) {
	.classschedulePage #classScheduleSec .more {
		width: 150px;
		height: 40px;
		font-size: 18px;
		line-height: 18px;
		margin-top: 40px
	}
}

@media only screen and (min-width: 1200px) {
	.classschedulePage #classScheduleSec .more {
		width: 160px;
		height: 45px;
		font-size: 20px;
		line-height: 20px;
		margin-top: 60px
	}
}

@media only screen and (min-width: 1441px) {
	.classschedulePage #classScheduleSec .more {
		width: 180px;
		height: 50px;
		font-size: 22px;
		line-height: 22px;
		margin-top: 80px
	}
}

@media only screen and (min-width: 1661px) {
	.classschedulePage #classScheduleSec .more {
		font-size: 25px;
		line-height: 25px;
		width: 204px;
		height: 60px;
		margin-top: 106px
	}
}

#trialSec {
	position: relative;
	padding: 50px 0 25px
}

@media only screen and (min-width: 576px) {
	#trialSec {
		padding: 60px 0 50px
	}
}

@media only screen and (min-width: 1200px) {
	#trialSec {
		padding: 100px 0 50px
	}
}

@media only screen and (min-width: 1661px) {
	#trialSec {
		padding: 131px 0 69px
	}
}

#trialSec::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../images/bstrip.svg) no-repeat 25%;
	background-size: cover;
	width: 100%;
	opacity: .4;
	pointer-events: none;
	height: 100px
}

@media only screen and (min-width: 576px) {
	#trialSec::after {
		height: 150px
	}
}

@media only screen and (min-width: 1200px) {
	#trialSec::after {
		height: 170px
	}
}

@media only screen and (min-width: 1661px) {
	#trialSec::after {
		height: 199px
	}
}

#trialSec .bgImg {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%
}

#trialSec .bgImg img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

#trialSec .contnts {
	position: relative;
	z-index: 10;
	text-align: center
}

#trialSec .contnts .mTitle {
	font-weight: 500;
	color: #fff;
	margin-bottom: 70px;
	font-size: 24px;
	line-height: 24px
}

@media only screen and (min-width: 576px) {
	#trialSec .contnts .mTitle {
		font-size: 32px;
		line-height: 32px
	}
}

@media only screen and (min-width: 768px) {
	#trialSec .contnts .mTitle {
		font-size: 40px;
		line-height: 40px
	}
}

@media only screen and (min-width: 1200px) {
	#trialSec .contnts .mTitle {
		font-size: 50px;
		line-height: 50px
	}
}

@media only screen and (min-width: 1441px) {
	#trialSec .contnts .mTitle {
		font-size: 60px;
		line-height: 60px
	}
}

@media only screen and (min-width: 1560px) {
	#trialSec .contnts .mTitle {
		font-size: 80px;
		line-height: 80px
	}
}

@media only screen and (min-width: 1661px) {
	#trialSec .contnts .mTitle {
		font-size: 100px;
		line-height: 100px
	}
}

#trialSec .contnts .pass {
	margin: auto;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #cd1f2e;
	width: 150px;
	height: 38px;
	font-size: 16px
}

@media only screen and (min-width: 768px) {
	#trialSec .contnts .pass {
		width: 170px;
		height: 40px;
		font-size: 18px
	}
}

@media only screen and (min-width: 1200px) {
	#trialSec .contnts .pass {
		width: 180px;
		height: 45px;
		font-size: 20px
	}
}

@media only screen and (min-width: 1441px) {
	#trialSec .contnts .pass {
		width: 190px;
		height: 50px;
		font-size: 22px
	}
}

@media only screen and (min-width: 1661px) {
	#trialSec .contnts .pass {
		font-size: 25px;
		width: 204px;
		height: 60px
	}
}

.contactPage #cmnBanner .bannerImg .bannerCnt::after {
	height: 45px
}

@media only screen and (min-width: 992px) {
	.contactPage #cmnBanner .bannerImg .bannerCnt::after {
		height: 65px
	}
}

@media only screen and (min-width: 1200px) {
	.contactPage #cmnBanner .bannerImg .bannerCnt::after {
		height: 85px
	}
}

@media only screen and (min-width: 1441px) {
	.contactPage #cmnBanner .bannerImg .bannerCnt::after {
		height: 98px
	}
}

.contactPage #cmnBanner .bannerImg .bannerCnt .mainT {
	margin-bottom: 0
}

.contactPage #contactSec .topBx {
	padding: 40px 0
}

@media only screen and (min-width: 768px) {
	.contactPage #contactSec .topBx {
		padding: 50px 0
	}
}

@media only screen and (min-width: 1200px) {
	.contactPage #contactSec .topBx {
		padding: 60px 0
	}
}

@media only screen and (min-width: 1441px) {
	.contactPage #contactSec .topBx {
		padding: 81px 0
	}
}

.contactPage #contactSec .topBx .flexBx {
	display: flex;
	flex-wrap: wrap;
	margin: -10px -5.5px
}

@media only screen and (min-width: 768px) {
	.contactPage #contactSec .topBx .flexBx {
		margin: -15px -5.5px
	}
}

@media only screen and (min-width: 992px) {
	.contactPage #contactSec .topBx .flexBx {
		margin: -20px -5.5px
	}
}

@media only screen and (min-width: 1441px) {
	.contactPage #contactSec .topBx .flexBx {
		margin: -25px -5.5px
	}
}

@media only screen and (min-width: 1661px) {
	.contactPage #contactSec .topBx .flexBx {
		margin: -37.5px -5.5px
	}
}

.contactPage #contactSec .topBx .flexBx .item {
	padding: 10px 5.5px;
	width: 100%
}

@media only screen and (min-width: 476px) {
	.contactPage #contactSec .topBx .flexBx .item {
		width: 50%
	}
}

@media only screen and (min-width: 768px) {
	.contactPage #contactSec .topBx .flexBx .item {
		width: 33.3333333333%;
		padding: 15px 5.5px
	}
}

@media only screen and (min-width: 992px) {
	.contactPage #contactSec .topBx .flexBx .item {
		padding: 20px 5.5px
	}
}

@media only screen and (min-width: 1441px) {
	.contactPage #contactSec .topBx .flexBx .item {
		padding: 25px 5.5px
	}
}

@media only screen and (min-width: 1661px) {
	.contactPage #contactSec .topBx .flexBx .item {
		padding: 37.5px 5.5px
	}
}

.contactPage #contactSec .topBx .flexBx .item .addBx {
	width: 100%;
	height: 100%;
	display: block
}

.contactPage #contactSec .topBx .flexBx .item .addBx .title {
	font-weight: 500;
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 15px
}

@media only screen and (min-width: 768px) {
	.contactPage #contactSec .topBx .flexBx .item .addBx .title {
		font-size: 18px;
		line-height: 24px
	}
}

@media only screen and (min-width: 992px) {
	.contactPage #contactSec .topBx .flexBx .item .addBx .title {
		font-size: 20px;
		margin-bottom: 20px;
		line-height: 26px
	}
}

@media only screen and (min-width: 1200px) {
	.contactPage #contactSec .topBx .flexBx .item .addBx .title {
		font-size: 22px;
		margin-bottom: 25px;
		line-height: 28px
	}
}

@media only screen and (min-width: 1441px) {
	.contactPage #contactSec .topBx .flexBx .item .addBx .title {
		margin-bottom: 30px;
		font-size: 26px;
		line-height: 32px
	}
}

.contactPage #contactSec .topBx .flexBx .item .addBx .adBx {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	padding: 20px 15px
}

@media only screen and (min-width: 1200px) {
	.contactPage #contactSec .topBx .flexBx .item .addBx .adBx {
		padding: 25px 20px
	}
}

@media only screen and (min-width: 1441px) {
	.contactPage #contactSec .topBx .flexBx .item .addBx .adBx {
		padding: 30px 25px
	}
}

.contactPage #contactSec .topBx .flexBx .item .addBx .adBx .bgImg {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0
}

.contactPage #contactSec .topBx .flexBx .item .addBx .adBx .bgImg img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.contactPage #contactSec .topBx .flexBx .item .addBx .adBx>* {
	width: 100%;
	position: relative;
	z-index: 10
}

@media only screen and (min-width: 576px) {
	.contactPage #contactSec .topBx .flexBx .item .addBx .adBx>* {
		width: unset
	}
}

.contactPage #contactSec .topBx .flexBx .item .addBx .adBx .txtB {
	min-height: 140px;
	background: rgba(14, 14, 14, .7);
	border-radius: 10px;
	padding: 15px 10px
}

@media only screen and (min-width: 992px) {
	.contactPage #contactSec .topBx .flexBx .item .addBx .adBx .txtB {
		padding: 20px 12px
	}
}

@media only screen and (min-width: 1441px) {
	.contactPage #contactSec .topBx .flexBx .item .addBx .adBx .txtB {
		min-height: 190px;
		padding: 25px 12px
	}
}

.contactPage #contactSec .topBx .flexBx .item .addBx .adBx .txtB>* {
	margin-bottom: 10px
}

@media only screen and (min-width: 1200px) {
	.contactPage #contactSec .topBx .flexBx .item .addBx .adBx .txtB>* {
		margin-bottom: 14px
	}
}

@media only screen and (min-width: 1441px) {
	.contactPage #contactSec .topBx .flexBx .item .addBx .adBx .txtB>* {
		margin-bottom: 18px
	}
}

.contactPage #contactSec .topBx .flexBx .item .addBx .adBx .txtB .txt,
.contactPage #contactSec .topBx .flexBx .item .addBx .adBx .txtB a {
	font-weight: 400;
	color: #fff;
	display: block;
	font-size: 14px;
	line-height: 15px
}

@media only screen and (min-width: 1200px) {

	.contactPage #contactSec .topBx .flexBx .item .addBx .adBx .txtB .txt,
	.contactPage #contactSec .topBx .flexBx .item .addBx .adBx .txtB a {
		font-size: 16px;
		line-height: 17px
	}
}

@media only screen and (min-width: 1441px) {

	.contactPage #contactSec .topBx .flexBx .item .addBx .adBx .txtB .txt,
	.contactPage #contactSec .topBx .flexBx .item .addBx .adBx .txtB a {
		font-size: 18px;
		line-height: 19px
	}
}

.contactPage #contactSec .topBx .flexBx .item .addBx .adBx .direction {
	border-radius: 10px;
	background: #d20a09;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	color: #fff;
	margin-top: 20px;
	min-width: 150px;
	height: 38px;
	font-size: 14px
}

@media only screen and (min-width: 1200px) {
	.contactPage #contactSec .topBx .flexBx .item .addBx .adBx .direction {
		margin-top: 30px;
		min-width: 155px;
		height: 40px;
		font-size: 16px
	}
}

@media only screen and (min-width: 1441px) {
	.contactPage #contactSec .topBx .flexBx .item .addBx .adBx .direction {
		font-size: 18px;
		min-width: 165px;
		height: 43px;
		margin-top: 40px
	}
}

.contactPage #contactSec .formBx {
	position: relative;
	padding: 40px 0
}

@media only screen and (min-width: 992px) {
	.contactPage #contactSec .formBx {
		padding: 50px 80px 60px
	}
}

@media only screen and (min-width: 1200px) {
	.contactPage #contactSec .formBx {
		padding: 55px 100px 70px
	}
}

@media only screen and (min-width: 1441px) {
	.contactPage #contactSec .formBx {
		padding: 60px 120px 80px
	}
}

@media only screen and (min-width: 1661px) {
	.contactPage #contactSec .formBx {
		padding: 67px 205px 105px
	}
}

.contactPage #contactSec .formBx .mapBx {
	position: absolute;
	top: 0;
	left: 0
}

.contactPage #contactSec .formBx .flxBx {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	z-index: 10;
	max-width: 1176px;
	margin: auto;
	border-radius: 20px
}

.contactPage #contactSec .formBx .flxBx .lftB {
	overflow: hidden;
	position: relative
}

@media only screen and (max-width: 992px) {
	.contactPage #contactSec .formBx .flxBx .lftB {
		position: absolute;
		left: 0;
		top: 0;
		width: 35%;
		pointer-events: none
	}
}

@media only screen and (min-width: 992px) {
	.contactPage #contactSec .formBx .flxBx .lftB {
		width: 380px
	}
}

@media only screen and (min-width: 1200px) {
	.contactPage #contactSec .formBx .flxBx .lftB {
		width: 440px
	}
}

@media only screen and (min-width: 1441px) {
	.contactPage #contactSec .formBx .flxBx .lftB {
		width: 476px
	}
}

.contactPage #contactSec .formBx .flxBx .lftB::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 1000%;
	height: 100%;
	background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(210, 10, 9, 0) 0%, #690505 100%) 0% 0% no-repeat padding-box;
	opacity: .68;
	z-index: 10;
	pointer-events: none
}

.contactPage #contactSec .formBx .flxBx .ritB {
	background: rgba(36, 36, 36, .8);
	position: relative;
	z-index: 10;
	padding: 30px 20px
}

@media only screen and (min-width: 992px) {
	.contactPage #contactSec .formBx .flxBx .ritB {
		width: calc(100% - 380px);
		padding: 25px 40px 30px 30px
	}
}

@media only screen and (min-width: 1200px) {
	.contactPage #contactSec .formBx .flxBx .ritB {
		width: calc(100% - 440px);
		padding: 30px 50px 40px 40px
	}
}

@media only screen and (min-width: 1441px) {
	.contactPage #contactSec .formBx .flxBx .ritB {
		padding: 37px 60px 50px 50px;
		width: calc(100% - 476px)
	}
}

.contactPage #contactSec .formBx .flxBx .ritB .subT {
	font-weight: 500;
	color: #d20a09;
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 10px
}

@media only screen and (min-width: 576px) {
	.contactPage #contactSec .formBx .flxBx .ritB .subT {
		font-size: 20px;
		line-height: 20px
	}
}

@media only screen and (min-width: 768px) {
	.contactPage #contactSec .formBx .flxBx .ritB .subT {
		font-size: 22px;
		margin-bottom: 15px;
		line-height: 22px
	}
}

@media only screen and (min-width: 992px) {
	.contactPage #contactSec .formBx .flxBx .ritB .subT {
		font-size: 24px;
		margin-bottom: 20px;
		line-height: 24px
	}
}

@media only screen and (min-width: 1200px) {
	.contactPage #contactSec .formBx .flxBx .ritB .subT {
		font-size: 26px;
		line-height: 26px
	}
}

@media only screen and (min-width: 1441px) {
	.contactPage #contactSec .formBx .flxBx .ritB .subT {
		font-size: 28px;
		line-height: 28px
	}
}

.contactPage #contactSec .formBx .flxBx .ritB .mainT {
	font-weight: 500;
	color: #fff;
	font-size: 18px;
	line-height: 23px;
	margin-bottom: 15px
}

@media only screen and (min-width: 576px) {
	.contactPage #contactSec .formBx .flxBx .ritB .mainT {
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 768px) {
	.contactPage #contactSec .formBx .flxBx .ritB .mainT {
		font-size: 22px;
		line-height: 27px
	}
}

@media only screen and (min-width: 992px) {
	.contactPage #contactSec .formBx .flxBx .ritB .mainT {
		font-size: 26px;
		line-height: 31px;
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1200px) {
	.contactPage #contactSec .formBx .flxBx .ritB .mainT {
		font-size: 30px;
		line-height: 35px;
		margin-bottom: 40px
	}
}

@media only screen and (min-width: 1441px) {
	.contactPage #contactSec .formBx .flxBx .ritB .mainT {
		margin-bottom: 50px;
		font-size: 35px;
		line-height: 40px
	}
}

.contactPage #contactSec .formBx .flxBx .ritB .row {
	margin: -7px 0
}

@media only screen and (min-width: 992px) {
	.contactPage #contactSec .formBx .flxBx .ritB .row {
		margin: -10px 0
	}
}

@media only screen and (min-width: 1441px) {
	.contactPage #contactSec .formBx .flxBx .ritB .row {
		margin: -12.5px 0
	}
}

.contactPage #contactSec .formBx .flxBx .ritB .row>* {
	padding: 7px 0
}

@media only screen and (min-width: 992px) {
	.contactPage #contactSec .formBx .flxBx .ritB .row>* {
		padding: 10px 0
	}
}

@media only screen and (min-width: 1441px) {
	.contactPage #contactSec .formBx .flxBx .ritB .row>* {
		padding: 12.5px 0
	}
}

.contactPage #contactSec .formBx .flxBx .ritB .form-group .form-control {
	background: #fff;
	border-radius: 10px;
	border: none;
	color: #1f1f1f;
	font-weight: 400;
	height: 40px;
	padding: 5px 15px;
	font-size: 14px
}

@media only screen and (min-width: 576px) {
	.contactPage #contactSec .formBx .flxBx .ritB .form-group .form-control {
		height: 45px;
		font-size: 16px
	}
}

@media only screen and (min-width: 768px) {
	.contactPage #contactSec .formBx .flxBx .ritB .form-group .form-control {
		font-size: 18px;
		height: 50px
	}
}

@media only screen and (min-width: 992px) {
	.contactPage #contactSec .formBx .flxBx .ritB .form-group .form-control {
		font-size: 20px;
		height: 58px;
		padding: 5px 20px
	}
}

@media only screen and (min-width: 1200px) {
	.contactPage #contactSec .formBx .flxBx .ritB .form-group .form-control {
		font-size: 22px;
		height: 68px
	}
}

@media only screen and (min-width: 1441px) {
	.contactPage #contactSec .formBx .flxBx .ritB .form-group .form-control {
		font-size: 25px;
		height: 84px
	}
}

.contactPage #contactSec .formBx .flxBx .ritB .form-group .form-control::placeholder {
	color: rgba(31, 31, 31, .5);
	font-weight: 400;
	font-size: 14px
}

@media only screen and (min-width: 576px) {
	.contactPage #contactSec .formBx .flxBx .ritB .form-group .form-control::placeholder {
		font-size: 16px
	}
}

@media only screen and (min-width: 768px) {
	.contactPage #contactSec .formBx .flxBx .ritB .form-group .form-control::placeholder {
		font-size: 18px
	}
}

@media only screen and (min-width: 992px) {
	.contactPage #contactSec .formBx .flxBx .ritB .form-group .form-control::placeholder {
		font-size: 20px
	}
}

@media only screen and (min-width: 1200px) {
	.contactPage #contactSec .formBx .flxBx .ritB .form-group .form-control::placeholder {
		font-size: 22px
	}
}

@media only screen and (min-width: 1441px) {
	.contactPage #contactSec .formBx .flxBx .ritB .form-group .form-control::placeholder {
		font-size: 25px
	}
}

.contactPage #contactSec .formBx .flxBx .ritB .form-group .help-block {
	position: unset;
	margin-top: 6px
}

.contactPage #contactSec .formBx .flxBx .ritB .form-group textarea.form-control {
	padding: 25px 15px;
	min-height: 120px
}

@media only screen and (min-width: 576px) {
	.contactPage #contactSec .formBx .flxBx .ritB .form-group textarea.form-control {
		min-height: 159px
	}
}

@media only screen and (min-width: 992px) {
	.contactPage #contactSec .formBx .flxBx .ritB .form-group textarea.form-control {
		padding: 29px 20px
	}
}

.contactPage #contactSec .formBx .flxBx .ritB .form-group.phn {
	display: flex;
	align-items: center;
	background: #fff;
	border-radius: 10px;
	margin-bottom: 10px
}

.contactPage #contactSec .formBx .flxBx .ritB .form-group.phn .help-block {
	position: absolute;
	bottom: -20px
}

.contactPage #contactSec .formBx .flxBx .ritB .form-group.phn .txt {
	white-space: nowrap;
	padding-left: 20px;
	color: rgba(31, 31, 31, .5);
	font-size: 14px
}

@media only screen and (min-width: 576px) {
	.contactPage #contactSec .formBx .flxBx .ritB .form-group.phn .txt {
		font-size: 16px
	}
}

@media only screen and (min-width: 768px) {
	.contactPage #contactSec .formBx .flxBx .ritB .form-group.phn .txt {
		font-size: 18px
	}
}

@media only screen and (min-width: 992px) {
	.contactPage #contactSec .formBx .flxBx .ritB .form-group.phn .txt {
		font-size: 20px
	}
}

@media only screen and (min-width: 1200px) {
	.contactPage #contactSec .formBx .flxBx .ritB .form-group.phn .txt {
		font-size: 22px
	}
}

@media only screen and (min-width: 1441px) {
	.contactPage #contactSec .formBx .flxBx .ritB .form-group.phn .txt {
		font-size: 25px
	}
}

.contactPage #contactSec .formBx .flxBx .ritB .form-group.phn .iti--separate-dial-code .iti__selected-flag {
	background: rgba(0, 0, 0, 0);
	flex-direction: row-reverse
}

.contactPage #contactSec .formBx .flxBx .ritB .form-group.phn .iti--separate-dial-code .iti__selected-flag .iti__flag {
	display: none
}

.contactPage #contactSec .formBx .flxBx .ritB .form-group.phn .iti--separate-dial-code .iti__selected-flag .iti__selected-dial-code {
	color: #000;
	font-weight: 400;
	font-size: 14px
}

@media only screen and (min-width: 576px) {
	.contactPage #contactSec .formBx .flxBx .ritB .form-group.phn .iti--separate-dial-code .iti__selected-flag .iti__selected-dial-code {
		font-size: 16px
	}
}

@media only screen and (min-width: 768px) {
	.contactPage #contactSec .formBx .flxBx .ritB .form-group.phn .iti--separate-dial-code .iti__selected-flag .iti__selected-dial-code {
		font-size: 18px
	}
}

@media only screen and (min-width: 992px) {
	.contactPage #contactSec .formBx .flxBx .ritB .form-group.phn .iti--separate-dial-code .iti__selected-flag .iti__selected-dial-code {
		font-size: 20px
	}
}

.contactPage #contactSec .formBx .flxBx .ritB .form-group.phn .iti--separate-dial-code .iti__selected-flag .iti__arrow {
	border: none;
	background: url(../images/next.svg) no-repeat;
	background-position: center;
	width: 7px;
	height: 12px;
	background-size: contain
}

.contactPage #contactSec .formBx .flxBx .ritB .form-group .select2-selection {
	border-radius: 10px !important;
	background-color: #fff !important;
	height: 40px !important
}

@media only screen and (min-width: 576px) {
	.contactPage #contactSec .formBx .flxBx .ritB .form-group .select2-selection {
		height: 45px !important
	}
}

@media only screen and (min-width: 768px) {
	.contactPage #contactSec .formBx .flxBx .ritB .form-group .select2-selection {
		height: 50px !important
	}
}

@media only screen and (min-width: 992px) {
	.contactPage #contactSec .formBx .flxBx .ritB .form-group .select2-selection {
		height: 58px !important
	}
}

@media only screen and (min-width: 1200px) {
	.contactPage #contactSec .formBx .flxBx .ritB .form-group .select2-selection {
		height: 68px !important
	}
}

@media only screen and (min-width: 1441px) {
	.contactPage #contactSec .formBx .flxBx .ritB .form-group .select2-selection {
		height: 84px !important
	}
}

.contactPage #contactSec .formBx .flxBx .ritB .form-group .select2-selection .select2-selection__rendered {
	color: rgba(31, 31, 31, .5) !important;
	font-size: 14px
}

@media only screen and (min-width: 576px) {
	.contactPage #contactSec .formBx .flxBx .ritB .form-group .select2-selection .select2-selection__rendered {
		font-size: 16px
	}
}

@media only screen and (min-width: 768px) {
	.contactPage #contactSec .formBx .flxBx .ritB .form-group .select2-selection .select2-selection__rendered {
		font-size: 18px
	}
}

@media only screen and (min-width: 992px) {
	.contactPage #contactSec .formBx .flxBx .ritB .form-group .select2-selection .select2-selection__rendered {
		font-size: 20px
	}
}

@media only screen and (min-width: 1200px) {
	.contactPage #contactSec .formBx .flxBx .ritB .form-group .select2-selection .select2-selection__rendered {
		font-size: 22px
	}
}

@media only screen and (min-width: 1441px) {
	.contactPage #contactSec .formBx .flxBx .ritB .form-group .select2-selection .select2-selection__rendered {
		font-size: 25px
	}
}

.contactPage #contactSec .formBx .flxBx .ritB .form-group .select2-selection--single .select2-selection__arrow {
	border: none;
	background: url(../images/back.html) no-repeat !important;
	background-position: center;
	width: 8px;
	height: 14px;
	background-size: contain;
	padding-right: 40px;
	display: block
}

.contactPage #contactSec .formBx .flxBx .ritB .btn-sec {
	margin-top: 10px;
	display: flex;
	justify-content: flex-end
}

.contactPage #contactSec .formBx .flxBx .ritB .btn-sec .send {
	background: #d20a09;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	color: #fff;
	font-size: 14px;
	width: 45px;
	width: 170px;
	border: none
}

@media only screen and (min-width: 576px) {
	.contactPage #contactSec .formBx .flxBx .ritB .btn-sec .send {
		font-size: 16px;
		width: 50px;
		width: 190px
	}
}

@media only screen and (min-width: 768px) {
	.contactPage #contactSec .formBx .flxBx .ritB .btn-sec .send {
		font-size: 18px
	}
}

@media only screen and (min-width: 992px) {
	.contactPage #contactSec .formBx .flxBx .ritB .btn-sec .send {
		width: 55px;
		width: 200px;
		font-size: 20px
	}
}

@media only screen and (min-width: 1200px) {
	.contactPage #contactSec .formBx .flxBx .ritB .btn-sec .send {
		width: 60px;
		width: 220px;
		font-size: 22px
	}
}

@media only screen and (min-width: 1441px) {
	.contactPage #contactSec .formBx .flxBx .ritB .btn-sec .send {
		width: 66px;
		width: 238px;
		font-size: 25px
	}
}

.contactPage #contactSec .formBx .flxBx .ritB .btn-sec .send:hover {
	border: none
}

#eventBookingDetailSec {
	padding: 10px 0
}

@media only screen and (min-width: 768px) {
	#eventBookingDetailSec {
		padding: 60px 0
	}
}

@media only screen and (min-width: 1200px) {
	#eventBookingDetailSec {
		padding: 80px 0
	}
}

@media only screen and (min-width: 1441px) {
	#eventBookingDetailSec {
		padding: 120px 0
	}
}

@media only screen and (min-width: 768px) {
	#eventBookingDetailSec .bookingBx {
		padding: 0 60px
	}
}

@media only screen and (min-width: 1200px) {
	#eventBookingDetailSec .bookingBx {
		padding: 0 80px
	}
}

@media only screen and (min-width: 1441px) {
	#eventBookingDetailSec .bookingBx {
		padding: 0 110px
	}
}

#eventBookingDetailSec .bookingBx .dtailBx {
	background: #232323;
	position: relative;
	padding: 20px 20px;
	margin-bottom: 25px
}

@media only screen and (min-width: 768px) {
	#eventBookingDetailSec .bookingBx .dtailBx {
		padding: 25px 25px;
		margin-bottom: 45px
	}
}

@media only screen and (min-width: 1200px) {
	#eventBookingDetailSec .bookingBx .dtailBx {
		padding: 35px 35px;
		margin-bottom: 65px
	}
}

@media only screen and (min-width: 1441px) {
	#eventBookingDetailSec .bookingBx .dtailBx {
		padding: 55px 55px;
		margin-bottom: 85px
	}
}

#eventBookingDetailSec .bookingBx .dtailBx .close {
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(210, 10, 9, .45);
	position: absolute;
	width: 25px;
	height: 25px;
	right: 25px;
	top: 20px
}

@media only screen and (min-width: 768px) {
	#eventBookingDetailSec .bookingBx .dtailBx .close {
		right: 30px;
		top: 20px
	}
}

@media only screen and (min-width: 992px) {
	#eventBookingDetailSec .bookingBx .dtailBx .close {
		width: 30px;
		height: 30px
	}
}

@media only screen and (min-width: 1200px) {
	#eventBookingDetailSec .bookingBx .dtailBx .close {
		top: 30px;
		right: 40px
	}
}

@media only screen and (min-width: 1441px) {
	#eventBookingDetailSec .bookingBx .dtailBx .close {
		top: 40px;
		right: 60px;
		width: 35px;
		height: 35px
	}
}

@media only screen and (min-width: 1661px) {
	#eventBookingDetailSec .bookingBx .dtailBx .close {
		width: 45px;
		height: 45px
	}
}

#eventBookingDetailSec .bookingBx .dtailBx .close svg {
	width: 10px;
	height: 10px
}

@media only screen and (min-width: 992px) {
	#eventBookingDetailSec .bookingBx .dtailBx .close svg {
		width: 12px;
		height: 12px
	}
}

@media only screen and (min-width: 1200px) {
	#eventBookingDetailSec .bookingBx .dtailBx .close svg {
		width: 14px;
		height: 14px
	}
}

@media only screen and (min-width: 1441px) {
	#eventBookingDetailSec .bookingBx .dtailBx .close svg {
		width: 18px;
		height: 18px
	}
}

@media only screen and (min-width: 1661px) {
	#eventBookingDetailSec .bookingBx .dtailBx .close svg {
		width: 20px;
		height: 20px
	}
}

#eventBookingDetailSec .bookingBx .dtailBx .close svg .cls-1 {
	fill: #fff
}

#eventBookingDetailSec .bookingBx .dtailBx .Mtitle {
	font-weight: 500;
	color: #fff;
	font-size: 24px;
	margin-bottom: 25px
}

@media only screen and (min-width: 1200px) {
	#eventBookingDetailSec .bookingBx .dtailBx .Mtitle {
		font-size: 30px
	}
}

@media only screen and (min-width: 1441px) {
	#eventBookingDetailSec .bookingBx .dtailBx .Mtitle {
		font-size: 40px;
		margin-bottom: 35px
	}
}

@media only screen and (min-width: 1661px) {
	#eventBookingDetailSec .bookingBx .dtailBx .Mtitle {
		margin-bottom: 45px;
		font-size: 50px
	}
}

#eventBookingDetailSec .bookingBx .dtailBx .flxTp {
	margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
	#eventBookingDetailSec .bookingBx .dtailBx .flxTp {
		display: flex;
		flex-wrap: wrap
	}
}

@media only screen and (min-width: 1200px) {
	#eventBookingDetailSec .bookingBx .dtailBx .flxTp {
		margin-bottom: 40px
	}
}

@media only screen and (min-width: 1441px) {
	#eventBookingDetailSec .bookingBx .dtailBx .flxTp {
		margin-bottom: 60px
	}
}

#eventBookingDetailSec .bookingBx .dtailBx .flxTp .ltB {
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 15px
}

@media only screen and (min-width: 768px) {
	#eventBookingDetailSec .bookingBx .dtailBx .flxTp .ltB {
		margin-bottom: 0;
		width: 60%
	}
}

#eventBookingDetailSec .bookingBx .dtailBx .flxTp .ltB .imgBx {
	border-radius: 20px;
	overflow: hidden;
	border: solid 1px #d20a09;
	background: #000;
	height: 100%;
	padding: 25px 20px
}

@media only screen and (max-width: 768px) {
	#eventBookingDetailSec .bookingBx .dtailBx .flxTp .ltB .imgBx {
		display: flex;
		align-items: center;
		flex-wrap: wrap
	}
}

@media only screen and (min-width: 992px) {
	#eventBookingDetailSec .bookingBx .dtailBx .flxTp .ltB .imgBx {
		display: flex;
		align-items: center;
		flex-wrap: wrap
	}
}

@media only screen and (min-width: 1200px) {
	#eventBookingDetailSec .bookingBx .dtailBx .flxTp .ltB .imgBx {
		padding: 30px 30px
	}
}

@media only screen and (min-width: 1441px) {
	#eventBookingDetailSec .bookingBx .dtailBx .flxTp .ltB .imgBx {
		padding: 42px 48px 41px 59px
	}
}

#eventBookingDetailSec .bookingBx .dtailBx .flxTp .ltB .imgBx .imgCrcle {
	border-radius: 50%;
	overflow: hidden;
	width: 80px;
	height: 80px;
	border: solid 4px #d1212f
}

@media only screen and (min-width: 992px) {
	#eventBookingDetailSec .bookingBx .dtailBx .flxTp .ltB .imgBx .imgCrcle {
		width: 110px;
		border: solid 5px #d1212f;
		height: 110px
	}
}

@media only screen and (min-width: 1200px) {
	#eventBookingDetailSec .bookingBx .dtailBx .flxTp .ltB .imgBx .imgCrcle {
		width: 130px;
		height: 130px;
		border: solid 6px #d1212f
	}
}

@media only screen and (min-width: 1441px) {
	#eventBookingDetailSec .bookingBx .dtailBx .flxTp .ltB .imgBx .imgCrcle {
		width: 145px;
		height: 145px;
		border: solid 7px #d1212f
	}
}

@media only screen and (min-width: 1661px) {
	#eventBookingDetailSec .bookingBx .dtailBx .flxTp .ltB .imgBx .imgCrcle {
		border: solid 8px #d1212f;
		width: 181px;
		height: 181px
	}
}

#eventBookingDetailSec .bookingBx .dtailBx .flxTp .ltB .imgBx .imgCrcle img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

#eventBookingDetailSec .bookingBx .dtailBx .flxTp .ltB .imgBx .txtB {
	margin-top: 15px;
	width: 100%
}

@media only screen and (min-width: 468px) {
	#eventBookingDetailSec .bookingBx .dtailBx .flxTp .ltB .imgBx .txtB {
		margin-top: 0;
		width: calc(100% - 80px);
		padding-left: 20px
	}
}

@media only screen and (min-width: 768px) {
	#eventBookingDetailSec .bookingBx .dtailBx .flxTp .ltB .imgBx .txtB {
		width: 100%;
		margin-top: 15px;
		padding-left: 0
	}
}

@media only screen and (min-width: 992px) {
	#eventBookingDetailSec .bookingBx .dtailBx .flxTp .ltB .imgBx .txtB {
		margin-top: 0;
		padding-left: 20px;
		width: calc(100% - 110px)
	}
}

@media only screen and (min-width: 1200px) {
	#eventBookingDetailSec .bookingBx .dtailBx .flxTp .ltB .imgBx .txtB {
		padding-left: 30px;
		width: calc(100% - 130px)
	}
}

@media only screen and (min-width: 1441px) {
	#eventBookingDetailSec .bookingBx .dtailBx .flxTp .ltB .imgBx .txtB {
		padding-left: 35px;
		width: calc(100% - 145px)
	}
}

@media only screen and (min-width: 1661px) {
	#eventBookingDetailSec .bookingBx .dtailBx .flxTp .ltB .imgBx .txtB {
		padding-left: 41px;
		width: calc(100% - 181px)
	}
}

#eventBookingDetailSec .bookingBx .dtailBx .flxTp .ltB .imgBx .txtB .txt {
	font-weight: 500;
	color: #fff;
	font-size: 16px;
	line-height: 26px
}

@media only screen and (min-width: 768px) {
	#eventBookingDetailSec .bookingBx .dtailBx .flxTp .ltB .imgBx .txtB .txt {
		font-size: 18px;
		line-height: 28px
	}
}

@media only screen and (min-width: 992px) {
	#eventBookingDetailSec .bookingBx .dtailBx .flxTp .ltB .imgBx .txtB .txt {
		font-size: 20px;
		line-height: 30px
	}
}

@media only screen and (min-width: 1200px) {
	#eventBookingDetailSec .bookingBx .dtailBx .flxTp .ltB .imgBx .txtB .txt {
		font-size: 22px;
		line-height: 32px
	}
}

@media only screen and (min-width: 1441px) {
	#eventBookingDetailSec .bookingBx .dtailBx .flxTp .ltB .imgBx .txtB .txt {
		font-size: 24px;
		line-height: 34px
	}
}

@media only screen and (min-width: 1661px) {
	#eventBookingDetailSec .bookingBx .dtailBx .flxTp .ltB .imgBx .txtB .txt {
		font-size: 26px;
		line-height: 36px
	}
}

#eventBookingDetailSec .bookingBx .dtailBx .flxTp .rtB {
	width: 100%
}

@media only screen and (min-width: 768px) {
	#eventBookingDetailSec .bookingBx .dtailBx .flxTp .rtB {
		width: 40%;
		padding-left: 20px
	}
}

@media only screen and (min-width: 1200px) {
	#eventBookingDetailSec .bookingBx .dtailBx .flxTp .rtB {
		padding-left: 40px
	}
}

@media only screen and (min-width: 1441px) {
	#eventBookingDetailSec .bookingBx .dtailBx .flxTp .rtB {
		padding-left: 60px
	}
}

#eventBookingDetailSec .bookingBx .dtailBx .flxTp .rtB .cntBx {
	background: #000;
	border-radius: 20px;
	overflow: hidden;
	height: 100%;
	padding: 30px;
	display: flex;
	flex-wrap: wrap;
	align-content: center
}

#eventBookingDetailSec .bookingBx .dtailBx .flxTp .rtB .cntBx .itm {
	display: flex;
	width: 100%
}

#eventBookingDetailSec .bookingBx .dtailBx .flxTp .rtB .cntBx .itm:not(:last-of-type) {
	margin-bottom: 15px
}

@media only screen and (min-width: 1200px) {
	#eventBookingDetailSec .bookingBx .dtailBx .flxTp .rtB .cntBx .itm:not(:last-of-type) {
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 1441px) {
	#eventBookingDetailSec .bookingBx .dtailBx .flxTp .rtB .cntBx .itm:not(:last-of-type) {
		margin-bottom: 30px
	}
}

#eventBookingDetailSec .bookingBx .dtailBx .flxTp .rtB .cntBx .itm .icon {
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #d1212f;
	width: 25px;
	height: 25px
}

@media only screen and (min-width: 992px) {
	#eventBookingDetailSec .bookingBx .dtailBx .flxTp .rtB .cntBx .itm .icon {
		width: 30px;
		height: 30px
	}
}

@media only screen and (min-width: 1441px) {
	#eventBookingDetailSec .bookingBx .dtailBx .flxTp .rtB .cntBx .itm .icon {
		width: 35px;
		height: 35px
	}
}

#eventBookingDetailSec .bookingBx .dtailBx .flxTp .rtB .cntBx .itm .txt {
	width: calc(100% - 35px);
	padding-left: 15px;
	font-weight: 400;
	color: #fff;
	display: flex;
	align-items: center;
	font-size: 14px
}

@media only screen and (min-width: 992px) {
	#eventBookingDetailSec .bookingBx .dtailBx .flxTp .rtB .cntBx .itm .txt {
		font-size: 16px
	}
}

@media only screen and (min-width: 1441px) {
	#eventBookingDetailSec .bookingBx .dtailBx .flxTp .rtB .cntBx .itm .txt {
		font-size: 18px
	}
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx {
	border-radius: 20px;
	overflow: hidden;
	background: #16171b;
	padding: 25px 20px
}

@media only screen and (min-width: 768px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx {
		padding: 30px 30px
	}
}

@media only screen and (min-width: 992px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx {
		padding: 30px 40px
	}
}

@media only screen and (min-width: 1200px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx {
		padding: 35px 60px 50px
	}
}

@media only screen and (min-width: 1441px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx {
		padding: 35px 100px 70px 70px
	}
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx .form-group {
	margin-bottom: 15px
}

@media only screen and (min-width: 768px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx .form-group {
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 992px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx .form-group {
		margin-bottom: 25px
	}
}

@media only screen and (min-width: 1200px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx .form-group {
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1441px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx .form-group {
		margin-bottom: 35px
	}
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx .form-group label {
	font-weight: 400;
	color: #fff;
	font-size: 14px
}

@media only screen and (min-width: 576px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx .form-group label {
		font-size: 16px
	}
}

@media only screen and (min-width: 768px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx .form-group label {
		font-size: 18px
	}
}

@media only screen and (min-width: 1441px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx .form-group label {
		font-size: 20px
	}
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx .form-control {
	border: none;
	border-bottom: solid 1px hsla(0, 0%, 100%, .46);
	background: rgba(0, 0, 0, 0);
	padding: 10px 0;
	font-weight: 20px;
	font-weight: 400;
	color: #fff;
	font-size: 14px;
	height: 45px;
	transition: all .4s
}

@media only screen and (min-width: 576px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx .form-control {
		font-size: 16px
	}
}

@media only screen and (min-width: 768px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx .form-control {
		font-size: 18px
	}
}

@media only screen and (min-width: 1441px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx .form-control {
		font-size: 20px
	}
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx .form-control::placeholder {
	font-weight: 400;
	color: #fff;
	font-size: 14px;
	transition: all .4s
}

@media only screen and (min-width: 576px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx .form-control::placeholder {
		font-size: 16px
	}
}

@media only screen and (min-width: 768px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx .form-control::placeholder {
		font-size: 18px
	}
}

@media only screen and (min-width: 1441px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx .form-control::placeholder {
		font-size: 20px
	}
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx .form-control:focus {
	color: #d20a09;
	border-bottom: 1px solid #d20a09
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx .form-control:focus::placeholder {
	color: #d20a09
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx .select2 .select2-selection {
	background-color: rgba(0, 0, 0, 0) !important;
	border-bottom: solid 1px hsla(0, 0%, 100%, .46);
	height: 45px !important
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx .select2 .select2-selection .select2-selection__rendered {
	padding-left: 0 !important
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx .help-block {
	position: unset;
	margin-top: 6px
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx .phn {
	display: flex;
	align-items: center;
	border-bottom: solid 1px hsla(0, 0%, 100%, .46);
	margin-bottom: 25px
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx .phn .txt {
	white-space: nowrap;
	color: #fff;
	font-size: 14px;
	margin-right: 10px
}

@media only screen and (min-width: 576px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx .phn .txt {
		font-size: 16px
	}
}

@media only screen and (min-width: 768px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx .phn .txt {
		font-size: 18px
	}
}

@media only screen and (min-width: 1441px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx .phn .txt {
		font-size: 20px
	}
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx .phn .help-block {
	position: absolute
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx .phn:focus {
	border-bottom: 1px solid #d20a09
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx .phn:focus .txt {
	color: #d20a09
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx .phn .form-control {
	border-bottom: none
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx .phn .iti--separate-dial-code .iti__selected-flag {
	background: rgba(0, 0, 0, 0);
	flex-direction: row-reverse
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx .phn .iti--separate-dial-code .iti__selected-flag .iti__flag {
	display: none
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx .phn .iti--separate-dial-code .iti__selected-flag .iti__selected-dial-code {
	color: #fff;
	font-weight: 400;
	font-size: 14px
}

@media only screen and (min-width: 576px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx .phn .iti--separate-dial-code .iti__selected-flag .iti__selected-dial-code {
		font-size: 16px
	}
}

@media only screen and (min-width: 768px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx .phn .iti--separate-dial-code .iti__selected-flag .iti__selected-dial-code {
		font-size: 18px
	}
}

@media only screen and (min-width: 992px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx .phn .iti--separate-dial-code .iti__selected-flag .iti__selected-dial-code {
		font-size: 20px
	}
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx .phn .iti--separate-dial-code .iti__selected-flag .iti__arrow {
	border: none;
	background: url(../images/next.svg) no-repeat;
	background-position: center;
	width: 12px;
	height: 12px;
	margin-top: 5px;
	background-size: contain;
	filter: invert(1)
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx .txtA {
	margin-top: 20px
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx textarea.form-control {
	border-radius: 20px;
	border: solid 1px #707070;
	background: #222;
	min-height: 110px;
	padding: 15px;
	transition: all .4s
}

@media only screen and (min-width: 576px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx textarea.form-control {
		min-height: 140px;
		padding: 20px
	}
}

@media only screen and (min-width: 768px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx textarea.form-control {
		padding: 25px;
		min-height: 169px
	}
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx textarea.form-control:focus {
	border: 1px solid #d20a09
}

@media only screen and (min-width: 468px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx .btnFlx {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap
	}
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx .btnFlx .lftB {
	margin-bottom: 15px
}

@media only screen and (min-width: 468px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx .btnFlx .lftB {
		margin-bottom: 0
	}
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx .btnFlx .lftB .flBX {
	display: flex;
	align-items: center
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx .btnFlx .lftB .flBX input[type=checkbox] {
	visibility: hidden;
	display: none
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx .btnFlx .lftB .flBX input[type=checkbox]:checked~label::after {
	opacity: 1;
	visibility: visible
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx .btnFlx .lftB .flBX label {
	margin-bottom: 0;
	position: relative;
	font-weight: 400;
	color: #fff;
	padding-left: 28px;
	font-size: 14px;
	text-decoration: underline
}

@media only screen and (min-width: 768px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx .btnFlx .lftB .flBX label {
		font-size: 16px
	}
}

@media only screen and (min-width: 1200px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx .btnFlx .lftB .flBX label {
		font-size: 18px;
		padding-left: 35px
	}
}

@media only screen and (min-width: 1441px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx .btnFlx .lftB .flBX label {
		font-size: 20px;
		padding-left: 45px
	}
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx .btnFlx .lftB .flBX label::before {
	content: "";
	position: absolute;
	left: 0;
	background: #fff;
	border: solid 1px #707070;
	width: 20px;
	height: 20px;
	top: -1px
}

@media only screen and (min-width: 1200px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx .btnFlx .lftB .flBX label::before {
		width: 25px;
		height: 25px;
		top: -3px
	}
}

@media only screen and (min-width: 1441px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx .btnFlx .lftB .flBX label::before {
		top: -5px;
		width: 31px;
		height: 31px
	}
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx .btnFlx .lftB .flBX label::after {
	content: "";
	position: absolute;
	left: 0;
	background: url(../images/tik.svg) no-repeat;
	background-size: 15px;
	background-position: center;
	filter: invert(1);
	opacity: 0;
	visibility: hidden;
	width: 20px;
	height: 20px;
	top: -1px
}

@media only screen and (min-width: 1200px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx .btnFlx .lftB .flBX label::after {
		width: 25px;
		height: 25px;
		top: -3px
	}
}

@media only screen and (min-width: 1441px) {
	#eventBookingDetailSec .bookingBx .dtailBx .formBx .btnFlx .lftB .flBX label::after {
		top: -5px;
		width: 31px;
		height: 31px
	}
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx .btnFlx .ritB .send,
#eventBookingDetailSec .bookingBx .dtailBx .formBx .btnFlx .ritB button {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background: #d20a09;
	font-weight: 500;
	color: #fff;
	width: 150px;
	height: 40px;
	font-size: 14px;
	border: none
}

@media only screen and (max-width: 468px) {

	#eventBookingDetailSec .bookingBx .dtailBx .formBx .btnFlx .ritB .send,
	#eventBookingDetailSec .bookingBx .dtailBx .formBx .btnFlx .ritB button {
		margin: 0 0 0 auto;
		width: 100%
	}
}

@media only screen and (min-width: 768px) {

	#eventBookingDetailSec .bookingBx .dtailBx .formBx .btnFlx .ritB .send,
	#eventBookingDetailSec .bookingBx .dtailBx .formBx .btnFlx .ritB button {
		font-size: 16px
	}
}

@media only screen and (min-width: 1200px) {

	#eventBookingDetailSec .bookingBx .dtailBx .formBx .btnFlx .ritB .send,
	#eventBookingDetailSec .bookingBx .dtailBx .formBx .btnFlx .ritB button {
		width: 180px;
		height: 45px;
		font-size: 18px
	}
}

@media only screen and (min-width: 1441px) {

	#eventBookingDetailSec .bookingBx .dtailBx .formBx .btnFlx .ritB .send,
	#eventBookingDetailSec .bookingBx .dtailBx .formBx .btnFlx .ritB button {
		font-size: 20px;
		width: 204px;
		height: 51px
	}
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx .btnFlx .ritB .send:hover,
#eventBookingDetailSec .bookingBx .dtailBx .formBx .btnFlx .ritB button:hover {
	border: none
}

#eventBookingDetailSec .bookingBx .dtailBx .formBx .btnFlx .ritB .send:hover::before,
#eventBookingDetailSec .bookingBx .dtailBx .formBx .btnFlx .ritB button:hover::before {
	border: none
}

#eventBookingDetailSec .freepassform {
	margin-top: 140px
}

@media only screen and (min-width: 576px) {
	#eventBookingDetailSec .freepassform {
		margin-top: 150px
	}
}

@media only screen and (min-width: 1200px) {
	#eventBookingDetailSec .freepassform {
		margin-top: 150px
	}
}

@media only screen and (min-width: 1441px) {
	#eventBookingDetailSec .freepassform {
		margin-top: 200px
	}
}

#eventBookingDetailSec .freepassform .bookingBx {
	position: relative;
	z-index: 1
}

#eventBookingDetailSec .freepassform .bookingBx .bgImg {
	width: 300px;
	position: absolute;
	top: -190px;
	right: 0
}

@media only screen and (min-width: 576px) {
	#eventBookingDetailSec .freepassform .bookingBx .bgImg {
		top: -220px;
		width: 350px
	}
}

@media only screen and (min-width: 992px) {
	#eventBookingDetailSec .freepassform .bookingBx .bgImg {
		top: -240px;
		width: 380px
	}
}

@media only screen and (min-width: 1200px) {
	#eventBookingDetailSec .freepassform .bookingBx .bgImg {
		top: -250px;
		width: 400px
	}
}

@media only screen and (min-width: 1441px) {
	#eventBookingDetailSec .freepassform .bookingBx .bgImg {
		top: -315px;
		width: 500px
	}
}

#eventBookingDetailSec .freepassform .bookingBx .bgImg::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	background-color: rgba(210, 10, 9, .4);
	filter: blur(100px);
	z-index: -1
}

.paymentPage #Payment {
	margin-top: 40px;
	padding: 40px 0px 40px
}

@media only screen and (min-width: 576px) {
	.paymentPage #Payment {
		margin-top: 40px;
		padding: 70px 0px 40px
	}
}

@media only screen and (min-width: 992px) {
	.paymentPage #Payment {
		margin-top: 50px;
		padding: 70px 0px 70px
	}
}

@media only screen and (min-width: 1200px) {
	.paymentPage #Payment {
		margin-top: 70px;
		padding: 70px 0px 100px
	}
}

@media only screen and (min-width: 1451px) {
	.paymentPage #Payment {
		margin-top: 110px;
		padding: 110px 0px 160px
	}
}

.paymentPage #Payment .dFlx {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.paymentPage #Payment .dFlx .topBx {
	max-width: 1056px;
	width: 100%;
	background-color: #16171b;
	border-radius: 20px;
	padding: 20px 20px;
	margin-bottom: 15px;
	text-align: center
}

@media only screen and (min-width: 576px) {
	.paymentPage #Payment .dFlx .topBx {
		padding: 40px 40px;
		margin-bottom: 30px;
		border-radius: 36px
	}
}

@media only screen and (min-width: 992px) {
	.paymentPage #Payment .dFlx .topBx {
		padding: 55px 120px;
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1200px) {
	.paymentPage #Payment .dFlx .topBx {
		padding: 65px 150px;
		margin-bottom: 35px
	}
}

@media only screen and (min-width: 1451px) {
	.paymentPage #Payment .dFlx .topBx {
		padding: 85px 215px;
		margin-bottom: 45px
	}
}

.paymentPage #Payment .dFlx .topBx .success {
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.paymentPage #Payment .dFlx .topBx .icon {
	width: 90px;
	height: 90px
}

@media only screen and (min-width: 576px) {
	.paymentPage #Payment .dFlx .topBx .icon {
		width: 110px;
		height: 110px
	}
}

@media only screen and (min-width: 992px) {
	.paymentPage #Payment .dFlx .topBx .icon {
		width: 165px
	}
}

.paymentPage #Payment .dFlx .topBx .icon svg {
	width: 90px;
	height: 90px
}

@media only screen and (min-width: 576px) {
	.paymentPage #Payment .dFlx .topBx .icon svg {
		width: 110px;
		height: 110px
	}
}

@media only screen and (min-width: 992px) {
	.paymentPage #Payment .dFlx .topBx .icon svg {
		width: 115px;
		height: 115px
	}
}

.paymentPage #Payment .dFlx .topBx .ttl {
	font-size: 22px;
	line-height: 25px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 5px
}

@media only screen and (min-width: 576px) {
	.paymentPage #Payment .dFlx .topBx .ttl {
		font-size: 28px;
		line-height: 30px
	}
}

@media only screen and (min-width: 992px) {
	.paymentPage #Payment .dFlx .topBx .ttl {
		font-size: 36px;
		line-height: 35px;
		margin-bottom: 10px
	}
}

@media only screen and (min-width: 1200px) {
	.paymentPage #Payment .dFlx .topBx .ttl {
		font-size: 42px;
		line-height: 50px;
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 1451px) {
	.paymentPage #Payment .dFlx .topBx .ttl {
		font-size: 50px;
		line-height: 60px
	}
}

.paymentPage #Payment .dFlx .topBx .sbttl {
	max-width: 630px;
	font-size: 14px;
	line-height: 22px;
	font-weight: 300;
	color: #fff;
	margin-bottom: 20px
}

@media only screen and (min-width: 576px) {
	.paymentPage #Payment .dFlx .topBx .sbttl {
		font-size: 16px;
		line-height: 25px
	}
}

@media only screen and (min-width: 1200px) {
	.paymentPage #Payment .dFlx .topBx .sbttl {
		font-size: 18px;
		line-height: 28px
	}
}

.paymentPage #Payment .dFlx .topBx .backBtn {
	font-size: 24px;
	color: #fff;
	font-weight: 500
}

.paymentPage #Payment .dFlx .topBx .backBtn:hover {
	color: #d20a09
}

.paymentPage #Payment .dFlx .topBx .backBtn .icon {
	width: 10px
}

.paymentPage #Payment .dFlx .topBx .backBtn .icon svg {
	width: 15px
}

.paymentPage #Payment .dFlx .btmBx {
	max-width: 1056px;
	width: 100%;
	background-color: #16171b;
	text-align: center;
	border-radius: 20px;
	padding: 20px;
	margin-bottom: 45px
}

@media only screen and (min-width: 576px) {
	.paymentPage #Payment .dFlx .btmBx {
		padding: 30px 25px 20px 25px;
		border-radius: 36px
	}
}

@media only screen and (min-width: 992px) {
	.paymentPage #Payment .dFlx .btmBx {
		padding: 40px 35px 20px 35px
	}
}

@media only screen and (min-width: 1200px) {
	.paymentPage #Payment .dFlx .btmBx {
		padding: 60px 55px 25px 65px
	}
}

.paymentPage #Payment .dFlx .btmBx .flxttl {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: column;
	border-bottom: 2px solid #d1202f;
	padding-bottom: 10px;
	margin-bottom: 10px
}

@media only screen and (min-width: 576px) {
	.paymentPage #Payment .dFlx .btmBx .flxttl {
		padding-bottom: 15px;
		margin-bottom: 15px;
		flex-direction: row;
		align-items: center
	}
}

@media only screen and (min-width: 992px) {
	.paymentPage #Payment .dFlx .btmBx .flxttl {
		padding-bottom: 20px;
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 1451px) {
	.paymentPage #Payment .dFlx .btmBx .flxttl {
		padding-bottom: 25px;
		margin-bottom: 25px
	}
}

.paymentPage #Payment .dFlx .btmBx .flxttl .tll,
.paymentPage #Payment .dFlx .btmBx .flxttl .transId {
	font-size: 18px;
	line-height: 23px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 10px
}

@media only screen and (min-width: 576px) {

	.paymentPage #Payment .dFlx .btmBx .flxttl .tll,
	.paymentPage #Payment .dFlx .btmBx .flxttl .transId {
		margin-bottom: 0
	}
}

@media only screen and (min-width: 992px) {

	.paymentPage #Payment .dFlx .btmBx .flxttl .tll,
	.paymentPage #Payment .dFlx .btmBx .flxttl .transId {
		font-size: 22px;
		line-height: 30px
	}
}

@media only screen and (min-width: 1200px) {

	.paymentPage #Payment .dFlx .btmBx .flxttl .tll,
	.paymentPage #Payment .dFlx .btmBx .flxttl .transId {
		font-size: 26px;
		line-height: 35px
	}
}

@media only screen and (min-width: 1451px) {

	.paymentPage #Payment .dFlx .btmBx .flxttl .tll,
	.paymentPage #Payment .dFlx .btmBx .flxttl .transId {
		font-size: 30px;
		line-height: 40px
	}
}

.paymentPage #Payment .dFlx .btmBx .flxttl .tll:last-child,
.paymentPage #Payment .dFlx .btmBx .flxttl .transId:last-child {
	margin-bottom: 0
}

.paymentPage #Payment .dFlx .btmBx .flxttl .transId {
	font-weight: 300
}

.paymentPage #Payment .dFlx .btmBx .programList {
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap
}

.paymentPage #Payment .dFlx .btmBx .programList .item {
	display: block;
	width: 100%;
	padding: 10px 0px;
	border-bottom: 2px solid rgba(209, 32, 47, .2)
}

@media only screen and (min-width: 576px) {
	.paymentPage #Payment .dFlx .btmBx .programList .item {
		padding: 15px 0px
	}
}

@media only screen and (min-width: 992px) {
	.paymentPage #Payment .dFlx .btmBx .programList .item {
		padding: 20px 0px 20px 20px
	}
}

@media only screen and (min-width: 1200px) {
	.paymentPage #Payment .dFlx .btmBx .programList .item {
		padding: 25px 0px 25px 25px
	}
}

.paymentPage #Payment .dFlx .btmBx .programList .item:last-child {
	border-bottom: none
}

.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx {
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: space-between
}

@media only screen and (min-width: 576px) {
	.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx {
		flex-direction: row
	}
}

.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx>* {
	width: 100%
}

@media only screen and (min-width: 992px) {
	.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx>* {
		width: 50%
	}
}

.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .lftSd {
	padding-right: 30px
}

.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .lftSd .imgWrap {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	width: fit-content
}

@media only screen and (min-width: 576px) {
	.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .lftSd .imgWrap {
		flex-direction: row;
		align-items: center
	}
}

.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .lftSd .imgWrap .bgImg {
	width: 105px;
	height: 105px;
	overflow: hidden;
	margin-bottom: 8px
}

@media only screen and (min-width: 576px) {
	.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .lftSd .imgWrap .bgImg {
		width: 90px;
		height: 90px;
		margin-bottom: 0
	}
}

@media only screen and (min-width: 1200px) {
	.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .lftSd .imgWrap .bgImg {
		width: 105px;
		height: 105px
	}
}

.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .lftSd .imgWrap .bgImg img {
	transition: all .4s;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .lftSd .txt {
	font-size: 16px;
	line-height: 23px;
	font-weight: 400;
	color: #fff;
	text-align: start;
	width: 100%;
	padding-left: 0;
	margin-bottom: 8px
}

@media only screen and (min-width: 576px) {
	.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .lftSd .txt {
		font-size: 16px;
		line-height: 25px;
		width: calc(100% - 90px);
		padding-left: 10px;
		margin-bottom: 0
	}
}

@media only screen and (min-width: 1200px) {
	.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .lftSd .txt {
		font-size: 18px;
		line-height: 30px;
		width: calc(100% - 105px);
		padding-left: 20px
	}
}

@media only screen and (min-width: 1451px) {
	.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .lftSd .txt {
		font-size: 20px
	}
}

.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .lftSd:hover .bgImg img {
	transform: scale(1.1)
}

.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .ritSd {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction: column
}

@media only screen and (min-width: 992px) {
	.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .ritSd {
		width: 50%;
		flex-direction: row
	}
}

.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .ritSd .inBx {
	width: auto;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	text-align: left;
	border-bottom: 1px solid hsla(0, 0%, 100%, .1);
	padding: 8px 0px
}

@media only screen and (min-width: 576px) {
	.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .ritSd .inBx {
		border-bottom: 0;
		padding: 0
	}
}

@media only screen and (min-width: 992px) {
	.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .ritSd .inBx {
		flex-direction: column
	}
}

.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .ritSd .inBx:last-child {
	border-bottom: 0;
	margin-bottom: 0
}

.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .ritSd .inBx>* {
	width: 50%;
	text-align: left
}

@media only screen and (min-width: 992px) {
	.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .ritSd .inBx>* {
		width: 100%;
		text-align: unset
	}
}

.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .ritSd .inBx .ttl,
.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .ritSd .inBx .txt {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: #808183;
	margin-bottom: 5px;
	text-align: left
}

@media only screen and (min-width: 576px) {

	.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .ritSd .inBx .ttl,
	.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .ritSd .inBx .txt {
		font-size: 16px;
		line-height: 25px;
		text-align: right
	}
}

@media only screen and (min-width: 992px) {

	.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .ritSd .inBx .ttl,
	.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .ritSd .inBx .txt {
		text-align: left
	}
}

@media only screen and (min-width: 1200px) {

	.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .ritSd .inBx .ttl,
	.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .ritSd .inBx .txt {
		font-size: 18px
	}
}

@media only screen and (min-width: 1451px) {

	.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .ritSd .inBx .ttl,
	.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .ritSd .inBx .txt {
		font-size: 20px;
		line-height: 30px
	}
}

.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .ritSd .inBx .txt {
	font-weight: 500;
	color: #fff;
	text-align: right
}

@media only screen and (min-width: 992px) {
	.paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .ritSd .inBx .txt {
		text-align: unset
	}
}

.trainingcoachingPage #PrsnlTraining {
	padding: 30px 0px 20px
}

@media only screen and (min-width: 576px) {
	.trainingcoachingPage #PrsnlTraining {
		padding: 35px 0px 30px
	}
}

@media only screen and (min-width: 1200px) {
	.trainingcoachingPage #PrsnlTraining {
		padding: 45px 0px 30px
	}
}

@media only screen and (min-width: 1451px) {
	.trainingcoachingPage #PrsnlTraining {
		padding: 55px 0px 40px
	}
}

.trainingcoachingPage #PrsnlTraining .telWrap {
	margin-bottom: 15px
}

@media only screen and (min-width: 576px) {
	.trainingcoachingPage #PrsnlTraining .telWrap {
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 992px) {
	.trainingcoachingPage #PrsnlTraining .telWrap {
		margin-bottom: 40px
	}
}

@media only screen and (min-width: 1200px) {
	.trainingcoachingPage #PrsnlTraining .telWrap {
		margin-bottom: 50px
	}
}

@media only screen and (min-width: 1451px) {
	.trainingcoachingPage #PrsnlTraining .telWrap {
		margin-bottom: 70px
	}
}

.trainingcoachingPage #PrsnlTraining .telWrap .ttl {
	font-size: 32px;
	line-height: 1.2;
	font-weight: 500;
	color: #fff;
	margin-bottom: 5px
}

@media only screen and (min-width: 576px) {
	.trainingcoachingPage #PrsnlTraining .telWrap .ttl {
		font-size: 40px;
		margin-bottom: 7px
	}
}

@media only screen and (min-width: 992px) {
	.trainingcoachingPage #PrsnlTraining .telWrap .ttl {
		font-size: 48px;
		margin-bottom: 10px
	}
}

@media only screen and (min-width: 1200px) {
	.trainingcoachingPage #PrsnlTraining .telWrap .ttl {
		font-size: 58px;
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 1451px) {
	.trainingcoachingPage #PrsnlTraining .telWrap .ttl {
		font-size: 70px;
		margin-bottom: 25px
	}
}

.trainingcoachingPage #PrsnlTraining .telWrap p {
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	color: #fff;
	font-family: "Klavika", sans-serif
}

@media only screen and (min-width: 576px) {
	.trainingcoachingPage #PrsnlTraining .telWrap p {
		font-size: 16px;
		line-height: 23px
	}
}

@media only screen and (min-width: 992px) {
	.trainingcoachingPage #PrsnlTraining .telWrap p {
		font-size: 18px;
		line-height: 26px
	}
}

@media only screen and (min-width: 1451px) {
	.trainingcoachingPage #PrsnlTraining .telWrap p {
		font-size: 20px;
		line-height: 30px
	}
}

.trainingcoachingPage #PrsnlTraining .dFlx {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

.trainingcoachingPage #PrsnlTraining .dFlx .lftSd {
	width: 100%;
	position: relative;
	margin-bottom: 8px
}

@media only screen and (min-width: 576px) {
	.trainingcoachingPage #PrsnlTraining .dFlx .lftSd {
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 992px) {
	.trainingcoachingPage #PrsnlTraining .dFlx .lftSd {
		width: 520px;
		margin-bottom: 0
	}
}

@media only screen and (min-width: 1200px) {
	.trainingcoachingPage #PrsnlTraining .dFlx .lftSd {
		width: 600px
	}
}

@media only screen and (min-width: 1451px) {
	.trainingcoachingPage #PrsnlTraining .dFlx .lftSd {
		width: 765px
	}
}

.trainingcoachingPage #PrsnlTraining .dFlx .lftSd::before {
	content: "";
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 3px;
	height: 100%;
	background-color: #d1202f
}

.trainingcoachingPage #PrsnlTraining .dFlx .lftSd .imgBx {
	width: 100%;
	height: 250px;
	overflow: hidden
}

@media only screen and (min-width: 576px) {
	.trainingcoachingPage #PrsnlTraining .dFlx .lftSd .imgBx {
		height: 340px
	}
}

@media only screen and (min-width: 992px) {
	.trainingcoachingPage #PrsnlTraining .dFlx .lftSd .imgBx {
		height: 400px
	}
}

@media only screen and (min-width: 1451px) {
	.trainingcoachingPage #PrsnlTraining .dFlx .lftSd .imgBx {
		height: 455px
	}
}

.trainingcoachingPage #PrsnlTraining .dFlx .lftSd .imgBx img {
	transition: all .4s;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.trainingcoachingPage #PrsnlTraining .dFlx .lftSd .imgBx:hover img {
	transform: scale(1.1)
}

.trainingcoachingPage #PrsnlTraining .dFlx .rtSd {
	width: 100%;
	padding-left: 0
}

@media only screen and (min-width: 992px) {
	.trainingcoachingPage #PrsnlTraining .dFlx .rtSd {
		width: calc(100% - 520px);
		padding-left: 15px
	}
}

@media only screen and (min-width: 1200px) {
	.trainingcoachingPage #PrsnlTraining .dFlx .rtSd {
		width: calc(100% - 600px);
		padding-left: 25px
	}
}

@media only screen and (min-width: 1451px) {
	.trainingcoachingPage #PrsnlTraining .dFlx .rtSd {
		width: calc(100% - 765px);
		padding-left: 35px
	}
}

.trainingcoachingPage #PrsnlTraining .dFlx .rtSd .cntBx p {
	font-size: 14px;
	line-height: 23px;
	font-weight: 400;
	color: #fff;
	font-family: "Klavika", sans-serif
}

@media only screen and (min-width: 576px) {
	.trainingcoachingPage #PrsnlTraining .dFlx .rtSd .cntBx p {
		font-size: 16px;
		line-height: 25px
	}
}

@media only screen and (min-width: 1200px) {
	.trainingcoachingPage #PrsnlTraining .dFlx .rtSd .cntBx p {
		font-size: 18px;
		line-height: 30px
	}
}

@media only screen and (min-width: 1451px) {
	.trainingcoachingPage #PrsnlTraining .dFlx .rtSd .cntBx p {
		font-size: 20px;
		line-height: 36px
	}
}

.trainingcoachingPage #PrsnlTraining .dFlx .rtSd .cntBx .btnSec {
	margin-top: 5px
}

@media only screen and (min-width: 576px) {
	.trainingcoachingPage #PrsnlTraining .dFlx .rtSd .cntBx .btnSec {
		margin-top: 15px
	}
}

.trainingcoachingPage #PrsnlTraining .dFlx .rtSd .cntBx .btnSec .bkbtn {
	max-width: 150px;
	height: 45px;
	border-radius: 12px;
	background-color: #d20a09;
	font-size: 16px;
	line-height: 30px;
	font-weight: 500;
	color: #fff;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center
}

@media only screen and (min-width: 576px) {
	.trainingcoachingPage #PrsnlTraining .dFlx .rtSd .cntBx .btnSec .bkbtn {
		max-width: 170px;
		height: 50px
	}
}

@media only screen and (min-width: 992px) {
	.trainingcoachingPage #PrsnlTraining .dFlx .rtSd .cntBx .btnSec .bkbtn {
		max-width: 170px;
		height: 55px;
		font-size: 18px
	}
}

@media only screen and (min-width: 1200px) {
	.trainingcoachingPage #PrsnlTraining .dFlx .rtSd .cntBx .btnSec .bkbtn {
		max-width: 190px;
		height: 60px;
		font-size: 20px
	}
}

@media only screen and (min-width: 1451px) {
	.trainingcoachingPage #PrsnlTraining .dFlx .rtSd .cntBx .btnSec .bkbtn {
		max-width: 215px;
		font-size: 25px
	}
}

.trainingcoachingPage #TypTraining {
	padding: 10px 0px 15px
}

@media only screen and (min-width: 992px) {
	.trainingcoachingPage #TypTraining {
		padding: 20px 0px 20px
	}
}

@media only screen and (min-width: 1200px) {
	.trainingcoachingPage #TypTraining {
		padding: 30px 0px 30px
	}
}

@media only screen and (min-width: 1451px) {
	.trainingcoachingPage #TypTraining {
		padding: 40px 0px 40px
	}
}

.trainingcoachingPage #TypTraining .mnttl {
	font-size: 28px;
	line-height: 1;
	font-weight: 500;
	color: #fff;
	margin-bottom: 10px
}

@media only screen and (min-width: 576px) {
	.trainingcoachingPage #TypTraining .mnttl {
		font-size: 32px
	}
}

@media only screen and (min-width: 992px) {
	.trainingcoachingPage #TypTraining .mnttl {
		font-size: 36px;
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 1200px) {
	.trainingcoachingPage #TypTraining .mnttl {
		font-size: 42px;
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1451px) {
	.trainingcoachingPage #TypTraining .mnttl {
		font-size: 50px;
		margin-bottom: 80px
	}
}

.trainingcoachingPage #TypTraining .trangList {
	margin: 0px -8px;
	flex-wrap: wrap;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center
}

@media only screen and (min-width: 576px) {
	.trainingcoachingPage #TypTraining .trangList {
		margin: 0px -10px
	}
}

@media only screen and (min-width: 992px) {
	.trainingcoachingPage #TypTraining .trangList {
		margin: 0px -15px
	}
}

@media only screen and (min-width: 1200px) {
	.trainingcoachingPage #TypTraining .trangList {
		margin: 0px -25px
	}
}

.trainingcoachingPage #TypTraining .trangList>* {
	padding: 8px
}

@media only screen and (min-width: 576px) {
	.trainingcoachingPage #TypTraining .trangList>* {
		padding: 10px
	}
}

@media only screen and (min-width: 992px) {
	.trainingcoachingPage #TypTraining .trangList>* {
		padding: 15px
	}
}

@media only screen and (min-width: 1200px) {
	.trainingcoachingPage #TypTraining .trangList>* {
		padding: 25px
	}
}

.trainingcoachingPage #TypTraining .trangList>.item {
	width: 100%
}

@media only screen and (min-width: 576px) {
	.trainingcoachingPage #TypTraining .trangList>.item {
		width: 50%
	}
}

@media only screen and (min-width: 992px) {
	.trainingcoachingPage #TypTraining .trangList>.item {
		width: 33.3333333333%
	}
}

.trainingcoachingPage #TypTraining .trangList>.item .trangBx {
	position: relative;
	z-index: 0;
	width: 100%;
	height: 130px;
	display: block
}

@media only screen and (min-width: 992px) {
	.trainingcoachingPage #TypTraining .trangList>.item .trangBx {
		height: 150px
	}
}

@media only screen and (min-width: 1200px) {
	.trainingcoachingPage #TypTraining .trangList>.item .trangBx {
		height: 180px
	}
}

.trainingcoachingPage #TypTraining .trangList>.item .trangBx .bgImg {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0);
	transition: all .4s
}

.trainingcoachingPage #TypTraining .trangList>.item .trangBx .bgImg img {
	transition: all .4s;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.trainingcoachingPage #TypTraining .trangList>.item .trangBx .txt {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 18px;
	line-height: 1;
	font-weight: 400;
	color: #fff;
	padding: 10px;
	border-radius: 0px 0px 0px 10px;
	background-color: rgba(210, 10, 9, .3);
	transition: all .4s
}

@media only screen and (min-width: 992px) {
	.trainingcoachingPage #TypTraining .trangList>.item .trangBx .txt {
		font-size: 22px
	}
}

@media only screen and (min-width: 1451px) {
	.trainingcoachingPage #TypTraining .trangList>.item .trangBx .txt {
		font-size: 30px
	}
}

.trainingcoachingPage #TypTraining .trangList>.item .trangBx:hover .bgImg {
	border: 1px solid #d20a09
}

.trainingcoachingPage #TypTraining .trangList>.item .trangBx:hover .bgImg img {
	transform: scale(1.1)
}

.trainingcoachingPage #TypTraining .trangList>.item .trangBx:hover .txt {
	font-weight: 500;
	background-color: #d20a09
}

.trainingcoachingPage #ProcsInvolve {
	padding: 0px 0px 25px;
	background-color: #282828
}

@media only screen and (min-width: 576px) {
	.trainingcoachingPage #ProcsInvolve {
		padding: 0px 0px 30px
	}
}

@media only screen and (min-width: 992px) {
	.trainingcoachingPage #ProcsInvolve {
		padding: 0px 0px 40px
	}
}

@media only screen and (min-width: 1200px) {
	.trainingcoachingPage #ProcsInvolve {
		padding: 0px 0px 50px
	}
}

@media only screen and (min-width: 1451px) {
	.trainingcoachingPage #ProcsInvolve {
		padding: 0px 0px 75px
	}
}

.trainingcoachingPage #ProcsInvolve .mnttl {
	font-size: 22px;
	line-height: 1;
	font-weight: 500;
	color: #fff;
	padding: 20px 0px
}

@media only screen and (min-width: 576px) {
	.trainingcoachingPage #ProcsInvolve .mnttl {
		font-size: 28px;
		padding: 30px 0px
	}
}

@media only screen and (min-width: 992px) {
	.trainingcoachingPage #ProcsInvolve .mnttl {
		font-size: 36px;
		padding: 40px 0px
	}
}

@media only screen and (min-width: 1200px) {
	.trainingcoachingPage #ProcsInvolve .mnttl {
		font-size: 42px;
		padding: 50px 0px
	}
}

@media only screen and (min-width: 1451px) {
	.trainingcoachingPage #ProcsInvolve .mnttl {
		font-size: 50px;
		padding: 70px 0px
	}
}

.trainingcoachingPage #ProcsInvolve .trainingInvolved {
	padding: 0px 10px
}

@media only screen and (min-width: 576px) {
	.trainingcoachingPage #ProcsInvolve .trainingInvolved {
		padding: 0px 20px
	}
}

@media only screen and (min-width: 992px) {
	.trainingcoachingPage #ProcsInvolve .trainingInvolved {
		padding: 0px 30px
	}
}

@media only screen and (min-width: 1200px) {
	.trainingcoachingPage #ProcsInvolve .trainingInvolved {
		padding: 0px 50px
	}
}

.trainingcoachingPage #ProcsInvolve .trainingInvolved .item {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	z-index: 0
}

.trainingcoachingPage #ProcsInvolve .trainingInvolved .item::before {
	content: "";
	position: absolute;
	z-index: -1;
	width: 90%;
	height: 1px;
	background-color: #d20a09;
	top: 41%;
	left: 100%;
	opacity: .4
}

.trainingcoachingPage #ProcsInvolve .trainingInvolved .item::after {
	content: "";
	position: absolute;
	z-index: -1;
	width: 90%;
	height: 1px;
	background-color: #d20a09;
	top: 40%;
	left: 100%;
	opacity: .4
}

.trainingcoachingPage #ProcsInvolve .trainingInvolved .item .invlBx {
	width: 100%;
	height: 100%
}

.trainingcoachingPage #ProcsInvolve .trainingInvolved .item .invlBx .imgBx {
	width: 100%;
	height: 130px;
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 15px
}

@media only screen and (min-width: 576px) {
	.trainingcoachingPage #ProcsInvolve .trainingInvolved .item .invlBx .imgBx {
		height: 160px;
		border-radius: 20px
	}
}

@media only screen and (min-width: 992px) {
	.trainingcoachingPage #ProcsInvolve .trainingInvolved .item .invlBx .imgBx {
		height: 200px
	}
}

@media only screen and (min-width: 1200px) {
	.trainingcoachingPage #ProcsInvolve .trainingInvolved .item .invlBx .imgBx {
		height: 210px
	}
}

@media only screen and (min-width: 1451px) {
	.trainingcoachingPage #ProcsInvolve .trainingInvolved .item .invlBx .imgBx {
		height: 244px
	}
}

.trainingcoachingPage #ProcsInvolve .trainingInvolved .item .invlBx .imgBx img {
	transition: all .4s;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.trainingcoachingPage #ProcsInvolve .trainingInvolved .item .invlBx .txt {
	font-size: 14px;
	line-height: 1;
	font-weight: 400;
	color: #fff;
	text-align: center;
	transition: all .4s
}

@media only screen and (min-width: 576px) {
	.trainingcoachingPage #ProcsInvolve .trainingInvolved .item .invlBx .txt {
		font-size: 16px
	}
}

@media only screen and (min-width: 992px) {
	.trainingcoachingPage #ProcsInvolve .trainingInvolved .item .invlBx .txt {
		font-size: 18px
	}
}

@media only screen and (min-width: 1451px) {
	.trainingcoachingPage #ProcsInvolve .trainingInvolved .item .invlBx .txt {
		font-size: 20px
	}
}

.trainingcoachingPage #ProcsInvolve .trainingInvolved .item .invlBx:hover .imgBx img {
	transform: scale(1.1)
}

.trainingcoachingPage #ProcsInvolve .trainingInvolved .item .invlBx:hover .txt {
	color: #d20a09
}

.trainingcoachingPage #ProcsInvolve .trainingInvolved .owl-nav {
	margin-top: 15px;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center
}

@media only screen and (min-width: 576px) {
	.trainingcoachingPage #ProcsInvolve .trainingInvolved .owl-nav {
		margin-top: 25px
	}
}

@media only screen and (min-width: 1200px) {
	.trainingcoachingPage #ProcsInvolve .trainingInvolved .owl-nav {
		margin-top: 40px
	}
}

.trainingcoachingPage #ProcsInvolve .trainingInvolved .owl-nav button {
	position: unset;
	transform: none;
	margin: 5px
}

.trainingcoachingPage #ProcsInvolve .trainingInvolved .owl-nav button span {
	background: url("../images/ntn.svg") no-repeat center;
	transform: none
}

.trainingcoachingPage #ProcsInvolve .trainingInvolved .owl-nav button:hover span {
	filter: none
}

.trainingcoachingPage #ProcsInvolve .trainingInvolved .owl-nav button.owl-prev span {
	transform: rotate(180deg)
}

.personaltrainingPage #CoachingTeam {
	padding: 30px 0px 0px
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingTeam {
		padding: 30px 0px 20px
	}
}

@media only screen and (min-width: 992px) {
	.personaltrainingPage #CoachingTeam {
		padding: 40px 0px 20px
	}
}

@media only screen and (min-width: 1200px) {
	.personaltrainingPage #CoachingTeam {
		padding: 60px 0px 30px
	}
}

@media only screen and (min-width: 1451px) {
	.personaltrainingPage #CoachingTeam {
		padding: 80px 0px 30px
	}
}

.personaltrainingPage #CoachingTeam .telWrap {
	margin-bottom: 10px
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingTeam .telWrap {
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 1200px) {
	.personaltrainingPage #CoachingTeam .telWrap {
		margin-bottom: 30px
	}
}

.personaltrainingPage #CoachingTeam .telWrap .ttl {
	font-size: 24px;
	line-height: 1;
	font-weight: 500;
	color: #fff;
	margin-bottom: 7px
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingTeam .telWrap .ttl {
		font-size: 32px;
		margin-bottom: 10px
	}
}

@media only screen and (min-width: 992px) {
	.personaltrainingPage #CoachingTeam .telWrap .ttl {
		font-size: 36px;
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 1200px) {
	.personaltrainingPage #CoachingTeam .telWrap .ttl {
		font-size: 42px;
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 1451px) {
	.personaltrainingPage #CoachingTeam .telWrap .ttl {
		font-size: 50px;
		margin-bottom: 30px
	}
}

.personaltrainingPage #CoachingTeam .telWrap p {
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 0
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingTeam .telWrap p {
		font-size: 16px;
		line-height: 25px
	}
}

@media only screen and (min-width: 992px) {
	.personaltrainingPage #CoachingTeam .telWrap p {
		font-size: 18px;
		line-height: 28px
	}
}

@media only screen and (min-width: 1451px) {
	.personaltrainingPage #CoachingTeam .telWrap p {
		font-size: 22px;
		line-height: 38px
	}
}

.personaltrainingPage #CoachingTeam .filterWrap .cmnlocation {
	display: inline-block;
	position: relative;
	background-color: #707070;
	min-width: 140px;
	border-radius: 10px !important
}

@media only screen and (min-width: 768px) {
	.personaltrainingPage #CoachingTeam .filterWrap .cmnlocation {
		min-width: 180px
	}
}

.personaltrainingPage #CoachingTeam .filterWrap .cmnlocation .dropdown {
	min-width: 150px;
	width: 100%
}

@media only screen and (min-width: 768px) {
	.personaltrainingPage #CoachingTeam .filterWrap .cmnlocation .dropdown {
		min-width: 180px
	}
}

.personaltrainingPage #CoachingTeam .filterWrap .cmnlocation .dropdown-toggle {
	display: flex;
	align-items: center;
	position: relative;
	min-width: 140px;
	height: 45px;
	background-color: #707070;
	border: none;
	border-radius: 10px !important;
	color: #fff
}

@media only screen and (min-width: 768px) {
	.personaltrainingPage #CoachingTeam .filterWrap .cmnlocation .dropdown-toggle {
		min-width: 180px
	}
}

.personaltrainingPage #CoachingTeam .filterWrap .cmnlocation .dropdown-toggle:focus {
	outline: none !important
}

.personaltrainingPage #CoachingTeam .filterWrap .cmnlocation .dropdown-toggle::before {
	content: "";
	position: absolute;
	top: 10px;
	left: 20px;
	background: url("../images/loc.svg") no-repeat center !important;
	background-size: contain !important;
	width: 10px;
	height: 20px
}

@media only screen and (min-width: 768px) {
	.personaltrainingPage #CoachingTeam .filterWrap .cmnlocation .dropdown-toggle::before {
		top: unset;
		width: 15px;
		left: 30px
	}
}

.personaltrainingPage #CoachingTeam .filterWrap .cmnlocation .dropdown-toggle .filter-option-inner-inner {
	font-size: 16px;
	font-weight: 500;
	padding-left: 30px;
	color: #fff
}

@media only screen and (min-width: 768px) {
	.personaltrainingPage #CoachingTeam .filterWrap .cmnlocation .dropdown-toggle .filter-option-inner-inner {
		font-size: 18px;
		padding-left: 40px
	}
}

.personaltrainingPage #CoachingTeam .filterWrap .cmnlocation .dropdown-menu {
	background-color: #515151;
	border-radius: 10px;
	max-height: 190px;
	overflow-y: scroll
}

.personaltrainingPage #CoachingTeam .filterWrap .cmnlocation .dropdown-menu::-webkit-scrollbar {
	width: 4px;
	border-radius: 2px
}

.personaltrainingPage #CoachingTeam .filterWrap .cmnlocation .dropdown-menu::-webkit-scrollbar-track {
	background: rgba(128, 128, 128, .5)
}

.personaltrainingPage #CoachingTeam .filterWrap .cmnlocation .dropdown-menu::-webkit-scrollbar-thumb {
	background: red;
	border-radius: 10px
}

.personaltrainingPage #CoachingTeam .filterWrap .cmnlocation .dropdown-menu:first-child {
	padding: 5px 15px 10px 15px
}

@media only screen and (min-width: 992px) {
	.personaltrainingPage #CoachingTeam .filterWrap .cmnlocation .dropdown-menu:first-child {
		padding: 10px 30px 25px 25px
	}
}

.personaltrainingPage #CoachingTeam .filterWrap .cmnlocation .dropdown-menu .dropdown-item {
	margin: 5px 0px;
	border-bottom: 1px solid hsla(0, 0%, 100%, .1);
	transition: all .4s
}

.personaltrainingPage #CoachingTeam .filterWrap .cmnlocation .dropdown-menu .dropdown-item span {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	transition: all .4s
}

@media only screen and (min-width: 992px) {
	.personaltrainingPage #CoachingTeam .filterWrap .cmnlocation .dropdown-menu .dropdown-item span {
		font-size: 18px
	}
}

.personaltrainingPage #CoachingTeam .filterWrap .cmnlocation .dropdown-menu .dropdown-item:hover,
.personaltrainingPage #CoachingTeam .filterWrap .cmnlocation .dropdown-menu .dropdown-item.active,
.personaltrainingPage #CoachingTeam .filterWrap .cmnlocation .dropdown-menu .dropdown-item:focus {
	border-radius: 5px;
	background-color: rgba(0, 0, 0, 0);
	color: #d20a09
}

.personaltrainingPage #CoachingTeam .filterWrap .cmnlocation .dropdown-menu .dropdown-item:hover span,
.personaltrainingPage #CoachingTeam .filterWrap .cmnlocation .dropdown-menu .dropdown-item.active span,
.personaltrainingPage #CoachingTeam .filterWrap .cmnlocation .dropdown-menu .dropdown-item:focus span {
	font-weight: 500;
	color: #d20a09
}

.personaltrainingPage #CoachingTeam .teamList {
	display: flex;
	flex-wrap: wrap;
	padding: 125px 0px 0px;
	margin: 0px -8px
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingTeam .teamList {
		margin: 0px -10px;
		padding: 150px 0px 0px
	}
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingTeam .teamList {
		padding: 170px 0px 0px
	}
}

@media only screen and (min-width: 992px) {
	.personaltrainingPage #CoachingTeam .teamList {
		margin: 0px -15px;
		padding: 200px 0px 0px
	}
}

@media only screen and (min-width: 1200px) {
	.personaltrainingPage #CoachingTeam .teamList {
		margin: 0px -15px;
		padding: 180px 0px 0px
	}
}

@media only screen and (min-width: 1451px) {
	.personaltrainingPage #CoachingTeam .teamList {
		margin: 0px -25px;
		padding: 200px 0px 0px
	}
}

.personaltrainingPage #CoachingTeam .teamList>* {
	padding: 0px 8px
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingTeam .teamList>* {
		padding: 0px 10px
	}
}

@media only screen and (min-width: 992px) {
	.personaltrainingPage #CoachingTeam .teamList>* {
		padding: 0px 15px
	}
}

@media only screen and (min-width: 1200px) {
	.personaltrainingPage #CoachingTeam .teamList>* {
		padding: 0px 15px
	}
}

@media only screen and (min-width: 1451px) {
	.personaltrainingPage #CoachingTeam .teamList>* {
		padding: 0px 25px
	}
}

.personaltrainingPage #CoachingTeam .teamList>.item {
	width: 100%;
	height: 410px
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingTeam .teamList>.item {
		height: 510px
	}
}

@media only screen and (min-width: 768px) {
	.personaltrainingPage #CoachingTeam .teamList>.item {
		height: 520px;
		width: 50%
	}
}

@media only screen and (min-width: 992px) {
	.personaltrainingPage #CoachingTeam .teamList>.item {
		height: 550px;
		width: 50%
	}
}

@media only screen and (min-width: 1200px) {
	.personaltrainingPage #CoachingTeam .teamList>.item {
		height: 570px;
		width: 33.3333333333%
	}
}

@media only screen and (min-width: 1451px) {
	.personaltrainingPage #CoachingTeam .teamList>.item {
		height: 660px
	}
}

.personaltrainingPage #CoachingTeam .teamList>.item .teamBx {
	width: 100%;
	height: 290px;
	position: relative;
	z-index: 0;
	border-radius: 10px;
	background-color: #222;
	padding: 105px 20px 40px 20px;
	border: 1px solid rgba(0, 0, 0, 0);
	transition: all .4s
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingTeam .teamList>.item .teamBx {
		height: 350px;
		padding: 130px 50px 60px 50px
	}
}

@media only screen and (min-width: 768px) {
	.personaltrainingPage #CoachingTeam .teamList>.item .teamBx {
		padding: 130px 20px 60px 20px
	}
}

@media only screen and (min-width: 992px) {
	.personaltrainingPage #CoachingTeam .teamList>.item .teamBx {
		height: 370px;
		padding: 140px 40px 60px 40px
	}
}

@media only screen and (min-width: 1200px) {
	.personaltrainingPage #CoachingTeam .teamList>.item .teamBx {
		height: 380px;
		padding: 140px 20px 40px 20px
	}
}

@media only screen and (min-width: 1451px) {
	.personaltrainingPage #CoachingTeam .teamList>.item .teamBx {
		height: 420px;
		padding: 160px 40px 40px 40px
	}
}

.personaltrainingPage #CoachingTeam .teamList>.item .teamBx .imgBx {
	position: absolute;
	z-index: 1;
	top: -90px;
	left: 0;
	right: 0;
	margin: auto;
	width: 180px;
	height: 180px;
	overflow: hidden;
	border-radius: 50%;
	outline: 5px solid rgba(210, 10, 9, .6);
	outline-offset: -5px;
	transition: all .4s
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingTeam .teamList>.item .teamBx .imgBx {
		width: 220px;
		height: 220px;
		top: -110px;
		outline: 8px solid rgba(210, 10, 9, .6);
		outline-offset: -6px
	}
}

@media only screen and (min-width: 992px) {
	.personaltrainingPage #CoachingTeam .teamList>.item .teamBx .imgBx {
		width: 250px;
		height: 250px;
		top: -125px
	}
}

@media only screen and (min-width: 1451px) {
	.personaltrainingPage #CoachingTeam .teamList>.item .teamBx .imgBx {
		width: 275px;
		height: 275px;
		top: -138px
	}
}

.personaltrainingPage #CoachingTeam .teamList>.item .teamBx .imgBx img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.personaltrainingPage #CoachingTeam .teamList>.item .teamBx .cntBx {
	width: 100%;
	text-align: center;
	flex-direction: column;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center
}

.personaltrainingPage #CoachingTeam .teamList>.item .teamBx .cntBx .ttl {
	font-size: 16px;
	line-height: 1;
	font-weight: 500;
	color: #fff;
	margin-bottom: 8px
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingTeam .teamList>.item .teamBx .cntBx .ttl {
		font-size: 18px;
		margin-bottom: 10px
	}
}

@media only screen and (min-width: 992px) {
	.personaltrainingPage #CoachingTeam .teamList>.item .teamBx .cntBx .ttl {
		font-size: 20px;
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 1451px) {
	.personaltrainingPage #CoachingTeam .teamList>.item .teamBx .cntBx .ttl {
		font-size: 24px;
		margin-bottom: 20px
	}
}

.personaltrainingPage #CoachingTeam .teamList>.item .teamBx .cntBx p {
	font-size: 14px;
	line-height: 18px;
	font-weight: 300;
	color: #fff;
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingTeam .teamList>.item .teamBx .cntBx p {
		font-size: 16px;
		line-height: 21px;
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 1451px) {
	.personaltrainingPage #CoachingTeam .teamList>.item .teamBx .cntBx p {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 25px
	}
}

.personaltrainingPage #CoachingTeam .teamList>.item .teamBx .cntBx .btnSec {
	margin-top: 8px
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingTeam .teamList>.item .teamBx .cntBx .btnSec {
		margin-top: 10px
	}
}

@media only screen and (min-width: 1200px) {
	.personaltrainingPage #CoachingTeam .teamList>.item .teamBx .cntBx .btnSec {
		margin-top: 15px
	}
}

@media only screen and (min-width: 1451px) {
	.personaltrainingPage #CoachingTeam .teamList>.item .teamBx .cntBx .btnSec {
		margin-top: 25px
	}
}

.personaltrainingPage #CoachingTeam .teamList>.item .teamBx .cntBx .btnSec .bkbtn {
	min-width: 140px;
	height: 35px;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #707070;
	border-radius: 8px;
	font-size: 14px;
	padding: 10px;
	line-height: 1;
	font-weight: 400;
	color: #d20a09;
	transition: all .4s
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingTeam .teamList>.item .teamBx .cntBx .btnSec .bkbtn {
		min-width: 160px;
		height: 40px;
		font-size: 16px
	}
}

@media only screen and (min-width: 1451px) {
	.personaltrainingPage #CoachingTeam .teamList>.item .teamBx .cntBx .btnSec .bkbtn {
		min-width: 185px;
		height: 45px;
		font-size: 20px
	}
}

.personaltrainingPage #CoachingTeam .teamList>.item .teamBx .lftImg {
	position: absolute;
	width: 30%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	pointer-events: none;
	transition: all .4s
}

.personaltrainingPage #CoachingTeam .teamList>.item .teamBx .lftImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-fit: contain
}

.personaltrainingPage #CoachingTeam .teamList>.item .teamBx .ritImg {
	position: absolute;
	width: 30%;
	height: 100%;
	right: 0;
	top: 0;
	opacity: 0;
	pointer-events: none;
	transition: all .4s
}

.personaltrainingPage #CoachingTeam .teamList>.item .teamBx .ritImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-fit: contain
}

.personaltrainingPage #CoachingTeam .teamList>.item .teamBx:hover {
	padding-top: 120px;
	height: 300px;
	border: 1px solid #d20a09;
	background-color: #000
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingTeam .teamList>.item .teamBx:hover {
		padding-top: 150px;
		height: 380px
	}
}

@media only screen and (min-width: 992px) {
	.personaltrainingPage #CoachingTeam .teamList>.item .teamBx:hover {
		padding-top: 170px;
		height: 400px
	}
}

@media only screen and (min-width: 1200px) {
	.personaltrainingPage #CoachingTeam .teamList>.item .teamBx:hover {
		height: 420px;
		padding-top: 180px
	}
}

@media only screen and (min-width: 1451px) {
	.personaltrainingPage #CoachingTeam .teamList>.item .teamBx:hover {
		height: 475px
	}
}

.personaltrainingPage #CoachingTeam .teamList>.item .teamBx:hover .imgBx {
	transform: scale(1.2);
	outline: 5px solid #d20a09
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingTeam .teamList>.item .teamBx:hover .imgBx {
		outline: 6px solid #d20a09
	}
}

.personaltrainingPage #CoachingTeam .teamList>.item .teamBx:hover .btnSec {
	margin-bottom: 15px
}

.personaltrainingPage #CoachingTeam .teamList>.item .teamBx:hover .btnSec .bkbtn {
	border: none;
	background-color: #d20a09;
	color: #fff
}

.personaltrainingPage #CoachingTeam .teamList>.item .teamBx:hover .lftImg {
	opacity: 1
}

.personaltrainingPage #CoachingTeam .teamList>.item .teamBx:hover .ritImg {
	opacity: 1
}

.personaltrainingPage #CoachingDeatil {
	padding: 110px 0px 30px
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingDeatil {
		padding: 160px 0px 40px
	}
}

@media only screen and (min-width: 992px) {
	.personaltrainingPage #CoachingDeatil {
		padding: 150px 0px 50px
	}
}

@media only screen and (min-width: 1200px) {
	.personaltrainingPage #CoachingDeatil {
		padding: 180px 0px 50px
	}
}

@media only screen and (min-width: 1451px) {
	.personaltrainingPage #CoachingDeatil {
		padding: 280px 0px 70px
	}
}

.personaltrainingPage #CoachingDeatil .coachBx {
	position: relative;
	z-index: 0;
	background-color: #000
}

.personaltrainingPage #CoachingDeatil .coachBx .lftelemnt {
	position: absolute;
	z-index: -1;
	left: 0;
	bottom: 0;
	height: 60%;
	opacity: .5
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingDeatil .coachBx .lftelemnt {
		opacity: 1
	}
}

.personaltrainingPage #CoachingDeatil .coachBx .lftelemnt img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-fit: contain
}

.personaltrainingPage #CoachingDeatil .coachBx .ritelemnt {
	position: absolute;
	z-index: -1;
	right: 0;
	top: 0;
	height: 60%;
	opacity: .5
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingDeatil .coachBx .ritelemnt {
		opacity: 1
	}
}

.personaltrainingPage #CoachingDeatil .coachBx .ritelemnt img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-fit: contain
}

.personaltrainingPage #CoachingDeatil .coachBx .topBx {
	margin-bottom: 20px
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingDeatil .coachBx .topBx {
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 992px) {
	.personaltrainingPage #CoachingDeatil .coachBx .topBx {
		margin-bottom: 50px
	}
}

@media only screen and (min-width: 1200px) {
	.personaltrainingPage #CoachingDeatil .coachBx .topBx {
		margin-bottom: 60px
	}
}

@media only screen and (min-width: 1451px) {
	.personaltrainingPage #CoachingDeatil .coachBx .topBx {
		margin-bottom: 80px
	}
}

.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx {
	width: 100%;
	display: flex;
	flex-direction: column
}

@media only screen and (min-width: 992px) {
	.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx {
		flex-direction: row
	}
}

.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .lft {
	width: 180px
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .lft {
		width: 220px
	}
}

@media only screen and (min-width: 992px) {
	.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .lft {
		width: 250px
	}
}

@media only screen and (min-width: 1200px) {
	.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .lft {
		width: 280px
	}
}

@media only screen and (min-width: 1451px) {
	.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .lft {
		width: 360px
	}
}

.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .lft .imgBx {
	width: 100%;
	height: 180px;
	border-radius: 50%;
	overflow: hidden;
	border: 5px solid #d20a09;
	position: relative;
	margin: -90px 0px 10px 10px
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .lft .imgBx {
		height: 220px;
		margin: -100px 0px 10px 20px;
		border: 8px solid #d20a09
	}
}

@media only screen and (min-width: 992px) {
	.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .lft .imgBx {
		height: 250px;
		margin: -100px 0px 0px 40px
	}
}

@media only screen and (min-width: 1200px) {
	.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .lft .imgBx {
		height: 280px;
		margin: -140px 0px 0px 40px
	}
}

@media only screen and (min-width: 1451px) {
	.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .lft .imgBx {
		height: 360px;
		margin: -180px 0px 0px 40px
	}
}

.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .lft .imgBx img {
	transition: all .4s;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .lft .imgBx:hover img {
	transform: scale(1.1)
}

.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .rit {
	width: 100%;
	padding-left: 10px
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .rit {
		padding-left: 20px
	}
}

@media only screen and (min-width: 992px) {
	.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .rit {
		width: calc(100% - 250px);
		padding-left: 50px
	}
}

@media only screen and (min-width: 1200px) {
	.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .rit {
		width: calc(100% - 280px);
		padding-left: 60px
	}
}

@media only screen and (min-width: 1451px) {
	.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .rit {
		width: calc(100% - 360px)
	}
}

.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .rit .cntBx .name {
	font-size: 22px;
	line-height: 1;
	font-weight: 500;
	color: #fff;
	font-family: "Klavika", sans-serif;
	margin-bottom: 5px
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .rit .cntBx .name {
		font-size: 28px
	}
}

@media only screen and (min-width: 1200px) {
	.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .rit .cntBx .name {
		font-size: 35px
	}
}

.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .rit .cntBx .txt {
	font-size: 20px;
	line-height: 1;
	font-weight: 400;
	color: #d20a09;
	margin-bottom: 5px
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .rit .cntBx .txt {
		font-size: 26px;
		margin-bottom: 10px
	}
}

@media only screen and (min-width: 1200px) {
	.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .rit .cntBx .txt {
		font-size: 30px;
		margin-bottom: 15px
	}
}

.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .rit .cntBx p {
	max-width: 905px
}

.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .rit .cntBx .flx {
	display: flex;
	align-items: center
}

.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .rit .cntBx .flx .icon {
	width: 30px;
	height: 30px;
	overflow: hidden
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .rit .cntBx .flx .icon {
		width: 40px;
		height: 40px
	}
}

@media only screen and (min-width: 1451px) {
	.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .rit .cntBx .flx .icon {
		width: 50px;
		height: 50px
	}
}

.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .rit .cntBx .flx .icon img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .rit .cntBx .flx .txt {
	width: calc(100% - 30px);
	padding-left: 10px;
	font-size: 18px;
	line-height: 1;
	font-weight: 300;
	color: #fff;
	margin-bottom: 0
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .rit .cntBx .flx .txt {
		width: calc(100% - 40px);
		padding-left: 15px;
		font-size: 23px
	}
}

@media only screen and (min-width: 1451px) {
	.personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .rit .cntBx .flx .txt {
		width: calc(100% - 50px)
	}
}

.personaltrainingPage #CoachingDeatil .coachBx .mdBX {
	margin-bottom: 20px
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingDeatil .coachBx .mdBX {
		margin-bottom: 0
	}
}

.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .accordion-item,
.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .accordion-button {
	border-radius: 0;
	border: none;
	padding: 0px 0px;
	background: none;
	box-shadow: none
}

@media only screen and (min-width: 576px) {

	.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .accordion-item,
	.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .accordion-button {
		padding: 0px 8px
	}
}

.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .accordion-body {
	padding: 20px 10px 10px 10px
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .accordion-body {
		padding: 10px 75px 30px 75px
	}
}

@media only screen and (min-width: 992px) {
	.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .accordion-body {
		padding: 10px 100px 50px 100px
	}
}

@media only screen and (min-width: 1200px) {
	.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .accordion-body {
		padding: 10px 170px 80px 170px
	}
}

@media only screen and (min-width: 1451px) {
	.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .accordion-body {
		padding: 10px 315px 110px 315px
	}
}

.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .accordion-button {
	font-size: 16px;
	line-height: 1;
	font-weight: 400;
	background-color: #303030;
	color: #fff;
	font-family: "Klavika", sans-serif;
	padding: 10px 8px;
	transition: color .4s ease
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .accordion-button {
		font-size: 18px;
		padding: 10px 50px
	}
}

@media only screen and (min-width: 1200px) {
	.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .accordion-button {
		font-size: 20px;
		padding: 10px 70px
	}
}

@media only screen and (min-width: 1451px) {
	.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .accordion-button {
		font-size: 28px
	}
}

.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .accordion-button:hover {
	color: #d20a09
}

.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .accordion-button[aria-expanded=true] {
	color: #fff;
	background-color: #d20a09;
	border-radius: 0px 0px 20px 20px
}

.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .accordion-button:focus {
	box-shadow: none
}

.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .accordion-button::after {
	content: "";
	width: 12px;
	height: 12px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.079' height='13.079' viewBox='0 0 13.079 13.079'%3E%3Cg id='Group_981' data-name='Group 981' transform='translate(-1210.5 -780.5)'%3E%3Cline id='Line_36' data-name='Line 36' x2='13.079' transform='translate(1210.5 787.04)' fill='none' stroke='rgba(0,0,0,1)' stroke-width='1'/%3E%3Cline id='Line_37' data-name='Line 37' x2='13.079' transform='translate(1217.039 780.5) rotate(90)' fill='none' stroke='rgba(0, 0, 0,1)' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
	background-size: contain;
	background-repeat: no-repeat;
	transform: none;
	transition: all .4s ease;
	filter: invert(1);
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center
}

.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .accordion-button[aria-expanded=true]::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.079' height='13.079' viewBox='0 0 13.079 13.079'%3E%3Cg id='Group_981' data-name='Group 981' transform='translate(-1210.5 -780.5)'%3E%3Cpath id='Path_597' data-name='Path 597' d='M0,0H13.079' transform='translate(1217.039 780.5) rotate(90)' fill='none' stroke='rgba(0, 0, 0,0)' stroke-width='1'/%3E%3Cline id='Line_36' data-name='Line 36' x2='13.079' transform='translate(1210.5 787.04)' fill='none' stroke='rgba(0, 0, 0,1)' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
	filter: invert(1);
	display: none
}

.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs>.accordion-item .accordion-header {
	border-bottom: 1px solid rgba(210, 10, 9, .2)
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs>.accordion-item .accordion-header {
		padding: 0px 8px;
		display: none
	}
}

.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .headWrap {
	justify-content: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	display: none
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .headWrap {
		display: flex;
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 992px) {
	.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .headWrap {
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1451px) {
	.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .headWrap {
		margin-bottom: 60px
	}
}

.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .headWrap .accordion-item {
	padding: 0px 8px
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .headWrap .accordion-item {
		width: 33%;
		padding: 10px 15px
	}
}

@media only screen and (min-width: 992px) {
	.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .headWrap .accordion-item {
		padding: 0px 20px
	}
}

@media only screen and (min-width: 1200px) {
	.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .headWrap .accordion-item {
		padding: 0px 25px
	}
}

@media only screen and (min-width: 1451px) {
	.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .headWrap .accordion-item {
		padding: 0px 40px
	}
}

.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .headWrap .accordion-item .accordion-header {
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center
}

.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .headWrap .accordion-button {
	min-width: 100px;
	width: fit-content;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center
}

.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .headWrap .accordion-button[aria-expanded=true] {
	pointer-events: none
}

.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .headWrap .accordion-button::after {
	display: none
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .flxacco {
		display: flex;
		justify-content: center
	}
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .flxacco .accordion-item {
		width: 33%
	}
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .flxacco .accordion-item .accordion-header {
		display: none
	}
}

.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .flxacco .accordion-item .accordion-body {
	padding: 15px
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .flxacco .accordion-item .accordion-body {
		padding: 0px 0px 60px 0px;
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		justify-content: center
	}
}

.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .ckCntWrap ul li {
	font-size: 14px;
	line-height: 1;
	font-weight: 300;
	color: #fff;
	margin-bottom: 5px;
	padding-left: 20px;
	position: relative
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .ckCntWrap ul li {
		font-size: 16px
	}
}

@media only screen and (min-width: 992px) {
	.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .ckCntWrap ul li {
		font-size: 18px
	}
}

@media only screen and (min-width: 1451px) {
	.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .ckCntWrap ul li {
		font-size: 23px
	}
}

.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .ckCntWrap ul li::before {
	content: "";
	position: absolute;
	border-radius: 50%;
	top: 2px;
	left: 0;
	width: 8px;
	height: 8px;
	background-color: #d20a09
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .ckCntWrap ul li::before {
		width: 11px;
		height: 11px;
		top: 3px
	}
}

@media only screen and (min-width: 992px) {
	.personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .ckCntWrap ul li::before {
		top: 5px
	}
}

.personaltrainingPage #CoachingDeatil .coachBx .btmBx .btnSec {
	margin-bottom: 20px;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center
}

@media only screen and (min-width: 992px) {
	.personaltrainingPage #CoachingDeatil .coachBx .btmBx .btnSec {
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1451px) {
	.personaltrainingPage #CoachingDeatil .coachBx .btmBx .btnSec {
		margin-bottom: 45px
	}
}

.personaltrainingPage #CoachingDeatil .coachBx .btmBx .btnSec .bkbtn {
	min-width: 180px;
	height: 40px;
	background-color: #d20a09;
	border-radius: 8px;
	font-size: 14px;
	color: #fff
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingDeatil .coachBx .btmBx .btnSec .bkbtn {
		min-width: 200px;
		height: 44px;
		font-size: 16px
	}
}

@media only screen and (min-width: 992px) {
	.personaltrainingPage #CoachingDeatil .coachBx .btmBx .btnSec .bkbtn {
		min-width: 220px;
		height: 47px;
		font-size: 18px
	}
}

@media only screen and (min-width: 1200px) {
	.personaltrainingPage #CoachingDeatil .coachBx .btmBx .btnSec .bkbtn {
		min-width: 260px;
		height: 50px;
		font-size: 20px
	}
}

@media only screen and (min-width: 1451px) {
	.personaltrainingPage #CoachingDeatil .coachBx .btmBx .btnSec .bkbtn {
		min-width: 315px;
		height: 54px;
		font-size: 25px
	}
}

.personaltrainingPage #CoachingDeatil .coachBx .btmBx .galSec {
	padding: 0px
}

@media only screen and (min-width: 992px) {
	.personaltrainingPage #CoachingDeatil .coachBx .btmBx .galSec {
		padding: 0px 20px 15px 20px
	}
}

@media only screen and (min-width: 992px) {
	.personaltrainingPage #CoachingDeatil .coachBx .btmBx .galSec {
		padding: 0px 40px 15px 40px
	}
}

@media only screen and (min-width: 1200px) {
	.personaltrainingPage #CoachingDeatil .coachBx .btmBx .galSec {
		padding: 0px 70px 15px 70px
	}
}

@media only screen and (min-width: 1451px) {
	.personaltrainingPage #CoachingDeatil .coachBx .btmBx .galSec {
		padding: 0px 100px 15px 100px
	}
}

.personaltrainingPage #CoachingDeatil .coachBx .btmBx .galSec h4 {
	font-size: 20px;
	line-height: 1;
	font-weight: 500;
	color: #fff
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingDeatil .coachBx .btmBx .galSec h4 {
		font-size: 24px
	}
}

@media only screen and (min-width: 1200px) {
	.personaltrainingPage #CoachingDeatil .coachBx .btmBx .galSec h4 {
		font-size: 30px
	}
}

.personaltrainingPage #CoachingDeatil .coachBx .btmBx .galSec .galList {
	height: 100%;
	width: 100%
}

.personaltrainingPage #CoachingDeatil .coachBx .btmBx .galSec .galList .imgBx {
	position: relative;
	z-index: 0;
	display: block;
	width: 100%;
	height: 200px;
	border: 1px solid rgba(112, 112, 112, .5)
}

@media only screen and (min-width: 992px) {
	.personaltrainingPage #CoachingDeatil .coachBx .btmBx .galSec .galList .imgBx {
		height: 220px
	}
}

@media only screen and (min-width: 1200px) {
	.personaltrainingPage #CoachingDeatil .coachBx .btmBx .galSec .galList .imgBx {
		height: 280px
	}
}

@media only screen and (min-width: 1451px) {
	.personaltrainingPage #CoachingDeatil .coachBx .btmBx .galSec .galList .imgBx {
		height: 345px
	}
}

.personaltrainingPage #CoachingDeatil .coachBx .btmBx .galSec .galList .imgBx img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.personaltrainingPage #CoachingDeatil .coachBx .btmBx .galSec .galList .imgBx .plyBtn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.personaltrainingPage #CoachingDeatil .coachBx .btmBx .galSec .galList .imgBx .plyBtn .icon {
	width: 35px;
	height: 35px;
	overflow: hidden
}

.personaltrainingPage #CoachingDeatil .coachBx .btmBx .galSec .galList .imgBx .plyBtn .icon svg {
	width: 30px
}

.personaltrainingPage #CoachingDeatil .coachBx .btmBx .galSec .galList .owl-dots {
	position: relative;
	display: block;
	text-align: center;
	top: 20px
}

@media only screen and (min-width: 576px) {
	.personaltrainingPage #CoachingDeatil .coachBx .btmBx .galSec .galList .owl-dots {
		top: 25px
	}
}

@media only screen and (min-width: 992px) {
	.personaltrainingPage #CoachingDeatil .coachBx .btmBx .galSec .galList .owl-dots {
		top: 50px
	}
}

.personaltrainingPage #CoachingDeatil .coachBx .btmBx .galSec .galList .owl-dots button.owl-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	display: inline-block;
	background: rgba(210, 10, 9, .4);
	margin: 0 3px
}

.personaltrainingPage #CoachingDeatil .coachBx .btmBx .galSec .galList .owl-dots button.owl-dot.active {
	background-color: #d20a09
}

.personaltrainingPage #CoachingDeatil .coachBx .btmBx .galSec .galList .owl-dots button.owl-dot:focus {
	outline: none
}

.membershipPage #BannerSec .bannerImg {
	position: relative;
	z-index: 1
}

.membershipPage #BannerSec .bannerImg::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(209, 33, 47, .2)
}

.membershipPage #BannerSec .bannerCnt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.membershipPage #BannerSec .bannerCnt .flxBx .mainT {
	font-size: 32px;
	line-height: 1;
	font-weight: 700;
	color: #fff;
	width: max-content
}

@media only screen and (min-width: 476px) {
	.membershipPage #BannerSec .bannerCnt .flxBx .mainT {
		font-size: 38px
	}
}

@media only screen and (min-width: 576px) {
	.membershipPage #BannerSec .bannerCnt .flxBx .mainT {
		font-size: 50px
	}
}

@media only screen and (min-width: 992px) {
	.membershipPage #BannerSec .bannerCnt .flxBx .mainT {
		font-size: 70px
	}
}

@media only screen and (min-width: 1200px) {
	.membershipPage #BannerSec .bannerCnt .flxBx .mainT {
		font-size: 80px
	}
}

@media only screen and (min-width: 1451px) {
	.membershipPage #BannerSec .bannerCnt .flxBx .mainT {
		font-size: 100px
	}
}

@media only screen and (min-width: 1651px) {
	.membershipPage #BannerSec .bannerCnt .flxBx .mainT {
		font-size: 120px
	}
}

.membershipPage #Features {
	padding: 25px 0px 20px
}

@media only screen and (min-width: 992px) {
	.membershipPage #Features {
		padding: 35px 0px 20px
	}
}

@media only screen and (min-width: 1200px) {
	.membershipPage #Features {
		padding: 40px 0px 25px
	}
}

@media only screen and (min-width: 1451px) {
	.membershipPage #Features {
		padding: 65px 0px 35px
	}
}

.membershipPage #Features .Mttl {
	font-size: 22px;
	line-height: 1;
	font-weight: 500;
	color: #fff;
	margin-bottom: 10px
}

@media only screen and (min-width: 576px) {
	.membershipPage #Features .Mttl {
		font-size: 26px;
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 992px) {
	.membershipPage #Features .Mttl {
		font-size: 32px
	}
}

@media only screen and (min-width: 1200px) {
	.membershipPage #Features .Mttl {
		font-size: 38px;
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 1451px) {
	.membershipPage #Features .Mttl {
		font-size: 50px;
		margin-bottom: 30px
	}
}

.membershipPage #Features .featList {
	display: flex;
	flex-wrap: wrap;
	margin: 0px -5px
}

@media only screen and (min-width: 576px) {
	.membershipPage #Features .featList {
		margin: 0px -7px
	}
}

@media only screen and (min-width: 992px) {
	.membershipPage #Features .featList {
		margin: 0px -10px
	}
}

@media only screen and (min-width: 1451px) {
	.membershipPage #Features .featList {
		margin: 0px -15px
	}
}

.membershipPage #Features .featList>* {
	padding: 5px
}

@media only screen and (min-width: 576px) {
	.membershipPage #Features .featList>* {
		padding: 7px
	}
}

@media only screen and (min-width: 992px) {
	.membershipPage #Features .featList>* {
		padding: 10px
	}
}

@media only screen and (min-width: 1451px) {
	.membershipPage #Features .featList>* {
		padding: 15px
	}
}

@media only screen and (max-width: 505px) {
	.membershipPage #Features .featList>.item {
		width: 100%
	}
}

.membershipPage #Features .featList>.item .featBx {
	display: block;
	width: 100%;
	height: 100%;
	padding: 15px;
	background-color: #000;
	border-radius: 10px;
	border: 1px solid #d1212f;
	transition: all .4s
}

@media only screen and (min-width: 576px) {
	.membershipPage #Features .featList>.item .featBx {
		padding: 10px
	}
}

@media only screen and (min-width: 992px) {
	.membershipPage #Features .featList>.item .featBx {
		padding: 15px
	}
}

@media only screen and (min-width: 1200px) {
	.membershipPage #Features .featList>.item .featBx {
		padding: 20px
	}
}

.membershipPage #Features .featList>.item .featBx .icon {
	width: 18px;
	overflow: hidden;
	margin-bottom: 8px
}

@media only screen and (min-width: 576px) {
	.membershipPage #Features .featList>.item .featBx .icon {
		margin-bottom: 10px
	}
}

@media only screen and (min-width: 992px) {
	.membershipPage #Features .featList>.item .featBx .icon {
		width: 22px;
		height: 22px;
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 1451px) {
	.membershipPage #Features .featList>.item .featBx .icon {
		width: 25px;
		height: 25px;
		margin-bottom: 20px
	}
}

.membershipPage #Features .featList>.item .featBx .icon img {
	transition: all .4s;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-fit: contain
}

.membershipPage #Features .featList>.item .featBx .ttl {
	font-size: 16px;
	line-height: 1;
	font-weight: 500;
	color: #fff;
	margin-bottom: 8px
}

@media only screen and (min-width: 992px) {
	.membershipPage #Features .featList>.item .featBx .ttl {
		font-size: 18px;
		margin-bottom: 10px
	}
}

@media only screen and (min-width: 1451px) {
	.membershipPage #Features .featList>.item .featBx .ttl {
		font-size: 20px;
		margin-bottom: 15px
	}
}

.membershipPage #Features .featList>.item .featBx .txt {
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	max-width: 200px
}

@media only screen and (min-width: 992px) {
	.membershipPage #Features .featList>.item .featBx .txt {
		font-size: 18px;
		line-height: 22px
	}
}

@media only screen and (min-width: 1451px) {
	.membershipPage #Features .featList>.item .featBx .txt {
		font-size: 20px;
		line-height: 24px
	}
}

@media only screen and (min-width: 576px) {
	.membershipPage #Features .featList>.item .featBx:hover {
		transform: translateY(-10px)
	}
}

.membershipPage #Features .featList>.item .featBx:hover .icon img {
	-webkit-animation: toTopFromBottom .3s forwards;
	-moz-animation: toTopFromBottom .3s forwards;
	animation: toTopFromBottom .3s forwards
}

.membershipPage #Membplans {
	padding: 10px 0px 15px
}

@media only screen and (min-width: 576px) {
	.membershipPage #Membplans {
		padding: 10px 0px 20px
	}
}

@media only screen and (min-width: 992px) {
	.membershipPage #Membplans {
		padding: 20px 0px 30px
	}
}

@media only screen and (min-width: 1200px) {
	.membershipPage #Membplans {
		padding: 25px 0px 40px
	}
}

@media only screen and (min-width: 1451px) {
	.membershipPage #Membplans {
		padding: 35px 0px 50px
	}
}

.membershipPage #Membplans .tlWrap {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 10px
}

@media only screen and (min-width: 576px) {
	.membershipPage #Membplans .tlWrap {
		margin-bottom: 20px;
		flex-direction: row;
		align-items: center
	}
}

@media only screen and (min-width: 992px) {
	.membershipPage #Membplans .tlWrap {
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1200px) {
	.membershipPage #Membplans .tlWrap {
		margin-bottom: 50px
	}
}

@media only screen and (min-width: 1451px) {
	.membershipPage #Membplans .tlWrap {
		margin-bottom: 70px
	}
}

.membershipPage #Membplans .tlWrap .ttl {
	font-size: 20px;
	line-height: 1;
	font-weight: 400;
	color: #fff;
	margin-bottom: 10px
}

@media only screen and (min-width: 576px) {
	.membershipPage #Membplans .tlWrap .ttl {
		font-size: 22px;
		margin-bottom: 0
	}
}

@media only screen and (min-width: 992px) {
	.membershipPage #Membplans .tlWrap .ttl {
		font-size: 28px
	}
}

@media only screen and (min-width: 1200px) {
	.membershipPage #Membplans .tlWrap .ttl {
		font-size: 32px
	}
}

@media only screen and (min-width: 1451px) {
	.membershipPage #Membplans .tlWrap .ttl {
		font-size: 40px
	}
}

.membershipPage #Membplans .tlWrap .filterWrap {
	padding-left: 0
}

@media only screen and (min-width: 576px) {
	.membershipPage #Membplans .tlWrap .filterWrap {
		padding-left: 10px
	}
}

@media only screen and (min-width: 992px) {
	.membershipPage #Membplans .tlWrap .filterWrap {
		padding-left: 15px
	}
}

.membershipPage #Membplans .tlWrap .filterWrap .cmnlocation {
	display: inline-block;
	position: relative;
	background-color: #707070;
	max-width: 140px;
	border-radius: 10px !important
}

@media only screen and (min-width: 768px) {
	.membershipPage #Membplans .tlWrap .filterWrap .cmnlocation {
		max-width: 180px
	}
}

.membershipPage #Membplans .tlWrap .filterWrap .cmnlocation .dropdown {
	max-width: 180px
}

.membershipPage #Membplans .tlWrap .filterWrap .cmnlocation .dropdown-toggle {
	display: flex;
	align-items: center;
	position: relative;
	max-width: 140px;
	height: 45px;
	background-color: #707070;
	border: none;
	border-radius: 10px !important;
	color: #fff
}

@media only screen and (min-width: 768px) {
	.membershipPage #Membplans .tlWrap .filterWrap .cmnlocation .dropdown-toggle {
		max-width: 180px
	}
}

.membershipPage #Membplans .tlWrap .filterWrap .cmnlocation .dropdown-toggle:focus {
	outline: none !important
}

.membershipPage #Membplans .tlWrap .filterWrap .cmnlocation .dropdown-toggle::before {
	content: "";
	position: absolute;
	top: 10px;
	left: 20px;
	background: url("../images/loc.svg") no-repeat center !important;
	background-size: contain !important;
	width: 10px;
	height: 20px
}

@media only screen and (min-width: 768px) {
	.membershipPage #Membplans .tlWrap .filterWrap .cmnlocation .dropdown-toggle::before {
		top: unset;
		width: 15px;
		left: 30px
	}
}

.membershipPage #Membplans .tlWrap .filterWrap .cmnlocation .dropdown-toggle .filter-option-inner-inner {
	font-size: 16px;
	font-weight: 500;
	padding-left: 30px;
	color: #fff
}

@media only screen and (min-width: 768px) {
	.membershipPage #Membplans .tlWrap .filterWrap .cmnlocation .dropdown-toggle .filter-option-inner-inner {
		font-size: 18px;
		padding-left: 40px
	}
}

.membershipPage #Membplans .tlWrap .filterWrap .cmnlocation .dropdown-menu {
	padding: 5px;
	background-color: #d20a09
}

.membershipPage #Membplans .tlWrap .filterWrap .cmnlocation .dropdown-menu .dropdown-item {
	margin: 5px 0px;
	transition: all .4s
}

.membershipPage #Membplans .tlWrap .filterWrap .cmnlocation .dropdown-menu .dropdown-item span {
	color: #b8b8b8;
	font-weight: 500;
	transition: all .4s
}

.membershipPage #Membplans .tlWrap .filterWrap .cmnlocation .dropdown-menu .dropdown-item:hover,
.membershipPage #Membplans .tlWrap .filterWrap .cmnlocation .dropdown-menu .dropdown-item.active {
	border-radius: 5px;
	background-color: #000
}

.membershipPage #Membplans .tlWrap .filterWrap .cmnlocation .dropdown-menu .dropdown-item:hover span,
.membershipPage #Membplans .tlWrap .filterWrap .cmnlocation .dropdown-menu .dropdown-item.active span {
	color: #fff
}

.membershipPage #Membplans .planList .owl-stage {
	display: flex;
	height: 100%
}

.membershipPage #Membplans .planList .item {
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px
}

.membershipPage #Membplans .planList .item .planBx {
	width: 100%;
	height: 100%;
	border-radius: 20px;
	padding: 17px;
	border: 1px solid #707070;
	background-color: #242424;
	transition: all .4s
}

@media only screen and (min-width: 576px) {
	.membershipPage #Membplans .planList .item .planBx {
		padding: 20px
	}
}

@media only screen and (min-width: 992px) {
	.membershipPage #Membplans .planList .item .planBx {
		padding: 20px 20px 20px
	}
}

@media only screen and (min-width: 1200px) {
	.membershipPage #Membplans .planList .item .planBx {
		padding: 25px 30px 30px
	}
}

@media only screen and (min-width: 1451px) {
	.membershipPage #Membplans .planList .item .planBx {
		padding: 30px 40px 40px
	}
}

.membershipPage #Membplans .planList .item .planBx:hover {
	border: 1px solid #d20a09;
	background-color: #000
}

.membershipPage #Membplans .planList .item .planBx .ttlwrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px
}

@media only screen and (min-width: 576px) {
	.membershipPage #Membplans .planList .item .planBx .ttlwrap {
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 1200px) {
	.membershipPage #Membplans .planList .item .planBx .ttlwrap {
		margin-bottom: 20px
	}
}

.membershipPage #Membplans .planList .item .planBx .ttlwrap .lftl {
	font-size: 18px;
	line-height: 1;
	font-weight: 400;
	color: #fff
}

@media only screen and (min-width: 576px) {
	.membershipPage #Membplans .planList .item .planBx .ttlwrap .lftl {
		font-size: 20px
	}
}

@media only screen and (min-width: 1200px) {
	.membershipPage #Membplans .planList .item .planBx .ttlwrap .lftl {
		font-size: 22px
	}
}

@media only screen and (min-width: 1451px) {
	.membershipPage #Membplans .planList .item .planBx .ttlwrap .lftl {
		font-size: 28px
	}
}

.membershipPage #Membplans .planList .item .planBx .ttlwrap .ritl {
	font-size: 14px;
	line-height: 1;
	font-weight: 400;
	color: #fff;
	padding: 5px 15px;
	border-radius: 20px;
	background-color: #d1212f
}

@media only screen and (min-width: 576px) {
	.membershipPage #Membplans .planList .item .planBx .ttlwrap .ritl {
		font-size: 14px;
		padding: 5px 20px
	}
}

@media only screen and (min-width: 1200px) {
	.membershipPage #Membplans .planList .item .planBx .ttlwrap .ritl {
		font-size: 16px;
		padding: 5px 20px
	}
}

@media only screen and (min-width: 1451px) {
	.membershipPage #Membplans .planList .item .planBx .ttlwrap .ritl {
		font-size: 18px;
		padding: 5px 30px
	}
}

.membershipPage #Membplans .planList .item .planBx .price {
	font-size: 28px;
	line-height: 1;
	font-weight: 500;
	color: #fff;
	margin-bottom: 15px
}

@media only screen and (min-width: 576px) {
	.membershipPage #Membplans .planList .item .planBx .price {
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 1200px) {
	.membershipPage #Membplans .planList .item .planBx .price {
		font-size: 32px
	}
}

@media only screen and (min-width: 1451px) {
	.membershipPage #Membplans .planList .item .planBx .price {
		font-size: 40px
	}
}

.membershipPage #Membplans .planList .item .planBx .price span {
	font-size: 20px;
	font-weight: 300
}

@media only screen and (min-width: 1200px) {
	.membershipPage #Membplans .planList .item .planBx .price span {
		font-size: 22px
	}
}

@media only screen and (min-width: 1451px) {
	.membershipPage #Membplans .planList .item .planBx .price span {
		font-size: 28px
	}
}

.membershipPage #Membplans .planList .item .planBx ul {
	margin-bottom: 20px
}

.membershipPage #Membplans .planList .item .planBx ul li {
	font-size: 14px;
	line-height: 1;
	font-weight: 300;
	color: #fff;
	margin-bottom: 15px;
	position: relative;
	padding-left: 25px
}

@media only screen and (min-width: 992px) {
	.membershipPage #Membplans .planList .item .planBx ul li {
		font-size: 16px
	}
}

@media only screen and (min-width: 1451px) {
	.membershipPage #Membplans .planList .item .planBx ul li {
		font-size: 18px;
		padding-left: 35px
	}
}

.membershipPage #Membplans .planList .item .planBx ul li::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	height: 12px;
	background: url(../images/check.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain
}

@media only screen and (min-width: 576px) {
	.membershipPage #Membplans .planList .item .planBx ul li::before {
		width: 15px;
		height: 15px
	}
}

.membershipPage #Membplans .planList .item .planBx .flBX {
	display: flex;
	align-items: center;
	margin-bottom: 25px
}

.membershipPage #Membplans .planList .item .planBx .flBX input[type=checkbox] {
	visibility: hidden;
	display: none
}

.membershipPage #Membplans .planList .item .planBx .flBX input[type=checkbox]:checked~label::after {
	opacity: 1;
	visibility: visible
}

.membershipPage #Membplans .planList .item .planBx .flBX label {
	margin-bottom: 0;
	position: relative;
	font-weight: 400;
	color: #fff;
	padding-left: 28px;
	font-size: 14px
}

@media only screen and (min-width: 576px) {
	.membershipPage #Membplans .planList .item .planBx .flBX label {
		font-size: 16px;
		padding-left: 25px
	}
}

@media only screen and (min-width: 1200px) {
	.membershipPage #Membplans .planList .item .planBx .flBX label {
		font-size: 18px
	}
}

@media only screen and (min-width: 1441px) {
	.membershipPage #Membplans .planList .item .planBx .flBX label {
		font-size: 20px;
		padding-left: 35px
	}
}

.membershipPage #Membplans .planList .item .planBx .flBX label::before {
	content: "";
	position: absolute;
	left: 0;
	background: #fff;
	border: solid 1px #707070;
	top: 0px;
	width: 15px;
	height: 15px
}

.membershipPage #Membplans .planList .item .planBx .flBX label::after {
	content: "";
	position: absolute;
	left: 0;
	background: url(../images/tik.svg) no-repeat;
	background-size: 10px;
	background-position: center;
	filter: invert(1);
	opacity: 0;
	visibility: hidden;
	top: 0px;
	width: 15px;
	height: 15px
}

.membershipPage #Membplans .planList .item .planBx .flBX label .txtB {
	font-size: 14px;
	line-height: 1;
	font-weight: 400;
	color: #fff
}

@media only screen and (min-width: 576px) {
	.membershipPage #Membplans .planList .item .planBx .flBX label .txtB {
		font-size: 16px
	}
}

@media only screen and (min-width: 1441px) {
	.membershipPage #Membplans .planList .item .planBx .flBX label .txtB {
		font-size: 18px
	}
}

.membershipPage #Membplans .planList .item .planBx .btnbx {
	display: flex;
	width: 100%
}

.membershipPage #Membplans .planList .item .planBx .btnbx .btn {
	width: 100%;
	height: 35px;
	font-size: 14px;
	line-height: 1;
	font-weight: 400;
	color: #fff;
	border-radius: 20px;
	background-color: #d1212f
}

@media only screen and (min-width: 576px) {
	.membershipPage #Membplans .planList .item .planBx .btnbx .btn {
		height: 38px;
		font-size: 16px
	}
}

@media only screen and (min-width: 1200px) {
	.membershipPage #Membplans .planList .item .planBx .btnbx .btn {
		height: 47px;
		font-size: 20px
	}
}

.membershipPage #faqSec {
	padding: 8px 0px 40px
}

@media only screen and (min-width: 576px) {
	.membershipPage #faqSec {
		padding: 10px 0px 40px
	}
}

@media only screen and (min-width: 992px) {
	.membershipPage #faqSec {
		padding: 20px 0px 50px
	}
}

@media only screen and (min-width: 1200px) {
	.membershipPage #faqSec {
		padding: 30px 0px 90px
	}
}

@media only screen and (min-width: 1451px) {
	.membershipPage #faqSec {
		padding: 50px 0px 130px
	}
}

.membershipPage #faqSec .faqBx .sTitle {
	font-weight: 500;
	color: #fff;
	font-size: 22px;
	line-height: 26px;
	margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
	.membershipPage #faqSec .faqBx .sTitle {
		font-size: 26px;
		line-height: 30px;
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 992px) {
	.membershipPage #faqSec .faqBx .sTitle {
		font-size: 30px;
		line-height: 34px
	}
}

@media only screen and (min-width: 1200px) {
	.membershipPage #faqSec .faqBx .sTitle {
		font-size: 36px;
		line-height: 40px
	}
}

@media only screen and (min-width: 1441px) {
	.membershipPage #faqSec .faqBx .sTitle {
		font-size: 42px;
		line-height: 46px
	}
}

@media only screen and (min-width: 1560px) {
	.membershipPage #faqSec .faqBx .sTitle {
		font-size: 50px;
		line-height: 54px
	}
}

.membershipPage #faqSec .faqBx .accordion {
	background: rgba(0, 0, 0, 0)
}

.membershipPage #faqSec .faqBx .accordion .accordion-item {
	border: 0;
	border-radius: 0;
	background: rgba(0, 0, 0, 0);
	position: relative;
	border-bottom: dashed 1px hsla(0, 0%, 100%, .29)
}

.membershipPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button {
	padding: 15px 0;
	font-weight: 500;
	background: rgba(0, 0, 0, 0);
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	align-items: flex-start;
	text-align: unset;
	width: 100%
}

@media only screen and (min-width: 576px) {
	.membershipPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button {
		padding: 18px 0;
		font-size: 16px;
		line-height: 21px
	}
}

@media only screen and (min-width: 1200px) {
	.membershipPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button {
		font-size: 18px;
		line-height: 23px
	}
}

@media only screen and (min-width: 1441px) {
	.membershipPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button {
		font-size: 20px;
		line-height: 25px;
		padding: 25px 0
	}
}

@media only screen and (min-width: 1551px) {
	.membershipPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button {
		font-size: 24px;
		line-height: 29px
	}
}

@media only screen and (min-width: 1661px) {
	.membershipPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button {
		font-size: 26px;
		line-height: 31px
	}
}

.membershipPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button:focus {
	box-shadow: none
}

.membershipPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button::after {
	background-image: none;
	content: "";
	background: url(../images/rty.svg) no-repeat;
	background-size: contain;
	display: flex;
	justify-content: center;
	align-items: center;
	background-position: center !important;
	width: 12px;
	height: 12px
}

@media only screen and (min-width: 768px) {
	.membershipPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button::after {
		width: 15px;
		height: 15px
	}
}

@media only screen and (min-width: 992px) {
	.membershipPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button::after {
		width: 20px;
		height: 20px
	}
}

.membershipPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button[aria-expanded=true] {
	background-color: rgba(0, 0, 0, 0);
	box-shadow: none
}

.membershipPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button[aria-expanded=true]::after {
	background-size: contain;
	transform: rotate(90deg)
}

.membershipPage #faqSec .faqBx .accordion .accordion-item .accordion-collapse .accordion-body {
	color: #fff;
	font-weight: normal;
	font-size: 13px;
	line-height: 23px;
	padding: 0 0 25px
}

@media only screen and (min-width: 992px) {
	.membershipPage #faqSec .faqBx .accordion .accordion-item .accordion-collapse .accordion-body {
		font-size: 14px
	}
}

@media only screen and (min-width: 1441px) {
	.membershipPage #faqSec .faqBx .accordion .accordion-item .accordion-collapse .accordion-body {
		font-size: 16px;
		line-height: 26px
	}
}

.membershipPage #faqSec .faqBx .accordion .accordion-item .accordion-collapse .accordion-body p {
	margin: 0
}

.membershipPage .BookinSlot {
	background-color: #0e0e0e
}

.membershipPage .BookinSlot .modal-dialog {
	max-width: 1370px
}

.membershipPage .BookinSlot .modal-dialog .modal-body {
	padding: 0;
	background-color: #0e0e0e
}

.membershipPage .BookinSlot .modal-dialog .bookingBx .btn-close {
	box-shadow: none;
	outline: none
}

.membershipPage .BookinSlot .modal-dialog .bookingBx .flxTp .ltB .imgBx {
	width: 100%;
	height: 160px;
	border: none;
	padding: 0
}

@media only screen and (min-width: 576px) {
	.membershipPage .BookinSlot .modal-dialog .bookingBx .flxTp .ltB .imgBx {
		height: 200px
	}
}

@media only screen and (min-width: 992px) {
	.membershipPage .BookinSlot .modal-dialog .bookingBx .flxTp .ltB .imgBx {
		height: 220px
	}
}

@media only screen and (min-width: 1200px) {
	.membershipPage .BookinSlot .modal-dialog .bookingBx .flxTp .ltB .imgBx {
		height: 260px
	}
}

@media only screen and (min-width: 1451px) {
	.membershipPage .BookinSlot .modal-dialog .bookingBx .flxTp .ltB .imgBx {
		height: 310px
	}
}

.membershipPage .BookinSlot .modal-dialog .bookingBx .flxTp .ltB .imgBx img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.membershipPage .BookinSlot .modal-dialog .formBx .row {
	margin: 0px -40px
}

.membershipPage .BookinSlot .modal-dialog .formBx .row>* {
	padding: 0px 40px
}

.freepassPage .cmnTtl {
	font-size: 22px;
	line-height: 1;
	font-weight: 500;
	color: #fff
}

@media only screen and (min-width: 576px) {
	.freepassPage .cmnTtl {
		font-size: 30px
	}
}

@media only screen and (min-width: 992px) {
	.freepassPage .cmnTtl {
		font-size: 40px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage .cmnTtl {
		font-size: 50px
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage .cmnTtl {
		font-size: 60px
	}
}

.freepassPage .txt {
	font-size: 14px;
	line-height: 18px;
	font-weight: 300;
	color: #fff
}

@media only screen and (min-width: 576px) {
	.freepassPage .txt {
		font-size: 16px;
		line-height: 22px
	}
}

@media only screen and (min-width: 992px) {
	.freepassPage .txt {
		font-size: 18px
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage .txt {
		font-size: 22px
	}
}

.freepassPage #BannerSec .bannerImg {
	width: 100%;
	position: relative
}

.freepassPage #BannerSec .bannerImg::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .3);
	filter: contrast(100px);
	top: 0
}

.freepassPage #BannerSec .bannerImg::after {
	content: "";
	position: absolute;
	left: 0;
	max-width: 726px;
	width: 40%;
	height: 40%;
	background-color: rgba(120, 18, 18, .4);
	filter: blur(70px);
	z-index: 0
}

@media only screen and (min-width: 576px) {
	.freepassPage #BannerSec .bannerImg::after {
		width: 50%;
		height: 70%
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage #BannerSec .bannerImg::after {
		width: 100%;
		height: 100%
	}
}

.freepassPage #BannerSec .bannerCnt {
	position: absolute;
	left: 10px;
	top: 0;
	bottom: 0
}

@media only screen and (min-width: 992px) {
	.freepassPage #BannerSec .bannerCnt {
		left: 20px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #BannerSec .bannerCnt {
		left: 60px
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage #BannerSec .bannerCnt {
		left: 230px
	}
}

.freepassPage #BannerSec .bannerCnt .flxBx {
	padding: 20px 0px 0px;
	position: relative;
	z-index: 1
}

@media only screen and (min-width: 576px) {
	.freepassPage #BannerSec .bannerCnt .flxBx {
		padding: 40px 0px 0px
	}
}

@media only screen and (min-width: 768px) {
	.freepassPage #BannerSec .bannerCnt .flxBx {
		padding: 90px 0px 0px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #BannerSec .bannerCnt .flxBx {
		padding: 100px 0px 0px
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage #BannerSec .bannerCnt .flxBx {
		padding: 120px 0px 0px
	}
}

@media only screen and (min-width: 1751px) {
	.freepassPage #BannerSec .bannerCnt .flxBx {
		padding: 170px 0px 0px
	}
}

.freepassPage #BannerSec .bannerCnt .flxBx .mainT {
	max-width: 240px;
	font-size: 36px;
	line-height: 36px;
	font-weight: 700;
	font-style: italic;
	color: #fff;
	margin-bottom: 5px
}

@media only screen and (min-width: 576px) {
	.freepassPage #BannerSec .bannerCnt .flxBx .mainT {
		max-width: 320px;
		font-size: 54px;
		line-height: 50px;
		margin-bottom: 10px
	}
}

@media only screen and (min-width: 768px) {
	.freepassPage #BannerSec .bannerCnt .flxBx .mainT {
		max-width: 350px;
		font-size: 70px;
		line-height: 50px;
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 992px) {
	.freepassPage #BannerSec .bannerCnt .flxBx .mainT {
		max-width: 410px;
		font-size: 80px;
		line-height: 65px;
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #BannerSec .bannerCnt .flxBx .mainT {
		max-width: 610px;
		font-size: 90px;
		line-height: 75px;
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage #BannerSec .bannerCnt .flxBx .mainT {
		font-size: 120px;
		line-height: 95px;
		margin-bottom: 40px
	}
}

@media only screen and (min-width: 1751px) {
	.freepassPage #BannerSec .bannerCnt .flxBx .mainT {
		font-size: 150px;
		line-height: 160px;
		margin-bottom: 50px
	}
}

.freepassPage #BannerSec .bannerCnt .flxBx .mainT span {
	font-size: 18px;
	font-weight: 500;
	font-style: italic;
	color: #fff
}

@media only screen and (min-width: 576px) {
	.freepassPage #BannerSec .bannerCnt .flxBx .mainT span {
		font-size: 22px
	}
}

@media only screen and (min-width: 768px) {
	.freepassPage #BannerSec .bannerCnt .flxBx .mainT span {
		font-size: 28px
	}
}

@media only screen and (min-width: 992px) {
	.freepassPage #BannerSec .bannerCnt .flxBx .mainT span {
		font-size: 38px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #BannerSec .bannerCnt .flxBx .mainT span {
		font-size: 50px
	}
}

.freepassPage #BannerSec .bannerCnt .flxBx .sbttl {
	font-size: 18px;
	line-height: 23px;
	font-weight: 400;
	color: #fff
}

@media only screen and (min-width: 576px) {
	.freepassPage #BannerSec .bannerCnt .flxBx .sbttl {
		font-size: 20px;
		line-height: 27px
	}
}

@media only screen and (min-width: 768px) {
	.freepassPage #BannerSec .bannerCnt .flxBx .sbttl {
		font-size: 26px;
		line-height: 30px
	}
}

@media only screen and (min-width: 992px) {
	.freepassPage #BannerSec .bannerCnt .flxBx .sbttl {
		font-size: 32px;
		line-height: 40px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #BannerSec .bannerCnt .flxBx .sbttl {
		font-size: 40px;
		line-height: 50px
	}
}

.freepassPage #Spirit {
	padding: 20px 0px 20px
}

@media only screen and (min-width: 576px) {
	.freepassPage #Spirit {
		padding: 40px 0px 20px
	}
}

@media only screen and (min-width: 992px) {
	.freepassPage #Spirit {
		padding: 60px 0px 20px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #Spirit {
		padding: 80px 0px 40px
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage #Spirit {
		padding: 115px 0px 65px
	}
}

.freepassPage #Spirit .dFlx {
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: column-reverse
}

@media only screen and (min-width: 992px) {
	.freepassPage #Spirit .dFlx {
		flex-direction: row
	}
}

.freepassPage #Spirit .dFlx .lfSd {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	display: none
}

@media only screen and (min-width: 768px) {
	.freepassPage #Spirit .dFlx .lfSd {
		display: block
	}
}

@media only screen and (min-width: 992px) {
	.freepassPage #Spirit .dFlx .lfSd {
		width: 450px;
		height: 380px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #Spirit .dFlx .lfSd {
		width: 485px;
		height: 438px
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage #Spirit .dFlx .lfSd {
		width: 620px;
		height: 548px
	}
}

.freepassPage #Spirit .dFlx .lfSd .gallery {
	display: flex;
	align-items: center
}

.freepassPage #Spirit .dFlx .lfSd .gallery>* {
	margin: 0px 3px
}

.freepassPage #Spirit .dFlx .lfSd .gallery>.sliceBx {
	width: 100%;
	height: 450px;
	flex: 2;
	position: relative;
	transition: all .4s
}

@media only screen and (min-width: 992px) {
	.freepassPage #Spirit .dFlx .lfSd .gallery>.sliceBx {
		height: 350px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #Spirit .dFlx .lfSd .gallery>.sliceBx {
		height: 380px
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage #Spirit .dFlx .lfSd .gallery>.sliceBx {
		height: 490px
	}
}

.freepassPage #Spirit .dFlx .lfSd .gallery>.sliceBx::before {
	content: "";
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60%;
	background: #000;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%)
}

.freepassPage #Spirit .dFlx .lfSd .gallery>.sliceBx:nth-child(2) {
	margin-bottom: 25px
}

@media only screen and (min-width: 992px) {
	.freepassPage #Spirit .dFlx .lfSd .gallery>.sliceBx:nth-child(2) {
		margin-bottom: 18px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #Spirit .dFlx .lfSd .gallery>.sliceBx:nth-child(2) {
		margin-bottom: 25px
	}
}

.freepassPage #Spirit .dFlx .lfSd .gallery>.sliceBx:nth-child(3) {
	height: 520px
}

@media only screen and (min-width: 992px) {
	.freepassPage #Spirit .dFlx .lfSd .gallery>.sliceBx:nth-child(3) {
		height: 390px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #Spirit .dFlx .lfSd .gallery>.sliceBx:nth-child(3) {
		height: 480px
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage #Spirit .dFlx .lfSd .gallery>.sliceBx:nth-child(3) {
		height: 548px
	}
}

.freepassPage #Spirit .dFlx .lfSd .gallery>.sliceBx:nth-child(4) {
	margin-top: 50px
}

@media only screen and (min-width: 992px) {
	.freepassPage #Spirit .dFlx .lfSd .gallery>.sliceBx:nth-child(4) {
		margin-top: 35px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #Spirit .dFlx .lfSd .gallery>.sliceBx:nth-child(4) {
		margin-top: 50px
	}
}

.freepassPage #Spirit .dFlx .lfSd .gallery>.sliceBx:nth-child(6) {
	margin-top: 50px
}

@media only screen and (min-width: 992px) {
	.freepassPage #Spirit .dFlx .lfSd .gallery>.sliceBx:nth-child(6) {
		margin-top: 35px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #Spirit .dFlx .lfSd .gallery>.sliceBx:nth-child(6) {
		margin-top: 50px
	}
}

.freepassPage #Spirit .dFlx .lfSd .gallery>.sliceBx img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.freepassPage #Spirit .dFlx .lfSd .gallery>.sliceBx:hover {
	flex: 6
}

.freepassPage #Spirit .dFlx .rtSd {
	width: 100%;
	padding-left: 0
}

@media only screen and (min-width: 768px) {
	.freepassPage #Spirit .dFlx .rtSd {
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 992px) {
	.freepassPage #Spirit .dFlx .rtSd {
		width: calc(100% - 450px);
		padding-left: 40px;
		margin-bottom: 0
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #Spirit .dFlx .rtSd {
		width: calc(100% - 485px);
		padding-left: 80px
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage #Spirit .dFlx .rtSd {
		width: calc(100% - 620px);
		padding-left: 160px
	}
}

.freepassPage #Spirit .dFlx .rtSd .ttl {
	font-size: 20px;
	line-height: 25px;
	font-weight: 500;
	color: #d20a09;
	margin-bottom: 8px
}

@media only screen and (min-width: 576px) {
	.freepassPage #Spirit .dFlx .rtSd .ttl {
		font-size: 22px;
		line-height: 28px;
		margin-bottom: 10px
	}
}

@media only screen and (min-width: 992px) {
	.freepassPage #Spirit .dFlx .rtSd .ttl {
		font-size: 26px;
		line-height: 33px;
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #Spirit .dFlx .rtSd .ttl {
		font-size: 32px;
		line-height: 40px;
		margin-bottom: 25px
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage #Spirit .dFlx .rtSd .ttl {
		font-size: 40px;
		line-height: 50px;
		margin-bottom: 35px
	}
}

.freepassPage #Spirit .dFlx .rtSd p {
	font-size: 14px;
	line-height: 22px;
	font-weight: 300;
	color: #fff;
	margin-bottom: 10px
}

@media only screen and (min-width: 576px) {
	.freepassPage #Spirit .dFlx .rtSd p {
		font-size: 16px;
		line-height: 24px
	}
}

@media only screen and (min-width: 992px) {
	.freepassPage #Spirit .dFlx .rtSd p {
		font-size: 18px;
		line-height: 28px
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage #Spirit .dFlx .rtSd p {
		font-size: 22px;
		line-height: 38px
	}
}

.freepassPage #Fitness {
	padding: 10px 0px 20px
}

@media only screen and (min-width: 576px) {
	.freepassPage #Fitness {
		padding: 20px 0px 50px
	}
}

@media only screen and (min-width: 992px) {
	.freepassPage #Fitness {
		padding: 55px 0px 60px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #Fitness {
		padding: 45px 0px 80px
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage #Fitness {
		padding: 65px 0px 100px
	}
}

.freepassPage #Fitness .cmnTtl {
	margin-bottom: 15px
}

@media only screen and (min-width: 576px) {
	.freepassPage #Fitness .cmnTtl {
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 992px) {
	.freepassPage #Fitness .cmnTtl {
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #Fitness .cmnTtl {
		margin-bottom: 40px
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage #Fitness .cmnTtl {
		margin-bottom: 70px
	}
}

.freepassPage #Fitness .fitList .fitBx {
	display: flex;
	width: 100%;
	height: 180px;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 10px
}

@media only screen and (min-width: 576px) {
	.freepassPage #Fitness .fitList .fitBx {
		height: 220px;
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 992px) {
	.freepassPage #Fitness .fitList .fitBx {
		height: 260px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #Fitness .fitList .fitBx {
		height: 300px
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage #Fitness .fitList .fitBx {
		height: 340px
	}
}

.freepassPage #Fitness .fitList .fitBx img {
	transition: all .4s;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.freepassPage #Fitness .fitList .fitBx:hover img {
	transform: scale(1.1)
}

.freepassPage #Fitness .fitList h6 {
	font-size: 16px;
	line-height: 1;
	font-weight: 400;
	color: #fff;
	text-align: center
}

@media only screen and (min-width: 992px) {
	.freepassPage #Fitness .fitList h6 {
		font-size: 18px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #Fitness .fitList h6 {
		font-size: 22px
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage #Fitness .fitList h6 {
		font-size: 28px
	}
}

.freepassPage #Sliders {
	padding: 10px 0px 10px
}

.freepassPage #Sliders .telWrap {
	margin-bottom: 10px
}

@media only screen and (min-width: 576px) {
	.freepassPage #Sliders .telWrap {
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 992px) {
	.freepassPage #Sliders .telWrap {
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #Sliders .telWrap {
		margin-bottom: 35px
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage #Sliders .telWrap {
		margin-bottom: 50px
	}
}

.freepassPage #Sliders .telWrap .cmnTtl {
	margin-bottom: 8px
}

@media only screen and (min-width: 576px) {
	.freepassPage #Sliders .telWrap .cmnTtl {
		margin-bottom: 10px
	}
}

@media only screen and (min-width: 992px) {
	.freepassPage #Sliders .telWrap .cmnTtl {
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage #Sliders .telWrap .cmnTtl {
		margin-bottom: 20px
	}
}

.freepassPage #Sliders .sliderList .itemBx {
	padding: 20px 0px 20px
}

@media only screen and (min-width: 576px) {
	.freepassPage #Sliders .sliderList .itemBx {
		padding: 25px 0px 25px
	}
}

@media only screen and (min-width: 992px) {
	.freepassPage #Sliders .sliderList .itemBx {
		padding: 25px 0px 35px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #Sliders .sliderList .itemBx {
		padding: 30px 0px 45px
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage #Sliders .sliderList .itemBx {
		padding: 40px 0px 65px
	}
}

.freepassPage #Sliders .sliderList .itemBx:nth-child(odd) {
	background-color: #212121
}

.freepassPage #Sliders .sliderList .itemBx .gymList .item {
	display: block;
	width: 100%;
	height: 100%
}

.freepassPage #Sliders .sliderList .itemBx .gymList .cmnBX {
	display: flex;
	width: 100%;
	height: 180px;
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 10px
}

@media only screen and (min-width: 576px) {
	.freepassPage #Sliders .sliderList .itemBx .gymList .cmnBX {
		height: 200px;
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 992px) {
	.freepassPage #Sliders .sliderList .itemBx .gymList .cmnBX {
		height: 240px;
		margin-bottom: 40px
	}
}

.freepassPage #Sliders .sliderList .itemBx .gymList .cmnBX img {
	transition: all .4s;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.freepassPage #Sliders .sliderList .itemBx .gymList .cmnBX:hover img {
	transform: scale(1.1)
}

.freepassPage #Sliders .sliderList .itemBx ul {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	padding-left: 20px
}

.freepassPage #Sliders .sliderList .itemBx ul li {
	font-size: 14px;
	line-height: 18px;
	font-weight: 300;
	color: #fff;
	list-style: disc;
	padding: 0px 25px 0px 0px;
	margin-bottom: 10px
}

@media only screen and (min-width: 576px) {
	.freepassPage #Sliders .sliderList .itemBx ul li {
		font-size: 16px;
		padding: 0px 30px 0px 0px
	}
}

@media only screen and (min-width: 992px) {
	.freepassPage #Sliders .sliderList .itemBx ul li {
		font-size: 18px;
		line-height: 20px;
		padding: 0px 40px 0px 0px
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage #Sliders .sliderList .itemBx ul li {
		font-size: 22px;
		line-height: 22px
	}
}

.freepassPage #Coaches {
	padding: 15px 0px 15px
}

@media only screen and (min-width: 576px) {
	.freepassPage #Coaches {
		padding: 20px 0px 20px
	}
}

@media only screen and (min-width: 992px) {
	.freepassPage #Coaches {
		padding: 30px 0px 30px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #Coaches {
		padding: 50px 0px 35px
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage #Coaches {
		padding: 60px 0px 45px
	}
}

.freepassPage #Coaches .telWrap {
	margin-bottom: 15px
}

@media only screen and (min-width: 576px) {
	.freepassPage #Coaches .telWrap {
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 992px) {
	.freepassPage #Coaches .telWrap {
		margin-bottom: 25px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #Coaches .telWrap {
		margin-bottom: 35px
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage #Coaches .telWrap {
		margin-bottom: 50px
	}
}

.freepassPage #Coaches .telWrap .cmnTtl {
	margin-bottom: 8px
}

@media only screen and (min-width: 576px) {
	.freepassPage #Coaches .telWrap .cmnTtl {
		margin-bottom: 20px
	}
}

.freepassPage #Coaches .coachList .imgBx {
	display: flex;
	width: 100%;
	height: 170px;
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 20px
}

@media only screen and (min-width: 576px) {
	.freepassPage #Coaches .coachList .imgBx {
		height: 190px;
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 992px) {
	.freepassPage #Coaches .coachList .imgBx {
		height: 210px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #Coaches .coachList .imgBx {
		height: 240px;
		margin-bottom: 40px
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage #Coaches .coachList .imgBx {
		margin-bottom: 90px
	}
}

.freepassPage #Coaches .coachList .imgBx img {
	transition: all .4s;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.freepassPage #Coaches .coachList .imgBx:hover img {
	transform: scale(1.1)
}

.freepassPage #Coaches .coachList .cntBX h4 {
	font-size: 16px;
	line-height: 1;
	font-weight: 400;
	color: #fff;
	margin-bottom: 10px
}

@media only screen and (min-width: 576px) {
	.freepassPage #Coaches .coachList .cntBX h4 {
		font-size: 18px;
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 992px) {
	.freepassPage #Coaches .coachList .cntBX h4 {
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #Coaches .coachList .cntBX h4 {
		font-size: 22px;
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage #Coaches .coachList .cntBX h4 {
		font-size: 30px;
		margin-bottom: 25px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #Coaches .coachList .cntBX .txt {
		font-size: 16px
	}
}

.freepassPage #regForm {
	padding: 20px 0px 20px
}

@media only screen and (min-width: 992px) {
	.freepassPage #regForm {
		padding: 20px 0px 30px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #regForm {
		padding: 30px 0px 40px
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage #regForm {
		padding: 45px 0px 50px
	}
}

.freepassPage #regForm .cmnTtl {
	max-width: 725px;
	width: 100%;
	color: #d20a09;
	text-align: center;
	margin: auto;
	margin-bottom: 13px
}

@media only screen and (min-width: 576px) {
	.freepassPage #regForm .cmnTtl {
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 992px) {
	.freepassPage #regForm .cmnTtl {
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #regForm .cmnTtl {
		margin-bottom: 40px
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage #regForm .cmnTtl {
		margin-bottom: 50px
	}
}

.freepassPage #regForm .formBx {
	position: relative;
	max-width: 1380px;
	margin: auto
}

.freepassPage #regForm .formBx::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .6)
}

.freepassPage #regForm .formBx::after {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
	height: 22%;
	background-color: rgba(210, 10, 9, .4)
}

.freepassPage #regForm .formBx .bgImg {
	position: absolute;
	top: 0;
	display: flex;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.freepassPage #regForm .formBx .bgImg img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.freepassPage #regForm .formBx .formSec {
	padding: 30px 10px;
	position: relative;
	z-index: 2
}

@media only screen and (min-width: 576px) {
	.freepassPage #regForm .formBx .formSec {
		padding: 30px 50px
	}
}

@media only screen and (min-width: 992px) {
	.freepassPage #regForm .formBx .formSec {
		padding: 30px 80px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #regForm .formBx .formSec {
		padding: 30px 100px
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage #regForm .formBx .formSec {
		padding: 30px 125px
	}
}

.freepassPage #regForm .formBx .formSec .form-group {
	margin-bottom: 8px
}

@media only screen and (min-width: 992px) {
	.freepassPage #regForm .formBx .formSec .form-group {
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage #regForm .formBx .formSec .form-group {
		margin-bottom: 30px
	}
}

.freepassPage #regForm .formBx .formSec .form-group label {
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 5px
}

@media only screen and (min-width: 992px) {
	.freepassPage #regForm .formBx .formSec .form-group label {
		font-size: 18px;
		line-height: 30px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #regForm .formBx .formSec .form-group label {
		font-size: 22px
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage #regForm .formBx .formSec .form-group label {
		font-size: 30px
	}
}

.freepassPage #regForm .formBx .formSec .form-group .form-control {
	height: 50px;
	border-radius: 10px;
	font-size: 16px;
	border: 1px solid rgba(210, 10, 9, .3);
	color: #d20a09
}

@media only screen and (min-width: 576px) {
	.freepassPage #regForm .formBx .formSec .form-group .form-control {
		height: 55px
	}
}

@media only screen and (min-width: 992px) {
	.freepassPage #regForm .formBx .formSec .form-group .form-control {
		font-size: 18px;
		height: 60px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #regForm .formBx .formSec .form-group .form-control {
		height: 70px;
		font-size: 22px
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage #regForm .formBx .formSec .form-group .form-control {
		height: 94px
	}
}

.freepassPage #regForm .formBx .formSec .form-group .form-control:focus {
	background-color: #fff;
	border: 1px solid #d20a09
}

.freepassPage #regForm .formBx .formSec .form-group .txtmsg {
	height: 130px;
	margin-bottom: 13px
}

@media only screen and (min-width: 576px) {
	.freepassPage #regForm .formBx .formSec .form-group .txtmsg {
		height: 150px;
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 992px) {
	.freepassPage #regForm .formBx .formSec .form-group .txtmsg {
		height: 170px;
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #regForm .formBx .formSec .form-group .txtmsg {
		height: 200px;
		margin-bottom: 40px
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage #regForm .formBx .formSec .form-group .txtmsg {
		height: 230px;
		margin-bottom: 60px
	}
}

.freepassPage #regForm .formBx .formSec .para {
	font-size: 14px;
	line-height: 28px;
	font-weight: 300;
	color: #fff;
	margin-bottom: 10px
}

@media only screen and (min-width: 576px) {
	.freepassPage #regForm .formBx .formSec .para {
		font-size: 16px;
		line-height: 34px;
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 992px) {
	.freepassPage #regForm .formBx .formSec .para {
		font-size: 18px;
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #regForm .formBx .formSec .para {
		font-size: 20px;
		margin-bottom: 25px
	}
}

@media only screen and (min-width: 1451px) {
	.freepassPage #regForm .formBx .formSec .para {
		font-size: 24px;
		margin-bottom: 30px
	}
}

.freepassPage #regForm .formBx .formSec .flBX {
	display: flex;
	align-items: center;
	margin-bottom: 20px
}

@media only screen and (min-width: 576px) {
	.freepassPage #regForm .formBx .formSec .flBX {
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 992px) {
	.freepassPage #regForm .formBx .formSec .flBX {
		margin-bottom: 50px
	}
}

.freepassPage #regForm .formBx .formSec .flBX input[type=checkbox] {
	visibility: hidden;
	display: none
}

.freepassPage #regForm .formBx .formSec .flBX input[type=checkbox]:checked~label::after {
	opacity: 1;
	visibility: visible
}

.freepassPage #regForm .formBx .formSec .flBX label {
	margin-bottom: 0;
	position: relative;
	font-weight: 400;
	color: #fff;
	padding-left: 28px;
	font-size: 14px;
	text-decoration: underline
}

@media only screen and (min-width: 768px) {
	.freepassPage #regForm .formBx .formSec .flBX label {
		font-size: 16px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #regForm .formBx .formSec .flBX label {
		font-size: 18px;
		padding-left: 35px
	}
}

@media only screen and (min-width: 1441px) {
	.freepassPage #regForm .formBx .formSec .flBX label {
		font-size: 20px;
		padding-left: 45px
	}
}

.freepassPage #regForm .formBx .formSec .flBX label::before {
	content: "";
	position: absolute;
	left: 0;
	background: #fff;
	border: solid 1px #707070;
	width: 20px;
	height: 20px;
	top: -1px
}

@media only screen and (min-width: 1200px) {
	.freepassPage #regForm .formBx .formSec .flBX label::before {
		width: 25px;
		height: 25px;
		top: -3px
	}
}

@media only screen and (min-width: 1441px) {
	.freepassPage #regForm .formBx .formSec .flBX label::before {
		top: -5px;
		width: 31px;
		height: 31px
	}
}

.freepassPage #regForm .formBx .formSec .flBX label::after {
	content: "";
	position: absolute;
	left: 0;
	background: url(../images/tik.svg) no-repeat;
	background-size: 15px;
	background-position: center;
	filter: invert(1);
	opacity: 0;
	visibility: hidden;
	width: 20px;
	height: 20px;
	top: -1px
}

@media only screen and (min-width: 1200px) {
	.freepassPage #regForm .formBx .formSec .flBX label::after {
		width: 25px;
		height: 25px;
		top: -3px
	}
}

@media only screen and (min-width: 1441px) {
	.freepassPage #regForm .formBx .formSec .flBX label::after {
		top: -5px;
		width: 31px;
		height: 31px
	}
}

.freepassPage #regForm .formBx .formSec .ritB {
	display: flex;
	justify-content: center
}

.freepassPage #regForm .formBx .formSec .ritB .send {
	padding: 15px 35px;
	height: 40px;
	color: #d20a09;
	background-color: #fff;
	border-radius: 10px;
	border: none
}

@media only screen and (min-width: 576px) {
	.freepassPage #regForm .formBx .formSec .ritB .send {
		height: 43px;
		padding: 15px 40px
	}
}

@media only screen and (min-width: 992px) {
	.freepassPage #regForm .formBx .formSec .ritB .send {
		height: 48px;
		padding: 15px 50px
	}
}

@media only screen and (min-width: 1200px) {
	.freepassPage #regForm .formBx .formSec .ritB .send {
		height: 50px
	}
}

@media only screen and (min-width: 1441px) {
	.freepassPage #regForm .formBx .formSec .ritB .send {
		height: 58px;
		padding: 15px 75px
	}
}

.privacyPage h1,
.privacyPage h2,
.privacyPage h3,
.privacyPage h4,
.privacyPage h5,
.privacyPage h6 {
	color: #fff
}

.privacyPage #PrivacySec {
	padding: 40px 0
}

@media only screen and (min-width: 768px) {
	.privacyPage #PrivacySec {
		padding: 50px 0
	}
}

@media only screen and (min-width: 1200px) {
	.privacyPage #PrivacySec {
		padding: 70px 0
	}
}

@media only screen and (min-width: 1441px) {
	.privacyPage #PrivacySec {
		padding: 90px 0
	}
}

.privacyPage #PrivacySec .SecT {
	font-weight: 500;
	color: #fff;
	font-size: 22px;
	line-height: 31px;
	margin-bottom: 20px
}

@media only screen and (min-width: 576px) {
	.privacyPage #PrivacySec .SecT {
		font-size: 26px;
		margin-bottom: 40px;
		line-height: 35px
	}
}

@media only screen and (min-width: 768px) {
	.privacyPage #PrivacySec .SecT {
		font-size: 30px;
		line-height: 39px;
		margin-bottom: 60px
	}
}

@media only screen and (min-width: 992px) {
	.privacyPage #PrivacySec .SecT {
		font-size: 38px;
		line-height: 47px
	}
}

@media only screen and (min-width: 1200px) {
	.privacyPage #PrivacySec .SecT {
		font-size: 44px;
		line-height: 53px;
		margin-bottom: 80px
	}
}

@media only screen and (min-width: 1441px) {
	.privacyPage #PrivacySec .SecT {
		font-size: 52px;
		line-height: 61px;
		margin-bottom: 110px
	}
}

@media only screen and (min-width: 1661px) {
	.privacyPage #PrivacySec .SecT {
		font-size: 60px;
		line-height: 69px;
		margin-bottom: 135px
	}
}

.privacyPage .subT {
	font-weight: 500;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	margin: 15px 0
}

@media only screen and (min-width: 768px) {
	.privacyPage .subT {
		font-size: 18px;
		line-height: 26px;
		margin: 20px 0
	}
}

@media only screen and (min-width: 992px) {
	.privacyPage .subT {
		font-size: 22px;
		line-height: 28px;
		margin: 30px 0 20px
	}
}

@media only screen and (min-width: 1200px) {
	.privacyPage .subT {
		font-size: 26px;
		line-height: 32px
	}
}

@media only screen and (min-width: 1441px) {
	.privacyPage .subT {
		margin: 45px 0 20px;
		font-size: 30px;
		line-height: 38px
	}
}

.privacyPage p {
	margin-bottom: 12px
}

@media only screen and (min-width: 1200px) {
	.privacyPage p {
		margin-bottom: 18px
	}
}

.privacyPage ul li {
	display: flex;
	align-items: center;
	font-weight: 400;
	color: #fff;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 16px
}

@media only screen and (min-width: 1441px) {
	.privacyPage ul li {
		font-size: 16px;
		line-height: 18px
	}
}

@media only screen and (min-width: 1651px) {
	.privacyPage ul li {
		font-size: 18px;
		line-height: 20px
	}
}

.privacyPage ul li .icon {
	min-width: 14px;
	width: 14px;
	height: 14px;
	display: flex;
	margin-right: 12px
}

.privacyPage ul li .txt {
	width: calc(100% - 14px)
}

.privacyPage .cnct {
	display: flex;
	align-items: center;
	background: #d20a09;
	border-radius: 24px;
	padding: 0 5px;
	font-weight: 500;
	color: #fff;
	overflow: hidden;
	position: relative;
	font-size: 14px;
	width: 150px;
	height: 40px;
	margin-top: 20px
}

@media only screen and (min-width: 1441px) {
	.privacyPage .cnct {
		font-size: 16px;
		width: 170px;
		height: 48px;
		margin-top: 30px
	}
}

@media only screen and (min-width: 1651px) {
	.privacyPage .cnct {
		margin-top: 50px;
		font-size: 18px
	}
}

.privacyPage .cnct::before {
	content: "";
	position: absolute;
	transform: translate(15px, 0) scale(0.2);
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 10px;
	height: 10px;
	border-radius: 24px;
	background: #fff;
	transition: .6s all
}

.privacyPage .cnct .icon {
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	margin-right: 20px;
	position: relative;
	z-index: 10;
	transition: .4s all;
	width: 32px;
	height: 32px
}

@media only screen and (min-width: 1441px) {
	.privacyPage .cnct .icon {
		width: 37px;
		height: 37px
	}
}

.privacyPage .cnct .icon img {
	transition: .4s all
}

.privacyPage .cnct .txt {
	position: relative;
	z-index: 10;
	transition: .4s all
}

.privacyPage .cnct:hover::before {
	transform: scale(40.2)
}

.privacyPage .cnct:hover .icon {
	background: #d20a09
}

.privacyPage .cnct:hover .icon img {
	filter: invert(1)
}

.privacyPage .cnct:hover .txt {
	color: #000
}

.partnersPage #partnerSec {
	padding: 40px 0
}

@media only screen and (min-width: 768px) {
	.partnersPage #partnerSec {
		padding: 50px 0
	}
}

@media only screen and (min-width: 1200px) {
	.partnersPage #partnerSec {
		padding: 70px 0
	}
}

@media only screen and (min-width: 1441px) {
	.partnersPage #partnerSec {
		padding: 90px 0
	}
}

.partnersPage #partnerSec .headBx {
	text-align: center;
	max-width: 1342px;
	margin: auto;
	margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
	.partnersPage #partnerSec .headBx {
		margin-bottom: 40px
	}
}

@media only screen and (min-width: 1200px) {
	.partnersPage #partnerSec .headBx {
		margin-bottom: 60px
	}
}

@media only screen and (min-width: 1441px) {
	.partnersPage #partnerSec .headBx {
		margin-bottom: 100px
	}
}

.partnersPage #partnerSec .headBx .SecT {
	font-weight: 500;
	color: #fff;
	font-size: 22px;
	line-height: 31px;
	margin-bottom: 18px
}

@media only screen and (min-width: 576px) {
	.partnersPage #partnerSec .headBx .SecT {
		font-size: 26px;
		line-height: 35px
	}
}

@media only screen and (min-width: 768px) {
	.partnersPage #partnerSec .headBx .SecT {
		font-size: 30px;
		line-height: 39px
	}
}

@media only screen and (min-width: 992px) {
	.partnersPage #partnerSec .headBx .SecT {
		font-size: 38px;
		line-height: 47px
	}
}

@media only screen and (min-width: 1200px) {
	.partnersPage #partnerSec .headBx .SecT {
		font-size: 44px;
		line-height: 53px
	}
}

@media only screen and (min-width: 1441px) {
	.partnersPage #partnerSec .headBx .SecT {
		font-size: 52px;
		line-height: 61px
	}
}

@media only screen and (min-width: 1661px) {
	.partnersPage #partnerSec .headBx .SecT {
		font-size: 60px;
		line-height: 69px
	}
}

.partnersPage #partnerSec .headBx .txt {
	font-weight: 400;
	color: #fff;
	font-size: 14px;
	line-height: 26px
}

@media only screen and (min-width: 992px) {
	.partnersPage #partnerSec .headBx .txt {
		font-size: 16px;
		line-height: 28px
	}
}

@media only screen and (min-width: 1441px) {
	.partnersPage #partnerSec .headBx .txt {
		font-size: 18px;
		line-height: 30px
	}
}

.partnersPage #partnerSec .flxBx {
	display: flex;
	flex-wrap: wrap;
	margin: -5px
}

@media only screen and (min-width: 768px) {
	.partnersPage #partnerSec .flxBx {
		margin: -10px
	}
}

@media only screen and (min-width: 1200px) {
	.partnersPage #partnerSec .flxBx {
		margin: -15px
	}
}

@media only screen and (min-width: 1441px) {
	.partnersPage #partnerSec .flxBx {
		margin: -23px
	}
}

.partnersPage #partnerSec .flxBx .item {
	padding: 5px;
	width: 100%
}

@media only screen and (min-width: 530px) {
	.partnersPage #partnerSec .flxBx .item {
		width: 50%
	}
}

@media only screen and (min-width: 768px) {
	.partnersPage #partnerSec .flxBx .item {
		width: 33.3333333333%;
		padding: 10px
	}
}

@media only screen and (min-width: 1200px) {
	.partnersPage #partnerSec .flxBx .item {
		padding: 15px
	}
}

@media only screen and (min-width: 1441px) {
	.partnersPage #partnerSec .flxBx .item {
		padding: 23px
	}
}

.partnersPage #partnerSec .flxBx .item .prtBx {
	background: #000;
	display: block;
	height: 100%;
	padding: 15px 15px
}

@media only screen and (min-width: 992px) {
	.partnersPage #partnerSec .flxBx .item .prtBx {
		padding: 25px 20px
	}
}

@media only screen and (min-width: 1200px) {
	.partnersPage #partnerSec .flxBx .item .prtBx {
		padding: 35px 30px
	}
}

@media only screen and (min-width: 1441px) {
	.partnersPage #partnerSec .flxBx .item .prtBx {
		padding: 55px 50px
	}
}

.partnersPage #partnerSec .flxBx .item .prtBx .icon {
	height: 50px;
	margin-bottom: 15px
}

@media only screen and (min-width: 576px) {
	.partnersPage #partnerSec .flxBx .item .prtBx .icon {
		height: 60px;
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 992px) {
	.partnersPage #partnerSec .flxBx .item .prtBx .icon {
		height: 70px;
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1200px) {
	.partnersPage #partnerSec .flxBx .item .prtBx .icon {
		height: 110px;
		margin-bottom: 40px
	}
}

@media only screen and (min-width: 1441px) {
	.partnersPage #partnerSec .flxBx .item .prtBx .icon {
		margin-bottom: 50px;
		height: 145px
	}
}

.partnersPage #partnerSec .flxBx .item .prtBx .icon img {
	height: 100%;
	object-fit: contain
}

.partnersPage #partnerSec .flxBx .item .prtBx .ttle {
	font-weight: 400;
	color: #fff;
	font-size: 16px;
	margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
	.partnersPage #partnerSec .flxBx .item .prtBx .ttle {
		font-size: 18px
	}
}

@media only screen and (min-width: 992px) {
	.partnersPage #partnerSec .flxBx .item .prtBx .ttle {
		margin-bottom: 15px;
		font-size: 20px
	}
}

@media only screen and (min-width: 1200px) {
	.partnersPage #partnerSec .flxBx .item .prtBx .ttle {
		font-size: 22px
	}
}

@media only screen and (min-width: 1441px) {
	.partnersPage #partnerSec .flxBx .item .prtBx .ttle {
		margin-bottom: 20px;
		font-size: 24px
	}
}

.partnersPage #partnerSec .flxBx .item .prtBx .txtB {
	max-height: 213px;
	overflow-y: auto;
	scrollbar-width: none
}

.partnersPage #partnerSec .flxBx .item .prtBx .txtB::-webkit-scrollbar {
	width: 0
}

.partnersPage #partnerSec .flxBx .item .prtBx p {
	font-weight: 300
}

.faqPage #faqSec {
	padding: 40px 0
}

@media only screen and (min-width: 768px) {
	.faqPage #faqSec {
		padding: 50px 0
	}
}

@media only screen and (min-width: 1200px) {
	.faqPage #faqSec {
		padding: 70px 0
	}
}

@media only screen and (min-width: 1441px) {
	.faqPage #faqSec {
		padding: 90px 0
	}
}

@media only screen and (min-width: 1560px) {
	.faqPage #faqSec {
		padding: 130px 0 105px
	}
}

.faqPage #faqSec .faqBx {
	background: #16171b;
	padding: 25px 15px
}

@media only screen and (min-width: 576px) {
	.faqPage #faqSec .faqBx {
		padding: 30px 20px
	}
}

@media only screen and (min-width: 768px) {
	.faqPage #faqSec .faqBx {
		padding: 40px 30px
	}
}

@media only screen and (min-width: 1200px) {
	.faqPage #faqSec .faqBx {
		padding: 60px 40px
	}
}

@media only screen and (min-width: 1441px) {
	.faqPage #faqSec .faqBx {
		padding: 80px 55px
	}
}

@media only screen and (min-width: 1560px) {
	.faqPage #faqSec .faqBx {
		padding: 100px 65px
	}
}

.faqPage #faqSec .faqBx .sTitle {
	font-weight: 500;
	color: #fff;
	font-size: 22px;
	line-height: 26px;
	margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
	.faqPage #faqSec .faqBx .sTitle {
		font-size: 26px;
		line-height: 30px
	}
}

@media only screen and (min-width: 992px) {
	.faqPage #faqSec .faqBx .sTitle {
		font-size: 30px;
		margin-bottom: 30px;
		line-height: 34px
	}
}

@media only screen and (min-width: 1200px) {
	.faqPage #faqSec .faqBx .sTitle {
		font-size: 36px;
		margin-bottom: 40px;
		line-height: 40px
	}
}

@media only screen and (min-width: 1441px) {
	.faqPage #faqSec .faqBx .sTitle {
		font-size: 42px;
		line-height: 46px;
		margin-bottom: 50px
	}
}

@media only screen and (min-width: 1560px) {
	.faqPage #faqSec .faqBx .sTitle {
		margin-bottom: 60px;
		font-size: 50px;
		line-height: 54px
	}
}

.faqPage #faqSec .faqBx .accordion {
	background: rgba(0, 0, 0, 0)
}

.faqPage #faqSec .faqBx .accordion .accordion-item {
	border: 0;
	border-radius: 0;
	background: rgba(0, 0, 0, 0);
	position: relative;
	border-bottom: dashed 1px hsla(0, 0%, 100%, .29)
}

.faqPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button {
	padding: 15px 30px 15px 0px;
	font-weight: 500;
	background: rgba(0, 0, 0, 0);
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	align-items: flex-start;
	text-align: unset;
	width: 100%
}

@media only screen and (min-width: 576px) {
	.faqPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button {
		padding: 18px 30px 18px 0px;
		font-size: 16px;
		line-height: 21px
	}
}

@media only screen and (min-width: 1200px) {
	.faqPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button {
		font-size: 18px;
		line-height: 23px
	}
}

@media only screen and (min-width: 1441px) {
	.faqPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button {
		font-size: 20px;
		line-height: 25px;
		padding: 25px 0
	}
}

@media only screen and (min-width: 1551px) {
	.faqPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button {
		font-size: 24px;
		line-height: 29px
	}
}

@media only screen and (min-width: 1661px) {
	.faqPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button {
		font-size: 26px;
		line-height: 31px
	}
}

.faqPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button:focus {
	box-shadow: none
}

.faqPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button::after {
	position: absolute;
	right: 0;
	background-image: none;
	content: "";
	background: url(../images/rty.svg) no-repeat;
	background-size: contain;
	display: flex;
	justify-content: center;
	align-items: center;
	background-position: center !important;
	width: 12px;
	height: 12px
}

@media only screen and (min-width: 768px) {
	.faqPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button::after {
		width: 15px;
		height: 15px
	}
}

@media only screen and (min-width: 992px) {
	.faqPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button::after {
		width: 20px;
		height: 20px
	}
}

.faqPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button[aria-expanded=true] {
	background-color: rgba(0, 0, 0, 0);
	box-shadow: none
}

.faqPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button[aria-expanded=true]::after {
	background-size: contain;
	transform: rotate(90deg)
}

.faqPage #faqSec .faqBx .accordion .accordion-item .accordion-collapse .accordion-body {
	color: #fff;
	font-weight: normal;
	font-size: 13px;
	line-height: 23px;
	padding: 0 0 25px
}

@media only screen and (min-width: 992px) {
	.faqPage #faqSec .faqBx .accordion .accordion-item .accordion-collapse .accordion-body {
		font-size: 14px
	}
}

@media only screen and (min-width: 1441px) {
	.faqPage #faqSec .faqBx .accordion .accordion-item .accordion-collapse .accordion-body {
		font-size: 16px;
		line-height: 26px
	}
}

.faqPage #faqSec .faqBx .accordion .accordion-item .accordion-collapse .accordion-body p {
	margin: 0
}

.otpPage .CmnformOtp {
	padding: 30px 0px 40px
}

@media only screen and (min-width: 576px) {
	.otpPage .CmnformOtp {
		padding: 40px 0px 40px
	}
}

@media only screen and (min-width: 992px) {
	.otpPage .CmnformOtp {
		padding: 60px 0px 60px
	}
}

@media only screen and (min-width: 1200px) {
	.otpPage .CmnformOtp {
		padding: 90px 0px 95px
	}
}

@media only screen and (min-width: 1451px) {
	.otpPage .CmnformOtp {
		padding: 120px 0px 125px
	}
}

.otpPage .CmnformOtp .formWrap {
	padding: 20px;
	border-radius: 20px;
	background-color: #16171b;
	border: 1px solid rgba(112, 112, 112, .5);
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center
}

@media only screen and (min-width: 576px) {
	.otpPage .CmnformOtp .formWrap {
		padding: 30px
	}
}

@media only screen and (min-width: 992px) {
	.otpPage .CmnformOtp .formWrap {
		padding: 80px 0px
	}
}

@media only screen and (min-width: 1200px) {
	.otpPage .CmnformOtp .formWrap {
		padding: 120px 0px
	}
}

.otpPage .CmnformOtp .formWrap .formBx {
	display: block;
	max-width: 860px;
	width: 100%;
	padding: 15px;
	background-color: #000;
	flex-direction: column;
	text-align: center;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center
}

@media only screen and (min-width: 576px) {
	.otpPage .CmnformOtp .formWrap .formBx {
		max-width: 760px;
		padding: 40px
	}
}

@media only screen and (min-width: 992px) {
	.otpPage .CmnformOtp .formWrap .formBx {
		max-width: 760px;
		padding: 40px 60px 60px 60px
	}
}

@media only screen and (min-width: 1200px) {
	.otpPage .CmnformOtp .formWrap .formBx {
		max-width: 860px;
		padding: 40px 60px 90px 60px
	}
}

@media only screen and (min-width: 1451px) {
	.otpPage .CmnformOtp .formWrap .formBx {
		max-width: 860px;
		padding: 40px 60px 120px 60px
	}
}

.otpPage .CmnformOtp .formWrap .formBx .imgBx {
	max-width: 90px;
	height: 40px;
	margin-bottom: 20px
}

@media only screen and (min-width: 576px) {
	.otpPage .CmnformOtp .formWrap .formBx .imgBx {
		max-width: 130px;
		height: 60px;
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 992px) {
	.otpPage .CmnformOtp .formWrap .formBx .imgBx {
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1200px) {
	.otpPage .CmnformOtp .formWrap .formBx .imgBx {
		margin-bottom: 40px
	}
}

.otpPage .CmnformOtp .formWrap .formBx .imgBx img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.otpPage .CmnformOtp .formWrap .formBx .headWrap {
	margin-bottom: 15px
}

@media only screen and (min-width: 576px) {
	.otpPage .CmnformOtp .formWrap .formBx .headWrap {
		margin-bottom: 25px
	}
}

@media only screen and (min-width: 1451px) {
	.otpPage .CmnformOtp .formWrap .formBx .headWrap {
		margin-bottom: 30px
	}
}

.otpPage .CmnformOtp .formWrap .formBx .ttl {
	font-size: 19px;
	line-height: 1;
	font-weight: 500;
	color: #fff;
	margin-bottom: 5px
}

@media only screen and (min-width: 576px) {
	.otpPage .CmnformOtp .formWrap .formBx .ttl {
		font-size: 28px;
		margin-bottom: 8px
	}
}

@media only screen and (min-width: 1200px) {
	.otpPage .CmnformOtp .formWrap .formBx .ttl {
		font-size: 34px;
		margin-bottom: 10px
	}
}

@media only screen and (min-width: 1451px) {
	.otpPage .CmnformOtp .formWrap .formBx .ttl {
		font-size: 40px;
		margin-bottom: 20px
	}
}

.otpPage .CmnformOtp .formWrap .formBx .txt,
.otpPage .CmnformOtp .formWrap .formBx label {
	font-size: 14px;
	line-height: 18px;
	font-weight: 300;
	color: #fff
}

@media only screen and (min-width: 576px) {

	.otpPage .CmnformOtp .formWrap .formBx .txt,
	.otpPage .CmnformOtp .formWrap .formBx label {
		font-size: 16px;
		line-height: 20px
	}
}

@media only screen and (min-width: 992px) {

	.otpPage .CmnformOtp .formWrap .formBx .txt,
	.otpPage .CmnformOtp .formWrap .formBx label {
		font-size: 18px
	}
}

@media only screen and (min-width: 1451px) {

	.otpPage .CmnformOtp .formWrap .formBx .txt,
	.otpPage .CmnformOtp .formWrap .formBx label {
		font-size: 22px
	}
}

.otpPage .CmnformOtp .formWrap .formBx label {
	text-align: left
}

.otpPage .CmnformOtp .formWrap .formBx form {
	width: 100%
}

.otpPage .CmnformOtp .formWrap .formBx .formsecBX {
	width: 100%;
	margin-bottom: 15px
}

@media only screen and (min-width: 576px) {
	.otpPage .CmnformOtp .formWrap .formBx .formsecBX {
		margin-bottom: 25px
	}
}

@media only screen and (min-width: 1200px) {
	.otpPage .CmnformOtp .formWrap .formBx .formsecBX {
		margin-bottom: 40px
	}
}

@media only screen and (min-width: 1451px) {
	.otpPage .CmnformOtp .formWrap .formBx .formsecBX {
		margin-bottom: 60px
	}
}

.otpPage .CmnformOtp .formWrap .formBx .formsecBX .form-control {
	height: 50px;
	border-radius: 10px;
	background-color: #fff;
	border: 1px solid #707070;
	outline: 2px solid rgba(0, 0, 0, 0);
	color: #000;
	transition: all .4s
}

@media only screen and (min-width: 576px) {
	.otpPage .CmnformOtp .formWrap .formBx .formsecBX .form-control {
		height: 55px
	}
}

@media only screen and (min-width: 992px) {
	.otpPage .CmnformOtp .formWrap .formBx .formsecBX .form-control {
		height: 60px
	}
}

@media only screen and (min-width: 1200px) {
	.otpPage .CmnformOtp .formWrap .formBx .formsecBX .form-control {
		height: 70px
	}
}

.otpPage .CmnformOtp .formWrap .formBx .formsecBX .form-control:focus {
	border: 1px solid rgba(0, 0, 0, 0);
	outline: 2px solid #d20a09
}

.otpPage .CmnformOtp .formWrap .formBx .formsecBX .form-control:focus label {
	color: #d20a09
}

.otpPage .CmnformOtp .formWrap .formBx .flxBtns {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between
}

.otpPage .CmnformOtp .formWrap .formBx .flxBtns .lfsd {
	display: flex;
	margin-bottom: 15px
}

@media only screen and (min-width: 576px) {
	.otpPage .CmnformOtp .formWrap .formBx .flxBtns .lfsd {
		margin-bottom: 0
	}
}

.otpPage .CmnformOtp .formWrap .formBx .flxBtns .lfsd .icon {
	width: 8px;
	height: 14px
}

@media only screen and (min-width: 576px) {
	.otpPage .CmnformOtp .formWrap .formBx .flxBtns .lfsd .icon {
		width: 10px;
		height: 16px
	}
}

.otpPage .CmnformOtp .formWrap .formBx .flxBtns .lfsd .icon svg {
	fill: #fff;
	width: 10px;
	transition: all .4s
}

.otpPage .CmnformOtp .formWrap .formBx .flxBtns .lfsd .txt {
	width: calc(100% - 8px);
	padding-left: 10px;
	transition: all .4s
}

@media only screen and (min-width: 576px) {
	.otpPage .CmnformOtp .formWrap .formBx .flxBtns .lfsd .txt {
		width: calc(100% - 10px)
	}
}

.otpPage .CmnformOtp .formWrap .formBx .flxBtns .lfsd:hover .icon svg {
	fill: #d20a09
}

.otpPage .CmnformOtp .formWrap .formBx .flxBtns .lfsd:hover .txt {
	color: #d20a09
}

.otpPage .CmnformOtp .formWrap .formBx .flxBtns .riSd {
	margin-bottom: 15px
}

.otpPage .CmnformOtp .formWrap .formBx .flxBtns .riSd .frgtPas {
	min-width: 140px;
	height: 38px;
	border: none;
	border-radius: 10px;
	background-color: #fff
}

@media only screen and (min-width: 576px) {
	.otpPage .CmnformOtp .formWrap .formBx .flxBtns .riSd .frgtPas {
		min-width: 150px;
		height: 40px
	}
}

@media only screen and (min-width: 992px) {
	.otpPage .CmnformOtp .formWrap .formBx .flxBtns .riSd .frgtPas {
		min-width: 180px;
		height: 50px
	}
}

@media only screen and (min-width: 1200px) {
	.otpPage .CmnformOtp .formWrap .formBx .flxBtns .riSd .frgtPas {
		min-width: 220px;
		height: 54px
	}
}

@media only screen and (min-width: 1451px) {
	.otpPage .CmnformOtp .formWrap .formBx .flxBtns .riSd .frgtPas {
		min-width: 260px;
		height: 58px
	}
}

.otpPage .CmnformOtp .formWrap .formBx .flxBtns .riSd .frgtPas span {
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	color: #000
}

@media only screen and (min-width: 576px) {
	.otpPage .CmnformOtp .formWrap .formBx .flxBtns .riSd .frgtPas span {
		font-size: 14px
	}
}

@media only screen and (min-width: 992px) {
	.otpPage .CmnformOtp .formWrap .formBx .flxBtns .riSd .frgtPas span {
		font-size: 16px
	}
}

@media only screen and (min-width: 1200px) {
	.otpPage .CmnformOtp .formWrap .formBx .flxBtns .riSd .frgtPas span {
		font-size: 18px
	}
}

@media only screen and (min-width: 1451px) {
	.otpPage .CmnformOtp .formWrap .formBx .flxBtns .riSd .frgtPas span {
		font-size: 24px
	}
}

.otpPage .CmnformOtp .formWrap .formBx .flxBtns .riSd:hover span {
	color: #d20a09
}

@media only screen and (max-width: 576px) {
	.otpPage #emailVerification .txt {
		font-size: 12px
	}
}

.otpPage #emailVerification .formsecBX {
	padding: 10px 20px
}

@media only screen and (min-width: 576px) {
	.otpPage #emailVerification .formsecBX {
		padding: 20px 20px
	}
}

@media only screen and (min-width: 992px) {
	.otpPage #emailVerification .formsecBX {
		padding: 20px 150px
	}
}

@media only screen and (min-width: 1200px) {
	.otpPage #emailVerification .formsecBX {
		padding: 20px 200px
	}
}

@media only screen and (min-width: 1200px) {
	.otpPage #emailVerification .formsecBX {
		padding: 40px 200px
	}
}

.otpPage #emailVerification .form-group {
	display: flex
}

.otpPage #emailVerification .form-group>* {
	margin: 0px 4px;
	padding: 0;
	text-align: center
}

@media only screen and (min-width: 576px) {
	.otpPage #emailVerification .form-group>* {
		margin: 0px 12px
	}
}

.otpPage #emailVerification .form-group>* .form-control {
	-moz-appearance: textfield;
	text-align: center
}

.otpPage #emailVerification .form-group input[type=number]::-webkit-outer-spin-button,
.otpPage #emailVerification .form-group input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.otpPage #emailVerification .flxBtns {
	width: 100%;
	display: flex;
	flex-direction: column
}

.otpPage #emailVerification .flxBtns .riSd {
	width: 100%;
	margin: auto;
	margin-bottom: 15px
}

@media only screen and (min-width: 576px) {
	.otpPage #emailVerification .flxBtns .riSd {
		width: unset
	}
}

@media only screen and (min-width: 992px) {
	.otpPage #emailVerification .flxBtns .riSd {
		margin-bottom: 25px
	}
}

.otpPage #emailVerification .flxBtns .riSd .frgtPas {
	width: 100%;
	height: 40px;
	border-radius: 0px;
	border: 1px solid #707070
}

@media only screen and (min-width: 576px) {
	.otpPage #emailVerification .flxBtns .riSd .frgtPas {
		min-width: 300px;
		height: 43px
	}
}

@media only screen and (min-width: 992px) {
	.otpPage #emailVerification .flxBtns .riSd .frgtPas {
		min-width: 350px;
		height: 46px
	}
}

@media only screen and (min-width: 1200px) {
	.otpPage #emailVerification .flxBtns .riSd .frgtPas {
		font-size: 18px;
		min-width: 400px
	}
}

@media only screen and (min-width: 1451px) {
	.otpPage #emailVerification .flxBtns .riSd .frgtPas {
		min-width: 454px
	}
}

.otpPage #emailVerification .flxBtns .lfsd {
	width: 100%
}

@media only screen and (max-width: 576px) {
	.otpPage #emailVerification .flxBtns .lfsd .txt {
		font-size: 12px
	}
}

.otpPage #emailVerification .flxBtns .lfsd .txt a {
	transition: all .4s;
	color: #d20a09
}

.otpPage #emailVerification .flxBtns .lfsd:hover .txt {
	color: #fff
}

.otpPage #emailVerification .flxBtns .lfsd:hover a {
	color: #6a6a6a
}

.bookAslotPage #bookSlotSec-1,
.bookAslotPage .bookingPage {
	padding: 0px 0px 40px
}

@media only screen and (min-width: 576px) {

	.bookAslotPage #bookSlotSec-1,
	.bookAslotPage .bookingPage {
		padding: 0px 0px 50px
	}
}

.bookAslotPage #bookSlotSec-1 .callenderBX,
.bookAslotPage .bookingPage .callenderBX {
	position: relative;
	padding: 25px 0 15px
}

@media only screen and (min-width: 576px) {

	.bookAslotPage #bookSlotSec-1 .callenderBX,
	.bookAslotPage .bookingPage .callenderBX {
		padding: 20px 0 20px
	}
}

@media only screen and (min-width: 992px) {

	.bookAslotPage #bookSlotSec-1 .callenderBX,
	.bookAslotPage .bookingPage .callenderBX {
		padding: 25px 0 20px
	}
}

@media only screen and (min-width: 1200px) {

	.bookAslotPage #bookSlotSec-1 .callenderBX,
	.bookAslotPage .bookingPage .callenderBX {
		padding: 35px 0 24px
	}
}

.bookAslotPage #bookSlotSec-1 .callenderBX .ttleB,
.bookAslotPage .bookingPage .callenderBX .ttleB {
	text-align: center;
	margin-bottom: 15px;
	position: relative;
	z-index: 10
}

@media only screen and (min-width: 576px) {

	.bookAslotPage #bookSlotSec-1 .callenderBX .ttleB,
	.bookAslotPage .bookingPage .callenderBX .ttleB {
		margin-bottom: 18px
	}
}

@media only screen and (min-width: 992px) {

	.bookAslotPage #bookSlotSec-1 .callenderBX .ttleB,
	.bookAslotPage .bookingPage .callenderBX .ttleB {
		margin-bottom: 22px
	}
}

@media only screen and (min-width: 1451px) {

	.bookAslotPage #bookSlotSec-1 .callenderBX .ttleB,
	.bookAslotPage .bookingPage .callenderBX .ttleB {
		margin-bottom: 30px
	}
}

.bookAslotPage #bookSlotSec-1 .callenderBX .ttleB .MainT,
.bookAslotPage .bookingPage .callenderBX .ttleB .MainT {
	font-size: 36px;
	line-height: 45px;
	color: #d20a09;
	font-weight: 700;
	margin-bottom: 3px
}

@media only screen and (min-width: 576px) {

	.bookAslotPage #bookSlotSec-1 .callenderBX .ttleB .MainT,
	.bookAslotPage .bookingPage .callenderBX .ttleB .MainT {
		font-size: 48px;
		line-height: 55px
	}
}

@media only screen and (min-width: 992px) {

	.bookAslotPage #bookSlotSec-1 .callenderBX .ttleB .MainT,
	.bookAslotPage .bookingPage .callenderBX .ttleB .MainT {
		font-size: 56px;
		line-height: 60px
	}
}

@media only screen and (min-width: 1200px) {

	.bookAslotPage #bookSlotSec-1 .callenderBX .ttleB .MainT,
	.bookAslotPage .bookingPage .callenderBX .ttleB .MainT {
		font-size: 68px;
		line-height: 70px
	}
}

@media only screen and (min-width: 1451px) {

	.bookAslotPage #bookSlotSec-1 .callenderBX .ttleB .MainT,
	.bookAslotPage .bookingPage .callenderBX .ttleB .MainT {
		font-size: 80px;
		line-height: 80px
	}
}

.bookAslotPage #bookSlotSec-1 .callenderBX .ttleB .txt,
.bookAslotPage .bookingPage .callenderBX .ttleB .txt {
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	color: #fff
}

@media only screen and (min-width: 576px) {

	.bookAslotPage #bookSlotSec-1 .callenderBX .ttleB .txt,
	.bookAslotPage .bookingPage .callenderBX .ttleB .txt {
		font-size: 16px;
		line-height: 19px
	}
}

@media only screen and (min-width: 992px) {

	.bookAslotPage #bookSlotSec-1 .callenderBX .ttleB .txt,
	.bookAslotPage .bookingPage .callenderBX .ttleB .txt {
		font-size: 18px;
		line-height: 21px
	}
}

@media only screen and (min-width: 1200px) {

	.bookAslotPage #bookSlotSec-1 .callenderBX .ttleB .txt,
	.bookAslotPage .bookingPage .callenderBX .ttleB .txt {
		font-size: 20px;
		line-height: 23px
	}
}

@media only screen and (min-width: 1451px) {

	.bookAslotPage #bookSlotSec-1 .callenderBX .ttleB .txt,
	.bookAslotPage .bookingPage .callenderBX .ttleB .txt {
		font-size: 24px;
		line-height: 26px
	}
}

.bookAslotPage #bookSlotSec-1 .callenderBX .bgImg,
.bookAslotPage .bookingPage .callenderBX .bgImg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.bookAslotPage #bookSlotSec-1 .callenderBX .bgImg::after,
.bookAslotPage .bookingPage .callenderBX .bgImg::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0) linear-gradient(180deg, #0E0E0E 0%, rgba(7, 7, 7, 0) 60%, #0E0E0E 100%) 0% 0% no-repeat padding-box;
	pointer-events: none
}

.bookAslotPage #bookSlotSec-1 .callenderBX .bgImg picture,
.bookAslotPage .bookingPage .callenderBX .bgImg picture {
	width: 100%;
	height: 100%
}

.bookAslotPage #bookSlotSec-1 .clndOUTER,
.bookAslotPage .bookingPage .clndOUTER {
	position: relative;
	margin-bottom: 10px
}

@media only screen and (min-width: 576px) {

	.bookAslotPage #bookSlotSec-1 .clndOUTER,
	.bookAslotPage .bookingPage .clndOUTER {
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 992px) {

	.bookAslotPage #bookSlotSec-1 .clndOUTER,
	.bookAslotPage .bookingPage .clndOUTER {
		margin-bottom: 25px
	}
}

@media only screen and (min-width: 1200px) {

	.bookAslotPage #bookSlotSec-1 .clndOUTER,
	.bookAslotPage .bookingPage .clndOUTER {
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1451px) {

	.bookAslotPage #bookSlotSec-1 .clndOUTER,
	.bookAslotPage .bookingPage .clndOUTER {
		margin-bottom: 45px
	}
}

.bookAslotPage #bookSlotSec-1 .clndrOtB,
.bookAslotPage .bookingPage .clndrOtB {
	width: 1021px;
	height: 491px;
	margin: auto;
	background: #fff 0% 0% no-repeat padding-box;
	border: 1px solid #707070;
	opacity: .1;
	filter: blur(50px);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto
}

.bookAslotPage #bookSlotSec-1 .clndrB,
.bookAslotPage .bookingPage .clndrB {
	max-width: 788px;
	height: 449px;
	border-radius: 20px;
	margin: auto;
	background: #000;
	position: relative;
	display: flex;
	align-items: center;
	overflow: hidden
}

.bookAslotPage #bookSlotSec-1 .clndrB .jalendar,
.bookAslotPage .bookingPage .clndrB .jalendar {
	width: 515px
}

.bookAslotPage #bookSlotSec-1 .clndrB .jalendar .jalendar-pages .day-names,
.bookAslotPage .bookingPage .clndrB .jalendar .jalendar-pages .day-names {
	display: none
}

.bookAslotPage #bookSlotSec-1 .clndrB .jalendar-pages .header h1,
.bookAslotPage .bookingPage .clndrB .jalendar-pages .header h1 {
	font-size: 20px;
	font-weight: 500;
	color: #fff
}

@media only screen and (min-width: 576px) {

	.bookAslotPage #bookSlotSec-1 .clndrB .jalendar-pages .header h1,
	.bookAslotPage .bookingPage .clndrB .jalendar-pages .header h1 {
		font-size: 25px
	}
}

.bookAslotPage #bookSlotSec-1 .clndrB .jalendar-pages .days .day span,
.bookAslotPage .bookingPage .clndrB .jalendar-pages .days .day span {
	width: 37px;
	height: 37px;
	font-size: 20px
}

@media only screen and (min-width: 576px) {

	.bookAslotPage #bookSlotSec-1 .clndrB .jalendar-pages .days .day span,
	.bookAslotPage .bookingPage .clndrB .jalendar-pages .days .day span {
		width: 46px;
		height: 46px;
		font-size: 25px
	}
}

.bookAslotPage #bookSlotSec-1 .clndrB .jalendar-pages .days .day.this-month span,
.bookAslotPage .bookingPage .clndrB .jalendar-pages .days .day.this-month span {
	color: #fff;
	cursor: pointer;
	opacity: 1;
	font-size: 20px;
	font-weight: 400;
	font-family: "Klavika", sans-serif
}

@media only screen and (min-width: 992px) {

	.bookAslotPage #bookSlotSec-1 .clndrB .jalendar-pages .days .day.this-month span,
	.bookAslotPage .bookingPage .clndrB .jalendar-pages .days .day.this-month span {
		font-size: 25px
	}
}

.bookAslotPage #bookSlotSec-1 .clndrB .Bgico,
.bookAslotPage .bookingPage .clndrB .Bgico {
	width: 100%;
	position: absolute;
	left: 25%;
	top: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
	z-index: 1;
	opacity: .3
}

@media only screen and (min-width: 992px) {

	.bookAslotPage #bookSlotSec-1 .clndrB .Bgico,
	.bookAslotPage .bookingPage .clndrB .Bgico {
		left: 60%
	}
}

@media only screen and (min-width: 992px) {

	.bookAslotPage #bookSlotSec-1 .clndrB .Bgico,
	.bookAslotPage .bookingPage .clndrB .Bgico {
		width: calc(100% - 515px);
		position: relative;
		left: -60px;
		top: unset;
		transform: unset;
		opacity: 1
	}
}

.bookAslotPage #bookSlotSec-1 .bookSlots .headWrap,
.bookAslotPage .bookingPage .bookSlots .headWrap {
	margin-bottom: 15px
}

@media only screen and (min-width: 576px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .headWrap,
	.bookAslotPage .bookingPage .bookSlots .headWrap {
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 992px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .headWrap,
	.bookAslotPage .bookingPage .bookSlots .headWrap {
		margin-bottom: 25px
	}
}

@media only screen and (min-width: 1200px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .headWrap,
	.bookAslotPage .bookingPage .bookSlots .headWrap {
		margin-bottom: 40px
	}
}

@media only screen and (min-width: 1451px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .headWrap,
	.bookAslotPage .bookingPage .bookSlots .headWrap {
		margin-bottom: 50px
	}
}

.bookAslotPage #bookSlotSec-1 .bookSlots .headWrap .ttle,
.bookAslotPage .bookingPage .bookSlots .headWrap .ttle {
	font-size: 18px;
	line-height: 1;
	font-weight: 300;
	color: #fff;
	margin-bottom: 10px
}

@media only screen and (min-width: 576px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .headWrap .ttle,
	.bookAslotPage .bookingPage .bookSlots .headWrap .ttle {
		font-size: 28px;
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 1200px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .headWrap .ttle,
	.bookAslotPage .bookingPage .bookSlots .headWrap .ttle {
		font-size: 32px;
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 1451px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .headWrap .ttle,
	.bookAslotPage .bookingPage .bookSlots .headWrap .ttle {
		font-size: 40px;
		margin-bottom: 25px
	}
}

.bookAslotPage #bookSlotSec-1 .bookSlots .tranrBx,
.bookAslotPage .bookingPage .bookSlots .tranrBx {
	max-width: 320px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #000;
	padding: 8px 15px;
	background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%23D1212F99' stroke-width='2' stroke-dasharray='5' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
	border-radius: 10px
}

@media only screen and (min-width: 576px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .tranrBx,
	.bookAslotPage .bookingPage .bookSlots .tranrBx {
		max-width: 370px;
		padding: 10px 20px
	}
}

@media only screen and (min-width: 992px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .tranrBx,
	.bookAslotPage .bookingPage .bookSlots .tranrBx {
		max-width: 400px;
		padding: 10px 20px
	}
}

@media only screen and (min-width: 1200px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .tranrBx,
	.bookAslotPage .bookingPage .bookSlots .tranrBx {
		padding: 10px 20px
	}
}

@media only screen and (min-width: 1451px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .tranrBx,
	.bookAslotPage .bookingPage .bookSlots .tranrBx {
		max-width: 480px;
		padding: 15px 30px
	}
}

.bookAslotPage #bookSlotSec-1 .bookSlots .tranrBx .flx,
.bookAslotPage .bookingPage .bookSlots .tranrBx .flx {
	display: flex;
	align-items: center
}

.bookAslotPage #bookSlotSec-1 .bookSlots .tranrBx .flx .imgBx,
.bookAslotPage .bookingPage .bookSlots .tranrBx .flx .imgBx {
	width: 45px;
	height: 45px;
	border: 1px solid #d20a09;
	border-radius: 50%;
	overflow: hidden
}

@media only screen and (min-width: 576px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .tranrBx .flx .imgBx,
	.bookAslotPage .bookingPage .bookSlots .tranrBx .flx .imgBx {
		width: 50px;
		height: 50px
	}
}

@media only screen and (min-width: 992px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .tranrBx .flx .imgBx,
	.bookAslotPage .bookingPage .bookSlots .tranrBx .flx .imgBx {
		width: 60px;
		height: 60px
	}
}

@media only screen and (min-width: 1451px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .tranrBx .flx .imgBx,
	.bookAslotPage .bookingPage .bookSlots .tranrBx .flx .imgBx {
		width: 70px;
		height: 70px
	}
}

.bookAslotPage #bookSlotSec-1 .bookSlots .tranrBx .flx .imgBx img,
.bookAslotPage .bookingPage .bookSlots .tranrBx .flx .imgBx img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.bookAslotPage #bookSlotSec-1 .bookSlots .tranrBx .flx .txt,
.bookAslotPage .bookingPage .bookSlots .tranrBx .flx .txt {
	width: calc(100% - 45px);
	padding-left: 10px;
	font-size: 14px;
	line-height: 1;
	font-weight: 300;
	color: #fff
}

@media only screen and (min-width: 576px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .tranrBx .flx .txt,
	.bookAslotPage .bookingPage .bookSlots .tranrBx .flx .txt {
		font-size: 18px;
		width: calc(100% - 50px)
	}
}

@media only screen and (min-width: 992px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .tranrBx .flx .txt,
	.bookAslotPage .bookingPage .bookSlots .tranrBx .flx .txt {
		font-size: 22px;
		width: calc(100% - 60px)
	}
}

@media only screen and (min-width: 1451px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .tranrBx .flx .txt,
	.bookAslotPage .bookingPage .bookSlots .tranrBx .flx .txt {
		font-size: 30px;
		width: calc(100% - 70px)
	}
}

.bookAslotPage #bookSlotSec-1 .bookSlots .tranrBx .icon,
.bookAslotPage .bookingPage .bookSlots .tranrBx .icon {
	display: block;
	height: 37px;
	padding-left: 20px
}

@media only screen and (min-width: 576px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .tranrBx .icon,
	.bookAslotPage .bookingPage .bookSlots .tranrBx .icon {
		height: 40px;
		padding-left: 30px
	}
}

@media only screen and (min-width: 992px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .tranrBx .icon,
	.bookAslotPage .bookingPage .bookSlots .tranrBx .icon {
		height: 47px;
		padding-left: 60px
	}
}

.bookAslotPage #bookSlotSec-1 .bookSlots .tranrBx .icon svg,
.bookAslotPage .bookingPage .bookSlots .tranrBx .icon svg {
	width: 37px
}

@media only screen and (min-width: 576px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .tranrBx .icon svg,
	.bookAslotPage .bookingPage .bookSlots .tranrBx .icon svg {
		width: 40px
	}
}

@media only screen and (min-width: 992px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .tranrBx .icon svg,
	.bookAslotPage .bookingPage .bookSlots .tranrBx .icon svg {
		width: 47px
	}
}

.bookAslotPage #bookSlotSec-1 .bookSlots .bookList,
.bookAslotPage .bookingPage .bookSlots .bookList {
	display: flex;
	flex-wrap: wrap;
	margin: 0px
}

@media only screen and (min-width: 1200px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .bookList,
	.bookAslotPage .bookingPage .bookSlots .bookList {
		margin: 0px -13px
	}
}

@media only screen and (min-width: 1451px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .bookList,
	.bookAslotPage .bookingPage .bookSlots .bookList {
		margin: 0px -20px
	}
}

.bookAslotPage #bookSlotSec-1 .bookSlots .bookList>*,
.bookAslotPage .bookingPage .bookSlots .bookList>* {
	padding: 10px 0px
}

@media only screen and (min-width: 1200px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .bookList>*,
	.bookAslotPage .bookingPage .bookSlots .bookList>* {
		padding: 10px 13px
	}
}

@media only screen and (min-width: 1451px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .bookList>*,
	.bookAslotPage .bookingPage .bookSlots .bookList>* {
		padding: 12px 20px
	}
}

.bookAslotPage #bookSlotSec-1 .bookSlots .bookList>.item,
.bookAslotPage .bookingPage .bookSlots .bookList>.item {
	width: 100%
}

@media only screen and (min-width: 1200px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .bookList>.item,
	.bookAslotPage .bookingPage .bookSlots .bookList>.item {
		width: 50%
	}
}

.bookAslotPage #bookSlotSec-1 .bookSlots .bookList .slotBx,
.bookAslotPage .bookingPage .bookSlots .bookList .slotBx {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px;
	border-radius: 10px;
	background-color: #232323
}

@media only screen and (min-width: 576px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .bookList .slotBx,
	.bookAslotPage .bookingPage .bookSlots .bookList .slotBx {
		padding: 15px 15px 15px 5px;
		flex-direction: row
	}
}

@media only screen and (min-width: 1200px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .bookList .slotBx,
	.bookAslotPage .bookingPage .bookSlots .bookList .slotBx {
		padding: 18px 18px 18px 5px
	}
}

@media only screen and (min-width: 1451px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .bookList .slotBx,
	.bookAslotPage .bookingPage .bookSlots .bookList .slotBx {
		padding: 22px 22px 22px 5px
	}
}

.bookAslotPage #bookSlotSec-1 .bookSlots .bookList .slotBx>*,
.bookAslotPage .bookingPage .bookSlots .bookList .slotBx>* {
	width: 100%
}

@media only screen and (min-width: 576px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .bookList .slotBx>*,
	.bookAslotPage .bookingPage .bookSlots .bookList .slotBx>* {
		width: 33.3333333333%
	}
}

.bookAslotPage #bookSlotSec-1 .bookSlots .bookList .slotBx .flxbx,
.bookAslotPage .bookingPage .bookSlots .bookList .slotBx .flxbx {
	display: flex;
	align-items: flex-start;
	position: relative;
	border-bottom: 1px solid #393939;
	padding-bottom: 20px;
	margin-bottom: 10px
}

@media only screen and (min-width: 576px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .bookList .slotBx .flxbx,
	.bookAslotPage .bookingPage .bookSlots .bookList .slotBx .flxbx {
		justify-content: center;
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0
	}
}

.bookAslotPage #bookSlotSec-1 .bookSlots .bookList .slotBx .flxbx:last-child,
.bookAslotPage .bookingPage .bookSlots .bookList .slotBx .flxbx:last-child {
	padding-bottom: 0;
	border-bottom: none
}

.bookAslotPage #bookSlotSec-1 .bookSlots .bookList .slotBx .flxbx:nth-child(4n-1),
.bookAslotPage .bookingPage .bookSlots .bookList .slotBx .flxbx:nth-child(4n-1) {
	border-bottom: none
}

.bookAslotPage #bookSlotSec-1 .bookSlots .bookList .slotBx .flxbx::after,
.bookAslotPage .bookingPage .bookSlots .bookList .slotBx .flxbx::after {
	content: "";
	position: absolute;
	width: 2px;
	height: 100%;
	border-radius: 2px;
	background-color: #393939;
	right: 0;
	opacity: 0
}

@media only screen and (min-width: 576px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .bookList .slotBx .flxbx::after,
	.bookAslotPage .bookingPage .bookSlots .bookList .slotBx .flxbx::after {
		opacity: 1
	}
}

.bookAslotPage #bookSlotSec-1 .bookSlots .bookList .slotBx .flxbx:last-child::after,
.bookAslotPage .bookingPage .bookSlots .bookList .slotBx .flxbx:last-child::after {
	opacity: 0
}

.bookAslotPage #bookSlotSec-1 .bookSlots .bookList .slotBx .flxbx:nth-child(4n-1)::after,
.bookAslotPage .bookingPage .bookSlots .bookList .slotBx .flxbx:nth-child(4n-1)::after {
	opacity: 0
}

.bookAslotPage #bookSlotSec-1 .bookSlots .bookList .slotBx .flxbx .icon,
.bookAslotPage .bookingPage .bookSlots .bookList .slotBx .flxbx .icon {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-color: #d1212f;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center
}

@media only screen and (min-width: 576px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .bookList .slotBx .flxbx .icon,
	.bookAslotPage .bookingPage .bookSlots .bookList .slotBx .flxbx .icon {
		width: 30px;
		height: 30px
	}
}

@media only screen and (min-width: 992px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .bookList .slotBx .flxbx .icon,
	.bookAslotPage .bookingPage .bookSlots .bookList .slotBx .flxbx .icon {
		width: 35px;
		height: 35px
	}
}

.bookAslotPage #bookSlotSec-1 .bookSlots .bookList .slotBx .flxbx .icon img,
.bookAslotPage .bookingPage .bookSlots .bookList .slotBx .flxbx .icon img {
	width: 13px
}

@media only screen and (min-width: 576px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .bookList .slotBx .flxbx .icon img,
	.bookAslotPage .bookingPage .bookSlots .bookList .slotBx .flxbx .icon img {
		width: 11px
	}
}

@media only screen and (min-width: 992px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .bookList .slotBx .flxbx .icon img,
	.bookAslotPage .bookingPage .bookSlots .bookList .slotBx .flxbx .icon img {
		width: 13px
	}
}

.bookAslotPage #bookSlotSec-1 .bookSlots .bookList .slotBx .flxbx .txt,
.bookAslotPage .bookingPage .bookSlots .bookList .slotBx .flxbx .txt {
	font-size: 16px;
	line-height: 1;
	font-weight: 300;
	color: #fff;
	margin-bottom: 15px;
	padding-left: 15px
}

@media only screen and (min-width: 576px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .bookList .slotBx .flxbx .txt,
	.bookAslotPage .bookingPage .bookSlots .bookList .slotBx .flxbx .txt {
		font-size: 16px;
		margin-bottom: 13px
	}
}

@media only screen and (min-width: 992px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .bookList .slotBx .flxbx .txt,
	.bookAslotPage .bookingPage .bookSlots .bookList .slotBx .flxbx .txt {
		margin-bottom: 18px
	}
}

@media only screen and (min-width: 1451px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .bookList .slotBx .flxbx .txt,
	.bookAslotPage .bookingPage .bookSlots .bookList .slotBx .flxbx .txt {
		font-size: 18px;
		margin-bottom: 25px
	}
}

.bookAslotPage #bookSlotSec-1 .bookSlots .bookList .slotBx .flxbx .txt:last-child,
.bookAslotPage .bookingPage .bookSlots .bookList .slotBx .flxbx .txt:last-child {
	margin-bottom: 0
}

.bookAslotPage #bookSlotSec-1 .bookSlots .bookList .slotBx .flxbx .btn,
.bookAslotPage .bookingPage .bookSlots .bookList .slotBx .flxbx .btn {
	min-width: 120px;
	height: 35px;
	border-radius: 5px;
	background-color: #d1212f;
	border: 1px solid rgba(0, 0, 0, 0);
	font-size: 13px;
	line-height: 1;
	font-weight: 500;
	color: #fff
}

@media only screen and (min-width: 576px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .bookList .slotBx .flxbx .btn,
	.bookAslotPage .bookingPage .bookSlots .bookList .slotBx .flxbx .btn {
		min-width: 80px;
		height: 37px;
		font-size: 14px
	}
}

@media only screen and (min-width: 992px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .bookList .slotBx .flxbx .btn,
	.bookAslotPage .bookingPage .bookSlots .bookList .slotBx .flxbx .btn {
		min-width: 100px;
		height: 37px;
		font-size: 16px;
		border-radius: 10px
	}
}

@media only screen and (min-width: 1451px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .bookList .slotBx .flxbx .btn,
	.bookAslotPage .bookingPage .bookSlots .bookList .slotBx .flxbx .btn {
		min-width: 122px;
		height: 40px;
		font-size: 18px
	}
}

.bookAslotPage #bookSlotSec-1 .bookSlots .bookList .slotBx .flxbx .hoveranim,
.bookAslotPage .bookingPage .bookSlots .bookList .slotBx .flxbx .hoveranim {
	border: 1px solid rgba(0, 0, 0, 0)
}

.bookAslotPage #bookSlotSec-1 .bookSlots .bookList .slotBx .flxbx .hoveranim:hover,
.bookAslotPage .bookingPage .bookSlots .bookList .slotBx .flxbx .hoveranim:hover {
	border: 1px solid #acacac
}

.bookAslotPage #bookSlotSec-1 .bookSlots .vwMr,
.bookAslotPage .bookingPage .bookSlots .vwMr {
	display: flex;
	align-items: center;
	justify-content: flex-end
}

.bookAslotPage #bookSlotSec-1 .bookSlots .vwMr .view,
.bookAslotPage .bookingPage .bookSlots .vwMr .view {
	min-width: 110px;
	height: 35px;
	border-radius: 5px;
	border: 1px solid #707070;
	background-color: rgba(0, 0, 0, 0);
	font-size: 13px;
	line-height: 1;
	font-weight: 500;
	color: #fff;
	margin-top: 10px;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center
}

@media only screen and (min-width: 576px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .vwMr .view,
	.bookAslotPage .bookingPage .bookSlots .vwMr .view {
		min-width: 80px;
		height: 37px;
		font-size: 14px;
		margin-top: 15px
	}
}

@media only screen and (min-width: 992px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .vwMr .view,
	.bookAslotPage .bookingPage .bookSlots .vwMr .view {
		min-width: 100px;
		height: 37px;
		font-size: 16px;
		border-radius: 10px;
		margin-top: 20px
	}
}

@media only screen and (min-width: 1451px) {

	.bookAslotPage #bookSlotSec-1 .bookSlots .vwMr .view,
	.bookAslotPage .bookingPage .bookSlots .vwMr .view {
		min-width: 122px;
		height: 40px;
		font-size: 18px
	}
}

.bookAslotPage #bookSlotSec .bookSlots .tranrBx {
	border: none;
	background-image: none;
	padding: 0;
	background-color: rgba(0, 0, 0, 0)
}

.bookAslotPage #bookSlotSec .bookSlots .tranrBx .flx .imgBx {
	width: 30px;
	height: 30px;
	border: none
}

@media only screen and (min-width: 576px) {
	.bookAslotPage #bookSlotSec .bookSlots .tranrBx .flx .imgBx {
		width: 35px;
		height: 35px
	}
}

@media only screen and (min-width: 992px) {
	.bookAslotPage #bookSlotSec .bookSlots .tranrBx .flx .imgBx {
		width: 40px;
		height: 40px
	}
}

@media only screen and (min-width: 1451px) {
	.bookAslotPage #bookSlotSec .bookSlots .tranrBx .flx .imgBx {
		width: 45px;
		height: 45px
	}
}

.bookAslotPage #bookSlotSec .bookSlots .tranrBx .flx .txt {
	width: calc(100% - 30px);
	padding-left: 7px
}

@media only screen and (min-width: 576px) {
	.bookAslotPage #bookSlotSec .bookSlots .tranrBx .flx .txt {
		width: calc(100% - 35px);
		padding-left: 10px
	}
}

@media only screen and (min-width: 992px) {
	.bookAslotPage #bookSlotSec .bookSlots .tranrBx .flx .txt {
		width: calc(100% - 40px)
	}
}

@media only screen and (min-width: 1451px) {
	.bookAslotPage #bookSlotSec .bookSlots .tranrBx .flx .txt {
		width: calc(100% - 45px);
		padding-left: 20px
	}
}

.bookAslotPage .BookinSlot {
	background-color: #0e0e0e
}

.bookAslotPage .BookinSlot .modal-dialog {
	max-width: 1370px
}

.bookAslotPage .BookinSlot .modal-dialog .modal-body {
	padding: 0;
	background-color: #0e0e0e
}

.bookAslotPage .BookinSlot .modal-dialog .bookingBx .btn-close {
	box-shadow: none;
	outline: none
}

.bookAslotPage .BookinSlot .modal-dialog .bookingBx .flxTp .ltB .imgBx {
	width: 100%;
	height: 160px;
	border: none;
	padding: 0
}

@media only screen and (min-width: 576px) {
	.bookAslotPage .BookinSlot .modal-dialog .bookingBx .flxTp .ltB .imgBx {
		height: 200px
	}
}

@media only screen and (min-width: 992px) {
	.bookAslotPage .BookinSlot .modal-dialog .bookingBx .flxTp .ltB .imgBx {
		height: 220px
	}
}

@media only screen and (min-width: 1200px) {
	.bookAslotPage .BookinSlot .modal-dialog .bookingBx .flxTp .ltB .imgBx {
		height: 260px
	}
}

@media only screen and (min-width: 1451px) {
	.bookAslotPage .BookinSlot .modal-dialog .bookingBx .flxTp .ltB .imgBx {
		height: 310px
	}
}

.bookAslotPage .BookinSlot .modal-dialog .bookingBx .flxTp .ltB .imgBx img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.bookAslotPage .BookinSlot .modal-dialog .formBx .row {
	margin: 0px -40px
}

.bookAslotPage .BookinSlot .modal-dialog .formBx .row>* {
	padding: 0px 40px
}

.bookAslotPage .BookinSlot-1 {
	background-color: #0e0e0e
}

.bookAslotPage .BookinSlot-1 .modal-dialog {
	max-width: 1370px
}

.bookAslotPage .BookinSlot-1 .modal-dialog .modal-body {
	padding: 0;
	background-color: #0e0e0e
}

.bookAslotPage .BookinSlot-1 .modal-dialog .bookingBx .btn-close {
	box-shadow: none;
	outline: none
}

.bookAslotPage .BookinSlot-1 .modal-dialog .bookingBx .flxTp .ltB .txtB .ttl {
	font-size: 16px;
	line-height: 1;
	font-weight: 500;
	color: #fff;
	margin-bottom: 5px
}

@media only screen and (min-width: 576px) {
	.bookAslotPage .BookinSlot-1 .modal-dialog .bookingBx .flxTp .ltB .txtB .ttl {
		font-size: 18px;
		margin-bottom: 7px
	}
}

@media only screen and (min-width: 992px) {
	.bookAslotPage .BookinSlot-1 .modal-dialog .bookingBx .flxTp .ltB .txtB .ttl {
		font-size: 22px;
		margin-bottom: 10px
	}
}

@media only screen and (min-width: 1451px) {
	.bookAslotPage .BookinSlot-1 .modal-dialog .bookingBx .flxTp .ltB .txtB .ttl {
		font-size: 28px;
		margin-bottom: 20px
	}
}

.bookAslotPage .BookinSlot-1 .modal-dialog .bookingBx .flxTp .ltB .txtB .txt {
	font-size: 14px;
	line-height: 22px;
	font-weight: 300;
	color: #fff
}

@media only screen and (min-width: 576px) {
	.bookAslotPage .BookinSlot-1 .modal-dialog .bookingBx .flxTp .ltB .txtB .txt {
		font-size: 16px
	}
}

@media only screen and (min-width: 1451px) {
	.bookAslotPage .BookinSlot-1 .modal-dialog .bookingBx .flxTp .ltB .txtB .txt {
		font-size: 18px;
		line-height: 24px
	}
}

.bookAslotPage .BookinSlot-1 .modal-dialog .formBx .row {
	margin: 0px -40px
}

.bookAslotPage .BookinSlot-1 .modal-dialog .formBx .row>* {
	padding: 0px 40px
}

html:lang(ar) {
	font-family: "Cairo", sans-serif;
	direction: rtl;
	text-align: right
}

html:lang(ar) body {
	font-family: "Cairo", sans-serif;
	font-weight: 500;
	text-align: right
}

html:lang(ar) .owl-carousel {
	direction: rtl
}

html:lang(ar) .help-block {
	text-align: right
}

@media only screen and (min-width: 576px) {
	html:lang(ar) .FixedCntct {
		left: 10px;
		right: auto
	}
}

@media only screen and (min-width: 992px) {
	html:lang(ar) .FixedCntct {
		right: auto;
		left: 20px
	}
}

@media only screen and (min-width: 1441px) {
	html:lang(ar) .FixedCntct {
		right: auto;
		left: 40px
	}
}

@media only screen and (min-width: 1660px) {
	html:lang(ar) .FixedCntct {
		right: auto;
		left: 60px
	}
}

html:lang(ar) .select2-dropdown {
	right: auto !important;
	left: 0 !important
}

html:lang(ar) .iti__flag-container {
	right: 0 !important;
	left: auto !important
}

html:lang(ar) .iti--separate-dial-code .iti__selected-flag .iti__arrow {
	position: absolute;
	left: -7px
}

html:lang(ar) .formBx .form-group.phn .form-control {
	padding: 0px 60px 0px 0px !important
}

@media only screen and (min-width: 576px) {
	html:lang(ar) .formBx .form-group.phn .form-control {
		padding: 0px 80px 0px 20px !important
	}
}

@media only screen and (min-width: 1451px) {
	html:lang(ar) .formBx .form-group.phn .form-control {
		padding: 0px 90px 0px 20px !important
	}
}

html:lang(ar) .formBx .form-group.phn .txt {
	margin: 0px 0px 0px 10px !important
}

html:lang(ar) .formBx .form-group.phn .help-block {
	right: 0;
	left: auto;
	bottom: -25px !important
}

html:lang(ar) #Header .RSide .item .location {
	border-right: none;
	border-left: solid 1px hsla(0, 0%, 100%, .37)
}

@media only screen and (min-width: 476px) {
	html:lang(ar) #Header .RSide .item .location {
		padding-right: 0;
		padding-left: 17px
	}
}

@media only screen and (min-width: 768px) {
	html:lang(ar) #Header .RSide .item .location {
		margin-left: 13px;
		margin-right: 25px
	}
}

html:lang(ar) #Header .RSide .item .location .icon {
	margin-right: 0;
	margin-left: 10px
}

html:lang(ar) #Header .RSide .item .language>* .ico {
	margin-left: 0;
	margin-right: 10px
}

html:lang(ar) #Header .RSide .item .language .ar {
	display: none
}

html:lang(ar) #Header .RSide .item .language .en {
	display: flex
}

html:lang(ar) #Header .RSide .MenuBtn {
	margin-left: 0;
	margin-right: 22px
}

html:lang(ar) #Header #MainMenu {
	transform: translate(-100%, 0);
	right: auto;
	left: 0
}

html:lang(ar) #Header #MainMenu .mainItm .callInfo .txtB {
	padding-left: 0;
	padding-right: 17px
}

html:lang(ar) #Header #MainMenu .mainItm .menuAccord .accordion-item.drop .btndrop::after {
	transform: rotate(90deg);
	left: 25px;
	right: auto
}

@media only screen and (min-width: 992px) {
	html:lang(ar) #Header #MainMenu .mainItm .menuAccord .accordion-item.drop .btndrop::after {
		left: 40px
	}
}

html:lang(ar) #Header #MainMenu .mainItm .menuAccord .accordion-item.drop .btndrop:hover,
html:lang(ar) #Header #MainMenu .mainItm .menuAccord .accordion-item.drop .btndrop.active {
	background: rgba(0, 0, 0, 0) linear-gradient(270deg, #808080 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
	right: auto
}

html:lang(ar) .homepage #MainBanner .carousel-item .registerBx .txtBx {
	padding-left: 0;
	padding-right: 18px
}

@media only screen and (min-width: 992px) {
	html:lang(ar) .homepage #aboutSec .flxbx .ritB {
		padding-left: 0;
		padding-right: 54px
	}
}

html:lang(ar) .homepage #aboutSec .countFlx .item:not(:last-of-type)::after {
	right: auto;
	left: 0
}

@media only screen and (min-width: 576px) {
	html:lang(ar) .homepage #aboutSec .countFlx .item .counTb .txt {
		margin-left: 0;
		margin-right: 13px
	}
}

@media only screen and (min-width: 1200px) {
	html:lang(ar) .homepage #ourPrograms .progmOtBx .headBx .ritB {
		padding-left: 0;
		padding-right: 30px
	}
}

@media only screen and (min-width: 1441px) {
	html:lang(ar) .homepage #ourPrograms .progmOtBx .headBx .ritB {
		padding-right: 50px
	}
}

@media only screen and (min-width: 1660px) {
	html:lang(ar) .homepage #ourPrograms .progmOtBx .headBx .ritB {
		padding-right: 85px
	}
}

@media only screen and (min-width: 1200px) {
	html:lang(ar) .homepage #ourPrograms .progmOtBx .headBx .lftB {
		padding-right: 0;
		padding-left: 30px
	}
}

@media only screen and (min-width: 1441px) {
	html:lang(ar) .homepage #ourPrograms .progmOtBx .headBx .lftB {
		padding-left: 50px
	}
}

@media only screen and (min-width: 1660px) {
	html:lang(ar) .homepage #ourPrograms .progmOtBx .headBx .lftB {
		padding-left: 80px
	}
}

html:lang(ar) .homepage #featureSec .navButtons {
	direction: ltr
}

html:lang(ar) .homepage .marqSec .flxBx {
	animation: marquee1 20s linear infinite
}

@media only screen and (min-width: 992px) {
	html:lang(ar) .homepage #coachingSec .coachngBx .headBx .ritB {
		padding-left: 0;
		padding-right: 30px
	}
}

html:lang(ar) .homepage #coachingSec .cntntFlx .ftrBx .overlay .Mtitle,
html:lang(ar) .homepage #coachingSec .cntntFlx .ftrBx .overlay .title {
	padding-left: 0;
	padding-right: 23px
}

html:lang(ar) .homepage #coachingSec .cntntFlx .ftrBx .overlay .Mtitle::after,
html:lang(ar) .homepage #coachingSec .cntntFlx .ftrBx .overlay .title::after {
	left: auto;
	right: 0
}

html:lang(ar) .homepage #testimonialSec .tstiBx .txtB::before {
	right: auto;
	left: 20px
}

@media only screen and (min-width: 1200px) {
	html:lang(ar) .homepage #testimonialSec .tstiBx .txtB::before {
		left: 30px
	}
}

@media only screen and (min-width: 1441px) {
	html:lang(ar) .homepage #testimonialSec .tstiBx .txtB::before {
		left: 50px
	}
}

html:lang(ar) .homepage #testimonialSec .tstiBx .txtB .userFlx .txtRyt {
	padding-left: 0;
	padding-right: 20px
}

@media only screen and (min-width: 1200px) {
	html:lang(ar) .homepage #testimonialSec .tstiBx .txtB .userFlx .txtRyt {
		padding-right: 30px
	}
}

html:lang(ar) .homepage #eventSec .eventSlider .newsB .txtB .location .plce {
	padding-left: 0;
	padding-right: 17px
}

@media only screen and (min-width: 992px) {
	html:lang(ar) #Footer .cmnBx.pr40 {
		padding-right: 0;
		padding-left: 40px
	}
}

@media only screen and (min-width: 992px) {
	html:lang(ar) #Footer .cmnBx.pl110 {
		padding-left: 0;
		padding-right: 40px
	}
}

@media only screen and (min-width: 1200px) {
	html:lang(ar) #Footer .cmnBx.pl110 {
		padding-right: 80px
	}
}

@media only screen and (min-width: 1441px) {
	html:lang(ar) #Footer .cmnBx.pl110 {
		padding-right: 110px
	}
}

@media only screen and (min-width: 992px) {
	html:lang(ar) #Footer .cmnBx.pl60 {
		padding-left: 0;
		padding-right: 20px
	}
}

@media only screen and (min-width: 1200px) {
	html:lang(ar) #Footer .cmnBx.pl60 {
		padding-right: 40px
	}
}

@media only screen and (min-width: 1441px) {
	html:lang(ar) #Footer .cmnBx.pl60 {
		padding-right: 60px
	}
}

html:lang(ar) #Footer .cmnBx .phone .ico,
html:lang(ar) #Footer .cmnBx .mail .ico {
	margin-right: 0;
	margin-left: 12px
}

@media only screen and (min-width: 992px) {

	html:lang(ar) #Footer .cmnBx .phone .ico,
	html:lang(ar) #Footer .cmnBx .mail .ico {
		margin-left: 19px
	}
}

html:lang(ar) #Footer .cmnBx .social .sFlx a:not(:last-of-type) {
	margin-right: 0;
	margin-left: 15px
}

@media only screen and (min-width: 768px) {
	html:lang(ar) #Footer .cmnBx .social .sFlx a:not(:last-of-type) {
		margin-left: 25px
	}
}

@media only screen and (min-width: 1200px) {
	html:lang(ar) #Footer .cmnBx .social .sFlx a:not(:last-of-type) {
		margin-left: 30px
	}
}

@media only screen and (min-width: 1441px) {
	html:lang(ar) #Footer .cmnBx .social .sFlx a:not(:last-of-type) {
		margin-left: 40px
	}
}

html:lang(ar) #Footer .mrq .flxBx {
	animation: marquee1 30s linear infinite
}

html:lang(ar) #Footer .mrq .flxBx .txt img {
	margin-right: 0;
	margin-left: 17px
}

html:lang(ar) #Footer .mrq .flxBx .txt::after {
	display: none
}

html:lang(ar) #Footer .mrq .flxBx .txt::before {
	content: "";
	display: inline;
	margin: 0 30px;
	width: 8px;
	min-width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #d20a09
}

@media only screen and (min-width: 768px) {
	html:lang(ar) #Footer .CopYRit .flxB .RSide {
		text-align: left
	}
}

html:lang(ar) .cta-button {
	padding-left: 0;
	padding-right: 10px
}

@media only screen and (min-width: 576px) {
	html:lang(ar) .cta-button {
		padding-right: 15px
	}
}

@media only screen and (min-width: 1200px) {
	html:lang(ar) .cta-button {
		padding-right: 23px
	}
}

html:lang(ar) .cta-button::after {
	left: auto;
	right: -100%;
	will-change: right;
	padding: 0 10px 0 0
}

@media only screen and (min-width: 576px) {
	html:lang(ar) .cta-button::after {
		padding: 0 15px 0 0
	}
}

@media only screen and (min-width: 1200px) {
	html:lang(ar) .cta-button::after {
		padding: 0 23px 0 0
	}
}

html:lang(ar) .cta-button::before {
	right: auto;
	left: 7px
}

html:lang(ar) .cta-button svg {
	right: auto;
	left: 10px;
	transform: rotate(225deg)
}

@media only screen and (min-width: 576px) {
	html:lang(ar) .cta-button svg {
		left: 10px
	}
}

@media only screen and (min-width: 1200px) {
	html:lang(ar) .cta-button svg {
		left: 12px
	}
}

@media only screen and (min-width: 1441px) {
	html:lang(ar) .cta-button svg {
		left: 16px
	}
}

html:lang(ar) .cta-button:hover::before {
	right: auto;
	left: -1px
}

html:lang(ar) .cta-button:hover::after {
	left: auto;
	right: 0;
	transition: color .3s linear, right .5s cubic-bezier(0.23, 1, 0.32, 1)
}

html:lang(ar) .cta-button:hover svg {
	transform: rotate(180deg)
}

html:lang(ar) .cmnHead .bgTxt {
	left: auto;
	right: 0
}

html:lang(ar) .MenuOpen #MainMenu {
	transform: translate(0, 0) !important
}

html:lang(ar) .landingPage #featureSec .navButtons {
	flex-direction: row-reverse
}

html:lang(ar) .landingPage .marqSec .flxBx {
	animation: marquee1 30s linear infinite
}

@media only screen and (min-width: 992px) {
	html:lang(ar) .landingPage #specialitySec .specialityBx .flxBx .ritB {
		padding-left: 0;
		padding-right: 25px
	}
}

@media only screen and (min-width: 1200px) {
	html:lang(ar) .landingPage #specialitySec .specialityBx .flxBx .ritB {
		padding-right: 45px
	}
}

@media only screen and (min-width: 1441px) {
	html:lang(ar) .landingPage #specialitySec .specialityBx .flxBx .ritB {
		padding-right: 68px
	}
}

@media only screen and (min-width: 576px) {
	html:lang(ar) .landingPage #locationSec .locaFlx .lftB {
		padding-right: 0;
		padding-left: 20px
	}
}

@media only screen and (min-width: 992px) {
	html:lang(ar) .landingPage #locationSec .locaFlx .lftB {
		padding-left: 40px
	}
}

@media only screen and (min-width: 1200px) {
	html:lang(ar) .landingPage #locationSec .locaFlx .lftB {
		padding-left: 60px
	}
}

@media only screen and (min-width: 1441px) {
	html:lang(ar) .landingPage #locationSec .locaFlx .lftB {
		padding-left: 100px
	}
}

html:lang(ar) #MainMenu .MenuBtn button svg {
	margin-left: 0;
	margin-right: 11px
}

@media only screen and (min-width: 992px) {
	html:lang(ar) #MainMenu .mainItm .menuAccord .accordion-item .accordion-body .subMenuAccord {
		left: auto;
		right: 100%
	}
}

html:lang(ar) #MainMenu .mainItm .menuAccord .accordion-item .accordion-body .subMenuAccord .accordion-button::after {
	right: auto;
	left: 25px
}

@media only screen and (min-width: 992px) {
	html:lang(ar) #MainMenu .mainItm .menuAccord .accordion-item .accordion-body .subMenuAccord .accordion-button::after {
		left: 40px
	}
}

html:lang(ar) #MainMenu .mainItm .menuAccord .accordion-item .accordion-body .subMenuAccord .accordion-body ul li a {
	padding-left: 0;
	padding-right: 15px
}

@media only screen and (min-width: 992px) {
	html:lang(ar) #MainMenu .mainItm .menuAccord .accordion-item .accordion-body .subMenuAccord .accordion-body ul li a {
		padding-right: 20px
	}
}

@media only screen and (min-width: 1200px) {
	html:lang(ar) #MainMenu .mainItm .menuAccord .accordion-item .accordion-body .subMenuAccord .accordion-body ul li a {
		padding-right: 25px
	}
}

html:lang(ar) #MainMenu .mainItm .menuAccord .accordion-item .accordion-body .subMenuAccord .accordion-body ul li a::before {
	left: auto;
	right: 0
}

html:lang(ar) .locationmodal .modal-content .closeBtn {
	right: auto;
	left: 15px
}

@media only screen and (min-width: 576px) {
	html:lang(ar) .locationmodal .modal-content .closeBtn {
		left: 25px
	}
}

@media only screen and (min-width: 768px) {
	html:lang(ar) .locationmodal .modal-content .closeBtn {
		left: 52px
	}
}

html:lang(ar) .locationmodal .modal-content .closeBtn svg {
	margin-left: 0;
	margin-right: 11px
}

html:lang(ar) .locationmodal .modal-content .modal-body .flexBx .item .locSlct label .txtB {
	padding-left: 0;
	padding-right: 13px
}

html:lang(ar) .homepage #featureSec .CustomeContainer,
html:lang(ar) .landingPage #featureSec .CustomeContainer {
	margin: 0 auto 0 0
}

@media only screen and (min-width: 468px) {

	html:lang(ar) .homepage #featureSec .CustomeContainer,
	html:lang(ar) .landingPage #featureSec .CustomeContainer {
		padding-left: 0;
		padding-right: initial
	}
}

html:lang(ar) .homepage #featureSec .flxB .slider-nav,
html:lang(ar) .landingPage #featureSec .flxB .slider-nav {
	flex-direction: row-reverse
}

html:lang(ar) .homepage #featureSec .flxB::after,
html:lang(ar) .landingPage #featureSec .flxB::after {
	right: 0;
	left: 25px
}

@media only screen and (min-width: 992px) {

	html:lang(ar) .homepage #featureSec .flxB::after,
	html:lang(ar) .landingPage #featureSec .flxB::after {
		left: 40px
	}
}

@media only screen and (min-width: 1441px) {

	html:lang(ar) .homepage #featureSec .flxB::after,
	html:lang(ar) .landingPage #featureSec .flxB::after {
		left: 0
	}
}

html:lang(ar) .bookAslotPage #bookSlotSec-1 .headWrap .tranrBx .icon {
	padding: 0px 20px 0px 0px
}

@media only screen and (min-width: 576px) {
	html:lang(ar) .bookAslotPage #bookSlotSec-1 .headWrap .tranrBx .icon {
		padding: 0px 30px 0px 0px
	}
}

@media only screen and (min-width: 992px) {
	html:lang(ar) .bookAslotPage #bookSlotSec-1 .headWrap .tranrBx .icon {
		padding: 0px 60px 0px 0px
	}
}

html:lang(ar) .bookAslotPage .bookingPage .headWrap .tranrBx .txt {
	padding: 0px 10px 0px 0px
}

html:lang(ar) .bookAslotPage .bookingPage .bookList .txt {
	padding: 0px 7px 0px 0px
}

@media only screen and (min-width: 576px) {
	html:lang(ar) .bookAslotPage .bookingPage .bookList .txt {
		padding: 0px 10px 0px 0px
	}
}

@media only screen and (min-width: 1451px) {
	html:lang(ar) .bookAslotPage .bookingPage .bookList .txt {
		padding: 0px 20px 0px 0px
	}
}

@media only screen and (min-width: 576px) {
	html:lang(ar) .aboutPage #aboutSec .countFlx .counTb .txt {
		margin: 0px 13px 0px 0px
	}
}

html:lang(ar) .aboutPage #missionSec .lftBx .title {
	padding: 0px 20px 0px 0px
}

@media only screen and (min-width: 576px) {
	html:lang(ar) .aboutPage #missionSec .lftBx .title {
		padding: 0px 33px 0px 0px
	}
}

html:lang(ar) .aboutPage #missionSec .lftBx .title::before {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	left: auto;
	right: 0
}

html:lang(ar) .aboutPage #missionSec .lftBx .title::after {
	left: auto;
	right: 0
}

html:lang(ar) .aboutPage #missionSec .lftBx .nav-pills .nav-item {
	margin-bottom: 10px
}

@media only screen and (min-width: 576px) {
	html:lang(ar) .aboutPage #missionSec .lftBx .nav-pills .nav-item {
		margin-bottom: 0
	}
}

html:lang(ar) .aboutPage #missionSec .lftBx .nav-pills .nav-item:not(:last-of-type) {
	margin: 0px 0px 10px 15px
}

@media only screen and (min-width: 576px) {
	html:lang(ar) .aboutPage #missionSec .lftBx .nav-pills .nav-item:not(:last-of-type) {
		margin: 0px 0px 0px 20px
	}
}

@media only screen and (min-width: 992px) {
	html:lang(ar) .aboutPage #missionSec .lftBx .nav-pills .nav-item:not(:last-of-type) {
		margin: 0px 0px 0px 25px
	}
}

@media only screen and (min-width: 1200px) {
	html:lang(ar) .aboutPage #missionSec .lftBx .nav-pills .nav-item:not(:last-of-type) {
		margin: 0px 0px 0px 30px
	}
}

@media only screen and (min-width: 1441px) {
	html:lang(ar) .aboutPage #missionSec .lftBx .nav-pills .nav-item:not(:last-of-type) {
		margin: 0px 0px 0px 34px
	}
}

html:lang(ar) .aboutPage #missionSec .lftBx .btmBx .phnBx .txtB {
	padding: 0px 10px 0px 0px
}

@media only screen and (min-width: 576px) {
	html:lang(ar) .aboutPage #missionSec .lftBx .btmBx .phnBx .txtB {
		padding: 0px 15px 0px 0px
	}
}

@media only screen and (min-width: 992px) {
	html:lang(ar) .aboutPage #missionSec .lftBx .btmBx .phnBx .txtB {
		padding: 0px 23px 0px 0px
	}
}

html:lang(ar) .aboutPage #ceoSec .ceoBx .ritB {
	padding: 0
}

@media only screen and (min-width: 992px) {
	html:lang(ar) .aboutPage #ceoSec .ceoBx .ritB {
		padding: 0px 70px 0px 0px
	}
}

@media only screen and (min-width: 1200px) {
	html:lang(ar) .aboutPage #ceoSec .ceoBx .ritB {
		padding: 0px 93px 0px 0px
	}
}

html:lang(ar) .aboutPage #ceoSec .ceoBx .bgIco {
	right: auto;
	left: 25px;
	top: 42%;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1)
}

@media only screen and (min-width: 576px) {
	html:lang(ar) .aboutPage #ceoSec .ceoBx .bgIco {
		right: auto;
		left: 40px;
		top: 50%
	}
}

@media only screen and (min-width: 992px) {
	html:lang(ar) .aboutPage #ceoSec .ceoBx .bgIco {
		right: auto;
		left: 30px;
		top: 50px
	}
}

@media only screen and (min-width: 1441px) {
	html:lang(ar) .aboutPage #ceoSec .ceoBx .bgIco {
		right: auto;
		left: 94px;
		top: 100px
	}
}

html:lang(ar) .aboutPage #ceoSec .ritB .nameBx .ico {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1)
}

html:lang(ar) .aboutPage #ceoSec .ritB .nameBx .txtB {
	padding: 0px 10px 0px 0px
}

@media only screen and (min-width: 576px) {
	html:lang(ar) .aboutPage #ceoSec .ritB .nameBx .txtB {
		padding: 0px 15px 0px 0px
	}
}

@media only screen and (min-width: 1441px) {
	html:lang(ar) .aboutPage #ceoSec .ritB .nameBx .txtB {
		padding: 0px 22px 0px 0px
	}
}

html:lang(ar) .aboutPage #appointmentSec .flxBx .ritB .btmBx .phnBx {
	margin: 0
}

@media only screen and (min-width: 576px) {
	html:lang(ar) .aboutPage #appointmentSec .flxBx .ritB .btmBx .phnBx {
		margin: 0px 70px 0px 0px
	}
}

html:lang(ar) .aboutPage #appointmentSec .flxBx .ritB .btmBx .phnBx .txtB {
	padding: 0px 10px 0px 0px
}

@media only screen and (min-width: 576px) {
	html:lang(ar) .aboutPage #appointmentSec .flxBx .ritB .btmBx .phnBx .txtB {
		padding: 0px 15px 0px 0px
	}
}

@media only screen and (min-width: 992px) {
	html:lang(ar) .aboutPage #appointmentSec .flxBx .ritB .btmBx .phnBx .txtB {
		padding: 0px 23px 0px 0px
	}
}

html:lang(ar) .boxingConditioningPage #classDetailSec .flxBx .ritB {
	padding-left: 0
}

@media only screen and (min-width: 992px) {
	html:lang(ar) .boxingConditioningPage #classDetailSec .flxBx .ritB {
		padding: 0px 40px 0px 0px
	}
}

html:lang(ar) .boxingConditioningPage #featureSec .flxBx .item .ttle .ico {
	margin: 0px 0px 0px 20px
}

html:lang(ar) .CareerPage #Teams .teamList .item .teamBx .cntBx .hovr .exp>* {
	padding: 0px 10px
}

html:lang(ar) .CareerPage #Teams .teamList .item .teamBx .cntBx .hovr .exp .txt::before {
	right: 0;
	left: auto
}

html:lang(ar) .CareerPage #Teams .teamList .item .teamBx .cntBx .hovr .exp .txt:first-child {
	padding-right: 0
}

html:lang(ar) .CareerPage #Teams .teamList .item .teamBx .cntBx .hovr .exp .txt:last-child {
	padding-left: 0
}

html:lang(ar) .classPage #classSec .headBx .ritB .cmnlocation .dropdown-toggle {
	display: flex;
	align-items: center
}

html:lang(ar) .classPage #classSec .headBx .ritB .cmnlocation .dropdown-toggle::before {
	left: auto;
	right: 20px
}

@media only screen and (min-width: 768px) {
	html:lang(ar) .classPage #classSec .headBx .ritB .cmnlocation .dropdown-toggle::before {
		top: unset;
		left: auto;
		right: 30px
	}
}

html:lang(ar) .classPage #classSec .headBx .ritB .cmnlocation .filter-option-inner-inner {
	padding: 0px 0px 0px 20px
}

html:lang(ar) .classPage #classSec .classFlx .item .cpBx .overlay .more .ico {
	margin: 0px 12px 0px 0px
}

html:lang(ar) .classPage #classDetailSec .cmnlocation .dropdown-toggle {
	display: flex;
	align-items: center
}

html:lang(ar) .classPage #classDetailSec .cmnlocation .dropdown-toggle::before {
	left: auto;
	right: 20px
}

@media only screen and (min-width: 768px) {
	html:lang(ar) .classPage #classDetailSec .cmnlocation .dropdown-toggle::before {
		top: unset;
		left: auto;
		right: 30px
	}
}

html:lang(ar) .classPage #classDetailSec .cmnlocation .filter-option-inner-inner {
	padding: 0px 30px 0px 0px
}

@media only screen and (min-width: 768px) {
	html:lang(ar) .classPage #classDetailSec .cmnlocation .filter-option-inner-inner {
		padding: 0px 40px 0px 0px
	}
}

html:lang(ar) .eventPage #Events .frmFlx .formBx .send,
html:lang(ar) .eventPage #EventDetail .frmFlx .formBx .send {
	right: auto;
	left: 0
}

html:lang(ar) .eventPage #Events .dFlx,
html:lang(ar) .eventPage #EventDetail .dFlx {
	padding-bottom: 20px
}

html:lang(ar) .eventPage #Events .dFlx .lftSd,
html:lang(ar) .eventPage #EventDetail .dFlx .lftSd {
	padding-left: 0
}

@media only screen and (min-width: 992px) {

	html:lang(ar) .eventPage #Events .dFlx .lftSd,
	html:lang(ar) .eventPage #EventDetail .dFlx .lftSd {
		padding: 0px 0px 0px 20px
	}
}

@media only screen and (min-width: 1200px) {

	html:lang(ar) .eventPage #Events .dFlx .lftSd,
	html:lang(ar) .eventPage #EventDetail .dFlx .lftSd {
		padding: 0px 0px 0px 30px
	}
}

@media only screen and (min-width: 1451px) {

	html:lang(ar) .eventPage #Events .dFlx .lftSd,
	html:lang(ar) .eventPage #EventDetail .dFlx .lftSd {
		padding: 0px 0px 0px 50px
	}
}

html:lang(ar) .eventPage #Events .dFlx .lftSd .eventList .item .eventBx .cntBx .flxTbx>.box,
html:lang(ar) .eventPage #EventDetail .dFlx .lftSd .eventList .item .eventBx .cntBx .flxTbx>.box {
	margin: 0px 0px 0px 10px
}

@media only screen and (min-width: 576px) {

	html:lang(ar) .eventPage #Events .dFlx .lftSd .eventList .item .eventBx .cntBx .flxTbx>.box,
	html:lang(ar) .eventPage #EventDetail .dFlx .lftSd .eventList .item .eventBx .cntBx .flxTbx>.box {
		margin: 0px 0px 0px 20px
	}
}

@media only screen and (min-width: 992px) {

	html:lang(ar) .eventPage #Events .dFlx .lftSd .eventList .item .eventBx .cntBx .flxTbx>.box,
	html:lang(ar) .eventPage #EventDetail .dFlx .lftSd .eventList .item .eventBx .cntBx .flxTbx>.box {
		margin: 0px 0px 0px 30px
	}
}

@media only screen and (min-width: 1451px) {

	html:lang(ar) .eventPage #Events .dFlx .lftSd .eventList .item .eventBx .cntBx .flxTbx>.box,
	html:lang(ar) .eventPage #EventDetail .dFlx .lftSd .eventList .item .eventBx .cntBx .flxTbx>.box {
		margin: 0px 0px 0px 50px
	}
}

html:lang(ar) .eventPage #Events .dFlx .lftSd .eventList .item .eventBx .cntBx .flxTbx>.box:last-child,
html:lang(ar) .eventPage #EventDetail .dFlx .lftSd .eventList .item .eventBx .cntBx .flxTbx>.box:last-child {
	margin-right: 0
}

html:lang(ar) .eventPage #Events .dFlx .lftSd .eventList .item .eventBx .cntBx .flxTbx>.box .icon,
html:lang(ar) .eventPage #EventDetail .dFlx .lftSd .eventList .item .eventBx .cntBx .flxTbx>.box .icon {
	width: 20px;
	height: 30px
}

html:lang(ar) .eventPage #Events .dFlx .lftSd .eventList .item .eventBx .cntBx .flxTbx>.box .txt,
html:lang(ar) .eventPage #EventDetail .dFlx .lftSd .eventList .item .eventBx .cntBx .flxTbx>.box .txt {
	width: auto;
	padding: 0px 3px 0px 0px
}

@media only screen and (min-width: 992px) {

	html:lang(ar) .eventPage #Events .dFlx .lftSd .eventList .item .eventBx .cntBx .flxTbx>.box .txt,
	html:lang(ar) .eventPage #EventDetail .dFlx .lftSd .eventList .item .eventBx .cntBx .flxTbx>.box .txt {
		padding: 0px 5px 0px 0px
	}
}

@media only screen and (min-width: 1200px) {

	html:lang(ar) .eventPage #Events .dFlx .lftSd .eventList .item .eventBx .cntBx .flxTbx>.box .txt,
	html:lang(ar) .eventPage #EventDetail .dFlx .lftSd .eventList .item .eventBx .cntBx .flxTbx>.box .txt {
		padding: 0px 10px 0px 0px
	}
}

@media only screen and (min-width: 1451px) {

	html:lang(ar) .eventPage #Events .dFlx .lftSd .eventList .item .eventBx .cntBx .flxTbx>.box .txt,
	html:lang(ar) .eventPage #EventDetail .dFlx .lftSd .eventList .item .eventBx .cntBx .flxTbx>.box .txt {
		padding: 0px 15px 0px 0px
	}
}

html:lang(ar) .eventPage #Events .dFlx .lftSd .eventList .item .eventBx .cntBx .flxBTx .box,
html:lang(ar) .eventPage #EventDetail .dFlx .lftSd .eventList .item .eventBx .cntBx .flxBTx .box {
	margin: 0px 0px 0px 10px
}

@media only screen and (min-width: 576px) {

	html:lang(ar) .eventPage #Events .dFlx .lftSd .eventList .item .eventBx .cntBx .flxBTx .box,
	html:lang(ar) .eventPage #EventDetail .dFlx .lftSd .eventList .item .eventBx .cntBx .flxBTx .box {
		margin: 0px 0px 0px 20px
	}
}

@media only screen and (min-width: 992px) {

	html:lang(ar) .eventPage #Events .dFlx .lftSd .eventList .item .eventBx .cntBx .flxBTx .box,
	html:lang(ar) .eventPage #EventDetail .dFlx .lftSd .eventList .item .eventBx .cntBx .flxBTx .box {
		margin: 0px 0px 0px 30px
	}
}

@media only screen and (min-width: 1451px) {

	html:lang(ar) .eventPage #Events .dFlx .lftSd .eventList .item .eventBx .cntBx .flxBTx .box,
	html:lang(ar) .eventPage #EventDetail .dFlx .lftSd .eventList .item .eventBx .cntBx .flxBTx .box {
		margin: 0px 0px 0px 50px
	}
}

html:lang(ar) .eventPage #Events .dFlx .lftSd .eventList .item .eventBx .cntBx .flxBTx .box:last-child,
html:lang(ar) .eventPage #EventDetail .dFlx .lftSd .eventList .item .eventBx .cntBx .flxBTx .box:last-child {
	margin-right: 0
}

html:lang(ar) .eventPage #Events .dFlx .lftSd .eventList .item .eventBx .cntBx .flxBTx .box .txt,
html:lang(ar) .eventPage #EventDetail .dFlx .lftSd .eventList .item .eventBx .cntBx .flxBTx .box .txt {
	padding: 0px 3px 0px 0px
}

@media only screen and (min-width: 992px) {

	html:lang(ar) .eventPage #Events .dFlx .lftSd .eventList .item .eventBx .cntBx .flxBTx .box .txt,
	html:lang(ar) .eventPage #EventDetail .dFlx .lftSd .eventList .item .eventBx .cntBx .flxBTx .box .txt {
		padding: 0px 5px 0px 0px
	}
}

@media only screen and (min-width: 1200px) {

	html:lang(ar) .eventPage #Events .dFlx .lftSd .eventList .item .eventBx .cntBx .flxBTx .box .txt,
	html:lang(ar) .eventPage #EventDetail .dFlx .lftSd .eventList .item .eventBx .cntBx .flxBTx .box .txt {
		padding: 0px 10px 0px 0px
	}
}

@media only screen and (min-width: 1451px) {

	html:lang(ar) .eventPage #Events .dFlx .lftSd .eventList .item .eventBx .cntBx .flxBTx .box .txt,
	html:lang(ar) .eventPage #EventDetail .dFlx .lftSd .eventList .item .eventBx .cntBx .flxBTx .box .txt {
		padding: 0px 15px 0px 0px
	}
}

html:lang(ar) .eventPage #Events .dFlx .ritSd .recentList .item .flx .rit,
html:lang(ar) .eventPage #EventDetail .dFlx .ritSd .recentList .item .flx .rit {
	padding: 0px 8px 0px 0px
}

@media only screen and (min-width: 576px) {

	html:lang(ar) .eventPage #Events .dFlx .ritSd .recentList .item .flx .rit,
	html:lang(ar) .eventPage #EventDetail .dFlx .ritSd .recentList .item .flx .rit {
		padding: 0px 10px 0px 0px
	}
}

@media only screen and (min-width: 1451px) {

	html:lang(ar) .eventPage #Events .dFlx .ritSd .recentList .item .flx .rit,
	html:lang(ar) .eventPage #EventDetail .dFlx .ritSd .recentList .item .flx .rit {
		padding: 0px 15px 0px 0px
	}
}

html:lang(ar) .eventPage #Events .dFlx .ritSd .upcomingList .item .dFlx .bookBx,
html:lang(ar) .eventPage #EventDetail .dFlx .ritSd .upcomingList .item .dFlx .bookBx {
	padding: 0px 8px 0px 0px
}

@media only screen and (min-width: 576px) {

	html:lang(ar) .eventPage #Events .dFlx .ritSd .upcomingList .item .dFlx .bookBx,
	html:lang(ar) .eventPage #EventDetail .dFlx .ritSd .upcomingList .item .dFlx .bookBx {
		padding: 0px 10px 0px 0px
	}
}

@media only screen and (min-width: 1200px) {

	html:lang(ar) .eventPage #Events .dFlx .ritSd .upcomingList .item .dFlx .bookBx,
	html:lang(ar) .eventPage #EventDetail .dFlx .ritSd .upcomingList .item .dFlx .bookBx {
		padding: 0px 15px 0px 0px
	}
}

html:lang(ar) .eventPage #Events .author .rit,
html:lang(ar) .eventPage #EventDetail .author .rit {
	padding: 0
}

@media only screen and (min-width: 576px) {

	html:lang(ar) .eventPage #Events .author .rit,
	html:lang(ar) .eventPage #EventDetail .author .rit {
		padding: 0px 20px 0px 0px
	}
}

@media only screen and (min-width: 992px) {

	html:lang(ar) .eventPage #Events .author .rit,
	html:lang(ar) .eventPage #EventDetail .author .rit {
		padding: 0px 30px 0px 0px
	}
}

html:lang(ar) .eventPage #EventDetail .cntBx {
	padding-right: 0
}

html:lang(ar) #faqSec .faqBx .accordion-item .accordion-header .accordion-button::after {
	position: absolute;
	right: auto;
	left: 0;
	margin-right: 30px
}

@media only screen and (min-width: 400px) {
	html:lang(ar) #faqSec .faqBx .accordion-item .accordion-header .accordion-button::after {
		margin-right: auto;
		margin-left: 0
	}
}

html:lang(ar) .CmnformOtp .formBx form .flxBtns .lfsd {
	align-items: center
}

html:lang(ar) .CmnformOtp .formBx form .flxBtns .lfsd .icon {
	height: unset !important
}

html:lang(ar) .CmnformOtp .formBx form .flxBtns .lfsd .txt {
	padding: 0px 10px 0px 0px
}

html:lang(ar) .freepassPage #BannerSec .bannerImg::after {
	left: auto;
	right: 0
}

@media only screen and (max-width: 992px) {
	html:lang(ar) .freepassPage #BannerSec .bannerImg .bannerCnt {
		position: absolute;
		left: auto;
		right: 10px;
		top: 0;
		bottom: 0;
		margin: auto;
		height: fit-content
	}
}

@media only screen and (min-width: 992px) {
	html:lang(ar) .freepassPage #BannerSec .bannerImg .bannerCnt {
		left: auto;
		right: 20px
	}
}

@media only screen and (min-width: 1200px) {
	html:lang(ar) .freepassPage #BannerSec .bannerImg .bannerCnt {
		left: auto;
		right: 60px
	}
}

@media only screen and (min-width: 1451px) {
	html:lang(ar) .freepassPage #BannerSec .bannerImg .bannerCnt {
		left: auto;
		right: 230px
	}
}

html:lang(ar) .freepassPage #Spirit .dFlx .rtSd {
	padding: 0
}

@media only screen and (min-width: 992px) {
	html:lang(ar) .freepassPage #Spirit .dFlx .rtSd {
		padding: 0px 40px 0px 0px
	}
}

@media only screen and (min-width: 1200px) {
	html:lang(ar) .freepassPage #Spirit .dFlx .rtSd {
		padding: 0px 80px 0px 0px
	}
}

@media only screen and (min-width: 1451px) {
	html:lang(ar) .freepassPage #Spirit .dFlx .rtSd {
		padding: 0px 160px 0px 0px
	}
}

html:lang(ar) .freepassPage #Sliders .sliderList .itemBx ul {
	padding-right: 25px
}

html:lang(ar) .freepassPage #Sliders .sliderList .itemBx ul li {
	padding: 0px 0px 0px 25px
}

@media only screen and (min-width: 576px) {
	html:lang(ar) .freepassPage #Sliders .sliderList .itemBx ul li {
		padding: 0px 0px 0px 30px
	}
}

@media only screen and (min-width: 992px) {
	html:lang(ar) .freepassPage #Sliders .sliderList .itemBx ul li {
		padding: 0px 0px 0px 40px
	}
}

html:lang(ar) .freepassPage #regForm .formSec .btnFlx .lftB .flBX label {
	padding: 0px 28px 0px 0px
}

@media only screen and (min-width: 1200px) {
	html:lang(ar) .freepassPage #regForm .formSec .btnFlx .lftB .flBX label {
		padding: 0px 35px 0px 0px
	}
}

@media only screen and (min-width: 1441px) {
	html:lang(ar) .freepassPage #regForm .formSec .btnFlx .lftB .flBX label {
		padding: 0px 45px 0px 0px
	}
}

html:lang(ar) .freepassPage #regForm .formSec .btnFlx .lftB .flBX label::before {
	left: auto;
	right: 0
}

html:lang(ar) .freepassPage #regForm .formSec .btnFlx .lftB .flBX label::after {
	left: auto;
	right: 0
}

html:lang(ar) .eventBookingDetail .bookingBx .dtailBx .close {
	right: auto;
	left: 25px
}

@media only screen and (min-width: 768px) {
	html:lang(ar) .eventBookingDetail .bookingBx .dtailBx .close {
		right: auto;
		left: 30px
	}
}

@media only screen and (min-width: 1200px) {
	html:lang(ar) .eventBookingDetail .bookingBx .dtailBx .close {
		right: auto;
		left: 40px
	}
}

@media only screen and (min-width: 1441px) {
	html:lang(ar) .eventBookingDetail .bookingBx .dtailBx .close {
		right: auto;
		left: 60px
	}
}

@media only screen and (min-width: 468px) {
	html:lang(ar) .eventBookingDetail .bookingBx .dtailBx .flxTp .ltB .imgBx .txtB {
		padding: 0px 20px 0px 0px
	}
}

@media only screen and (min-width: 768px) {
	html:lang(ar) .eventBookingDetail .bookingBx .dtailBx .flxTp .ltB .imgBx .txtB {
		padding: 0
	}
}

@media only screen and (min-width: 992px) {
	html:lang(ar) .eventBookingDetail .bookingBx .dtailBx .flxTp .ltB .imgBx .txtB {
		padding: 0px 20px 0px 0px
	}
}

@media only screen and (min-width: 1200px) {
	html:lang(ar) .eventBookingDetail .bookingBx .dtailBx .flxTp .ltB .imgBx .txtB {
		padding: 0px 30px 0px 0px
	}
}

@media only screen and (min-width: 1441px) {
	html:lang(ar) .eventBookingDetail .bookingBx .dtailBx .flxTp .ltB .imgBx .txtB {
		padding: 0px 35px 0px 0px
	}
}

@media only screen and (min-width: 1661px) {
	html:lang(ar) .eventBookingDetail .bookingBx .dtailBx .flxTp .ltB .imgBx .txtB {
		padding: 0px 41px 0px 0px
	}
}

@media only screen and (min-width: 768px) {
	html:lang(ar) .eventBookingDetail .bookingBx .dtailBx .flxTp .rtB {
		padding: 0px 20px 0px 0px
	}
}

@media only screen and (min-width: 1200px) {
	html:lang(ar) .eventBookingDetail .bookingBx .dtailBx .flxTp .rtB {
		padding: 0px 40px 0px 0px
	}
}

@media only screen and (min-width: 1441px) {
	html:lang(ar) .eventBookingDetail .bookingBx .dtailBx .flxTp .rtB {
		padding: 0px 60px 0px 0px
	}
}

html:lang(ar) .eventBookingDetail .bookingBx .dtailBx .flxTp .rtB .cntBx .itm .txt {
	padding: 0px 15px 0px 0px
}

html:lang(ar) .eventBookingDetail .bookingBx .dtailBx .formBx form .btnFlx .lftB .flBX label::before {
	top: 0
}

html:lang(ar) .eventBookingDetail .bookingBx .dtailBx .formBx form .btnFlx .lftB .flBX label::after {
	top: 0
}

html:lang(ar) .eventBookingDetail #eventBookingDetailSec .bookingBx .bgImg {
	left: 0;
	right: auto
}

html:lang(ar) .eventBookingDetail #eventBookingDetailSec .bookingBx .dtailBx .close {
	right: auto;
	left: 25px
}

@media only screen and (min-width: 768px) {
	html:lang(ar) .eventBookingDetail #eventBookingDetailSec .bookingBx .dtailBx .close {
		right: auto;
		left: 30px
	}
}

@media only screen and (min-width: 1200px) {
	html:lang(ar) .eventBookingDetail #eventBookingDetailSec .bookingBx .dtailBx .close {
		right: auto;
		left: 40px
	}
}

@media only screen and (min-width: 1441px) {
	html:lang(ar) .eventBookingDetail #eventBookingDetailSec .bookingBx .dtailBx .close {
		right: auto;
		left: 60px
	}
}

@media only screen and (max-width: 576px) {
	html:lang(ar) .eventBookingDetail #eventBookingDetailSec .bookingBx .dtailBx .Mtitle {
		max-width: 280px;
		line-height: 1.5
	}
}

html:lang(ar) .eventBookingDetail #eventBookingDetailSec .bookingBx .dtailBx .btnFlx .lftB .flBX label {
	padding: 0px 28px 0px 0px
}

@media only screen and (min-width: 1200px) {
	html:lang(ar) .eventBookingDetail #eventBookingDetailSec .bookingBx .dtailBx .btnFlx .lftB .flBX label {
		padding: 0px 35px 0px 0px
	}
}

@media only screen and (min-width: 1441px) {
	html:lang(ar) .eventBookingDetail #eventBookingDetailSec .bookingBx .dtailBx .btnFlx .lftB .flBX label {
		padding: 0px 45px 0px 0px
	}
}

html:lang(ar) .eventBookingDetail #eventBookingDetailSec .bookingBx .dtailBx .btnFlx .lftB .flBX label::before {
	top: 0;
	left: auto;
	right: 0
}

html:lang(ar) .eventBookingDetail #eventBookingDetailSec .bookingBx .dtailBx .btnFlx .lftB .flBX label::after {
	top: 0;
	left: auto;
	right: 0
}

html:lang(ar) .personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .rit {
	padding: 0px 10px 0px 0px
}

@media only screen and (min-width: 576px) {
	html:lang(ar) .personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .rit {
		padding: 0px 20px 0px 0px
	}
}

@media only screen and (min-width: 992px) {
	html:lang(ar) .personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .rit {
		padding: 10px 50px 0px 0px
	}
}

@media only screen and (min-width: 1200px) {
	html:lang(ar) .personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .rit {
		padding: 10px 60px 0px 0px
	}
}

html:lang(ar) .personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .rit .cntBx .flx .icon {
	height: unset
}

html:lang(ar) .personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .rit .cntBx .flx .txt {
	padding: 0px 10px 0px 0px
}

@media only screen and (min-width: 576px) {
	html:lang(ar) .personaltrainingPage #CoachingDeatil .coachBx .topBx .dFlx .rit .cntBx .flx .txt {
		padding: 0px 15px 0px 0px
	}
}

html:lang(ar) .personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .accordion-button::after {
	margin-right: auto;
	margin-left: 0
}

html:lang(ar) .personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .ckCntWrap ul li {
	padding: 0px 20px 0px 0px
}

html:lang(ar) .personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .ckCntWrap ul li::before {
	left: auto;
	right: 0;
	top: 4px
}

@media only screen and (min-width: 1451px) {
	html:lang(ar) .personaltrainingPage #CoachingDeatil .coachBx .mdBX .CoachingSpecs .ckCntWrap ul li::before {
		top: 8px
	}
}

html:lang(ar) .membershipPage #Features .featList .item .featBx .icon {
	height: unset
}

html:lang(ar) .membershipPage #Membplans .tlWrap .filterWrap {
	padding: 0px 0px 0px 0px
}

@media only screen and (min-width: 576px) {
	html:lang(ar) .membershipPage #Membplans .tlWrap .filterWrap {
		padding: 0px 10px 0px 0px
	}
}

@media only screen and (min-width: 992px) {
	html:lang(ar) .membershipPage #Membplans .tlWrap .filterWrap {
		padding: 0px 15px 0px 0px
	}
}

html:lang(ar) .membershipPage #Membplans .tlWrap .filterWrap .cmnlocation .dropdown-toggle {
	display: flex;
	align-items: center
}

html:lang(ar) .membershipPage #Membplans .tlWrap .filterWrap .cmnlocation .dropdown-toggle::before {
	left: auto;
	right: 20px
}

@media only screen and (min-width: 768px) {
	html:lang(ar) .membershipPage #Membplans .tlWrap .filterWrap .cmnlocation .dropdown-toggle::before {
		top: unset;
		left: auto;
		right: 30px
	}
}

html:lang(ar) .membershipPage #Membplans .tlWrap .filterWrap .cmnlocation .filter-option-inner-inner {
	padding: 0px 0px 0px 20px
}

html:lang(ar) .membershipPage #Membplans .planList .item .planBx .flBX label {
	padding: 0px 28px 0px 0px
}

@media only screen and (min-width: 576px) {
	html:lang(ar) .membershipPage #Membplans .planList .item .planBx .flBX label {
		padding: 0px 25px 0px 0px
	}
}

@media only screen and (min-width: 1441px) {
	html:lang(ar) .membershipPage #Membplans .planList .item .planBx .flBX label {
		padding: 0px 35px 0px 0px
	}
}

html:lang(ar) .membershipPage #Membplans .planList .item .planBx .flBX label::before {
	top: unset;
	left: auto;
	right: 0;
	bottom: 0
}

html:lang(ar) .membershipPage #Membplans .planList .item .planBx .flBX label::after {
	top: unset;
	left: auto;
	right: 0;
	bottom: 0
}

html:lang(ar) .paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .lftSd {
	padding: 0px 0px 0px 30px
}

html:lang(ar) .paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .lftSd .txt {
	margin-bottom: 15px;
	padding: 0px 0px 0px 0px
}

@media only screen and (min-width: 576px) {
	html:lang(ar) .paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .lftSd .txt {
		padding: 0px 10px 0px 0px;
		margin-bottom: 0
	}
}

@media only screen and (min-width: 1200px) {
	html:lang(ar) .paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .lftSd .txt {
		padding: 0px 20px 0px 0px
	}
}

html:lang(ar) .paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .ritSd .inBx .ttl {
	text-align: right
}

html:lang(ar) .paymentPage #Payment .dFlx .btmBx .programList .item .prgmBx .ritSd .inBx .txt {
	text-align: left
}

html:lang(ar) .personaltrainingPage #CoachingTeam .filterWrap .cmnlocation .dropdown-toggle {
	display: flex;
	align-items: center
}

html:lang(ar) .personaltrainingPage #CoachingTeam .filterWrap .cmnlocation .dropdown-toggle::before {
	left: auto;
	right: 20px
}

@media only screen and (min-width: 768px) {
	html:lang(ar) .personaltrainingPage #CoachingTeam .filterWrap .cmnlocation .dropdown-toggle::before {
		top: unset;
		left: auto;
		right: 30px
	}
}

html:lang(ar) .personaltrainingPage #CoachingTeam .filterWrap .cmnlocation .filter-option-inner-inner {
	padding: 0px 0px 0px 20px
}

html:lang(ar) .privacyPage ul li .icon {
	margin: 0px 0px 0px 12px
}

html:lang(ar) .privacyPage .cnct::before {
	left: auto;
	right: 0
}

html:lang(ar) .privacyPage .cnct .icon {
	margin: 0px 0px 0px 20px
}

html:lang(ar) .testimonialPage .testiList .testBx .cntSec .thumbWrap .rit {
	padding: 0px 10px 0px 0px
}

@media only screen and (min-width: 576px) {
	html:lang(ar) .testimonialPage .testiList .testBx .cntSec .thumbWrap .rit {
		padding: 0px 15px 0px 0px
	}
}

@media only screen and (min-width: 1200px) {
	html:lang(ar) .testimonialPage .testiList .testBx .cntSec .thumbWrap .rit {
		padding: 0px 30px 0px 0px
	}
}

html:lang(ar) .trainingcoachingPage #PrsnlTraining .dFlx .lftSd::before {
	left: auto;
	right: 0
}

html:lang(ar) .trainingcoachingPage #PrsnlTraining .dFlx .rtSd {
	padding: 0px
}

@media only screen and (min-width: 992px) {
	html:lang(ar) .trainingcoachingPage #PrsnlTraining .dFlx .rtSd {
		padding: 0px 15px 0px 0px
	}
}

@media only screen and (min-width: 1200px) {
	html:lang(ar) .trainingcoachingPage #PrsnlTraining .dFlx .rtSd {
		padding: 0px 25px 0px 0px
	}
}

@media only screen and (min-width: 1451px) {
	html:lang(ar) .trainingcoachingPage #PrsnlTraining .dFlx .rtSd {
		padding: 0px 35px 0px 0px
	}
}

html:lang(ar) .trainingcoachingPage #ProcsInvolve .trainingInvolved .item::before {
	left: auto;
	right: 100%
}

html:lang(ar) .trainingcoachingPage #ProcsInvolve .trainingInvolved .item::after {
	left: auto;
	right: 100%
}

html:lang(ar) .trainingcoachingPage #ProcsInvolve .trainingInvolved .owl-nav button span {
	transform: rotate(180deg)
}

html:lang(ar) .trainingcoachingPage #ProcsInvolve .trainingInvolved .owl-nav button.owl-prev span {
	transform: none
}

html:lang(ar) .CareerPage .Career-popup .modal-dialog .modal-body .formBx .frmFlx .row .rit {
	left: 0;
	right: auto
}

html:lang(ar) .pagination li {
	margin: 0px 0px 0px 10px;
	transition: all .4s
}

@media only screen and (min-width: 576px) {
	html:lang(ar) .pagination li {
		margin: 0px 0px 0px 15px
	}
}

@media only screen and (min-width: 992px) {
	html:lang(ar) .pagination li {
		margin: 0px 0px 0px 18px
	}
}

html:lang(ar) .pagination li:last-child {
	-webkit-transform: scaleX(-1);
	margin-right: 0
}

html:lang(ar) .contactPage #contactSec .formBx .form-group.phn .form-control {
	padding: 0px 55px 0px 0px
}

@media only screen and (min-width: 992px) {
	html:lang(ar) .contactPage #contactSec .formBx .form-group.phn .form-control {
		padding: 0px 65px 0px 20px
	}
}

html:lang(ar) .contactPage #contactSec .formBx .form-group.phn .txt {
	padding-left: 0;
	padding: 0px 20px 0px 0px !important
}

html:lang(ar) .contactPage #contactSec .formBx .flxBx .ritB .form-group.phn .iti--separate-dial-code .iti__selected-flag .iti__arrow {
	position: absolute;
	left: -5px
}

html:lang(ar) .contactPage #contactSec .formBx .flxBx .ritB .form-group .select2-selection .select2-selection__rendered {
	text-align: right;
	padding: 0px 15px 0px 0px !important
}

@media only screen and (min-width: 1200px) {
	html:lang(ar) .contactPage #contactSec .formBx .flxBx .ritB .form-group .select2-selection .select2-selection__rendered {
		padding: 0px 27px 0px 0px !important
	}
}

html:lang(ar) .contactPage #contactSec .formBx .flxBx .ritB .form-group .select2-selection--single .select2-selection__arrow {
	left: 15px !important;
	right: auto !important
}

@media only screen and (min-width: 576px) {
	html:lang(ar) .contactPage #contactSec .formBx .flxBx .ritB .form-group .select2-selection--single .select2-selection__arrow {
		top: 5px;
		left: 30px !important
	}
}

@media only screen and (min-width: 468px) {
	html:lang(ar) .eventBookingDetail #eventBookingDetailSec .bookingBx .dtailBx .flxTp .ltB .imgBx .txtB {
		padding: 0px 20px 0px 0px
	}
}

@media only screen and (min-width: 768px) {
	html:lang(ar) .eventBookingDetail #eventBookingDetailSec .bookingBx .dtailBx .flxTp .ltB .imgBx .txtB {
		padding: 0px 0px 0px 0px
	}
}

@media only screen and (min-width: 992px) {
	html:lang(ar) .eventBookingDetail #eventBookingDetailSec .bookingBx .dtailBx .flxTp .ltB .imgBx .txtB {
		padding: 0px 20px 0px 0px
	}
}

@media only screen and (min-width: 1200px) {
	html:lang(ar) .eventBookingDetail #eventBookingDetailSec .bookingBx .dtailBx .flxTp .ltB .imgBx .txtB {
		padding: 0px 30px 0px 0px
	}
}

@media only screen and (min-width: 1441px) {
	html:lang(ar) .eventBookingDetail #eventBookingDetailSec .bookingBx .dtailBx .flxTp .ltB .imgBx .txtB {
		padding: 0px 35px 0px 0px
	}
}

@media only screen and (min-width: 1661px) {
	html:lang(ar) .eventBookingDetail #eventBookingDetailSec .bookingBx .dtailBx .flxTp .ltB .imgBx .txtB {
		padding: 0px 41px 0px 0px
	}
}

@media only screen and (min-width: 768px) {
	html:lang(ar) .eventBookingDetail #eventBookingDetailSec .bookingBx .dtailBx .flxTp .rtB {
		padding: 0px 20px 0px 0px
	}
}

@media only screen and (min-width: 1200px) {
	html:lang(ar) .eventBookingDetail #eventBookingDetailSec .bookingBx .dtailBx .flxTp .rtB {
		padding: 0px 40px 0px 0px
	}
}

@media only screen and (min-width: 1441px) {
	html:lang(ar) .eventBookingDetail #eventBookingDetailSec .bookingBx .dtailBx .flxTp .rtB {
		padding: 0px 60px 0px 0px
	}
}

html:lang(ar) .eventBookingDetail #eventBookingDetailSec .bookingBx .dtailBx .flxTp .rtB .cntBx .itm .txt {
	padding: 0px 15px 0px 0px
}

html:lang(ar) .classPage #faqSec .accordion .accordion-item .accordion-header .accordion-button::after {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	margin-right: 30px
}

@media only screen and (min-width: 400px) {
	html:lang(ar) .classPage #faqSec .accordion .accordion-item .accordion-header .accordion-button::after {
		margin-right: auto;
		margin-left: 0
	}
}

.bookfreepassPage {
	padding: 0
}

.bookfreepassPage .cmnTtl {
	font-size: 22px;
	line-height: 1;
	font-weight: 500;
	color: #fff
}

@media only screen and (min-width: 576px) {
	.bookfreepassPage .cmnTtl {
		font-size: 30px
	}
}

@media only screen and (min-width: 992px) {
	.bookfreepassPage .cmnTtl {
		font-size: 40px
	}
}

@media only screen and (min-width: 1200px) {
	.bookfreepassPage .cmnTtl {
		font-size: 50px
	}
}

@media only screen and (min-width: 1451px) {
	.bookfreepassPage .cmnTtl {
		font-size: 60px
	}
}

.bookfreepassPage .txt {
	font-size: 14px;
	line-height: 18px;
	font-weight: 300;
	color: #fff
}

@media only screen and (min-width: 576px) {
	.bookfreepassPage .txt {
		font-size: 16px;
		line-height: 22px
	}
}

@media only screen and (min-width: 1451px) {
	.bookfreepassPage .txt {
		font-size: 22px
	}
}

.bookfreepassPage #BannerSec {
	display: block;
	width: 100%
}

.bookfreepassPage #BannerSec .bannerImg {
	width: 100%;
	height: 40vh;
	position: relative;
	overflow: hidden
}

@media only screen and (min-width: 576px) {
	.bookfreepassPage #BannerSec .bannerImg {
		height: 55vh
	}
}

@media only screen and (min-width: 767px) {
	.bookfreepassPage #BannerSec .bannerImg {
		height: 100vh
	}
}

.bookfreepassPage #BannerSec .bannerImg img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.bookfreepassPage #BannerSec .bannerImg .claim {
	position: absolute;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
	bottom: 20px;
	background: #d20a09;
	border: none;
	height: 38px
}

@media only screen and (min-width: 576px) {
	.bookfreepassPage #BannerSec .bannerImg .claim {
		font-size: 16px
	}
}

@media only screen and (min-width: 992px) {
	.bookfreepassPage #BannerSec .bannerImg .claim {
		font-size: 18px;
		bottom: 50px;
		height: 44px;
		line-height: 1.8
	}
}

@media only screen and (min-width: 1200px) {
	.bookfreepassPage #BannerSec .bannerImg .claim {
		font-size: 20px
	}
}

@media only screen and (min-width: 1451px) {
	.bookfreepassPage #BannerSec .bannerImg .claim {
		font-size: 25px;
		height: 56px
	}
}

.bookfreepassPage #BannerSec .bannerImg .claim span {
	position: relative;
	padding-right: 25px;
	white-space: nowrap
}

@media only screen and (min-width: 1451px) {
	.bookfreepassPage #BannerSec .bannerImg .claim span {
		padding-right: 35px
	}
}

.bookfreepassPage #BannerSec .bannerImg .claim span::after {
	position: absolute;
	content: "";
	width: 16px;
	height: 20px;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url(../images/whiteDwnArrw.svg) right center no-repeat;
	background-size: contain
}

@media only screen and (min-width: 1451px) {
	.bookfreepassPage #BannerSec .bannerImg .claim span::after {
		width: 25px;
		height: 35px
	}
}

.bookfreepassPage #BannerSec .bannerImg .claim:hover {
	color: #d20a09
}

.bookfreepassPage #BannerSec .bannerImg .claim:hover span::after {
	filter: brightness(0) saturate(100%) invert(14%) sepia(95%) saturate(3376%) hue-rotate(351deg) brightness(94%) contrast(112%)
}

.bookfreepassPage #BannerSec .bannerCnt {
	position: absolute;
	left: 10px;
	top: 0;
	bottom: 0
}

@media only screen and (min-width: 992px) {
	.bookfreepassPage #BannerSec .bannerCnt {
		left: 20px
	}
}

@media only screen and (min-width: 1200px) {
	.bookfreepassPage #BannerSec .bannerCnt {
		left: 60px
	}
}

@media only screen and (min-width: 1451px) {
	.bookfreepassPage #BannerSec .bannerCnt {
		left: 230px
	}
}

.bookfreepassPage #BannerSec .bannerCnt .flxBx {
	padding: 20px 0px 0px;
	position: relative;
	z-index: 1
}

@media only screen and (min-width: 576px) {
	.bookfreepassPage #BannerSec .bannerCnt .flxBx {
		padding: 40px 0px 0px
	}
}

@media only screen and (min-width: 768px) {
	.bookfreepassPage #BannerSec .bannerCnt .flxBx {
		padding: 90px 0px 0px
	}
}

@media only screen and (min-width: 1200px) {
	.bookfreepassPage #BannerSec .bannerCnt .flxBx {
		padding: 100px 0px 0px
	}
}

@media only screen and (min-width: 1451px) {
	.bookfreepassPage #BannerSec .bannerCnt .flxBx {
		padding: 120px 0px 0px
	}
}

@media only screen and (min-width: 1751px) {
	.bookfreepassPage #BannerSec .bannerCnt .flxBx {
		padding: 170px 0px 0px
	}
}

.bookfreepassPage #BannerSec .bannerCnt .flxBx .mainT {
	max-width: 240px;
	font-size: 36px;
	line-height: 36px;
	font-weight: 700;
	font-style: italic;
	color: #fff;
	margin-bottom: 5px
}

@media only screen and (min-width: 576px) {
	.bookfreepassPage #BannerSec .bannerCnt .flxBx .mainT {
		max-width: 320px;
		font-size: 54px;
		line-height: 50px;
		margin-bottom: 10px
	}
}

@media only screen and (min-width: 768px) {
	.bookfreepassPage #BannerSec .bannerCnt .flxBx .mainT {
		max-width: 350px;
		font-size: 70px;
		line-height: 50px;
		margin-bottom: 15px
	}
}

@media only screen and (min-width: 992px) {
	.bookfreepassPage #BannerSec .bannerCnt .flxBx .mainT {
		max-width: 410px;
		font-size: 80px;
		line-height: 65px;
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 1200px) {
	.bookfreepassPage #BannerSec .bannerCnt .flxBx .mainT {
		max-width: 610px;
		font-size: 90px;
		line-height: 75px;
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1451px) {
	.bookfreepassPage #BannerSec .bannerCnt .flxBx .mainT {
		font-size: 120px;
		line-height: 95px;
		margin-bottom: 40px
	}
}

@media only screen and (min-width: 1751px) {
	.bookfreepassPage #BannerSec .bannerCnt .flxBx .mainT {
		font-size: 150px;
		line-height: 160px;
		margin-bottom: 50px
	}
}

.bookfreepassPage #BannerSec .bannerCnt .flxBx .mainT span {
	font-size: 18px;
	font-weight: 500;
	font-style: italic;
	color: #fff
}

@media only screen and (min-width: 576px) {
	.bookfreepassPage #BannerSec .bannerCnt .flxBx .mainT span {
		font-size: 22px
	}
}

@media only screen and (min-width: 768px) {
	.bookfreepassPage #BannerSec .bannerCnt .flxBx .mainT span {
		font-size: 28px
	}
}

@media only screen and (min-width: 992px) {
	.bookfreepassPage #BannerSec .bannerCnt .flxBx .mainT span {
		font-size: 38px
	}
}

@media only screen and (min-width: 1200px) {
	.bookfreepassPage #BannerSec .bannerCnt .flxBx .mainT span {
		font-size: 50px
	}
}

.bookfreepassPage #BannerSec .bannerCnt .flxBx .sbttl {
	font-size: 18px;
	line-height: 23px;
	font-weight: 400;
	color: #fff
}

@media only screen and (min-width: 576px) {
	.bookfreepassPage #BannerSec .bannerCnt .flxBx .sbttl {
		font-size: 20px;
		line-height: 27px
	}
}

@media only screen and (min-width: 768px) {
	.bookfreepassPage #BannerSec .bannerCnt .flxBx .sbttl {
		font-size: 26px;
		line-height: 30px
	}
}

@media only screen and (min-width: 992px) {
	.bookfreepassPage #BannerSec .bannerCnt .flxBx .sbttl {
		font-size: 32px;
		line-height: 40px
	}
}

@media only screen and (min-width: 1200px) {
	.bookfreepassPage #BannerSec .bannerCnt .flxBx .sbttl {
		font-size: 40px;
		line-height: 50px
	}
}

.bookfreepassPage .title {
	font-weight: 500;
	color: #fff;
	text-align: center;
	font-size: 25px;
	margin-bottom: 10px
}

@media only screen and (min-width: 767px) {
	.bookfreepassPage .title {
		font-size: 35px
	}
}

@media only screen and (min-width: 1200px) {
	.bookfreepassPage .title {
		font-size: 45px
	}
}

@media only screen and (min-width: 1451px) {
	.bookfreepassPage .title {
		font-size: 65px
	}
}

.bookfreepassPage p {
	font-weight: 400;
	color: #fff;
	text-align: center;
	font-size: 12px;
	line-height: 1.4
}

@media only screen and (min-width: 767px) {
	.bookfreepassPage p {
		font-size: 14px
	}
}

@media only screen and (min-width: 1200px) {
	.bookfreepassPage p {
		font-size: 15px
	}
}

@media only screen and (min-width: 1451px) {
	.bookfreepassPage p {
		font-size: 18px
	}
}

.bookfreepassPage #GetFreePass {
	display: block;
	width: 100%;
	height: auto;
	background: #0e0e0e;
	padding-block: 25px
}

@media only screen and (min-width: 767px) {
	.bookfreepassPage #GetFreePass {
		padding-block: 45px
	}
}

@media only screen and (min-width: 1200px) {
	.bookfreepassPage #GetFreePass {
		padding-block: 65px
	}
}

@media only screen and (min-width: 1451px) {
	.bookfreepassPage #GetFreePass {
		padding-block: 85px
	}
}

.bookfreepassPage #GetFreePass .formBx {
	border-radius: 20px;
	overflow: hidden;
	background: #16171b;
	padding: 25px 20px;
	margin-top: 25px;
	width: 100%;
	margin-inline: auto
}

@media only screen and (min-width: 768px) {
	.bookfreepassPage #GetFreePass .formBx {
		padding: 30px 30px;
		margin-top: 35px;
		width: 80%
	}
}

@media only screen and (min-width: 992px) {
	.bookfreepassPage #GetFreePass .formBx {
		padding: 30px 40px
	}
}

@media only screen and (min-width: 1200px) {
	.bookfreepassPage #GetFreePass .formBx {
		padding: 35px 60px 50px;
		margin-top: 45px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #GetFreePass .formBx {
		padding: 45px 100px 70px 70px;
		margin-top: 65px
	}
}

.bookfreepassPage #GetFreePass .formBx .row {
	margin: 0 -40px
}

.bookfreepassPage #GetFreePass .formBx .row>* {
	padding: 0 40px
}

.bookfreepassPage #GetFreePass .formBx .form-group {
	margin-bottom: 15px
}

@media only screen and (min-width: 768px) {
	.bookfreepassPage #GetFreePass .formBx .form-group {
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 992px) {
	.bookfreepassPage #GetFreePass .formBx .form-group {
		margin-bottom: 25px
	}
}

@media only screen and (min-width: 1200px) {
	.bookfreepassPage #GetFreePass .formBx .form-group {
		margin-bottom: 18px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #GetFreePass .formBx .form-group {
		margin-bottom: 45px
	}
}

.bookfreepassPage #GetFreePass .formBx .form-group label {
	font-weight: 400;
	color: #fff;
	font-size: 14px
}

@media only screen and (min-width: 767px) {
	.bookfreepassPage #GetFreePass .formBx .form-group label {
		font-size: 15px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #GetFreePass .formBx .form-group label {
		font-size: 20px
	}
}

.bookfreepassPage #GetFreePass .formBx .form-control {
	border: none;
	border-bottom: solid 1px hsla(0, 0%, 100%, .46);
	background: rgba(0, 0, 0, 0);
	padding: 10px 0;
	font-weight: 20px;
	font-weight: 400;
	color: #fff;
	font-size: 14px;
	height: 45px;
	transition: all .4s
}

@media only screen and (min-width: 767px) {
	.bookfreepassPage #GetFreePass .formBx .form-control {
		font-size: 15px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #GetFreePass .formBx .form-control {
		font-size: 20px
	}
}

.bookfreepassPage #GetFreePass .formBx .form-control::placeholder {
	font-weight: 400;
	color: #fff;
	font-size: 14px;
	transition: all .4s
}

@media only screen and (min-width: 767px) {
	.bookfreepassPage #GetFreePass .formBx .form-control::placeholder {
		font-size: 15px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #GetFreePass .formBx .form-control::placeholder {
		font-size: 20px
	}
}

.bookfreepassPage #GetFreePass .formBx .form-control:focus {
	color: #d20a09;
	border-bottom: 1px solid #d20a09
}

.bookfreepassPage #GetFreePass .formBx .form-control:focus::placeholder {
	color: #d20a09
}

.bookfreepassPage #GetFreePass .formBx .select2 .select2-selection {
	background-color: rgba(0, 0, 0, 0) !important;
	border-bottom: solid 1px hsla(0, 0%, 100%, .46);
	height: 45px !important
}

.bookfreepassPage #GetFreePass .formBx .select2 .select2-selection .select2-selection__rendered {
	padding-left: 0 !important
}

.bookfreepassPage #GetFreePass .formBx .help-block {
	position: unset;
	margin-top: 6px
}

.bookfreepassPage #GetFreePass .formBx .phn {
	display: flex;
	align-items: center;
	border-bottom: solid 1px hsla(0, 0%, 100%, .46);
	margin-bottom: 25px
}

.bookfreepassPage #GetFreePass .formBx .phn .txt {
	white-space: nowrap;
	color: #fff;
	font-size: 14px;
	margin-right: 10px
}

@media only screen and (min-width: 767px) {
	.bookfreepassPage #GetFreePass .formBx .phn .txt {
		font-size: 15px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #GetFreePass .formBx .phn .txt {
		font-size: 20px
	}
}

.bookfreepassPage #GetFreePass .formBx .phn .help-block {
	position: absolute
}

.bookfreepassPage #GetFreePass .formBx .phn:focus {
	border-bottom: 1px solid #d20a09
}

.bookfreepassPage #GetFreePass .formBx .phn:focus .txt {
	color: #d20a09
}

.bookfreepassPage #GetFreePass .formBx .phn .form-control {
	border-bottom: none
}

.bookfreepassPage #GetFreePass .formBx .phn .iti--separate-dial-code .iti__selected-flag {
	background: rgba(0, 0, 0, 0);
	flex-direction: row-reverse
}

.bookfreepassPage #GetFreePass .formBx .phn .iti--separate-dial-code .iti__selected-flag .iti__flag {
	display: none
}

.bookfreepassPage #GetFreePass .formBx .phn .iti--separate-dial-code .iti__selected-flag .iti__selected-dial-code {
	color: #fff;
	font-weight: 400;
	font-size: 14px
}

@media only screen and (min-width: 767px) {
	.bookfreepassPage #GetFreePass .formBx .phn .iti--separate-dial-code .iti__selected-flag .iti__selected-dial-code {
		font-size: 15px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #GetFreePass .formBx .phn .iti--separate-dial-code .iti__selected-flag .iti__selected-dial-code {
		font-size: 20px
	}
}

.bookfreepassPage #GetFreePass .formBx .phn .iti--separate-dial-code .iti__selected-flag .iti__arrow {
	border: none;
	background: url(../images/next.svg) no-repeat;
	background-position: center;
	width: 12px;
	height: 12px;
	margin-top: 5px;
	background-size: contain;
	filter: invert(1)
}

.bookfreepassPage #GetFreePass .formBx .txtA {
	margin-top: 20px
}

.bookfreepassPage #GetFreePass .formBx textarea.form-control {
	border-radius: 20px;
	border: solid 1px #707070;
	background: #222;
	min-height: 110px;
	padding: 15px;
	transition: all .4s
}

@media only screen and (min-width: 576px) {
	.bookfreepassPage #GetFreePass .formBx textarea.form-control {
		min-height: 120px;
		padding: 20px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #GetFreePass .formBx textarea.form-control {
		padding: 25px;
		min-height: 169px
	}
}

.bookfreepassPage #GetFreePass .formBx textarea.form-control:focus {
	border: 1px solid #d20a09
}

@media only screen and (min-width: 468px) {
	.bookfreepassPage #GetFreePass .formBx .btnFlx {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap
	}
}

.bookfreepassPage #GetFreePass .formBx .btnFlx .lftB {
	margin-bottom: 15px
}

@media only screen and (min-width: 468px) {
	.bookfreepassPage #GetFreePass .formBx .btnFlx .lftB {
		margin-bottom: 0
	}
}

.bookfreepassPage #GetFreePass .formBx .btnFlx .lftB .flBX {
	display: flex;
	align-items: center
}

.bookfreepassPage #GetFreePass .formBx .btnFlx .lftB .flBX input[type=checkbox] {
	visibility: hidden;
	display: none
}

.bookfreepassPage #GetFreePass .formBx .btnFlx .lftB .flBX input[type=checkbox]:checked~label::after {
	opacity: 1;
	visibility: visible
}

.bookfreepassPage #GetFreePass .formBx .btnFlx .lftB .flBX label {
	margin-bottom: 0;
	position: relative;
	font-weight: 400;
	color: #fff;
	padding-left: 28px;
	font-size: 14px;
	text-decoration: underline
}

@media only screen and (min-width: 768px) {
	.bookfreepassPage #GetFreePass .formBx .btnFlx .lftB .flBX label {
		font-size: 16px
	}
}

@media only screen and (min-width: 1200px) {
	.bookfreepassPage #GetFreePass .formBx .btnFlx .lftB .flBX label {
		font-size: 18px;
		padding-left: 35px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #GetFreePass .formBx .btnFlx .lftB .flBX label {
		font-size: 20px;
		padding-left: 45px
	}
}

.bookfreepassPage #GetFreePass .formBx .btnFlx .lftB .flBX label::before {
	content: "";
	position: absolute;
	left: 0;
	background: #fff;
	border: solid 1px #707070;
	width: 20px;
	height: 20px;
	top: -1px
}

@media only screen and (min-width: 1200px) {
	.bookfreepassPage #GetFreePass .formBx .btnFlx .lftB .flBX label::before {
		width: 22px;
		height: 22px;
		top: -3px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #GetFreePass .formBx .btnFlx .lftB .flBX label::before {
		top: -5px;
		width: 31px;
		height: 31px
	}
}

.bookfreepassPage #GetFreePass .formBx .btnFlx .lftB .flBX label::after {
	content: "";
	position: absolute;
	left: 0;
	background: url(../images/tik.svg) no-repeat;
	background-size: 15px;
	background-position: center;
	filter: invert(1);
	opacity: 0;
	visibility: hidden;
	width: 20px;
	height: 20px;
	top: -1px
}

@media only screen and (min-width: 1200px) {
	.bookfreepassPage #GetFreePass .formBx .btnFlx .lftB .flBX label::after {
		width: 22px;
		height: 22px;
		top: -3px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #GetFreePass .formBx .btnFlx .lftB .flBX label::after {
		top: -5px;
		width: 31px;
		height: 31px
	}
}

.bookfreepassPage #GetFreePass .formBx .btnFlx .ritB .send,
.bookfreepassPage #GetFreePass .formBx .btnFlx .ritB button {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background: #d20a09;
	font-weight: 500;
	color: #fff;
	width: 150px;
	height: 40px;
	font-size: 14px;
	border: none
}

@media only screen and (max-width: 468px) {

	.bookfreepassPage #GetFreePass .formBx .btnFlx .ritB .send,
	.bookfreepassPage #GetFreePass .formBx .btnFlx .ritB button {
		margin: 0 0 0 auto;
		width: 100%
	}
}

@media only screen and (min-width: 768px) {

	.bookfreepassPage #GetFreePass .formBx .btnFlx .ritB .send,
	.bookfreepassPage #GetFreePass .formBx .btnFlx .ritB button {
		font-size: 16px
	}
}

@media only screen and (min-width: 1200px) {

	.bookfreepassPage #GetFreePass .formBx .btnFlx .ritB .send,
	.bookfreepassPage #GetFreePass .formBx .btnFlx .ritB button {
		width: 140px;
		height: 40px;
		font-size: 15px
	}
}

@media only screen and (min-width: 1441px) {

	.bookfreepassPage #GetFreePass .formBx .btnFlx .ritB .send,
	.bookfreepassPage #GetFreePass .formBx .btnFlx .ritB button {
		font-size: 20px;
		width: 204px;
		height: 51px
	}
}

.bookfreepassPage #GetFreePass .formBx .btnFlx .ritB .send:hover,
.bookfreepassPage #GetFreePass .formBx .btnFlx .ritB button:hover {
	border: none
}

.bookfreepassPage #GetFreePass .formBx .btnFlx .ritB .send:hover::before,
.bookfreepassPage #GetFreePass .formBx .btnFlx .ritB button:hover::before {
	border: none
}

.bookfreepassPage #GetFreePass .formBx .btnFlx .ritB .sendMobile {
	display: flex
}

@media only screen and (min-width: 768px) {
	.bookfreepassPage #GetFreePass .formBx .btnFlx .ritB .sendMobile {
		display: none
	}
}

.bookfreepassPage #GetFreePass .formBx .btnFlx .ritB .sendDsktop {
	display: none
}

@media only screen and (min-width: 768px) {
	.bookfreepassPage #GetFreePass .formBx .btnFlx .ritB .sendDsktop {
		display: flex
	}
}

.bookfreepassPage #WhyHub {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 30px
}

@media only screen and (min-width: 768px) {
	.bookfreepassPage #WhyHub {
		margin-bottom: 80px
	}
}

@media only screen and (min-width: 1200px) {
	.bookfreepassPage #WhyHub {
		margin-bottom: 100px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #WhyHub {
		margin-bottom: 124px
	}
}

.bookfreepassPage #WhyHub .headBx {
	margin-bottom: 30px
}

@media only screen and (min-width: 768px) {
	.bookfreepassPage #WhyHub .headBx {
		margin-bottom: 40px
	}
}

@media only screen and (min-width: 1200px) {
	.bookfreepassPage #WhyHub .headBx {
		margin-bottom: 55px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #WhyHub .headBx {
		margin-bottom: 70px
	}
}

.bookfreepassPage #WhyHub .headBx p:last-child {
	margin-bottom: 0
}

.bookfreepassPage #WhyHub .swiper-slide {
	display: flex;
	height: auto;
	align-self: stretch
}

.bookfreepassPage #WhyHub .WhyHubBx {
	width: 100%;
	height: 100%;
	background: #000;
	padding: 20px 15px
}

@media only screen and (min-width: 768px) {
	.bookfreepassPage #WhyHub .WhyHubBx {
		padding: 30px 20px
	}
}

@media only screen and (min-width: 1200px) {
	.bookfreepassPage #WhyHub .WhyHubBx {
		padding: 35px 40px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #WhyHub .WhyHubBx {
		padding: 44px 32px
	}
}

.bookfreepassPage #WhyHub .WhyHubBx .imgBx {
	width: 55px;
	height: 35px;
	text-align: left;
	margin-bottom: 15px
}

@media only screen and (min-width: 768px) {
	.bookfreepassPage #WhyHub .WhyHubBx .imgBx {
		width: 60px;
		height: 38px
	}
}

@media only screen and (min-width: 1451px) {
	.bookfreepassPage #WhyHub .WhyHubBx .imgBx {
		width: 70px
	}
}

.bookfreepassPage #WhyHub .WhyHubBx .imgBx img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-fit: contain
}

.bookfreepassPage #WhyHub .WhyHubBx .txtWrap {
	width: 100%
}

.bookfreepassPage #WhyHub .WhyHubBx .txtWrap .itemHd {
	font-size: 16px;
	color: #fff;
	font-weight: 500;
	font-family: "Klavika", sans-serif;
	text-align: left;
	margin-bottom: 5px
}

@media only screen and (min-width: 768px) {
	.bookfreepassPage #WhyHub .WhyHubBx .txtWrap .itemHd {
		font-size: 16px;
		margin-bottom: 10px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #WhyHub .WhyHubBx .txtWrap .itemHd {
		font-size: 20px;
		margin-bottom: 15px
	}
}

.bookfreepassPage #WhyHub .WhyHubBx .txtWrap p {
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	font-family: "Klavika", sans-serif;
	text-align: left;
	line-height: 1.4
}

@media only screen and (min-width: 768px) {
	.bookfreepassPage #WhyHub .WhyHubBx .txtWrap p {
		font-size: 16px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #WhyHub .WhyHubBx .txtWrap p {
		font-size: 20px
	}
}

.bookfreepassPage #WhyHub .WhyHubBx .txtWrap p:last-child {
	margin-bottom: 0
}

.bookfreepassPage #HowItWorks {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 30px
}

@media only screen and (min-width: 768px) {
	.bookfreepassPage #HowItWorks {
		margin-bottom: 80px
	}
}

@media only screen and (min-width: 1200px) {
	.bookfreepassPage #HowItWorks {
		margin-bottom: 100px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #HowItWorks {
		margin-bottom: 124px
	}
}

.bookfreepassPage #HowItWorks .headBx {
	margin-bottom: 30px
}

@media only screen and (min-width: 768px) {
	.bookfreepassPage #HowItWorks .headBx {
		margin-bottom: 40px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #HowItWorks .headBx {
		margin-bottom: 70px
	}
}

.bookfreepassPage #HowItWorks .headBx p:last-child {
	margin-bottom: 0
}

.bookfreepassPage #HowItWorks .HowItWorksSlider {
	display: none;
	width: 100%
}

@media only screen and (min-width: 768px) {
	.bookfreepassPage #HowItWorks .HowItWorksSlider {
		display: block;
		width: 80%
	}
}

.bookfreepassPage #HowItWorks .HowItWorksMob {
	display: block
}

@media only screen and (min-width: 768px) {
	.bookfreepassPage #HowItWorks .HowItWorksMob {
		display: none
	}
}

.bookfreepassPage #HowItWorks .HowItWorksMob .swiper-wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	row-gap: 50px
}

.bookfreepassPage #HowItWorks .HowItWorksMob .swiper-wrapper .swiper-slide::after {
	display: block;
	right: 48%;
	transform: rotate(90deg);
	top: auto;
	bottom: -35px
}

@media only screen and (min-width: 768px) {
	.bookfreepassPage #HowItWorks .HowItWorksMob .swiper-wrapper .swiper-slide::after {
		display: none
	}
}

.bookfreepassPage #HowItWorks .swiper-slide {
	position: relative;
	display: flex;
	height: auto;
	align-self: stretch
}

.bookfreepassPage #HowItWorks .swiper-slide::after {
	position: absolute;
	content: "";
	width: 20px;
	height: 15px;
	top: 50%;
	right: -30px;
	background: url(../images/right-arrow.svg) center right no-repeat;
	background-size: contain;
	display: none
}

@media only screen and (min-width: 768px) {
	.bookfreepassPage #HowItWorks .swiper-slide::after {
		display: block;
		width: 30px;
		height: 15px;
		right: -35px
	}
}

.bookfreepassPage #HowItWorks .HowItWorksBx {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	margin-top: 0
}

.bookfreepassPage #HowItWorks .number {
	font-size: 110px;
	line-height: 110px;
	font-weight: 500;
	color: #0e0e0e;
	text-shadow: 0px 0px 2px #d20a09;
	text-align: center;
	z-index: 1
}

@media only screen and (min-width: 576px) {
	.bookfreepassPage #HowItWorks .number {
		font-size: 120px;
		line-height: 110px
	}
}

@media only screen and (min-width: 768px) {
	.bookfreepassPage #HowItWorks .number {
		font-size: 125px;
		line-height: 110px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #HowItWorks .number {
		font-size: 200px;
		line-height: 140px
	}
}

.bookfreepassPage #HowItWorks .imgBx {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	margin-inline: auto;
	padding: 30px;
	margin-bottom: 15px;
	background: #202020;
	border: solid 1px #d20a09;
	z-index: 2;
	margin-top: -25px
}

@media only screen and (min-width: 576px) {
	.bookfreepassPage #HowItWorks .imgBx {
		width: 160px;
		height: 160px;
		padding: 50px;
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 768px) {
	.bookfreepassPage #HowItWorks .imgBx {
		width: 160px;
		height: 160px;
		padding: 50px
	}
}

@media only screen and (min-width: 992px) {
	.bookfreepassPage #HowItWorks .imgBx {
		width: 200px;
		height: 200px;
		padding: 60px;
		margin-bottom: 25px;
		margin-top: -28px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #HowItWorks .imgBx {
		width: 250px;
		height: 250px;
		padding: 90px;
		margin-bottom: 34px
	}
}

@media only screen and (min-width: 1920px) {
	.bookfreepassPage #HowItWorks .imgBx {
		width: 296px;
		height: 296px;
		padding: 90px;
		margin-bottom: 34px
	}
}

.bookfreepassPage #HowItWorks .imgBx img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-fit: contain
}

.bookfreepassPage #HowItWorks .txtWrap {
	width: 100%
}

.bookfreepassPage #HowItWorks .txtWrap .itemHd {
	font-size: 16px;
	color: #fff;
	font-weight: 500;
	font-family: "Klavika", sans-serif;
	text-align: center
}

@media only screen and (min-width: 768px) {
	.bookfreepassPage #HowItWorks .txtWrap .itemHd {
		font-size: 14px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #HowItWorks .txtWrap .itemHd {
		font-size: 20px
	}
}

.bookfreepassPage #testimonialSec {
	padding: 0
}

.bookfreepassPage #testimonialSec .headBx {
	margin-bottom: 25px
}

@media only screen and (min-width: 768px) {
	.bookfreepassPage #testimonialSec .headBx {
		margin-bottom: 35px
	}
}

@media only screen and (min-width: 1200px) {
	.bookfreepassPage #testimonialSec .headBx {
		margin-bottom: 55px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #testimonialSec .headBx {
		margin-bottom: 60px
	}
}

.bookfreepassPage #testimonialSec .headBx p:last-child {
	margin-bottom: 0
}

.bookfreepassPage #testimonialSec .testiSlider1 {
	position: relative
}

.bookfreepassPage #testimonialSec .testiSlider1 .owl-nav button {
	top: auto;
	bottom: 0;
	transform: none
}

.bookfreepassPage #testimonialSec .testiSlider1 .owl-nav button.owl-prev {
	left: 0
}

.bookfreepassPage #testimonialSec .testiSlider1 .owl-nav button.owl-next {
	right: 0
}

.bookfreepassPage #testimonialSec .tstiBx .imgBx {
	display: block;
	position: relative;
	border-radius: 18px;
	overflow: hidden;
	margin-bottom: 20px
}

@media only screen and (min-width: 992px) {
	.bookfreepassPage #testimonialSec .tstiBx .imgBx {
		margin-bottom: 25px
	}
}

@media only screen and (min-width: 1200px) {
	.bookfreepassPage #testimonialSec .tstiBx .imgBx {
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #testimonialSec .tstiBx .imgBx {
		margin-bottom: 43px
	}
}

.bookfreepassPage #testimonialSec .tstiBx .imgBx img {
	transition: .4s all;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.bookfreepassPage #testimonialSec .tstiBx .imgBx .ico {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 35px;
	height: 35px
}

@media only screen and (min-width: 768px) {
	.bookfreepassPage #testimonialSec .tstiBx .imgBx .ico {
		width: 45px;
		height: 45px
	}
}

@media only screen and (min-width: 1200px) {
	.bookfreepassPage #testimonialSec .tstiBx .imgBx .ico {
		width: 55px;
		height: 55px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #testimonialSec .tstiBx .imgBx .ico {
		width: 64px;
		height: 64px
	}
}

.bookfreepassPage #testimonialSec .tstiBx .imgBx .ico img {
	transform: none !important;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-fit: contain
}

.bookfreepassPage #testimonialSec .tstiBx .txtB {
	position: relative
}

.bookfreepassPage #testimonialSec .tstiBx .txtB::before {
	content: "";
	position: absolute;
	background: url(../images/qts.svg) no-repeat;
	background-size: contain;
	top: -30px;
	right: 20px;
	width: 30px;
	height: 20px
}

@media only screen and (min-width: 1200px) {
	.bookfreepassPage #testimonialSec .tstiBx .txtB::before {
		top: -40px;
		right: 30px;
		width: 40px;
		height: 27px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #testimonialSec .tstiBx .txtB::before {
		top: -60px;
		right: 50px;
		width: 50px;
		height: 37px
	}
}

.bookfreepassPage #testimonialSec .tstiBx .txtB .ttle {
	color: #fff;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden
}

@media only screen and (min-width: 992px) {
	.bookfreepassPage #testimonialSec .tstiBx .txtB .ttle {
		font-size: 15px;
		line-height: 22px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #testimonialSec .tstiBx .txtB .ttle {
		font-size: 20px;
		line-height: 28px
	}
}

.bookfreepassPage #testimonialSec .tstiBx .txtB .userFlx {
	margin-top: 23px;
	display: flex;
	align-items: center
}

.bookfreepassPage #testimonialSec .tstiBx .txtB .userFlx .uImg {
	border-radius: 50%;
	overflow: hidden;
	width: 35px;
	height: 35px
}

@media only screen and (min-width: 576px) {
	.bookfreepassPage #testimonialSec .tstiBx .txtB .userFlx .uImg {
		width: 40px;
		height: 40px
	}
}

@media only screen and (min-width: 768px) {
	.bookfreepassPage #testimonialSec .tstiBx .txtB .userFlx .uImg {
		width: 50px;
		height: 50px
	}
}

@media only screen and (min-width: 1200px) {
	.bookfreepassPage #testimonialSec .tstiBx .txtB .userFlx .uImg {
		width: 55px;
		height: 55px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #testimonialSec .tstiBx .txtB .userFlx .uImg {
		width: 66px;
		height: 66px
	}
}

.bookfreepassPage #testimonialSec .tstiBx .txtB .userFlx .uImg img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.bookfreepassPage #testimonialSec .tstiBx .txtB .userFlx .txtRyt {
	padding-left: 20px
}

@media only screen and (min-width: 1200px) {
	.bookfreepassPage #testimonialSec .tstiBx .txtB .userFlx .txtRyt {
		padding-left: 25px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #testimonialSec .tstiBx .txtB .userFlx .txtRyt {
		padding-left: 30px
	}
}

.bookfreepassPage #testimonialSec .tstiBx .txtB .userFlx .txtRyt .name {
	font-weight: 500;
	color: #fff;
	margin-bottom: 8px;
	font-size: 16px
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #testimonialSec .tstiBx .txtB .userFlx .txtRyt .name {
		font-size: 22px
	}
}

.bookfreepassPage #testimonialSec .tstiBx .txtB .userFlx .txtRyt .place {
	color: #fff;
	font-weight: 400;
	font-size: 14px
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #testimonialSec .tstiBx .txtB .userFlx .txtRyt .place {
		font-size: 18px
	}
}

.bookfreepassPage #testimonialSec .tstiBx:hover .imgBx img {
	transform: scale(1.05)
}

.bookfreepassPage #faqSec {
	padding: 40px 0 60px
}

@media only screen and (min-width: 768px) {
	.bookfreepassPage #faqSec {
		padding: 50px 0 80px
	}
}

@media only screen and (min-width: 1200px) {
	.bookfreepassPage #faqSec {
		padding: 80px 0 120px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #faqSec {
		padding: 100px 0 165px
	}
}

@media only screen and (min-width: 1560px) {
	.bookfreepassPage #faqSec {
		padding: 115px 0 175px
	}
}

.bookfreepassPage #faqSec .faqBx {
	padding: 0
}

.bookfreepassPage #faqSec .faqBx .sTitle {
	font-weight: 500;
	color: #fff;
	font-size: 22px;
	line-height: 26px;
	margin-bottom: 0
}

@media only screen and (min-width: 768px) {
	.bookfreepassPage #faqSec .faqBx .sTitle {
		font-size: 26px;
		line-height: 30px
	}
}

@media only screen and (min-width: 992px) {
	.bookfreepassPage #faqSec .faqBx .sTitle {
		font-size: 30px;
		line-height: 34px
	}
}

@media only screen and (min-width: 1200px) {
	.bookfreepassPage #faqSec .faqBx .sTitle {
		font-size: 36px;
		line-height: 40px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #faqSec .faqBx .sTitle {
		font-size: 42px;
		line-height: 46px;
		margin-bottom: 10px
	}
}

@media only screen and (min-width: 1560px) {
	.bookfreepassPage #faqSec .faqBx .sTitle {
		font-size: 50px;
		line-height: 54px
	}
}

.bookfreepassPage #faqSec .faqBx p {
	text-align: left
}

.bookfreepassPage #faqSec .faqBx .accordion {
	background: rgba(0, 0, 0, 0)
}

.bookfreepassPage #faqSec .faqBx .accordion .accordion-item {
	border: 0;
	border-radius: 0;
	background: rgba(0, 0, 0, 0);
	position: relative;
	border-bottom: dashed 1px hsla(0, 0%, 100%, .1)
}

.bookfreepassPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button {
	padding: 15px 30px 15px 0px;
	font-weight: 400;
	background: rgba(0, 0, 0, 0);
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	align-items: flex-start;
	text-align: unset;
	width: 100%
}

@media only screen and (min-width: 576px) {
	.bookfreepassPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button {
		padding: 18px 30px 18px 0px;
		font-size: 16px;
		line-height: 21px
	}
}

@media only screen and (min-width: 1200px) {
	.bookfreepassPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button {
		font-size: 18px;
		line-height: 23px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button {
		font-size: 20px;
		line-height: 25px;
		padding: 25px 0
	}
}

@media only screen and (min-width: 1551px) {
	.bookfreepassPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button {
		font-size: 24px;
		line-height: 29px
	}
}

@media only screen and (min-width: 1661px) {
	.bookfreepassPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button {
		font-size: 26px;
		line-height: 31px
	}
}

.bookfreepassPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button:focus {
	box-shadow: none
}

.bookfreepassPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button::after {
	position: absolute;
	right: 0;
	background-image: none;
	content: "";
	background: url(../images/rty.svg) no-repeat;
	background-size: contain;
	display: flex;
	justify-content: center;
	align-items: center;
	background-position: center !important;
	width: 12px;
	height: 12px
}

@media only screen and (min-width: 768px) {
	.bookfreepassPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button::after {
		width: 13px;
		height: 13px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button::after {
		width: 20px;
		height: 20px
	}
}

.bookfreepassPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button[aria-expanded=true] {
	background-color: rgba(0, 0, 0, 0);
	box-shadow: none
}

.bookfreepassPage #faqSec .faqBx .accordion .accordion-item .accordion-header .accordion-button[aria-expanded=true]::after {
	background-size: contain;
	transform: rotate(90deg)
}

.bookfreepassPage #faqSec .faqBx .accordion .accordion-item .accordion-collapse .accordion-body {
	color: #fff;
	font-weight: normal;
	font-size: 13px;
	line-height: 23px;
	padding: 0 0 25px
}

@media only screen and (min-width: 992px) {
	.bookfreepassPage #faqSec .faqBx .accordion .accordion-item .accordion-collapse .accordion-body {
		font-size: 14px
	}
}

@media only screen and (min-width: 1441px) {
	.bookfreepassPage #faqSec .faqBx .accordion .accordion-item .accordion-collapse .accordion-body {
		font-size: 16px;
		line-height: 26px
	}
}

.bookfreepassPage #faqSec .faqBx .accordion .accordion-item .accordion-collapse .accordion-body p {
	margin: 0
}

.errorPage {
	padding: 0
}

.errorPage #error {
	height: var(--app-height);
	display: flex;
	align-items: center
}

.errorPage #error .page_cntnt {
	text-align: center;
	position: relative
}

@media only screen and (min-width: 768px) {
	.errorPage #error .page_cntnt .icon svg {
		height: 375px
	}
}

@media only screen and (min-width: 1441px) {
	.errorPage #error .page_cntnt .icon svg {
		height: 575px
	}
}

.errorPage #error .page_cntnt .head_one {
	font-weight: 700;
	color: #fff;
	margin-bottom: 20px;
	text-transform: uppercase;
	position: relative;
	font-size: 22px;
	line-height: 22px;
	margin-top: -50px
}

@media only screen and (min-width: 768px) {
	.errorPage #error .page_cntnt .head_one {
		font-size: 30px;
		line-height: 30px;
		margin-top: -60px
	}
}

@media only screen and (min-width: 992px) {
	.errorPage #error .page_cntnt .head_one {
		font-size: 40px;
		line-height: 40px;
		margin-top: -70px;
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1441px) {
	.errorPage #error .page_cntnt .head_one {
		margin-top: -90px;
		font-size: 60px;
		line-height: 60px;
		margin-bottom: 50px
	}
}

@media only screen and (min-width: 1661px) {
	.errorPage #error .page_cntnt .head_one {
		margin-bottom: 65px;
		font-size: 70px;
		line-height: 70px
	}
}

.errorPage #error .page_cntnt .bic1,
.errorPage #error .page_cntnt .bic2,
.errorPage #error .page_cntnt .bic3 {
	position: absolute
}

.errorPage #error .page_cntnt .bic1.bic1,
.errorPage #error .page_cntnt .bic2.bic1,
.errorPage #error .page_cntnt .bic3.bic1 {
	left: 0;
	bottom: -15%;
	max-width: 70px
}

@media only screen and (min-width: 576px) {

	.errorPage #error .page_cntnt .bic1.bic1,
	.errorPage #error .page_cntnt .bic2.bic1,
	.errorPage #error .page_cntnt .bic3.bic1 {
		max-width: 100px
	}
}

@media only screen and (min-width: 768px) {

	.errorPage #error .page_cntnt .bic1.bic1,
	.errorPage #error .page_cntnt .bic2.bic1,
	.errorPage #error .page_cntnt .bic3.bic1 {
		max-width: 150px
	}
}

@media only screen and (min-width: 992px) {

	.errorPage #error .page_cntnt .bic1.bic1,
	.errorPage #error .page_cntnt .bic2.bic1,
	.errorPage #error .page_cntnt .bic3.bic1 {
		max-width: 180px
	}
}

@media only screen and (min-width: 1441px) {

	.errorPage #error .page_cntnt .bic1.bic1,
	.errorPage #error .page_cntnt .bic2.bic1,
	.errorPage #error .page_cntnt .bic3.bic1 {
		max-width: 280px
	}
}

.errorPage #error .page_cntnt .bic1.bic2,
.errorPage #error .page_cntnt .bic2.bic2,
.errorPage #error .page_cntnt .bic3.bic2 {
	right: 0;
	top: 10%;
	max-width: 70px
}

@media only screen and (min-width: 576px) {

	.errorPage #error .page_cntnt .bic1.bic2,
	.errorPage #error .page_cntnt .bic2.bic2,
	.errorPage #error .page_cntnt .bic3.bic2 {
		max-width: 100px
	}
}

@media only screen and (min-width: 768px) {

	.errorPage #error .page_cntnt .bic1.bic2,
	.errorPage #error .page_cntnt .bic2.bic2,
	.errorPage #error .page_cntnt .bic3.bic2 {
		max-width: 140px
	}
}

@media only screen and (min-width: 992px) {

	.errorPage #error .page_cntnt .bic1.bic2,
	.errorPage #error .page_cntnt .bic2.bic2,
	.errorPage #error .page_cntnt .bic3.bic2 {
		max-width: 170px
	}
}

@media only screen and (min-width: 1441px) {

	.errorPage #error .page_cntnt .bic1.bic2,
	.errorPage #error .page_cntnt .bic2.bic2,
	.errorPage #error .page_cntnt .bic3.bic2 {
		max-width: 207px
	}
}

.errorPage #error .page_cntnt .bic1.bic3,
.errorPage #error .page_cntnt .bic2.bic3,
.errorPage #error .page_cntnt .bic3.bic3 {
	left: 8%;
	top: 40%;
	max-width: 70px
}

@media only screen and (min-width: 576px) {

	.errorPage #error .page_cntnt .bic1.bic3,
	.errorPage #error .page_cntnt .bic2.bic3,
	.errorPage #error .page_cntnt .bic3.bic3 {
		max-width: 100px
	}
}

@media only screen and (min-width: 768px) {

	.errorPage #error .page_cntnt .bic1.bic3,
	.errorPage #error .page_cntnt .bic2.bic3,
	.errorPage #error .page_cntnt .bic3.bic3 {
		max-width: 150px
	}
}

@media only screen and (min-width: 992px) {

	.errorPage #error .page_cntnt .bic1.bic3,
	.errorPage #error .page_cntnt .bic2.bic3,
	.errorPage #error .page_cntnt .bic3.bic3 {
		max-width: 200px
	}
}

@media only screen and (min-width: 1441px) {

	.errorPage #error .page_cntnt .bic1.bic3,
	.errorPage #error .page_cntnt .bic2.bic3,
	.errorPage #error .page_cntnt .bic3.bic3 {
		max-width: 262px
	}
}

.errorPage #error .page_cntnt .back {
	font-weight: 500;
	color: #d20a09;
	padding: 10px 20px;
	border-bottom: solid 1px #d20a09;
	position: relative;
	transition: .4s all;
	font-size: 18px;
	line-height: 18px
}

@media only screen and (min-width: 576px) {
	.errorPage #error .page_cntnt .back {
		font-size: 22px;
		line-height: 22px
	}
}

@media only screen and (min-width: 992px) {
	.errorPage #error .page_cntnt .back {
		font-size: 26px;
		line-height: 26px
	}
}

@media only screen and (min-width: 1200px) {
	.errorPage #error .page_cntnt .back {
		font-size: 32px;
		line-height: 32px
	}
}

@media only screen and (min-width: 1441px) {
	.errorPage #error .page_cntnt .back {
		font-size: 40px;
		line-height: 40px
	}
}

.errorPage #error .page_cntnt .back::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/e4.svg) no-repeat;
	background-size: cover
}

.errorPage #error .page_cntnt .back:hover {
	color: #fff
}

footer {
	background: #16171b;
	overflow: hidden
}

@media only screen and (max-width: 576px) {
	footer {
		margin-bottom: 40px
	}
}

#Footer {
	position: relative
}

#Footer .topSec {
	position: relative;
	z-index: 10;
	padding: 40px 0 20px
}

@media only screen and (min-width: 768px) {
	#Footer .topSec {
		padding: 60px 0
	}
}

@media only screen and (min-width: 1441px) {
	#Footer .topSec {
		padding: 80px 0
	}
}

@media only screen and (min-width: 1660px) {
	#Footer .topSec {
		padding: 100px 0
	}
}

@media only screen and (max-width: 768px) {
	#Footer .cmnBx {
		margin-bottom: 20px
	}
}

@media only screen and (min-width: 992px) {
	#Footer .cmnBx.pr40 {
		padding-right: 40px
	}
}

@media only screen and (max-width: 992px) {
	#Footer .cmnBx.pr40 {
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 992px) {
	#Footer .cmnBx.pl110 {
		padding-left: 40px
	}
}

@media only screen and (min-width: 1200px) {
	#Footer .cmnBx.pl110 {
		padding-left: 80px
	}
}

@media only screen and (min-width: 1441px) {
	#Footer .cmnBx.pl110 {
		padding-left: 110px
	}
}

@media only screen and (min-width: 992px) {
	#Footer .cmnBx.pl60 {
		padding-left: 20px
	}
}

@media only screen and (min-width: 1200px) {
	#Footer .cmnBx.pl60 {
		padding-left: 40px
	}
}

@media only screen and (min-width: 1441px) {
	#Footer .cmnBx.pl60 {
		padding-left: 60px
	}
}

#Footer .cmnBx .logo {
	display: block;
	width: 140px;
	margin-bottom: 25px
}

@media only screen and (min-width: 992px) {
	#Footer .cmnBx .logo {
		width: 191px
	}
}

#Footer .cmnBx .fTitle {
	font-weight: 500;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 15px;
	text-transform: uppercase
}

@media only screen and (min-width: 768px) {
	#Footer .cmnBx .fTitle {
		font-size: 16px;
		line-height: 16px
	}
}

@media only screen and (min-width: 992px) {
	#Footer .cmnBx .fTitle {
		margin-bottom: 25px
	}
}

@media only screen and (min-width: 1441px) {
	#Footer .cmnBx .fTitle {
		font-size: 18px;
		line-height: 18px
	}
}

@media only screen and (min-width: 1660px) {
	#Footer .cmnBx .fTitle {
		font-size: 22px;
		line-height: 22px;
		margin-bottom: 35px
	}
}

#Footer .cmnBx ul li {
	margin-bottom: 15px
}

#Footer .cmnBx ul li a {
	font-weight: 400;
	color: #fff;
	display: block;
	transition: .4s all;
	font-size: 14px;
	line-height: 17px
}

@media only screen and (min-width: 768px) {
	#Footer .cmnBx ul li a {
		font-size: 16px;
		line-height: 19px
	}
}

@media only screen and (min-width: 1200px) {
	#Footer .cmnBx ul li a {
		font-size: 19px;
		line-height: 22px
	}
}

#Footer .cmnBx ul li a:hover {
	color: #d20a09
}

#Footer .cmnBx ul.split {
	column-count: 2
}

#Footer .cmnBx p {
	margin-bottom: 0
}

#Footer .cmnBx .phone,
#Footer .cmnBx .mail {
	display: flex;
	align-items: center;
	color: #fff;
	font-weight: 500;
	margin-bottom: 10px;
	font-size: 16px
}

@media only screen and (min-width: 768px) {

	#Footer .cmnBx .phone,
	#Footer .cmnBx .mail {
		font-size: 18px
	}
}

@media only screen and (min-width: 992px) {

	#Footer .cmnBx .phone,
	#Footer .cmnBx .mail {
		font-size: 20px
	}
}

@media only screen and (min-width: 1441px) {

	#Footer .cmnBx .phone,
	#Footer .cmnBx .mail {
		font-size: 22px
	}
}

#Footer .cmnBx .phone .ico,
#Footer .cmnBx .mail .ico {
	width: 15px;
	min-width: 15px;
	margin-right: 12px
}

@media only screen and (min-width: 992px) {

	#Footer .cmnBx .phone .ico,
	#Footer .cmnBx .mail .ico {
		width: 20px;
		min-width: 20px;
		margin-right: 19px
	}
}

#Footer .cmnBx .social {
	margin-top: 30px
}

#Footer .cmnBx .social .labl {
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 15px;
	font-size: 16px
}

@media only screen and (min-width: 768px) {
	#Footer .cmnBx .social .labl {
		font-size: 18px
	}
}

@media only screen and (min-width: 1441px) {
	#Footer .cmnBx .social .labl {
		font-size: 20px
	}
}

@media only screen and (min-width: 1660px) {
	#Footer .cmnBx .social .labl {
		font-size: 22px
	}
}

#Footer .cmnBx .social .sFlx {
	display: flex;
	align-items: center
}

#Footer .cmnBx .social .sFlx a {
	display: block
}

#Footer .cmnBx .social .sFlx a:not(:last-of-type) {
	margin-right: 15px
}

@media only screen and (min-width: 768px) {
	#Footer .cmnBx .social .sFlx a:not(:last-of-type) {
		margin-right: 25px
	}
}

@media only screen and (min-width: 1200px) {
	#Footer .cmnBx .social .sFlx a:not(:last-of-type) {
		margin-right: 30px
	}
}

@media only screen and (min-width: 1441px) {
	#Footer .cmnBx .social .sFlx a:not(:last-of-type) {
		margin-right: 40px
	}
}

#Footer .cmnBx .social .sFlx a svg {
	display: block;
	fill: #fff;
	transition: all .3s;
	width: 21px
}

#Footer .cmnBx .social .sFlx a svg .cls-1 {
	fill: #fff;
	transition: all .3s
}

#Footer .cmnBx .social .sFlx a:hover svg .cls-1 {
	fill: #d20a09
}

#Footer .bgTxt,
#Footer .bgTxt1 {
	position: absolute;
	top: 30%;
	line-height: 119px;
	text-wrap: nowrap;
	color: #302f2f;
	font-weight: 500;
	pointer-events: none;
	opacity: .35;
	font-size: 30px;
	line-height: 30px;
	right: -15%
}

@media only screen and (min-width: 576px) {

	#Footer .bgTxt,
	#Footer .bgTxt1 {
		font-size: 40px;
		line-height: 40px
	}
}

@media only screen and (min-width: 768px) {

	#Footer .bgTxt,
	#Footer .bgTxt1 {
		font-size: 50px;
		line-height: 50px
	}
}

@media only screen and (min-width: 992px) {

	#Footer .bgTxt,
	#Footer .bgTxt1 {
		right: -25%;
		font-size: 60px;
		line-height: 60px
	}
}

@media only screen and (min-width: 1200px) {

	#Footer .bgTxt,
	#Footer .bgTxt1 {
		font-size: 70px;
		line-height: 70px
	}
}

@media only screen and (min-width: 1360px) {

	#Footer .bgTxt,
	#Footer .bgTxt1 {
		font-size: 80px;
		line-height: 80px
	}
}

@media only screen and (min-width: 1441px) {

	#Footer .bgTxt,
	#Footer .bgTxt1 {
		font-size: 100px;
		line-height: 100px
	}
}

@media only screen and (min-width: 1551px) {

	#Footer .bgTxt,
	#Footer .bgTxt1 {
		font-size: 119px;
		line-height: 119px
	}
}

#Footer .bgTxt.bgTxt1,
#Footer .bgTxt1.bgTxt1 {
	top: 55%;
	right: auto;
	left: -30%
}

@media only screen and (min-width: 992px) {

	#Footer .bgTxt.bgTxt1,
	#Footer .bgTxt1.bgTxt1 {
		left: -60%
	}
}

#Footer .CustomeContainer {
	margin: 0 0 0 auto;
	padding-right: 0;
	position: relative;
	z-index: 10
}

#Footer .mrq {
	display: flex;
	align-items: center;
	position: relative;
	height: 24px;
	width: 100%
}

#Footer .mrq .flxBx {
	display: flex;
	align-items: center;
	position: absolute;
	animation: marquee 35s linear infinite;
	width: 200%
}

#Footer .mrq .flxBx .txt {
	position: relative;
	display: flex;
	align-items: center;
	font-weight: 500;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	white-space: nowrap
}

@media only screen and (min-width: 1200px) {
	#Footer .mrq .flxBx .txt {
		font-size: 16px;
		line-height: 16px
	}
}

@media only screen and (min-width: 1441px) {
	#Footer .mrq .flxBx .txt {
		font-size: 18px;
		line-height: 18px
	}
}

#Footer .mrq .flxBx .txt img {
	margin-right: 17px;
	width: 12px
}

@media only screen and (min-width: 576px) {
	#Footer .mrq .flxBx .txt img {
		width: 18px
	}
}

#Footer .mrq .flxBx .txt::after {
	content: "";
	display: inline;
	margin: 0 30px;
	width: 8px;
	min-width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #d20a09
}

#Footer .mrq .flxBx:hover {
	animation-play-state: paused !important
}

#Footer .qteBx {
	text-align: center;
	font-weight: 500;
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	margin-top: 20px
}

@media only screen and (min-width: 576px) {
	#Footer .qteBx {
		font-size: 25px;
		line-height: 39px;
		margin-top: 30px
	}
}

@media only screen and (min-width: 992px) {
	#Footer .qteBx {
		font-size: 30px;
		line-height: 49px
	}
}

@media only screen and (min-width: 1441px) {
	#Footer .qteBx {
		font-size: 40px;
		line-height: 59px;
		margin-top: 55px
	}
}

@media only screen and (min-width: 1660px) {
	#Footer .qteBx {
		margin-top: 67px;
		font-size: 50px;
		line-height: 69px
	}
}

#Footer .CopYRit {
	padding: 20px 0;
	border-top: 1px solid #2a2f37;
	margin-top: 15px
}

@media only screen and (min-width: 1441px) {
	#Footer .CopYRit {
		margin-top: 37px;
		padding: 35px 0 45px
	}
}

@media only screen and (max-width: 768px) {
	#Footer .CopYRit .flxB {
		text-align: center
	}
}

@media only screen and (min-width: 768px) {
	#Footer .CopYRit .flxB {
		display: flex;
		align-items: center;
		justify-content: space-between
	}
}

#Footer .CopYRit .flxB>* {
	width: 100%
}

@media only screen and (min-width: 768px) {
	#Footer .CopYRit .flxB>* {
		width: 33.3333333333%
	}
}

#Footer .CopYRit .flxB .lSide,
#Footer .CopYRit .flxB .RSide {
	color: #fff;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px
}

@media only screen and (min-width: 1200px) {

	#Footer .CopYRit .flxB .lSide,
	#Footer .CopYRit .flxB .RSide {
		font-size: 16px;
		line-height: 20px
	}
}

@media only screen and (min-width: 1441px) {

	#Footer .CopYRit .flxB .lSide,
	#Footer .CopYRit .flxB .RSide {
		font-size: 18px;
		line-height: 22px
	}
}

@media only screen and (min-width: 768px) {
	#Footer .CopYRit .flxB .RSide {
		text-align: right
	}
}

#Footer .CopYRit .flxB .RSide .txt a:hover {
	color: #d20a09
}

#Footer .CopYRit .flxB .mSide {
	text-align: center
}

@media only screen and (max-width: 768px) {
	#Footer .CopYRit .flxB .mSide {
		padding: 10px 0
	}
}

#Footer .CopYRit .flxB .mSide .payment {
	display: flex;
	justify-content: center;
	align-items: center
}

#Footer .CopYRit .flxB .mSide .payment .item {
	border-radius: 50%;
	overflow: hidden;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border: solid 2px #fff;
	transition: .4s all;
	width: 25px;
	height: 25px;
	margin: 0 5px
}

@media only screen and (min-width: 1200px) {
	#Footer .CopYRit .flxB .mSide .payment .item {
		width: 30px;
		height: 30px;
		margin: 0 7px
	}
}

@media only screen and (min-width: 1441px) {
	#Footer .CopYRit .flxB .mSide .payment .item {
		margin: 0 14px;
		width: 40px;
		height: 40px
	}
}

#Footer .CopYRit .flxB .mSide .payment .item:hover {
	border-color: #cd1f2e
}

/*# sourceMappingURL=app.min.css.map */

/* spinning loader */
#loader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
	background: rgba(0,0,0,0.75) url("../images/LoadingPaperplane.webm") no-repeat center center;
    z-index: 99999;
}

.gallery-img {
cursor: pointer;
transition: transform .2s ease;
}
.gallery-img:hover {
transform: scale(1.05);
}
.modal-img {
width: 100%;
height: auto;
}