/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

   html {
   	box-sizing: border-box;
   }
   *, *:before, *:after {
   	box-sizing: inherit;
   }

   html,
   button,
   input,
   select,
   textarea {
   	color: #464646;
   }

   body {
   	font-size: 1em;
   	line-height: 1.5;

   }
}

a{
	color: #6699CC;
	text-decoration: none;
}

a:visited, a {
	color: #6699CC;
	outline:none;
}

a:hover {
	color: #d96953;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

 ::-moz-selection {
 	background: #b3d4fc;
 	text-shadow: none;
 }

 ::selection {
 	background: #b3d4fc;
 	text-shadow: none;
 }

/*
 * A better looking default horizontal rule
 */

 hr {
 	display: block;
 	height: 1px;
 	border: 0;
 	border-top: 1px solid #eee;
 	margin: 1em 0;
 	padding: 0;
 }

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

 img {
 	vertical-align: middle;
 }

/*
 * Remove default fieldset styles.
 */

 fieldset {
 	border: 0;
 	margin: 0;
 	padding: 0;
 }

/*
 * Allow only vertical resizing of textareas.
 */

 textarea {
 	resize: vertical;
 }

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

   .chromeframe {
   	margin: 0.2em 0;
   	background: #ccc;
   	color: #000;
   	padding: 0.2em 0;
   }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

   body {
   	background: #f1f1f1;
   	font-family: 'Roboto', sans-serif;
   	font-weight: 300;
   }

   #pushWrapper {
   	/* padding-top: 225px; */
   }

   h1, h2.widgettitle, h2 {
   	text-transform: uppercase;
   	font-size: 1.5em;
   	border-bottom: 1px solid #eee;
   	margin-top: 0;
   	color: #464646;
   	padding-bottom: .3em;
   	position: relative;
   }

   h1 span, h2.widgettitle span, h2 span {
   	position: absolute;
   	top: 4px;
   	text-transform: none;
   	font-size: .7em;
   	font-style: italic;
   	font-weight: 300;
   }

   h2.entry-title, h1.entry-title {
   	font-size:1.75em;
   	margin: 0;
   	color: #6699CC;
   	border: 0;
   	text-transform: none;
   	padding-bottom: 5px;
   }

   h3.subtitle {
   	margin-bottom: 0;
   }

   .addthis_toolbox {
   	margin: 15px 0;
   }

   .entry-title a {
   	color: #5099a6;
   }

   #header {
   	display: block;
   	background:#fff;
   	width: 100%;
/*
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	*/
}

.container {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
}

blockquote {
	font: italic 1.5em Georgia, serif;
	color: #4f99a6;
	border-left: 5px solid #eee;
	padding-left: 15px;
}

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

.post ul {
	padding: 0 0 0 40px;
	list-style: none;
}

.post ul li:before {
	color: #d96953;
	content: "\2022";
	font-size: 1.5em;
	padding-right: .25em;
	position: relative;
	top: .1em;
}

.post h2, .post h3, .post h4, .post h5 {
	border: none;
	text-transform: none;
	margin: 0.83em 0;
}

table {
	margin: 30px 0;
}

table td {
	border: 1px solid #eee;
	padding: 5px;
}

#top {
	background: #f1f1f1;
	width: 100%;
	padding: 10px 0;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	color: #aaa;
}

#top p {
	margin: 0 0 0 8px;
	padding: 0;
	display: inline;
}

#top .nlcontent {
	display: inline-block;
}

.col-12 {
	width: 100%;
}

.col-6 {
	width: 50%;
	float: left;
}

.col-3 {
	width: 25%;
	float: left;
}

.right {
	text-align: right;
}

#primary {
	/*background: #6699CC;*/
}

.masthead .container {
	position: relative;
}

.header-search {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 9;
	width: 100%;
	max-width: 375px;
}

.header-search input[type="search"] {
	padding: 10px;
	font-family: Georgia, serif;
	font-style: italic;
	width: 100%;
	max-width: 350px;
}

.header-search input[type="submit"] {
	position: absolute;
	right: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABlklEQVRYhe3WTUsVcRQG8J9XAiMsgxaa9uImw0W26hMUtLz0KfoIF9vVxo21yahFmgol6seIzKRFiyRo0UohiGhl+XKxxRwZuVDd+5/p6uI+cJhh5jzneebM/40OOmgO51HDKjbwPa7v4vng/xLuwQS2sP+X2Iq8njLF+/E2BOp4hTu4hLO4iCrmsRt5qxgoQ/wk1qLoZ1z/R/4o1iN/LfiFMBnFvuBck5w+fArewyLiQ/gpa/uNFrnXsIdfuJBqoCb7isVE/kzwx1MNvI4C1UT+reC/STWwGQVS53Zf8L+mGtiOAqkjuUs2Letx3zLK6sCPRH5pY2Al1cC9KLCQyH8e/AepBoZl46COsRa5I9iJuJxqAB7Jl+FmV8Iz+Bi8J0XEKbYX7GMalaIm+vFevhu+xG2cjve9uIk5+W54OEoxcQrP/iBwOPbwFLMNz2fKMAFXcF/2W77Ju/JBdhC5GnkV+V5wELPoLsNEs+jC4wYTSzhx1CaW222ighcNJubaaYCsE1Mhvis7U7YdB524exTiHRx//AbfWYbO0d3u4QAAAABJRU5ErkJggg==) no-repeat;
	text-indent: -9999em;
	width: 32px;
	height: 32px;
	display: block;
	top: 7px;
	border: none;
	margin: 0;
	z-index: 9;
}

input, textarea {
	padding: 6px;
	font-family: Georgia, serif;
	font-style: italic;
}

#news_check #subject, #news_check #message, #news_check textarea {
	width: 100%;
}

#top input {
	padding: 2px;
}

#sidebar {
	font-size: .9em;
}

#sidebar input {
	width: 100%;
}

#sidebar input[type="search"] {
	box-sizing: inherit;
}

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

.navnext {
	width: 50%;
	float: right;
	text-align: right;
}

.logo {
	margin: 1.5em 0;
}

.logo a {
	display: block;
	height: 62px;
	width: 382px;
}

#header .ubermenu {
	padding: 0;
	margin: 0;
	display: block;
}

#header .ubermenu li {
	float: left;
	margin-right: 30px;
	height: 64px;
	line-height: 64px;
}

#header .ubermenu li.last {
	margin-right: 0;
}

#header .ubermenu li a {
	display: block;
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	line-height: inherit;
	padding: 0;
}
.social {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

.social {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

.social li {
	float: left;
	line-height: 30px;
}

.social li a {
	display: inline-block;
	text-indent: -9999em;
	width: 30px;
	height: 30px;
	text-align: left;
}
.facebook a {
	background: url(../images/sprite.png) 5px 0;
}

.twitter a {
	background: url(../images/sprite.png) -20px 0;
}

.instagram a {
	background: url(../images/sprite.png) -80px 0;
}

.pinterest a {
	background: url(../images/sprite.png) -50px 0;
}

.youtube a {
	background: url(../images/sprite.png) -110px 0;
}

.soundcloud a {
	background: url(../images/sprite.png) -140px 0;
	width: 45px !important;
}

.hyl a {
	background: url(../images/sprite.png) -190px 0;
}

.facebook a:hover {
	background: url(../images/sprite.png) 5px -32px;
}

.twitter a:hover {
	background: url(../images/sprite.png) -20px -32px;
}

.instagram a:hover {
	background: url(../images/sprite.png) -80px -32px;
}

.pinterest a:hover {
	background: url(../images/sprite.png) -50px -32px;
}

.youtube a:hover {
	background: url(../images/sprite.png) -110px -32px;
}

.soundcloud a:hover {
	background: url(../images/sprite.png) -140px -32px;
}

.hyl a:hover {
	background: url(../images/sprite.png) -190px -32px;
}

#menu-footer-keep-in-touch li {
	padding-left: 35px;
}

#menu-footer-keep-in-touch li a {
	background: none;
}

