:root {
	--fms-badge-text-color: white;
    --fms-badge-color: #001A3B
}

.wrap {
	max-width: 1440px;
	padding: 0px 32px;
	margin: 0px auto;
}

header {
	/*position: relative;*/
}
	header .logo {
		display: block;
		text-decoration: none;
		position: absolute;
		top: 32px;
		left: 50%;
		transform: translateX(-50%);
		z-index: 1;
		text-align: center;
	}
		header .logo img {
			width: auto;
			height: 100px;
		}
	header .contacts-data {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		padding: 24px 0px 0px;
		height: 135px;
	}
		header .social {
			
		}
		header .social a {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 32px;
			height:32px;
			margin-right: 4px;
			border-radius: 50%;
			background-color: #001A3B;
			color: #ffffff;
			text-decoration: none;
			transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		}
			header .social a:hover {
				background-color: #0b5ed7;
			}
		header .general-search {
			margin-right: auto;
			margin-left: 32px;
		}
			header .general-search .form-control {
				padding: 4px;
			}
			header .general-search .btn-primary {
				border: solid 1px #B7C3D5;
				padding: 10px;
			}
		header .contacts .info {
			margin-bottom: 8px;
		}
			header .contacts .info p {
				margin: 0px;
				text-align: right;
			}
			header .contacts .info a {
				font-weight: bold;
				color: #001A3B;
				text-decoration: none;
			}
		header .contacts .lang {
			text-align: right;
		}
			header .contacts .lang a {
				text-transform: uppercase;
				font-weight: bold;
				color: #2D9CDB;
				text-decoration: none;
			}
				header .contacts .lang a:hover {
					text-decoration: underline;
				}
	header .navbar {
		padding: 0px;
		background-color: #ffffff;
		box-shadow: 0 1px 1px 0px #eeeeee;
	}
		
			header .navbar.fixed-top  .nav-separator {
				display: none;
			}
	header .navbar .navbar-toggler {
		outline: 0;
		box-shadow: none;
		padding: 0px;
	}
	header .navbar .navbar-toggler .navbar-icon-open  {
		display: none;
	}
	header .navbar .navbar-toggler .navbar-icon-close  {
		display: block;
	}
	header .navbar .navbar-toggler.collapsed .navbar-icon-open {
		display: block;
	}
	header .navbar .navbar-toggler.collapsed .navbar-icon-close {
		display: none;
	}
	header .navbar-nav {
		flex-grow: 1;
		justify-content: center;
		background: linear-gradient(90deg, #A20155 0%, #E3286F 9.07%, #EA4024 18.28%, #F48E05 28.22%, #FFCA01 37.18%, #FBB302 60.92%, #9AC219 70.7%, #03AF86 78.92%, #014C88 90.75%, #01A0DE 100%);
	}
		header .navbar .nav-item {
			display: flex;
			align-items: center;
			justify-content: center;
			flex-grow: 1;
			text-align: center;
			flex-basis: 10%;
			padding: 0px;
		}
			header .navbar .nav-item:hover {
				
			}
		header .navbar .nav-separator {
			width: 220px;
			background-color: #ffffff;
		}
		header .navbar .nav-link {
			flex-grow: 1;
			color: #07080F;
			font-size: 13px;
			font-weight: bold;
			text-transform: uppercase;
			padding: 0px;
			height: 45px;
			display: flex;
			align-items: center;
			justify-content: center;
			background-color: #ffffff;
		}
			header .navbar .nav-link:hover {
				color: #ffffff;
				background-color: transparent;
			}

.head {
	position: relative;
	display: flex;
	flex-flow: row wrap;
	background-image: url(../img/home/head_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 45px 0px;
}
	.head.head-home {
		position: relative;
		display: flex;
		flex-flow: row wrap;
		background-image: url(../img/home/head_bg.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		margin-bottom: 32px;
	}
	.head h1 {
		flex-basis: 100%;
		flex-grow: 1;
		color: #ffffff;
		font-size: 100px;
		font-weight: bold;
	}
	.head form + h1 {
		margin-top: 45px;
	}
	.head .intro-text {
		flex-grow: 1;
		color: #ffffff;
		font-size: 20px;
		font-weight: 600;
		text-align: center;
		line-height: 30px;
		text-transform: uppercase;
		letter-spacing: 1.5px;
		margin: 0 auto;
		padding: 0px 30px;
		max-width: 1024px;
	}
	.head .search-form {
		flex-basis: 100%;
		flex-grow: 1;
		background-color: rgba(255, 255, 255,0.8);
		padding: 32px 24px 24px;
		min-height: 180px;
		align-self: flex-end;
		display: flex;
		flex-flow: row wrap;
		align-content: flex-start;
		justify-content: space-between;
		position: relative;
		transition: all 0.3s ease-out;
	}
		.head .search-form-advanced {
			max-height: 600px;
		}
		.head .search-form .form-field-advanced {
			display: none;
		}
		.head .search-form.search-form-advanced .form-field-advanced {
			display: block;
		}
		.head .search-form .form-field {
			flex-grow: 1;
			order: 1;
			flex-basis: 50px;
			margin: 8px;
		}
			.head .search-form .form-field .form-label {
				white-space: nowrap;
			}
			.head .search-form .mcc-radio-box-container {
				width: 100%;
				display: flex;
				flex-flow: row nowrap;
				justify-content: flex-start;
			}
			.head .search-form .form-field.form-field-checkbox {
				align-self: center;
			}
				.head .search-form .form-field.form-field-checkbox label {
					white-space: nowrap;
				}
			.head .search-form .form-field.form-field-special {
				flex-grow: 2;
			}
			.head .search-form .form-field.form-field-boat {
				flex-grow: 8;
				flex-basis: 300px;
			}
			.head .search-form .form-field.form-field-date {
				flex-grow: 5;
				flex-basis: 130px;
			}
			.head .search-form .form-field.form-field-nights {
				flex-grow: 4;
			}
			.head .search-form .form-field.form-field-year {
				flex-grow: 4;
			}
			.head .search-form .form-field.form-field-routes {
				flex-grow: 8;
				flex-basis: 200px;
			}
			.head .search-form .form-field.form-field-button {
				flex-grow: 4;
				order: 2;
			}
				.head .search-form #homeSearchFormAdvanced {
					background-color: transparent;
					border: 0;
					outline: 0!important;
					box-shadow: none!important;
				}
					.head .search-form #homeSearchFormAdvanced:hover {
						text-decoration: none!important;
						color: #001A3B;
					}
				.head .search-form.search-form-advanced .form-field.form-field-button {
					
				}
					.head .search-form.search-form-advanced .form-field.form-field-button label {
						display: none;
					}
				.head .search-form.search-form-advanced .form-field.form-field-button-submit {
					order: 10;
					text-align: center;
				}
				.head .search-form.search-form-advanced .form-field.form-field-button-advanced {
					position: absolute;
					right: 0px;
					bottom: 16px;
				}
					.head .search-form.search-form-advanced .form-field.form-field-button-advanced .btn {
						background-color: transparent;
						border: 0;
						outline: 0!important;
						box-shadow: none!important;
					}
						.head .search-form.search-form-advanced .form-field.form-field-button-advanced .btn:hover {
							text-decoration: none!important;
							color: #001A3B;
							
						}
			.head .search-form .form-field.form-field-passengers {
				flex-grow: 1;
				flex-shrink: 4;
			}
			.head .search-form .form-field.form-field-hull {
				flex-grow: 2;
			}
			.head .search-form .form-field.form-field-price {
				flex-grow: 2;
			}
			.head .search-form .form-field.form-field-features, .head .search-form .form-field.form-field-toys {
				flex-grow: 4;
			}
		.head .search-form .form-field-break {
			padding: 0;
			margin: 0;
			flex-basis: 100%;
			width: 100%;
			min-width: 100%;
			height: 0;
			order: 1;
		}
		.head .search-form .form-field-full {
			width: 100%;
			display: flex;
			flex-flow: row nowrap;
			align-items: flex-start;
			justify-content: flex-start;
			padding-bottom: 12px;
			order: 2;
		}
		.head .search-form .form-check {
			margin: 0px 12px;
		}
			.head .search-form .form-field label, .mcc-radio-box-container .form-check-label {
				font-size: 13px;
				color: #000000;
				text-transform: uppercase;
				font-weight: bold;
				text-align: left;
			}
			.head .search-form .btn {
				height: 38px;
			}

.color-blocks {
	margin-bottom: 64px;
}
	.color-blocks .card {
		border-radius: 0;
		border: 0;
		padding: 16px 32px 32px;
		align-items: center;
	}
		.color-blocks .card.red {
			background: radial-gradient(126.57% 126.58% at 100.73% 99.48%, #F9D0B2 0%, #E7135F 100%);
		}
		.color-blocks .card.green {
			background: radial-gradient(116.06% 116.07% at 100.73% 99.48%, #CFD702 0%, #085D1E 100%);
		}
		.color-blocks .card.blue {
			background: radial-gradient(109.99% 109.99% at 100.73% 99.48%, #21ABE1 0%, #01396B 100%);
		}
		.color-blocks .card.disabled {
			position: relative;
		}
			.color-blocks .card.disabled::after {
				content: "";
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				background-color: #dddddd;
				opacity: 0.9;
				cursor: not-allowed;
				z-index: 999999;
			}
		.color-blocks img {
			max-width: 120px;
		}
		.color-blocks .card-body {
			padding: 0px;
		}
		.color-blocks .card a {
			color: #ffffff;
			text-transform: uppercase;
			font-size: 20px;
			font-weight: bold;
			text-decoration: none;
			letter-spacing: 1.5px;
		}
			.color-blocks .card .card-body a:hover {
				color: #ffffff;
			}

.entertainment-block {
	margin-top: 80px;
}
	.entertainment-item {
		position: relative;
	}
		.entertainment-item img {
			display: block;
		}
		.entertainment-item a, .entertainment-item span {
			position: absolute;
			left: 0px;
			right: 0px;
			top: 0px;
			bottom: 0px;
			display: flex;
			align-items: flex-end;
			justify-content: flex-end;
			font-size: 24px;
			font-weight: 600;
			text-transform: uppercase;
			text-decoration: none;
			letter-spacing: 1.5px;
			line-height: 1.6;
			color: #fff;
			padding: 20px 40px;
		}
		
.feedback-block {
	margin: 32px 0px;
	padding: 40px 0px;
	background-color: #f5f5f5;
}
	.feedback-form {
		max-width: 400px;
		margin: 0 auto;
	}
	
.block-numbers {
	display: block;
	list-style-type: none;
	margin: 0px -16px;
	padding: 0px;
	counter-reset: bf;
}
	.block-numbers .slick-track {
		display: flex;
	}
	.block-numbers li {
		line-height: 1.6;
		margin: 0px;
		padding: 8px 32px 8px 96px;
		text-align: left;
		color: #001A3B;
	}
		.block-numbers li span {
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.block-numbers li::before {
			counter-increment: bf;   
			content: "№" counter(bf);
			display: block;
			font-size: 70px;
			font-style: italic;
			color: #76C5BE;
			line-height: 1;
			text-align: left;
			margin-bottom: 16px;
		}

.blog-block {
	
}
	.blog-block .ms-slick-nav {
		top: 22%;
	}
	.blog-block .card {
		background-color: transparent;
	}
		.blog-block .card .card-body {
			padding: 0px;
		}
	.blog-block .card-date {
		font-size: 13px;
		font-weight: bold;
		text-transform: uppercase;
		color: #6B7582;
		margin: 16px 0px 8px;
	}
	.blog-block .card-title {
		color: #001A3B;
		text-align: left;
		margin-top: 0px;
	}
	.blog-block .card-text {
		text-align: left;
	}

.reviews-block {
	margin: 32px 0px;
	padding: 40px 0px;
	background-color: #f5f5f5;
}
	.reviews-container {
		max-width: 600px;
		margin: 0 auto;
		display: flex;
		flex-flow: row nowrap;
		transform: translateX(-80px);
	}
		.reviews-container .user {
			width: 160px;
			padding-right: 24px;
		}
			.reviews-container .user img {
				display: inline;
				width: 80px;
				height: 80px;
				border-radius: 50%;
			}
			.reviews-container .user .name {
				font-size: 13px;
				font-weight: bold;
				text-transform: uppercase;
				margin: 12px 0px 0px;
			}
			.reviews-container .user a {
				color: #005CA9;
				text-decoration: none;
			}
				.reviews-container .user a:hover {
					text-decoration: underline;
				}
		.reviews-container .review {
			flex-grow: 1;
			background-color: #ffffff;
			padding: 48px;
			box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
		}
			.reviews-container .review img {
				display: inline;
			}

.customers-block {
	
}
	.customers-block > div {
		display:
	}

footer {
	border-top: solid 1px #cccccc;
	display: flex;
	flex-flow: row nowrap;
	column-gap: 32px;
	padding: 32px 0px;
}
	footer .logo {
		order: 1;
		margin-left: 70px;
	}
	footer .contacts {
		order: 1;
	}
	footer .title, footer .contacts .title a {
		color: #000000;
		font-size: 13px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1.5px;
	}
		footer .contacts .title a:hover {
			text-decoration: underline;
		}
		footer .contacts p {
			margin-bottom: 4px;
			color: #6B7582;
		}
		footer .contacts a {
			color: #6B7582;
			text-decoration: none;
		}
	footer .right {
		order: 1;
		margin-left: auto;
	}
		footer .navigation {
			
		}
			footer .navigation ul {
				list-style-type: none;
				display: flex;
				flex-flow: row nowrap;
				margin: 0px;
				padding: 0px;
				column-gap: 32px;
				justify-content: space-between;
			}
				footer .navigation ul li {
					margin: 0;
				}
					footer .navigation ul li a {
						color: #000000;
						font-size: 13px;
						font-weight: bold;
						text-transform: uppercase;
						text-decoration: none;
						letter-spacing: 1.5px;
					}
						footer .navigation ul li a:hover {
							text-decoration: underline;
						}
						footer .navigation ul li a.disabled {
							color: #cccccc;
							cursor: not-allowed;
							
						}
		footer .awards {
			display: flex;
			flex-flow: row wrap;
			gap: 32px;
			margin: 24px 0px;
		}
			footer .awards img {
				display: block;
			}
	footer .social {
	}
		footer .social a {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 32px;
			height:32px;
			margin-right: 6px;
			border-radius: 50%;
			background-color: #001A3B;
			color: #ffffff;
			text-decoration: none;
			transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		}
			footer .social a:hover {
				background-color: #0b5ed7;
			}
	footer .copyright {
		color: #6B7582;
		font-size: 14px;
		order: 5;
		text-align: right;
	}

.slick-block {
	margin: 0px -16px;
}
.slick-block-item {
	padding: 0px 16px;
}
.slick-block .slick-track {
	display: flex;
}
.slick-block .slick-slide {
	height: inherit;
}
.ms-slick-nav {
	border: 0;
	outline: 0;
	color: #ffffff;
	background-color: #001A3B;
	font-size: 12px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	z-index: 2;
	top: 50%;
	margin-top: -20px;
	border-radius: 2px;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
	.ms-slick-nav:hover {
		background-color: #0b5ed7;
	}
	.ms-slick-nav.prev {
		left: -2px;
	}
	.ms-slick-nav.next {
		right: -2px;
	}
	.ms-slick-nav.slick-disabled {
		background-color: #cccccc;
	}



.mobile-filter {
	display: none;
}

.search-notfound {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	color: #B7C3D4;
	width: 100%;
}
	.search-notfound .message-title {
		font-size: 32px;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.search-notfound p {
		margin-bottom: 5px;
	}
.search-notfound-recommend {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
	margin-top: 32px;
}
			
.whatsapp_float {
	position: fixed;
	bottom: 50px;
	right: 50px;
	width: 60px;
	height: auto;
	border: solid 3px #ffffff;
	border-radius: 50%;
	box-shadow: 0 0 10px -5px #000000;
	z-index: 5;
	transition: all 0.2s ease-out;
}
	.whatsapp_float:hover {
		box-shadow: 0 0 10px 0px #ffffff;
	}

#floatSubmit {
	display: none;
	position: absolute;
	right: -185px;
	width: 200px;
	z-index: 2;		
}
	#floatSubmit button {
		height: 40px;
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		padding: 0;
		margin: 0;
		border: 0;
		outline: 0;
		background-color: transparent;
	}
	#floatSubmit .floatSubmitButton {
		flex-grow: 1;
		font-size: 13px;
		font-weight: bold;
		text-transform: uppercase;
		padding: 14px 45px 12px;
		letter-spacing: 2px;
		line-height: 1;
		color: #ffffff;
		background-color: #001A3B;
		height: 40px;
		transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	}
		#floatSubmit button:hover .floatSubmitButton {
			background-color: #0b5ed7;
		}
	#floatSubmit .floatSubmitArrow {
		width: 0; 
		height: 0; 
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent; 
		border-right: 20px solid #001A3B;
		right: -20px;
		transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	}
		#floatSubmit button:hover .floatSubmitArrow {
			border-right-color: #0b5ed7;
		}


/* Magnific Popup */
.mfp-popup {
	position: relative;
	max-width: 1080px;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 16px;
}

.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}
/*SELECT2*/
.select2-container.select2-container--bootstrap-5 .select2-selection.select2-selection--multiple {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    padding: 4px 4px 0px;
    border-radius: 2px;
	border: solid 1px #B7C3D5;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-search {
	width: auto;
    margin-left: 4px;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
	font-size: 12px;
	padding: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
	width: 8px;
	height: 8px;
}

