body {
  font-family: 'Open Sans', sans-serif;
}
h1 {
	font-size: 28px !important;
	font-weight: 400 !important;
	margin-bottom: 0px;
	text-align: center;
	color: #444;
	line-height: 30px;
	margin: 12px 0 20px !important;
}
h2 {
	color: #135;
	padding: 0px;
	margin: 10px 0px;
	font: 600 22px 'Open Sans';
	text-align: center;
	line-height: 30px;
}
h3 {
	font-size: 18px !important;
	font-weight: 600 !important;
	color: #005aaa;
}
a {
  text-decoration: none;
}
li {
	margin: 0;
}
.menu-left-link {
  display: block;
  border: none;
  width: 100%;
  text-align: left;
  background: none;
  padding: 6px 8px 6px 33px;
  font-size: 14px;
  color: #05b;
  text-decoration: none;
  line-height: 14px;
}

.menu-left-link.selected{
	text-decoration: none;
	/*  border-left: 2px solid #0af;
      padding-left: 31px;*/
	background: rgba(0,170,255,.1);
	font-family: open sans;
	font-weight: 700;
}

.menu-left-link:hover {
  text-decoration: none;
/*  border-left: 2px solid #0af;
  padding-left: 31px;*/
  background: rgba(0,170,255,.1);
}
.menu-left ul {
  list-style-type: none;
  padding-left: 0px;
}
.h3 {
  font-size: 18px;
  font-weight: 600;
  color: #444;
}
.menu-left .h3:hover {
	cursor: pointer;
}

/*tour-block*/