#menu-footer-keep-in-touch li:before {
	content: "";
	width: 30px;
	height: 30px;
	display:block;
	position: absolute;
	left: 0;
}

#menu-footer-keep-in-touch li.facebook:before {
	background: url(../images/sprite.png) 5px 0;
}

#menu-footer-keep-in-touch li.twitter:before {
	background: url(../images/sprite.png) -20px 0;
}

#menu-footer-keep-in-touch li.youtube:before {
	background: url(../images/sprite.png) -110px 0;
}

#menu-footer-keep-in-touch li.pinterest:before {
	background: url(../images/sprite.png) -50px 0;
}

#menu-footer-keep-in-touch li.instagram:before {
	background: url(../images/sprite.png) -80px 0;
}

#footer {
	background: #ccc;
	width: 100%;
	display: table;
	margin-top: 30px;
	color: #fff;
}

#footer h4 {
	border-bottom: 1px solid #68655d;
	margin: 0 0 .5em;
	padding: 0 0 .5em;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	color: #fff;
}

#footer a {
	color: #000;
	text-decoration: none;
}

#footer ul {
	margin: 0;
	padding: 0;
}

#footer li {
	height: 30px;
	line-height: 30px;
	font-size: .9em;
}

#footer .col-3 {
	padding: 30px 30px 30px 0;
	position: relative;
}

#content img, #sidebar img {
	border: 1px solid #eee !important;
}

#bottom {
	background: #343229;
	width: 100%;
	padding: .67em 0;
}

#bottom ul {
	margin: 0 auto;
	display: block;
	text-align: center;
	list-style: none;
}

#bottom li {
	display: inline;
	color: #b1aea7;
	padding: 0 .67em;
}

#bottom li a {
	color: #fff;
}

#sidebar {
	float: right;
	background: #fff;
	width: auto;
	max-width: 36.5%;
	padding: 30px;
	margin: 20px 0;
}

#sidebar section, #content section {
	margin-bottom: 40px;
}

#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidebar img {
	border: 0;
	width: auto;
	height: auto;
}

#content {
	float: left;
	background: #fff;
	width: 96%;
	max-width: 100%;
	padding: 30px;
	margin-left: 20px;
	margin-right: 20px;;
}

header footer {
	padding-left: 90px;
	position: relative;
	min-height: 82px;
}

.avatar {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

.avatar img {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 3px solid #ccc;
	width: 75px;
}

.subpost {
	padding: 30px 30px 0 0;
	border-top: 1px solid #eee;
}

.subpost span {
	font-weight: bold;
}

.subpost h2 {
	font-size: 24px;
}

.subpost.col-6 {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}

#content.col-12 {
	max-width: 100%;
	float: none;
}

#breadcrumbs {
	margin: 15px 0 -5px;
	font-size: .9em;
}

#breadcrumbs a {
	color: #5099a6;
}

.module {
	padding: 0 20px;
	background: #fff;
	margin: 15px 0 0;
	position: relative;
}

.module.col-4 {
	width: 33.3%;
	float: left;
	padding: 1px;
	background: none;
	
}

#footer-widgets img {
	width: 100%;
	height: auto;
}

.module.slider {
	padding: 0;
}

.module h2 {
	color: #fff;
	border-bottom: 1px solid rgba(255,255,255, 0.3);
	position: relative;
	z-index: 9;
}

.module.col-6.left {
	width: 49.2%;
	color: #fff;
	background: #000;
	position: relative;
}

.overlay {
	background: url(../images/overlay.png) bottom center repeat-x;
	position: absolute;
	bottom: 0;
	left: 0;
	min-height: 270px;
	width: 100%;
}

.module.col-6.left a, .module.col-6.left a:hover {
	color: #fff;
}

.module.col-6.right {
	float: right;
	width: 49.2%;
	text-align: left;
	background: #453d33;
	color: #fff;
}

.type-post {
	border-bottom: 1px solid #eee;
	margin-bottom: 30px;
	padding-bottom: 15px;
}

.hh_press, .hh_events {
	border-bottom: 1px solid #eee;
	margin: 30px 0;
	padding-bottom: 30px;
}


/* Featured Product Widget */

.feat-prod {
	position: relative;
	padding-left: 120px;
	min-height: 160px;
}

.feat-prod-img {
	width: 100px;
	position: absolute;
	left: 0;
	top: 0;
}

.feat-prod-title {
	font: italic 20px Georgia, serif;
	color: #5099a6;
}

.author {
	
}

.price {
	color: #999;
	display: inline;

	margin-right: 10px;
}
.price del{
	text-decoration: line-through;
}

.price.nos {
	text-decoration: none;
	margin-right: 0;
	color: #464646;
	font-weight: 700;
}

.sale-price {
	color: #ff0000;
	display: inline;
}

/* Most Popular Widget */

.pop-posts {
	position: relative;
	padding: 0 0 15px 0;
	min-height: 100px;
	border-bottom: 1px solid #eee;
	margin-bottom: 15px;
}
.pop-posts-comments {
	font-size: .8em;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAA4UlEQVQ4je3SrUuDURiG8d/wq1gsE4thA50uCKZFGSosbEZBWBGWNG0wLGJwTEwy8KOYBQVZ9N8zeAaG874e37wLHjic+z7XUw5zIpSxF6ZcVLKBEV4xxkWYu3B3i/VU2QnesZ3TqYVO+y/ZIR5QSlhcwgQHWYVlTLGQIJuxGN4sxcI2zv4hm9FFKxYMUS8grKMfCy7RLCBsoBcLdnBfQDhGJSt8zgsj7OMlr7CLq0RZC59YzSt1cRw293GKTayFqeAcbxjI+C6/+cAXbrCFDq7xiKdwPvLzZ5OoYiW1PAd8A3SiGvEIwo68AAAAAElFTkSuQmCC) 0 50% no-repeat;
	padding-left: 25px;
	margin-top: 5px;
}

.pop-posts-img {
	width: 100px;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}

.pop-posts-excerpt a {
	color: #464646;
}

.pop-posts {
	padding-left: 0;
}

.pop-post-img, .uc-event-img {
	display: none;
}


/* Top Cat */

.topcat li, .cat-item a {
	font-weight: bold;
}

/* Featured Event */

.feat-event {
	list-style: none;
	margin:0;
	width: 100%;
	position: absolute;
	bottom: 30px;
	left: 0;
	z-index: 9;
}

.feat-event li {
	text-shadow: 0 3px 5px #000;
	width: 100%;
	font-size: 1.5em;
}

.feat-event-location, .feat-event-date, .feat-event-name {
	padding: 0 20px;
	text-align: center;
}

.feat-event-date {
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 1.2em !important;
	padding-left: 30px;
}

.module.col-12 .mod-bg {
	background-position: 50% 100%;
}

.mod-bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index:0;
	width: 100%;
	min-height: 236px;
	background-size: cover;
	opacity: .9;
	height: 100%;
}

