/* Liberty - By LightCMSs */

@import url("https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,700");



/* ANIMATIONS
------------------------------------------------------------ */

/* fade */
@-webkit-keyframes fadein {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadein {
    from { opacity: 0; }
      to { opacity: 1; }
}

/* zoom */ 
@keyframes zoominlogin {
      0% { transform: scale(0); }
     75% { transform: scale(1.1); }
    100% { transform: scale(1); }
}                             
@-webkit-keyframes zoominlogin {
      0% { -webkit-transform: scale(0); }
     75% { transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}  




/* BODY and CONTAINERS
------------------------------------------------------------ */

body {
	margin: 0;
	padding: 0 0 50px;
	font: 16px/1.7 Georgia, serif;
	color: #5e686b;
	background: #efefef;
	text-rendering: optimizeLegibility;
	height: 100%;	
}

.container {
	width: 100%;
	max-width: 1200px;
	display: block;
	overflow: hidden;
	margin: 0 auto;
}

.wrapper {
	display: block;
	overflow: hidden;
	clear: both;
}


.dpfo { float:right; max-width:150px; }
@media screen and (max-width: 600px) { .dpfo { width:100px; margin:auto; margin-top:-25px; margin-bottom:25px; float:inherit; } }



/* SELECTION AND LINKS
------------------------------------------------------------ */   

::selection {
	background: #16a085; 
	color: #fff;
}
::-moz-selection {
	background: #16a085; 
	color: #fff;
}


a {
	color: #f38a51;
	
	-webkit-transition: all 0.35s ease-in-out; 
	   -moz-transition: all 0.35s ease-in-out; 
	     -o-transition: all 0.35s ease-in-out; 
	    -ms-transition: all 0.35s ease-in-out; 
	        transition: all 0.35s ease-in-out;
}
	a:hover {
		color: #16a085;
	}
		.lcms_pagebar a {
			-webkit-transition: all 0s ease-in-out; 
			   -moz-transition: all 0s ease-in-out; 
			     -o-transition: all 0s ease-in-out; 
			    -ms-transition: all 0s ease-in-out; 
			        transition: all 0s ease-in-out;
		}
		
		
		


/* HEADINGS
------------------------------------------------------------ */   

h1,
h2,
h3,
h4,
h5,
h6 {
	font: 600 14px/1.3 "Raleway", "Avenir Next", Avenir, "Helvetica Neue", sans-serif;
	margin: 0 0 15px;
	padding: 0;
	color: #16a085;
}
	h1 {
		font-size: 34px;
	}
	h2 {
		font-size: 28px;
	}
	h3 {
		font-size: 24px;
	}
	h4 {
		font-size: 18px;
	}
	h5 {
		font-size: 16px;
	}
	h6 {
		font-size: 14px;
	}





/* GENERAL NON-CMS SPECIFIC CALLINGS (reset overwrites)
------------------------------------------------------------ */ 

.element p {
	margin: 0 0 1.5em;
}

blockquote {
	border-left: 6px solid #16a085;
	margin: 0 0 30px 0;
	padding: 10px 0 10px 20px;
    color: #000;
	font-size: 115%;
}   


/* lists */
.element ol {
	list-style: decimal; 
	margin: 0 0 1.5em 40px;
}	
	.element ol li {
		margin-bottom: 10px; 
	}
		
.element ul,
.postBody ul {
	list-style: circle; 
	margin: 0 0 1.5em 45px;
}	
	.element ul li,
	.postBody ul li {
		margin-bottom: 8px; 
	}


/* alignment */
.left {
	float: left;
	display: block;
}

.right {
	float: right;
	display: block;
}


/* inputs */
input,
textarea,
select {
	font: 500 16px "Raleway", "Avenir Next", Avenir, "Helvetica Neue", sans-serif;
}

input:focus,
textarea:focus,
select:focus {
	outline: 0;
	-moz-outline-style: none;
	border-color: #bbb !important;
}


/* misc */
img {
	vertical-align: bottom;
}

img,
embed {
	max-width: 100%;
}

		
/* tables */
table {
	border-collapse: collapse;
    margin: 15px 0 1.5em;
	color: #000;
	max-width: 100%;
	background: #EFEFEF;
}
	table th {
		background: #262629;
		color: #fff;
		font: bold 18px/1.3 "Raleway", "Avenir Next", Avenir, "Helvetica Neue", sans-serif;
		text-align: left;
		padding: 15px;
	}
	
	table tr:nth-child(even) {
		background: #fff;
	}
	
	table td {
		padding: 15px;
		font-size: 15px;		
	}



/* def lists */
dl {
	margin-bottom: 1.5em
}
	dl dt {
		font: bold 18px/1.3 "Raleway", "Avenir Next", Avenir, "Helvetica Neue", sans-serif;
	}


/* pre and code */
pre {
	margin-bottom: 1.5em;
	white-space: pre-wrap; 
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}

code {
	display: block;
	margin-bottom: 1.5em;
}
	

/* hr */
hr {
	border: 1px solid #ccc; 
	border-width: 0 0 1px; 
	border-collapse: collapse; 
	clear: both; 
	margin: 1.5em 0; 
} 
	p hr {
		margin: 0;
	}


	
	

#cta_top { padding:10px; background-color:#efefef; margin-bottom:15px; }
#cta_top p { margin:0; }





/* HEADER
------------------------------------------------------------ */ 

header {
	padding: 50px 0 0;
	text-align: center;
}
	/* logo */
	.logo {
		margin: 0 8%;
	}
		.logo h1 a {
			color: #5e686b;
			text-decoration: none;
			display: inline-block;
		}
			.logo h1 a:hover {
				color: #5e686b;
			}

	.logo h1 {
		font-weight: 200;
		text-transform: uppercase;
		letter-spacing: .07em;
		display: inline-block;
		line-height: normal;
		font-size: 30px;
		
		-webkit-transition: all 0.35s ease-in-out; 
		   -moz-transition: all 0.35s ease-in-out; 
		     -o-transition: all 0.35s ease-in-out; 
		    -ms-transition: all 0.35s ease-in-out; 
		        transition: all 0.35s ease-in-out;
	}
		.logo h1:hover {
			border-color: #000;
		}
			.logo h1:hover a {
				color: #222;
			}




/* login token */
header .profile {
	display: none;
}

@media screen and (min-width: 850px) {	
	header .profile {
	display: block;
	position: absolute;
	top: 17px;
	right: 63px;
	border-radius: 50%;
	overflow: hidden;
	height: 28px;
	width: 28px;
	}
}


/* header navigation */
header .wrapper {
	background: #262629;
	padding: 20px 8%;
	position: relative;
	min-height: 60px;
}
	
header nav {
	float: left;
	font-family: "Raleway", "Avenir Next", Avenir, "Helvetica Neue", sans-serif;
	text-align: justify;
}
	
	header nav ul {
		position: static;
	}
		header nav ul li {
			display: inline-block;
			padding: 0 2.9em 0 0;
		}
			header nav ul li:last-child {
				padding-right: 0;
			}

		header nav ul a {
			display: block;
			font-size: 16px;
			color: #fff;
		}
	
	header nav .level2 {
		display: none;
	}
	
	
		/* navigation responsive ------------------------------------ */	
		@media screen and (max-width: 850px) {	
			header nav {
				background: url("images/sprite.png") no-repeat 0 0;
				width: 24px;
				height: 21px;
				margin: 0 20px 0 0;
				cursor: pointer;
				z-index: 9995;
				text-align: left;
			}						
				header nav ul {
					position: fixed;
					display: none;
					top: 0;
					bottom: 0;
					right: 0;
					left: 0;
					width: 100%;
					margin: 0;
					background: rgba(15%, 15%, 16%, .98);
					float: none;
					text-align: center;
					padding-top: 15%;
					overflow: auto;
					z-index: 9995;

					-webkit-transition: all 0.55s ease-in-out; 
					   -moz-transition: all 0.55s ease-in-out; 
					     -o-transition: all 0.55s ease-in-out; 
					    -ms-transition: all 0.55s ease-in-out; 
					        transition: all 0.55s ease-in-out;
				}			
						header nav ul.active {
							display: block;
							cursor: default;
	
						    -webkit-animation: fadein .55s;
						    		animation: fadein .55s;
						}
						
						header nav > ul::before {
							display: block;
							position: fixed;
							top: 20px;
							right: 20px;
							background: #efefef;
							width: 33px;
							height: 33px;
							padding: 0;
							text-align: center;
							content: "x";
							color: #29292b;
							border-radius: 20px;
							font: bold 30px/30px "Raleway", "Avenir Next", Avenir, "Helvetica Neue", sans-serif;
							cursor: pointer;
							
							-webkit-box-sizing: border-box;
							   -moz-box-sizing: border-box;
							        box-sizing: border-box;
						}
						
						.admin header nav ul {
							top: 50px;
						}
				
				
					header nav ul li {
						display: block;
						text-align: center;
						color: #fff;
						margin: 0;
						padding: 0;
					}

					
					header nav ul a {
						padding: 15px 0;
						font-size: 20px;
						font-weight: 600;
						color: #fff !important;
					}
					
					/* level 2 / 3 */										
					nav .level2,
					nav .level3 {
						position: static;
						margin: -5px 0 0;
						background-color: transparent;
						padding: 0 20px 15px;	
						border-top: 0;	
						width: 100%;
						min-width: 100% !important;
						display: block !important;
						left: auto !important;
						right: auto !important;
	
					    -webkit-animation: fadein 0s;
					    		animation: fadein 0s;
					}
							nav .level3 {
								padding-bottom: 0 !important;
							}
						nav .level2 li,
						nav .level3 li {
							border-bottom: 0;
							margin-right: 0 !important;
							display: block !important;
						}
						
						nav .level2 a,
						nav .level3 a {
							color: #fff !important;
							font-size: 15px;
							font-weight: 500;
							opacity: .7;
						}
							
							nav .level3 a {
								opacity: .3 !important;
							}
							
							nav .level4 {display: none;}
						
			}



/* cart */
.cartFull {
	background: url("images/sprite.png") no-repeat -200px 0;
	width: 27px;
	height: 25px;
	position: absolute;
	right: 13.5em;
	top: 22px;
	text-indent: -9999px;
	
	-webkit-transition: all 0.35s ease-in-out; 
	   -moz-transition: all 0.35s ease-in-out; 
	     -o-transition: all 0.35s ease-in-out; 
	    -ms-transition: all 0.35s ease-in-out; 
	        transition: all 0.35s ease-in-out;
}
		@media screen and (min-width: 850px) {	
			.cartFull.active {
				right: 18em !important;
			}
		}
		
		@media screen and (max-width: 850px) {	
			.cartFull {
				right: 145px !important;
			}
		}
		
		.cartFull:hover {
			opacity: .8;
		}
		
	.cartFull a {
		display: block;
		height: 100%;
		width: 100%;
	}
	
	
		


/* search */
.search {
	position: absolute;
	top: 15px;
	right: 100px;
	width: 200px;
}		
	.searchInput {
		float: right;
		border: 1px solid rgba(255, 255, 255, .2);
		border-radius: 50px;
		width: 110px !important;
		background: none;
		margin: 0;
		padding: 8px 20px;
		font-weight: 400;
		color: #fff;
		font-size: 13px;
		width: auto;
		
		-webkit-transition: all 0.35s ease-in-out; 
		   -moz-transition: all 0.35s ease-in-out; 
		     -o-transition: all 0.35s ease-in-out; 
		    -ms-transition: all 0.35s ease-in-out; 
		        transition: all 0.35s ease-in-out;
	}	
		.searchInput:focus {
			width: 180px !important;
		}

	.searchButton {
		position: absolute;
		top: 10px;
		right: 10px;
		background: url("images/sprite.png") no-repeat -100px 0;
		margin: 0;
		padding: 0;
		border: none;
		width: 13px;
		height: 13px;
		display: block;
		overflow: hidden;
		text-indent: -9999px;
		cursor: pointer;
		opacity: .6;
	}
		.searchButton:hover {
			opacity: 1;
		}
		

		@media screen and (max-width: 850px) {	
			.search {
				right: 30px;
				width: 100px;
			}		
				.searchInput,
				.searchInput:focus {
					width: 100px !important;
				}	
			
		}







/* CONTENTS
------------------------------------------------------------ */ 
		
.content {
	background: #fff;
}


/* feature area */
.feature {
	color: #fff;
	background: #5e686b;
	text-align: center;
}

	.feature .element {
		padding: 100px;
	}

	.feature .element p,
	.feature .element ul,
	.feature .element ol {
		max-width: 700px;
		margin-left: auto;
		margin-right: auto;
	}

	.feature h1 {
		color: #fff;
		font-size: 64px;
	}

	.feature .element.full {
		max-width: 100%;
		padding: 0;
		margin: 0;
	}
	
	


/* main content */
.main-content {
	margin: 0 auto;
	overflow: hidden;
	max-width: 1000px;
	padding: 80px 0 0;
}	

	@media screen and (max-width: 1024px) {	
		.main-content {
			padding-left: 8% !important;
			padding-right: 8% !important;
		}
	}	


/* spotlight */
.spotlight {
	display: block;
	overflow: hidden;
	clear: both;
}
	.spotlight .box {
		width: 30%;
		max-width: 300px;
		display: block;
		float: left;
	}

	.box + .box {
		margin: 0 5%; 
	}

	.box + .box + .box {
		margin: 0;
	}
	
	@media screen and (max-width: 800px) {	
		.spotlight .box {
			width: 100%;
			max-width: 100%;
			float: none;
			margin: 0;
		}
	}	

	.spotlight .element {
		margin: 0 0 80px;
	}


/* columns */
.two-column {
	display: block;
	overflow: hidden;
	clear: both;
}
	.two-column .left,
	.two-column .right {
		width: 45%;
	}

	@media screen and (max-width: 800px) {	
		div.left,
		div.right {
			width: 100% !important;
			float: none !important;
		}
	}	

	.two-column .element {
		margin: 0 0 80px;
	}


.one-column {
	max-width: 700px;
	margin: 0 auto;
	display: block;
	clear: both;
}
	.fullwidth .one-column {
		max-width: 850px;
	}


/* special */
.special {
	background: #70b6c9;
	text-align: center;
	color: #3b4244;
	clear: both;
}
	.special h1,
	.special h2,
	.special h3,
	.special h4,
	.special h5,
	.special a {
		color: #fff;
	}
		.special a:hover {
			text-decoration: underline;
		}

	.special .element {
		max-width: 650px;
		margin: 0 auto;
		display: block;
		padding: 80px;
	}

	.special .container ~ .element,
	.bottom-content .container ~ .element {
		padding-top: 0;
	}

	.special .element.full {
		max-width: 100%;
		padding: 0;
		margin: 0;
	}

	.special .container,
	.bottom-content .container {
		padding-top: 80px;
	}

	.special .element + .element,
	.special .element + .container,
	.bottom-content .element + .element,
	.bottom-content .element + .container {
		padding-top: 0;
	}

	.special .element:first-child {
		padding-bottom: 80px;
	}


.bottom-content {
	max-width: 1000px;
	margin: 0 auto;
	display: block;
	overflow: hidden;
}



/* inside */
.inside .main-content {
	padding-bottom: 80px;
}

.inside .main-column {
	width: 60%;
	max-width: 600px;
}

.inside .sub-column {
	width: 30%;
	max-width: 300px;
}

.inside .main-content .element {
	margin-bottom: 40px;
}
	.inside .element:last-child {
		margin-bottom: 0;
	}


	@media screen and (max-width: 800px) {	
		.inside .main-column,
		.inside .sub-column {
			width: 100%;
			max-width: 100%;
		}
	}	







/* SUB NAV
------------------------------------------------------------ */

.sub-nav {
	margin: 0 0 50px;
	font-size: 18px;
	font-family: "Raleway", "Avenir Next", Avenir, "Helvetica Neue", sans-serif;
}

	.sub-nav li a {
		padding: 10px 15px;
		display: block;
		border-left: 1px solid #efefef;
	}
		.sub-nav li a:hover {
			border-left: 1px solid #777;
			color: #777;
		}

		.sub-nav li a.selectedPage {
			color: #fff;
			background: #f38a51;
			border-left: 1px solid #f38a51;
			text-decoration: none;
		}

		.sub-nav li a.selectedPageParent {
			background: #efefef;
			color: #666;
			border-left: 1px solid #efefef;
		}

	.sub-nav ul {
		padding: 0 0 10px 25px;
	}

		.sub-nav ul li {
			font-size: 88%;
		}

		nav .sub-nav ul li a {
			border: none;
			text-decoration: none;
		}

	.sub-nav ul li a:hover {
		border: none;
	}

	.sub-nav ul li.selectedPage a {
		border: none;
	}







/* FOOTER
------------------------------------------------------------ */

footer {
	width: 100%;
	max-width: 1200px;
	overflow: hidden;
	clear: both;
	padding: 50px 0;
	margin:  0 auto;
	text-align: center;
	font-family: "Raleway", "Avenir Next", Avenir, "Helvetica Neue", sans-serif;
	color: #999187;
	font-size: 15px;
}
	footer a {
		color: #999187;
	}
		footer a:hover {
			color: #222;
			border-color: #999 !important;
		}

	/* footer nav */
	footer nav {
		margin: 0 0 30px;
	}
		footer nav li {
			display: inline-block;
			margin: 0 5px;
		}

		footer nav a {
			border-bottom: 1px solid #ddd;
		}

	footer .wrapper span {
		display: inline-block;
		vertical-align: middle;
		margin: 0 10px;
	}

	/* social */
	.socialMedia {
		display: inline;
		margin: 0;
		padding: 0;
	}
		.socialMedia li {
			display: inline-block;
			margin: 0 5px;
			width: auto;
			height: auto;
		}

		.socialMedia a {
			text-indent: 0;
			background: none;
		}









/* 
------------------------------------------------------------------------------------
CMS STYLES
------------------------------------------------------------------------------------ 
*/



/* BLOG ITEM
------------------------------------------------------------ */

/* blogs listings */             
.blogList ul {
	margin: 0 0 1.5em !important; 
	padding: 0 !important;    
}
	.blogList ul li {      
		margin: 0 0 2em !important; 
		padding: 0 !important;
	}			  
		
	.blogList ul li .postInfo {
		margin: 0 0 20px !important; 
		font-size: 14px; 
		color: #aaa; 
		font-style: italic;  
	}	
		.blogList ul li .postInfo a {
			color: #bbb;
		}
				
				
	.rss,
	.blogBack {
		display: none;
	}   
	
	                                                                     
	/*  for blog/calendar list items to still have list bullets */	
	.blogList ul li ul, 
	.eventsList ul li ul, 
	.blogList ol li ul, 
	.eventsList ol li ul {
		margin: 0 0 1.5em 45px !important; 
	}  
    .blogList ul li li, 
	.eventsList ul li li {
		list-style: circle !important;
		margin: 0 0 8px !important; 
	}                                     






/* post detail page */  
.postViewInfo {
	border: none !important;  
	padding: 0 !important;    
	color: #bbb !important;  
	font-size: 14px !important; 
	font-style: italic; 
}     
	.postViewTags a {  
		margin-left: 2px !important;
	}   
	.postViewTags li {  
		border: none !important;
	}  




/* blog comments */ 
.commentsHead {
	padding: 55px 0 0;
	text-transform: uppercase;
	font-size: 22px;
} 	        
	dt.comment {
		background: transparent !important;
		margin: 0 !important;
		padding: 0 0 5px 0 !important;
		border: none !important;
		font-size: 13px;
		font-weight: normal;
		color: #bbb;   
	}    
		.comment a {
			text-decoration: none; 
			font-size: 18px;  
			font-weight: 500;  
		} 

	dd.comment {                      
		background: #fff !important;        
		margin: 0 0 55px !important;   
		border-bottom: none !important;  
		padding: 0 0 20px !important; 
	}					
		dd.comment .commentDate {
			font-size: 13px; 
			color: #bbb;    
			margin-bottom: -5px !important;
			padding-top: 10px !important;         
		}  
	
		dd.comment:after { 
			bottom: 100%; 
			border: solid transparent; 
			content: " "; 
			height: 0; 
			width: 0; 
			position: absolute; 
			pointer-events: none; 
		} 



/* comments form */
.commentsForm {
	clear: both;  
	background: #efefef;
	padding: 25px 25px 10px; 	
	max-width: 500px;
	margin: 0 auto;
}           
	.addComment { 
		padding: 15px 0 0;
		text-transform: uppercase;
		font-size: 22px;
		margin-bottom: 25px;
	}

	.commentsForm label, 
	.commentsForm span {
		font-weight: normal;
		display: block;    
		font-size: 15px;   
	    margin: 5px 15px 5px 0; 
	} 
		.comments .commentsForm h3.addComment + p + p + p + span {
			margin-bottom: 0 !important;
		}
		.comments .commentsForm h3.addComment + p + p + p + span + br,
		.comments .commentsForm h3.addComment + p + p + p + span + br + img + br + input + span {
			display: none !important;
		}

	.commentsForm input, 
	.commentsForm textarea { 
		clear: both; 
		background: #fff;
		border: none;
		padding: 9px 10px; 
		width: 100% !important;  
		border: 1px solid #ddd;
	}     	

	.comments .commentsForm h3.addComment + p + p + p + span + br + img { 
		border: 1px solid #ddd;
	}

	.comments .commentsForm h3.addComment + p + p + p + span + br + img + br + input {
		width: 40% !important;
		min-width: 100px;
		margin: 10px 0 20px 0;
	}
	.comments .commentsForm h3.addComment + p + p + p + span + br + img + br + input + br {
		width: 40% !important;
		min-width: 100px;
		margin: 10px 0 20px 0;
	}

	.commentsForm input.submitComment {  
		font-family: "Raleway", "Avenir Next", Avenir, "Helvetica Neue", sans-serif;
		background: #f28a57;
		display: inline-block;
		font-weight: 700;
		color: #fff;
		padding: 15px 40px;
		text-decoration: none;
		font-size: 18px;
		line-height: normal;
		border: none;
		width: auto !important;

		-webkit-transition: all 0.5s ease-in-out;
		   -moz-transition: all 0.5s ease-in-out;
		     -o-transition: all 0.5s ease-in-out;
		    -ms-transition: all 0.5s ease-in-out;
		        transition: all 0.5s ease-in-out;  	  
	}
		.commentsForm input.submitComment:hover {
			background: #cc5e2c;
		}

	.commentsForm .note {
		display: none;
	}







/* EVENTS / CALENDAR 
------------------------------------------------------------ */
	  	
/* calendar detail page */  
.event .eventDate {
	margin: 0 0 15px; 
	font-size: 14px; 
	color: #aaa; 
	font-style: italic;
} 
	.eventTime {		
		color: #bbb; 
	}          

.event .eventBack a {
	display: none;
} 



/* event list */	      
.eventsList ul {
	margin: 0 !important; 
	padding: 0 !important; 
	list-style: none;
}
	.eventsList ul li { 
		margin: 0 0 25px !important; 
		padding: 0 !important;
		background-image: none;   
	}
	
	.eventsList ul li > a {
		text-decoration: none;
		color: #16a085;
		line-height: 1.3;
		font-size: 28px;
		font-weight: bold;
		font-family: "Raleway", "Avenir Next", Avenir, "Helvetica Neue", sans-serif;
	}
		
	.eventsList ul li .eventDate {
		margin: 0 0 5px 0; 
		font-size: 14px; 
		color: #aaa; 
		font-style: italic;
	}	 	
		.eventsList ul li .eventDate {
			color: #bbb; 
		}  	      

                                        

/* tabular */      
.eventsCalendar {
	margin: 0 0 60px; 
	width: 100%;
	position: relative;
}   	 
	.eventsCalendar table {
		border: none; 
		border-color: #efefef !important; 
		background-color: #efefef;
		width: 100%; 
		margin: 0 !important;		
	}		 
		.eventsCalendar table td {
			padding: 0;
		}	
	
	/* title and arrows */
	.calendarTitle {
		background: #efefef !important; 
		height: 90px !important;
		position: relative;
	}		
		.calendarTitle td {
			font-weight: 700 !important;
			color: #000 !important; 
			background: #f1f1f1 !important; 
			font-size: 17px !important; 
			letter-spacing: 1px;   
			text-transform: uppercase;
			padding: 20px 10px !important; 
		}	
		
		.calendarNextPrevious:first-child a,
		.calendarNextPrevious:last-child a  {
		    background: url("images/cal-arrow.png") top right no-repeat !important;
		    display: block;
			text-indent: -9999px !important;
		    height: 40px;
		    width: 35px; 
			top: 24px;
			right: 10%;
			position: absolute;
			padding-top: 10px;
			font-size: 12px;
			text-transform: uppercase;
			border: none !important;
		}
			.calendarNextPrevious:first-child a {
			    background: url("images/cal-arrow-left.png") top left no-repeat !important;
				left: 10%;
				right: auto;
			}
			
				
	/* monday thru friday */						
	.calendarDayHeader {
		color: #999 !important;	
		background: #fff !important;	
		font-size: 12px; 
		text-transform: uppercase; 
		height: 1px; 
		text-align: center !important; 
		padding: 15px 0 !important;                   
		border-color: #fff !important; 
		border-top: 1px solid #eee !important;  
		border-bottom: 1px solid #eee !important; 
	}
	    
	.eventsCalendar .eventTime {
		font-style: italic;
		display: block;
		padding: 10px 0 0 !important;
	} 
		 
	.eventsCalendar .eventTime:before {
		content: "" !important;
	}
	
	.calendarWeekendDay,
	.calendarOtherMonthDay,
	.calendarDay,
	.calendarToday {
		vertical-align: top;
		background: #fafafa !important;
		border: 0 !important;
		border-bottom: 1px solid #efefef !important;
		padding: 1.5em .5em !important;
		font-size: 12px;
		line-height: 18px; 
	}		
		.calendarWeekendDay a,
		.calendarOtherMonthDay a,
		.calendarDay a,
		.calendarToday a {
			font-size: 14px;
			color: #2e2e2e;
			display: block;
			margin-top: 15px;
			margin-bottom: -5px;
			text-decoration: none;
			font-weight: normal;
		}
		
		.calendarOtherMonthDay {
			color: #ccc !important;
		}
	




/* FORMS
------------------------------------------------------------ */

.form_container {
	margin: 20px 0 !important;	
} 

	.form_container .fieldItemInner,
	.form_container .submitButtonContainer {
		padding: 0 !important;
	}

	.form_container .fieldRow {
		display: block;
	}

	.form_container .fieldBlock {
		margin: 0 0 10px;
		width: 98.5%;
	}

	.form_container .formHeader {
	}

	.form_container .title {
		font-weight: 500 !important;
		font-size: 15px; 
		margin-bottom: -15px !important; 
	}

	.form_container .textField, 
	.form_container .form_container select { 
	    color: #666;
		-webkit-appearance: none;
		padding: 11px 13px;
		border: 1px solid #ddd;
		margin: 0;
	}   		
		
	    .form_container select {padding: 3px 5px; max-width: 90% !important;}   

	.form_container .choice-option {
		background: #fff;
		display: inline-block !important;
		padding: 10px 18px 10px 12px !important;
		border: 1px solid #eaeaea;
		margin: 0 12px 12px 0 !important;
	}		
		.form_container .choice-option input {margin-right: 10px;}

		.form_container .choice-option label {
			font-size: 13px;
			color: #777 !important; 
		}

		.form_container .choice-option:hover {border-color: #ccc;}

	.form_container .fieldNote, 
	.form_container .fieldName,
	.form_container .fieldInstructions {
		font-size: 13px !important;
		font-style: italic !important;
		margin: 5px 0 0 0;
	}        

	.form_container img {                     
		display: block;  
		max-width: 170px; 
		max-height: 40px;  
		margin-top: 10px;     
		position: relative;
		border: 2px solid #fff;
		z-index: 9;
	}   	

	.form_container .submitButton {  
		font-family: "Raleway", "Avenir Next", Avenir, "Helvetica Neue", sans-serif;
		background: #f28a57;
		clear: both;
		margin-top: -50px;
		font-weight: bold;
		border: none;
		color: #fff;
		padding: 9px 15px;
		width: 120px !important;
		font-size: 18px;
		cursor: pointer;
		margin-left: 0;
		text-transform: uppercase;
	}	
		.form_container .submitButton:hover { 
			background: #cc5e2c;  
		}


	/* getting the widths right */	
	.type-text input,
	.type-address input,
	.type-email input,
	.type-website input,
	.type-number input,
	.type-captcha input,
	.type-fileupload input,
	.type-paragraph textarea {
		width: 90% !important;
	}

	.type-name input {
		width: 90% !important;
	}

	.type-date input,
	.type-phone input,
	.type-time input {
		width: 70% !important;
	}

	.type-time select {
		width: 100% !important;
	}

	.type-name .fieldBlock {
		width: 47.5% !important;
	}

	.type-date .fieldBlock,
	.type-phone .fieldBlock,
	.type-time .fieldBlock {
		width: 20% !important;
	}

	.type-address .fieldRow:nth-child(3) .fieldBlock {
		width: 30%;
	}

	.type-address .fieldRow:nth-child(3) .fieldBlock input {
		width: 80% !important;
	}

	.type-address .fieldRow:nth-child(3) .fieldBlock select {
		width: 100% !important;
	}



.fieldSelected {
	background: transparent !important; 
	border-color: transparent !important;
}

.fieldItemError {
	padding-left: 10px !important;
}


/* confirmation popup */
.confirmation-content {
	height: 100px !important;
	min-height: 200px;
}
	.confirmation-content-message {
		padding: 25px !important;
		position: relative;
	}

	.confirmation-content-message p {
		margin-bottom: 20px;
	}

	.confirmation-content-message p a {
		color: #000;
		font-weight: normal;
		text-decoration: underline;
	}





/* EVITE 
------------------------------------------------------------ */	

.EviteElement {
	width: 100%;
	margin: 20px 0 30px !important;	
}

	.EviteElement label {	
		display: block;    
		font-size: 16px;   
	    margin: 4px 0 0 0; 
		font-style: italic;
		font-weight: normal;
	}

	.EviteElement p span { /* error */
		font-size: 16px;   
	    margin: 4px 0 0 0; 
	}

	.EviteElement em {
		font-weight: normal !important;
		font-size: 13px;
	}

	.EviteElement input, 
	.EviteElement textarea { 
		background: #fff;
		max-width: 60%;
		padding: 11px 10px 11px 10px; 
		border: none;
		border: 1px solid #ddd;	

		-webkit-transition: all 0.5s ease-in-out;
		   -moz-transition: all 0.5s ease-in-out;
		     -o-transition: all 0.5s ease-in-out;
		    -ms-transition: all 0.5s ease-in-out;
		        transition: all 0.5s ease-in-out;  	 
	}  

	.EviteElement img {
		display: block;  
		margin-bottom: -20px;
		border: 2px solid #fff;
	} 

	.EviteElement .EviteButton {  
		clear: both; 
		font-weight: bold;
		background: #f28a57;
		border: none;
		color: #fff;
		padding: 15px 15px 12px;
		width: 150px !important;
		font-size: 18px;
		letter-spacing: 1px;
		text-transform: uppercase;
		margin-right: 10px;
		margin-bottom: 10px;
		cursor: pointer;
	}	
		.EviteElement .EviteButton:hover { 
			background: #cc5e2c;  
		}





/* GALLERY
----------------------------------------------------------*/

/* caption color */ 
html body#body form div.page-container .sldw_caption h3,
html body#body form div.page-container .sldw_caption p {
    color: #fff !important; 
}


/* light boxing */
#lcms_fancybox-overlay {
	background-color: #fff !important;
}

.lcms_fancybox-opened .lcms_fancybox-skin {
	box-shadow: 0 0 0 #fff !important;
	border-radius: 0 !important; 
}

.lcms_fancybox-title-over-wrap {
	background: #666 !important;
}

#lcms_fancybox-title > span {
    display: block;
    font-weight: 300;
	font-size: 14px;
    padding: 20px;
	text-align: center;
}


