.box {

	width: 100%;

	height: 200px;

	background-color: red;

	float: left;

}

.form-check-inline {

	margin-right: 0 !important;

	margin-left: .75rem;

}

.error {
	font-family: 'Poppins', sans-serif !important;
	font-size: 15px !important;
}

.header {

	width: 100%;

	height: auto;

	float: left;

	border-top: solid #a28830 3px;

	padding: 10px 0;

}

.logo {

	width: 400px;

	height: auto;

	margin: 0 auto;

}

.loader_out {

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, 0.8);

	position: fixed;

	z-index: 99999;

}

.loader_inner {

	width: 100px;

	height: 100px;

	position: absolute;

	top: 40%;

	left: 47.5%;

	text-align: center;

	margin: 0;

	padding: 0;

	animation-name: spin;

	animation-duration: 5000ms;

	animation-iteration-count: infinite;

	animation-timing-function: linear;

}

@keyframes spin {

	from {

		transform: rotate(0deg);

	}

	to {

		transform: rotate(360deg);

	}

}

.about_block {

	width: 100%;

	height: auto;

	float: left;

	padding: 100px 0;

	background: url(../images/trn_bg.png) left center no-repeat;

}

.abouthead {

	width: 95%;

	height: auto;

	margin: 0 auto;

	font-family: 'simplified arabic', Arial, sans-serif;

	font-size: 28px;

	color: #4c4c4c;

	font-weight: 400;

	text-align: center;

	line-height: 35px;

	position: relative;

	margin-bottom: 28px;

}

.abouthead_sub {

	width: 100%;

	height: auto;

	font-family: 'simplified arabic', Arial, sans-serif;

	font-size: 20px;

	color: #a28830;

	font-weight: 500;

	text-align: center;

	text-transform: uppercase;

	margin-bottom: 10px;

}

.abouthead span {

	text-transform: uppercase;

	font-size: 32px;

	font-weight: 600;

}

/* .abouthead:before {

	width: 200px;

	height: 2px;

	background-color: #a28830;

	content: '';

	position: absolute;

	left: 50%;

	bottom: -40px;

	-webkit-transform: translate(-50%, 0);

	transform: translate(-50%, 0);

}

.abouthead:after {

	width: 20px;

	height: 20px;

	background-color: #a28830;

	content: '';

	position: absolute;

	left: 50%;

	bottom: -48px;

	-webkit-transform: translate(-50%, 0);

	transform: translate(-50%, 0);

} */

.about_content {

	width: 100%;

	height: auto;

	float: left;

	/*font-family: 'Tajawal', sans-serif;*/

	font-family: 'simplified arabic', Arial, sans-serif;

	font-size: 25px;

	color: #3e3737;

	text-align: center;

	line-height: 15px;

	line-height: 20px;

}

.carousel-caption {

	position: absolute;

	right: 15%;

	bottom: 40%;

}

.carousel-caption h5 {

	font-family: 'simplified arabic', Arial, sans-serif;

	font-size: 40px;

	font-weight: 900;

	text-transform: uppercase;

	line-height: 39px;

}

.carousel {

	margin-top: 100px;

}

.offer_img .carousel {

	margin-top: 0;

}

header {

	width: 100%;

	background: #fff;

	border-bottom: 3px solid #e1e1e1;

	/* animation magic */

	transition: all 0.4s ease-in-out;

	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	z-index: 1040;

	top: 0;

	position: fixed;

	color: #fff;

}

.shrink {

	padding: 10px 0;

	box-shadow: 3px 3px 10px #dcdcdc;

	-webkit-box-shadow: 3px 3px 10px #dcdcdc;

	-moz-box-shadow: 3px 3px 10px #dcdcdc;

}

.shrink .logo {

	width: 200px;

	transition: 0.5s;

}

.offers_block {

	width: 100%;

	height: auto;

	float: left;

	background-color: #f1efef;

	padding: 100px 0;

}

