/*
	Default
*/

@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i");
@import url("https://fonts.googleapis.com/css?family=Bilbo");

html, body {
	height: 100%;
	font-size: 16px;
}

body {
	font-family: "Playfair Display", TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	background-color: #FFF;
	overflow: hidden;
}

body.open-navigation {
	overflow: hidden;
}

.container {
	position: relative;
}
.rel {
	position: relative;
}

a {
	color: #c6a551;
	transition: color .2s;
}

	a:hover,
	a.active {
		color: #ffffff;
		transition: color .2s;
		text-decoration: underline;
	}

.carousel-indicators li {
	cursor: pointer;
	transition: background .2s;
}

	.carousel-indicators li:hover {
		background-color: #FFF;
		transition: background .2s;
	}

.form-control,
.btn {
	border-radius: 0;
}

h1.title {
	margin-bottom: 2.5rem;
}

.bx-wrapper {
	margin: 0 auto;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	border-radius: 0;
	width: 15px; height: 15px;
	background: #FFF;
	transition: background .2s;
	opacity: .9;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: #c6a551;
	transition: background .2s;
	opacity: 1;
}

.btn-primary {
	background-color: #99a52b;
	border-color: #99a52b;
	border-radius: 1.25rem;
    text-transform: uppercase;
    padding: .5rem 1.5625rem;
}

	.btn-primary:hover {
		background-color: #c6a551;
		border-color: #c6a551;
	}

form .btn-primary {
    display: table;
    margin: 0 auto;
}

.elementLabel {
	color: #99a52b;
	font-weight: 400;
}

.formErrors {
  background-color: #f30f0f;
  color: #FFF;
  padding: 2rem;
  font-size: .875rem;
}

.alignCenter {
  text-align: center;
}

.bx-wrapper .bx-prev {
  left: -40px;
}

.bx-wrapper .bx-next {
  right: -40px;
}

.no-gutters .row {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters>.col, .no-gutters [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

/*
	Header
*/

header {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10001;
	font-size: .875rem;
	text-transform: uppercase;
	background-color: #545350;
	border-bottom: 1px solid #99a52b;
}

	header.fixed-header {
		position: fixed;
		top: -38px;
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
	}

	header a {
		color: #e1c072;
	}

	header .active a {
		color: #99a52b;
	}

.navbar-brand {
	height: 4rem;
	float: left;
	padding: 0;
	margin-left:40px;
}

	.navbar-brand img {
		height: 100%;
		width: auto;
		max-height: 4rem;
	}

.navbar-container {
	padding: 15px 0 15px 0;
	position: relative;
	display: inline-block;
    width: 100%;
    float:left;
}

.navbar {
	font-size: .875rem;
	border-radius: 0;
	float: right;
	padding: .95em 1rem 0 1rem;
	margin-right: 230px;
}

	.navbar li {
		position: relative;
	}

	.navbar li:before {
		content: "";
		width: 1px; height: 70%;
		background-color: #f0f0f0;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

		.navbar li:first-child:before {
			content: none;
		}

	.navbar a:hover {
		text-decoration: underline;
	}
	

.languages {
	float: right;
	margin-right: 40px;
}

#languages {
	display: none;
}

.languages-container {
    padding: 1rem 1rem;
    margin-top: 1rem;
    background-color: #FFF;
    position: relative;
    border-radius: 3px;
    margin-top: 1rem;
    position: absolute;
    z-index: 10;
    margin-left: 0 !important;
}

	.languages-container:before {
		top: -1.25rem;
		left: 0;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #FFF;
		border-width: .625rem;
		margin-left: 1rem;
	}

	.languages-container a {
	    color: #c7aa63 !important;
	}

		.languages-container a:hover {
		    color: #000 !important;
		}

.header-top-content {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #e1c072;
	font-size: .75rem;
}

	.header-top-content a {
		color: #FFF;
	}

	.header-top-content a:hover,
	.header-top-content .active a {
		color: #000;
	}

	.header-top-content ul {
		margin-right: 80px;
		margin-top: 6px;
		margin-bottom: 0;
		float: right;
	}

	.header-top-content .list-inline-item:not(:last-child) {
		margin-right: 1.5rem;
	}

/*
	Homepage carousel
*/

.carousel-container {
	position: relative;
	padding-top:40%;
	height:0;
}

#myCarousel.carousel {
	//height: 33.75rem;
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
}
#myCarousel .carousel-inner,
#myCarousel .carousel-item {
	height: 100%;
}

#myCarousel .carousel-caption {
	top: 50%;
	transform: translateY(-50%);
	bottom: auto;
	text-transform: uppercase;
}

	#myCarousel .carousel-caption h1 {
		letter-spacing: 5px;
		margin-bottom: 0;
	}

#myCarousel .carousel-indicators {
	margin-bottom: 0;
	bottom: 4.9375rem;
	z-index: 2;
}

.fill {
	width: 100%;
	height: 100%;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	text-align: center;
	position: relative;
	margin:0 0;
}
	.fill img {
		width:100%;
		height: auto;
		margin:auto;
		position: absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
	}

h1.title {
	text-transform: uppercase;
	color: #99a52b;
	line-height: 1;
}

	h1.title span {
		font-size: 1.5rem;
		color: #e1c072;
	}

/*
	Special deals
*/

.special-deals {
	position: relative;
	bottom: 1.9375rem;
	left: 50%;
	margin-bottom:-82px;
	transform: translateX(-50%);
	background-color: #FFF;
	border-radius: 3px;
	color: #c7c7c7;
	padding: 1.25rem 2.5rem;
	max-width: 960px; width: 100%;
	font-size: 1.25rem;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
	z-index: 1;
}

.special-deals .deal-name {
	color: #c6a551;
	float: left;
	line-height: 2;
}

.special-deals .price {
	font-size: .875rem;
	margin-right: 2.5rem;
}

.special-deals ul {
	margin-bottom: 0;
	float: right;
}

.special-deals .btn-primary {
	background-color: transparent;
	color: #c6a551;
	border-color: #c6a551;
	padding: .5rem 1.5625rem;
	border-radius: 1.25rem;
	text-transform: uppercase;
	transition: background .2s;
}

	.special-deals .btn-primary:hover {
		transition: background .2s;
		background-color: #99a52b;
		border-color: #99a52b;
		color: #FFF;
	}