#lcms_fancybox-desc {
	padding-top: 15px !important;
	display: block;
}

#lcms_fancybox-desc h1, 
#lcms_fancybox-desc h2, 
#lcms_fancybox-desc h3, 
#lcms_fancybox-desc h4 {
	color: #fff !important;
}







/* LOGIN
------------------------------------------------------------ */

.loginElement {
	background: #fff;
	border-radius: 4px;
	border: 1px solid #ddd;
	width: 350px;
	margin: 15% auto 0;
	padding: 30px 40px 10px;
		
    animation-name: zoominlogin;
    animation-duration: 0.8s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;

    -webkit-animation-name: zoominlogin;
    -webkit-animation-duration: 0.8s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out; 
}

.loginElement h1.title {
	display: none;
}

.loginElement input {
	width: auto;
	padding: 10px;
	margin: 0;
	background: none;
	border: 1px solid #ddd;
	color: #999;
}

.loginElement .remember {
	font-size: 13px;
	color: #aaa;
}
	.loginElement .remember input {
		margin-right: 10px;
	}

.loginElement .button {
	font-weight: bold;
	background: #f28a57;
	border: none;
	color: #fff;
	padding: 10px 20px;
	font-size: 18px;
} 








/* SHOPPING CART 
------------------------------------------------------------ */	

