@font-face {
    font-family: 'Euclid Circular B';
    src: url('../fonts/EuclidCircularB-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular B';
    src: url('../fonts/EuclidCircularB-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: '../fonts/Euclid Circular B';
    src: url('../fonts/EuclidCircularB-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular B';
    src: url('../fonts/EuclidCircularB-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular B';
    src: url('../fonts/EuclidCircularB-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
html, body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	min-height: 100%;
}

body {
	font-family: 'Euclid Circular B';
	color: #54566c;
    font-weight: normal;
    font-style: normal;
	font-size: 15px;
	background: #FFF ;
}

a, a:link, a:visited {
    outline: none;
	text-decoration: none;	
	-moz-tap-highlight-color: transparent; 
	-webkit-tap-highlight-color: transparent; 
	color:#000;
}

img {
	border: none;
	margin: 0px;
	max-width: 100%;
}


h1 {
	font-family: 'Euclid Circular B';
    font-weight: normal;
	font-size: 28px;
	margin: 0px;
	padding: 0px;	
	color: #000;
}

h2 {
	font-family: 'Euclid Circular B';
	font-weight: normal;
	font-size: 24px;
	margin: 0px;
	padding: 0px;
	color: #000;
}

h3, h4, h5, h6 {
	font-family: 'Euclid Circular B';
    font-weight: normal;
	font-size: 18px;
	margin: 0px;
	padding: 0px;	
	color: #000;
}

form, input, select, textarea, p {
	margin: 0px;
	padding: 0;
}

textarea {
	resize: none;
}

input:focus, textarea:focus {
	outline: none;
}

input::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

article, aside, details, figcaption, figure,  
footer, header, hgroup, menu, nav, section, time {  
	display: block; 
	margin: 0px;
	padding: 0; 
} 

.customClear {
	clear: both;
	font-size: 0em;
	line-height: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
}
*{ box-sizing: border-box;} 
img {display: block;}
/*IE below 9*/
#ieWrapper {
	background: #000;
	position: fixed;
	z-index: 100;
	top: 0;	left: 0;
	width: 100%;
	height: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.ieHolder {
	position: relative; 
	width: 555px;
	padding: 20px;
	margin: 200px auto 0 auto;
	background: #FFF;
	border: 7px solid #2b2927;
}

.btnIeUpdate {
	background: url(../images/btnIeUpdate.jpg) 0 0 no-repeat;
	width: 144px;
	height: 37px;
	position: absolute;
	right: 20px;
	bottom: 20px;
	color: #fff;
	line-height: 37px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.ieLogo {
	float: left;
	width: 134px;
	height: 139px;
	background: url(../images/ieLogo.jpg) no-repeat 0 0;
}

.ieContent {
	float: right;
	margin: 0;
	padding: 0;
	width: 350px;
	color: #666;
	font-size: 15px;
	line-height: 18px;
}

.ieContent strong {
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #cccccc;
	display: block;
	font-size: 18px;
	color: #333;
	font-weight: normal;
}
/*End IE below 9*/

.page-center{
	max-width: 1240px;
	padding: 0 20px;
	width: 100%;
	margin: 0 auto;
}
p { 
	font-size: 18px;
	line-height: 30px;
}
.header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 17px 0 10px;
}

.header-menu {
	list-style: none;
	display: flex;
	font-size: 18px;
	font-weight: 300;
	color: #000;
	align-items: center;
	flex-grow: 1;
	justify-content: flex-end;
	padding: 0;
	margin: 0;
}

.header nav{ flex-grow: 1;}

.header-menu li{
	padding-right: 35px;
}
.header-menu li:last-child{
	padding-right: 0;
}
.header-menu li:nth-last-child(2){
	padding-right: 22px;
}

.header-menu li a{
	color: #000;
	transition: .5s  cubic-bezier(0.165, 0.84, 0.44, 1);
}

.header-menu li a:hover, .header-menu li.active a,.header-menu li.current-menu-item a{
	color: #0070b3;
}

.header-menu li.call{
	max-width: 221px;
	height: 43px;
	width: 100%;
	display: flex;
	align-items: center;
	padding: 10px 20px 10px 45px;
	background-color: #0070b3;
	border:solid 1px #0070b3;
	border-radius: 30px;
	position: relative;
	font-size: 20px;
	font-weight: normal;
	transition: all .3s ease-in;
}

.header-menu li.call:hover{
	background-color: transparent;
	color: #0070b3;
}

.header-menu li.call a{
	color: #fff;
}

.header-menu li.call:hover a{
	color: #0070b3;
}

.header-menu li.call::before{
	content: '';
    background: url(../images/icon-phone.png) no-repeat;
    background-position: 0px -1px;
    background-size: cover;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 18px;
    filter: brightness(0%) invert(1);
}

.header-menu li.call:hover::before{
	background-position: 0px -21px;
	filter: none;
}

.logo{
	width: 106px;
}

.logo img{
	object-fit: contain;
}
.home-header{
	position: absolute;
	width: 100%;    
	z-index: 1;
}
.inner-header{
	position: relative;
}
.home-header .logo{
	width: 146px;
	margin-top: 17px;
}
.home-header .header {
    align-items: flex-start;
}
.home-header .header-menu {
	padding-top: 45px;
}
.bg-banner{
	height: 950px;
	width: 100%;
	background: url('../images/banner-image.png') no-repeat right top;
	position: relative;
}
.bg-banner .page-center{
	position:relative;
	height: 100%;
}
.banner-left{
	padding-top:250px;
	max-width:520px;
	width: 100%;
	height: 100%;
	background-color: #fff;
	position: relative;
	z-index: 0;
	padding-left: 1px;
}
.banner-left::before{
	content: '';
	position: absolute;
	width: 50vw;
	height: 100%;
	background: url('../images/banner-left-img.jpg') no-repeat , #fff;
	background-size: 72px 82px;
	background-position: center right 120px;
	left: 1px;
	top: 0;
	transform: translateX(-100%);
}
.banner-left .centercurve{
	position: absolute;
	height: 100%;
	background: url('../images/bg-banner-center-curve.png') no-repeat center ;
	width: 582px;
    left: calc(100% - 192px);
	top: 0;
	z-index: -1;
}
.banner-left h1{
	font-size: 100px;
	font-weight: bold;
	line-height: 90px;
	padding-bottom: 40px;
}
.plus-link{
	width: 74px;
	height: 74px;
	border-radius: 50%;
	background-color: #d62da3;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 50%;
	top: 47.2%;
	transform: translate(-50%, -50%);
	position: absolute;
	box-shadow:  0 10px 16px rgb(214 45 163 / 35%);
}

.plus-link-slider {
    width: 53px;
    height: 53px;
    border-radius: 50%;
    background-color: #d62da3;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    box-shadow: 0 10px 16px rgb(214 45 163 / 35%);
    z-index: 1;
	opacity: 0;
	transition: all  .3s ease-out ;
}

.bottom-slider-item a:hover .plus-link-slider {
	opacity: 1;
}

.plus-link img{
	width: 25px;
}

.owl-carousel .owl-item .plus-link-slider img{
	width: 20px;
}

.boat-slider{
	position: absolute;
	right:  100px;
	bottom: -95px;
	max-width: 886px;
	width: 100%;
}

.boat-slider.owl-carousel .owl-item img{
	width: auto;
}

.boat-slider.owl-carousel .owl-item{
	text-align: right;
}

/* .boat-slider-single-item{
	width: 100%;
    display: flex;
    justify-content: flex-end;
    position: relative;
    right: 100px;
} */

.boat-slider .owl-next {
    width: 27px;
    height: 22px;
    position: absolute;
    top: 70%;
    right: -20px;
    display: block !important;
    border: none;
    outline: none;
    background: url(../images/slider-arrow-icon.png) no-repeat !important;
    z-index: 1;
	transition: all .2s ease-in;
}

.boat-slider .owl-next:hover,.boat-slider .owl-prev:hover {
	top: 69.5%;
	box-shadow: 0px 9px 51px 0px rgb(215 216 227 / 60%);
    -webkit-box-shadow: 0px 9px 51px 0px rgb(215 216 227 / 60%);
    -moz-box-shadow: 0px 9px 51px 0px rgba(215,216,227,0.6);
}

.boat-slider .owl-prev {
    width: 27px;
    height: 22px;
    position: absolute;
    top: 70%;
    right: 20px;
    display: block !important;
    border: none;
    outline: none;
    background: url(../images/slider-arrow-icon-left.png) no-repeat !important;
    z-index: 1;
	transition: all .2s ease-in;
}


.boat-slider .owl-next span,.boat-slider .owl-prev span{
	font-size: 0;
}

.banner-social-icons{
	position: absolute;
	right: 140px;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	display: flex;
	flex-direction: column;
}

.banner-social-icons a{
	transition: all .3s ease-in;
	border: solid 2px transparent;
}

.banner-social-icons a:hover{
	border: solid 2px #d62da3;
	border-radius: 25px;
}

.banner-social-icons a:not(:last-child){
	margin-bottom: 28px;
}

.banner-social-icons::before{
	position: absolute;
	content: '';
	width: 2px;
	height: 47px;
	background: #fff;
	top: -70px;
	left: 50%;
	transform: translateX(-50%);
}

.banner-social-icons::after{
	position: absolute;
	content: '';
	width: 2px;
	height: 47px;
	background: #fff;
	bottom: -70px;
	left: 50%;
	transform: translateX(-50%);
}
.banner-left::after{
	content: '';
	position: absolute;
	background: url('../images/banner-right-img.png') no-repeat;
	right: 10px;
	bottom: 210px;
	width: 102px;
	height: 120px;
}

.bg-banner-center::before{
	content: '';
	position: absolute;
	background: url('../images/banner-bottom-img.jpg') no-repeat;
	width: 115px;
	height: 111px;
	left: -10px;
	bottom: 0;
	z-index: 1;
}

.bg-banner-center{
	position: relative;
}

.flex{
	display: flex;
}

.welcome-main{
	padding: 120px 0 60px 0;
	font-size: 18px;
	font-weight: 300;
	line-height: 30px;
}

.welcome-img-block{
	max-width: 660px;
	width: 100%;
}

.welcome-content-block{
	flex-grow: 1;
	padding-left: 60px;
}

.sub-head{
	color: #0070b3;
	font-size: 22px;
}

.welcome-block{
	align-items: center;
}

h2{
	font-size: 50px;
	font-weight: bold;
	padding-top: 5px;
	line-height: 55px;
}

.welcome-block h2 {
	padding-bottom: 25px;
}

.welcome-block h2 span{
	display: block;
}

.btn-enquire{
	padding: 25px;
	text-transform: uppercase;
	border: solid 1px #000;
	display: inline-block;
	margin-top: 45px;
	transition: all .3s ease-in;
}

.btn-enquire:hover{
	border: solid 1px #0070b3;
	color: #0070b3;

}

.welcome-content-block ul{
	padding: 15px 0 0 0;
	list-style: none;
	margin: 0;
}

.welcome-content-block ul li{
	position: relative;
	padding-left: 35px;
}

.welcome-content-block ul li::before{
	position: absolute;
	content: '';
	background: url(../images/icon-tick.png) no-repeat 0 0;
	background-size: 100%;
	width: 18px;
	height: 18px;
	top:7px;
	left: 0;
}

.live-the-dream{
	padding: 65px 135px 35px 135px;
	font-size: 18px;
	font-weight: 300;
	text-align: center;
}

.live-the-dream h2{
	padding-bottom: 30px;
}

.live-the-dream p{
	padding: 0px 50px 15px;
}

.bottom-boat-slider{
	padding: 50px 0px 50px;
}

.bottom-slider-item{
	position: relative;
}

.bottom-slider-item::after {
    position: absolute;
	content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
	z-index: 0;
}

.bottom-slider-item figcaption,.bottom-slider-item .figcaption{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -30px;
	width: 80%;
	background: #fff;
	color: #000;
	padding: 30px 15px;
	box-sizing: border-box;
	text-align: center;
	z-index: 1;
	font-size: 22px;
	font-weight: 600;
	box-shadow: 0px 13px 24px 0px rgba(13,7,54,0.06);
	-webkit-box-shadow: 0px 13px 24px 0px rgba(13,7,54,0.06);
	-moz-box-shadow: 0px 13px 24px 0px rgba(13,7,54,0.06);
}

.bottom-boat-slider .owl-stage-outer { 
	padding: 0 0 75px;
	}
	
.testimonial-wrapper{
	padding: 30px 0 30px 0;
	background: url(../images/beach-bg.png) no-repeat center bottom;
	background-size: cover;
	/* min-height: 780px; */
	min-height: 420px;
	width: 100%;
	text-align: center;
}

.testimonial-block{
	max-width: 865px;
	width: 100%;
	margin: auto;
}

.quotes{
	background: url(../images/icon-quote.png) no-repeat 0 0;
	width: 37px;
	height: 29px;
	margin: auto;
}

.testimonail-text-wrapper{
	position: relative;
	margin: 60px 0 0 0;
	font-size: 22px;
}

.testimonail-text-wrapper::before{
	position: absolute;
	content: '';
	width: 84px;
	height: 84px;
	border-top: solid 1px #000;
	border-left: solid 1px #000;
	top: 0;
	left: 0;
}

.testimonail-text-wrapper::after{
	position: absolute;
	content: '';
	width: 84px;
	height: 84px;
	border-bottom: solid 1px #000;
	border-right: solid 1px #000;
	right: 0;
	bottom:  0;
}

.testimonail-text-wrapper p{
	padding: 30px 45px 35px;	
}

.testimonial-writter{
	justify-content: center;
	align-items: center;
	text-align: left;
}

.testimonial-writter img{
	max-width: 80px;
	border-radius: 50%;
}

.testimonial-writter h4{
	font-weight: 600;
}

.testimonial-writter h5{
	font-size: 16px;
	font-weight: 300;
	padding-top: 10px;
}

.testimonial-writter-details{
	padding-left: 20px;
}

.bottom-slider-item a{
	z-index: 1;
	position: relative;
	display: flex;
	width: 100%;
}

.subscription-main{
	background: #fff;
	padding: 75px  90px;
	box-shadow: 0px 9px 51px 0px rgba(215,216,227,0.6);
	-webkit-box-shadow: 0px 9px 51px 0px rgba(215,216,227,0.6);
	-moz-box-shadow: 0px 9px 51px 0px rgba(215,216,227,0.6);
	position: relative;
    top: -120px;
	display: flex;
}

.subscription-main h4{
	flex-basis: 40%;
	font-size: 40px;
	font-weight: 500;
	color: #000;
}

.subscription-form-wrapper{
	flex-grow: 1;
	margin-left: 15px;
	border-bottom:solid 1px #000;
}

.subscription-form-wrapper input[type='button'],.subscription-form-wrapper input[type='submit'],.subscription-form-wrapper button{
	display: flex;
	width: 160px;
	height: 58px;
	background: #d62da3;
	color: #fff;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-weight: 500;
	font-family: 'Euclid Circular B';
	border: 0;
	cursor: pointer;
	order: 3;
}

.subscription-form-wrapper .wpcf7-spinner {
	order: 2;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0;
    padding: 0.3em 1em;
}

.subscription-form-wrapper input[type='text'],.subscription-form-wrapper input[type='email']{
	font-family: 'Euclid Circular B';
	flex-grow: 1;
	border: none;
	padding-right: 20px;
	font-size: 20px;
	font-weight: 300;
	max-width: 430px;
	width: 100%;
}

.subscription-form-wrapper input[type='text']::-webkit-input-placeholder,
.subscription-form-wrapper input[type='text']:-ms-input-placeholder,
.subscription-form-wrapper input[type='text']::placeholder,
.subscription-form-wrapper input[type='email']::-webkit-input-placeholder,
.subscription-form-wrapper input[type='email']:-ms-input-placeholder,
.subscription-form-wrapper input[type='email']::placeholder
 { 
	color: #8489a0;
  }
  
 
.subscription-form-wrapper .flex{
	width: 100%;
    height: 100%;
    align-items: center;
}

.subscription-form-wrapper form{
	height: 100%;
}

.footer-logo{
	flex-shrink: 0;
}

.footer-address,.footer-contact,.footer-company{
	flex-grow: 1;
	padding: 0  20px 0 20px;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
}

.footer-top-right-wrapper{
	display: flex;
	flex-grow: 1;
}

.footer-company{
	padding: 0  0px 0 20px;
}

.footer-address h5,.footer-contact h5,.footer-company h5{
	font-weight: 500;
	padding-bottom: 35px;
	font-size: 18px;
}

.footer-address ul,.footer-contact ul,.footer-company ul{
	list-style: none;
	padding: 0;
}

.footer-top-menu{
	display: flex;
}

.footer-top-menu ul{
	flex-grow: 1;
}

.footer-top ul li{
	padding-left: 40px;
	padding-bottom: 20px;
}

.footer-top-menu ul li{
	padding-left: 0;
}

.address,.footer-phone,.footer-email{
	position: relative;
}

.address::before{
	position: absolute;
	content: '';
	background: url(../images/icon-location.png) no-repeat 0 0;
	width: 24px;
	height: 32px;
	top:0;
	left: 0;
}

.footer-phone::before{
	position: absolute;
	content: '';
	background: url(../images/icon-phone.png) no-repeat 0 -2px;
	width: 28px;
	height: 28px;
	top:0;
	left: 0;
}

.footer-email::before{
	position: absolute;
	content: '';
	background: url(../images/icon-mail.png) no-repeat 0 0;
	width: 28px;
	height: 21px;
	top:0;
	left: 0;
	background-size: 100%;
}

.footer-top{
	border-bottom: solid 1px #d5d6e0;
	padding-bottom: 25px;
	margin-bottom: 35px;
}

.footer-bottom{
	font-size: 16px;
	font-weight: 300;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 50px;
}

.footer-bottom p{
	padding-right: 20px;
	font-size: 16px;
}

ul.footer-bottom-menu{
	list-style: none;
	padding: 0;
}

ul.footer-bottom-menu li:not(:last-child){
	padding-right: 25px;

}

ul.footer-bottom-menu li{
	position: relative;
	padding-left: 20px;
}

ul.footer-bottom-menu li::before{
	position: absolute;
	content: '';
	background: url(../images/list-bullet.png) no-repeat 0 0;
	width: 8px;
	height: 8px;
	top: 8px;
	left: 0;
}

.footer-top-menu ul:last-child{
	display: flex;
	flex-direction: column;
}

.footer-top,.footer-bottom,.footer-top a,.footer-bottom a{
	color :#000;
	transition: all .3s ease;
}

.footer-top a:hover,.footer-bottom a:hover{
	color: #d62da3;
}

.icon-nav {
    width: 40px;
    height: 25px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    position: absolute;
    top: 38px;
    right: 30px;
    z-index: 10;
    display: none;
}

.icon-nav span {
    display: block;
    position: absolute;
    height: 5px;
    width: 100%;
    background: #0070b3;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate( 0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate( 0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.icon-nav span:nth-child(1) {
    top: 0px;
}

.icon-nav span:nth-child(2), .icon-nav span:nth-child(3) {
    top: 10px;
}

.icon-nav span:nth-child(4) {
    top: 20px;
}

.icon-nav.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.icon-nav.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.icon-nav.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.icon-nav.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

/* our boats css starts */

.inner-banner{
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	width: 100%;
	min-height: 354px;
	padding: 30px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	position: relative;
}

.banner-overlay {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: 0;
}

.inner-banner-description{
	z-index: 1;
	text-align: center;
}

.inner-banner h1{
	color: #fff;
	font-size: 60px;
	font-weight: bold;
	line-height: 55px;
}

.inner-banner h1 span{
	display: block;
	font-size: 30px;
	font-weight: 500;
}

.innerpage-main-wrapper {
    padding: 30px 0 30px 0;
    background:#f4f6fa url(../images/beach-bg.png) no-repeat 0 0;
	background-size: contain;
    background-position: bottom center;
    min-height: 530px;
    width: 100%;
	padding-bottom: 410px;
}

.our-boats-description{
	padding: 100px 150px 0px;
	text-align: center;
}

.our-boats-description h2{
	padding-bottom: 45px;
}

.our-boats-description p{
	padding: 0 60px 15px;
}

.our-boats-list-item{
	min-height: 350px;
	display: flex;
	align-items: stretch;
	margin-bottom: 40px;
	
}

.our-boats-list-item figure{
	max-width: 596px;
	min-width: 596px;
	width: 100%;
	background-repeat: no-repeat;
    background-size: cover;
	background-position: center;
	position: relative;
}

.our-boats-list-item img{
	visibility: hidden;
}

.boat-list-specifications{
	background-color: #fff;
	flex-grow: 1;
	padding: 45px;
	font-size: 17px;
	font-weight: 300;
}

.boat-list-specifications h3{
	font-size: 28px;
	font-weight: 600;
	padding-bottom: 35px;
}

.boat-list-specifications p{
	padding-bottom: 10px;
}

.boat-list-optional,.boat-list-color{
	padding-top: 30px;
}

.boat-list-optional h4,.boat-list-color h4{
	font-size: 18px;
	font-weight: 500;
	padding-bottom: 10px;
}

.boat-color-wrapper{
	justify-content: space-between;
	align-items: center;
}

.boat-color-list{
	padding-right: 15px;
}

.boat-color{
	width: 24px;
	height: 24px;
	border-radius:50%;
	margin-right:5px;
}

a.view-detail-btn{
	width: 180px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #d62da3;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
}

.photo-number-caption{
	position: absolute;
	left: 54px;
	bottom: 30px;
	background: #e0e9ef;
	padding: 10px 10px 10px 45px;
	color: #6a7285;
	font-size: 16px;
	font-weight: 300;
}

.photo-number-caption::before{
	position: absolute;
    content: '';
    background: url(../images/photo.png) no-repeat 0 0;
    width: 24px;
    height: 24px;
    top: 51%;
    transform: translatey(-50%);
    left: 10px;
    background-size: 100%;
}



.our-boats-pagination{
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	padding-top: 75px;
	font-weight: 500;
	font-size: 18px;
}

.our-boats-pagination span,.our-boats-pagination a{
	padding:8px 15px;
	cursor: pointer;
}

.our-boats-pagination span.active,.our-boats-pagination span.current{
	background: #0070b3;
	color: #fff;
}

.our-boats-pagination span.next{
	background: url(../images/icon-next.png) no-repeat 0 0;
	width: 9px;
	height: 13px;
}

.chocolat-overlay {
    background-color: #000;
}

.chocolat-overlay.chocolat-visible {
    opacity: 0.5;
}

.chocolat-wrapper .chocolat-bottom {
    background: rgba(0, 0, 0, 0.6);
}

/* our boats css ends */

/* boats details css starts */

h2.boat-details-title{
	font-size: 40px;
	font-weight: 600;
	padding: 60px 0 45px 0 ;
}

.boat-details-slider{
	max-width: 688px;
	width: 100%;
	flex-shrink: 0;
}

.boat-detail-description{
	flex-grow: 1;
}

.boats-large-slider .owl-next {
    width: 55px;
    height: 55px;
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
    right: 30px;
    display: block !important;
    border: none;
    outline: none;
    background: #fff url(../images/icon-next-slider.png) no-repeat center center !important;
    z-index: 1;
	-webkit-box-shadow: 0px 2px 9px 0px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 50%);
}

.boats-large-slider .owl-prev {
    width: 55px;
    height: 55px;
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
    left: 30px;
    display: block !important;
    border: none;
    outline: none;
    background: #fff url(../images/icon-prev-slider.png) no-repeat  center center!important;
    z-index: 1;
	-webkit-box-shadow: 0px 2px 9px 0px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 50%);
}

.boats-thumb-slider .owl-next {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
    right: 15px;
    display: block !important;
    border: none;
    outline: none;
    background: #fff url(../images/icon-next-slider.png) no-repeat center center !important;
    z-index: 1;
	-webkit-box-shadow: 0px 2px 9px 0px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 50%);
}

.boats-thumb-slider .owl-prev {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
    left: 15px;
    display: block !important;
    border: none;
    outline: none;
    background: #fff url(../images/icon-prev-slider.png) no-repeat  center center!important;
    z-index: 1;
	-webkit-box-shadow: 0px 2px 9px 0px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 50%);
}

.boats-large-slider .owl-next span,.boats-large-slider .owl-prev span,.boats-thumb-slider .owl-next span,.boats-thumb-slider .owl-prev span{
	font-size: 0;
}

.boats-thumb-slider{
	margin: 10px 0 0 0 ;
}

.boat-detail-description h4{
	font-size: 18px;
	font-weight: 500;
	padding-bottom: 15px;
}

.boat-detail-description h4:not(:first-child){
	padding-top: 10px;
}

.boat-detail-description{
	padding-left: 45px;
	font-size: 17px;
	font-weight: 300;
	line-height: 30px;
}

.boat-detail-description p{
	padding-bottom:10px;
	font-size: 17px;
	font-weight: 300;
}

.boat-detail-description ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.boat-detail-description ul li{
	position: relative;
	padding-left: 35px;
}

.boat-detail-description ul li::before{
	position: absolute;
	content: '';
	top: 6px;
	background: url(../images/list-arrow.png) no-repeat 0 0 ;
	width: 12px;
	height: 12px;
	left: 0;
}

.specification-title{
	min-width: 175px;
	max-width: 175px;
	width: 100%;
	justify-content: space-between;
}

.specification-value{
	font-weight: 500;
	padding-left: 25px;
}

.optional-details{
	padding: 50px 0 0;
}

.optional-details h4{
	font-size: 20px;
	font-weight: 500;
}

.optional-details-wrapper{
	margin-top: 30px;
	background: #fff;
	padding-bottom: 35px;
	padding: 30px 25px 25px 25px;
}

.optional-detail-single{
 /* margin: 30px 0  0px ;
 padding: 0px 25px 20px; */
 flex-direction: column;
 align-items: center;
 border-right:   dashed 1px #c6cbd5;
 border-bottom:   dashed 1px #c6cbd5;
 flex-basis: 14.28%;
 padding: 30px 10px 35px 10px;
}

.optional-detail-single:nth-child(7n+7){
	border-right:none;
}

.optional-detail-single img{
	height: 73px;
	object-fit: cover;
}


.optional-detail-single h4{
	font-size: 16px;
	padding: 15px 0 25px;
	text-align: center;
}

.not-available{
	width: 29px;
	height: 29px;
	background: url(../images/tick-not-available.png) no-repeat 0 0;
	background-size: 100%;
}

.available{
	width: 29px;
	height: 29px;
	background: url(../images/tick-available.png) no-repeat 0 0;
	background-size: 100%;
}

.optional{
	width: 29px;
	height: 29px;
	background: url(../images/tick-optional.png) no-repeat 0 0;
	background-size: 100%;
}

.optional-details-top{
	display: flex;
	flex-wrap: wrap;
}

.optional-details-bottom{
	padding: 30px 0 25px 25px;
	display: flex;
}

.availability{
	display: flex;
	list-style: none;
	padding: 0;
}

.availability-one,.availability-two,.availability-three{
	position: relative;
	padding: 7px 15px  0 39px;
}

.availability-one::before{
	position: absolute;
	content: '';
	width: 29px;
	height: 29px;
	background: url(../images/tick-available.png) no-repeat 0 0;
	background-size: 100%;
	left: 0;
	top: 0;
}

.availability-two::before{
	position: absolute;
	content: '';
	width: 29px;
	height: 29px;
	background: url(../images/tick-not-available.png) no-repeat 0 0;
	background-size: 100%;
	left: 0;
	top: 0;
}

.availability-three::before{
	position: absolute;
	content: '';
	width: 29px;
	height: 29px;
	background: url(../images/tick-optional.png) no-repeat 0 0;
	background-size: 100%;
	left: 0;
	top: 0;
}

/* boats details css ends */

.bottom-boat-slider.owl-carousel .owl-stage,.boats-thumb-slider.owl-carousel .owl-stage{
	display: flex;
}

.bottom-slider-item ,.boats-tslide-item{
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}

.owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    /* -webkit-backface-visibility: visible; */
    transition: opacity 200ms ease;
    border-radius: 30px;
}

