/* ------Header ------*/
.overlay-box h2.alexa-font {
    font-family:alexa-std;
    margin-top:100px;
    padding:0px 0px 0px 0px;
    margin:0;
    text-align:left;
    width:100%;
    font-size:36px;
}

h2.alexa-font {
    font-family:alexa-std;
    margin-left:-1%;
}


.sl-slide-inner blockquote.overlay-box {
    position:absolute;
    max-width:70%;
    margin:0 15%;
    vertical-align:center;
}

.sl-slider blockquote p.response-hide {
    font-size:19px;
}

/*corbert font*/
@font-face{
    font-family: 'corbert_regular';
    src: url('../fonts/corbert_regular_english/Corbert-Regular-webfont.eot)');
    src: url('../fonts/corbert_regular_english/Corbert-Regular-webfont.eot).eot?#iefix') format('embedded-opentype'),
url('../fonts/corbert_regular_english/Corbert-Regular-webfont.woff') format('woff'),
url('../fonts/corbert_regular_english/Corbert-Regular-webfont.ttf') format('truetype'),
url('../slit_slider/fonts/corbert_regular_english/Corbert-Regular-webfont.svg#webfont') format('svg');
}

.corbert-font {
    font-family:corbert_regular;
}

.logo_main {
    position:fixed;
    top:0;
    z-index:400;
    float:left;
    width:100%;
    max-width:550px;
    height:auto;
    background-size:cover;
    background-size: 100%;
    background-position: 50% 50%;
}

/*for jquery fixed bg header */
.bottomMenu3 {
    display: none;
    position: fixed;
    top: 0;
    margin-left: 0px;
    padding: 0px;
    width: 100%;
    height: 70px;
    background:rgba(255,255,255,.97);
    border-bottom:1px solid rgba(0,0,0,.3);
    z-index: 300;
}

.bottomMenu3 {
    background:rgba(255,255,255,.3);
    border-bottom:none;
    display:block;
background: -moz-linear-gradient(top, rgba(255,255,255,0.19) 25%, rgba(255,255,255,0.45) 59%, rgba(255,255,255,0.45) 68%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,rgba(255,255,255,0.19)), color-stop(59%,rgba(255,255,255,0.45)), color-stop(68%,rgba(255,255,255,0.45)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.19) 25%,rgba(255,255,255,0.45) 59%,rgba(255,255,255,0.45) 68%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0.19) 25%,rgba(255,255,255,0.45) 59%,rgba(255,255,255,0.45) 68%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0.19) 25%,rgba(255,255,255,0.45) 59%,rgba(255,255,255,0.45) 68%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.19) 25%,rgba(255,255,255,0.45) 59%,rgba(255,255,255,0.45) 68%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30ffffff', endColorstr='#00ffffff',GradientType=0 );
}

.logo_main .white {
    z-index:500;
}

/*-------Navigation Bar-------*/
nav.menubar {
    float:right;
    height: auto;
    font-size: 11pt;
    font-weight: bold;
    position:fixed;
    top:0px;
    right:0%;
    margin-top:0px;
    z-index:400;
}

nav.menubar ul {
    padding: 0px;
    width: 100%;
    height: 70px;
}

nav.menubar li {
    display: inline;
    float: left;
    padding-right:1px;
    padding-bottom:1px;
}
nav.menubar a {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 35px;
    text-shadow: 0px -2px 6px rgba(255,255,255,.50), 0px 2px 6px rgba(255,255,255,.50);
    font-variant: small-caps;
}

nav a.noLink {cursor:default;}

nav.menubar li a {
    width:auto;
  display: inline-block;
  margin: 0;
    margin-bottom:-2px;
    padding:38px 10px 0px 10px;
  color: #000;
  font-weight: 700;
  line-height: 30px;
  border-bottom: 2px solid transparent;
    border-radius:0px;
    border-right: 1px solid rgba(38,38,38,.3);
    background:none;
}

nav.menubar a:hover, nav.menubar a:active{
    border-bottom-color: #CF0003;
    background:rgba(255,255,255,0.15);
    text-shadow: 0px -2px 6px rgba(255,255,255,.90), 0px 2px 6px rgba(255,255,255,.90);

}

nav.menubar li.dropdown, nav.menubar ul.dropdown {
    position: relative;
    display: inline-block;
        float: left;
}

nav.menubar li.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
}

nav.menubar li.dropdown-content a {
    width:100%; border-right: none; padding: 2px 10px 0px 10px;
}

