@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;	



}



.boatLogo .img-resp



{



width:260px;	



}



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;	



}



header



{



background-color:#4a4a4a;







	



}



.mobileController{



background-color: #012650;	



}



.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 .langs



{



position:absolute;



right:15px;



top:8px;



z-index:800;	



}



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/header-hero-nautitech-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:#66a5ae;



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:#174060;



	



}



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;	



}



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;	



}



@media(min-width:768px)



{



	nav .langs



	{



	top:26px;	



	}



	section.CTA .two div,



section.CTA .one  div



{



padding-bottom:0;	



}







	header .mobVis



	{



	display:none;	



	}



	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:calc(100vh - 91px);



margin-top:91px;



width:100%;



background-image:url(../img/header-hero-nautitech-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:2000;	



}



header nav



{



position:fixed;



top:0;



right:0;



left:0;



z-index:9999;



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:#000;



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-bg.jpg);



background-position:center;



background-size:cover;



background-repeat:no-repeat;



background-color:#012650;



position:relative;



	



}



section.overview .flxWrap .rght



{



flex:1;



background-color:#012650;



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:#012650;



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:#174060;	



}







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)



{



	



}