@import url('https://fonts.googleapis.com/css?family=BenchNine&display=swap');



/*-------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 {background:#181818; color:#fff; font-family: 'Montserrat', sans-serif; letter-spacing:0px; overflow-x:hidden;}





.video-container{ position:fixed; z-index:0; width:100% !important; height:1080px !important; opacity:0.3}

.video-container iframr{width:100% !important; height:100% !important; }



.main-container{ padding:1% 5%; position:relative; z-index:1;}

.main{ margin:auto;   

margin:auto;







/* 



border-top: 2px dashed #ccc;

	border-bottom: 1px dashed #ccc;

        box-shadow: inset 0 -1px 0 0 #ccc, inset 0 1px 0 0 #ccc, 0 1px 0 0 #ccc, 0 -1px 0 0 #ccc;

	margin-bottom: 1px;

	

	border-left: 2px dashed #ccc;

	border-bottom: 1px dashed #ccc;

        box-shadow: inset 0 -1px 0 0 #ccc, inset 0 1px 0 0 #ccc, 0 1px 0 0 #ccc, 0 -1px 0 0 #ccc;

	margin-bottom: 1px;

	

	border: 7px solid transparent;

  border-image: url("../images/border1.png") 100 round;*/

  



 



}

.container{  width:100%;  margin:auto; padding:0 0 5% 0; text-align:center }

.logo-dark{ position:relative; top:-70px; max-width:311px; height:auto}

hr{ clear:both; border:0; height:0;}

.locations img{ max-width:320px;}

.locations li{ overflow:hidden; padding:4% 0 4% 0; text-align:center; width: 24.5%; height:330px;

margin-left: 0.1%; margin-bottom:0.1%; float:left; font-weight:700;

-webkit-transition-duration: 0.5s;

-moz-transition-duration: 0.5s;

-o-transition-duration: 0.5s;

-ms-transition-duration: 0.5s;

transition-duration: 0.5s;

border-left: solid 2px transparent; border-right: solid 2px transparent;

/*

border: solid 2px;

-webkit-border-image: url(../images/border.png) 3 round;

-o-border-image: url(../images/border.png) 3 round;

border-image: url(../images/border.png) 3 round;

*/

}