nav.menubar li.dropdown:hover .dropdown-content {
    display: block;
}

.bxslider {
    z-index:500;
}

.fullscreen {
    width:100%;
    max-width:100%;
}

/*---- For show/hiding pull menu (Not used yet)----*/

nav.menubar a#pull {
    display: none;
}


    .sl-slider h2#custom1 {
        padding: 0px;
        position: absolute;
        width: 100%;
        top: 110px;
        left: 0;
        text-align: center;
        font-size: 26px;
        font-weight: 100;
        text-shadow: 1px 1px 4px rgba(0,0,0,.3);
        display: block;
        right: 0;
    }
    .sl-slider h2#custom2 {
        padding: 0px;
        position: absolute;
        float:right;
        width:25%;
        top: 119px;
        right:16.7%;
        text-align:center;
        font-size: 32px;
        /*background:rgba(0,0,0,.60);*/

    }
    #homepage.overlay {
        background:url(../images/gradient-bxslider.png);
        background-size:cover;
        background-position:center bottom;
        z-index:800;
        display: block;
    }


    .gap2 {
        height:90px;
    }

    #custom3 {
        display:none;
    }

    .client-wrap {
        position:relative;
        width:20%;
        float:left;
        margin: 0 auto;
        height:200px;
        background:rgba(82,81,81,1.00);
    }
    
    .fleetboats {
        background-color: rgba(99,163,198,1.00);
        max-width: 100%;
        overflow:hidden;
    }

    .boat-wrap {
      position:relative;
      width:25%;
      float:left;
      margin: 0 auto;
      background:rgba(99,163,198,1.00);
      display: flex;
      justify-content: center;
      border:1px dotted rgba(255,255,255,.60);
      box-sizing:border-box;
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box;
      height:250px;
    }

    .boat-wrap img {
        width:80%;
        height:auto;
    }

    #client-extra.client-wrap {
        display:none;
    }

    .client-wrap img:hover, .boat-wrap img:hover {
        -moz-transform:scale(1.2);
        -webkit-transform:scale(1.2);
        -o-transform:scale(1.2);
        -ms-transform:scale(1.2);
        transform:scale(1.2);
        z-index:2;
    }

    .client-wrap img, .boat-wrap img {
        position: absolute;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;

        -moz-transition:all 0.6s ease;
        -webkit-transition:all 0.3s ease;
        -ms-transition:all 0.3s ease;
        -o-transition:all 0.3s ease;
        transition:all 0.3s ease;
    }

    .boat-wrap.boat-xl {
        width:100%;
        height:400px;
    }
    
    .boat-wrap.boat-lg {
        width:50%;
        height:300px;
    }

    .boat-wrap.boat-med {
        width:33.33333%;
        height:250px;
    }
    
    .boat-wrap.boat-med img {
        -moz-transform:scale(1.5);
        -webkit-transform:scale(1.5);
        -o-transform:scale(1.5);
        -ms-transform:scale(1.5);
        transform:scale(1.5);
    }
    
    .boat-wrap.boat-med img:hover {
        -moz-transform:scale(1.8);
        -webkit-transform:scale(1.8);
        -o-transform:scale(1.8);
        -ms-transform:scale(1.8);
        transform:scale(1.8);
    }


    .tall {
        height:700px;
    }

    .overlay .nav-arrows {
        position:fixed;
        top:50%;
    }
    .overlay .nav-arrows span.nav-arrow-prev {
        left:30px;
    }

    .overlay .nav-arrows span.nav-arrow-next {
        position:fixed;
        top:50%;
    }

    .gap-eng {
        margin-top: 0px;
        height:70px;
        padding: 0px;
    }
    
    /* Slider modal /empty bg */
    .bg-img.bg-img-colored {
        background-color:rgba(99,163,198,1.00); /* light aqua blue */
    }
    
    a.button {
        transition: 0.3s cubic-bezier(0.6, 0.25, 0.29, 0.79);
        margin-top: 25px;
        text-decoration: none;
        position: relative;
        line-height: 1;
        text-align: center;
        padding: 12px 30px;
        display: inline-block;
        font-weight: 300;
        letter-spacing: 0.2em;
        line-height: 1.5em;
        font-size: .75em;
        transition: all 250ms ease-in-out;
        text-transform: uppercase;
        background-color: #506066;
        color: #F8F7FF;
    }

    a.button:hover {
        background-color:#fff;
        color:#000;
    }

    .slide-modal {
        position: fixed;
        top: 40%;
        left: 0;
        right: 0;
        width: 100%;
        text-align: center;
    }

    .slide-modal .button {
      z-index: 10;
    }

    .slide-modal .wrap {
        max-width: 500px;
        background-color: rgba(255,255,255,0.3);
        padding: 40px;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
    }

    .slide-modal .wrap:after {
        content:'';
        position:absolute;
        bottom:0; left:0;
        border-left:50vw solid rgba(255,255,255,0.3);
        border-right:50vw solid rgba(255,255,255,0.3);
        border-top:100px solid transparent;
    }

    .sl-slider h2#custom4 {
        display:block;
        width:100%;
        margin: 0 auto;
        font-size:24px;
        max-width:100%;
        text-align:center;
        position:absolute;
        bottom:20px;
        margin-top:-50px;
    }

    #about, #google-maps, #no-scroll-map {
            height:1000px;
    }

    #no-scroll-map {
        background:transparent;
        position:relative;
        width:100%;
        top:1000px;  /* your iframe height */
        margin-top:-1000px;
    }