.boats-filter .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered {
	flex-direction: column;
	width: 100%;
}
	.boats-filter .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered li {
		flex-grow: 1;
		width: 100%;
	}

/*AUTOCOMPLETE*/
.autocomplete-suggestions { 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	border: 1px solid #999; 
	background: #FFF; 
	cursor: default; 
	overflow: auto; 
	-webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); 
	-moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); 
	box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
}
.autocomplete-suggestion { 
	padding: 2px 5px; 
	white-space: nowrap; 
	overflow: hidden; 
}
.autocomplete-no-suggestion { 
	padding: 2px 5px;
}
.autocomplete-selected { 
	background: #F0F0F0; 
}
.autocomplete-suggestions strong { 
	font-weight: bold; color: #000; 
}
.autocomplete-group { 
	padding: 2px 5px; 
	font-weight: bold; 
	font-size: 16px; 
	color: #000; 
	display: block; 
	border-bottom: 1px solid #000; 
}
/*ION RANGE*/
body .irs--modern .irs-from, body .irs--modern .irs-to, body .irs--modern .irs-single {
	background-color: #001A3B;
}
body .irs--modern .irs-from:before, body .irs--modern .irs-to:before, body .irs--modern .irs-single:before {
	border-top-color: #001A3B;
}
body .irs--modern .irs-bar {
    background: #20b426;
    background: linear-gradient(to bottom, #001A3B 0%, #001A3B 100%);
}

/* Filter Multi Select*/
.filter-multi-select > .viewbar {
	font-size: 12px;
}
	.filter-multi-select > .viewbar > .selected-items > .item {
		height: auto;
	}
	.filter-multi-select .placeholder {
		font-size: 16px;
		background-color: transparent;
		opacity: 0;
	}

/*SumoSelect */
body .SumoSelect {
	display: block;
	width: 100%;
}
	body .SumoSelect .placeholder {
		background-color: transparent;
	}
	body .SumoSelect > .CaptionCont > label {
		display: none;
	}
	body .SumoSelect > .CaptionCont {
		border: solid 1px #B7C3D5;
		border-radius: 0;
		padding: .375rem 2.25rem .375rem .75rem;
		min-height: 38px;
	}
	.filter-field .SumoSelect > .CaptionCont {
		min-height: 35px;
	}
body .SumoSelect .select-all.partial > span i, 
body .SumoSelect .select-all.selected > span i, 
body .SumoSelect > .optWrapper.multiple > .options li.opt.selected span i {
	background-color: #001A3B;
}
body .SumoSelect > .filter-ss-big ~ .optWrapper {
	width: 200%;
}