@import url(https://fonts.googleapis.com/css?family=Merriweather+Sans:300,400,700);@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);.container,header{max-width:1440px;margin:0 auto}
#main #sub-menu ul,header nav>ul{list-style:none}
a,header nav a,header nav ul li a{text-decoration:none}
#slideOut,main{z-index:3}
#banners,#footer,#locations{overflow:hidden;clear:both}
#footer h2,#mobile-nav,a.button,header nav ul li a{text-transform:uppercase}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Merriweather Sans",Arial,Verdana,sans-serif;font-size:20px;font-weight:300;color:#000}
img{max-width:100%;height:auto}
.container{padding:0 10px}
.clear:after {
	content:' ';
	display:block;
	clear:both;
}

.left {
	width: 50%;
	margin-right: 5%;
	float: left;
}
.right {
	width: 45%;
	float: left;
}
.left h3 {
	margin-top: 10px;
	border-bottom: 1px solid #666;
}
header{padding-top:15px;z-index:99;position:relative}
header #logo{padding:0 50px;float:left} 
header .social{float:right;padding:15px 0}
header #nav{float:right}
header nav{text-align:right}
header nav>ul{width:100%;display:block;margin:0 auto;font-size:0}
input,p{margin-bottom:15px}
header nav ul li{margin-bottom:0}
header nav>ul>li{display:inline-block}
header nav li:hover>a{color:#fff;background-color:rgba(0,0,0,.85)}
header nav ul li a{color:#000;display:block;padding:15px 20px;font-size:19px;font-weight:700}
header nav>ul>li ul{display:none;position:absolute;text-align:left;margin-left:0;background-color:rgba(0,0,0,.85)}
#banners>img,header nav>ul>li ul li{display:block}
#banners,main{position:relative}
header nav>ul>li ul li a{font-size: 17px;font-weight:300;color:#fff;padding:9px 20px}
#main #sub-menu ul a:hover,a{color:#80bd01}
header nav>ul>li ul li a:hover{background-color:rgba(140,198,63,.55)}
#main #sub-menu{border-left:1px solid #000;padding:70px 20px 70px 40px}
#main #sub-menu ul a{color:#000;font-size:22px;font-weight:700;padding:5px 0;display:block}
#banners{max-height:540px;z-index:1}
#banners>img{width:100%;height:auto}
a{-webkit-transition:all .25s ease;transition:all .25s ease}
a:hover{color:#507600}
a.button{color:#fff;background-color:#80bd01;padding:10px 30px;display:inline-block;border:1px solid #000;font-weight:400}
h1,h3{color:#000}
a.button:hover{background-color:#507600}
#slideOut,#slideOut #tab{top:0;bottom:0;background-color:#8cc63f;position:absolute}
.social a{font-size:36px;padding:0 8px}
input{-webkit-appearance:none;border-radius:0;border:1px solid #000}
input[type=submit]{background-color:#000;color:#fff;padding:5px 30px}
p{line-height:34px}
.location {max-width: 100%;}
#container {position: fixed;}
#footer p{line-height:26px}
h1{font-size:50px;margin:20px 0}
#slideOut,h2,h3{font-size:30px}
h2{color:#8cc63f;margin-bottom:20px}
h3{color:#80bd01; margin-bottom:10px;font-size:26px;}
a.contactbutton,input.contactbutton{padding:4px 8px;background:#80bd01;color:#fff;border:1px solid #000;}
a.contactbutton:hover,input.contactbutton:hover{cursor: pointer;background:#507600;}
.Float_Image {display:none;}
#content{padding-top:20px;padding-bottom:40px;margin-top:-00px}
.col1,.col2,.col3{float:left;padding-right:20px}
.col1{width:25%}
.col2{width:50%}
.col3{width:75%}
.col4{width:100%}
strong{font-weight:700}
.img-right{float:right;margin-left:15px}
#slideOut{right:-440px;background:-webkit-linear-gradient(left,rgba(116,164,52,1),rgba(140,198,63,1),rgba(140,198,63,1));background:-o-linear-gradient(right,rgba(116,164,52,1),rgba(140,198,63,1),rgba(140,198,63,1));background:-moz-linear-gradient(right,rgba(116,164,52,1),rgba(140,198,63,1),rgba(140,198,63,1));background:linear-gradient(to right,rgba(116,164,52,1),rgba(140,198,63,1),rgba(140,198,63,1));width:510px;color:#fff;text-align:center}
#slideOut #tab{left:0;width:70px;cursor:pointer}
#slideOut #tab #text{position:absolute;left:0;bottom:40px;width:100%;transform:rotate(-90deg);white-space:nowrap;font-weight:700;font-size:28px}
#slideOut #tab .fa-caret-left{position:absolute;left:0;top:50%;margin-top:-30px;margin-left:-17px;font-size:60px;color:#8cc63f}
#slideOut #tab .fa-caret-down{position:absolute;bottom:0;margin-bottom:-35px;color:#8cc63f;font-size:60px;left:50%;margin-left:-10px;display:none}
#slideOut #details{position:absolute;left:70px;width:440px;padding:20px 15px;z-index:1}
#slideOut #details input{text-align:center;font-size:30px;width:100%;max-width:300px}
#locations .location,
#locations .location-new2,
#locations .location-new{width:33%;height:288px;float:left;text-align:center;position:relative;z-index:1;background-color:#000;margin-right:.3%;margin-bottom:.3%}
#locations .location-new{background:url("../../Assets/Images/location-strip.jpg") 0 0 no-repeat;}
#locations .location-new2.laconia-bev{background:url("../../Assets/Images/laconia-bev.jpg") 0 0 no-repeat;}
#locations .location a>img{display:block;opacity:.6;width:100%}
#locations .location-new div.fade,
#locations .location-new2 div.fade {float: left; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);}
#locations .location span, #locations .location-new span,
#locations .location span, #locations .location-new2 span {position:absolute;top:40%;left:0;z-index:2;width:100%;font-size:50px;color:#fff;font-weight:700;padding:0 20px;text-shadow:0 0 10px #000}
#footer{font-size:16px;padding-top:20px;padding-bottom:20px}
#mobile-nav{display:none;color:#fff;text-align:center;padding:7px 10px;height:37px;width:120px;margin:0 auto}
#mobile-nav>div{width:25px;float:right}
#mobile-nav div.bar{height:3px;background-color:#fff;margin:3px 0}
#mobile-nav span{font-weight: bold;float:right;display:block;padding:0 5px;font-size:19px;line-height:22px}
@media (max-width:1400px){#slideOut #tab #text{font-size:24px}
}
@media (max-width:1260px){#slideOut,#slideOut #details,#slideOut #tab,#slideOut #tab #text{position:relative;width:100%}
#banners{max-height:none;overflow:visible}
#slideOut{right:auto;left:auto!important;background:-webkit-linear-gradient(rgba(116,164,52,1),rgba(140,198,63,1),rgba(140,198,63,1));background:-o-linear-gradient(rgba(116,164,52,1),rgba(140,198,63,1),rgba(140,198,63,1));background:-moz-linear-gradient(rgba(116,164,52,1),rgba(140,198,63,1),rgba(140,198,63,1));background:linear-gradient(rgba(116,164,52,1),rgba(140,198,63,1),rgba(140,198,63,1))}
#slideOut #tab .fa-caret-left{display:none}
#slideOut #tab .fa-caret-down{display:block}
#slideOut #tab #text{transform:rotate(0);bottom:auto;padding:10px}
#slideOut #details{left:auto;display:none}
#content{margin-top:0}
}
@media (max-width:1050px){#locations .location,#locations .location-new{width:49.7%}
#locations .location span,#locations .location-new span{font-size:30px}
#footer .col1{width:50%}
#footer .col2{width:100%;padding-top:20px;float:none;text-align:center;clear:both}
}
@media (max-width:850px){
	.left,
	.right {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.Float_Image{display:none;}
#mobile-nav,header #nav{display:block}
header #nav,header .social{clear:both;float:none}
header #logo,header .social,header nav{text-align:center}
#banners #banner-img,#banners #sub-menu,#banners>img,#sub-menu,#top-image{display:none}
header #nav{background-color:#000}
header nav>ul{position:absolute;background-color:#000;display:none}
header nav>ul>li ul{position:relative;text-align:center;background-color:#222}
header nav ul li{display:block;border-top:1px solid #666}
header nav ul li a{color:#fff}
header nav ul li a:hover{color:#8cc63f}
header #logo{float:none}
main{z-index:auto}
#main .col3{margin-top:0;width:100%;float:none;margin-right:0}
}
@media (max-width:620px){#locations .location,#locations .location-new{width:100%;float:none;margin-right:0;margin-bottom:10px}
#footer .col1{width:100%;float:none;text-align:center}
}
@media (max-width:460px){
	#slideOut #tab #text{font-size:16px}
	header #logo{padding:0 15px}
}

.smokering {position:relative;left:28%;background: url("../../Assets/Images/smokers-haven-NH.png") 0 -130px no-repeat; width: 101px; height:83px;}

#logo a {text-indent:-5000px;float: left;width:419px;height:107px;background: url("../../Assets/Images/smokers-haven-NH.png") 0 0 no-repeat;}

#locations .location-new.manchester{background-position: -477px 0}

#locations .location-new.manchester-west{background-position: -961px 0}

#locations .location-new.nashua{background-position: -1440px 0}

#locations .location-new.laconia{background-position: -1921px 0}

#locations .location-new.derry{background-position: -2393px 0}
#locations .location-new.hooksett{background-position: -2870px 0}
#locations .location-new.downtown-nashua{background-position: -3346px 0}
#locations .location-new.keene{background-position: -3823px 0}

#siteby {margin-top: 35px;}

#siteby a{width:120px;height:48px;float: left; text-indent:-5000px;background: url("../../Assets/Images/smokers-haven-NH.png") 0 -454px no-repeat;}

#socialfeed {padding: 20px 0;}
#socialfeed .left img {
	margin-right: 25px;
}
#socialfeed{background: #fff url("../../Assets/Images/social-background.jpg") 50% 0 no-repeat;}

#socialfeed #facebook {float: left; width: 50%; color:#000; margin: 20px 8% 20px 0;}

#socialfeed #facebook p {line-height:24px;font-size:17px}

#socialfeed #facebook .fbimage {float: left; margin: 0px 20px 0px 0px; width:255px}

#socialfeed #facebook .fbtitle {position: relative;right:-275px;margin: 20px 0px 0px 0px;width:214px;height:55px;background: url("../../Assets/Images/smokers-haven-NH.png") 0 -390px no-repeat;}

#socialfeed #instagram {float: left; width: 42%; margin: 20px 0px}

#socialfeed #instagram a {display:block}

#socialfeed #instagram .instapic {float: left; margin: 5px 0 5px 11px;width:31%; height: 185px; overflow: hidden; background: #fff;}
#socialfeed #instagram .instapic:first-of-type {background: transparent;}

#socialfeed #instagram .instapic img {width: 100%;}


#socialfeed h2 {border-bottom: 1px solid #000; float: left; width: auto; font-size: 35px; margin: 5px 0px 20px 0;}

.VeryTop {background: #000; color: #fff; text-align: center; font-size: 20px; font-weight: bold; border-bottom: 1px solid black;}

.VeryTop p { margin: 0; padding: 15px 0; }
#message {
    width:100%;
    font-size:24px;
    text-transform:uppercase;
    color:#fff;
    background-color:#b62222;
    padding:10px;
    text-align:center;
}
#message p {
	margin-bottom: 0px;
}
#message a {
	font-weight: bold;
}


.Alert { background-color: #F7D3A5;}

.BadAlert { border: 1px solid red; height: auto; background: #EFE0E0; border-radius: 5px; -moz-border-radius: 5px; padding: 10px; margin-bottom: 10px;}
 
.BadNews { color: red; font-weight: bold;}

.GoodAlert { padding: 10px; border: 1px solid green; height: auto; background: #E2EFE0; border-radius: 5px; -moz-border-radius: 5px; margin-bottom: 10px;}

.map-responsive{ overflow:hidden; padding-bottom:56.25%; position:relative; height:0;}

.map-responsive iframe{ left:0; top:0; height:100%; width:100%; position:absolute;}

#VendorUs {margin-top: 15px;}

.captcharight {width: 300px; max-width: 300px;margin:0 auto 10px}

.location a {
	display: block;
	width: 48% !important;
	float: left; 
	margin: 1%;}


.google-maps {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
}

.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.panorama {
	width: 50%;
	float: left;
}

.panorama iframe {
	width: 99%;
	height: auto;
	margin-right: 1%;
	min-height: 400px;
}


@media (max-width:350px){
	.location {max-width: 350px;}
}
@media (max-width:850px){
	.location a {
		width: 100% !important;
		margin: 1% 0;
	}

	#main .col3 {
		padding-right: 0;
	}

	#logo a {float: left;width:100%;height:64px;background-position:0 -515px;}

	#socialfeed{background: #fff}

	#socialfeed #facebook {width:100%;}

	#socialfeed #instagram {width:100%;}

	#socialfeed #facebook .fbtitle {position: static;}

	#socialfeed #facebook .fbimage {width:100%;float:none;}

	#socialfeed #instagram .instapic {float: left; margin: 1px 3px;width:47%;}

	#socialfeed #instagram .instapic img {width: 100%;}

	#siteby a{position:relative;left:30%;}

	.fade {display: none;}

	h1,h1 span {font-size: 38px;line-height:44px;margin: 5px 0;}

	.panorama {
		width: 100%;
		float: left;
	}

	.panorama iframe {
		width: 100%;
		height: auto;
		margin-right: 0;
		min-height: 340px;
	}


}