/* product list - details */
.productListing {
    margin: 0 !important; 
	width: 100% !important;
}	
	.productListing li {
	    font-style: normal !important;
		background-image: none !important;
	    margin: 0 0 35px 0 !important;
	    padding: 0 0 20px 0 !important;
	    position: relative;
	    width: 100%; 
		border: none !important;
	}				
			.productListing li img {
			    max-width: 100%;
			}	
	
		.productListing li .productImageContainer {
			margin-bottom: 20px;
			max-width: 30%;	
			float: left !important;
			margin-right: 15px;
		}

		.productListing h3.productTitle {
		    margin: 0 !important; 
		}		
			.productListing h3.productTitle a {
			    font-size: 21px;
				text-decoration: none;
			}

		.productListing h4.productType,
		.productListing h4.productVendor {			
			display: inline-block;
		    font-size: 14px !important;
		    font-style: italic !important;
			font-weight: 300 !important;
		    padding: 0; 
		}

		.productListing .productDescription {
			padding-top: 15px;
		}
		
		.productListing .productPriceContainer {
			display: block !important;
		}			
			.productListing .productPriceContainer .productPrice,
			.productUnavailable,
			.productDetailUnavailable {
				font-size: 16px !important;
				float: left;
				display: block !important;
				padding: 0 !important;
				margin: 10px 0 0 !important;
			}
			
			.productUnavailable {
				padding-left: 30px !important;
				font-style: italic;
				font-size: 12px !important;
			}
				.productListingGrid .productUnavailable {
					float: none;
					text-align: center;
					padding-left: 0 !important;
				}
		
	/* add to cart and select buttons */
	.productAddToCart, 
	a.productSelectOptions {
	    -webkit-appearance: none;
		background: #cc5e2c !important;
		display: inline-block !important;
		padding: 11px 15px !important;
		border: none !important;   
		text-transform: uppercase; 
		font-size: 15px;
		color: #fff !important;  
		cursor: pointer;
		margin-left: 20px;
		text-decoration: none;

	    -webkit-transition: all 0.3s ease-in-out;
	       -moz-transition: all 0.3s ease-in-out;
	         -o-transition: all 0.3s ease-in-out;
	        -ms-transition: all 0.3s ease-in-out;
	            transition: all 0.3s ease-in-out;  
	}
		.productAddToCart:hover, 
		a.productSelectOptions:hover {
			background: #f38a51 !important;
		}