/* Upcoming Events Widget */

#uc-events-container {
	width: 100%;
	height:270px;
	overflow: hidden;
	position: relative;
	padding-right: 30px;
}

.up {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA2UlEQVRYhe3Sv0qCURzG8Y/gHbQ1ttqqczgWYuBeq1M0dQnRXURzXYHX4eroEORSg1FSDT5BQ0S+rxrE+cJv+b3Pn8N7DoVCoVCox3nmTxjiLTPcdvkAC9xnFtlthR5e8IAW9jHLrrfp8gPM8YTOl30nu3k0G6GNx5R0v/nexXM07XWXtyx/+Sv6P+iOo/m8nrWwh6nlaz/5hf402mm8tdjFBO84W8F3Ec8kGZXYwThBlxX8V/GOk7UyowRco1HB38BNMkZVDnCEWzSrmEMTdziskVEoFAr/nA9xQjA4CKQV2AAAAABJRU5ErkJggg==);
	width: 32px;
	height: 32px;
	display: block;
	text-indent: -9999em;
}

.down {
	position: absolute;
	right: 0;
	bottom: 0;
	cursor: pointer;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA4ElEQVRYhe3RO0pDYRCG4Yf0WtlZamspCJbGuADTet1BWhFdg0oacSVmCanTahkstPACChotnAMWKnpOTgSZF/5m5rsM/CRJkiRfs4pTNCpkNHCGlTLmHl5xUuGAbmSclzFPox8BRyX8x+HtY6rMATCDQQTt/cK3H55BZFRiFpcR2PmBvhPai/COhXkMMcLON7rd0AwxN67yggXc4Bnrn+zbsbsObS0s4R5PaH2Yr8XsLjS10sQjbrGIZTzErFl3ecGm97++iveCjUmVF2zHESNsTbq84BAHf1WeJEnyP3gDY3owVkJ8dVgAAAAASUVORK5CYII=);
	width: 32px;
	height: 32px;
	display: block;
	text-indent: -9999em;
}

.uc-event {
	list-style: none;
	margin: 0;
	padding: 15px 0 !important;
	border-bottom: 1px solid #eee;
}

.uc-event li {
	float: left;
	margin: 0 10px;
}

.uc-event-img {
	width: 100px;
}

.uc-event-img img {
	width: 100%;
	height: auto;
}

.uc-event-title {
	display: none;
}

/* Quote Widget */

q {
	quotes: "“" "”" "‘" "’";
	font: italic 24px Georgia, serif;
}

q p {
	margin: 0;
	padding: 0;
	display: inline;
}

q:before {
	content: open-quote;
	font-size: 80px;
	line-height: 0;
	position: relative;
	top: 40px;
	left: -12px;
}

q:after {
	content: close-quote;
	font-size: 80px;
	line-height: 0;
	position: relative;
	top: 40px;
}

.module.col-12 {
	/*text-align: center;
	color: #fff;*/
	overflow: hidden;
}

.module.col-12 h2 {
	text-align: center;
	border: 0;
	font-weight: 300;
}

.module.col-12 h2 span {
	margin: 0 8px;
}

.module.col-12 .quote-wrapper {
	position: relative;
	z-index: 9;
}


/* Video Widget */

section .video {
	margin-bottom: 30px;
}

section .video ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

section .video li {
	padding-right: 30px;
}

section .video li.vid-thumb {
	width: 100%;
	margin-bottom: 5px;
	overflow: hidden;
}

section .video li img {
	width: 100%;
	height: auto;
}

section .video h2 {
	font-size: 1.2em;
}


/* Newsletter Widget */

.module.col-6 .nlimg {
	position: absolute;
	left: 0;
	top: 0;
}

.module.col-6 .nlimg img {
	width: 100%;
	height: auto;
}

.module.col-6 .nlcontent {
	padding-left: 170px;
	position: relative;
}

span.error {
	display: none;
}

/* Infinite Scroll */

#infinite-handle span {
	background: #eee !important;
	color: #757575 !important;
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	padding: 14px !important;
	clear: both;
}

/* Video Gallery */

#featured-vid h2 {
	margin-top: 10px;
}

#videos {
	float: left;
	width: 72.5%;
}

#videos ul {
	margin: 0;
}

.videos {
	float: left;
	width: 50%;
	padding: 30px 30px 30px 0;
	font-size: .9em;
	height: 280px;
}

.videos img {
	width: 100%;
	max-width: none;
	height: auto;
	margin-bottom: 5px;
}

.videos h2 {
	font-size: 1.2em;
}

#featured-vid #sidebar {
	padding: 0;
	width: 25%;
}

#featured-vid iframe {
	width: 100%;
}

body.page-template-video-php #sidebar .pop-posts-img, .prod-filter .pop-posts-img {
	display: none;
}

body.page-template-video-php #sidebar .pop-posts, .prod-filter .pop-posts {
	padding-left: 0;
}


/* Products */

.prod-filter {
	position: absolute;
	top: 67px;
	left: 45px;
	width: 100%;
	max-width: 220px;
	padding-right: 30px;
}

.prod-filter section {
	margin-bottom: 30px;
}

.has-sidebar {
	padding-left: 25% !important;
	max-width: 100% !important;
}

#prod-icons-map {
	position: absolute;
	right: 30px;
	top: 68px;
	text-align: right;
	font-size: .9em;
}

#prod-icons-map ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#prod-icons-map li {
	float: left;
	margin-right: 30px;
}

#content img.prod-icon {
	border: none !important;
}

.archive .hh_ads {
	display: none;
}

.product {
	float: left;
	/* width: 25%; */
	/* padding: 30px 30px 60px 0; */
	font-size: .9em;
	/* height: 580px; */
}

#drop-nav {
	display: none;
}

.prod-img {
	width: 140px;
	height: 236px;
}

.product h3 {
	font-size: 1.2em;
	height: 60px;
}

.prod-filter .current-menu-item a {
	font-weight: bold;
}

.prod-format {
	color: #999;
}

a.btn, input[type="submit"], a.more-link {
	background: #6699CC;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	padding: 8px 16px;
	font: 15px 'Roboto Condensed', sans-serif;
	margin-top: 20px;
	display: inline-block;
	border: none;
}

a.more-link {
	display: block;
	max-width: 220px;
}

.module.col-6.right input {
	width: 100%;
}

.nlcontent input[type="submit"] {
	margin-top: 5px;
}

#top input[type="submit"] {
	margin-top: 0;
	padding: 4px 16px;
} 

#catalog-filter input[type="checkbox"], #format-filter input[type="checkbox"], #vidcat-filter input[type="checkbox"] {
	display: none;
}

#catalog-filter li.selected a, #format-filter li.selected a, #vidcat-filter li.selected a {
	font-weight: bold;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABSElEQVQ4ja1Ty04CQRDsg/AtApLgH3Bi3Jmpfmj2F/ZnTEASPfglPn4D9MZZwnJSEw9i9EAW12UxmNhJXXq6KqmabqJKDQbhCOARYFNAckByEZ2EYEMRaVfnN5WmaZOZL5l1xayfO7CKEeMsyxpbZEDvfyFWILdpmjY3AoBe709eQ0SuiIjIe99l1o/iAdAZgASQ+XdP5sx8AuisbEdE2hQjxmXlGKMnIhKRNiBzgJ/MrEVEFMJpKM+GYEOKUR/LTUAXzrkOEZGZtQqyc64D6OKnDZ0Qs75U/QGSe++7RUbe+y4geU2YzwTIa01IS1XtFQJJkhwz67JWoGqhTC5bUNVeVQSw6VaI3lvcFaL3FrdCdM51ytu37zcC8g6cHRIREbNe/H2R7HyziVmWNUT0bl8ywDf9fv/g/46p7pyZ5QHgtzVsuuucvwCroGl9jvGh2wAAAABJRU5ErkJggg==) 100% 50% no-repeat;
	padding-right: 20px;
}

}

