@font-face {
    font-family: 'gotham_bookregular';
    src: url('../fonts/gotham-book-webfont.eot');
    src: url('../fonts/gotham-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-book-webfont.woff2') format('woff2'),
         url('../fonts/gotham-book-webfont.woff') format('woff'),
         url('../fonts/gotham-book-webfont.ttf') format('truetype'),
         url('../fonts/gotham-book-webfont.svg#gotham_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gotham_bookitalic';
    src: url('../fonts/gotham-bookitalic-webfont.eot');
    src: url('../fonts/gotham-bookitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-bookitalic-webfont.woff2') format('woff2'),
         url('../fonts/gotham-bookitalic-webfont.woff') format('woff'),
         url('../fonts/gotham-bookitalic-webfont.ttf') format('truetype'),
         url('../fonts/gotham-bookitalic-webfont.svg#gotham_bookitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gotham_blackregular';
    src: url('../fonts/gotham-black_0-webfont.eot');
    src: url('../fonts/gotham-black_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-black_0-webfont.woff2') format('woff2'),
         url('../fonts/gotham-black_0-webfont.woff') format('woff'),
         url('../fonts/gotham-black_0-webfont.ttf') format('truetype'),
         url('../fonts/gotham-black_0-webfont.svg#gotham_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gotham_boldregular';
    src: url('../fonts/gotham-bold_0-webfont.eot');
    src: url('../fonts/gotham-bold_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-bold_0-webfont.woff2') format('woff2'),
         url('../fonts/gotham-bold_0-webfont.woff') format('woff'),
         url('../fonts/gotham-bold_0-webfont.ttf') format('truetype'),
         url('../fonts/gotham-bold_0-webfont.svg#gotham_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gotham_lightregular';
    src: url('../fonts/gotham-light_0-webfont.eot');
    src: url('../fonts/gotham-light_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-light_0-webfont.woff2') format('woff2'),
         url('../fonts/gotham-light_0-webfont.woff') format('woff'),
         url('../fonts/gotham-light_0-webfont.ttf') format('truetype'),
         url('../fonts/gotham-light_0-webfont.svg#gotham_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gotham_bolditalic';
    src: url('../fonts/gotham-bolditalic_0-webfont.eot');
    src: url('../fonts/gotham-bolditalic_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-bolditalic_0-webfont.woff2') format('woff2'),
         url('../fonts/gotham-bolditalic_0-webfont.woff') format('woff'),
         url('../fonts/gotham-bolditalic_0-webfont.ttf') format('truetype'),
         url('../fonts/gotham-bolditalic_0-webfont.svg#gotham_bolditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
      font-family: 'GothamMedium';
      src: url('../fonts/GothamMedium.eot?#iefix') format('embedded-opentype'),
      url('../fonts/GothamMedium.woff') format('woff'),
      url('../fonts/GothamMedium.ttf')  format('truetype'),
      url('../fonts/GothamMedium.svg#GothamMedium') format('svg');
      font-weight: normal;
      font-style: normal;
}
@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.eot');
    src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('../fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotocondensed';
    src: url('../fonts/roboto-condensed-webfont.eot');
    src: url('../fonts/roboto-condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-condensed-webfont.woff') format('woff'),
         url('../fonts/roboto-condensed-webfont.ttf') format('truetype'),
         url('../fonts/roboto-condensed-webfont.svg#robotocondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.eot');
    src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto-light-webfont.ttf') format('truetype'),
         url('../fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium-webfont.eot');
    src: url('../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-medium-webfont.woff') format('woff'),
         url('../fonts/roboto-medium-webfont.ttf') format('truetype'),
         url('../fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
html {
 -webkit-text-size-adjust: none;
}
:focus {/* remember to define focus styles! */
    outline: 0;
}
ol, ul {
    margin: 0;
    padding: 0px 0px 10px 40px;
}
table {/* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
a img {
    border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
embed, iframe, object {
    max-width: 100%;
}

/* Global
----------------------------------------------- */
body{
    color: #333333;
    word-wrap: break-word;
    font-size:18px;
    line-height:28px;
    font-family: 'robotolight';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background:#fff
}
/* TripAdvisor widget Tweak */
.cdsROW.wide .cdsLocName {
    max-width: 140px !important;
}

/* No Border/Margin/Padding */
.no-margin-top {
    margin-top:0px !important;
}
.no-margin-bottom {
    margin-bottom:0px !important;
}
.no-margin-left {
    margin-left:0px !important;
}
.no-margin-right {
    margin-right:0px !important;
}
.no-padding-top {
    padding-top:0px !important;
}
.no-padding-bottom {
    padding-bottom:0px !important;
}
.no-padding-left {
    padding-left:0px !important;
}
.no-padding-right {
    padding-right:0px !important;
}
.no-border-top {
    border-top:0 none !important;
}
.no-border-bottom {
    border-bottom:0 none !important;
}
.no-border-left {
    border-left:0 none !important;
}
.no-border-right {
    border-right:0 none !important;
}
.margin-bottom10{ margin-bottom: 10px}
.margin-bottom20{ margin-bottom: 20px}
.margin-bottom30{ margin-bottom: 30px}
.margin-bottom40{ margin-bottom: 40px}
.padding-bottom10{ padding-bottom: 10px}
.padding-bottom20{ padding-bottom: 20px}
.padding-bottom30{ padding-bottom: 30px}
.padding-bottom40{ padding-bottom: 40px}
/* Horizontal Line */
hr {
    border-color: #eaeaea;
    border-style: solid none none;
    border-width: 1px 0 0;
    height: 0;
    margin: 0 0 0px;
}

/* Text elements */
p {
    margin-bottom: 15px;
}
strong {
    font-family: 'gotham_boldregular';
}
cite, em, i {
    font-style: italic;
}
pre {
    background-color: #fff;
    margin-bottom: 20px;
    overflow: auto;
    padding: 20px;
}
pre, code, kbd {
    font-family:"Courier 10 Pitch",Courier,monospace;
    font-size: 14px;
    line-height: 19px;
    background-color: #F9F9F9;
}
abbr, acronym, dfn {
    border-bottom: 1px dotted #666;
    cursor: help;
}
address {
    display: block;
    margin: 0 0 1.625em;
}
ins {
    background: #fff9c0;
}

/* Superscript and Subscript */
sup, sub {
    font-size: 10px;
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}

/* Blockquote */
blockquote {
    font-style: italic;
    font-weight: normal;
    padding: 20px;
    border-left: 4px solid #94c14f;
    margin-bottom: 20px;
    background-color: #F9F9F9;
}
blockquote p {
    margin: 0;
}
blockquote em, blockquote i, blockquote cite {
    font-style: normal;
}
blockquote cite {
    color: #666;
    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/* Forms */
input, textarea {
     -webkit-border-radius: 0px;
}
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;

}
input[type="text"],
input[type="email"],
input[type="password"],
textarea, select {
    padding:8px 10px;
    border: 1px solid #e0e0e0;
    line-height: 20px;
    width: 100%;
    margin: 0 0 10px;
    background-color: #fff;
    border-radius:2px;
    height:40px;
    font-family: 'robotoregular'; font-size: 17px
}

textarea{resize: none; width:100% !important; height:90px !important;}

input[type="reset"],
input[type="button"],
input[type="submit"], .button {
    display:inline-block;
    border-radius:0px;
    height:40px;
    margin:20px 0p 30px 0px;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    cursor: pointer;
    border:none;
    transition:linear 0.3s all;
    -webkit-transition:linear 0.3s all;
     background: #1e417a;
    color: #fff;
    text-transform: uppercase;
    font-family: 'gotham_blackregular';
    font-size: 14px;
    padding: 12px 24px; line-height: normal
}
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
    background:#f7601e;
    color:#fff
}
input[type="reset"]:active,
input[type="button"]:active,
input[type="submit"]:active {
    box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
}
.button:hover{ background: #f7601e; color:#fff}
/* Links */
a {
    color: #f7601e;
    text-decoration: none;
}
a:focus, a:active, a:hover {
    text-decoration: none;

}
a:hover{  color:#1e417a}
/* Images */
figure {
    margin: 0;
    text-align: center;
}
img {
    max-width:100%;
    height:auto;
    vertical-align:top;
}
.entry-content img, .comment-content img, .widget img {
    max-width: 100%; /* Fluid images for posts, comments, and widgets */
}

img.alignleft, img.alignright, img.aligncenter {
    margin-bottom: 1.625em;
}

h1, h2, h3, h4, h5, h6 {
margin: 0px 0px 20px 0px;
padding: 0px;
font-weight: normal;
line-height: normal;
text-transform: uppercase;
}

h1 {
font-size:48px;
font-family: 'gotham_blackregular';
color: #1e4392
}
h2 {
font-size:28px;
font-family: 'gotham_blackregular';
color: #f7601e;
}
h3 {
font-size:24px;
font-family: 'gotham_blackregular';
color: #f7601e;
}
h4 {
font-size:20px;
font-family: 'gotham_blackregular';
color: #f7601e;
}
h5 {
font-size:18px;
font-family: 'gotham_boldregular';
color: #f7601e;
}
h6 {
font-size:16px;
font-family: 'gotham_boldregular';
color: #f7601e;
}
.peek-book-button.peek-book-btn-blue {
    display:none;
}
.show {
  display: block;
}
.hidden {
  display: none;
}
.invisible {
  visibility: hidden;
}
/* clearfix hack */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

/* start commented backslash hack \*/
* html .clearfix {
    height:1%;
}
.clearfix {
    display: block;
}
/* close commented backslash hack */
.clearfix-third, .clear {
    clear: both;
}
.fl{ float:left}
.fr{ float:right}
.rel{ position:relative}
.textcenter{ text-align:center}
.textleft{ text-align: left}
.textright{ text-align: right}
*,
*:before,
*:after {
  box-sizing: border-box;
}

.container{ width: 1170px; margin: 0 auto; padding: 0;}
/* =======================================================================================
Header style
========================================================================================== */
header{ padding: 22px 0px; z-index: 99}
.scl-icon ul, .location-phone ul{ margin: 0px; padding: 0px}
.scl-icon ul li{ list-style: none; float: left; margin: 0px 5px 0px 0px}
.scl-icon  a{ width: 30px; height: 30px; background: #f8601f; display: inline-block; position: relative; text-align: center; transition: 0.3s linear all; -webkit-transition: 0.3s linear all; margin: 0px 4px 0px 0px}
.scl-icon  a:after{ font-family: FontAwesome; color: #fff;}
.scl-icon  a:hover{background: #1e4392;}
.scl-icon  a:hover:after{color: #fff;}
.scl-icon  a.ht-fb:after{content: "\f09a";}
.scl-icon  a.ht-li:after{content: "\f167";}
.scl-icon  a.ht-ins:after{content: "\f16d";}
.scl-icon  a.ht-mu:after{content: "\f"; background: url(../img/mu.png) no-repeat center center; display: block;}
.scl-icon  a.ht-ta:after{content: "\f262";}
.location-phone { margin-right:15px}
.location-phone ul li{ list-style: none; font-family: 'gotham_blackregular'; font-size: 13px; color: #000; text-transform: uppercase; position: relative; line-height: 18px; margin-top: -4px;}
.location-phone ul li span{font-family: 'GothamMedium'; color: #666666; }
.hrhs{ margin: 8px 0px 0px 0px}

.topbar{ background: #1e417a; background: rgba(30,65,122,0.95); position: absolute;width: 100%;left: 0px; bottom: -60px;}
.menu {margin:0px 0px 0px 0px; padding:0px}
.menu > li {padding:  0px 0px 0px 0px;display: inline-block;position: relative;list-style: none;float: left;text-align: center;}
.menu > li > a {display: inline-block;text-transform: uppercase; font: 13px/18px 'GothamMedium';  position:relative; color:#fff; padding: 21px 10px; box-shadow: inset 0 0 0 0 #1E4392; transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
.menu > li > a:hover, .menu > li:hover > a{ color:#fff;box-shadow: inset 0 60px 0 0 #f8601f;}
.menu > li.active > a {color:#A6B8DC}
.menu > li:hover > ul, .menu ul li:hover > ul{display: block;}
.menu ul {width:240px;position: absolute;left: 0px;top:60px;display: none; margin: 0px 0px 0px 0px;padding:  0px 0px 0px 0px;z-index: 999;background:#1e4392; background:#f8601f }
.menu ul ul {left: 100%;top: 5px;}
.menu ul li {margin: 0px 0px 0px 0px;padding:  0px 0px 0px 0px;float: none;display: block;line-height: normal;text-align: left;position: relative;}
.menu ul li a{display: block;padding:11px 24px;border-bottom: 1px solid rgba(0,0,0,0.10);color: #fff; font: 14px/18px 'GothamMedium'; text-transform: uppercase}
.menu ul li a:hover, .menu ul li a.active, .menu ul li:hover > a{color: #fff;background: #df561c;}
.menu ul, .menu a{-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.menu > li.seperator { background: url(../img/seperator.png) no-repeat 0px 0px; width: 2px; height: 10px; margin: 24px 0px; }
 .topbar .selected a{ color:#fff !important;box-shadow: inset 0 60px 0 0 #f8601f !important;}
/* =======================================================================================
Banner style
========================================================================================== */
.banner{ text-align: center}
.desktop-video video{ width: 100% ; max-width: 100% }
.desktop-video{ height:100%; overflow: hidden}
.banner  p{ margin: 0px}
.banner ul{ margin: 0px; padding: 0px;}
.banner ul li{ list-style: none}
.banner ul li img{ margin: 0 auto; display: block}
.mobile_slider .bx-wrapper, .mobile_slider, .mobile_slider .bx-window{ width: 100% !important}
.mobile_slider .bx-wrapper ul li img{ width: 100%}

.searchinventory-form input[type="submit"]{background:#f7601e;}
/* =======================================================================================
Threebox style
========================================================================================== */
.catge-boxes{ margin:30px 0px}
.catge-box{ width: 370px;  margin: 0px 30px 0px 0px;}
.catge-box p{ margin: 0px}
.stickerblue{ background:rgba(30,67,146,0.8); padding:10px 10px 10px 18px; color: #fff;font-family: 'GothamMedium'; left: 0px;top: 18px;display: inline-block;position: absolute;line-height: normal;text-transform: uppercase; height: 40px}
.stickerblue:after{ content:''; background: url(../img/blueskew.png) no-repeat 0px 0px; height: 40px; position: absolute; right:-26px; width: 26px; display: block; top: 0px}
.stickerorange{ background: #f8601f;padding:7px 5px 7px 10px; color: #fff;font-family: 'GothamMedium'; right: 0px;bottom:10px;display: inline-block;position: absolute; text-transform: uppercase; height:30px; font-size: 16px; line-height: 16px; -webkit-transition: 0.4s linear all; transition: 0.4s linear all;   }
.stickerorange:after{content:''; background: url(../img/orangeskew.png) no-repeat 0px 0px; height: 30px; position: absolute; left:-12px; width:13px; display: block; top: 0px}
.stickerorange a{ color: #fff}
.stickerorange1{ bottom:80px}
.stickerorange2{ bottom:45px}
.catge-box1 .stickerorange3{ padding-left: 6px}
.catge-box1 .stickerorange1{padding-left:9px}
.catge-box2 .stickerorange1, .catge-box3 .stickerorange1{ padding-left: 10px;}
.catge-box2 .stickerorange2, .catge-box3 .stickerorange2{padding-left:17px}
.catge-box2 .stickerorange3, .catge-box3 .stickerorange3{padding-left:2px}
.stickerorange:hover{padding:7px 20px 7px 10px;  }
#base {background: #e36c2c; display: inline-block; height: 100px; position: relative; width: 540px; margin-bottom: 30px;}
#base.new {width:480px;}
#base:before { border-top: 20px solid #e36c2c; border-left: 270px solid transparent; border-right: 270px solid transparent; content: ""; height: 0; left: 0; position: absolute; top: 100px; width: 100%;}
#base.new:before {border-left: 240px solid transparent; border-right: 240px solid transparent;}
#base .white-link { color:#fff; text-transform: uppercase;}
span.white-link { font-size: 24px; padding-top: 20px; line-height: 1.8em;}
strong.white-link { font-size: 30px; }
a.book-your-tour:hover #base {background: #1e417a;}
a.book-your-tour:hover #base:before {border-top: 20px solid #1e417a; border-left: 270px solid transparent; border-right: 270px solid transparent; content: ""; height: 0; left: 0; position: absolute; top: 100px; width: 100%;}
a.book-your-tour:hover #base.new:before {border-left: 240px solid transparent; border-right: 240px solid transparent;}
.padnew {padding: 0px 20px;}
.floatnewleft {float:left;}
.floatnewright {float:right;}
.floatnewright img {width: 52px;}
/* =======================================================================================
Threebox style
========================================================================================== */
.desktopyacht{ background: url(../img/yacht.jpg) no-repeat 0px center; height: 200px; width: 100%; color: #fff;  padding: 20px 20px 20px 515px;font-family: 'GothamMedium'; font-size: 35px; line-height: normal; margin-bottom: 30px}
.desktopyacht-alt { padding: 20px 515px 20px 20px;}
.desktopyacht p{ margin: 0px;position: relative;top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.desktopyacht p span{ display: block; font-family: 'gotham_blackregular'; clear: both; font-size: 46px}
/* =======================================================================================
News And Events style
========================================================================================== */
.news-and-evnts{ margin-bottom: 30px}
.naetoplhscaption{ background:rgba(0,0,0,0.5);padding:20px; color: #fff;font-family: 'GothamMedium';left: 0px;bottom:7px;position: absolute;line-height: normal;text-transform: uppercase;font-size: 22px; width: 100%}
.naetoplhscaption p{ margin: 0px 0px 10px 0px}
.naetop , .inthe-news{ margin-bottom: 30px}
.naetoplhs p{ margin: 0px}
.naetoplhs, .naebottomlhs{ margin: 0px 30px 0px 0px; width: 670px;}
.naetoprhs, .naebottomrhs{ width: 470px;}
.media, .media-body {overflow: hidden;zoom: 1;}
.media-left{ padding-right: 22px}
.media-left a{ display: block; width: 98px; }
.media-left a img{height: 68px}
.media-body, .media-left, .media-right {vertical-align: top;}
.media {width: 50%;}
.media:first-child {margin-top: 0;}
.media-body span{ color: #999999; text-transform: uppercase;font-family: 'robotomedium'; font-size: 14px; display: block;line-height: 12px;margin-bottom: 7px;}
.media-body p{ margin: 0px;font-family: 'robotobold'; color: #000; line-height: 26px; font-size: 16px; margin-bottom: 35px;}
.media-body a:hover p{ color: #F7601E}
.page_tours .media-body p { margin-bottom: 5px; }
.up-events ul{ margin: 0px; padding: 0px}
.up-events ul li{ list-style: none; border-bottom: 1px solid #e5e5e5; overflow: hidden; width: 100%;padding: 0px 0px 6px 0px;margin: 0px 0px 6px 0px;}
.up-events ul li:last-child{ border: none}
.up-events ul li span{ width: 50%; float: left; color: #000}
.up-events ul li span.edate{font-family: 'robotoregular'; text-transform: uppercase}
.up-events ul li span.ename{font-family: 'robotobold';}
.up-events ul li a:hover span{color: #f7601e}
.naebottomlhs{  padding: 25px 2px;}
.naebottomlhs p{font-family: 'robotocondensed'; color: #000; margin: 0px;line-height: 30px; font-size: 22px;}
.naebottomlhs .pro-info p{ margin-right: 20px; margin-top: 25px;}
.naebottomlhs h1{ text-transform: capitalize; color: #000;margin:20px 0px 10px 0px;}
.buttonnew{ background: #1e417a; color: #fff; text-transform: uppercase;font-family: 'gotham_blackregular'; font-size: 14px; padding: 15px 32px; display: inline-block; line-height: normal; position: relative; overflow: hidden;    margin: 12px 0px 0px 0px;-webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;}
.buttonnew span{ position: relative; z-index: 2}
.buttonnew::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 99%;
    height: 100%;
    border: 2px solid #1e417a;
    z-index:1;
    border-radius: inherit;
    opacity: 0;
    -webkit-transform: scale3d(0.6, 0.6, 1);
    transform: scale3d(0.6, 0.6, 1);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.buttonnew:hover::before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
}
.buttonnew:hover{ color: #1e417a; background: #fff;}
.naebottomlhs .buttonnew{ margin:40px 0px 0px 0px;float: left; padding: 15px 51px}
.buttonnew.rentalrates { width: 540px; text-align: center; margin-left: 20px; }
.buttonnew.rentalrates:hover, .buttonnew.to-orange:hover {background: #f7601e; color: #fff;}
.buttonnew.rentalrates::before, .buttonnew.to-orange::before { border: 0px;}

.testimonial-pic { width: 400px; float: left; padding: 0px 20px 20px 0px; }

.sticker-left { background: #f8601f;padding:20px 15px 20px 25px; color: #fff;font-family: 'GothamMedium'; left: 0px;bottom:30px;display: inline-block;position: absolute; text-transform: uppercase; height:65px; font-size: 24px; line-height: 24px;  -webkit-transition: 0.4s linear all; transition: 0.4s linear all;}
.sticker-left a{ color: #fff}
.sticker-left:hover, .naebottomrhs:hover .sticker-left { background: #1e417a; }
.sticker-left:after{ content:''; background: url(../img/orangeskewnew.png) no-repeat 0px 0px; height: 65px; position: absolute; right:-28px; width:29px; display: block; top: 0px;  -webkit-transition: 0.4s linear all; transition: 0.4s linear all; }
.naebottomrhs:hover .sticker-left:after{ background: url(../img/blueskewnew.png) no-repeat 0px 0px; }
.base-color { color: #f7601e; }
.review-name { font-size: 16px; }
.whitehover:hover {color: #fff; text-decoration: underline;}
.xsmall-line-height p { margin-bottom: 0px; font-size: 15px; line-height: 18px;  }
.thmbnail_side { width:600px; padding-left:20px; float:right; }

@media (max-width: 600px){
.thmbnail_side { width:100%; padding-left:0px; float:none; }
#base, #base.new { width: 100%; height: auto; }
.padnew { padding:0px 0px; }
.floatnewleft, .floatnewright { float:none; }
#base:before { display: none; }
.photo_gallery_pic { margin: 0 auto; width: 100%; }
.photo_gallery_img img { width: 100%;  }
.buttonnew.rentalrates { width: 100%; margin-left: 0; }
.thmbnail_side { margin-bottom: 50px; }
}


/* =======================================================================================
Contact Form
========================================================================================== */
.floating-label-form-group {
  font-size: 14px;
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #e5e5e5;
}
.floating-label-form-group input,
.floating-label-form-group textarea {
  z-index: 1;
  position: relative;
  padding-right: 0;
  padding-left: 0;
  border: none;
  border-radius: 0;
  font-size: 1.5em;
  background: none;
  box-shadow: none !important;
  resize: none;
}
.floating-label-form-group label {
  display: block;
  z-index: 0;
  position: relative;
  top: 2em;
  margin: 0;
  font-size: 0.85em;
  line-height: 1.764705882em;
  vertical-align: middle;
  vertical-align: baseline;
  opacity: 0;
  -webkit-transition: top 0.3s ease,opacity 0.3s ease;
  -moz-transition: top 0.3s ease,opacity 0.3s ease;
  -ms-transition: top 0.3s ease,opacity 0.3s ease;
  transition: top 0.3s ease,opacity 0.3s ease;
}
.floating-label-form-group::not(:first-child) {
  padding-left: 14px;
  border-left: 1px solid #ccc;
}
.floating-label-form-group-with-value label {
  top: 0;
  opacity: 1;
}
.floating-label-form-group-with-focus label {
  color: #f22d2d;
}
form .row:first-child .floating-label-form-group {
  border-top: 1px solid #ccc;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

/* =======================================================================================
Team and Map
========================================================================================== */
.nauticalteam{ margin:60px 0px 20px 0px}
.nauticalteam p{ margin: 0px; z-index: 9}
.nauticalteam span{ color: #f8601f;font-family: 'GothamMedium'; display: block; text-transform: uppercase; margin: 0px 0px 20px 0px}
.teamimg{ position: relative; top: -40px; z-index: -1;}
.nauticalteam h1{ margin: 0px 0px 5px 0px}
.firstmap_top{ width:570px; margin: 0px 30px 0px 0px; height: 340px}
.secondmap_top{width:570px;height: 340px}
.firstmap, .secondmap{ height:340px; width: 100%}
.twolocation{ margin: 30px 0px 60px 0px}
.mapaddress1{background: rgba(247,96,30,0.9); padding: 15px 0px 15px 12px; position: absolute; bottom: 0px; left: 0px; color: #fff; text-transform: uppercase; font-size: 13px; height: 107px;  }
.mapaddress1:before{ content: ''; position: absolute; bottom: 0px;background: url(../img/mapaddress.png) no-repeat 0px 0px; height: 107px; width: 41px; display: block; right: -41px }
.mapaddress2{background: rgba(30,65,122,0.9); padding: 15px 0px 15px 12px; position: absolute; bottom: 0px; left: 0px; color: #fff; text-transform: uppercase; font-size: 13px; height: 107px;}
.mapaddress2:before{ content: ''; position: absolute; bottom: 0px;background: url(../img/mapaddress1.png) no-repeat 0px 0px; height: 107px; width: 41px; display: block; right: -41px }
.mapaddress1lhs{ width:200px; padding-right: 10px}
.mapaddress2lhs{width:200px;}
.mapaddress1rhs, .mapaddress2rhs{width: 185px}
.mapaddress1lhs h6, .mapaddress1rhs h6, .mapaddress2lhs h6, .mapaddress2rhs h6{ color:#fff;font-family: 'robotobold'; margin-bottom: 0px}
.mapaddress1lhs p, .mapaddress1rhs p, .mapaddress2lhs p, .mapaddress2rhs p{ margin: 0px 0px 0px 0px;font-family: 'robotoregular'; line-height: 15px}

/* =======================================================================================
Subscribe
========================================================================================== */
.waterwave{ padding: 30px 0px;    background: url(../img/water.jpg) no-repeat center; background-size: cover; }
.wav1, .wav2, .wav3, .wav4{ display: inline-block}
.wav1{ border-right: 2px solid #fff; padding: 0px 30px 0px 0px}
.wav2{ border-right: 2px solid #fff; padding: 0px 30px 0px 30px}
.wav3{ border-right: 2px solid #fff; padding: 0px 30px 0px 30px}
.wav4{padding: 0px 0px 0px 25px}
.subform{ padding: 30px 0px; background: #fff}
.subscribelhs{ font-family: 'gotham_lightregular'; font-size: 19px; text-transform: uppercase; color: #000;    padding: 15px 0px 0px 0px;}
.subscribelhs p{ margin: 0px}
.subscribelhs p span{font-family: 'gotham_blackregular';}
.subscriberhs form .inputlarge{ height: 56px; width: 440px; margin: 0px;padding: 8px 90px 8px 10px;}
.subscriberhs form .inputlargebutton{height: 56px; text-transform: uppercase; position: absolute; top: 0px; right: 0px;font-family: 'gotham_blackregular'; font-size: 21px; padding: 7px 25px;     border-radius: 2px; background: #f7601e }
.subscriberhs form .inputlargebutton:hover{    background: #1e417a; color: #fff;}
.newsletter{ position: relative}
.newsletter_outer .formError .formErrorContent{ text-align: left; }
.newsletter_outer .formError{ left: 20px  !important}
.formError .formErrorContent{ width:200px ; font-size: 15px}
/* =======================================================================================
Footer
========================================================================================== */
.footertop{ background:#1e417a url(../img/footerbg.jpg) repeat-x center 0px; padding: 40px 0px; background-size: cover}
.footerheaer{color:#fff;font-family: 'robotobold'; font-size: 14px; text-transform: uppercase; position: relative;}
.footerheaer:after{ height: 2px; width: 15px; background: #f78f1e; content: ''; display: block; margin: 20px 0px 0px 0px}
.footerinfo{ width: 414px; padding-right: 20px}
.footerinfo1{ width: 256px; padding-right: 20px}
.footerinfo2{ width:500px;}
.footerinfo ul{ float: left; width: 50%; padding: 0px 10px 0px 0px}
.footerinfo ul li{ list-style: none; }
.footerinfo ul li a{ font-family: 'robotoregular'; font-size: 14px; color: #fff; display: block; padding:0px 0px 0px 20px; background: url(../img/liststyle.png) no-repeat  0px 14px;transition: 0.3s linear all; -webkit-transition: 0.3s linear all   }
.footerinfo ul li a:hover{ color: #f78f1e}
.footerinfo1 ul{ margin: 0px; padding: 0px}
.footerinfo1 ul li{ list-style: none; margin: 0px 10px 0px 0px; float: left}
.footerinfo1 ul li a { width:37px;height:37px;background: #f8601f;display: block;position: relative;text-align: center; line-height: 40px; margin-bottom: 20px; transition: 0.3s linear all; -webkit-transition: 0.3s linear all}
.footerinfo1 ul li a:after { font-family: FontAwesome; color: #fff; font-size: 20px}
.footerinfo1 ul li a:hover{ background: #fff}
.footerinfo1 ul li a:hover:after{ color:#f7601e }
.footerinfo1 ul li a.ffb:after{ content: "\f09a";}
.footerinfo1 ul li a.fyou:after{ content: "\f167";}
.footerinfo1 ul li a.fins:after{ content: "\f16d";}
.footerinfo1 ul li a.fmu:after{content: "\f"; background: url(../img/mu.png) no-repeat center center; display: block;}
.footerinfo1 ul li a.fta:after{content: "\f262";}
.footerinfo1 ul li a.fmu:hover:after{content: "\f"; background: url(../img/mu-hover.png) no-repeat center center; display: block;}

.footerinfo2{ color: #fff; font-size: 14px;font-family: 'robotomedium'; text-transform: uppercase; line-height: normal}
.footerinfo2 p{ margin: 0px 0px 10px 0px; font-size:13px;}
.footerinfo2 a{ color: #fff; text-transform: none;    padding: 10px 0px 10px 0px; display: block}
.footerinfo2 a:hover{ color: #f78f1e}
.finfo2lhs{ width: 50%; padding-right:15px}
.finfo2rhs{ width: 50%; padding-left:15px}
.footerbottom{ padding: 30px 0px}
.footerbottom p{ display:block; text-align: center; font-size: 13px;font-family: 'robotomedium'; text-transform: uppercase; line-height: normal; margin: 0px; color: #a3a3a3}
.footerbottom p a{ color: #f78f1e}
.footerbottom p a:hover{ color: #1e417a}

/* =============================================================================
  Humburger
   ========================================================================== */
.humbur{ display: none;}
.m1mnav{ background:#1e417a url(../img/menu45.png) no-repeat center center; width:42px; height:34px; display:block;margin:5px 0px 0px 20px; border-radius: 3px; -webkit-border-radius: 3px}
html.mm-opened .m1mnav {  background:#1e417a url(../img/cross1.png) no-repeat center center; cursor:pointer}
.m1mnav:hover{background:#f7601e url(../img/menu45.png) no-repeat center center; }
.mm-menu.mm-current {display: block !important;}


/*back to top*/
.backto_top{}
.backto_top{width: 35px;height: 35px;text-indent: -9999px;position: fixed;bottom: 65px;right: 15px;display: none; background:url(../img/arrow-top.png) no-repeat scroll center center #1e4392; border-radius: 2px;transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;cursor: pointer;}
.backto_top:hover{background:url(../img/arrow-top.png) no-repeat scroll center center #f8601f;}


/*16.10.15*/
/*scrolldown*/
.scrolldown{ position:absolute; bottom: 40px; text-align:center; /*width:100%*/;z-index:9999;}
.sdown{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
     -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
}

@-webkit-keyframes fadeInDown {
    0% { opacity: 0;-webkit-transform: translateY(-30px);}
    100%{  opacity: 1; -webkit-transform: translateY(20); }
}

@keyframes fadeInDown {
    0% { opacity: 0;-webkit-transform: translateY(-30px);}
    100%{  opacity: 1; -webkit-transform: translateY(20); }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
/*16.10.15*/


/* =============================================================================
  Responsive Area
   ========================================================================== */

/* =============================================================================
  Media Queries
   ========================================================================== */
@media (max-width: 1190px){
.container{width:94%;margin:0 auto}
.catge-box{ width:31.62393162393162% ; margin: 0px 2.564102564102564% 0px 0px}
.naetoplhs, .naebottomlhs {margin: 0px 2.564102564102564% 0px 0px;width:57.26495726495726%}
.naetoprhs, .naebottomrhs{ width:40.17094017094017% }
.firstmap_top{ width:48.717948717948717%; margin: 0px 2.564102564102564% 0px 0px;}
.secondmap_top{width:48.717948717948717%}
.footerinfo{ width:35.384615384615387%; padding-right: 20px}
.footerinfo1{ width:21.88034188034188%; padding-right: 20px}
.footerinfo2{ width:42.735042735042733%}
.subform{ text-align: center; }
.subscribelhs{ width: 100%;margin-bottom:20px; padding: 0px}
.subscriberhs{ display: inline-block; float: none}
.wav1, .wav2, .wav3, .wav4{ display: block; border: none; text-align: center; margin-bottom: 20px}
.wav4{  margin-bottom:0px }
.menu > li > a{padding: 21px 25px;}
}
@media (max-width: 1090px){
.menu > li > a{ padding: 21px 3px; }
}
@media (max-width: 1070px){
.naebottomlhs p{ float: none; display: block; width: 100%; text-align: left}
.naebottomlhs p br{ display: none}
.naebottomlhs .buttonnew{ margin: 20px 0px 0px 0px}
.naebottomlhs h1{ font-size: 38px}
}
@media (max-width: 980px){
.naetoplhscaption{ position: relative;background: rgb(27, 46, 86);    font-size: 17px;}
.desktopyacht{ font-size: 25px}
.desktopyacht p span{ font-size: 33px}
.mapaddress1:before, .mapaddress2:before{ display: none}
.mapaddress1, .mapaddress2{ position: relative; padding: 15px 12px; height: auto; overflow: hidden}
.mapaddress1{ background: rgb(247, 96, 30)}
.mapaddress2{background: rgb(30, 65, 122);}
.mapaddress1lhs, .mapaddress1rhs, .mapaddress2lhs, .mapaddress2rhs{ width: 100%; padding: 0px}
.mapaddress1lhs, .mapaddress2lhs{ margin-bottom: 15px}
.mapaddress1lhs p br, .mapaddress1rhs p br, .mapaddress2lhs p br, .mapaddress2rhs p br{ display: none}
.finfo2lhs, .finfo2rhs {width: 100%;padding: 0px;}
.footerinfo2 p br{ display: none}
.footerinfo2 a{ padding: 0px 0px 10px 0px}
.finfo2lhs{ margin: 0px 0px 20px 0px}
.topbar{ display: none}
header{ box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.10);}
header .container{ position: relative}
.humbur{ display: block; float: right}
.hlhs{ width: 50%}
.up-events ul li{ font-size: 16px}
.media-body p{font-family: 'robotoregular';line-height: 22px;}
.firstmap_top{height: auto}
.secondmap_top{height: auto}
    
/*calendar scroll*/
    .table_overflow{overflow-x: scroll;overflow-y:hidden;-webkit-overflow-scrolling: touch;}
    .table_overflow .calendar_outer{width:730px;}
    
    #fancybox-content .table_overflow{overflow-x:inherit; overflow-y:inherit;-webkit-overflow-scrolling:inherit;}{}
    #fancybox-content .table_overflow .calendar_outer{width:auto;}    
}
@media (max-width: 880px){
.desktopyacht {font-size: 20px;}
.desktopyacht p span{ font-size:25px}
.footerinfo ul{ width: 100%}
.footerinfo{ width:30.384615384615387%; padding-right:10px}
.footerinfo1{ width:28.88034188034188%; padding-right:10px}
.footerinfo2{ width:40.735042735042733%}
    
     
}
@media (max-width: 830px){
.hlhs { width: 100%; margin: 0 auto 15px auto;clear: both;text-align: center; display: block}
.hrhs{ float: none}
.scl-icon{float: none;clear: both;display: block; text-align: center;}
.location-phone{    margin: 15px auto 0px;float: none;text-align: center;}
.m1mnav{ margin: 0px}
.desktopyacht{ padding: 20px 20px 20px 480px}
.humbur{    position: absolute; top: 10px; right: 0px;}
}
@media (max-width: 780px){
.naetoplhs, .naebottomlhs{ width: 100%; margin-right: 0px}
.naetoprhs, .naebottomrhs{ width: 100%; margin-top:30px}
.naetoplhs img{ width: 100%}
.stickerorange, .stickerorange2, .stickerorange3{ position: relative; bottom: inherit; display: block;    margin: 2px 0px 0px 0px; padding: 0px !important; height: auto}
.stickerorange a{ display: block;    padding: 7px;}
.stickerorange:after{ display: none}
.stickerorange a:hover{ background: #1e4392}
.firstmap_top, .secondmap_top { width: 100%; margin: 0px 0px 20px 0px; height: auto}
.firstmap, .secondmap{ height: 250px}
.desktop-video{ height: auto}
}
@media (max-width: 750px){
.desktopyacht {padding:20px;}
.desktopyacht p{padding: 10px;background: rgba(0, 0, 0, 0.54);}
}
@media (max-width: 640px){
.footerbottom{ text-align: center}
.footerbottom p{ display: block; float: none}
.footerinfo{ width:50%; padding-right:10px}
.footerinfo1{ width:50%; padding-right:10px}
.footerinfo2{ width:100%; margin-top:30px}
h1 {font-size: 32px;}
.nauticalteam{ margin: 30px 0px 0px 0px}
.twolocation{ margin: 0px 0px 30px 0px}
.stickerblue{ font-size: 15px}
.stickerorange{ font-size: 14px}
}
@media (max-width: 580px){
.hlhs{ width:85%}
}
@media (max-width: 480px){
.subscriberhs, .subscriberhs form .inputlarge{ width: 100%}
.subscribeform    { float: none}
.desktop-video{ display: none}
.mobile_slider{ display: block  !important}
}
@media (max-width: 450px){
.catge-box{ width: 100%; margin: 0px 0px 20px 0px}
.catge-box a img{ width: 100%}
.catge-box3{ margin-bottom: 0px }
.hrhs{ clear: both}
.hlhs{ width: 75%}
.humbur{ position: inherit; top: inherit; right: inherit}
}
@media (max-width: 380px){
.footerinfo{ width:100%; padding-right:0px; margin-bottom: 20px}
.footerinfo1{ width:100%; padding-right:0px}
h2{ font-size: 26px}
}
@media (max-width: 330px){
.hrhs{ width: 100%}
}