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


/* BEGIN MOBILE STYLES */
body,html
{
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;	
}
section, article, header
{
display:block;
box-sizing:border-box;	
}
.mainWrapper
{
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;	
}

.mobileController{
background-color: #00509B;	
}
.mobileController 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 .closeMobile
{
	position:absolute;
	top:20px;
	right:20px;
	z-index:3;
}
nav .langs
{
position:absolute;
right:15px;
top:8px;
z-index:2000;
	white-space: nowrap;
}
nav .langs a
{
display:inline-block;
padding:7px;
font-size:15px;
color:#fff;
border:1px solid #fff;
margin:0 4px;
text-decoration:none;
}
nav .langs a:hover{
	display:inline-block;
	padding:7px;
}
header .headerVisual
{
display:block;
height:55vh;
background-image:url(../img/bali-46-hero-mobile.jpg);
background-position:center;
background-size:cover;
background-repeat:no-repeat;

position:relative;	
}
header .headerVisual .espaBanner{
	position:fixed;
	bottom:15px;
	left:15px;
	right:15px;
	text-align:center;
	z-index:20;
}
header .headerVisual .espaBanner img
{
	display:inline-block;
	max-width:270px;
	height:auto;
}
header .logo
{
position:absolute;
top:60px;
left:30px;
right:30px;

	z-index:3;
	text-align:Center;
}
header .logo img
{
display:inline-block;
margin:0 auto;
height:auto;
max-width:200px;	
}
.heroContent
{

background-color:rgba(74,74,74,1);
padding:20px 20px 80px 20px;


}
.heroContent h1
{
font-size:26px;
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:15px;
text-align:Center;
}
section.overview
{
padding:15px;
background-color:#00509B;
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:#00509B;	
}
section.reviews
{
padding:40px 50px;
background-color:#4a4a4a;
	
}
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:#00509B;
display:block;
box-sizing:border-box;
width:100%;
border:0;	
}
section.CTA article label
{
padding-bottom:15px;
	display:block;
}
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
{
	display:none;
}
header nav.open
{
	display:flex;
	align-items:center;
	justify-content:center;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	background-color:#00509B;
	left:0;
	z-index:999;
	text-align:Center;
}
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;
}

@media(min-width:768px)
{
	.heroContent
	{
		
	padding:20px;
	}
	header .headerVisual .espaBanner
	{
		bottom:20px;
		top:auto;
		right:20px;
		left:auto;
	}
	header .headerVisual .espaBanner img
	{
		max-width:220px;
	}
	nav .closeMobile
	{
		display:none;
	}
	header
{
background-color:#4a4a4a;

	
}
header .headerVisual
	{
		height:100%;
		background-image:url(../img/bali-46-hero-desktop.jpg);
	}
	header nav,
	header nav.open
	{
		display:block;
		background:none;
		position:absolute;
		left:0;
		top:0;
		right:0;
		bottom:auto;
	}
	header .logo
	{
		left:30px;
		top:130px;
		right:auto;
		
	}
	header .logo img
	{
		max-width:100%;
	}
	nav .langs
	{
	top:26px;	
	}
	section.CTA .two div,
section.CTA .one  div
{
padding-bottom:0;	
}


	ul.closed
	{
	display:block;	
	}
	.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:100vh;
padding-top:100px;
width:100%;

background-color:#4a4a4a;
position:relative;
}
header .boatLogo
{
	display:block;
position:absolute;
top:40px;
left:40px;
z-index:2000;	
}
header nav
{
position:fixed;
top:0;
right:0;
left:0;
z-index:100;
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:#00509B;
margin-left:12px;

}
header nav ul li a.request:hover
{
background-color:#0084ff;
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:50px;


z-index:20;
}
.heroContent h1
{
font-size:30px;
font-weight:100;
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-bg.jpg);
background-position:center;
background-size:cover;
background-repeat:no-repeat;
background-color:#4a4a4a;
position:relative;
	
}
section.overview .flxWrap .rght
{
flex:1;
background-color:#00509B;
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:#00509B;
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:#4a4a4a;	
}

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;
	background-color:#000;
}
section.photos article .dRow a,section.photos article .tRow a
{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
display:block;
	overflow:hidden;
}
	section.photos article .dRow a span,section.photos article .tRow a span
	{
		position:absolute;
		top:-0;
		color:#fff;
		opacity:0;
	}
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)
{
	
}