@charset "utf-8";

/* CSS Document */





/* BEGIN MOBILE STYLES */

body,html

{
scroll-margin-top: 100px;
margin:0;

padding:0;

font-family: 'Roboto', sans-serif;

font-size:16px;

background-color:#4a4a4a;	

}

form input, form textarea

{

font-family: 'Roboto', sans-serif;

font-weight:300;	

}

.img-resp

{

max-width:100%;

height:auto;

display:block;	

}

.boatLogo .img-resp

{

width:169px;	

}

section, article, header

{

display:block;

box-sizing:border-box;	

}

.mainWrapper

{
overflow:hidden;
background-color:#fff;	

}

/* END MOBILE STYLES */





.error.noShow

{

display:none;	

}

.error

{

color:#900;

padding-top:7px;	

}

.successWrap

{



    text-align: center;



    font-size: 26px;

    margin-bottom: 25px;



    position: absolute;

    top: 20%;

    z-index: 10000;

    width: 100%;

}

.successWrap.noshow

{

display:none;	

}



.successWrap .successMessage

{

    max-width: 400px;

    margin: 0 auto;

    padding: 30px 50px;

    background-color: #fff;

	color:#4a4a4a;

	line-height:140%;

	position:relative;

}

.successWrap .successMessage .close

{

position:absolute;

top:7px;

right:7px;

width:30px;

height:30px;

background:url(../img/close-icon.svg) center center no-repeat;	

}

.successWrap .successMessage .close a

{

display:block;

width:30px;

height:30px;	

}

input.lastInput

{

display:none;	

}

.three60 .contain div

{

width:100%;

height:360px;	

}

.three60 .contain div iframe

{

width:100%;

height:100%;	

}

ul.closed

{

display:none;	

}

ul.open

{

display:block;	

    position: fixed;
    top: 30px;
    left: 0;
    right: 0;
    z-index: 30;
    background-color: #222;
}

header

{

background-color:#4a4a4a;



	

}

.mobileController{

background-color: #32565b;	
display:flex;
	align-items:Center;
	position:fixed;
	top:0;
	right:0;
	left:0;
	z-index:50;

}
.mobileController .lft
{
	flex:0 0 120px;
}
.mobileController .rght
{
	flex:1;
	text-align:right;
}
.mobileController .rght a
{
	display:inline-block;
	padding:5px;
}
.mobileController .lft a

{

padding:15px 15px 15px 45px;

font-size:18px;

background:url(../img/mobile-icon.svg) 10px center no-repeat;

color:#fff;

text-decoration:none;

display:block;	

}

nav .langs

{

position:absolute;

right:15px;

top:8px;

z-index:2000;	

}

nav .langs a

{

display:inline-block;

padding:7px;

font-size:17px;

color:#fff;

border:1px solid #fff;

margin:0 4px;

text-decoration:none;

}

header .mobVis

{

display:block;

height:65vh;

background-image:url(../img/bali-4-6-hero-mobile.jpg);

background-position:center;

background-size:cover;

background-repeat:no-repeat;

background-color:#4a4a4a;

position:relative;	

}

header .mobVis .mobLogo

{

position:absolute;

top:30px;

left:0;

right:0;

width:100%;	

}

header .mobVis .mobLogo img

{

display:block;

margin:0 auto;

height:auto;

max-width:100%;	

}

.heroContent

{



background-color:rgba(74,74,74,1);

padding:50px 30px;



}

.heroContent h1

{

font-size:35px;

font-weight:300;

margin:0;

padding:0 0 15px 0;

line-height:140%;

color:#fff;	

text-align:Center;

}



.heroContent p

{

line-height:140%;

color:#fff;

font-size:14px;

text-align:Center;

}

section.overview

{

padding:15px;

background-color:#274c76;

text-align:center;	

}

section.overview .flxWrap .lft h2

{



box-sizing:border-box;

padding:30px 0 15px 0;

color:#fff;

font-size:35px;

font-weight:300;

margin:0;

}

section.overview .flxWrap .rght ul