/*
	Properties on homepage
*/

.properties-container {
	padding-top: 5.4rem;
	position: relative;
	background: url("../img/bg-pattern-circles.png") repeat;
}

	.properties-slider-container {
		background-color: #FFF;
		padding-top: 2.5rem;
		padding-bottom: 2.5rem;
	}
	.bg-wrap {
		width: 100%; 
		height: 100%;
		color: #99a52b;
		position: absolute;
		top: 50%; 
		left: 0;
		transform: translateY(-50%);
		opacity: .3;
		overflow: hidden;
	}
		.bg-wrap img {
			width:100%;
			height: auto;
		}
	.properties,
	.frontpage-gallery,
	.frontpage-gallery .container-fluid,
	.frontpage-video,
	.frontpage-video .container-fluid {
		position: relative;
		z-index: 1;
	}

		.frontpage-gallery,
		.frontpage-video,
		.villa-plans {
			padding-top: 3.75rem;
			padding-bottom: 3.75rem;
		}

		.bg-fixed:after {
			content: "";
			width: 100%; height: 100%;
			background-attachment: fixed !important;
			color: #99a52b;
			position: absolute;
			top: 50%; left: 0;
			transform: translateY(-50%);
			opacity: .3;
		}

		.properties-container:after {
			background: url("../img/IMG_9626.jpg") no-repeat;
		}

		/*.frontpage-gallery:after {
			background: url("../img/IMG_9627.jpg") no-repeat;
		}

		.frontpage-video:after {
			background: url("../img/IMG_9631.jpg") no-repeat;
		}*/

		.properties-absolute {
			padding-bottom: 3.75rem;
			position: relative;
		}

			.properties-absolute ul {
				position: relative;
			}
	.testimonials span.title,
	.amenities span.title,
	.properties span.title,
	.details span.title,
	.frontpage-gallery span.title,
	.frontpage-video span.title,
	.villa-plans span.title {
		display: table;
		position: relative;
		color: #99a52b;
		font-size: 3rem;
		margin: 0 auto 2.5rem auto;
		text-transform: uppercase;
		letter-spacing: 2px;
	}

		.properties span.title,
		.frontpage-gallery span.title,
		.frontpage-video span.title,
		.villa-plans span.title {
			font-size: 2rem;
			color: #c6a551;
			margin-bottom: 0;
		}

			.frontpage-video span.title,
			.villa-plans span.title {
				margin: 0 auto 2.5rem auto;
			}

			.frontpage-gallery span.title {
				margin: 0 auto 1.5625rem auto;
			}

		.properties span.sub-title {
			font-size: 1rem;
			color: #c6a551;
			margin-bottom: 3rem;
			position: relative;
			display: block;
		}

		.amenities span.small-title {
			color: #99a52b;
			font-size: 1rem;
			text-transform: uppercase;
			letter-spacing: 2px;
			display: block;
			margin-bottom: 20px;
		}

		.amenities ul {
			padding-left: 0.9411rem;
		}

	.testimonials span.title:before,
	.testimonials span.title:after,
	.amenities span.title:before,
	.amenities span.title:after,
	.properties span.title:before,
	.properties span.title:after,
	.details span.title:before,
	.details span.title:after,
	.frontpage-gallery span.title:before,
	.frontpage-gallery span.title:after,
	.frontpage-video span.title:before,
	.frontpage-video span.title:after,
	.villa-plans span.title:before,
	.villa-plans span.title:after {
		content: "";
		height: .125rem;
		width: 18.75rem;
		position: absolute;
		top: 50%; left: -20rem;
		transform: translateY(-50%);
		background: -moz-linear-gradient(left, rgba(42,158,214,0) 0%, rgba(153,165,43,1) 100%);
		background: -webkit-linear-gradient(left, rgba(42,158,214,0) 0%,rgba(153,165,43,1) 100%);
		background: linear-gradient(to right, rgba(42,158,214,0) 0%,rgba(153,165,43,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099a52b', endColorstr='#99a52b',GradientType=1 );
	}

		.properties span.title:before,
		.properties span.title:after,
		.frontpage-gallery span.title:before,
		.frontpage-gallery span.title:after,
		.frontpage-video span.title:before,
		.frontpage-video span.title:after,
		.villa-plans span.title:before,
		.villa-plans span.title:after {
			background: -moz-linear-gradient(left, rgba(198,165,81,0) 0%, rgb(128, 105, 48) 100%);
			background: -webkit-linear-gradient(left, rgba(198,165,81,0) 0%,rgba(198,165,81,1) 100%);
			background: linear-gradient(to right, rgba(198,165,81,0) 0%,rgba(198,165,81,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c6a551', endColorstr='#c6a551',GradientType=1 );
		}
	.testimonials span.title:after,
	.amenities span.title:after,
	.properties span.title:after,
	.details span.title:after,
	.frontpage-gallery span.title:after,
	.frontpage-video span.title:after,
	.villa-plans span.title:after {
		left: auto;
		right: -20rem;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.properties span.title:before,
	.properties span.title:after {
		width: 12.25rem;
		left: -13.333333rem;
	}

		.properties span.title:after {
			right: -13.333333rem;
			left: auto;
		}

	.properties ul p {
		margin-bottom: .5rem;
		font-size: 2rem;
	}

ul.absolute-perfection li {
	margin-left: 60px;
}

	ul.absolute-perfection li:first-child {
		margin-left: 0;
	}

ul.absolute-perfection li span {
	display: block;
	line-height: 1;
}

.details,
.amenities {
	//background: url("../img/DSC_0383.jpg") no-repeat;
	background-repeat: no-repeat; 
	background-attachment: fixed;
	background-position: center;
	margin-top: 0;
	font-weight: 400;
	padding-top: 6.25rem;
	padding-bottom: 6.25rem;
}

	.amenities {
		background-attachment: fixed;
		background-position: center;
	}

	.properties-nav {
		padding-top: 1.7rem;
		padding-bottom: 1.7rem;
		text-transform: uppercase;
		background-color: #FFF;
	}
	
	.properties-nav ul {
		margin-bottom: 0;
		position: relative;
	}

		.properties-nav li {
			position: relative;
			padding-left: 70px;
		}

			.properties-nav li:before {
				content: "";
				width: 52px; height: 1px;
				background: -moz-linear-gradient(left, rgba(30,87,153,0) 0%, rgba(42,158,214,1) 25%, rgba(42,158,214,1) 50%, rgba(42,158,214,1) 75%, rgba(125,185,232,0) 100%);
				background: -webkit-linear-gradient(left, rgba(30,87,153,0) 0%,rgba(42,158,214,1) 25%,rgba(42,158,214,1) 50%,rgba(42,158,214,1) 75%,rgba(125,185,232,0) 100%);
				background: linear-gradient(to right, rgba(30,87,153,0) 0%,rgba(42,158,214,1) 25%,rgba(42,158,214,1) 50%,rgba(42,158,214,1) 75%,rgba(125,185,232,0) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#007db9e8',GradientType=1 );
				position: absolute;
				left: 0;
				top: 50%;
			}

				.properties-nav li:first-child:before {
					content: none;
				}

	.properties-nav a {
		color: #e1c072 !important;
		transition: .2s;
		padding-left: 0;
		padding-right: 0;
		cursor: pointer;
	}

		.properties-nav a:hover {
			color: #99a52b !important;
			transition: .2s;
		}

		.properties-nav .active a {
			color: #99a52b !important;
			transition: .2s;
		}

.properties-slider span {
	text-transform: uppercase;
	font-size: 1.3125rem;
	margin-bottom: .5rem;
	display: block;
}

/*
	Ekko lightbox
*/

.ekko-lightbox .modal-content {
  border-radius: 0;
  background-color: transparent;
  border: 0;
}

.ekko-lightbox .modal-body {
  padding: 0;
}

.modal-backdrop.show {
  opacity: .9;
}

a.frontpage-gallery {
  display: block;
  position: relative;
  cursor: pointer;
}

.gallery-nav {
	margin-top:20px;
	display: inline-block;
	width: 100%;
}
.active-slide {
	border:2px solid #99a52b;
}

.frontpage-gallery [class*=col-],
.frontpage-video [class*=col-] {
  margin-top: 15px;
  margin-bottom: 15px;
}

img.i-photo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	max-height: 120px;
	width: auto;
	opacity: .8;
}

.ekko-lightbox .modal-header {
  border-bottom: 0;
}

.ekko-lightbox .close {
  color: #FFF;
  text-shadow: none;
  opacity: 1;
}

/*
	Fronpage panes
*/

.panes-container {
  background-color: #99a52b;
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}

	.panes-container table {
	  color: #f2f2f2;
	}

	.panes-container .nav {
	  font-size: 1.3125rem;
	  margin-bottom: 1.875rem;
	}

	.panes-container .nav-pills .nav-link.active,
	.panes-container .nav-pills .nav-link:hover,
	.panes-container .nav-pills .show>.nav-link {
	  background-color: transparent;
	  border-bottom: 2px solid #FFF;
	  color: #FFF;
	  text-decoration: none;
	  transition: all .2s;
	}

	.panes-container .nav-pills .nav-link {
	  border-bottom: 2px solid #000;
	  color: #000;
	  border-radius: 0;
	  padding: .75rem 2.5rem;
	  transition: all .2s;
	}

	.tab-pane .btn-primary {
	  background-color: #000;
	}

		.tab-pane .btn-primary:hover {
		  background-color: #FFF;
		  border-color: #FFF;
		  color: #99a52b;
		}

	.panes-container .tab-content,
	.tab-pane .elementLabel {
	  color: #FFF;
	}

	.panes-container .table td,
	.panes-container .table th,
	.panes-container .table thead th {
	  border-color: #ffffff;
	}

	.panes-container .table thead th {
	  color: #FFF;
	  font-weight: 300;
	}

	.panes-container .form-container {
	  margin-top: 1.25rem;
	  margin-bottom: 1.25rem;
	}

	span.pay-only {
	  float: left;
	}

		span.pay-only {
		  margin-right: 1.25rem;
		  font-size: .875rem;
		  line-height: 1.4;
		}

	.form-option {
	  margin-left: 1.25rem;
	}

		.form-option:first-child {
		  margin-left: 0;
		}

	.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
	  color: #212529;
	}

	.dropdown-item.active, .dropdown-item:active {
	  //background-color: #ebe0c1;
	  //color: #212529;
	  color:#99a52b;
	  background: white;
	  text-decoration: underline;
	  cursor: default;
	}

	.table-taxes {
	  font-size: .875rem;
	  width: auto;
	}

	#rates .row {
	  margin-top: 2rem;
	  margin-bottom: 4rem;
	}

	.table-taxes th {
		color: #FFF;
		font-weight: 300;
	}

	.table-taxes td, .table-taxes th {
	  padding: .375rem;
	}

	.tab-pane span.title {
	  font-size: 1.25rem;
	  display: block;
	  margin-bottom: 1rem;
	  color: #FFF;
	  text-align: left;
	}

	.tab-pane [class*=col-] {
	  margin-bottom: 2rem;
	}

	.tab-pane form [class*=col-] {
	  margin-bottom: 0;
	}

/*
	Amenities
*/

.amenities ul {
	margin-bottom: 0;
}
	
	.amenities li {
		margin-top: 10px;
	}
		
		.amenities li:first-child {
			margin-top: 0;
		}

		.amenities li.img {
			list-style-type: none;
			margin-left:-0.9411rem;
		}

			.amenities li.img img {
				margin-bottom:8px;
			}

/*
	Footer
*/

footer {
	background-color: #34383c;
	color: #989898;
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
	font-size: .875rem;
}

/*
	Side form
*/

.side-form {
  position: fixed;
  top: 170px; right: 0;
  z-index: 10;
  max-width: 350px; width: 100%;
  background-color: rgba(27, 30, 33, .7);
  padding: 35px 29px;
  color: #FFF;
  font-size: .875rem;
}

  .side-form .price {
    font-size: 2rem;
    padding-left: 11px;
    padding-right: 11px;
    padding-bottom: 11px;
    border-bottom: 2px solid #FFF;
    margin-bottom: 18px;
    line-height: 1;
    text-align: center;
  }

    .side-form .price span {
      font-size: 1rem;
      font-weight: 300;
      border-left: 2px solid #FFF;
      margin-left: 19.5px;
      padding-left: 19.5px;
    }

  .side-form form input.form-control {
    height: 40px;
    border: 1px solid #7d7d7d;
    font-size: .875rem;
  }

  .side-form .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
  }
  .side-form hr {
  	border-color: white;
  	color:white;
  	background: white;
  	width: 100%;
  	margin-top:0.5em;
  	margin-bottom:0.5em;
  }
  .side-form .info {
  	position: relative;
  	margin-left: 5px;
  	padding-right:5px;
  }
  .side-form .info-icon {
  	border-radius: 100%;
  	border:1px solid white;
  	color:white;
  	display: inline-block;
  	width:22px;
  	height:22px;
  	text-align: center;
  }
  .side-form .info-text {
  	position: absolute;
  	z-index:3;
  	top:0px;
  	left:100%;
  	background:rgba(200,200,200,0.8);
  	padding:0 5px;
  	line-height: 20px;
  	display: inline-block;
  	min-width:100px;
  	font-size:80%;
  	color:black;
  	display: none;
  	border-radius:3px;
  }
  .side-form .info:hover .info-text {
  	display: block;
  }

  .side-form .info-price {
  	float:right;
  }

  span.confirmation {
	font-size: 0.8rem;
	display: block;
	text-align: center;
	border: 2px solid #debc65;
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding: .5rem;
  }

  .side-form .btn-primary {
    display: table;
    width: 100%;
    font-weight: 700;
    font-size: 0.875rem;
    letter-spacing: 0;
    padding: 9px 12px;
    text-transform: uppercase;
  }

  .side-form .btn-primary {
    background-color: #99a52b;
    color: #FFF;
    border: 0;
    transition: background .2s;
    margin-bottom: 0;
  }

  	.side-form .btn-inquire {
	    background-color: #c6a551;
	    color: #FFF;
	}

    .side-form .btn-primary:hover {
      background-color: #242424;
      transition: background .2s;
    }

    	.side-form .btn-inquire:hover {
		    background-color: #FFF;
		    color: #99a52b;
		}

@media (min-width: 768px) {
	.side-form .row .col-md-6:nth-child(1) {
		padding-right: 8px;
	}
	.side-form .row .col-md-6:nth-child(2) {
		padding-left: 8px;
	}
}

span.speak {
	display: block;
	text-align: center;
	margin-bottom: 1rem;
	border-bottom: 1px solid #a1a1a1;
	padding-bottom: 1rem;
}

.side-form ul li {
	margin-top: .3125rem;
}

	.side-form ul li:first-child {
		margin-top: 0;
	}

	.side-form .fas {
		color: #99a52b;
		margin-right: .3125rem;
	}

	.side-form .logo {
		position: absolute;
		bottom: 0;
		max-height: 4.375rem;
		right: 0;
	}

/*
	Section testimonials
*/

.testimonials {
	padding-top: 6.25rem;
    padding-bottom: 6.25rem;
	text-align: center;
	position: relative;
}
	.testimonials .testimonials-item-inner {
		padding: 0 10%;
	}
	.testimonials img {
		float:left;
		border-radius: 100%;
		margin-right:20px;
	}

	.testimonials span.name {
		display: block;
		font-size: 2rem;
		color: #99a52b;
		margin-bottom: .5rem;
		text-transform: uppercase;
	}
	@media (max-width: 768px) {
		.testimonials span.name {
			font-size:1.2rem;
		}
		.testimonials img {
			width:80px;
			height:80px;
			float: none;
			margin:0 auto 10px auto;
		}
	}

.contact-form {
	padding-top: 3.4375rem;
	padding-bottom: 3.4375rem;
}

	.contact-form span.title {
		display: block;
		font-size: 1.3125rem;
		margin-bottom: 1rem;
	}

	.contact-form form {
		margin-top: 1.875rem;
	}

/*
	Benefits
*/

.benefits {
	background-color: #f1f2f2;
    padding: 3.4375rem;
    height: 100%;
}

	.benefits ul {
	    margin-bottom: 3.4375rem;
	    position: relative;
	}

	.benefits li {
	    margin-top: 2rem;
	    padding-left: 3.125rem;
	    position: relative;
	}

		.benefits li:first-child {
		    margin-top: 0;
		}

		.benefits li:before {
		    content: "";
		    width: 32px; height: 25px;
		    background: url("../img/i_check.png") no-repeat;
		    position: absolute;
		    left: 0; top: 1px;
		    background-size: cover;
		}

/*
	Footer
*/

.footer-titles {
	margin-bottom: 2.5rem;
	border-bottom: 1px solid #4e4e4e;
	padding-bottom: 1rem;
	text-transform: uppercase;
	color: #989898;
}

.copyright {
	text-align: left;
	font-size: .75rem;
	color: #989898;
}

	.copyright img {
		max-height: 120px;
		width: auto;
		margin-bottom: 1rem;
		display: block;
	}

ul.social {
	font-size: 2rem;
	line-height: 1;
	margin-bottom: 0;
}

	ul.social li:nth-child(4) {
		margin-top: .5rem;
	}

.all-rights {
	text-align: center;
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
	padding-bottom: 2.5rem;
	text-transform: uppercase;
	border-bottom: 1px solid #4e4e4e;
}

	.all-rights p,
	.all-rights ul {
		margin-bottom: 0;
	}

.footer-text {
	text-align: center;
}

/*
	Page
*/

.page {
	margin-top: 45px;
	margin-bottom: 60px;
}

	.page.with-gallery {
		margin-top: 0px;
	}

	.page h1 {
		text-align: center;
	}

.col-description {
	text-transform: uppercase;
	padding: 1.5625rem 1.2rem;
	background-color: #35383b;
	margin-top: .125rem;
	position: relative;
}

.btn-arrow {
	position: absolute;
	top: 50%; right: 1.2rem;
	transform: translateY(-50%);
	font-size: 2rem;
	line-height: 1;
}
.anchor {
    display: block;
    position: relative;
    top: -145px;
    visibility: hidden;
}
#ele-wrapper {
	padding-top:145px;
}
.holder-inner-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    background-color: #fff;
    backface-visibility: hidden;
    -webkit-transform: rotateY(0deg) translateX(0px);
    -moz-transform: rotateY(0deg) translateX(0px);
    -ms-transform: rotateY(0deg) translateX(0px);
    transform: rotateY(0deg) translateX(0px);
    -webkit-transition: all 500ms cubic-bezier(0.8, 0, 0.2, 0.9) 0s;
    -moz-transition: all 500ms cubic-bezier(0.8, 0, 0.2, 0.9) 0s;
    -ms-transition: all 500ms cubic-bezier(0.8, 0, 0.2, 0.9) 0s;
    transition: all 500ms cubic-bezier(0.8, 0, 0.2, 0.9) 0s;
}