/*-----Changes for responsive screen size ----*/

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

    #about, #google-maps, #no-scroll-map  {
            height:950px;
    }

    #no-scroll-map {
        background:transparent;
        position:relative;
        width:100%;
        top:950px;  /* your iframe height */
        margin-top:-950px;
    }
}


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

    #about, #google-maps, #no-scroll-map  {
            height:700px;
    }

    #no-scroll-map {
        background:transparent;
        position:relative;
        width:100%;
        top:700px;  /* your iframe height */
        margin-top:-700px;
    }

    .client-wrap {
        width:25%;
        height:	150px;
    }

    #client-extra.client-wrap {
        display:block;
    width: 75%;
    }

}

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


    .gap-eng {
        display:none;
    }




    .sl-slide-inner h2.eng-caption {
        top:20px;
        font-size:23px;
        height:40px;
    }

    .logo_main {
        position:fixed;
        top:0;
        z-index:400;
        float:left;
        width:100%;
        max-width:550px;
        height:auto;
        background-size:cover;
        background-size: 100%;
        background-position: center center;
    }



    .gap {
        height:100px;
    }

    #engineering_div1 {
        /*margin-top:30px;*/
    }

    .bottomMenu {
        height:101px;
    }
    .bottomMenu2 {
        display:inline;
        height:101px;  /*important*/
    }
    nav.menubar {
        top:70px;
        /*top:15px;*/
        left:0px;
    }

    #header {
        background: white;
        float: left;
        width: 100%;
        height: 100px;
    }

    nav.menubar ul {
        width:100%;
    }
    /*nav.menubar li {
        display: block;
        float: left;
        width: 12.5%;
    }*/

    .sl-slider-wrapper-full {
        top:100px;
    }


    nav.menubar li a {
        padding-top:0px;
        width:100%;
    }


    /*-Useful for new sections of content, hence title--*/
    .content-wrapper {
    padding: 10px;
    width: 95%;
    max-width: 960px;
    margin: 0 auto;
}

/*.sl-slider h2#custom1 {
        padding: 0px;
        position: relative;
        float:left;
        width:40%;
        top: 10%;
        left: 20%;
        text-align:center;
        font-size: 24px;
    }*/
    .sl-slider h2#custom2 {
        padding: 0px;
        position: relative;
        float:right;
        width:25%;
        top: 13.5%;
        right:16.7%;
        text-align:center;
        font-size: 24px;
        /*background:rgba(0,0,0,.60);*/

    }

@media only screen and (max-width:1130px) {
    .sl-slide-inner .bg-img-third h3.title-materials {
        font-size:18px;
        padding-top:8px;
    }

    .engineering-0 {
        height:30px;
    }
}


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

    #about, #google-maps, #no-scroll-map  {
        height:650px;
    }

    #no-scroll-map {
        background:transparent;
        position:relative;
        width:100%;
        top:650px;  /* your iframe height */
        margin-top:-650px;
    }

    .client-wrap {
        width:33.333%;
    }

    #client-extra.client-wrap {
    width: 66.6666%
    }

    #engineering_div1 {
        margin-top:0px;
    }


    .sl-slide-inner h2.production-caption {
        top:40px;
    }

    /*nav.menubar li {
        width:25%;

    }*/
    .bottomMenu {
        height:0px;
    }
    nav.menubar {
        /*top:62px;*/
    }

    .bottomMenu2 {
        height:100px;  /*important*/
    }

    .gap, #gap-contact.gap {
        height:100px;
    }


    .sl-slide, .sl-slider-wrapper-full,
