/*
*	Basic Styles
*/
.body {
	background: #f1f4f8;
	padding-top: 80px;
	padding-bottom: 66px;
	font-family: "Roboto", sans-serif;
	position: relative;
	min-height: 100vh;
	overflow-x: hidden;
}
.box {
	position: relative;
	width: 100%;
	overflow-x: hidden;
}
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.fa {
	vertical-align: middle;
}
@media (min-width: 992px) {
	.body {
		padding-bottom: 27px;
	}
}

/* 
*	=== Header ===
*/
.header {
	height: 60px;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999;
	background-color: #fff;
	box-shadow: 0px 0px 6.48px 2.52px #c5cfd8;
	border-bottom: 1px solid #f8fafb;
	text-align: center;
}
.logo {
	margin-top: 6px;
	width: 68px;
	max-height: 69px;
}
.p-0 {
	padding-left: 0;
	padding-right: 0;
}
.p-l-0 {
	padding-left: 0;
}
.sidebar {

}
.site-btn-header--mobile {
	margin-top: 15px;
	padding: 5px 0;
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
	color: #2d4251;
	width: 80px;
}
.site-btn-header--mobile > i {
	font-size: 16px;
	color: #2d4251;
}

.site-settings {
	margin-top: 23px;
}
.site-settings .site-btn {
	position: relative;
	z-index: 9999;
}

.site-settings .dropdown-menu {
	width: 105.5px;
	min-width: auto;
	margin-top: -22px;
	padding-top: 25px;
	right: auto;
	top: auto;
	left: auto;
	border: none;
}
.site-settings__lang {
	margin-left: 15px;
}
.site-nav  {
	margin-top: 33px;
	margin-left: 40px;
}
.site-nav > ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.site-nav > ul > li {
	float: left;
	padding: 0 19px 1px 19px;
}
.site-nav > ul > li {
	margin-right: 14px;
}
.site-nav > ul >li:last-of-type {
	margin-right: 0;
}
.site-nav > ul > li:hover {
	border-bottom: 2px solid #e4ecf2;
}
.site-nav > ul > li > a {
	font-size: 16px;
	line-height: 1;
	font-weight: 300;
	color: #2d4251;
	text-decoration: none;
}
.site-nav > ul > li > a:hover {
	color: #2d4251;
	text-decoration: none;
}
.site-nav > ul > li.active {
	border-bottom: 2px solid #95c9f5;
}
.site-nav > ul > li.active > a {
	color: #3899ed;
}
.site-contact-info {
	
}
.site-contact-info > ul {
	margin-right: 11px;
}
.site-contact-info > ul:last-of-type {
	margin-right: 0;
}
.site-contact-info {
	margin-top: 22px;
	margin-right: 54px;
	font-size: 11px;
	line-height: 19px;
	color: #2d4251;
}
.site-contact-info i {
	font-size: 12px;
	color: #8095a8;
	width: 24px;
	text-align: center;
}
.site-contact-info > ul:first-of-type {
	font-weight: 500;
}

.site-contact-info > ul:last-of-type > li:last-of-type {
	padding-left: 24px;
}
.site-contact-info > ul:last-of-type a {
	font-size: 9px;
	color: #2d4251;
	text-decoration: underline;
}
.site-contact-info > ul:last-of-type i {
	width: 21px;
}
.site-contact-info > ul:last-of-type > li:last-of-type i {
	width: auto;
	margin: 0 3px 0 6px;
}
#tours-btn {
	float: left;
}
#menu-btn {
	text-align: right;
}
#tours-btn i {
	font-size: 18px;
	margin-left: 5px;
}
#menu-btn i {
	margin-left: 5px;
}
@media (min-width: 768px) {
	.logo {
		float: left;
	}
	.header {
		text-align: left;
		height: 80px;
		padding-left: 26px;
		padding-right: 33px;
	}
	.logo {
		width: auto;
		margin-top: 6px;
	}
	#tours-btn {
		float: right;
		margin-top: 25px;
		margin-right: 40px;
	}
}
@media (min-width: 1220px) {
	.site-nav {
		margin-left: 69px;
	}
}
/* ===	Header === END */

/* 
*	=== Main container settings ===
*/
.main {
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
	left: 0;
	transition: all .2s ease;
}
.main .col-lg-2 {
}
.main--moveToRight {
	left: 200px;
}
.tours-menu-box.col-lg-2 {
	width: 170px;
	left: -200px;
	position: absolute;
}