.bottom-boat-slider .owl-dots{
	text-align: center;
}

.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
    background: #d62da3;
    outline: none !important;
    border: none !important;
}

.testimonial-slider .owl-dots{
	position: relative;
	top: 30px;
}

.boats-categories{
	text-align: center;
	list-style: none;
	font-size: 26px;
    font-weight: 600;
	display: flex;
	flex-wrap: wrap;
	padding: 0 0 70px;
	margin: 0;
    justify-content: center;
}

.boats-categories li a{
	position: relative;
}

.boats-categories li {
	margin-top: 20px;
}

.boats-categories li a,.boats-categories li{
	color: #54566c;
}

.boats-categories li.active,.boats-categories li.active a{
	color: #000;
}

.boats-categories li:not(:first-child){
	padding-left: 25px;
}

.boats-categories li:not(:last-child){
	padding-right: 25px;
	border-right: solid 1px #54566c;
}

.boats-categories li.active a::after{
	position: absolute;
	content: '';
	background: url(../images/wave.png) 0 0 no-repeat;
	width: 91px;
	height: 18px;
	left: 50%;
	transform: translateX(-50%);
	bottom: -18px;
}

.footer-bottom p.copyright sup{
	font-size: 10px;
}
.boats-large-slider.owl-carousel .owl-item .boats-lslide-item img{
	max-width: 688px;
	max-height:460px;
	height: 100%;
	width: 100%;
}
.boats-thumb-slider.owl-carousel .owl-item .boats-tslide-item img{
    max-width: 218px;
    max-height: 146px;
    height: 100%;
    width: 100%;
}

