/*
Theme name: AGS
Description: Custom Theme
*/

/******* AGS WordPress CSS *******/

div.content.full-width p,
div.content .product-category.description p {margin-bottom: 20px;}
.product-category.description p {font-family: 'Erato', sans-serif;}
.product-category.description img {float:left;padding-right: 10px;padding-bottom: 10px;}
.product-category.description:after {
    content: "";
    clear: both;
    display: block;
}
.product-category.description.product-list:after {
    border-bottom: 2px dotted #939393;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.product-category .row {width:100%;clear:both;overflow:auto;padding-bottom:20px}
  .product-category .row h2 {
    color: #ec1f27;
    font-size: 20px;
    padding-bottom: 22px;
  }
  .product-category .row p,.product-category .row ul {font-family: 'Erato', sans-serif}
  .product-category .landing-50 {width: 47.5%;padding-right: 2.5%;float:left}
  .product-category .landing-50.right {padding-right:0}
  .product-category .row ul {padding-left: 18px}

.notice-warning {
  background: linear-gradient(#ffdc72, #ffbf00);
  border: 1px solid #f2b600;
  border-bottom-color: #c90;
  border-radius: 6px;
  padding: 10px 16px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}
.notice-close {
  background: #ffdc72;
  background: rgba(255, 255, 255, .5);
  border-radius: 50%;
  box-shadow: inset 0 1px 2px rgba(178, 133, 0, .9), inset 0 -1px 2px rgba(255, 255, 255, .25);
  color: #b28500;
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  height: 24px;
  float: right;
  text-align: center;
  transition: color .15s ease;
  width: 24px;
}
.notice-close:hover {
  color: #8c6900;
}

/* Common elements styling */
.post .entry h1 { font-size: 20px; line-height: 30px}
.post .entry h2 { font-size: 18px; line-height: 27px}
.post .entry h3 { font-size: 16px; line-height: 24px}
.post .entry h4 { font-size: 14px; line-height: 21px}
.post .entry h5 { font-size: 12px; line-height: 18px}
.post .entry h6 { font-size: 10px; line-height: 15px}

.post .entry ul { margin-left: 25px; }
.post .entry ol { margin-left: 25px; }
.post .entry a img { border: 0 }

p img { padding: 0;	max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 2px 0 2px 7px; display: inline; }
img.alignleft { margin: 2px 7px 2px 0; display: inline; }
.alignright { float: right; display: inline; }
.alignleft { float: left; display: inline; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Calendar widget */
#wp-calendar { empty-cells: show; margin: 10px auto 0; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; } 

.postmetadata { padding: 10px 0; }

/******* /AGS WordPress CSS *******/


* { margin: 0; padding: 0; outline: 0; }

html,
body { height: 100%; }

html { overflow-y: scroll; }

body { font-size: 16px; line-height: 1.3; font-family: 'Asap', sans-serif; color: #000; background: url(images/bg.png) repeat 0 0; min-width: 1180px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; }

a { color: #ec1f27; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }
img { vertical-align: middle; }

h1,
h2,
h3,
h4,
h5,
h6 { font-weight: normal; line-height: 1.2; }

h1 { font-size: 38px; }
h2 { font-size: 28px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

em { font-style: normal; font-family: 'AsapIt', sans-serif; }
strong { font-weight: normal; font-family: 'AsapBold', sans-serif; }
strong em { font-family: 'AsapBoldIt', sans-serif; }

input, 
textarea, 
select { font-size: 16px; font-family: 'Asap', sans-serif;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
textarea { overflow: auto; resize: none; }
input[type="text"],
input[type="email"],
input[type="password"],
input[type="submit"] { -webkit-appearance: none; }

::-webkit-input-placeholder { color: #000; }
:-moz-placeholder { color: #000; }
::-moz-placeholder { color: #000; }
:-ms-input-placeholder { color: #000; }

/* =====================================================
	#Common
====================================================== */

.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.left, .alignleft { float: left; }
.right, .alignright { float: right; }

.tg  {width:99%;border-collapse:collapse;border-spacing:0;margin:0px auto 20px auto;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg .tg-l1mx{font-weight:bold;font-size:16px;background-color:#c0c0c0;text-align:center}
.tg .tg-s6z2{text-align:center}
.tg .tg-ipa1{font-weight:bold;background-color:#c0c0c0;text-align:center}
.tg .tg-8xqh{font-weight:bold;background-color:#c0c0c0}

.wrapper { min-height: 100%; position: relative; overflow: hidden; }
.container { padding-bottom: 131px;
    -webkit-transition: .5s;
            transition: .5s;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
}
.shell { width: 1120px; margin: 0 auto; }
.shell-narrow { width: 850px; margin: 0 auto; }

.background { position: relative; overflow: hidden; }
.background-image { position: absolute; }

body .button, 
.red-button,
#place_order,
body.woocommerce .button { display: inline-block; background-color: #B21015 ; border: 2px solid #B21015; border-radius: 5px; color: #fff; font-size: 14px; line-height: 1.2; text-align: center; cursor: pointer; padding: 9px 18px;
    -webkit-transition: .2s;
            transition: .2s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

#place_order { display: inline-block; background: #ec1f27 !important; border: 2px solid #ec1f27; border-radius: 5px; color: #fff; font-size: 14px; line-height: 1.2; text-align: center; cursor: pointer; padding: 9px 18px; text-shadow: none; font-weight: normal;
    -webkit-transition: .2s;
            transition: .2s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;}
#place_order:hover { background-color: transparent !important; text-decoration: none; color: #ec1f27; }
.button-small { padding: 5px 20px; }
.button-black { background-color: #000; border-color: #000; }
.button-grey { background-color: #a2a2a2; border-color: #a2a2a2; color: #000; }
.button:hover, .red-button:hover{ background-color: transparent; text-decoration: none; color: #ec1f27; }
.button-black:hover { color: #000; }
.button-grey:hover { color: #a2a2a2; }

.button i, .red-button i { display: inline-block; vertical-align: middle; margin: 0 -8px 0 8px; }
.button-open i { background-image: url(images/arrow-down.png); width: 13px; height: 8px; }
.button-close i { background-image: url(images/arrow-up.png); width: 13px; height: 8px; }

.button-mobile { display: none; }

a,
.searchsubmit {
	-webkit-transition: opacity .2s;
	        transition: opacity .2s;
}

/* =====================================================
	#Header
====================================================== */

.utilities { background: #000 url(images/circles-bar.png) repeat-y 0 0; padding: 9px 0 8px; position: relative; z-index: 3; }

.utility-nav { float: right; list-style: none outside none; font-size: 14px; }
.utility-nav li { float: left; }
.utility-nav li + li { margin-left: 20px; }
.utility-nav a { display: inline-block; color: #fff; margin-top: 3px; }
.utility-nav .red a { display: block; background-color: #B21015; padding: 2px 14px 3px; border-radius: 4px; margin-top: 0; }
.utility-nav .red a:hover { opacity: .7; text-decoration: none; }
.utility-nav .mobile-menu { display: none; }

.header { background-color: #fff; padding: 13px 0 5px; box-shadow: 0 2px 7px rgba(0, 0, 0, .3); position: relative; z-index: 2; }

.logo { float: left; width: 67px; }
.logo a { display: inline-block; }
.logo img { width: 100%; height: auto; }

.top-cart { float: right; background: url(images/icon-cart.png) no-repeat 0 0; background-size: cover; width: 33px; height: 27px; position: relative; margin: 22px 0 0 29px; }
.top-cart span { background-color: #ec1f27; border-radius: 50%; width: 16px; height: 16px; line-height: 16px; text-align: center; font-size: 10px; font-family: 'AsapBold', sans-serif; color: #fff; position: absolute; top: -3px; left: -5px; }

.searchform { margin: 20px; position: relative; }
.searchform input[type="text"] { border: 1px solid #b7b7b7; color: #000; border-radius: 10px; width: 100%; height: 48px; padding: 0 14px; }
.searchform-container .searchsubmit { position: relative; }

.searchform-container { float: right; position: relative; margin: 25px 0 0 29px; z-index: 1; }
.searchform-container .searchform { margin: 0; }
.searchform-container .searchsubmit { width: 23px; height: 23px; }
.searchform-container input[type="text"] { border: 0; border-radius: 0; box-shadow: inset 0 0 0 1px #ccc; position: absolute; top: -5px; right: calc(100% + 10px); width: 0; height: 33px; padding: 0;
    -webkit-transition: .3s;
            transition: .3s;
}
.searchform-container.open input[type="text"],
.sidebar .searchform-container input[type="text"] { width: 200px; padding: 0 10px; }
.sidebar .widget_search { overflow: hidden; }
.searchform ::-webkit-input-placeholder { color: #000; }
.searchform :-moz-placeholder { color: #000; }
.searchform ::-moz-placeholder { color: #000; }
.searchform :-ms-input-placeholder { color: #000; }

.searchsubmit { display: block; background: url(images/icon-search.png) no-repeat center center; border: 0; background-size: 22px 22px; cursor: pointer; width: 48px; height: 48px; position: absolute; top: 0; right: 0; z-index: 1; }
.searchsubmit:hover { opacity: .7; }

.nav-btn { float: left; display: none; width: 33px; }
.nav-btn span { display: block; background-color: #303030; height: 6px; border-radius: 4px; }
.nav-btn span + span { margin-top: 4px; }

.nav { float: right; margin-top: 28px; letter-spacing: .5px; }
.nav ul { list-style: none outside none; }
.nav li { float: left; position: relative; }
.nav li + li { margin-left: 22px; }
.nav a { display: block; color: #000; padding-bottom: 23px; }
.nav li:hover > a,
.nav .current-menu-item > a,
.nav .current-menu-parent > a { color: #B21015; text-decoration: none; }

.nav li:hover > ul { opacity: 1; visibility: visible;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
}
.nav ul ul { background-color: #fff; border-top: 5px solid #ec1f27; box-shadow: 0 6px 7px rgba(0, 0, 0, .3); width: 200px; min-width: 100%; position: absolute; top: 100%; left: 0; opacity: 0; visibility: hidden;
    -webkit-transition: .3s;
            transition: .3s;
    -webkit-transform: translate(0, -30px);
            transform: translate(0, -30px);
}
.nav ul ul:before { content: ''; background: url(images/shadow.png) repeat-x 0 bottom; height: 7px; position: absolute; top: 0; left: 0; right: 0; }
.nav ul ul:after { content: ''; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #fff; position: absolute; top: -5px; left: 50%; margin-left: -3px; }
.nav ul ul li { float: none; }
.nav ul ul li + li { margin-left: 0; border-top: 1px solid #cecece; }
.nav ul ul a { padding: 10px 17px; }
.nav ul ul ul { top: 0; left: 100%;
    -webkit-transform: translate(-30px, 0);
            transform: translate(-30px, 0);
}

.nav-mobile { display: none; background-color: #fff; width: 260px; position: absolute; top: 0; bottom: 0; left: 0; z-index: 4; overflow: auto;
    -webkit-transition: .5s;
            transition: .5s;
    -webkit-transform: translate(-260px, 0);
            transform: translate(-260px, 0);
}
.nav-mobile ul { list-style: none outside none; }
.nav-mobile .open > ul { display: block; }
.nav-mobile a { display: block; color: #ec1f27; font-family: 'AsapBold', sans-serif; padding: 10px 20px; }
.nav-mobile a:hover { text-decoration: none; }
.nav-mobile li { border-top: 1px solid #cecece; }
.nav-mobile ul ul { border-top: 1px solid #ec1f27; margin: 0 20px; }
.nav-mobile ul ul a { color: #000; font-family: 'Asap', sans-serif; }
.nav-mobile ul ul li { border-top: 0;  }
.nav-mobile ul ul ul { display: none; }

/* =====================================================
    #Banner
====================================================== */

.banner { height: 720px; color: #fff; }
.banner h1 { font-size: 60px; text-shadow: 0 0 6px rgba(0, 0, 0, .7); font-family: 'AsapBold', sans-serif; padding: 0 23px 36px; }
.banner .shell { display: table; position: relative; z-index: 1; height: 100%; }
.banner-text { display: table-cell; vertical-align: middle; }

.searchbar { background: url(images/field.png) no-repeat 0 0; height: 65px; margin-right: 25px; position: relative; }
.searchbar:after { content: ''; background: url(images/field.png) no-repeat right 0; width: 25px; height: 65px; position: absolute; top: 0; left: 100%; }

.searchfield { border: 0; background: transparent; border-radius: 10px; width: 100%; height: 65px; padding: 0 40px 0 25px; font-size: 25px; position: relative; z-index: 1; }

.searchbar .searchsubmit { position: absolute; top: 0; right: -25px; width: 65px; height: 65px; z-index: 2; }

/* =====================================================
    #Main
====================================================== */

.main { padding: 52px 0; position: relative; z-index: 0; margin-bottom: 100px;}

.products { text-align: center; font-size: 18px; width: 1036px; margin: 0 auto; }
.products h1 { margin-bottom: 11px; }
.products p { font-family: 'Erato', sans-serif; margin-bottom: 20px; }

.products-links { overflow: hidden; margin: 40px 0 0 -2%; }
.products-links .product-link { float: left; width: 31.33%; margin: 0 0 55px 2%; }
.products-links .product-link .product-link:nth-child(3n) { margin-right: 0; }
.product-link { display: block; position: relative; color: #000; font-size: 20px; }
.product-link-image { display: block; height: 0; width: 100%; padding-bottom: 94%; position: relative; z-index: 1; }
.product-link-image img { border: 1px solid #cecece; position: absolute; top: 0; left: 0;}
.product-link-text { position: absolute; top: 20px; left: 30px; right: 30px; text-align: left; z-index: 2; }
.search-results .product-link-image img { width:100%;height:100% }

.product-link-button,
.product-link-hover { content: ''; background-color: #fff; position: absolute; top: 0; width: 100%; height: 100%; left: 0; z-index: 0; opacity: 0;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform: scale(0);
            transform: scale(0);
}
.product-link-button { background: transparent; z-index: 2; }

.product-link,
.product-link-image,
.product-link-image img,
.product-link-hover,
.product-link-button {
    -webkit-transition: .3s;
            transition: .3s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.product-link:hover { color: #ec1f27; }
.product-link:hover .product-link-button,
.product-link:hover .product-link-hover { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
}
.product-link:hover span.product-link-image {
    -webkit-transform: scale(0.5); transform: scale(0.5);
}
.single-product .product .product-link:hover span.product-link-image {
    -webkit-transform: none; transform: none;
}
.product-link:hover .product-link-image img { border-color: transparent; }

.product-link .red-button, .product-link .button { position: absolute; bottom: 20px; right: 20px; padding: 10px; }

.product-attributes {
    border-collapse: collapse;
    width: 100%;
}
.product-attributes td {
    padding: 7px;
    border-bottom: solid 1px #cccccc;
}
.product-attributes td.attribute-name {
    font-weight: bold;
    width: 40%;
}
.product-attributes tr:last-child td {
    border: none;
}

/* =====================================================
    #Footer
====================================================== */

.footer { background-color: #000; border-top: 8px solid #ec1f27; padding: 23px 0; color: #999; font-size: 14px; position: absolute; bottom: 0; left: 0; right: 0; }
.footer a { color: #999; }

.footer-navbar { float: left; min-width: 50%; margin-bottom: 19px; }

.footer-logo { float: left; width: 50px; margin-right: 33px; }
.footer-logo a { display: inline-block; }
.footer-logo img { width: 100%; height: auto; }

.footer-nav { float: left; width: 460px; margin-top: 4px; }
.footer-nav ul { list-style: none outside none; }
.footer-nav li { float: left; width: 115px; }

.socials { float: right; margin-top: 8px; }
.socials ul { list-style: none outside none; }
.socials li { float: left; }
.socials li + li { margin-left: 27px; }
.socials a { display: inline-block; height: 63px; }
.socials a:hover { opacity: .7; }
.socials img { height: 100%; width: auto; }

.copyright { float: left; min-width: 100%; }

/* ==========================================================================================================
    #Adapter Brake Linkes Page
=========================================================================================================== */

/* subheader */
.subheader { background-color: #ec1f27; color: #fff; padding: 27px 0 25px; }
.subheader h1 { float: left; }

.subheader form.woocommerce-ordering { display: none; }

.sort { float: right; margin-top: 3px; }
.sort .button { float: left; margin-right: 20px; padding: 9px 30px; }
.sort .button-black:hover { background-color: #000; color: #fff; }
.sort .selecter { float: left; width: 175px; }

.selecter-element { *left: -999999px; position: absolute; opacity: 0; }
.selecter { display: block; position: relative; z-index: 1; }
.selecter .selecter-selected { background: #000 url(images/select-arrow.png) no-repeat right center; border-radius: 5px; padding: 11px 47px 11px 15px; position: relative; z-index: 49; }
.selecter .selecter-options { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); display: none; left: 0; margin: 0; max-height: 260px; overflow: auto; overflow-x: hidden; padding: 0; position: absolute; top: 100%; left: 0; right: 0; z-index: 50; }
.selecter .selecter-item { background: #000; border-bottom: 1px solid #666; padding: 9px 15px; }
.selecter .selecter-selected,
.selecter .selecter-item { cursor: pointer; display: block; font-size: 14px; overflow: hidden; margin: 0; white-space: nowrap; text-overflow: ellipsis; color: #fff; line-height: 1.2; }
.selecter .selecter-item.selected { background: #3b3b3b; }
.selecter .selecter-item.last { border-bottom: 0; }

body.search .shop-item { clear: both; }

@media screen and (min-width: 740px) {
    .selecter .selecter-item:hover, 
    .selecter .selecter-item.selected:hover { background-color: #3b3b3b; }
    
    .selecter.disabled .selecter-item:hover { background: #3b3b3b; }
}

/* Open */
.selecter.open { z-index: 3; }
.selecter.open .selecter-selected { z-index: 51; border-radius: 5px 5px 0 0; }


@media screen and (max-width: 500px) {
    .selecter { max-width: 100%; } 
}

/* content */
.content { width: 780px; }
.content-narrow { width: 740px; }
.content.full-width { width: 100%; }
.post ul, .post ol { margin-left: 20px; }
.post p, .post ul, .post ol { padding-bottom: 20px; }


.breadcrumbs { font-size: 13px; margin-bottom: 40px; }
.breadcrumbs ul { list-style: none outside none; }
.breadcrumbs li { float: left; }
.breadcrumbs li + li:before { content: '>'; margin-right: 4px; }
.breadcrumbs li + li { margin-left: 4px; }
.breadcrumbs a { color: #989898; }

.shop-item { border-bottom: 2px dotted #939393; position: relative; padding-bottom: 40px; margin-bottom: 40px; }
.shop-item:before,
.shop-item:after { content: " "; display: table; }
.shop-item:after { clear: both; }
.shop-item:last-child { border-bottom: 0; margin-bottom: 0; }
.shop-item .buttons { position: absolute; top: 0; right: 0; }
.shop-item .arrow { position: absolute; top: 30px; right: 0; }

.shop-item-image { float: left; width: 170px; margin-right: 40px; }
.shop-item-text { font-size: 14px; overflow: hidden; padding-right: 160px; }
.shop-item-text h3 { margin-bottom: 10px; }
.shop-item-text h3 a { color: #000; }
.shop-item-text h4 { margin-bottom: 14px; }
.shop-item-text p { margin-bottom: 30px; }
.shop-item-text p strong { font-size: 18px; color: #ec1f27; }
.shop-item-text p:last-child { margin-bottom: 0; }
.shop-item-image .product-link { width: 100%; margin-bottom: 0; }

.buttons .red-button { width: 140px; }
.buttons .red-button + .red-button { margin-left: 30px; }
.buttons-vertical .red-button { display: block; }
.buttons-vertical .red-button + .red-button { margin: 15px 0 0; }

.buttons-vertical form { display: none; }

.arrow { display: inline-block; border: 3px solid #000; width: 48px; height: 48px; border-radius: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.arrow:before { content: ''; background-color: #2f2f2e; position: absolute; top: -2px; left: -2px; bottom: -2px; right: -2px; border-radius: 50%; opacity: 0; visibility: hidden;
    -webkit-transition: .3s;
            transition: .3s;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
}
.arrow:after { content: ''; background: url(images/arrow.png) no-repeat center 9px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }
.arrow:hover:after { background-position: center -91px; }
.arrow:hover:before { opacity: 1; visibility: visible;
    -webkit-transform: scale(1);
            transform: scale(1);
}

.shop-small .shop-item { border-bottom: 0; }
.shop-small .shop-item-image { width: 140px; }
.shop-small .shop-item-text { font-family: 'Erato', sans-serif; font-size: 16px; padding-right: 100px; }
.shop-small .shop-item-text h4 { font-family: 'Asap', sans-serif; }

/* sidebar */
.sidebar { width: 320px; }
.sidebar-narrow { width: 240px; }
.widgets { list-style: none outside none; }
.widgetbody { padding: 11px 17px; }
.widget + .widget { margin-top: 30px; }

.widget_nav_menu { padding: 14px; border: 1px solid #cecece; border-width: 1px 0; }


.sidebar-narrow > ul > li h2.widgettitle { border-bottom: 1px solid #cecece; padding-bottom: 5px; }
.sidebar-narrow > ul > li a { padding: 0 5px; color: #000;}
.sidebar-narrow > ul > li ul { list-style: none; }
.sidebar-narrow > ul > li ul li { padding: 10px 0; }

.widget_nav_menu ul { list-style: none outside none; }
.widget_nav_menu li { padding: 10px 0; }
.widget_nav_menu a { padding: 0 5px; color: #000; }

.widget_nav_menu .current-menu-parent > ul { display: block; }
.widget_nav_menu ul ul { display: none; border: 1px solid #B21015; border-width: 1px 0; padding-left: 18px; margin: 10px 0 -10px; }

#menu-photo-galleries .sub-menu { display: block; }
.gallery-page h6 {
color: #000!important;
font-size: 22px;
font-weight: normal!important;
line-height: 1.2;
}

.widget_nav_menu a:hover { color: #ec1f27; text-decoration: none; }
.widget_nav_menu .current-menu-parent > a,
.widget_nav_menu .current-menu-item > a { color: #B21015; font-family: 'AsapBold', sans-serif; }

.widget_cart { position: relative; }
.widget_cart .widgethead { background-color: #000; padding: 6px 17px; color: #fff; overflow: hidden; }
.widget_cart .widgetbody { display: none; background-color: #fff; border-bottom: 44px solid #000; }
.widget_cart.open .widgetbody { display: block; }
.widget_cart.open .button-open { display: none; }
.widget_cart .button-close { position: absolute; bottom: 6px; right: 17px; }

.widgethead .widgettitle { float: left; padding-top: 5px; min-height: 25px; }
.widgethead .button-open { float: right; }

.widget_cart table { font-size: 14px; margin-bottom: 25px; }
.widget_cart table img { border: 1px solid #cecece; width: 72px; height: 68px; }
.widget_cart table h6 { font-family: 'AsapBold', sans-serif; }
.widget_cart th { font-size: 12px; font-weight: normal; padding-bottom: 9px; }
.widget_cart td { vertical-align: top; }
.widget_cart td:nth-child(2n) { padding: 0 10px; }
.widget_cart td:last-child { text-align: center; }

.widget_cart footer { text-align: center; margin-bottom: 7px; }

.widget_summary table { width: 100%; }
.widget_summary td { padding-top: 16px; }
.widget_summary td:last-child { text-align: right; }
.widget_summary tfoot td { font-family: 'AsapBold', sans-serif; }

.widget_total .widgetbody { display: block; border-bottom: 0; padding: 22px 22px 30px; }
.widget_total { text-align: center; font-size: 26px; }
.widget_total p { padding-bottom: 15px; word-spacing: 20px; font-family: 'AsapBold', sans-serif; }

.item_variation_desc,
.widget_cart .item_variation_desc {
    color:#797979;
    font-weight:normal;
    font-size:smaller;
}

/* ==========================================================================================================
    #Product Page
=========================================================================================================== */

body .content .product { margin-bottom: 23px; }
.product-images { float: left; width: 420px; margin-right: 28px; }
.product-images .product-link { margin-bottom: 21px; }
.product-images .product-link:before { content: ''; background: url(images/icon-zoom.png) no-repeat 0 0; width: 24px; height: 24px; position: absolute; top: 25px; right: 25px; z-index: 4; }

.product-thumbs { overflow: hidden; margin-left: -4%; }
.product-thumb { float: left; border: 1px solid #cecece; width: 21%; margin-left: 4%;
    -webkit-transition: .2s;
            transition: .2s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.product-thumb span { display: block; height: 0; padding-bottom: 94%; position: relative; }
.product-thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.product-thumb:hover { background-color: #fff; border-color: #fff; }

.product-info { overflow: hidden; font-size: 14px; }
.product-info h3 { font-family: 'AsapBold', sans-serif; color: #ec1f27; margin-bottom: 3px; }
.product-info p { margin-bottom: 20px; }
.product-info .buttons { padding-top: 7px; }

.tabs { margin-bottom: 30px; }
.tabs-nav { text-align: center; }
.tabs-nav ul { list-style: none outside none; overflow: hidden; }
.tabs-nav li { float: left; }
.tabs-nav li + li { margin-left: 4px; }
.tabs-nav a { display: block; background-color: #646464; min-width: 153px; color: #fff; padding: 15px 10px 12px;
    -webkit-transition: .2s;
            transition: .2s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.tabs-nav .current a { background-color: #fff; color: #000; }
.tabs-nav .current a:hover { background-color: #fff; cursor: default; }
.tabs-nav a:hover { text-decoration: none; background-color: #333; }

.tabs-cnt { background-color: #fff; padding-bottom: 16px; }
.tab { display: none; padding: 33px; }
.tab p { margin-bottom: 10px; }
.tab :last-child { margin-bottom: 0; }
.tab ul { padding-left: 30px; }
.tab:first-child { display: block; }

.pdf-link { display: block; background-color: #dbdbdb; color: #000; font-family: 'AsapIt', sans-serif; font-size: 14px; padding: 17px 33px;
    -webkit-transition: .2s;
            transition: .2s;
}
.pdf-link:hover { text-decoration: none; background-color: #999; }
.icon-pdf { display: inline-block; background: url(images/icon-pdf.png) no-repeat 0 0; background-size: cover; width: 37px; height: 36px; vertical-align: middle; margin-right: 16px; }

.features { margin-bottom: 40px; }
.features h4 { margin-bottom: 20px; }
.features-inner { margin-left: -3%; overflow: hidden; }
.feature { float: left; width: 22%; margin-left: 3%; text-align: center; font-size: 14px; }
.feature .product-link { margin-bottom: 18px; }
.feature h6 a { color: #000; font-weight:normal; font-family: 'Erato' }

.page-socials { border-top: 2px dotted #939393; text-align: center; padding: 29px 0 20px; }
.page-socials ul { list-style: none outside none; }
.page-socials li { display: inline-block; margin: 0 21px; }
.page-socials a { display: inline-block; color: #000;
    -webkit-transition: .2s;
            transition: .2s;
}
.page-socials a:hover { text-decoration: none; color: #2caae1; }
.page-socials .page-socials-facebook a:hover { color: #3b5998; }
.page-socials .page-socials-mail a:hover { color: #646464; }
.page-socials i { display: inline-block; height: 26px; vertical-align: middle; position: relative; top: -3px; margin-right: 10px; }
.page-socials img { display: block; height: 100%; width: auto;
    -webkit-transition: .2s;
            transition: .2s;
}
.page-socials .icon-hover { opacity: 0; visibility: hidden; }
.page-socials a:hover img { opacity: 0; height: 0; }
.page-socials a:hover .icon-hover { opacity: 1; visibility: visible; height: 100%; }

/* ==========================================================================================================
    #Sign In Page
=========================================================================================================== */

.box, 
body form.login,
body form.register { background-color: #fff; padding: 40px !important; width: 260px; margin: 0 auto; }

body form.register { width: 400px; }
.box .button { width: auto; padding: 14px; }

form.login .form-row { margin-bottom: 15px;}
.form-row { margin-bottom: 22px; }
.form-footer { padding-top: 7px; text-align: center; }
.form-footer .red-button { padding: 9px 30px; float: left; }
.form-footer .checkbox { float: right; color: #898989; font-size: 14px; padding-top: 10px; }
.form .form-footer { text-align: left; } 
.form .button { padding: 14px 22px; }
.field-label { display: block; font-size: 16px; margin-bottom: 8px; }
.field-label small { float: right; color: #898989; font-size: 14px; }

body .input-text,
.field,
.woocommerce-page .quantity input.qty,
.gfield input { display: block; background-color: #f6f6f6; border: 1px solid #efefef !important; border-radius: 5px !important; width: 100%; height: 46px !important; padding: 0 10px; }
.field-tiny { width: 42px; text-align: center; }
.woocommerce-page .cart-item .quantity { float: right; }

.woocommerce-page .quantity input.minus,
.woocommerce-page .quantity input.plus { height: 23px !important; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.gform_heading { display: none; }
.gform_fields { list-style: none outside none; }
.gfield { position: relative; margin-bottom: 24px; }
.gfield_label { line-height: 1.2; position: absolute; top: 14px; left: 11px; cursor: text; }
.gfield_label.hidden { display: none; }

.checkbox { cursor: pointer; }
.checkbox span { display: inline-block; background: url(https://agscompany.com/wp-content/uploads/2020/03/checkbox2.png) no-repeat 0 bottom; width: 28px; height: 28px; vertical-align: bottom; position: relative; top: -3px; }
.woocommerce-page .checkbox span {
    display: inline-block;
    background: url(https://agscompany.com/wp-content/uploads/2020/03/checkbox2.png) no-repeat 0 bottom;
    width: 300px;
    height: 28px;
    vertical-align: bottom;
    position: relative;
    top: -3px;
    padding-left: 40px;
}
.woocommerce form .form-row .required {
    background:none;
}
.woocommerce form .form-row .input-checkbox {display:none;}
.checkbox input:checked + span { background-position: 0 0; }
.checkbox input { display: none; }

.radio span { display: inline-block; background-color: #f6f6f6; box-shadow: 0 0 0 1px #efefef; border: 4px solid #f6f6f6; border-radius: 50%; width: 8px; height: 8px; }
.radio input { display: none; }
.radio input:checked + span { background-color: #000; }

/* ==========================================================================================================
    #Order Summary Page
=========================================================================================================== */

.section { margin-bottom: 35px; }
.section-title { background-color: #000; color: #fff; overflow: hidden; padding: 7px 22px; }
.section-title h5 { float: left; padding-top: 5px; min-height: 25px; }
.section-title .button { float: right; }
.section-title-grey { background-color: #a2a2a2; }

.section-body { background-color: #fff; padding: 22px; }

.section table { width: 100%; }
.section td { vertical-align: top; }
.section tr + tr td { padding-top: 12px; }
.section td:last-child { text-align: right; }
.section .radio span { float: left; margin: 2px 10px 0 0; }
.section .radio small { display: block; margin: 1px 0 0 26px; font-size: 12px; }

.col { width: 48%; }

.form-footer-bottom { clear: both; text-align: center; margin-right: 380px; }

/* ==========================================================================================================
    #Cart Page
=========================================================================================================== */

.cart-item:before,
.cart-item:after { content: " "; display: table; }
.cart-item:after { clear: both; }
.cart-item { position: relative; padding-bottom: 22px; margin-bottom: 22px; border-bottom: 2px dotted #939393; }
.cart-item .product-link-hover { border: 1px solid #cecece; }
.cart-item:last-child { border-bottom: 0; margin-bottom: 0; }
.cart-item-image { float: left; width: 145px; margin-right: 30px; }
.cart-item-text { overflow: hidden; padding-right: 120px; }
.cart-item-text p { margin-bottom: 10px; }
.cart-item-text h5 { margin-bottom: 20px; }
.cart-item-text h5 a { color: #000; }

.cart-item-footer { position: absolute; top: 0; right: 0; text-align: right; min-height: 100px; padding-bottom: 35px; }
.cart-item-footer .field-tiny { display: inline-block; height: 35px; margin-bottom: 9px; }
.cart-item-footer .button { position: absolute; bottom: 0; right: 0; color: #fff; }
.cart-item-footer .button:hover { color: #666; }
.cart-item-footer p { margin-bottom: 10px; }

.cart-total { margin: 0 -22px -22px; padding: 15px 22px; border-top: 2px dotted #939393; }

/* =====================================================
    #Slider
====================================================== */

.slider { position: relative; margin-bottom: 80px; height: 360px; }
.slides { zoom: 1; list-style: none outside none; }
.slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.slide { display: none; -webkit-backface-visibility: hidden; position: relative; height: 360px; }
.slide img { width: 100%; height: auto; max-width: initial; }

.slide-text-outer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.slide-text { display: table; width: 100%; height: 100%; text-align: center; color: #fff; font-family: 'AsapBold', sans-serif; }
.slide-text h2 { font-size: 36px; margin-bottom: 13px; }
.slide-text .red-button:hover { color: #ec1f27; }
.slide-text-inner { display: table-cell; vertical-align: middle; }

.flex-viewport { max-height: 2000px;
    -webkit-transition: all 1s ease;
            transition: all 1s ease;
}
.loading .flex-viewport { max-height: 300px; }

/* Direction Nav */
.flex-direction-nav { list-style: none outside none; height: 0; }
.flex-direction-nav a { background: url(images/slider-arrows.png) no-repeat 0 0; background-size: 100% auto; width: 43px; height: 43px; position: absolute; top: 50%; margin-top: -22px; z-index: 2; text-indent: -4000px; white-space: nowrap; overflow: hidden; }
.flex-direction-nav .flex-prev { left: 30px; }
.flex-direction-nav .flex-next { right: 30px; background-position: 0 bottom; }
.flex-direction-nav .flex-disabled { display: none; }

/* =====================================================
    Pages from old site, content styling
====================================================== */

ul.marketing {list-style-type:none}
.marketing li{ width:165px; height:259px; float:left; }
.marketing li.pad{ margin:0 12px 0 0; }
.marketing li a{ font-weight:bold; font-size:10px; float:right; font-style:italic; text-decoration:none; padding:0 2px 0 0; }
.marketing li a:hover{ text-decoration:underline; }

.contentheading{ background:#b3b5b7; padding:10px; color:#000; font-weight:bold; margin:0 0 10px; }
.content h6{ font-weight:bold; padding:4px; color:#fff; margin:0 0 12px 0; }
.content .column-1{ width:518px; }
.content .column-2{ width:343px; float:left; }
.content .column-3{ width:352px; float:right; }

.page-id-56 .content .column-2 {width:100%!important}

div.vendor {
	overflow: hidden;
	padding: 0px 0px 25px 0px;
    float: left;
}
div.vendor img {
	float: left;
}
div.vendor p {
	float: left;
	padding: 0px 0px 0px 10px;
}

/* =====================================================
    Resources - Catalogs
====================================================== */

.marketing li.pad {
    margin-right: 6.3%;
    height: 400px;
}
.marketing li.pad a {
    display: block;
    float: initial;
}
.marketing li.pad:last-of-type {
    margin-right:0;
}
.marketing li.pad h6 {
    text-align: center;
    margin:0 0 10px 0;
}
.marketing li.pad h6 a {
    background: red;
    display: inline-block;
    padding: 10px 30px;
    color: #FFF;
    text-decoration: none;
    font-style: normal;
    border-radius: 5px;
    text-align: center;
    float: initial;
    margin: auto;
    font-size: 14px;
    margin-bottom: 10px;
}
.marketing li.pad h6 a:hover {
    text-decoration: none;
}
.marketing li h6 span {
    text-align:center;
    float: initial;
    display: block;
    margin: 0 0 15px 0;
}

/* =====================================================
    Resources - Logos
====================================================== */

.hide-desktop {
    display: none;
}
.company {
    padding: 35px 0;
    border-bottom: 1px dotted #CCC;
    margin-bottom: 35px;

}
.company .list {
    width: 64%;
    margin-right: 0;
}
.company .company-logo {
    padding: 25px;
    border: 1px solid #ccc;
    float: initial;
    width: 20%;
}
.company .company-logo img {
    max-width: 100%;
}
.company .name {
    font-size: 22px;
    margin-bottom: 15px;
}
.company .company-logo, .company .list {
    display:inline-block;
    vertical-align:top;
}
.company .logos a {
    padding: 10px 15px;
    border-radius: 5px;
    background: red;
    margin-right: 9px;
    color: #FFF;
    display: inline-block;
    margin-bottom: 10px;
}
.company .logos a:hover {
    text-decoration: none;
}

/* =====================================================
    Affiliations Page
====================================================== */
.affiliations-table div {float: left;}
.affiliations-table > div {margin-bottom: 10px;}

/* =====================================================
    Contact Us Page
====================================================== */
.page-id-31 .left { width: 25%; }
.contact-form { width: 73%; margin-left: 2%; }
.contact-dropdown .selecter-selected { color: black; font-size: 16px; padding: 11px 10px 0; height: 28px; background: #f6f6f6 url(images/select-arrow.png) no-repeat right center; }
.contact-dropdown .selecter-item { background: #f6f6f6; color: black }
.contact-dropdown .selecter-item:hover { color: white }
.contact-dropdown .selecter-item.selected { color: white }
#gform_2 .selecter-element { color: black; z-index: 10; }
#gform_2 textarea { border: none; width:100%; padding: 14px 0 0 10px; background: #f6f6f6; }

/* =====================================================
    #Popup
====================================================== */

.fancybox-wrap .fancybox-inner { height: 630px !important; }
.popup { display: none; background-color: #fff; width: 446px; margin: 0 auto; border-radius: 5px; box-shadow: 0 0 0 13px rgba(0, 0, 0, .85); position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.newsletter .button { display: block; width: 100%; height: 60px; }
.newsletter .gfield input { height: 60px; font-size: 20px; padding: 0 20px; }
.newsletter .gfield_label { font-size: 20px; top: 18px; left: 21px; color: #b8b8b8; }
.newsletter .gform_wrapper { margin-bottom: 14px; }
.newsletter h2 { font-size: 43px; font-family: 'AsapBold', sans-serif; line-height: 1; margin-bottom: 40px; }
.newsletter p { text-align: center; }
.newsletter p a { color: #929292; text-decoration: underline; }
.newsletter p a:hover { text-decoration: none; }

.mfp-content .popup { display: block; }

.nowrapper .fancybox-skin {
  background: none!important; 
  box-shadow: none!important;
  -webkit-box-shadow:none!important;
}
.nowrapper .fancybox-skin .special.popup {margin-top:12px}

/* Magnific Popup CSS */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }

.mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } 
.mfp-preloader a { color: #cccccc; } 
.mfp-preloader a:hover { color: white; }

.mfp-s-ready .mfp-preloader {display: none; }
.mfp-s-error .mfp-content { display: none; }

button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; }
button::-moz-focus-inner { padding: 0; border: 0; }
button.mfp-close { background: #000; color: #fff; opacity: 1; }
.mfp-close-btn-in .mfp-close { color: #fff; }

.mfp-figure .mfp-close { right: -30px; top: 10px; }

.mfp-close { background-color: #000; border-radius: 50%; width: 40px; height: 40px; line-height: 40px; position: absolute; right: -34px; top: -34px; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 20px; font-weight: bold; font-style: normal; color: #fff; } 
.mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); }

.mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; }

.mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } 
.mfp-arrow:active { margin-top: -54px; } 
.mfp-arrow:hover, 
.mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } 
.mfp-arrow:before, 
.mfp-arrow:after, 
.mfp-arrow .mfp-b, 
.mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } 
.mfp-arrow:after, 
.mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } 
.mfp-arrow:before, 
.mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }

.mfp-arrow-left { left: 0; } 
.mfp-arrow-left:after, 
.mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } 
.mfp-arrow-left:before, 
.mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; }

.mfp-arrow-right { right: 0; } 
.mfp-arrow-right:after, 
.mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } 
.mfp-arrow-right:before, 
.mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } 
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } 
.mfp-iframe-holder .mfp-close { top: -40px; }

.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } 
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; }

/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure { line-height: 0; } 
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #fff; } 
.mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } 
.mfp-figure figure { margin: 0; }

.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }
.mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

.woocommerce-result-count { display: none; }
body .woocommerce form .form-row select, 
body.woocommerce-page form .form-row select { width: auto; }

body.woocommerce-page .myaccount_user { padding: 20px 0;  }
body.woocommerce-page .addresses { padding-top: 30px; }
body.woocommerce-page .addresses .address h4 { padding-bottom: 20px; }

.cart-collaterals { padding-top: 30px; }

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals,
.woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator { width: 100%; }
.woocommerce .cart-collaterals .shipping_calculator h2 { float: right; }

.woocommerce-page .cart-collaterals .cart_totals tr th { width: 50%; }
.shipping-calculator-button { font-size: 20px; }

#parts-mycarparts-net { border: 0; }

.product-plug-filter { display: inline-block; min-height: 110px; position: relative; }
.product-plug-filter .crb-filter { max-width: 200px; }
.product-plug-filter .image-wrapper { text-align: center; margin-top: 20px; }
.product-plug-filter .part-number {text-align: center; color: black;}
.product-plug-filter .loading-mask { background: rgba(0,0,0, 0.5) url(images/ajax-spinner.gif) center center no-repeat; width: 70px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.product-plug-filter .loading-mask { background-size: 50px; display: none ;}
.product-plug-filter.loading .loading-mask { display: block; }

.popup.home {
    padding: 30px;
    font-size:36px;
    font-weight: normal;
    font-family: 'AsapBold', sans-serif;
    text-align: center;
}
.popup.home p {
    text-align: left;
    word-wrap: break-word;
}
.popup.home img {
    max-width:100%;
    max-height: 150px;
    width: auto;
    height: auto;
}
.popup.home strong {
    color: #f00;
}
.popup.home .buttons {
    margin-top: 30px
}
.popup.home .button {
    font-size:30px;
    width: 100%;
    float: none;
}
a.popup-close {
    font-size: 16px;
    color: #929292;
    font-weight: normal;
    font-family: 'Asap', sans-serif;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ 
  .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } 
  .mfp-img-mobile img.mfp-img { padding: 0; } 
  .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } 
  .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } 
  .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 
  .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } 
  .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
  .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
  .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
  .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
  .mfp-container { padding-left: 6px; padding-right: 6px; } }

  .mfp-ie7 .mfp-img { padding: 0; }
  .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; }
  .mfp-ie7 .mfp-container { padding: 0; }
  .mfp-ie7 .mfp-content { padding-top: 44px; }
  .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }


/* ==========================================================================================================
    #Media Queries
=========================================================================================================== */

@media (max-width: 1200px) {
    
    body { min-width: 100%; }
    .shell { width: auto; padding: 0 20px; }

    .nav { font-size: 14px; }

    .content { width: 65%; }
    .content-narrow { width: calc(100% - 340px); }

    .sidebar { width: 32%; }
    .sidebar-wide { width: 320px; }

    .products { width: auto; }

    .product-images { width: 250px; }

    body form.register { width: 80%; }

    .checkout input[type=checkbox] { width: 20px; height: 20px; }
}

@media (max-width: 1024px) {
    .header { padding: 13px 0; }

    .logo { float: none; margin: 0 auto; }
    
    .searchform-container { display: none; }

    .nav-btn { display: block; margin-top: 25px; }

    .nav { display: none; }
    .nav-mobile { display: block; }
    .menu-open .nav-mobile {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
    }
    .menu-open .container {
        -webkit-transform: translate(260px, 0);
                transform: translate(260px, 0);
    }

    .product-link .red-button { display: none; left: 20px; right: 20px; }
    .product-link-text { top: 10px; left: 10px; }

    .contact-form { width: 63%; margin-left: 12%; }

    .footer-logo {}
}

@media (max-width: 979px) {
    .shell-narrow { width: auto; padding: 0; }

    .banner h1 { font-size: 50px; }

    .products-links { margin: 40px 0 0; }
    .products-links .product-link { width: 40%; margin: 0 5% 60px; }

    .shop-item { padding-bottom: 20px; margin-bottom: 20px; }
    .shop-item-text { padding-right: 0; }
    .shop-item .product-link { margin-bottom: 10px; }
    .shop-item .buttons { position: static; }

    .shop-small .shop-item-text { padding-right: 0; }
    .shop-item .arrow { position: relative; top: 0; left: 0; right: auto; margin-left: 45px; }

    .buttons-vertical .red-button + .red-button { margin-top: 10px; }

    .cart-item-text { padding-right: 0; }
    .cart-item-image { width: 130px; margin: 0 20px 20px 0; }
    .cart-item-footer { clear: both; float: none; position: relative; text-align: left; min-height: 1px; padding-bottom: 0; overflow: hidden; }
    .cart-item-footer .field { float: left; margin: 0 0 0 40px; }
    .cart-item-footer .button, .cart-item-footer .red-button { float: right; position: static; }
    .cart-item-footer p { float: left; margin: 7px 0 0 70px; }
    
    .product { margin-bottom: 40px; }
    .product-images { float: none; width: auto; margin: 0 0 30px; }
    .product-images img { width:100%;height:100% }
    .product-info .buttons { padding-top: 0; }

    .slide-text h2 { font-size: 24px; }
    .flex-direction-nav .flex-prev { left: 10px; }
    .flex-direction-nav .flex-next { right: 10px; }

    .contact-form { float: left; }
}

@media (max-width: 767px) {
    h1 { font-size: 32px; }
    h3 { font-size: 18px; }

    .utility-nav { float: none; text-align: center; display: table; width: 100%; }
    .utility-nav li { float: none; display: table-cell; width: 30%; padding: 0; vertical-align: middle;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
    .utility-nav li + li { margin: 0; padding: 0; }
    .utility-nav .red { width: 75px; }
    .utility-nav .red a { float: left; padding: 7px 14px 8px; }
    .utility-nav .mobile-menu { display: table-cell; }
    .tollfree { display: none; }

    /*  Popup related items for mobile  */
    .fancybox-wrap { width: 100% !important; left: 0 !important; }
    .fancybox-wrap .fancybox-inner { width: auto !important; height: 806px !important; margin: 0 auto; }
    .popup { width: 80%; box-shadow: 0 0 0 8px rgba(0, 0, 0, .85); padding: 0; }

    .newsletter .button, .newsletter .red-button { display: block; width: 100%; height: 42px; }
    .newsletter .gfield { margin-bottom: 15px; }
    .newsletter .gfield input { height: 42px; font-size: 13px; padding: 0 14px; }
    .newsletter .gfield_label { font-size: 13px; top: 14px; left: 15px; }
    .newsletter .gform_wrapper { margin-bottom: 14px; }
    .newsletter h2 { font-size: 28px; margin-bottom: 25px; }
    .newsletter p { font-size: 12px; }

    .mfp-content .popup { display: block; }

    .mfp-close { font-size: 20px; width: 30px; height: 30px; line-height: 32px; top: -26px; right: -26px; }
    
    .banner { height: 310px; }
    .banner h1 { font-size: 20px; padding: 0 0 20px; }

    .searchbar { height: 48px; background-size: auto 100%; }
    .searchfield { height: 48px; padding: 0 25px 0 15px; font-size: 14px; }
    .searchbar .searchsubmit { width: 48px; height: 48px; }
    .searchbar:after { height: 48px; background-size: auto 100%; }

    .products { font-size: 14px; }
    .products-links .product-link { width: 100%; margin: 0 0 50px; }
    .products-links .product-link-image img { height:100%;width:100% }

    .socials { float: none; text-align: center; margin-bottom: 18px; }
    .socials li { float: none; display: inline-block; }
    .socials li + li { margin-left: 24px; }
    .socials a { height: 53px; }
    .copyright { font-size: 13px; text-align: center; }

    .footer-navbar { float: none; width:350px; overflow: hidden; margin: 0 auto 25px auto; }
    .footer-nav { float: left; width: 200px; margin-top: 0; margin-left: 22%; }
    .footer-logo { display: block; margin: 4px 0 0; }

    .subheader { text-align: center; }
    .subheader h1 { float: none; }
    .sort { float: none; margin-top: 15px; }
    .sort .button { float: left; margin-right: 0; }
    .sort .selecter { float: right; width: 162px; }

    .sidebar { display: none; float: none; width: auto; margin-bottom: 30px; }
    .sidebar-wide { display: block; }

    .content { float: none; width: auto; }

    .shop-item-image { width: 115px; margin-right: 17px; }

    .shop-item .buttons { width: 115px; }
    .shop-item .buttons .button, .shop-item .buttons .red-button { float: left; }
    .shop-item .buttons .button + .button,  .shop-item .buttons .red-button + .red-button { float: right; margin-top: 0; }
    .shop-item .button, .shop-item .red-button { width: 50px; height: 50px; line-height: 50px; padding: 0; border: 0; }
    .shop-item .button:hover { background-color: #ec1f27; }

    .button-desktop { display: none; }
    .button-mobile { display: block; height: 25px; }
    .button-mobile img { height: 100%; width: auto; }
    
    .shop-item-text p { margin-bottom: 20px; }
    .shop-item-text h3 { margin-bottom: 6px; }
    .shop-item-text p strong { font-size: 16px; }

    .shop-small .shop-item-image { margin-bottom: 5px; width: 105px; }
    .shop-item .arrow { margin-left: 27px; }
    .shop-small .shop-item-text { overflow: visible; }

    .container { padding-bottom: 250px; }

    .product-thumbs { margin-left: -3.33%; }
    .product-thumb { width: 30%; margin-left: 3.33%; }

    .buttons .button, .buttons .red-button { float: left; width: 45%; }
    .buttons .button + .button, .buttons .red-button + .red-button { float: right; margin: 0; }

    .tabs-nav li { width: calc(50% - 2px);
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
    .tabs-nav li + li { margin-left: 0; float: right; }
    .tabs-nav a { min-width: 1px; padding: 10px; text-align: center; }

    .pdf-link { display: table; }
    .pdf-link span { display: table-cell; vertical-align: middle; padding-left: 15px; }
    .pdf-link i { display: table-cell; vertical-align: middle; background-size: 37px auto; background-position: 0 center; }

    .features-inner { margin-left: -5%; }
    .feature { width: 45%; margin-left: 5%; }
    .features .product-link-image img { height:100%;width:100% }

    .page-socials { font-size: 14px; }
    .page-socials li { margin: 0 10px; }
    .page-socials i { margin-right: 3px; height: 23px; }

    .cart-item-image { width: 86px; }
    .cart-item-footer .field { margin-left: 0; }
    .cart-item-footer p { margin-left: 20px; }

    .total .buttons .red-button { float: none; }
    
    .box { width: auto; margin: 0 -20px; padding: 50px 33px; }
    .box .buttons .button, .box .buttons .red-button { float: none; width: auto; }
    .box .buttons .button + .button, .box .buttons .red-button + .red-button { margin-top: 20px; }

    .col { float: none; width: auto; }
    .col + .col { margin-top: 30px; }

    .form-footer-bottom { margin-right: 0; }
    
    .slider { height: 250px; }
    .slide { height: 250px; }
    .main > .slider:first-child { margin: -52px 0 20px; }
    .slide-text-inner { padding: 0 50px; }

    .content .contact-form { width: 100%; margin: 0; }

    body form.register, body form.login { width: auto; margin: 0 auto; }
    .subheader .woocommerce-ordering { float: none; display: inline-block; margin: 20px 0 0; }

    .mfp-figure .mfp-close { right: 0; top: 0; }

    .footer-nav { width: 220px; margin-left: 10%; }
    .footer-nav li { width: 110px; }

    .woocommerce .cart-collaterals .cart_totals table, 
    .woocommerce-page .cart-collaterals .cart_totals table  { width: 100%; }

    .woocommerce .cart-collaterals .cart_totals table td, 
    .woocommerce-page .cart-collaterals .cart_totals table td { text-align: right; padding-right: 2px; }
}

@media (max-width: 479px) {
    .utility-nav li { width: calc(50% - 60px); text-align: right; }
    .utility-nav li:nth-child(2) { padding-left: 7px; }
    .utility-nav .red { width: 75px; }
    .hide-desktop {
        display: block;
    }
    .product-category .landing-50 {width: 99%}

    .marketing li.pad {
        width: 100%;
        height: auto;
        float: initial;
        margin: 0 3.65%;
        margin-bottom: 20px;
    }
    .marketing li.pad:last-of-type {
        margin-right: auto;
    }
    .marketing li.pad a {
        display: inline-block;
    }
    .marketing li.pad br {
        display:none;
    }
    .marketing li.pad h6 {
        width: 45%;
        display:inline-block;
        vertical-align: top;
        padding-top: 0;
    }
    .marketing li.pad h6 a, .marketing li.pad h6 span {
        text-align: left;
        margin-left: 15px;
        float: left;
    }

    .company .company-logo {
        display: inline-block;
        margin-right: 25px;
    }

    .company .list {
        display: inline-block;
        width: 55%;
    }

    .company .logos a {
        white-space: nowrap;
        display: inline-block;
        overflow: hidden;
        font-size: 0;
    }

    .company .list .logos a img {
        display: inline-block;
    }

    .vendors div.vendor { height: auto !important; width: 100%; }
    .vendors div.vendor p { margin: 0; width: 100%; }
}

/* hacky remove find-a-store */
body.term-flareforce .product-info .red-button[href="/find-store/"] {display:none}

.woo-vpf-field input[type="submit"] {
    background: red;
    color: white;
    padding: 1px 15px;
    border-radius: 5px;
}

.woocommerce form .form-row .select2-container {width: auto!important}

/* jw player override */
.select2-drop-mask {
    z-index: 999998!important;
}

.blog-intro {
    padding-bottom: .5em;
}
.blog-margins h3 {
    font-weight:bold;
    padding-bottom:1.25em;
}
.blog-margins h3 a {
    color:#000;
}
.blog-margins p {
    margin-bottom:1.25em;
}
.blog-margins {
    margin-top:1.25em;
}
.blog-margins hr {
    border:dashed 1px #000;
}
.blog-margins:last-of-type hr {
    border:none;
}
.blog-pagination {
    margin: 1em;
    font-size: 1.25em
}
.blog-pagination a {}

.banner-text img {
    max-width: 50%;
    position: absolute;
    top: 0;
    left: 25%;
}
@media screen and (max-width: 768px) {
	.banner-text img {
		max-width: 100%;
		left: 0;
	}
}

.woocommerce-page .checkbox span {
	width: auto;
}
.woocommerce-page .checkbox span + span {
	width: 150px;
	background: none;
}




/*** Checkout Page Customizations ***/

.form-footer{
	text-align:left;
}

#customer_details{
	padding-bottom:50px;
}

#customer_details .col-1,
#customer_details .col-2{
	width:100%!important;
}


#customer_details .col-1{
	padding-bottom:25px;
	border-bottom:1px dotted red;
}

#customer_details .col-2{
	padding-top:25px;
}

#customer_details input.input-text,
.select2-container--default .select2-selection--single  {
	background: #dfdfdf!important;
    border: 1px #d7d7d7 solid!important;
	box-shadow:none!important;
	border-left:2px solid red!important;
	border-radius:0px!important;
	padding: 20px!important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b{
	top:75%!important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height:2px!important;
	overflow:visible!important;
}

.woocommerce-additional-fields{
	background: #dfdfdf!important;
    border: 1px #d7d7d7 solid!important;
    box-shadow: none!important;
    border-left: 2px solid red!important;
    padding: 10px!important;
    /*border-left: 2px solid red!important;*/
	font-weight:bold;
}

.woocommerce form .form-row .select2-container{
	width:75%!important;
}

.woocommerce-additional-fields{
	margin:25px 0!important;
}

#order_review_heading{
	padding-bottom:20px;
}


.woocommerce-checkout-review-order-table tr:nth-child(3){
	background:red!important;
	color:#fff!important;
}

.woocommerce-info {
    border-top-color: red!important;
}
#atw_style6 .atw_slider_controls span {
    border: none !important;
}
.widgetbody_ table .woocommerce-shipping-totals.shipping td:last-child {
    display: table-cell!important;
}