﻿/***** BEGIN RESET *****/
@import url("https://use.typekit.net/zeg6scq.css");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {}

h1, h2 {
	font-family: 'golos-text', sans-serif;
}

#home p, #shipping p, #contact p, #about p, #thankyou p, #home a, #shipping a, #contact a, #about a, #thankyou a, footer a, footer p, #brand p, #brand a {
	font-family: 'golos-text', sans-serif;
	font-size: 18px;
	line-height: 30px;
	color: #2C2C2C;
}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

/*--- HERO STYLES ---------------------*/

.home-hero {background: #2C2C2C; position: relative;height: 810px;}
.home-hero .img-height {width: 100%; max-width: 1340px; height: 810px; float: right;border-radius: 0 0 0 130px;}
.home-hero .img-height img {width: 100%; height: 100%; object-fit: cover;border-radius: 0 0 0 130px;}

.hero-content {position: absolute; bottom: 80px; left: 7.4%;}
.hero-content .heading-lg {color: #fff; margin-bottom: 60px; max-width: 730px;}

.hero-img-inner {
	background: linear-gradient(to bottom, #2C2C2C 80%, #fff 80%);
	width: 100%;
}

.hero-img-inner .heading-img {
	height: auto;
	max-width: 1700px;
    margin: 0 auto;
    padding: 0 15px;
}

.hero-img-inner .heading-img img {
	object-fit: cover;
	width: 100%;
    height: 385px;
	border-radius: 0 0 130px 130px;
}

.link-home {padding-top: 20px!important;}
.link-home .flex {gap: 30px; flex-wrap: wrap; align-items: center;}
.link-home a {font-weight: 700!important;transition: all .4s ease-out;}
.link-home a:hover {text-decoration: underline;}
.link-home hr {margin: 0; border: #2C2C2C solid 1px; height: 20px;}

/*---BODY--------------------------------*/

/*---.col-5---*/

.col-5 .flex {
	flex-wrap: wrap;
	gap: 5px;
	justify-content: center;
	margin-top: 60px;
}

.col-5 .flex a {
	padding: 40px 15px; 
	background: #DED0EB;
	transition: all .4s ease-out; 
	cursor: pointer;
	max-width: 285px;
    width: 100%;
    align-items: center;
	display: flex; 
	flex-direction: column;
	justify-content: space-between;
}

.col-5 .flex .top-section .heading-links {
	display: block;
	color: #2C2C2C;
	font-size: 30px!important;
	font-weight: 600;
	text-align: center;
	margin: 0!important;
}

.col-5 .flex .top-section .heading-links-new {
	display: block;
	color: #2C2C2C;
	font-size: 20px!important;
	font-weight: 600;
	text-align: center;
	margin: 0!important;
	text-decoration-line: underline;
}

.col-5 .flex a:hover {
	background: #FFC77C;
}

.col-5 .flex a:first-child {background: #FFC77C!important;}
.col-5 .flex a:first-child:hover {background: #F5A943!important;}

.col-5 p {
	text-align: center; 
	margin: 10px auto 20px; 
	font-size: 16px!important;
} 

.col-5 .bottom-section p {    
	display: block;
    color: #2C2C2C;
    transition: all .4s ease-out;
	margin: 0 auto!important;
	text-align: center;
	font-weight: 700!important;
}


/*---.col-3---*/

.col-3 .flex .img-bg {
	background: url("../siteart/shipping-financing.jpg") no-repeat;
	background-position: center;
	background-size: cover;
	background-color: #2C2C2C;
	width: 100%;
	min-width: 550px;
}
.col-3 .flex .img-bg > div {
	background: rgba(44, 44, 44, 0.80);}
.col-3 .flex .img-bg .placement {max-width: 660px;padding-left: 16.8%; padding-top: 80px;padding-bottom: 80px;padding-right: 20px;}
.col-3 .flex .img-bg img {max-width: 240px; width: 100%;}
.col-3 .flex .img-bg .heading-md {color: #fff;}
.col-3 .flex .img-bg .p-top {color: #fff!important; margin-top: 30px;}
.col-3 .flex .img-bg .p-bottom {color: #fff!important; margin-top: 20px; margin-bottom: 60px;}

.col-3 .dark-purple-btn {background: #A994BD;width: 100%;max-width: 500px; padding: 80px 60px;display: flex;flex-direction: column;justify-content: space-between;box-sizing: border-box; gap: 50px;}
.col-3 .light-purple-btn {background: #DED0EB;width: 100%;max-width: 500px;padding: 80px 60px; display: flex; flex-direction: column;justify-content: space-between;box-sizing: border-box; gap: 50px;}
.col-3 .dark-purple-btn p, .col-3 .light-purple-btn p {color: #2C2C2C;font-size: 42px!important;font-weight: 700!important;line-height: 50px!important;}
.col-3 .dark-purple-btn p span, .col-3 .light-purple-btn p span {font-weight: 400;}

.col-3 .dark-purple-btn > div > div, .col-3 .light-purple-btn > div > div {margin-left: 60px;margin-right:60px; box-sizing: border-box;}

/*---.img-right---*/

.img-right {justify-content: space-between;align-items: center;}

.img-right .heading-md {margin-bottom: 30px;}
.img-right > div:first-child {max-width: 650px; width: 100%; padding-left: 7.8%; padding-right: 30px;min-width: 500px;}
.img-right .paragraph-spacing {margin-bottom: 60px;}

.img-right .img-height {
	max-width: 1000px;
	width: 100%;
	height: 800px;
}

.img-right .img-height img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0 0 0 130px;
}

.scrolling-wrap {
	width: 100%;
    height: 90px;
    overflow: hidden;
}

/*---Pages--------------------------------*/

/*---Shipping---*/

.img-4-square {justify-content: space-between;align-items: center; padding-top: 100px!important;}
.img-4-square > div:last-child {max-width: 920px;}
.img-4-square p {margin-top: 30px; margin-bottom: 50px;}
.img-4-square .heading-md-sm {margin-bottom: 30px;}
.img-4-square a { font-weight: 700!important;}
.img-4-square a:hover {text-decoration: underline;}

.img-4-square > div:first-child {min-width: 560px; padding-right: 20px;}
.img-4-square .img-height {max-width: 300px; width: 100%; height: 200px;}
.img-4-square .img-height img {height: 100%; width: 100%; object-fit: cover;}
.img-4-square div .flex {gap: 15px;}
.img-4-square > div > .flex:first-child {margin-bottom: 15px;}

#about .map-section, #shipping .map-section, #brand .map-section {background: #FBFBFB; margin-top: 100px;}

.col-2-box {gap: 20px; justify-content: center; padding-top: 100px!important;}
.col-2-box div {background: #A994BD; padding: 80px; text-align: center;}
.col-2-box div:first-child {background: #FFC77C!important;}
.col-2-box .heading-md {margin-bottom: 20px;}

/*---About---*/

.center {text-align: center; margin: 0 auto;max-width: 920px!important;}
.center .heading-md {margin-bottom: 30px;}

.col-3-inner {justify-content: center;gap: 15px;}
.col-3-inner > a {width: 100%; background-color: #DED0EB;transition: all .4s ease-out;}
.col-3-inner > a > .flex {flex-direction: column;align-items: center;padding: 55px 30px 60px; }
.col-3-inner > a:hover {background: #FFC77C;}

.col-3-inner > a:first-child {background: #FFC77C;}
.col-3-inner > a:first-child:hover {background: #F5A943;}

.col-3-inner .heading-md-sm {text-align: center; margin: 30px 0;}
.col-3-inner p {text-align: center;}
.col-3-inner .img-height img {max-width: 140px; height: auto; width: 100%;}

.form-link {background: #A994BD;}
.form-link .dark-purple-btn {padding-top: 40px; padding-bottom: 40px; justify-content: space-between;align-items: center;}

/*---Brands---*/
.center .btn-top {justify-content: center; display: flex;}

/*--------FORM STYLES--------------------*/

#contact .map-section > div:first-child, .map-section .wrapper > div:first-child {max-width: 750px;margin-right: 20px;}
#contact .map-section, .map-section .wrapper {justify-content: space-between;align-items: center;}
#contact .map-section p {margin-top: 20px; margin-bottom: 0;}
#contact .map-section ul {margin-top: 40px!important;}
#contact .map-section .map-height {height: 700px;}
.map-section p {margin-top: 30px; margin-bottom: 40px;}
.map-section li {margin-top: 25px;}
.map-section a i, .map-section p i {color: #A994BD; margin-right: 20px;}
.map-section a:hover {text-decoration: underline;}
.map-section .map-height {max-width: 800px; width: 100%;}

#contact .heading-md {color: #2C2C2C;}
.map-section ul p {margin-top: 0; margin-bottom: 0;}

/*---Contact---*/
.contact-form {background: #FBFBFB}

.form-all .heading-md {margin-bottom: 50px; color: #2C2C2C;}

.form-all {
	box-sizing: border-box;
	max-width: 1100px!important; 
	width: 100%;
	margin: 0 auto 100px!important;
	text-align: center;
}

 .label {
	color: #2C2C2C;
	font-family: 'golos-text', sans-serif;
	text-align: left!important;
	font-weight: 500;
}

.label-row {margin-bottom: 15px;}

.flex-form {
	width: 100%;
	max-width: 1205px;
	padding: 15px;
	margin: 52px auto;
}

.flex-row {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
}

.form-half select, .form-full select {
	display: inline-block;
    padding: 15px;
    width: 100%;
    border: none;
    background: #E4E4E4;
    font-family: 'golos-text', sans-serif;
    box-sizing: border-box;
}

.form-half {
	display: inline-block;
	width: calc(50% - 8px);
	margin: 15px 15px 15px 0;
}

.form-half input {
	padding: 15px;
	width: 100%;
	border: none;
	background: #E4E4E4;
	font-family: 'golos-text', sans-serif;
	box-sizing: border-box;
}

.form-2nd-row {margin-right: 0;}

.form-full textarea {
	width: 100%;
	padding: 15px;
	border: none;
	background: #E4E4E4;
	box-sizing: border-box;
	margin-bottom: -8px;
	font-family: 'golos-text', sans-serif;
}

.form-full {margin: 15px 0 30px 0;}

/*--------Captcha--------------------*/

.include-captcha{display:none;}

#submit-btn {float: right;}

.CaptchaWhatsThisPanel > a, .CaptchaMessagePanel {
	color: #2C2C2C;
	font-family: 'golos-text', sans-serif;
}

.CaptchaPanel {text-align: right!important;}

.captcha-button {float: right;}

/*---ThankYou---*/
#thankyou .center p {margin-bottom: 60px;}
#thankyou .center .btn-orange {margin: 0 auto!important;}

/*-------- FOOTER STYLES ----------------*/
footer {background: linear-gradient(to right, #2C2C2C 35%, #DED0EB 30%);}
footer .wrapper {padding-top: 80px!important; padding-bottom: 55px!important; justify-content: space-between;}
footer li {margin-bottom: 25px;}
footer a:hover {text-decoration: underline;}

.footer-contact .img-height img {max-width: 250px;margin-bottom: 25px;}
.footer-contact {text-align: center;}
.footer-contact > ul .flex {justify-content: space-between; max-width: 200px;margin: 0 auto;align-items: center;}
.footer-contact a {color: #fff;}
.footer-contact > ul .flex span {margin-right: 20px;}
.footer-contact .facebook-footer i {font-size: 30px;color: #FFC77C;}
.footer-contact .facebook-footer i:hover {color: #fff;}

.footer-links a {color: #2C2C2C;}
.footer-links p {color: #2C2C2C; font-weight: 700; font-size: 20px!important;margin-bottom: 60px;}
.footer-links > div:first-child {margin-right: 200px;}
.footer-links > div:last-child ul:nth-child(2) {margin-left: 90px; margin-right: 90px;}

/*-------- CLASS STYLES ----------------*/
.wrapper {
    margin: 0 auto;
    max-width: 1600px;
    padding: 0 15px;
}

.flex {display: flex;}

.bg-lg {padding-top: 100px!important; padding-bottom: 100px!important;}

.btn-top {margin-top: 60px;}

.paragraph-spacing {margin-top: 20px;}

/*---Headings---*/

.heading-lg {
	font-size: 100px;
	font-weight: 700;
	text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.90);
}

.heading-lg span {font-size: 30px; font-weight: 700;}

.heading-md {
	font-size: 50px;
	font-weight: 700;
}

.heading-md-sm {
	font-size: 42px;
	font-weight: 700;
	color: #2C2C2C;
}

/*---Buttons---*/

.btn-orange {
	border: none;
    display: block;
    width: 220px;
    color: #2C2C2C;
    background: #FFC77C;
    padding: 20px 0;
    text-align: center;
    font-weight: 700;
    font-size: 20px!important;
    transition: all .4s ease-out;
}

.btn-orange:hover {background: #F5A943;}

.dark-purple-btn a, .light-purple-btn a {
	display: block;
	color: #fff!important;
	background: rgba(44, 44, 44, 0.5);
	width: 100%;
	max-width: 380px;
	text-align: right;
	border-radius: 100px;
	transition: all .4s ease-out;
}
.dark-purple-btn a i, .light-purple-btn a i {
	font-size: 35px;
	background: rgba(44, 44, 44, 0.5);
	padding: 25px;
	border-radius: 100px;
	transition: all .4s ease-out;
}
.dark-purple-btn a:hover i, .light-purple-btn a:hover i {background: transparent;}
.dark-purple-btn a:hover, .light-purple-btn a:hover {box-shadow: inset -23em 0 0 0 rgba(44, 44, 44, 0.5);}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.list-top-section .list-listings-count {color: #A994BD!important;}
.list-content .price-container .price, .listing-prices__retail-price {color: #E9911B!important;}
.view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet {background: #FFC77C!important; color: #2C2C2C!important;}
.view-listing-details-link:hover {background: #F5A943!important;}

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1700px) {
	.hero-content {left: 1%;}
	.col-3 .flex .img-bg .placement {padding-left: 7%;}
	.img-right > div:first-child {padding-left: 2%;}
}

@media only screen and (max-width: 1650px) {
	.col-3 .flex .img-bg .placement, .img-right > div:first-child {padding-left: 15px;}
}

@media only screen and (max-width: 1600px) {
	.hero-img-inner .heading-img {padding: 0px!important;}
}
@media only screen and (max-width: 1530px) {
	.footer-links > div:first-child {margin-right: 100px;}
}
@media only screen and (max-width: 1390px) {
	.col-3 .flex {flex-wrap: wrap;}
	.col-3 .dark-purple-btn, .col-3 .light-purple-btn {max-width:50%;}
	footer {background: linear-gradient(to right, #2C2C2C 33%, #DED0EB 20%);}
}

@media only screen and (max-width: 1370px) {
	.home-hero .img-height img {opacity: 0.7;}
}

@media only screen and (max-width: 1350px) {
	.footer-links > div:last-child ul:nth-child(2), .footer-links > div:last-child ul:last-child, .footer-links .delete-mobile {display: none;}
	.footer-links {margin-right: 40px;}
}

@media only screen and (max-width: 1200px) {
	.img-4-square {flex-direction: column-reverse;}
	.img-4-square > div:first-child {min-width: 200px; width: 100%; padding-right: 0;}
	.img-4-square .img-height {max-width: 50%;}
	.img-4-square > div:last-child {max-width: 100%;}
}

@media only screen and (max-width: 1000px) {
	.hero-content {left: 0;}
	footer {background: linear-gradient(to right, #2C2C2C 45%, #DED0EB 20%);}
	.footer-links > div:first-child {margin-right: 100px;}
	.col-3-inner {flex-wrap: wrap;}
	.col-2-box div {padding: 50px;}
	.col-3-inner > a > .flex {padding: 35px 30px 40px;}
}

@media only screen and (max-width: 960px) {
	.form-link .dark-purple-btn {flex-direction: column; justify-content:center;}
	.form-link .heading-md {margin-bottom: 40px; text-align: center;}
}

@media only screen and (max-width: 840px) {
	.col-3 .flex, .col-2-box {flex-direction: column;}
	.col-3 .dark-purple-btn, .col-3 .light-purple-btn {max-width:100%;}
	.col-3 .flex .img-bg {min-width: 100%;}
	.col-3 .flex .img-bg .placement {padding-right: 15px;}
	.col-3 .dark-purple-btn, .col-3 .light-purple-btn {padding: 50px 40px;}
}

@media only screen and (max-width: 800px) {
	.img-right {flex-wrap: wrap;}
	.img-right > div:first-child {min-width: 200px;margin-top: 130px;margin-bottom: 80px;padding-right: 15px;}
	.img-right .img-height {height: 400px;}
}

@media only screen and (max-width: 750px) {
	.footer-links {margin-top: 160px; align-items: center;text-align: center; margin-right: 0;}
	.footer-links, footer .wrapper {flex-direction: column;}
	.footer-links > div:first-child {margin-bottom: 50px;margin-right: 0;}
	.footer-links p {margin-bottom: 30px;}
	footer {background: linear-gradient(to bottom, #2C2C2C 43%, #DED0EB 20%);}
}

@media only screen and (max-width: 730px) {
	.heading-lg {font-size: 60px;}
	.heading-lg span {font-size: 25px;}
	.home-hero, .home-hero .img-height {height: 650px;}
	.heading-md {font-size: 35px;}
	.heading-md-sm {font-size: 32px;}
	.col-5 .flex .top-section .heading-links {font-size: 25px!important;}
	.col-3 .dark-purple-btn p, .col-3 .light-purple-btn p {font-size: 30px!important;line-height:35px!important;}
	#contact .map-section, .map-section .wrapper {flex-wrap: wrap;}
	.map-section .wrapper > div:first-child {margin-right: 0;}
	.map-section .map-height {margin-top: 40px;}
	.col-3 .dark-purple-btn, .col-3 .light-purple-btn {padding: 50px 20px;}
	#contact .map-section .map-height {height: 300px;}
}

@media only screen and (max-width: 681px) {
	.col-5 .flex a {max-width: 100%; padding: 30px 15px;}
	.col-3-inner .heading-md-sm {margin: 0 0 20px 0;}
	.col-3-inner > a > .flex {padding: 10px 15px 15px 15px;}
	.col-2-box div {padding: 50px 20px;}
}

@media only screen and (max-width: 450px) {
	.flex-row {flex-direction: column;}
	.form-half {width: 100%; margin: 15px 0;}
	.img-4-square .img-height {height: 150px;}
}

@media only screen and (max-width: 360px) {
	.heading-lg {font-size: 50px;}
	.heading-lg span {font-size: 25px;}
}







