/*-------Reset----------------------------------------------------------------------------------------*/
a, abbr, acronym, address, applet, article, aside, audio,b, blockquote, big, body,center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, em, embed,fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, section, small, span, source, strike, strong, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, var{background: transparent;border: 0 none;font-size: 100%; margin: 0;padding: 0;border: 0;outline: 0;vertical-align: top;  }ol, ul {list-style: none;}blockquote,q {quotes: none;}img {vertical-align:top; }embed { vertical-align:top;}
/*-----------------------------------------------------------------------------------------------*/
html,body {height: 100%; margin: 0; padding: 0;  }
body {margin:0px; background:#FFF; color: #111; font-family:Arial, Helvetica, sans-serif; font-weight: normal !important; font-size:14px; line-height:1.7em; letter-spacing:0px; overflow-x:hidden;}
.inner{ background:url(../images/inner.jpg) top center fixed; background-size:cover;}
.main{ padding:bottom:30px;  height:auto; padding-bottom: 0px;}
.main.menu{padding-bottom: 0px; margin-bottom:0}
.inner .main{ margin-top:300px;}

/*.message{font-family: 'Scope One', serif; font-size:2em; font-weight:bold; line-height:1.6em; text-shadow:1px 1px 1px #111}*/

.message{font-family: 'Scope One', serif;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.6em;
    /* text-shadow: 1px 1px 1px #111; */
    background: #ffffff;
    padding: 10px;
    box-sizing: border-box;
    display: block;
   /* border: 5px solid #ff0000;*/
    border-radius: 10px;
/*	background:url(../images/christmas.png);*/
/*	background:url(../images/heart.png);*/
	background-size:cover;
	background-repeat:no-repeat;
	    max-width: 650px;
    margin: 0 auto;

}


.subscribe-me { position: absolute; z-index: 10000;  top: -700px;  left: 0;  width: 100%;  height: 100%;  text-align: center;}
a#close{ color:#111 !important; position: relative; z-index:10; top:-15px;}
.popup {  position: relative;  padding: 0px;  max-width: 650px;  height: auto;  width: 98%;  top: 15%;box-sizing: border-box; margin: auto;  color: #000;  box-shadow: 0px 0px 0px #6c6c6c; border-width: 0px; border-color: #e5dcc5; border-style: solid; border-radius: 5px; padding:25px;}
.subscribe-me h2 { text-align: center; color:#111 !important; background-position: bottom center; line-height: 40px; text-shadow: 1px 1px 10px #fff;}
.popup p { padding: 15px;  margin: 0 !important;}
.popup-img{max-width:650px; width:98%; height:auto; width:100%; display:block}


.testimonials .testimonial{padding:25px;background: url(../images/dark-overlay.png); max-width:650px; margin:0 auto 15px;}
.message strong{    color: #222222 !important;}
.message a{ color:#111; text-shadow:0px 0px 0px #111}
.holiday-catering{max-width:650px; height:auto; margin:0 auto; display:block; width:100%}
h1, h2, h4, h5{font-family: 'Scope One', serif; font-weight:200;    margin-bottom:15px; text-shadow:1px 1px 1px #111; padding:15px 0 15px 0; text-transform:uppercase;}
h1{font-size:3.7em; line-height: 2.2em; max-width:650px; margin:auto; color:#fff; text-align:center; font-family: 'Pacifico', cursive; background:url(../images/header-bg.png) bottom center no-repeat; font-weight:200; text-transform:none; text-shadow:1px 1px 1px #111; }
h2{font-size:2em; line-height: normal; text-align:center; font-family: 'Scope One', serif; font-weight:200; ; margin:20px 0 20px 0; font-weight: bold;}
h3{font-size:1.7em; line-height: normal; font-family: 'Scope One', serif; font-weight:200; margin:40px 0 0px 0; padding:0; }
h4{font-size:1.1em; line-height:normal; text-transform:uppercase; font-weight:bold; color: #212121; border-bottom:1px solid #000; margin-bottom:15px; border-radius:2px; background:url(../images/bullet4.png) left center no-repeat; border-bottom:1px solid #ccc; padding-left:25px;}
h5{font-size:1em; line-height:normal; text-align:left; text-transform:uppercase}
.ad { position:relative; z-index:10; margin-top:-50px; background:url(../images/ad.png) top center; background-size:cover; padding:10px; padding-bottom:50px; padding-top:30px; font-family: 'Pacifico', cursive; font-size:2.2em; line-height:   normal; color:#fe0000;}
.ad span{ max-width:650px; margin:auto;  text-align:center; font-size:1.7em; line-height:  normal;  font-family: 'Alfa Slab One', cursive; font-weight:200; text-shadow:2px 2px 1px #111; text-transform: uppercase; letter-spacing:10px; }
.ad em{ max-width:650px; margin:auto;  text-align:center; font-size:1.1em; line-height:  normal;   font-weight:200; text-shadow:1px 1px 1px #111; text-transform:none;  }
.ad img {margin-top:0px; }
.colored{ color:#15c5d1; }
video {
   background:transparent url('keyport-fishery.jpg') no-repeat 0 0; width:100%; height:auto;
   -webkit-background-size:cover;
   -moz-background-size:cover;
   -o-background-size:cover;
   background-size:cover;
}
.player .video-wrapper {
    position: absolute;
    background: #fff !important;
}
.sp-text{text-align: center !important;   display: block;}
strong{ color:#d0260d}
em{font-family: 'Scope One', serif;}
a{-webkit-tap-highlight-color: rgba(255, 255, 255, 0); color:#ed661f  } 
.max-width{ position:relative; max-width:1100px; margin:auto;}
.button{color: #000; padding:8px 40px 8px 40px; text-align:center; font-weight:bold; background:#9cc84c; cursor:pointer; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.button:hover{background:#212121; }
.mobile-menu{position:absolute; z-index:11000; top:38px; right:0px; display:none;  padding:7px; width:40px; height:50px; cursor:pointer;  font-size:28px; color:#000;}
.form{ height:23px; width:80%; line-height:23px; background:none; border: 2px solid #fff; margin-bottom:10px; color:#fff}
#submit{ width:60px; height:23px; background:url(../images/submit.png); border:0; cursor:pointer}
.logo { margin-top: 30px; margin-left:-15px; float:left; max-width:240px; height:auto;
-webkit-animation: bummer 2s;
animation: bummer 2s;
-webkit-transform: scale(0,0); 
transform: scale(0,0);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes bummer {
    100% {
        -webkit-transform: scale(1,1); 
    }
}
@keyframes bummer {
    100% {
        transform: scale(1,1); 
    }
}
.ship{ position: absolute; top:210px; left:90%; }
.module{ position:relative; padding-top:80px !important;}
#intro{min-height:780px; }
#second{ position:relative; z-index:10; margin-top:30px;     padding-top: 40px;
}
#third{position:relative; z-index:11; }
.blue{ background:#961907;  color:#fff;
 background-image:
    linear-gradient(
      65deg, 
      #02a5d1, #03aeb0
    );
}
.menu .container{   background:url(../images/dark-overlay.png); max-width:650px !important; }
.menu span{font-family: 'Scope One', serif; font-weight:600; font-size:16px; }
.menu h3{ margin:0; }
.menu h2{padding:50px 0 50px 0; text-shadow:1px 1px 10px #fff; font-weight:bold;}
.menu-details{ min-height:40px; padding-left:15px; }
.menu-item-price{ background:#fff; border-radius:3px; text-align:center; padding:2px;}
.menu-title{ border-bottom:1px solid #fff; display:block;  width:98%;     width: 80%;}
.shadow{ box-shadow:1px 1px 3px #666;}
.menu-item-price{ display:block; float:right; width:125px;     margin-top: -25px;}
#platters{ background:url(../images/platters-bg.jpg); background-size:cover;}
#sandwiches{ background:url(../images/sandwiches-bg.jpg); background-size:cover;}
#fish{ background:url(../images/fish-bg.jpg); background-size:cover;}
#soup{ background:url(../images/soup-bg.jpg); background-size:cover;}
#drinks{ background:url(../images/drinks-bg.jpg); background-size:cover;}
#extras{ background:url(../images/extras-bg.jpg); background-size:cover;}
.video-container{ position: fixed; z-index:1; overflow:hidden; width:100%;  background: url(../images/loader.gif) center center no-repeat;/* background-size:20% 1%; */
-webkit-filter: saturate(1.5);
filter: saturate(1.5) ;}
.video-container iframe{ position:relative; margin-top:-80px; background:none !important; }
.video-mask{ position:absolute; z-index:1; width:100%; height:110%; top:9; left:0; background: url(../images/patterns/overlay5-.png)}
.keyport{ margin-top:30px;}
.container{ position:relative; max-width:1100px; margin:auto;}
.footer-1{ min-height:530px; margin-top:0px; padding:0px 0 50px 0 !important;  background:#fef5df url(../images/footer1.png) center center no-repeat fixed;  }
.header{position:absolute; z-index:1000; top:0%; left:0; width:100%; min-height:130px; text-align:center; 
padding-bottom:10px;  border-bottom:0px solid #3f1f64;}
.border-image{ padding:2%; background:#5ac4e1;  text-align:center; width:96%; height:auto; line-height:26px; font-weight:bold; }
.border-image img{ margin-bottom:30px; width:100%; height:auto; max-width:420px:}
.header img{ padding-left:10px; }
/*.fixed{ position:fixed; z-index:2000; top:-35px;; left:0;  box-shadow:0px 0px 0px #333; 
/*-webkit-filter: invert(.8) grayscale(1);
filter: invert(.8) grayscale(1);
}*/
.seafood{ background:url(../images/bg1.png) top center no-repeat; background-size:cover; color:#fff; text-align:center; padding-bottom:40px; }
.seafood h1, .seefood h2{max-width:720px; margin:auto; color:#fff !important;}
.footer-1 h2{max-width:720px; margin:auto; height:40px; text-align:left;
padding:0; font-size:36px; text-shadow:0px 0px 0px #fff; font-weight:bold;
}
.inner-container{  margin:auto; color:#000; background:#fff; text-align:left; min-height:400px;}
.inner-container p{ padding:10px; line-height:20px; margin-bottom:0px; font-size:12px;}
.inner-container img{ width:100%; height:auto; max-width:260px;}
.inner-page-margin{ margin-bottom:150px;}
.location{  margin:auto; color:#000; background:#fff; text-align:left; min-height:430px;}
.location p{ padding:10px; line-height:20px; margin-bottom:0px; font-size:12px;}
.location img{ width:100%; height:auto; max-width:356px; width:100%;}
.location h3{ width:95%; margin: 15px auto;}
.location.hours p{margin:0; padding:0 0 0 10px; border-bottom:1px solid #eee; width:93%}
.location.hours p span{ float:right;}
.map{ height:210px; overflow:hidden;
-webkit-filter: saturate(2);
filter: saturate(2);
}
.horizontal-scroll1 {
height:60px;  
background: url(../images/header-bg1.png)repeat-x;  
-webkit-animation: backgroundScroll 20s linear infinite;
animation: backgroundScroll 20s linear infinite;  
}
.horizontal-scroll {
height:96px;  
background: url(../images/header-bg.png)repeat-x;  
-webkit-animation: backgroundScroll 20s linear infinite;
animation: backgroundScroll 20s linear infinite;  
}
@-webkit-keyframes backgroundScroll {
from {background-position: -200px;}  
to {background-position:-800px;}  
}
@keyframes backgroundScroll {
from {background-position: -200px;}  
to {background-position: -800px;}  
}
.fixed .header-phone{font-size:18px; margin-top:0;}
/*.fixed .nav li div a {color: #000;}
.fixed .nav li div a:hover {color: #333;}*/
.header-phone{ position:absolute; z-index:100; font-size:28px; text-align:right;/* font-family: 'Pacifico', cursive;*/ right: 10px; top:10px; color:#d0260d; font-weight:normal !important; }
.header-phone em{font-size:16px;}
.header-info{position:absolute; z-index:100; font-size:24px; text-align:left; left: 10px; font-family: 'Pacifico', cursive; top:10px; color:#d0260d; font-weight:normal !important; }
.header-info span{ font-family:Arial, Helvetica, sans-serif}
.header-info span{ font-size:24px}
.footer{ position:relative; z-index:12; max-width:100%; min-height:650px; margin-top:-70px;   color:#FFF; background: url(../images/footer-main.png) top no-repeat ;  }
.footer h3{line-height:45px; line-height: 28px; margin-bottom:20px; padding-top:0px; background:url(../images/header-bg2.png) left bottom no-repeat}
.hours p{ border-bottom:3px solid #fff; width:70%}
.hours p span{ float:right;}
.bullets{ padding-left:10px; margin-bottom:15px; max-width:1040px; margin:auto; }
.bullets li{ position:relative; list-style:inside; margin-top:10px; line-height: 22px;  font-size:14px; text-align:left; list-style:none; padding:2px 2px 2px 2px;  border-bottom:1px solid #eee;margin-bottom:5px; list-style:outside  }
.bullets-2 { margin-top:0}
.bullets-2 li{ position:relative; list-style:inside; margin-top:2px; line-height: 18px;  font-size:12px; text-align:left; list-style:none; padding:2px 2px 2px 2px;  border-bottom:1px solid #eee;margin-bottom:5px; list-style:outside  }
.footer ul{ padding:60px 0 0 0 ;}
.footer ul li a{ color:#fff; line-height:30px; background:url(../images/bullet.png) left center no-repeat; padding-left:20px;  display:block;}
.footer ul li a:hover{ color:#FFF; background:#9cc84c;}
.bullets li:first-child{margin-top:40px;}
.bullets-1{ padding-left:10px;  margin-top:15px;}
.bullets-1 li{ list-style:inside; line-height: 24px;  font-size:14px; text-align:left; list-style:none; padding-left:20px; background: url(../images/bullet3.png) left 5px no-repeat; text-transform:uppercase;}
.copy{ text-align:cleft; color:#ddd; padding:35px 0 15px 0; clear:both; line-height: normal; font-size:12px}
.read-more{color: #fff; padding:8px 10px 8px 10px;   text-align:center; font-weight:bold; background:#15c5d1; border-radius:3px;}
.read-more:hover{background:#eb3b2b; color: #fff;}
a{ color:#9cc84c; text-decoration:none;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
transition-duration: 0.3s;}
a:hover{color: #000;}
p{ margin:0px 0 20px 0;}
#signup_email{ width:90%; height:33px; line-height:33px; border:1px solid #ccc; margin:20px 0 20px 0; border-radius:3px;}
hr{ border:0; background:none; clear:both; height:1px; margin:0; padding:0; width:100%;}
.center{ text-align:center !important; }
.left{ float:left !important; margin-right:15px; margin-bottom:15px;}
.right{ float:right; margin-left:15px; margin-bottom:15px;}
strong{ font-weight:600; margin-bottom:55px; }
.nav-container{background: url(../images/nav-bg.png) repeat-x }
.nav {right:0; top:30px;; max-width:980px; height:45px; margin:auto;}
.nav li { position:relative; float:left;}
.nav li a {font-family: 'News Cycle', sans-serif; background-position:left bottom; display: block;  line-height: 45px;  font-size:15px; height:45px;   text-decoration: none; color:#000; padding:0 25px 0 25px; text-transform:uppercase; }
.nav  li a:hover{ color: #d0260d; background:url(../images/hover.png) center left no-repeat; }
.active{ color: #d0260d !important; background:url(../images/hover.png) center left no-repeat;}
.nav li div{ position:absolute; z-index:1000; top:44px; left:0; width:220px; min-height:30px; background:#fff; display:none;border-top:0;}
.nav li:hover div{ display:block;}
.nav li div li{display:block; width:100%;}
.nav li div a{display:block; text-align:left; line-height:42px; height:42px; background:#5f941f; color:#fff; clear:both; font-size:18px !important; letter-spacing:normal; }
.nav li div a:hover{ background:#3a6816; color:#fff;}
.nav li div a span{ font-size:12px; font-style:italic; color:#cbd662; text-transform:none;}
.nav li ul li ul{position:absolute; z-index:10; top:0px; left:110px; display:none; background:url(../images/mobile-nav-bg.png); width:350px; }
.nav li ul li:hover ul{display:block;}
.camera_caption{position:absolute; z-index:200; top: 0%;
 width:95%; text-align:left; min-height:auto; font-size:1.3em;font-family: 'Scope One', serif;   font-weight:normal;  border:0px solid #666; color:#fff !important; line-height:32px; }
.camera_caption em{ font-size:1.2em; color: #FC9; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-style:normal;}
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 { display:block;
  width: 45px;
  height: 45px;
  position: relative;
  margin: 0px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  
}
.mobile-menu{-webkit-tap-highlight-color: rgba(255, 255, 255, 0); background-color: transparent }
#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 50%;
  background: #C30;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  
}
#nav-icon1 span:nth-child(1) {
  top: 0px;
}
#nav-icon1 span:nth-child(2) {
  top: 10px;
}
#nav-icon1 span:nth-child(3) {
  top: 20px;
}
#nav-icon1.open span:nth-child(1) {
  top: 8px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
#nav-icon1.open span:nth-child(3) {
  top: 8px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.arrow {
  position: fixed; z-index:1000;
  bottom: 30px;
  right: 50px;
  margin-left: -20px;
  width: 40px;
  height: 30px;
  background: url(../images/scroll.png) no-repeat;
  background-size: contain;
}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
.hide{display:none !important}
.width560{min-width:560px; height:auto}
.vide-mobile{ display: none;}
.nav-container .container{max-width:90%}
.item{margin-bottom:10% !important; }
.item img{ width: auto; height:auto}
#photos .item a img{display:block; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; width:100%; -moz-transform: scale(1.01); -webkit-transform: scale(1.01); transform: scale(1.01); }

#photos .item{ overflow:hidden; background: #ffce25;}
#photos .item:hover a img{ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);position: relative; opacity:0.7;}
#photos .item{ overflow:hidden; background: #ffce25;}
iframe.contact-form{ border:0; width:100%; height:450px;}
.contact-bg{background: url(../images/dark-overlay.png); padding:25px; margin:auto}
/*#photos img{ width:100%; height:auto}*/
@media screen and (min-width: 769px) 
{
.size-1of3 { width: 31.3%; margin:1% !important; float:left}
#photos[data-columns]::before {
content: '3 .column.size-1of3'; }
}



@media all and (max-width: 1450px) {
.camera_prev, .camera_next{ top: 70% !important;}
#intro{min-height:550px;}
.nav-container .container { max-width: 98%;}
}
@media all and (max-width: 1280px) {
.video-container iframe{ margin-top:-200px;}
#second{ position:relative; z-index:10;     padding-top: 10px;}
.logo{ margin-top:0px;}
.nav li a{padding: 0 15px 0 15px;}
.nav { max-width: 70%;}
}
@media all and (max-width: 1205px) {
.nav li a{    padding: 0px 12px;}
.video-container iframe{ margin-top:-300px;}
.nav { max-width: 60%;}
.nav li a { padding: 0px 12px; font-size: 12px;}
}
@media all and (max-width: 1040px) {
#second{ margin-top:-30px;}
}
@media all and (max-width: 1015px) {
p{ padding:10px;}	
.header-sinfo{ left:80px; top:75px;}	
.header-phone{top:56px;}		
.fixed{position: absolute; top:0}
body {background-size:auto;}
.mobile-menu{display:block; left:0; top:10px;}
.nav { position: absolute; z-index:1000; z-index:1000; display: none; top:40px !important; width:100%; max-width: 100% !important;}
.nav  li { position:relative; background:#fff; display:block; width:100%; padding:0;   line-height:50px; height:55px; margin:0; }
.nav li a{ color:#111; line-height:55px; text-align:center; background-image:none !important; height:55px; background:none; padding:0; margin:0;}
.nav li a:hover{ }
.nav  li div{  width:100%; top:40px;  padding-left:0 !important;  border:0 !important; }
.nav  li div a{text-align:center; background: #5f941f; line-height:50px; height:50px;}
.nav  li div a:hover{background: #9cc352;}
.nav  li div li a{background:#fff !important}
.nav  li div li ul{position: relative; width:100%; left:0; background:#333 !important;}
.nav  li div li ul li a{background:#666 !important; margin:0;}
#camera_wrap_1 .camera_prev, #camera_wrap_1 .camera_next{  display:none; }
.camera_caption{ font-size:1.2em !important;}
.logo {
    margin: 60px auto;}
	.header-phone{top: 15px !important;}
	.header-info{ display:none}
}
@media all and (max-width: 1000px) {
.camera_caption{ font-size:1.3em !important;  }
}
@media all and (max-width: 980px) {
.nav li a {padding: 0 10px 0 10px;font-size: 12px;}
.hide{display:block !important}
.video-container{ display:none;}
.vide-mobile{position:relative; z-index:70; display: block; max-width:100%;}
.container {
position: relative;
 padding-right:0px;
margin: auto;}
#intro{min-height:300px; background:url(../images/intro.jpg) top center no-repeat}
}
@media all and (max-width: 930px) {
.video-container{ max-height:400px; min-height:300px; }
.video-container iframe{ margin-top:-350px;}
}
@media all and (max-width: 890px) {	
.vide-mobile{ display: block; max-width:100%; }
.menu li a{font-size:15px; }
.camera_caption {color: #000; margin-top: -18px;
}
.gluten-free {
background: #f7f6f6 url(../images/gluten-free.jpg) 170% no-repeat;
background-size: 75%;
}
.vide-mobile{ display: block; max-width:100%; margin-top: -40px;}}
@media(max-width:780px){
.menu li a{ font-size:14px;}
.video-container{ max-height:300px; min-height:100px; }
.video-container iframe{ margin-top:-380px;}
}
@media(max-width:768px){
.vide-mobile{ display: block; max-width:100%;}
.size-1of2 { width: 48%; margin:1% !important; float:left}
#photos[data-columns]::before {content: '2 .column.size-1of2';}
}
@media(max-width:740px){
	.footer .container{padding:0 25px;}
.footer .one_third {width: 100% !important;}
.mobile-menu{top:7px !important; right:0px;}
.vide-mobile{ display: block; max-width:100%; }
.footer {  background:url(../images/footer.png) top center no-repeat; background-size:cover;}
.ship{ display:none;}
#second { text-align:center;}
#second .one_fourth{ float:none; max-width:260px; margin-left:auto; margin-right:auto;}
h1{ font-size:2.2em; line-height:normal;}
h2{ font-size:2em;}
.border-image{ max-width:320px; float:left; margin-right:15px;}
.location img{ max-width:400px; height:auto !important; margin-left:auto; margin-right:auto; float:none;}
.location {max-width:400px; margin:auto;}
.blue {max-width:400px; margin:auto !important; float:none !important;}
.blue .border-image{max-width:400px; height:auto}
.module { position: relative; padding-top: 40px !important;}
.footer-1{min-height: 770px;}
.footer-1 { margin-top: 0px;padding: 0px 25px 50px 25px !important;}
@media(max-width:660px){
.camera_caption{font-size:1.1em !important; }
.camera_thumbs_cont{ display:none !important}
.bullets li{ line-height:1.3em;}
.mobile-menu {right: 0px;}
.vide-mobile{ display: block; max-width:100%;}
.contact-bg{height:640px;}
}
@media(max-width:580px){
.arrow{display:none;}
.ad { position:relative; z-index:10; margin-top:-50px; background:url(../images/ad.png) top center; background-size:cover; padding:10px; padding-bottom:50px; padding-top:30px; font-family: 'Pacifico', cursive; font-size:2.2em; line-height:   normal; color:#fe0000;}
.ad span{ max-width:650px; margin:auto;  text-align:center; font-size:1em; line-height:  normal;  font-family: 'Alfa Slab One', cursive; font-weight:200; text-shadow:2px 2px 1px #111; text-transform: uppercase; letter-spacing:3px; }
.ad em{ max-width:650px; margin:auto;  text-align:center; font-size:0.7em; line-height:  normal;   font-weight:200; text-shadow:1px 1px 1px #111; text-transform:none;  }
}
@media all and (max-width: 500px) {
.camera_caption{font-size:1em !important; line-height:20px; margin-top:-10px; }
.mobile-menu{top:15px;}
.mobile-menu {right: -10px;}
img.left, img.right{max-width:425px; height:auto; float:none !important; width:100%; }
.right{float:none !important; margin-left:0 !important;}
.nav { position: absolute; z-index:1000; z-index:1000; display: none; width:100%; }
.header-info {margin-bottom: 5px;}
.video-container{ max-height:220px; min-height:100px; }
.video-container iframe{ margin-top:-420px;}
.vide-mobile{ display: block; max-width:100%; margin-top:-10px;}	
}
@media all and (max-width: 415px) {
.mobile-menu {right: -10px;}
.mobile-menu {right: 3px;}
.header { text-align:center; font-size:12px;}
.header-phone { display:block; font-size:15px;}
.nav { position: absolute; z-index:1000; z-index:1000; display: none;  width:100%; }
.video-container{ max-height:180px; min-height:100px; }
.video-container iframe{ margin-top:-460px;}
.video-container .info-content{display:none;}
}
@media all and (max-width: 400px) {
.mobile-menu {right: 0px;}
.vide-mobile{ display: block; max-width:100%; margin-top: 0px;}
}
@media all and (max-width: 365px) {
h1 {font-size: 2.1em;}
.mobile-menu {right: 0px;}
.logo{ width:75%; height:auto;}
.vide-mobile{ display: block; max-width:100%;}
#photos[data-columns]::before { content: '1 .column.size-1of1'; }
}
@media all and (max-width: 320px) {
.mobile-menu {top: 35px;}
.vide-mobile{ display: block; max-width:100%; }
}