/* GENERAL
-----------------------------*/

html, body { overflow-x: hidden; }

html { -ms-touch-action: manipulation; touch-action: manipulation; }
body { min-width: 320px; }

/*
.body-background { background-image: url(../images/bg.png); }
*/

tr.init-table { display: none; }

code { display: block; white-space: normal; margin-bottom: 20px; }

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

.icon-md { font-size: 30px; }
.icon-lg { font-size: 40px; }
.icon-lg { font-size: 50px; }

dl.company dd { margin-bottom: 0 !important; }

#passwd2 { padding-right: 2.25rem; }

.header-account-dropdown a.dropdown-item { color: #000; text-shadow: none; padding: 5px 10px; }

.sort-dropdown .dropdown { margin-top: 8px; }
.sort-dropdown a.dropdown-item { padding: 5px 10px; }
.sort-dropdown a.dropdown-item.selected { background: #eee; font-weight: bold; color: #000; }

hr.fade {
	background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));;
	border: none;
	height: 2px;
	margin: 20px 0;
}

.hr-fade-light {
	position: relative; clear: both; width: 100%; height: 1px; border: none; 
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0));
    background-image: -o-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0));
}

.hr-fade-gray {
	position: relative; clear: both; width: 100%; height: 1px; border: none; 
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0));
    background-image: -o-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0));
}

.hr-fade-dark {
	position: relative; clear: both; width: 100%; height: 1px; border: none; 
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,1), rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left, rgba(0,0,0,1), rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left, rgba(0,0,0,1), rgba(0,0,0,0));
    background-image: -o-linear-gradient(left, rgba(0,0,0,1), rgba(0,0,0,0));
}

.hr-sidebar {
	position: relative; clear: both; width: 100%; height: 1px; border: none; 
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0));
    background-image: -o-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0));
}

.hr-footer {
	position: relative; clear: both; width: 100%; height: 1px; border: none; 
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0));
    background-image: -o-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0));
}