.prod-filter-navigation {
	clear: both;
	width: 100%;
}

.prod-filter-mobile {
	display: none;
	position: fixed;
	left: -260px;
	top: 70px;
	z-index: 99;
	font-size: .9em;
}

.prod-filter-mobile h3 {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	position: absolute;
	top: 60px;
	right: -30px;
	margin: 0;
	text-align: center;
	cursor: pointer;
}

.prod-filter-mobile #catalog-filter, .prod-filter-mobile #format-filter, .prod-filter-mobile #vidcat-filter {
	display: block;
	background: #d96953;
	color: #fff;
	padding: 20px;
	margin-bottom: 10px;
	position: relative;
	min-height: 150px;
	width: 300px;
}

.prod-filter-mobile #catalog-filter li, .prod-filter-mobile #format-filter li, .prod-filter-mobile #vidcat-filter li {
	padding: 5px 0;
}

.prod-filter-mobile a, .prod-filter-mobile a:hover {
	color: #fff;
}

.prod-filter-mobile #catalog-filter li.selected a, .prod-filter-mobile #format-filter li.selected a, .prod-filter-mobile #vidcat-filter li.selected a {
	color: #fff;
	font-weight: bold;
}

/* Events Template */

.event {
	position: relative;
	padding-left: 310px;
	min-height: 350px;
}

.hh-events-filter {
	text-align: right;
	background: url(../images/select.jpg) center right no-repeat;
	overflow:hidden;
	width: 183px;
	cursor: pointer;
	float: right;
}

.hh-events-filter label {
	margin-right: 10px;
	display: none;
}

.hh-events-filter select  {
	background: none;
	color: #999;
	border: 1px solid #eee;
	padding: 5px;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	border-radius: none !important;
	-moz-border-radius: none !important;
	-webkit-border-radius: none !important;
	width: 200px;
}

.hh-events-filter option {
	background: none;
	color: #999;
	padding: 2px 5px;
}

.event-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 280px;
	height: 350px;
	overflow: hidden;
	color: #fff;
}

.event-img img {
	height: 350px;
	width: auto;
	max-width: none !important;
}

#content img {
	max-width: 100%;
	height: auto;
}

.event a.gs:hover img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */    
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray; /* IE 6-9 */
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.event-info {
	position: absolute;
	top: 100px;
	left: 0;
	width: 100%;
	padding: 20px 0;
	z-index: 9;
	background: rgba(146,192,200,0.8);
}

.event-info span {
	text-align: center;
	display: block;
	text-shadow: 0 1px 1px #2A3F42;
}

.date {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
}

.location {
	font-size: 1.5em;
}

.event-meta {
	color: #999;
	font-weight: bold;
}

.event-directions, .event-map {
	width: 50%;
	float: left;
}

.event-map .gmsc {
	width: 100% !important;
}

.tan.btn {
	background: #c8bd92;
}


/* Quote Template */

body.page-template-quote-php #main, body.single-hh_quotes #main, body.page-template-yesterday-php #main {
	position: relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	height: 100%;
}

body.page-template-quote-php #footer, body.single-hh_quotes #footer, body.page-template-yesterday-php #footer {
	margin-top: 0;
}

body.page-template-quote-php #main .container, body.single-hh_quotes #main .container, body.page-template-yesterday-php #main .container {
	color: #fff;
	text-align: center;
}

body.page-template-quote-php h1, body.single-hh_quotes h1, body.page-template-yesterday-php h1 {
	border: none;
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 1.6em;
}

.vert-center {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	margin:auto;
	padding: 15px;
	max-width: 1200px;
}

#quote-upsell {
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(191,183,158, 0.8);
	z-index: 9;
	font-size: 1.3em;
	min-height: 120px;
}

#quote-upsell img {
	max-width: 140px;
	position: absolute;
	z-index: 10;
	bottom: 30px;
	left: 0;
	-moz-box-shadow: 0px 3px 5px #000;
	-webkit-box-shadow: 0px 3px 5px #000;
	box-shadow: 0px 3px 5px #000;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	/*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);*/
}

#quote-upsell ul {
	margin: 0 auto;
	max-width: 900px;
	padding: 30px;
	position: relative;
}

#quote-upsell li {
	float: left;
	padding: 0 30px;
	width: 75%;
	padding-left: 140px;
	text-align: center;
	color: #fff;
}

#quote-upsell li.buy {
	text-align: left;
	width: 25%;
	padding-left: 0;
}

#quote-upsell a, #quote-upsell a:hover {
	color: #eadca2;
}


#quote-upsell a.btn {
	margin-top: 0;
	font-size: 18px;
	padding: 10px 40px;
	color: #fff;
}

.prev-quote {
	position: absolute;
	left: 30px;
	z-index: 11;
	line-height: 1;
	text-transform: uppercase;
	width: 100%;
	max-width: 150px;
	text-align: center;
	top: 40px;
}

.next-quote {
	position: absolute;
	z-index: 11;
	right: 30px;
	line-height: 1;
	text-transform: uppercase;
	width: 100%;
	max-width: 150px;
	text-align: center;
	top: 40px;
}

#quote-upsell a.prev {
	font-size: .8em;
	font-weight: bold;
	font-family: 'Roboto Condensed', sans-serif;
	display: block;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAACC0lEQVR4nO3aTYhOURwG8N8YJg35SCRpUtKkJLGQhAVJbJSSWbGR2bEy21mOrY2anRXKwoZ6lRKlFLFQYiEfJZQQIx9jxuJ28573rp2/3POrd/88z+qce16KoiiKoiiKoij+TRvRwcroIBH24DNm8QLDsXHy2osvqvL1rxOaKKNjmJaWv43FgZmyOYUZaflrGIwMlcuEtPgsLmIgMlQOfTirWX4S/YG5spiL85rlz6iG+a/NxxXN8mORoXJZiBvS4r8wGhkql2W4Ky3/AyORoXJZhUfS8l9xIDJULmvxTFr+E3ZFhsplA15Ly7/DlshQuWzFe2n5V1gfGSqX3f7c6OrfU6wJzJTNQXyTln+oJXf7o/gpLX8HSyND5XJS80bXwYLIULmMax5tL2vBja42rjnAJS0aAE6ozvXdI9zEosBM2R1Rne+7R7iH5ZGhctuPKekIj7E6MlRuO/BROsJzrAvMlN1mvJWO8AabIkPlNoyX0hE+YHtkqNyG8EQ6whT2RYbKbQUeSEf4jsORoXJbonrp6R5hGscjQ+U2qHrx6R5hBqcjQ+U2oDom9x6dJ7TgTaDWr3oB6h3hHOYE5sqqT/US1DvCBcwLzJXdmOYIV7XkZbg2qnmTvKUl/w2ojWjeJO+rzhCtcUjzg+r10EQBdqpejupP6UOxcWJsUz2ktrJ8URRFURRFURR/x28mQMKqvoCVnQAAAABJRU5ErkJggg==) 0 50% no-repeat;
	padding-left: 50px;
}

