/*
Theme Name: Strong Frames - v10
Theme URI: 
Description: For Strong Frames
Version: v10
Author: Todd Heckeler
Author URI: http://consumedesign.com
*/

@font-face      {
    font-family: 'megahertz';
    src: url('_fonts/megai-webfont.eot');
    src: url('_fonts/megai-webfont.eot?#iefix') format('embedded-opentype'),
         url('_fonts/megai-webfont.woff2') format('woff2'),
         url('_fonts/megai-webfont.woff') format('woff'),
         url('_fonts/megai-webfont.ttf') format('truetype'),
         url('_fonts/megai-webfont.svg#megahertz_inregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face      {
    font-family: 'Skia';
    src: url('_fonts/skia-webfont.eot');
    src: url('_fonts/skia-webfont.eot?#iefix') format('embedded-opentype'),
         url('_fonts/skia-webfont.woff2') format('woff2'),
         url('_fonts/skia-webfont.woff') format('woff'),
         url('_fonts/skia-webfont.ttf') format('truetype'),
         url('_fonts/skia-webfont.svg#skiaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html *, body *
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

html, body
{
	padding: 0px;
	margin: 0px;
	font-family: Skia, sans-serif;
	color: #343434;
	background-color: #efefef;
}

a
{
	text-decoration: none;
	color: #FF0000;
}

a:hover { color: #333; }
:focus { outline: none; }

*
{
	margin: 0;
	padding: 0;
}

.clear-all { clear: both; }
.float-left, .alignleft { float: left; }
.float-right, .alignright { float: right; }
.align-right { text-align: right; }
.align-left { text-align: left !important; }

.align-center, img.aligncenter
{
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.clickable:hover { cursor: pointer; }
.no-background { background-image: none !important; }

::-moz-selection
{
	background: #FF0000;
	color: #fff;
	text-shadow: none;
}

::selection
{
	background: #FF0000;
	color: #fff;
	text-shadow: none;
}

.sub-menu li { list-style-type: none; }

.timeline-slides:after .social-buttons:after, 
.boxes-container:after, 
.footer:after, 
.footer-container:after, 
.page-nav:after, 
.page:after, 
.page-container:after,
.store:after,
.col2-set:after
{
	content: '\00a0';
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.footer .menu > li:hover .sub-menu, 
.footer .sub-nav, 
.footer-block .popup-close, 
.in-stock, 
.tablepress caption, 
.product_meta, 
.product-price del, 
.price ins, 
div[itemprop=offers], 
[post-name="my-account"] h2, 
.myaccount_address, 
.myaccount_user, 
.cart .product-thumbnail, 
#tab-description h2, 
.tabs, 
#order_review_heading, 
.reset_variations, 
.description_tab, 
.related, 
.woocommerce-ordering, 
.woocommerce-result-count, 
.woocommerce-pagination, 
.payment_box, 
.cart_item .minus, 
.cart_item .plus,
.products .add_to_cart_button,
.cart_totals  h2,
.woocommerce-info,
.ssba,
.comments,
.footer .popup-close
{
	width: 0 !important;
	height: 0 !important;
	display: none !important;
	visibility: hidden !important;
}

.select2 {
	width: 0 !important;
	height: 0 !important;
	visibility: hidden !important;
}

.menu li, .sub-menu li, .products li { list-style-type: none; }

@keyframes      infinitespinning {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@-webkit-keyframes      infinitespinning {
  from {  -webkit-transform: rotate(0deg); }
  to {  -webkit-transform: rotate(360deg); }
}

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

.transition, 
.menu > li > a, 
.menu > li > .sub-menu, 
.header .sub-menu > li a, 
.social-icons *, 
.boxes > span *, 
.consumedesign *, 
.fancybox-nav, 
.fancybox-nav *, 
.fancybox-close, 
.left-subnav *, 
.logo-text, 
.press *, 
.category .post, 
.page-nav a,
.products li,
.phone-menu,
.phone-menu *,
.menu *,
.menu-main-container,
.wp-block-lazyblock-buttons-over-image *
{
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.hide-me
{
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.black-stripped { background-image: repeating-linear-gradient(45deg, #1b1b1b, #1b1b1b 5px, rgba(0,0,0,.8) 5px, rgba(0,0,0,.8) 10px); }
.white-stripped { background-image: repeating-linear-gradient(45deg, rgba(255, 254, 254, 0), #ffffff 5px, rgba(255,255,255,.8) 5px, rgba(255,255,255,.8) 10px); }

/* Header */
.header
{
	height: 120px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1001;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

.menu
{
	position: absolute;
	bottom: 6px;
	left: 150px;
}

.menu > li
{
	display: inline-block;
	white-space: nowrap;
	padding-left: 4px;
	position: relative;
	padding-bottom: 14px;
}

.menu > li:after
{
	content: '\00a0';
	height: 18px;
	display: block;
	border-left: 1px rgba(255,255,255,.4) solid;
	position: absolute;
	top: 0;
	left: 0;
}

.menu > li:first-of-type:after { content: none; }

.menu > li > a
{
	padding: 6px;
	color: white;
	font-weight: bold;
	font-family: Skia, Trebuchet MS, sans-serif;
	text-transform: uppercase;
	font-size: 18px;
}

.menu > li > a:hover
{
	background-color: rgba(255, 0, 0, 0.8);
	color: rgba(0,0,0,.8);
}

.menu > li > .sub-menu
{
	display: none;
	padding: 20px;
	position: absolute;
	background-color: #d6d6d6;
	list-style-type: none;
	text-align: left;
	z-index: 1001;
	min-width: 300px;
	margin-top: 8px;
	margin-left: -10px;
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.menu > li:hover .sub-menu { display: block; }

.menu > li > .sub-menu > li
{
	padding-top: 4px;
	padding-bottom: 4px;
	border-top: 1px rgba(21,15,13,0.1) solid;
}

.menu > li > .sub-menu:after
{
	bottom: 100%;
	left: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(140, 140, 140, 0);
	border-bottom-color: #d6d6d6;
	border-width: 6px;
}

.header .sub-menu > li a
{
	padding: 6px;
	color: #151515;
	font-family: Skia, Trebuchet MS, sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	display: block;
}

.header .sub-menu > li a:hover
{
	color: rgba(0,0,0,.8);
	background-color: rgba(255, 0, 0, 0.8);
}

.header .sub-menu > li:first-child
{
	padding-top: 0px;
	border-top: 0px transparent solid;
}

.logo-text
{
	position: absolute;
	bottom: 56px;
	left: 150px;
	color: white;
}

.logo-text:hover { color: #ff0000; }

.logo-text span:nth-of-type(1)
{
	font-family: 'megahertz';
	font-size: 3.8vw;
	text-transform: uppercase;
	font-style: italic;
}

.logo-text span:nth-of-type(2)
{
	font-family: Skia, sans-serif;
	font-size: .9vw;
	text-transform: uppercase;
	margin-left: 10px;
	position: relative;
	top: -8px;
	border-bottom: 1px rgba(214, 214, 214, 0.2) solid;
}

.hammer-man
{
	height: 100px;
	width: 120px;
	position: absolute;
	left: 24px;
	top: 10px;
}

.menu > li > .sub-menu .sub-menu { padding-left: 30px; }

/* Large Img */
.large-img
{
	height: 800px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-bottom: 6px #b1b1b1 solid;
	visibility: inherit;
	padding-left: 40px;
	position: relative;
	overflow: hidden;
}

/* Icons */
.header .social-icons
{
	height: auto;
	position: absolute;
	top: 40px;
	right: 20px;
	border-bottom: 0;
}

.social-icons
{
	text-align: center;
	height: auto;
}

.social-icon
{
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.social-icons svg
{
	width: 100%;
	height: 100%;
}

.social-icons path, .social-icons polygon { fill: #ececec; }
.social-icons a:hover path, .social-icons a:hover polygon { fill: #FF0000; }

/* Home */
.boxes a { display: block; }

.boxes > span
{
	width: 33.3%;
	display: block;
	float: left;
	text-align: center;
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 20px;
}

.boxes > span > a > span
{
	height: 300px;
	width: 100%;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border: 4px transparent solid;
	overflow: hidden;
}

.boxes > span > h2
{
	font-size: 1.8vw;
	margin-bottom: 20px;
	position: relative;
	margin-right: 5%;
	margin-left: 5%;
}

.boxes > span > h2 > a
{
	padding-top: 4px;
	padding-bottom: 4px;
}

.boxes > span > a:hover > span { border: 4px #ff0000 solid; }

.boxes > span > h2 > a:hover
{
	color: #191917;
	background-color: #FF0000;
}

.boxes > span > h2:after, .boxes > span > a > h3:after
{
	content: '';
	display: block;
	border-bottom: 1px #b1b1b1 solid;
	width: 90%;
	margin-right: 5%;
	position: absolute;
	bottom: -6px;
	left: 5%;
}

.boxes > span > a > h3:after
{
	border-bottom: 1px #B1B1B1 dotted;
	bottom: auto;
	top: -10px;
}

.boxes > span > a > h3
{
	font-size: 1.4vw;
	color: #191917;
	width: 90%;
	position: relative;
	margin: 20px 5% 10px 5%;
	padding-top: 4px;
	padding-bottom: 4px;
}

.boxes > span > a:hover h3
{
	background-color: #FF0000;
	color: #191917;
}

.boxes > span > a { color: #E80019; }
.boxes > span > a:hover { color: #E80019; }

/* **************** PAGE *********************** */
.page
{
	width: 100%;
	margin-top: 180px;
	margin-bottom: 60px;
	position: relative;
	overflow: hidden;
}

.mountain, .road, .cyclocross-gravel-grinder-dirt-road { margin-top: 60px; }

.page h1
{
	font-size: 2.2vw;
	text-transform: uppercase;
	padding-bottom: 10px;
	margin-bottom: 30px;
	margin-top: 10px;
	border-bottom: 4px #ff0000 solid;
	color: #F00;
	line-height: 3vw;
}

.page h2
{
	font-size: 1.6vw;
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 20px;
}

.page h3
{
	font-size: 1.2vw;
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 20px;
}

.page-container
{
	width: 60%;
	max-width: 1200px;
	font-size: 18px;
	line-height: 34px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.page .alignright
{
	margin-bottom: 40px;
	margin-left: 40px;
}

.page .alignleft
{
	margin-bottom: 40px;
	margin-right: 40px;
}

.size-full, .featured-img
{
	width: 100%;
	height: auto;
}

.page p { margin-bottom: 20px; }
.page ul { margin-left: 6%; }

/* **************** Off Page *********************** */
.share, .page-extras, .right-subnav
{
	position: fixed;
	top: 160px;
	background-color: #d4d2d2;
	--webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: #7b7b7b;
	text-transform: uppercase;
	font-size: 14px;
	min-width: 103px;
	max-width: 18%;
	z-index: 999;
	-moz-transition: all .9s;
	-webkit-transition: all .9s;
	-o-transition: all .9s;
	transition: all .9s;
}

.share p, .page-extras p
{
	margin-top: 6px;
	margin-bottom: 0;
}
.fb-share-button { display: block; }

.left-subnav
{
	padding: 20px 26px 20px 50px;
	text-align: left;
	background-color: #ff0000;
	color: white;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	left: -20px;
}

.share, .right-subnav
{
	padding: 14px 30px 14px 14px;
	text-align: center;
	right: -20px;
	line-height: 20px;
}

.left-subnav a, .right-subnav a
{
	color: white;
	display: block;
	text-align: left;
}

.left-subnav a:hover { color: #333; }
.right-subnav a { color: #333; }
.right-subnav a:hover { color: #ff0000; }

.left-subnav p, .right-subnav p
{
	padding-bottom: 4px;
	border-bottom: 1px rgba(255, 255, 255, 0.4) solid;
}

.left-subnav p:first-of-type { font-size: 18px; }
.left-subnav p:last-of-type, .right-subnav p:last-of-type { border-bottom: 0; }
.share-loading { right: -400px; }
.page-extras-loading { left: -100%; }
.right-subnav { padding: 20px 50px 10px 20px; }

.category .post
{
	padding: 2%;
	margin-bottom: 20px;
	position: relative;
}

.category .post:hover { background-color: rgba(255, 255, 255, .6); }

.category .post:after
{
	content: '';
	border-bottom: 1px gray dashed;
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 100%;
}

.page-nav
{
	width: 100%;
	display: block;
	margin-bottom: 60px;
}

.page-nav a
{
	width: 50%;
	display: block;
	text-transform: uppercase;
	padding: 20px;
}

.page-nav a:hover { background-color: rgba(255, 255, 255, .6); }
.page-nav a:nth-of-type(1) { float: left; }

.page-nav a:nth-of-type(2)
{
	float: right;
	text-align: right;
}

/* **************** EXTRAS *********************** */
.subnav-active h2
{
	font-size: 2vw;
	text-transform: uppercase;
	margin-top: 60px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px gray solid;
}

.gallery
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.gallery a, .press a, .products li
{
	width: 15%;
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
	text-align: center;
}

.products li { width: 22%; }

.press a:hover, .products li:hover
{
	cursor: pointer;
	background-color: white;
}

.press a, .products li { padding: 2%; }

.gallery a, .products li
{
	margin: 5px;
	max-width: 200px;
}

.gallery img, .press img, .products img
{
	width: 100%;
	max-width: 200px;
	height: auto;
}

.gallery img { max-height: 200px; }

.wp-caption-text, .product h3
{
	font-size: 14px;
	line-height: 18px;
	color: #333;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-top: 6px;
	border-top: 1px silver solid;
	border-bottom: 1px silver solid;
	display: block;
}

/* **************** TABLE *********************** */
.tablepress
{
	border-collapse: collapse;
	width: 100%;
	display: block;
	border: 1px #333 solid;
}

.tablepress  .odd { background-color: rgba(0,0,0,.1); }

.tablepress  td, .tablepress  th
{
	padding: 20px;
	font-size: 14px;
	line-height: 18px;
}

.content-container th
{
	text-transform: uppercase;
	font-weight: bold;
	background-color: rgba(255, 0, 0, 1);
	color: white;
}

.tablepress .column-1 { width: 10%; }
.tablepress .column-2 { width: 20%; }

.tablepress .column-3
{
	width: 10%;
	text-align: center;
}

.tablepress .column-4
{
	width: 10%;
	text-align: center;
}

.tablepress .column-5 { width: 40%; }

.tablepress [colspan="5"]
{
	text-transform: uppercase;
	font-weight: bold;
	background-color: #333;
	color: white;
}

/* **************** MAILCHIMP *********************** */
.mailchimp
{
	display: block;
	width: 100;
	padding: 10px;
	margin-bottom: 40px;
	margin-left: 40px;
}

.content-container .mailchimp
{
	display: block;
	width: 500px;
	border-radius: 6px;
	padding: 10px;
	border: 2px red solid;
	float: right;
	margin-bottom: 40px;
	margin-left: 40px;
}

.mailchimp form
{
	display: block;
	position: relative;
	text-align: left;
	padding: 10px 0 10px 3%;
	clear: both;
}

.mailchimp h2
{
	font-weight: bold;
	padding: 0;
	margin: 15px 0;
	font-size: 1.4em;
	color: red;
}

.mailchimp input
{
	border: 1px solid #999;
	-webkit-appearance: none;
}

.mailchimp input[type=checkbox] { -webkit-appearance: checkbox; }
.mailchimp input[type=radio] { -webkit-appearance: radio; }
.mailchimp input:focus { border-color: #333; }

.mailchimp .button
{
	clear: both;
	background-color: #F00;
	border: 0 none;
	border-radius: 4px;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	margin: 0 5px 10px 0;
	padding: 0 22px;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	white-space: nowrap;
	width: auto;
}

.mailchimp .button:hover { background-color: #777; }
.mailchimp .small-meta { font-size: 11px; }
.mailchimp .nowrap { white-space: nowrap; }

.mailchimp .mc-field-group
{
	clear: left;
	position: relative;
	width: 96%;
	padding-bottom: 3%;
	min-height: 50px;
}

.mailchimp .size1of2
{
	clear: none;
	float: left;
	display: inline-block;
	width: 46%;
	margin-right: 4%;
}

* html .mailchimp .size1of2
{
	margin-right: 2%;
	/* Fix for IE6 double margins. */
}

.mailchimp .mc-field-group label
{
	display: block;
	margin-bottom: 3px;
}

.mailchimp .mc-field-group input
{
	display: block;
	width: 100%;
	padding: 8px 0;
	text-indent: 2%;
}

.mailchimp .mc-field-group select
{
	display: inline-block;
	width: 99%;
	padding: 5px 0;
	margin-bottom: 2px;
}

.mailchimp .datefield, .mailchimp .phonefield-us { padding: 5px 0; }

.mailchimp .datefield input, .mailchimp .phonefield-us input
{
	display: inline;
	width: 60px;
	margin: 0 2px;
	letter-spacing: 1px;
	text-align: center;
	padding: 5px 0 2px 0;
}

.mailchimp .phonefield-us .phonearea input, .mailchimp .phonefield-us .phonedetail1 input { width: 40px; }
.mailchimp .datefield .monthfield input, .mailchimp .datefield .dayfield input { width: 30px; }
.mailchimp .datefield label, .mailchimp .phonefield-us label { display: none; }

.mailchimp .indicates-required
{
	text-align: right;
	font-size: 11px;
	margin-right: 4%;
}

.mailchimp .asterisk
{
	color: #c60;
	font-size: 200%;
}

.mailchimp .mc-field-group .asterisk
{
	position: absolute;
	top: 25px;
	right: 10px;
}

.mailchimp .clear { clear: both; }

.mailchimp .mc-field-group.input-group ul
{
	margin: 0;
	padding: 5px 0;
	list-style: none;
}

.mailchimp .mc-field-group.input-group ul li
{
	display: block;
	padding: 3px 0;
	margin: 0;
}

.mailchimp .mc-field-group.input-group label { display: inline; }

.mailchimp .mc-field-group.input-group input
{
	display: inline;
	width: auto;
	border: none;
}

.mailchimp div#mce-responses
{
	float: left;
	top: -1.4em;
	padding: 0em .5em 0em .5em;
	overflow: hidden;
	width: 90%;
	margin: 0 5%;
	clear: both;
}

.mailchimp div.response
{
	margin: 1em 0;
	padding: 1em .5em .5em 0;
	font-weight: bold;
	float: left;
	top: -1.5em;
	z-index: 1;
	width: 80%;
}

.mailchimp #mce-error-response { display: none; }

.mailchimp #mce-success-response
{
	color: #529214;
	display: none;
}

.mailchimp label.error
{
	display: block;
	float: none;
	width: auto;
	margin-left: 1.05em;
	text-align: left;
	padding: .5em 0;
}

#mc-embedded-subscribe
{
	clear: both;
	width: auto;
	display: block;
}

.mailchimp #num-subscribers { font-size: 1.1em; }

.mailchimp #num-subscribers span
{
	padding: .5em;
	border: 1px solid #ccc;
	margin-right: .5em;
	font-weight: bold;
}

.footer-block .mailchimp
{
	width: 90%;
	border-radius: 0;
	padding: 0;
	border: 0;
	float: none;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
}

.footer-block .mailchimp h2 { font-size: 16px; }
.footer-block .mailchimp form { padding: 0; }
.footer-block .mailchimp label { display: none; }

.footer-block .mailchimp .button
{
	font-size: 12px;
	height: 26px;
	line-height: 19px;
}

.footer-newsettler-link
{
	font-size: 10px;
	text-transform: uppercase;
}

/* Footer */
.footer
{
	border-top: 4px #ff0000 solid;
	width: 100%;
	display: block;
	clear: both;
	padding: 40px 2% 40px 2%;
	text-align: right;
}

.footer > span
{
	width: 31%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin-right: 1%;
	margin-left: 1%;
}

.footer > span > p { margin-bottom: 10px; }

.footer .menu
{
	position: relative;
	bottom: auto;
	left: auto;
	top: auto;
	right: auto;
}

.footer .menu > li
{
	display: block;
	padding: 0;
	white-space: normal;
}

.footer .menu > li > a
{
	display: block;
	color: #333333;
}

.footer-company
{
	width: 100%;
	display: block;
	margin-bottom: 20px;
	margin-top: -20px;
}

.footer-company img
{
	width: 90%;
	height: auto;
}

.footer .social-icons path, .footer .social-icons polygon { fill: #333333; }

.footer .social-icons
{
	padding-top: 14px;
	margin-top: 6px;
	display: block;
	text-align: left;
	margin-bottom: 10px;
}

#footer-nav { width: 18%; }

.consumedesign
{
	width: 60px;
	height: 32px;
	margin-top: 60px;
}

.consumedesign path { fill: rgba(0, 0, 0, 0.25); }
.consumedesign:hover path { fill: rgba(0, 0, 0, 1); }

.footer .mailchimp
{
	border-top: 1px #b1b1b1 solid;
	width: 100%;
	padding: 0;
	margin: 0;
}

.footer .mailchimp h2
{
	font-size: 16px;
	margin: 0 0 4px 0;
}

.footer-extras
{
	border-top: 1px #b1b1b1 solid;
	margin-top: 14px;
	padding-top: 14px;
	display: block;
}

.footer-extras a
{
	width: 33%;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	margin: 6px;
}

.footer-extras a > img
{
	width: 100%;
	height: auto;
}

.footer-tfc img, .footer-tfc
{
	max-width: 90px;
	margin-right: 20px;
}

.footer-nahbs img, .footer-nahbs { max-width: 220px; }

/* fancybox */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
	position: relative;
}

.fancybox-wrap
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin
{
	position: relative;
	background: rgba(255, 255, 255, 1);
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

.fancybox-error
{
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe
{
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image
{
	max-width: 100%;
	max-height: 100%;
}

/*#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('fancybox_sprite.png'); }*/
#fancybox-loading
{
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -40px;
	margin-left: -40px;
	background-position: 0 -108px;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div
{
	width: 80px;
	height: 80px;
}

#fancybox-loading div:before, #fancybox-loading div:after
{
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: rgba(255, 0, 0, 0.8);
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
	animation: sk-bounce 2.0s infinite ease-in-out;
}

#fancybox-loading div:before
{
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

@-webkit-keyframes       sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}
@keyframes       sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.fancybox-close
{
	position: fixed;
	top: 0;
	right: 100px;
	width: 60px;
	height: 60px;
	cursor: pointer;
	z-index: 8040;
	color: white;
	text-align: center;
	font-size: 34px;
	line-height: 60px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.fancybox-nav
{
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }

.fancybox-nav span
{
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span
{
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span
{
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span { visibility: visible; }

.fancybox-tmp
{
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

.fancybox-lock { overflow: hidden; }

.fancybox-overlay
{
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('fancybox_overlay.png');
}

.fancybox-overlay-fixed
{
	position: fixed;
	bottom: 0;
	right: 0;
	background-image: repeating-linear-gradient(-45deg, rgba(22,22,22,0.8), rgba(23, 22, 22, 0.8) 5px, rgba(0,0,0,.8) 5px, rgba(0, 0, 0, 0.8) 10px);
}

.fancybox-lock .fancybox-overlay
{
	overflow: auto;
	overflow-y: scroll;
}

.fancybox-title
{
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title { visibility: visible; }

.fancybox-title-float-wrap
{
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child
{
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap
{
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap { padding-top: 10px; }

.fancybox-title-over-wrap
{
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: rgba(0, 0, 0, .8);
}

.fancybox-nav:after, .fancybox-nav span
{
	width: 60px;
	height: 60px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	opacity: 0;
}

.fancybox-nav:after
{
	content: '';
	background-color: rgba(255, 0, 0, 1);
}

.fancybox-prev:after, .fancybox-prev span { left: 0; }
.fancybox-next:after, .fancybox-next span { right: 0; }

.fancybox-next:after
{
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.fancybox-prev:after
{
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.fancybox-nav:hover:after, .fancybox-nav:hover * { opacity: 1; }

.fancybox-nav span
{
	width: 0;
	height: 0;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	border-left: 22px solid rgba(255, 255, 255, 1);
	display: block;
	margin-top: -12px;
	margin-right: 13px;
	margin-left: 15px;
	transform: scale(0);
}

.fancybox-nav:hover span { transform: scale(1); }

.fancybox-prev span
{
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	border-right: 22px solid rgba(255, 255, 255, 1);
	border-left: 0;
}

.fancybox-close:after { content: 'X'; }
.fancybox-close { background-color: #ff0000; }

/* MINI CART */
.mini-cart > span
{
	display: block;
	padding: 10px;
	background-color: #ffffff;
	margin-bottom: 10px;
	border-radius: 6px;
	color: #333;
}

.mini-cart p, .mini-cart a
{
	padding-bottom: 0;
	border-bottom: 0;
	margin-bottom: 2px;
	text-align: center;
}

.mini-cart > p:nth-of-type(1)
{
	color: #ff0000;
	font-size: 22px;
}

.mini-cart > .subtotal, .order-total td, .order-total th, .wc-proceed-to-checkout
{
	border-top: 1px #333 solid;
	padding-top: 6px;
	margin-top: 2px;
	margin-bottom: 20px;
}

.mini-cart > a
{
	background-color: #ff0000;
	margin-top: 10px;
	border-radius: 4px;
	color: #ffffff;
	padding: 4px;
}

.mini-cart > a:hover { background-color: #333333; }

.store .images
{
	width: 30%;
	float: left;
}

.store .images img
{
	width: 100%;
	height: auto;
}

.store .woo-desc
{
	width: 66%;
	float: right;
}

.store h2 { font-size: 18px; }
.store .woo-desc, .store .images { padding: 1%; }
.store table { border: 0; }
.store tb { padding: 10px; }
.store table .label { text-align: right; }

.store .variations
{
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px #b1b1b1 solid;
	border-top: 1px #b1b1b1 solid;
}

.summary select, .summary input, .cart select, .cart input, .woocommerce input, .woocommerce select, .woocommerce textarea
{
	-webkit-appearance: button;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-padding-end: 20px;
	-webkit-padding-start: 2px;
	-webkit-user-select: none;
	background-image: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
	background-position: 97% center;
	background-repeat: no-repeat;
	border: 1px solid #AAA;
	color: #555;
	font-size: inherit;
	overflow: hidden;
	padding: 8px 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#coupon_code, a.button, a.comment-reply-link, #commentform #submit, .submit, input[type=submit], input.button, button.button, #wrapper .woo-sc-button
{
	display: inline-block;
	padding: 12px;
	color: rgb(51, 51, 51);
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	font-family: inherit;
	cursor: pointer;
	overflow: visible;
	width: auto;
	line-height: 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	white-space: normal;
	font-weight: bold;
	box-shadow: 0 0 0 0 #888;
	-webkit-box-shadow: 0 0 0 0 #888;
	border-radius: 3px;
	text-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 0 rgb(51, 51, 51) solid;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-transform: uppercase;
	background-color: #FF0000;
}

.summary .cart div, .summary .cart input, .summary .cart button
{
	display: inline-block;
	vertical-align: middle;
}

a.button:hover, a.comment-reply-link:hover, #commentform #submit:hover, .submit:hover, input[type=submit]:hover, input.button:hover, button.button:hover
{
	background: rgb(51, 51, 51);
	color: #fff !important;
}

.page .woocommerce-error
{
	list-style-type: none;
	background-color: #d4d2d2;
	padding: 20px;
	border-radius: 10px;
	color: white;
	margin: 0 0 40px 0;
}

.qty { width: 50px; }

.cart, .shop_table
{
	border-collapse: collapse;
	width: 100%;
}

.cart th, .cart td, .shop_table th, .shop_table td
{
	padding: 10px 10px 10px 20px;
	vertical-align: middle;
	font-size: 16px;
	line-height: 18px;
}

.cart_item { background-color: #f4f4f4; }
.cart th { background-color: #333333; }

.product-remove, .product-quantity
{
	width: 30px;
	text-align: center;
}

.product-subtotal, .product-price, .product-total
{
	width: 140px;
	text-align: right;
}

.product-remove a
{
	width: 26px;
	height: 26px;
	display: block;
	background-color: #e2e2e2;
	color: white;
	text-align: center;
	line-height: 26px;
	border-radius: 10px;
}

.product-remove a:hover { background-color: #ff0000; }
.cart .variation { font-size: 14px; }

.cart .variation dt
{
	float: left;
	margin-right: 6px;
}

.cart .variation p { margin: 0; }
[name="update_cart"], .checkout-button, #place_order { float: right; }

.cart-subtotal th, .shipping th, .order-total th, .cart-subtotal td, .shipping td, .order-total td
{
	background-color: #efefef;
	color: #333;
	text-align: right;
}

.cart-subtotal th, .shipping th, .order-total th { width: 78%; }
.cart-subtotal td, .shipping td, .order-total td { width: 180px; }
.wc-proceed-to-checkout a, #place_order { margin-top: 40px; }
.col2-set { margin-bottom: 40px; }
.col2-set input, .country_select { width: 50%; }
.woocommerce .col2-set > div { width: 46%; }

.col-1, .col-2
{
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 40px;
}

.col-1 { float: left; }
.col-2 { float: right; }

.woocommerce label
{
	width: 46%;
	text-align: right;
	display: inline-block;
	margin-right: 10px;
}

#ship-to-different-address label { width: auto; }
#billing_address_2_field, #shipping_address_2_field { padding-left: 48%; }
#billing_address_2_field input, #shipping_address_2_field input { width: 96%; }

.woocommerce [type="checkbox"]
{
	width: 16px;
	height: 16px;
	padding: 0;
	background-image: none;
	-webkit-appearance: checkbox;
}

.notes label
{
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
}

.woocommerce textarea
{
	width: 100%;
	height: 100px;
}

.page .wc_payment_methods
{
	list-style-type: none;
	margin: 0;
	display: none !important;
}

li.payment_method_paypal img, a.about_paypal { display: none !important; }
.coupon label { width: 55px; }

.large-img > div
{
	position: absolute;
	top: 50%;
	width: 100%;
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-transform: uppercase;
	max-width: 630px;
	background: rgba(255, 255, 255, 0.8);
	padding: 2%;
	text-align: center;
	border-radius: 20px;
}

.large-img.copy-left > div {
	margin-left: 10%;
	left: 0;
}

.large-img.copy-right > div {
	margin-right: 10%;
	right: 0;
}

.large-img.copy-right .hover-over-buttons.active {
	right: 0;
}

.large-img.copy-left .hover-over-buttons.active {
	left: 0;
}

.large-img.copy-left .hover-over-buttons, .large-img.copy-left .hover-over.inactive {
	left: -100%;
}

.large-img.copy-right .hover-over-buttons, .large-img.copy-right .hover-over.inactive {
	right: -100%;
}

.wp-block-button__link, .large-img > div button, .large-img > div a
{
	background-color: #303030;
	border: 1px #020202 solid;
	border-radius: 5px;
	box-shadow: 0px 0px 5px 2px #10101082;
	color: red;
	cursor: pointer;
	display: block;
	font-size: 18px;
	line-height: inherit;
	margin: 0 0 10px 0;
	padding: 10px 30px;
	text-align: center;
	text-decoration: none;
	white-space: normal;
	overflow-wrap: break-word;
	text-transform: uppercase;
	width: 100%;
}

.content-container > .wp-block-button > .wp-block-button__link, .content-container > .multipage-item > .wp-block-button > .wp-block-button__link
{
	width: auto;
	display: inline-block;
	margin-top: 40px;
}

.large-img .wp-block-button { margin-bottom: 0; }

.wp-block-button__link:hover, .large-img > div button:hover, .large-img > div a:hover, .active.hover-over-buttons button {
    background-color: #000;
    border: 1px #ccc solid;
    color: #ccc;
    box-shadow: 0px 0px 0 0 #10101082;
 }

.large-img h1
{
	padding-bottom: 20px;
	border-bottom: 1px #333333 solid;
	font-size: 48px;
	line-height: 54px;
	font-weight: 900;
}

.large-img p
{
	font-size: 16px;
	line-height: 24px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.hover-over-buttons
{
}

.active.hover-over-buttons
{
	height: auto;
}

 .large-img > div > div p {
	border-top: 1px #333333 solid;
	border-bottom: 1px #333333 solid;
 }


.hover-over-buttons .wp-block-button { margin-bottom: 10px; }




@media only screen and (max-width: 1600px)
{
	.logo-text span:nth-of-type(1) { font-size: 64px; }
	.logo-text span:nth-of-type(2) { font-size: 14px; }
}

@media only screen and (max-width: 1100px)
{
	.header .social-icons
	{
		width: 0 !important;
		height: 0 !important;
		display: none !important;
		visibility: hidden !important;
	}
	
	.gallery a
	{
		width: 30%;
		max-width: 200px;
	}
}

@media only screen and (max-width: 768px)
{
	.body-inactive { overflow: hidden; }
	.header { height: 50px; }
	
	.logo-text
	{
		bottom: 10px;
		left: 80px;
	}
	
	.logo-text span:nth-of-type(1) { font-size: 42px; }
	
	.phone-menu
	{
		width: 60px;
		height: 50px;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		background-color: #050506;
	}
	
	.phone-menu div
	{
		width: 30px;
		height: 4px;
		background-color: #cccccc;
		border-radius: 6px;
		position: absolute;
		top: 14px;
		left: 15px;
		opacity: 1;
	}
	
	.phone-menu:hover, .phone-menu-active { background-color: #ff0000; }
	.phone-menu:hover div, .phone-menu-active div { background-color: #ffffff; }
	.phone-menu div:nth-of-type(2) { top: 22px; }
	.phone-menu div:nth-of-type(3) { top: 30px; }
	
	.phone-menu-active div:nth-of-type(1)
	{
		transform: rotate(45deg);
		left: 16px;
		top: 22px;
	}
	
	.phone-menu-active div:nth-of-type(2) { opacity: 0; }
	
	.phone-menu-active div:nth-of-type(3)
	{
		transform: rotate(-45deg);
		left: 16px;
		top: 22px;
	}
	
	.menu-main-container
	{
		overflow-y: scroll;
		overflow-x: hidden;
		height: 0;
		width: 100%;
		position: fixed;
		top: 50px;
		left: 0;
		background: rgba(255, 0, 0, 0.8);
	}
	
	.menu-main-container-active
	{
		height: 90%;
		padding-bottom: 40px;
	}
	
	.menu
	{
		width: 100%;
		overflow: hidden;
		top: 0;
		bottom: auto;
		left: 0;
		opacity: 0;
		-moz-transition: all 1s;
		-webkit-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
	}
	
	.menu-active
	{
		height: auto;
		padding-top: 20px;
		padding-bottom: 20px;
		opacity: 1;
	}
	
	.menu > li
	{
		display: block;
		padding: 10px 20px 10px 20px;
		white-space: normal;
	}
	
	.menu > li > a { display: block; }
	
	.menu > li > a:hover
	{
		background-color: rgba(255, 0, 0, 0);
		color: #fff;
	}
	
	.menu > li > .sub-menu
	{
		position: relative;
		border-radius: 0;
		box-shadow: 0 0 0 #fff;
		-webkit-box-shadow: 0 0 0 #fff;
		background-color: rgb(255, 255, 255);
	}
	
	.menu > li > .sub-menu-active { display: block; }
	
	.menu > li > .sub-menu:after
	{
		border-bottom-color: #ffffff;
		left: 36px;
	}
	
	.boxes span { width: 100%; }
	.boxes > span > h2 { font-size: 28px; }
	.boxes > span > a > h3 { font-size: 26px; }
	
	.footer > span
	{
		width: 80%;
		display: block;
		margin: 20px 10% 20px 10%;
	}
	
	.footer-company
	{
		height: 130px;
		margin-top: 0;
	}
	
	.footer .mailchimp
	{
		border-top: 1px #b1b1b1 solid;
		border-bottom: 1px #b1b1b1 solid;
		margin-bottom: 20px;
	}
	
	.page { margin-top: 80px; }
	
	.page-container
	{
		width: 90%;
		margin-right: 5%;
		margin-left: 5%;
	}
	
	.content-container img
	{
		width: 100%;
		height: auto;
	}
	
	.page h1
	{
		font-size: 36px;
		line-height: 38px;
	}
	.page h2
	{
		font-size: 32px;
		line-height: 34px;
	}
	.page h3
	{
		font-size: 28px;
		line-height: 30px;
	}
	
	.hammer-man, .header .social-icons, .page-extras, .right-subnav
	{
		width: 0 !important;
		height: 0 !important;
		display: none !important;
		visibility: hidden !important;
	}
	
	.products li { width: 100%; }
	
	.products h3
	{
		font-size: 22px;
		line-height: 26px;
	}
	
	.gallery a
	{
		margin: 5px;
		max-width: 100%;
		width: 100%;
	}
	
	.page-nav a { width: 100%; }
	
	.gallery img
	{
		max-height: 100%;
		max-width: 100%;
	}
	
	 .logo-text span:nth-of-type(2)
	 {
	 	font-size: 10px;
	 	display: block;
	 	top: -2px;
	 	border-bottom: 0;
	 	margin-left: 144px;
	 }
	 
	.large-img.copy-right > div, .large-img.copy-left > div
	{
		margin-right: 0;
		margin-left: 0;
		border-radius: 0;
		padding: 30px;
	}
}

@media only screen and (max-width: 768px)
{
	.logo-text span:nth-of-type(1)
	{
		font-size: 32px;
		margin-top: 10px;
		display: block;
	}
	.logo-text { left: 65px; }
	
	.store .images, .store .woo-desc, .woocommerce .col2-set > div
	{
		width: 100%;
		float: none;
	}
	
	.cart td, .shop_table th, .shop_table td
	{
		width: 100%;
		display: block;
		text-align: left;
	}
	
	.cart th
	{
		width: 0 !important;
		height: 0 !important;
		display: none !important;
		visibility: hidden !important;
	}
	
	.content-container .mailchimp { width: 100%; }
	.mailchimp h2 { font-size: 28px; }
}

.woocommerce-product-gallery {
	opacity: 1 !important;
}

#mc_embed_signup .mc-field-group input { margin-bottom: 4px; }

#mce-FNAME, #mce-LNAME
{
	width: 48% !important;
	display: inline-block !important;
}