.locations li:hover{ background:212121; color:#fff; opacity:0.8}



.locations li strong{ text-transform:uppercase; font-family: 'BenchNine', sans-serif; font-weight:600; font-size:20px; letter-spacing:1px; text-shadow: -1px -1px 0 #313131, 1px -1px 0 #313131, -1px 1px 0 #313131, 1px 1px 0 #313131; display:block; margin-bottom:25px;}

.locations h3{text-shadow: -1px -1px 0 #313131, 1px -1px 0 #313131, -1px 1px 0 #313131, 1px 1px 0 #313131;}



img{ width:100%; height: auto}



#bt1{ overflow:hidden;  background:url(../images/slide-chicken-drunken.jpg)bottom center no-repeat; background-size:auto 100%;}

#bt1:hover{background-size:auto 105%}



#bt2{ overflow:hidden; background:url(../images/middletown-2022.jpg)center center no-repeat;  background-size:auto 100%}

#bt2:hover{background-size:auto 105%}



#bt3{overflow:hidden; background:url(../images/tinton-9-2021.jpg)bottom center no-repeat;  background-size:auto 100%}

#bt3:hover{background-size:auto 105%}



#bt4{ overflow:hidden; background:url(../images/neptune-2022.jpg)center center no-repeat; background-size:auto 100%}

#bt4:hover{background-size:auto 105%}



#bt5{ overflow:hidden; background:url(../images/spotswood-1-2019.jpg) top center no-repeat;  background-size:auto 100%}

#bt5:hover{background-size:auto 105%}



#bt6{ overflow:hidden; background:url(../images/bayville.jpg)bottom center no-repeat;  background-size:auto 100%}

#bt6:hover{background-size:auto 105%}



#bt7{ overflow:hidden; background:url(../images/monmouth-beach-2020.jpg)bottom center no-repeat;  background-size:auto 100%}

#bt7:hover{background-size:auto 105%}



#bt8{ overflow:hidden; background:url(../images/SANDWICH-modified-2.jpg)bottom center no-repeat;  background-size:auto 100%}

#bt8:hover{background-size:auto 105%}



/*#btn8{ overflow:hidden; background:url(../images/newbimg.jpg)bottom center no-repeat;  background-size:auto 100%}

#btn8:hover{background-size:auto 105%}*/
.btn-wood {max-width:1020px; width:100%; position:relative;}
.btn-wood a{ bottom: 20%;
    position: absolute;
    left: 0;
    right: 0;
    background: #ecc66d;}
#btn8{ overflow:hidden; background:url(../images/buttonwood-logo.jpg)bottom center no-repeat;  background-size:auto 100%}

#btn8:hover{background-size:auto 105%}


#btn9{ overflow:hidden; background:url(../images/6.jpg)bottom center no-repeat;  background-size:auto 100%}

#btn9:hover{background-size:auto 105%}

#bt10{ overflow:hidden; background:url(../images/brick.jpg)center center no-repeat; background-size:auto 100%}

#bt10:hover{background-size:auto 105%}





h2{ font-size:32px; line-height:normal; text-transform:uppercase; font-weight:900;

text-shadow: -1px -1px 0 #313131, 1px -1px 0 #313131, -1px 1px 0 #313131, 1px 1px 0 #313131; padding:15px 0 15px 0;}



p{margin:20px 0 20px 0; text-shadow: -1px -1px 0 #313131, 1px -1px 0 #313131, -1px 1px 0 #313131, 1px 1px 0 #313131;}



.enter{ display:block; width:170px; margin:auto; margin-top:0px; padding:15px; background:#fff; color:#111; font-size:20px; text-decoration:none;



-webkit-transition-duration: 0.2s;

-moz-transition-duration: 0.2s;

-o-transition-duration: 0.2s;

-ms-transition-duration: 0.2s;

transition-duration: 0.2s;

}





.logo { background:#333;}

.logo img{ max-width:300px; height:auto; margin:10px 0 10px 0;}





/*

.subscribe-me {background-color:#000 !important; padding:20px;  background:url(images/logo2.png) right bottom no-repeat;}

*/



.enter:hover{ background:#212121; color:#fff}



form {color:#fff !important; font-size:13px; padding: 0px 10px 20px 10px;}



form p {color:#fff !important; font-weight:bold; font-size:14px;}



.form {color:#fff; font-weight:bold;}



.form-hidden{height:0px;}



#email {letter-spacing:1px;padding-bottom:6px;color:#fff; margin-bottom:2%; font-size:16px;}



#text {width:98%; padding:2% 0; background-color:#fff; color:#c55207; font-size:16px; border:none;}



#submit {border:none; background-color:#c55207; color:#fff; padding:3%; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; letter-spacing:1px;cursor:pointer;}



#submit:hover {background-color:#fff; color:#c55207;}



#ok_url:active #thanks {display:block;}



#ok_url:active form {display:none;}





@media(max-width:1630px){

#bt1{background-size:auto 100%;}

#bt1:hover{background-size:auto 105%}



#bt2{background-size:auto 100%}

#bt2:hover{background-size:auto 105%}



#bt3{background-size:auto 100%}

#bt3:hover{background-size:auto 105%}



#bt4{ background-size:auto 100%}

#bt4:hover{background-size:auto 105%}



#bt5{background-size:auto 100%}

#bt5:hover{background-size:auto 105%}



#bt6{background-size:auto 100%}

#bt6:hover{background-size:auto 105%}



#bt8{background-size:auto 100%}

#bt8:hover{background-size:auto 105%}





}





@media(max-width:1212px){

body{ padding-top:0px;}

.main-container { padding:0}	

}



@media(max-width:1065px){

.locations li{ overflow:hidden; padding:4% 0 4% 0; text-align:center; width:  49.4%; float:left}

.logo{ padding:0 !important; height:auto !important; background:none !important}

.logo img {  max-width: 213px;  height: auto; margin: 20px 0 20px 0;}

}



@media(max-width:980px){



p{margin:10px 0 10px 0;}



.enter{ display:block; width:60%;}



}





@media(max-width:820px){

.main { width: 100%;}

}





@media(max-width:820px){

.locations li{ overflow:hidden; padding:4% 0 4% 0; text-align:center; width: 100%; float: none}	

}



/*@media(max-width:640px){



.subscribe-me{display:none !important}



.sb-close-backdrop{display:none !important}



.sb-overlay{display:none !important}



}*/







@media(max-width:580px){



.locations li{ position: relative; height: auto; width:100%; padding-top:1%; left:0 !important; float:none; margin:auto;}	

.logo-dark{ margin-top:30px;}

.btn-wood {min-height:400px; height:auto}
}