/* Product Listing - Grid */
.productListingGrid {
    margin: 0 !important; 
	width: 100% !important;	
}	
	.productListingGrid li {		
		display: block !important;
	    margin: 0 3% 1.5em 0 !important;
		padding: 0 !important;
	 	width: 30% !important; 
		float: left !important;
		text-align: center !important;
	    position: relative;	
		border-bottom: none !important;
	}	
		.productListingGrid li span.productImageContainer {
			margin: 0 0 10px 0 !important;
		}
		.productListingGrid .productFeaturedImage {
			margin-left: 0 !important;
		}			
			.productListingGrid .productFeaturedImage img {
			    max-width: 100%;	
				padding: 0 !important;
				margin: 0 !important;
				vertical-align: bottom;
			}

		.productListingGrid h3.productTitle,
		.productListingGrid h3.productTitle a {
			font-size: 15px !important;
			line-height: 19px !important;
			padding: 0 !important;		
			margin: 0 0 4px 0 !important;
		}
		
		.productListingGrid .productPriceContainer {
			display: block !important;
			padding: 0 !important;
		}			
			.productListingGrid .productPriceContainer .productPrice {
				font-size: 13px !important;
				color: #828282;
				float: none;
				margin-top: 0 !important;
			}	

	.productListingGrid a.productSelectOptions,
	.productListingGrid .productAddToCart {
		display: none !important;
	}
	

	/* getting the grids lined up right */
	.productListingGrid li:last-child {margin-right: 0 !important;}
	
	.productListingGrid li:nth-child(2n+1) {clear: none !important;}
	.productListingGrid li:nth-child(4n) {clear: left !important;}
	

	.productListingGrid li h3.productTitle {display: block; clear: both;}
		.productListingGrid li span.productImageContainer {padding: 0 !important;}
		.productListingGrid li span.productImageContainer {max-width: 100%;}
		
		