.open-navigation .holder-inner-wrapper {
    -webkit-transform: rotateY(38deg) translateX(-180px);
    -moz-transform: rotateY(38deg) translateX(-180px);
    -ms-transform: rotateY(38deg) translateX(-180px);
    transform: rotateY(38deg) translateX(-180px);
}

#holder {
    position: relative;
    width: 100%;
    height: 100%;
    perspective: 2000px;
    perspective-origin: 50% 50%;
}

.main-menu-wrp {
    background-color: #281f1e;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
    display: none;
    overflow: auto;
}

	.main-menu-wrp ul {
	    position: absolute;
	    top: 150px; right: 0;
	    width: 21%;
	    text-transform: uppercase;
	}
	.main-menu-wrp li {
		display:block;
	}

.dropdown-menu {
	border:0;
	border-radius: 0;
}

.more-menu-switcher {
	cursor: pointer;
	height: 32px;
	position: absolute;
	right: 170px;
	top: 26px;
	width: 40px;
}

 .switcher-ele:after,
 .switcher-ele:before {
	content: '';
	display: inline-block;
	overflow: hidden;
	pointer-events: none;
}
	.switcher-ele,
	.switcher-ele:before,
	.switcher-ele:after{
		position: absolute;
		top: 19px;
		left: 0;
		right: 0;
		width: 40px;
		height: 3px;
		margin: 0 auto;
		background: #e1c071;
	}	
	.switcher-ele:before {
		top: -10px;
	}
	.switcher-ele:after{
		top: auto;
		bottom: -10px;
	}