@media (min-width: 1200px) {
	.tours-menu-box.col-lg-2 {
		width: ;
		left: 0;
		position: static;
	}
	.main .col-lg-2 {
		width: 12.66666667%;

	}
	.main .col-lg-10 {
		width: 87.33333333%;
	}
}

/* === Main container settings === END */

/* 
*	=== Tours sidebar (left), Choose a tour menu ===
*/
.sidebar-nav {
	list-style: none;
}
.sidebar-nav > li {
	margin-bottom: 4px;
}
.sidebar-nav > li > a {
	display: block;
	height: 35px;
	padding: 11px 18px 10px 23px;
	border-top-right-radius: 2.5px;
	border-bottom-right-radius: 2.5px;
	background: #fff;
	font-size: 14px;
	line-height: 1;
	color: #2d4251;
	text-transform: capitalize;
	text-decoration: none;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.sidebar-nav > li > a:hover {
	background: #edf5fc;
}
.sidebar-nav > li > a.active {
	color: #fff;
	background: #3899ed;
}
.sidebar .line {
	height: 1px;
	width: 90%;
	margin: 29px auto 0 0;
	border-radius: 50%;
	background: #dee1e5;
}
.site-content {
	border-radius: 2.5px;
	background: #fff;
	box-shadow: 0px 2px 0px 0px #e8eaeb;
	padding-bottom: 10px;
}
/* === Tours sidebar (left), Choose a tour menu === END */

/* 
*  === Mobile menu === 
*/
.menu-box-xs {
	margin-top: -361px;
	padding: 20px 0;
	background: #fff;
	text-align: center;
	transition: all .3s ease;
}
.menu-box-xs--move-down {
	margin-top: 0;
}
.menu-box-xs .site-contact-info {
	margin-right: 0;
}
.menu-box-xs .site-contact-info > ul {
	margin-bottom: 10px;
}
.menu-box-xs .site-nav {
	margin-top: 0;
	margin-left: 0;
	display: inline-block;
}
.menu-box-xs .site-settings {
	width: 105.5px;
	margin-left: auto;
	margin-right: auto;
}

/* === Mobile menu === END */

/*
*	=== Footer ===
*/

.footer {
	padding-top: 7px;
	padding-bottom: 7px;
	width: 100%;
	min-height: 27px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #fff;
	font-size: 0;
	line-height: 0;
	text-align: center;
}
.footer small {
	font-size: 10px;
	line-height: 14px;
	color: #9ca9b7;
}
.footer .login {
	text-decoration: none;
	font-size: 11px;
	line-height: 14px;
	color: #8095a8;
}
.footer small a {
	color: #1988e9;
	text-decoration: none;
}
.footer--v-space {
	margin: 5px 0;
}
@media (min-width: 992px) {
	.footer {
		padding-bottom: 0;
	}
	.footer--t-l {
		text-align: left;
	}
	.footer--t-r {
		text-align: right;
	}
	.footer--v-space {
		margin: 0;
	}
	.footer .login {
		padding-right: 52px;
	}

}
/* === Footer === END */

/*
*	=== Buttons ===
*/

.site-btn {
	display: inline-block;
	text-decoration: none;
	text-align: left;
	text-decoration: none;
	background: #fff;
	border: none;
	outline: none;
	
}
.site-btn:hover {
	text-decoration: none;
	background: #fbfbfb;
}
.site-btn--md {
	width: 105.5px;
	height: 35px;
	padding: 7px 8px 7px 8px;
	border-radius: 17.5px;
	color: #2d4251;
	font-size: 14px;
	line-height: 21px;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.site-btn--sm {
	width: 72px;
	height: 25px;
	padding: 6px 6px 6px 9px;
	border-radius: 12.5px;
	border: 1px solid #bbc5d0;
	font-size: 12px;
	line-height: 13px;
	color: #788fa3;
}
.site-btn--sm > i {
	color: #2d4251;
	font-size: 12px;
	margin-right: 5px;

}
.site-btn--md > i {
	color: #b3bfcb;
}
.site-btn--md i:nth-of-type(1) {
	margin-left: 0;
	margin-right: 10px;
	font-size: 16px;
	line-height: 21px;
}
.site-btn--md i:nth-of-type(2) {
	margin-left: 9px;
	margin-right: 0;
	color: #788fa3;
	font-size: 17px;
	line-height: 21px;
}
.site-btn--primary {
	color: #fff;
	text-align: center;
	background: #3899ed;
	font-size: 16px;
	line-height: 17px;
	padding: 9px;
	box-shadow: 0px 2px 3.2px 0.8px #c0c6cd;
}
.site-btn--primary:hover {
	color: #fff;
	background: #2b92ed;
}
/* === Buttons === END */



/*
*	=== Site Content ===
*/
.site-content {
	background: #fff;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
}
.site-content .row {
	margin-left: -10px;
	margin-right: -10px;
}
.site-content .col-lg-9 {
	padding-left: 10px;
	padding-right: 0;

}
.site-content .col-lg-3 {
	padding-left: 20px;
	padding-right: 15px;
}
.article-content {
	padding-right: 10px;
	padding-bottom: 48px;
}
.article-box {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.artcle-content img {
	max-width: 800px;
}
.article-box > h2 {
	margin: 24px 0 14px 0;
	font-size: 18px;
	font-weight: 500;
	color: #2d4251;
}
.article-box > h2 > span {
	display: inline-block;
	vertical-align: middle;
	height: 12px;
	width: 12px;
	margin-left: 13px;
	border-radius: 100%;
	text-align: center;
	line-height: 12px;
	background: #2d4251;
	color: #fff;
	font-size: 8px;
	font-weight: 500;
}
.padding-xs-no {
	padding-left: 0;
	padding-right: 0;
}
.site-content .col-sm-4 {
	width: 317px;
	margin-left: auto;
	margin-right: auto;
}
@media (min-width: 768px) {
	.padding-xs-no {
		padding-left: 15px;
		padding-right: 15px;
	}
	.site-content .col-sm-4 {
		width: 33.33333333%;
		width: 317px;
	}
	.site-content .col-sm-8 {
		width: 66.66666667%;
		width: calc(100% - 317px);
	}
}
@media (min-width: 1200px) {
	.article-content {
		padding-right: 20px;
		border-right: 1px dashed #e0e3e6;
		padding-bottom: 48px;
	}
	.site-content .col-lg-9 {
		width: 72.4%;
		width: calc(100% - 317px);
	}
	.site-content .col-lg-3 {
		width: 27.6%;
		width: 317px;
	}
}

	/* Star Rating styles */
	.star-rating {

	  display: inline-block;
	  vertical-align: middle;
	}
	.star-rating .fa {
	  margin-right: 4px;
	  color: #1988e9;
	  font-size: 10px;
	  line-height: 1;
	}
	.star-rating .fa:last-of-type {
		margin-right: 0;
	}
	@media (min-width: 360px) {
		.star-rating .fa {
			font-size: 16px;
		}
	}

.article-rating {
	margin-top: 14px;
}
.article-rating > span {
	margin-left: 7px;
	font-size: 12px;
	line-height: 1;
	color: #788fa3;
}
.article-actions {
	margin-top: 13px;
}
.article-actions > button {
	margin-right: 10px;
}
.article-actions > .site-btn:last-of-type {
	margin-right: 0;
}
.article-place {
	font-size: 12px;
	line-height: 1;
	color: #3899ed;
}
.article-place > a {
	color: #2d4251;
	text-decoration: underline;
}
.article-place > i {
	font-size: 12px;
	color: #2d4251;
	margin-right: 7px;
}
.article-id {
	font-size: 11px;
	line-height: 12px;
	color: #788fa3;
	text-transform: uppercase;
}
.article-id i {
	font-size: 12px;
	color: #2d4251;
	margin-right: 8px;
}
.article figcaption {
	margin-right: 6px;
}
.article figcaption .figcap-row:last-of-type {
	margin-top: 14px;
	margin-left: 10px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #e0e3e6;;
}

	/* Article Sections styles */
	.article-section {
		padding-left: 10px;
	}
	.article-section > h3 {
		margin: 26px 0 0 0;
		font-size: 15px;
		line-height: 25px;
		font-weight: 500;
		color: #2d4251;
		text-transform: capitalize;
	}
	.article-section > h3 > i {
		font-size: 13px;
		margin-right: 10px;
	}
	.article-section > hr {
		margin: 3px 0 11px 0;
		border-top: 2px solid #eef0f2; 
	}
	.article-section > p {
		padding-left: 24px;
		font-size: 12px;
		line-height: 18px;
		color: #2d4251;
		text-align: justify;
		margin-bottom: 10px;
	}
	.article-section > p:last-of-type {
		margin-bottom: 0;
	}
	.article-section ul {
		padding-left: 37px;
	}
	.article-section ul > li {
		font-size: 12px;
		line-height: 21px;
		color: #2d4251;
		position: relative;
	}
	.article-section ul > li:before {
		position: absolute;
		display: inline;
		top: -1px;
		left: -13px;
		content: "•";
	}



/* === Site Content === END */

.order-sidebar {
	padding-right: 5px;
}

/*
*	=== Daterange ===
*/
.daterange {
	padding-bottom: 21px;
	border-bottom: 1px dashed #e0e3e6; 
}
.daterange > h3 {
	margin: 29px 0 0 0;
	font-size: 15px;
	font-weight: 500;
	color: #2d4251;
	text-align: center;
}
.daterange > hr {
	margin: 12px 0 18px 0;
}
.daterange__controls {
	text-align: center;
	position: relative;
	margin-bottom: 39px;
}
.daterange__controls span {
	font-size: 15px;
	color: #2d4251;
}
.daterange__controls .fa {
	color: #c2cedb;
	font-size: 23px;
	cursor: pointer;
	top: -3px;
}
.daterange__controls .fa:hover {
	color: #3899ed;
}
.daterange__controls .fa-angle-left {
	position: absolute;
	left: 14px;
}
.daterange__controls .fa-angle-right {
	position: absolute;
	right: 16px;
}
.daterange > table,
.daterange > table > tbody,
.daterange > table > tbody > tr {
	display: block;
	width: 100%;
}
.daterange > table > tbody > tr:after {
	display: table;
	content: "";
	clear: both;
}
.daterange > table > tbody > tr {
	margin-bottom: 2px;
}
.daterange > table > tbody > tr:first-of-type {
	margin-bottom: 9px;
}
.daterange > table > tbody > tr:last-of-type {
	margin-bottom: 0;
}
.daterange > table > tbody > tr > th,
.daterange > table > tbody > tr > td {
	display: inline-block;
	float: left;
	text-align: center;
	width: 14.285714%;
}
.daterange > table > tbody > tr > td > span {
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 100%;
	font-size: 17px;
	cursor: pointer;
}
.daterange table span:hover {
	background: #f0f5f7;
	color: #252d3f;
}
.daterange table .range-start {
	background: #2d4251;
	color: #fff;
}
.daterange table .range-inside {
	background: #4db7f5;
	color: #fff;
}
.daterange table .range-end {
	background: #ffba00;
	color: #fff;
}
.daterange table .another-month {
	color: #97a4b2;
}
.daterange__terms span {
	font-size: 10px;
	color: #9ca9b7;
}
.daterange__terms span:before {
	display: inline-block;
	width: 15px;
	height: 5px;
	content: "";
	margin-right: 13px;
}
.daterange__terms span:nth-of-type(1) {
	margin-right: 20px;
}
.daterange__terms span:nth-of-type(1):before {
	background: #4eb7f5;
}
.daterange__terms span:nth-of-type(2):before {
	background: #ffba00;
}
.daterange__terms span {
	font-size: 10px;
	color: #9ca9b7;
}
.daterange__terms hr {
	border-top: 2px solid #f1f2f3;
	margin: 8px 0 20px 0;
}
.daterange__time-length {
	font-size: 12px;
	color: #788fa3;
	margin-bottom: 7px;
}
.daterange__time-length i {
	font-size: 10px;
	margin-right: 11px;
	color: #2d4251;
}
.daterange__time-start {
	margin-bottom: 2px;
}
.daterange__time-start i,
.daterange__time-end i {
	font-size: 10px;
}
.daterange__time-start i {
	margin: 0 11px 0 5px;
}
.daterange__time-end i {
	margin: 0 11px 0 9px;
}
.daterange__time-start span,
.daterange__time-end span {
	font-size: 9px;
	color: #788fa3;
}

/* === Daterange === END */

/*
* === Order option ===
*/
.order-option {
	padding-top: 20px; 
	padding-bottom: 24px;
	border-bottom: 1px dashed #e0e3e6; 
}
.order-option h5 {
	margin: 0 0 11px 0;
	font-size: 10px;
	color: #9ca9b7;
	font-weight: 400;
}
.order-option h5 i {
	font-size: 12px;
	color: #2d4251;
	margin-left: 7px;
}
.order-option > ul h6 {
	height: 30px;
	padding: 7px 10px;
	margin: 0 0 4px 0;
	border-radius: 5px;
	border: 1px solid #3899ed;
	background: #1988e9;
	font-size: 13px;
	font-weight: 400;
	line-height: 14px;
	color: #fff;
	text-transform: capitalize;
}

.order-option__desc {
	padding: 9px 0 20px 11px;
}
.order-option__desc li {
	font-size: 12px;
	line-height: 20px;
}
.order-option__desc span {
	display: inline-block;
	width: 59px;
	text-align: left;
	font-size: 9px;
	color: #788fa3;
}
.order-option__desc p {
	font-size: 12px;
	line-height: 20px;
	color: #788fa3;
}

.order-option__desc i {
	font-style: normal;
	line-height: 20px;
	font-size: 16px;
	color: #1988e9;
}
.order-option .form-group {
	margin-bottom: 10px;
}
.order-option .form-group:last-of-type {
	margin-bottom: 0;
}
.order-option label {
	margin-left: 11px;
	font-size: 15px;
	line-height: 20px;
	color: #2d4251;
	font-weight: 400;
}
input {
	height: 30px;
	padding: 8px 9px 8px 9px;
	border-radius: 5px;
	outline: none;
	border: 1px solid #bbc5d0;
	font-size: 12px;
	line-height: 14px;
	color: #000;
}
input:focus {
	border: 1px solid #a5d5ff;
}

.order-option input {
	width: 70px;
}

.order-option__price {
	margin-top: 31px;
}

.order-option__old-price {
	font-size: 14px;
	line-height: 16px;
	color: #bcc6d1;
	text-decoration: line-through;
}
.order-option__old-price span {
	display: inline-block;
	vertical-align: middle;
	width: 26px;
	height: 16px;
	margin-left: 3px;
	border-radius: 2px;
	background: #3899ed;
	font-size: 9px;
	line-height: 16px;
	text-align: center;
	color: #fff;
}
.order-option__new-price {
	margin: 13px 0 5px 0;
	font-size: 26px;
	font-weight: 700;
	line-height: 26px;
	color: #000;
}
.order-option__new-price span {
	margin-right: 4px;
	vertical-align: top;
	font-size: 19px;
	color: #8397aa;
}
.order-option__price-count {
	margin-bottom: 13px;
	text-transform: uppercase;
	font-size: 9px;
	color: #788fa3;
}
/* === Order option === END */

/*
* === Order promo ===
*/
.order-promo {
	margin-top: 28px;
	padding-bottom: 27px;
	border-bottom: 1px solid #e0e3e6;
}

.order-promo > div {
	margin-bottom: 13px;
	font-size: 13px;
	line-height: 13px;
	color: #788fa3;
}
.order-promo i {
	margin-right: 6px;
	vertical-align: middle;
	font-size: 10px;
	line-height: 13px;
	color: #2d4251;
}
.order-promo input {
	width: 71%;
	margin-right: 11px;
}
.order-promo .site-btn {
	width: 65px;
	height: 30px;
	border-right: 15px;
	border: 1px solid #1988e9;
	border-radius: 15px;
	color: #1988e9;
	font-size: 15px;
	line-height: 16px;
	text-align: center;
	padding: 7px 5px;
}
/* === Order promo === END */

/*
* === Order map ===
*/
.order-map {
	width: 100%;
	max-width: 278px;
	max-height: 256px;
	margin-top: 20px;
	border-radius: 2.5px;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}
/* === Order map === END */
.carousel-indicators {
	margin-bottom: 10px;
}
.carousel-indicators li {
	width: 10px;
	height: 10px;
	background: rgba(255, 255, 255, .5);
	border: none;
	margin: 0;
}
.carousel-indicators li.active {
	width: 10px;
	height: 10px;
	background: rgba(255, 255, 255);
}
.carousel-control.left,
.carousel-control.right {
	background-image: none;

}
.carousel-control.left {
	left: 16px;
}
.carousel-control.right {
	right: 16px;
}
.carousel-control {
	display: inline-block;
	height: 30px;
	width: 30px;
	position: absolute;
	top: 50%;
	top: calc(50% - 15px);
	text-shadow: none;
	box-shadow: none;
	opacity: 1;
}
.carousel-control:hover span {
	background: rgba(255, 255, 255, .5);
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	color: #fff;
}
.carousel-control span {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	font-size: 26px;
	line-height: 30px;
	text-align: center;
	background: rgba(255, 255, 255, .8);
	color: #2d4251;
}
@media (min-width: 768px) {
	.carousel-indicators {
		margin-bottom: 0;
		bottom: 8px;
	}
}