/* product more info */
.productDetailImageContainer {
	display: block;
	float: right;
	overflow: hidden;
	margin-bottom: 20px;
	width: 100%;
	max-width: 320px;
}
	
	.productDetailImageContainer .productDetailImageList .productDetailImage {
		margin: 0; 
		padding: 0;
		width: 100% !important;	
	}	
	
	.productDetailImageContainer .productDetailImageThumb {
		padding: 0 !important;
		margin-right: 26px !important;
		margin-top: 10px !important;
	}
		
		.productDetailImageContainer .productDetailImageThumb a {
			padding: 0 !important;
		}
	
	.productDetailImageThumb:last-child {
		margin-right: 0 !important;
	}
	
	
/* hiding stuff i dont want */	
.productDetailDescriptionTitle,
.productDetailTitle {
    display: none;
}

ul.productDetailVariantList {
	height: 1px;
	visibility: hidden;
}

.productDetailType,
.productDetailVendor {
	display: inline-block;
	font-size: 13px !important;
	color: #828282 !important;
	font-style: italic;
	font-weight: 300 !important;
	margin-bottom: 10px !important;
}

.productDetailPrice {
	color: #000;
    font-size: 16px !important;
    font-weight: 300 !important;
}

.productDetailAddToCartContainer {
	border: 1px solid #dadada;
	border-width: 1px 0;
	padding: 10px 0 0;
	margin-bottom: 20px;
	width: 100%;
	max-width: 425px;
}
	
	.productDetailAddToCartContainer select,
	.productDetailAddToCartContainer #productDetailCartQuantity {
	    color: #999;
		font-size: 13px;
		border: 1px solid #dadada;
		padding: 8px 10px;
		display: block;
	}
	
	span.productDetailQuantity, 
	#productDetailCartQuantity {
		display: inline-block !important;
	}
	

