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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/*!
 * SlickNav Responsive Mobile Menu v1.0.10
 * (c) 2016 Josh Cope
 * licensed under MIT
 */.slicknav_btn,.slicknav_nav .slicknav_item {
 cursor:pointer
}
.slicknav_menu,.slicknav_menu * {
 box-sizing:border-box
}
.slicknav_btn {
 position:relative;
 display:block;
 vertical-align:middle;
 float:right;
 padding:.438em .625em;
 line-height:1.125em
}
.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar {
 margin-top:.188em
}
.slicknav_menu .slicknav_menutxt {
 display:block;
 line-height:1.188em;
 float:left;
 color:#0d2042;
 font-weight:700;
}
.slicknav_menu .slicknav_icon {
 float:left;
 width:1.125em;
 height:.875em;
 margin:.188em 0 0 .438em
}
.slicknav_menu .slicknav_icon:before {
 background:0 0;
 width:1.125em;
 height:.875em;
 display:block;
 content:"";
 position:absolute
}
.slicknav_menu .slicknav_no-text {
 margin:0
}
.slicknav_menu .slicknav_icon-bar {
 display:block;
 width:1.125em;
 height:.125em;
 -webkit-border-radius:1px;
 -moz-border-radius:1px;
 border-radius:1px;
}
.slicknav_menu:after,.slicknav_menu:before {
 content:" ";
 display:table
}
.slicknav_menu:after {
 clear:both
}
.slicknav_nav li,.slicknav_nav ul {
 display:block;background: transparent;padding-left:0;margin: 0;
}
.slicknav_nav .slicknav_arrow {
 font-size:.8em;
 margin:0 0 0 .4em
}
.slicknav_nav .slicknav_item a {
 display:inline;
}
.slicknav_nav .slicknav_row,.slicknav_nav a {
 display:block;padding:10px 0 !important;
}
.slicknav_nav .slicknav_parent-link a {
 display:inline
}
.slicknav_menu {
 *zoom:1;
 font-size:16px;
 background:#59c9eb;
 background: linear-gradient(to bottom,  #59c9eb 0%,#0c708e 99%);
 padding:5px;
 box-shadow: 0 0 6px rgba(0,0,0,.1);
   position: fixed;z-index: 2000;width:100%;top:0px;left:0px;
}
.slicknav_nav,.slicknav_nav ul {
 list-style:none;
 overflow:hidden;
 padding:0
}
.slicknav_menu ul{padding: 20px 20px 20px 20px;font-weight: 700;}
.slicknav_menu .slicknav_icon-bar {
 background-color:#0d2042;
}
.slicknav_btn {
 margin:5px 5px 6px;
 text-decoration:none;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 border-radius:4px;
 background-color:#fff
}
.slicknav_nav {
 clear:both;
 color:#555;
 margin:0;
 font-size:.875em
}
.slicknav_nav ul {
 margin:0 0 0 20px
}
.slicknav_nav .slicknav_row,.slicknav_nav a {
 padding:5px 10px;
 margin:2px 5px
}
.slicknav_nav .slicknav_row:hover {
 -webkit-border-radius:6px;
 -moz-border-radius:6px;
 border-radius:6px;
 background:#ccc;
 color:#fff
}
.slicknav_nav a {
 text-decoration:none;
 color:#fff;
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.slicknav_nav li:last-child a {border: none;}
.slicknav_nav a:hover {
color: #ff6c00;
}
.slicknav_nav .slicknav_txtnode {
 margin-left:15px
}
.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a {
 padding:0;
 margin:0
}
.slicknav_brand {
 float:left;
 color:#fff;
 font-size:18px;
 line-height:30px;
 padding:7px 12px;
 height:44px
}

*,*:before,*:after{box-sizing:border-box}

table {
    border-collapse: collapse;
    border-spacing: 0
}

::-moz-selection {
    background: #ff6c00;
    color: #fff
}

::selection {
    background: #ff6c00;
    color: #fff
}

a,
a:visited,
a:hover {
    outline: none
}
.hidden {
    display: none
}

em {
    font-style: italic
}

strong {
    font-weight: 700
}

small {
    font-size: 80%
}

hr {
    border: solid #eee;
    border-width: 1px 0 0;
    clear: both;
    margin: 10px 0 30px;
    height: 0
}

pre {
    height: auto;
    font-family: Consolas, monospace;
    border: 1px solid #f0f0f0;
    background: #fafafa;
    padding: 10px 20px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: 0 0 20px;
    overflow-x: auto
}

.hidden {
    display: none!important
}
img {
    max-width: 100%;
    height: auto;
    display: block;
    border: 0px;
}

p{margin-bottom: 20px;line-height: 1.4;}

a {
    color: #ff6c00;
    text-decoration: none;
    outline: 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}
a:hover{text-decoration: underline;}
a.noabso{position: static !important;display: inline !important}

.orangetext{color:#f36a22 !important;}
.darkgreentext{color:#33602f !important;}
.lightgreentext{color:#698438 !important;}
.blacktext{color:#000 !important;}

.success{background:#477E3E;color:#fff;padding: 30px;text-align:center;}
.success h2{color:#fff !important;font-size:50px !important;}
.success p{margin: 0 !important;font-size:22px;}

.error{background: #ff6c00;font-size:14px;padding: 3px 6px;border-radius: 20px;text-align: center;
color:#fff;font-weight: 700;position: relative;top:-4px;
}
.error:empty{background:none;}

#mobilelogo{position: fixed;top:-50px;left:10px;z-index: 2002;width:200px;}
header, footer, section, article, aside, nav{display: block;}
body{overflow-x:hidden;width: 100%;background:#10274b;color:#fff;padding-top:54px;font-family: quicksand, sans-serif;font-weight: 500;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body.thrusters{background: #A3E9FF;}
h1, h2, h3,h4{font-weight: 900;font-style: italic;text-transform: uppercase;}
ul{margin-bottom:20px;}
li{list-style:none;margin-bottom:10px;}
header{background:#fff;}
#logo{background: #fff;display: block;position: relative;height: 130px;margin: 0 auto;}
#topbar{background:#59c9eb;padding:0 20px;color:#fff;overflow: hidden;position:relative;height:55px;}
#topbar address{
    font-family: ironstrike, sans-serif;font-weight: 900;font-style: italic;
    float:left;font-weight: 900;font-style: italic;text-transform: uppercase;font-size:21px;color:#fff;line-height:1;padding-top:8px;
}
#topbar address a{color:#fff;display: block;text-decoration:none;}
#topbar #terocert, #topbar a#apply{background: #325732;padding:4px 8px 6px;position:absolute;right:58px;}
#topbar #terocert, #topbar #fb, #topbar a#apply{float:left;}
#topbar #terocert, #topbar #terocert em, #topbar a#apply{display: block;line-height: 1;text-transform:uppercase;font-size:30px;}
#topbar a#apply{right:0;height:55px;line-height:37px;background:#f36a22;color:#fff;}
#topbar #terocert em{font-size:15px;font-style: normal;}
#topbar #fb{position: absolute;right:15px;top:13px;display: block;width:30px;height:30px;text-indent: -999em;background: url(/images/facebook.svg) no-repeat;background-size: 30px;}
nav #nav{display: none;}
#message img{margin-bottom: 20px;width: 100%}
.thrusters #message img{margin: 0;}
#themessage{
    width:100%;padding: 0 20px;line-height: 1.6;font-family: new-science, sans-serif;font-weight: 400;font-style: normal;text-align:center;
position: absolute;top:282px;;color:#fff;
}
#themessage span{display: block;font-size:4vw;}
#themessage span#line1{text-transform: uppercase;font-family: ironstrike, sans-serif;font-weight: 900;font-style: italic;line-height: .9;margin-bottom:2px;font-size:7vw;}
#themessage .buttons{margin: 0 auto;width: 301px;overflow:hidden;}
.buttons a{padding: 0 20px;margin: 0 5px;color:#33602f;display: block;float:left;font-family: "mr-eaves-xl-modern-narrow";text-transform: uppercase;font-weight: 900;font-style: italic;border: 1px solid #ccc;border-top:none;font-size:19px;height:50px;line-height: 50px;text-decoration:none;}
.buttons a:hover{background:#33602f;color:#fff;}
#intro{margin-top:-20vw;overflow:hidden;position: relative;padding: 2em;}
#intro .container{overflow: hidden;}
#intro h1, .thrusters #content h2{font-size: 8vw;line-height: 1;margin-bottom:18px;text-transform: uppercase;font-family: ironstrike, sans-serif;font-weight: 900;font-style: italic;padding-left:4px;}
.thrusters #content h2{font-size:24px;color:#0E2245}
.thrusters #content h3{font-size:24px;color:#0E2245}
.thrusters #content img{border-radius: 20px;box-shadow: 0px 10px 10px 0px rgba(0,0,0,.2);margin: 0 auto;}
#intro strong{color:#33602f;}
#intro li, .thrusters #content li{padding-left:26px;position:relative;}
#intro li::before, .thrusters #content li:before{content:'\f058';font-family:"FontAwesome";color:#ff6c00;left:0px;position:absolute;}
.thrusters #content li:before{color:#59C9EB;}
#intro .button{width: 100%;}
.button{text-align:center;border-radius:64px;background: #5AC9EB;
background: linear-gradient(0deg, rgba(90, 201, 235, 1) 0%, rgba(166, 234, 255, 1) 100%);text-transform: uppercase;font-family: ironstrike, sans-serif;font-weight: 900;font-style: italic;position:relative;padding: 0 30px;color:#10274a;display:inline-block;font-size:32px;height:64px;line-height:64px;}
.button:hover{text-decoration: none;}
#projectGallery{margin: 40px auto 0;clear:both;left:0px;position: relative;width:100%;text-align: center;}
#projectGallery img{margin: 0 auto;}

#tero, #servicelist{color:#fff;position:relative;overflow:hidden;box-sizing: border-box;background: #59c9eb;}
#servicelist .image{background: url(/images/servicesBg2.jpg) left center;}
#tero:hover .image, #servicelist:hover .image{transform: scale(1.2);}
#tero h2{font-size:12vw;background: url(/images/teroIcon.svg) no-repeat center;background-size:2em;padding: 5% 0;text-align: center;}
#tero p{font-weight: 700;line-height: 1.4;}
#tero .button{margin: 0 auto;display:block;width: 300px;text-align:center;position:relative;left:-50px;}

#servicelist{padding: 2em;text-align: center;}
#servicelist h3{font-size:8vw;line-height:1;color:#10274a;text-transform: uppercase;font-family: ironstrike, sans-serif;font-weight: 900;font-style: italic;margin:0 0 20px 0;}
#servicelist .review{  
    padding: 0 0 0 0;font-size:14px;
    color:#10274a;
}

.slick-dots{text-align:center;padding-top:16px;margin: 0;}
.slick-dots li{display: inline;padding: 0 4px;margin: 0;}
.slick-dots button{background:#10274a;border:0px;text-indent:-999em;width:12px;height:12px;border-radius:12px;}
.slick-dots li.slick-active button{background: #fff;}

.slick-arrow{
    border:0px;background:none;position:absolute;left:-20px;width:26px;height:26px;overflow: hidden;
    top:50%;transform:translateY(calc(-50% - 20px));
}
.slick-arrow.slick-next{left:auto;right:-20px;}
.slick-arrow:hover{color:#fff;}
.slick-arrow::before{
    content:'\f0a8';font-family:"FontAwesome";color:#10274a;text-indent: 0;font-size:22px;
}
.slick-next.slick-arrow::before{content:'\f0a9';}

footer{overflow:hidden;background: linear-gradient(to bottom,  #105c74 0%,#10284b 100%,#10284b 102%);}
footer div{box-sizing: border-box;}
#footerleft{position:relative;overflow: hidden;background: url(/images/logobg.svg) center no-repeat;background-size:120%;padding: 2em;}
#footerleft section{position: relative;text-align: center;padding: 40px;font-size:24px;}
#footerleft img{margin:0 auto 60px;padding: 0;width: 490px;max-width: 100%;}
#footerright{background: #fff;padding: 2em;color:#0e2245;}
body:not(.index) #footerright{border-top:20px solid #ff6c00;}
body.thrusters #footerright{border:none;}
#footerright h3 {
  text-align: center;
  font-size: 5vw;
  line-height: 54px;
  color: #59c9eb;
  text-transform: uppercase;
  font-family: ironstrike, sans-serif;
  font-weight: 900;
  font-style: italic;
  margin: 0 0 3vw 0;
}
footer form{overflow:hidden;padding-top:5px;}
footer form label, footer form input, footer form textarea,
.contact #content #contactform label, .contact #content #contactform input, .contact #content #contactform texarea{display: block;width: 100%;font-size:20px;}
footer form input, footer form textarea, .contact #content #contactform textarea, .contact #content #contactform input{background: #dff3f8;border:0px;margin-bottom:20px;padding:10px;box-shadow:none;}
button.button{border:0px;}
footer button{width: 100%;}
footer address{clear:both;text-align: center;font-size:20px;}
footer nav li{display: inline-block;margin: 0;padding: 0;line-height: 1;}
footer nav li a{font-family: new-science, sans-serif;font-weight: 400;font-style: normal;font-size:12px;padding:0 2px;display: inline;margin-bottom:0;line-height:1;}
footer nav li a::after{content:"|";padding-left:8px;}
footer nav li:last-child a::after{content:"";padding-left:0;}
footer a{font-size: 32px;text-transform: uppercase;font-family: ironstrike, sans-serif;font-weight: 900;font-style: italic;color:#fff;display:block;margin-bottom:0px;}
footer p{font-size:14px;}


.thrusters #content{
    background: #A3E9FF;
}
img#wave{display: block;width: 106%;padding:0;margin: 0 auto;max-width:none;position:relative;left:-1%;}

#products{background:#0e2244;overflow-x: hidden;}
#products h2{color:#23c7fc;font-family: ironstrike, sans-serif;font-weight: 900;font-style: italic;font-size:12vw;text-align:center;line-height:.9;margin-bottom:10%;}
#products article{max-width: 1600px;margin: 0 auto;padding:40px;}
.product-list-item{margin-bottom:40px;}
.product-list-item.spares{background:#59c9eb;box-shadow:0 6px 25px 3px rgba(0,0,0,0.07);overflow:hidden;border-radius: 10px;text-align: center;border: 6px solid #fff;}
.product-list-item.spares:hover{box-shadow:0 0 0 0px rgba(0,0,0,0.07);overflow:hidden;border-radius: 10px;text-align: center;}
.product-list-item .row-1{overflow: hidden;background:#e6f8fe;color:#0e2244;}
.product-list-item h3, #content .product-list-item h3, .product-list-item p, .product-list-item ul{padding: 0 20px;}
.product-list-item h3, #content .product-list-item h3{padding-top:20px;margin-bottom:10px;font-family: ironstrike, sans-serif;font-weight: 900;font-style: italic;font-size:24px;line-height: 1;}
#content .product-list-item.spares h3{color:#fff;}
.product-list-item .price, .product-list-item .buybutton, .product-list-item a.more{padding:10px 0;text-transform:uppercase;font-size:2em;text-align:center;color:#0e2244;display: block;width: 100%;background:#23c7fc;font-family: ironstrike, sans-serif;font-weight: 900;font-style: italic;}
.product-list-item.spares .price{background: #0e2245;color:#fff;font-family: new-science, sans-serif;font-weight: 400;font-style: normal;font-size:20px;}
.product-list-item .buybutton, .product-list-item a.more{color:#fff;background:#ff6c00;}
.product-list-item li{padding-left:26px;position:relative;}
.product-list-item li:before{content:'\f058';font-family:"FontAwesome";color:#ff6c00;left:0px;position:absolute;}
.product-list-item strong{font-size:22px;}


.productbox img{box-shadow:0 6px 25px 3px rgba(0,0,0,0.07);margin-bottom:30px;}
#content .productbox h1{font-size: 20px;margin: 0;padding:0 0 10px 0;text-transform:none;}
.productbox span.price{
    color:#ff7200;font-family: ironstrike, sans-serif;font-weight: 900;font-style: italic;font-size:18px;line-height: 1;text-align:center;display:block;padding:0 0 20px 0;
    border-bottom:1px solid #e0e0e0;margin-bottom:26px;
}
.orderinfo {border-top:1px solid #e0e0e0;padding-top:20px;}
.orderinfo p:before{content: "\f071";position: absolute;left:0;font-family:"FontAwesome";font-size:24px;top:50%;transform: translateY(-50%);}
.orderinfo p{color:#ff7200;font-size:12px;line-height: 1.2;font-weight: 700;padding-left:40px;position:relative;}
.orderinfo a{text-transform:uppercase;display: block;width:100%;text-align:center;font-family: ironstrike, sans-serif;font-weight: 900;font-style: italic;font-size:18px;color:#ffffff;background: #ff7200;height:40px;line-height:40px;}
.orderinfo a.callbutton{background: #59c9eb}    
    
/* ABOUT */

#content h1{font-family: ironstrike, sans-serif;font-weight: 900;font-style: italic;font-size:36px;text-align:center;padding: 40px;}
#content h3{
    font-family: ironstrike, sans-serif;font-weight: 600;font-style: italic;font-size:20px;line-height: 1;margin-bottom:10px;
    color:#ff6c00;text-transform: none;
}
#headerimage{width: 100%;display: block;}

.about #message, .projects #message{overflow: hidden;color:#fff;}
.about #message article, .projects #message article{padding: 40px 40px 90px 40px;overflow: hidden;}
.projects #message article{padding: 50px 40px 40px;}
.about #message h1, .projects #message h1{font-size: 8vw;line-height:.8;margin-bottom:4vw;}
.about #message p, .projects #message p{line-height:1.6;font-size:14px;}
#safety{background: #fff;padding: 40px;position: relative;}
#safety img{width:120px;display: block;margin: -110px auto 0}
#safety article{padding: 30px 0 0 0;}
#safety h2{font-size: 11vw;line-height:.8;margin-bottom:4vw;}
#safety p{line-height:1.6;font-size:14px;}

#management{overflow: hidden;background: #000;}
#management h2{
    background: #000 url(/images/logogreen.svg) no-repeat center;color:#fff;text-align: center;padding: 60px 20px;font-size:10vw;
    border-top:20px solid #000;border-bottom:20px solid #000;
}
.bios{max-width: 800px;transform: translateY(-50px);transition: all .33s;}

.fancybox-slide--current .bios {
  transform: translateY(0);
}
.fancybox-close-small{outline: none !important;}

.flip-container {
  /*perspective: 1000px;*/clear: both;width: 100%;
}
  /* flip the pane when hovered */
  .flip-container.flip .flipper {
    transform: rotateY(180deg);
  }

.flipper img{display: block;width: 100%;}
.flipper .trigger{position: absolute;top:10px;right:10px;}

.flip-container, .front, .back {
  width: 100%;height: 100%;
}

/* flip speed goes here */
.flipper {
  transition: 0.6s;
  transform-style: preserve-3d;
    width: 100%;height:100%;
  position: relative;
}

/* hide back of pane during swap */
.front, .back {
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

/* front pane, placed above back */
.front {
  z-index: 2;
  /* for firefox 31 */
  transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
  transform: rotateY(180deg);background: #306c2a;color:#fff;padding: 40px;
}
.back h3{font-size:32px;font-family: 'mr-eaves-xl-modern-narrow';border-bottom:1px solid #c8f3c0;margin-bottom:20px;}
.back h3 span{color:#c8f3c0;font-family: 'mr-eaves-xl-modern';font-style:normal;font-weight:400;font-size:25px;position:relative;top:-2px;}
.back p{font-size: 12px;}
.trigger{width:39px;height:39px;display: block;background: url(/images/expand.png) no-repeat;background-size: 39px;text-indent: -999em;}
.trigger.close{transform:rotate(-45deg);}


#quotes .cycle-slideshow:before{content: "\0201E";color:#ff6c00;font-size:220px;font-family: Georgia;text-align: center;display: block;line-height: 0;position: absolute;top:-20px;width: 100%;left:0;}
#quotes .cycle-slideshow{height: 360px;}
#quotes blockquote{color:#fff;padding: 96px 40px 0px 40px;font-family:Georgia, serif;font-style: italic;}
#quotes blockquote cite{display:block;text-align:right;padding-right:30px;margin-top:10px;font-family:'Roboto';font-size:14px;font-weight:700;font-style:normal;}
#quotes blockquote cite span{font-style:italic;}
#quotes img{display: block;margin: 0 auto;width: 300px;padding: 0px 0 40px;}

/* SERVICES */

.general #message{overflow: hidden;background: #fff;}
.general #message article{padding: 40px 40px 90px 40px;overflow: hidden;}
.general #message h1{font-size: 9vw;line-height:.8;margin-bottom:4vw;color:#457f3b;}
.general #message p{line-height:1.6;font-size:14px;}

#service article{overflow: hidden;background: #000;color:#fff;padding: 40px;}
#service img{width: 100%;}
#service h2{font-size:13vw;margin-bottom:5vw;}
#service ul{margin-bottom: 0;text-transform: uppercase;font-weight: 700;}

/* PROJECTS */

.projects #message h1{text-align: center;}
.projectwrap{background: #fff;overflow: hidden;position:relative;}
.projectwrap img{width: 100%;}
.projectwrap a{position: absolute;top:0px;left:0px;width:100%;display: block;height: 100%;z-index: 10;}
.projectwrap .imagewrap{position: relative;}
.projectwrap .imagewrap div{position: absolute;top:-100%;left:0px;height: 100%;width: 100%;background: #457f3b;background:rgba(69,127,59,.89);}
.projectwrap .projectTitle{color:#457f3b;font-family: 'mr-eaves-xl-modern-narrow';padding: 10px 20px 10px;display:block;font-size:30px;font-weight:900;font-style:italic;}
.projectwrap .location{font-weight: 700;font-size:16px;padding: 18px 20px 10px;display: block;}
.projectwrap .imagewrap span{position: absolute;transform: translateX(-50%) translateY(-50%);top:50%;left:50%;display: block;width:252px;height: 62px;background:url(/images/detailsLink.png) no-repeat;background-size: 252px;text-indent:-999em;}

#project {background: #fff;}
#project article{padding: 20px;position:relative;padding-bottom: 50px;}
#project h1{color:#417235;font-size: 10vw;line-height: .8;margin-bottom: 20px;}
#project .location{font-weight:700;font-size:5vw;margin-bottom: 3vw;display: block;}
#project h2{color:#000;font-size:7vw;margin-bottom:2vw;}
#project aside{position: relative;}
#project aside #projectPhotos, #project article #projectBack{
    transition: all .4s ease;z-index: 100;
    color:#000;background: #fff;background: rgba(255,255,255,.72);display: block;position: absolute;bottom:0px;width: 100%;
    font-family: 'CastorTwo-Italic';text-transform:uppercase;padding: 0 20px;height: 50px;line-height:50px;font-size:20px;
}
#project article #projectBack{color: #fff;background: #ff6c00;bottom:0;left:0px;}
#project aside #projectPhotos:hover, #project article #projectBack:hover{height: 70px;line-height: 70px;text-decoration: none;color:#417235}
#project article #projectBack:hover{color:#fff;}
#project aside #projectPhotos span, #project article #projectBack span{font-family: 'castor_extrasregular';font-size:30px;line-height: 0px;position:relative;top:2px;}

#content{background: #fff;color:#0e2245}
#content article{max-width: 1600px;margin: 0 auto;padding: 40px;}
#content article h2{font-size:28px;line-height: 1;margin-bottom:20px;font-family: ironstrike, sans-serif;font-weight: 900;}

#contactform input[type="text"],#contactform input[type="email"],#contactform input[type="tel"],#contactform textarea{
    width: 100%;
}

@media only screen and (max-width: 1023px) {
#servicelist{height: auto !important;}
}

@media only screen and (min-width: 525px) {
 
    header{background: transparent;}
    #logo{margin: 0 0 0 0;width: 280px;height: auto;position: fixed;top:0;z-index: 9999;box-shadow:3px 4px 8px rgba(0,0,0,.6);border-radius:0 0 8px 0;}
    #topbar{overflow: visible;z-index:9;}
    #topbar address{top:55px;right:-112px;position:absolute;width:1000px;text-align:right;padding: 5px 10px 3px 0;background: #0e2245;float:none;}
    header{margin-top:50px;}
    #themessage{top:30vw;}
    #themessage span#line1{font-size:7vw;width: 100%;}
    #themessage span:last-of-type{padding-bottom:15px;}
    #topbar{width: 360px;position:fixed;top:-1px;z-index:9998;right:112px;background: transparent;}
    .slicknav_menu ul{padding-top:70px;}
    .slicknav_menu ul ul{padding:0px;background: none;}
    
    /* ABOUT */
    
    .about #message article, .projects #message article{padding: 130px 60px 100px 60px;}
    
} 

@media only screen and (min-width: 768px) {
 
    #intro .button{float:right;display:inline-block;width:auto;}
    #topbar address{position:static;width:auto;text-align:right;padding: 8px 0 0 0;background: transparent;float:left;}
    header{margin-top:0px;}
    #themessage{top:20vw;}
    #intro h1{font-size:5vw;}
    #servicelist h3{font-size:4vw;}
    #servicelist .review{padding: 0 40px;}
    
    #content h1{font-size:56px;padding: 40px;}
    
    #productlist{display: grid;grid-template-columns: repeat(2, 1fr);column-gap: 40px;row-gap: 40px;}
    .product-list-item.spares{position:relative;margin-bottom:0;padding-bottom:100px;}
    .product-list-item.spares .price, .product-list-item.spares a.more {position:absolute;bottom:0;}
    .product-list-item.spares .price{bottom:60px;}
    

.thrusters #content h2{font-size:34px;color:#0E2245}
    .thrusters #content p{line-height: 1.8;font-size:18px;margin-bottom:30px;}



    
}    

@media only screen and (min-width: 1024px) {
 
    body{padding: 60px 0 0 0;}
    .slicknav_menu{display:none;}
    #topbar{width: 100%;background:#59c9eb;left:0;}
    #topbar address{float:right;padding-right: 60px;font-size: 24px;line-height: 29px;padding-top:13px;}
    #topbar address a{display: inline;color:#0e2245;}
    #logo{z-index: 99989;width:400px;}
    header nav{box-shadow: 0 0 5px rgba(0,0,0,.6);background: #0e2245;height:66px;position: fixed;top:54px;left:0;width:100%;z-index: 9;}
    nav #nav{display: block;float:right;margin: 0;}
    nav #nav ul{}
    #nav li{float:left;padding: 0;margin: 0;background: transparent;text-transform:uppercase;font-size:14px;font-family: ironstrike, sans-serif;font-weight: 600;font-style: italic;position:relative;}
    #nav li a{color:#fff;height:66px;display: block;line-height: 66px;padding: 0 17px;position:relative;overflow:hidden;}
    #nav li a:hover{text-decoration: none;}
    #nav li a:before{content:'';display: block;background: rgb(33,64,117);
background: linear-gradient(180deg, rgba(33,64,117,0) 0%, rgba(33,64,117,1) 100%);width: 100%;height: 100%;position: absolute;bottom:-66px;left:0;transition: all .2s ease-in;z-index: -1;}
    #nav li:hover a:before{bottom: 0;}
    #nav li.active > a{background: rgb(89,201,235);background: linear-gradient(180deg, rgba(89,201,235,1) 0%, rgba(212,245,255,1) 100%);color:#0e2245;}
    
/* --- DROPDOWN --- */
    
    nav ul ul
{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  background:rgba(33,64,117,1);
  padding:10px 0 15px 0;
  border-bottom: 10px solid #59c9eb;
}

nav ul ul li
{
  float:none;
  width:250px;
}
#nav ul li a{
  text-transform: none;padding: 0 27px;display: block;line-height: 40px;height: 40px;font-size:20px;color:#fff;display: block;height:auto;
}
nav ul li:hover > ul
{
  display:block;
}
    
    
    
    #services{overflow: hidden;}
    #services div#tero, #footerleft{width:56%;float: left;}
    #services div#servicelist, #footerright{width:44%;float:right;}
    .contact #footerleft{width: 100%;}

   
    #message{position: relative;margin-top:60px;}
    #themessage{top:12vw;}
    #headerimage{margin-top:60px;}
    
    #intro{margin-top:-20vw;}
    
    #intro h1{font-size: 50px;margin-bottom:20px;}
    #intro .container{float:left;width:calc(100% - 400px);}
    #intro p{text-align:justify;}
    #intro ul{column-count: 2;}
    #projectGallery{
        float:right;clear: none;margin: 90px 0 0 0;left:0;
        width:350px;
    }
    #servicelist{padding: 0 2em;}
    .container.vertical{
        position: relative;top:50%;transform: translateY(-50%);
    }
    .contact .container.vertical{top:0;transform: none;}
#servicelist h3{font-size:2vw;}
    #servicelist .review{padding: 0 16px;}
    
    #footerright h3 {
  font-size: 3vw;
  line-height: 1;
  margin: 0 0 3vw 0;
}
    
    #products h2{font-size: 8vw;}
    #productlist{display: grid;grid-template-columns: repeat(3, 1fr);column-gap: 40px;row-gap: 40px;}
    .product-list-item img, .product-list-item .price, .product-list-item .buybutton{float:left;width:50%;}
    .product-list-item.spares img, .product-list-item.spares .price, .product-list-item.spares a, .product-list-item.spares h3, .product-list-item.spares p{float:none;width:100%;}
    
    .product-list-item h3, .product-list-item p, .product-list-item ul{width:50%;float:right;}
    .product-list-item .row-1, .product-list-item .row-2{overflow: hidden;}
    
    .productbox{display: grid;
    grid-template-columns: 46% repeat(1, 1fr); 
    column-gap: 40px;
    row-gap: 40px;}
#content .productbox h1{font-size: 30px;text-align:left;line-height: 1;}
.productbox span.price{text-align: left;font-size:24px;border: 0px;padding: 0;}
    #content article .productbox p{margin-bottom: 20px;}
.orderinfo {border-top:1px solid #e0e0e0;padding-top:20px;}
.orderinfo a{font-size:28px;height:60px;line-height:60px;} 
    
    #content h3{font-size:28px;}
    
    .thrusters #content ul{column-count: 2;}
    .thrusters #content img{float:right;width:400px;margin: 0 0 0 30px;}
    
    
    
    /* ABOUT */
    
    body#inner{padding: 50px 0 0 0;}
    .about #message p, .projects #message p{font-size:18px;max-width: 884px;margin: 0 auto 40px auto;}
    .about #message article, .projects #message article{padding: 160px 80px 120px 80px;}
    .projects #message article{padding: 160px 80px 70px 80px;}
    .about #message article h1, .projects #message article h1{font-size: 48px;max-width: 884px;margin: 0 auto 20px auto;}
    .projects #message article h1{font-size: 70px;}
    #safety h2{font-size: 86px;line-height:.8;margin-bottom:4vw;max-width: 884px;margin: 0 auto 20px auto;}
    #safety p{font-size:18px;max-width: 884px;margin: 0 auto 30px auto;}
    .back p{font-size: 13px;line-height: 2vw;}
    
    #quotes{height:452px;position:relative;}
    #quotes .cycle-slideshow:before{font-size:656px;text-align: left;top:-10px;left:20px;}
    #quotes .cycle-slideshow{height: 452px;width: calc(100% - 300px);}
    #quotes blockquote{font-size:20px;padding: 0 80px 0px 100px;}
    #quotes img{display: block;padding: 0;position: absolute;right: 60px;top:115px;}
    
    /* SERVICES */
    
    .general #message p{font-size:18px;max-width: 884px;margin: 0 auto 40px auto;}
    .general.services #message p, .general.services #message h1{max-width: 1365px;}
    .general #message article{padding: 160px 80px 120px 80px;}
    .general.services #message article{position: relative;padding-right:350px;}
    .general #message article h1{font-size: 56px;max-width: 884px;margin: 0 auto 20px auto;}
    .services #projectGallery{position: absolute;top:100px;right:40px;left:auto;margin: 0;}
    #service h2{margin-bottom: 14px;}
    
    #content article{margin: 0 auto;padding: 80px;}
    #content article h2{font-size:40px;}
    #content article p{margin-bottom: 40px;line-height: 1.8}
    
    .contact{background: #fff;}
    .contact #content{overflow: hidden;max-width: 1300px;margin: 0 auto;padding-bottom:60px;}
    .contact #content article{width:48%;float:left;padding: 0;}
    .contact #content #contactform{width:48%;float:right;}
}    

@media only screen and (min-width: 1300px) {

    body{padding:0;}
    #logo{width:525px;}
    #services{clear:both;}
    #message #themessage{top:25%;}
    #themessage span{font-size:40px;}
    #themessage span#line1{font-size:76px;}
    #intro{position: relative;overflow: visible;height: 380px;max-width:1576px;margin: -15vw auto 0;}
    #intro p{text-align:justify;font-size:18px;}
    #intro .container{float:left;width:calc(100% - 600px);}
    #intro h1{font-size: 41px;margin-bottom:20px;}
    #projectGallery{width:600px;margin-top:50px;left:20px;top:-60px;}
    
    #headerimage{margin-top:70px;}

    #content h1{font-size:76px;padding: 60px;}
    
    /* ABOUT */
    
    .about #message article, .projects #message article {padding-top:250px;padding-bottom:158px;}
    .projects #message article {padding-top:190px;padding-bottom:100px;}
    .projects #message article h1{font-size:90px;}
    #safety img{width:200px;margin: -156px auto 0}
    #management h2{width: 34%;float:left;font-size: 4vw;margin-top:3vw;}
    .flip-container{width: 22%;float:left;clear: none;}
    
    /* SERVICES */
    
    #service{clear:both;overflow: hidden;background: #000;}
    #service article{float:right;width: 60%;height: 100%;padding: 0;position: relative;}
    #service .center{position: absolute;left: 50%;top:50%;transform: translateX(-50%) translateY(-50%);width:90%;min-width: 700px;}
    #service img{width: 40%;float:left;}
    #service li{font-size:14px;}
    
    .general #message article{padding: 200px 80px 120px 80px;}
    .general.services #message article{padding-right:580px;}
    .services #projectGallery{top:150px;right:80px;}
    
    /* PROJECTS */
    
    #project{overflow: hidden;padding-top:70px;}
    #project article{width: 50%;float:left;padding:0px;}
    #project aside{width: 50%;float:right;}
    #project .center{top:50%;position:absolute;transform: translateY(-50%);padding: 0 40px;}
    
    #project article h1{font-size:47px;}
    #project .location{font-size:22px;margin-bottom: 20px;}
    #project article h2{font-size: 36px;margin-bottom: 6px;}
    
    
}

@media only screen and (min-width: 1400px) {
    
    #intro .button {margin-right: 0;}
    .projectwrap{width:33.3333%;}
    #nav li{font-size: 20px;}
    #products h2{font-size: 120px;}
    .thrusters #content h3{font-size:32px;padding-bottom:20px;}
    
}


@media only screen and (min-width: 1600px) {
    #intro{padding-top: 0;height:310px;}

    #tero span{padding: 0 80px;}
    #tero h2, #servicelist h2{font-size:82px;}
    #tero p,#servicelist p{font-size: 18px;}
    #servicelist h2{padding: 60px 0 40px 0;margin-bottom:-40px;}
    #servicelist p{margin: 0 auto 40px;max-width: 800px;}
    #servicelist ul{margin: 0 auto 40px;max-width: 800px;}
    #servicelist li{margin-bottom:20px;font-size: 16px;}
    #servicelist .image{background-size:cover;}
    #servicelist .button{font-size: 30px;padding: 0 0px 0 40px;width:433px;position:relative;left:-15px;}
    
    /* ABOUT */
    
    #quotes img{width:364px;right: 100px;top:95px;}
    #quotes .cycle-slideshow{height: 452px;width: calc(100% - 600px);left: 100px;}
    #management h2{;margin-top:4vw;}
    
    #service li{font-size:18px;}
    footer a{margin-bottom:30px;}
    footer nav li a{font-size:18px;}
    
    .thrusters #content h2{font-size:44px;color:#0E2245}
    .thrusters #content p{font-size:18px;margin-bottom:40px;}
    
}

@media only screen and (min-width: 1900px) {
 
    #themessage span#line1{font-size:5vw;}
    #themessage span{font-size:2.5vw;}
    footer form{overflow: hidden;}
    footer form div{width:50%;float:left;padding: 0 20px;}
    footer form div.formfull{width:100%;float:none;}
    footer form div.form-buttons{float:right;padding-top:20px;}
    
#content .productbox h1{font-size: 50px;}
.productbox span.price{font-size:34px;}
.orderinfo p:before{font-size:28px;}
.orderinfo p{font-size:14px;}
.orderinfo a{font-size:36px;}

    
}

@media only screen and (min-width: 2300px) {   
    
    /* ABOUT */
    
    #management h2{;margin-top:6vw;}
    
}

.fancybox-arrow:after {background-color:rgba(255,108,0,.9) !important;}
.fancybox-show-nav .fancybox-arrow {opacity:.9 !important;}
.fancybox-button,.fancybox-infobar__body {background:rgba(255,108,0,.9) !important;}
.fancybox-show-nav .fancybox-arrow[disabled] {opacity:.3 !important}