/* global styles */

/*
 * Webfont:Proxima Nova Regular
 * URL:http://new.myfonts.com/fonts/marksimonson/proxima-nova/regular/
 * Foundry:Mark Simonson
 * Copyright:Copyright (c) Mark Simonson, 2005. All rights reserved.
 * License:http://www.myfonts.com/viewlicense?1056
 * Licensed pageviews:10,000/month
 * CSS font-family:ProximaNova-Regular
 * CSS font-weight:normal
 *
 * Webfont:Proxima Nova Bold
 * URL:http://new.myfonts.com/fonts/marksimonson/proxima-nova/bold/
 * Foundry:Mark Simonson
 * Copyright:Copyright (c) Mark Simonson, 2005. All rights reserved.
 * License:http://www.myfonts.com/viewlicense?1056
 * Licensed pageviews:10,000/month
 * CSS font-family:ProximaNova-Bold
 * CSS font-weight:normal
 *
 * (c) 2011 Bitstream, Inc
*/

body
{
-webkit-animation-duration: 0.1s;
-webkit-animation-name: fontfix;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0.1s;
}

@-webkit-keyframes fontfix{
from{ opacity: 1; }
to{ opacity: 1; }
}
@font-face {
    font-family:'Proxima Nova';
    src:url('/css/fonts/ProximaNova-Reg-webfont.eot');
    src:url('/css/fonts/ProximaNova-Reg-webfont.eot?iefix') format('eot'),
         url('/css/fonts/ProximaNova-Reg-webfont.woff') format('woff'),
         url('/css/fonts/ProximaNova-Reg-webfont.ttf') format('truetype'),
         url('/css/fonts/ProximaNova-Reg-webfont.svg#webfonttLdMzI8n') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'Proxima Nova';
    src:url('/css/fonts/ProximaNova-Bold-webfont.eot');
    src:url('/css/fonts/ProximaNova-Bold-webfont.eot?iefix') format('eot'),
         url('/css/fonts/ProximaNova-Bold-webfont.woff') format('woff'),
         url('/css/fonts/ProximaNova-Bold-webfont.ttf') format('truetype'),
         url('/css/fonts/ProximaNova-Bold-webfont.svg#webfontgrewrCss') format('svg');
    font-weight:bold;
    font-style:normal;
}
@font-face {
    font-family:'ProximaNovaSBold';
    src:url('/css/fonts/proxima_nova_sbold-webfont.eot');
    src:url('/css/fonts/proxima_nova_sbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/proxima_nova_sbold-webfont.woff') format('woff'),
         url('/css/fonts/proxima_nova_sbold-webfont.svg#ProximaNovaRegular') format('svg');
    font-weight:400;
    font-style:normal;
}