.productDetailAddToCart { 
	background: #cc5e2c !important;
	display: inline-block;
	padding: 11px 15px !important;
	border: none !important;   
	text-transform: uppercase; 
	font-size: 15px;
	color: #fff !important;    
	margin: 0 0 0 20px !important;

	    -webkit-transition: all 0.3s ease-in-out;
	       -moz-transition: all 0.3s ease-in-out;
	         -o-transition: all 0.3s ease-in-out;
	        -ms-transition: all 0.3s ease-in-out;
	            transition: all 0.3s ease-in-out;  
}
	.productDetailAddToCart:hover { 
		background: #f38a51 !important;
	}

.productDetailDescriptionContainer {
	width: 100%;
	max-width: 425px !important;
	padding-left: 30px;
}



	
	
/* checkout */
.shoppingCartContainer {
	position: relative;
}

.cartItemsCount {
	margin: 0 0 20px 0 !important;
	font-size: 12px !important;  
	line-height: 15px;  
	width: 25% !important;  
	text-align: left !important;
	float: left !important;
}
	
.cartContinueShopping {
	display: none !important;
}

.cartItems {
	background: #FAFAFA;
	width: 100%;
	margin-bottom: 100px;
}	
	.cartItems th {
		background: #fff !important; 
		color: #2E2E2E !important; 
		text-transform: uppercase;
		font-size: 12px;
		padding: 10px 20px !important;
		border-bottom: 1px solid #EEEEEE;
	}