.check-availability {
	position: absolute;
	right: 0;
	top: 0;
	width: 150px;
	height: 94px;
	background: #99a52b;
	color: #FFF;
	cursor: pointer;
	z-index: 1;
	box-sizing: border-box;
	padding-top: 27px;
	font-size: 18px;
	text-align: center;
	line-height: 1.2;
	font-weight: 700;
}
.phone-top {
	cursor: pointer;
	height: 26px;
	position: absolute;
	right: 227px;
	top: 35px;
	width: 26px;
}

	.check-availability:hover {
	    text-decoration: underline;
	}

	.check-availability::before {
	    bottom: -15px;
	    content: "";
	    display: block;
	    height: 8px;
	    left: 0;
	    margin: 0 auto;
	    position: absolute;
	    right: 0;
	    width: 18px;
	    z-index: 2;
	}

	.check-availability::after {
		content: "";
	    position: absolute;
	    bottom: -25px;
	    left: 0;
	    width: 0;
	    height: 0;
	    border-left: 75px solid transparent;
	    border-right: 75px solid transparent;
	    border-top: 25px solid #99a52b;
	}

.close-menu-btn,
.close-side-form {
    background: url("../img/i_close.png") no-repeat;
    cursor: pointer;
    height: 30px;
    opacity: 1;
    position: absolute;
    right: 38px;
    top: 38px;
    width: 30px;
    background-size: contain;
}