.well-spo-photo_block {
	min-height: 200px;
	display: block; 
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 12px;
	overflow: hidden;
	position: relative;
	font-family: 'Open Sans', sans-serif;
	height: auto;
	text-decoration: none;
}
.well-spo-photo_block a:hover {
	text-decoration: none;
}
.shdw {
/*	background: -webkit-linear-gradient(220deg,rgba(0,0,0,0.00) 37.83%,rgba(0,0,0,0.4) 63.21%,rgba(0,0,0,0.8) 150%);
	background: -moz-linear-gradient(220deg,rgba(0,0,0,0.00) 37.83%,rgba(0,0,0,0.4) 63.21%,rgba(0,0,0,0.8) 150%);
	background: -o-linear-gradient(220deg,rgba(0,0,0,0.00) 37.83%,rgba(0,0,0,0.4) 63.21%,rgba(0,0,0,0.8) 150%);
	background: linear-gradient(220deg,rgba(0,0,0,0.00) 37.83%,rgba(0,0,0,0.4) 63.21%,rgba(0,0,0,0.8) 150%);*/
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
}
@media (min-width: 751px) {
	div:hover > a > div > .shdw {
	  background: -webkit-linear-gradient(220deg,rgba(0,0,0,0.00) 37.83%,rgba(60, 0, 0, 0.3) 63.21%,rgb(13, 15, 80) 250%);
	  background: -moz-linear-gradient(220deg,rgba(0,0,0,0.00) 37.83%,rgba(60, 0, 0, 0.3) 63.21%,rgb(13, 15, 80) 250%);
	  background: -o-linear-gradient(220deg,rgba(0,0,0,0.00) 37.83%,rgba(60, 0, 0, 0.3) 63.21%,rgb(13, 15, 80) 250%);
	  background: linear-gradient(220deg,rgba(0,0,0,0.00) 37.83%,rgba(60, 0, 0, 0.3) 63.21%,rgb(13, 15, 80) 250%);
	}
	div:hover > a > div > .well-spo-labels_block {
		text-shadow: 0 1px 40px #000,
								 0 0 20px #000;
	}
}
@media (max-width: 750px) {
	.shdw {
  background: -webkit-linear-gradient(220deg,rgba(0,0,0,0.00) 37.83%,rgba(60, 0, 0, 0.3) 63.21%,rgb(13, 15, 80) 250%);
  background: -moz-linear-gradient(220deg,rgba(0,0,0,0.00) 37.83%,rgba(60, 0, 0, 0.3) 63.21%,rgb(13, 15, 80) 250%);
  background: -o-linear-gradient(220deg,rgba(0,0,0,0.00) 37.83%,rgba(60, 0, 0, 0.3) 63.21%,rgb(13, 15, 80) 250%);
  background: linear-gradient(220deg,rgba(0,0,0,0.00) 37.83%,rgba(60, 0, 0, 0.3) 63.21%,rgb(13, 15, 80) 250%);
	}
}
.well-spo-photo {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	max-height: 100%;
	object-fit: cover;
}
.well-spo-hotel {
	font-size: 13.5px;
	color:#def;
	position: relative;
  text-transform: uppercase;
}
.well-spo-country {
	background: #0352a5;
	font-size: 13px;
	padding: 2px 8px;
	font-weight: bold;
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	text-shadow: none;
	position: relative;
	transition: .5s;
}
.well-spo-city-from {
	background: #0af;
	font-size: 11px;
	margin-bottom: 15px;
	padding-top: 4px;
	padding-right: 6px;
	padding-left: 6px;
	font-weight: bold;
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	text-shadow: none;
	position: relative;
}
.well-spo-city-from i {
	color: #fff;
}
div:hover > a > div > div > .well-spo-country {
	background: #ef4123;
	transition: .5s;
}
div:hover > div > a > div > div > .well-spo-price_block:hover,
div:hover > div > a > div > div > .well-spo-price_block:focus,
.well-spo-price_block:hover,
.well-primary-button:hover {
	background-image: -webkit-linear-gradient(270deg,rgba(239,49,33,1.00) 0%,rgba(252,207,6,1.00) 200%);
	background-image: -moz-linear-gradient(270deg,rgba(239,49,33,1.00) 0%,rgba(252,207,6,1.00) 200%);
	background-image: -o-linear-gradient(270deg,rgba(239,49,33,1.00) 0%,rgba(252,207,6,1.00) 200%);
	background-image: linear-gradient(180deg,rgba(239,49,33,1.00) 0%,rgba(252,207,6,1.00) 150%);
}
.well-spo-labels_block {
	margin-top: 20px;
	margin-right: 20px;
	bottom: 0px;
	margin-left: 20px;
	display: block;
	text-shadow: 0 1px 4px rgba(0,0,0,0.80);
	position: relative;
}
.title-container {
  padding: 20px;
  width: 100%;
  background: rgba(0,170,255,.1);
  margin-bottom: 20px;
}
.well-spo-title {
  margin: 4px 0 !important;
	font: 24px "Open Sans" !important;
	color: #fff !important;
	font-weight: 600 !important;
	position: relative;
	width: 65%;
	text-align: left !important;
}
.well-spo-price {
  padding: 0;
	font-size: 19px;
	color: #fff;
	font-weight: bold;
	text-shadow: none;
	position: relative;
}
.well-spo-price span{
	color:#44c8f5;
}
.well-spo-price_block:hover div span{
	color:#fff200;
}
.well-spo-nights {
	font-size: 13.5px;
	text-align: left;
	color: #fff;
	font-weight: 600;
	display: inline-block;
	margin-right:24px;
	margin-bottom: 8px;
	position: relative;
}
.well-spo-star {
	position: relative !important;
	right: 0px;
	top: 0px;
	color: #def;
	margin-right: 6px;
  font-size: 10px !important;
}
.well-spo-stars {
	position: relative;
	margin: 6px;
	display: inline-block;
}
.well-spo-price_block, .well-primary-button {
	display: inline-block;
	padding: 4px 16px;
	background-image: -webkit-linear-gradient(90deg,rgba(1,145,212,1.00) 0%,rgba(3,85,168,1.00) 100%);
	background-image: -moz-linear-gradient(90deg,rgba(1,145,212,1.00) 0%,rgba(3,85,168,1.00) 100%);
	background-image: -o-linear-gradient(90deg,rgba(1,145,212,1.00) 0%,rgba(3,85,168,1.00) 100%);
	background-image: linear-gradient(0deg,rgba(1,145,212,1.00) 0%,rgba(3,85,168,1.00) 100%);
	border-radius:4px;
	text-align: center;
	color: #00aaff;
	position: relative;
	box-shadow: 0 1px 2px rgba(0,0,0,0.44);
	margin-bottom: 20px;
}
.well-primary-button {
	border: none;
	color: #fff !important;
	margin: 10px 10px 10px auto;
	padding: 8px 12px;
	text-transform: uppercase;
	font-weight: 700;
}
.well-spo-changed {
  text-shadow: none;
  font-size: 10px;
  padding: 4px 8px;
  color: #ccc;
  position: absolute;
  bottom: 20px;
  right: 0;
  background: #444;
}
.text-dark_blue {
  color: #05b !important;
}