.shoppingCart table tbody tr td {
	border-bottom: 1px solid #fff !important;
	padding: 20px !important;
}

.cartImage img {
	border: 1px solid #fff;
}

.cartDescription a {
	padding: 0 !important;
	background: none !important;
	font-size: 14px !important;
}	

.cartItemSKU {
	font-style: italic;
}	

.cartQuantity input {
    color: #999;
	font-size: 14px;
	width: 40px !important;
	border-radius: 0 !important;
}


/* close button */
.cartItems .cartQuantity a {
	background: transparent url("images/icon-close.png") no-repeat top left !important;
	width: 15px;
	height: 15px;
	text-indent: -9999px;
	display: inline-block;
	margin: 6px 0 0 0;  
	position: absolute;
}


/* Discount Code and Checkout button Row */
.cartUpdate {
	background: transparent !important;
	padding: 0 !important;
	position: absolute;
	right: 180px;
	bottom: -85px !important;
	font-size: 13px !important;
}

.cartSubtotalLabel {
	display: none;
}

.cartSubtotalPrice {
	font-size: 15px;
}

.cartDiscount, 
.cartSubtotal {
	background: #e9e9e9;
	padding-bottom: 15px !important;
}

.cartDiscount label {
	display: inline-block !important;
	font-size: 12px !important;
}

