:root {
	--bluegray-100: hsl(165, 30%, 15%);
    --bluegray-200: hsl(165, 30%, 34%);
    --bluegray-300: hsl(165, 30%, 47%);
    --bluegray-400: hsl(165, 30%, 66%);
	--bluegray-450: hsl(165, 30%, 85%);
    --bluegray-500: hsl(165, 30%, 93%);
	--gray-100: hsl(165, 15%, 15%);
    --gray-200: hsl(165, 15%, 27%);
    --gray-300: hsl(165, 15%, 47%);
    --gray-400: hsl(165, 15%, 66%);
    --gray-500: hsl(165, 15%, 98%);
	--violet-100: hsl(245, 15%, 15%);
    --violet-200: hsl(245, 15%, 30%);
	--violet-350: hsl(245, 30%, 47%);
    --violet-300: hsl(245, 15%, 47%);
    --violet-400: hsl(245, 15%, 66%);
    --violet-500: hsl(245, 15%, 93%);
	--star: hsl(43, 69%, 50%);

}
header .row {
	box-shadow: inset 0px -25px 21px -22px #549c8a33, inset 0px 25px 21px -22px #549c8a57, 0px 7px 10px -11px #549c8a57;
}
.form-control {
	background-color: var(--gray-500);
}
.btn-primary {
    color: #fff;
    background-color: var(--violet-350);
    border-color: var(--violet-350);
}
.btn-outline-primary {
    color: var(--violet-200);
    border-color: var(--violet-200);
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: var(--violet-300);
    border-color: var(--violet-300);
}
.btn-primary:hover {
    color: #fff;
    background-color: var(--violet-300);
    border-color: var(--violet-300);
}
h1 {
	font-size:28px;
}
.tariffTable thead th {
	vertical-align:middle;
}
.tariffTable thead th, .tariffTable td, th {
	padding:5px;
	font-size:12px;
	text-align:center;
}
.tariffTable input {
	text-align:center;
	font-size:13px;
}
.tariffTable input {
	
}
.periodCol {
	min-width:75px;
	font-size:12px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.TchooseRoomType {
	min-width:150px;
	text-align: left !important;
}
.TchooseFoodType {
	min-width:100px;
}
.paxCol {
	min-width:80px;
}

/* new styles */

.icon-style i{
	font-size: 30px;
    color: #dc834e;
}
.row .icon-style {
	padding-right: 0;
}
.feature {
	color: black;
	font-weight: 600;
	font-size: 18px;
}
.feature-value {
	color:#616767;
}
ul {
	list-style: none;
}
.included:before {
	content: "\f058";
	font-family: "FontAwesome";
	font-size: 15px;
	color: green;
	margin-right: 5px;
}
.excluded:before {
  	content: "\f057";
	font-family: "FontAwesome";
	font-size: 15px;
	color: red;
	margin-right: 5px;
}
.duration:before {
	content: "\f017";
	font-family: "FontAwesome";
	font-size: 30px;
    color: #f0b429;
    margin-right: 5px;
}
.attraction-border {
	border-top: 1px solid rgb(156 156 156 / 35%);

}
.border-top {
	border-top: 1px solid #9c9c9c;
	padding-left: 5px;
	padding-right: 5px;
}
/* upcomming services */
.serviceList span {
	font-weight: 800;
}
.jobServiceList {
	/* font-size:12px; */
}
.serviceRow, .chooseJobGuide, .chooseJobTransport {
	cursor:pointer;
	font-size:14px;
	border-bottom: 1px solid #82dfd6;
}
.serviceRow:hover, .chooseJobGuide:hover, .chooseJobTransport:hover {
	background:#82dfd6;
}
.serviceRowSelected, .chooseJobGuideSelected, .chooseJobTransportSelected {
	background:#6cc653;
}

/* you may also like  */
.item-text {
	padding: 0 30px 10px;
    position: relative;
    z-index: 5;
}
.item-meta {
	font-size: 14px;
	color: #383838; 
    margin-top: -27px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 60px 0 rgb(6 30 98 / 8%);
    padding: 15px 20px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.item-title {
	margin: 0;
    font-size: 14px;
    line-height: 1.2;
    text-transform: capitalize;
    font-weight: 600;
    padding-bottom: 5px;
    border-bottom: 1px solid rgb(201 201 201 / 50%);
}
.parent-box {
	box-shadow: 0 0 15px 0 rgb(6 30 98 / 8%);
	border-radius: 10px;
}
.item-bottom {
	display: flex;
	justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    margin-top: auto;
}
.price-item {
	padding-left: 15px;
	color:#f0b429;
	font-weight: bolder;
}
.item-icon-style {
	color: #f0b429;
}
.item-img {
	overflow: hidden;
	border-radius: 10px;
	
}
.item-img:hover img {
    transform: scale(1.2);
    transition: all .5s linear;
}

/* Top menu styles */
.topmenubar {
	background-color:#0e5581;
	height:50px;
}
.topmenubar .row {
	max-width:1140px;
	font-size:15px;
	padding-top:7px;
}
.topmenubar .row .col-auto {
	padding-right: 6px;
	padding-left: 6px;
	padding-top:7px;
}
.topmenubar .row .col-auto a {
	padding:7px 3px;
	color:white;
}
.topmenubar .row .col-auto a:hover {
	background-color:white;
	color:#0e5581;
	text-decoration:none;
}
/* topmenu and daytours styles */
.fa-map-marker-alt {
	color:#9c9c9c; 
	font-size: 25px; 
	width: 25px;	
}
.pickupfrom {
	font-size: 16px; 
	color:#9c9c9c; 
}
.booking-form-head-laptop {
	margin-top: -100px; 
	margin-bottom: 30px	
}
.contactBtns {
	width: 30px;    padding: 5px;      height:110px; text-align: center;
}
.contactBtn {
	background: #f68121;    padding: 4px;    border-radius: 3px;    width: 36px;    text-align: center;    margin-bottom: 3px;   font-size: 21px;    height: 36px;
}
/* request_page */
#accomodationList .row:hover {
	cursor: pointer;
	background-color: var(--violet-500);
}
/* hotel search */
#requestModalBasket .queryPos {
	background-color: #fff;
    box-shadow: 0px 2px 0 0 var(--bluegray-450);
}
#requestModalBasket .modal-content {
	background-color: #e9e9e9;
}
.facilities ul li {
	font-size: 13px;
}
/* topmenu and daytours mobile styles */
@media only screen and (min-device-width: 200px) and (max-device-width: 1024px)  {
  h1 {
		font-size:22px;
		line-height:24px;
	}
	
	.row .icon-style {
		padding-right: 15px;
	}
	.fa-map-marker-alt {
		font-size: 16px; 
		width: 18px;	
	}
	.pickupfrom {
		font-size: 16px; 
	}
	.booking-form-head {
		margin-top: 0px; 
	}
}
.clientList {
font-size: 14px;
margin: 0px 5px;
border-bottom: 1px solid #3d7164;
cursor: pointer;
line-height: 24px;
}
.clientList:hover {
	background: #dbdbdb;
}