body {
	height:100%;
	font-family:"Proxima Nova", Helvetica, Arial, sans-serif;
	line-height:1.5em;
	color:#201c1d;
	background:#fff;
	}
	h1,h2,h3,h4 {
		text-rendering:optimizeLegibility;
		margin-top:0;
	}
	input {
		font-family:"Proxima Nova", Helvetica, Arial, sans-serif;
		font-size:14px;
	}
	a { color:#201c1d; }
	a:hover { color:#313131; }
	p {
		margin-top:0;
	}
	input {
		font-family:"Proxima Nova", Helvetica, Arial, sans-serif;
		font-size: 14px;
	}
	h1 {
		font-family:'ProximaNovaSBold', Helvetica, Arial, sans-serif;
		font-size:2.6em;
		font-weight:normal;
		line-height:1.2em;
		color:#343434;
	}
	h2,h3 {
		font-family:'ProximaNovaSBold', Helvetica, Arial, sans-serif;
		font-weight:normal;
		color:#343434;
	}
	h4 {
		font-family:'ProximaNovaSBold', Helvetica, Arial, sans-serif;
		font-size:1.1em;
		font-weight:normal;
		letter-spacing:1px;
		color:#343434;
		margin:0;
	}
	.logo {
		float:left;
		display:block;
		width:300px;
		height:67px;
		margin:0;
		text-indent:-999em;
		background:url(/img/logo.png) no-repeat 50% 0;
		overflow:hidden;
	}
/* Hi-res logo for Retina display */
@media (-webkit-min-device-pixel-ratio:1.5),
(min-device-pixel-ratio:1.5) {
	.logo {
		background:url(/img/logo2x.png) no-repeat 50% 0;
		background-size:300px 67px;
	}
}
	.container {
		max-width:1000px;
		clear:both;
		margin:0 auto;
		padding:0 10px;
		position:relative;
	}
	.oldie .container {
		min-width:760px;
	}
	#header {
		padding:25px 0;
		z-index:111;
		}
		#header .account-tools {
			position:absolute;
			top:0;
			right:0;
			line-height:1.7em;
			color:#808080;
			white-space:nowrap;
			}
			.account-tools > span {
				float:left;
				display:inline;
				margin-right:2em;
			}
			.account-tools a {
				color:#272727;
			}
			.account-tools .cart {
				float:left;
				display:inline;
				background:#262626;
				font-size:1.1em;
				letter-spacing:2px;
				text-transform:uppercase;
				color:#fff;
				margin: 0 1px 0 0;  
				padding:0 .5em;
			}
			.account-tools .count {
				float:left;
				display:inline;
				background:#808080;
				font-size:1.1em;
				letter-spacing:2px;
				text-transform:uppercase;
				color:#fff;
				padding:0 .5em;
			}

            /*started Google Translator Feature styles*/
            .account-tools .google_translate_element{
                float: left;
                margin-right: 10px;
            }
            .account-tools .google_translate_element span{
                margin: 0;
				float:none;
            }
            .goog-te-gadget-simple{
                border: 1px solid #ededed !important;
            }
            .goog-te-gadget-icon{display: none;}
            .google_translate_element .goog-te-menu-value img {margin: 0}
            .translate_element0{
                padding: 0 5px;
                font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
            }
            .google_translate_element .translate_element1{display: none;!important;}
            /*ended google translator feature styles*/

		#header nav {
			float:right;
			display:inline;
			margin:20px 0 0;
			}
			#header nav ul {}
				#header nav ul li {
					display:inline-block;
					font-size:1.2em;
					letter-spacing:.125em;
					text-transform:uppercase;
					margin-left:0;
					padding:15px;
					position:relative;
					}
				.oldie #header nav ul li {
					float:left;
					display:inline;
				}
				#header nav ul li.expandable {
					padding:0;
					}
					#header nav ul li.expandable a.tab {
						position:relative;
						display:inline-block;
						padding:15px;
						z-index:222;
					}
					#header nav ul li.expandable:hover a.tab {
						background:#f7f7f7;
						border:1px solid #e9e9e9;
						border-width:1px 1px 0;
						padding:14px 14px 15px;
					}
				#header nav ul li:first-child {
					margin-left:0;
					}
					#header nav ul li a {
						color:#343434;
						float:left;
					}
				#header nav ul li.search {
					padding:5px 0 5px 10px;
					}
					.searchbox {
						float:left;
						width:17px;
						overflow:hidden;
						padding:4px;
						border:1px solid #fff;
						position:relative;
						-webkit-transition:width .3s ease-in-out;
				    	-moz-transition:width .3s ease-in-out;
					    transition:width .3s ease-in-out;
						}
					#header nav ul li:hover .searchbox,
					#header nav ul li.search.on .searchbox,
					.on .searchbox {
						width:200px;
						border:1px solid #e9e8e8;
						}
						.searchbox input.text {
							border:none;
							background:transparent;
							width:0;
							margin:0;
							padding:2px 3px;
							font-family:"Proxima Nova", Helvetica, Arial, sans-serif;
							font-size:1em;
							letter-spacing:.125em;
							line-height:1.4em !important;
							text-transform:uppercase;
							opacity:0;
							-webkit-transition:width .3s ease-in-out;
					    	-moz-transition:width .3s ease-in-out;
						    transition:width .3s ease-in-out;
						}
						#header nav ul li:hover .searchbox input.text,
						#header nav ul li.search.on .searchbox input.text,
						.on .searchbox input.text {
							width:240px;
							opacity:1;
						}
					.searchbox input.btn {
						position:absolute;
						top:8px;
						right:5px;
						margin:0;
					}
				#header nav ul.drop-down {
					position:absolute;
					display:none;
					z-index:111;
					top:48px; 
					left:0;
					background:#f6f6f6;
					background:rgba(246,246,246,.9);
					border:1px solid #e9e9e9;
					width:270px;
					padding:10px;
					}
				#header nav ul li:hover ul.drop-down {
					display:block;
					}
					.drop-down h4 {
						font-family:'ProximaNovaSBold', Helvetica, Arial, sans-serif;
						line-height:2em;
						text-transform:uppercase;
					}
					#header nav ul.drop-down li {
						width:50%;
						float:left;
						display:inline;
						margin:0;
						padding:0 0 .5em;
						}
						#header nav ul.drop-down.wide li {
							width:100%;
						}
						ul.drop-down li ul {
							font-family:"Proxima Nova", Helvetica, Arial, sans-serif;
							}
							#header nav ul.drop-down li ul li {
								clear:both;
								float:none;
								display:block;
								width:100%;
								margin:0;
								font-size:.7em;
								text-transform:none !important;
								}
								#header nav ul.drop-down li ul li a {
									padding:4px;
                                    font-size: 12px;
								}
								#header nav ul.drop-down li ul li a:hover {
									background:#000;
									color:#fff;
								}
								#header nav ul.drop-down li ul li a:hover h4 {
									color: #fff;
								}
		.feature {
			position:relative;
			z-index:1;
			}
			.feature img {
				width:100%;
				height:auto;
			}
			.feature .arr-lt {
				position:absolute;
				top:210px;
				left:-67px;
				display:block;
				width:27px;
				height:53px;
				overflow:hidden;
				text-indent:-999em;
				background:url(/img/arr-lt.png) no-repeat;
			}
			.feature .arr-rt {
				position:absolute;
				top:210px;
				right:-67px;
				display:block;
				width:27px;
				height:53px;
				overflow:hidden;
				text-indent:-999em;
				background:url(/img/arr-rt.png) no-repeat;
			}
			.feature .cart-callout {
				position:absolute;
				bottom:0;
				right:0;
				width:25%;
				}
				.feature .cart-callout .product-shop {
					width:100%;
					margin-right:0;
					min-height:auto;
					}
					.feature .cart-callout .product-title,
					.feature .cart-callout .price {
						font-size:1.2em;
					}
					.feature .cart-callout-upper-left {
						top:5%;
						left:5%;
					}
					.feature .cart-callout-upper-right {
						top:5%;
						right:0;
					}
					.feature .cart-callout-lower-left {
						bottom:0;
						left:5%;
					}
					.feature .cart-callout-lower-right {
						bottom:0;
						right:0;
					}
		#marquee {
			clear:both;
			background:#ededed;
			text-align:center;
			margin:30px 0;
			overflow:hidden;
			}
			#marquee h3 {
				font-family:"ProximaNovaSBold", Helvetica, Arial, sans-serif;
				font-size:2.2em;
				letter-spacing:.125em;
				line-height:1.4em;
				margin:.3em 0;
			}
		.feature-tiles {
			clear:both;
			list-style:none;
			margin:0 0 20px;
			padding:0;
			overflow:hidden;
			}
			.feature-tiles li {
				float:left;
				display:inline;
				width:48%;
				margin:0 1%;
				}
				.feature-tiles li:nth-child(odd) {
					margin:0 2% 0 0;
				}
				.feature-tiles li:nth-child(even) {
					margin:0 0 0 2%;
				}
				.feature-tiles li img {
					max-width:100%;
				}
		.tiles {
			list-style:none;
			margin:0 auto;
			padding:0;
			}
			.tiles li {
				float:left;
				display:inline;
				width:20%;
				margin:0 2.5%;
				padding:0 0 30px;
				font-size:.9em;
				text-align:center;
				overflow:hidden;
				position:relative;
				}
			.tiles.sunglasses li {padding: 0 0 67px;}
			.tiles.sunglasses .sold-out {bottom: 111px;}
				.tiles li a {
					text-decoration:none;
				}
				.tiles li img {
					width:100%;
				}
				.sold-out {
					position:absolute;
					bottom:6.5em;
					width:100%;
					color:#cb2b00;
					font-family:"ProximaNovaSBold", Helvetica, Arial, sans-serif;
					text-transform:uppercase;
				}
		#newsletter-signup {
			clear:both;
			line-height:2em;
			background:#ededed;
			margin:30px 0 0;
			padding:10px 0;
			overflow:hidden;
			}
			#newsletter-signup strong {
				font-size:1.1em;
				letter-spacing:1px;
			}
			#newsletter-signup i {
				font-style:normal;
				margin:0 1em;
			}
			#newsletter-signup h3,
			#newsletter-signup p {
				float:left;
				display:inline;
				margin:0;
			}
			.signup {
				float:right;
				display:inline;
				width:240px;
				padding:5px;
				background:#fff;
				}
				.signup input {
					float:left;
					display:inline;
					height:16px;
					border:none;
					padding:0;
				}
				.signup .styled {
					width:225px;
				}
		#footer {
			padding:30px 0;
			background:#f6f6f6;
			color:#55595a;
			}
			#footer h4 {
				font-size:1.1em;
				letter-spacing:1px;
				margin:0;
			}
			#footer a {
				color:#55595a;
			}
			#footer nav ul {}
				#footer nav ul a {
					text-decoration:none;
				}
				#footer nav ul li {
					float:left;
					display:inline;
					width:25%;
					line-height:2em;
					position:relative;
					}
					#footer nav ul li ul {}
						#footer nav ul li ul li {
							float:none;
							display:block;
							width:100%;
						}
			#footer .copyright {
				padding:30px 0 10px;
				line-height:53px;
				color:#898989;
				}
				.copyright .logo-sm {
					float:left;
					display:block;
					height:31px;
					width:140px;
					margin:0 1em 0 0;
					text-indent:-999em;
					overflow:hidden;
					background:url(/img/logo-sm.png) no-repeat 0 0;
				}
				.copyright i {
					font-style:normal;
					margin:0 1em;
				}
				.copyright a {
					color:#262626;
					font-weight:bold;
				}/* form styles */