.applyCode {
	background-color: #000 !important;
	display: inline-block;
	background-image: none !important; 
	border-radius: 0 !important;
}	

/* checkout button */
.cartCheckoutButton {
	position: absolute;
	right: 0;
	bottom: -80px !important;
	background-color: #f38a51 !important;
	display: inline-block;
	padding: 11px 15px !important;
	border: none !important;   
	text-transform: uppercase; 
	font-size: 15px;
	color: #fff !important;    
	box-shadow: 0 0 0 #fff !important;
	border-radius: 0 0 0 !important;
	height: 45px !important;  
	background-image: none !important;

	    -webkit-transition: all 0.3s ease-in-out;
	       -moz-transition: all 0.3s ease-in-out;
	         -o-transition: all 0.3s ease-in-out;
	        -ms-transition: all 0.3s ease-in-out;
	            transition: all 0.3s ease-in-out;  
}
	.cartCheckoutButton:hover {
		background-color: #cc5e2c !important;
	}
	
	.cartCheckoutButton input {
		background-image: none !important;
		text-transform: uppercase;
		padding: 0 !important;
	}
  


@media screen and (max-width: 768px) {
	
	/* shopping cart */
	.shoppingCartContainer .shoppingCart p.cartItemsCount {
		width: 90% !important;
	}
	
	.shoppingCart .cartItems {
		padding: 3% !important;
	}
	
	.shoppingCart .cartImage {
		display: none !important; 
	}
	
	.shoppingCart .cartQuantity {
		padding-right: 15px !important;
	}
	
	.shoppingCart table tbody tr td {
		padding: 0 !important; 
		border-bottom: 0 !important;
	}
	
	.shoppingCart .cartPrice,	
	.shoppingCart .cartQuantity,
	.shoppingCart .cartTotal {
		margin: 0 0 15px !important; 
	}
		.shoppingCartContainer .shoppingCart table tbody tr td.cartQuantity a {
			text-indent: -9999px !important; 
			display: inline-block;
			overflow: hidden;
			margin-right: 50px !important;
			font-size: .01em !important;
		}
	
	.shoppingCart .cartCheckoutButton {
		display: block !important;
		position: relative;
		bottom: auto !important;
		margin-top: 50px !important;
	}

}








/* <textEditor> */
.fancy-button {
	font-family: "Raleway", "Avenir Next", Avenir, "Helvetica Neue", sans-serif;
	background: #f28a57;
	display: inline-block;
	font-weight: 700;
	color: #fff;
	padding: 15px 40px;
	text-decoration: none;
	font-size: 18px;
	line-height: normal;
}

.image-caption {
	font-size: 15px;
	background: #efefef;
	color: #aaa;
	font-family: "Raleway", "Avenir Next", Avenir, "Helvetica Neue", sans-serif;
	display: block;
	text-align: center;
	padding: 3px;
}
/* </textEditor> */

	a.fancy-button:hover {
		background: #cc5e2c;
		color: #fff;
	}

	.special .fancy-button {
		background: #324b52;
	}

	.special a.fancy-button:hover {
		background: #262629;
	}