/* -----------------------------------Contact Page--Start------------------------------------------ */
.contact-wrapper {
	padding: 210px 0 90px 0;
    background: #f4f6fa url(../images/beach-bg.png) no-repeat 0 0;
    background-size: contain;
    background-position: bottom center;
    min-height: 530px;
    width: 100%;
    padding-bottom: 410px;
}

.contact-wrapper .contact-form {
	background: #ffffff;
	padding: 85px 85px 60px 85px;
	min-height: 585px;
	box-shadow: 0px 9px 51px 0px rgba(215, 216, 227, 0.6);
	margin-bottom: 160px;
}

.contact-wrapper .contact-form input {
	padding: 15px 15px 40px 15px;
	border: none;
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
	font-size: 18px;
	font-family: 'Euclid Circular B';
	font-weight: 300;
	color: #8489a0;
}

.input-wrap {
	column-gap: 145px;
}

.contact-wrapper .contact-form input[type=text], .contact-wrapper .contact-form input[type=email] {
	max-width: 455px;
	width: 100%;
}

.contact-message, .contact-phone {
	display: block;
	width: 100%!important;
	max-width: 100%!important;
}

.contact-message {
	padding: 15px 15px 110px 15px!important;
	border-bottom: 1px solid #d62da3 !important;
	margin-bottom: 48px;
}

