/* ==========================================================================
   Normalize styles
   ========================================================================== */
article,aside,details,figcaption,.charter .thumb,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0;}a:focus{outline:thin dotted}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:10px;font-size:0.625rem}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* ==========================================================================
   Starter styles
   ========================================================================== */


body, html { height: 100%; }
body { font-size:16px; font-size:1rem; background:#fff; -webkit-font-smoothing: antialiased;}
::-moz-selection { background:#b3d4fc; text-shadow:none;}
::selection { background:#b3d4fc; text-shadow:none;}
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
img { vertical-align:middle;}
fieldset { border:0; margin:0; padding:0;}
textarea { resize:vertical;}
.chromeframe { margin:0.2em 0; background:#ccc; color:#000; padding:0.2em 0;}
a {color: #356CC5; text-decoration: none;}
a:focus { outline:none;}
textarea:focus, input:focus{ outline: 0; background: #F2F4F7;}
/*a:visited {color:#ab31af;}*/

::-webkit-input-placeholder {color:#666;}
:-moz-placeholder {color:#666; opacity:1;}
::-moz-placeholder {color:#666; opacity:1;}
:-ms-input-placeholder {color:#666;}
.search input[type="text"]:focus::-webkit-input-placeholder { opacity:0.8;}
.search input[type="text"]:focus:-moz-placeholder { opacity:0.8;}
.search input[type="text"]:focus::-moz-placeholder { opacity:0.8;}
.search input[type="text"]:focus:-ms-input-placeholder { opacity:0.8;}
input:disabled{background-color: #efefef; color: #999;}

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 'Open Sans', Helvetica, sans-serif; }
html, button, input, select, textarea { font-family: 'Open Sans', Helvetica, sans-serif;}
.clear { clear:both;}
.table { display:table; width:100%;}
.tr { display:table-row;}
.td, .th { display:table-cell; vertical-align:top;}
.lt-ie8 .td, .lt-ie8 .th { display:block; float:left; padding:5px;}
.leftText { text-align:left}
.rightText { text-align:right;}
.centerText { text-align:center;}
p { margin:0; margin-bottom:10px; margin-bottom:0.625rem; line-height:1.5; white-space: normal;}
input[type="text"], input[type="submit"], textarea { -webkit-appearance:none; -webkit-border-radius:0; border-radius:0; border:0 none; padding:10px;}
.left { float:left !important;}
.right { float:right !important;}
.responsive { width:100%; height:auto;}
video { width: 100% !important; height: auto !important;}
.blackTrans { background:#000; background:transparent; background:rgba(0,0,0,0.6); zoom:1; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
.whiteTrans { background: #FFF; background: transparent; background: rgba(255,255,255,0.8); zoom:1; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)";}

/*___Simple grid___*/
.c { margin:0 1%; float:left; min-height: 1px; overflow: hidden; }
.flex .c {float:none;}
.c1 { width:98%;}
.c1-c2 { width: 64.6666%; }
.c2 { width:48%;}
.c3 { width:31.3333%;}
.c4 { width:23%;}
.c:not(.naturalImage) > img { width:100%; height:auto;}
.textContent { width:960px; margin:0 auto; /*padding:65px 0;*/ padding:25px 0;}
.gallery { width:960px; margin:0 auto; margin-bottom:30px;}

.flex, .boatDetails .textContent {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}
	
.boatDetails .textContent {
    justify-content: left;
}

@media screen and (max-width: 980px) {
  .textContent { width:99%; padding:40px 0.5%;}
  .gallery { width:99%;}
}
@media screen and (max-width: 730px) {
  .c1-c2 { width: 98%; }
  .c2 { width:98%;}
  .c3 { width:48%;}
  .c4 { width:31.3333%;}
}
@media screen and (max-width: 645px) {
  .c3 { width:98%;}
}
@media screen and (max-width: 400px) {
  .textContent { padding:30px 0.5%;}
  .c4 { width:48%;}
}

/* ==========================================================================
   Author styles
   ========================================================================== */
h4 {margin: 0 0 10px 0;}
.brad50 { -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
#header { background:url(../images/charter-main.jpg) center center fixed no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; position:relative;}
.ipad #header {background-attachment:scroll;}
.headerSection {
  background-repeat: no-repeat;
    background-attachment: fixed;
  background-position: center center,
  -webkit-background-size:cover; 
  -moz-background-size:cover; 
  -o-background-size:cover; 
  background-size:cover; 
  position:relative; 
}
.headerSectionInner { height: 450px; background-size: cover; position: relative; background-position: center; /*overflow: hidden;*/ } 
.headerSectionInner.boatDetailsPage {
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  height: 143px;
}
.ipad .headerSection {background-attachment:scroll;}
.headerText {position: absolute; left:50%; margin-left: -480px; bottom: 50px; text-align: right; width: 960px; text-shadow: 2px 1px 6px rgba(0, 0, 0, 0.3); text-transform: uppercase;}
.headerText.onTop {bottom: auto; top:66px;}
.headerText .title, .headerText p {display: inline-block; color: #fff;}
#homeSlider .headerText .title, .headerText .title, .boatDetailActionLine h3, .boatDetailActionLine h1 {font-size: 52px; line-height: 52px; font-weight: bold; padding:10px;}
.headerText .title {font-size: 37px; line-height:37px;}
.headerText .title { background-color:rgba(0, 0, 0, 0.25); margin:0;}
.boatDetailActionLine h3, .boatDetailActionLine h1 {font-size: 44px; line-height:44px;}
#homeSlider .headerText p, .headerText p {font-size: 45px; line-height: 45px; padding:10px; line-height: 1.1; font-weight: 300; background-color:rgba(0, 0, 0, 0.25); }
.headerText p {font-size: 27px; line-height: 27px;}

#homeSlider .specialOfferItem .headerText {background-color: rgba(0, 0, 0, 0.25); left: 50%; -webkit-transform: translate(-590px,0); transform: translate(-590px,0); top: 58px; bottom: auto; text-transform: none; text-align: left; width: auto; margin: 0; padding: 20px; color: #fff;}

.specialOfferItem #enquiry {position: absolute; width: 300px; background: #fff; z-index: 9999; left: 50%; padding: 10px; top: 55px; -webkit-transform: translate(-50%,0); transform: translate(-50%,0);}

#homeSlider .specialOfferItem .headerText p {font-size: 18px; padding: 0; line-height: 1.2; font-weight: normal; background-color: transparent; display: block;}

#homeSlider .specialOfferItem .headerText .title {background: transparent; padding: 0 0 20px; line-height: 60px;}

#homeSlider .specialOfferItem .headerText a {display: inline-block; color: #fff; position: relative; transition: opacity .3s;}

#homeSlider .specialOfferItem .headerTextContent a:hover {opacity: 0.8;}

#homeSlider .specialOfferItem .headerTextContent a:after {content: " "; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 7px solid #fff; font-size: 0px; position: absolute; right: -14px; top: 4px;}

/* Counter */
.promo-countdown {position: relative; padding: 20px 0 10px;}
.promo-countdown * {box-sizing: border-box;}
.promo-countdown ul {padding-left: 0;}
.promo-countdown .chart { display: inline-block; width: 90px; height: 90px; margin: 0 3px !important; vertical-align: top; position: relative; padding-top: 16px !important; font-size: 12px; text-transform: uppercase; text-align: center; }
.promo-countdown .chart span{ display: block; font-size: 40px; line-height: 100%; letter-spacing: 140%; margin-bottom: 5px; text-align: center; }
.promo-countdown .chart canvas { position: absolute; left: 0; top: 0; color: #CD1C1C; }


.topBar { position:fixed; left:0; top:0; z-index:4999; width:100%; height:55px; -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.2); background:rgba(255,255,255,0.9);}
.topBar.hardBack, .mobRes .topBar { background:#fff; border-bottom:1px solid #efefef;}
.topBarWrapper {width: 1200px; position: fixed; z-index: 9003; margin: 0 auto; left: 50%; margin-left: -600px;}
.logo { display:block; width: 281px; height: 30px; overflow: hidden; text-indent: -9999px; background: url(../images/nava_logo.svg) left center no-repeat; color:#00003C; position:absolute; z-index:5000; padding:0; left:10px; top:12px; -webkit-background-size:281px 15px; -moz-background-size:281px 15px; -o-background-size:281px 15px; background-size:281px 15px;}
.no-svg .logo { background-image: url(../images/nava_logo.png);}
#mainNav { position:absolute; z-index:5001; right:10px; top:12px;}
#mainNav a { display:block; float:left; padding: 5px 8px; margin-left:5px; color:#1a2237; font-size:14px; text-transform: uppercase;}
#mainNav a.current { font-weight: bold;}
#mainNav a.mainSelect {display: none;}
#mainNav.mainSelection a {display: none;}
#mainNav.mainSelection a.mainSelect {display: block;}
.togTrigger { display:none; position:absolute; z-index:5002; top:6px; right:20px; font-size:28px; color:#1A2237;}
.mobRes .togTrigger { display:block;}
.mobRes #mainNav a { float:none; margin-left:auto; padding:8px; background:#1A2237; color: #fff; border-bottom: 1px dashed #A7AFBE;}
.mobRes #mainNav a.mainSelect {background:#222D48;}
.mobRes #mainNav a.mainSelect, .mobRes #mainNav a {display: block;}
.mobRes #mainNav a:hover { background:#314066;}
/*.mobRes #mainNav { margin-top:0px; width:100%; z-index:300; right:auto; top:74px; background:#333; display:none;}
.mobRes #mainNav.move { display:block;}*/

.mobRes #mainNav { margin-top:0px; width:223px; height: 100%; z-index:9003; right:auto; top:0; left:0; position:fixed; background:#1A2237; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
.mobRes #mainNav.move { display:block; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-box-shadow: 7px 0px 23px 0px rgba(0,0,0,0.54); -moz-box-shadow: 7px 0px 23px 0px rgba(0,0,0,0.54); box-shadow: 7px 0px 23px 0px rgba(0,0,0,0.54);}

.mobRes #nav li ul.mainNav-subnav { position: relative; left: 0; margin: 0; /*margin-bottom: 10px;*/ }
.mobRes #nav li ul.mainNav-subnav a { white-space: normal; padding-left: 15px; padding-right: 32px; }
.mobRes #nav li ul {top:0;}


/*.programs-subnav {display:none; position: absolute; background: #1A2237; top:30px; padding:0px;}
#mainNav .programs-subnav li a {color:white; float:none; display:block; border-bottom: 1px solid whitesmoke; margin-left:0px; padding: 10px;}*/
#nav{list-style:none; margin: 0; padding: 0;}
#nav li{float:left;position:relative;}
#nav li ul {padding: 0px; top: 11px;}
#nav li ul li {}
#nav li ul li a {color: white;border-bottom: 1px solid white; float:none;margin:0px; padding:10px;}
#nav a{display:block;padding:5px;color:#1A2237;text-decoration:none;}
#nav a:hover{}


.breadcrumb {
  position: absolute;
    bottom: -22px;
  width: 100%;
  
}
.breadcrumb .textContent { padding: 0; }
.breadcrumb li { display: inline-block; list-style: none; font-size: 13px; padding-right: 20px; position: relative; }
.breadcrumb li:after {
  content: "\f105";
  font-family: "FontAwesome";
  font-size: 16px;
    position: absolute;
    right: 5px;
}
.breadcrumb li.breadcrumbCurrent { font-weight: bold; }
.breadcrumb li.breadcrumbCurrent:after { content: ""; }
.breadcrumb li a { color: #495369; }

@media screen and (max-width: 1025px) {
  .breadcrumb.boatDetails {
    bottom: -12px;
  }
}



/*--- DROPDOWN ---*/
#nav ul{list-style:none;position:absolute;left:-9999px;}
#nav ul li{float:none;}
#nav ul a{white-space:nowrap;}
#nav li ul.mainNav-subnav { min-width: 100%; }
#nav li:hover ul.mainNav-subnav{left:0; background:#1A2237;}
#nav li:hover a{}
#nav li:hover ul a{text-decoration:none;}
#nav li:hover ul li a:hover{background:#324578;}

.mobRes .nav-wrapper { height: 85vh; overflow: hidden; position: relative; }

.mobRes #mainNav #nav { padding: 0px; overflow: auto; position: absolute; top: 0; bottom: 0; left: 0; right: -17px; margin-bottom:5px;}
.mobRes #mainNav #nav li {display:block;}
.mobRes #mainNav #nav li {float:none;}
.readMore {/*padding:0 8px 0 10px;*/ padding: 10px 15px; margin-left: 10px; /*background:#1A2237; color: #fff;*/ color: #1A2237; transition:background 0.6s ease; display: inline-block; line-height: 18px;}
.readMore:hover {/*background:#314066;*/ background: #1A2237; color:#fff; }

.goDown { border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 50%; bottom: -40px; color: #666; display: block; left: 50%; margin-left: -45px; padding: 4px; position: absolute;}
.goDown:hover { text-decoration: none;}
.goDown i { background: none repeat scroll 0 0 #fff; border-radius: 50%; display: block; font-size: 2em; height: 80px; line-height: 79px; text-align: center; transition: all 0.2s linear 0s; width: 80px; z-index: 30;}

.textContent hr { background:#d9d9d9; height: 1px; margin: 20px auto 30px; width: 100px;}
.textContent h1 { font-size: 26px; text-transform: uppercase; }
.textContent h2 { font-size: 26px; text-transform: uppercase;}
.devider { background-position: center center; background-color: #efefef; background-attachment: fixed; background-repeat: no-repeat; overflow:hidden; height:450px; width: 100%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; position:relative;}
.devider .devider-image-link { display: block; width: 100%; height: 100%; }
.ipad .devider, .devider.staticBack { background-attachment:scroll;}

.footer {/*background:#2F3A48;*/ background:#2D3E91; color:#fff;}
.footer .textContent {padding:20px 10px;}
.footer .navWrapper { text-align: left;}
.footer .navWrapper .title { display: block; font-size: 16px; font-weight: bold; padding-bottom: 2px;}
.footer .navWrapper a { display: block; color: #fff;}
.footer .navWrapper a:hover {text-decoration: underline;}
.footerNav {margin-top:10px; margin-bottom: 10px;}
.footer-bottom-disclaimer { /*background:#2F3A48;*/ }
.footerNav a[title="Yacht-Pool"] { margin:20px 0; background: url(/media/16106/yacht-pool.png) left top no-repeat; display: block; width: 140px; height: 100px; text-indent: -9999px; overflow: hidden;}

.veryBottom {font-size: 11px; margin: 0;}
.veryBottom a {color: #fff; text-decoration: underline;}
.social a { font-size: 29px; color: #fff; display: inline-block !important; padding:10px !important; transition:color 0.2s ease;}
.social a:hover {color: #C1CAD9;}

.footer-logos { margin: 15px 0; }
.euminia { display: inline-block; background: #fff; padding: 5px; margin: 10px 0; }
.footer-logos a.block {display:block;margin: 20px 0;}

.langSelect {position: fixed; z-index:100000; right: 0; bottom: 0; /*width:30px;*/ width:195px; background:rgba(26,34,55,0.7);}
#mainNav .langSelect {position: static; right: auto; bottom: auto; width: 100%; margin-top: 20px;}
#mainNav .langSelect, .mobRes .langSelect { display: none !important;}
#mainNav .langSelect a {float: left; margin-left: 10px; margin-right: 10px; border: 0 none;}
.mobRes #mainNav .langSelect { display: block !important; /*position: fixed; bottom: 5px;*/ /*margin-top: 40px;*/ margin-top: 0; width: 100%; position: absolute; left: 0; right: 0; bottom: 0; }
.langSelect a {/*display:block;*/ display: inline-block; position:relative; /*width: 30px; height: 30px; background:url(../images/lang2.png) -5px -2px no-repeat !important;*/}
.langSelect a:after { color:#fff; padding:5px;}
.mobRes #mainNav .langSelect a {background:#232E4B;}
.langSelect a.de {background-position: -55px -2px !important;}
.langSelect a.de:after{content:"DE";}
.langSelect a.en {background-position: -105px -2px !important;}
.langSelect a.en:after{content:"EN";}
.langSelect a.fr {background-position: -155px -2px !important;}
.langSelect a.fr:after{content:"FR";}
.langSelect a.es {background-position: -255px -2px !important;}
.langSelect a.es:after{content:"ES";}
.langSelect a.ru {background-position: -205px -2px !important;}
.langSelect a.ru:after{content:"PY";}
.langSelect a.hr:after{content:"HR";}
.langSelect a.globe:after{
  content:"\f0ac";
  font-family: FontAwesome;
}
.langSelectMobile { display: none; }
.mobRes .langSelectMobile {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 110px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a2237+0,1a2237+41&0+0,1+41 */
  background: -moz-linear-gradient(top,  rgba(26,34,55,0) 0%, rgba(26,34,55,1) 26%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(26,34,55,0)), color-stop(26%,rgba(26,34,55,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(26,34,55,0) 0%,rgba(26,34,55,1) 26%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(26,34,55,0) 0%,rgba(26,34,55,1) 26%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(26,34,55,0) 0%,rgba(26,34,55,1) 26%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(26,34,55,0) 0%,rgba(26,34,55,1) 26%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001a2237', endColorstr='#1a2237',GradientType=0 ); /* IE6-9 */

}
.mobRes .langSelectMobile a { margin:0 5px 10px; width:41px; }

.splash-screen .langSelect { display: block !important; }
.splash-screen { height: 100%; }
.splash-screen .langSelect { width: auto; top:auto; bottom:2px; }
.splash-screen .langSelect a { display: inline-block; margin-right: 10px; }

.animated-1 {-webkit-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */}

.topFixed { position:fixed !important; top:0 !important;}
.topFixed30 { position:fixed !important; top:30px !important;}
.centered { text-align:center;}

.section.blog { background: #374555; color: #fff; }
.section.blog a { display: block; color: #fff; padding: 10px; }
/*.section.blog a:hover { 
  background-color: rgba(255,255,255,0.1); 
  -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    transition: background-color .3s linear;
}*/
.section.blog img { width: 80%; }
.readMoreBlog { display: inline-block; padding: 10px 15px; transition: background 0.6s ease; }
.readMoreBlog:hover { background: #fff; color: #00003C; }
.homeBlogImgHolder { height: 150px; overflow: hidden; }
.textContent ul, .textContent ol {padding: 20px 0 20px 0; margin: 0;}
.textContent ul li, .textContent ol li {padding-left:0 !important; position:relative; left:1.6em; margin-right:1.8em;margin-bottom:12px;}
.ie .textContent ul li, .ie .textContent ol li {clear:both;}
.textContent .umb-grid ul, .textContent .umb-grid ol {padding-top:0;}
.listItemMainPhoto img {width:100%; height:auto;}

.go-back-bttn {
  display: block;
  float: left;
  margin: 20px 0;
  color: #000;
  margin-left: 20px;
  line-height: 20px;
  font-size: 20px;
  position: relative;
}
.go-back-bttn:before {
  content: "\f104";
  font-family: FontAwesome;
  width: 20px;
  height: 20px;
  color: #333;
  font-size: 24px;
  position: absolute;
  left: -20px;
}


.news-gallery { position: relative; }

/* =========== SmartBlog Author Styles ================*/
.pagingSummary {font-size:14px; color: #999; display: block; float: left;}
.pagination {font-size:14px; display: block; float: right; }
.pagination > span {padding: 0 5px;}
.smartBlogRight, .textContent .smartBlogRight ul {text-align:right;padding-top:0;}
.smartBlogRight ul li {list-style:none;}
.smartBlogRight > div {margin-bottom:20px;}
.post, #postPageBody {padding-bottom:30px;}
/* ===================================== */

/* =========== uBlogsy Author Styles ================*/
#uBlogsy_left_col { width: 100% !important; margin-top: 10px; }
#uBlogsy_pagination { margin-right: 20px; }
#uBlogsy_left_col .uBlogsy_post { 
  width: 50%; 
  float: left; 
  min-height: 300px; 
  position: relative; 
  cursor: pointer; 
  opacity: 1;
  text-align: left;
    padding: 50px;
  transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
   -webkit-transition: all .5s ease-in-out;
}
#uBlogsy_left_col .uBlogsy_post h2 a {
  color: #333;
  position: relative;
  transition: color .5s ease-in-out;
   -moz-transition: color .5s ease-in-out;
   -webkit-transition: color .5s ease-in-out;
}
.postsHolder { width: 100%; display: block; clear: both; }
.postsHolder .uBlogsy_post h2 { text-transform: inherit; text-decoration: none; color: #333; }
.postsHolder .uBlogsy_post h3 { position: absolute; font-size: 14px; bottom: 15px; text-align: left;  }
#uBlogsy .postsHolder .uBlogsy_post h3 { font-family: 'Open Sans', Helvetica, sans-serif; }
.postsHolder .articleBackground { 
  z-index: 0;
  opacity: 0; 
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 
  transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;
}

.postsHolder .uBlogsy_post.uBlogsy_bottom_border { border: none; }
#uBlogsy_left_col .uBlogsy_posts_container .uBlogsy_post:hover h2 a, #uBlogsy_left_col .uBlogsy_posts_container .uBlogsy_post:hover { 
  color: #fff;
  text-decoration: none;
}
#uBlogsy_left_col .uBlogsy_posts_container .uBlogsy_post:hover { background-color: #333; }
/*#uBlogsy_left_col .uBlogsy_post:hover { color: #fff; }*/
.uBlogsy_post:hover .articleBackground { 
  opacity: 0.5; 
  transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;
}

#uBlogsy_left_col .uBlogsy_post_container .uBlogsy_post { width: 100%; cursor: auto; padding: 20px 0; }
#uBlogsy_left_col .uBlogsy_posts_container .uBlogsy_post:hover h2 a { text-decoration: none; }

.uBlogsy_post_time { display: none; }
.uBlogsy_related_posts_container { text-align: left; }

#uBlogsy_left_col .uBlogsy_post_container .uBlogsy_prev, #uBlogsy_left_col .uBlogsy_post_container .uBlogsy_next { 
  font-size: 0; 
  display: block;
  height: 30px;
  width: 30px;
  position: relative;
} 
#uBlogsy_left_col .uBlogsy_post_container .uBlogsy_prev:before, #uBlogsy_left_col .uBlogsy_post_container .uBlogsy_next:before {
  width: 20px; height: 20px; color: #333;   font-size: 30px; position: absolute; top: 0;
}
#uBlogsy_left_col .uBlogsy_post_container .uBlogsy_prev:before {
  content: "\f104";
    font-family: FontAwesome;
  width: 20px; height: 20px; color: #333;   font-size: 30px; position: absolute; top: 0;
}
#uBlogsy_left_col .uBlogsy_post_container .uBlogsy_next:before {
  content: "\f105";
    font-family: FontAwesome;
  width: 20px; height: 20px; color: #333;   font-size: 30px; position: absolute; top: 0;
}
#uBlogsy_left_col .uBlogsy_post_container .uBlogsy_post h2, #uBlogsy_left_col .uBlogsy_post_container .uBlogsy_post h3 { display: none; }
.uBlogsy_next_prev { width: 95%; }


#uBlogsy_left_col .uBlogsy_post .uBlogsy_post_body p { display: block; }

/* NEW BLOG!!! SMART BLOG STYLES */
.smart-post-image { max-width: 100%; margin: 0 20px 20px 0; float: left; }
.textContent ul li .leftImage, .textContent ol li .leftImage {margin: 15px 35px 10px 0;}
.pagination a {padding:0 5px; color:#356CC5;}
.pagination span {color:#999;}

/* ===================================== */

#homeSlider {
  position: relative;
  width: 100%;
  height: 100%;
}
#homeSlider .item {
  /*position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: relative;
  width: 100%;
  height: 100%;*/
  width: 100% !important;
  background-position: center; 
  background-repeat: no-repeat;  
  -webkit-background-size:cover; 
  -moz-background-size:cover; 
  -o-background-size:cover; 
  background-size:cover;
  
}
#homeSlider .owl-buttons { position: absolute; top: 50%; width: 100%; color: #fff; font-size: 100px; height: 1px; }
#homeSlider .owl-prev, #homeSlider .owl-next { 
  width: auto; 
  float: left; 
  opacity: 0.6; 
  margin-left: 10px;
  transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
#homeSlider .owl-next { float: right; margin-right: 10px; margin-left: 0; }
#homeSlider .owl-prev:hover, #homeSlider .owl-next:hover { opacity: 1; }
#homeSlider .owl-prev:before, #homeSlider .owl-prev:next {  }
#homeSlider .owl-prev:before { content: "\f104"; font-family: FontAwesome; }
#homeSlider .owl-next:before { content: "\f105"; font-family: FontAwesome; }

#home-thumbs .owl-buttons { position: absolute; top: 15%; width: 100%; color: rgba(26,34,55,0.6); font-size: 75px; height: 1px; }
#home-thumbs .owl-prev, #home-thumbs .owl-next { 
  width: auto; 
  float: left; 
  opacity: 1; 
  margin-left: -50px;
  /*transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;*/
}
#home-thumbs .owl-next { float: right; margin-right: -50px; margin-left: 0; }
#home-thumbs .owl-prev:hover, #home-thumbs .owl-next:hover { opacity: 1; }
#home-thumbs .owl-prev:before, #home-thumbs .owl-prev:next {  }
#home-thumbs .owl-prev:before { content: "\f104"; font-family: FontAwesome; }
#home-thumbs .owl-next:before { content: "\f105"; font-family: FontAwesome; }


/*-------HomePage--------*/
.homepage { display: table; height: 100%; width: 100%; }
.homeSection-w-33 { width: 33.333%; display: table-cell; /*float: left;*/ /*height: 100vh;*/ height: 100%; position: relative; background-position: center; background-repeat: no-repeat;  -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
.homeSection-w-33 h1 { color: #fff; font-size: 80px; }
.homeSection-w-33 .section-overlay { 
  position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: none; 
  -webkit-transition: background-color 500ms ease-out;
    -moz-transition: background-color 500ms ease-out;
    -o-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
}
.homeSection-w-33 .section-overlay:hover { background: rgba(255,255,255,0.3); }


/*--------- LIST ---------------*/
#boatListHeader { background:url(../images/backgrounds/BoatList.jpg) center center fixed no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; position:relative; height: 750px;}
.ipad #boatListHeader {background-attachment:scroll;}

.boat { margin-top: 20px; margin-bottom: 20px; padding-bottom: 20px; color: #495369; border-bottom: 1px solid #DBDFE3; }
.listItemMainPhoto {display: block; position: relative;}

.infoIcons { padding: 3px 10px; background-color: rgba(255,255,255,0.9);}
.infoIcons span {
    display: block;
    width: 22px;
    height: 25px;
    float: left;
    margin-right: 1px;
    text-decoration: none;
    cursor: help;
    background:url('data:image/png;base64,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') left top no-repeat;
}
.infoIcons .wifi { width:34px;}
.infoIcons .aircondition { background-position:-37px top;}
.infoIcons .skippercabin { background-position:-85px top; width:28px;}
.infoIcons .crewedboat { background-position:-58px top;}

.boatDetails .infoIcons {padding:10px;}

.boat h2 { margin-top: 0; text-transform: none; margin-bottom: 5px; }
.boatInfo { width: 60%; float: left; }
.boatIcon { width: 40px; height: 60px; display: block; float: left; margin-right: 10px; margin-top: 8px; }
.boatIcon img { width: 100%; }
.boatNumbers { display: inline-block; line-height: 60px; }

.boatButtons { float: right; width: 35%; padding: 30px 0; }
.bButton { display: block; width: 165px; padding: 8px 20px; color: #fff; margin-bottom: 15px; background: #00003C; text-align: center; }
.specialOfferItem .bButton {width:auto;}
.textContent > .bButton { margin-top:50px !important;}
.boatButtons .bButton { margin-top:0 !important;}
.bButton.enquiry { background: #A61E22; /*min-width: 150px; width: auto; display: inline-block; max-width: 100%; margin-top: 20px !important;*/ }
.boatButtons .bButton.enquiry { background: #B9B0A6;}
.redLabel {background: #cc0000;color: #fff;display: inline-block;font-size: 12px;font-weight: bold;left: 0;padding: 3px;position: absolute;text-transform: uppercase;top: 12px;}


/*---------------Spec list-------------*/

.specPrices {margin-bottom: 60px; padding-top: 20px; position: relative;}
.lastMinute {margin-bottom: 60px; padding-top: 40px; position: relative;}
.lastMinuteMobile .lastMinute {margin-bottom: 0;}
.boatDetails .title {display: block; text-transform: uppercase; font-size: 22px; padding-bottom: 10px;}
.specPrices > .title, .lastMinute > .title {position: absolute; top: 20px; left: 0;}
.lastMinute > .title {top: 0;}

.specList .tabsNav, .specPrices .tabsNav {background-color: #1A2237; border-top: #1A2237; border-left: #1A2237; padding: 1px 1px 0 1px; margin: 50px 0;}
.specPrices .tabsNav {margin: 50px 0 30px;}
.specList .tabsNav a, .specPrices a {display: inline-block; padding: 10px 20px; color: #fff; font-weight: 700; text-transform: uppercase;}
@media screen and (max-width: 500px) {
  .specList .tabsNav a, .specPrices a {
    padding: 10px 5px; font-size: 14px;
  }
}
.specList .tabsNav a.current, .specPrices a.current {background-color: #fff; color: #1A2237;}
.specList .bButton {margin-top:20px;}
.specList h2 {font-size:22px; margin:15px 0;}
.specList .listItem {margin-bottom:40px;}
.specPrices .bButton, .lastMinute .bButton {width: 100%; margin: 0 !important; padding: 10px 2px; min-width: initial;}
.specPrices .cell-date, .specPrices .cell-price, .specPrices .cell-submit {width: 33.333%; margin-bottom: 2px;}
.lastMinute .cell-date, .lastMinute .cell-price, .lastMinute .cell-submit {width: 33.333%; margin-bottom: 2px;}
.cell-date, .cell-price {padding: 10px;}
.cell-date {background-color: #1A2237; color: #fff;}
.cell-price {text-align: right; font-weight: 700; background-color: #E8EBF4;}
.cell-price .regular {font-weight: normal;}
.cell-submit a {height: 100%;}

.lastMinuteDesktop a.bButton.enquiry {padding: 30px 2px;}

@media screen and (max-width: 850px) and (min-width: 731px) {
  .cell-date, .cell-price {padding: 5px; font-size: 14px;}
}
@media screen and (max-width: 730px) {
  .lastMinute a.bButton.enquiry {padding: 20px 2px;}
}
@media screen and (max-width: 580px) {
  .specPrices a.bButton.enquiry {padding: 20px 2px;}
}

.periodsTable th, .periodsTable td {padding:2px 10px 2px 2px; background-color: #F5F5F5; border-bottom: 3px solid #fff;}
.periodsTable th, .listItem .periodsTable .regular {font-size: 14px;}
.periodPriceOnList {font-weight: bold;}
.periodsTable td {text-align:right; background-color: #E9E9E9;}
.specList.lastminute {padding-top:60px;}

/*--------- Boat Details ---------------*/
#boatDetailsHeader { background-position: center; background-attachment: fixed; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; position:relative; height: 143px;}
.ipad #boatDetailsHeader {background-attachment:scroll;}

.boatDetailsTable { color: #000; width: 100%; }
.rowTitle { font-weight: bold; }
.rowInfo { text-align: right; }
.boatDetailsTable tr { border-bottom: 1px solid #7F7F9D; padding-bottom: 5px; }
.boatDetailsTable tr.last { border: none; }
.boatDetailsTable td { padding: 5px; }

.pricelistTable { color: #000; padding-bottom: 30px; }
.pricelistTable table { width: 100%; color: #000; margin: 10px 0; }
.pricelistTable table caption { text-align: left; font-weight: bold; width: 100%; }
.pricelistTable table td { padding: 5px 5px; text-align: center; border: 1px solid #000; font-size:13px; }
.pricelistTable table th { padding: 5px 10px; text-align: center; border: 1px solid #000; font-weight: normal; }


.infoAndCond { text-decoration: underline; color: #000; }

.boatDetailActionLine { position: fixed; z-index: 4999; right: 0; left: 0; top: 55px; width: 100%;  background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; /*padding: 0 10px;*/ padding: 0; }
.boatDetailNameWrapper { width: 1200px; margin: 0 auto; padding: 0 15px; }
.boatDetailActionLine h3, .boatDetailActionLine h1 { margin: 8px 0; float: left; color: #fff; text-shadow: 2px 1px 6px rgba(0, 0, 0, 0.3); transition: font-size 0.8s;}
.boatDetailActionLine a.bButton.enquiry { float: right; margin: 13px 0 !important;  transition: margin 0.8s, padding 0.8s; line-height: 18px;}

.boatDetailActionLine.lightBar h3 .boatDetailActionLine.lightBar h1 { font-size: 26px; line-height:26px; margin:0;}
.boatDetailActionLine.lightBar a.bButton.enquiry { margin: 11px 0 !important; padding: 5px 20px;}


#boatDetails .textContent { padding: 50px 0 110px 0; }

/*--------- Enquiry Form ---------------*/
.formWrapper form {/*padding: 20px; background:#1a2237;*/}
#enquiry { color: #000; padding: 70px 0; }
.enquiryForm { margin: 20px 0; }
.enquiryForm table { width: 100%; }
.enquiryForm input, .enquiryForm textarea { width: 100%; border: 1px solid #dbdfe3; margin-bottom: 10px !important; padding: 10px; }
.enquiryForm input.bButton { width: auto; float: none; border: none; margin-top:20px; }
.section.thankyou {padding-top: 50px;}

/*--------- Programs ---------------*/
#programsHeader { background:url(../images/backgrounds/NavaPrograms.jpg) center center fixed no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; position:relative; height: 750px;}
.ipad #programsHeader {background-attachment:scroll;}

.list .c img { max-width: 50%; height: auto; max-height: 125px; }
.list { color: #333; }
.programsImgHolder { min-height: 150px; /*color: #000;*/ }
.list .bButton { margin: 0 auto; margin-top: 40px; }

/*--------- Program Details ---------------*/
#programDetailsHeader { background:url(../images/backgrounds/NavaProgram3.jpg) center center fixed no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; position:relative; height: 750px;}
.ipad #programDetailsHeader {background-attachment:scroll;}

#programDetails { color: #000; }
#programDetails .c img { width: 80%; }
#programDetails .c ul { text-align: left; }
#programDetails .c h4 { margin: 5px 0; }

.textContent.programGalleryContent { padding-top: 30px; text-align: center; }
.bButton.programsButton { margin: 0 auto; }
.bButton.programsButton.charterManagementButton { width: auto; max-width: 320px; }

.hide { display: none; }


/*--------- Contact ---------------*/
#contactHeader { background:url(../images/backgrounds/Contact.jpg) center center fixed no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; position:relative;}
.ipad #contactHeader {background-attachment:scroll;}

.contactPage { color: #000; }
.contactPage .c { margin-bottom: 20px; color: #000; }
/*.contactInfo { margin-left: 40px; }*/
/*.contactPage a { color: #000; }*/

/*:::::::::::::::::::::::::::::::::*/
section.charter { min-height: 300px; }

.charter .thumb { position: relative; overflow: hidden; background: #000; text-align: center; cursor: pointer; margin-bottom: 20px; max-height: 147px;}
.charter .thumb img { position: relative; display: block; height: auto; max-width: 100%; opacity: 1; max-height: 306px !important;}
.charter .thumb figcaption { color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.charter .thumb figcaption::before, .charter .thumb figcaption::after { pointer-events: none;}
.charter .thumb figcaption, .charter .thumb figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.charter .thumb figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;}
.charter .thumb h2 { word-spacing: -0.15em; font-weight: 300;}
.charter .thumb h2 span { font-weight: 800;}
.charter .thumb h2, .charter .thumb p { margin: 0;}
.charter .thumb p { letter-spacing: 1px; font-size: 68.5%;}

/*-------Honey--------*/
.charter .thumb.effect-honey { background: #000; }
.charter .thumb.effect-honey img { opacity: 0.9; -webkit-transition: opacity 0.35s; transition: opacity 0.35s;}
.charter .thumb.effect-honey:hover img { opacity: 0.5;}
.charter .thumb.effect-honey figcaption::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: #1a2237;  content: ''; -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0);}
.charter .thumb.effect-honey h2 { text-shadow: 2px 1px 6px rgba(0, 0, 0, 0.3); line-height:28px; position: absolute; bottom: 0; left: 0; padding:10px; width: 100%; text-align: left; -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); }
.charter .thumb.effect-honey h2 i { font-size: 16px; font-style: normal; text-transform: none; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0);}
.charter .thumb.effect-honey figcaption::before, .charter .thumb.effect-honey h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;}
.charter .thumb.effect-honey:hover figcaption::before, .charter .thumb.effect-honey:hover h2, .charter .thumb.effect-honey:hover h2 i { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}

.charter .thumb.brands { float: none; display: inline-block; margin: 10px 0.5%; } 

/* --------- Programs & Routes LIST ------------ */

.charter.list .thumb { background: #000; margin-bottom: 5px; }
.charter.list .thumb img { opacity: 0.7; }
.charter.list .thumb figcaption::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: #1a2237;  content: ''; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.charter.list .thumb h2 { text-shadow: 2px 1px 6px rgba(0, 0, 0, 0.3); line-height:25px; position: absolute; bottom: 0; left: 0; padding:5px; width: 100%; text-align: left; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.charter.list .thumb h2 i { font-size: 16px; font-style: normal; text-transform: none; opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.charter.list .thumb figcaption::before, .charter.list .thumb h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;}
.list-item { min-height: 322px; margin-bottom: 20px; }
.list-item a { color: #888; }
.list-item a p { text-align: left; }


/*:::::::::::::::::::::::::::::::::*/

#contact { color:#fff;}
h2.sectionTitle { color: #fff; font-size: 46px; margin-bottom: 30px; margin-top:80px; text-align: center;}
input, textarea { color:#333; margin-bottom:20px !important;}
input[type="submit"].bttn { padding:5px 50px; background:#1879C6; transition:all 0.3s ease-in-out 0s; margin:0 auto; display:block; border:0 none; color:#FFF;}
input[type="submit"].bttn:hover { box-shadow:0 -50px 0 #ddd inset; color:#333;}

.footer .mailchimp-wrapper button {width: 190px;}


.smallTitle { font-weight:bold; padding:25px 0 20px; display:block; text-transform:uppercase;}
.adresa { font-size:16px;}
.adresa .roundedBttn i { border:0 none;}
#contact { margin-top:30px;}
#contact .kontakt { position:relative;}
#contact .content { z-index:100; position:relative;}
.map-overlay { position:absolute; left:0; top:0; width:100%; height:100%; z-index:99;  background:url(../images/contact_bck.jpg) center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; transition:all 0.3s linear 0s;}
#close-map { cursor:pointer; position:absolute; right:10px; top:auto; z-index:101; width:42px; height:42px;}
#close-map i { background:#999; border-color:#999; color:#fff; line-height:38px;}
#contact #close-map { visibility:hidden;}
#map { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 98; opacity:0;}
.roundedBttn i { border:2px solid #333; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; line-height:40px; height:42px; width:42px; text-align:center; font-size:20px; color:#333; transition:all 0.1s linear 0s; cursor:pointer;}
.roundedBttn.big i { font-size:34px; height:84px; line-height:82px; width:84px;}
.roundedBttn.big:hover i {font-size:48px;}
a.roundedBttn:hover { text-decoration:none;}
.roundedBttn.white i { border-color:#EFEFEF; color:#EFEFEF;}
#contact .roundedBttn { display:block; margin:0 10px;}
#show-map { margin-bottom:30px;}
.personnelList { padding-top: 30px;}


.ytVideo { margin: 20px 0; }

/*______Gallery__________*/
#item-grid .item{float:left;position:relative;width:0px;overflow:hidden;}
#item-grid .entry-link{display:block;}
.item-holder img{vertical-align:bottom;/*width:100% ;height:auto;*/}
.overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;background:rgba(0,0,0,.4); background-repeat:no-repeat; border:1px solid #fff; display:none;z-index:99;}
.overlay-inner{display: table;position: absolute;width: 100%;height: 100%;}
.overlay-content{display: table-cell;vertical-align: middle;text-align: center;}
.overlay-content i.fa {font-size:20px; color:#fff; position:absolute; left:50%; top:50%; margin-left:85px;}
.overlay h2{width:100%;padding:0 5%;color:#fff;margin-bottom:2px;}
.overlay .item-subtitle{width:100%;padding:0 5%;font-size:12px;font-weight:normal;color:#fff;line-height:16px;text-transform:uppercase;}
.isotope { position:relative;}
.isotope-item { z-index:2;}
.isotope-hidden.isotope-item { pointer-events:none; z-index:1;}
.item-holder { border:1px solid #fff !important;}

/*_______MailChimp________*/

.mailchimp-wrapper { text-align: center; }
.mailchimp-wrapper button  {background: #1f2a52 none repeat scroll 0 0; border: medium none; color: #fff; font-size: 14px; line-height: 21px; padding: 6px 10px 5px; text-align: center;}
.mailchimp-wrapper input {border: 0 none; border-radius: 0; margin-bottom: 10px !important; padding: 4px; width:190px;}
.mc-label { display: block; margin: 10px 0; }



/*______Isotope CSS3 transitions _____*/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* ---- isotope ---- */

/*.isotope {
  background: #DDD;
  max-width: 100%;
}*/

/* clear fix */
/*.isotope:after {
  content: '';
  display: block;
  clear: both;
}*/

/* ---- .item ---- */

/*.item {
  float: left;
  width: 100px;
  height: 100px;
  background: #0D8;
  border: 2px solid #333;
  border-color: hsla(0, 0%, 0%, 0.7);
}

.item.width2 { width: 200px; }
.item.height2 { height: 200px; }*/

#item-grid .item{float:left;position:relative;width:0px;overflow:hidden; /*padding: 15px; */}
#item-grid .entry-link{display:block;}
#item-grid .entry-link img { width: 100%; padding: 10px;}
.item-holder img{vertical-align:bottom;width:100% ;height:auto;}
.isotope { position:relative;}
.isotope-item { z-index:2;}
.isotope-hidden.isotope-item { pointer-events:none; z-index:1;}
.item-holder { margin:3px; border:1px solid #efefef !important;}
.content { max-width:100%;}

.pricelistTable table tr:nth-child(1) td{background: #1A2237;color:white;}
.textContent.listContent table {width:100%!important; height:auto!important;}
.textContent.listContent table td {vertical-align:top; padding:20px; text-align:left;}
.textContent.listContent table td img {width:100%;}
.textContent.listContent table.table2 td {width:50%;}
.textContent.listContent table.table3 td {width:33.333%;}



.special-price {
  color: #fff;
    font-style: italic;
    position: absolute;
    margin-top: -66px;
    background: #A61E22;
    padding: 2px 10px;
}
.textContent ul { text-align: left; /*overflow: hidden;*/ }
a.boatActionPreview {background:#1A2237; color:#fff; display:inline-block; padding: 2px 10px;}
.boatActionPreview:after{
  content:" \f14c";
  font-family: FontAwesome;
   color:#fff;
  margin-left: 6px;
}

/* COOKIES */
#cookiesOptInMessage { position:fixed; font-size:12px; bottom:3px; left:2px; width:316px; background:rgba(26, 34, 55, 0.7); z-index:99999; padding:7px 10px; color:#fff; border-radius:5px;}
#cookiesOptInMessage p { margin-bottom:4px; line-height:15px;}
#cookiesOptInMessage button { border:none; background:#a61e22; color:#fff; padding:5px 20px;}


/* ============= GRID SECTION UMBRACO CONTENT =============================== */
.grid-section { width: 31.3333%; float: left; margin: 0 1%; min-height: 150px; margin-bottom: 40px; }
.grid-section:first-child {margin-left:0;}
.grid-section:last-child {margin-right:0;}
.grid-section img { width: 100%; }
.grid-section .programsImgHolder.middle { border-left: 1px solid #000; border-right: 1px solid #000; }
.programs.list .grid-section .row {padding-bottom: 20px;}

/* ==========================================================================
   Microdata + Schema.org
   ========================================================================== */
   
span[itemprop="name"] { }


/* ==========================================================================
   Media Queries
   ========================================================================== */

/*.videoitem { position:relative;}
.videoForeground, .videoForeground iframe { width: 100%; height: 100%; position:absolute; left:0; top:0; }

@media (min-aspect-ratio: 16/9) {
  .videoForeground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .videoForeground { width: 300%; left: -100%; }
}*/

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

  /* Force table to not be like tables anymore */
  .pricelistTable table, .pricelistTable thead, .pricelistTable tbody, .pricelistTable th, .pricelistTable td, .pricelistTable tr { 
    display: block; 
  }
  
  /* Hide table headers (but not display: none;, for accessibility) */
  .pricelistTable thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  
  /*.pricelistTable tr { border: 1px solid #ccc; }*/
  
  .pricelistTable table td { 
    /* Behave  like a "row" */
    /*border: none;*/
    /*border-bottom: 1px solid #eee; */
    position: relative;
    padding-left: 50%; 
    text-align: right;
  }
  
  .pricelistTable td:before { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
    text-align: left;
  }
  
  /*
  Label the data
  */
  /*.pricelistTable td:nth-of-type(1):before { content: "3.10.-23.05."; }
  .pricelistTable td:nth-of-type(2):before { content: "23.05.-20.06. & 12.09.-03.10."; }
  .pricelistTable td:nth-of-type(3):before { content: "20.0.6.-11.07. & 22.08.-12.09."; }
  .pricelistTable td:nth-of-type(4):before { content: "11.07.-22.08."; }
  .pricelistTable td:nth-of-type(5):before { content: "Deposit"; }*/


}

.pricelistTable table {display:block;}
.pricelistTable table tbody {display:block;}
.pricelistTable table tbody tr {display:block; width:30%; float:left;}
.pricelistTable table tbody tr td {display:block; padding-left: 0px; text-align:center; margin-top: -1px; font-weight: bold; }
.pricelistTable table tbody tr td br {display: none;}
.pricelistTable table tr:nth-child(1) {width: 70%;}
.pricelistTable table tr:nth-child(1) td {border-top-color:#eee;};
.pricelistTable table tbody tr:nth-child(2) td {padding-top:13px;}
.pricelistTable table caption {width:100%; display:block;}

@media screen and (max-width: 1200px) {
  .topBarWrapper {width: 100%; left: 0; margin: 0;}
  .boatDetailNameWrapper { width: 100%; }
  #home-thumbs .owl-prev, #home-thumbs .owl-next { margin-left: -30px; }
  #home-thumbs .owl-next { margin-right: -30px; }
  #homeSlider .specialOfferItem .headerText {background-color: rgba(0, 0, 0, 0.25); left: 0; -webkit-transform: none; transform: none;}
}
@media screen and (max-width: 1024px) {
  .logo { width: 216px; -webkit-background-size:contain; -moz-background-size:contain; -o-background-size:contain; background-size:contain;}
  .textContent {padding:10px 5px;}
  #nextSection .textContent {padding:25px 5px 10px;}
  #home-thumbs .owl-buttons { top: 15%; }
  #home-thumbs .owl-next { margin-right: 5px; }
  #home-thumbs .owl-prev { margin-left: 5px; }
  #home-thumbs .owl-buttons { color: rgba(255, 255, 255, 0.6); } 
}
@media screen and (max-width: 1023px) {
    .headerText {position: absolute; left:auto; margin-left:0; width:100%; right: 0; bottom: 45px;}
  .headerText .title, #homeSlider .headerText .title {padding: 5px;}
  .headerText p, #homeSlider .headerText p {padding:5px;}
    .footer .navWrapper a { line-height: 20px; padding:4px 0;}
    .homeSection-w-33 h1 { font-size: 54px; line-height: 54px; }
  .charter .thumb.effect-honey h2 { font-size:21px; line-height:24px;}
}
@media screen and (max-width: 1024px) {
  ul.programs-subnav {display:none;}
}
@media screen and (max-width: 780px) {
  .headerText .title {font-size: 26px; line-height: 26px;}
  .headerText p {font-size: 22px; line-height: 22px;}
  #homeSlider .headerText .title, #homeSlider .specialOfferItem .headerText .title {font-size: 36px; line-height: 36px;}
  #homeSlider .headerText p {font-size: 34px; line-height: 34px;}
  .charter .thumb.effect-honey h2 { font-size:18px; line-height:20px;}
}
@media screen and (max-width: 767px) {
  /*.pricelistTable table td {border: 0 none; border-bottom: 1px solid #000; }*/
  .postsHolder .articleBackground { opacity: 0.5; }
  #uBlogsy_left_col .uBlogsy_posts_container .uBlogsy_post { background-color: #333; }
  #uBlogsy_left_col .uBlogsy_posts_container .uBlogsy_post, #uBlogsy_left_col .uBlogsy_post h2 a { color: #fff; text-decoration: none; }
}
@media screen and (max-width: 730px) {
  .charter .thumb { max-height: 455px;}
  .charter .thumb img { max-height: 455px !important;}
  .programs .c3 { border: none !important; margin-bottom: 30px; }
  .textContent table.table3 { display: block; width: 100%; }
  .textContent table.table3 td { display: block; width: 100%; }
  .smartBlogRight, .textContent .smartBlogRight ul {text-align:left; padding-left:0;}
  .smartBlogRight {padding-top:30px; border-top:1px dashed;}
  .boat .infoIcons { position: absolute; bottom: 0; right: 0;}
}
@media screen and (max-width: 630px) {
  .devider {height:300px;}
  .rightImage, .leftImage {float:none !important; margin:5px 0 !important; display:block;}
  .rightImage img, .leftImage img {width:100% !important; height:auto !important;}

  /*.homeSection-w-33 h1 { font-size: 40px; }*/
}
@media screen and (max-width: 585px) {
  .textContent #uBlogsy_left_col .uBlogsy_posts_container .uBlogsy_post h2 { font-size: 20px; }
  #uBlogsy_left_col .uBlogsy_post { padding: 25px; }
  .mobRes #mainNav .langSelect {margin-top: 10px;}
}
@media screen and (max-width: 700px) {
  .breadcrumb {display:none;}
    /*.devider.staticBack { -webkit-background-size:contain; -moz-background-size:contain; -o-background-size:contain; background-size:contain;}*/
  .boatButtons, .boatInfo { width: 100%; }
  .bButton { }
  .enquiryForm td { width: 100%; display: block; }
  .boatDetailActionLine h3, .boatDetailActionLine h1 { font-size: 20px !important; color:#1A2237; text-shadow:none; margin:4px 0;}
  .boatDetailActionLine.lightBar h3, .boatDetailActionLine.lightBar h1 {display: none;}
  .boatDetailActionLine a.bButton.enquiry { margin: 11px 0 !important; padding: 5px 10px; width: auto;}
  .boatDetailActionLine.lightBar a.bButton.enquiry { margin:0; padding: 5px 10px; width: auto;}
  .boatDetailActionLine, .boatDetailActionLine > div { background:none !important;}
  .boatDetailActionLine.lightBar { padding:0 5px;}
  #boatDetailsHeader { height: 55px;}
  #boatDetails .textContent {padding-top: 0; padding-bottom: 0;}
  .boatDetailNameWrapper { padding: 0 10px;}
  #enquiry {padding-top: 86px;}
  .scrolled .boatDetailActionLine.lightBar a.bButton.enquiry { position:absolute; right:0; top:0; margin:0 !important;}
  .boatDetailNameWrapper {padding-top:0;}
  .headerSectionInner.boatDetailsPage {height:105px;}
  .boatDetailActionLine h3, .boatDetailActionLine h1 {padding:0;}
  .umb-grid { margin-top: 40px; }
  .umb-grid .grid-section { width: 98%; }
  .textContent > .bButton {margin-bottom:25px;}
  .headerSectionInner {height: 300px;}
  .textContent table.table2, .textContent table.table2 td { display: block; width: 100%; }
  .boatDetails .textContent {padding-top: 0;}
  .textContent  table { width: 100% !important; }
  .ytVideo iframe { height: 300px; }
}
@media screen and (max-width: 560px) {
  #nextSection .textContent {padding:10px 5px;}
    .homeSection-w-33 { width: 100%; height: 33.3333vh; display: block; float: left; }
    .homeSection-w-33 h1 { margin:10px 0 0 0; }
}
@media screen and (max-width: 480px) {
  #uBlogsy_left_col .uBlogsy_post { width: 100%; min-height: 200px; margin-bottom: 10px; }
  .mobRes #mainNav .langSelect {margin-top: 20px;}
  .list-item { min-height: 0; }
  .pagingSummary, .pagination {float: none;}
  .pagination {padding:10px 0 0 0;}
  #mc_embed_signup input.email { width: 90% !important; }
  #homeSlider .specialOfferItem .headerText {padding: 15px;}
}
@media screen and (max-width: 400px) {
  .footer .navWrapper {}
  .bButton { min-width: 130px; max-width: 100%; }
  .textContent h2 { font-size: 22px; }
  .ytVideo iframe { height: 260px; }
  .footerNav {float:none; text-align:center; width:100%;}
  .footerNav a[title="Yacht-Pool"] { margin:20px auto;}
}
@media screen and (max-width: 360px) { 
  .headerSectionInner {height: 260px;}
  .headerText .title {font-size: 18px; line-height: 18px;}
    .headerText p {font-size: 16px; line-height: 16px;}
}
@media screen and (max-width: 330px) {
  #homeSlider .specialOfferItem .headerText {padding: 10px;}
}

/*_____heights_____*/

@media screen and (max-height: 1200px) { 
  #boatListHeader, #programsHeader, #programDetailsHeader { height: 450px;}
}
@media screen and (max-height: 700px) { 
  #boatListHeader, #programsHeader, #programDetailsHeader { height: 450px;} 
}
@media screen and (max-height: 504px) { 
  #boatListHeader, #programsHeader, #programDetailsHeader { height: 350px;} 
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.clearfix:before,
.clearfix:after { content:" "; display:table;}
.clearfix:after { clear:both;}
.clearfix { *zoom:1;}

.input-validation-error { background:#FFDDDD;}
.hidden { display:none }
#chat-widget-container {z-index:9002 !important;}
.fancybox-iframe {height:640px !important;}
.fancybox-overlay {z-index:18000 !important;}

.boatDetails .textContent > .c1-c2 {
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  -moz-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.boatDetails .textContent > .c3 {
  width: 300px;
}

@media screen and (max-width: 730px) {

  .boatDetails .textContent > .c1-c2 {
    -webkit-flex: none;
    -webkit-box-flex: none;
    -moz-flex: none;
    -moz-box-flex: none;
    -ms-flex: none;
    flex: none;
  }
}

@media screen and (max-width: 645px) {

  .boatDetails .textContent > .c3 {
    width: 98%;
  }
}





/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
.leftImage {
float:left; margin:0 10px 10px 0;
}

.rightImage {
float:right; margin:0 0 10px 10px;
}