@import url('css/boots-bones.css');
@import 'https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i|Titillium+Web:200,200i,300,300i,400,400i,600,600i,700,700i,900';

/*
Theme Name: Spectrum King
Author: Lucile Braucks
Author URI: https://lucilebraucks.com
Description: Designed for Spectrum King LED
Version: 1.1

FONTS USED:
font-family: 'Titillium Web', sans-serif;
font-family: 'PT Serif', serif;

COLORS:
Black: #000
Gold: #ba933e
Grey: #232423
Text: #202020

*/


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */




html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	margin:0; 
	padding:0;
}

body {margin: 0; padding:0; background-color: #fff; font-family: 'PT Serif', serif; color: #202020; text-rendering: optimizeLegibility;}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
 
/* IE6/7 support */
.clearfix {*zoom: 1;}



article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: 1px dotted;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

code,
kbd,
pre,
samp {
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

select {
	text-transform: none;
}

button {
	overflow: visible;
}

button,
input,
select,
textarea {
	max-width: 100%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
	opacity: .5;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 0.4375em;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #d1d1d1;
	margin: 0 0 1.75em;
	padding: 0.875em;
}

fieldset > :last-child {
	margin-bottom: 0;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

optgroup {
	font-weight: bold;
}


/**
 * 3.0 - Typography
 */

body,
button,
input,
select,
textarea {}

h1,
h2,
h3,
h4,
h5,
h6 {font-family: 'Titillium Web', sans-serif; color: #ba933e; font-weight: 400;}
h1 {margin:0; padding:0 0 10px 0; font-size: 36px; line-height: 1; text-align: center;}
h2 {margin:0; padding:0 0 40px 0; font-size: 45px; line-height: 1; text-transform: uppercase; text-align: center; font-weight: 300;}
h3 {margin:0; padding:0; font-size: 34px; line-height: 1.3; font-weight: 300; color: #202020;}
h4 {margin:0; padding:0; font-size: 20px; line-height: 1.3;  font-weight: 500;}
h5 {margin:0; padding:0; font-size: 18px; line-height: 1.1;  font-weight: 500;}
h6 {margin:0; padding:0; font-size: 16px; line-height: 1.6;  font-weight: 500;}

p {margin: 0 0 1.75em; padding:0; font-size: 15px; line-height: 1.8; font-weight: 400; color: #6d6d6c;}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {margin:0; padding:20px; color: #fff; position: relative; z-index: 30;}
blockquote p {margin:0; padding:0; font-style: normal; font-size: 17px; line-height: 1.6; color: #fff;}
blockquote p strong {font-weight: 700;}

blockquote:before {content:"\201C"; display: block; margin:0; padding:0; position: absolute; top:10px; left: -10px; color: #ba933e; font-size: 60px;  z-index: 40; }
blockquote:after {content:"\201D"; display: block; margin:0; padding:0; position: absolute; bottom:-25px; right: 0; color: #ba933e; font-size: 60px;  z-index: 40;}



cite,
blockquote small {display: block; margin:0; padding:16px 0 30px 0; color: #ba933e; font-size: 19px; line-height: 1.3; font-style: italic; text-align: right; font-weight: 700;}

cite:before,
blockquote small:before {
	content: "\2013";
	padding:0 10px 0 0;
}


address {
	font-style: italic;
	margin: 0 0 1.75em;
}

strong {font-weight: 700;}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: Inconsolata, monospace;
}

pre {
	border: 1px solid #d1d1d1;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.3125;
	margin: 0 0 1.75em;
	max-width: 100%;
	overflow: auto;
	padding: 1.75em;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

code {
	background-color: #d1d1d1;
	padding: 0.125em 0.25em;
}

abbr,
acronym {
	border-bottom: 1px dotted #d1d1d1;
	cursor: help;
}

mark,
ins {
	background: #007acc;
	color: #fff;
	padding: 0.125em 0.25em;
	text-decoration: none;
}

big {
	font-size: 125%;
}


/**
 * 4.0 - Elements
 */

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}


a {color: #ba933e;  cursor: pointer; text-decoration: none;}
a, a:hover, a:active, a:focus, button, input[type="button"] {outline: 0; transition-property: all; transition-duration: 1s; transition-timing-function: ease-out;}
a:hover {opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); text-decoration: none;}
a:focus {text-decoration: none; }
a:active {text-decoration: none;}

hr {margin:10px 0; padding:0; border: 0; height: 1px;}

ul,
ol {
	margin: 0 0 1.75em 1.25em;
	padding: 0;
}

ul {
	list-style: none;
}

ol {
	list-style: decimal;
	margin-left: 1.5em;
}

li > ul,
li > ol {
	margin-bottom: 0;
}

dl {
	margin: 0 0 1.75em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 0 1.75em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
	vertical-align: middle;
}

del {
	opacity: 0.8;
}

table,
th,
td {
	border: 1px solid #d1d1d1;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.75em;
	table-layout: fixed;
	/* Prevents HTML tables from becoming too wide */
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}

td {
	border-width: 0 1px 1px 0;
}

th,
td {
	padding: 0.4375em;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #044c80;
}

:-moz-placeholder {
	color: #044c80;
}

::-moz-placeholder {
	color: #044c80;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #044c80;
}


/**
 * 5.0 - Forms
 */

label, .gfield_label {display: block; margin:0; padding:0; font-size: 14px !important; color: #222222; line-height: 1; font-weight: 300 !important;}

input {
	line-height: normal;
}

button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
	background: #ba933e;
	border: 0;
	color: #fff;
	text-transform: uppercase;
	line-height: 1;
	padding: 13px 50px;
	font-size: 16px;
	transition-property: all; transition-duration: 1s; transition-timing-function: ease-out;
	text-align: center;
	width: auto;
	margin-top: 10px;

}


button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #896B2E;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	outline: thin dotted;
	outline-offset: -4px;
}


input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea {margin:0;
	background: #fff;
	border: 1px solid #ba933e;
	color: #000000;
	margin:0;
	padding: 4px 8px !important;
	width: 100%;
	line-height: 1;
	font-size: 16px;
	font-weight: 300;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
	border: 1px solid #000;
	outline: 0;
}

/**
 * 8.0 - Alignments
 */

.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}


/**
 * 9.0 - Clearings
 */

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.site-main > article:before,
.site-main > article:after,
.primary-menu:before,
.primary-menu:after,
.social-links-menu:before,
.social-links-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.entry-summary:after,
.comment-content:after,
.site-content:after,
.site-main > article:after,
.primary-menu:after,
.social-links-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
	clear: both;
}

.site .avatar {
	border-radius: 50%;
}

.entry-content .wp-smiley,
.entry-summary .wp-smiley,
.comment-content .wp-smiley,
.textwidget .wp-smiley {
	border: none;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

.entry-content a img,
.entry-summary a img,
.comment-content a img,
.textwidget a img {
	display: block;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
video {
	margin-bottom: 1.75em;
	max-width: 100%;
	vertical-align: middle;
}

p > embed,
p > iframe,
p > object,
p > video {
	margin-bottom: 0;
}

.entry-content .wp-audio-shortcode a,
.entry-content .wp-playlist a {
	box-shadow: none;
}

.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
	margin-top: 0;
	margin-bottom: 1.75em;
}

.wp-playlist.wp-audio-playlist {
	padding-bottom: 0;
}

.wp-playlist .wp-playlist-tracks {
	margin-top: 0;
}

.wp-playlist-item .wp-playlist-caption {
	border-bottom: 0;
	padding: 0.7142857143em 0;
}

.wp-playlist-item .wp-playlist-item-length {
	top: 0.7142857143em;
}


/*=============================================================================== CAPTIONS STYLE ===============================================================================*/

.wp-caption {
	margin-bottom: 1.75em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption .wp-caption-text {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}


/*=============================================================================== GALLERIES STYLE ===============================================================================*/

.gallery {
	margin: 0 -1.1666667% 1.75em;
}

.gallery-item {
	display: inline-block;
	max-width: 33.33%;
	padding: 0 1.1400652% 2.2801304%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-icon img {
	margin: 0 auto;
}

.gallery-caption {
	color: #686868;
	display: block;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


/* ======================================================================================================== GENERAL STYLES ========================================================================================================*/


.container {margin: 0 auto; width: 100% !important; max-width: 1120px !important;}

header {margin:0; padding:0; background-color: #232423; color: #fff; height: 190px;}
header .topRow {border-bottom: 1px solid #363737; height: 40px;}
header .questions {margin:0; padding:0; font-size: 18px; line-height: 40px; text-transform: uppercase; color: #fff; text-align: left;}

.social-navigation {margin:0; padding: 0; width: 250px; float: right;}
.social-menu  {margin:0; padding: 0; width: 100%;}
.social-menu li {margin:0 0 0 10px; padding:0; display: inline-block;}
.social-menu li a {font-size: 24px; line-height: 40px;}

/* ======================================================================================================== MENU STYLES ========================================================================================================*/

.logo {position: absolute; top: 10px; left: 50%; margin:0 0 0 -105px; padding:0; width:220px; height:118px; z-index: 999;}
.logo a {display: block; margin:0; padding:0; width:100%; height:100%; background: transparent url('images/logo.svg') no-repeat center center; background-size: 100% auto; text-indent: -9000px;}

.primary-menu {margin:50px auto 0 65px; padding: 0; width: 1160px !important; float: none;}
.primary-menu li {margin:0; padding:0; display: inline-block; position: relative;}
.primary-menu li a {display: block; margin:0; padding:15px 30px 0 0; color: #fff; font-size: 16px; font-weight: 400; line-height: 60px; text-transform: uppercase; font-family: 'Titillium Web', sans-serif;}
.primary-menu li.current-menu-item a {color: #ba933e;}

.primary-menu li .sub-menu {display: none; position: absolute; width: 220px; top:54px; left:0; z-index: 999; margin:0; padding:0; background-color: #232423; border-top: 3px solid #ba933e;}
.primary-menu li .sub-menu li {display: block; margin:0; padding:0; float: none; border-bottom: 1px #ba933e solid; }
.primary-menu li .sub-menu li a {margin:0; padding:0 0 0 16px; line-height: 32px; height: 32px; width: 100%; font-size: 14px;}


.primary-menu li.menu-item-5305 .sub-menu {width: 320px;}



.wcmenucart-contents {color: #ba933e !important; line-height: 25px !important;}
.wcmenucart-contents .fa {font-size: 25px !important;}


#menu-item-3926 {padding:0 250px 0 0;}


.primary-menu li:hover .sub-menu {display: block;}
.primary-menu li.menu-item-has-children:hover .sub-menu {display: block;}


.primary-menu .dropdown-toggle {display: none;}

.primary-menu li.menu-item-has-children .toggled-on {display: none;}

.primary-menu li.menu-item-has-children .sub-menu {display: none;}







.site-header-menu.toggled-on, .no-js .site-header-menu {display: block;}
.menu-toggle {display: none;}
.no-js .main-navigation ul ul {display: block;}
.main-navigation ul .toggled-on {display: block;}


section {padding: 40px 0;}
section.dark {background-color: #303130; color: #fff;}
section.dark .sbi_photo {border: 2px solid #fff !important;}
 
section.slider {padding: 0;}
section.content {padding: 60px 0 0 0;}
section.tabular {padding: 0;}


.shopTeaser {}
.shopTeaser .products .product {text-align: center !important; margin-top: 20px !important;}
.shopTeaser .products .product img {width: 200px !important; margin: 0 auto 20px !important;}
.shopTeaser h3 {margin:0 !important; padding:0 !important; font-size: 22px !important; text-align: center;}
.shopTeaser .woocommerce-Price-amount {display: block; margin:0 !important; padding:4px 0 0 0 !important; font-size: 26px; font-weight: 700; color: #ba933e !important; text-align: center !important; line-height: 1;}
.shopTeaser .add_to_cart_button {display: none !important;}


.viewall {margin:30px 0 20px 0; padding:0; text-align: center;}
.viewall a {display: block; margin:0 auto; padding:0; width: 270px; height:46px; background-color: #ba933e; color: #fff; font-size: 22px; line-height: 46px; font-weight: 400; text-align: center; border-radius: 3px;}

/*================================================== IN THE KNOW ==================================================*/
.intheknow {padding-bottom: 60px;}
.intheknow article {margin:0; padding:20px; width: 33.33% !important; float: left;}
.intheknow h3 {margin:0; padding:10px 0 8px; font-size:28px; color: #ba933e; font-family: 'PT Serif', serif; font-weight: 400;}
.intheknow p {margin:0; padding:0; font-size:14px; color: #3f3f3f; font-style: italic;}
.intheknow a.readMore {display: block; margin:0; padding:0 0 0 0; font-size:14px; color: #3f3f3f; text-align: right; font-weight: 700;}


.intheknow .viewall {margin:80px 0 20px 0;}
.intheknow .viewall a {font-style: normal;}

.title {padding: 0; background-color: #000;}
.title h1 {margin:0 !important; padding:0 !important; text-align: left; font-size: 38px; text-transform: uppercase; font-weight: 300; line-height: 96px !important;}

.titleProduct {padding: 0;}
.titleProduct h1 {margin:0 !important; padding:0 !important; text-align: left; font-size: 40px; text-transform: uppercase; font-weight: 300; line-height: 96px !important;}




.productImages {padding: 36px; background-color: #000;}
.productImages img {border: 1px solid #fff; margin-top: 4px;}
.productImages .enlarge {margin:0; padding:10px 0 0 0; color: #616161; font-size: 20px; line-height: 30px;}

.productImage img {width: 150px; margin: 4px;}

.featuredImage {float: right; margin: 0 0 20px 20px; width: 400px;}
.featuredImage img {width: 100%;}

.content address {font-size: 20px; font-weight: 300;}

.content .page-description {padding-bottom: 60px !important;}

.content ul.products {}
.content ul.products li.product {margin:0 0 20px 0 !important; padding: 0 !important; display: block !important; width: 100% !important; float: none !important; clear: both !important; height: 160px;}
.content ul.products li.product img.attachment-shop_catalog {margin:0 20px 0 0; float: left; width: 180px !important;}
.content ul.products li.product h3 {margin:0; padding:0 250px 0 0; font-size:30px; color: #000; font-weight: 600;}
.content ul.products li.product span.price {font-size:30px; color: #ba933e;}
.content ul.products li.product a.button {position: absolute; top: -20px; right: 0;}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    background-color: #ba933e;
    background-image: none;
    border: 0 none;
    border-radius: 2px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 22px;
    font-weight: 400;
    left: auto;
    line-height: 1;
    margin: 0;
    overflow: visible;
    padding: 0.618em 1em;
    position: relative;
    text-decoration: none;
    text-shadow: none;
    white-space: nowrap;
	text-transform: lowercase;
}

.inTheGardenInternal {}
.inTheGardenInternal blockquote {margin:0; padding:20px; color: #fff; position: relative; z-index: 30;}
.inTheGardenInternal blockquote p {margin:0; padding:0; font-style: normal; font-size: 15px; line-height: 1.6; color: #000;}
.inTheGardenInternal blockquote p strong {font-weight: 700;}

.inTheGardenInternal blockquote:before {content:"\201C"; display: block; margin:0; padding:0; position: absolute; top:10px; left: -10px; color: #ba933e; font-size: 60px;  z-index: 40; }
.inTheGardenInternal blockquote:after {content:"\201D"; display: block; margin:0; padding:0; position: absolute; bottom:-25px; right: 0; color: #ba933e; font-size: 60px;  z-index: 40;}

.inTheGardenInternal cite,
blockquote small {display: block; margin:0; padding:16px 0 30px 0; color: #ba933e; font-size: 19px; line-height: 1.3; font-style: italic; text-align: right; font-weight: 700;}

.inTheGardenInternal cite:before,
.inTheGardenInternal blockquote small:before {
	content: "\2013";
	padding:0 10px 0 0;
}



.grid-item {margin: 1%; padding:6px 16px;
  float: left;
  width: 23%;
  border: 1px solid #DDDDDD;
}

.grid-item--width2 { width: 48%;}


#grid[data-columns]::before {
	content: '3 .column.size-1of3';
}

/* These are the classes that are going to be applied: */
.column { float: left; }
.size-1of3 { width: 33.333%; }


.size-1of3 div {
margin: 8% 1%; padding:6px 16px;
  border: 1px solid #DDDDDD;
}

.inTheGardenGalleryBox {margin:10px 0 0 0; padding: 0; width: 100%;}
.inTheGardenGalleryBox li {display: inline;}
.inTheGardenGalleryBox li img {width: 80px; margin: 2px;}
/*==================================================== TABS =======================================================*/
 
div.simpleTabs { padding:10px; }
ul.simpleTabsNavigation { margin:0; padding:0; width: auto !important;}
ul.simpleTabsNavigation li { list-style:none; display:inline-block; margin:0 30px 0 0; padding:0;}
ul.simpleTabsNavigation li a {font-size: 18px; color: #abaaa9; font-weight: 700;}
ul.simpleTabsNavigation li a:hover { color: #000; border-bottom: 4px solid #000;}
ul.simpleTabsNavigation li a.current { color: #000; border-bottom: 4px solid #000;}

div.simpleTabsContent {margin-top:40px; display:none; }
div.simpleTabsContent.currentTab { display:block; }

div.simpleTabsContent p {font-size: 15px; line-height: 1.7; font-weight: 400; color: #6d6d6c;}


div.simpleTabsContent ul {margin:0; padding:0; list-style: square inside;}
div.simpleTabsContent ul li {margin:0; padding:0; font-size: 16px !important; line-height: 2; font-weight: 400; color: #6d6d6c;}

.interested a {margin:0 auto; padding:0; display: block; width:415px; height: 130px; text-align: left; font-size:70.55px; color: #000; font-weight: 700; text-transform: uppercase; font-family: 'Titillium Web', sans-serif; line-height: 1;}
.interested a span {margin:0; padding:0; display: block; background-color: #000; color: #fff; font-size: 33.94px; font-weight: 300; letter-spacing: 10px !important; line-height: 1.4; text-align: center;}

.productOverview {padding: 30px 0; background-color: #000;}
.productOverview h1.product_title {display: none;}

.productOverview img {border: 1px solid #fff;}
td.label {vertical-align: middle;}
.productOverview .variations label {color: #fff !important; font-size: 18px !important; padding-top: 6px;}

.productOverview .entry-summary p {margin:0 0 0 0; padding: 0; color: #fff !important; font-size: 22px !important;}
.productOverview p.price {margin:0; padding: 0;  color: #ba933e !important; font-size: 34px !important;}
.productOverview .tm-epo-field-label {color: #fff !important;}
.productOverview .tc-price {color: #ba933e !important;}

.productOverview form.variations_form {margin-top: 0 !important;}
.productOverview .product_meta {color: #fff !important;}
.productOverview .quantity input[type="number"] {
	margin:0 20px 0 0 !important;
	background: #fff;
	border: 1px solid #ba933e;
	color: #000000;
	margin:0;
	padding: 0 2px !important;
	width: 60px;
	height: 36px;
	line-height: 40px;
	font-size: 16px;
	font-weight: 300;}



.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt[disabled]:disabled, .woocommerce #respond input#submit.alt[disabled]:disabled:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt[disabled]:disabled, .woocommerce a.button.alt[disabled]:disabled:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt[disabled]:disabled, .woocommerce button.button.alt[disabled]:disabled:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt[disabled]:disabled, .woocommerce input.button.alt[disabled]:disabled:hover {
    background-color: #DAC18F;
    color: #fff;
}


.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #ba933e;
    color: #fff;
}


.productDescription {}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0 !important;
}




.woocommerce div.product .woocommerce-tabs ul.tabs::before {border-bottom: 0 solid #fff !important;}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {display: none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {display: none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {display: none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {display: none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {display: none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {display: none;}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #fff none repeat scroll 0 0;
    border-bottom-color: #fff;
    z-index: 2;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background-color: #fff !important;
    border: 0 solid #d3ced2; !important
    border-radius: 4px 4px 0 0;
    display: inline-block;
    margin:0 30px 0 0 !important; 
    padding: 0 !important;
    position: relative;
    z-index: 0;
	text-align: left !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {font-size: 18px !important; color: #abaaa9 !important; font-weight: 700 !important;
    display: inline !important;
    text-decoration: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {color: #000 !important; border-bottom: 4px solid #000 !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {color: #000 !important; border-bottom: 4px solid #000 !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {color: #000 !important; border-bottom: 4px solid #000 !important;}


.productDescription .related {display: none;}

.productDescription .woocommerce-Tabs-panel {padding-top: 20px !important;}
.productDescription .woocommerce-Tabs-panel h2 {margin:0; padding:0 0 20px 0;text-align: left; font-size: 24px; }

.productDescription .woocommerce table.shop_attributes td {padding: 4px 10px !important;}




.territoryBox {margin: 0; padding: 0 0 30px 0;}
.territoryBox h3 {font-size: 26px; text-transform: uppercase;}

.serviceAgency {margin:0; padding:10px 0 0 0;}
.serviceAgency address {margin:0; padding:0;}
.serviceAgency address p {margin:0; padding:0;}


.internationalBuyers {margin:0; padding:30px; background-color: #ba933e; text-align: center; color: #fff;}
.internationalBuyers p {color: #fff;}
.internationalBuyers a {color: #fff; font-weight: 900; text-decoration: underline;}

/*================================================= SHARE THIS ==================================================*/


.shareThis {margin: 40px 0; padding: 0; background-color: #ba933e; color: #fff; text-align: center; height: 90px; vertical-align: middle;}

.shareThis .socialMediaCore {margin:0 auto; padding: 0; width:380px;}
.shareThis h5 {margin:0; padding:0; float: left; width: 195px; font-size: 34px; line-height: 90px; text-transform: uppercase; color: #fff; font-weight: 400; vertical-align: middle;}
.shareThis ul {margin:1px 0 0 0; padding:0; float: left; width: 185px;}
.shareThis ul li {display: inline;}
.shareThis ul li a {color: #fff; font-size: 29px; padding-right: 20px; line-height: 90px;}


/*================================================== NEWSLETTER ==================================================*/
.newsletter {text-align: center;}
.newsletter h4 {margin: 0 auto 30px; padding:0; color: #202020; font-size: 28px; text-transform: uppercase;}
.newsletter input[type="email"] {margin:0 auto; padding:10px;  width: 390px; height:50px; border: 1px solid #000; color: #000; font-size: 22px;}
.newsletter input[type="submit"] {margin:0 auto; padding:0; width: 150px; height:50px; text-align: center; border: 1px solid #000; background-color: #000; color: #fff; font-size: 22px; font-family: 'Titillium Web', sans-serif; text-transform: uppercase;}
.newsletter .social-navigation {margin:0 auto; padding: 0; width: 380px; float: none;}
.newsletter .social-menu  {margin:0; padding: 0; width: 100%;}
.newsletter .social-menu li {margin:0 0 0 10px; padding:0; display: inline-block;}
.newsletter .social-menu li a {display: block; margin:0; padding:0; width: 50px; height: 58px; background: transparent url('images/social-media.svg') no-repeat 0px 0px; text-indent: -9000px;}
.newsletter .social-menu li a[href*="facebook.com"] {background-position: 0px; 0px; width: 50px;}
.newsletter .social-menu li a[href*="twitter.com"] {background-position: -45px; 0px; width: 70px;}
.newsletter .social-menu li a[href*="instagram.com"] {background-position: -117px; 0px; width: 60px;}
.newsletter .social-menu li a[href*="plus.google.com"] {background-position: -189px; 0px; width: 60px;}
.newsletter .social-menu li a[href*="youtube.com"] {background-position: -251px; 0px; width: 65px;}
.newsletter .social-menu li a[href*="mailto:"] {display:none;}
.newsletter .social-menu li a i {display: none;}




footer {margin:0; padding:40px 0 20px; background-color: #202020; color: #fff; text-align: center;}
footer h5 {margin:0; padding: 0 0 6px 0; font-size: 18px; color: #fff; font-family: 'PT Serif', serif; font-weight: 700; text-transform: uppercase;}
footer address {margin:0; padding: 0 0 40px 0; font-size: 14px; color: #fff; font-style: normal;}
footer address span {padding: 0 10px;}
footer p {margin:0; padding: 0; font-size: 14px; color: #fff;}
footer p.copyrights {margin:0; padding: 0; font-size: 12px; color: #fff;}


footer .footer-menu {margin:0 auto; width: auto; padding:20px 0;}
footer .footer-menu li {display: inline-block; padding: 0 12px;}
footer .footer-menu li a {font-size: 14px; text-transform: uppercase;}


/*======================================================================================================== FOOTER STYLE ========================================================================================================*/











/* ======================================================================================================== CSS ANIMATIONS ========================================================================================================*/

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-ms-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

@-webkit-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@-moz-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@-ms-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
 
#fade-in {
     opacity:0;  
   
   /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
 
    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
}

:root #fade-in { opacity:1 \0/IE9; }  /* IE9 */
 
#fade-in.first {
-webkit-animation-delay: 0.25s;
-moz-animation-delay: 0.25s;
animation-delay: 0.25s;
}
 
#fade-in.second {
-webkit-animation-delay: 0.5s;
-moz-animation-delay:0.5s;
animation-delay: 0.5s;
}
 
#fade-in.third {
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
animation-delay: 1s;
}


 
.fade-out.first {
-webkit-animation-delay: 0.25s;
-moz-animation-delay: 0.25s;
animation-delay: 0.25s;
}
 
.fade-out.second {
-webkit-animation-delay: 0.5s;
-moz-animation-delay:0.5s;
animation-delay: 0.5s;
}
 
.fade-out.third {
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
animation-delay: 1s;
}



/**
 * ===========================================================================================================================================================================================================================================================================================================14.0 - Media Queries
 */

/**
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}