.contact-wrapper .contact-form input[type=submit]{
	display: block;
    margin:  45px auto 0;
    width: 160px;
    height: 58px;
    background: #d62da3;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Euclid Circular B';
    border: 0;
    cursor: pointer;
}


.contact-wrapper .contact-form input[type=text]::-webkit-input-placeholder,
.contact-wrapper .contact-form input[type=text]:-ms-input-placeholder,
.contact-wrapper .contact-form input[type=text]::placeholder,
.contact-wrapper .contact-form input[type=email]::-webkit-input-placeholder,
.contact-wrapper .contact-form input[type=email]:-ms-input-placeholder,
.contact-wrapper .contact-form input[type=email]::placeholder {
	color: #8489a0;
	font-size: 18px;
	font-family: 'Euclid Circular B';
	font-weight: 300;
}
/* -----------------------------------Contact Page--END------------------------------------------ */

@media screen and (max-width:1600px) {
	.banner-social-icons {
		right: 6vw;
		width: 30px;
	}
}

@media screen and (max-width:1400px) {
	.banner-social-icons {
		right: 3vw;
	}

	
	.banner-left h1 {
		font-size: 7vw;
		line-height: 6.5vw;
		padding-bottom: 20px;
	}

	.btn-enquire {
		padding: 18px;
		margin-top: 25px;
	}

	.sub-head {
		font-size: 20px;
	}

	h2 {
		font-size: 45px;
		line-height: 50px;
	}

	.bottom-slider-item figcaption {
		padding: 20px 15px;
		font-size: 18px;
	}

	.subscription-main h4{
		font-size: 32px;
	}

	.footer-address h5, .footer-contact h5, .footer-company h5{
		padding-bottom: 10px;
	}

	.bg-banner .page-center,.home-header .page-center,.welcome-main .page-center,.subscription-wrapper .page-center,.innerpage-main-wrapper .page-center{
		max-width: 95vw;
	}

	.banner-left {
		width: 36vw;
	}

	.our-boats-description {
		padding: 75px 125px 0px;
	}
}