.offers_head {

	width: 100%;

	height: auto;

	float: left;

	font-family: 'simplified arabic', Arial, sans-serif;

	font-size: 40px;

	color: #424242;

	text-transform: uppercase;

	text-align: center;

	position: relative;

}

.offers_head:before {

	width: 200px;

	height: 2px;

	background-color: #a28830;

	content: '';

	position: absolute;

	left: 50%;

	bottom: -40px;

	-webkit-transform: translate(-50%, 0);

	transform: translate(-50%, 0);

}

.offers_head:after {

	width: 20px;

	height: 20px;

	background-color: #a28830;

	content: '';

	position: absolute;

	left: 50%;

	bottom: -48px;

	-webkit-transform: translate(-50%, 0);

	transform: translate(-50%, 0);

}

.offers_bottom {

	width: 100%;

	height: auto;

	float: left;

	margin-top: 100px;

}

.offers_sub {

	width: 90%;

	height: auto;

	float: left;

	padding: 15px 0;

	margin-left: 5%;

	text-transform: uppercase;

	font-family: 'simplified arabic', Arial, sans-serif;

	font-size: 30px;

	color: #525252;

	text-align: center;

}

.offer_inner {

	width: 100%;

	height: auto;

	float: left;

	margin: 20px 0;

}

.offer_content {

	width: 100%;

	height: auto;

	float: left;

	background-color: #fff;

	box-shadow: 0px 0px 20px #dadada;

	padding: 3%;

}

.offer_img {

	width: 100%;

	height: auto;

	background-color: #fff;

	float: left;

	border: solid #a28830 1px;

	padding: 8px;

}

.offer_listing {

	width: 100%;

	height: auto;

	float: left;

	margin-bottom: 10px;

}

.offer_listing ul {

	margin: 0;

	padding: 0;

	list-style: none;

}

.offer_listing ul li {

	width: 100%;

	display: block;

	float: left;

	font-family: 'simplified arabic', Arial, sans-serif;

	font-size: 18px;

	color: #3e3e3e;

	position: relative;

	padding-left: 30px;

	margin-bottom: 13px;

	font-weight: 500;

}

.offer_listing ul li:before {

	content: '';

	width: 12px;

	height: 12px;

	background-color: #afafaf;

	position: absolute;

	left: 0;

}

.offer_listing2 {

	width: 100%;

	height: auto;

	float: left;

	margin-bottom: 10px;

}

.offer_listing2 ul {

	margin: 0;

	padding: 0;

	list-style: none;

}

.offer_listing2 ul li {

	width: 100%;

	display: block;

	float: left;

	font-family: 'simplified arabic', Arial, sans-serif;

	font-size: 20px;

	color: #3e3e3e;

	position: relative;

	padding-right: 30px;

	margin-bottom: 13px;

	font-weight: 500;

}

.offer_listing2 ul li:before {

	content: '';

	width: 12px;

	height: 12px;

	background-color: #afafaf;

	position: absolute;

	right: 0;

	top: 10px;

}

.offer_listingsubhead {

	width: 100%;

	float: left;

	font-family: 'simplified arabic', Arial, sans-serif;

	font-size: 23px;

	color: #a28830;

	font-weight: 500;

	margin-bottom: 20px;

}

.btn-primary {

	background-color: #a28830 !important;

	border-radius: 100px;

	font-family: 'simplified arabic', Arial, sans-serif;

	font-size: 14px;

	border: 0 !important;

	padding: 10px 20px;

	text-transform: uppercase;

	border: solid #a28830 1px !important;

	font-weight: 600;

}

.btn-primary:hover {

	border: solid #a28830 1px !important;

	background-color: #fff !important;

	color: #a28830;

}

.btn-primary i {

	margin-left: 5px;

}

.footer {

	width: 100%;

	height: auto;

	float: left;

	text-align: center;

	font-family: 'simplified arabic', Arial, sans-serif;

	font-size: 13px;

	color: #3e3e3e;

	padding: 30px 0;

	font-weight: 500;

}