{

	text-align:left;

margin:0;

padding:15px 0 40px 30px;

text-indent:0;

list-style-type:none;

list-style-position:inside;

line-height:160%;	

text-align:left;

}

section.overview .flxWrap .rght ul li

{

position:relative;

color:#fff;

padding-bottom:20px;	

}

section.overview .flxWrap .rght ul li::before

{

display:block;

width:10px;

height:18px;

content:" ";

position:absolute;

top:4px;

left:-30px;

background:url(../img/li-arrow-icon-0.svg) no-repeat;	

}

section.overview .flxWrap .rght ul li h3

{

font-weight:500;

	

}

section.specifications

{

padding:50px 30px;	

}

section.specifications .headPart h2

{

font-size:35px;

font-weight:300;

margin:0;

padding:0 0 20px 0;

color:#4a4a4a;

}

section.specifications .headPart h3

{

font-weight:500;

margin:0;

padding:0 0 10px 0;	

}

section.specifications .headPart p

{

color:#4a4a4a;	

font-weight:400;

line-height:140%;

margin:0;

padding:0 0 12px 0;

}

section.specifications .flxWrap .lft ul

{

margin:0;

padding:0;

list-style-type:none;

list-style-position:inside;

text-indent:0;

font-size:18px;	

}

section.specifications .flxWrap .lft ul li

{

padding-bottom:10px;

font-weight:300;	

}

section.specifications .flxWrap .lft ul li strong

{

display:block;

font-weight:500;

padding-bottom:7px;

color:#000;	

}

section.reviews

{

padding:40px 50px;

background-color:#274c76;

	

}

section.reviews h2 {

    font-size: 35px;

    font-weight: 300;

    margin: 0;

    padding: 0 0 20px 0;

    color: #fff;

	text-align:center;

}

section.reviews .headPart

{

padding-bottom:30px;

margin-bottom:30px;

background:url(../img/stars-separator.svg) center bottom no-repeat;	

}

section.reviews .flxWrap div

{

color:#fff;

padding:15px 0 40px 0;	

text-align:center;

line-height:140%;

font-size:18px;

}

.flxWrap div strong

{

font-style:italic;

display:block;	

}

section.photos

{

padding:50px 0;	

}

section.photos h2

{

    font-size: 35px;

    font-weight: 300;

    margin: 0;

    padding: 0 0 20px 0;

    color: #4a4a4a;

	text-align:center;	

}

section.photos .article div.img

{

height:380px;

width:100%;

margin-bottom:3px;	

}



section.photos .article .img

{

background-size:cover;

background-position:center;

background-repeat:no-repeat;	

}

section.CTA .article form input[type=text],

section.CTA .article form textarea

{

	padding:12px 15px;

	font-size:17px;

	width:100%;

	box-sizing:border-box;

}

section.CTA .article form textarea

{

min-height:100px;

max-height:400px;

max-width:100%;	

}

section.CTA 

{

padding:50px 30px;	

}

section.CTA .article button

{

display:block;

padding:20px 15px;

font-size:26px;

color:#fff;

background-color:#174060;

display:block;

box-sizing:border-box;

width:100%;

border:0;	

}

section.CTA .article label

{

/*display:none;	*/
	display:block;
	padding-bottom:15px;

}
section.CTA .article label[for=lastname]
{
	display:none;
}
section.CTA .headPart h2

{



font-size:35px;

font-weight:300;

text-align:Center;

color:#4a4a4a;

padding:0 0 15px 0;

margin:0;



}

section.CTA .headPart

{

padding-bottom:40px;	

}

section.CTA .headPart p

{

max-width:800px;

padding:0 15px 15px 15px;

margin:0 auto;

text-align:Center;	

}

section.CTA .two div,

section.CTA .one  div

{

padding-bottom:20px;	

}

header nav ul

{

margin:0;

padding:20px 0;

text-indent:0;

list-style-type:none;

list-style-position:inside;

text-align:center;	

}

header nav ul li a

{

padding:12px;

color:#fff;

font-weight:300;

font-size:24px;	

text-align:left;

display:block;

text-decoration:none;

}

header .boatLogo