.breakout { position: relative; left: 50%; transform: translate(-50%, 0); width: 100vw; background: #fff url(../images/loading.gif) center center no-repeat; }


/* MISC X-CART OVERRIDES
-----------------------------*/

.address-main a.new-address { font-size: 22px; line-height: 72px; }

.acr-general-product-rating { padding-top: 0px; }
div.acr-review .acr-author{ width: auto !important; }
div.acr-review .acr-date { width: auto !important; }
.acr-general-product-rating.center { margin: auto; }
.acr-general-product-rating.right { margin: 0 0 0 auto; }
@media screen and (max-width:767px) { .acr-general-product-rating.right { margin: 15px auto 15px auto; } }

input.send2friend, textarea.send2friend { width: 100%; }

.data-table td { padding: 5px; vertical-align: middle; }

.data-table td.data-name { width: auto; font-weight: normal; text-align: left !important; vertical-align: top; padding-top: 15px; text-transform: capitalize; }
.data-table td.data-required { width: 10px !important; font-weight: normal; text-align: center; vertical-align: top; padding-top: 10px; color: red; font-size: 1.5em; }

table.register-table td.data-name { font-weight: normal; text-align: left; width: auto !important; }

.data-table tr td.data-name label { line-height: 1em; vertical-align: top; }

.data-table td.data-required, td.data-required, span.star, span.data-required { color: #d9534f; }

td.property-name, .news-register-item label { font-weight: normal; }

input.date-range { background-image: url("../../images/icon_calendar.png") right center no-repeat !important; height: 36px !important; }

tr.head-row th { background: #eee; font-weight: bold; }

.invoice-products tr td.invoice-product-column span { font-size: inherit; }


/* HEADINGS (FLUID)
-----------------------------*/

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

h1.fluid { font-size: 1.29616rem; }
h2.fluid { font-size: 1.21477rem; }
h3.fluid { font-size: 1.13849rem; }
h4.fluid { font-size: 1.067rem; }
h5.fluid { font-size: 1.0rem; }
h6.fluid { font-size: 0.93721rem; }

@media screen and (min-width: 37.5rem) { h1.fluid { font-size: calc(1.29616rem + 1.86118 * ((100vw - 37.5rem) / 42.5)); } }
@media screen and (min-width: 80rem) { h1.fluid { font-size: 3.15733rem; } }
@media screen and (min-width: 37.5rem) { h2.fluid { font-size: calc(1.21477rem + 1.15383 * ((100vw - 37.5rem) / 42.5)); } }
@media screen and (min-width: 80rem) { h2.fluid { font-size: 2.36859rem; } }
@media screen and (min-width: 37.5rem) { h3.fluid { font-size: calc(1.13849rem + 0.6384 * ((100vw - 37.5rem) / 42.5)); } }
@media screen and (min-width: 80rem) { h3.fluid { font-size: 1.77689rem; } }
@media screen and (min-width: 37.5rem) { h4.fluid { font-size: calc(1.067rem + 0.266 * ((100vw - 37.5rem) / 42.5)); } }
@media screen and (min-width: 80rem) { h4.fluid { font-size: 1.333rem; } }
@media screen and (min-width: 37.5rem) { h5.fluid { font-size: calc(1rem + 0 * ((100vw - 37.5rem) / 42.5)); } }
@media screen and (min-width: 80rem) { h5.fluid { font-size: 1rem; } }
@media screen and (min-width: 37.5rem) { h6.fluid { font-size: calc(0.93721rem + -0.18702 * ((100vw - 37.5rem) / 42.5)); } }
@media screen and (min-width: 80rem) { h6.fluid { font-size: 0.75019rem; } }


/* MISC
-----------------------------*/

.lazy-hidden { opacity: 0; }
.lazy-loaded { -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; opacity: 1; }

a:hover, a:active, a:focus, button:hover, button:active, button:focus { outline: none !important; }

a.glossary_popover { border-bottom: 1px dotted rgba(0,0,0,0.3); cursor: help; }
a.glossary_popover:focus, a.glossary_popover:active, a.glossary_popover:hover { text-decoration: none; outline: none; }

input[type='number'] { -moz-appearance: textfield; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; }

.block-center:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.block-centered { display: inline-block; vertical-align: middle; }

div.jc-slider, ul.jc-slider { overflow: hidden; width: 100%; box-sizing: border-box; }
ul.jc-slider { list-style: none; padding: 0; }

.users-online { opacity: 0.5; }
.helper { opacity: 0.5; }

#search-panel, #account-panel, #menu-panel, #cart-panel { }

h2.featured-category { font-size: 1em; }
h2.featured-category-alt { font-size: 1.3em; }

h3.manufacturers-name { font-size: 1em; }


/* CATEGORIES
-----------------------------*/

.header-card:hover { border: 1px solid #aaa; box-shadow: 0 0 8px rgba(0,0,0,0.15); }

@media screen and (max-width:544px) {
	.card.header-card { margin-bottom: 15px; }
}


/* PRODUCT LISTINGS
-----------------------------*/

.product-card:hover { border: 1px solid #aaa; box-shadow: 0 0 8px rgba(0,0,0,0.15); position: relative; z-index: 100; }

.product-thumb-container { margin-bottom: 10px; background: url(../images/loading_medium.gif) center center no-repeat; }
.product-thumb-container.quickview { margin-bottom: 0; }
.product-thumb-container img { width: auto; height: auto; border: 0px solid rgba(0,0,0,0.05); }

h2.product-name { font-size: 1.0em; margin-top: 15px; }
h2.product-name:hover { text-decoration: underline; }

.product-name-container { min-height: 60px; }

.product-sku-container { font-size: 0.8em; font-family: courier; }

.product-price-container { min-height: 50px; font-weight: normal; }

.product-price-block {  }
.product-save-block { min-height: 50px; }

.product-price { font-size: 1.2em; font-weight: bold; line-height: 1em; }
.product-price-was,
.product-price-save { font-size: 0.9em; }

.product-ratings-container-standard { min-height: 45px; }

.product-buttons-container { min-height: auto; }

.product-buttons-container input,
.product-buttons-container select,
.product-buttons-container .btn { vertical-align: top; margin-bottom: 4px; }

input.input-qty, select.input-qty { display: inline; margin: 0; font-size: 1em; }
input.input-qty { max-width: 60px !important; }
select.input-qty { max-width: 60px !important; }
input.input-qty.carousel { max-width: 35px !important; }
select.input-qty.carousel { max-width: 25px !important; }

.product-tags { position: absolute; top: 9px; left: 0; text-align: left; }
.product-tags h4 { margin: 0; text-transform: none; font-size: 1.4em; line-height: 1.4em; }
.product-tags .tag { border-radius: 15px; border-top-left-radius: 0; border-bottom-left-radius: 0; padding: 4px 8px 4px 4px; font-weight: normal; }

.product-tags.product-page { top: -6px; }
.product-tags.minicart-section { top: -6px; }
.product-tags.cart-page { top: -6px; }

@media screen and (max-width:991px) {
	.product-tags { top: 7px; }
	.product-tags h4 { font-size: 1.2em; line-height: 1.2em; }
	.product-tags.product-page { left: 5px; top: -2px; }
	.product-tags.cart-page { display: none; }
}

.btn-quick-view { width: 120px; margin: 5px auto 0 auto; border-radius: 4px; }
.btn-quick-view:hover { opacity: 0.8; }
.modal-external.white { text-decoration: none; }


/* SUBCATEGORY PAGE
-----------------------------*/

h1.subcategory-title-h1 { font-size: auto; }

h2.category-name { display: inline-block; font-size: 1.5em; }
h2.category-name:hover { text-decoration: underline; }
.category-descr { font-size: 1.0em; }

h3.subcategory-name { display: inline-block; font-size: 1.1em; margin: 0; line-height: 1.5em; }
h3.subcategory-name-list { display: inline-block; font-size: 1.1em; margin: 0; }
h3.subcategory-name:hover, h3.subcategory-name-list:hover { text-decoration: underline; }

h3.subcategory-name.no-products a { color: #666; }

.subcategory-icon-main { margin: 0 15px 15px 0; max-width: 100%; height: auto; }
.subcategory-icon-sub { max-width: 100%; width: auto; max-height: 100px; }


/* PRODUCT PAGE
-----------------------------*/

h1.product-title-h1 { font-size: auto; }


/* MINICART
-----------------------------*/

.cart-nopadding { padding-left: 0; }

.minicart-box.wait { height: 40px; background: #fff url(../images/loading.gif) center center no-repeat; }
.minicart-box .progress { display: none; }


/* GOOGLE MAPS
-----------------------------*/

.google-map { background: #fff url(../images/loading.gif) center center no-repeat; }
.google-map iframe { pointer-events: none; }


/* HEADER PANEL
-----------------------------*/

h4.nav-header { border-bottom: 1px solid rgba(0,0,0,0.10); padding-bottom: 10px; font-size: 1.1em; }

ul.list-nav { list-style: none; margin: 0; padding: 5px 0 10px 10px; }
ul.list-nav li { margin: 0 0 10px 0; line-height: 1em; }

ul.list-nav li a { display: block; width: 100%; }
ul.list-nav li a:hover { text-decoration: none; }

ul.list-nav > li:before { font-family: FontAwesome; }

ul.list-nav > li:before { float: left; content: "\f105\00a0\00a0"; color: #ccc; font-size: 12px; padding-top: 1px; padding-right: 1px; }
ul.list-nav > li:hover:before, ul.list-nav > li.selected:before { float: left; content: "\f105\00a0\00a0"; color: #666; font-size: 12px; }

ul.list-nav > li:before { float: left; content: "\f10c\00a0\00a0"; color: #ccc; font-size: 12px; padding-top: 1px; padding-right: 1px; }
ul.list-nav > li:hover:before, ul.list-nav > li.selected:before { float: left; content: "\f192\00a0\00a0"; color: #666; font-size: 12px; }

ul.list-nav > li h4 { display: inline; font-size: 1em; }


/* HEADER CATEGORIES
-----------------------------*/

a.parent-category h2 { font-size: 1.5em; }

img.subcategory-icon { max-height: 125px; width: auto; border: 4px solid #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.4); }

a.sub-category h3        { font-size: 1.1em; border-bottom: 1px solid rgba(0,0,0,0.10); padding-bottom: 10px; }
a.sub-category-nosubs h3 { font-size: 1.1em; border-bottom: none; padding-bottom: 0;}

ul.list-subcategories { list-style: none; margin: 0; padding: 5px 0 10px 10px; }
ul.list-subcategories li { margin: 0 0 10px 0; line-height: 1em; }

ul.list-subcategories li a { display: block; width: 100%; }
ul.list-subcategories li a:hover { text-decoration: none; }

ul.list-subcategories > li:before { font-family: FontAwesome; }

ul.list-subcategories > li:before { float: left; content: "\f105\00a0\00a0"; color: #ccc; font-size: 12px; padding-top: 1px; padding-right: 1px; }
ul.list-subcategories > li:hover:before { float: left; content: "\f105\00a0\00a0"; color: #666; font-size: 12px; }

ul.list-subcategories > li:before { float: left; content: "\f10c\00a0\00a0"; color: #ccc; font-size: 12px; padding-top: 1px; padding-right: 1px; }
ul.list-subcategories > li:hover:before { float: left; content: "\f192\00a0\00a0"; color: #666; font-size: 12px; }

ul.list-subcategories > li h4 { display: inline; font-size: 1em; }

ul.list-subcategories.sub { padding: 10px 0 0 20px; font-size: 1em; }

ul.list-subcategories li a.no-products { color: #666; }


/* HEADER UPPER
-----------------------------*/

.header-upper { color: #fff; padding: 10px; text-shadow: 1px 1px rgba(0,0,0,0.3); }
.header-upper a:link, .header-upper a:visited, .header-upper a:active { text-decoration: none; color: #fff; }
.header-upper a:hover { text-decoration: underline; color: #ccc; }

@media (max-width:543px) { .header-upper-col-middle { margin-top: 10px; } }


/* HEADER LOWER
-----------------------------*/

header {
	color: #fff;
	padding: 0px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

header.sticking {
	width: 100%;
	z-index: 999;
	padding: 10px 15px;
	background: #333;
	background: linear-gradient(#333,#333);
	background: -webkit-linear-gradient(#333,#333);
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
}

header a, header a:hover, header a:focus,
header.sticking a, header.sticking a:hover, header.sticking a:focus { color: #fff; text-decoration: none !important; }

header img.header-logo { max-height: 80px; }
header.sticking img.header-logo { max-height: 40px; }

header .header-icons-container { height: 80px; }
header.sticking .header-icons-container { height: 40px; }

header .header-search-container { height: 0px; margin-top: -3px; }
header.sticking .header-search-container { height: 36px; margin-top: -35px; }

header .header-icons { font-size: 1.6em; text-shadow: 1px 1px rgba(0,0,0,0.3); }
header .header-icons a { position: relative; top: -4px; }

header.sticking .header-icons { font-size: 1.4em; }
header.sticking .header-icons a { position: relative; top: -2px; }

@media all and (max-width: 1200px) {
	header { padding: 15px; }
}

@media all and (max-width: 768px) {
	header { padding: 15px; }
	header img.header-logo { max-height: 40px; }
	header .header-icons-container { height: 40px; }
	header .header-icons { font-size: 1.4em !important; }
}

@media all and (max-width: 480px) {
	header { padding: 10px; }
	header .header-icons-container { height: 40px; }
	header .header-icons { font-size: 1.4em !important; }
}

header .header-icons { font-size: 2.0em; }
header.sticking .header-icons { font-size: 1.3em; }

header a:link, header a:visited, header a:active { text-decoration: none; color: #fff; }
header a:hover { text-decoration: underline; color: #ddd; }

header.sticking a:link, header.sticking a:visited, header.sticking a:active { text-decoration: none; }
header.sticking a:hover { text-decoration: underline; }

header a.header-cart { font-size: 0.5em; position: relative; top: -6px; }
header.sticking a.header-cart { font-size: 0.5em; position: relative; top: -4px; }

a.header-menu, a.header-search { margin-right: 15px; }

.minicart_total_items { display: inline-block; position: relative; top: -4px; left: 8px; z-index: 2; color: #fff; padding-bottom: 5px; font-size: 1.0em; text-align: center; }

div[class^="md-"][class$="-0"] { background: #fff; }

div[class^="md-"][class$="-0"] a { color: #666; text-shadow: none; }
div[class^="md-"][class$="-0"] a:hover, div[class^="md-"][class$="-0"] a:active, div[class^="md-"][class$="-0"] a:focus { color: #333; }

div[class^="md-"][class$="-0"] header.sticking a { color: #fff; text-shadow: none; }
div[class^="md-"][class$="-0"] header.sticking a:hover, div[class^="md-"][class$="-0"] header.sticking a:active, div[class^="md-"][class$="-0"] header.sticking a:focus { color: #fff; }


/* DYNAMIC SEARCH
-----------------------------*/

.ac_input { max-height: 38px; }
.ac_results { min-width: 255px; margin-top: 2px; padding: 0; overflow: hidden; z-index: 9999; border: 1px solid rgba(0,0,0,0.15); border-radius: 0; }
.ac_results ul { list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li { margin: 0; padding: 10px; cursor: pointer; display: block; line-height: 20px; overflow: hidden; }
.ac_results li td.img-col { width: 60px; }
.ac_results li img { float: left; padding-right: 10px; max-width: 50px; }
.ac_results li span { font-weight: normal; color: green; border-bottom: 0.1em dotted green; }
.ac_results li p.name { font-weight: normal; font-size: 16px; color: #000; margin-bottom: 10px; }
.ac_results li p.price { font-weight: normal; color: green; font-size: 16px; margin-bottom: 0; }
.ac_results li:hover { cursor: pointer; }
.ac_odd  { background: #ffffff; color: #000; }
.ac_even { background: #f7f7f7; color: #000; }
.ac_over { background: #eaeaea; color: #000; }
.ac_loading { background: #fff url(../images/loading_small.gif) center center no-repeat !important; }

.search-input-p.middle, .search-input-c.middle, .search-input-m.middle { border: 1px solid #ccc; }


/* HEADER MENU
-----------------------------*/

div.tile-nav.container, div.tile-nav.container-fluid { padding: 0; }

nav.tile-nav { padding: 0; text-align: center; }
nav.tile-nav ul { list-style: none; margin: 0; padding: 0; }
nav.tile-nav li { display: block; overflow: hidden; }

nav.tile-nav a { display: block; padding: 10px; text-decoration: none; text-shadow: 1px 1px rgba(0,0,0,0.3); color: #fff; }

nav.tile-nav a:after { font-family: FontAwesome; content: "\f107"; padding-left: 5px; }
nav.tile-nav a.no-subcats:after { content: ""; padding-left: 0; }

nav.tile-nav a:hover, nav.tile-nav a.selected, nav.tile-nav a.selected:hover { background: rgba(255,255,255,0.1); }

nav.tile-nav a.active, nav.tile-nav a.active:hover { background: rgba(255,255,255,0.2); }

nav.tile-nav a h2 { display: inline-block; margin: 0; font-size: 1.1em; white-space: wrap; text-overflow: ellipsis; text-transform: none; }

@media all and (min-width: 480px) {
  nav.tile-nav { display: block; text-align: center; }
  nav.tile-nav li { width: 50%; float: left; }
  nav.tile-nav a { text-align: center; padding: 10px; }
}

@media all and (min-width: 768px) {
  nav.tile-nav li { width: 25%; }
  nav.tile-nav a { text-align: center; padding: 15px; }
}

@media all and (min-width: 1200px) {
  nav.tile-nav li { overflow: visible; width: 12.5%; }
  nav.tile-nav a { text-align: center; padding: 15px; }
}

a.tile-nav-toggle { display: block; margin: 0px; padding: 13px !important; font-size: 1.3em; font-weight: normal; text-transform: none; text-align: center; color: #fff; text-shadow: 1px 1px rgba(0,0,0,0.3); }
a.tile-nav-toggle:hover, a.tile-nav-toggle:active, a.tile-nav-toggle:focus { background: rgba(255,255,255,0.1); text-decoration: none; color: #fff;}

@media all and (min-width: 480px) {
	a.tile-nav-toggle { display: none; }
}

@media all and (max-width: 480px) {
	a.tile-nav-toggle, nav.tile-nav a { border-bottom: 1px solid rgba(255,255,255,0.1); padding: 8px; }
}


/* NEXT / PREVIOUS PRODUCTS
-----------------------------*/

#np-popup-prev, #np-popup-next { margin-top: 5px; }
#np-popup-next { right: 0; }
.np-products { position: relative; text-align: center; }
.np-products .popup { border-radius: 4px; display: none; position: absolute; z-index: 12345; border: 1px solid #ccc; padding: 15px; background-color: #fff; min-width: 200px; max-width: 200px; }
.np-products .product-name { padding-bottom: 15px; }
.np-products .price-row { padding-top: 15px; }

.np-products ul { padding: 0; margin: 0; }
.np-products ul li { list-style: none; padding: 0; margin: 0; border: 1px solid #ccc; border-radius: 20px; background: #fff; }
.np-products ul li a { display: block; padding: 7px 10px }
.np-products ul li:hover { background: #eee; }
.np-products ul li a:hover { text-decoration: none; }
.np-products ul li.pager-prev { float: left; }
.np-products ul li.pager-next { float: right; }


/* FOOTER
-----------------------------*/

.footer-upper { padding: 50px 30px; color: #fff; }

footer h4 { font-size: 1.2em; text-transform: none; text-shadow: 1px 1px rgba(0,0,0,0.3); }

footer a.footer-title { color: #fff; }
footer a.footer-title i { padding-top: 4px; }
footer a.footer-title:hover { color: #fff; }

footer hr { margin: 5px 0 15px 0; border-top: 1px solid rgba(255,255,255,0.3); border-bottom: none; }

footer ul { list-style: none; padding-left: 5px; }

footer ul > li:before { font-family: FontAwesome; }

footer ul > li:before { float: left; content: "\f105"; color: #fff; font-size: 10px; padding-top: 4px; padding-right: 8px; }
footer ul > li:hover:before { float: left; content: "\f105"; color: #eee; }

footer ul > li:before { float: left; content: "\f10c"; color: #fff; font-size: 10px; padding-top: 4px; padding-right: 8px; }
footer ul > li:hover:before { float: left; content: "\f192"; color: #eee; }

footer ul li a, footer ul li a:focus, footer ul li a:visited { font-size: 0.9em; text-decoration: none; display: block; width: 100%; margin-bottom: 10px; color: #fff; text-shadow: 1px 1px rgba(0,0,0,0.3); }
footer ul li a:hover { text-decoration: none; color: #eee; }

@media (max-width: 991px) {
	footer ul > li:before { padding-top: 6px; }
	footer ul li a, footer ul li a:focus, footer ul li a:visited { display: inline-block; width: auto; }
}

.footer-lower { color: #fff; padding: 30px; text-shadow: 1px 1px rgba(0,0,0,0.3); }
.footer-lower a:link { color: #fff; }
.footer-lower a:hover, .footer-lower a:active, .footer-lower a:visited { color: #eee; }


/* IMAGE + CAPTION
-----------------------------*/

.img-caption { position: relative; }
.img-caption div { position: absolute; bottom: 0px; left: 0; right: 0; background: rgba(0,0,0,0.5); color: #fff; margin: 0; padding: 10px; }
.img-caption div h3 { font-weight: bold; }
.img-caption div p { margin: 0; padding: 0; }


/* SUBHEADERS
-----------------------------*/

.subheader_1 { display: block; overflow: hidden; white-space: normal; margin: 0 0 15px 0; }
.subheader_1 > * { position: relative; display: inline-block; padding: 5px 10px; border-radius: 4px; border: 1px solid rgba(0,0,0,0.4); background: rgba(255,255,255,1); }
.subheader_1 > *:before, .subheader_1 > *:after { content: ""; position: absolute; top: 50%; width: 9999px; height: 1px; background: rgba(0,0,0,0.2); }
.subheader_1 > *:before { right: 100%; }
.subheader_1 > *:after { left: 100%; }

.subheader_2 { white-space: normal; margin: 0 0 22px 0; border-bottom: 1px solid rgba(0,0,0,0.2); }
.subheader_2 > * { display: inline-block; padding: 0 0 5px 0; margin: 0 0 -2px 0; border-bottom: 3px solid rgba(0,0,0,0.4); }

.subheader_3 { display: block; overflow: hidden; white-space: normal; margin: 15px 0 15px 0; }
.subheader_3 > * { position: relative; display: inline-block; padding: 5px 10px; background: rgba(255,255,255,0.6); }
.subheader_3 > *:before, .subheader_3 > *:after { content: ""; position: absolute; top: 30%; width: 9999px; height: 25%;
  background: -webkit-repeating-linear-gradient(-45deg, #eee, #eee 4px, #ccc 4px, #ccc 8px);
  background: repeating-linear-gradient(-45deg, #eee, #eee 4px, #ccc 4px, #ccc 8px);
}
.subheader_3 > *:before { right: 100%; }
.subheader_3 > *:after { left: 100%; }
.subheader_3 > h1:before, .subheader_3 > h1:after { top: 25%; height: 50%; }
.subheader_3 > h2:before, .subheader_3 > h2:after { top: 27%; height: 50%; }
.subheader_3 > h3:before, .subheader_3 > h3:after { top: 29%; height: 45%; }
.subheader_3 > h4:before, .subheader_3 > h4:after { top: 28%; height: 45%; }


/* CUSTOM HORIZONTAL RULES / DIVIDERS
-----------------------------*/

.hr-fade {
	position: relative; clear: both; margin: 30px 0; width: 100%; height: 1px; border: none !important; 
    background-image: -webkit-linear-gradient(left, rgba(102,102,102,0), rgba(102,102,102,0.75), rgba(102,102,102,0));
    background-image: -moz-linear-gradient(left, rgba(102,102,102,0), rgba(102,102,102,0.75), rgba(102,102,102,0));
    background-image: -ms-linear-gradient(left, rgba(102,102,102,0), rgba(102,102,102,0.75), rgba(102,102,102,0));
    background-image: -o-linear-gradient(left, rgba(102,102,102,0), rgba(102,102,102,0.75), rgba(102,102,102,0));
}


/* LISTS
-----------------------------*/

ul.angles, ul.carets, ul.chevrons, ul.arrows, ul.checks, ul.checks2, ul.checks3, ul.checks4, ul.stars, ul.hearts, ul.smiles, ul.warnings { list-style: none !important; margin: 15px 0 5px 0; padding: 0 0 10px 15px; }
ul.angles li, ul.carets li, ul.chevrons li, ul.arrows li, ul.checks li, ul.checks2 li, ul.checks3 li, ul.checks4 li, ul.stars li, ul.hearts li, ul.smiles li, ul.warnings li { float: none !important; margin: 0 0 1px 0; }

ul.angles > li:before   { font-family: FontAwesome; content: "\f105\00a0\00a0"; }
ul.carets > li:before   { font-family: FontAwesome; content: "\f0da\00a0\00a0"; }
ul.chevrons > li:before { font-family: FontAwesome; content: "\f054\00a0\00a0"; }
ul.arrows > li:before   { font-family: FontAwesome; content: "\f061\00a0\00a0"; }
ul.checks > li:before   { font-family: FontAwesome; content: "\f00c\00a0\00a0"; color: #87cf06; }
ul.checks2 > li:before  { font-family: FontAwesome; content: "\f14a\00a0\00a0"; color: #87cf06; }
ul.checks3 > li:before  { font-family: FontAwesome; content: "\f046\00a0\00a0"; color: #87cf06; }
ul.checks4 > li:before  { font-family: FontAwesome; content: "\f058\00a0\00a0"; color: #87cf06; }
ul.stars > li:before    { font-family: FontAwesome; content: "\f005\00a0\00a0"; color: orange; }
ul.thumbs > li:before   { font-family: FontAwesome; content: "\f164\00a0\00a0"; color: blue; }
ul.hearts > li:before   { font-family: FontAwesome; content: "\f004\00a0\00a0"; color: red; }
ul.smiles > li:before   { font-family: FontAwesome; content: "\f118\00a0\00a0"; color: purple; }
ul.warnings > li:before { font-family: FontAwesome; content: "\f071\00a0\00a0"; color: orange; }


/* SIDEBAR LISTS
-----------------------------*/

ul.sidebar { list-style: none; margin: 0; padding: 0; }
ul.sidebar li { margin: 0 0 10px 0; line-height: 1.3em; }
ul.sidebar li a { display: block; width: 100%; }
ul.sidebar li a:hover { text-decoration: none; }
ul.sidebar > li:before { font-family: FontAwesome; }
ul.sidebar > li:before { float: left; content: "\f105\00a0\00a0"; color: #ccc; font-size: 12px; padding-top: 1px; padding-right: 1px; }
ul.sidebar > li:hover:before { float: left; content: "\f105\00a0\00a0"; color: #666; font-size: 12px; }
ul.sidebar > li:before { float: left; content: "\f10c\00a0\00a0"; color: #ccc; font-size: 12px; padding-top: 1px; padding-right: 1px; }
ul.sidebar > li:hover:before { float: left; content: "\f192\00a0\00a0"; color: #666; font-size: 12px; }


/* IMAGE ZOOMER
-----------------------------*/

img[data-action="zoom"] { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; }
.zoom-img, .zoom-img-wrap { position: relative; z-index: 666; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }
img.zoom-img { cursor: pointer; cursor: -webkit-zoom-out; cursor: -moz-zoom-out; }
.zoom-overlay { background: rgba(0,0,0,0.8); z-index: 100; position: fixed; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; filter: "alpha(opacity=0)"; opacity: 0; -webkit-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; }
.zoom-overlay-open .zoom-overlay { filter: "alpha(opacity=100)"; opacity: 1; }
.zoom-overlay-open, .zoom-overlay-transitioning { cursor: default; }

.img-frame { border: 4px solid #fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.4); }


/* PRODUCT IMAGE GALLERY
-----------------------------*/

.product-gallery { text-decoration: none; display: inline-block; }
.product-gallery img { margin: 0 5px 15px 5px; }
.product-gallery img:hover { border: 4px solid #fff; box-shadow: 0 1px 4px 0 rgba(0,0,0,0.4); cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; }


/* OFF CANVAS MENU
-----------------------------*/

.sidebar.left { z-index: 50; top: 0; left: 0; bottom: 0; width: 320px; height: 100%; overflow-y: auto; background: #fff; }
.sidebar.right { z-index: 50; top: 0; right: 0; bottom: 0; width: 320px; height: 100%; overflow-y: auto; background: #fff; }

.sidebar.bottom { left: 0; right: 0; bottom: 0; height: 320px; background: #000; }
.sidebar.top { left: 0; right: 0; top: 0; height: 320px; background: #000; }

.sidebars > .sidebar { /* box-shadow: 0 0 10px rgba(0,0,0,0.7); */ position: fixed; }

nav.off-canvas-nav { height: 100%; width: 320px; left: 0; top: 0; z-index: 100; overflow-y: auto; overflow-x: visible; }

/* Square Plus / Square Minus */
.off-canvas-nav .fa.indicator:before { content: "\f0fe"; font-size: 0.9em; }
.off-canvas-nav .active > a > .fa.indicator:before { content: "\f146"; }

/* Circle Plus / Circle Minus */
.off-canvas-nav .fa.indicator:before { content: "\f055"; font-size: 0.9em; }
.off-canvas-nav .active > a > .fa.indicator:before { content: "\f056"; }

/* Angle Up / Angle Down */
.off-canvas-nav .fa.indicator:before { content: "\f107"; font-size: 1.0em; }
.off-canvas-nav .active > a > .fa.indicator:before { content: "\f106"; }

.off-canvas-nav .fa.indicator { float: right; line-height: 1.5; }

.off-canvas-nav ul { padding: 0; margin: 0; list-style: none; }

.off-canvas-nav a,
.off-canvas-nav a:hover,
.off-canvas-nav a:focus,
.off-canvas-nav a:active { outline: none; text-decoration: none !important; }

.off-canvas-nav ul li,
.off-canvas-nav ul a { display: block; }
.off-canvas-nav ul a { border-bottom: 1px solid rgba(0,0,0,0.15); }
.off-canvas-nav ul a:hover { background-color: rgba(0,0,0,0.05); text-decoration: none; }
.off-canvas-nav ul a:focus,
.off-canvas-nav ul a:active { text-decoration: none; }
.off-canvas-nav ul li.active { background-color: rgba(0,0,0,0.10); text-decoration: none; }

.off-canvas-nav ul a { padding: 10px 10px 10px 10px; }
.off-canvas-nav ul ul a { padding: 10px 10px 10px 15px; }
.off-canvas-nav ul ul ul a { padding: 10px 10px 10px 20px; }
.off-canvas-nav ul ul ul ul a { padding: 10px 10px 10px 25px; }
.off-canvas-nav ul ul ul ul ul a { padding: 10px 10px 10px 30px; }

.off-canvas-nav-header { padding: 10px; text-align: center; }
.off-canvas-nav-header img { max-width: 260px; height: auto; padding: 0px 0px; }
.off-canvas-nav-header-social { padding: 15px 0; }


/* SIDEBAR CATEGORY MENUS
-----------------------------*/

/* Basic -----------------*/

nav.basic-nav .list-group { margin: 0; }
nav.basic-nav .list-group-item { border-radius: 0; border-bottom: none; border-left: none; border-right: none; padding: 10px 10px 10px 15px; }
nav.basic-nav .list-group-item:hover { text-decoration: none; background: rgba(0,0,0,0.05); }
nav.basic-nav .list-group-item.active { border-top: 1px solid rgba(0,0,0,0.12); background: rgba(0,0,0,0.05); color: #000; }
nav.basic-nav .list-group-item:last-child { border-radius: 0 0 3px 3px; }
nav.basic-nav .list-group-item.no-products, nav.basic-nav .list-group-item.active.no-products { color: #666; }


/* Sliding -----------------*/

.panel-heading.sliding-nav { border-bottom: none !important; }

.sliding-nav .fa.icon { float: right; line-height: 1.4; }

/* Plus / Minus */
.sliding-nav .fa.icon:before { content: "\f067"; }
.sliding-nav .active > a > .fa.icon:before { content: "\f068"; }

/* Angles Up / Down */
.sliding-nav .fa.icon:before { content: "\f107"; }
.sliding-nav .active > a > .fa.icon:before { content: "\f106"; }

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

.sliding-nav a,
.sliding-nav a:hover,
.sliding-nav a:focus,
.sliding-nav a:active { outline: none; text-decoration: none !important; }

.sliding-nav a:hover { background: rgba(0,0,0,0.05); }

.sliding-nav ul li,
.sliding-nav ul a { display: block; }
.sliding-nav ul a { border-top: 1px solid rgba(0,0,0,0.12); }
.sliding-nav ul a:hover { background: rgba(0,0,0,0.05); text-decoration: none; }
.sliding-nav ul a:focus,
.sliding-nav ul a:active { text-decoration: none; }
.sliding-nav ul li.active { background: rgba(0,0,0,0.02); text-decoration: none; }

.sliding-nav ul a { padding: 10px 10px 10px 15px; }
.sliding-nav ul ul a { padding: 10px 10px 10px 25px; }
.sliding-nav ul ul ul a { padding: 10px 10px 10px 35px; }
.sliding-nav ul ul ul ul a { padding: 10px 10px 10px 45px; }
.sliding-nav ul ul ul ul ul a { padding: 10px 10px 10px 55px; }

.sliding-nav ul li a.current { background-color: rgba(0,0,0,0.05); font-weight: normal; }
.sliding-nav ul li a.no-products, .sliding-nav ul li a.current.no-products { color: #666; }


/* Drilldown -----------------*/

nav.drilldown-nav { height: scroll; width: 100%; position: relative; overflow: hidden; border: none; border-top: 1px solid #ddd; }
nav.drilldown-nav div.drawer { overflow-y: auto; position: absolute; width: 100%; height: 100%; list-style: none; margin: 0; padding: 0; background: #fff; font-weight: normal; }

nav.drilldown-nav div.drawer div.breadcrumb { position: relative; padding: 10px; margin: 0; border-bottom: 1px solid #ddd; background: rgba(0,0,0,0.05); font-weight: bold; border-radius: 0; cursor: pointer; }
nav.drilldown-nav div.drawer div.breadcrumb span.left { margin-right: 10px; font-size: 1em; }

nav.drilldown-nav div.drawer ul, nav.drilldown-nav ul { margin: 0; padding: 0; list-style: none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
nav.drilldown-nav div.drawer ul li a, nav.drilldown-nav ul li a { display: block; padding: 10px 15px; border-bottom: 1px solid rgba(0,0,0,0.1); }

nav.drilldown-nav div.drawer ul li a:hover { text-decoration: none; background: rgba(0,0,0,0.05); }
nav.drilldown-nav div.drawer ul li a.selected { background: rgba(0,0,0,0.05); }

nav.drilldown-nav div.drawer ul li a span.right { position: absolute; padding-top: 3px; right: 10px; }

nav.drilldown-nav div.drawer ul li a.no-products { color: #666; }


/* INPUT NUMBER SPINNERS
-----------------------------*/

.spinner input { text-align: left; }
.input-group-btn-vertical { position: relative; white-space: nowrap; width: 2%; vertical-align: middle; display: table-cell; }
.input-group-btn-vertical > .btn { display: block; float: none; width: 100%; max-width: 100%; padding: 9px; margin-left: -1px; position: relative; border-radius: 0; }
.input-group-btn-vertical > .btn:first-child { border-top-right-radius: 4px; }
.input-group-btn-vertical > .btn:last-child { margin-top: -2px; border-bottom-right-radius: 4px; }
.input-group-btn-vertical > .btn:last-child i { margin-top: 2px; }
.input-group-btn-vertical i { position: absolute; top: 0; left: 4px; }


/* NEWSLETTER SUBSCRIBE BOX
-----------------------------*/

.newsletter-bg { height: 10px; background: #fff url(../images/newsletter_stripe.svg); background-size: 80px 100%; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.newsletter-form { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.newsletter-form.br { border-radius: 4px; }


/* AUTO-ICON LINKS
-----------------------------*/

a.link-icon:before, a.link-icon.link-file[href]:before { content: "\f016"; /* generic file icon */ display: inline-block; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); width: 20px; text-align: right; margin-right: 5px; }
a[href$=".txt"].link-icon:before, a.link-icon.link-text[href]:before { content: "\f0f6"; /*Text*/ }
a[href$=".pdf"].link-icon:before, a.link-icon.link-pdf[href]:before { content: "\f1c1"; /*PDF*/ }
a[href$=".doc"].link-icon:before, a[href$=".docx"].link-icon:before, a.link-icon.link-word[href]:before { content: "\f1c2"; /*Word*/ }
a[href$=".xls"].link-icon:before, a[href$=".xlsx"].link-icon:before, a.link-icon.link-excel[href]:before { content: "\f1c3"; /*Excel*/ }
a[href$=".ppt"].link-icon:before, a[href$=".pptx"].link-icon:before, a.link-icon.link-powerpoint[href]:before { content: "\f1c4"; /*Powerpoint*/ }
a[href$=".gif"].link-icon:before, a[href$=".jpg"].link-icon:before, a[href$=".jpeg"].link-icon:before, a[href$=".png"].link-icon:before, a[href$=".bmp"].link-icon:before, a[href$=".tif"].link-icon:before, a.link-icon.link-image[href]:before { content: "\f1c5"; /*Image*/ }
a[href$=".zip"].link-icon:before, a[href$=".zipx"].link-icon:before, a[href$=".rar"].link-icon:before, a[href$=".tar"].link-icon:before, a[href$=".gz"].link-icon:before, a[href$=".dmg"].link-icon:before, a[href$=".iso"].link-icon:before, a.link-icon.link-archive[href]:before { content: "\f1c6"; /*Archive*/ }
a[href$=".wav"].link-icon:before, a[href$=".mp3"].link-icon:before, a[href$=".fla"].link-icon:before, a[href$=".flac"].link-icon:before, a[href$=".ra"].link-icon:before, a[href$=".rma"].link-icon:before, a[href$=".aif"].link-icon:before, a[href$=".aiff"].link-icon:before, a[href$=".aa"].link-icon:before, a[href$=".aac"].link-icon:before, a[href$=".aax"].link-icon:before, a[href$=".ac3"].link-icon:before, a[href$=".au"].link-icon:before, a[href$=".ogg"].link-icon:before, a[href$=".avr"].link-icon:before, a[href$=".3ga"].link-icon:before, a[href$=".flac"].link-icon:before, a[href$=".mid"].link-icon:before, a[href$=".midi"].link-icon:before, a[href$=".m4a"].link-icon:before, a[href$=".mp4a"].link-icon:before, a[href$=".amz"].link-icon:before, a[href$=".mka"].link-icon:before, a[href$=".asx"].link-icon:before, a[href$=".pcm"].link-icon:before, a[href$=".m3u"].link-icon:before, a[href$=".wma"].link-icon:before, a[href$=".xwma"].link-icon:before, a.link-icon.link-audio[href]:before { content: "\f1c7"; /*Audio*/ }
a[href$=".avi"].link-icon:before, a[href$=".mpg"].link-icon:before, a[href$=".mp4"].link-icon:before, a[href$=".mkv"].link-icon:before, a[href$=".mov"].link-icon:before, a[href$=".wmv"].link-icon:before, a[href$=".vp6"].link-icon:before, a[href$=".264"].link-icon:before, a[href$=".vid"].link-icon:before, a[href$=".rv"].link-icon:before, a[href$=".webm"].link-icon:before, a[href$=".swf"].link-icon:before, a[href$=".h264"].link-icon:before, a[href$=".flv"].link-icon:before, a[href$=".mk3d"].link-icon:before, a[href$=".gifv"].link-icon:before, a[href$=".oggv"].link-icon:before, a[href$=".3gp"].link-icon:before, a[href$=".m4v"].link-icon:before, a[href$=".movie"].link-icon:before, a[href$=".divx"].link-icon:before, a.link-icon.link-video[href]:before { content: "\f1c8"; /*Video*/ }
a[href$=".css"].link-icon:before, a[href$=".js"].link-icon:before, a[href$=".py"].link-icon:before, a[href$=".git"].link-icon:before, a[href$=".py"].link-icon:before, a[href$=".cpp"].link-icon:before, a[href$=".h"].link-icon:before, a[href$=".ini"].link-icon:before, a[href$=".config"].link-icon:before, a.link-icon.link-code[href]:before { content: "\f1c9"; /*code*/ }
a[href$=".exe"].link-icon:before, a[href$=".jar"].link-icon:before, a[href$=".dll"].link-icon:before, a[href$=".bat"].link-icon:before, a[href$=".pl"].link-icon:before, a[href$=".scr"].link-icon:before, a[href$=".msi"].link-icon:before, a[href$=".app"].link-icon:before, a[href$=".deb"].link-icon:before, a[href$=".apk"].link-icon:before, a[href$=".jar"].link-icon:before, a[href$=".vb"].link-icon:before, a[href$=".prg"].link-icon:before, a[href$=".sh"].link-icon:before, a.link-icon.link-exe[href]:before { content: "\f085"; /*Executable*/ }
a[href$=".com"].link-icon:before, a[href$=".net"].link-icon:before, a[href$=".org"].link-icon:before, a[href$=".edu"].link-icon:before, a[href$=".gov"].link-icon:before, a[href$=".mil"].link-icon:before, a[href$="/"].link-icon:before, a[href$=".html"].link-icon:before, a[href$=".htm"].link-icon:before, a[href$=".xhtml"].link-icon:before, a[href$=".jhtml"].link-icon:before, a[href$=".php"].link-icon:before, a[href$=".php3"].link-icon:before, a[href$=".php4"].link-icon:before, a[href$=".php5"].link-icon:before, a[href$=".phtml"].link-icon:before, a[href$=".asp"].link-icon:before, a[href$=".aspx"].link-icon:before, a[href$=".cfm"].link-icon:before, a[href*="?"].link-icon:before, a[href*="#"].link-icon:before, a.link-icon:not([href*='.']):before, a.link-icon.link[href]:before { content: "\f0c1"; /*link*/ }


/* COUNTDOWN
-----------------------------*/

div.countdown ul { text-align: center; margin: 0; padding: 0; }
div.countdown ul li { display: inline-block; min-width: 70px; border: 1px solid rgba(0,0,0,0.2); background: rgba(0,0,0,0.05); padding: 10px; margin: 0 10px 10px 0; border-radius: 4px; text-align: center; }
div.countdown ul li.span { font-size: 0.8em; }
div.countdown ul li h3 { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid rgba(0,0,0,0.2); }
div.countdown ul li:last-child { margin: 0 0 10px 0; }

.countdown-coupon { text-align: center; font-size: 1.2em; font-family: courier; font-weight: bold; }
.countdown-coupon code { margin: 0; background: none; color: inherit; }


/* TESTIMONIALS
-----------------------------*/

div.rating-cancel, div.star-rating { float: left; width: 28px; height: 24px; text-indent: -999em; cursor: pointer; display: block; background: transparent; overflow: hidden; }
div.rating-cancel, div.rating-cancel a { background: url(../modules/Testimonials/images/cancel.png) no-repeat 0 -24px; }
div.rating-cancel { display: none !important; }
div.star-rating, div.star-rating a { background: url(../modules/Testimonials/images/stars.png) no-repeat 0 0px; }
div.rating-cancel a, div.star-rating a { display: block; width: 24px; height: 24px; background-position: 0 0px; border: 0; }
div.star-rating-on a { background-position: 0 -48px!important; }
div.star-rating-hover a { background-position: 0 -24px; }
div.star-rating-readonly a { cursor: default !important; }
div.star-rating { background: transparent !important; overflow: hidden !important; }
#hover-value { margin-left: 5px; font-weight: bold; }

.gravatar_note { font-size: 12px; }

div.pagination,
ul.pagination { margin: 0; padding: 0; }
ul.pagination > li:hover { cursor: pointer; }
ul.pagination > li a.disabled { cursor: not-allowed; display: none; }
ul.pagination > li a.active { background-color: rgba(0,0,0,0.05); }

ul#testimonials { list-style: none; padding: 0; margin: 20px 0; }

.testimonial-entry { font-weight: normal; }
.testimonial-rating { font-weight: bold; }

input#code { font-family: courier; font-size: 22px; letter-spacing: 2px; }

.testimonials-footer-text { font-size: 1em; }
.testimonials-footer-name { font-size: 1.1em; font-weight: bold; }
.testimonials-footer-company { font-size: 0.9em; font-weight: normal; }


/* SOCIAL BUTTONS
-----------------------------*/

.social-buttons { font-size: 1.3em; margin-bottom: 15px; }
.social-buttons a { text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); }
.social-buttons a:hover { opacity: 0.8; }
.social-buttons a:not(:last-child) { margin-right: -4px; }
@media screen and (max-width:991px) {
	.social-buttons { font-size: 1.1rem; }
}


/* SOCIAL SIDEBAR WIDGET
-----------------------------*/

.sidebar-social-container { padding: 0px; margin: 0px; position: fixed; top: 35%; right: -90px; width: 170px; z-index: 50; }
.sidebar-social li { list-style-type: none; background: rgba(0,0,0,0.1); color: #000; border-top-left-radius: 20px; border-bottom-left-radius: 20px; height: 42px; padding: 0px; margin: 0px 0px 1px 0px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; cursor: pointer; }
.sidebar-social li:hover { margin-left: -120px; }
.sidebar-social li span { float: left; margin: 5px 4px; margin-right: 5px; text-shadow: 1px 1px rgba(0,0,0,0.3); }
.sidebar-social li p { padding-top: 5px; margin: 0px; line-height: 16px; font-size: 12px; font-family: inherit; }
.sidebar-social li a { text-decoration: none; color: #000; }
.sidebar-social li a:hover { text-decoration: none; }


/* PAYMENT ICONS
-----------------------------*/

.payment-icons { margin-bottom: 15px; }
.payment-icons i { font-size: 2.5em; color: #fff; }
.payment-icons i { margin-bottom: 3px; }
.payment-icons i:not(:last-child) { margin-right: 8px; }
@media screen and (max-width:991px) {
	.payment-icons i { font-size: 2em; color: #fff; margin-bottom: 0px; }
	.payment-icons i:not(:last-child) { margin-right: 4px; }
}


/* BACK TO TOP
-----------------------------*/

.floater-icons { display: none; position: fixed; right: 8px; bottom: 10px; font-size: 24px; z-index: 500; }
.floater-icons .floater-bg { color: #000; }
.floater-icons a.floater-link { display: block; margin: 0 -5px -8px 0; text-decoration: none; opacity: 0.5; }
.floater-icons a.floater-link:hover { text-decoration: none; opacity: 1; }


/* PROMO SECTIONS
-----------------------------*/

.promo-div .background { background-attachment: fixed; background-position: center; background-size: auto; background-repeat: no-repeat; }
.promo-div div { position: relative; top: 50%; padding: 1.5vw 2vw; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.promo-div div h2 { margin-top: 0; margin-bottom: 1vw; font-weight: bold; font-style: normal; font-size: 3vw; text-transform: none; text-shadow: 2px 2px 2px rgba(0,0,0,0.5); }
.promo-div div h3 { margin-top: 0; margin-bottom: 1vw; font-weight: bold; font-style: normal; font-size: 2vw; text-transform: none; text-shadow: 2px 2px 2px rgba(0,0,0,0.5); }
.promo-div div p  { margin-top: 0; margin-bottom: 1.5vw; font-weight: normal; font-size: 1vw; line-height: 1em; text-shadow: 1px 1px rgba(0,0,0,0.5); }
/* SM AND BELOW */
@media screen and (max-width:767px) {
	.promo-div div { padding: 3vw 4vw; }
	.promo-div div h2 { font-size: 6vw; }
	.promo-div div h3 { font-size: 5vw; }
	.promo-div div p { font-size: 3vw; }
}


/* IMAGE HOVER CAPTIONS
-----------------------------*/

a.hover-caption { display: block; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.5); }
.hover-caption img { position: relative; width: 100%; max-width: 100%; }
.hover-caption figure { box-sizing: content-box; overflow: hidden; position: relative; background: url(../images/loading.gif) center center no-repeat;}
.hover-caption figcaption { background: rgba(0,0,0,0.4); position: absolute; box-sizing: content-box; padding: 10px 10px 10px 10px; bottom: 0; display: block; width: 100%; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; }
.hover-caption:hover figcaption { background: #333; }
.hover-caption figcaption h3 { color: #fff; text-transform: none; line-height: 24px; margin: 0; text-transform: none; }
.hover-caption figcaption span { color: #fff; width: 90%; display: block; position: relative; opacity: 0; max-height: 0; padding: 0; -webkit-transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, padding 0.2s ease-in-out; -moz-transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, padding 0.2s ease-in-out; -ms-transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, padding 0.2s ease-in-out; -o-transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, padding 0.2s ease-in-out; transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, padding 0.2s ease-in-out; }
.hover-caption:hover figcaption span { max-height: 60px; opacity: 1; padding: 4px 0 0 0; }


/* FLIP CARDS
-----------------------------*/

.flipper { position: relative; text-align: center; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -ms-transform: perspective(1000px); -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; }
.flipper:not(.press) { cursor: pointer; }
.flipper .card.flipped { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); }
.flipper .card { height: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: 0.5s; transition: 0.5s; padding: 0; }
.flipper .card .face { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; z-index: 2; }
.flipper .card .front { position: absolute; width: 100%; z-index: 1; }
.flipper .card .back { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(180deg); transform: rotateY(-180deg); }
.flipper .inner-content { position: relative; }
.flipper .inner-text { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); margin: 0; text-align: center; padding: 20px; background: rgba(0,0,0,0.5); width: 75%; border-radius: 10px; }
.flipper .inner-text h2 { margin: 0; color: #fff; }
.flipper .inner-text p { font-size: 0.8rem; color: #fff; }
.flipper .inner-text hr { border-top: 1px solid #fff; }
a.flipback { color: #000; }


/* RESPONSIVE VIDEO PLAYLIST
-----------------------------*/

.RYPP { width: 100%; position: relative; padding-right: 250px; background: #1a1a1a; overflow: hidden; font: 400 14px/120% Arial, Helvetica, sans-serif; color: #999; }
.RYPP .RYPP-video { width: 100%; padding-top: 56.25%; float: left; position: relative; background: url(../images/loading_dark.gif) center center no-repeat; }
.RYPP .RYPP-video > iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; }
.RYPP.r16-9 .RYPP-video { padding-top: 56.25%; }
.RYPP.r4-3 .RYPP-video { padding-top: 75%; }
.RYPP.r2-1 .RYPP-video { padding-top: 50%; }
.RYPP .RYPP-items { width: 100%; position: absolute; left: 0; top: 64px; right: 0; bottom: 0; overflow-y: auto; }
.RYPP .RYPP-playlist { width: 250px; position: absolute; right: 0; top: 0; bottom: 0; background: #222; }
.RYPP .RYPP-playlist a { color: #999; }
.RYPP .RYPP-playlist a:hover { color: #fff; }
.RYPP .RYPP-playlist > section { width: 100%; height: 64px; padding: 16px 0 0 8px; background: #222; border-left: 8px solid #222; border-right: 8px solid #222; border-bottom: 1px solid #3a3a3a; z-index: 2; }
.RYPP .RYPP-playlist > section ._h1 { margin: 0 0 4px 0; padding: 0; font-size: 16px; font-weight: 400; color: #fff; }
.RYPP .RYPP-playlist > section p { margin: 0; padding: 0; }
.RYPP .RYPP-playlist ol { padding: 0 0 16px 0; margin: 0; list-style: none; counter-reset: item; }
.RYPP .RYPP-playlist ol li { position: relative; vertical-align: middle; overflow: hidden; padding: 12px 0 12px 12px; }
.RYPP .RYPP-playlist ol li > img { width: 18%; display: inline-block; vertical-align: middle; border: 2px solid transparent; }
.RYPP .RYPP-playlist ol li > p { width: 76%; margin: 0; padding: 0 16px 0 0; float: right; display: inline-block; vertical-align: middle; text-align: left; color: #cacaca; }
.RYPP .RYPP-playlist ol li > p > small { margin: 0; padding: 0; font-size: 80%; }
.RYPP .RYPP-playlist ol li:hover { background-color: #3a3a3a; cursor: pointer; }
.RYPP .RYPP-playlist ol li.selected { background-color: #3a3a3a; cursor: pointer; }
.RYPP .RYPP-playlist ol li.selected > p { color: #fff; }
.RYPP .RYPP-playlist ol li.selected > img { border: 2px solid #c03636; }
.RYPP .RYPP-playlist ol li.selected:before { content: '?'; font-size: 10px; color: #c03636; }
.RYPP .RYPP-playlist ol li:before { counter-increment: item; content: counter(item); font-size: 80%; }
.RYPP-items::-webkit-scrollbar { width: 6px; background: #3a3a3a; }
.RYPP-items::-webkit-scrollbar-thumb { background: #999; }
@media only screen and (max-width: 639px) {
  .RYPP { padding-right: 0; }
  .RYPP .RYPP-playlist { width: 100%; position: static; float: left; }
  .RYPP .RYPP-playlist .RYPP-items { position: static; max-height: 350px; overflow: auto; }
}


/* RESPONSIVE TABLES
-----------------------------*/

@media screen and (max-width:544px) {
	.table-collapse-phone { display: block; }
	.table-collapse-phone tbody,
	.table-collapse-phone tr,
	.table-collapse-phone th,
	.table-collapse-phone td { display: block; }
	.table-collapse-phone thead { display: none; }
	.table-collapse-phone tr { border-top: 1px solid #ddd; }
	.table-collapse-phone tr:first-child { /*border: 0;*/ }
	.table-collapse-phone > tbody > tr > th:first-child,
	.table-collapse-phone > tbody > tr > td:first-child { /*border: 0;*/ }
	.table-collapse-phone .has-label[data-label] { position: relative; padding-left: 50% !important; }
	.table-collapse-phone .has-label[data-label]:before { position: absolute; top: 0; left: 0; padding: 12px 8px; content: attr(data-label); font-weight: bold; }
}

@media screen and (max-width:767px) {
	.table-collapse-tablet { display: block; }
	.table-collapse-tablet tbody,
	.table-collapse-tablet tr,
	.table-collapse-tablet th,
	.table-collapse-tablet td { display: block; }
	.table-collapse-tablet thead { display: none; }
	.table-collapse-tablet tr { border-top: 1px solid #ddd; }
	.table-collapse-tablet tr:first-child { /*border: 0;*/ }
	.table-collapse-tablet > tbody > tr > th:first-child,
	.table-collapse-tablet > tbody > tr > td:first-child { /*border: 0;*/ }
	.table-collapse-tablet .has-label[data-label] { position: relative; padding-left: 50% !important; }
	.table-collapse-tablet .has-label[data-label]:before { position: absolute; top: 0; left: 0; padding: 12px 8px; content: attr(data-label); font-weight: bold; }
}


/* PROGRESS STEPS
-----------------------------*/

#progress-steps { text-align: center; margin-bottom: 0px; }
#progress-steps ul { list-style: none; display: inline-table; margin: 0; padding: 0; }
#progress-steps ul li { display: inline; }
#progress-steps ul li a { display: block; float: left; height: 50px; background: #eee; text-align: center; padding: 15px 40px 45px 70px; position: relative; margin: 0 10px 0 0; font-size: 20px; text-decoration: none; color: #000; text-transform: capitalize; }
#progress-steps ul li a:after { content: ""; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 30px solid #eee; position: absolute; right: -30px; top: 0; z-index: 1; }
#progress-steps ul li a:before { content: ""; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 30px solid #fff; position: absolute; left: 0; top: 0; }
#progress-steps ul li:first-child a { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
#progress-steps ul li:first-child a:before { display: none; }
#progress-steps ul li:last-child a { padding-right: 80px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
#progress-steps ul li:last-child a:after { display: none; }
#progress-steps ul li a:hover { background: #666; color: #fff; }
#progress-steps ul li a.active { background: #5cb85c; color: #fff; }
#progress-steps ul li a:hover:after { border-left-color: #666; color: #fff; }
#progress-steps ul li a.active:after { border-left-color: #5cb85c; color: #fff; }
#progress-steps ul li a.nogo { cursor: not-allowed; }

/* Responsive */

@media screen and (max-width: 1199px) {
	#progress-steps ul { display: block; }
	#progress-steps ul li { display: block; width: 100%; }
	#progress-steps ul li a { float: none; padding: 10px 0 0 0; margin: 0 0 5px 0; }
	#progress-steps ul li a:before, #progress-steps ul li a:after { border-top: 0; border-bottom: 0; border-left: 0; }
	#progress-steps ul li:first-child a { border-radius: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; }
	#progress-steps ul li:last-child a { border-radius: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding-right: 0; }
}


/* SMART GRID
-----------------------------*/

.smart-grid ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; list-style: none; margin: 0; padding: 0; }
.smart-grid li { margin-bottom: 10px; padding: 0 6px; -webkit-transition: all 0.7s; transition: all 0.7s; }
.smart-grid li:first-child { width: 100%; }
.smart-grid li:nth-child(2):last-child { margin-left: 25%; width: 50%; }
.smart-grid li:nth-last-child(3):first-child ~ li { width: 50% }
.smart-grid li { width: 33.333%; }
.smart-grid li:nth-last-child(3n+0):first-child ~ li:nth-child(n+2):nth-child(-n+3) { width: 50%; }
.smart-grid li:nth-last-child(3n+2):first-child ~ li:nth-child(n+2):nth-child(-n+5) { width: 50%; }
.smart-grid li:nth-last-child(3n+2):first-child ~ li:nth-child(n+2):nth-child(-n+3) { width: 50%; }
@media only screen and (max-width: 767px) {
	.smart-grid li { width: 100% !important; }
}


/* MASONRY COLUMNS 1
-----------------------------*/

.row.masonry-cols-1 { -webkit-column-width: 18em; -moz-column-width: 18em; -webkit-column-gap: 0.8em; -moz-column-gap: 0.8em; padding: 0 15px; }
.masonry-item { display: inline; padding: 0; width: 100%; }
.masonry-item .card { border: 0; padding: 0; margin-bottom: 12px; box-shadow: none; }
.masonry-item .card img { width: 100%; max-width: 100%; height: auto; border-radius: 0; }

.m-hover { width: 100%; overflow: hidden; }
.m-hover img { position: relative; width: 100%; top: 0; left: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.m-hover .m-captions { background: rgba(50,50,50,0.5); width: 100%; position: absolute; height: 100%; top: 0; left: 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.m-hover .m-captions h2 { padding: 10px 15px; width: 100%; background: rgba(0,0,0,0.5); color: #fff; font-size: 20px; font-weight: normal; margin-top: 20px; margin-bottom: 10px; text-decoration: none; }
.m-hover .m-captions p { padding: 0 15px; font-size: 16px; margin-bottom: 10px; line-height: 1.5; color: #fff; text-indent: 0px; }
.m-hover .m-captions a { margin-right: 15px; float: right; }
/*.m-hover:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }*/
.m-hover:hover .m-captions { visibility: visible; opacity: 1; }


/* MASONRY COLUMNS 2
-----------------------------*/

.masonry-cols-2 { display: flex; justify-content: space-between; flex: auto; }
.masonry-cols-2 ul { list-style-type: none; flex-direction: column; justify-content: space-between; padding: 4px 0px 4px 0px; flex: 1; }
.masonry-cols-2 ul li { margin: 8px 4px 8px 4px; padding: 12px; flex: auto; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; }
.masonry-cols-2 ul h2 { margin: 0 0 10px 0; padding-bottom: 4px; border-bottom: 1px solid #ddd; }
@media screen and (max-width: 767px) {
    .masonry-cols-2 { flex-direction: column; }
    .masonry-cols-2 ul li:last-child { margin-bottom: 0; }
    .masonry-cols-2 ul { margin: 0; padding: 0; }
}
.centered-block { margin: auto; }
.fitted ul { display: flex; }
.fitted ul li { margin: 4px 4px 4px 4px !important; }
.masonry-cols-2 img { max-width: 100%; height: auto; }


/* MASONRY COLUMNS 3
-----------------------------*/

.masonry-cols-3-wrapper { width: 100%; margin: auto; }
.masonry-cols-3 { -moz-column-gap: 30px; -webkit-column-gap: 30px; column-gap: 30px; -moz-column-fill: initial; -webkit-column-fill: initial; column-fill: initial; }
.masonry-cols-3 .brick { display: inline-block; margin-bottom: 30px; }
.masonry-cols-3 .brick img { max-width: 100%; height: auto; }
.masonry-cols-3.bordered { -moz-column-rule: 1px solid #ddd; -webkit-column-rule: 1px solid #ddd; column-rule: 1px solid #ddd; -moz-column-gap: 50px; -webkit-column-gap: 50px; column-gap: 50px; }
.masonry-cols-3.bordered .brick { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #ddd; }
.masonry-cols-3.gutterless { -moz-column-gap: 0; -webkit-column-gap: 0; column-gap: 0; }
.masonry-cols-3.gutterless .brick { margin-bottom: 0; }
.masonry-cols-3.gutterless small { display: none; }
@media only screen and (min-width: 1024px) {
	.masonry-cols-3-wrapper { width: 100%; margin: auto; }
	.masonry-cols-3 { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.masonry-cols-3-wrapper { width: 100%; margin: auto; }
	.masonry-cols-3 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
}


/* BG TEXT 
-----------------------------*/

.bg-text h1 { position: relative; line-height: auto; height: auto; width: 75%; margin: 0 auto; overflow: hidden; padding: 0px 0; }
.bg-text h1 { -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: url(https://www.xcartmods.co.uk/ultra/scream.jpg); background-size: cover; background-position: center center; text-align: center; }
.bg-text h1 { font-family: Impact, Haettenschweiler; font-weight: normal; text-transform: uppercase; font-size: 6rem; }
.bg-text h1:before, .bg-text h1:after { position: absolute; content: ''; }
.bg-text h1:before { z-index: -2; top: 0; right: 0; bottom: 0; left: 0; background-image: inherit; }
.bg-text h1:after { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background: #fff; }


/* THEMES PREVIEWER
-----------------------------*/

div.preset-themes ul { text-align: center; margin: 0; padding: 0; }
div.preset-themes ul li { display: inline-block; cursor: pointer; width: 32px; height: 32px; border-radius: 16px; border: 2px solid #fff; }
div.preset-themes ul li:hover, div.preset-themes ul li.active { border: 2px solid #000; }

div.preset-themes ul li#red { background: #e53935; }
div.preset-themes ul li#pink { background: #d81b60; }
div.preset-themes ul li#purple { background: #8e24aa; }
div.preset-themes ul li#deeppurple { background: #5e35b1; }
div.preset-themes ul li#indigo { background: #3949ab; }
div.preset-themes ul li#blue { background: #1e88e5; }
div.preset-themes ul li#lightblue { background: #039be5; }
div.preset-themes ul li#cyan { background: #00acc1; }
div.preset-themes ul li#teal { background: #00897b; }
div.preset-themes ul li#green { background: #43a047; }
div.preset-themes ul li#lightgreen { background: #7cb342; }
div.preset-themes ul li#lime { background: #c0ca33; }
div.preset-themes ul li#yellow { background: #fdd835; }
div.preset-themes ul li#amber { background: #ffb300; }
div.preset-themes ul li#orange { background: #fb8c00; }
div.preset-themes ul li#deeporange { background: #f4511e; }
div.preset-themes ul li#brown { background: #6d4c41; }
div.preset-themes ul li#grey { background: #757575; }
div.preset-themes ul li#bluegrey { background: #546e7a; }
div.preset-themes ul li#black { background: #4d4d4d; }


/* MAIN CONTAINERS
-----------------------------*/

.main-container-fluid { padding: 30px 40px; }
.main-container-fluid.checkout { padding: 30px 30px; }
.main-container-boxed { padding: 30px 40px; }
.main-container-boxed.checkout { padding: 30px 30px; }

/* MEDIA QUERIES
-----------------------------*/

/* XL */
@media screen and (max-width:4000px) {
	img.subcategory-icon { max-height: 125px; width: auto; }
}

/* LG */
@media screen and (max-width:1199px) {
	img.subcategory-icon { max-height: 125px; width: auto; }
}

/* MD AND BELOW */
@media screen and (max-width:991px) {
	.header-upper { font-size: 0.8em; }
	.main-container-fluid { padding: 10px 25px; }
	.main-container-fluid.checkout { padding: 10px 10px; }
	.main-container-boxed { padding: 10px 25px; }
	.main-container-boxed.checkout { padding: 10px 10px; }
	.card { padding: 10px; }
	.mobile-mb20 { margin-bottom: 20px; }
	.col-npl, .col-npr { padding: 0; }
}

/* MD */
@media screen and (min-width:768px) and (max-width:991px) {
	img.subcategory-icon { max-height: 125px; width: auto; }
}

/* SM AND BELOW */
@media screen and (max-width:767px) {
	.block-centered { margin-top: 4px; }
	.row .col-pad-mobile-left { padding-right: 5px; }
	.row .col-pad-mobile-right { padding-left: 5px; }
	.card-block { padding: 10px; }
	.card { padding: 10px; }
	.footer-upper { padding: 30px 30px; }
	.text-mobile { font-size: 0.8em; }
}

/* SM */
@media screen and (min-width:545px) and (max-width:767px) {
	img.subcategory-icon { max-height: 125px; width: auto; }
}

/* SM-XS */
@media screen and (max-width:600px) {
	.card { padding: 10px; margin-bottom: 15px; }
}

/* XS */
@media screen and (max-width:544px) {
	.btn-mobile { width: 100%; }
	.btn-mobile-50 { width: 50%; }
	img.subcategory-icon { max-height: 125px; width: auto; }
}