.form-row {
	overflow:hidden;
	margin:0 0 1em;
}

/* subpage styles */

.sidebar {
	float:left;
	display:inline;
	width:15%;
	margin-right:5%;
	}
	.sidebar ul {
		list-style:none;
		padding:0;
		margin:0 0 3em;
		}
		.sidebar ul li {
			font-family:'ProximaNovaSBold', Helvetica, Arial, sans-serif;
			line-height:2em;
			text-transform:uppercase;
			margin: 0em 0em 1em 1em;
			}
			.sidebar ul li a {
				color:#272727;
				display:inline-block;
				margin:0 0 0 -.5em;
				padding:0 .5em;
				/*-webkit-transition:all .2s ease-in-out;
		    	-moz-transition:all .2s ease-in-out;
			    transition:all .2s ease-in-out;*/
			}
			.sidebar ul li.here a,
			.sidebar ul li.current-page-ancestor a,	
			.sidebar ul li.current-menu-item a,
			.sidebar ul li.active a,
			.sidebar ul li.parent ul li.active a {
				background:#e9e9e9;
				}
			.sidebar ul li:hover a,
			.sidebar ul li:hover ul li:hover a {
				background:#262626;
				color:#fff;
				}
			.sidebar ul li ul {
				margin:0;
				}
				.sidebar ul li ul li {
					font-family:"Proxima Nova", Helvetica, Arial, sans-serif;
					font-size:1em;
					text-transform:none;
					margin:0;
				}
				.sidebar ul li.here ul li a,
				.sidebar ul li.current-menu-item ul li a,
				.sidebar ul li.active ul li a,
				.sidebar ul li:hover ul li a {
					background:none;
					color:#272727;
				}
    .sidebar #menu-support-menu li,
    .sidebar #menu-about-menu li{
        font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
        font-size: 1em;
        text-transform: none;
        margin: 0;
    }

	#mobile-menu {
		display:none;
	}
