@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:280px;
}
 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;
	 position:relative;
}
header .sp-banner
{
	position:absolute;
	bottom:25px;
	left:30px;
	right:30px;
	text-align:center;
	

}
header .sp-banner.atTop
{
	position:fixed;
	top:10px;
	z-index:10;
	bottom:auto;
}
header .sp-banner.atTop img
{
max-width:300px;	
}
header .sp-banner img
{
	display:inline-block;
		box-shadow: 0px 0px 30px 6px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 0px 30px 6px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 30px 6px rgba(0,0,0,0.2);
}
 .mobileController{
     background-color: #000000;
}
 .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: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/header-hero-omerta-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:#282828;
     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 {
     display: block;
     break-inside: avoid;
     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:#6e7277;
}
 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:#847366;
 cursor:pointer;
     box-sizing:border-box;
     width:100%;
     border:0;font-weight:500;
}
 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;
}
.boatLogo h1.sub ,
.mobLogo  h1.sub{
	text-align:center;
	display:block;
	padding-top:10px;
	font-weight:500;
	text-shadow: 0px 0px 6px rgba(0,0,0,0.6);
	color:#fff;
	margin:0;
	padding:0;
	font-size:16px;
}

 .contactDetails {
     padding:15px 0;
     font-size:18px;
     font-weight:400;
     text-align:center;
}
 .one.recap {
     font-size:14px;
     color:#000;
}
 .one.recap a {
     color:#000;
     text-decoration:underline;
     display:inline-block;
     padding:0 6px;
}
 .grecaptcha-badge {
     visibility:hidden;
}
 @media(min-width:768px) {
	 header .sp-banner.atTop
	 {
		 top:100px;
		 right:10px;
		text-align:right;
		 
	 }
	  header .sp-banner.atTop img
	 {
		 max-width:300px;
	 }
     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-omerta-desktop.jpg);
         background-position:center;
         background-size:cover;
         background-repeat:no-repeat;
         background-color:#000;
         position:relative;
    }
     header .boatLogo {
         display:block;
         position:absolute;
         top:80px;
         left:50%;
		 transform:translateX(-50%);
         z-index:600;
    }
	  header .boatLogo img.img-resp
	 {
		 width:400px;
	 }
     header nav {
         position:fixed;
         top:0;
         right:0;
         left:0;
         z-index:800;
         background-color:#414b53;
    }
     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/omerta-console-overview.jpg);
         background-position:center;
         background-size:cover;
         background-repeat:no-repeat;
         background-color:#282828;
         position:relative;
    }
     section.overview .flxWrap .rght {
         flex:1;
         background-color:#847366;
         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:#847366;
         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 40px 50px;
    }
     section.specifications .flxWrap .lft ul li {
         padding-bottom:20px;
    }
     section.specifications .flxWrap .lft, section.specifications .flxWrap .rght {
         flex:1;
    }
	section.specifications .flxWrap .rght {
		 box-shadow: 0px 0px 30px 6px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 0px 30px 6px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 30px 6px rgba(0,0,0,0.2);
	 }
     section.specifications .flxWrap .rght img {
         margin:0 auto;
    }
     .dCols {
         columns:2;
    }
     section.reviews {
         padding:80px 50px;
         background-color:#6e7277;
    }
     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: 30px 40px 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) {
	 	 header .sp-banner.atTop
	 {
		 top:10px;
		 z-index:99999;
	 }
}