#quote-upsell a.next {
	font-size: .8em;
	font-weight: bold;
	font-family: 'Roboto Condensed', sans-serif;
	display: block;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAACAUlEQVR4nO3ZTYhOYRTA8d/4GDVkkghlkgUpiSwkYYGiLGSBLGRDs7QyS1vs7LCz8pGyMoWUTCklpRQlZVIiyWgQwxiLm8wz11Ln1DvPr979/5x6u/e5D1VVVVVVVVVVVf/PUtzCuuyQDKsxjAmMYmduTrzbmuH//D5jV2pRsF4MKZfwE0cTm8L1YFC5hF84kRkVrRtXlUuYwOnMqGgzcVF7CefQldgVqgtntZdwCbMSu8INaC/hBuZkRkXrx7hyCXcxLzMq2mGMKZfwEAszo6LtxVflEp5iWWZUtO34pFzCS6zMjIq2Ee+VS3iDtZlR0dbgtXIJH7ApMyraCrxQLmEUOxKbwi3BE+USvmFfZlS0BXigXMIYDmZGRZur/U1hHMczo6LNwXXt4/RAZlSkblzTPjucyoyKMh/3lIP/wJHEpjCL8Mg0fRIsxzPl8F+wJzMqyiq8Ug4/gq2JTWHW461y+HfYkBkVZQs+Kocf1lyudLzdmv/45OGfoy8zKsoBfFcO/xiLM6OiHNPcFE0efkhzo9TxTmpeaScPP6i5SepoXZoboamvtlc0r70dbQbOaw9/QXNz1NFm47L28GdMg6uxHtw0TY+0vbiv/VGjPzMqymLNM33qZ61DmVGR7mgfZ/enFgXr8/cT9wi25ebk6NNceG7ODqmqqqqqqqqqqvqX38YlwncDgU9xAAAAAElFTkSuQmCC) 100% 50% no-repeat;
	padding-right: 50px;
}

/* Mobile Menu */

.ubermenu li.facebook, .ubermenu li.connect, .ubermenu li.twitter, .ubermenu li.pinterest, .ubermenu li.instagram, .ubermenu li.youtube, .ubermenu li.soundcloud, .ubermenu li.hyl {
	display: none;
}

#click-menu {
	display: none !important;
	left: 15px;
}

#responsive-menu .responsive-menu .connect {
	background: #999;
	color: #ccc !important;
	font-size: .9em;
	text-transform: uppercase;
	cursor: none;
}

#responsive-menu .responsive-menu .connect a, #responsive-menu .responsive-menu .connect a:hover {
	background: #999 !important;
	color: #eee !important;
	height: 10px !important;
	line-height: 10px !important;
}

#responsive-menu #responsiveSearch {
	background: #999;
}

#responsive-menu .responsive-menu li {
	overflow: hidden;
}

#responsive-menu .responsive-menu li:before {
	content: "";
	width: 30px;
	height: 30px;
	display:block;
	position: absolute;
	left: 0;
	margin: 6px 0 0 15px;
}

#responsive-menu .responsive-menu li.facebook:before {
	background: url(../images/sprite.png) 5px 0;
}

#responsive-menu .responsive-menu li.facebook a, #responsive-menu .responsive-menu li.twitter a, #responsive-menu .responsive-menu li.pinterest a, #responsive-menu .responsive-menu li.instagram a, #responsive-menu .responsive-menu li.soundcloud a, #responsive-menu .responsive-menu li.youtube a, #responsive-menu .responsive-menu li.hyl a {
	background: none !important;
	padding-left: 48px !important;
}

#responsive-menu .responsive-menu li.twitter:before {
	background: url(../images/sprite.png) -20px 0;
}

#responsive-menu .responsive-menu li.youtube:before {
	background: url(../images/sprite.png) -110px 0;
}

#responsive-menu .responsive-menu li.pinterest:before {
	background: url(../images/sprite.png) -50px 0;
}

#responsive-menu .responsive-menu li.instagram:before {
	background: url(../images/sprite.png) -80px 0;
}

/* Contact Form */

span.wpcf7-not-valid-tip {
	margin-left: 15px !important;
	display: inline !important;
}


/* Ubermenu */

.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target:after {
	right: -18px !important;
}

.ubermenu-submenu {
	padding: 0 30px !important;
}

.ubermenu-submenu li {
	margin: 0 !important;
	height: auto !important;
	line-height: 2 !important;
	padding: 5px 0 !important;
}

.ubermenu-submenu .ubermenu-target-text {
	font-size: 16px;
	text-transform: none !important;
}