.primary {
	float:left;
	display:inline;
	width:80%;
	}
	.primary .page-title {
		font-size:1.1em;
		letter-spacing:1px;
		line-height:2em;
		text-transform:uppercase;
		margin:0 0 1em;
		padding:0 0 .5em;
		border-bottom:1px solid #e0e0e0;
        width: 120%;
	}
	.primary h2 {
		font-size:1.3em;
		margin:0 0 .5em;
	}
	.sunglasses-category {border-bottom:1px solid #6d6e71;float: left;padding-bottom: 5px;width: 792px;}
	.sunglasses-category h3 {float:left;border-right: 2px solid #343434;clear: both;float: left;line-height: 14px;margin: 0;padding-right: 8px;text-transform: uppercase;}
	.sunglasses-category > p a{text-decoration: none;color: #6d6e71;font-style: italic;}
	.sunglasses-category > p {float: left;margin: 0;line-height: 15px;padding-left: 7px;}
	.primary a {   
		text-decoration:underline;
	}
	.primary .tiles {}
		.primary .tiles li {
			width:25%;
			margin:0 4%;
		}
		.primary .tiles li:nth-child(3n+1) {
			clear:both;
		}
		.tiles li p {
			margin:0;
		}
		.tiles li .price-box .price {
			font-family:'ProximaNovaSBold', Helvetica, Arial, sans-serif;
			font-size:1em;
			}
			.tiles li p.price a {
				color:#272727;
			}
			.tiles li p.price a.sale {
				color:#a30d10;
			}
	.primary article {
		width:70%;
		margin:0 0 4em;
		font-size:1.1em;
		clear:left;
	}
	.primary article:before, .primary article:after { content:""; display:table; }
	.primary article:after { clear:both; }
	.primary article { zoom:1; }
	.filenotfound {
		display:block;
		text-indent:-999em;
		height:285px;
		background:url(/img/404.png) no-repeat 50% 0;
		overflow:hidden;
		margin:1em auto;
	}
	.hentry {
		overflow:hidden;
	}
	.entry-bump {
		overflow:hidden;
		width:300px;
		margin:0 auto;
	}
ul.entries {
	list-style:none;
	margin:0;
	padding:0;
	}
	.entries li {
		margin:0 0 1.5em;
	}
	.entries h3 {
		font-size:1.4em;
		margin:0 0 .25em;
		}
		.entries h3 a {
			text-decoration:none;
		}
	.entries p {
		margin:0 0 .25em;
	}

.section-title {
	font-size:1.1em;
	letter-spacing:.125em;
	text-transform:uppercase;
	padding:0 0 1em;
}


/* general use */

.note {
	font-family:'ProximaNovaSBold', Helvetica, Arial, sans-serif;
	color:#272727;
}
.left {
	float:left;
	display:inline;
	margin-right:20px;
}
.right {
	float:right;
	display:inline;
	margin-left:20px;
}

/* blog styles */

.primary .entry-title {
	font-size:1.3em;
	margin:0 0 .5em;
}
article p.published {
	font-family:'ProximaNovaSBold', Helvetica, Arial, sans-serif;
	font-size:.9em;
	color:#979797;
	margin:0;
}
.entry-title a {
	text-decoration:none;
}
article figure {
	margin:0 0 1em;
}
article img {
	max-width:100%;
	height:auto;
}
.more-posts,
.more-posts-paged {
	width:70%;
	font-family:'ProximaNovaSBold', Helvetica, Arial, sans-serif;
	font-size:1.2em;
	line-height:3em;
	letter-spacing:2px;
	text-align:center;
	text-transform:uppercase;
	margin:0 0 40px;
	background:url(/img/arr-dn.png) no-repeat 15px 50% #f6f6f6;
	overflow:hidden;
	}
	.more-posts a,
	.more-posts-paged a {
		display:block;
		margin:0 15px;
		text-align:center;
		text-decoration:none;
		background:url(/img/arr-dn.png) no-repeat 100% 50%;
	}
.sidebar {}
	h2.widgettitle {
		font-family:'ProximaNovaSBold', Helvetica, Arial, sans-serif;
		font-size:1.1em;
		font-weight:normal;
		letter-spacing:1px;
		color:#343434;
		margin:3em 0 0;
	}
	li:first-child h2.widgettitle {
		margin:0;
	}
	.widget_text {
		text-transform:none !important;
		}
		.widget_text h2.widgettitle {
			font-size:.9em;
			letter-spacing:0;
			line-height:1.4em;
		}
	.sidebar ul li.page-item {
		font-family: 'ProximaNovaSBold', Helvetica, Arial, sans-serif;
		font-size: 1.1em;
		font-weight: normal;
		letter-spacing: 1px;
		}
		.sidebar ul li.page-item ul.children li {}
	.share {}
		.share .fb,
		.share .tw {
			float:left;
			display:inline;
			margin-right:1em;
		}
	.gallery .gallery-item {
		margin: 0 0 20px !important;
	}
ul.custom-choice {
	width:100%;
	}
	ul.custom-choice li {
		list-style:none;
	}

    .repeater_custom_fields ul {
        list-style-type: none;
        padding:0;
        margin:0;
    }

    .repeater_custom_fields ul li {
        float:left;
        padding:0 0.5em 0.5em 0;
        margin-bottom: 2.5em;
    }

    .repeater_custom_fields .date {
        color: #797979;
    }

    .repeater_custom_fields .subtitle {
        font-size: 1em !important;
        padding: 0 !important;
        color: #797979;
        font-style: italic;
    }

    #full-width article {
        width: 100%
    }

.header-cart-wrap {
    display: inline-block;
}
.header-cart-wrap .icon {
    display: none;
}


/* MOBILE HEADER */
.mobile-menu {
    display: none;
    float: left;
    height: 50px;
    width: 15%;
}
.mobile-menu .menu-icon-wrap {
    display: table;
    height: 50px;
    margin-right: 0;
    text-align: center;
    width: 100%;
}
.mobile-menu .menu-icon-wrap label {
    display: table-cell;
    float: none;
    height: 16px;
    text-align: center;
    vertical-align: middle;
    width: 22px;
}
.mobile-menu .menu-icon-wrap .icon {
    background: url("/img/sprite_mobile-icons.png") no-repeat 0 0;
    display: inline-block;
    float: none;
    height: 18px;
    margin-top: 6px;
    width: 22px;
}
#off-canvas-left-check:checked ~ .inner-wrap .menu-icon-wrap .icon {
    background: url("/img/sprite_mobile-icons.png") no-repeat -38px 0;
}


/* OFF CANVAS ANIMATION */
#off-canvas-left-check {
    display: none;
}
.outer-wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.inner-wrap {
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    transition:all 0.5s ease;
    position: relative;
    left: 0;
}
#off-canvas-left {
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    transition:all 0.5s ease;
    display: block;
    height: 100%;
    left: 0;
    margin-left: -75%;
    overflow: hidden;
    position: absolute;
    width: 75%;
}
#off-canvas-left-check:checked + #off-canvas-left {
    display: block;
    left: 75%;
    margin-right: 0;
    overflow-y: visible;
    z-index: 100;
}
#off-canvas-left-check:checked ~ .inner-wrap {
    position: relative;
    display: block;
    overflow-y: visible;
    z-index: 0;
    left: 75%;
}


