@charset "utf-8";
/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	scroll-behavior: smooth;
}
 body::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 border-radius: 10px;
 background-color: #F5F5F5;
}
body::-webkit-scrollbar {
 width: 3px;
 background-color: #F5F5F5;
}
 body::-webkit-scrollbar-thumb {
 background-color: #666;
}
h1, h2, h3, h4, h5, h6, p, ul, ol {
	margin: 0;
	padding: 0
}
a {
	text-decoration: none;
	transition: ease-in 0.3s;
	-moz-transition: ease-in 0.3s;
	-webkit-transition: ease-in 0.3s;
	-ms-transition: ease-in 0.3s;
	-o-transition: ease-in 0.3s;
}
.clear {
	clear: both;
}
img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
@font-face {
	font-family: 'Roboto';
	src: url(../fonts/Roboto-Black.woff2) format('woff2'),  url('../fonts/Roboto-Thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Light.woff2') format('woff2'),  url('../fonts/Roboto-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Bold.woff2') format('woff2'),  url('../fonts/Roboto-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Medium.woff2') format('woff2'),  url('../fonts/Roboto-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Black.woff2') format('woff2'),  url('../fonts/Roboto-Black.woff') format('woff');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Regular.woff2') format('woff2'),  url('../fonts/Roboto-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
/* CSS Document */

/* CSS header & slider */
.sticky {     position: fixed !important;    top: 0 !important;    width: 100% !important;    z-index: 99999 !important;    background: white;}
.header-hero-area-wraper {
	position: relative;
	height: 100vh;
	overflow: hidden;
	  
}
.header-hero-area-wraper:before {
	content: "";
	background: url(../imagess/header-bg.png) no-repeat top;
	background-size: cover;
	position: absolute;
	width: 100%;
	top: 0;
	height: 500px;
	z-index: 111;
}
.header-main-wraper {
	position: absolute;
	z-index: 1111;
	width: 1170px;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 0
}
.top-header-wrap {
	padding: 15px 0;
}
.top-header-wrap .site-logo {
	text-align: center;
	width: 88px;
	margin: 0;
}
.top-header-wrap .site-logo:before {
	content: "";
	background: url(../imagess/border-logo.png) no-repeat top;
	background-size: cover;
	position: absolute;
	width: 100%;
	height: 6px;
	left: 8px;
	top: -15px;
}
.header-contact-info {
	width: 100%;
	height: 52px;
}
.header-contact-info ul {
	list-style: none;
	text-align: right;
	height: 52px;
	margin-top: 15px;
}
.header-contact-info ul li {
	display: inline-block;
	margin-left: 15px;
	position: relative
}
.header-contact-info ul li .header_btnn {
	padding: 14px 18px;
	color: #fff;
	top: -32px;
	text-transform: uppercase;
	font-size: 14px;
	background: #e46b05;
	text-decoration: none;
	position: relative;
	font-weight: 600;
	margin-right: 15px;
}
.header-contact-info ul li .header_btnn:hover {
	background: #005197
}
.header-contact-info ul li .header_btnn i {
	font-size: 20px;
	margin-right: 5px;
	position: relative;
	top: 2px
}
.contact-head-text a {
	display: block;
	font-size: 20px;
	font-weight: 900;
	color: #19273d;
}
.contact-head-text a:hover {
	text-decoration: none;
}
.contact-head-text {
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	float: left;
	line-height: 20px;
	color: #005197;
}
.contact-head-text strong {
	display: block;
	font-size: 20px;
	font-weight: 900;
	color: #19273d
}
.contact-info span {
	float: left;
	font-size: 40px;
	margin-right: 5px;
	color: #005197;
	position: relative;
	top: -12px;
	width: 55px;
}
.header-navigation-wrap {
	padding: 15px 0;
	border-bottom: 1px solid #4e85b6;
	border-top: 1px solid #4e85b6;
}
.header-navigation-wrap ul {
	list-style: none;
	text-align: center
}
.header-navigation-wrap ul li {
	display: inline-block;
	padding: 0 38px;
	border-left: 1px solid #005197;
}
.header-navigation-wrap ul li:nth-child(1) {
	border: none;
}
.header-navigation-wrap ul li a {
	color: #031321;
	font-size: 14px;
	text-decoration: none;
	font-weight: 600;
}
.header-navigation-wrap ul li a:hover {
	color: #005197
}
.video-header {
}
.text-hero-slide-wrap {
	width: 48%;
	position: relative;
	z-index: 11;
}
.text-hero-slide-wrap h1 {
	font-size: 50px;
	line-height: 50px;
	font-weight: 900;
	color: #19273d
}
.text-hero-slide-wrap h1 span {
	color: #e46b05;
}
.text-hero-slide-wrap p {
	font-size: 20px;
	color: #000;
	padding: 15px 0 30px 0;
	opacity: 0.8
}
.text-hero-slide-wrap a {
	padding: 14px 18px;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	background: #e46b05;
	text-decoration: none;
	font-weight: 600;
}
.text-hero-slide-wrap a i {
	font-size: 20px;
	margin-right: 5px;
	position: relative;
	top: 2px;
}
.text-hero-slide-wrap a:hover {
	background: #005197
}
.video-header video {
	position: absolute;
	top: 0;
	width: 100%;
	height: 120vh;
	object-fit: cover;
	z-index: 99;
	left: 0;
}
.hero-area-main-wrap {
	position: absolute;
	width: 100%;
	top: 35%;
	z-index: 111
}
.hero-image-wrap {
	position: absolute;
	bottom: -106%;
	width: 55%;
	right: 3%;
}
.waves {
	position: absolute;
	width: 100%;
	height: 15vh;
	top: -70px;
	margin-bottom: -7px;
	min-height: 100px;
	max-height: 150px;
	z-index: 111;
}
.parallax > use {
	animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}
.parallax > use:nth-child(1) {
	animation-delay: -2s;
	animation-duration: 6s;
}
.parallax > use:nth-child(2) {
	animation-delay: -3s;
	animation-duration: 8s;
}
.parallax > use:nth-child(3) {
	animation-delay: -4s;
	animation-duration: 8s;
}
.parallax > use:nth-child(4) {
	animation-delay: -5s;
	animation-duration: 50s;
}
.bookingform-sucess {
	background: #e2ffe2;
	padding: 25px;
	border-radius: 8px;
	color: #8caf8c;
	text-align: left;
	margin-bottom: 25px;
	width: 80%;
	position: relative;
	z-index: 111;
	right: -162px;
	top: -10px;
}
@keyframes move-forever {
 0% {
 transform: translate3d(-90px, 0, 0);
}
 100% {
 transform: translate3d(85px, 0, 0);
}
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
.waves {
	height: 30px;
	min-height: 30px;
}
}
.burj-image {
	position: absolute;
	top: -70%;
	right: 0;
	width: 22%;
}
.header-contact-info ul li:nth-child(3) span {
	width: 34px !important;
}
/* CSS header & slider */

/* CSS content */

.content-main-wraper {
	position: relative;
}
.why-choose-main-wraper {
	padding: 60px 0;
}
.why-choose-main-wraper .whychoose-heading-wrap {
	text-align: center;
}
.whychoose-heading-wrap h2 {
	font-size: 45px;
	line-height: 50px;
	font-weight: 900;
	color: #19273d;
	margin: 0px 0 55px 0;
}
.whychoose-heading-wrap h2 span {
	color: #e46b05;
}
.how-we-work-wrap {
	
	background-size: cover !important;
	position: relative;
}
.how-we-work-wrap h3 {
	text-transform: uppercase;
	color: #54c5d9;
	font-size: 22px;
	letter-spacing: 3px;
	font-weight: 600;
	text-align: center;
}
.how-we-work-wrap h2 {
	font-size: 45px;
	color: #422146;
	font-family: 'Playfair Display', serif;
	font-weight: 900;
	line-height: 50px;
	text-align: center;
}
.how-we-work-wrap ul {
	list-style: none;
	margin: 65px 0;
}
.how-we-work-wrap ul li {
}
.how-we-work-wrap ul li .how-listing-wrap {
	text-align: center;
	position: relative;
}
.how-we-work-wrap ul li:nth-child(1) .how-listing-wrap:before {
	content: "";
	background: url(../imagess/border-image.png) no-repeat center;
	position: absolute;
	right: -32%;
	width: 190px;
	height: 30px;
	top: 28px;
	background-size: contain;
}
.how-we-work-wrap ul li:nth-child(2) .how-listing-wrap:before {
	content: "";
	background: url(../imagess/border-image1.png) no-repeat center;
	position: absolute;
	right: -32%;
	width: 190px;
	height: 30px;
	top: 50px;
	background-size: contain;
}
.how-we-work-wrap ul li .how-listing-wrap .how-listing-image {
	width: 100px;
	height: 100px;
	background: #fae7d7;
	margin: 0 auto;
	border: 5px solid #fff;
	border-radius: 15px;
	font-size: 40px;
	color: #a8c100;
	padding-top: 12px;
	box-shadow: 0px 10px 25px 0px #cca97b;
	margin-bottom: 40px
}
.how-we-work-wrap ul li:hover .how-listing-wrap .how-listing-image {
	background-image: linear-gradient(#fff, #ffc18c);
	color: #fff;
}
.how-listing-text {
}
.how-listing-text h4 {
	font-size: 22px;
	color: #422146;
	font-weight: 900;
	margin-bottom: 10px
}
.how-listing-text h3 {
	font-size: 22px;
	color: #422146;
	font-weight: 900;
	margin-bottom: 10px
}
.how-listing-text p {
	font-size: 14px;
	padding: 0 40px;
	line-height: 20px;
}
.shop-now-btn {
	text-align: center;
}
.shop-now-btn a {
	background: #3e1b40;
	padding: 16px 20px;
	border-radius: 30px;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-weight: 500;
}
.shop-now-btn a i {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background: #a8c100;
	text-align: center;
	padding-top: 11px;
	position: relative;
	right: -13px;
	color: #3e1b40;
}
.shop-now-btn a:hover {
	background: #a8c100;
}
.book-btn-choose {
	text-align: center;
}
.book-btn-choose a {
	padding: 14px 18px;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	background: #e46b05;
	text-decoration: none;
	font-weight: 600;
}
.book-btn-choose a i {
	font-size: 20px;
	margin-right: 5px;
	position: relative;
	top: 2px;
}
.book-btn-choose a:hover {
	background: #005197;
}
.about-main-wraper {
	padding: 160px 0;
	position: relative;
	background: url(../imagess/about-alwasl.jpg) no-repeat top;
	background-size: cover;
	background-attachment: fixed;
}
.about-main-wraper .header {
	position: absolute;
	top: 20px;
	z-index: 111;
	width: 100%;
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.heading-text-about-wrap {
}
.heading-text-about-wrap h2 {
	font-size: 45px;
	line-height: 50px;
	font-weight: 900;
	color: #19273d;
}
.heading-text-about-wrap h2 span {
	color: #e46b05;
}
.heading-text-about-wrap .contact-info {
	margin-top: 20px;
}
.heading-text-about-wrap .contact-head-text strong {
	font-size: 30px;
}
.heading-text-about-wrap .contact-head-text strong a {
	font-size: 30px;
}
.heading-text-about-wrap .contact-head-text {
	line-height: 28px;
	font-size: 18px;
}
.heading-text-about-wrap .contact-info span {
	top: 4px;
}
.about-text-wraper h3 {
	padding: 20px 0;
	color: #19273d;
	font-size: 25px;
	font-weight: bold;
}
.about-text-wraper p {
	font-size: 18px;
	color: #19273d;
	line-height: 28px
}
.header-about-wave {
	top: auto !important;
	bottom: 30px;
	-webkit-transform: rotate(-180deg) !important;
	-moz-transform: rotate(-180deg) !important;
	-o-transform: rotate(-180deg) !important;
	-ms-transform: rotate(-180deg) !important;
	transform: rotate(-0deg) !important;
}
.our-yacht-main-wraper {
	padding: 30px 0 30px 0;
}
.our-yacht-main-wraper .yacht-image-arrow {
	text-align: center;
}
.our-yacht-main-wraper h2 {
	text-align: center;
	font-size: 45px;
	font-weight: 900;
	color: #19273d;
	margin: 0px 0 50px 0;
}
.our-yacht-main-wraper ul {
	list-style: none;
}
.our-yacht-main-wraper ul li {
}
.our-yacht-main-wraper ul li .listing-yacht-wraper {
	background: #fff;
	padding: 15px;
	border-radius: 15px;
	box-shadow: 0px 0px 30px 0 #cacaca;
	margin-bottom: 35px;
}
.our-yacht-main-wraper ul li:hover .listing-yacht-wraper {
	box-shadow: 0px 0px 100px 0 #a2a2a2;
}
.listing-yacht-image {
	height: 230px;
	border-radius: 15px;
	overflow: hidden;
	position: relative;
	width: 100%;
	max-width: 320px;
}
.listing-yacht-image img {
	display: block;
	width: 100%;
	height: auto;
}
.listing-yacht-image span {
	position: absolute;
	background: #e46b05;
	padding: 6px 20px;
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	left: 0;
	width: 29%;
	top: 15px;
	font-weight: bold;
}
.listing-yacht-text {
	padding-top: 15px;
}
.listing-yacht-text h4 {
	line-height: 22px;
}
.listing-yacht-text h3 {
	line-height: 22px;
}
.listing-yacht-text span {
	display: block;
	font-size: 20px;
	color: #e46b05;
	font-weight: bold;
	display: none;
}
.listing-yacht-text h4 a {
	color: #19273d;
	font-size: 19px;
	font-weight: bold;
	text-decoration: none;
}
.listing-yacht-text h3 a {
	color: #19273d;
	font-size: 19px;
	font-weight: bold;
	text-decoration: none;
}
.btn-yacht-list {
	text-align: right;
}
.btn-yacht-list a {
	width: 55px;
	height: 50px;
	background: #e36a05;
	border-radius: 10px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	font-size: 22px;
	padding-top: 10px;
}
.our-yacht-main-wraper ul li:hover .btn-yacht-list a {
	background: #005197
}
.rating-yachts-wrap a {
	font-size: 16px;
	text-decoration: none;
	color: #ff9933;
	margin-left: -4px
}
.rating-yachts-wrap span {
	font-size: 13px;
	color: #19273d;
}
.yacht-info-wrap {
}
.yacht-info-wrap span {
	display: inline-block;
	background: #f1f1f1;
	text-align: center;
	width: 70px;
	font-size: 11px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-radius: 10px;
}
.yacht-info-wrap span img {
	width: 30px;
}
.yacht-info-wrap span i {
	display: block;
	font-size: 25px;
}
.yacht-info-wrap span strong {
	display: block;
	font-weight: 500;
	line-height: 14px
}
.yacht-info-wrap span strong span {
	display: block;
}
.yacht-info-wrap span:hover {
}
.btn-yacht-view {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px
}
.btn-yacht-view a {
	padding: 14px 18px;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	background: #e46b05;
	text-decoration: none;
	font-weight: 600;
}
.btn-yacht-view a:hover {
	background: #005197;
}
.btn-yacht-view a i {
	font-size: 20px;
	margin-right: 5px;
	position: relative;
	top: 2px;
}
.call-to-action-main-wraper {
	background: url(../imagess/yatch-rental.jpg) no-repeat bottom;
	background-size: cover;
	background-attachment: fixed;
	padding: 170px 0 120px 0;
	position: relative;
	text-align: center;
}
.call-to-action-main-wraper .header {
	position: absolute;
	top: 20px;
	z-index: 111;
	width: 100%;
	left: 50%;
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.call-to-action-heading {
	text-align: center;
}
.call-to-action-heading h2 {
	color: #fff;
	text-align: center;
	font-size: 55px;
	font-weight: 900;
	margin: 30px 0 30px 0;
}
.call-to-action-heading h2 span {
	color: #e46b05;
}
.call-to-action-heading a {
	padding: 14px 18px;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	background: #e46b05;
	text-decoration: none;
	font-weight: 600;
}
.call-to-action-heading a:hover {
	background: #005197;
}
.call-to-action-heading a i {
	font-size: 20px;
	margin-right: 5px;
	position: relative;
	top: 2px;
}
.custom-btn {
	width: 130px;
	height: 40px;
	color: #fff;
	border-radius: 5px;
	padding: 10px 25px;
	font-family: 'Lato', sans-serif;
	font-weight: 500;
	background: transparent;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	display: inline-block;
	box-shadow: inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
	outline: none;
}
.btn-12 {
	position: relative;
	right: 20px;
	bottom: 20px;
	border: none;
	box-shadow: none;
	width: 130px;
	height: 40px;
	line-height: 42px;
	-webkit-perspective: 230px;
	perspective: 230px;
}
.btn-12 span {
	background: rgb(0,172,238);
	background: linear-gradient(0deg, rgba(0,172,238,1) 0%, rgba(2,126,251,1) 100%);
	display: block;
	position: absolute;
	width: 130px;
	height: 40px;
	box-shadow: inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
	border-radius: 5px;
	margin: 0;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.btn-12 span:nth-child(1) {
	box-shadow: -7px -7px 20px 0px #fff9, -4px -4px 5px 0px #fff9, 7px 7px 20px 0px #0002, 4px 4px 5px 0px #0001;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 50% -20px;
	-moz-transform-origin: 50% 50% -20px;
	transform-origin: 50% 50% -20px;
}
.btn-12 span:nth-child(2) {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transform-origin: 50% 50% -20px;
	-moz-transform-origin: 50% 50% -20px;
	transform-origin: 50% 50% -20px;
}
.btn-12:hover span:nth-child(1) {
	box-shadow: inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.btn-12:hover span:nth-child(2) {
	box-shadow: inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
	color: transparent;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}
.drawer-menu {
	box-sizing: border-box;
	position: fixed;
	top: 0;
	right: 0;
	width: 280px;
	height: 100vh;
	padding: 65px 0 0 0;
	background: #051c34;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: perspective(500px) rotateY(-90deg);
	transform: perspective(500px) rotateY(-90deg);
	opacity: 0;
	overflow: auto;
}
.drawer-menu li {
	text-align: left;
}
.drawer-menu li a {
	display: block;
	height: auto;
	line-height: 62px;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	-webkit-transition: all .8s;
	transition: all .8s;
	padding-left: 30px;
	border-bottom: 1px solid #092d52;
}
.drawer-menu li a:hover {
	color: #1a1e24;
	background: #fff;
}
/* checkbox */
.check {
	display: none;
}
/* menu button - label tag */
.menu-btn {
	position: absolute;
	display: block;
	top: 12px;
	right: 20px;
	display: block;
	width: 45px;
	height: 40px;
	font-size: 10px;
	text-align: center;
	cursor: pointer;
	z-index: 3;
	background: rgba(1, 160, 226, 0.6);
	border-radius: 6px;
	text-align: center;
}
.bar {
	position: absolute;
	top: 12px;
	left: 10px;
	display: block;
	width: 25px;
	height: 1px;
	background: #fff;
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
}
.bar.middle {
	top: 28px;
	opacity: 1;
}
.bar.bottom {
	top: 20px;
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
}
.menu-btn__text {
	position: absolute;
	bottom: -15px;
	left: 0;
	right: 0;
	margin: auto;
	color: #fff;
	-webkit-transition: all .5s;
	transition: all .5s;
	display: block;
	visibility: visible;
	opacity: 1;
}
.menu-btn:hover .bar {
	background: #18b6a4;
}
.close-menu {
	position: fixed;
	top: 0;
	right: 280px;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0);
	cursor: url(http://theorthodoxworks.com/demo/imagess/cross.svg), auto;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	visibility: hidden;
	opacity: 0;
}
/* checked */
.check:checked ~ .drawer-menu {
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	z-index: 2;
}
.check:checked ~ .contents {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translateX(-300px);
	-ms-transform: translateX(-300px);
	transform: translateX(-300px);
}
.check:checked ~ .menu-btn .menu-btn__text {
	visibility: hidden;
	opacity: 0;
}
.check:checked ~ .menu-btn .bar.top {
	width: 40px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #fff
}
.check:checked ~ .menu-btn .bar.middle {
	opacity: 0;
}
.check:checked ~ .menu-btn .bar.bottom {
	width: 40px;
	top: 28px;
	background: #fff;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.check:checked ~ .close-menu {
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	background: rgba(0,0,0,.5);
	visibility: visible;
	opacity: 1;
	z-index: 3;
}
.drawer-menu ul {
	list-style: none;
}
.drawer-menu ul li a {
	text-decoration: none;
}
.drawer-menu ul li a img {
	margin-right: 5px;
	margin-top: -2px;
}
.menusitebar-main-wraper {
	display: none;
}
.inner-hero-area-wraper {
	background: url(../imagess/yacht-rental-marina.jpg) no-repeat bottom;
	background-size: cover;
	height: 50vh;
}
.inner-hero-area-main-wrap .text-hero-slide-wrap {
	text-align: center;
	padding-top: 105px;
	width: 100%;
}
.inner-hero-area-main-wrap h1 {
	background: rgba(255, 255, 255, 0.6);
	width: 70%;
	margin: 0 auto;
	padding: 15px 0;
}
.inner-hero-area-main-wrap h1 span {
	color: #19273d
}
.inner-content-main-wraper .waves {
	top: -80px
}
.pagination-product {
	text-align: center;
	margin-top: 30px
}
.pagination-product a {
	display: inline-block;
	width: 45px;
	height: 40px;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0px 5px 20px 0 #dedede;
	color: #000;
	text-decoration: none;
	font-size: 14px;
	margin: 0 5px;
	padding-top: 10px;
}
.pagination-product a:hover {
	background: #e36a05;
	color: #fff;
}
.inner-hero-detail-wraper {
	background: url(../imagess/bg-inner1.png) no-repeat bottom;
	background-size: cover !important;
	height: 60vh;
}
.yacht-detail-main-wraper {
	padding: 30px 0;
}
.yacht-detail-main-wraper h2 {
	font-size: 45px;
	line-height: 50px;
	font-weight: 900;
	color: #19273d;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	margin-bottom: 25px
}
.yacht-image-list-wrap .owl-nav {
	top: 50%;
}
/* The Modal (background) */
.modal {
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: black;
}
/* Modal Content */
.yacht-detail-main-wraper .modal-content {
	position: relative;
	background: none;
	margin: auto;
	padding: 0;
	width: 50%;
	max-width: 1200px;
}
/* The Close Button */
.close {
	color: white;
	position: absolute;
	top: 10px;
	right: 25px;
	font-size: 35px;
	font-weight: bold;
}
.close:hover, .close:focus {
	color: #999;
	text-decoration: none;
	cursor: pointer;
}
.mySlides {
	display: none;
}
.cursor {
	cursor: pointer;
}
/* Next & previous buttons */
.prev, .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -50px;
	color: white;
	font-weight: bold;
	font-size: 20px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	-webkit-user-select: none;
}
/* Position the "next button" to the right */
.next {
	right: 16px;
	border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
	background-color: rgba(0, 0, 0, 0.5);
}
/* Number text (1/3 etc) */
.numbertext {
	color: #f2f2f2;
	font-size: 18px;
	padding: 12px;
	position: absolute;
	top: 25px;
	left: 25px;
}
.close {
	color: #fff;
	text-decoration: none;
	opacity: .75;
	position: absolute;
	top: 32px;
	right: 33px;
}
.caption-container {
	text-align: center;
	background-color: black;
	padding: 2px 16px;
	color: white;
}
.active, .demo:hover {
	opacity: 1;
}
img.hover-shadow {
	transition: 0.3s;
}
#myModal {
	z-index: 222222222222;
	background: rgba(00, 00, 00, 0.8);
	padding-top: 20px;
}
.light-box-yacht {
	margin: 0;
}
.light-box-yacht .col-md-3 {
	padding: 0;
}
#sync1 .item {
	background: #0c83e7;
	color: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
}
#sync2 .item {
	background: #C9C9C9;
	margin: 5px;
	color: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	cursor: pointer;
}
#sync2 .item h1 {
	font-size: 18px;
}
#sync2 .current .item {
	background: #0c83e7;
}
.owl-theme .owl-nav {
	display: none;/*default owl-theme theme reset .disabled:hover links */
}
.owl-theme .owl-nav [class*='owl-'] {
	transition: all .3s ease;
}
.owl-theme .owl-nav [class*='owl-'].disabled:hover {
	background-color: #D6D6D6;
}
#sync1.owl-theme {
	position: relative;
}
#sync1.owl-theme .owl-next, #sync1.owl-theme .owl-prev {
	width: 22px;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	outline: none;
}
#sync1.owl-theme .owl-prev {
	left: 30px;
}
#sync1.owl-theme .owl-next {
	right: 30px;
}
.ifrm {
	border: none;
	width: 100%;
	margin-top: 50px;
}
.yacht-detail-text-wraper {
	background: #fff;
	padding-top: 15px;
	position: relative;
	margin-top: -16px;
}
#sync2 {
	height: 140px;
}
.yacht-detail-text-wraper ul {
	list-style: none;
	margin-bottom: 35px;
}
.yacht-detail-text-wraper ul li {
	display: inline-block;
	background: #f1f1f1;
	padding: 10px 0px;
	color: #000;
	margin-right: 2px;
	width: 24.2%;
	text-align: center;
}
.yacht-detail-text-wraper ul li i {
	font-size: 18px;
	margin-right: 10px
}
.yacht-detail-text-wraper ul li:hover {
	background: #e7e7e7;
}
.yacht-detail-text-wraper h3 {
	font-size: 30px;
	color: #030921;
	font-weight: bold;
	position: relative;
	margin-bottom: 10px;
}
.yacht-detail-text-wraper p {
	font-size: 14px;
	margin-bottom: 25px;
	line-height: 28px;
	color: #666
}
.detail-waves {
	top: -104px !important;
}
.yacht-info-wrp {
}
.yacht-info-wrp li {
	display: block !important;
	width: 45%;
	float: left;
	margin-bottom: 15px;
	font-size: 12px;
	padding: 12px 15px !important;
	text-align: center;
	margin-bottom: 10px !important;
	background: #fff;
	margin: 0 7px;
	height: 80px;
}
.yacht-info-wrp li:hover {
	background: #ececec;
}
.yacht-info-wrp li i {
	font-size: 30px !important;
	display: block;
	margin: 0 !important;
	margin-bottom: 10px;
	color: #e46b05;
}
.yacht-info-wrp li span {
	display: block;
	float: none !important
}
.contact-yacht-info-wrap {
	background: #e46b05;
	padding: 25px;
	margin-top: 25px;
}
.contact-yacht-info-wrap h4 {
	font-weight: bold;
	color: #fff;
	font-size: 30px;
	border-bottom: 1px solid #b25100;
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.contact-yacht-info-wrap ul {
	list-style: none;
}
.contact-yacht-info-wrap ul li {
	font-size: 18px;
	color: #fff;
	padding-top: 15px
}
.contact-yacht-info-wrap ul li i {
	margin-right: 5px;
}
.contact-yacht-info-wrap ul li a {
	display: block;
	background: #19273d;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	padding: 12px 0;
	margin-top: 15px;
}
.contact-yacht-info-wrap ul li a.cta_section {
	display: inline-block;
	background: #19273d00;
	text-align: center;
	text-transform: none;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	font-weight: 700;
	padding: 0px 0;
	margin-top: 0px;
}
.inner-hero-contact-wraper {
	background: url(../imagess/bg-inner2.png) no-repeat bottom;
	background-size: cover !important;
	height: 60vh;
}
.contact-info-wraper {
	padding: 60px 0;
}
.contact-form-info-wraper {
}
.contact-form-info-wraper .contact-form-wrap {
}
.contact-form-info-wraper .contact-form-wrap h4 {
	font-size: 40px;
	line-height: 50px;
	font-weight: 900;
	color: #19273d;
	margin: 25px 0
}
.contact-form-wrap .form-group {
	position: relative;
	margin-bottom: 25px
}
.contact-form-wrap .form-group i {
	position: absolute;
	font-size: 22px;
	top: 16px;
	left: 20px;
}
.contact-form-wrap .form-group .form-control {
	height: 55px;
	border: 1px solid #ccc;
	;
	box-shadow: none;
	outline: none;
	padding-left: 60px
}
.contact-form-wrap .textarea-group {
	position: relative;
}
.contact-form-wrap .textarea-group i {
	position: absolute;
	font-size: 22px;
	top: 16px;
	left: 20px;
}
.contact-form-wrap .textarea-group .form-control {
	border: 1px solid #ccc;
	box-shadow: none;
	outline: none;
	padding-left: 60px;
	padding-top: 15px
}
.contact-btn {
	margin-top: 60px;
	text-align: right
}
.contact-btn button {
	padding: 12px 28px;
	color: #fff;
	top: -32px;
	text-transform: uppercase;
	font-size: 14px;
	background: #e46b05;
	text-decoration: none;
	position: relative;
	font-weight: 600;
	border: none;
	outline: none;
}
.contact-btn button:hover {
	background: #005197;
}
.about-text-info-wraper {
	padding: 60px 0;
}
.about-text-info-wraper .about-text-info-image {
	margin-bottom: 30px;
}
.about-text-info-wraper p {
	font-size: 14px;
	margin-bottom: 25px;
	line-height: 28px;
	color: #666;
}
#icon {
	width: 100px;
	height: 135px;
	position: relative;
	margin: auto;
	border-radius: 25px;
	color: #FFF;
	font-size: 135px;
	font-family: 'Patua One';
	line-height: 140px;
	text-align: center;
	overflow: hidden;
	animation-name: play;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-delay: 0s;
	animation-play-state: running;
	-webkit-perspective: 800;
	-webkit-perspective-origin: 50% 100%;
}
#icon a {
	display: block;
}
 @keyframes play {
 0% {
top:10px;
}
 50% {
top:0px;
}
 100% {
top:10px;
}
}
.watapp-sticky-icon {
	position: fixed;
	bottom: 20px;
	left: 15px;
	z-index: 2222222;
}
.site-social-media-wrp {
	position: fixed;
	left: 0;
	top: 32%;
	z-index: 222222222222;
}
.site-social-media-wrp a img {
	width: 20px;
}
.site-social-media-wrp a {
	display: block;
	width: 40px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	margin-bottom: 5px;
	height: 40px;
	font-size: 13px;
	background: #000;
	padding-top: 12px;
	border-radius: 0px 6px 6px 0px;
}
.site-social-media-wrp a:hover {
	width: 50px;
}
.facebook {
	background: #3f5793 !important;
}
.twitter {
	background: #65bbf2 !important
}
.google {
	background: #e56552 !important;
}
.linkedin {
	background: #8358b9 !important
}
.pinterest {
	background: #d73633 !important;
}
.yacht-info-wraper {
	background: #f1f1f1;
	padding: 25px 10px 6px 10px;
}
.yacht-info-wraper h3 {
	font-weight: bold;
	color: #000;
	font-size: 28px;
	padding-bottom: 20px;
	text-align: center;
}
.description-yacht-detail h3 {
	font-weight: bold;
	color: #19273d;
	font-size: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	margin-bottom: 25px;
}
.description-yacht-detail h6 {
	font-weight: bold;
	color: #19273d;
	font-size: 25px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	margin-bottom: 25px;
}
.description-yacht-detail h2 {
	font-weight: bold;
	color: #19273d;
	font-size: 25px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	margin-bottom: 25px;
}
.description-yacht-detail h4 {
	font-weight: bold;
	color: #19273d;
	font-size: 25px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.description-yacht-detail p {
	font-size: 16px;
	color: #666;
	padding-bottom: 15px;
	line-height: 28px
}
.description-yacht-detail .tickimagess img {
	width: 18px;
}
.description-yacht-detail p strong {
	color: #000;
}
.description-yacht-detail ul {
	list-style: none;
	margin-bottom: 20px;
}
.description-yacht-detail ul li {
	font-size: 16px;
	line-height: 28px;
	Position: relative;
	padding-left: 25px
}
.description-yacht-detail ul li:before {
	content: "";
	Position: absolute;
	width: 8px;
	height: 8px;
	left: 0;
	background: #e46b05;
	border-radius: 50%;
	top: 10px;
}
.description-yacht-detail ul li strong {
	color: #000;
}
.other-yacht-main-wraper {
	background: #f5f5f5;
}
.top-site-detail-wraper {
}
.top-site-detail-wraper p {
	font-size: 16px;
	padding-bottom: 15px;
	line-height: 26px
}
.inner-call-action-main-wraper {
	padding: 60px 0;
}
.site-detail-inof-text-wrp {
}
.site-detail-inof-text-wrp h2 {
	text-align: left;
	font-size: 40px;
	font-weight: 900;
	color: #19273d;
	margin: 0px 0 20px 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	padding-top: 15px;
}
.site-detail-inof-text-wrp p {
	font-size: 16px;
	line-height: 28px
}
.site-detail-inof-text-wrp h3 {
	text-align: left;
	font-size: 28px;
	font-weight: 900;
	color: #19273d;
	margin: 0px 0 20px 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-top: 15px
}
.site-detail-inof-text-wrp h4 {
	text-align: left;
	font-size: 40px;
	font-weight: 900;
	color: #19273d;
	margin: 0px 0 20px 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-top: 15px
}
.site-detail-inof-text-wrp ul li {
	font-size: 16px;
	line-height: 28px;
	Position: relative;
	padding-left: 25px
}
.site-detail-inof-text-wrp ul li:before {
	content: "";
	Position: absolute;
	width: 8px;
	height: 8px;
	left: 0;
	background: #e46b05;
	border-radius: 50%;
	top: 10px;
}
.reservation-image-wrap {
	padding-top: 50px;
}
.reservation_contact {
	    font-size: 18px;
    font-weight: bold;
}
.reservation-image-wrap p {
	font-size: 16px;
	color: #666;
	padding-top: 15px;
	line-height: 28px;
}
.reservation-call-action-wrap {
	background: #fff;
	padding: 25px;
	box-shadow: 0px 0px 40px 0 #ddd;
	margin-top: 30px;
	border-radius: 10px;
}
.reservation-call-action-wrap ul {
	list-style: none;
}
.reservation-call-action-wrap ul li {
	text-align: center
}
.reservation-call-action-wrap ul li span a {
	color: #212529;
}
.reservation-form-wrap .form-group .form-control {
	padding-left: 15px;
}
.partner-listing-main-wraper {
	padding-top: 40px;
}
.partner-listing-main-wraper p {
	font-size: 18px;
	color: #666;
	padding-bottom: 15px;
	line-height: 28px;
}
.partner-listing-main-wraper {
}
.partner-listing-main-wraper ul {
	list-style: none;
	margin-bottom: 60px;
	margin-top: 30px;
}
.partner-listing-main-wraper ul li .logo-partner {
	border: 1px solid #ccc;
	height: 120px;
	text-align: center;
	display: table-cell;
	overflow: hidden;
	vertical-align: middle;
}
.partner-listing-main-wraper ul li .logo-partner img {
	width: 50%;
}
.route-map-main-wraper {
	padding-top: 60px;
}
.route-map-main-wraper .rout-map-main-image {
	text-align: center;
	margin-bottom: 30px;
}
.route-map-main-wraper p {
	font-size: 16px;
	padding-bottom: 40px;
	line-height: 26px;
}
.about-image-wraper {
	margin-bottom: 30px;
}
.about-image-main-wraper {
	padding-top: 60px;
	padding-bottom: 60px;
}
.about-image-main-wraper h4 {
	font-weight: bold;
	color: #19273d;
	font-size: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.about-image-main-wraper p {
	font-size: 16px;
	color: #666;
	padding-bottom: 15px;
	line-height: 28px;
}
.about-image-main-wraper ul {
	list-style: none;
}
.about-image-main-wraper ul li {
	font-size: 16px;
	color: #666;
	padding-bottom: 5px;
	line-height: 28px;
}
.faqs-main-wraper {
	padding: 50px 0;
}
.faqs-main-wraper ul {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border: none;
}
.faqs-main-wraper ul li a {
	padding: 16px 34px;
	color: #000;
	text-decoration: none;
	border: 1px solid #ccc;
	margin-right: 15px;
	border-radius: 6px;
}
.faqs-main-wraper button {
	border: solid 1px;
	padding: 5px;
	border-radius: 8px;
	margin-bottom: 30px;
	border-color: #fff !important;
	padding: 22px 30px;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 15px;
	width: 100%;
	outline: none;
	text-align: left;
	font-size: 20px;
	cursor: pointer
}
.faqs-main-wraper p {
	font-size: 16px;
	padding-bottom: 40px;
	line-height: 26px;
}
.listing-yacht-text p {
	font-size: 16px;
	padding: 0 0 8px 0;
	line-height: 24px
}
.book-btn-list {
}
.book-btn-list a {
	display: block;
	border: 1px solid #000;
	padding: 16px 0;
	text-align: center;
	color: #000;
	text-decoration: none;
	font-size: 13px;
	text-transform: uppercase;
	margin-top: 10px;
	border-radius: 6px;
	font-weight: bold;
}
.our-yacht-main-wraper ul li:hover .book-btn-list a {
	background: #e46b05;
	border: 1px solid #e46b05;
	color: #fff;
}
.contact-map-wrap iframe {
	width: 100%;
}
/* CSS content */

/* CSS footer */


.footer-main-wraper {
	padding-top: 90px;
	background: #031730;
	overflow: hidden;
}
.footer-logo {
	text-align: center;
	width: 8%;
	margin: 0 auto;
	padding-bottom: 50px;
}
.footer-info-wrap {
	padding: 60px 0;
	background: #02234a;
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.footer-scroll-top {
	text-align: center;
}
.footer-scroll-top img {
	width: 35px;
	max-width: 100%;
	height: auto;
}
.footer-social {
	text-align: center;
	margin-top: 45px
}
.footer-social a {
	text-decoration: none;
	display: inline-block;
	font-size: 18px;
	padding-top: 13px;
	width: 50px;
	margin: 0 5px;
}
.footer-info-wrap ul {
	list-style: none;
	text-align: center;
	margin-top: 40px
}
.footer-info-wrap ul li {
	display: inline-block;
	padding: 0 15px
}
.footer-info-wrap ul li a {
	font-size: 13px;
	color: #fff;
	text-decoration: none;
}
.footer-info-wrap ul li a:hover {
	color: #e46b05;
}

/* CSS footer */

/* CSS media */


@media (max-width:1450px) and (min-width:1170px) {
.burj-image {
	display: none;
}
.hero-image-wrap {
	width: 60%;
}
}
@media (max-width:1200px) and (min-width:1170px) {
.header-navigation-wrap ul li {
	padding: 0 22px;
}
.text-hero-slide-wrap h1 {
	font-size: 44px;
}
.text-hero-slide-wrap h1 br {
	display: none;
}
.header-contact-info ul {
	margin-top: 8px;
}
.how-we-work-wrap ul li:nth-child(1) .how-listing-wrap:before {
	width: 130px;
}
.how-we-work-wrap ul li:nth-child(2) .how-listing-wrap:before {
	width: 130px;
}
.heading-text-about-wrap h2 {
	font-size: 40px;
}
.our-yacht-main-wraper .container {
	max-width: 100%
}
}
@media screen and (max-width:1169px) {
.header-navigation-wrap ul li {
	padding: 0 22px;
}
.text-hero-slide-wrap h1 {
	font-size: 44px;
}
.header-contact-info ul {
	margin-top: 8px;
}
.how-we-work-wrap ul li:nth-child(1) .how-listing-wrap:before {
	width: 130px;
}
.how-we-work-wrap ul li:nth-child(2) .how-listing-wrap:before {
	width: 130px;
}
.heading-text-about-wrap h2 {
	font-size: 40px;
}
.our-yacht-main-wraper .container {
	max-width: 100%
}
.hero-image-wrap {
	width: 82%;
	right: 0;
}
.header-main-wraper .container {
	max-width: 100%
}
.header-main-wraper {
	max-width: 100%
}
.yacht-info-wrap span {
	width: 75px;
}
.footer-logo {
	width: 12%;
}
.burj-image {
	display: none;
}
.hero-image-wrap {
	width: 60%;
}
}
@media screen and (max-width:990px) {
.hero-image-wrap {
	display: none;
}
.burj-image {
	display: none;
}
.waves {
	top: -120px;
}
.text-hero-slide-wrap {
	width: 100%
}
.text-hero-slide-wrap h1 {
	font-size: 55px;
}
.menusitebar-main-wraper {
	display: block;
}
.header-contact-info {
	display: none;
}
.contact-info {
	display: none !important;
}
.header-navigation-wrap {
	border-bottom: none;
}
.header-navigation-wrap button {
	background: #fff;
	padding: 12px 16px;
	position: absolute;
	right: 0;
	top: -84px;
	font-size: 24px;
}
.header-navigation-wrap ul {
	text-align: left;
}
.header-navigation-wrap ul li {
	border: none;
}
.navbar-collapse {
	background: #fff;
	padding: 25px;
	position: relative;
	z-index: 111;
	top: -30px;
	border-radius: 10px;
}
.collapse:not(.show) {
	display: none;
}
.header-navigation-wrap ul li a {
	display: block;
	padding: 12px 0;
	font-size: 16px
}
}
 @media screen and (max-width:920px) {
.header-navigation-wrap ul li {
	padding: 0 17px;
}
.header-contact-info ul li a {
	margin-right: 0;
}
.video-header video {
	height: 85vh;
}
.header-hero-area-wraper {
	height: 85vh;
}
.waves {
	top: -65px;
}
}
 @media screen and (max-width:768px) {
.waves {
	top: -69px
}
.top-header-wrap .site-logo:before {
	display: none;
}
.how-we-work-wrap ul li .how-listing-wrap .how-listing-image img {
	width: 50px;
}
.listing-yacht-image {
	width: 100%;
	max-width: 100%;
}
.heading-text-about-wrap h2 br {
	display: none
}
.header-contact-info {
	display: none;
}
.contact-info {
	display: none !important;
}
.text-hero-slide-wrap h1 {
	font-size: 45px;
}
.video-header video {
	height: 80vh;
}
.how-we-work-wrap ul li:nth-child(1) .how-listing-wrap:before {
	display: none;
}
.how-we-work-wrap ul li:nth-child(2) .how-listing-wrap:before {
	display: none;
}
.how-we-work-wrap ul li {
	margin-bottom: 35px;
}
.about-main-wraper .waves {
	top: -9px;
}
.about-main-wraper {
	padding: 80px 0;
}
.header-about-wave {
	bottom: 19px;
}
.why-choose-arrow {
	display: none;
}
.top-header-wrap .site-logo {
	width: 75%
}
.why-choose-main-wraper {
	padding: 0px 0 30px 0;
	;
}
.book-btn-choose {
	margin-bottom: 30px;
}
.how-we-work-wrap ul {
	margin-bottom: 30px;
}
.heading-text-about-wrap h2 {
	font-size: 30px;
	line-height: 40px;
}
.btn-yacht-list {
	display: none;
}
.yacht-info-wrap span {
	width: 24%;
}
.call-to-action-main-wraper .waves {
	top: -9px;
}
.call-to-action-main-wraper {
	padding: 80px 0;
}
.call-to-action-heading h2 {
	font-size: 36px;
	line-height: 36px
}
.footer-info-wrap {
	background: #02234a;
	clip-path: none
}
.footer-logo {
	width: 25%;
}
.listing-yacht-image img {
	width: 100%;
}
.listing-yacht-image span {
	width: auto;
}
.text-hero-slide-wrap h1 {
	font-size: 26px;
	line-height: 31px;
	text-align: center;
}
.text-hero-slide-wrap p {
	text-align: center;
	font-size: 16px;
}
.text-hero-slide-wrap {
	width: 100%;
	text-align: center;
}
.hero-area-main-wrap {
	position: absolute;
	width: 90%;
	top: 28%;
	z-index: 111;
	background: rgba(255, 255, 255, 0.4);
	padding: 40px;
	margin: 0 auto;
	left: 0;
	right: 0;
	border-radius: 30px;
}
.whychoose-heading-wrap h2 {
	font-size: 36px;
	line-height: 36px;
	margin-top: 0
}
.our-yacht-main-wraper h2 {
	font-size: 36px;
	line-height: 36px
}
.about-text-wraper p {
	font-size: 16px;
}
#icon {
	width: 70px;
}
.watapp-sticky-icon {
	bottom: 5px;
}
.inner-hero-contact-wraper .hero-area-main-wrap {
	background: none;
}
.inner-hero-contact-wraper {
	height: 42vh;
}
.inner-hero-area-main-wrap h1 {
	width: 100%;
	height: auto;
}
.detail-waves {
	top: -29px !important;
}
.inner-hero-area-main-wrap .text-hero-slide-wrap {
	padding-top: 32px;
}
.contact-form-info-wraper .contact-form-wrap h4 {
	font-size: 25px;
}
.inner-hero-detail-wraper {
	min-height: 42vh !Important;
	height: 42vh !Important;
}
.inner-hero-detail-wraper .hero-area-main-wrap {
	background: none;
	width: 100%;
	height: auto;
}
.yacht-detail-text-wraper ul li {
	margin-bottom: 20px;
	width: 46%;
}
.yacht-detail-main-wraper h2 {
	font-size: 36px;
}
.inner-hero-area-wraper {
	height: 42vh;
}
.inner-hero-area-wraper .hero-area-main-wrap {
	background: none;
}
.inner-content-main-wraper .waves {
	top: -28px;
}
.header-navigation-wrap {
	border: none;
}
.header-navigation-wrap button {
	background: #fff;
	padding: 10px 15px;
	position: absolute;
	right: 6px;
	top: -100px;
	font-size: 24px;
	outline: none;
}
.owl-carousel .owl-item img {
	width: 100%;
	height: auto;
}
.yacht-detail-text-wraper {
	width: 100%;
	height: auto;
}
.yacht-detail-text-wraper ul {
	text-align: center;
}
.yacht-info-wrp li {
	height: 70px;
}
.top-header-wrap {
}
.yacht-detail-main-wraper .modal-content {
	width: 100%;
}
.owl-carousel .owl-item img {
	max-width: 100%;
	height: auto
}
.yacht-info-wrap span strong span {
	width: 100% !important;
	font-size:16px;
}
.reservation-call-action-wrap ul li .list-reservation{
	background:#f5f5f5;
	padding:12px 0;
	border-radius:10px;
	margin-bottom:10px;
}
.contact-info-wraper {
    padding: 30px 0;
}
}
@media screen and (max-width:440px) {
.call-to-action-heading h2 {
	font-size: 30px;
	line-height: 36px;
}
.top-header-wrap .site-logo {
	width: 50%;
}
}