/*form*/

.form-small {
  border-radius: 10px;
  background: rgba(0,170,255,.1);
  padding: 15px !important;
}

.form-label {
	font-size: 0.9285714285714286em;
	padding-left: 12px;
	padding-bottom: 0.5em;
	color: rgba(0,90,170,0.80);
	letter-spacing: 0.02em;
}
.form-field_block {
	font-family: "Open Sans", sans-serif;
	margin-bottom: 1em;
	width:100%;
}
.form-select {
	padding-left: 12px;
	font-weight: 700;
	font-size: 14px;
	color: #005aaa;
	height: 36px;
	border: none;
	text-align: left;
	-webkit-box-shadow: 0 1px 1px rgba(0,110,187,0.40);
	box-shadow: 0 1px 1px rgba(0,110,187,0.40);
	border-radius: 4px;
	width: 100%;
}
.form-field_block .btn-group .btn.btn-default.dropdown-toggle.form-select:hover{
	background: #005aaa;
	color: #fff;
}
.material-icons.input-icon-right, .non-material{
	display: inline-block;
	position: absolute;
	right: 6px;
	top: 6px;
	color: #7fd4ff;
	}
.material-icons.icon-button-left {
	margin: -10px 6px -10px 0;
	top: 6px;
	position: relative;
}
.icon-left{
	display: inline-block;
  left: 0;
  top: -4px;
	margin-right: 8px;
	padding-top: 2px;
  position: relative !important;
	float: left;
	color: #ccc;
	}
.icon-left.icon-takeoff {
  font-size: 18px;
  left: -2px;
  top: -4px;
  margin-right: 4px;
}
.icon-arrow-drop {
	margin-left: 4px;
	font-size: inherit !important;
}
.form-field_block .btn-group .btn.btn-default.dropdown-toggle.form-select {
	background: #fff;
}
.form-input {
	padding-left: 12px;
	font-weight: 700;
	font-size: 1.071428571428571em;
	color: #05b;
	height: 36px;
	border: none;
	width: 100%;
	text-align: left;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,110,187,0.40);
	box-shadow: inset 0 1px 1px rgba(0,110,187,0.40);
	border-radius: 4px;
}
.stretch-full {
	width: 100%;
}
.half {
	display: inline-block;
	border: none;
	width: calc(99%/2);
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	margin-right: -7px;
}
.input-separator {
	display:inline-block;
	width:1%;
}
.btn-text {
	display: inline-block;
}

/*grid otbornye-tury.php*/
.spo-prologue__container-grid {
	display:grid;
	grid-template-columns: repeat(12, 1fr);
	grid-gap: 30px;
	grid-auto-rows: minmax(50px, auto);
}
.container-grid__item {
	border-radius: 10px;
	/* background-position: center !important; */
	/* background-size: cover !important; */
	overflow: hidden;
	position: relative;
}
.item__shadow {
	background: linear-gradient(0deg,rgba(17, 51, 85,0.00) 60%,
	rgba(17, 51, 85, 0.4) 100%);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
}
.container-grid__item h2 {
	font: 700 24px 'Open Sans' !important;
	color: #fff !important;
	text-shadow: 0 1px 4px rgba(0,0,0,0.80);
	z-index: 1;
	position: relative;
}
.container-grid__item p {
	padding: 15px;
	font: 12px 'Open sans';
	background: rgba(0, 85, 170, .9);
	color: #fff;
	position: absolute;
	overflow: hidden;
	bottom: -150%;
	transition: .3s;
}
.container-grid__item:hover p {
	bottom: -20px;
	transition: .3s;
}
.container-grid__item.one {
	grid-column: 1 / 9;
	grid-row: 1 / 5;
	background: url('/spo/img/beach.jpg') center;
	background-size: cover;
	}