.close-side-form {
    height: 15px; width: 15px;
    right: 30px; top: 30px;
}

#ele-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: auto;
    /*overflow-x: hidden;
    overflow-y: scroll;*/
    background-color: #fff;
    -webkit-overflow-scrolling: touch;
}

/*
	Lightbox gallery
*/

.lg-backdrop,
.lg-outer .lg-thumb-outer {
    background-color: #34383c;
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: #c6a551;
}

.lg-outer .lg-thumb-item {
    border-radius: 0;
}

/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 100%;
	height: 604px;
}

/* flip speed goes here */
.flipper {
	transition: .8s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	-webkit-backface-visibility: hidden;
  	-moz-backface-visibility:    hidden;
  	-ms-backface-visibility:     hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	-webkit-transform: rotateY(0deg);
  	-moz-transform: rotateY(0deg);
  	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	-webkit-transform: rotateY(180deg);
  	-moz-transform: rotateY(180deg);
  	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
	background-color: #99a52b;
	color: #FFF;
}

	.back .description {
		padding: 2rem;
		height: 100%;
	}

	.back .btn-arrow {
		bottom: 2rem;
		top: auto;
		right: auto;
		left: 50%;
		transform: translateY(-50%);
		color: #FFF;
	}

		.back .btn-arrow:hover {
			color: #FFF;
			opacity: .8;
		}

	.back a {
		color: #FFF;
	}

		.back a:hover {
			color: #FFF;
			opacity: .8;
		}

/*
	Activities
*/

.page.activities {
	min-height: 100%;
	margin-top: 0;
	margin-bottom: 0;
}

div.section {
	width: 100%; height: 100%;
	position: relative;
}

	div.section img {
		height: 100vh; width: 100% !important;
		object-fit: cover;
	}