@media screen and (max-width:1300px) {
	.our-boats-list-item figure {
		max-width: 450px;
		min-width: 450px;
	}

	.innerpage-main-wrapper{
		padding-bottom: 200px
	}

	.contact-wrapper .contact-form .input-wrap {
		column-gap: 11.153846153846vw
	}

	.contact-wrapper {
		padding-top: 175px;
	}
}

@media screen and (max-width:1250px) {
	.boat-details-slider{
		max-width: 50%;
	}

	.subscription-main {
		padding: 75px 45px;
	}
}

@media screen and (max-width:1023px) {
	.icon-nav {
		display: block;
	}

	ul.header-menu {
		display: none;
		flex-direction: column;
		position: absolute;
		top: 75px;
		right: 20px;
		width: 240px;
		padding: 0;
		background: #0070b3;
		z-index: 150;
		-webkit-box-shadow: 0px 2px 9px 0px rgb(0 0 0 / 75%);
		-moz-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.75);
		box-shadow: 0px 2px 9px 0px rgb(0 0 0 / 75%);
	}

	.home-header .header-menu{
		padding: 20px 15px;
	}

	ul.header-menu li {
		padding: 0 15px;
	}

	ul.header-menu li a {
		padding: 15px 15px 15px 15px;
		border-bottom: solid 1px #fff;
		color: #fff;
		display: block;
		box-sizing: border-box;
	}

	.header-menu li a{
		color: #fff;
	}

	.banner-social-icons img{
		filter: invert(0.8);
	}

	.bg-banner{
		background: none;
	}

	.banner-left .centercurve{
		display: none;
	}

	.bg-banner .page-center, 
	.home-header .page-center, 
	.welcome-main .page-center,
	.subscription-wrapper .page-center,
	.innerpage-main-wrapper .page-center
	{
		max-width: 100%;
	}

	.banner-left{
		max-width: 100%;
		width: 100%;
		padding-top: 200px;
		padding-right: 50px;
	}
	
	.header-menu li.call {
		padding: 25px 0 25px 30px;
	}

	ul.header-menu li.call a{
		border-bottom: none;
	}

	.banner-social-icons::before,.banner-social-icons::after{
		display: none;
	}

	.boat-slider{
		max-width: 80%;
	}

	.bg-banner {
		height: 700px;
		background-image: none !important;
	}

	.banner-left::after,.bg-banner-center::before{
		display: none;
	}

	.banner-social-icons {
		right: 0;
		width: 35px;
	}

	.banner-social-icons img {
		max-width: 35px;
	}

	.banner-social-icons a:not(:last-child) {
		margin-bottom: 15px;
	}

	.banner-social-icons {
		right: 0;
		-webkit-box-shadow: 0px 2px 9px 0px rgb(0 0 0 / 50%);
		-moz-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 50%);
		width: 45px;
		display: flex;
		align-items: center;
		padding: 20px 25px;
		background: #fff;
	}

	.testimonial-block {
		max-width: 85%;
	}

	.testimonial-wrapper{
		min-height: 680px;
	}

	.subscription-main {
		padding: 50px 35px;
	}

	.subscription-main{
		top: -80px;
	}

	.bottom-boat-slider {
		padding: 50px 0px 25px;
	}

	.footer-top{
		flex-direction: column;
	}

	.footer-logo{
		margin: auto;
	}

	.footer-top-right-wrapper{
		margin-top: 35px;
	}

	.footer-top-menu{
		flex-direction: column;
	}

	.footer-address{
		padding: 0 0px 0 0px;
	}

	.footer-contact,.footer-company{
		padding: 0 0px 0 20px;
	}

	.footer-phone::before {
		width: 20px;
		height: 20px;
		background-size: 100%;
	}

	.footer-email::before{
		width: 20px;
		height: 15px;
		background-size: 100%;
		top: 5px;
	}

	.address::before{
		width: 20px;
		height: 27px;
		background-size: 100%;
	}

	.footer-top ul li {
		padding-left: 32px;
		padding-bottom: 10px;
	}

	.footer-top-menu ul li{
		padding-left: 0;
	}

	ul.footer-bottom-menu li:not(:last-child) {
		padding-right: 15px;
	}

	.our-boats-description {
		padding: 60px 50px 0px;
	}

	.our-boats-list-item figure {
		max-width: 100%;
		min-width: 100%;
	}

	.our-boats-list-item{
		flex-direction: column;
	}

	.photo-number-caption{
		left: 45px;
	}

	.header-menu li:hover a, .header-menu li.active a,.header-menu li.current-menu-item a {
		color:#d62da3;
	}

	.boat-details-slider{
		max-width: 100%;
	}

	.boat-details-main-wrapper{
		flex-direction: column;
	}

	.boat-detail-description{
		padding-left: 0;
		padding-top: 30px;
	}

	.optional-detail-single{
		flex-basis: 25%;
	}

	.optional-detail-single:nth-child(7n+7){
		border-right:   dashed 1px #c6cbd5;
	}

	.optional-detail-single:nth-child(4n+4){
		border-right:   none;
	}

	.header-menu li.call:hover,.header-menu li.call:hover a{
		color: #d62da3;
	}
	
	.header-menu li.call:hover::before{
		background-position: 0px -1px;
	}

	.boat-list-specifications h3 {
		padding-bottom: 10px;
	}

	.boat-list-optional, .boat-list-color {
		padding-top: 10px;
	}

	.contact-wrapper .contact-form {
		padding: 85px 50px 60px 50px;
	}

	.contact-wrapper .contact-form .input-wrap {
		column-gap: 11.153846153846vw
	}

	.contact-wrapper {
		padding-top: 135px;
	}
}

