/* SPECIALS LANDING PAGE: */
#specials-lp {position:relative;}
#specials-lp #left{   transition: all 0.5s; -webkit-transition: all 0.5s;top:158px;  left:0;  width:40%;  height:800px; position:fixed;background:#33383b}
#specials-lp #left.v2{top:150px}
#specials-lp #left .inner{color:#fff;text-align:center; }
#specials-lp #left .inner .l1 {line-height:1.4;font-size:24px;font-weight:500}
#specials-lp.v2 #left .inner .l1 {font-weight:300;font-family:'Montserrat'}
#specials-lp #left .inner .l2 {line-height:1.3;font-size:41px;font-weight:700}
#specials-lp.v2 #left .inner .l2 {font-family:'Montserrat'}
#specials-lp #left .inner .top {padding:100px 0px 63px 0px}
#specials-lp.v2 #left .inner .top {padding:90px 0px 53px 0px}
#specials-lp #left .inner .bottom {width:100%;height:100vh;background:url('images/august.jpg') no-repeat center;background-size:cover}
#specials-lp.september #left .inner .bottom {background:url('images/sept.jpg') no-repeat center;}
#specials-lp.october #left .inner .bottom {background:url('images/october.jpg') no-repeat center right;}
#specials-lp.november #left .inner .bottom {background:url('images/november-specials.jpg') no-repeat center top;}
#specials-lp.november .row1 .left img {width:100%;max-width:240px}
#specials-lp.november .row1 .right img {width:100%;max-width:287px}
#specials-lp.default.november #content .inner {padding-top:33px}
#specials-lp #content {text-align:center;	  margin-left: 40%; 	  }
#specials-lp #content .left {width:50%;float:left}
#specials-lp #content .right {width:50%;float:left}

#specials-lp.default #content .inner .left .ctt {padding-right:30px}
#specials-lp.default #content .inner .right .ctt {padding-left:30px}

#specials-lp #content .inner {padding:52px}
#specials-lp.default #content .inner {padding:80px 30px}
#specials-lp #content img {}
#specials-lp #content h4 {padding-bottom:15px;padding-top:33px;color:#202020;font-size:24px;font-weight:700}
#specials-lp.v2 #content h4 {font-family:'Montserrat';font-size:20px;}
#specials-lp.default #content h4 {padding-top:15px}
#specials-lp #content p {display:block;line-height:18px;max-width:280px;font-size:14px;margin:0 auto}
#specials-lp.v2 #content p {font-family:'Montserrat';font-size:14px;color:#202020}
#specials-lp.default #content p {max-width:100%}
#specials-lp #content p strong {font-weight:700;color:#5f99c1}
#specials-lp #content .row2 p{max-width:300px;}
#specials-lp.default #content .row2 p{max-width:400px}
#specials-lp #content .row2 .right .ctt, #specials-lp.default #content .row2 .left .ctt{margin-top:80px}
#specials-lp #content .row2 img {height:13vw;}
#specials-lp #content a{margin-bottom:10px}
#specials-lp #content a.button {width:210px;height:50px;line-height:50px;margin-bottom:10px;margin-top:28px;display:inline-block;background:#5f99c1;color:#fff;font-size:17px;font-weight:700;}
#specials-lp.v2 #content a.button {font-family:'Montserrat';background:#b491bb;font-size:17px}
#main-footer {position:relative}
.clear {clear:both}
#specials-lp #content .p1 {margin-bottom:8px}

@media only screen and (min-width: 981px) {
	#specials-lp.v2 #left{
		height:calc(100vh - 253px);
	}
	#specials-lp.v2 #left .inner{
		display: -webkit-box;
		display: -moz-box; 
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;     
		flex-direction: column;
		height: 100%;	
		}
	#specials-lp.october #left .inner .top{
		padding:30px 0px 30px 0px;
	}
	.page-id-5567 #specials-lp.october #left .inner .bottom, #specials-lp.v2 #left .inner .bottom{ 
		flex-grow:1;
		background-size:cover;
	}
}
@media only screen and (max-height: 600px) {
	#specials-lp #left .inner .top,#specials-lp.v2 #left .inner .top  {padding:25px 0px}
	
}
@media only screen and (max-width: 1300px) {
	#specials-lp #left {top:191px}
	#specials-lp.default #content p br {display:none} 
	#specials-lp.default #content p span {display:block}
	
}

@media only screen and (max-width: 1200px) {
	#specials-lp #content h4,  #specials-lp.v2 #content h4{font-size:20px;padding-top:20px;}
	#specials-lp #content p {}
	#specials-lp #left .inner .l1 {font-size:20px}
	#specials-lp #left .inner .l2 {font-size:35px}
	#specials-lp #left .inner .top, #specials-lp.v2 #left .inner .top {padding:60px 0px 30px 0px}
	#specials-lp #content .inner, #specials-lp.default #content .inner {padding:50px 30px}
	#specials-lp #left {top:171px}
}

@media only screen and (max-width: 1100px) {
	#specials-lp #left {width:35%}
	#specials-lp #content {margin-left:35%}
	#specials-lp #left .inner .l1 {font-size:18px}
	#specials-lp #left .inner .l2 {font-size:30px}
}

@media only screen and (max-width: 980px) {
	#specials-lp #left {width:100%;position:static;height:100%}
	#specials-lp #left .inner .bottom {height:50vw;background-size:100% !important}
	#specials-lp #content {margin-left:0px}
	#specials-lp #left .inner .top , #specials-lp.v2 #left .inner .top{padding:30px 0px}
	#specials-lp.v2 #content img {height:22vw;}
	#specials-lp.november .row1  img  {max-width:100% !important}

}


@media only screen and (max-width: 660px) {
	#specials-lp #content h4,   #specials-lp.v2 #content h4 {font-size:18px}
	#specials-lp.default #content .ctt{margin-top:50px !important}
	#specials-lp.default #content .inner {padding-top:0px !important}
}


@media only screen and (max-width: 600px) {
	#specials-lp #content .left, #specials-lp #content .right {width:100%;float:none}
	#specials-lp #content .row2 .right .ctt {margin-top:0px}
	#specials-lp #content  img {max-height:250px;width:auto !important;height:auto !important}
	#specials-lp.default #content .inner .left .ctt {padding-right:0px}
	#specials-lp.default #content .inner .right .ctt {padding-left:0px}
	#specials-lp.default #content p {max-width:310px}
	#specials-lp #content .p1 {margin-bottom:0px} 
	#specials-lp #left .inner .bottom {background-size:120% !important;height:70vw} 
	#specials-lp.october #content h4.h42 {margin-top:-30px}

}


@media only screen and (max-width: 360px) {
	
	#specials-lp #left .inner .l1 {font-size:16px}
	#specials-lp #left .inner .l2 {font-size:24px}
}