.section-description {
	color: #FFF;
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

	.section-description h1 {
		text-transform: uppercase;
	}

/*
	Newsletter
*/

.newsletter {
	padding: 2rem 1rem;
	font-size: .875rem;
	background-color: #99a52b;
	color: #FFF;
}

	.newsletter .form-row>.col {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.newsletter label {
		margin-bottom: 0;
	}

	.newsletter .form-control {
		background-color: transparent;
		border-color: #ffffff;
		font-size: .875rem;
	}

	.newsletter ::placeholder {
	    color: #FFF;
	    opacity: 1;
	}

	.newsletter :-ms-input-placeholder {
	    color: #FFF;
	}

	.newsletter ::-ms-input-placeholder {
	    color: #FFF;
	}

	.newsletter input[type=radio] {
	    margin-left: 1rem;
	}

		.newsletter input[type=radio]:first-child {
		    margin-left: 0;
		}

	.newsletter label {
	    margin-left: .5rem;
	}

	.newsletter .form-check {
	    padding-left: 0;
	}

	.newsletter .btn-primary {
	    background-color: #c6a551;
	    border: 0;
	    border-radius: 1.25rem;
	    text-transform: uppercase;
	    padding: .5rem 1.5625rem;
	}

		.newsletter .btn-primary:hover {
		    background-color: #FFF;
		    color: #99a52b;
		}

/*
	Crossroads
*/

.front-description {
    padding: 2rem;
}

	.front-description .title,
	.back .description .title {
	    font-size: 2rem;
	    font-weight: 500;
	    display: block;
	    margin-bottom: 1rem;
	    line-height: 1;
	    color: #99a52b;
	}

		.back .description .title {
		    color: #FFF;
		    opacity: .8;
		}

	.front-description .sub-title {
	    font-size: 1rem;
	    font-weight: 700;
	    display: block;
	    text-transform: uppercase;
	    color: #99a52b;
	    margin-bottom: 1rem;
	}

.front-image {
    position: relative;
}

	.front-image p {
	    position: absolute;
	    bottom: 0;
		background: rgba(0, 0, 0, 0.8);
		padding: .75rem 1.25rem;
		font-size: .875rem;
		color: #FFF;
		margin-bottom: 0;
	}

/*
	Related
*/

.related {
    margin-top: 4rem;
}

	.related-col {
	    position: relative;
	    height: 100%;
	}

	.related-col span.title {
	    position: absolute;
	    bottom: 0; left: 0;
	    background-color: rgba(0, 0, 0, .8);
	    z-index: 1;
	    width: 100%;
	    padding: .5rem .8rem;
	    transition: background .2s;
	}

		.related-col:hover span.title {
		    background-color: #99a52b;
		    transition: background .2s;
		}

	.related-col a {
	    color: #FFF;
	}

	.related > span.title {
		font-size: 2rem;
		color: #c6a551;
		text-transform: uppercase;
		text-align: center;
		display: block;
		margin-bottom: 4rem;
	}

/*
	Breadcrumb
*/

.breadcrumb {
    background-color: transparent;
    text-transform: uppercase;
    font-size: .875rem;
}

/*
	Reservation
*/

.order-block {
	margin-top: 4rem;
	margin-bottom: 4rem;
}

	.order-block span.title {
		display: block;
		margin-bottom: 2rem;
		font-weight: 700;
	}

	.order-block:first-child {
		margin-top: 0;
	}

	.order-block:first-child span.title {
		margin-top: 0;
	}

.table-summary tbody tr:last-of-type {
	background:#99a52b;
	color:#FFF;
}
.price {
	font-weight: 700;
	text-align: center;
}

.service {
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px dotted #a1a1a1;
}

	.service-description {
		font-size: .875rem;
	}

	.service-description p {
		margin-bottom: 0;
		margin-top: .5rem;
	}

	.service-description .zobrazit-vice {
		color:#99a52b;
		font-size:80%;
		text-align: right;
		cursor: pointer;
		margin-top:8px;
	}

.service select {
	margin-left: 10px;
}

.accept-terms {
	margin-top: 2rem;
	background: #242424;
	padding: 1rem;
	color: #FFF;
}

	.accept-terms p {
		margin-bottom: 0;
		font-size: .875rem;
	}

	.accept-terms label {
		font-size: .875rem;
	}

.thead-dark {
	background: #0591c7;
    color: #FFF;
    text-transform: uppercase;
}

.order-block .table {
	font-size: .875rem;
}

.order-block .table span {
	text-transform: uppercase;
}

.order-block .table tfoot {
	font-size: 1rem;
	background: #242424;
	color: #FFF;
}

.order-block .subtotal {
	text-transform: uppercase;
	font-weight: 700;
}

/*
	Need you help form
*/

form span.title {
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 1rem;
	margin-bottom: 1rem !important;
}

form#order-form span.title,
form#frm-accountForm span.title {
	padding-left: 0;
	padding-right: 0;
	text-align: left;
	font-size: 1.5rem;
}

.payment-radio input {
  	margin-right: .3125rem;
  	margin-left: 0;
}

.payment-radio label {
  	margin-bottom: 0;
  	display:inline-block;
    margin-right: 2em;
}

/*
	Footer newsletter form
*/

footer .newsletter-form .form-control {
	border-radius: 1.25rem;
	border: 0;
	margin-bottom: .5rem;
}

/*
	Translator
*/

.goog-te-gadget-simple {
	border-left: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-right: 0 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

/*
	Modal
*/

.modal-backdrop.show {
	opacity: .7;
}

@media (min-width: 840px) {
	.modal-dialog {
	    max-width: 800px;
	    margin-top: 6rem;
	}
}

.modal-content {
	border: 0;
	border-radius: 0;
	text-align: center;
	padding: 5rem 4rem;
	font-size: 1.25rem;
	color: #848484;
}

	
	.modal-content span.title {
		font-size: 2.25rem;
		line-height: 1;
		display: block;
		margin-bottom: 2rem;
		color: #212529;
	}

	.modal-content p {
		margin-bottom: 2rem;
	}

	.modal-content [class*=col-] {
		margin-top: .5rem;
	}

	.modal-content [class*=col-]:first-child {
		margin-top: 0;
	}

	.no-gutter.row,
	.no-gutter.container,
	.no-gutter.container-fluid {
		margin-left: 0;
		margin-right: 0;
	}

	.no-gutter>[class^="col-"] {
		padding-left: 0;
		padding-right: 0;
	}

	.modal-content .btn {
		position: absolute;
		top: 0;
		right: 0;
	}

/*
	Services
*/

.services .title:before {
	content: "";
	background-size: cover !important;
	display: inline-block;
}

.services [class^="col-"]:nth-child(1) .title:before {
	background: url("../img/i_inclusive-services.png") no-repeat;
	width: 30px; height: 30px;
}

.services [class^="col-"]:nth-child(2) .title:before {
	background: url("../img/i_additional-services.png") no-repeat;
	width: 28px; height: 30px;
}

.services [class^="col-"]:nth-child(3) .title:before {
	background: url("../img/i_resort-services.png") no-repeat;
	width: 19px; height: 30px;
}

/*
	Booking terms
*/
input[type="submit"],
button[type="submit"] {
	position: relative;
	z-index:5;
}
input[type="submit"].loading,
button[type="submit"].loading {
	opacity:0.5;
}
input[type="submit"].loading:after,
button[type="submit"].loading:after {
	content:url(../img/loader.svg); 
	width: 25px; 
	height: 25px;
	margin-left:10px;
	float:right;
}
.booking-terms {
	height: 150px;
	overflow-y: scroll;
	font-size: .875rem;
	padding-right: 10px;
}

.booking-terms::-webkit-scrollbar {
    width: 10px;
    cursor: pointer;
}

.booking-terms::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

.booking-terms::-webkit-scrollbar-thumb {
    background: #99a52b;
    transition: background .2s;
}

.booking-terms::-webkit-scrollbar-thumb:hover {
    background: #0591c7;
    transition: background .2s;
}

/*
	Booking sidebar
*/

.reservation-sidebar {
	padding: 2rem;
	color: #FFF;
	background-color: #99a52b;
	font-size: .875rem;
	position: sticky;
	top:170px;
}

	.reservation-sidebar .title,
	.villa-name {
		display: block;
		text-align: center;
		font-size: 1rem;
		line-height: 1;
	}

	.villa-name {
		font-size: 2rem;
		text-transform: uppercase;
	}

	p.coral {
		text-align: center;
		margin-bottom: 1.875rem;
	}

.booking-details {
	padding: 1.25rem;
	background: #0591c7;
	margin-bottom: 1.875rem;
}

	.booking-details p {
		text-align: center;
		margin-bottom: 0;
	}

	.booking-details strong,
	.trip-cost strong {
		text-transform: uppercase;
		text-align: center;
	}

	.booking-details .row {
		margin-top: 1.25rem;
		font-size: .8125rem;
	}

	span.check-in,
	span.check-out {
		display: inline-block;
		vertical-align: middle;
		font-weight: 700;
		margin-left: .625rem;
		margin-top: -.5rem;
	}

	.booking-details i {
		font-size: 1.5rem;
		margin-bottom: .5rem;
	}

.trip-cost .table td, .table th {
	padding: .5rem .75rem;
	border-top: 1px solid #0591c7;
}

.trip-cost .table tr:last-child {
	background: #0591c7;
}

.please-note {
	background: #242424;
	padding: 2rem;
	margin-top: 1.875rem;
}

.please-note i {
	font-size: 1.5rem;
	margin-right: .625rem;
}

.please-note span {
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
	margin-top: -.4375rem;
}

.please-note-title {
	margin-bottom: 1rem;
}

/*
	Newsletter subscribe form
*/

.newsletter-subscribe-form span {
	font-size: 1.3125rem;
	margin-right: 1rem;
}

.newsletter-subscribe-form-page {
	max-width: 500px; width: 100%;
	margin: 4rem auto;
}

	.newsletter-subscribe-form-page .btn {
		margin-top: 2.5rem;
	}

/*
	Article
*/

.block.form {
	max-width: 600px; width: 100%;
	margin: 0 auto;
}

/*
	Map
*/

section.map .container-fluid {
	padding-left: 0;
	padding-right: 0;
}

/* custom daterangepicker */
body .date-picker-wrapper.datepickerrange-custom {
	top:0 !important;
	bottom:0 !important;
	left:0 !important;
	right:0 !important;
	max-width:100%;
	width:430px;
	height:260px;
	margin:auto;

}
body .date-picker-wrapper.trip-datepickerrange-custom {
	max-width:300px;
	width:210px;
	margin-left:15px;
	margin-top:-15px;
}
body .date-picker-wrapper {
	border-color: #99a52b;
	background: white;
	z-index:200;
}

body .date-picker-wrapper .drp_top-bar .apply-btn {
	background:#99a52b;
	border-color:#99a52b;
}
body .date-picker-wrapper .month-wrapper {
	border-color:#e1c072;
}

.hidden-sm-down {
	display:none;
}
.hidden-sm-up {
	display:block;
}

.country-list {
	color:#222;
}

/*body .daterangepicker td.disabled, 
body .daterangepicker option.disabled {
	color:red;
	opacity:0.4;
}
body .daterangepicker td.available, 
body .daterangepicker option.available {
	//color:green;
}
body .daterangepicker .today {
	background:#99a52b;
}*/

	/*@media (max-width: 1110px) and (min-width: 1024px) {
		.navbar-expand-md .navbar-nav .nav-link {
			max-width:106px;
		}
	}*/
	.dropdown-hover:hover > .dropdown-menu {
	    display: block;    
	}
	.navbar-nav .dropdown-menu {
		margin-top:-2px;
	}
	@media (max-width: 1110px) {
		.anchor {
		    top: -133px;
		}
		#ele-wrapper {
			padding-top:133px;
		}
		.navbar {
			width: 100%;
			display: inline-block;
			margin:0;
			padding-top:0;
			padding-bottom: 0;
		}
		.header-top-content {
			display:none;
		} 
		.header-base {
			position: relative;
			float: left;
			width: 100%;
			border-top:1px solid #99a52b;
			padding:15px 0;
		}
		.navbar-container {
			padding: 0;
		}	
	}
	@media (min-width: 1110px) {
		.header-top-content {
			min-height:50px;
		}
	}
	@media (max-width: 768px) {
		.anchor {
		    top: -60px;
		}
		#ele-wrapper {
			padding-top:60px;
		}
		.header-base {
			border: none;
			padding:5px 0;
			height:60px;
		}
		.navbar {
			display: none;
		}
		.navbar-brand {
			margin-left:20px;
		}
			.navbar-brand img {
				height:45px;
			}
		.more-menu-switcher {
			top:11px;
			right:120px;
		}
		.phone-top {
			top: 20px;
			right: 178px;
		}
		.open-navigation .holder-inner-wrapper {
			top:18px;
			overflow: hidden;
		}
		.page {
			margin: 30px 0;
		}
		.main-menu-wrp ul {
			width:170px;
			top:50px;
		}
		.main-menu-wrp ul .hide {
			display: block;
			position: relative;
		}
		.main-menu-wrp .dropdown-menu {
			margin-top:0;
			padding-top:0;
			display:block;
			position: relative;
			transform:none !important;
			top:100% !important;
			background: transparent;
		}
		.main-menu-wrp .dropdown-menu a {
			padding: 0 10px;
			color:#c6a551;
			opacity:0.7;
		}
		.main-menu-wrp .dropdown-item:focus, .main-menu-wrp .dropdown-item:hover,
		.main-menu-wrp .dropdown-item.active, .main-menu-wrp .dropdown-item:active {
			background: transparent;
			text-decoration: underline;
			outline: none;
			color:#c6a551;
		}
		.close-menu-btn, .close-side-form {
			width: 20px;
			height:20px;
			top:20px;
			right:20px;
		}
		.check-availability {
			width: 100px;
    		height: 60px;
    		font-size: 13px;
    		padding-top:15px;
		}
		.check-availability:after {
			bottom: -18px;
		    border-left: 50px solid transparent;
		    border-right: 50px solid transparent;
		    border-top: 18px solid #99a52b;
		}
		#myCarousel .carousel-indicators {
			bottom:1rem;
		}
		.carousel-container {
			padding-top:55%;
		}
		.special-deals {
			padding: 1.25rem 1rem;
			bottom:0;
			margin-bottom: 0;
		}
		.testimonials span.title, .amenities span.title, .properties span.title, .details span.title, .frontpage-gallery span.title, .frontpage-video span.title, .villa-plans span.title, .order-block span.title {
			font-size: 1.6em;
		}
		h1.title {
			font-size: 1.6em;
		}
		.frontpage-gallery, .frontpage-video, .villa-plans,
		.details, .amenities, .panes-container {
			padding-top: 1.75rem;
    		padding-bottom: 1.75rem;
		}
		.order-block {
			margin:0;
		}
		.panes-container .nav-pills .nav-link {
			font-size: 72%;
			padding:0.5rem;
		}
		.panes-container .form-inline {
			float: left;
			margin-top:10px;
		}
		.panes-container {
			font-size: 85%;
		}
		.panes-container .table td {
			white-space: nowrap;
		}
		.payment-radio {
			width: 100%;
			margin:0;
		}
		.tab-pane [class*=col-] {
			margin:0;
		}
		.properties-container {
			padding-top: 1.75rem;
		}
		.newsletter-text {
			width: 100%;
			margin-bottom:10px;
			text-align: center;
		}
		.newsletter-text span {
			display: block;
			margin:0;
		}
		.benefits {
			padding:1rem;
			margin-top: 1.5rem;
		}
		.front-description, .back .description {
			padding: 1rem;
		}
		.front-description .title, .back .description .title {
			font-size:1.4rem;
		}
		.flip-container {
			margin-bottom:1rem;
		}
		.flip-container, .front, .back {
			height:630px;
		}
		.hidden-sm-down {
			display:block;
		}
		.hidden-sm-up {
			display:none;
		}
		#frmaccountForm-submit {
			margin: 1em auto;
		}
	}
	@media (min-width: 768px) {
		.main-menu-wrp ul .hide {
			display: none;
		}
		.navbar-expand-md .navbar-nav .nav-link {
		    padding-right: 0.9rem;
		    padding-left: 0.9rem;
		}
		
	}
	@media (min-width: 1320px) {
		.navbar-expand-md .navbar-nav .nav-link {
		    padding-right: 2rem;
		    padding-left: 2rem;
		}
	}
	@media (max-width: 650px) {
		.side-form {
			top:0;
			bottom:0;
			height: 600px;
			right:0;
			left:0;
			width:90%;
			max-height: 90%;
			overflow: auto;
			margin:auto;
		}
	}