.footer a {

	color: #a28830;

}

.terms {

	width: 100%;

	height: auto;

	background-color: #fff;

	float: left;

	margin-top: 30px;

	font-family: 'simplified arabic', Arial, sans-serif;

	font-size: 20px;

	color: #3e3e3e;

	padding: 30px 20px;

	font-weight: 500;

	line-height: 18px;

}

.terms a {

	color: #a28830;
	font-family: 'Poppins', sans-serif !important;
	font-size: 15px;
	font-weight: 400;

}

.lang {

	width: auto;

	height: auto;

	position: absolute;

	right: 20px;

	top: 40%;

	background-color: #a28830;

	padding: 7px 15px;

	border-radius: 100px;

	color: #fff;

	font-family: 'simplified arabic', Arial, sans-serif;

	font-size: 12px;

}

.shrink .lang {

	top: 25%;

	transition: 0.5s;

}

.lang:hover {

	background-color: #fff;

	padding: 5px 15px;

	border-radius: 100px;

	color: #a28830;

	border: solid #a28830 1px;

}

.carousel-control-next-icon,
.carousel-control-prev-icon {

	width: 12px;

	height: 12px;

}

.outerblock {

	width: 100%;

	height: auto;

	background-color: #f1efef;

	float: left;

	margin-top: 150px;

	padding: 5%;

	margin-top: 95px;

}

.booking_inner {

	width: 100%;

	height: auto;

	background-color: #fff;

	float: left;

	padding: 30px;

}

.booking_head {

	width: 100%;

	height: auto;

	float: left;

	font-family: 'simplified arabic', Arial, sans-serif;

	font-size: 25px;

	color: #33322e;

	border-bottom: solid #c1c1c1 1px;

	padding-bottom: 20px;

}

.booking_head_right {
	width: auto;
	height: auto;
	float: left;
	font-family: 'Poppins', sans-serif;
	color: #1e1e1e;
	font-size: 17px;
}

.booking_head_right a {
	color: #1e1e1e;
}

.booking_head_right i {
	color: #a28830;
	margin-right: 20px;

}

.booking_head_right span {
	margin-right: 10px;
}

.bookingmain {

	width: 100%;

	height: auto;

	float: left;

	padding: 40px 0;

}

.booking_left {

	width: 100%;

	height: auto;

	float: left;

	padding-left: 20px;

	border-left: solid #c1c1c1 1px;

}

.booking_right {

	width: 100%;

	height: auto;

	float: left;

	padding-left: 20px;

}

.leftpad {

	padding-left: 0;

}

.rightpad {

	padding-left: 0;

}

label {

	font-size: 25px;

	font-family: 'simplified arabic', Arial, sans-serif;
	color: #a28830;

	margin-bottom: 5px !important;

	font-weight: 500 !important;

}

.form-control {

	border-radius: 0 !important;

}

.form-group {

	margin-bottom: 2rem;

}

.pretty .state label {

	text-indent: 2em !important;

	/* min-width: calc(1em + 2px); */

	margin-bottom: 0 !important;

}

.btn-secondary {

	background-color: #a28830 !important;

	border: solid #a28830 1px !important;

	box-shadow: 0px 5px 10px #969696;

}

.btn-secondary:hover {

	background-color: #806816 !important;

	color: #a28830 !important;

	box-shadow: 0px 0px 0px #969696;

	transition: 0.3s;

}

.row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.column {
	width: 31.3%;
	margin-bottom: 20px;
	margin-right: 20px;
	float: left;
}

/*=====accordion========*/

.wrapper {

	width: 100%;

	border: solid #c1c1c1 1px;

}

@media(max-width:992px) {

	.wrapper {

		width: 100%;

	}

}

.panel-heading {

	padding: 0;

	border: 0;

}

.panel-title>a,
.panel-title>a:active {

	min-height: 25px;

	display: block;

	padding: 5px;

	color: #555;

	font-size: 14px;

	font-weight: 500;

	font-family: 'Poppins', sans-serif !important;

	text-decoration: none;

	margin-top: 5px;

}