/* OFF CANVAS STYLES */
.off-canvas-account {
    background: #55595a;
    color: #FFF;
    font-family:'ProximaNovaSBold', Helvetica, Arial, sans-serif;
}
.off-canvas-account ul {
    margin: 0;
    padding: 0;
}
.off-canvas-account li {
    list-style-type: none;
}
.off-canvas-account a {
    color: #FFF;
    display: block;
    font-family:'ProximaNovaSBold', Helvetica, Arial, sans-serif;
    font-size: 14px;
    height: 75px;
    line-height: 75px;
    text-align: center;
    text-transform: uppercase;
}
.off-canvas-search,
.off-canvas-categories,
.off-canvas-links {
    float: left;
    width: 100%;
}
.off-canvas-search ul {
    margin: 0;
    padding: 0;
}
.off-canvas-search .searchbox {
    border: 0;
    box-sizing: border-box;
    display: block;
    padding: 0;
    width: 100%;
}
.off-canvas-search .searchbox input.text {
    background: #ededed;
    color: #333336;
    display: block;
    font-family:'ProximaNovaSBold', Helvetica, Arial, sans-serif;
    font-size: 14px;
    height: 75px;
    letter-spacing: 0;
    opacity: 1;
    padding: 18px;
    width: 100%;
}

.off-canvas-search .searchbox input.btn {
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
    background: url("/img/img_search-icon.png") no-repeat 0 0;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    -o-box-shadow:      none;
    box-shadow:         none;
    font-size: 0;
    height: 21px;
    margin-top: -13px;
    padding: 0 0 12px 0;
    right: 21px;
    top: 50%;
    width: 21px;
}
.off-canvas-categories #topnav,
.off-canvas-categories .nav-container {

}
.off-canvas-categories #topnav ul,
.off-canvas-categories .nav-container #nav-mobile {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.off-canvas-categories #topnav .expandable,
.off-canvas-categories #topnav > ul > li {
    float: left;
    width: 100%;
}
.off-canvas-categories #topnav ul li,
.off-canvas-categories #nav-mobile li {
    list-style-type: none;
}
.off-canvas-categories #topnav #shop_menu {
    display: none;
}
.off-canvas-categories #topnav .drop-down li ul li.nav-header a,
.off-canvas-categories #nav-mobile > li.level0 > a {
    border-bottom: 1px solid #CCC;
    display: block;
    font-family:'ProximaNovaSBold', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 28px;
    padding: 11px 18px;
    text-transform: uppercase;
}
.off-canvas-categories #nav-mobile > li.level0 > a + ul.level0 {
    display: none;
}
.off-canvas-categories #topnav .drop-down li:first-child ul li:first-child,
.off-canvas-categories #topnav .drop-down li:nth-child(2) ul li:first-child,
.off-canvas-categories #topnav .drop-down li:nth-child(2) ul li:nth-child(6),
.off-canvas-categories #topnav .drop-down li:nth-child(2) ul li:nth-child(10) {
    display: block;
}
.off-canvas-categories ul li {
    float: left;
    width: 100%;
}
.off-canvas-links ul {
    margin: 0;
    padding: 0;
}
.off-canvas-links ul li {
    background: #EFEFEF;
    float: left;
    width: 100%;
}
.off-canvas-links ul li a {
    border-bottom: 1px solid #CCC;
    display: block;
    font-family:'ProximaNovaSBold', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 28px;
    padding: 11px 18px;
    text-transform: uppercase;
}
.off-canvas-categories #topnav ul li.expandable ul.drop-down {
    display: none;
}
.off-canvas-categories #topnav ul li.expandable:first-child ul.drop-down {
    display: block;
}
.off-canvas-categories #topnav > ul > li:nth-child(2),
.off-canvas-categories #topnav > ul > li:nth-child(3),
.off-canvas-categories #topnav > ul > li:nth-child(4) {
    background: #EFEFEF;
    float: left;
    width: 100%;
}
.off-canvas-categories #topnav .search {
    display: none;
}
.off-canvas-categories #topnav ul li.expandable > a,
.off-canvas-categories #topnav ul li > a {
    border-bottom: 1px solid #CCC;
    display: block;
    font-family:'ProximaNovaSBold', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 28px;
    padding: 11px 18px;
    text-transform: uppercase;
}
.off-canvas-categories .nav-header {
    position: relative;
}
.off-canvas-categories .nav-header:after {
    background: url(/img/sprite_chevron.png) no-repeat 2px -14px;
    content: "";
    height: 23px;
    position: absolute;
    right: 14px;
    top: 15px;
    width: 20px;
}
.off-canvas-categories .nav-header.open:after,
.off-canvas-categories #nav-mobile li.level0.open > a:after {
    background-position: 0px 6px;
}
.off-canvas-categories .nav-header.open {
    background: #333336;
}
.off-canvas-categories .nav-header.open a h4 {
    font-size: 14px;
    color: #FFF;
}
.off-canvas-categories .nav-header.open ~ li {
    display: block;
}
.off-canvas-categories .nav-header ~ li,
.off-canvas-categories .nav-header.open ~ .nav-header.closed ~ li {
    display: none;
}
.off-canvas-categories #topnav .nav-header.open ~ li:not(.nav-header) a {
    background: #FDFDFD;
    color: #000;
    padding: 11px 15px 11px 40px;
}
.off-canvas-categories #nav-mobile ul.level0,
.off-canvas-categories #topnav .drop-down li ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.off-canvas-categories #nav-mobile ul.level0 li.level1 a {
    background: #FDFDFD;
    border-bottom: 1px solid #CCC;
    box-sizing: border-box;
    display: block;
    float: left;
    font-family:'ProximaNovaSBold', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 28px;
    padding: 11px 15px 11px 35px;
    text-transform: uppercase;
    width: 100%;
}
.off-canvas-categories #nav-mobile li.level0.open > a {
    background: #333336;
    color: #FFF;
}

