@-webkit-keyframes dropdown-effect {
    from { top: 140%; opacity: 0.3; }
      to { top: 100%; opacity: 1; }
}
@-moz-keyframes dropdown-effect {
    from { top: 140%; opacity: 0.3; }
      to { top: 100%; opacity: 1; }
}
@keyframes dropdown-effect {
    from { top: 140%; opacity: 0.3; }
      to { top: 100%; opacity: 1; }
}
.open > .dropdown-menu {
	-webkit-animation: dropdown-effect 0.4s;
    animation: dropdown-effect 0.4s;
}
* { -webkit-font-smoothing: antialiased; }
body {
  	background: #fff url('../image/patterns/p7.png') repeat;
	font-family: var(--modern-font-body);
	font-weight: 400;
	color: #666;
	font-size: 12px;
	line-height: 20px;
}
h1, h2, h3, h4, h5, h6 {
	color: #444;
	margin-top: 10px;
}
/* default font size */
.fa {
	font-size: 14px;
}
/* Override the bootstrap defaults */
h1 {
	font-size: 33px;
}
h2 {
	font-size: 27px;
}
h3 {
	font-size: 21px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10.2px;
}
a {
	color: #84BB49;
}
a:hover, a:focus {
	text-decoration: none;
	color: #444;
}
legend {
	font-size: 18px;
	padding: 7px 0px
}
label {
	font-size: 12px;
	font-weight: normal;
}
img { max-width: 100%; }
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
	font-size: 12px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
	font-size: 12px;
}
.input-group .input-group-addon {
	font-size: 12px;
	height: 30px;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
}

.nav-tabs {
	margin-bottom: 15px;
}
div.required .control-label:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}
.dropdown-menu { 
	transition: all 1s;
}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover, .dropdown-menu li > button:hover {
	text-decoration: none;
	color: #333 !important;
	background-color: #eee;
	background-image: none;
}
.form-control {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
/* wrapper */
.container.outer-wrapper {
	padding: 0px;
	background: #fff;
	box-shadow: 0px 0px 5px #999;
	-webkit-box-shadow: 0px 0px 5px #999;
	-moz-box-shadow: 0px 0px 5px #999;
	margin-top: 15px;
	margin-bottom: 15px;
}
.supermenu-wrapper {
	background: #333;
	margin-bottom: 15px;
}
.supermenu-wrapper #supermenu,
.supermenu-wrapper #supermenu.alt2,
.supermenu-wrapper #supermenu.white,
.supermenu-wrapper #supermenu.imgmenu,
.supermenu-wrapper #supermenu.alt1  {
	margin-bottom: 0px;
	background: none;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.supermenu-wrapper #supermenu.white ul li.tlli:hover a.tll,
.supermenu-wrapper #supermenu.white ul li.tlli a.tll {
	border-top: none;
}
.supermenu-wrapper #supermenu ul li a.tll {
	font-size: 15px;
	text-shadow: none !important;
}
.supermenu-wrapper.stickymenu {
	position: fixed;
	top: 0px;
	z-index: 999999;
}
@media (max-width: 767px) {
	.supermenu-wrapper.stickymenu { width: 100%; }
	.container.outer-wrapper { margin-top: 0px; margin-bottom: 0px; }
}
.social-header a {
	line-height: 34px;
	color: #808080;
	font-size: 20px;
	margin-left: 7px;  
	-webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform color;
    -moz-transition-property: -moz-transform color;
    transition-property: transform color;
    overflow:hidden;
}
.social-header a .fa {
	font-size: 22px;
}
.social-header a:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	transform: rotate(360deg);
}
.social-header a.supertheme_facebook:hover { color: #3b5998 !important; }
.social-header a.supertheme_twiter:hover { color: #1dcaff !important; }
.social-header a.supertheme_gplus:hover { color: #d34836 !important; }
.social-header a.supertheme_youtube:hover { color: #d71e17 !important; }
.social-header a.supertheme_linkedin:hover { color: #007bb6 !important; }
.social-header a.supertheme_pinterest:hover { color: #c92228 !important; }
.social-header a.supertheme_instagram:hover { color: #517fa4 !important; }
.btn.btn-rightbox {
	margin-left: 10px !important;
	background-color: #eee;
	background-image: linear-gradient(to bottom, #f9f9f9, #e9e9e9);
	background-repeat: repeat-x;
	border: 1px solid #ddd;
	color: #333;
}

.btn.btn-currency + .dropdown-menu, .btn.btn-language + .dropdown-menu,
.btn.btn-currency + .dropdown-backdrop + .dropdown-menu, .btn.btn-language + .dropdown-backdrop + .dropdown-menu {
	right: 0px;
	left: auto;
}
/* top */
.top-header {
	background: #eee
}
.compact-header #top-links ul li { border: none !important; }
.compact-header #top { min-height: 30px; }
.compact-header #top-links ul li a {
	padding-top: 4px;
	padding-bottom: 4px;
}
.contact-header.pull-right a { font-size: 20px; }
.contact-header.pull-right a .fa { font-size: 18px; }
#top {
	background-color: #EEEEEE;
	border-bottom: 1px solid #e2e2e2;
	padding: 0px;
	margin: 0 0 10px 0;
	min-height: 40px;
}
#top .container {
	padding: 0 15px;
}
#top #currency .currency-select {
	text-align: left;
}
#top .btn-link, #top-links li, #top-links a {
	color: #888;
	text-shadow: 0 1px 0 #FFF;
	text-decoration: none;
}
#top .btn-link:hover, #top-links a:hover {
	color: #444;
}
#top .pull-right {
	margin-top: 5px;
}
#top-links .dropdown-menu a {
	text-shadow: none;
}
#top-links .dropdown-menu a:hover {
	color: #FFF;
}
#top .btn-link strong {
	font-size: 14px;
        line-height: 14px;
}
#top-links {
	padding-top: 0px;
}
#top-links ul {
	margin-bottom: 0px;
}
#top-links ul li { border-right: 1px solid #ddd; }
#top-links a {
	font-size: 15px;
	color: #444;
	line-height: 24px;
	padding: 11px 10px 10px 10px;
	display: block;
}
#top-links a + a {
	margin-left: 15px;
}
#top-links .contact-header a {
	color: #749E68;
} 
@media (max-width: 992px) {
	.expanded-header #top { padding-bottom: 5px; }
	.expanded-header #top-links { 
		clear: both;
		float: none !important;
	}
	.expanded-header #top-links ul { 
		text-align: center; 
		border-bottom: 1px solid #ddd; 
	}
	.expanded-header #top-links ul li { 
		border-right: none; 
	}
	.expanded-header #top-links ul li + li {
		border-left: 1px solid #ddd;	
	}
	.expanded-header .pull-right.social-header { float: left !important; }
	.compact-header #headerbanner { text-align: right; }
}
@media (max-width: 767px) {
	.expanded-header #top-links .caret { display: none; }	
	#logo a, #headerbanner, .compact-header #headerbanner { text-align: center; display: block; }
	#headerbanner { margin-bottom: 10px; }
}
@media (max-width: 467px) {
	.compact-header .cart-wrapper .btn.btn-cart .has-cart-icon, .compact-header .cart-wrapper .btn.btn-account .has-account-icon { width: 34px !important; }
	.compact-header .cart-wrapper .btn.btn-cart { padding-left: 34px !important; }
	.compact-header .cart-wrapper .btn.btn-account { padding-left: 40px !important; padding-right: 6px !important; }
	#cart .dropdown-menu .table.table-striped tbody > tr > td { font-size: 11px; }
}
@media (max-width: 377px) {
	#top-links a { 
		padding-left: 5px;
		padding-right: 5px;
	}
}
/* logo */
#logo {
	margin: 0 0 10px 0;
}
/* search */
.search-wrapper .pull-right + #search {
	margin-right: 53px;
}
.search-wrapper .btn.btn-rightbox { width: 42px; }
.search-wrapper .pull-right + .pull-right + #search {
	margin-right: 105px;
}
.search-wrapper .pull-right + .pull-right + .pull-right + #search {
	margin-right: 157px;
}
.search-wrapper .btn.btn-rightbox {
	padding-top: 10px;
	padding-bottom: 10px;
}
.search-wrapper .btn.btn-rightbox.btn-currency { font-size: 11px; padding-top: 12px; padding-left: 10px; padding-right: 10px; line-height: 15px; }
.btn.btn-sharedropdown { text-align: center; padding-top: 12px !important; line-height: 15px; }
.social-dropdown .dropdown-menu {
	min-width: 42px;
	width: 42px;
}
.social-dropdown .dropdown-menu li > a {
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	display: block;
	margin-left: 0px;
}
.social-dropdown .dropdown-menu li > a:hover {
	background: none;
}
#search {
	margin-bottom: 10px;
	position: relative;
}
#search input {
	height: 40px;
	line-height: 20px;
	padding: 0 10px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
#search .search-btn {
	font-size: 15px;
	line-height: 18px;
	padding: 10px 15px;
	text-shadow: 0 1px 0 #FFF;
	background: none;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	position: absolute;
	right: 3px;
	top: 0px;
}
/* cart */
.btn.btn-green {
	background-color: #8ED238;
	background-image: linear-gradient(to bottom, #8ED238, #82C033);
	background-repeat: repeat-x;
	border: 1px solid #4BA330;
	
}
.btn.btn-cart {
	position: relative;
	padding-left: 48px;
	padding-right: 2px;
	
}
.btn.btn-cart .has-cart-icon {
	width: 46px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	background: #E85800;
	position: absolute;
	left: -1px;
	top: 50%;
	margin-top: -23px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.btn.btn-cart .has-cart-icon .fa { 
	font-size: 25px; 
	line-height: 46px;
}
.compact-header .cart-wrapper {
	display: table;
	margin-bottom: 10px;
	width: 100%;
}
.compact-header .cart-wrapper .account-button, .compact-header .cart-wrapper #cart {
	display: table-cell !important;
	float: none !important;
}
.compact-header .cart-wrapper .account-button { min-width: 33%; }
.compact-header .cart-wrapper .btn.btn-account {
	margin-left: 0px !important;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 50px;
	line-height: 18px;
	-webkit-border-radius: 2px 0px 0px 2px;
	-moz-border-radius: 2px 0px 0px 2px;
	border-radius: 2px 0px 0px 2px;
	color: #fff;
	float: none !important;
	display: block;
	text-align: center;
	width: 100%;
}	
.compact-header .cart-wrapper .btn-group { display: block; }
.compact-header .cart-wrapper .btn.btn-cart .has-cart-icon {
	width: 40px;
	height: 40px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin-top: -20px;
}
.compact-header .cart-wrapper .btn.btn-cart .has-cart-icon .fa {
	line-height: 40px;
	font-size: 20px;
}
.compact-header .cart-wrapper .btn.btn-cart { padding-left: 40px; }
.compact-header .cart-wrapper .btn.btn-account .has-account-icon {
	width: 40px;
	height: 40px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin-top: -20px;
	position: absolute;
	left: -1px;
	top: 50%;
	background: #E85800;
	-webkit-border-radius: 2px 0px 0px 2px;
	-moz-border-radius: 2px 0px 0px 2px;
	border-radius: 2px 0px 0px 2px;
}
.compact-header .cart-wrapper .btn.btn-account .has-account-icon .fa {
	line-height: 40px;
	font-size: 20px;
}
#cart {
	margin-bottom: 10px;
}
#cart > .btn {
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
}
#cart.open > .btn, .account-button .open > .btn.btn-account {
	background-image: none;
	background-color: #FFFFFF;
	border: 1px solid #E6E6E6;
	color: #666;
	box-shadow: none;
	text-shadow: none;
}
#cart.open > .btn:hover {
	color: #444;
}
#cart .dropdown-menu .table.table-striped tbody > tr > td {
	font-size: 13px;
	border-top: none;
	border-bottom: 1px solid #e9e9e9;
	background: none !important;
}
#cart .dropdown-menu .table.table-bordered {
	border-spacing: 0px 5px;
	border-collapse: collapse;
	border: none;
}
#cart .dropdown-menu .table.table-bordered td { border: 1px solid #eee; }
#cart .dropdown-menu p.text-right a { font-size: 14px; }
#cart .dropdown-menu {
	background: #fff;
	z-index: 1001;
	min-width: 100%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
}
.cart-bottom {
	padding: 15px;
	background: #82C033;
	margin-left: -11px;
	margin-right: -11px;
	margin-bottom: -6px;
}
.cart-bottom a { 
	color: #fff; 
	display: inline-block;
	padding: 8px;
	border-radius: 3px;
	border: 1px solid #416217;
	margin: 3px;
}
.cart-bottom a:hover {
	background: #fff;
	color: #333;
}	
.cart-bottom  .info-total {
	display: block;
	float: left;
	color: #416217;
	font-size: 24px;
	padding-top: 11px;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.5);
}
.btn.btn-danger {
	background: #E55A31;
}
	@media (max-width: 478px) {
		#cart .dropdown-menu {
			width: 100%;
		}
	}