@media screen and (max-width:990px) {
	.welcome-block{
		flex-direction: column;
	}

	.welcome-content-block{
		padding-left: 0;
	}

	.welcome-main {
		padding: 120px 0 0px 0;
	}

	.live-the-dream {
		padding: 40px 35px 0px 35px;
	}

	.welcome-img-block{
		max-width: 100%;
		order:2;
		padding-top: 40px;
	}

	.welcome-img-block img{
		margin:auto
	}

	.footer-bottom{
		flex-direction: column;
	}

	.footer-bottom{
		margin-bottom: 25px;
	}

	.subscription-main{
		flex-direction: column;
		padding: 30px 25px;
	}

	.subscription-form-wrapper .wpcf7-form-control-wrap {
		flex-grow: 1;
	}

	.subscription-form-wrapper{
		margin-left: 0;
		margin-top: 20px;
	}

	.subscription-form-wrapper .flex{
		margin-bottom: 15px;
	}
}

@media screen and (max-width:768px) {
	.banner-left h1 {
		font-size: 50px;
		line-height: 55px;
		padding-bottom: 20px;
	}

	.boat-slider {
		max-width: 100%;
		right: 0;
		bottom: -40px;
	}

	.welcome-main {
		padding: 40px 0 0px 0;
	}

	.boat-slider .owl-next{
		top: 80%;
		right: 30px;
	}

	.boat-slider .owl-prev{
		top: 80%;
		right: 70px;
	}

	.boat-slider .owl-next:hover,.boat-slider .owl-prev:hover{
		top: 79.5%;
	}

	h2 {
		font-size: 38px;
		line-height: 42px;
	}

	.live-the-dream {
		padding: 40px 0px 0px 0px;
	}

	.bottom-slider-item figcaption {
		padding: 15px 11px;
		font-size: 15px;
	}

	.live-the-dream p {
		padding: 0px 0px 15px;
	}

	.testimonial-wrapper {
		padding: 0px 0 20px 0;
	}

	.testimonail-text-wrapper p {
		padding: 25px 30px 15px;
	}

	.testimonail-text-wrapper::before,.testimonail-text-wrapper::after {
		width: 60px;
		height: 60px;
	}

	.subscription-main h4 {
		font-size: 24px;
		flex-basis: 100%;
	}

	.subscription-form-wrapper input[type='text']{
		font-size: 16px;
	}

	.subscription-form-wrapper .flex:first-child{
		margin-bottom: 10px;
	}

	.subscription-form-wrapper input[type='button'],
	.subscription-form-wrapper input[type='submit'], 
	.subscription-form-wrapper button {
		width: 150px;
		height: 30px;
		font-size: 16px;
	}

	

	.footer-top-right-wrapper{
		flex-direction: column;
	}

	.footer-contact,.footer-company{
		padding: 0 0px 0 0px;
	}

	.header-menu li:nth-last-child(2) {
		padding-right: 0;
	}

	.plus-link-slider {
		width: 40px;
		height: 40px;
	}

	.owl-carousel .owl-item .plus-link-slider img {
		width: 15px;
	}

	.home-header .logo ,.footer-logo{
		width: 100px
	}

	.footer-top {
		padding-bottom: 15px;
		margin-bottom: 25px;
	}

	.our-boats-description h2 {
		padding-bottom: 20px;
	}
	
	.our-boats-description {
		padding: 0px 20px 0px 20px;
	}

	.our-boats-description p {
		padding: 0 30px 15px;
	}

	.inner-banner h1 {
		font-size: 50px;
		line-height: 45px;
	}

	.inner-banner{
		min-height: 260px;
	}

	.boat-list-specifications{
		padding: 25px 30px;
	}

	.photo-number-caption {
		left: 30px;
	}

	a.view-detail-btn {
		width: 130px;
		height: 40px;
		font-size: 17px;
	}

	.innerpage-main-wrapper {
		padding-bottom: 150px;
	}

	.our-boats-pagination {
		padding-top: 30px;
	}

	.availability {
		display: block;
	}

	.availability-one, .availability-two, .availability-three {
		padding: 7px 15px 15px 39px;
	}

	.optional-details-bottom {
		padding: 30px 0 25px 0px;
	}

	.boats-large-slider .owl-next,.boats-large-slider .owl-prev {
		width: 35px;
		height: 35px;
	}

	.boats-large-slider .owl-next{
		right: 10px;
	}

	.boats-large-slider .owl-prev{
		left: 10px;
	}

	.subscription-form-wrapper input[type='text'], .subscription-form-wrapper input[type='email']{
		font-size: 16px;
	}

	.subscription-form-wrapper .wpcf7-spinner {
		width: 20px;
		height: 20px;
		margin: 0 8px;
	}

	.subscription-main {
		padding: 30px 25px;
	}

	.boat-list-specifications h3 {
		font-size: 18px;
	}

	.banner-left {
		padding-top: 160px;
		padding-right:35px;
	}

	.boats-categories{
		font-size: 18px;
		padding: 0 0 50px;
	}

	.boats-categories li.active a::after{
		width: 80%;
	}

	.boats-categories li:not(:last-child) {
		padding-right: 15px;
	}

	.boats-categories li:not(:first-child) {
		padding-left: 15px;
	}

	.contact-form .flex {
		flex-direction: column;
	}

	.contact-wrapper .contact-form input[type=text], .contact-wrapper .contact-form input[type=email] {
		max-width: 100%;
	}
	.contact-wrapper .contact-form {
		padding: 55px 35px 45px 35px;
	}

	.contact-wrapper .contact-form input {
		padding: 15px 15px 15px 15px;
		margin-bottom: 40px;
	}

	.contact-message {
		padding: 15px 15px 75px 15px!important;
	}

	.contact-wrapper {
		padding-top: 100px;
	}

	.contact-wrapper .contact-form {
		margin-bottom: 100px;
	}

}