.mobile {
	display: none;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

 .ir {
 	background-color: transparent;
 	border: 0;
 	overflow: hidden;
 	/* IE 6/7 fallback */
 	*text-indent: -9999px;
 }

 .ir:before {
 	content: "";
 	display: block;
 	width: 0;
 	height: 100%;
 }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

 .hidden {
 	display: none !important;
 	visibility: hidden;
 }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

 .visuallyhidden {
 	border: 0;
 	clip: rect(0 0 0 0);
 	height: 1px;
 	margin: -1px;
 	overflow: hidden;
 	padding: 0;
 	position: absolute;
 	width: 1px;
 }

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

 .visuallyhidden.focusable:active,
 .visuallyhidden.focusable:focus {
 	clip: auto;
 	height: auto;
 	margin: 0;
 	overflow: visible;
 	position: static;
 	width: auto;
 }

/*
 * Hide visually and from screenreaders, but maintain layout
 */

 .invisible {
 	visibility: hidden;
 }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

 .clearfix:before,
 .clearfix:after {
 	content: " "; /* 1 */
 	display: table; /* 2 */
 }

 .clearfix:after {
 	clear: both;
 }

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

 .clearfix {
 	*zoom: 1;
 }

 /* sheetal code*/
 .mydiv
 {
 	width: 100%;
 	padding-top: 43px;
 	padding-bottom: 76px;
 }
 .mydiv1
 {
 	width: 100%;
 	padding-top: 43px;
 	padding-bottom: 76px;
 	height: 1700px;
 }
 .mydiv p
 {
 	/*color: #fff;*/
 }
 .video_all_cat{
 	width: 30%;
 	float: left;
 	height: 900px;	
 	background-color: #fff;
 }
 .video_all
 {
 	width: 70%;
 	padding-top: 43px; 
 	height: 100%;	
 	background-color: #fff;

 }
 .books_all
 {
 	width: 100%;
 	height: 900px;	
 	background-color: #fff;	
 }
 .books_all .woocommerce
 {
 	width: 1020px;
 	text-align: center;
 }
 .books_all .woocommerce img
 {
 	height: auto;	   
 }
 .books_all .woocommerce ul.products li.product, .woocommerce-page ul.products li.product
 {
 	height: auto !important;
 }
 .about_img
 {
 	width: 100%;
 	height: auto;
 	text-align: center;
 }
 .about_data
 {
 	width: 100%;
 	height: auto;
 	font-family: 'Roboto', sans-serif;
 }
 .sitemap_menu
 {
 	margin: 0px;
 	padding: 0px;
 	display: inline-block;
 }
 .sitemap_menu ul
 {

 }
 .sitemap_menu ul li
 {
 	list-style-type: disc;
 	text-decoration: none !important;
 	text-align: left;
 }
 .sitemap_menu ul li a 
 {
 	color: #fff;
 	text-decoration: none;
 }
 .sitemap_menu ul li a:hover
 {

 }
 .cnt1
 {
 	width: 100%;
 	padding-bottom: 20px;
 	height: auto;
 	float: left;
 }
 .cnt_left
 {
 	float: left;
 	width: 245px;
 	direction: rtl;
 }
 .cnt_right
 {
 	float: left;
 	width: 300px;
 	margin-left: 43px;
 }
 .brd
 {
 	border: none;
 	margin: 2rem 0;
 	border-top: 1px solid #d7d7d7;

 }
 .data_hide
 {
 	visibility: hidden;
 }
 .video
 {
 	width: 100%;
 }
 .v1 
 {
 	width: 450px;
 	float: left;
 	height: 200px;
 }
 .v2 
 {
 	width: 450px;
 	float: left;
 	height: 200px;
 }
 .v1 iframe
 {
 	width: 450px;
 	height: 200px;
 }
 .v2 iframe
 {
 	width: 450px;
 	height: 200px;
 }
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

   @media only screen and (min-width: 35em) {
   	/* Style adjustments for viewports that meet the condition */
   }

   @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
   only screen and (min-resolution: 144dpi) {
   	/* Style adjustments for high resolution devices */
   }

   @media screen and (min-width: 1256px) {
   	.container {
   		max-width: 1200px;
   	}

   	#header .ubermenu li {
   		font-size: 120%;
   		margin-right: 44px;
   	}
   	.header-search {
   		max-width: 575px;
   	}
   	.header-search input[type="search"] {
   		max-width: 550px;
   	}
   	.subpost.col-6 {
   		float: left;
   		width: 50%;
   	}
   	.pop-posts {
   		position: relative;
   		padding: 0 0 15px 120px;
   		display: block;
   	}
   	.pop-posts-img {
   		width: 100px;
   		position: absolute;
   		left: 0;
   		top: 0;
   		display: block;
   	}
   	.uc-event-img {
   		display: block;
   	}
   	.module.col-6.right input {
   		width: auto;
   	}
   }

   @media screen and (max-width: 768px) {
   	#footer .col-3 {
   		width: 33.3%;
   		padding: 30px 15px;
   	}
   	.footer-logo {
   		display: none;
   	}
   	.header-search {
   		display: none;
   	}
   	.logo a {
   		background-position: 50% 50%;
   		margin: 0 auto;
   	}
   	#sidebar, #content {
   		padding: 15px;
   	}
   	.prod-filter {
   		position: static;
   		max-width: none;
   		margin-top: 15px;
   		background: #fff;
   		padding: 15px;
   		clear:both;
   	}
   	#featured-vid {
   		margin-top: 30px;
   	}
   	.product {
   		width: 25%;
   	}
   	section .video.col-6 {
   		float: none;
   		width: 100%;
   	}
   	#videos, #featured-vid #sidebar {
   		width: 50%;
   	}
   	.module.col-6 .nlcontent {
   		padding-left: 0;
   	}
   	.module.col-6 .nlimg {
   		float: left;
   		position: static;
   		margin: 0 10px 5px 0;
   	}
   	.module {
   		padding: 20px;
   	}
   	.feat-prod {
   		padding-left: 0;
   	}
   	.feat-prod-img {
   		position: static;
   		margin-bottom: 20px;
   	}
   	body.page-template-quote-php #main, body.single-hh_quotes #main, body.page-template-yesterday-php #main {
   		min-height: 0;
   	}
   	body.page-template-quote-php #main .container, body.single-hh_quotes #main .container, body.page-template-yesterday-php #main .container {
   		padding-top: 0;
   	}
   	#quote-upsell {
   		position: relative;
   		padding: 15px;
   	}
   	#quote-upsell li {
   		float: none;
   		padding: 15px 0;
   		width: 100%;
   	}
   	#quote-upsell img {
   		position: static;
   	}
   	#quote-upsell ul {
   		padding: 0;
   	}
   	.prev-quote, .next-quote {
   		position: static;
   		max-width: none;
   	}
   	#quote-upsell li.buy {
   		width: 100%;
   	}
   	.next-quote {
   		text-align: right;
   		margin-top: 30px;
   	}
   	.prev-quote {
   		text-align: left;
   		margin-top: 30px;
   	}
   	#quote-upsell li.buy {
   		text-align: center;
   	}
   	#top {
   		display: none;
   	}
   	.event {
   		padding-left: 0;
   	}
   	.event-img {
   		position: relative;
   		max-width: none;
   		height: auto;
   	}
   	.event-meta {
   		margin-top: 15px;
   	}
   	.event-directions, .event-map {
   		float: none;
   		width: 100%;
   	}
   	section .video li {
   		padding-right: 0;
   	}
   	#footer .container {
   		padding: 0;
   	}
   	#footer {
   		font-size: .9em;
   	}
   	#menu-footer-keep-in-touch li:before {
   		background: none !important;
   	}
   	#menu-footer-keep-in-touch li {
   		padding-left: 0;
   	}
   	#click-menu.hh-click-menu {
   		display: block !important;
   		width: 40px;
   	}
   	#header {
   		position: static;
   	}
   	#pushWrapper {
   		padding-top: 0;
   		/*padding-top: 110px;*/
   	}
   	.uc-event li {
   		font-size: .9em;
   	}
   	.uc-event {
   		height: 89px;
   	}
   	body.page-template-quote-php #main, body.single-hh_quotes #main, body.page-template-yesterday-php #main {
   		padding: 30px 0;
   	}
   	input, textarea, select {
   		width: 100%;
   	}
   	input[type="checkbox"] {
   		width: inherit;
   	}
   	.feat-event li {
   		float: none;
   		width: 100%;
   		font-size: 1.5em;
   	}
   	.feat-event-location, .feat-event-date {
   		padding: 0 20px;
   		text-align: center;
   	}
   	.feat-event-date {
   		text-transform: uppercase;
   		font-weight: bold;
   		letter-spacing: 1px;
   		font-size: 1.2em !important;
   	}
   	.has-sidebar {
   		padding-left: 15px !important;
   	}
   	#drop-nav {
   		display: block;
   	}
   	#prod-icons-map {
   		display: none;
   	}
   	.hh-events-filter {
   		text-align: left;
   	}
   }	

   @media screen and (max-width: 568px) {
   	.logo {
   		margin: 0;
   	}
   	.logo a {
   		margin: 0 auto;
   		width:auto
   	}
   	#footer .col-3 {
   		float: none;
   		width: 100%;
   		padding: 30px 0 15px;
   	}
   	.footer-logo {
   		display: none;
   	}
   	#sidebar, #content, .module.col-6.left, .module.col-6.right {
   		float: none;
   		margin: 15px 0;
   		max-width: none;
   		width: auto;
   		padding: 15px;
   	}
   	#top {
   		display: block;
   	}
   	#top .col-6 {
   		width: 100%;
   	}
   	#top .col-6.right {
   		display: none;
   	}
   	#top input[type="submit"] {
   		margin-top: 7px;
   		width: auto;
   	}
   	#footer {
   		margin-top: 0;
   	}
   	.prod-filter-mobile {
   		display: block;
   	}
   	.product {
   		width: 50%;
   	}
   	#menufication-outer-wrap.menufication-transition-in #menufication-scroll-container {
   		z-index: 100 !important;
   	}
   	.module.col-6 .nlcontent {
   		padding-left: 0;
   	}
   	.module.col-6 .nlimg {
   		position: static;
   	}
   	.module.col-6 .nlcontent input {
   		display: block;
   		width: 100%;
   		margin: 4px;
   	}
   	.event-info {
   		top: 30px;
   	}
   	#videos, #featured-vid, #featured-vid #sidebar {
   		float: none;
   		width: 100%;
   	}

   	#videos {
   		margin-bottom: 30px;
   	}
   	.videos {
   		width: 100%;
   		float: none;
   		padding-right: 0;
   		height: auto;
   	}
   	.event-map {
   		margin-top: 30px;
   	}
   	.event-img {
   		height: 190px !important;
   	}
   	#footer .container {
   		padding: 0 15px;
   	}
   	#footer {
   		font-size: 1em;
   	}
   	#menu-footer-keep-in-touch li {
   		padding-left: 35px;
   	}
   	#menu-footer-keep-in-touch li.facebook:before {
   		background: url(../images/sprite.png) 5px 0 !important;
   	}

   	#menu-footer-keep-in-touch li.twitter:before {
   		background: url(../images/sprite.png) -20px 0 !important;
   	}

   	#menu-footer-keep-in-touch li.youtube:before {
   		background: url(../images/sprite.png) -110px 0 !important;
   	}

   	#menu-footer-keep-in-touch li.pinterest:before {
   		background: url(../images/sprite.png) -50px 0 !important;
   	}

   	#menu-footer-keep-in-touch li.instagram:before {
   		background: url(../images/sprite.png) -80px 0 !important;
   	}
   	.module.col-6.left {
   		min-height: 270px;
   	}
   	.event-map div {
   		max-width: none !important;
   	}
   	#responsive-menu .responsive-menu li:before {
   		margin-left: 0;
   	}
   	#responsive-menu .responsive-menu li.facebook a, #responsive-menu .responsive-menu li.twitter a, #responsive-menu .responsive-menu li.pinterest a, #responsive-menu .responsive-menu li.instagram a, #responsive-menu .responsive-menu li.soundcloud a, #responsive-menu .responsive-menu li.youtube a, #responsive-menu .responsive-menu li.hyl a {
   		padding-left: 33px !important;
   		font-size: .9em;
   	}
   	#pushWrapper {
   		/*padding-top: 60px;*/
   	}
   	.uc-event li {
   		float: none;
   		margin: 0;
   	}
   	.uc-event {
   		height: 115px;
   	}
   	#uc-events-container {
   		height: 345px !important;
   	}
   	.module.col-4 {
   		width: 100%;
   		float: none;
   	}
   	#footer-widgets {
   		margin-bottom: 30px;
   	}
   	.collapseomatic {
   		padding: 0 0 16px !important;
   		background-position: center bottom !important;
   		display: block !important;
   	}
   	.slider {
   		/*display: none;*/
   	}
   	.mobile {
   		display: block;
   	}
   }

   @media screen and (max-width: 320px) {
   	.product {
   		float: none;
   		width: 100%;
   		padding-right: 0;
   		padding-bottom: 30px;
   	}
   	.product, .prod-img, .product h3 {
   		height: auto;
   	}
   	a.btn {
   		display: block;
   	}
   	#content img, #content iframe, #content div {
   		max-width: 100%;
   		height: auto;
   	}
   }

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

   @media print {
   	* {
   		background: transparent !important;
   		color: #000 !important; /* Black prints faster: h5bp.com/s */
   		box-shadow:none !important;
   		text-shadow: none !important;
   	}

   	a,
   	a:visited {
   		text-decoration: underline;
   	}

   	a[href]:after {
   		content: " (" attr(href) ")";
   	}

   	abbr[title]:after {
   		content: " (" attr(title) ")";
   	}

    /*
     * Don't show links for images, or javascript/internal links
     */

     .ir a:after,
     a[href^="javascript:"]:after,
     a[href^="#"]:after {
     	content: "";
     }

     pre,
     blockquote {
     	border: 1px solid #999;
     	page-break-inside: avoid;
     }

     thead {
     	display: table-header-group; /* h5bp.com/t */
     }

     tr,
     img {
     	page-break-inside: avoid;
     }

     img {
     	max-width: 100% !important;
     }

     @page {
     	margin: 0.5cm;
     }

     p,
     h2,
     h3 {
     	orphans: 3;
     	widows: 3;
     }

     h2,
     h3 {
     	page-break-after: avoid;
     }
 }

