/*
Theme Name: GP50
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: GP50 is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. GP50 will make your WordPress look beautiful everywhere.
Version: 1.3.1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 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 {
	font-family: 'Roboto', sans-serif;
	 font-weight: 500;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
	background-color: #fff;
}

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;
}

b,
strong {
	font-weight: 700;
}

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}



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="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-outer-spin-button,
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;
	min-width: inherit;
	padding: 0.875em;
}

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

legend {
	border: 0;
	padding: 0;
}

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

optgroup {
	font-weight: bold;
}


/**
 * 2.0 - Genericons
 */



/**
 * 3.0 - Typography
 */

body,
button,
input,
select,
textarea {
	color: #1a1a1a;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;

	line-height: 1.75;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 500;
	margin: 0;
	text-rendering: optimizeLegibility;
}

p {
    line-height: 1.5em;
	margin: 0 0 1em 0;
    font-weight: 500;
}

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

blockquote {
	border: 0 solid #ccc;
	border-left-width: 4px;
	color: #686868;
	font-size: 19px;
	font-size: 1.1875rem;
	font-style: italic;
	line-height: 1.4736842105;
	margin: 0 0 1.4736842105em;
	overflow: hidden;
	padding: 0 0 0 1.263157895em;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote p {
	margin-bottom: 1.4736842105em;
}

blockquote cite,
blockquote small {
	color: #1a1a1a;
	display: block;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.75;
}

blockquote cite:before,
blockquote small:before {
	content: "\2014\00a0";
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

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

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

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: #d1d1d1;
	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;
}

body {
	background: #1a1a1a;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #d1d1d1;
	border: 0;
	height: 1px;
	margin: 0 0 1.75em;
}

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

ul {
	list-style: disc;
}

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: #686868;
	font-family: 'Roboto', sans-serif;
}

:-moz-placeholder {
	color: #686868;
	font-family: 'Roboto', sans-serif;
}

::-moz-placeholder {
	color: #686868;
	font-family: 'Roboto', sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #686868;
	font-family: 'Roboto', sans-serif;
}


/**
 * 5.0 - Forms
 */

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: #1a1a1a;
	border: 0;
	border-radius: 2px;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	letter-spacing: 0.046875em;
	line-height: 1;
	padding: 0.84375em 0.875em 0.78125em;
	text-transform: uppercase;
}

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: #cc0000;
}

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

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea {
	background: #fff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #d1d1d1;
	border-radius: 0px;
	color: #686868;
	padding: 0.625em 0.4375em;
	width: 100%;
}

input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
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 {
	background-color: #fff;
	border-color: #333;
	color: #1a1a1a;
	outline: 0;
}

/**
 * 6.0 - Navigation
 */

/**
 * 6.1 - Links
 */

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

a:hover,
a:focus,
a:active {
	color: #686868;
}

a:focus {
	outline: none;
}

a:hover,
a:active {
	outline: none;
}



/* Text meant only for screen readers */
.says,
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	/* many screen reader and browser combinations announce broken words as they would appear visually */
	word-wrap: normal !important;
}


/**
 * 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;
}

blockquote.alignleft {
	margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}

blockquote.alignright {
	margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}

blockquote.aligncenter {
	margin-bottom: 1.473684211em;
}


/**
 * 9.0 - Clearings
 */

.clear:before,
.clear:after,
blockquote:before,
blockquote: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,
blockquote: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;
}




/**
 * 11.2 - Posts and pages
 */


.entry-content > :last-child,
.entry-summary > :last-child,
body:not(.search-results) .entry-summary > :last-child,
.page-content > :last-child,
.comment-content > :last-child,
.textwidget > :last-child {
	margin-bottom: 0;
}


/**
 * IE8 and earlier will drop any block with CSS3 selectors.
 * Do not combine these styles with the next block.
 */
.updated:not(.published) {
	display: none;
}

.sticky .posted-on,
.byline {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-header {
	border-top: 4px solid #1a1a1a;
	margin: 0 7.6923% 3.5em;
	padding-top: 1.75em;
}

body.error404 .page-header,
body.search-no-results .page-header {
	border-top: 0;
	padding-top: 0;
}

.page-title {
	font-family: 'Roboto', sans-serif;
	font-size: 23px;
	font-size: 1.4375rem;
	line-height: 1.2173913043;
}

.taxonomy-description {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
}

.taxonomy-description p {
	margin: 0.5384615385em 0 1.6153846154em;
}

.taxonomy-description > :last-child {
	margin-bottom: 0;
}

.page-links {
	clear: both;
	font-family: 'Roboto', sans-serif;
	margin: 0 0 1.75em;
}

.page-links a,
.page-links > span {
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	display: inline-block;
	font-size: 13px;
	font-size: 0.8125rem;
	height: 1.8461538462em;
	line-height: 1.6923076923em;
	margin-right: 0.3076923077em;
	text-align: center;
	width: 1.8461538462em;
}

.page-links a {
	background-color: #1a1a1a;
	border-color: #1a1a1a;
	color: #fff;
}

.page-links a:hover,
.page-links a:focus {
	background-color: #007acc;
	border-color: transparent;
	color: #fff;
}

.page-links > .page-links-title {
	border: 0;
	color: #1a1a1a;
	height: auto;
	margin: 0;
	padding-right: 0.6153846154em;
	width: auto;
}

.entry-attachment {
	margin-bottom: 1.75em;
}

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

.entry-caption > :last-child {
	margin-bottom: 0;
}








/**
 * 12.0 - Media
 */

.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;
}
iframe {
  overflow: hidden!important;
}

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;
}


/**
 * 12.1 - Captions
 */

.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;
}


/**
 * 12.2 - Galleries
 */

.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;
}