#cart .dropdown-menu table {
	margin-bottom: 10px;
}
#cart .dropdown-menu li > div {
	min-width: 427px;
	padding: 0 10px;
}
	@media (max-width: 478px) {
		#cart .dropdown-menu li > div {
			min-width: 100%;
		}
	}
#cart .dropdown-menu li p {
	margin: 20px 0;
}
/* menu */
#menu {
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
	min-height: 40px;
}
#menu .nav > li > a {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	padding: 10px 15px 10px 15px;
	min-height: 15px;
	background-color: transparent;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
	background-color: rgba(0, 0, 0, 0.1);
}
#menu .dropdown-menu {
	padding-bottom: 0;
}
#menu .dropdown-inner {
	display: table;
}
#menu .dropdown-inner ul {
	display: table-cell;
}
#menu .dropdown-inner a {
	min-width: 160px;
	display: block;
	padding: 3px 20px;
	clear: both;
	line-height: 20px;
	color: #333333;
	font-size: 12px;
}
#menu .dropdown-inner li a:hover {
	color: #FFFFFF;
}
#menu .see-all {
	display: block;
	margin-top: 0.5em;
	border-top: 1px solid #DDD;
	padding: 3px 20px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 3px 3px;
	font-size: 12px;
}
#menu .see-all:hover, #menu .see-all:focus {
	text-decoration: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}
#menu #category {
	float: left;
	padding-left: 15px;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .btn-navbar {
	font-size: 15px;
	font-stretch: expanded;
	color: #FFF;
	padding: 2px 18px;
	float: right;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
	color: #ffffff;
	background-color: #229ac8;
}
@media (min-width: 768px) {
	#menu .dropdown:hover .dropdown-menu {
		display: block;
	}
}
@media (max-width: 767px) {
	#menu {
		border-radius: 4px;
	}
	#menu div.dropdown-inner > ul.list-unstyled {
		display: block;
	}
	#menu div.dropdown-menu {
		margin-left: 0 !important;
		padding-bottom: 10px;
		background-color: rgba(0, 0, 0, 0.1);
	}
	#menu .dropdown-inner {
		display: block;
	}
	#menu .dropdown-inner a {
		width: 100%;
		color: #fff;
	}
	#menu .dropdown-menu a:hover,
	#menu .dropdown-menu ul li a:hover {
		background: rgba(0, 0, 0, 0.1);
	}
	#menu .see-all {
		margin-top: 0;
		border: none;
		border-radius: 0;
		color: #fff;
	}
}
/* content */
#content {
	min-height: 400px;
}
/* footer */
.bottom-footer {
	margin-top: 20px;
	padding-top: 15px;
	background-color: #eee;
	color: #444;
}
.bottom-footer hr {
	border-top: none;
	border-bottom: 1px solid #ddd;
}
.bottom-footer a {
	color: #333;
}
.bottom-footer a:hover {
	color: #000;
}
.bottom-footer h5 {
	font-family: var(--modern-font-heading);
	font-size: 17px;
	font-weight: normal;
	color: #E85800;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
}
.bottom-footer h5 + ul li {
	padding: 5px;
}
.bottom-footer h5 + ul li a {
	font-size: 14px;
}
.bottom-footer .pm-image {
	float: right;
	margin-bottom: 10px;
}
.footer-address .f-a-item .fa {
	font-size: 17px;
	color: #5a5a5a;
	margin-right: 5px;
}
.footer-address .social-header a {
	margin-left: 0px;
	margin-right: 10px;
}
.footer-address .social-header a .fa { font-size: 30px; }