/* ==========================================================================
   IE
   
   ========================================================================== */

   .lt-ie9 .header-search { width: 375px; }
   .lt-ie9 #content { width: 620px; }
   .lt-ie9 #sidebar { width: 320px; }
   .lt-ie9 .avatar { width: 75px; }
   .lt-ie9 #content.has-sidebar { width: 960px; }
   .subpost.col-6 {
   	min-height: 150px;
   }

   h5.ytctitle a {
   	font: italic 1.75em Georgia, serif;
   	margin: 0;
   	color: #4f99a6;
   	border: 0; 
   	font-size: 1.2em;
   }

   #ytc-wrapper a {
   	text-decoration: none !important;

   }


   #ytc-wrapper .ytc-thumbnails a.ytcthumb{
   	border: none !important;
   }

   .related.products {
   	float: inherit !important;
   	width:100%;
   }

   body .youtube_channel.responsive .ytc_video_container {
   	width: 50% !important;
   	padding: 0 10px;
   }
   body .module.col-4 {
   	width: 20%;
   	padding:0 20px 20px;
   }
   body .module.col-8 {
   	float: left;
   	width: 80%;
   	padding:0 20px 20px;
   }
   body .module.col-4 #content {
   	width: 100%;
   	max-width: 100%;
   	padding: 0;
   	margin-left: 0;
   	margin-right: 0;
   	box-sizing: border-box;
   }
   .module.col-4 #content .instagram-pics li img{
   	width:100%;
   }
   .home .module.col-4 .search-form{
   	display:none;
   }
   span.ytc_title.ytc_title_above {
   	font-size: 21px;
   	font-weight: 500;
   	margin: 0 0 10px 0;
   	display: inline-block;
   	width: 100%;
   }
   body .module h2 {
   	margin: 0 0 20px 0;
   }
   h1 span, h2.widgettitle span, h2 span {
   	position: static;
   	float: right;
   }

   .home .module.col-4 .search-field{
   	width: 100%;
   	box-sizing: border-box;
   }
   .home .module.col-4 .search-submit{
   	margin:10px 0 20px;
   }

   .page-template-books .module.col-12{
   	text-align:left;
   }
   .page-template-books .woocommerce ul.products li.product{     width: 100%;  margin: 0 0 30px 0;   padding: 0 0 20px;  border-bottom: 1px solid #cacaca;}
   .page-template-books .woocommerce .cus_action_2 { width: 220px; float: left; margin: 0 20px 0 0;}
   .page-template-books .woocommerce .cus_action_4 {
   	float: left;
   	width: calc(100% - 240px);
   }
   .cus_action_desc, .cus_action_desc a{
   	color:#333;
   }
   .page-template-books .woocommerce .cus_title { font-size: 27px; color:#000;}
   .youtube_link iframe{
   	max-width:100%;
   	height:auto;
   }
   .woocommerce-tabs.wc-tabs-wrapper {
   	display: none;
   }

   .summary .second_content {
   	margin: 30px 0 0 0;
   	float: left;
   	width: 100%;
   }

   body.woocommerce #content div.product div.images, body.woocommerce div.product div.images, body.woocommerce-page #content div.product div.images, body.woocommerce-page div.product div.images {
   	width: 29%; 
   }
   body.woocommerce div.product div.images img{
   	/*width:auto;*/
   }
   body.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
   	width: 66%;
   }
   body.woocommerce ul.products li.product a img{
   	/*width:auto;*/
   }
   .woocommerce .products ul, .woocommerce ul.products{
   	width:100%;
   }

   @media screen and (max-width: 568px) {
   	body .module.col-4 {
   		width: 100%;
   		clear:both;
   	}
   	body .module.col-8 {
   		width: 100%;
   	}	
   }

   @media screen and (max-width: 767px) {
   	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*=columns-] ul.products li.product, .woocommerce[class*=columns-] ul.products li.product{
   		width:100% !important;
   	}
   	.page-template-books .woocommerce .cus_action_2 {
   		float: none;
   		margin: 0 auto;
   		display: block;
   	}
   	.page-template-books .woocommerce .cus_action_4 {
   		float: left;
   		width: 100%;
   	}
   	body.woocommerce div.product{
   		width:100%;
   	}
   	body.woocommerce #content div.product div.images, body.woocommerce div.product div.images, body.woocommerce-page #content div.product div.images, body.woocommerce-page div.product div.images {
   		width: 100%;
   	}
   	body.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
   		width: 100%;
   	}

   }



   /* additional css*/

   /* product image photo */