{

display:none;	

}

.contactDetails

{

padding:15px 0;

font-size:18px;

font-weight:400;

text-align:center;	

}
.one.recap
{
font-size:14px;
color:#000;	
}
.one.recap a
{
color:#274c76;
text-decoration:underline;
display:inline-block;
padding:0 6px;	
}
.grecaptcha-badge
{
visibility:hidden;
	
}
.espBanner
{
	display:none;
	transition: all 0.3s ease;
}


.espBanner.esp-fixed {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
}
.espBanner.esp-fixed img
{
	max-width:400px!important;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	
}
#espaContentText
{
	scroll-margin-top: 100px;
}
.espaContentText
{
	padding:40px 20px;
	background-color:#eee;
}
.espaContentText .expaContInner
{
	max-width:1200px;
margin:0 auto;
	text-align:Center;
}

.espaContentText .expaContInner p 
{
	line-height:130%;
	font-size:18px;
}
@media(min-width:768px)

{
.espBanner
{
	display:block;
}
	nav .langs

	{

	top:26px;	

	}

	section.CTA .two div,

section.CTA .one  div

{

padding-bottom:0;	

}



	header .mobVis

	{

	display:none;	

	}

	ul.closed,
	ul.open

	{
		position:relative;
		top:auto;
		left:auto;
		right:auto;
	display:block;	
		background:none;

	}

	.mobileController

	{

	display:none;	

	}

	.three60 .headPart

	{

	padding: 60px 40px;	

	}

	.three60 h2

	{

	    font-size: 50px;

    font-weight: 100;

    text-align: Center;

    color: #4a4a4a;

    padding: 0 0 15px 0;

    margin: 0;	

	}

	.three60 .contain div

{

width:100%;

height:550px;	

}

header

{

height:calc(100vh - 91px);

margin-top:91px;

width:100%;

background-image:url(../img/bali-4-6-hero-desktop.jpg);

background-position:center;

background-size:cover;

background-repeat:no-repeat;

background-color:#4a4a4a;

position:relative;

}

header .boatLogo

{

	display:block;

position:absolute;

top:40px;

left:40px;

z-index:600;	

}

header nav

{

position:fixed;

top:0;

right:0;

left:0;

z-index:800;

background-color:#4a4a4a;	

}



header nav ul li

{

display:inline-block;	

}

header nav ul li a,header nav ul li a:hover,header nav ul li a:focus



{

display:block;

padding:13px 8px;

color:#fff;

text-decoration:none;

font-weight:300;

font-size:15px;

}

header nav ul li a.request

{

background-color:#000;

margin-left:12px;



}

header nav ul li a.request:hover

{

background-color:#c3a11f;

transition:background-color ease-out 0.3s;	

}

header nav ul li a.request span

{

display:inline-block;

vertical-align:middle;

width:28px;

height:25px;

background:url(../img/email-icon.svg) center center no-repeat;

margin-right:10px;	

}

/* header::after

{

position:absolute;

top:0;

right:0;

bottom:0;

left:0;

width:100%;

background-color:rgba(74,74,74,0.3);

content:" ";

display:block;

z-index:1;	

} */

.heroContent

{

position:absolute;

bottom:0;

left:0;

/*background-color:#4a4a4a;*/

background-color:rgba(74,74,74,0.8);

min-width:	430px;

width:40%;

box-sizing:border-box;

padding:25px 50px;





z-index:20;

}

.heroContent h1

{

font-size:28px;

font-weight:300;

text-align:left;

}

.heroContent p

{

text-align:left;	

}



/* overview */



section.overview

{

padding:0;	

}

section.overview .flxWrap

{

display:flex;	

}

section.overview .flxWrap .lft

{

	flex:1;	

	max-width:45%;

	min-width:430px;

	background-image:url(../img/overview-bali-bg.jpg);

background-position:center;

background-size:cover;

background-repeat:no-repeat;

background-color:#999;

position:relative;

	

}

section.overview .flxWrap .rght

{

flex:1;

background-color:#274c76;

box-sizing:border-box;

padding:60px 40px 60px 60px;	

}

section.overview .flxWrap .rght ul

{





padding:5px 0 40px 0px;

}

section.overview .flxWrap .lft h2

{



position:absolute;

top:60px;

right:0;

box-sizing:border-box;

padding:15px 25px;

color:#fff;

font-size:35px;

font-weight:300;
background-color:#274c76;

z-index:2;	

}

/* end overview */

section.specifications

{

padding:0;	

}

section.specifications .headPart

{

padding-bottom:40px;

max-width:580px;	

}

section.specifications .headPart h2

{

font-size:50px;

font-weight:100;

}

section.specifications .flxWrap

{

display:flex;

align-items:center;

justify-content:center;

padding:80px 50px;	

}

section.specifications .flxWrap .lft ul li

{

padding-bottom:30px;



}

section.specifications .flxWrap .lft,

section.specifications .flxWrap .rght

{

flex:1;	

}

section.specifications .flxWrap .rght img

{

margin:0 auto;	

}



.dCols

{

columns:2;	

}





section.reviews

{

padding:80px 50px;

background-color:#274c76;	

}



section.reviews .headPart h2

{

font-size:50px;

font-weight:100;

text-align:Center;

color:#fff;

padding:0 0 15px 0;

margin:0;

}

section.reviews .footPart

{

background:url(../img/stars-separator.svg) center bottom no-repeat;	

padding-top:30px;

margin-top:30px;	

}

section.reviews .article

{

padding:40px 50px;	

}

section.reviews .article .flxWrap

{

display:flex;

max-width:1200px;

margin:0 auto;

flex-wrap: wrap; 	

}

section.reviews .article .flxWrap div

{

flex:1 0 50%;

padding:0 25px 40px 25px;

box-sizing:border-box;

text-align:Center;

line-height:140%;

font-weight:300;

color:#fff;	

}

section.reviews .article .flxWrap div strong

{

display:block;

padding-top:10px;

font-weight:500;

font-style:italic;	

}

section.photos .headPart 

{

padding:60px 40px;	

}

section.photos .headPart h2

{



font-size:50px;

font-weight:100;

text-align:Center;

color:#4a4a4a;

padding:0 0 15px 0;

margin:0;



}

section.photos .article

{

max-width:1600px;

margin:0 auto;	

}

section.photos .article div.img

{

margin-bottom:0;	

}

section.photos .article .dRow,section.photos .article .tRow

{

  display: flex;

  flex-flow: row;

  position:relative;	

}

section.photos .article .dRow a,section.photos .article .tRow a

{

position:absolute;

top:0;

left:0;

right:0;

bottom:0;

width:100%;

display:block;

}

section.photos .article .dRow .img::before

{

  content: '';

  padding: 50% 0; /* vertical value as  100% equals width */

  display: inline-block;	

}

section.photos .article .tRow .img::before

{

  content: '';

  padding: 50% 0; /* vertical value as  100% equals width */

  display: inline-block;		

}

section.photos .article .dRow .img

{

width:50%;

max-height:440px;

border:1px solid #fff;

background-color:#4a4a4a;

position:relative;	

}

section.photos .article .tRow .img

{

width:33.333%;

max-height:440px;

background-color:#4a4a4a;

border:1px solid #fff;

position:relative;		

}



section.CTA

{

padding:0 50px 60px 50px;	

}

section.CTA .headPart 

{

padding:60px 40px;	

}

section.CTA .headPart h2

{



font-size:50px;

font-weight:100;





}



section.CTA .article

{

max-width:900px;

margin:0 auto;	

}



section.CTA .article .two,section.CTA .article .one

{

display:flex;

padding-bottom:20px;	

}

section.CTA .article .two > div

{

flex:1 0 50%;

width:50%;

box-sizing:border-box;

	

}

section.CTA .article .two div:first-child

{

	

padding-right:10px;	

}

section.CTA .article .two div:last-child

{

	

padding-left:10px;	

}

section.CTA .article .one div



{

flex:1;	

width:100%;

}



}

@media(min-width:992px)

{

	

}

@media(min-width:1200px)

{

	

}