html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
object{ outline: 0; }
strong, b, strong *, b * { font-weight: bold; }
em, i, em *, i * { font-style: normal !important; }
a:focus, input:focus{ outline-style: none; }
textarea{ outline: none; }
*{ box-sizing: border-box; font-family: 'Mtrp', sans-serif; }

body{  color: #000000; font-size: 14px; line-height: 21px; background: #FAF9F9; padding: 0; }


/* Grid */
.grid{ display: grid; grid-gap: 32px; }
	.grid.no-gap{ grid-gap: 0; }
.grid.grid-2{ grid-template-columns: 1fr 1fr; }
.grid.grid-3{ grid-template-columns: 1fr 1fr 1fr; }
.grid.grid-4{ grid-template-columns: 1fr 1fr 1fr 1fr; }
.grid.grid-5{ grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
.grid.grid-6{ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }
.grid.grid-2-3{ grid-template-columns: 2fr 3fr; }
.grid.grid-3-9{ grid-template-columns: 3fr 9fr; }
.grid.grid-9-3{ grid-template-columns: 9fr 3fr; }
.grid.grid-7-5{ grid-template-columns: 7fr 5fr; }
.grid.grid-6-4{ grid-template-columns: 6fr 4fr; }
.grid.grid-3-1{ grid-template-columns: 3fr 1fr; }
.grid.grid-1-3{ grid-template-columns: 1fr 3fr; }
.grid.grid-1-2{ grid-template-columns: 1fr 2fr; }
.grid.grid-5-2{ grid-template-columns: 5fr 2fr; }

.h1{ font-size: 30px; font-weight: 500; line-height: 1.3; }
.h2{ font-size: 24px; font-weight: 500; line-height: 1.3; }
.h3{ font-size: 20px; font-weight: 500; line-height: 1.3; }

/* Animations */
@keyframes spin{ from {transform:rotate(0deg);} to {transform:rotate(360deg);} }
.rotating{ animation: spin 1s linear infinite; }

/* Margin */

.m-0{ margin: 0 !important; }

.mb-1{ margin-bottom: 8px; }
.mb-2{ margin-bottom: 16px; }
.mb-3{ margin-bottom: 32px; }
.mb-4{ margin-bottom: 64px; }

.mt-1{ margin-top: 8px; }
.mt-2{ margin-top: 16px; }
.mt-3{ margin-top: 32px; }
.mt-4{ margin-top: 64px; }

.mt--1{ margin-top: -8px; }
.mt--2{ margin-top: -16px; }
.mt--3{ margin-top: -32px; }
.mt--4{ margin-top: -64px; }

.mb--1{ margin-bottom: -8px; }
.mb--2{ margin-bottom: -16px; }
.mb--3{ margin-bottom: -32px; }
.mb--4{ margin-bottom: -64px; }

/* Layout elements */
.main-body{ background: #FAF9F9; }
.width{ max-width: 1240px; margin: auto; padding: 0 20px; }
.width.medium{ max-width: 960px; }


/* Generic */
img{ display: block; width: 100%; }
button{ background: none; border: none; outline: none; font-family: 'Mtrp', sans-serif; cursor: pointer; }
a{ color: inherit; text-decoration: none; }

.caps{ text-transform: uppercase; letter-spacing: 1px; font-weight: 600; }
	.caps.caps-heading{ color: #A9A9A9; font-size: 12px; }
.black-bg{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 10; display: none; }

.element-template{ display: none; } /* used for dialogs */

.link{ color: #1782b5; cursor: pointer; }
	.link:hover{ text-decoration: underline; }

.hidden{ display: none; }

dl{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 8px; }
  dl dt{ color: #a3a5ad; }

/* Form elements */
.field{ border: #DBDBDB 1px solid; font-size: 14px; padding: 13px; font-family: 'Mtrp', sans-serif; font-weight: 400; background: #fff; border-radius: 3px; box-sizing: border-box; }
	.field:focus{ border-color: #aeb0b5; }
	.field.select{ position: relative; padding: 0; }
	.field.wp{ padding: 0; }
		.field.search{ display: flex; align-items: center; }
			.field.search .icon .fa-spinner{ display: none; }
			.field.search.loading .icon .fa-spinner{ display: inline-block; animation: spin 1s linear infinite; }
			.field.search.loading .icon .fa-search{ display: none; }
			.field.search .icon { margin-left: 12px; width: 12px; font-size: 12px; color: #808080; }
			.field.search .field{ flex: 1; border: 0; padding-left: 8px; }
		.field.select .caret{ border-left: #ddd 1px solid; position: absolute; top: 0; right: 0; height: 100%; width: 20px; color: #979797; display: flex; align-items: center; justify-content: center; font-size: 12px;  }
	.field select{ display: block; bottom: 0; margin: 0; font-family: 'avenir', sans-serif; outline: none; background: transparent; border: 0; font-size: 14px; appearance: none; -webkit-appearance: none; width: 100%; padding: 14px 14px 12px 14px; line-height: 1; padding-right: 40px; position: relative; z-index: 0; font-family: 'Mtrp', sans-serif; }
	.field select.loading{ opacity: .5; }
.checkbox input[type="checkbox"], .radio input[type="radio"]{ margin-right: 6px; }
textarea{ resize: vertical; }


.input label{ display: block; width: 100%; color: #808080; font-weight: 500; line-height: 1.4; }
.input .field{ display: block; width: 100%; }
	.input .small{ max-width: 200px; }
	.input.checkbox label{ font-weight: 400; }
	.input.checkbox{ display: flex; align-items: flex-start; line-height: 1; }
	.input.checkbox input[type="checkbox"]{ margin-top: 6px; position: relative; top: -3px; }
		.input.checkbox label input[type="checkbox"]{ top: 0; }

.form-tip{ margin-top: 16px; }

.fields .input{ margin-top: 24px; }

.invisible{ position: absolute; top: -5000px; left: -5000px; }

/* Ajax flash */
.ajax-flash{ position: fixed; top: 20px; right: 20px; padding: 14px 20px; box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2); background: #fff; z-index: 10000; font-size: 14px; line-height: 1; border-radius: 4px; transition: .3s; transform: translateY(-80px); display: flex; align-items: center; }
  .ajax-flash.showing{ transform: translateY(0px); }
  .ajax-flash .message{ padding-left: 5px; }
  .ajax-flash.good{ color: green; }
  .ajax-flash.bad{ color: red; }
  .ajax-flash.neutral{ color: #999; }
  .ajax-flash .fas{ display: none; }
  .ajax-flash.neutral .fas.fa-spinner{ display: inline-block; }
  .ajax-flash.good .fas.fa-check{ display: inline-block; }
  .ajax-flash.bad .fas.fa-times{ display: inline-block; }

.flash-message{ max-width: 960px; margin: auto; background: #fff; border: #EAEAEA 1px solid; padding: 16px 32px; display: flex; margin-top: 32px; border-radius: 3px; align-items: flex-start; }
	.flash-message.error{ color: #ea3c3e; border-color: #eb4042; }
	.flash-message.success{ color: #1db12b; border-color: #1db12b; }
	.flash-message i{ position: relative; top: 2px; }
	.flash-message .message{ padding-left: 8px; }

/* Quantity editor */
.edit-quantity{ border: #DBDBDB 1px solid; border-radius: 3px; display: flex; }
	.edit-quantity .plus, .edit-quantity .minus{ font-size: 10px; padding: 0; display: flex; align-items: center; justify-content: center; color: #A9A9A9; text-align: center; width: 25px; }
	.edit-quantity .plus:hover, .edit-quantity .minus:hover{ background: #e8e8e8; color: #fff; cursor: pointer;  }
	.edit-quantity .plus{ border-left: #DBDBDB 1px solid; }
	.edit-quantity .field{ border: 0; width: calc(100% - 50px); min-width: 40px; text-align: center; }
	.edit-quantity .minus{ border-right: #DBDBDB 1px solid; }

/* Colored text */
.green{ color: #3BB43A; }
.red{ color: #E23535; }
.strong{ font-weight: 600 !important; }
.gray{ color: #A9A9A9; }
.black{ color: #000; }

.gcircle-small{ width: 14px; height: 14px; margin-right: 4px; position: relative; top: -1px; }
	.gcircle-small.inline{ display: inline-block; top: 0; vertical-align: middle; margin-right: 2px; }
.gcircle-big{ width: 16px; height: 16px; margin-right: 4px; position: relative; top: -1px; display: inline-block; }
.guten-circle-label{ color: #E23535; font-size: 13px; font-weight: 500; display: flex; align-items: center; }
.guten-circle-label.big{ font-size: 16px; }

.allow-notice{ background: #f8e3c3; padding: 18px 0; display: none; }
	.allow-notice.visible{ display: block; }
	.allow-notice .width{ display: flex; align-items: center; }
	.allow-notice .actions{ margin-left: auto; display: flex; }
		.allow-notice .actions .btn{ margin-left: 8px; }

.btn{ font-size: 14px; line-height: 1; display: flex; align-items: stretch; transition: .3s; cursor: pointer; border-radius: 4px; overflow: hidden; padding: 0; }
	.btn:hover{ transform: translateY(-2px); box-shadow: 0 4px 10px 0 rgba(0,0,0,0.1); }
	.btn.full{ width: 100%; }
	.btn.inline{ width: auto; display: inline-block; }
	
	.btn.orange{ color: #fff; background: #F6A223; }
	.btn.admin{ color: #1261c3; background: #fff; border: #1261c3 1px solid; }
		.btn.admin:hover{ color: #fff; background: #1261c3; }
	.btn.outlined{ background: #fff; border: #DBDBDB 1px solid; color: #818181; }
	.btn.outlined-orange{ background: #fff; border: #F6A223 1px solid; color: #F6A223; }
		.btn.outlined-orange:hover{ background: #F6A223; color: #fff; }
	
	.btn .label{ padding: 14px 14px 13px 14px; text-align: center; flex-grow: 1; }
		.btn .label i{ margin-right: 5px; }
		.btn.small .label{ padding: 10px 14px 8px 14px; font-size: 14px; line-height: 1; }
	.btn .icon{ width: 36px; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 12px; }
		.btn.orange .icon{ border-right: rgba(255,255,255,0.2) 1px solid; }
		.btn.outlined .icon{ border-right: #DBDBDB 1px solid; }
		.btn.outlined-orange .icon{ border-right: #F6A223 1px solid; }

	.btn[disabled]{ cursor: not-allowed; }
		.btn.orange[disabled]{ background: #ab997e; color: #79684f; }

.box{ background: #fff; border: #EAEAEA 1px solid; border-radius: 3px; }
	.box.dark{ background: #eee; border-color: #eee; }
	.box.padded{ padding: 24px 32px; }
	.box.padded-sm{ padding: 12px 32px; }
	.box.warning{ border: 0; background: #ffebcb; }

.content-box{ background: #fff; border: #EAEAEA 1px solid; border-radius: 3px; margin: auto; }
	.content-box.medium{ max-width: 640px; }
	.content-box.understated{ background: #F0F0F0; }
	.content-box.big{ max-width: 960px; }
	.content-box .heading{ padding: 16px 32px; border-bottom: #EAEAEA 1px solid; }
		.content-box .heading.has-price{ display: flex; align-items: flex-start; }
			.content-box .heading.has-price .price{ margin-left: auto; text-align: right; }
		.content-box .title{ font-size: 18px; font-weight: 500; }
		.content-box .title.big{ font-size: 22px; line-height: 1.3; padding-top: 4px; }
		.content-box .subtitle{ font-size: 14px; margin-top: 4px; }
	.content-box .inner{ padding: 32px; }
	.content-box .actions{ padding: 16px 32px; border-top: #EAEAEA 1px solid; }
	.content-box .fields label{ margin-bottom: 4px; }
	.content-box .heading .steps{ display: flex; align-items: center; font-size: 14px; line-height: 1; padding: 4px 0; color: #a9a9a9; }
		.content-box .heading .steps .step{ font-weight: 500; }
		.content-box .heading .steps .step.active{ color: #E23535; }
	.content-box .heading .steps i{ margin: 0 18px; font-size: 12px; }

.content-box .input{ margin-top: 24px; }
	.content-box .grid .input{ margin-top: 0; }
	.content-box .input:first-child{ margin-top: 0; }

.error-logo{ width: 120px; display: block; margin: auto; }
.error-page h2{ font-size: 18px; }
.error-page .error{ font-size: 13px; margin-top: 8px; color: #999; }

.info-box{ padding: 16px; font-size: 13px; line-height: 21px; background: rgba(255, 255, 255, 0.8); border-top: #F6A223 2px solid; }



/* Header */
header{ background: #fff; box-shadow: 0 4px 15px 0 rgba(0,0,0,0.05); position: relative; z-index: 2; }
	header .primary .width{ display: flex; padding: 20px; align-items: center; }
		header .logo{ width: 120px; display: block; }
		header .search{ border: #DBDBDB 1px solid; border-radius: 3px; display: flex; margin-left: 52px; overflow: hidden; }
			header .search .select{ border-right: #DBDBDB 1px solid !important; border-radius: 0 !important; max-width: 160px; }
			header .search .select .caret{ border-left: 0; }
			header .search .field{ border: 0; width: 360px; }
			header .search button{ background: none; border: none; font-size: 14px; border-left: #DBDBDB 1px solid; padding: 0 15px; }
				header .search button .fa-spinner{ display: none; }
				header .search.loading button .fa-spinner{ display: inline-block; animation: spin 1s linear infinite; }
				header .search.loading button .fa-search{ display: none; }
				header .search button:hover{ background: #eee; }
		header .right{ margin-left: auto; display: flex; }
			header .right .cart{ margin-left: 20px; border-left: #F8F8F8 1px solid; padding-left: 20px; cursor: pointer; }
				header .right .cart:hover{ opacity: .8; }
				header .right i{ font-size: 12px; margin-right: 4px; }
				header .right .cart .label{ font-weight: 600; }
				header .right .cart .no{ background: #E23535; color: #fff; padding: 8px 13px 7px 13px; border-radius: 30px; margin-left: 5px; }
					.cart-empty header .right .cart .no{ display: none; }
			header .right a{ color: inherit; text-decoration: none; }
	header .secondary{ border-top: #F8F8F8 1px solid; }
		header .secondary .width{ display: flex; }
		header .secondary .left, header .secondary .right{ display: flex; }
		header .secondary .right{ margin-left: auto; }
			header .secondary .item{ padding: 20px 0 18px 0; line-height: 1; margin-left: 40px; color: #808080; text-decoration: none; border-bottom: transparent 2px solid; font-weight: 500; cursor: pointer; }
				header .secondary .item:hover{ color: #000; }
				header .secondary .item.active{ border-bottom-color: #E23535; color: #E23535; }
				header .secondary .item:first-child{ margin-left: 0; }
				header .secondary .dropdown{ padding: 18px 0 16px 0; }


.dropdown{ position: relative; }
	.dropdown .dropdown-box{ display: none; }
	.dropdown.open .dropdown-box{ position: absolute; z-index: 3; display: block; background: #fff; min-width: 200px; border: #ddd 1px solid; box-shadow: 0 4px 15px 0 rgba(0,0,0,0.05); border-radius: 4px; }
	.dropdown.to-right .dropdown-box{ right: 0; }
	.dropdown-box li a{ display: block; padding: 8px 16px; }
	.dropdown-box li a:hover{ background: #F0F0F0; }

/* Main */
main{ padding: 42px 0; }

/* Footer */
footer{ background: #212121; padding: 64px 0; color: #e7e7e7; }
	footer .logo{ width: 120px; display: block; }
	footer a{ color: #fff; opacity: .9; text-decoration: none; }
		footer a:hover{ opacity: 1; text-decoration: none; text-decoration: underline; }
	footer h3{ color: #F6A223; font-size: 12px; }
	footer li{ margin-top: 10px; }
	footer li:first-child{ margin-top: 0; }
	footer ul{ margin-top: 10px; }
	footer ul.second{ margin-top: 10px; padding-top: 10px; border-top: rgba(255,255,255,0.12) 1px solid; }
		footer .second i{ font-size: 12px; margin-right: 4px; }
	footer .social{ margin-top: 32px; display: flex; }
	footer .social a{ width: 32px; height: 32px; border: rgba(255,255,255,0.8) 1px solid; border-radius: 100px; text-align: center; display: flex; align-items: center; justify-content: center; margin-right: 10px; text-decoration: none; }
	footer .social a:hover{ background: #fff; color: #212121; }

/* List product */
.list-product{ padding: 32px; background: #fff; border-radius: 4px; border: #EAEAEA 1px solid; transition: .3s; box-shadow: 0 4px 15px 0 rgba(0,0,0,0); position: relative; }
	.list-product .rare-label{ position: absolute; top: 0; left: 32px; background: #E23535; color: #fff; text-transform: uppercase; padding: 6px 10px; line-height: 1; font-size: 10px; border-radius: 0 0 3px 3px; }
	.list-product .inner{ display: flex; align-items: flex-start; }
	.list-product .img{ width: 80px; }
	.list-product .pending-photo{ width: 80px; height: 80px; border: #EAEAEA 1px solid; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #A9A9A9; }
	.list-product .info{ padding-left: 16px; width: calc(100% - 80px); }
	.list-product .top{ display: flex; font-size: 24px; line-height: 30px; width: 100%; }
		.list-product .top .price{ margin-left: auto; padding-left: 16px; }
		.list-product .top .price .list-price{ font-size: 14px; color: #E23535; text-decoration: line-through; text-align: right; line-height: 1; }
	.list-product .bottom{ margin-top: 8px; display: grid; grid-template-columns: 3fr 3fr 2fr; grid-gap: 16px; color: #A9A9A9; align-items: end; }
		.list-product .bottom li{ margin-top: 4px; }
		.list-product.narrow .bottom{ grid-template-columns: 3fr 2fr; grid-gap: 0 16px; }
			.list-product.narrow .bottom ul:first-child{ grid-column: 1 / span 2; }
		.list-product .bottom ul{ font-size: 12px; }
		.list-product .btn{ font-size: 13px; width: 100%; }
	.list-product:hover{ box-shadow: 0 4px 15px 0 rgba(0,0,0,0.1); }
	.list-product:hover .btn.outlined{ background: #FFB443; color: #fff; border-color: #FFB443; }
	.list-product:hover .btn.outlined .icon{ border-right-color: rgba(255,255,255,0.2); }

.list-order{ padding: 16px 24px; background: #fff; border-radius: 4px; border: #EAEAEA 1px solid; transition: .3s; box-shadow: 0 4px 15px 0 rgba(0,0,0,0); position: relative; }
	.list-order .primary{ font-size: 16px; font-weight: 700; }
		.list-order .status{ background: red; color: #fff; font-weight: 300; padding: 6px 8px 5px 8px; margin-left: 4px; border-radius: 3px; font-size: 10px; text-transform: uppercase; font-weight: 700; vertical-align: middle; display: inline-block; line-height: 1; position: relative; top: -1px; }
		.list-order .status.color-new{ background: #F6A223; }
		.list-order .status.color-shipped{ background: #1db12b; }
		.list-order .status.color-submitted{ background: #3d87bf; }
		.list-order .status.color-cancelled{ background: #999; }
	.list-order .meta{ color: #A9A9A9; margin-top: 8px; font-size: 14px; }

.list-car{ background: #fff; border-radius: 4px; border: #EAEAEA 1px solid; transition: .3s; box-shadow: 0 4px 15px 0 rgba(0,0,0,0); position: relative; overflow: hidden; }
	.list-car .info{ padding: 24px; border-top: #eee 1px solid; }
	.list-car .top{ display: flex; font-size: 18px; line-height: 30px; }
		.list-car .title{ font-weight: 600; }
		.list-car .price{ color: #E23535; font-weight: 700; margin-left: auto; }
	.list-car .subtitle{ font-size: 13px; line-height: 21px; margin-top: 8px; }
	.list-car p{ font-size: 13px; line-height: 21px; font-weight: 400; color: #A9A9A9; }
	.list-car:hover{ box-shadow: 0 4px 15px 0 rgba(0,0,0,0.1); }

.list-lifestyle{ background: #fff; border-radius: 4px; border: #EAEAEA 1px solid; transition: .3s; box-shadow: 0 4px 15px 0 rgba(0,0,0,0); position: relative; overflow: hidden; }
	.list-lifestyle .info{ padding: 24px; border-top: #eee 1px solid; }
	.list-lifestyle .top{ display: flex; font-size: 18px; line-height: 30px; }
		.list-lifestyle .title{ font-weight: 600; }
		.list-lifestyle .price{ color: #E23535; font-weight: 700; margin-left: auto; }
	.list-lifestyle .subtitle{ font-size: 13px; line-height: 21px; margin-top: 8px; }
	.list-lifestyle:hover{ box-shadow: 0 4px 15px 0 rgba(0,0,0,0.1); }

.list-design{ background: #fff; border-radius: 4px; border: #EAEAEA 1px solid; transition: .3s; box-shadow: 0 4px 15px 0 rgba(0,0,0,0); position: relative; overflow: hidden; }
	.list-design .name{ font-weight: 600; }
	.list-design .info{ padding: 24px; border-top: #eee 1px solid; }
	.list-design:hover{ box-shadow: 0 4px 15px 0 rgba(0,0,0,0.1); }

.empty{ padding: 32px; background: #fff; border-radius: 4px; border: #EAEAEA 1px solid; transition: .3s; box-shadow: 0 4px 15px 0 rgba(0,0,0,0); position: relative; }
	.empty .title{ font-size: 24px; font-weight: 500; }
	.empty p{ margin-top: 16px; }

.page-heading{ display: flex; width: 100%; align-items: flex-end; }
	.page-heading.align-top{ align-items: flex-start; }
	.page-heading.align-center{ align-items: center; }
	.page-heading .img{ width: 64px; background: #fff; padding: 4px; margin-right: 16px; }
	.page-heading .title{ font-size: 30px; line-height: 36px; font-weight: 500; }
	.page-heading .subtitle{ font-size: 16px; line-height: 24px; font-weight: 400; margin-top: 6px; }
	.page-heading .actions{ margin-left: auto; display: flex; align-items: center; }
	.page-heading .actions label{ margin-right: 10px; }
	.page-heading .actions .price{ font-size: 24px; font-weight: 600; color: #E23535; }

.supplier-top{ background: #F0F0F0; padding: 24px 0 0 0; }
	.supplier-top .top{ display: flex; align-items: center; padding-bottom: 24px; }
	.supplier-top .img{ width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 4px; margin-right: 24px;  }
	.supplier-top .title{ font-size: 24px; font-weight: 500; line-height: 1; }
	.supplier-top .tagline{ color: #808080; margin-top: 4px; }
	.supplier-top .tabs{ background: rgba(0,0,0,0.03) }
		.supplier-top .tabs .width{ display: flex; }
		.supplier-top .tabs a{ padding: 14px 0 12px 0; margin-right: 40px; color: #808080; font-weight: 500; border-bottom: transparent 2px solid; }
		.supplier-top .tabs a:hover{ color: #000; }
		.supplier-top .tabs a.active{ color: #E23535; border-color: #E23535; }

.home-vehicle-search{ background: #E23535; color: #fff; padding: 32px 0; align-items: center; }
	.vehicle-search .title{ font-weight: 600; font-size: 18px; }
	.vehicle-search .intro .secondary{ font-size: 14px; line-height: 21px; margin-top: 8px; }
	.vehicle-search .btn{ width: 100%; }
	.vehicle-search form{ grid-gap: 16px; }

.hero-with-search{ background: #000; height: 680px; position: relative; }
@media (max-width: 1440px){ .hero-with-search{ height: 640px; } }
@media (max-width: 1240px){ .hero-with-search{ height: 520px; } }
.hero-with-search .wrapper{ position: absolute; left: auto; margin-right: auto; z-index: 1; top: 0; padding: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.hero-with-search .vehicle-search-grid{ grid-template-columns: 1fr 2fr; grid-gap: 32px; }
	.hero-with-search .intro{ padding-bottom: 18px; }
	.hero-with-search .title{ color: #E23535; }
	.hero-with-search .vehicle-search{ background: #fff; box-shadow: 0 4px 18px 0 rgba(0,0,0,0.2); padding: 24px; border: #EAEAEA 1px solid; border-radius: 4px; }

.hero-with-search .slideshow{ position: relative; height: 100%; width: 100%; }
.hero-with-search img{ width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; position: absolute; top: 0; left: 0; opacity: 1; transition: 2s; }
	.hero-with-search img.transparent{ opacity: 0; }

.header-vehicle-search{ overflow: hidden; max-height: 0; transition: .6s; }
	.header-vehicle-search .inner{ background: #232323; color: #fff; padding: 32px 0; align-items: center; overflow: hidden; }
	.header-vehicle-search.visible{ max-height: 500px; }
	.header-vehicle-search form{ grid-template-columns: 1fr 1fr 1fr; }
	.header-vehicle-search .intro{ padding-bottom: 18px; }
	.header-vehicle-search .intro br{ display: none; }
	.header-vehicle-search .title{ color: #E23535; }


.item-list{ display: grid; grid-gap: 16px; grid-template-columns: 1fr; }

.filter-box{ padding: 24px 32px; background: #F0F0F0; border-radius: 3px; }
	.filter-box .caps{ font-size: 12px; }
	.filter-box ul{ margin-top: 16px; }
	.filter-box li{ margin-top: 8px; }
		.filter-box li ul{ margin-top: 0; padding-left: 8px; font-size: 13px; }
	.filter-box a{ color: #808080; }
		.filter-box a:hover{ color: #000; }
	.filter-box .active{ font-weight: 600; color: #000; }

.filter-box .vehicle-search{ margin-top: 16px; }
	.filter-box .vehicle-search .width{ width: auto; padding: 0; }
	.filter-box .vehicle-search .title{ display: none; }
	.filter-box .vehicle-search .grid.grid-3-9{ grid-template-columns: 1fr; }
	.filter-box .vehicle-search .grid.grid-4{ grid-template-columns: 1fr; grid-gap: 8px; }
	.filter-box .vehicle-search .intro{ display: none; }
	.filter-box .field select{ padding: 12px 30px 10px 12px; font-size: 13px; }

.pagination{ display: flex; align-items: center; }
.pagination .pages{ border: #EAEAEA 1px solid; background: #fff; display: flex; margin-left: auto; align-items: center; }
	.pagination .pages .page{ font-size: 14px; line-height: 1; padding: 10px 14px 8px 14px; border-left: #EAEAEA 1px solid; }
	.pagination .pages .page:first-child{ border-left: 0; }
	.pagination .pages .page:hover{ background: #eee; }
	.pagination .pages .page.current{ background: #dadada; cursor: default; color: #fff; }
	.pagination .pages i{ font-size: 13px; }


.product-main .caps{ color: #A9A9A9; margin-bottom: 2px; font-size: 12px; }

.product-info{ padding-left: 60px; }
	.product-info .title{ font-size: 30px; line-height: 42px; font-weight: 500; }
	.product-info .subtitle{ color: #5E5E5E; margin-top: 6px; }
	.product-info .code{ color: #A9A9A9; margin-top: 6px; }
	.product-info .shipping-price{ display: grid; grid-template-columns: 1fr 1fr; align-items: center; margin: 16px 0 32px 0; }
		.product-info .shipping-price.just-price{ display: block; }
			.product-info .shipping-price.just-price .from{ font-size: 32px; color: #A9A9A9; }
		.product-info .shipping-price .shipping .caps{ font-size: 12px; color: #A9A9A9; margin-bottom: 2px; }
		.product-info .shipping-price .shipping .cost{ font-weight: 500; }
		.product-info .shipping-price .price{ font-weight: 100; font-size: 48px; text-align: right; border-left: #ddd 1px solid; }
			.product-info .shipping-price .price .list-price{ font-size: 24px; color: #E23535; text-decoration: line-through; margin-bottom: 12px; font-weight: 400; }
			.product-info .shipping-price .price.left{ text-align: left; border-left: 0; }
			.product-info .shipping-price .price sup{ font-size: 24px; font-weight: 400; font-family: 'Mtrp', sans-serif; }
	.product-info .extra-item{ background: #F0F0F0; padding: 16px 16px; border-radius: 3px; color: #A9A9A9; }
	.product-info .gcircle-box{ background: #fff; padding: 8px 16px 16px; border-radius: 3px; border: #dbdbdb 1px solid; }
	.product-info .extra-item strong{ font-weight: 600; }
	.product-info .extra-item .black{ color: #000; }
	.product-info .event-price{ font-size: 24px; }
	.product-info .event-date{ padding: 16px 24px; }
		.product-info .event-date .date{ font-size: 18px; }

	.product-info .group-options .caps{ font-size: 12px; color: #A9A9A9; margin-bottom: 2px; }

	.product-info .supplier .label{ font-size: 12px; color: #A9A9A9; margin-bottom: 2px; }
		.product-info .details{ display: flex;  align-items: center; }
		.product-info .details .img{ width: 32px; height: 32px; margin-right: 8px; padding: 2px; background: #fff; border-radius: 3px; display: flex; align-items: center; justify-content: center; }
		.product-info .details .name{ font-weight: 500; color: #000; }

	.product-info .submit{ display: grid; grid-template-columns: 100px 1fr; align-items: end; grid-gap: 32px; }
	.product-info .submit .caps{ font-size: 12px; color: #A9A9A9; margin-bottom: 6px; }
	.product-info .btn{ width: 100%; }

	.product-info .edit-quantity{ width: 100%; }
	.product-info .edit-quantity .plus, .product-info .edit-quantity .minus{ width: 25px; }
	.product-info .edit-quantity .field{ width: calc(100% - 50px); }

.group-option{ background: #fff; border: #EAEAEA 2px solid; border-radius: 3px; padding: 10px 16px 8px 16px; margin-top: 16px; cursor: pointer; transition: .3s; box-shadow: 0 4px 10px 0 rgba(0,0,0,0); display: flex; align-items: center; }
	.group-option .check{ opacity: 0; margin-right: 16px; font-size: 14px; color: #f6a221;}
	.group-option .info{ flex: 1;}
	.group-option:not(.disabled):hover{ transform: translateY(-3px); box-shadow: 0 4px 10px 0 rgba(0,0,0,0.05); border-color: #ccc; }
	.group-option.disabled{ cursor: not-allowed; }
		.group-option.disabled .info{ opacity: .3; }
		.group-option.disabled .info .meta .item.stock{ color: #000; }
	.group-option.active, .product-info .group-options .group-option.active:hover{ border-color: #f6a221; }
		.group-option.disabled{ opacity: .5; cursor: not-allowed; }
		.group-option.active .check{ opacity: 1; }
.group-option:first-child{ margin-top: 0; }
.group-option .price{ font-weight: 600; }
.group-option .left-right{ display: flex; }
	.group-option .right{ margin-left: auto; }
.group-option .meta{ display: flex; font-size: 13px; margin-top: 4px; }
	.group-option .meta .item{ margin-right: 12px; }
		.group-option .meta .item i{ font-size: 10px; }
		.group-option .meta .item.stock{ color: #3BB43A; }

.ssf-product-form .item-checking, .ssf-product-form .item-not-available, .ssf-product-form .item-available, .ssf-product-form .ready{ display: none; }
.ssf-product-form.status-ready .ready{ display: block; }
.ssf-product-form.status-checking .item-checking{ display: block; }
.ssf-product-form.status-not-available .item-not-available{ display: block; }
.ssf-product-form.status-available .item-available{ display: block; }

.specs-table{ display: grid; grid-template-columns: 1fr 2fr; }
	.specs-table.cols-2{ grid-template-columns: 1fr 2fr 1fr 2fr; }
	.specs-table .label{ color: #A9A9A9; border-top: #DBDBDB 1px solid; padding: 8px 0; }
	.specs-table .value{ border-top: #DBDBDB 1px solid; padding: 8px 0; }
	.specs-table .label:nth-child(1), .specs-table .value:nth-child(2){ border-top: 0; }
	.specs-table.cols-2 .label:nth-child(3){ border-top: 0; }

.gallery{ display: grid; grid-template-columns: 1fr 80px; grid-gap: 32px; }
	.gallery .thumbs .thumb{ display: block; width: 80px; height: 80px; background: #fff; overflow: hidden; border-radius: 3px; margin: 0 0 8px 0; border: #eee 1px solid; transition: .3s; transform: translateY(0); box-shadow: 0 4px 10px 0 rgba(0,0,0,0); cursor: pointer; }
		.gallery .thumbs .thumb.active{ border-color: #F6A223; }
		.gallery .thumbs .thumb:hover{ transform: translateY(-4px); box-shadow: 0 4px 10px 0 rgba(0,0,0,.15); }
		.gallery .thumbs .inner{ width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; padding: 8px; }
		.gallery .thumbs img{ display: block; width: 100%; height: auto; }
		.gallery .main-img{ min-height: 460px; display: flex; align-items: center; justify-content: center; }
			.gallery .main-img img{ width: auto; max-width: 100%; }
	.gallery.thumbs-below{ grid-template-columns: 1fr; grid-gap: 16px; }
		.gallery.thumbs-below .thumbs-inner{ display: flex; flex-wrap: wrap; padding: 8px 32px; }
			.gallery.thumbs-below .thumbs-inner .thumb{ margin-right: 16px; }

.single-img{ min-height: 460px; align-items: center; justify-content: center; font-size: 36px; padding: 8px; display: flex; position: relative; }
	.single-img .pending-photo{ font-size: 36px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #ccc; }
	.single-img img{ width: auto; max-width: 100%; }


.float-box{  display: none; }
	.float-box .box{ position: absolute; z-index: 11; background: #fff; box-shadow: 0 4px 15px 0 rgba(0,0,0,0.05); padding: 0; border: 0; }
	.float-box.visible{ display: block; }
	.float-box .inner{ padding: 24px 32px; border: #ddd 1px solid; border-top: #E23535 3px solid; }
	.float-box .top{ display: flex; }
		.float-box .top .close{ margin-left: auto; color: #ccc; cursor: pointer; }
			.float-box .top .close:hover{ color: #000; }
		.float-box .top .title{ font-weight: 600; }


.car-main .caps{ font-size: 12px; color: #A9A9A9; margin-bottom: 2px; }

.dialog-open{ overflow: hidden; }
	.dialog{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 11; padding: 32px; display: none; overflow-y: auto; }
	.dialog.open{ display: block; }
	.dialog .box{ max-width: 640px; margin: auto; }
		.dialog .box.large{ max-width: 800px; margin: auto; }
	.dialog .heading{ display: flex; padding: 16px 24px; border-bottom: #EAEAEA 1px solid; }
	.dialog .heading .close{ margin-left: auto; color: #ccc; cursor: pointer; }
			.dialog .heading .close:hover{ color: #000; }
		.dialog .heading .title{ font-weight: 600; }
	.dialog .inner{ padding: 24px 32px; }
		.dialog .inner .message{ margin-bottom: 24px; background: #ddf0ff; padding: 16px 25px; border-radius: 3px; }
	.dialog .actions{ padding: 16px 24px; border-top: #EAEAEA 1px solid; display: flex; }
		.dialog .actions .btn{ width: auto; margin-right: 16px; }

.dialog .big-message{ padding: 32px; font-size: 18px; line-height: 24px; text-align: center; }
	.dialog .big-message .spinner{ font-size: 32px; color: #808080; }

.center-inner{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; min-height: 300px; text-align: center; }

.estimate-shipping > div{ padding: 16px 24px; }
	.estimate-shipping .left{ background: #FAF9F9; border-right: #DBDBDB 1px solid; }
	.estimate-shipping .loading, .estimate-shipping .loaded, .estimate-shipping .no-results, .estimate-shipping .ready{ display: none; }
	.estimate-shipping.status-ready .ready{ display: block; }
	.estimate-shipping.status-loading .loading{ display: block; }
	.estimate-shipping.status-loaded .loaded{ display: block; }
	.estimate-shipping.status-no-results .no-results{ display: block; }

.mini-cart .box{ top: 70px; right: calc(50vw - 600px); min-width: 460px; }
	@media (max-width: 1240px){ .mini-cart .box{ right: 20px; } }
	.mini-cart .empty-message{ opacity: .4; margin-top: 16px; display: none; }
		.cart-empty .mini-cart .empty-message{ display: block; }

.mini-cart-grid{ display: grid; grid-template-columns: 2fr 1fr; align-items: stretch; }
	.mini-cart-grid > div{ border-top: #eee 1px solid; padding: 16px 0; }
	.mini-cart-grid .heading{ color: #A9A9A9; font-size: 10px; border-top: 0; padding: 0 0 4px 0; }
	.mini-cart-grid .prod{ display: grid; grid-template-columns: 40px 1fr; grid-gap: 16px; }
		.mini-cart-grid .prod .info{ max-width: 300px; }
	.mini-cart-grid .prod-actions{ display: flex; align-items: center; justify-content: flex-end; }
		.mini-cart-grid .prod-actions .remove{ margin-left: 8px; color: #ccc; cursor: pointer; text-align: right; padding-right: 0; }
			.mini-cart-grid .prod-actions .remove:hover{ color: #000; }
	.mini-cart-grid .primary{ font-weight: 600; }
	.mini-cart-grid .label{ color: #A9A9A9; }
	.mini-cart-grid .edit-quantity{ width: 94px; margin-left: auto; }
	.mini-cart-grid .right{ text-align: right; }

.catalog-box .box{ top: 136px; right: calc(50vw - 600px); width: 100%; max-width: 1200px; }
	@media (max-width: 1240px){ .catalog-box .box{ right: 20px; width: calc(100% - 40px); } }

.mini-cart-actions{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 32px; }
	.cart-empty .mini-cart-actions{ display: none; }

.catalog-cols{ column-count: 3; column-gap: 32px; line-height: 30px; }
	.catalog-cols a{ color: #808080; }
	.catalog-cols a:hover{ color: #E23535; text-decoration: underline; }

.page-content p{ margin-top: 24px; }
.page-content ul, .page-content ol{ margin-top: 24px; padding-left: 36px; }
.page-content ul li{ list-style-type: disc; }
.page-content ol li{ list-style-type: decimal; }
.page-content a{ color: #1782b5; }
	.page-content a:hover{ text-decoration: underline; }
.page-content hr{ border-width: 1px 0 0 0; border-color: #ddd; }
.page-content table{ border: #ddd 1px solid; border-collapse: collapse; }
	.page-content td, .page-content th{ border: #ddd 1px solid; }

.summary-col{ background: #f9f9f9; border-left: #eaeaea 1px solid; }
	.summary-col .caps{ font-size: 13px; color: #f4a022; margin-bottom: 16px; }


.select-location{ display: flex; align-items: flex-start; padding: 16px 24px; border-radius: 3px; background: #fff; border: #eaeaea 2px solid; }
	.select-location.active{ border-color: #f6a221; }
	.select-location input[type="radio"]{ margin-right: 16px; margin-top: 3px; }

.cart-page{ padding: 24px 32px;  }
.cart-row .heading{ color: #A9A9A9; font-size: 11px; }
.cart-row{ display: grid; grid-template-columns: 1fr 120px 110px 110px 110px 20px; align-items: center; grid-gap: 16px; border-bottom: #F8F8F8 1px solid; padding: 8px 0; }
	.cart-row .prod{ display: grid; grid-template-columns: 64px 1fr; align-items: center; grid-gap: 16px; }
	.cart-row .right{ text-align: right; }
	.cart-row .edit-quantity{ display: flex; width: auto; }

.cart-page .empty-message{ display: none; }
	.cart-empty .cart-page .empty-message{ display: block; opacity: .4; padding: 8px 0; }
	.cart-empty .cart-page .cart-headings{ display: none; }
	.cart-empty .cart-page .cart-headings.persistent{ display: grid; }
	.cart-empty .cart-page .cart-actions{ display: none; }

.cart-totals{ display: grid; grid-template-columns: 1fr 290px; }
	.cart-totals .label{ text-align: right; padding: 16px 0; color: #A9A9A9; border-bottom: #F8F8F8 1px solid; }
	.cart-totals .value{ padding: 16px 36px 16px 0; text-align: right; border-bottom: #F8F8F8 1px solid; }

.summary-values{ grid-gap: 16px; }
	.summary-values .label{ padding: 0; color: #A9A9A9; }
	.summary-values .value{ padding: 0; text-align: right; }

.cart-actions{ margin-top: 16px; }
	.cart-actions .btn{ display: inline-block; }
	.cart-actions .btn .label{ display: block; }

.ajax-form .submitted-message{ display: none; }
	.ajax-form.submitted .fields{ display: none; }
	.ajax-form.submitted .submitted-message{ display: block; }

.ui-autocomplete{ max-height: 200px; overflow-x: hidden; overflow-y: auto; }