/* body.woocommerce div.product div.images img {
    display: none;
    } */

    .summary.entry-summary {
    	width: 100% !important;
    }

    p.price {
    	font-size: 2.5em !important;
    }

    .product.type-product.status-publish {
    	background: #fff;
    }


/* .woocommerce-product-gallery__trigger {
    display: none;
}
*/ 
.product-image-content {
	float: left;
	position: relative;
	margin-right: 20px;
	margin-bottom: 20px;
} 

.blog-banner img{
	width: 100%;
	max-width: 100%;

}
.blog-banner {
	margin: 0 0 30px 0;
}

.blog .row {
	display: flex;
	display: inline-block;
	width: 100%;
}

.blog .row .col-8 {
	width: 70%;
	padding-right: 20px;
	float: left;
}

.blog .row .col-4 {
	width: 30%;
	float: left;
}

.blog .row .col-4 form.search {
	display: flex;
	align-items: center;
	margin: 0 0 10px 0;
}

.blog .row .col-4 form.search input[type="search"] {
	width: 70%;
}

.blog .row .col-4 form.search input[type="submit"] {
	width: 30%;
	margin: 0;
}

.blog .row .col-8 img {
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
}

.blog .row .col-8 h2 {
	border: 0;
}
.blog .row .col-8 .blog-post {
	margin: 0 0 20px 0;
	border-bottom: 1px solid #dcdcdc;
	padding: 0 0 20px 0;
}

.blog-nav {
	background: #69c;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 20px 0;
	padding: 10px 10px;
}

.blog-nav h2.widget-title {
	display: none;
}

.blog-nav ul {
	display: flex;
}

.blog-nav ul a {
	color: #fff;
	text-decoration: none;
}

.blog-nav ul li {
	margin: 0 19px;
}


.blog-nav form.search-form{
	display: flex;
}

.blog-nav button.search-submit span {
	clip: inherit;
	overflow: inherit;
	width: auto;
	height: auto;
	position: static !important;
}
.blog .row.single {
	padding: 0;
	display: block;
}
.blog nav.navigation.post-navigation {
	display: none;
}

.blog footer.entry-footer, .search .entry-footer {
	padding: 0;
	background: none;
}

.blog footer.entry-footer a, .search .entry-footer a {
	color: #000;
}

.blog footer.entry-footer span, .search .entry-footer span {
	margin: 0 8px 0 0;
}

.blog footer.entry-footer time.entry-date.published, .search .entry-footer time.entry-date.published{
	display: none;
}

.blog footer.entry-footer span.cat-links,.search .entry-footer span.cat-links{
	display: none;
}
img {
	max-width: 100%;
	height: auto;
}
.search-results .product{
	float: none;
}
.blog .row .col-8 .blog-post a.more-link {
	display: none;
}
.search .hentry a.more-link {
	display: none;
}
main.site-main{
	display: block;
}
.product-template-default .blog-banner, .product-template-default .blog-nav {
	display: none;
}

.product-template-default .row.single {
	padding: 60px 10px;
}

.product-template-default .blog .row .col-8 {
	width: 100%;
	padding: 0;
}

.product-template-default .blog .row .col-4 {
	display: none;
}
.blog-nav ul {
	display: none;
}
.blog-nav.justify-content-flex-end{
	justify-content: flex-end;
}
.blogfree-plugin .blog-author, .blogfree-plugin .blog-author a {
    font-size: 1em;
    margin: 20px 0 0 0;
}


.blog .row .col-4 .blog-content .blog-author, 
.blog .row .col-4 .blog-content .grid-category-post,
.blog .row .col-4 .blog-thumb {
    display: none;
}
.blog .row .col-4 .blog-content {
    margin: 0;
    width: 100%;
}

.blog .row .col-4 .blog-content .blog-content-excerpt {
    display: none;
}

.blog .row .col-4 .blog-inner-wrap-view {
    padding: 0;
    margin: 0;
    border: 0;
}

.blog .row .col-4 .blog-content .blog-title {
    margin: 0 !important;
    font-size: inherit;
}

.blog .row .col-4 .blog-content .blog-title a {
    font-size: 1em;
    font-weight: normal;
    color: #6699CC;
    text-decoration: underline;
}

.blog-nav-blog.blog-nav ul li .blog-thumb, 
.blog-nav-blog.blog-nav ul li h2.entry-title, 
.blog-nav-blog.blog-nav ul li .blog-content-excerpt, 
.blog-nav-blog.blog-nav ul li .blog-author {
    display: none;
}
.blog-nav.blog-nav-blog ul {
    display: flex;
}
.blog-nav.blog-nav-blog ul .blogfree-plugin {
    margin: 0;
}

.blog-nav.blog-nav-blog ul .blogfree-plugin .blog-col-0 {
    padding: 0;
}

.blog-nav.blog-nav-blog ul .blogfree-plugin .blog-inner-wrap-view {
    border: 0;
    padding: 0;
    margin: 0;
}

.blog-nav.blog-nav-blog ul .blogfree-plugin .blog_pagination {
    display: none;
}

.blog-nav.blog-nav-blog ul .blogfree-plugin .blog-content {
    width: 100%;
    margin: 0;
}

.blog-nav.blog-nav-blog ul .blogfree-plugin .blog-content .post-content-text {
    width: 100%;
}

.blog-nav.blog-nav-blog ul .blogfree-plugin .blog-content .post-content-text .grid-category-post {
    margin: 0;
}
.blog-nav.blog-nav-blog ul .blogfree-plugin .blog-content .post-content-text .grid-category-post a {
    margin: 0 10px 0 0;
}
@media screen and (max-width: 767px) {

	.blog-nav {
		flex-wrap: wrap;
		justify-content: center;
	}
	.blog-nav ul {
		margin: 0 0 10px 0;
		flex-wrap: wrap;
		text-align: center;
		justify-content: center;
	}
	.blog .row {
		flex-wrap: wrap;
	}
	.blog .row .col-8 {
		width: 100%;
		padding: 0;
	}
	.blog .row .col-4 {
		width: 100%;
		margin-bottom: 20px;
	}
	h1 span{
		float: none;
	}
}