.form-control-input.is-invalid~.invalid-feedback, .form-control-input.is-invalid~.invalid-tooltip, .was-validated .form-control-input:invalid~.invalid-feedback, .was-validated .form-control-input:invalid~.invalid-tooltip {
	display: block
}

.invalid-count,
.was-validated .invalid-count {
	border-color: #dc3545 !important;
}
.info-count-invalid  {
	color:#dc3545;
}
.was-validated .form-control.invalid-count~.valid-feedback {
	display: none !important;
}

.form-thank {
	padding:1rem;
	background: #99a52b;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	margin-bottom: 1em;
}
.form-thank p {
	margin:0.3rem 0;
}
.tab-pane .form-thank {
	background:#FFF;
	color:#286e16;
}
.tab-pane .form-check-input.is-valid~.form-check-label, 
.tab-pane .was-validated .form-check-input:valid~.form-check-label {
	color:#286e16;
}
.tab-pane .custom-select.is-valid, 
.tab-pane .form-control.is-valid, 
.tab-pane .was-validated .custom-select:valid, 
.tab-pane .was-validated .form-control:valid {
	border-color: #286e16;
}
.tab-pane .valid-feedback {
	color:#286e16;
}

#specialDealsCarousel .bx-prev {
	display:none;
}
#specialDealsCarousel .special-deals-item {
	padding-right: 0.5em
}

.nav-pills p {
	margin:0;
}

.cookies {
	background: #f1f2f2;
	position: fixed;
	padding:4px 100px 4px 10px;
	font-size:12px;
	bottom:0;
	left: 0;
	z-index:100;
	right:0;
	display:none;
}
	.cookies p {
		display:inline-block;
		margin:0;
	}
	.cookies .cookies-agree {
		position: absolute;
		right: 15px;
		bottom:6px;
		border:2px solid #99a52b;
		border-radius: 15px;
		background: #99a52b;
		padding:5px 10px;
		color:white;
		cursor: pointer;
	}
	.cookies .cookies-agree:hover {
		background: white;
		color:#99a52b;
	}