/* JOURNAL CSS */
.journal-catdate {
    width: 90%;
    height: 70px;
    margin: auto;
}
.journalboxed-catdate {
    width: 1000px;
    height: 70px;
    margin: auto;
}
.journal-cat {
    padding-top: 30px;
    float:right;
}
.journal-date {
    padding-top: 30px;
    float:left;
}
.journal-content {
    width: 55%;
    margin: auto;
    font-size:15px;
    margin-bottom: 50px;
}
.journal-content h1 {
    text-transform: uppercase;
    text-align: center;
    padding: 7px;
    font-size: 35px;
    width: 70%;
    margin-bottom: 5px;
}
.journal-except {
    text-align: center;
    padding: 7px;
    color: #444444;
    font-size: 23px;
    line-height: 27px;
    padding-bottom:20px;
}
.journal-sharetools {
    margin:auto;
    width: 175px;
    text-align: center;
    color: #666;
    padding-bottom: 75px;
}
.journal-sharetools p {
    font-size: 17px;
    padding-bottom: 5px;
}
.journal-sharetools-content {
    border-top: #666 1px solid;
    border-bottom: #666 1px solid;
    padding: 15px;
}
.journal-image {
    width: 1000px;
    margin: auto;
}
.journal-content {
    width: 55%;
    margin: auto;
    font-size: 15px;
    margin-bottom: 50px;
    max-width: 815px;
}