.sl-slide-inner,.bg-img {
    position: absolute;
    width: 100%;
    height: 700px;
    top: 0;
    left: 0;
}

.sl-slider-wrapper-full {
    /*top:126px;*/
    top:100px;
}


.sl-slider h2#custom1 {
    display:none;
    }
    .sl-slider h2#custom2 {
        display:none;
    }

    .sl-slider h2#custom3 {
        display:block;
        width:100%;
        margin: 0 auto;
        font-size:16px;
        text-align:center;
        position:absolute;
        top:0px;
        margin-top:-50px;
        left:0px;
    }
    .third-content {
        width:100%;
        clear:both;
    }

    .title-materials {
        font-size:16px;
        padding-top:8px;
    }

    .materials   {
        font-size:16px;
    }

    .sl-slide-inner h2.leftimg-responsive {
        padding-top:50px;
    }

    .tall {
        height:600px;
    }

}

@media only screen and (max-width:950px) {
    #bottom-quote5, #bottom-quote4 {
        display:none;
    }
}

@media only screen and ( max-width: 850px ){
        .sl-slider-wrapper-full {
            top:75px;
        }
        #header {height: 60px;}
        .gap {height:50px;}

        nav.menubar { top:15px; }

        /*nav { position: relative; }*/
        nav > a { }
        nav:not( :target ) > a:first-of-type, nav:target > a:last-of-type { display: block; }

    /* first level */
    nav.menubar ul {  height: auto; display: none; position: absolute; left: 0; right: 0; }
        nav.menubar.menu-active ul { display:block; margin-top:55px; padding:20px 0; background-color:#fff;}
        nav.menubar.menu-active ul.dropdown {margin-top:0; padding:0;}
        nav.menubar.menu-active ul li a {padding:5px 0;}
        nav:target.menubar ul { display: block; }
        nav.menubar ul li { width: 100%; float: none; }

    /* second level */
    nav.menubar li ul { position: static;}
    a.menu-link { display: block; position: absolute; height: 55px; width: 60px; top: -4px; right: 20px; }
    .menu-trigger{ background: transparent; cursor: pointer; padding:18px; }
    .menu-hamburger, .menu-hamburger:before, .menu-hamburger:after{ background-color: #00344b; height: 2px; width: 35px; display: block; -webkit-transition: all .3s; transition: all .3s; }
    .menu-hamburger { position: relative; top: 5px; left: 0px; }
    .menu-hamburger:before{ content:""; position: absolute; top: -8px; }
    .menu-hamburger:after{ content: ""; position: absolute; bottom: -8px; }
    .menu-active .menu-hamburger{ background: transparent; }
    .menu-active .menu-hamburger:before{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }
    .menu-active .menu-hamburger:after{ -webkit-transform: rotate(45deg); transform: rotate(45deg); bottom: 0px; }
}
@media only screen and (min-width:640px) { nav li ul li a { text-align: left; }}


@media only screen and (max-width:781px) {
/*	.gap {
        height:140px;
    }*/

    #about, #google-maps, #no-scroll-map  {
            height:500px;
    }

    #no-scroll-map {
        background:transparent;
        position:relative;
        width:100%;
        top:500px;  /* your iframe height */
        margin-top:-500px;
    }

    .client-wrap {
        width:50%;
    }

    #top-quote1, #top-quote2 {
        display:none;
    }

    #client-extra.client-wrap {
        display:block;
    }


    #individual_title {
        font-size:24px;
        bottom:10px;
    }
    
    .slide-modal {
        top: 20%;
    }

    .sl-slide-inner h2.eng-caption {
        top:20px;
        font-size:18px;
        height:auto;
        width:auto;
        border-radius:3px;
        border:1px solid;
        margin-left:20px;
        padding:5px;
    }
    .sl-slide-inner h2.eng-caption-lg {
        width:580px;
    }
    


    .sl-slide-inner .bg-img-third h3.title-materials {
        font-size:18px;
        padding-top:0px;
    }


    .side-engineering2 {
        display:none;
    }

    .side-engineering1 {
        width:100%;
        margin-top:4%;
    }

    .sl-slider blockquote p.response-hide {
        font-size:15px;
}

        .sl-slide, .sl-slider-wrapper-full,