.panel-heading a:before {

	width: 15px;
	height: 15px;
	font-family: 'Font Awesome\ 5 Free';
	content: "";
	background: url(../images/arrowdn.png) no-repeat;
	float: right;
	transition: all 0.5s;

}

.panel-heading.active a:before {

	-webkit-transform: rotate(180deg);

	-moz-transform: rotate(180deg);

	transform: rotate(180deg);

}

.panel-body {

	background-color: #f1efef;

	overflow: hidden;

}

.panel-bodyinner {

	width: 100%;

	height: auto;

	float: left;

	border-top: solid #c1c1c1 1px;

	padding: 10px;

}

.panel-bodyinner .form-group {

	margin: 0;

}

.panel-bodyinner .col-form-label {

	font-family: 'simplified arabic', Arial, sans-serif;

	color: #424242 !important;

	font-size: 17px;

}

.btn-dark {

	font-family: 'simplified arabic', Arial, sans-serif;

	font-size: 20px;

	border: solid #a28830 1px;

	background-color: #d6d6d6 !important;

	border-radius: 0 !important;

	color: #a28830 !important;

}

.btn-dark:hover {

	border: solid #a28830 1px;

	background-color: #a28830 !important;

	border-radius: 0 !important;

	color: #fff !important;

}

.modal-body {

	padding: 70px 20px;

}

.modal-content {

	border-radius: 0 !important;

}

.success_icon {

	width: 100%;

	height: auto;

	float: left;

	text-align: center;

}

.success_content {

	width: 100%;

	height: auto;

	float: left;

	font-family: 'simplified arabic', Arial, sans-serif;

	color: #494949;

	font-size: 23px;

	text-align: center;

	line-height: 20px;

	margin: 30px 0;

}

.banner {

	height: auto;

	width: 100%;

	overflow: hidden;

	margin-top: 95px;

}

/*=====================Normal End=============*/

@media only screen and (max-width: 991px) {

	.offer_listing {

		margin-top: 20px;

	}

	.offer_listing2 {

		margin-top: 20px;

	}

	.offers_sub {

		margin-top: 50px;

	}

	.offers_bottom {

		margin-top: 50px;

	}

}

@media only screen and (max-width: 800px) {

	.outerblock {

		margin-top: 80px;

	}

	.logo {

		width: 300px;

	}

	.carousel {

		margin-top: 120px;

	}

	.carousel-caption h5 {

		font-size: 25px;

		line-height: 25px;

	}

	.shrink .logo {

		width: 150px;

	}

	.offers_block,
	.about_block {

		padding: 50px 0;

	}

}

@media only screen and (max-width: 767px) {

	.form-group {

		margin-bottom: 1rem;

	}

	.booking_inner {

		padding: 15px;

	}

	.outerblock {

		padding: 3% 1%;

	}

	.leftpad {

		padding-right: 0;

	}

	.rightpad {

		padding-left: 0;

	}

	.booking_left {

		border-left: 0;

	}

	.booking_left {

		padding-right: 15px;

	}

	.booking_right {

		padding-left: 15px;

	}

	.booking_head_right {
		width: 100%;
		font-size: 13px;
		margin-top: 10px;
	}

	.booking_head_right i {
		margin-right: 0;
	}

	.lang {
		top: 27%;
		padding: 4px 15px;
	}

}

@media only screen and (max-width: 500px) {

	.banner {

		margin-top: 60px;

	}

	.outerblock {

		margin-top: 60px;

	}

	.logo {

		width: 200px;

		float: left;

	}

	.carousel {

		margin-top: 85px;

	}

	.shrink .logo {

		width: 100px;

	}

	.abouthead span {

		font-size: 25px;

	}

	.abouthead {

		font-size: 22px;

		line-height: 25px;

	}

	.offers_head {

		font-size: 30px;

	}

}

.carousel-item {
	height: 265px !important;
}