.container-grid__item.two { 
	grid-column: 9 / 13;
	grid-row: 1 / 8;

	/* MAY */
	background: url(/spo/img/mayholiday.jpg) center;

	/* SKI */
	/* background: url(/spo/img/ski.jpg) center; */

	background-size: cover;
	}
.container-grid__item.three {
	grid-column: 1 / 9;
	grid-row: 5 / 9;

	/* NEY YEAR */
	/* background: url('/spo/img/ny.jpg') center; */

	/* 8 MART */
	/* background: url('/spo/img/8mar.jpg') center; */
	
	/* EARLYBOOKING */
	background: url('/spo/img/earlybooking.jpg') center;

	background-size: cover;
	}
.container-grid__item.four {
	grid-column: 9 / 13;
	grid-row: 8 / 12;
	background: url('/spo/img/excursion.jpg') center;
	background-size: cover;
	}
.container-grid__item.five {
	grid-column: 1 / 4;
	grid-row: 5 / 9;
	background: url('/spo/img/cruise.jpg') center;
	background-size: cover;
	display:  none;
}
.container-grid__item.six {
	grid-column: 1 / 9;
	grid-row: 9 / 12;
	background: url('/spo/img/medical.jpg') center;
	background-size: cover;
}
/*23 fev
.container-grid__item.seven {
	grid-column: 9 / 13;
	grid-row: 1 / 4;
	background: url('/spo/img/23fev.jpg') top;
	background-size: cover;
}*/
.container-grid__item.last {
	grid-column: 6 / 8;
	grid-row: 12 / 13;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

@media (max-width: 575px) {
	.spo-prologue__container-grid {
		grid-auto-rows: 150px;
		grid-template-columns: 1fr;
	}
	.container-grid__item {
		grid-column: auto !important;
		grid-row: auto !important;
	}
	.container-grid__item p {
		position: absolute !important;
		clip-path: polygon(0px 0px,0px 0px,0px 0px,0px 0px);
	}
}

/*bootstrap restyle*/

.container {
	max-width: 1000px;
}
.dropdown-menu {
	padding-top: 1em;
	padding-bottom: 1em;
	border-left: 2px solid #0af;
	border-right: none;
	border-bottom: none;
	border-top: none;
	border-radius: 2px;
	display: none;
  margin-top: 2px;
  z-index: 9999;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  background: none;
}
.dropdown-menu > li:hover {
    background: #0af;
}
.dropdown-menu > li:hover > a {
    color: #fff !important;
}
.dropdown .dropdown-menu .divider {
	background-color: #efefef;
}
.btn-primary {
	background: #005aaa;
	border: none;
	position: relative;
	text-transform: uppercase;
	color: #fff;
	font: 700 14px "Open Sans";
	padding: 10px 12px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active {
	color: #fff;
	background-color: #0081c6;
	border-bottom: 2px solid #034ea2;
	padding-bottom: 8px;
	transition: background .3s ease-out;
}


/*affix menu-left*/

/*.sidebar-left.affix-top {
  position: static;
}

.sidebar-left.affix {
  position: fixed;
  top: -10px;
  max-width: 227.5px;
}

*/

/*moblie__filter*/
#filter__toggler {
	display: none;
	position: fixed;
	width: 100%	;
	bottom: 0;
	left: 0;
	z-index: 2;
	font: 700 18px "Open Sans", sans-serif;
	color: #fff;
	text-transform: uppercase;
	background-color: #06b;
	border: none;
	padding: 15px 0;
}
#filter__toggler.filter__close {
	width: auto;
	left: auto;
	bottom: auto;
	top: 0;
	right: 0;
	padding: 8px 8px 4px;
}

@media (max-width: 750px) {
	#filter__toggler {
		display: block;
	}
	#mobile__filter {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		height: 100vh;
		background: #fff;
		z-index: 4;
		overflow-y: scroll;
	}
	.filter__fallback {
		display: none;
		position: fixed;
		z-index: 1;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		background-color: rgb(0,0,0);
		background-color: rgba(0,0,0,0.6);
	}
	/*up the footer*/
	.footer_main {
		padding-bottom: 50px;
	}
}

@media (max-width: 575px) {
	.exclusive_tours_block.detail .col-md-7 {
	  order: -1;
	}
}