.footer-address .social-header a.supertheme_facebook { color: #3b5998; }
.footer-address .social-header a.supertheme_twiter { color: #1dcaff; }
.footer-address .social-header a.supertheme_gplus { color: #d34836; }
.footer-address .social-header a.supertheme_youtube { color: #d71e17; }
.footer-address .social-header a.supertheme_linkedin { color: #007bb6; }
.footer-address .social-header a.supertheme_pinterest { color: #c92228; }
.footer-address .social-header a.supertheme_instagram { color: #517fa4; }

.footer-address li { font-size: 14px; }
.above-columns > div > div { overflow: hidden; }
.above-columns > div > div iframe { max-width: 100% !important; }
/* alert */
.alert {
	padding: 8px 14px 8px 14px;
}
/* breadcrumb */
.breadcrumb {
	padding: 8px 0;
	border: none;
	background: none;
	border-bottom: 1px solid #eee;
	margin-left: -15px;
	margin-right: -15px;
	margin-top: -12px;
	border-radius: 0px;
	padding-left: 13px;
	margin-bottom: 15px;
}
.breadcrumb i {
	font-size: 16px;
}
.breadcrumb > li {
	text-shadow: 0 1px 0 #FFF;
	padding: 0 14px;
	position: relative;
	white-space: normal;
}
.breadcrumb > li + li:before {
	content: '';
	padding: 0;
}
.breadcrumb > li a { font-size: 13px; color: #888; }
.breadcrumb > li:last-child a { color: #444; }
.breadcrumb > li:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -3px;
	right: -5px;
	width: 6px;
	height: 6px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.breadcrumb > li:last-child:after { content: none; }
.pagination {
	margin: 0;
}
/* buttons */
.buttons {
	margin: 1em 0;
}
.btn {
	padding: 7.5px 12px;
	font-size: 12px;
	border: 1px solid #cccccc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn-xs {
	font-size: 9px;
}
.btn-sm {
	font-size: 10.2px;
}
.btn-lg {
	padding: 10px 16px;
	font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
	font-size: 12px;
}
.btn-group > .btn-xs {
	font-size: 9px;
}
.btn-group > .btn-sm {
	font-size: 10.2px;
}
.btn-group > .btn-lg {
	font-size: 15px;
}

.btn-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #da4f49;
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-success {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #df5c39;
	background-image: linear-gradient(to bottom, #e06342, #dc512c);
	background-repeat: repeat-x;
	border-color: #dc512c #dc512c #a2371a;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
	background-image: none;
	background-color: #df5c39;
}
.btn-link {
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: #84BB49;
	border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	box-shadow: none;
}
.btn-inverse {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
	background-color: #222222;
	background-image: linear-gradient(to bottom, #333333, #111111);
}
/* list group */
.list-group a {
	border: 1px solid #e7e7e7;
	color: #888888;
	padding: 8px 12px;
	-webkit-transition: color .5s ease-in-out;
    -moz-transition: color .5s ease-in-out;
    transition: color .5s ease-in-out;
	padding: 12px;
}
.list-group-item:first-child, .list-group-item:last-child { border-radius: 0px; }
.list-group a.active, .list-group a.active:hover, .list-group a:hover, a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
	color: #222;
	background: #444;
	border: 1px solid #444;
	color: #fff;
	position: relative;
}
.list-group a.active:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: -8px;
	width: 15px;
	height: 15px;
	background: #444;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/* carousel */
.carousel-caption {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
	content: '\f053';
	font-family: FontAwesome;
}
.carousel-control .icon-next:before {
	content: '\f054';
	font-family: FontAwesome;
}
/* product list */
.product-thumb {
	border: 1px solid #ddd;
	margin-bottom: 20px;
	border-radius: 2px;
}
.product-thumb .image {
	text-align: center;
}
.product-thumb .image a {
	display: block;
}
.product-thumb .image img {
	margin-left: auto;
	margin-right: auto;
}
.product-grid .product-thumb .image {
	float: none;
}
@media (min-width: 767px) {
.product-list .product-thumb .image {
	float: left;
	padding: 0 15px;
}
}
.product-thumb h4 {
	font-weight: bold;
}
.product-thumb .caption {
	padding: 0 15px;
}
.product-list .product-thumb .caption {
	margin-left: 230px;
}
@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
	min-height: 210px;
	padding: 0 10px;
}
}
@media (max-width: 767px) {
.product-list .product-thumb .caption {
	min-height: 0;
	margin-left: 0;
	padding: 0 10px;
}
.product-grid .product-thumb .caption {
	min-height: 0;
}
}

.product-thumb .rating {
	padding-bottom: 10px;
}
.rating .fa-stack {
	font-size: 8px;
}
.rating .fa-star-o {
	color: #999;
	font-size: 15px;
}
.rating .fa-star {
	color: #FC0;
	font-size: 15px;
}
.rating .fa-star + .fa-star-o {
	color: #E69500;
}
h2.price {
	margin: 0;
}

.product-thumb .button-group {
	border-top: 1px solid #ddd;
	background-color: #eee;
	overflow: auto;
}
.product-list .product-thumb .button-group {
	border-left: 1px solid #ddd;
}

@media (max-width: 767px) {
	.product-list .product-thumb .button-group {
		border-left: none;
	}
}
.product-thumb .button-group button {
	width: 60%;
	border: none;
	display: inline-block;
	float: left;
	background-color: #eee;
	background-image: linear-gradient(to bottom, #f9f9f9, #e9e9e9);
	background-repeat: repeat-x;
	color: #888;
	line-height: 38px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.product-thumb .button-group button + button {
	width: 20%;
	border-left: 1px solid #ddd;
}
.product-thumb .button-group button:hover {
	color: #444;
	background-color: #ddd;
	text-decoration: none;
	cursor: pointer;
}
@media (max-width: 1200px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
}
@media (max-width: 767px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
}
.thumbnails {
	overflow: auto;
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}
.thumbnails > li {
	margin-left: 20px;
}
.thumbnails {
	margin-left: -20px;
}
.thumbnails > img {
	width: 100%;
}
.image-additional a {
	margin-bottom: 20px;
	padding: 5px;
	display: block;
	border: 1px solid #ddd;
}
.image-additional {
	max-width: 78px;
}
.thumbnails .image-additional {
	float: left;
	margin-left: 20px;
}
.thumbnail {
	border: 1px solid #eee;
	border-radius: 2px;
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3{
       width: 100%;
    }
    #column-left + #content .product-layout .col-md-3 {
       width: 50%;
    }
    #column-left + #content + #column-right .product-layout .col-md-3{
       width: 100%;
    }
    #content + #column-right .product-layout .col-md-3{
       width: 100%;
    }
}
.smp-row { font-size: 5px; }
.smp-row > div {
 	display: inline-block;	
	float: none;
	font-size: 12px;
	vertical-align: top;
}
.smp-row.not-carousel > div, .smp-row.smp-grid > div { margin-left: -1px; }
#column-left .smp-row > div, #column-right .smp-row > div {
	display: block;
	float: none;
	width: 100%;
}
.smp-row .product-thumb .image { position: relative; overflow: hidden; }
.smp-row .product-thumb .image a { padding: 2px; }
.smp-row .product-thumb .smp-overlay {
	top: -101%;
	position: absolute;
	width: 100%;
	background-color: #fff;
	background-color:rgba(255,255,255,0.85);
	text-align: center;
	height: 100%;
	padding: 15px;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	transition-delay: 0.1s;
	overflow: hidden;
}
.smp-row .product-thumb .smp-overlay p,.smp-row .product-thumb .smp-overlay p a, .smp-row .product-thumb .smp-overlay p a:hover  { padding-top: 10px; color: #000; }
.smp-row .product-thumb .image:hover .smp-overlay {
	top: 0px;
}
.smp-o-buttons button {
	font-size: 20px;
	line-height: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: none;
	margin: 5px;
	-webkit-border-radius: 10%;
	-moz-border-radius: 10%;
	border-radius: 10%;
	width: 45px;
	text-align: center;
	height: 45px;
	box-shadow: 0px 0px 5px #888;
	background: #86C534;
	color: #fff;
	position: relative;
	margin-left: 5px;
}
.smp-o-buttons button .fa { font-size: 18px; }
.smp-row .product-thumb .smp-o-buttons {
	overflow: hidden;
}
.smp-o-buttons button:hover {
	color: #fff; 
	background: #333;
}
.smp-row .product-thumb .smp-o-buttons button {
	margin-left: -200px;
	-webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
	transition-delay: 0.1s;
}
.smp-row .product-thumb .image:hover .smp-o-buttons button {
	margin-left: 5px;
}
.smp-list .smp-o-buttons button {
	font-size: 18px;
	line-height: 18px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 3px;
	width: 38px;
	height: 38px;
	margin-left: 5px !important;
}
.smp-o-buttons button.smaller {
	font-size: 15px;
	line-height: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 3px;
	width: 25px;
	height: 25px;
	padding-left: 0px;
	padding-right: 0px;
}
.smp-o-buttons button.smaller .fa { font-size: 12px; }
.btn.btn-primary {
	color: #fff;
	background: #E85800;
	padding: 10px 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 16px;
	border: none;
	-webkit-box-shadow:  0 5px 0 #B3612E;
    -moz-box-shadow: 0 5px 0 #B3612E;
    box-shadow: 0 5px 0 #B3612E;
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
	margin-bottom: 5px;
	height: 42px;
	line-height: 22px;
}
.btn.btn-primary:hover {
	-webkit-box-shadow:  0 5px 0 #000;
    -moz-box-shadow: 0 5px 0 #000;
    box-shadow: 0 5px 0 #000;
	background: #444;
}
.price-cart.astable {
	padding: 10px;
	padding-right: 55px;
	position: relative;
	border-top: 1px solid #eee;
}
.price-cart.astable.minheight {
	min-height: 60px;
}
.price-cart.astable .cart-button {
	max-width: 38px;
	height: 38px;
	line-height: 38px;
	margin-top: -19px;
	border: none;
	color: #fff;
	text-align: center;
	position: absolute;
	padding: 0px;
	top: 50%;
	right: 12px;
	text-align: center;
	border-radius: 4px;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	background-color: #333;
	background-image: linear-gradient(to bottom, #444, #222);
	background-repeat: repeat-x;
	overflow: hidden;
	border: 1px solid #333;
	-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 0px rgba(255,255,255,.4);
	padding-left: 10px;
	padding-right: 10px;
}
.price-cart.astable .cart-button span { 
	word-wrap: break-word;
}
.price-cart.astable .cart-button:hover {
	max-width: 200px; 
}
.price-cart.astable .cart-button .fa {
	font-size: 16px;
}
.product-thumb .price {
	color: #E85800;
	font-weight: bold;
	font-size: 17px;
}
.product-thumb .price.smaller { font-size: 13px; font-weight: normal; }
.product-thumb .price.smaller .price-tax { font-size: 11px; }
.product-thumb h4 a { color: #444; font-weight: normal; }
.product-thumb .price-new {
	font-weight: 600;
}
.product-thumb .price-old {
	color: #333;
	text-decoration: line-through;
}
.product-thumb .price-tax {
	color: #999;
	font-size: 12px;
	display: block;
}

.owl-carousel.owl-supertheme {
	background: transparent;
	border: none;
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-raius: 0px;
	-moz-border-raius: 0px;
	border-raius: 0px;
}
.image .offbadge {
	position: absolute;
	top: 1px;
	right: 1px;
	font-size: 17px;
	color: #fff;
	background: #8CCF37;
	display: block;
	padding: 10px;
}
.image .no-stock-over {
	position: absolute;
	top: 1px;
	left: 1px;
	font-size: 13px;
	color: #fff;
	background: #E85800;
	display: block;
	padding: 10px;
	max-width: 80px;
	text-align: center;
}
.main-image { position: relative; }
.main-image .offbadge {
	right: 5px;
	top: 5px;
	font-size: 20px;
	padding: 15px;
}
.main-image .no-stock-over {
	left: 5px;
	top: 5px;
	font-size: 15px;
	padding: 15px;
	max-width: 100px;
}
.image .offbadge:before {
	content: " ";
	display: block;
	position: absolute;
	left: 0px;
	bottom: -8px;
	width: 8px;
	height: 8px;
	border-left: 8px solid #8CCF37;
	border-bottom: 8px solid transparent !important;
}
.image .no-stock-over:before {
	content: " ";
	display: block;
	position: absolute;
	right: 0px;
	bottom: -8px;
	width: 8px;
	height: 8px;
	border-right: 8px solid #E85800;
	border-bottom: 8px solid transparent !important;
}
.smp-row.page-lister.smp-list > div {
	display: block;
	width: 100%;
	float: none;
}
.smp-row.smp-list .product-thumb:hover .smp-overlay { display: none; }
.buttons-from-overlay { text-align: center; padding: 10px; }
.description-from-overlay { margin-bottom: 10px; }
.smp-list .price-cart.astable.nocart { padding-right: 10px; text-align: right; }
.description-from-overlay, .description-from-overlay a { color: #777; }
@media (min-width: 768px) {
	.smp-row.page-lister.smp-list .image { float: left; margin-right: 15px; }
	.smp-row.page-lister.smp-list .image .offbadge { right: 11px; }
	.smp-row.page-lister.smp-list .toright { float: right; }
	.smp-row.page-lister.smp-list .price-cart.astable { border-top: none; }
	.buttons-from-overlay { text-align: right; }
	.smp-row.page-lister.smp-list .product-thumb h4 { margin-top: 17px; font-size: 17px; }
	.smp-row.page-lister.smp-list .product-thumb .image a { padding: 10px; }
	.smp-row.page-lister.smp-list .product-thumb .image img { max-width: 200px; }
}
@media (min-width: 768px) and (max-width: 992px) {
	.smp-row.page-lister.smp-list .product-thumb .image img { max-width: 150px; }
}
.category-list-module { margin-bottom: 15px; }
.category-list-module a {
	display: block;
	font-size: 18px;
	color: #888;
	padding: 5px;
	padding-left: 0px;
}
.category-list-module a.active { color: #E85800; }
/*module titles*/
.composed-title h3.module-title {
	border-bottom: 1px solid #e7e7e7;
	border-top: 1px solid #e7e7e7;
	padding: 0px;
	margin: 0px;
	margin-bottom:10px;
	text-align: center;
}
.composed-title h3.module-title:before, .composed-title h3.module-title:after {
	content: " ";
	display: table;
	clear: both;
}
.composed-title h3.module-title span.inner {
	display: inline-block;
	padding: 10px;
	background: #f0f0f0;
	color: #333;
	position: relative;
}
.composed-title h3.module-title span.outer {
	display: inline-block;
	position: relative;
}
.composed-title h3.module-title span.inner:before {
	content: " ";
	display: inline-block;
	width: 10px;
	border-bottom: 10px solid #f0f0f0;
	left: -10px;
	position: absolute;
	border-left: 10px solid transparent;
	bottom: 0px;
}
.composed-title h3.module-title span.inner:after {
	content: " ";
	display: inline-block;
	width: 10px;
	border-bottom: 10px solid #f0f0f0;
	right: -10px;
	position: absolute;
	border-right: 10px solid transparent;
	bottom: 0px;
}
.composed-title h3.module-title span.outer:before {
	content: " ";
	display: inline-block;
	width: 10px;
	border-top: 10px solid #f0f0f0;
	left: -10px;
	position: absolute;
	border-left: 10px solid transparent;
	top: 0px;
}
.composed-title h3.module-title span.outer:after {
	content: " ";
	display: inline-block;
	width: 10px;
	border-top: 10px solid #f0f0f0;
	right: -10px;
	position: absolute;
	border-right: 10px solid transparent;
	top: 0px;
}
h3.module-title span.outer .sm_car_btn {
	position: absolute;
	color: #C7C7C7;
	height: 27px;
	line-height: 27px;
	width: 24px;
	padding: 0px;
	display: block;
	text-align: center;
	top: 50%;
	margin-top: -13px;
	cursor: pointer;
}
.composed-title #column-left h3.module-title, .composed-title #column-right h3.module-title { font-size: 17px; }
h3.module-title span.outer .sm_car_btn:hover { color: #333; }
h3.module-title span.outer .sm_car_btn .fa { font-size: 20px; }
.composed-title .sm_car_btn.sm_car_next { right: -30px; }
.composed-title .sm_car_btn.sm_car_prev { left: -30px; }
.sm-car-item { padding-left: 5px; padding-right: 5px; }
.simple-title .module-title {
	border-top: 3px solid #E85800;
	margin-top: 0px;
	padding-top: 6px;
	font-size: 30px;
	position: relative;
}
.default-title .module-title {
	margin-top: 0px;
	font-size: 24px;
	position: relative;
	margin-bottom: 15px;
}
.block-title .module-title {
	margin-top: 0px;
	padding: 8px;
	font-size: 26px;
	color: #fff;
	background: #E85800;
	position: relative;
}
.block-title h3.module-title span.outer .sm_car_btn { color: #fff; }
.block-title h3.module-title span.outer .sm_car_btn:hover { color: #333; }
.simple-title .module-title, .default-title .module-title, .block-title .module-title { padding-right: 50px; }
.simple-title .module-title::first-letter { color: #E85800; }
.simple-title .sm_car_btn.sm_car_next, .default-title .sm_car_btn.sm_car_next { right: 0px; }
.simple-title .sm_car_btn.sm_car_prev, .default-title .sm_car_btn.sm_car_prev { right: 30px; }
.block-title .sm_car_btn.sm_car_next { right: 5px; }
.block-title .sm_car_btn.sm_car_prev { right: 30px; }
@media (max-width: 992px) {
	.simple-title .module-title, .default-title .module-title, .block-title .module-title { font-size: 20px; }
	h3.module-title span.outer .sm_car_btn {
		height: 19px;
		line-height: 19px;
		width: 16px;
		top: 50%;
		margin-top: -9px;
	}
	.simple-title h3.module-title span.outer .sm_car_btn { margin-top: -6px; }
}
/*page titles*/
.simple-h1 #content > h2:first-child, .simple-h1 #content h1:first-child { 
	font-size: 30px; 
	border-top: 3px solid #E85800;
	margin-top: 0px;
	padding-top: 6px;
	margin-bottom: 15px;
}
.simple-h1 #content > h2:first-child::first-letter, .simple-h1 #content h1:first-child::first-letter { color: #E85800; }
.block-h1 #content > h2:first-child, .block-h1 #content h1:first-child { 
	margin-top: 0px;
	padding: 8px;
	font-size: 26px;
	color: #fff;
	background: #E85800;
}
.default-h1 #content > h2:first-child, .default-h1 #content h1:first-child { 
	font-size: 30px; 
	margin-top: 0px;
}
@media (max-width: 992px) {
	.simple-h1 #content > h2:first-child, .simple-h1 #content h1:first-child { font-size: 24px; }
	.default-h1 #content > h2:first-child, .default-h1 #content h1:first-child { font-size: 24px; }
	.block-h1 #content > h2:first-child, .block-h1 #content h1:first-child { font-size: 20px; }
}
.list-grid-buttons { width: 100%; }
.list-grid-buttons > button { width: 50%; }
a#compare-total { 
	display: block; 
	text-align: center;
	height: 34px;
	padding: 7px;
	line-height: 20px;
	color: #575757;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 2px;
	transition: background 0.8s;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
a#compare-total:hover {
	color: #E85800;
}
.list-grid-buttons button, .btn-group.add-comp-wish button {
	color: #575757;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 2px;
	transition: background 0.8s;
}
.list-grid-buttons button:hover, .list-grid-buttons button.active, .btn-group.add-comp-wish button:hover {
	background: #fff;
	border: 1px solid #ccc;
	color: #E85800;
	box-shadow: none;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { 
	background: #E85800; 
	border-color: #E85800; 
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus, .pagination>li>a, .pagination>li>span { 
	color: #E85800; 
	border-radius: 4px !important; 
	margin-right: 5px; 
}
.pagination>li { displayt: inline-block; }
.nav-tabs.product-tabs { 
	text-align: center;
	margin-top: 15px;
}
.nav-tabs.product-tabs > li { 
	float: none;
	display: inline-block;
}
@media (min-width: 768px) {
	.nav-tabs.product-tabs > li > a { 
		font-size: 17px;
		pading: 15px 20px;
	}
}
.product-short, .product-short a { font-size: 13px; }
.product-short { margin-bottom: 0px; }
.product-price h3 { 
	margin: 0px; 
	color: #E85800;
	font-size: 30px;
}
.product-price h3 span { font-size: 20px; color: #888; }
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #84BB49; }
.add-to-cart { width: 100%; margin-bottom: 15px; }
.add-to-cart td { 
	width: 120px; 
	position: relative;
}
.add-to-cart td + td { width: auto; }
.add-to-cart .qty-but {
	display: block;
	cursor: pointer;
	color: #fff;
	background: #E85800;
	border-radius: 5px;
	width: 25px;
	height: 47px;
	line-height: 47px;
	font-size: 25px;
	top: 0px;
	position: absolute;
	text-align: center;
	transition: background .5s;
}
.add-to-cart .qty-but:hover { background: #444; }
#lessqty { left: 0px; }
#moreqty { right: 10px; }
.add-to-cart .qty-but b {
	display: block;
	width: 100%;
	line-height: 17px;
	height: 17px;
	position: absolute;
	top: 50%;
	margin-top: -9px;
}
.add-to-cart #qty-field {
	position: absolute;
	top: 0px;
	left: 35px;
	width: 40px;
	height: 47px;
	text-align: center;
	padding-left: 2px;
	padding-right: 2px;
	border-radius: 5px;
}
.btn-group.add-comp-wish { 
	width: 100%;
	margin-bottom: 15px;
}
.btn-group.add-comp-wish.both > button { width: 50%; height : 42px; }
.btn-group.add-comp-wish.onlyone > button { width: 100%; height : 42px; }
.pinfo { margin-bottom: 15px; }
.nav>li>a:hover, .nav>li>a:focus {
	background: #E85800;
	color: #fff;
}
.btn.btn-default {
	background: #E85800;
	color: #fff;
	border-color: #B3612E;
}
@media (max-width: 767px) {
	.btn.btn-primary {
		padding: 10px 10px; 
 	}
}
@media (max-width: 368px) {
	.btn.btn-primary {
		font-size: 13px;
 	}
	
}
.modal-dialog { margin-top: 150px; }
.image-in-modal { margin-right: 10px; }
.cart-bottom.modal-footer {
	margin: 0px; 
	border-radius: 0px 0px 6px 6px;
} 
.cart-bottom.modal-footer .info-total { 
	padding-top: 0px;
	text-align: left;
	font-size: 17px;
}
.modal-total.info-total.wl-total { float: right;}
.modal-cart { font-size: 14px; }
.smp-extra { display: block; padding-bottom: 2px; color: #999; }
.searchrow input[type="text"], .searchrow select { height: 46px; }
.searchrow + h2 { margin-bottom: 20px; }
.smp-extra:last-child { margin-bottom: 7px; }
.btn.btn-primary.minibut { padding: 4px 12px; }
.wl-image { display: none; }
@media (max-width: 767px) {
	.wl-table .minibut { margin-bottom: 10px; clear: both; float: left; }
	.wl-table .minibut + a { clear: left; float: left; }
	.wl-table .td-model { display: none; }
	.wl-table .td-stock { display: none; }
	.wl-table .td-image { display: none; }
	.wl-image { display: block; margin-bottom: 5px; }
}
.panel-default>.panel-heading {
	color: #E85800;
	background-color: #FFFFFF;
	border-color: #ECECEC; 
	padding: 15px;
}
.panel-default { border-color: #ECECEC; }
.panel-default>.panel-heading+.panel-collapse .panel-body { border-top-color: #ECECEC; }
.text-danger { color: #FD6348; }
.has-error .form-control { border-color: #FD6348; }
.well { border-radius: 3px; }
.btn-success {
	background-color: #A4DA5F;
	background-image: linear-gradient(to bottom, #A3D95F, #82C033);
}
#modal-shipping .btn { float: left; }
.account-account #content .list-unstyled:before, .account-account .list-unstyled:after {
	content: '';
	display: table;
	clear: both;
}
.account-account #content .list-unstyled li {
	float: left;
	width: 49.9%;
}
.account-account #content .list-unstyled li:nth-child(odd) { float: left; clear: left; padding-right: 10px; }
.account-account #content .list-unstyled li:nth-child(even) { float:right; clear: right; padding-left: 10px; }
.account-account #content .list-unstyled li a { 
	display: block;
	font-size: 16px;
	padding: 15px;
	margin-bottom: 10px;
	border: 1px solid #ececec;
	color: #888;
}
.account-account #content .list-unstyled li a:hover { background: #eee; }
.account-account #content .list-unstyled li a:before {
        font-family: FontAwesome;
        content: "\f105";
		margin-right: 10px;
}
.account-account #content .list-unstyled li a[href*="password"]:before { content: "\f084"; }
.account-account #content .list-unstyled li a[href*="address"]:before { content: "\f02d"; }
.account-account #content .list-unstyled li a[href*="wishlist"]:before { content: "\f004"; }
.account-account #content .list-unstyled li a[href*="order"]:before { content: "\f0c9"; }
.account-account #content .list-unstyled li a[href*="download"]:before { content: "\f019"; }
.account-account #content .list-unstyled li a[href*="reward"]:before { content: "\f1c0"; }
.account-account #content .list-unstyled li a[href*="return"]:before { content: "\f112"; }
.account-account #content .list-unstyled li a[href*="transaction"]:before { content: "\f016"; }
.account-account #content .list-unstyled li a[href*="recurring"]:before { content: "\f133"; }
.account-account #content .list-unstyled li a[href*="newsletter"]:before { content: "\f003"; }
.account-account #content .list-unstyled li a[href*="edit"]:before { content: "\f044"; }
.account-account #content h2 { margin-bottom: 20px; }
@media (max-width: 767px) {
	.account-account #content .list-unstyled li { float: none !important; width: 100% !important; padding: 0px !important; }
}
body[class^="account"] .btn-default {
	padding: 10px 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 16px;
	border: none;
	-webkit-box-shadow:  0 5px 0 #B3612E;
    -moz-box-shadow: 0 5px 0 #B3612E;
    box-shadow: 0 5px 0 #B3612E;
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
	margin-bottom: 5px;
	height: 42px;
	line-height: 22px;
	
}
.input-group .btn.btn-primary, body[class^="account"] .input-group .btn.btn-default {
	-webkit-box-shadow:  none;
    -moz-box-shadow: none;
    box-shadow: none;
	height: 34px;
	padding: 7.5px 12px;
	line-height: 13px;
	font-size: 12px;
}
@media (max-width: 991px) {
	.psorts > div { margin-bottom: 5px; }
	.btn.btn-primary { padding-left: 15px; padding-right: 15px; }
}
.supermenu-wrapper #menu {
	margin-bottom: 0px;
	background: none !important;
	border: none !important;
	box-shadow: none !important;
}
.supermenu-wrapper #menu .navbar-collapse { padding-left: 0px; padding-right: 0px; }
.smp-list .product-thumb:before, .smp-list .product-thumb:after {
	content: '';
	display: table;
	clear: both;
}
.col-sm-12.control-label { text-align: left; }
.owl-carousel.mainslider { 
	border: none !important;
	margin-bottom: 20px;
	-webkit-border-radius: 1px;
 	-moz-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 1px;
}
.owl-carousel.mainslider .owl-controls { height: 0px; }
.banner { margin-bottom: 15px; }
.shimage img, .banner img {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
  -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
  box-shadow: 0 1px 4px rgba(0,0,0,.2);
}
.shrow { margin-bottom: 17px !important; }
.panel-default.panel-refine > .panel-heading { font-size: 20px; }
.panel-default.panel-refine .list-group { margin-bottom: 0px; }
.header-pos .shimage { text-align: center; }
.bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover { background-color: #E85800 !important; }
.owl-wrapper-outer { 
	border: none !important; 
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-o-border-radius: 0px !important;
	border-radius: 0px !important;
	-webkit-box-shadow : none !important;
	-moz-box-shadow : none !important;
	-o-box-shadow : none !important;
	box-shadow : none !important;
}
.owl-carousel.mainslider {
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
  	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
  	-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
  	box-shadow: 0 1px 4px rgba(0,0,0,.2);
}

/* Modern storefront palette and homepage refresh. */
/* Self-hosted Inter variable font (SIL OFL, from Fontsource), Latin + Cyrillic. */
@font-face { font-family: 'Inter'; font-style: normal; font-display: swap; font-weight: 100 900; src: url('../fonts/inter-cyrillic-wght-normal.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Inter'; font-style: normal; font-display: swap; font-weight: 100 900; src: url('../fonts/inter-latin-wght-normal.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root {
	--modern-ink: #17252d;
	--modern-muted: #64747b;
	--modern-orange: #f05a28;
	--modern-paper: #f5f5f2;
	--modern-orange-dark: #d8491d;
	--modern-orange-soft: #fdeee8;
	--modern-line: #e5e7e4;
	--modern-radius-sm: 6px;
	--modern-radius: 8px;
	--modern-radius-lg: 12px;
	--modern-radius-pill: 999px;
	--modern-shadow-sm: 0 1px 3px rgba(23,37,45,.06);
	--modern-shadow: 0 3px 14px rgba(23,37,45,.06);
	--modern-shadow-lg: 0 10px 24px rgba(23,37,45,.11);
	--modern-ease: .18s ease;
	--modern-font-body: 'Inter', Arial, Helvetica, sans-serif;
	--modern-font-heading: 'Inter', Arial, Helvetica, sans-serif;
}
html { scroll-behavior: smooth; }
body { background: var(--modern-paper); color: var(--modern-ink); font-family: var(--modern-font-body); font-size: 14px; line-height: 1.5; }
.container.outer-wrapper { width: 100%; max-width: none; margin: 0; padding: 0; background: transparent; box-shadow: none; }
.top-header { border: 0; box-shadow: 0 2px 14px rgba(23,37,45,.08); }
#top { background: var(--modern-ink); border: 0; color: #d4dde0; }
#top a { color: #d4dde0; }
#top a:hover, #top a:focus { color: #fff; }
#logo h1 a { color: var(--modern-ink); }
.modern-logo { width: 100%; max-width: 330px; height: auto; }
#menu, .supermenu-wrapper { background-color: var(--modern-ink); }
#menu { background-image: none !important; border-color: var(--modern-ink) !important; }
#menu .see-all:hover, #menu .btn-navbar, #menu .btn-navbar:hover, #menu .btn-navbar:focus { background-color: var(--modern-orange); background-image: none; border-color: var(--modern-orange); }
#menu .navbar-nav > li > a, .supermenu-wrapper #supermenu ul li a.tll { color: #fff; }
#menu .navbar-nav > li > a:hover, #menu .navbar-nav > li.open > a { background: var(--modern-orange); }
a { color: var(--modern-orange); }
a:hover, a:focus { color: var(--modern-orange-dark); }
.btn-primary, .btn-primary:hover, .btn-primary:focus,
#button-cart, .modern-home-cta { border-color: var(--modern-orange); background: var(--modern-orange); color: #fff; }
.modern-home-cta:hover, .modern-home-cta:focus { background: var(--modern-orange-dark); color: #fff; text-decoration: none; }
.modern-home-hero { position: relative; display: flex; align-items: center; min-height: 390px; margin: 0 0 28px; padding: 56px 6%; overflow: hidden; color: #fff; background: linear-gradient(105deg, rgba(31,32,34,.98), rgba(31,32,34,.88) 55%, rgba(31,32,34,.45)), radial-gradient(ellipse at 82% 55%, #e8672c, #45474a 50%, #242629 75%); }
.modern-home-hero:after { position: absolute; top: -100px; right: 8%; width: 550px; height: 550px; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; box-shadow: 0 0 0 34px rgba(255,255,255,.025), 0 0 0 75px rgba(255,255,255,.025); content: ""; }
.modern-home-hero-copy { position: relative; z-index: 1; max-width: 680px; }
.modern-home-eyebrow { display: inline-block; margin-bottom: 16px; color: #ff9166; font-size: 12px; font-weight: bold; letter-spacing: .15em; text-transform: uppercase; }
.modern-home-eyebrow .fa { margin-right: 8px; }
.modern-home-hero h1 { margin: 0 0 18px; color: #fff; font-size: clamp(36px, 5vw, 60px); font-weight: 800; line-height: 1.04; letter-spacing: -.045em; }
.modern-home-hero h1 em { color: #ff7545; font-style: normal; }
.modern-home-hero p { max-width: 480px; margin: 0 0 26px; color: #d2dadd; font-size: 17px; }
.modern-home-cta { display: inline-block; padding: 14px 20px; border-radius: var(--modern-radius); font-weight: bold; }
.modern-home-cta .fa { margin-left: 14px; }
.modern-home-mark { position: absolute; top: 50%; right: 10%; color: rgba(255,255,255,.13); font-size: 96px; font-weight: 900; letter-spacing: -.08em; transform: translateY(-50%) rotate(-90deg); }
.modern-home-mark b { position: absolute; top: 8px; right: -44px; color: #ff7545; font-size: 20px; letter-spacing: 0; }
#content h1, #content h2 { color: var(--modern-ink); }
.product-thumb { border-color: var(--modern-line); border-radius: var(--modern-radius-lg); background: #fff; box-shadow: 0 3px 14px rgba(23,37,45,.05); }
.product-thumb .caption h4 a { color: var(--modern-ink); }
.product-thumb .price { color: var(--modern-orange); }
.bottom-footer { background: var(--modern-ink); color: #b9c4c8; }
.bottom-footer h5 { color: #fff; }
.bottom-footer a { color: #d3dcdf; }
@media (min-width: 1200px) {
	body .container:not(.outer-wrapper) { width: 94%; max-width: 1560px; }
	.row > #column-left, .row > #column-right { width: 18%; }
	.row > #content.col-sm-9 { width: 82%; }
	.row > #content.col-sm-6 { width: 64%; }
}
/* Product cards: consistent image area, clearer specs, and stronger purchase controls. */
.smp-row:not(.smp-list):not(.owl-carousel) > div { display: inline-flex; vertical-align: top; }
.smp-row:not(.smp-list) .product-thumb {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	min-height: 100%;
	margin-bottom: 22px;
	overflow: hidden;
	border: 1px solid var(--modern-line);
	border-radius: var(--modern-radius-lg);
	background: #fff;
	box-shadow: 0 3px 14px rgba(23,37,45,.045);
	transition: box-shadow .2s ease, transform .2s ease;
}
.smp-row:not(.smp-list) .product-thumb:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 24px rgba(23,37,45,.11);
}
.smp-row:not(.smp-list) .product-thumb .image {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 160px;
	aspect-ratio: 1 / 1;
	padding: 14px;
	background: #fff;
}
.smp-row:not(.smp-list) .product-thumb .image > a:last-child {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.smp-row:not(.smp-list) .product-thumb .image > a:last-child img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 180px;
	object-fit: contain;
}
@media (min-width: 768px) {
	.smp-row:not(.smp-list) .product-thumb .image > a:last-child img { max-height: 180px; }
}
@media (min-width: 1200px) {
}
.smp-row:not(.smp-list) .product-thumb .caption { flex: 1 0 auto; padding: 13px 16px 8px; }
.smp-row:not(.smp-list) .product-thumb .caption h4 {
	min-height: 40px;
	margin: 0 0 7px;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.35;
}
.smp-row:not(.smp-list) .product-thumb .caption h4 a { color: var(--modern-ink); }
.smp-row:not(.smp-list) .product-thumb .caption h4 a:hover { color: var(--modern-orange); }
.smp-row:not(.smp-list) .smp-extra {
	display: inline-block;
	margin: 3px 4px 0 0;
	padding: 3px 7px;
	border-radius: var(--modern-radius-sm);
	background: #f2f3f1;
	color: #58656a;
	font-size: 11px;
	line-height: 1.3;
}
.smp-row:not(.smp-list) .product-thumb .rating { padding: 2px 0 8px; }
.smp-row:not(.smp-list) .product-thumb .price-cart.astable {
	margin-top: auto;
	min-height: 68px;
	padding: 12px 58px 12px 16px;
	border-top: 1px solid #eceeeb;
	background: #fff;
}
.smp-row:not(.smp-list) .product-thumb .price { color: var(--modern-ink); font-size: 16px; font-weight: 700; line-height: 1.45; }
.smp-row:not(.smp-list) .product-thumb .price-new { color: var(--modern-orange); }
.smp-row:not(.smp-list) .product-thumb .price-old { margin-left: 4px; color: #879196; font-size: 12px; font-weight: 400; }
.smp-row:not(.smp-list) .product-thumb .price-tax { margin-top: 3px; color: #879196; font-size: 11px; }
.smp-row:not(.smp-list) .price-cart.astable .cart-button {
	width: 40px;
	max-width: 40px;
	height: 40px;
	border: 0;
	border-radius: var(--modern-radius);
	background: var(--modern-orange);
	box-shadow: none;
}
.smp-row:not(.smp-list) .price-cart.astable .cart-button:hover { max-width: 200px; background: var(--modern-orange-dark); }
.smp-row:not(.smp-list) .image .offbadge { top: 12px; right: 12px; border-radius: var(--modern-radius-sm); background: var(--modern-orange); }
.panel-refine { overflow: hidden; border: 1px solid var(--modern-line); border-radius: var(--modern-radius-lg); box-shadow: none; }
.panel-refine > .panel-heading { background: #fff; color: var(--modern-ink); font-weight: 700; }
.panel-refine .badge, #column-left .badge, #column-right .badge { background: var(--modern-orange); }
.panel-refine .noUi-connect, #column-left .noUi-connect, #column-right .noUi-connect { background: var(--modern-orange); }
.psorts { margin: 0 0 8px; }
.psorts .form-control { height: 40px; border-color: #dfe3e1; border-radius: var(--modern-radius); box-shadow: none; }
.list-grid-buttons .btn { border-color: #dfe3e1; background: #fff; color: #58656a; }
.list-grid-buttons .btn.active, .list-grid-buttons .btn:hover { border-color: var(--modern-orange); background: var(--modern-orange); color: #fff; }
/* Header and category navigation. */
#top { min-height: 36px; margin: 0; border: 0; background: var(--modern-ink); }
#top .btn-link, #top-links li, #top-links a, #top-links .contact-header a { color: #d4dde0; text-shadow: none; }
#top-links a { padding: 7px 10px; font-size: 12px; }
#top-links ul li { border-color: rgba(255,255,255,.14); }
#top .btn-link:hover, #top-links a:hover { color: #fff; }
.top-header { padding-bottom: 12px; background: #fff; }
.top-header > .container { padding-top: 14px; }
.top-header #logo { margin: 0; }
.top-header #headerbanner { text-align: center; }
.top-header #headerbanner img { max-height: 72px; }
#search { margin-bottom: 8px; }
#search input { height: 44px; padding: 0 44px 0 14px; border: 1px solid #dfe3e1; border-radius: var(--modern-radius); background: #fff; box-shadow: none; font-size: 14px; }
#search input:focus { border-color: #aeb8b9; box-shadow: 0 0 0 3px rgba(240,90,40,.1); }
#search .search-btn { color: var(--modern-orange); }
.btn.btn-green, .btn.btn-account, .btn.btn-cart { border-color: var(--modern-ink); background: var(--modern-ink); background-image: none; color: #fff; }
.btn.btn-green:hover, .btn.btn-account:hover, .btn.btn-cart:hover { border-color: var(--modern-orange); background: var(--modern-orange); color: #fff; }
.btn.btn-cart .has-cart-icon, .compact-header .cart-wrapper .btn.btn-account .has-account-icon { background: var(--modern-orange); }
.supermenu-wrapper { position: relative; z-index: 100; margin-bottom: 24px; background: var(--modern-ink); }
.supermenu-wrapper.stickymenu { z-index: 999999; box-shadow: 0 5px 18px rgba(23,37,45,.18); }
.supermenu-wrapper #supermenu { background: transparent !important; }
.supermenu-wrapper #supermenu ul li a.tll { padding: 14px 7px; color: #fff; font-size: 14px; }
.supermenu-wrapper #supermenu ul li.tlli:hover > a.tll { background: var(--modern-orange); color: #fff; }
.supermenu-wrapper #menu .navbar-nav > li > a { padding-top: 13px; padding-bottom: 13px; }
@media (min-width: 1200px) {
	.top-header > .container > .row { display: flex; align-items: center; }
}
@media (max-width: 767px) {
	.modern-home-hero { min-height: 330px; margin-bottom: 20px; padding: 42px 24px; }
	.modern-home-mark { right: -5%; opacity: .65; font-size: 68px; }
	.smp-row:not(.smp-list):not(.owl-carousel) > div { width: 50%; padding-right: 8px; padding-left: 8px; }
	.smp-row:not(.smp-list) .product-thumb { margin-bottom: 16px; }
	.smp-row:not(.smp-list) .product-thumb .image { min-height: 140px; padding: 10px; }
	.smp-row:not(.smp-list) .product-thumb .caption { padding: 10px 11px 6px; }
	.smp-row:not(.smp-list) .product-thumb .caption h4 { min-height: 36px; font-size: 13px; }
	.smp-row:not(.smp-list) .product-thumb .price-cart.astable { padding: 10px 48px 10px 11px; }
	.smp-row:not(.smp-list) .product-thumb .price { font-size: 14px; }
}

/* Page rhythm and content hierarchy. */
.breadcrumb {
	margin-top: 0;
	margin-bottom: 24px;
	padding: 10px 0 12px;
	border-bottom-color: #e2e5e2;
}
.breadcrumb > li { text-shadow: none; }
.breadcrumb > li a { color: var(--modern-muted); }
.breadcrumb > li:last-child a { color: var(--modern-ink); font-weight: 600; }
.breadcrumb > li:after { border-color: #aeb8b9; }
#content > h1 {
	margin: 0 0 22px;
	font-size: clamp(26px, 3vw, 34px);
	font-weight: 700;
	letter-spacing: -.025em;
}
#content > h2, #content .h2 { margin-top: 30px; margin-bottom: 16px; font-weight: 700; }
#content > h3 { margin-top: 24px; font-weight: 700; }
#content > .buttons { margin-top: 24px; }
#content .category-description { margin-bottom: 24px; color: #58656a; line-height: 1.65; }
#content .category-description img { max-width: 100%; height: auto; }
#content .pagination { margin: 18px 0 28px; }
#content .pagination > li > a,
#content .pagination > li > span { border-color: #e2e5e2; color: var(--modern-ink); }
#content .pagination > .active > span { border-color: var(--modern-orange); background: var(--modern-orange); color: #fff; }
#content .product-price h3 { margin: 0 0 12px; color: var(--modern-orange); font-size: 24px; font-weight: 700; }
#content .pinfo { margin-bottom: 18px; }
#content .pinfo > div > .list-unstyled { margin-bottom: 12px; }
#content .thumbnails .thumbnail { border-color: var(--modern-line); border-radius: var(--modern-radius-lg); box-shadow: 0 3px 14px rgba(23,37,45,.04); }
#content .tab-content { padding: 24px; border: 1px solid var(--modern-line); border-top: 0; border-radius: 0 0 var(--modern-radius-lg) var(--modern-radius-lg); background: #fff; line-height: 1.65; }
#content .nav-tabs { border-bottom-color: var(--modern-line); }
#content .nav-tabs > li > a { border-radius: var(--modern-radius) var(--modern-radius) 0 0; }
#content .nav-tabs > li.active > a,
#content .nav-tabs > li.active > a:hover,
#content .nav-tabs > li.active > a:focus { border-color: var(--modern-line) var(--modern-line) #fff; color: var(--modern-orange); }

/* Typography: one family (Inter); --modern-font-heading allows a separate heading face later. */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .module-title, .bottom-footer h5 { font-family: var(--modern-font-heading); letter-spacing: -.01em; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
input, button, select, textarea, .btn, .form-control, .tooltip, .popover { font-family: var(--modern-font-body); }
label, .input-group input, .input-group select, .input-group .input-group-addon,
select.form-control, textarea.form-control, input.form-control { font-size: 14px; }
.btn, .btn-group > .btn, .input-group .btn.btn-primary { font-size: 13px; font-weight: 600; }
.btn-sm, .btn-group > .btn-sm { font-size: 12px; }
#top-links a { font-size: 13px; }
#menu .dropdown-inner a, #menu .see-all { font-size: 13px; }
.supermenu-wrapper #supermenu ul li.tlli > a.tll { font-family: var(--modern-font-heading); font-weight: 700; letter-spacing: 0; }
.smp-row > div { font-size: 13px; }
.product-thumb .caption h4, .product-thumb .caption h4 a { font-family: var(--modern-font-body); font-weight: 600; letter-spacing: 0; line-height: 1.35; }
.product-thumb .price, .product-thumb .price-new, #content .product-price h3, #content .product-price h2 { font-family: var(--modern-font-heading); font-weight: 800; letter-spacing: -.01em; }
.product-thumb .price-old, .product-thumb .price-tax { font-family: var(--modern-font-body); font-weight: 400; }
.breadcrumb { font-size: 13px; }
.modern-home-eyebrow, .modern-winter-eyebrow { font-family: var(--modern-font-heading); font-weight: 800; }
.modern-home-cta, .modern-winter-cta, .modern-explore-advisor-cta, .modern-explore-tile span, .modern-explore-advisor-copy strong { font-family: var(--modern-font-heading); }
@media (max-width: 767px) {
	/* 16px stops iOS from zooming into focused fields. */
	select.form-control, textarea.form-control, input.form-control, .input-group input, #search input { font-size: 16px; }
}

/* Design system: buttons, form fields, focus states and small components (tokens on :root). */
.btn { border-radius: var(--modern-radius); background-image: none; box-shadow: none; text-shadow: none; transition: background-color var(--modern-ease), border-color var(--modern-ease), color var(--modern-ease), box-shadow var(--modern-ease), transform var(--modern-ease); }
.btn:active, .btn.active { box-shadow: none; transform: translateY(1px); }
.btn-lg { border-radius: var(--modern-radius); }
.btn-primary, #button-cart { border-color: var(--modern-orange); background: var(--modern-orange); background-image: none; color: #fff; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, #button-cart:hover, #button-cart:focus { border-color: var(--modern-orange-dark); background: var(--modern-orange-dark); color: #fff; }
.btn-default { border-color: var(--modern-line); background: #fff; background-image: none; color: var(--modern-ink); }
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active { border-color: var(--modern-ink); background: #fff; color: var(--modern-ink); }
.btn-group > .btn:first-child:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.btn-group > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.form-control { border-color: #dfe3e1; border-radius: var(--modern-radius); box-shadow: none; transition: border-color var(--modern-ease), box-shadow var(--modern-ease); }
.form-control:focus { border-color: var(--modern-orange); box-shadow: 0 0 0 3px rgba(240,90,40,.15); }
.input-group .form-control:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.input-group .form-control:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; }
input[type="checkbox"], input[type="radio"] { accent-color: var(--modern-orange); }
/* Keyboard focus only; mouse clicks don't show an outline. */
a:focus, button:focus, .btn:focus, .btn:active:focus { outline: 0; }
a:focus-visible, button:focus-visible, .btn:focus-visible, [tabindex]:focus-visible, input[type="checkbox"]:focus-visible, input[type="radio"]:focus-visible { outline: 2px solid var(--modern-orange); outline-offset: 2px; }
.badge { border-radius: var(--modern-radius-pill); }
.label { border-radius: var(--modern-radius-sm); }
.alert { border-radius: var(--modern-radius-lg); }
.dropdown-menu { border-color: var(--modern-line); border-radius: var(--modern-radius); box-shadow: var(--modern-shadow-lg); }
.tooltip-inner { padding: 5px 9px; border-radius: var(--modern-radius-sm); background: var(--modern-ink); }
.tooltip.top .tooltip-arrow { border-top-color: var(--modern-ink); }
.tooltip.bottom .tooltip-arrow { border-bottom-color: var(--modern-ink); }
.well, .panel, .thumbnail { border-color: var(--modern-line); border-radius: var(--modern-radius-lg); }
#content .pagination > li > a, #content .pagination > li > span { margin: 0 2px; border-radius: var(--modern-radius) !important; transition: background-color var(--modern-ease), border-color var(--modern-ease), color var(--modern-ease); }
#content .pagination > li > a:hover { border-color: var(--modern-orange); background: #fff; color: var(--modern-orange); }
::selection { background: var(--modern-orange-soft); color: var(--modern-ink); }

/* Home winter banner (SuperHTML content, see database/migrations/2026_10_10_03_home_winter_banner.php). */
.modern-winter { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 10px 0 28px; padding: 26px 30px 26px 44px; overflow: hidden; border-radius: var(--modern-radius-lg); background: linear-gradient(105deg, var(--modern-ink) 0%, #1f3039 55%, #2b3d46 100%); color: #d2dadd; font-size: 15px; }
.modern-winter:before { position: absolute; top: 0; bottom: 0; left: 0; width: 5px; background: var(--modern-orange); content: ""; }
.modern-winter-copy { position: relative; z-index: 1; flex: 1 1 52%; max-width: 520px; }
.modern-winter-eyebrow { display: inline-block; margin-bottom: 12px; color: #ff9166; font-size: 12px; font-weight: bold; letter-spacing: .15em; text-transform: uppercase; }
.modern-winter-eyebrow .fa { margin-right: 6px; }
#content .modern-winter h2 { margin: 0 0 12px; color: #fff; font-size: clamp(26px, 3vw, 36px); font-weight: 800; line-height: 1.1; letter-spacing: -.03em; }
.modern-winter h2 em { color: #ff7545; font-style: normal; }
.modern-winter p { max-width: 420px; margin: 0 0 20px; color: #d2dadd; font-size: 15px; line-height: 1.5; }
.modern-winter-cta { display: inline-block; padding: 13px 20px; border-radius: var(--modern-radius); background: var(--modern-orange); color: #fff; font-weight: 700; }
.modern-winter-cta:hover, .modern-winter-cta:focus { background: var(--modern-orange-dark); color: #fff; text-decoration: none; }
.modern-winter-cta .fa { margin-left: 12px; }
.modern-winter-art { flex: 0 1 46%; max-width: 480px; }
.modern-winter-art img { display: block; width: 100%; height: auto; }
@media (max-width: 767px) {
	.modern-winter { flex-direction: column; align-items: flex-start; gap: 8px; margin-bottom: 22px; padding: 26px 20px 12px 24px; }
	.modern-winter-art { align-self: center; width: 100%; max-width: 360px; }
}

/* Home explore block (SuperHTML content, see database/migrations/2026_10_10_01_home_explore_block.php). */
.modern-explore { margin: 6px 0 14px; font-size: 14px; }
.modern-explore .module-title { margin-bottom: 16px; }
.modern-explore-tiles { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.modern-explore-tile { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; min-height: 128px; padding: 22px 10px 16px; border: 1px solid var(--modern-line); border-radius: var(--modern-radius-lg); background: #fff; box-shadow: 0 3px 14px rgba(23,37,45,.05); color: var(--modern-ink); text-align: center; transition: border-color .15s, box-shadow .15s, transform .15s; }
.modern-explore-tile:hover, .modern-explore-tile:focus { border-color: var(--modern-orange); box-shadow: 0 8px 22px rgba(23,37,45,.1); color: var(--modern-ink); text-decoration: none; transform: translateY(-2px); }
.modern-explore-tile .fa:first-child { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-bottom: 12px; border-radius: 50%; background: var(--modern-orange-soft); color: var(--modern-orange); font-size: 21px; transition: background .15s, color .15s; }
.modern-explore-tile:hover .fa:first-child, .modern-explore-tile:focus .fa:first-child { background: var(--modern-orange); color: #fff; }
.modern-explore-tile span { font-size: 13px; font-weight: 700; line-height: 1.3; }
.modern-explore-tile .fa-angle-right { position: absolute; top: 10px; right: 12px; color: #c5cdcf; font-size: 16px; transition: color .15s; }
.modern-explore-tile:hover .fa-angle-right, .modern-explore-tile:focus .fa-angle-right { color: var(--modern-orange); }
.modern-explore-advisor { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 26px; border-left: 4px solid var(--modern-orange); border-radius: var(--modern-radius-lg); background: linear-gradient(105deg, var(--modern-ink), #26363f); color: #d2dadd; }
.modern-explore-advisor-copy strong { display: block; margin-bottom: 4px; color: #fff; font-size: 18px; }
.modern-explore-advisor-copy span { font-size: 14px; }
.modern-explore-advisor-copy a { color: #ff9166; font-weight: 700; white-space: nowrap; }
.modern-explore-advisor-copy a:hover, .modern-explore-advisor-copy a:focus { color: #fff; }
.modern-explore-advisor-cta { flex-shrink: 0; padding: 12px 18px; border-radius: var(--modern-radius); background: var(--modern-orange); color: #fff; font-weight: 700; white-space: nowrap; }
.modern-explore-advisor-cta:hover, .modern-explore-advisor-cta:focus { background: var(--modern-orange-dark); color: #fff; text-decoration: none; }
.modern-explore-advisor-cta .fa { margin-left: 10px; }
@media (max-width: 991px) {
	.modern-explore-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.modern-explore-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.modern-explore-tile { min-height: 112px; padding: 18px 8px 14px; }
	.modern-explore-tile:last-child:nth-child(odd) { grid-column: 1 / -1; }
	.modern-explore-advisor { flex-direction: column; align-items: flex-start; padding: 18px 20px; }
	.modern-explore-advisor-copy strong { font-size: 16px; }
}

/* Tablet and mobile layout refinements. */
@media (max-width: 1199px) {
	.top-header > .container > .row { display: flex; flex-wrap: wrap; align-items: center; }
	.top-header #logo { margin-bottom: 10px; }
	.top-header #headerbanner { margin: 8px 0; }
	.supermenu-wrapper { margin-bottom: 18px; }
}
@media (max-width: 991px) {
	.top-header > .container > .row { row-gap: 8px; }
	.top-header #logo { width: 34%; }
	.top-header #headerbanner { width: 66%; }
	.top-header #headerbanner img { max-width: 100%; }
	#search { margin-top: 6px; }
	#content .tab-content { padding: 18px; }
}
@media (max-width: 767px) {
	body { overflow-x: hidden; }
	.top-header { padding: 0 0 12px; }
	.top-header > .container { padding-top: 10px; }
	.top-header > .container > .row { display: block; }
	.top-header #logo, .top-header #headerbanner { width: 100%; margin: 0 0 10px; }
	.top-header #logo { text-align: center; }
	.modern-logo { max-width: 265px; }
	.top-header #headerbanner img { max-height: 58px; }
	#search { margin: 8px 0 10px; }
	#search input { height: 42px; }
	.supermenu-wrapper { margin-bottom: 16px; }
	.supermenu-wrapper #menu .navbar-header { margin: 0; }
	#content > h1 { margin-bottom: 17px; font-size: 27px; }
	#content > h2, #content .h2 { margin-top: 24px; }
	#content .tab-content { padding: 14px; }
}
@media (max-width: 480px) {
	.modern-home-hero { min-height: 300px; padding: 36px 20px; }
	.modern-home-hero h1 { font-size: 34px; }
	.modern-home-hero p { font-size: 15px; }
	.modern-home-mark { right: -18%; font-size: 56px; }
	.smp-row:not(.smp-list):not(.owl-carousel) > div { padding-right: 5px; padding-left: 5px; }
	.smp-row:not(.smp-list) .product-thumb .image { min-height: 120px; padding: 7px; }
	.smp-row:not(.smp-list) .product-thumb .caption { padding: 9px 9px 5px; }
	.smp-row:not(.smp-list) .product-thumb .caption h4 { font-size: 12px; }
	.smp-row:not(.smp-list) .product-thumb .price-cart.astable { min-height: 58px; padding: 8px 42px 8px 9px; }
	.smp-row:not(.smp-list) .price-cart.astable .cart-button { width: 34px; max-width: 34px; height: 34px; }
	#content .tab-content { padding: 12px; }
}

/* Catalog polish: module titles, product cards, category page and product page (see docs/tasks/modern-catalog-polish.md).
   Kept last so it wins over the responsive refinements above. */
.simple-title .module-title { margin-bottom: 16px; padding: 0 84px 0 0; border-top: 0; color: var(--modern-ink); font-size: 24px; font-weight: 800; }
.simple-title .module-title::first-letter { color: inherit; }
h3.module-title span.outer { position: static; }
h3.module-title span.outer .sm_car_btn { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin-top: -16px; border: 1px solid var(--modern-line); border-radius: 50%; background: #fff; color: var(--modern-ink); line-height: 1; transition: border-color var(--modern-ease), color var(--modern-ease); }
h3.module-title span.outer .sm_car_btn:hover { border-color: var(--modern-orange); color: var(--modern-orange); }
.simple-title .sm_car_btn.sm_car_prev { right: 40px; }
#column-left .module-title, #column-right .module-title { font-size: 18px; }

/* Product cards (grid and carousels; list view untouched). */
.smp-row:not(.smp-list) .product-thumb { border-radius: var(--modern-radius-lg); }
/* SuperTheme's hover overlay (compare / wishlist / info) slides over the image; keep it on top.
   No image zoom here: a transform would lift the image above the overlay. */
.smp-row .product-thumb .smp-overlay { z-index: 2; }
.product-thumb .rating:not(:has(.fa-star)) { display: none; }
.smp-row:not(.smp-list) .product-thumb .price-cart.astable { display: flex; flex-direction: column; gap: 10px; min-height: 0; padding: 12px 16px 16px; }
.smp-row:not(.smp-list) .price-cart.astable .cart-button { position: static; width: 100%; max-width: none; height: 40px; margin: 0; padding: 0 14px; border: 0; border-radius: var(--modern-radius-pill); background: var(--modern-orange); background-image: none; box-shadow: none; color: #fff; font-size: 14px; font-weight: 700; line-height: 40px; transition: background-color var(--modern-ease); }
.smp-row:not(.smp-list) .price-cart.astable .cart-button:hover { max-width: none; background: var(--modern-orange-dark); }

/* Category page: Mega Filter sidebar (its CSS loads after the theme, hence the .mfilter-box scope). */
.mfilter-box { overflow: hidden; border: 1px solid var(--modern-line); border-radius: var(--modern-radius-lg); background: #fff; box-shadow: var(--modern-shadow-sm); }
.mfilter-box .mfilter-heading { border-top: 1px solid var(--modern-line); background: #fff; color: var(--modern-ink); font-size: 14px; font-weight: 700; }
.mfilter-box .mfilter-content > ul > li:first-child .mfilter-heading { border-top: 0; }
.mfilter-box .mfilter-heading:after { display: none; }
.mfilter-box .mfilter-heading-content { padding: 12px 14px; }
.mfilter-box .mfilter-filter-item .mfilter-options { padding: 0 14px 10px; }
.mfilter-box .mfilter-option label { cursor: pointer; word-break: normal; overflow-wrap: break-word; }
.mfilter-box .mfilter-counter { padding: 1px 8px; border-radius: var(--modern-radius-pill); background: var(--modern-orange-soft); color: var(--modern-orange-dark); font-size: 12px; font-weight: 600; }
.mfilter-box .mfilter-counter:after { display: none; }
.mfilter-box .ui-slider-range, .mfilter-box #mfilter-price-slider .ui-slider-range { background: var(--modern-orange) !important; }

/* Category page: subcategories as chips, description, sort bar. */
#content .panel-refine { border: 0; background: transparent; box-shadow: none; }
#content .panel-refine > .panel-heading { padding: 0 0 10px; border: 0; background: transparent; color: var(--modern-ink); font-size: 15px; font-weight: 700; }
#content .panel-refine > .panel-body { padding: 0; }
#content .panel-refine .panel-body > .row { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
#content .panel-refine .panel-body > .row > [class*="col-"], #content .panel-refine .list-group { display: contents; }
#content .panel-refine .list-group-item { margin: 0; padding: 7px 15px; border: 1px solid var(--modern-line); border-radius: var(--modern-radius-pill); background: #fff; color: var(--modern-ink); font-size: 13px; font-weight: 600; transition: border-color var(--modern-ease), background-color var(--modern-ease), color var(--modern-ease); }
#content .panel-refine .list-group-item:hover, #content .panel-refine .list-group-item:focus { border-color: var(--modern-orange); background: var(--modern-orange-soft); color: var(--modern-orange-dark); }
#content .category-description { position: relative; color: #4a585e; line-height: 1.65; }
#content .category-description, #content .category-description [style*="justify"] { text-align: left !important; }
#content .category-description.is-clamped { max-height: 7em; overflow: hidden; }
#content .category-description.is-clamped:after { position: absolute; right: 0; bottom: 0; left: 0; height: 2.6em; background: linear-gradient(rgba(245,245,242,0), var(--modern-paper)); content: ""; }
.modern-more { margin: 6px 0 0; padding: 0; border: 0; background: none; color: var(--modern-orange); font-weight: 700; }
.modern-more:hover { color: var(--modern-orange-dark); }
.modern-more .fa { margin-left: 4px; }
.psorts #compare-total { display: inline-block; max-width: 100%; overflow: hidden; padding: 9px 12px; font-size: 13px; text-overflow: ellipsis; border: 1px solid var(--modern-line); border-radius: var(--modern-radius); background: #fff; color: var(--modern-ink); font-weight: 600; line-height: 20px; white-space: nowrap; transition: border-color var(--modern-ease); }
.psorts #compare-total:hover { border-color: var(--modern-ink); text-decoration: none; }
.list-grid-buttons .btn { border-color: var(--modern-line); border-radius: var(--modern-radius); background: #fff; color: var(--modern-muted); }
.list-grid-buttons .btn.active, .list-grid-buttons .btn:hover { border-color: var(--modern-orange); background: var(--modern-orange); color: #fff; }

/* Product page: price card, buttons, tabs, description. */
#content .pinfo { margin: 0 0 18px; padding: 18px 6px 6px; border: 1px solid var(--modern-line); border-radius: var(--modern-radius-lg); background: #fff; box-shadow: var(--modern-shadow-sm); }
#content .pinfo .rating:not(:has(.fa-star)) { display: none; }
#content .product-price h3 { font-size: 26px; letter-spacing: -.02em; }
.product-short li { padding: 2px 0; color: var(--modern-muted); }
.add-to-cart .qty-but { border-radius: var(--modern-radius); background: var(--modern-ink); transition: background-color var(--modern-ease); }
.add-to-cart .qty-but:hover { background: var(--modern-orange); }
.add-to-cart #qty-field { border-radius: var(--modern-radius); }
.btn-group.add-comp-wish button { border-color: var(--modern-line); color: var(--modern-ink); font-weight: 600; transition: border-color var(--modern-ease), color var(--modern-ease); }
.btn-group.add-comp-wish button:hover { border-color: var(--modern-ink); color: var(--modern-orange); }
.btn-group.add-comp-wish.both > button:first-child { border-radius: var(--modern-radius) 0 0 var(--modern-radius); }
.btn-group.add-comp-wish.both > button:last-child { border-radius: 0 var(--modern-radius) var(--modern-radius) 0; }
.btn-group.add-comp-wish.onlyone > button { border-radius: var(--modern-radius); }
#content .product-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; border-bottom: 0; text-align: left; }
#content .product-tabs > li { float: none; margin: 0; }
#content .product-tabs > li > a { margin: 0; padding: 9px 18px; border: 1px solid var(--modern-line); border-radius: var(--modern-radius-pill); background: #fff; color: var(--modern-ink); font-weight: 600; }
#content .product-tabs > li > a:hover { border-color: var(--modern-ink); background: #fff; }
#content .product-tabs > li.active > a, #content .product-tabs > li.active > a:hover, #content .product-tabs > li.active > a:focus { border-color: var(--modern-orange); background: var(--modern-orange); color: #fff; }
#content .product-tabs + .tab-content { margin-top: 12px; border-top: 1px solid var(--modern-line); border-radius: var(--modern-radius-lg); }
/* Pasted descriptions carry inline fonts ("Open Sans", Times); keep their sizes and colours but use the theme font. */
#tab-description :not(.fa) { font-family: var(--modern-font-body) !important; }

/* Colman skin (catalog/view/theme/modern/colman/*.css, set in the admin) loads after this file and
   re-applies SuperTheme's flat orange / 3D-shadow buttons; body-prefixed selectors keep the design system. */
body .btn.btn-primary, body[class^="account"] .btn-default { box-shadow: none; }
body .btn.btn-default { border-color: var(--modern-line); background: #fff; color: var(--modern-ink); }
body .btn.btn-default:hover, body .btn.btn-default:focus, body .btn.btn-default.active { border-color: var(--modern-ink); background: #fff; color: var(--modern-ink); }
body .btn.btn-primary:hover, body .btn.btn-primary:focus { background: var(--modern-orange-dark); }
body .add-to-cart .qty-but { background: var(--modern-ink); }
body .add-to-cart .qty-but:hover { background: var(--modern-orange); }
body a.thumbnail, body a.thumbnail:focus, body a.thumbnail.active { border-color: var(--modern-line); }
body a.thumbnail:hover { border-color: var(--modern-orange); }
@media (min-width: 768px) {
	.smp-row:not(.smp-list) .product-thumb .price { font-size: 15px; text-wrap: balance; }
}

/* Mobile buy bar (product page). */
.modern-buybar { display: none; }
@media (max-width: 767px) {
	.modern-buybar { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1000; display: flex; align-items: center; gap: 12px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); border-top: 1px solid var(--modern-line); background: #fff; box-shadow: 0 -6px 18px rgba(23,37,45,.1); transform: translateY(110%); transition: transform .25s ease; }
	.modern-buybar.is-visible { transform: none; }
	.modern-buybar-price { flex: 1 1 auto; min-width: 0; color: var(--modern-orange); font-size: 15px; font-weight: 800; line-height: 1.25; }
	.modern-buybar .btn { flex: 0 0 auto; padding: 10px 22px; border-radius: var(--modern-radius-pill); font-size: 15px; }
	body[class*="product-product"] .modern-footer-bottom { padding-bottom: 72px; }
	#content .product-tabs > li > a { padding: 8px 14px; }
	#content .pinfo { padding-top: 14px; }
	.simple-title .module-title { font-size: 20px; }
}

/* Footer: orange call-to-action band, charcoal grid with live map, slim bottom bar (see docs/tasks/modern-footer.md). */
.bottom-footer.modern-footer { margin-top: 56px; padding: 0; border: 0; background: var(--modern-ink); color: #b9c4c8; font-size: 14px; }
.modern-footer a { color: #d9e1e3; transition: color var(--modern-ease), background-color var(--modern-ease), border-color var(--modern-ease); }
.modern-footer a:hover, .modern-footer a:focus { color: #fff; text-decoration: none; }
.modern-footer-band { position: relative; overflow: hidden; background: linear-gradient(110deg, #e8461f 0%, var(--modern-orange) 35%, #ff7a3d 70%, #ffa04d 100%); color: #fff; }
.modern-footer-band:before { position: absolute; top: -140px; right: -60px; width: 380px; height: 380px; border: 44px solid rgba(255,255,255,.09); border-radius: 50%; content: ""; }
.modern-footer-band:after { position: absolute; bottom: -90px; left: 38%; width: 180px; height: 180px; border-radius: 50%; background: rgba(255,255,255,.07); content: ""; }
.modern-footer-band .container { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 30px; padding-bottom: 30px; }
.modern-footer-band-copy strong { display: block; color: #fff; font-size: 23px; font-weight: 800; letter-spacing: -.02em; line-height: 1.2; }
.modern-footer-band-copy span { display: block; margin-top: 6px; color: rgba(255,255,255,.9); font-size: 14px; }
.modern-footer-band-actions { display: flex; flex-shrink: 0; flex-wrap: wrap; gap: 10px; }
.modern-footer .modern-footer-band-call, .modern-footer .modern-footer-band-write { display: inline-flex; align-items: center; gap: 9px; padding: 12px 22px; border: 1px solid transparent; border-radius: var(--modern-radius-pill); font-weight: 800; white-space: nowrap; }
.modern-footer .modern-footer-band-call { background: #fff; box-shadow: 0 8px 20px rgba(120,30,0,.2); color: var(--modern-orange-dark); }
.modern-footer .modern-footer-band-call:hover, .modern-footer .modern-footer-band-call:focus { background: var(--modern-ink); color: #fff; }
.modern-footer .modern-footer-band-write { border-color: rgba(255,255,255,.75); color: #fff; }
.modern-footer .modern-footer-band-write:hover, .modern-footer .modern-footer-band-write:focus { border-color: #fff; background: rgba(255,255,255,.16); color: #fff; }
.modern-footer-main { padding: 52px 0 36px; background: radial-gradient(ellipse at 100% 0%, rgba(240,90,40,.16), transparent 45%), radial-gradient(ellipse at 0% 100%, rgba(255,160,77,.07), transparent 40%), var(--modern-ink); }
.modern-footer-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr 1.6fr; gap: 36px; }
.modern-footer-logo img { display: block; width: 230px; max-width: 100%; height: auto; }
.modern-footer-brand p { margin: 16px 0 20px; color: #b9c4c8; line-height: 1.6; }
.modern-footer-brand p b { color: #fff; }
.modern-footer .modern-footer-title { position: relative; margin: 4px 0 18px; padding: 0 0 11px; border: 0; color: #fff; font-size: 15px; font-weight: 800; letter-spacing: 0; }
.modern-footer .modern-footer-title:after { position: absolute; bottom: 0; left: 0; width: 28px; height: 3px; border-radius: 3px; background: linear-gradient(90deg, var(--modern-orange), #ffb04d); content: ""; }
.modern-footer .modern-footer-links li { margin: 0 0 10px; padding: 0; }
.modern-footer .modern-footer-links a { display: inline-block; color: #b9c4c8; font-size: 14px; transition: color var(--modern-ease), transform var(--modern-ease); }
.modern-footer .modern-footer-links a:hover, .modern-footer .modern-footer-links a:focus { color: #fff; transform: translateX(3px); }
.modern-footer-contacts li, .modern-footer-address { display: flex; align-items: flex-start; gap: 12px; margin: 0 0 12px; line-height: 1.45; }
.modern-footer-contacts li > span:last-child, .modern-footer-address > span:last-child { padding-top: 6px; }
.modern-footer-contacts li > a { padding-top: 6px; color: #fff; font-weight: 600; }
.modern-footer-band .container:before, .modern-footer-band .container:after, .modern-footer-bottom .container:before, .modern-footer-bottom .container:after { display: none; }
.modern-footer-hours > span { display: block; margin-bottom: 6px; color: #d9e1e3; }
.modern-footer-hours small { display: block; color: #8a999f; font-size: 12px; line-height: 1.4; }
.modern-footer-icon { display: flex; flex: 0 0 32px; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 10px; background: rgba(240,90,40,.16); color: #ff8a5c; font-size: 15px; }
.modern-footer .modern-footer-google { display: inline-flex; align-items: center; gap: 8px; margin-top: 6px; padding: 8px 15px; border: 1px solid rgba(255,255,255,.12); border-radius: var(--modern-radius-pill); background: rgba(255,255,255,.06); color: #fff; font-size: 13px; font-weight: 700; }
.modern-footer .modern-footer-google .fa { color: #ffc24d; }
.modern-footer .modern-footer-google:hover, .modern-footer .modern-footer-google:focus { border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.12); }
.modern-footer-address { color: #d9e1e3; }
.modern-footer-map { height: 200px; overflow: hidden; border: 1px solid rgba(255,255,255,.08); border-radius: var(--modern-radius-lg); background: #22343d; box-shadow: 0 10px 26px rgba(0,0,0,.28); }
.modern-footer-map p { height: 100%; margin: 0; }
.modern-footer-map iframe { display: block; width: 100% !important; height: 100% !important; border: 0; }
.modern-footer-bottom { border-top: 1px solid rgba(255,255,255,.07); background: #101b21; }
.modern-footer-bottom .container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding-top: 16px; padding-bottom: 16px; }
.modern-footer-bottom p { margin: 0; color: #8a999f; font-size: 13px; }
.modern-footer-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.modern-footer-chips li { display: inline-flex; align-items: center; gap: 7px; padding: 5px 12px; border: 1px solid rgba(255,255,255,.12); border-radius: var(--modern-radius-pill); color: #d9e1e3; font-size: 12px; font-weight: 600; }
.modern-footer-chips .fa { color: #ff8a5c; }
@media (max-width: 1199px) {
	.modern-footer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 28px; }
	.modern-footer-brand, .modern-footer-find { grid-column: 1 / -1; }
	.modern-footer-map { height: 240px; }
}
@media (max-width: 767px) {
	.bottom-footer.modern-footer { margin-top: 36px; }
	.modern-footer-band .container { flex-direction: column; align-items: flex-start; padding-top: 26px; padding-bottom: 26px; }
	.modern-footer-band-copy strong { font-size: 20px; }
	.modern-footer-main { padding: 36px 0 24px; }
	.modern-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 20px; }
	.modern-footer-map { height: 220px; }
	.modern-footer-bottom .container { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 400px) {
	.modern-footer-band-actions, .modern-footer .modern-footer-band-call, .modern-footer .modern-footer-band-write { width: 100%; }
	.modern-footer .modern-footer-band-call, .modern-footer .modern-footer-band-write { justify-content: center; }
}

/* Top bar: selling points left, utilities right; charcoal with orange accents (see docs/tasks/modern-top-bar.md). */
#top.modern-top { position: relative; min-height: 0; margin: 0; padding: 0; border: 0; background: linear-gradient(90deg, #111c22 0%, var(--modern-ink) 45%, #1e3039 100%); color: #c5d0d4; font-size: 13px; }
#top.modern-top:after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: linear-gradient(90deg, var(--modern-orange), #ffa04d 50%, var(--modern-orange)); content: ""; }
#top.modern-top .container { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 42px; }
#top.modern-top .container:before, #top.modern-top .container:after { display: none; }
/* One visible line: points that don't fit wrap onto a hidden second line (priority = source order). */
.modern-top-perks { display: flex; flex: 1 1 auto; flex-wrap: wrap; align-items: center; gap: 20px 22px; min-width: 0; height: 20px; margin: 0; overflow: hidden; line-height: 20px; }
.modern-top-perks li { display: inline-flex; align-items: center; gap: 7px; color: #c5d0d4; white-space: nowrap; }
.modern-top-perks .fa { color: #ff8a5c; font-size: 14px; }
.modern-top-perks b { color: #fff; font-weight: 700; }
#top.modern-top #top-links { flex-shrink: 0; float: none !important; clear: none; padding: 0; }
#top.modern-top #top-links > ul { display: flex; align-items: center; gap: 4px; margin: 0; padding: 0; border: 0; text-align: left; }
#top.modern-top #top-links > ul > li { padding: 0; border: 0; }
#top.modern-top #top-links > ul > li > a { display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px; border-radius: var(--modern-radius-pill); color: #e3eaec; font-size: 13px; font-weight: 600; line-height: 20px; text-shadow: none; transition: background-color var(--modern-ease), color var(--modern-ease); }
#top.modern-top #top-links > ul > li > a:hover, #top.modern-top #top-links > ul > li > a:focus, #top.modern-top #top-links > ul > li.open > a { background: rgba(255,255,255,.09); color: #fff; }
#top.modern-top #top-links > ul > li > a .fa { color: #ff8a5c; font-size: 14px; transition: color var(--modern-ease); }
#top.modern-top #top-links > ul > li.contact-header > a { background: rgba(240,90,40,.18); color: #fff; }
#top.modern-top #top-links > ul > li.contact-header > a:hover, #top.modern-top #top-links > ul > li.contact-header > a:focus { background: var(--modern-orange); }
#top.modern-top #top-links > ul > li.contact-header > a:hover .fa, #top.modern-top #top-links > ul > li.contact-header > a:focus .fa { color: #fff; }
#top.modern-top .caret { margin-left: 1px; opacity: .7; }
#top.modern-top .dropdown-menu { min-width: 180px; margin-top: 6px; padding: 6px; }
#top.modern-top #top-links .dropdown-menu > li > a { display: block; padding: 8px 12px; border-radius: var(--modern-radius-sm); color: var(--modern-ink); font-size: 13px; font-weight: 500; text-shadow: none; }
#top.modern-top #top-links .dropdown-menu > li > a:hover, #top.modern-top #top-links .dropdown-menu > li > a:focus { background: var(--modern-orange-soft); color: var(--modern-orange-dark); }
@media (max-width: 767px) {
	#top.modern-top .container { gap: 8px; min-height: 40px; }
	.modern-top-perks li { font-size: 12px; }
	#top.modern-top #top-links > ul > li > a { padding: 6px 10px; }
}

/* Card size and equal heights (see docs/tasks/modern-card-size.md): pure CSS, independent of SuperTheme's matchHeight JS. */
.smp-row:not(.smp-list):not(.owl-carousel) { display: flex; flex-wrap: wrap; }
.smp-row:not(.smp-list):not(.owl-carousel):before, .smp-row:not(.smp-list):not(.owl-carousel):after { display: none; }
.smp-row:not(.smp-list):not(.owl-carousel) > div { display: flex; }
.smp-row:not(.smp-list):not(.owl-carousel) .product-thumb { width: 100%; height: auto; min-height: 0; }
.smp-row.owl-carousel .product-thumb { width: 100%; }
.smp-row:not(.smp-list) .product-thumb .caption h4 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; }
/* Carousels: every slide as tall as the tallest. */
.owl-supertheme .owl-wrapper { display: flex !important; }
.owl-supertheme .owl-item { float: none; flex-shrink: 0; }
.owl-supertheme .owl-item > div { height: 100%; }
.owl-supertheme .owl-item .product-thumb { height: calc(100% - 22px); margin-bottom: 22px; }
.smp-row:not(.smp-list) .product-thumb .image { aspect-ratio: 5 / 4; min-height: 0; }

/* Maintenance page (common/maintenance.tpl): standalone, no header/footer or Bootstrap. */
body.modern-maintenance { min-height: 100vh; margin: 0; background: radial-gradient(circle at 50% -10%, var(--modern-orange-soft), var(--modern-paper) 55%); color: var(--modern-muted); font-size: 14px; line-height: 1.5; }
.modern-maint { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; padding: 40px 16px; }
.modern-maint *, .modern-maint *:before, .modern-maint *:after { box-sizing: border-box; }
.modern-maint-logo { display: block; width: 240px; max-width: 70%; height: auto; margin-bottom: 28px; }
.modern-maint-card { position: relative; width: 100%; max-width: 600px; padding: 40px 40px 32px; overflow: hidden; border: 1px solid var(--modern-line); border-radius: var(--modern-radius-lg); background: #fff; box-shadow: var(--modern-shadow-lg); text-align: center; }
.modern-maint-card:before { position: absolute; top: 0; right: 0; left: 0; height: 4px; background: linear-gradient(90deg, var(--modern-orange), #ffa04d 50%, var(--modern-orange)); content: ""; }
.modern-maint-badge { display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; margin-bottom: 16px; border-radius: 50%; background: var(--modern-orange-soft); color: var(--modern-orange); }
.modern-maint-badge .fa { font-size: 26px; }
.modern-maint-eyebrow { display: block; margin-bottom: 8px; color: var(--modern-orange); font-size: 12px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.modern-maint h1 { margin: 0 0 12px; color: var(--modern-ink); font-family: var(--modern-font-heading); font-size: clamp(24px, 4vw, 32px); font-weight: 800; line-height: 1.15; letter-spacing: -.03em; }
.modern-maint-lead { max-width: 460px; margin: 0 auto 28px; font-size: 15px; }
.modern-maint-orders { padding: 22px 24px 24px; border-left: 4px solid var(--modern-orange); border-radius: var(--modern-radius-lg); background: linear-gradient(105deg, var(--modern-ink), #26363f); color: #d2dadd; }
.modern-maint-orders strong { display: block; margin-bottom: 4px; color: #fff; font-size: 18px; }
.modern-maint-orders > span { display: block; margin-bottom: 18px; font-size: 14px; }
.modern-maint-phones { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.modern-maint-phone { display: inline-flex; align-items: center; gap: 10px; padding: 13px 22px; border-radius: var(--modern-radius); background: var(--modern-orange); color: #fff; font-size: 18px; font-weight: 700; letter-spacing: .01em; white-space: nowrap; transition: background-color var(--modern-ease), transform var(--modern-ease); }
.modern-maint-phone:hover, .modern-maint-phone:focus { background: var(--modern-orange-dark); color: #fff; text-decoration: none; }
.modern-maint-phone:active { transform: translateY(1px); }
.modern-maint-phone .fa { font-size: 18px; }
.modern-maint-orders .modern-maint-phone:focus-visible { outline-color: #fff; }
.modern-maint-info { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px 36px; margin: 24px 0 0; padding: 0; list-style: none; text-align: left; }
.modern-maint-info li { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; }
.modern-maint-info .fa { margin-top: 2px; color: var(--modern-orange); font-size: 16px; }
.modern-maint-info b { color: var(--modern-ink); font-weight: 700; }
.modern-maint-info a { color: var(--modern-ink); text-decoration: underline; text-decoration-color: var(--modern-line); text-underline-offset: 3px; }
.modern-maint-info a:hover, .modern-maint-info a:focus { color: var(--modern-orange-dark); text-decoration-color: currentColor; }
.modern-maint-footer { margin: 22px 0 0; font-size: 12px; }
@media (max-width: 767px) {
	.modern-maint { justify-content: flex-start; padding-top: 28px; }
	.modern-maint-logo { width: 200px; margin-bottom: 20px; }
	.modern-maint-card { padding: 32px 20px 24px; }
	.modern-maint-orders { padding: 20px 16px; }
	.modern-maint-phone { justify-content: center; width: 100%; }
	.modern-maint-info { flex-direction: column; align-items: flex-start; gap: 14px; }
}