.sl-slide-inner,.bg-img, .tall {
    width: 100%;
    height: 400px;
}

    /*.sl-slider-wrapper-full {
        top:135px;
    }*/

    .sl-slider .sl-slide-inner .center-text {
        font-size:16px;
    }



    .title-materials {
        margin-bottom:8px;
    }

    .logo_main {
        position:relative;
        top:0;
        z-index:400;
        float:left;
        width:100%;
        max-width:550px;
        height:auto;
        background-size:cover;
        background-size: 100%;
        background-position: 50% 50%;
    }

    /*nav.menubar {
        float:right;
        height: auto;
        font-size: 11pt;
        font-weight: bold;
        position:relative;
        right:0%;
        margin-top:0px;
        z-index:400;
        margin-bottom:-7px;

    }*/

    .bottomMenu2 {
        position:absolute;
        top:0;
        left:0;
        height:135px;
    }
    .bottomMenu3 {
        position:absolute;
        top:0;
        left:0;
    }

    .sl-slide-inner h2.leftimg-responsive {
        padding-top:30px;
        font-size:24px;
    }

    .sl-slider blockquote.left-text, .sl-slider blockquote.center-text, .sl-slider .sl-slide-inner blockquote.center-text2 {
        font-size:12px;
        line-height:18px;
    }

    #bottom-quote,#bottom-quote3 {
        font-size:18px;
    }

    #bottom-quote2 {
        font-size:12px;
        top:83%;
    }
    #bottom-quote4 {
        font-size:12px;
        top:68%;
    }

    #caswell-poshquote {
        display:none;
    }
@media only screen and (max-width:672px) {
    .engineering-0 {
        height:50px;
    }
}

@media only screen and (max-width:625px) {
    .logo_main {max-width:80%;}

    .boat-wrap.boat-lg, .boat-wrap.boat-med {
        width:100%;
        height:300px;
    }


    nav.menubar { top:0px; }
}

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

    #about, #google-maps, #no-scroll-map  {
        height:350px;
    }

    #no-scroll-map {
        background:transparent;
        position:relative;
        width:100%;
        top:350px;  /* your iframe height */
        margin-top:-350px;
    }

    .img-content {
        width:100%;
}
    .title-materials {
        margin-bottom:8px;
        padding-top:0px;
    }

    .sl-slider blockquote p.response-hide {
        display:none;
    }

    #individual_title {
        font-size:20px;
        bottom:5px;
    }

@media only screen and (max-width:551px) {
    /*#homepage.overlay {
        display:none;
    }*/

    .third ul {
        display:none;
    }

    .nav-dots {
        display:none;
    }

    #nav-dots {
        display:none;
    }

    #bottom-quote4 {
        display:none;
    }
    #bottom-quote3 {
        display:none;
    }

    .sl-slider blockquote.left-text {
        display:none;
    }

    .sl-slide, .sl-slider-wrapper-full,
.sl-slide-inner,.bg-img {
    width: 100%;
    height: 350px;
}

    .sl-slider-wrapper-full {
        /*top: 192px;*/
        /*top:96px;*/
        top:55px;
    }


    .sl-slider h2#custom3 {
        display:none;
    }

/*	.title-materials {
        margin-top:3px;
        margin-bottom:5px;
    }*/

    nav.menubar {
        /*top:56px;*/
    }

    nav.menubar li {
        width: 50%; /*important*/
    }


    /*.bottomMenu2, .bottomMenu3 {
        width: 100%;
        height:192px;
    }*/

    /*.gap {
        height:190px;
    }*/

    .client-wrap {
        width:100%;
    }

    #client-extra.client-wrap {
        display:none;
    }

    .posh-hide {
        display:none;
    }

    .overlay#homepage {
        height: 75px;
    }
}

@media only screen and (max-width:460px) {
    /*.bottomMenu2, .gap {
        height:180px;
    }*/

    .sl-slider-wrapper-full {
        /*top: 180px;*/
    }

    /*nav.menubar {
        top:50px;
    }*/

}

@media only screen and (max-width:420px) {
    /*.gap {
        height:175px;
    }*/

    /*.sl-slider-wrapper-full {
        top: 175px;
    }*/

    #about, #google-maps, #no-scroll-map  {
        height:300px;
    }

    #no-scroll-map {
        background:transparent;
        position:relative;
        width:100%;
        top:300px;  /* your iframe height */
        margin-top:-300px;
    }



}