/* TWS Styles*/
body, html{background-color: #fff;}
a{ -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;}
a.cta{ border-radius: 2px;background-color: #cc0000 !important; color: #fff!important; display: inline-block; margin-top: 15px!important; padding: 10px 20px;font-size: 14px!important; font-weight: 500; line-height: 1em!important;}
a.cta:hover{background-color: #ff0000 !important;}
a.black { background-color: #272B34!important; }
/* TWS Styles Header*/
.tws-head{ background-color: rgba(255,255,255,1); position: fixed; top: 0; left: 0; z-index: 999; width: 100%; float: left; padding: 8px 0; border-bottom: solid 0px #dadada;}
.tws-alert{ background-color: #cc0000!important; padding: 7px 0 7px; color: #fff;  float: left; width: 100%; font-size: 14px; text-align: center; margin-top: -8px!important; margin-bottom: 8px!important;margin-top: -8px!important;}
.tws-head .frame{ width: 95%; margin: 0 2.5%;
}
.shop-now-button{ position: absolute; right:0; bottom: -56px; font-size: 20px; background-color: #cc0000; display: inline-block;  padding: 10px 20px; text-transform: uppercase; color: #fff!important; min-height: 55px; max-height: 55px; border: 0px solid #fff; }
.shop-now-button:hover{ color:#fff; background-color: #ff0000;}
.frame{ width: 1400px; margin: 0 auto;}
.logo{float: left; padding-right: 0px; width: 12.5%;}
.logo img{ width: 120px; height: auto;}
.tws-menu { width: 73.5%; text-align: right; float: left;z-index: 9999!important; position: relative!important;}

.tws-menu ul{ list-style:none;  margin: 0 14px 0 0; padding: 0px; padding-top: 12px; text-align: right;}
.tws-menu ul li{ display: inline-block;  padding: .8em .75em; text-transform: normal; letter-spacing: .0em; font-size: 14px; font-weight: 400; position:relative;}
.tws-menu ul ul{ display: none;}
.tws-menu ul li:hover ul{ display: block; background-color: #fff;  position: absolute; top: 40px; left: -25px; width: 240px; padding: 10px 10px 20px!important; z-index: 9999!important;}
.tws-menu ul li:hover{ background-color: #fff;}
.tws-menu ul li:hover ul li{ display:block; text-align: left; padding: 6px 0 6px 25px; text-transform: none; line-height: 1.2em;letter-spacing: 0; background-image: url(/images/nav-arrow.png);  background-size: 10px; background-repeat: no-repeat; background-position: 0 8px;  letter-spacing: .0em; font-size: 13px;}
.tws-menu ul li a{ color: #333;}
.tws-menu ul li:hover ul li a{display: block!important;}
.tws-menu ul li.cta, .tws-menu ul li.black{  padding: 0;}.tws-menu ul li.cta a{ background-color: #cc0000; color: #fff; display: inline-block; padding:.6em 1em; margin-top:0; margin-left: .5em; border-radius: 2px; font-weight: 500;}
.tws-menu ul li.black a{ background-color: #272b34;color: #fff; display: inline-block; padding:.67em 1em; margin-top:0; margin-left: .5em; border-radius: 2px; font-weight: 500;}
.tws-menu ul li.black a:hover{background-color: #cc0000;color: #fff;}
.tws-menu ul li a:hover{ color: #cc0000;} 
.tws-menu ul li.cta a:hover{ color: #fff; background-color: #FF0000;}
.tws-menu ul li:hover ul li.shp { border-radius: 2px; background-image: url("/images/red-shopping-cart.png"); background-size: 15px; }
.tws-menu ul li:hover ul li.shp a{ color: #cc0000; text-transform: uppercase; font-weight: 700; font-size: 14px;}
.tws-menu ul li:hover ul li.shp a:hover{color:#ff0000;}
.search-top{ float:left; margin-top: 1em; margin-left: 0em; width: 14%;} 


/* TWS Styles Footer*/
.conversation{ background-color: #fff; padding: 0px 0 10px; border-top:solid 1px #ccc; width: 100%; float: left; text-align: center;}
.conversation h3{ font-size: 30px; line-height: 1em; padding-bottom: 0px;}
.conversation h4{ font-size: 18px;  padding: 20px 0 0px;}
.conversation p{  line-height: 1.3em;}.conversation p a{ color:#272B34; font-weight: 700; }.conversation p a:hover{ color:#cc0000; }
.conversation ul{ width: 80%; margin:20px 10% 36px; border: solid 0px #d1d1d1; list-style: none; padding:0}
.conversation ul li{ padding: 0; margin: 0; display: inline;}
.conversation ul li a{ color:#fff; width: 31%; margin: 0 1%; padding: 10px 0;display: inline-block; background-color: #cc0000;border-radius: 2px; font-size: 14px!important; text-transform: uppercase; letter-spacing: .1em; }
.conversation ul li a:hover{ background-color: #ff0000}

.certs { width: 66.666666%; text-align: left!important; float: left;}
.conversation .certs h4, .conversation .sisters h4{text-align: left; line-height: 1.1em;}
.sisters{ width: 33.333333%; text-align: left; float: left; font-size: 12px;}
.sisters img{ height: 55px; width: auto; margin-bottom: 14px;}

.footer{ background-color: #272b34; width: 100%; float: left; padding: 30px 0; color: #fff; text-align: center; font-size: 12px;}
.conversation .frame{ width: 1140px; margin: 0 auto;}
.footer a.ss-icon{ color: #fff; font-size: 22px; display: inline-block; padding: 0 10px;}
.footer a {color:#ccc;}
.footer .elementor-social-icons-wrapper a.elementor-social-icon{ margin: 0 5px!important;}
.footer h3{ color:#fff!important;}

.footer-third{ width: 33.3333333333%; float: left}

.br{ width: 50%; float: left; text-align: left; line-height: 1.4em;}
.tr{ text-align:right;}
.tl{ text-align: left;}
/* TWS Home Sections*/
.intro{ min-height: 600px; width: 100%; float: left; max-height: 600px; z-index: 0;}

.intro a.cta{ border-radius: 2px;background-color: #cc0000 !important;background-color: #272b34 !important; color: #fff!important; display: inline-block; margin-top: 15px!important; padding: 10px 20px; text-transform: uppercase; font-size: 14px!important; letter-spacing: .1em; font-weight: 500;}
.intro a.cta:hover{ background-color: #FF0000!important;}
.intro h1{ text-align: center;color: #fff; font-size: 70px; line-height: .9em; text-transform: uppercase; margin-top: 180px;}
.intro h1 b{font-size: 30px; font-weight: 400; letter-spacing: .1em; text-transform:uppercase; line-height: 1em; display: block;}
.productsection{ float: left; width: 100%; padding-bottom: 50px; background-color: #fff; z-index:99; position: relative;}
.productsection .frame{background-color: #fff; min-height: 240px; margin-top: -200px; padding-top: 30px;z-index: 9;}
.productleft{ width: 15%; float:left; padding-left: 2%;}
.productleft h3{ font-size: 20px!important; text-transform: uppercase; letter-spacing: .1em; margin-right: 20px;  line-height: 1em; color: #272b34; padding-bottom: 14px; border-bottom: solid 3px #d1d1d1;}
.productleft a{ display: block; font-size: 12px; line-height: 1.3em; margin-right: 20px;border-bottom: solid 1px #d1d1d1; padding: 11px 0; text-transform: uppercase; color: #272B34; }
.productleft a:hover{ color: #cc0000; }
.productleft a.cta{ text-align: center; padding: 21px 0; font-size: 12px!important; font-weight: 800; line-height: 1em; margin-top: 13px!important; display: block!important}
.ct{ background-image: url("/images/white-shopping-cart.png"); background-position: 10px 15px; background-repeat: no-repeat; background-size: 24px; padding-left: 10px!important;}
li.ct{padding-left: 0px!important;}
li.ct a{background-image: url("/images/white-shopping-cart.png"); background-position: 10px 7px; background-repeat: no-repeat; background-size: 24px; padding-left: 0px!important;}
li.ct a:hover{background-color: #ff0000!important;}
.productbox{ width: 85%; float: left;}
.productbox ul{ margin:0; padding: 0; list-style: none;}
.productbox ul li{ margin:0; padding: 0; display: block; width: 14.66667%; float: left; margin-right: 2%; position: relative }
.productbox ul li div{ display: none;}
.productbox ul li:hover div{ background-color: rgba(255,255,255,0.90); color: #272b34; font-size: 12px; font-weight: 400; line-height: 1.4em; display: block; max-height:100%;min-height: 100%; text-align: left; cursor: pointer;padding: 20px 15px; position: absolute; top: 0; left: 0; z-index: 2; vertical-align: middle; z-index: 1}
.productbox ul li img{ border: solid 1px #d1d1d1; border-bottom: 0px; max-width:100%; width: 100%; height: auto;}
.productbox ul li a.productlink{ text-transform: uppercase; z-index: 999; letter-spacing: .05em;  font-size: 12px; line-height: 1em; color: #fff; background-color: #272b34; display: block; text-align: center; min-height: 65px; padding: 20px 10px; position: relative;}
.productbox ul li a.productlink:hover{background-color: #cc0000;}
.warranty-statement{ padding: 12px 25px 0; font-size: 12px; float: left; width: 100%;color:#999; text-align: right;}
.warranty-statement a{color:#333; font-weight: bold}
.warranty-statement a:hover{ color:#ff0000; text-decoration: underline;}
.leaders{ width: 100%; float: left; }
.box{ width:50%; min-height: 600px; background-color: #fff; float: left;  color: #333; font-size: 16px; }
.box h3{ text-align: right; padding-right: 0; padding-top: 50px; color:#fff; font-size: 40px; line-height: 1em;float:right; text-transform: uppercase; letter-spacing: .05em;}
.box h4, .product-intro h4{ text-align: left; padding: 50px 0 30px; font-size:30px; line-height: 1.1em;   }
.box h4:after,.news h3:after, .product-intro h4:after{ content:""; display: block; width: 70px; height: 5px; background-color: #dadada; margin: 30px 0 0; }
.box p{ text-align: left;  font-size:16px; line-height: 1.55em; font-weight: 400; }
.box a{ background-color: #ccc; color: #333; border-radius: 4px; margin-bottom: 14px; padding: 7px}
.box a.cta{ float:left; display: block; background-color: #272b34!important;border-radius: 2px; color: #fff; padding: 10px 20px; font-size: 14px!important; line-height: 1.6em;  letter-spacing: .1em; text-transform: uppercase; }
.box a.cta:hover{background-color: #cc0000!important;}

.floatright{ float:right; text-align: right!important;}
.floatleft{ float:left; text-align: left!important;}


/*About*/
.wp-caption-text, .wp-caption{ margin-bottom: 0!important; padding-bottom: 0!important}
.tws-header{ width:100%; min-height: 500px; }
.tws-header h1{  padding-top:120px; text-transform: none; font-size: 40px; margin-bottom: 0; font-weight: normal; padding-bottom: 0; line-height: 1!important; color: #fff}
.tws-header h1:after{content:""; display: block; width: 70px; height: 5px; background-color: #dadada; color:#fff; margin: 20px 0 20px;}
.tws-header h2{padding: 0; margin: 0; padding-bottom: 14px; line-height: 1.2em;color:#fff;}
.header-left, .header-right{ min-width: 50%; float:left; min-height: 500px; background-position: center top; background-repeat: no-repeat;}

.header-right .frame{ width: 600px; float:left; color: #fff; padding-left: 50px; text-align: left; font-size: 16px!important; line-height: 1.5em}
.header-left{ background-color: #999;}
.header-right { background-color: #272b34;}
.header-right a{color:#a6a8bc}.header-right a:hover{color:#fff; text-decoration: underline;}.header-right a.cta:hover{text-decoration: none}
.header-right blockquote{color:#fff;}
.header-right strong{ font-size: 18px!important; font-weight: normal;}
.tws-header .wp-caption-text{color:#ccc;}

.tws-page{ padding:20px 0 20px; width: 100%; float:left;}
.tws-page .frame{ width:1140px; margin: 0 auto;}
.tws-page h2{ font-size:30px; text-transform: none;text-align: center; padding: 0px 0 24px; margin: 0; line-height: 1em;}
.tws-page h3{ font-size:30px;  padding: 10px 0 0px; line-height: 1.2em; margin: 0;}
.tws-page h4{ font-size:20px;  padding: 20px 0 ; line-height: 1.2em; margin: 0;}
.about { line-height: 1.5em;}
.about ul{ padding: 20px; background-color: #efefef; width: 100%; margin: 0; float: left; margin-bottom: 15px;}
.about ul li{ width: 24%; margin-right: 1%; float: left; display: inline-blomarketck; list-style: circle; line-height: 1.2em; padding-bottom: 7px;
}.about ul li:nth-child(4n+1){clear: left!important;}

/*Careers*/
.circle{   border-top-left-radius: 50% 50%;
  border-top-right-radius: 50% 50%;
  border-bottom-right-radius: 50% 50%;
  border-bottom-left-radius: 50% 50%; }
.careers table td{ font-size: 14px; padding: 7px;}
.careers table tr:first-child{ background-color: #f4f4f4}
.careers table td:first-child a{ font-size: 18px!important; color:#cc0000; font-weight: bold;}
.careers table td:first-child a:hover{color:#000;}

.careers table td:nth-child(1){ border-right:0px;}
.careers table td:nth-child(2){text-align: center; border-right:0px;}
.careers table td:nth-child(3){text-align:right;}
.careers table td:nth-child(3) a.cta{ margin-top: 0!important; }
.careers table td:nth-child(3) a:hover{ background-color: #cc0000;}
.careers-header{  text-align: center; background-color: #272b34; display: flex; align-content: center; justify-content: center; min-height: 150px; align-items: center; margin-top: 80px; }
.careers-header h1{font-size: 40px; color: #fff;  margin: 0; line-height: 1.1em;}
.careers-header h1 span{ text-transform:uppercase; font-size: 20px; letter-spacing: 0.05em; display: block; line-height: 1em;}

/*Careers Application*/

.page-id-20942 .frm_submit{text-align: center!important;}
.page-id-20942 button{ margin: 0px 5px!important; text-transform: capitalize!important; letter-spacing: 0em!important;}
.page-id-20942 a.frm_start_over{color:#333!important; text-decoration: underline!important; display: inline; padding-left: 5px;}
.page-id-20942 a.frm_button{ margin-right: 10px;}
.page-id-20942 a.frm_button:hover{ background-color: #ff0000!important;
}


/*Single Job Opening*/
.opening{ border: solid 1px #d1d1d1; padding: 40px;}
.opening table td{ font-size: 14px; padding: 7px;}
.opening h2{ font-size: 30px; text-align: left;}
.opening h2 a{ font-size: 12px; text-transform: uppercase;  display: inline-block; padding: 10px 20px; margin-right: 14px; font-weight: normal; background-color: #272b34; color: #fff;}
.opening h2 a:hover{background-color:#cc0000;}
.opening h3{ font-size: 24px; text-align: left;}
.open-sum{ padding: 14px; background-color: #efefef;}
/*Markets*/
.marketone{ text-align: right!important}
.markettwo{ text-align: left!important;}
.markettwo h3{ text-align: left; padding-top: 50px; color:#fff; font-size: 40px; line-height: 1em; float:left; text-transform: uppercase; letter-spacing: .05em;}
.box-pad{ padding:0 40px; width: 600px;}
.product-intro{ font-size: 16px!important;}
.product-intro h4{ padding-left: 0; margin-top: 0; padding-top: 0; padding-bottom: 15px;}
.product-intro h4:after{ display:none;}
.productframe .frame{ width: 1400px; margin: 0 auto;background-color: #fff; min-height: 240px; margin-top: -200px; padding-top: 30px;z-index: 9;}
.productframe .frame .productleft{ width: 20%; float:left; padding-left: 1%;}
.productframe .frame .productlist{ width: 80%; float: left; padding-right: 20px;}
.productframe .frame .productleft ul{ list-style: none; margin: 0; padding: 0; width: 100%;}
.productframe .frame .productleft ul li{  min-width: 100%;}
.productframe .frame .productleft ul li.cta a{ border-radius: 2px;background-color: #cc0000 !important; color: #fff!important; margin-top: 7px!important; text-align: center; text-transform: uppercase; font-size: 12px!important; letter-spacing: .1em; font-weight: 400; margin-bottom: 7px; border-bottom: 0px;margin-right: 20px!important;}
.productframe .frame .productleft ul li.cta a:hover{background-color: #ff0000 !important;}
ul.products {display: flex; flex-wrap: wrap;}
ul.products li{ border: solid 1px #d1d1d1; padding: 10px!important; float: left!important; margin-bottom: 10px!important; float: left!important; margin-right: 1%!important; width: 23.95%!important; position: relative;}
ul.products li:nth-child(4n+1){ clear: left!important;}
ul.products li h3 { color:#333!important; position: relative; display: block;line-height: 1.2em; font-size: 16px!important;}
ul.products li h3 a{ font-size: 16px!important;}
ul.products li img{margin-right: 10px!important;}
.the-product{width: 100%; float: left; display: block; position: relative; min-width: 100%!important; position: relative;
}
.the-product img{display: block!important; max-width:80%!important; height: auto!important; width: 80%; margin: 0 10%!important;}

.the-info{width: 100%; float: left;display: block;position: relative; font-weight: 500;}
.the-info h3{display: block!important; margin-bottom: 7px}
.the-info p{ margin: 0; padding: 2px 0; font-size: 12px; line-height: 1.4em; color: #333; display: none;}
.the-info p br{display: none!important}
.the-info a.learn{color: #272b34!important; font-size: 13px; display:block;padding: 10px 0px; line-height: 1em; text-align: center; background-color: #dadada; border-radius:2px; margin: 7px 0;}
.the-info a.learn:hover{font-size: 13px;  background-color: #ccc; border-radius: 4px; margin: 7px 0;}
.the-info h3 a{text-decoration: none;font-size: 20px; color:#000}
.the-info h3 a:hover{ color:#cc0000!important;}
.the-info a{text-decoration: none!important;}

.the-info table{ margin-bottom:3px!important; width: 100%!important;  }
.the-info th{ font-weight: 700; font-size: 13px; padding: 3px!important; background-color: #efefef!important;}
.the-info td{ font-size: 13px; font-weight: 400; line-height: 1.3em; padding: 3px!important;}
.the-info td:first-child{width: 100%!important; vertical-align: top; display: block!important; border-bottom: 0px!important; background-color: #efefef;}
.the-info td:last-child{width: 100%!important;display: block!important;}

.the-info td a{ color:#cc0000; }
.the-info td a:hover{ color: #333!important;}

.the-links{width:100%; float: left;display: block;}
.the-links span{ text-align: center!important; line-height: 1.2em!important; font-size: 13px!important; color: #999!important; display: block!important; padding: 4px 0 11px; }
.the-links span a{color: #272b34!important;}
.the-links a.cta{ font-size: 13px!important; min-width: 100%; text-align: center; margin-top: 0!important; font-weight: 500;}
a.blackcta{ border-radius: 2px;background-color: #cc0000 !important;background-color: #000 !important; color: #fff!important; display: inline-block; margin-top: 0px!important; padding: 10px 20px; text-align: center; font-size: 13px!important;  font-weight: 500;min-width: 100%; margin-bottom: 7px; line-height: 1em!important;}
a.blackcta:hover{ background-color: #666!important;}
.homeaccessories ul.products li{ width:19%!important; margin-right: .98%!important; }
.homeaccessories ul.products li:nth-child(4n+1){ clear: none!important;}

/**
All Products
 */
.allproducts{ min-height: 175px; background-color: #272b34; min-width: 100%!important; float: left;}
.allproducts h1{ font-size: 40px; margin-top: 110px; text-transform:none!important;  }
.viewall{width:100%; float: left; padding-top: 20px}
.allproductlist{ min-width: 80%; max-width: 80%; width: 80%;  float: left}
.noheader{ padding-top: 160px!important;}
.viewall .productleft{ width: 19%; margin-right: 1%; padding-left: 0!important;}
.viewall .productleft label, .productpg .productleft label{ font-size:12px!important; line-height: 1.2em; max-width: 250px!important}
.viewall .allproductlist ul.products li .the-info { }
.viewall .allproductlist ul.products li h3 a:hover{color:#0b6db4;}
.woof_remove_ppi{color:#333!important; background-color: #efefef!important; border-radius:4px!important; padding: 4px 4px 4px 30px!important;  background-position: 10px center!important;
 background-image: url(/images/delete-new.png)!important; background-size: 10px!important; }

.woof_submit_search_form_container {text-align: left!important}
.woof_submit_search_form_container button{float:left!important; background-color: #333; color:#fff}
.woof_products_top_panel{ font-size: 14px!important;}
/**
Product Page
 */
.productpg{ width:100%!important; float: left; padding: 110px 0 20px!important;}
.productpg .productleft{ width: 23%; margin-right: 2%;}
.productpg h1{ line-height: 1.1em!important}
.prod-info{ min-width: 75%; max-width: 75%; width: 75%;  float: left;border: solid 0px #d1d1d1; padding: 0px!important }
.woocommerce-breadcrumb{font-size: 13px!important; line-height: 1.1em!important;}
.woocommerce-breadcrumb a{ color:#333!important; }
.woocommerce-breadcrumb a:hover{ color:#cc0000!important;}
.woocommerce-tabs{ display: none!important}
.woocommerce-product-gallery{ max-width: 50%!important; border: solid 1px #d1d1d1;width: 50%!important; float: left!important; margin: 0!important; margin-bottom: 50px!important}
.entry-summary{max-width: 50%!important; float: left!important; width: 50%!important; margin: 0!important; padding: 0 20px!important; font-size: 14px!important; color:#333!important; }
.entry-summary h1{ font-size: 24px!important;}
.entry-summary .the-links{ width: 100%; margin-bottom: 20px!important}
.entry-summary .the-links .blackcta, .entry-summary .the-links .cta { max-width: 48%!important;width: 48%!important; min-width: 48%!important;margin-right: 2%!important; float: left!important}
.entry-summary .the-links .cartcta{margin-right: 2%!important; min-width: 98%!important; width: 98%!important }
.entry-summary  .posted_in a{color:#999!important;}
.entry-summary table{ margin:0px 0 7px!important;}
.entry-summary th{ background-color: #dadada!important; padding: 4px!important;}
.entry-summary td{ padding: 4px!important; line-height: 1.2em!important;}
.entry-summary td a{ font-weight: bold; color: #cc0000; }
.product_meta{display: none!important}
.naked-social-share ul{margin: 14px 0; padding: 0}
.nss-site-name{display: none;}
.naked-social-share a{color:#333; background-color: #fff!important; box-sizing: inherit!important; box-shadow:rgb(255,255,255) 0,0,0,0!important; outline-color: #fff!important;}
.naked-social-share a:hover{color: #cc0000;}
/*Related*/
.related h2{ text-align: left!important; font-size: 24px!important;}
.related ul.products{ display: flex;}


.related .the-product{width: 100%; float: left; display: block; position: relative; min-width: 100%!important}
.related .the-info{width: 100%; float: left;display: block;position: relative; padding-right: 0px; padding-top: 20px;}
.related .the-links{width: 100%; float: left;display: none!important;position: relative;}


/* Events Main*/
.new-events{ padding: 20px 0 0; width: 100%; float: left!important; z-index: 1;position: relative;}

.event-list{ background-color: #fff; margin-top: -125px; padding: 14px; position: 2!important; position: relative;} 
.event-list > h2{ font-size: 25px; line-height: 1.2em; text-align: center; padding-bottom:7px; margin: 0;}
.event-list td{padding: 4px!important; font-size: 14px!important;}
.event-list td img{ width: 140px; max-width: 140px!important; height: auto;}
.event-list tr:nth-child(1){ background-color: #272b34; font-size: 16px;}
.event-list td:nth-child(1){ width: 150px; border-right-color: #fff!important;}
.event-list tr:nth-child(1) td{ border-color: #272b34!important; color: #ccc!important; font-size: 14px!important;}
.event-list td:nth-child(2){border-right-color: #fff!important; }
.event-list td:nth-child(3){  line-height: 1.3em; border-right-color: #fff!important; border-left-color: #fff!important;}
.event-list td:nth-child(4){ text-align:right; width: 200px; border-left-color: #fff!important;}
.event-list td:nth-child(4) > a.cta{ margin-top: 0!important;}
.event-list td > h3{ font-size: 20px!important; padding: 0; margin: 0px 0 0px 0; line-height: 1.2em;}
.event-list td > h3 a{color:#333}
.event-list td > p{ margin: 0px 0 0!important; padding: 0!important; line-height: 20px!important; font-size: 14px!important;}
/*Default Header*/
.tws-default-header{ width: 100%; float: left; background-color: #272B34; color: #fff; text-align: center; min-height: 250px;}
.tws-default-header h1{ margin: 0; padding:0; padding-top: 140px; font-size: 40px; line-height: 1.1em; text-transform: uppercase;}
.subquote{ font-size: 24px; font-weight: 400; font-style: italic;  padding-top: 20px;  padding-bottom: 20px; line-height: 1.2em;}
.default{ padding-top: 140px;}
.default h1:after{content:""; display: block; width: 70px; height: 5px; background-color: #dadada; color:#fff; margin: 20px 0 20px;}
.nopad{ padding-top:40px!important}
/*Sales*/
ul.sales { background-color:#fff; padding: 0; margin: 0; list-style: none!important; display: flex; flex-wrap: wrap; }
ul.sales li{ width: 23%; border: solid 1px #ccc; padding: 1%; margin-right: 1.5%; margin-bottom: 20px;font-size: 14px!important;list-style: none!important;}
ul.sales li div{  max-height: 180px!important; height: 180px; overflow: hidden!important; font-size: 14px!important; font-weight: 400!important; }
ul.sales li div img{ max-width: 100%; width: 100%; height: auto!important}
ul.sales li h3{ font-size: 20px!important; margin: 0; padding:14px 0 4px;}
ul.sales li em{ font-size: 14px; line-height: 1.2em; font-style: normal; display: block; padding: 3px 0;}
ul.sales li a.ss-icon{color:#333; font-size: 20px; display: block; padding-top: 14px;}

/*Sales Map*/
.salesmap{ min-height: 600px; background-color: #ccc; text-align: center; padding-bottom: 50px;}
.salesmap h1:after{ margin-left: auto; margin-right: auto;}

.us{ padding: 70px 0 60px;}
.us tr:nth-child(1){ background-color: #efefef}
.us td { line-height: 1.2em!important}
.us td h3{ font-size: 16px; margin: 0; padding: 0; }
.us td .cta{ margin: 0!important; width: 100%!important; text-align:center;}
a:active, div:focus, a:focus { 
 outline: none; 
}
/*Marketing*/
ul.marketing-list { background-color:#fff; padding: 0; margin: 0; list-style: none!important; display: flex!important; flex-wrap: nowrap!important;}
ul.marketing-list li{ width: 23.95%; border: solid 1px #ccc; padding:10px; margin-right: 1%; margin-bottom: 20px; list-style: none!important;}
ul.marketing-list li div{  max-height: 250px!important; height: 250px; overflow: hidden!important}
ul.marketing-list li div img{ max-width: 100%; width: 100%; height: auto!important}
ul.marketing-list li h3{ font-size: 14px!important; margin: 0; padding:14px 0 4px;}
ul.marketing-list li .cta{ width: 100%; text-align: center; margin: 0!important;}
ul.marketing-list li .red{ margin-top: 7px!important;}

.resources{ width: 32%; margin-right: 1%; float:left;margin-top: 7px!important;}
.resources tr:first-child, .resources tr:first-child td:hover{ background-color: #272b34!important; color: #fff!important; font-size: 14px!important;}

.resources td a{ color:#000;  display: block; padding-left: 25px; background-image: url(/images/download-icon.png); background-size: 15px; font-size: 14px!important; line-height: 1.2em!important; background-position: 0 0; background-repeat: no-repeat}
.resources td:hover{ background-color: #efefef;}
.resources td a:hover{ color:#cc0000; }

/*Marketing Single*/
td.m-image img{width: 150px!important; height: auto!important;}
td.m-download{ text-align: right!important}
td.m-download a.cta{margin-top: 0!important}

/*Search Results*/

#responsive-menu-pro-title, #responsive-menu-pro-title-image{ margin: 0!important; padding: 5px!important;}
.autocomplete-suggestions{ width: 300px!important; right: -48px!important; top: 46px!important;}
.autocomplete-suggestions .title{ line-height: 1.2em!important}
.autocomplete-suggestions .link-result{ text-align: center!important; width: 100%!important; clear: left!important;}
.autocomplete-suggestions .link-result a{background-color: #333!important; display: block!important; width: 90%; margin: 0 5%!important; padding: 7px 0!important; color: #fff; text-transform: uppercase; font-size: 14px!important;}
.autocomplete-suggestions .link-result a:hover{background-color: #666!important;}
.autocomplete-suggestion{ min-height: 40px!important; height: auto!important; max-height: auto!important; padding: 4px!important;}
.autocomplete-suggestion img{ width: 35px!important; margin-top: -4px;}

/*Mobile header search*/
#responsive-menu-pro-additional-content{ margin: 0!important; padding: 10px!important;}
#responsive-menu-pro-additional-content .search-navigation{ padding: 3px 0 0 0!important; margin: 0!important; display: inline-block!important; width: 100%!important; margin-top: -3px!important; position: absolute; top: 0!important}
#responsive-menu-pro-additional-content .yith-ajaxsearchform-container{ margin-top: 0px!important; padding-top: 0!important; min-width: 100%!important;width: 100%!important; position: relative!important;}
#responsive-menu-pro-additional-content input#yith-searchsubmit {min-height: 41px!important;height: 41px!important; width: 43px!important; margin:0!important; display: none!important;}
#responsive-menu-pro-additional-content input#yith-searchsubmit { width: 43px!important; margin:0!important; display: none!important;}
#responsive-menu-pro-additional-content input#yith-s  { padding: 4px 10px!important; min-width: 100%!important; width: 100%!important;}
#responsive-menu-pro-additional-content #yith-ajaxsearchform{ width: 100%!important; min-width: 100%!important;}
#responsive-menu-pro-additional-content input#yith-searchsubmit{ position: absolute!important;top: 0; right: 0px!important; left: auto!important; background-image: url(/images/mag-glass.png); background-position: center center; background-size: 25px!important; background-repeat: no-repeat!important}
#responsive-menu-pro-additional-content .autocomplete-suggestions{ width: 100%!important; right:auto!important; left: 0!important;}
#responsive-menu-pro-additional-content a.cta{ min-width:100%!important; padding: 10px 0; text-align: center;  background-position: 10px 9px!important; }
#responsive-menu-pro-additional-content a.ct{  margin-bottom: -5px;}
.wpfront-close{ padding:15px!important; font-size: 16px!important;}
.wpfront-message{ padding: 10px 0}
.wpfront-button{ padding:10px!important; }

.search-header{min-height: 250px!important; max-height: 250px!important}
.s-results{ border: solid 1px #ccc; padding: 20px; margin-bottom: 14px!important; float: left; width: 100%;}

.s-results img{ width: 150px!important; height: auto!important; float: left!important}
.s-results .entry-summary{ max-width: 75%!important; width: 100%!important;}
.s-results h3{font-size:20px; color:#333; margin: 0; padding: 0 0 14px;}
.s-results input#yith-searchsubmit{ max-width: 51px!important; width: 51px!important; min-width: 51px!important}



/*Purchaseable*/
.cartbubble{ background-color: #cc0000; position: absolute; top:5px; left:5px; color: #fff!important;  width: 60px; height: 60px; border-radius: 50px; text-align: center; line-height: 1em;
text-transform: uppercase;font-size: 12px; padding-top: 15px; z-index: 995}
a.cartcta{border-radius: 2px;background-color: #cc0000 !important; color: #fff!important; display: inline-block; margin-top: 0px!important; padding: 10px 15px!important; text-transform: normal; font-size: 13px!important; line-height: 13px!important;  font-weight: 500; margin-bottom: 7px; min-width: 100%; text-align: center; background-image: url(/images/white-shopping-cart.png); background-position: 15px 10px; background-repeat: no-repeat; background-size: 20px;}
a.cartcta:hover{ background-color: #ff0000!important; color: #fff!important;}
.relbuy{ display: none!important;}
.single-product .relbuy{display: block!important;  }

.mobile{display: none}
.desktop{display: block}



.fa-angle-down, .fa-times{color:#272b34!important;}

/*New home page 2021*/
.newslideshow h1 strong{ font-size:30px!important; display: block!important; font-weight: 400!important;}
.home-sidebar a.elementor-item{background-image: url(/images/nav-arrow.png);  background-size: 10px; background-repeat: no-repeat; background-position: 3px 12px;}
#elementor-tab-content-1331{ padding:0px 5px 0!important; margin-top: -27px!important; margin-bottom: 0px!important;}
#eael-advance-tabs-869c6dd ul.eael-tab-inline-icon li:last-child { background-color: #cc0000!important;}
#eael-advance-tabs-869c6dd ul.eael-tab-inline-icon li:last-child:hover{ background-color: #ff0000!important;}
#eael-advance-tabs-869c6dd ul.eael-tab-inline-icon li:last-child a, #eael-advance-tabs-869c6dd ul.eael-tab-inline-icon li:last-child i{ color:#fff!important; }

.elementor-post__thumbnail__link{ margin-bottom: 0!important;min-height:auto!important; height: auto!important; max-height: 223px!important; overflow: hidden!important;}
.home-tab .elementor-widget-container{  display: block!important;  min-height: 54px!important; max-height: 54px!important; height: 54px!important; }
.warranty a{ font-weight: 600!important;}
.warranty a:hover{color: #000!important;}
.home-accessories ul.products li .the-info { min-height: auto!important;}
.home-accessories ul.products li .the-info table, .home-accessories ul.products li .the-links{display: none!important;}
.home-accessories ul.products { display: flex!important; margin-bottom: 0!important; padding-bottom: 0!important;}
.home-accessories ul.products li{ position: relative!important; padding: 0px!important; margin-bottom: 0!important; border: 0px!important; width: 13.3%!important; }
.home-accessories ul.products li img{ border: solid 1px #dadada; margin-bottom: 0!important; max-width: 100%!important; width: 100%!important; min-width: 100%!important; height: auto!important; margin-left: 0px!important;}
.home-accessories ul.products li h3{ padding: 10px!important; background-color: #efefef; min-height:80px!important; max-height: 80px!important; height:80px!important;line-height: 1.em!important; }
.home-accessories ul.products li h3 a{ font-size: 14.4px!important; font-weight: 500!important; line-height: 17.28px!important; }
.home-accessories ul.products li a.learn{ display: none!important;}

/*New Subcategories*/
.newprodlist ul.products li{ width:100%!important; margin-right: 0!important; margin-bottom: 0!important; }
.newprodlist ul.products li:nth-child(4n+1){ clear: none!important;}

/*View All*/
.woof_checkbox_term, .woof_checkbox_label{ margin-left: 0!important; } 
ul.woof_list_checkbox li{ display: block!important; width: 100%!important; position: relative!important; padding-bottom: 0!important;}
.woof_checkbox_label{ position: absolute!important; top: 4px!important; left: 20px!important;}
.mobilefilter .woof_checkbox_label{ position: absolute!important; top: -5px!important; left: 20px!important;}
body.woocommerce-shop button.woof_reset_button_2{ padding: 10px 20px!important; font-weight: 400!important; color: #333!important; background-color: #dadada!important; text-transform: none!important; letter-spacing: 0em!important;}
body.woocommerce-shop button.woof_reset_button_2:hover{color: #fff!important; background-color: #cc0000!important;}


/**Videos*/
.videosgrid h3.elementor-post__title { margin-bottom: 0px!important; margin-top: -5px!important; font-size: 16px!important;}
.videosgrid h3.elementor-post__title a{ font-size: 16px!important;}
.videosgrid h3.elementor-post__title a:hover{ color:#cc0000!important;}
.videosgrid a.elementor-post__read-more{ margin-bottom: 5px!important;}
.videosgrid .elementor-post__thumbnail__link img, .videosgrid .elementor-post__thumbnail__link a{ margin-bottom: 0!important; padding-bottom:0!important;}
/* News Grid*/
.newsgrid h3.elementor-post__title { margin-bottom: 7px!important; margin-top: 10px!important; }
.newsgrid h3.elementor-post__title a:hover, .newsbox h4.elementor-post__title a:hover{ color:#cc0000!important;}
.newsgrid div.elementor-post__text, .newsgrid div.elementor-post__text p,.newsbox div.elementor-post__text, .newsbox div.elementor-post__text p{ padding-bottom: 0!important; margin-bottom:0!important;}
.newsgrid p, .newsbox p{ margin-bottom:0px!important; padding-bottom: 0!important;}
.newsgrid a.elementor-post__read-more, .newsbox a.elementor-post__read-more{ margin-bottom: 5px!important; margin-top: -15px!important;}
.newsbox a.elementor-post__read-more:hover{ color:#333!important;}
.newsgrid .elementor-post__excerpt, .newsbox .elementor-post__excerpt{ margin-bottom:0px!important; padding-bottom: 0!important;}
.collapsed-archives ul ul { margin-left: 20px!important;}
.collapsed-archives ul ul li:last-child{ border-bottom: 0px!important;}
.collapsed-archives label{color: #dadada!important;} 
.orderby{display: none!important;}
.right h2{ font-size: 20px!important;}
.right ul li a{ font-size: 14px; font-weight: 400!important; color: #333;}
.right ul li{ border-bottom: solid 1px #ccc;}
.right ul{ list-style: none!important;}
.right ul li a:hover{ color: #cc0000;}
.right .widget_categories ul{ margin-left: 0px;}






/*2021 Request a Quote*/
.newquote h3{ font-weight: 500; text-align: center; color: #272b34; font-size: 30px; margin: 0; padding: 0; line-height: 1.2em}
.newquote .frm_submit{ text-align: center;}
.newquote .frm_submit button{ margin: 0 5px!important; text-transform: none!important; letter-spacing: 0;}
.frm_text_label_for_image{line-height: 1.1em!important;}

/*Form Styles*/
fieldset{padding: 0!important; margin: 0!important;}
.frm_primary_label{ position: relative!important; padding-left: 10px!important}
.frm_primary_label span.frm_required{ position: absolute!important; left:0 !important; font-size: 16px!important}
#frm_field_399_container .frm_opt_container{ display: flex!important;flex-wrap: nowrap!important; padding-top: 0!important; padding-bottom: 0!important; }
#frm_field_399_container .frm_opt_container div{ margin: 3px!important;}
.frm_other_input{ margin-top: 4px!important;}
.frm_submit{ margin-top:0px!important;}
.frm_page_1{ border-right-color: #fff!important;}
.frm_page_2{border-right-color: #fff!important;border-left-color: #fff!important;}
.frm_page_3{border-left-color: #fff!important;}


.cn-text-container a{color: #fff!important; font-weight: 600!important;}
.cn-text-container a:hover{text-decoration: underline;}

.cn-button{  background-color: #cc0000!important;}

.cn-button:hover{  background-color: #ff0000!important; color:#fff!important;}

.collapsed-archives-triangles ul li{}

/*New Job Opening Page*/
.backtojob{ padding: 0px 0 10px;}
.back{ color:#333; display: inline-block; margin-left: 10px!important; padding: 0 20px!important;font-size: 14px!important;  margin-left: 0px!important; font-weight: 400!important; background-image: url("/images/nav-arrow-back.png"); background-position: left center; background-repeat: no-repeat; background-size: 15px;}
.backtojob .cta{ margin-top: 0!important; margin-right: 30px!important;}
.back:hover{ text-decoration: underline!important;}

.opening-left td{ padding: 5px 5px!important; font-size: 14px!important; line-height: 1.1em!important;}
.opening-left td:nth-child(1){font-weight: bold!important;}
.opening-left{ width: 25%; float: left; margin-right: 2%;}
.opening-right{ width: 73%; float: left;}
.opening-right h3{ background-color: #fff!important; clear: none;}
.opening h3{ border-bottom: solid 1px #dadada; padding-bottom: 5px; margin-bottom: 7px!important;}


.mp-close{color:#fff!important;}

ul.products li.product h4 span, ul.products li.product h4{line-height: 1em!important; font-size: 14px; padding: 4px 0!important;}
ul.products li.product {display: flex!important; flex-direction: column!important; justify-content:space-between!important}

.frm_image_small { display: flex!important;}
.frm_image_small img{max-width: 85px!important; height: auto!important; margin: 0 auto!important;}

 /* 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;}
@media all and (max-width: 1600px){.dgwt-wcas-search-wrapp{ margin-right:2.5%!important; width: 97.5%!important;}}
@media all and (max-width: 1399px){
.frame{ width: 95%; margin: 0 2.5%;}
	.logo{float: left; padding-right: 0px; width: 10%;}
.logo img{ width: 120px; height: auto;}
.tws-menu { width: 70%; text-align: right; float: left;}
.tws-menu ul li{ padding: .8em .7em; letter-spacing: .0em;}
	.tws-menu ul li:hover ul li{font-size: 13px;}
    .dgwt-wcas-search-wrapp{ margin-right:2.5%!important; width: 97.5%!important;}
/*Home*/
.productsection .frame{ width:100%; margin-left: auto; margin-right: auto;}
.productbox ul li:hover div{ font-weight: 400; line-height: 1.25em;}
	/*News*/
	.thenews .frame{width: 95%; margin: 0 2.5%;}
	
	.shop-now-button{ position: absolute; right:0; bottom: -49px; font-size: 16px; background-color: #cc0000; display: inline-block;  padding: 10px 20px; text-transform: uppercase; color: #fff!important; min-height: 48px; max-height: 48px; }
.shop-now-button:hover{ color:#fff; background-color: #ff0000;}
}
@media all and (max-width: 1260px){
	.tws-menu ul li{ padding: .8em .6em; letter-spacing: .0em;}
	.tws-menu ul li:hover ul li{font-size: 12px;}
    .dgwt-wcas-search-wrapp{ margin-right:4%!important; width: 96%!important; max-width: 96%!important;}
	/*Home*/

	.intro h1{ text-align: center;color: #fff; font-size: 50px; line-height: .9em; text-transform: uppercase; margin-top: 150px;}
.box-pad{ width: 90%; margin: 0 5%; padding: 0;}
	
.news h3{ width:50%; margin-left: 50%; padding-top: 70px; text-transform: uppercase; font-size: 30px; line-height: 1.1em; letter-spacing: .05em;}
.news ul { margin-left: 0%; list-style: none; margin: 30px 0% 0 50%;  padding: 0; width: 50%;}
    
    .allproducts{ min-height: 150px; background-color: #272b34; min-width: 100%!important; float: left;}
.allproducts h1{ font-size: 40px; margin-top: 100px; text-transform:none!important;  }
    
   
	
}
@media all and (max-width: 1140px){
    .tws-head{ height: 55px!important;}
	.logo{float: left; padding-right: 0px; width: 15%;}
    .logo { width: 80px; height: auto;}
	.tws-menu{display: none;}
    .tws-alert{ background-color: #cc0000!important; padding: 7px 0 7px; color: #fff;  float: left; width: 100%; font-size: 14px; text-align: center; margin-top: 0px!important; margin-bottom: 0px!important; position: fixed; bottom:0!important; left:0!important;}
	.search-top{ width: 170px; position: absolute; top: -10px; right: 120px; float: right; z-index: 999;}
    .tws-head input.yith-s, .tws-head input#yith-s  {min-height: 35px!important; margin-top: -12px;  display: inline-block; padding-right: 55px!important; font-size: 14px!important; }
	

	.productbox ul li a.productlink{ text-transform: uppercase; letter-spacing: .05em;  font-size: 12px; line-height: 1em; color: #fff; background-color: #272b34; display: block; text-align: center; min-height: 80px; padding: 20px 10px;}
	.conversation .frame{width: 90%; margin: 0 5%;}
	.conversation ul{width: 100%; margin: 0; padding: 0;}
	
	/*About*/
	.header-left, .header-right{ min-width: 50%; float:left; min-height: 500px; width: 50%; background-position: center top; background-repeat: no-repeat;}
	.header-right .frame{ width: 90%; float:left; color: #fff; padding-left: 0px; text-align: left;  margin: 0 5%; font-size: 14px!important; line-height: 1.5em}
	.tws-header h1{ padding-top: 150px;}
	
	/*Sub Products*/
	.productframe .frame{ width: 100%; margin: 0 0%;background-color: #fff; min-height: 240px; margin-top: -200px; padding-top: 30px;z-index: 9;}
.productframe .frame .productleft{ width: 20%; float:left; padding-left: 2%;}
.productframe .frame .productlist{ width: 80%; float: left; padding-right: 20px;}
    
    .productlist ul.products li{ width:32.33333%!important; margin-right: .98%!important; }
     .productlist ul.products li:nth-child(4n+1){ clear: none!important;}
     .productlist ul.products li:nth-child(3n+1){ clear: left!important;}
/*View All Products*/
	.viewall .productleft label, .productpg .productleft label{ font-size:12px!important; line-height: 1.2em; max-width: 200px!important; }
    
    .allproducts{ min-height: 120px; background-color: #272b34; min-width: 100%!important; float: left;}
.allproducts h1{ font-size: 40px; margin-top: 70px; text-transform:none!important;  }
	
	.shop-now-button{ position: absolute; right:300px; bottom: auto; top: 9px; font-size: 14px; background-color: #cc0000; display: inline-block;  padding: 5px 20px 7px; border-radius: 4px; color: #fff!important; min-height: 35px; max-height: 35px; }
.shop-now-button:hover{ color:#fff; background-color: #ff0000;}


}
@media all and (max-width: 1024px){
	.productleft{ }
	.productbox, .productlist{ width: 70%!important;}
	.productbox ul li{ margin:0; margin-bottom: 14px;  padding: 0; display: block; width: 31.333333333%; float: left;  cursor: pointer;margin-right: 2%; position: relative }
    
    .home-accessories ul.products li{ width:32.33333%!important; margin-right: .98%!important; }
.home-accessories ul.products li:nth-child(4n+1){ clear: none!important;}
    .home-accessories ul.products li:nth-child(3n+1){ clear: left!important;}
    
    
/*About*/
	.tws-page .frame{ width: 95%; margin: 0 2.5%;}
	
	/*News*/
	.left{ width: 75%; margin-left: 0%; float:left;}
.right{ width: 25%; margin-left:0%; float: left;}
	/*Salesmap*/
	.salesmap h1{ padding-top: 150px;}
    
    
    /*2021 Request a Quote*/
.newquote h3{ font-weight: 500; text-align: center; color: #272b34; font-size: 30px; margin: 0; padding: 0; line-height: 1.2em}
.newquote .frm_submit{ text-align: center;}
.newquote .frm_submit button{ margin: 0 5px!important; text-transform: none!important; letter-spacing: 0;}
.frm_text_label_for_image{line-height: 1.1em!important;}

/*Form Styles*/
fieldset{padding: 0!important; margin: 0!important;}
.frm_primary_label{ position: relative!important; padding-left: 10px!important}
.frm_primary_label span.frm_required{ position: absolute!important; left:0 !important; font-size: 16px!important}
#frm_field_399_container .frm_opt_container{ display: flex!important;flex-wrap:wrap!important; padding-top: 0!important; padding-bottom: 0!important; align-items: center;
  justify-content: center; }
#frm_field_399_container .frm_opt_container div{ margin: 3px!important;}
.frm_other_input{ margin-top: 4px!important;}
.frm_submit{ margin-top:0px!important;}
.frm_page_1{ border-right-color: #fff!important;}
.frm_page_2{border-right-color: #fff!important;border-left-color: #fff!important;}
.frm_page_3{border-left-color: #fff!important;}
    
    .careers-header{  text-align: center; background-color: #272b34; display: flex; align-content: center; justify-content: center; min-height: 150px; align-items: center; margin-top: 65px; }
	
	
}

@media all and (max-width: 960px){


.conversation ul li a{width:25%;}
.intro h1{ text-align: center;color: #fff; font-size: 45px; line-height: .9em; text-transform: uppercase; margin-top: 180px;}
.intro h1 b{font-size: 30px; font-weight: 400; letter-spacing: .1em; text-transform:uppercase; line-height: 1.2em; display: block;}
	.box p{ font-size: 14px;}
	/*About 960*/
	.tws-header h1{ padding-top: 60px;}
	.header-left, .header-right{ min-width: 100%; float:left; min-height: 600px; width: 100%; background-position: center top; background-repeat: no-repeat;}
	.header-right{ min-height: auto; height: auto; padding-bottom: 60px;}
	/*Product Page*/
	.entry-summary td, .entry-summary table, .the-info td, .the-info th, .the-info{ display: block!important; width: 100%!important; min-width: 100%!important; max-width: 100%!important;}
	/*View all*/
	/*View All Products*/

	    .allproducts{ min-height: 120px; background-color: #272b34; min-width: 100%!important; float: left;}
.allproducts h1{ font-size: 40px; margin-top: 70px; text-transform:none!important;  }
	
    .viewall .productleft label, .productpg .productleft label{ font-size:12px!important; line-height: 1.2em;}
	.viewall .productleft{ width: 28%; margin-right: 2%;}
	.allproductlist{ min-width: 70%; max-width: 70%; width: 70%;  float: left}
    
    
	.viewall .allproductlist ul.products li{ width: 49%!important; border: solid 1px #d1d1d1;  margin-bottom: 10px!important; float: left; margin-right: .98%!important; min-height: auto!important}
.viewall .allproductlist ul.products li:nth-child(3n+1){clear: none!important}
.viewall .allproductlist ul.products li:nth-child(2n+1){clear: left!important}
     .productlist ul.products li{ width:49%!important; margin-right: .98%!important; }
     .productlist ul.products li:nth-child(2n+1){ clear: clear!important;}
     .productlist ul.products li:nth-child(3n+1){ clear: none!important;}
	
	
    
	/*Events List*/
	.event-list tr:nth-child(1){ background-color: #efefef; font-size: 16px; display: none;}
	.event-list td:nth-child(3){  line-height: 1.3em; font-size: 12px;}	
	.event-list td > h3{ font-size: 20px!important; padding: 0; margin: 7px 0 0px 0; line-height: 1.2em;}
	/*Salesmap*/
	.salesmap h1{ padding-top: 150px;}
	.us td { line-height: 1.2em!important; font-size: 12px;}
	
	/*Product Page*/
	.productpg{ width:100%!important; float: left; padding-top:80px!important}
    
    ul.marketing-list { background-color:#fff; padding: 0; margin: 0; list-style: none!important; display: flex!important; flex-wrap: wrap!important;}
ul.marketing-list li{ width: 48.95%; border: solid 1px #ccc; padding:10px; margin-right: 1%; margin-bottom: 20px; list-style: none!important;}
    
    .opening-left{ width: 31.3333333%; float: left; margin-right: 2%;}
.opening-right{ width: 66.66666666%; float: left;}
}
@media all and (max-width:800px){
	.careers table td:nth-child(2){text-align: center; border-right:0px; display: none;}
	/*Salesmap*/
	.salesmap h1{ padding-top: 150px;}
	.us tr:nth-child(1){display: none;}
.us td { line-height: 1.2em!important; display: block; width: 100%;}
.us td h3{ font-size: 16px; margin: 0; padding: 0; }
.us td .cta{ margin: 0!important; width: 100%!important; text-align:center;}
	.us td:nth-child(1),.us td:nth-child(2),.us td:nth-child(3),.us td:nth-child(4),.us td:nth-child(5){border-bottom: 0px;}
	.tws-page .us .scroll{clear:left!important; display: block; width: 165px!important; margin:7px auto;}
	#worldwide td:nth-child(1){font-size: 20px!important; font-weight: bold}
	/*Product Page*/
	.productpg{ width:100%!important; float: left; padding-top: 110px!important}
}
@media all and (max-width: 780px){li.active{ background-position: center right!important;  }
    .home-accessories ul.products li{ width:49%!important; margin-right: .98%!important; margin-bottom: 10px!important; }
.home-accessories ul.products li:nth-child(4n+1){ clear: none!important;}
    .home-accessories ul.products li:nth-child(3n+1){ clear: none!important;}
 .home-accessories ul.products li:last-child{ width: 100%!important;}
   .opening-left{ width: 48%; float: left; margin-right: 2%;}
.opening-right{ width: 50%; float: left;}

}

@media all and (max-width: 699px){
	.mobile{display: block}
	.desktop{display: none}
	.conversation h3{font-size: 24px;}
	.conversation ul li a{ width: 50%; margin: 5px 0;}
	.certs, .sisters{ width: 100%;}
.sisters img{width: 90%; height: auto;}
	/*Home 699*/
    .allproductlist{ width: 100%!important; padding: 0!important; margin: 0!important; min-width: 100%!important; max-width: 100%!important;}
	.productleft{display: none!important;}
	.productleft a.cta br{display: none;}
	.productbox {width: 90%; margin: 0 5%;}
	.productbox h3.hid{ font-size: 20px!important; text-transform: uppercase; letter-spacing: .1em; margin-right:0;  line-height: 1em; color: #272b34; padding-bottom: 14px; border-bottom: solid 0px #d1d1d1;}
	.box{width: 100%; height: auto!important;}
	.box h3 br{ display: none;}
	.news{ min-height: 600px; background-color: #272b34; float: left; width:100%; background-image: url(/images/news-bkg.png); background-size: 100%; padding-bottom: 70px; background-repeat: no-repeat; background-position: 200px 0; color: #fff;}
	.news h3{ width: 100%; margin-left: 0%; font-size: 30px;}
	.news ul { margin-left: 0%; list-style: none; margin: 30px 0% 0 0%;  padding: 0; width: 100%;}
	.news ul li h4{font-size: 20px!important;}
	
	/*About 699*/
	.tws-header h1{  padding-top:60px; text-transform: none; font-size: 40px; margin-bottom: 0; font-weight: normal; padding-bottom: 0; line-height: 1!important; color: #fff}
	.header-left, .header-right{ min-width: 100%; float:left; min-height: 600px; background-position: center top; background-repeat: no-repeat;}
	.header-right{ min-height: auto; height: auto; padding-bottom: 60px;}
	.header-left{background-size: 800px; min-height: 375px;max-height: 375px;}
	.about br{display: none;}
		.about ul li{ width: 48%; margin-right: 2%; float: left; display: inline-block; list-style: circle; line-height: 1.2em; padding-bottom: 7px;
}
	/*Sub Product */
	.productframe .frame .productlist{ width: 95%; margin: 0 2.5%; float: left; padding-right: 0px;}
/*Product Page*/
	.entry-summary{min-width: 100%; width: 100%; padding: 0!important;}
    .entry-summary .the-info table, .entry-summary .the-info th, .entry-summary .the-info td{ clear:left!important; width: 100%!important; min-width: 100%!important; max-width: 100%!important; display: block!important; float: none!important;}
.woocommerce-product-gallery{min-width: 100%; width: 100%!important;}
.related ul.products li{ width: 100%!important; border: solid 1px #d1d1d1; padding: 20px!important; margin-bottom: 20px!important; float: left; margin-right: 0%!important; min-height: auto!important}
.related ul.products li h3{line-height: 1.4em!important;}
	/*View All Products*/

    .productlist ul.products li, ul.products li{ width:48%!important; margin-right: 2%!important; }
     .productlist ul.products li:nth-child(2n+1){ clear:none!important;}
     .productlist ul.products li:nth-child(3n+1){ clear: none!important;}
        .allproducts{ min-height: 110px; background-color: #272b34; min-width: 100%!important; float: left;}
.allproducts h1{ font-size: 30px; margin-top: 70px; text-transform:none!important;  }
    .mobilefilter{ font-size: 12px!important;}
	
	/*Events List*/

.event-head{ z-index: 0;}
.event-head > h1{ position: absolute;  width: 100%;  z-index: 99;}
.event-list{ padding: 0 30px;} 
.event-list > h2{ font-size: 30px; line-height: 1.2em; text-align: center; padding-bottom:20px; margin: 0;}
.event-list td img{ width: 150px; max-width: 150px!important; height: auto;}
	
.event-list td:nth-child(1){ width: 50%;display: block; float: left; border-right: solid 0px; border-bottom: solid 0px;}

.event-list td:nth-child(2){width: 50%;display: block; float: left;border-bottom: solid 0px; }
	.event-list td:nth-child(3){width: 100%;display: block; clear: left;border-bottom: solid 0px; font-size: 14px; }

.event-list td:nth-child(4){ text-align:left; width: 100%; display: block;}
.event-list td:nth-child(4) > a.cta{ margin-top: 0!important; width: 100%; text-align: center;}

.event-list td > h3 a{color:#333}
.event-list td > p{ margin: 7px 0 0!important; padding: 0!important}
		/*Single Job*/
	.opening{ border: solid 1px #d1d1d1; padding: 30px;}
	/*Salesmap*/
	.salesmap h1{ padding-top: 150px;}
	/*Marketing*/
	ul.marketing-list li div{  max-height: auto!important; height: auto; overflow: hidden!important}
	/*Default*/
/*Default Header*/
.tws-default-header{ width: 100%; float: left; background-color: #272B34; color: #fff; text-align: center; min-height: 200px;}
.tws-default-header h1{ margin: 0; padding:0; padding-top: 115px; font-size: 30px; line-height: 1.1em; text-transform: uppercase;}
.nopad{ padding-top:30px!important}
	/*Product Page*/
	.productpg{ width:100%!important; float: left; padding-top: 90px!important}
	.productbox, .productlist{ width: 90%!important;}
    
    
      .homeaccessories ul.products li{ width:100%!important; margin-right: 0%!important; margin-bottom: 10px!important; }
.homeaccessories ul.products li:nth-child(4n+1){ clear: none!important;}
    .homeaccessories ul.products li:nth-child(3n+1){ clear: none!important;}
 .homeaccessories ul.products li:last-child{ width: 100%!important;}
}
@media all and (max-width: 600px){
	
	.the-product{ width: 100%!important;}
	.the-links, .the-info{ width: 100%!important;}
	.the-info{ }
	.productleft{ width:95%!important; margin: 0% 0 0 5%!important;}
	.entry-summary .the-links a.cta, .entry-summary .the-links a.blackcta{ width: 100%!important; min-width: 100%!important;}
	.wpfront-message{ width: 60%; margin: 0 20%!important; padding: 7px 0; line-height: 1.3!important;}  
	.entry-summary .the-links .cartcta{margin-right: 0%!important; min-width: 100%!important; width: 100%!important }
    
 .allproducts{ min-height: 110px; background-color: #272b34; min-width: 100%!important; float: left;}
.allproducts h1{ font-size: 30px; margin-top: 70px; text-transform:none!important;  }
    .productleft{ display: none!important;}
 .shop-now-button{ position: absolute; right:60px; bottom: auto; top: 7px; font-size: 14px; background-color: #cc0000; display: inline-block;  padding: 10px 20px 0; text-transform: uppercase; color: #fff!important; min-height: 43px; max-height: 43px; }
.shop-now-button:hover{ color:#fff; background-color: #ff0000;}
   .search-top{display: none;}
      .dgwt-wcas-search-wrapp{ margin-rightad:0%!important; width: 100%!important; max-width: 100%!important; padding-bottom: 0!important; margin-bottom: 0!important;}
    .dgwt-wcas-search-wrapp button svg{ margin-left: 15px!important; margin-top: 7px!important;}
        ul.marketing-list { background-color:#fff; padding: 0; margin: 0; list-style: none!important; display: flex!important; flex-wrap: wrap!important;}
ul.marketing-list li{ width: 48.95%; border: solid 1px #ccc; padding:10px; margin-right: 1%; margin-bottom: 20px; list-style: none!important;}
.resources{ width: 100%; margin-right: 0%; float:left;}
}
@media all and (max-width: 499px){
	
	/*Header*/
	


	/*Footer*/
	.conversation{width: 100%;}
	.conversation .frame{width: 95%; margin: 0 2.5%;}
	.conversation p{font-size: 14px;}
	.conversation p br{ display: none;}
	.conversation ul{width: 100%; margin: 0; padding: 0;}
	.conversation ul li{ padding: 0; margin: 0; display: block;}
	.conversation ul li a{ width: 100%; margin: 5px 0;}
	
	.conversation h4{ text-align: center !important;}
	.certs img{ max-width: 100%;height: auto;}

	.footer .frame{ width: 80%; margin: 0 10%;}
	
	/*Home Page*/
	.intro h1{ text-align: center;color: #fff; font-size: 40px; line-height: .9em; text-transform: uppercase; margin-top: 150px;}
.intro h1 b{font-size: 20px; font-weight: 400; letter-spacing: .1em; text-transform:uppercase; line-height: 1.2em; display: block;}
	.productsection .frame{background-color: #fff; min-height: 240px; margin-top: 0px; padding-top: 30px;z-index: 9; width: 100%; margin: 0 0%;margin-top:-200px;}
	
	.productbox ul li{ margin:0; margin-bottom: 14px; padding: 0; display: block; width: 48%; float: left; margin-right: 2%; position: relative }
	.productbox ul li:hover div{ background-color: rgba(255,255,255,0.90); color: #272b34; font-size: 12px; font-weight: 400; line-height: 1.4em; display: block; max-height: 100%;min-height:100%; text-align: left; padding: 20px 15px; position: absolute; top: 0; left: 0; z-index: 2; vertical-align: middle;}
.productbox ul li img{ border: solid 1px #d1d1d1; border-bottom: 0px; max-width:100%; height: auto; width: 100%;}
	.warranty-statement{ padding: 12px 0px 20px; font-size: 12px; float: left; width: 100%;color:#999; text-align: left;}
	.box h3{ font-size: 30px!important;}
	.box h4{ font-size: 20px;}
	.box h3 br{ display: none;}
	
	/*Home Leaders*/
	
	
	/*About Iphone*/
	.tws-header h1{  padding-top:60px; text-transform: none; font-size: 30px; margin-bottom: 0; font-weight: normal; padding-bottom: 0; line-height: 1!important; color: #fff}
	.header-left, .header-right{ min-width: 100%; float:left; min-height: 600px; background-position: center top; background-repeat: no-repeat;}
	.header-left{background-size: 600px; min-height: 275px;max-height: 275px;}
	.header-right{ min-height: auto; height: auto; padding-bottom: 60px;}
	.tws-page { font-size: 14px;}
	.tws-page h2{ font-size: 20px;}
	.tws-page h3{font-size: 20px;}
	.about ul li{ width: 100%; margin-right: 0%; float: left; display: inline-block; list-style: circle; line-height: 1.2em; padding-bottom: 7px;}
	/*Sub Products*/
	.productframe .frame .productleft{ width: 100%; float:left; padding-left: 0%;}
.productframe .frame .productlist{ width: 90%; float: left; margin: 0 5%; padding-right: 0px;}
.the-product{width: 100%; float: left; display: block; position: relative; min-width: 100%!important}
.the-info{width: 100%; float: left;display: block;position: relative; padding-right: 0px;  font-weight: 500; padding-bottom: 0!important;}	
.the-links{width: 100%; float: left;display: block;position: relative;}
	
/*Sub Category Page*/
    a.learn{ margin-bottom: 7px!important;}
    .blackcta{margin-top: 0!important;}

	/*News*/

	/*Events*/
	.event-list td:nth-child(1){ width: 100%;display: block; float: left; border-right: solid 1px #d1d1d1; border-bottom: solid 0px;}
	.event-list td:nth-child(2){width: 100%;display: block; float: left;border-bottom: solid 0px; }
	.event-list td{padding: 20px;}
	/*Careers*/
	.careers td .cta{  text-align: center!important}
	/*Single Job*/
	.opening{ border: solid 1px #d1d1d1; padding: 20px;}
	/*Sales*/
	ul.sales li div{  max-height: 250px!important; height: 250px; overflow: hidden!important}
	/*Salesmap*/
	.salesmap h1{ padding-top: 150px;}
	.us{ padding: 50px 0 60px;}
	/*Marketing List*/
    ul.marketing-list { background-color:#fff; padding: 0; margin: 0; list-style: none!important; display: flex!important; flex-wrap: wrap!important;}
ul.marketing-list li{ width: 48.95%; border: solid 1px #ccc; padding:10px; margin-right: 1%; margin-bottom: 20px; list-style: none!important;}
	.resources{ width: 100%; margin-right: 0%; float:left;}
  
	  .allproducts{ min-height: 110px; background-color: #272b34; min-width: 100%!important; float: left;}
.allproducts h1{ font-size: 30px; margin-top: 70px; text-transform:none!important;  }

}


/**
 * 15.0 - Print
 */

@media print {
	form,
	button,
	input,
	select,
	textarea,
	.navigation,
	.main-navigation,
	.social-navigation,
	.sidebar,
	.content-bottom-widgets,
	.header-image,
	.page-links,
	.edit-link,
	.comment-respond,
	.comment-edit-link,
	.comment-reply-link,
	.comment-metadata .edit-link,
	.pingback .edit-link {
		display: none;
	}

	body,
	blockquote cite,
	blockquote small,
	pre,
	.entry-content h4,
	.entry-content h5,
	.entry-content h6,
	.entry-summary h4,
	.entry-summary h5,
	.entry-summary h6,
	.comment-content h4,
	.comment-content h5,
	.comment-content h6,
	.entry-content .author-title {
		font-size: 12pt;
	}

	blockquote {
		font-size: 14.25pt;
	}

	.site-title,
	.page-title,
	.comments-title,
	.entry-content h2,
	.entry-summary h2,
	.comment-content h2,
	.widecolumn h2 {
		font-size: 17.25pt;
	}



	.entry-title {
		font-size: 24.75pt;
		line-height: 1.2727272727;
		margin-bottom: 1.696969697em;
	}

	.format-aside .entry-title,
	.format-image .entry-title,
	.format-video .entry-title,
	.format-quote .entry-title,
	.format-gallery .entry-title,
	.format-status .entry-title,
	.format-link .entry-title,
	.format-audio .entry-title,
	.format-chat .entry-title {
		font-size: 17.25pt;
		line-height: 1.304347826;
		margin-bottom: 1.826086957em;
	}

	.entry-content h1,
	.entry-summary h1,
	.comment-content h1 {
		font-size: 21pt;
	}

	.entry-content h3,
	.entry-summary h3,
	.comment-content h3,
	body:not(.search-results) .entry-summary {
		font-size: 14.25pt;
	}

	.site-description,
	.author-bio,
	.entry-footer,
	.sticky-post,
	.taxonomy-description,
	.entry-caption,
	.comment-metadata,
	.comment-notes,
	.comment-awaiting-moderation,
	.site-info,
	.wp-caption .wp-caption-text,
	.gallery-caption {
		font-size: 9.75pt;
	}

	body,
	.site {
		background: none !important; /* Brute force since user agents all print differently. */
	}

	body,
	blockquote cite,
	blockquote small,
	.site-branding .site-title a,
	.entry-title a,
	.comment-author {
		color: #1a1a1a !important; /* Make sure color schemes don't affect to print */
	}

	blockquote,
	.page-header,
	.comments-title {
	 /* Make sure color schemes don't affect to print */
	}

	blockquote,
	.site-description,
	body:not(.search-results) .entry-summary,
	body:not(.search-results) .entry-summary blockquote,
	.author-bio,
	.entry-footer,
	.entry-footer a,
	.sticky-post,
	.taxonomy-description,
	.entry-caption,
	.comment-author,
	.comment-metadata a,
	.comment-notes,
	.comment-awaiting-moderation,
	.site-info,
	.site-info a,
	.wp-caption .wp-caption-text,
	.gallery-caption {
		color: #686868 !important; /* Make sure color schemes don't affect to print */
	}

	code,
	hr {
		background-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */
	}

	pre,
	abbr,
	acronym,
	table,
	th,
	td,
	.author-info,
	.comment-list article,
	.comment-list .pingback,
	.comment-list .trackback,
	.no-comments {
		border-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */
	}

	a {
		color: #007acc !important; /* Make sure color schemes don't affect to print */
	}

	.entry-content a,
	.entry-summary a,
	.taxonomy-description a,
	.comment-content a,
	.pingback .comment-body > a {
	
	}

	

	.site-inner {
		max-width: none;
	}

	.site-header {
		padding: 0 0 1.75em;
	}

	.site-branding {
		margin-top: 0;
		margin-bottom: 1.75em;
	}

	.site-main {
		margin-bottom: 3.5em;
	}

	.entry-header,
	.entry-footer,
	.page-header,
	.page-content,
	.entry-content,
	.entry-summary,
	.post-thumbnail,
	.comments-area {
		margin-right: 0;
		margin-left: 0;
	}

	.post-thumbnail,
	.site-main > article {
		margin-bottom: 3.5em;
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		border-width: 4px 0 0 0;
		padding: 0.9473684211em 0 0;
		width: -webkit-calc(50% - 0.736842105em);
		width: calc(50% - 0.736842105em);
	}

	body:not(.search-results) .entry-header + .entry-summary {
		margin-top: -1.473684211em;
	}

	.site-footer,
	.widecolumn {
		padding: 0;
	}
}