@media screen and (max-width:685px){
	.optional-detail-single {
		flex-basis: 33.33%;
	}

	.optional-detail-single:nth-child(4n+4){
		border-right:   dashed 1px #c6cbd5;
	}

	.optional-detail-single:nth-child(3n+3){
		border-right:   none;
	}

	.optional-detail-single h4 {
		font-size: 14px;
	}

	.testimonail-text-wrapper {
		margin: 30px 0 0 0;
	}
}

@media screen and (max-width:585px) {
	.footer-contact{
		padding: 0;
	}

	.contact-wrapper .contact-form input[type=submit] {
		margin: 45px auto;
		width: 140px;
		height: 50px;
		font-size: 17px;
	}

	.contact-wrapper .contact-form {
		margin-bottom: 50px;
	}

	.contact-wrapper {
		padding-bottom: 125px;
	}

}



@media screen and (max-width:480px) {
	ul.header-menu li {
		padding: 0px;
	}

	p ,.welcome-main{
		font-size: 15px;
		line-height: 25px;
	}

	.footer-address, .footer-contact, .footer-company{
		font-size: 14px;
		line-height: 22px;
	}

	.header-menu li.call,ul.header-menu li{
		font-size: 16px;
	}

	.subscription-form-wrapper input[type='text'] ,
	.subscription-form-wrapper input[type='button'],
	 .subscription-form-wrapper input[type='submit'], 
	 .subscription-form-wrapper button{
		font-size: 14px;
	}

	.footer-bottom p,.footer-bottom {
		font-size: 14px;
		padding-right: 0;
	}

	.footer-bottom p.copyright{
		order:2;
	}

	.footer-bottom{
		align-items: flex-start;
	}

	.footer-bottom-menu{
		flex-direction: column;
	}

	ul.footer-bottom-menu li::before{
		top: 5px;
	}

	ul.footer-bottom-menu li{
		padding-bottom: 8px;
	}

	a.view-detail-btn {
		width: 100px;
		height: 34px;
		font-size: 14px;
	}

	.optional-detail-single {
		flex-basis: 50%;
	}

	.optional-detail-single:nth-child(3n+3){
		border-right:   dashed 1px #c6cbd5;
	}

	.optional-detail-single:nth-child(2n+2){
		border-right:  none;
	}

	.boat-detail-description p,.boat-detail-description ul li,.optional-specification{
		font-size: 15px;
    	line-height: 25px;
	}

	.icon-nav {
		width: 30px;
	}

	.icon-nav span{
		height: 4px;
	}

	.icon-nav span:nth-child(2), .icon-nav span:nth-child(3) {
		top: 8px;
	}

	.icon-nav span:nth-child(4) {
		top: 16px;
	}

	.banner-left h1 {
		font-size: 35px;
		line-height: 45px;
	}

	h2 {
		font-size: 25px;
		line-height: 32px;
	}

	.live-the-dream h2 {
		padding-bottom: 15px;
	}

	.sub-head {
		font-size: 16px;
	}

	.testimonial-writter h4 {
		font-size: 15px;
	}

	.testimonial-writter h5 {
		font-size: 14px;
		padding-top: 6px;
	}

	.bottom-slider-item figcaption, .bottom-slider-item .figcaption {
		padding: 20px 15px;
		font-size: 16px;
	}


	.our-boats-description {
		padding: 0px 0px 0px 0px;
	}

	.our-boats-description p {
		padding: 0 0px 10px;
	}

	.welcome-content-block ul li::before{
		width: 15px;
		height: 15px;
	}

	.welcome-content-block ul li{
		padding-left: 25px;
	}

	.footer-top {
		padding-bottom: 5px;
		margin-bottom: 10px;
	}

	.our-boats-pagination {
		padding-top: 0;
		font-size: 14px;
	}

	.our-boats-pagination span, .our-boats-pagination a {
		padding: 3px 8px;
	}

	.subscription-main h4 {
		font-size: 18px;
	}

	.boat-slider {
		bottom: 0;
	}

	.subscription-main {
		padding: 30px 25px;
	}

	.boats-categories li {
		margin-top: 15px;
	}
	

}

@media screen and (max-width:380px) {
	.optional-detail-single {
		flex-basis: 100%;
	}

	.optional-detail-single:nth-child(1n+1){
		border-right:  none;
	}

	.optional-detail-single:nth-child(2n+2){
		border-right:  none;
	}

	.subscription-form-wrapper input[type='text'], .subscription-form-wrapper input[type='email'] {
		font-size: 13px;
		padding-right: 10px;
	}

	.subscription-form-wrapper input[type='text'], .subscription-form-wrapper input[type='button'], .subscription-form-wrapper input[type='submit'], .subscription-form-wrapper button {
		font-size: 13px;
	}

	.subscription-form-wrapper .wpcf7-spinner {
		width: 15px;
		height: 15px;
		margin: 0 0px;
	}

	a.view-detail-btn {
		font-size: 13px;
	}

	.bottom-slider-item figcaption, .bottom-slider-item .figcaption {
		padding: 10px 10px;
		font-size: 14px;
	}
}



