:root {
	--main-bg-color: #F3B676;
	--secondary-bg-color: #F3B676;
	--text-primary-color: #282827;
}

@font-face {
	font-family: 'Space Grotesk Light';
	src: url('../fonts/space_grotesk/SpaceGrotesk-Light.eot');
	src: url('../fonts/space_grotesk/SpaceGrotesk-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/space_grotesk/SpaceGrotesk-Light.woff2') format('woff2'),
		url('../fonts/space_grotesk/SpaceGrotesk-Light.woff') format('woff'),
		url('../fonts/space_grotesk/SpaceGrotesk-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Space Grotesk Bold';
	src: url('../fonts/space_grotesk/SpaceGrotesk-Bold.eot');
	src: url('../fonts/space_grotesk/SpaceGrotesk-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/space_grotesk/SpaceGrotesk-Bold.woff2') format('woff2'),
		url('../fonts/space_grotesk/SpaceGrotesk-Bold.woff') format('woff'),
		url('../fonts/space_grotesk/SpaceGrotesk-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Space Grotesk Medium';
	src: url('../fonts/space_grotesk/SpaceGrotesk-Medium.eot');
	src: url('../fonts/space_grotesk/SpaceGrotesk-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/space_grotesk/SpaceGrotesk-Medium.woff2') format('woff2'),
		url('../fonts/space_grotesk/SpaceGrotesk-Medium.woff') format('woff'),
		url('../fonts/space_grotesk/SpaceGrotesk-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Space Grotesk Semi Bold';
	src: url('../fonts/space_grotesk/SpaceGrotesk-SemiBold.eot');
	src: url('../fonts/space_grotesk/SpaceGrotesk-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/space_grotesk/SpaceGrotesk-SemiBold.woff2') format('woff2'),
		url('../fonts/space_grotesk/SpaceGrotesk-SemiBold.woff') format('woff'),
		url('../fonts/space_grotesk/SpaceGrotesk-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Space Grotesk Regular';
	src: url('../fonts/space_grotesk/SpaceGrotesk-Regular.eot');
	src: url('../fonts/space_grotesk/SpaceGrotesk-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/space_grotesk/SpaceGrotesk-Regular.woff2') format('woff2'),
		url('../fonts/space_grotesk/SpaceGrotesk-Regular.woff') format('woff'),
		url('../fonts/space_grotesk/SpaceGrotesk-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


body {
	background: #ffffff;
	font-family: 'Space Grotesk Regular', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #282827;
}

.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
	font-family: 'Space Grotesk Bold', Helvetica, Arial, sans-serif;
	font-weight: 600;
	color: #282827;
}

h1, .h1 {
	font-size: 38px;
	line-height: 46px;
}
h2, .h2 {
	font-size: 32px;
	line-height: 38px;
}
h3, .h3 {
	font-size: 26px;
	line-height: 32px;
}
h4, .h4 {
	font-size: 20px;
	line-height: 24px;
}
h5, .h5 {
	font-size: 18px;
	line-height: 22px;
}

.text-primary {
	color: var(--text-primary-color);
}
.text-black{
	color: #111;
}
.text-white {
	color: #fff;
}
.text-orange {
	color: #F3B676;
}
.text-blue {
	color: #505F9C;
}




.fluid-lg {
	max-width: 1600px;
	width: 100%;
}
.fluid-md {
	max-width: 1400px;
	width: 100%;
}


/*** PADDINGS ****/
.pad0 { padding: 0; }

.pt0 { padding-top: 0; }
.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt50 { padding-top: 50px; }
.pt80 { padding-top: 80px; }
.pt100 { padding-top: 100px; }

.pb0 { padding-bottom: 0; }
.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }

.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }
.pl50 { padding-left: 50px; }
.pl70 { padding-left: 70px; }

.pr5 { padding-right: 5px; }
.pr20 { padding-right: 20px; }
.pr30 { padding-right: 30px; }
.pr50 { padding-right: 50px; }
.pr80 { padding-right: 80px; }


.border-bottom {
	border: 1px solid #eee;
}
.border-line-black {
	border: 1px solid #333;
}

/********************************/
/*** MAIN NAVIGATION ***/
/********************************/

#top-nav .top-nav-row,
.menu-left-wrap,
.menu-right-wrap {
	display: flex;
	align-items: center;
}
.menu-right-wrap {
	justify-content: flex-end;
}
#nav-trigger {
	display: block;
	position: relative;
	width: 40px;
	height: 50px;

	-moz-transition: 0 .4s;
	-o-transition: 0.4s;
	-webkit-transition: 0.4s;
	transition: transform 0.4s;
	opacity: 1;

	-webkit-backface-visibility: hidden; 
	-moz-backface-visibility: hidden; 
	-ms-backface-visibility: hidden;
}

#nav-trigger span {
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-webkit-transition: 0.4s;
	transition: 0.4s;

	background-color: #282827;
	display: block;
	width: 40px;
	height: 2px;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	

	-webkit-backface-visibility: hidden; 
	-moz-backface-visibility: hidden; 
	-ms-backface-visibility: hidden;
}

#nav-trigger:hover {
	cursor: pointer;
}

body.nav-open #nav-trigger {
	-moz-transform: rotate(90deg) translate(-3px, 0);
	-ms-transform: rotate(90deg) translate(-3px, 0);
	-webkit-transform: rotate(90deg) translate(-3px, 0);
	transform: rotate(90deg) translate(-3px, 0);
}
body.nav-open #nav-trigger span {
	background-color:#4F4F4F;
}

body.nav-open #nav-trigger span:first-child {
	-moz-transform:rotate(45deg) translate(0,0);
	-ms-transform:rotate(45deg) translate(0,0);
	-webkit-transform:rotate(45deg) translate(0,0);
	transform:rotate(45deg) translate(0,0);
}

body.nav-open #nav-trigger span:nth-child(2) {
	-moz-transform:scaleX(0);
	-ms-transform:scaleX(0);
	-webkit-transform:scaleX(0);
	transform:scaleX(0);
}

body.nav-open #nav-trigger span:last-child {
	-moz-transform:rotate(-45deg) translate(0,0);
	-ms-transform:rotate(-45deg) translate(0,0);
	-webkit-transform:rotate(-45deg) translate(0,0);
	transform:rotate(-45deg) translate(0,0);
}

.site--logo {
	position: relative;
}
.site--logo a {
	display: block;
}
.site--logo a img {
	max-width: 100px;
}

.menu-left-item,
.menu-right-item {
	padding-right: 30px;
}
.menu-right-item:last-child {
	padding-right: 0;
}
.menu-wrap,
.menu-account-item a,
.menu-right-item a {
	display: flex;
	align-items: center;
}
.menu-wrap .search {
	border-radius: 0;
	border: 0;
}
.menu-wrap .search:hover,
.menu-wrap .search:active,
.menu-wrap .search:focus {
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 1px solid #aaa;
}
.menu-wrap input.search::placeholder {
	color: #282827;
}

#main-navigation {
	background: #ffffff;
	padding: 10px 0 0;
	border-bottom: 0;
	/*border-bottom: 1px solid #eee;*/

	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
#main-navigation:before {
	/*content: '';
	position: absolute;
	background: #eee;
	width: 100%;
	height: 1px;
	top: 61%;*/
}
#secondary-nav-container{
	background: #1b1b1b;
	/*border: 1px solid #eee;*/
	overflow-y: hidden;
	overflow-x: auto;
	white-space: nowrap;

  /*overflow: auto hidden;*/
	/*border-top: 1px solid #eee !important;
	border-bottom: 1px solid #eee !important;*/

	/*border-top: 1px solid #eee !important;*/
	/*border-bottom: 1px solid #eee !important;*/
}
#secondary-nav-container::-webkit-scrollbar {
	width: 0;
}
 
#secondary-nav-container::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
#secondary-nav-container::-webkit-scrollbar-thumb {
	background-color: darkgrey;
	outline: 1px solid slategrey;
}

#secondary-nav-container .dropdown-menu {
	position: fixed;
	top: auto;
	left: auto;
	z-index: 1020;
	background: #1b1b1b;
    margin-top: 0;
    border-radius: 0;
    padding: 0;
}
#secondary-nav-container .dropdown-menu li a:hover {
	background: transparent;
	color: #F3B676;
}

@media (max-width: 760px) {
	#secondary-nav-container .secondary-nav .dropdown-menu {
		left: 0;
		right: 0;
		max-width: 100%;
		top: auto;
		width: 100%;
		max-height: 70%;
		overflow-y: auto;
		overflow-x: hidden;
		margin-top: 10px;
		z-index: 1020;
		border-radius: 0 !important;
		padding-right: 10px;
		padding-left: 10px;
	}

	#secondary-nav-container .secondary-nav .dropdown-menu > li > a{
		padding: 5px 15px;
		white-space: break-spaces;
	}

	.menu-account-item .dropdown-menu {
		border: 0;
		right: 0;
		position: fixed;
		top: auto;
		margin-top: 10px;
	}

}

#secondary-menu {
	/*padding: 18px 0;*/
	/*overflow-y: hidden;
	overflow-x: auto;
	white-space: nowrap;*/

}

#secondary-nav-container .main-nav-items .navbar-nav > li > a:after{
	bottom: -1px;
}

#secondary-nav-container .main-nav-items .navbar-nav > li{
	position: relative;
}

.no-scrollbar-nav {
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-y: scroll; 
}

.no-scrollbar-nav::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}


.footer-info-sidebar{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
	background: #ffffff;
	padding: 25px 15px;
}

.sidenav-cart{
	display: inline-block;
	position: relative;
}


#secondary-menu .secondary-nav {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
	/*display: flex;
	align-items: center;*/
}
#secondary-menu > .secondary-nav > li {
	display: inline-block;
	/*padding-right: 25px;*/
	font-size: 14px;
	margin-right: 15px;

	list-style: none;
	display: inline-block;
	width: auto;
}
#secondary-menu .secondary-nav li:last-child {
	padding-right: 0;
}
#secondary-menu .dropdown-menu,
.menu-account-item .dropdown-menu {
	border: 0;
}
#secondary-menu .dropdown-menu li,
.menu-account-item .dropdown-menu li {
	padding: 5px 10px;
}
#secondary-menu .dropdown-menu li a {
	display: block;
	padding: 10px;
}

.secondary-nav > li a{
	padding: 15px 0;
	display: inline-block;
	color: #fff;
}

.menu-account-item {
	position: relative;
}
.cart--total-mb {
	display: none;
}

#mobile-nav-wrapper {
	position: fixed;
	z-index: 1030;
	/*width: 30%;*/
	width: 600px;
	height: 100%;
	top: 0;
	left: 0;

	padding: 0 50px 50px;

	line-height: 1em;
	text-align: left;
	overflow: auto;
	pointer-events: none;
	-webkit-transform: translate3d(-100vw, 0, 0);
	transform: translate3d(-100vw, 0, 0);
	/* background-color: rgba(0,0,0,.97); */
	background: #ffffff;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: -webkit-transform 400ms cubic-bezier(.694,0,.335,1);
	transition: -webkit-transform 400ms cubic-bezier(.694,0,.335,1);
	-o-transition: transform 400ms cubic-bezier(.694,0,.335,1);
	transition: transform 400ms cubic-bezier(.694,0,.335,1);
	transition: transform 400ms cubic-bezier(.694,0,.335,1),-webkit-transform 400ms cubic-bezier(.694,0,.335,1);
	padding-left: 30px;
	padding-right: 30px;
	box-shadow: 10px 0 15px rgba(0,0,0,0.1);
 
}
#mobile-nav-trigger {
	position: relative;
	z-index: 9999;
}
#mobile-logo img {
	margin: auto;
}

.mobile-nav-list {
	padding-left: 0;
	list-style: none;
	margin-bottom: 0;
	text-align: center;
}
.menu-nav-left li {
  display: inline-block;
  /*margin: auto;*/
  margin-right: 15px;

}
.mobile-nav-list li {
	padding: 15px 20px;
}
#mobile-nav-wrapper.open-nav {
	-webkit-transform: translateX(0);
	transform: translateX(0);

	-webkit-transition: -webkit-transform 600ms cubic-bezier(.694,0,.335,1);
	transition: -webkit-transform 600ms cubic-bezier(.694,0,.335,1);
	-o-transition: transform 600ms cubic-bezier(.694,0,.335,1);
	transition: transform 600ms cubic-bezier(.694,0,.335,1);
	transition: transform 600ms cubic-bezier(.694,0,.335,1),-webkit-transform 600ms cubic-bezier(.694,0,.335,1);
	
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	-webkit-overflow-scrolling: touch;
	overflow: hidden;
}
#mobile-nav-wrapper:before {
/*    content: '';
    position: absolute;
    background: #CBA927;
    width: 100%;
    height: 100%;
    top: 0;
    left: -95%;
    opacity: 1;
	visibility: visible;
    z-index: 9999;*/
}

#nav-trigger span:first-child {
	-moz-transform:translate(0,-7px);
	-ms-transform:translate(0,-7px);
	-webkit-transform:translate(0,-7px);
	transform:translate(0,-7px);
}

#nav-trigger span:last-child {
	-moz-transform:translate(0,7px);
	-ms-transform:translate(0,7px);
	-webkit-transform:translate(0,7px);
	transform:translate(0,7px);
}


/********************************/
/*** FOOTER ***/
/********************************/
#footer {
	background: #1b1b1b;
	/*border-top: 1px solid #eee;*/
	padding: 80px 0 50px;
}
.site--footer--logo img {
	max-width: 140px;
	filter: brightness(0) invert(1);
}
.site--footer--logo svg {
	max-width: 140px;
	width: 100%;
	height: auto;
}
.site--footer--logo svg .fill-white {
	fill: #fff;
}
.footer-widget-title {
	font-size: 18px;
	line-height: 22px;
	font-family: 'Space Grotesk Semi Bold', Helvetica, Arial, sans-serif;
	padding-bottom: 15px;
	color: #fff;
}
.footer-menu ul {
	list-style-type: none;
	padding-left: 0;
}
.footer-menu ul li {
	padding-bottom: 10px;
}
.footer-info {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
}
#footer-bottom {
	padding-bottom: 30px;
	background: #1b1b1b;
}
.footer-widget li a {
	color: #fff;
}



/********************************/
/*** MODALS ***/
/********************************/
.modal-content {
	padding: 50px;
	border-radius: 0;
	border: none;
}
.modal-header {
	padding: 0;
	border: 0;
}
.modal-title {
	font-size: 28px;
	line-height: 38px;
	text-align: center;
}
.modal-body {
	padding: 0;
}
.modal-header button.close {
	position: absolute;
	right: 20px;
	top: 10px;
	font-size: 36px;
	font-weight: 400;
}
.modal-footer {
	margin-top: 30px;
	padding: 0;
	border: 0;
}
.bootbox-body {
	padding-top: 20px;
	text-align: center;
}



/********************************/
/*** HOME PAGE ***/
/********************************/

.pad-lg {
	padding-top: 100px;
	padding-bottom: 100px;
}
.pad-md {
	padding-top: 50px;
	padding-bottom: 50px;
}
.bg-gray {
	background: #eee;
}
.bg-lgray {
	background: #f6f6f6;
}

#landing-section {
	padding-top: 100px;
	padding-bottom: 50px;
}
#landing-header {
	position: relative;
	min-height: 700px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	background-image: url('../img/landing-header-image.jpg');
	/*background-image: url('../img/landing-header-image.jpg'), linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0.7));*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#landing-header:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #111;
	opacity: .3;
}
.landing-footer-col.landing-col1 {
	background-image: url('../img/landing-img1.jpg');
}
.landing-footer-col.landing-col2 {
	background-image: url('../img/landing-img2.jpg');
}
.landing-footer-col {
	position: relative;
	min-height: 700px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0 150px;
}
.landing-footer-col:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #111;
	opacity: .3;
}
#landing-footer .container-fluid {
	max-width: 100%;
	padding: 0;
}
.landing-text-wrap {
	position: relative;
	z-index: 9;
}
.hero-header {
	padding: 40px 20px;
	display: flex;
	align-items: center;
}

.landing-text-wrap {
	padding-bottom: 20px;
}

.promo-code-wrap {
	background: #777474;
	max-width: 400px;
	padding: 20px;
	margin: 0 auto 20px;
}
.promo-code-wrap h2 {
	font-size: 30px;
	line-height: 36px;
	color: #fff;
	font-family: 'Space Grotesk Regular', Helvetica, Arial, sans-serif;
}

.promo-code-note p {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 0;
}

.section-header {
	padding-bottom: 30px;
}






/********************************/
/*** SHOP PAGE ***/
/********************************/
#filter-sort {
	padding: 20px 0;
}
.filter-sort-wrap {
	/*display: flex;
	align-items: center;
	justify-content: flex-end;*/
	text-align: right;
}
.filter-sort-item {
	padding: 0 10px;
	display: inline-block;
	vertical-align: middle;
	max-width: 120px;
	width: 100%;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
.filter-sort-item .dropdown-toggle,
.filter-sort-item svg {
	vertical-align: middle;
}

.filter-sort-item svg {
	vertical-align: middle;
	max-width: 20px;
	width: 100%;
	padding-left: 4px;
}
.filter-sort-item .dropdown-menu-right {
	top: 30px;
	border: 0;
}
.filter-sort-item .dropdown-menu li {
	padding: 5px 10px;
}

.shop-pagination li a {
	background: transparent;
	padding: 10px 20px;
	border: 1px solid #CBCBCB;
	color: #282827;
}
.shop-pagination li.active a {
	background: #F3B676;
	border: 1px solid #F3B676;
}
.shop-pagination li.active a:hover,
.shop-pagination li.active a:focus,
.shop-pagination li.active a:active {
	background: #F3B676;
	border: 1px solid #F3B676;
	color: #fff;
}
.shop-pagination li a:hover,
.shop-pagination li a:focus,
.shop-pagination li a:active {
	background: #eee;
	border: 1px solid #eee;
	color: #282827;
}

.db {
	
}
.d-flex {
	display: flex;
}
.ai-center {
	align-items: center;
}
.ai-top {
	align-items: flex-start;
}
.ai-bottom {
	align-items: flex-end;
}
.jc-fe {
	justify-content: flex-end;
}


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

/* PRODUCT PREVIEW */
.product-featured {
	padding: 15px;
	min-height: 450px;
}
.product-preview {
	min-height: 450px;
	margin-bottom: 50px;
}
.product-image {
	background: #f6f6f6;
}
.product-image img {
	min-height: 350px;
	object-fit: contain;
}
.product-category,
.product-category a {
	color: #757575;
	font-size: 14px;
	font-family: 'Space Grotesk Regular', Helvetica, Arial, sans-serif;
	line-height: 16px;
	padding-bottom: 15px;
}
.product-title,
.product-price {
	font-size: 22px;
	line-height: 24px;
	font-family: 'Space Grotesk Medium', Helvetica, Arial, sans-serif;
	margin-top: 0;
	margin-bottom: 10px;
}
.product-price {
	text-align: right;
}
.product-featured .product-price,
.product-preview .product-price {
	text-align: left;
	font-size: 18px;
	font-family: 'Space Grotesk Regular', Helvetica, Arial, sans-serif;
	line-height: 22px;
}

#product-page {
	padding-top: 100px;
}
#product--image--preview {
	background: #f6f6f6;
	border-radius: 4px;
	padding: 30px;
}
#product--gallery--wrapper {
	list-style:  none;
	padding-top: 20px;
	padding-left:  0;
	margin-top: 20px;
	margin-bottom: 0;
	border-top: 1px solid #E5E5E5;
}
.product--gallery--wrapper li {
	position: relative;
	padding: 0 10px 10px 0;
}
.product--gallery--wrapper li.active:before {
	content: '';
	position: absolute;
	background: #222222;
	width: 100%;
	height: 2px;
	top: -21px;
}
.product-thumb {
	display: block;
	background:  #f6f6f6;
	border-radius: 4px;
}
.product-thumb img {
	min-height: 110px;
	object-fit: contain;
}

.category-name {
	font-size: 14px;
	font-weight: 400;
	color: #757575;
}

.product-details-wrap {
	padding-left: 50px;
}

.product-title-wrap .product-title,
.product-title-wrap .product-price {
	font-size: 22px;
	line-height: 28px;
	font-family: 'Space Grotesk Medium', Helvetica, Arial, sans-serif;
	margin-top: 0;
	margin-bottom: 15px;
}
.product-title-wrap .product-price {
	margin-bottom: 0;
}

.details-label-1 {
	color: #757575;
	font-size: 14px;
	font-family: 'Space Grotesk Medium', Helvetica, Arial, sans-serif;
	line-height: 16px;
}
.details-label-2 {
	font-size: 16px;
	font-family: 'Space Grotesk Medium', Helvetica, Arial, sans-serif;
	font-weight: inherit;
	line-height: 18px;
}
.product-variant-list .radio-options {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.product-variant-list .radio-variant {
	margin-bottom: 10px;
}
.product-form-wrap .quantity-field .form-control {
	/*max-width: 100px;*/
	min-width: 150px;
	vertical-align: bottom;
}
.qty-input-group{
	max-width: 300px;
}
.radio-options .variant-select {
	display: none;
}
.radio-options label {
	border: 1px solid #CBCBCB;
	border-radius: 4px;
	padding: 13px 23px;
	margin-bottom: 0;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: 1px;

	-webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.radio-options label:hover,
.radio-options .variant-select:checked + label {
	background: #F3B676;
	border: 1px solid #F3B676;
	color: #fff;
}

.delivery-estimate-wrap {
	background: #FFFBF4;
	border-radius: 4px;
	padding: 20px;

}

.product-buttons-wrap ul {
	padding-top: 20px;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.product-buttons-wrap svg {
	max-width: 25px;
}
.share-icon-wrap,
.bookmark-icon-wrap {
	flex-basis: 10%;
	padding: 5px;
}
.add-to-cart-wrap {
	flex-basis: 80%;
}

.product-details-note a {
	border-bottom: 1px solid #282827;
}
.product-details-note a:hover {
	border-bottom: 1px solid #F3B676;
}

#product-wrap.product-related {
	min-height: unset;
}

#product-nav .nav-tabs {
	border-bottom: 0;
	overflow: hidden;
}
#product-nav .nav-tabs li {
	position: relative;
	font-family: 'Space Grotesk Medium', Helvetica, Arial, sans-serif;
	letter-spacing: 0.5px;
}
#product-nav .nav-tabs li a {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-radius: 0;
	background: transparent;
}
#product-nav .nav-tabs li a:hover {
	color: #282827;
}
#product-nav .nav-tabs li.active:before {
	content: '';
	position: absolute;
	background: #222222;
	width: 100%;
	height: 3px;
	bottom: 0;
	z-index: 999;
}
#product-nav .nav-tabs li:after {
	content: '';
	position: absolute;
	background: #CBCBCB;
	width: 800px;
	height: 1px;
	bottom: 1px;
}


/********************************/
/*** CART PAGE ***/
/********************************/
.border-dotted {
	border-bottom: 1px dotted #757575;
}
.border-solid-lgray {
	border-bottom: 1px solid #E5E5E5;
}
.border-dashed-svg {
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	min-height: 20px;
}
.cart-no-items {
	font-size: 16px;
	font-family: 'Space Grotesk Regular', Helvetica, Arial, sans-serif;
	padding-left: 20px;
}
.cart-header {
	padding-bottom: 10px;
}
.cart-header h1 {
	flex-basis: 50%;
}
.cart-header p {
	flex-basis: 50%;
	line-height: 46px;
	text-align: right;
}

.cart-progress-bar {
	height: 30px;
	box-shadow: none;
}
.cart-progress-bar .progress-bar {
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.heads-up-box {
	position: relative;
	background: rgba(194, 44, 78, 0.15);
	border-radius: 4px;
	padding: 20px 30px;
}
.heads-up-box.alert-dismissible .close {
	position: absolute;
	top: 5px;
	right: 10px;
}
.heads-up-box .title-header {
	font-size: 18px;
	font-family: 'Space Grotesk Bold', Helvetica, Arial, sans-serif;
	line-height: 28px;
}

.cart-product-wrap {
	padding: 35px 0;
	border-bottom: 1px solid #E5E5E5;
}

.cart-product-image {
	background: #f6f6f6;
}
.cart-product-image img {
	min-height: auto;
	padding: 20px;
	object-fit: contain;
}


.cart-product-details .product-category {
	padding-bottom: 0;
}
.cart-product-details .product-title,
.cart-product-details .product-price {
	font-size: 18px;
	line-height: 28px;
	flex-basis: 50%;
}
.cart-product-details .product-variant {
	color: #757575;
	font-size: 14px;
	font-family: 'Space Grotesk Regular', Helvetica, Arial, sans-serif;
	line-height: 16px;
}
.cart-quantity-field {
	background: #f6f6f6;
	border-radius: 4px;
	padding: 5px 20px;
}

.cart-quantity-field .input-number-qty {
	height: 35px;
	background: #fff;
	border: 0;
	border-radius: 4px !important;
	max-width: 100px;
}
.cart-quantity-field .input-number-qty:hover,
.cart-quantity-field .input-number-qty:focus {
	background: #fff;
	border: 0;
}
.cart-quantity-field .input-group-btn {
	padding: 0 8px;
}
.cart-quantity-field .btn-edit-cart-item {
	background: transparent;
}
.summary-header {
	padding-bottom: 18px;
}
.summary-details-items {
	flex-basis: 50%;
}


/********************************/
/*** LOGIN / SIGN-UP FORM ***/
/********************************/
#login-signup-modal .modal-dialog {
	max-width: 700px;
	width: 100%;
	margin: 50px auto;
}
.modal-login-content {
	padding: 50px;
	max-width: 620px;
	margin: 0 auto;
}
.modal-login-content .modal-header {
	padding: 0;
}
.modal-login-content .modal-body {
	min-height: auto;
	padding-bottom: 0;
}

.website-logo-wrap img {
	max-width: 150px;
	margin: auto;
}

.form-check .form-check-label {
	margin-bottom: 0;
	vertical-align: middle;
}
.form-check .form-check-input {
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-top: 0;
	margin-right: 5px;
}
.form-check .form-check-input:checked {
	background-color: #F3B676;
}

.terms-condition-wrap a {
	text-decoration: underline;
}


.forgot-pw-wrap {
	max-width: 500px;
	margin: auto;
}




.delivery-details-wrap {
	position: relative;
	border: 1px solid #cccc;
	border-radius: 4px;
	
}
.delivery-details {
	padding: 30px;
}
.delivery-update {
	position: absolute;
	top: 10px;
	right: 20px;
}

.tbl-checkout-details {
	width: 100%;
}
.tbl-checkout-details th {
	padding: 10px 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.tbl-product-details-wrap {
	display: flex;
	align-items: flex-start;
	padding-top: 10px;
}
.tbl-product-details-wrap .product-img-wrap {
	max-width: 120px;
	margin-right: 20px;
}
.tbl-product-details-wrap .product-title {
	font-size: 16px;
	line-height: 20px;
}
.tbl-details-col {
	width: 70%;
	padding-bottom: 20px;
}
.tbl-price-col {
	width: 30%;
	vertical-align: top;
	padding: 10px 10px 20px;
}
.tbl-price-col .product-price {
	font-size: 16px;
	line-height: 20px;
	text-align: center;
}
.tbl-product-row {
	position: relative;
}
.tbl-product-row:after {
	content: '';
	position: absolute;
	background: #E5E5E5;
	width: 100%;
	height: 1px;
	bottom: 4px;
	left: 0;
}

.subtotal-amount p {
	font-size: 20px;
	font-family: 'Space Grotesk Medium', Helvetica, Arial, sans-serif;
	line-height: 30px;
}




.product-img-wrap{
	margin-top: 47px;	
}
.product-details-col{
	margin-top: 100px;
}



/********************************/
/*** PROFILE ***/
/********************************/
.tab-profile {
	border-bottom: 1px solid #e5e5e5;
}
.tab-profile .nav.nav-pills li  a {
	background-color: transparent;
	color: #111;
}
.back-to-account {
	text-align: right;
}


/********************************/
/*** FORMS ***/
/********************************/
.input-group-addon {
	border: 1px solid #cbcbcb;
	border-radius: 4px 0 0 4px;
	padding: 10px;
}


/********************************/
/*** ORDERS ***/
/********************************/
.order-status p {
	font-family: 'Space Grotesk Medium', Helvetica, Arial, sans-serif;
}
.order-buttons-wrap {
	max-width: 300px;
	margin-left: auto;
}
.order-num-item {
	flex-grow: 1;
}



/********************************/
/*** BILLINGS ***/
/********************************/
.billings-legend {
	list-style: none;
	padding: 0;
}
.billings-legend li {
	display: inline-block;
	padding-right: 25px;
	padding-bottom: 10px;
	vertical-align: middle;
}
.green-box {
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background-color: #36da61;
}
.yellow-box {
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background-color: #efdc56;
}
.red-box {
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background-color: #d4463f;
}
.tbl-billings {
	width: 100%;
} 
.tbl-billings th {
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 0 !important;
}
.tbl-billings th .icon {
	font-size: 10px;
}
.tbl-col-1 {
	width: 5%;
}
.tbl-col-2 {
	width: 19%;
}


.billing-invoice-wrap {
	padding: 50px;
	box-shadow: 0 1px 13px 0 #eee;
}
.invoice-no {
	font-size: 20px;
	line-height: 30px;
}

.billing-total-wrap {
	background: #f6f6f6;
	border-radius: 5px;
	padding: 30px;
}
.print-btn .btn {
	max-width: 300px;
}
.deposit-slip-status .badge {
	padding: 6px 10px;
}


/********************************/
/*** CONTACT ***/
/********************************/
#open-ticket-modal .modal-dialog {
	max-width: 850px;
	width: 100%;
	margin: 30px auto;
	padding-right: 50px;
	padding-left: 50px;
}
#open-ticket-modal .modal-content {
	padding: 50px;
}
#open-ticket-modal .modal-header,
#open-ticket-modal .modal-body {
	padding: 0;
}
#open-ticket-modal .form-group  #message {
	height: 200px;
	padding: 10px;
}
.file-icon-image #image-wrapper {
	padding: 0;
}
.file-icon-image img {
	max-width: 100px;
	padding: 0;
}

.inquiry-box-wrap {
	border: 1px solid #ddd;
	border-radius: 4px;
	margin-bottom: 30px;
	padding: 30px;
}
.inquiry-details-wrap {
	display: flex;
	align-items: flex-start;
}


/********************************/
/*** ABOUT ***/
/********************************/
.vision-wrap, .mission-wrap {
	background: #f6f6f6;
    padding: 50px;
    border-radius: 3px;
}


#search #filter-sort {
	display: none;
}

.product-add-favorite svg {
	max-width: 26px;
	height: 26px;
}
.product-add-favorite svg path {
	fill: #F3B676;
}
.product-add-favorite svg path:hover {
	background: #F3B676;
}


/********************************/
/*** TRACKING  ORDER ***/
/********************************/
.tracking-product-row .item-title {
	padding-top: 20px;
}
.tracking-prod-img {
	padding: 10px;
}
.tracking-prod-img img {
	min-height: auto !important;
}
.shipment-transactions-list {
	list-style: none;
	padding-left: 30px;
	margin: 0;
}
.shipment-transactions-list > li {
	display: block;
	position: relative;
	padding: 10px 0;
	margin-bottom: 0px;
}
.shipment-transactions-list > li > a .transaction-status {
	display: block;
	font-size: 18px;
	font-family: 'Space Grotesk Medium', Helvetica, Arial, sans-serif;
	line-height: 22px;
	font-weight: 500;
}
.shipment-transactions-list > li:before {
	content: "";
	width: 2px;
	position: absolute;
	top: 17px;
	left: -22px;
	bottom: -16px;
	background: #eee;
	z-index: 1;
}
.shipment-transactions-list > li:last-child:before {
	display: none;
}
.shipment-transactions-list > li > a .list-checkmark {
	position: absolute;
    left: -30px;
    top: 12px;
    width: 18px;
    height: 18px;
    background: #fff;
	border: 2px solid #505F9C;
    border-radius: 50%;
    z-index: 2;
}
.shipment-transactions-list > li.active > a {
	color: #222222;
}
.shipment-transactions-list > li.active > a:hover .list-checkmark, .shipment-transactions-list > li.active > a .list-checkmark{
	background: #505F9C;
}
.shipment-transactions-list > li.with_date > a:hover .list-checkmark, .shipment-transactions-list > li.with_date > a .list-checkmark{
	background: #337ab7;
}
.shipment-transaction-time{
	font-size: 12px;
	min-height: 20px;
}
.shipment-transactions-list p {
	font-size: 16px;
	line-height: 20px;
}


/********************************/
/*** REORDER ***/
/********************************/
.order-info h2 {
	font-size: 20px;
	line-height: 24px;
}
.order-buttons-wrap.reorder-buttons-wrap {
	margin-left: 0;
}
.delivery-info-wrap h2 {
	font-size: 20px;
	line-height: 24px;
}




.specify-field-wrap textarea {
	border-color: #cbcbcb;
	padding: 10px;
}
.specify-field-wrap textarea:focus,
.specify-field-wrap textarea:active,
.specify-field-wrap textarea:focus-visible {
	border-color: #282827;
}


/********************************/
/*** DELIVERY NOTE ***/
/********************************/
#delivery-notes-tab {
	border-bottom: 1px solid #eee;
}
#delivery-notes-tab .nav li a {
	background: #eee;
	border-radius: 4px 4px 0 0;
}
#delivery-notes-tab .nav li.active a {
	background: #282827;
}
#delivery-notes-tab .nav li a:hover {
	background: #F3B676;
	color: #fff;
}


.bootbox.modal {
	padding-right: 0;
}
.bootbox.modal .modal-footer {
	text-align: center;
}






/* RETURN PAGE */
#return-details-wrap .title-header {
  font-size: 22px;
  font-weight: 500;
}
.return-form .quantity-field {
  width: 30%;
}
.add-product-wrap {
  display: flex;
}

/* TRACK YOUR PRODUCT CLAIM */





/* FORMS */
.form-group {
  /*margin-bottom: 15px;
  border: 1px solid #757575;
  border-radius: 4px;
  padding: 14px 30px;
  background: transparent;*/
}
.input-group-btn .btn {
  border: 0;
  padding: 0;
}
textarea {
  padding: 14px 30px;
  border: 1px solid #757575;
  resize: none;
  border-radius: 4px;
}
.btn-default:hover {
  background: transparent;
}

.no-scrollbar {
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-y: scroll; 
}

.no-scrollbar::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}


/* MODAL */

#login-signup-modal {
  padding-right: 0 !important;
}
#choose-shipping-address .modal-body {
  padding: 0;
}

/* CUSTOMER PROFILE */
#customer-prof .tabpanel .nav-pills > li {
  display: inline-block;
  float: none;
  padding-bottom: 10px;
}






/* *********************************** */
/* MS DATEPICKER */
/* *********************************** */
.datepicker{
  border: 0;
  box-shadow: 0 1px 13px 0 rgba(0,0,0,0.1);
  margin-top: 3px;
}
.datepicker *{
  text-shadow: none;
}
.datepicker table{
  width: 100%;
}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th{
  font-family: 'Gilroy', Helvetica, Arial, sans-serif;
  font-weight: normal;
}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td{
  padding: 5px 10px;  
}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled]{
  background: var(--main-bg-color);
}
.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled]{
  background-image: none;
  background: #858B87;  
}
.datepicker-inline {
    width: 290px;
}
.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover{
  background: #858B87;
  /*background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);*/
  color: #ffffff;
}
.datepicker-dropdown.datepicker-orient-top:before{
    border-top: 7px solid #f1f1f1;
}
.datepicker-dropdown:before{
    border-bottom-color: #f1f1f1;
}















/* *********************************** */
/* OWL CAROUSEL */
/* *********************************** */
.owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;

	/* position relative and z-index fix webkit rendering fonts issue */
	position: relative;
	z-index: 1;
}
.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	-moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
	display: block;
	width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
	display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.owl-carousel.owl-loaded {
	display: block;
}
.owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}
.owl-carousel.owl-hidden {
	opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
	visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.owl-carousel.owl-grab {
	cursor: move;
	cursor: grab;
}
.owl-carousel.owl-rtl {
	direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
	float: right;
}

/* No Js */
.no-js .owl-carousel {
	display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
	animation-duration: 1000ms;
	animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
	z-index: 0;
}
.owl-carousel .owl-animated-out {
	z-index: 1;
}
.owl-carousel .fadeOut {
	animation-name: fadeOut;
}
@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/* OWL Theme */
.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}
.owl-theme .owl-controls .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
    background: #ec2232;
    color: #fff;
    text-decoration: none
}
.owl-theme .owl-controls .owl-nav .disabled {
    opacity: .5;
    cursor: default
}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline
}
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 9px;
    background: #222222;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #ec2232;
}

.owl-prev, .owl-next{
  margin: 0 !important;
  padding: 3px 7px !important;
  background: transparent !important;
  color: #222 !important;
  opacity: 0.5;
  font-size: 36px !important;
  -webkit-transition: opacity 0.3s !important;
  transition: opacity 0.3s !important;
}
.owl-prev:hover, .owl-next:hover{
  opacity: 1;
}
.owl-prev{
  position: absolute;
    top: 50%;
    left: -50px;
    height: 40px;
    margin-top: -20px !important;
}
.owl-next{
  position: absolute;
    top: 50%;
    right: -50px;
    height: 40px;
    margin-top: -20px !important;
}

.owl-prev.off-control, .owl-next.off-control{
  opacity: 0;
}

.owl-dots {
    margin: 0 auto;
    text-align: center;
}
.owl-dot {
  display: inline-block;
}
.owl-dot span{
  position: relative;
  overflow: hidden;
  width: 9px !important;
  height: 9px !important;
  border-radius: 100%;
  /*border: 1px solid #ccc;*/
  background: #ffffff !important;
  margin: 0 15px;
  display: inline-block;  /*for making them horizontal, if you want vertical then you can use- display: block*/
    
    box-shadow: inset 0 0 0 2px white;

    -webkit-transition: box-shadow .3s ease-out;
    -moz-transition: box-shadow .3s ease-out;
    -o-transition: box-shadow .3s ease-out;
    transition: box-shadow .3s ease-out;

    -webkit-backface-visibility: hidden; 
    -moz-backface-visibility:    hidden; 
    -ms-backface-visibility:     hidden;
}
.owl-dot.active span{
     box-shadow: inset 0 0 0 8px white;
     width: 32px !important;
}
.owl-next.disabled, .owl-prev.disabled{
  /*opacity: 0;*/
}















/* LINKS */
/* *********************************** */

a {
  color             : var(--text-primary-color);
  text-decoration   : none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition   : all 0.3s ease-in-out;
  -ms-transition    : all 0.3s ease-in-out;
  -o-transition     : all 0.3s ease-in-out;
  transition        : all 0.3s ease-in-out;
  -webkit-backface-visibility: hidden; 
    -moz-backface-visibility:    hidden; 
    -ms-backface-visibility:     hidden;
}
a:hover,
a:focus {
  color: var(--main-bg-color);
  text-decoration: none;
  outline: none;
}
a:active{
  outline: none;
}



.btn-link{
  padding: 12px 0;
  text-decoration: none !important;
  color: rgba(255,255,255,0.7);
  display: inline-block;
}
.btn-link:hover{
  text-decoration: underline !important;  
  color: #ffffff;
}


.tbl-sub {
  color: #24387d;
    font-weight: 600;
    text-transform: uppercase;
}













.label-divider{
  position: relative;
  border-top: 1px solid #b5c2cd;
  text-align: center;
  margin-top: 20px;
}
.label-text{
  background-color: #ffffff;
  padding: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  font-family: 'Gilroy', Helvetica, Arial, sans-serif;
  position: relative;
  top: -16px;
  color: #868686;
}




.customer-login-wrap{
  margin-top: 100px;
  padding: 100px 0;
  /*color: #ffffff;*/
}


.login-register-form-wrap{
  /*padding: 0 50px;*/
}
.signup-with-fb{
  border-color: #3b5998;
  background: #3b5998;
  color: #ffffff;
}
.signup-with-fb:hover, .signup-with-fb:focus{
  background: #3b5998 !important;
  color: #ffffff !important;
  border-color: #3b5998;
}

.form-group-with-icon{
  position: relative;
}
.form-group-with-icon .form-control{
  padding-right: 42px;
}
.form-group-with-icon .form-icon-wrap{
  position: absolute;
  right: 13px;
  top: 5px;
  font-size: 28px;
  color: #868686;
}



.list-float{
  padding: 0;
  margin: 0;
  list-style: none;
}
.list-float > li{
  float: right;
  display: block;
  margin-right: 15px;
}
.list-float.pleft > li{
  float: left;
}
.list-float.pull-right{
  margin-left: 15px;
  margin-right: 0;
}

.booking-tab-nav .nav.nav-pills > li{
  color: #fff;
  /*float: none;*/
}
.booking-tab-nav .nav.nav-pills > li.truck-type-label{
  color: #fff;
  font-size: 22px;
  /*background: #fe1f53;*/
  /*padding: 5px 10px;*/
  /*text-transform: uppercase;*/
  font-family: 'Gilroy', Helvetica, Arial, sans-serif;
  font-weight: 600;
  position: relative;
  top: 10px;
  margin-right: 20px;
}
.booking-tab-nav .nav.nav-pills > li > a{
  color: #ffffff;
  opacity: 0.8;
}
.booking-tab-nav .nav.nav-pills > li.active > a{
  opacity: 1;
  color: #fff;
}





/* FORMS */
/* *********************************** */
.form-control{
	font-size: 16px;
	box-shadow: none;
	background: transparent;
	border: 1px solid #CBCBCB;
	border-radius: 4px;
	height: 50px;

	-webkit-transition: all ease-in-out .15s;
	-o-transition: all ease-in-out .15s;
	transition: all ease-in-out .15s;
}
.form-control:focus,
.form-control:hover{
	box-shadow: none;
	background: transparent;
	border: 1px solid #CBCBCB;
}
.form-control::-moz-placeholder {
	color: #999999;
	opacity: 1;
}
.form-control:-ms-input-placeholder {
	color: #999999;
}
.form-control::-webkit-input-placeholder {
	color: #999999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: transparent;
}
.has-error .form-control{
  box-shadow: none;
}

.form-group-lg-wrap .form-group{
  margin-bottom: 30px;
}

.form-group-white{
  color: #ffffff;
}
.form-group-white .form-control{
  color: #ffffff;
}


.form-group-white .form-control::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}
.form-group-white .form-control:-ms-input-placeholder {
  color: #ffffff;
}
.form-group-white .form-control::-webkit-input-placeholder {
  color: #ffffff;
}

.show-password-form-group{
  position: relative;
}
.show-password-form-group .btn-show-password{
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 22px;
  display: inline-block;
  color: #3d4543;
}


.control-label{
  font-size: 16px;
  margin-bottom: 0;
}




.bg-none{
  background: transparent;
}

.selectize-input{
  border: 0;
    border-bottom: 1px solid #868686;
    border-radius: 0;
    padding: 10px 0;
    box-shadow: none;
}


.input-sm{
  font-size: 14px;
}

.help-block{
  font-size: 12px;
  margin-bottom: 0;
}
.help-block p{
  margin-bottom: 5px;
}

.has-error .form-control{
  border-color: #a00;
}

textarea.form-control{
  resize: none;
}



.kn-form-control{
  padding: 10px 15px;
  /*height: 42px;*/
}

.select-wrap{
  background: #F2F2F2;
}

.select-dropdown .btn{
  border: 0;
  background: #F2F2F2;
  color: #262626;
  padding: 10px 45px 10px 25px;
  text-align: left;
  text-transform: none;
  letter-spacing: 0;
  font-size: 14px;
  position: relative;
  width: 100%;
  box-shadow: 0 2px 15px rgba(0,0,0,0.03);
}
.select-dropdown .btn:hover, .select-dropdown.open .btn{
  box-shadow: 0 4px 15px rgba(0,0,0,0.1); 
}
.select-dropdown .btn .select-caret{
  position: absolute;
  font-size: 20px;
  right: 17px;
  top: 6px;
}
.select-dropdown .dropdown-menu{
  box-shadow: 0 2px 15px rgba(0,0,0,0.1);
  width: 100%;
  border: 0;
  margin-top: 0;
  border-radius: 0 0 3px 3px;
  background: #F2F2F2;
}
.select-dropdown .dropdown-menu > li{
  font-size: 14px;
  padding: 10px 25px;
  cursor: pointer;
}

.select-dropdown .dropdown-menu > li:hover{
  background: #d4d4d4;
}

.checkbox,
.radio {
  margin-bottom: 12px;
}

.checkbox label,
.radio label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding-left: 24px;
  margin-bottom: 0;
  line-height: 24px;
}

.checkbox label::before,
.checkbox label::after {
  font-family: 'Ionicons';
  content: "\f372";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  cursor: pointer;
  line-height: 20px;
  font-size: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 3px;
  color: #DDDDDD;
  transition: color 0.2s linear;
  padding: 1px;
}

.checkbox label::after {
  content: "";
  text-align: center;
  opacity: 1;
  left: -1px;
  color: #DDDDDD;
}

.checkbox input[type="checkbox"],
.radio input[type="radio"] {
  opacity: 0;
  margin-left: 0;
}

.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="checkbox"]:not(:disabled):hover + label::after {
  font-family: 'Ionicons';
  content: "\f374";
}

.checkbox input[type="checkbox"]:checked + label::after {
  color: var(--main-bg-color);
}

.checkbox input[type="checkbox"]:not(:disabled):hover + label::before,
.checkbox input[type="checkbox"]:checked + label::before {
  opacity: 0;
}

.checkbox input[type="checkbox"]:disabled + label,
.radio input[type="radio"]:disabled + label,
.checkbox input[type="checkbox"]:disabled:checked + label::after {
  color: #DDDDDD;
}

.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="checkbox"]:disabled + label::after {
  cursor: not-allowed;
}

.checkbox input[type="checkbox"]:disabled + label,
.radio input[type="radio"]:disabled + label {
  cursor: not-allowed;
}

.checkbox.checkbox-circle label::before {
  border-radius: 50%;
}

.checkbox.checkbox-inline {
  padding-left: 0;
}

.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #428bca;
  border-color: #428bca;
}

.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff;
}

.radio label::before,
.radio label::after {
  font-family: 'Ionicons';
  content: "\f401";
  font-size: 20px;
  height: 20px;
  width: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  position: absolute;
  line-height: 20px;
  left: 0;
  top: 3px;
  color: #DDDDDD;
  padding: 1px;
  transition: color 0.2s linear;
}

.radio input[type="radio"]:not(:disabled):hover + label::after,
.radio input[type="radio"]:checked + label::after {
  font-family: 'Ionicons';
  content: "\f400";
  color: #DDDDDD;
}

.radio input[type="radio"]:checked:not(:disabled):hover + label::after,
.radio input[type="radio"]:checked + label::after {
  color: var(--main-bg-color);
}

.radio input[type="radio"]:disabled + label {
  color: #ddd;
}

.radio input[type="radio"]:disabled + label::before,
.radio input[type="radio"]:disabled + label::after {
  color: #ddd;
}

.radio.radio-inline {
  margin-top: 0;
}





/* *********************************** */
/*** BUTTONS ***/
/* *********************************** */
.btn {
	position: relative;
	border-radius: 4px;
	font-family: 'Space Grotesk Regular', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	width: 100%;

	-webkit-transition: all 0.3s ease;
	-moz-transition   : all 0.3s ease;
	-ms-transition    : all 0.3s ease;
	-o-transition     : all 0.3s ease;
	transition        : all 0.3s ease;
}
.btn-lg {
	font-size: 18px;
	padding: 15px 30px;
	max-width: 250px;
}
.btn-md {
	font-size: 16px;
	padding: 12px 20px;
	max-width: 180px;
}
.btn-sm {
	font-size: 14px;
	padding: 12px 20px;
}

.btn-primary {
	background: var(--main-bg-color);
	border: 1px solid var(--main-bg-color);
	color: #fff;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus {
	background: #e79a49; 
	border: 1px solid #e79a49;
	color: #fff;
}

.btn-secondary {
	background: #282827;
	border: 1px solid #282827;
	color: #fff;
}
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
	background: #4b4b49; 
	border: 1px solid #4b4b49;
	color: #fff;
}

.btn-outline {
	background: transparent;
	border: 1px solid var(--main-bg-color);
	color: var(--main-bg-color);
}
.btn-outline:hover,
.btn-outline:active,
.btn-outline:focus {
	background: var(--main-bg-color); 
	color: #fff;
}

.btn-cart {
	width: 100%;
	max-width: 100%;
	padding: 20px 30px;
}
.btn-fw {
	width: 100%;
	max-width: 100%;
}
.btn-dismiss {
	display: block;
	max-width: 200px;
	margin: auto;
}
















/* *********************************** */
/* CSS3 ANIMATIONS */
/* *********************************** */
.animated {-webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden; -ms-backface-visibility:     hidden; } .fadeIn {-webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;} } .fadeOut {-webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut {0% {opacity: 1;} 100% {opacity: 0;} } @-moz-keyframes fadeOut {0% {opacity: 1;} 100% {opacity: 0;} } @-o-keyframes fadeOut {0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut {0% {opacity: 1;} 100% {opacity: 0;} } @-webkit-keyframes fadeInUp {0% {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp {0% {opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown {0% {opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown {0% {opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown {-webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeOutDown {0% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown {0% {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% {opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown {-webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes hinge {0% {-webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% {-webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% {-webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% {-webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% {-webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge {0% {-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% {-webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% {-webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% {-webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% {-webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge {-webkit-animation-name: hinge; animation-name: hinge; } .animated.hinge {-webkit-animation-duration: 2s; animation-duration: 2s; }
@-webkit-keyframes fadeInLeft {0% {opacity:0; -webkit-transform:translateX(-20px); } 100% {opacity:1; -webkit-transform:translateX(0); } } @-moz-keyframes fadeInLeft {0% {opacity:0; -moz-transform:translateX(-20px); } 100% {opacity:1; -moz-transform:translateX(0); } } @-o-keyframes fadeInLeft {0% {opacity:0; -o-transform:translateX(-20px); } 100% {opacity:1; -o-transform:translateX(0); } } @keyframes fadeInLeft {0% {opacity:0; transform:translateX(-20px); } 100% {opacity:1; transform:translateX(0); } } .animated.fadeInLeft {-webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight {0% {opacity:0; -webkit-transform:translateX(20px); } 100% {opacity:1; -webkit-transform:translateX(0); } } @-moz-keyframes fadeInRight {0% {opacity:0; -moz-transform:translateX(20px); } 100% {opacity:1; -moz-transform:translateX(0); } } @-o-keyframes fadeInRight {0% {opacity:0; -o-transform:translateX(20px); } 100% {opacity:1; -o-transform:translateX(0); } } @keyframes fadeInRight {0% {opacity:0; transform:translateX(20px); } 100% {opacity:1; transform:translateX(0); } } .animated.fadeInRight {-webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; }


.feature-fade-in{
  -webkit-animation: feature-fade-in .6s ease-in-out;
    animation: feature-fade-in .6s ease-in-out;
}

.feature-fade-in 0% {
    opacity: 0
}
.feature-fade-in 50% {
    opacity: 0
}
.feature-fade-in 100% {
    opacity: 1
}
@-webkit-keyframes feature-fade-in {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes feature-fade-in {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}





.gutter-20.row {
  margin-right: -10px;
  margin-left: -10px;
}
.gutter-20 > [class^="col-"], .gutter-20 > [class^=" col-"] {
  padding-right: 10px;
  padding-left: 10px;
}

.gutter-10.row {
  margin-right: -5px;
  margin-left: -5px;
}
.gutter-10 > [class^="col-"], .gutter-10 > [class^=" col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.gutter-0.row {
  margin-right: 0;
  margin-left: 0;
}
.gutter-0 > [class^="col-"], .gutter-0 > [class^=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

.margin-auto{
  margin-right: auto;
  margin-left: auto;
}




/*** MARGINS ***/
.mar0 { margin: 0; }


.top0 { margin-top: 0px; }
.top10 { margin-top: 10px; }
.top20 { margin-top: 20px; }
.top30 { margin-top: 30px; }
.top50 { margin-top: 50px; }
.top100 { margin-top: 100px; }
.top150 { margin-top: 150px; }

.bottom0{
  margin-bottom: 0px !important;
}
.bottom5{
  margin-bottom: 5px !important;
}
.bottom10{
  margin-bottom: 10px !important;
}
.bottom15{
  margin-bottom: 15px !important;
}
.bottom20{
  margin-bottom: 20px !important;
}
.bottom30{
  margin-bottom: 30px !important;
}
.bottom50{
  margin-bottom: 50px !important;
}
.bottom60{
  margin-bottom: 60px !important;
}
.bottom80{
  margin-bottom: 80px !important;
}
.bottom100{
  margin-bottom: 100px !important;
}
.right5{
  margin-right: 5px !important;
}
.right10{
  margin-right: 10px !important;
}
.right20{
  margin-right: 20px !important;
}
.right30{
  margin-right: 30px !important;
}
.left5{
  margin-left: 5px !important;
}
.left20{
  margin-left: 20px !important;
}





.ttu {
	text-transform: uppercase;
}

/*** TEXT ALIGNMENT ***/
.tac { text-align: center; }
.tar { text-align: right; }
.tal { text-align: left; }


.text-xs	{
	font-size: 12px;
	line-height: 22px
}
.text-sm {
	font-size: 14px;
	line-height: 24px
}
.text-xl {
	font-size: 22px;
	line-height: 30px	
}

.text-underline {
	text-decoration: underline;
}

.text-orange {
	color: #F3B676;
}
.text-blue {
	color: #505F9C;
}


.font-space-bold {
	font-family: 'Space Grotesk Bold', Helvetica, Arial, sans-serif;
}
.font-space-med {
	font-family: 'Space Grotesk Medium', Helvetica, Arial, sans-serif;
}







/* ================ CHECKBOX ================ */

.checkbox-item {
  /*display: block;*/
  position: relative;
  padding-left: 34px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 10px;
}


/* Hide the browser's default checkbox */
.checkbox-item input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 2px;

  -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

/* On mouse-over, add a grey background color */
.checkbox-item:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-item input:checked ~ .checkmark {
  background-color: var(--text-primary-color);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-item input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-item .checkmark:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.checkbox-item-bordered .checkmark{
  background: #ffffff;
  border: 1px solid #ccc;
}
.checkbox-item-bordered .checkbox-item input:checked ~ .checkmark{
  border-color: var(--text-primary-color);
}
.checkbox-item-bordered .checkbox-item:hover input ~ .checkmark {

}

.checkbox-item-sm .checkbox-item{
  
}
.checkbox-item-sm .checkbox-item .checkmark:after{
  left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
}
.checkbox-item-sm .checkmark{ 
  height: 18px;
  width: 18px;
  margin-top: 4px;
}
.checkbox-item-sm .checkbox-item{ 
  font-size: 14px;
  font-weight: normal;
  padding-left: 30px;
  margin-bottom: 5px;
}










.checkbox {
  padding-left: 20px; 
}
.checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
}
.form-inline .checkbox label{
  padding-left: 5px;
}

.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  top: 3px;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: -1px;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 0px;
  font-size: 11px;
  color: #555555;
}
.checkbox input[type="checkbox"] {
  opacity: 0;
  z-index: 1; 
}
.checkbox input[type="checkbox"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after {
  font-family: 'Glyphicons Halflings';
  content: "\e013";
}
.checkbox input[type="checkbox"]:disabled + label {
  opacity: 0.65; 
}
.checkbox input[type="checkbox"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
  border-radius: 50%;
}
.checkbox.checkbox-inline {
  margin-top: 0;
}
.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #428bca;
  border-color: #428bca;
}
.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff;
}
.checkbox-danger input[type="checkbox"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff; }


  




/********************************/
/*** RESPONSIVE ***/
/********************************/
@media(max-width: 1600px) {
	.fluid-lg {
		padding-left: 50px;
		padding-right: 50px;
	}
	.fluid-md {
		padding-left: 50px;
		padding-right: 50px;
	}
}
@media(max-width: 1440px) {
	#mobile-nav-wrapper {
		width: 400px;
	}


	/* LANDING PAGE */
	.landing-footer-col {
		padding: 0 100px;
	}
}
@media(max-width: 1340px) {
	.product-image img {
		min-height: 320px;
	}

	/* PRODUCT PAGE */
	.product-details-wrap {
		padding-left: 20px;
	}
}
@media(max-width: 1280px) {
	
	.share-icon-wrap, .bookmark-icon-wrap {
		flex-basis: 15%;
	}
	.add-to-cart-wrap {
		flex-basis: 70%;
	}
}
@media (max-width: 1199px) {
	/* LANDING PAGE */
	.landing-footer-col {
		padding: 0 50px;
		min-height: 600px;
	}
}
@media(max-width: 1180px) {
	.product-preview {
		margin-bottom: 30px;
	}
	.product-image img {
		min-height: 280px;
	}
	.product-details-wrap {
		padding-left: 0;
	}

	.cart-col-1 {
		padding-right: 20px;
	}
	.cart-col-2 {
		padding-left: 20px;
	}

	.cart-quantity {
		display: block;
	}
	.cart-quantity ul {
		padding-left: 0;
		padding-top: 15px;
	}
	.cart-quantity-field {
		max-width: 280px;
	}

	.checkout-col-1 {
		padding-right: 40px;
	}

}
@media(max-width: 1024px) {

	#main-navigation .container-fluid{
		padding: 0 15px !important;
	}
	#main-navigation .menu-right-wrap{
		padding-right: 15px !important;
    position: relative;
	}
	
	h1, .h1 {
		font-size: 34px;
		line-height: 38px;
	}
	h2, .h2 {
		font-size: 28px;
		line-height: 34px;
	}
	h3, .h3 {
		font-size: 24px;
		line-height: 28px;
	}

	#maintenance-care-picks {
		padding-top: 0;
	}

	.promo-code-wrap {
		max-width: 300px;
	}
	.promo-code-wrap h2 {
		font-size: 24px;
		line-height: 28px;
	}

	.promo-code-note p {
		font-size: 16px;
		line-height: 18px;
	}

	.product-preview {
		min-height: 380px;
	}

	.product-image img {
		min-height: 220px;
	}

	.product-title {
		font-size: 18px;
		line-height: 22px;
	}
	.product-price {
		font-size: 16px;
		line-height: 20px;
	}

	.tbl-billings-wrap {
		overflow-x: auto;
	}
}
@media(max-width: 991px) {
	/*#main-navigation:before {
		display: none;
	}
	#landing-section,
	#product-page {
		padding-top: 50px;
	}
	#filter-sort {
		margin-top: 100px;
	}*/

	.text-icon {
		display: none;
	}
	.cart--total-mb {
		display: block;
		position: absolute;
		top: -16px;
		right: -2px;
		background: #111;
		color: #fff;
		padding: 5px 8px;
		font-size: 12px;
		line-height: 12px;
		border-radius: 5px !important;
	}
	.hero-header {
		flex-wrap: wrap;
		justify-content: center;
	}

	#landing-header {
		min-height: 600px;
	}

	.landing-img {
		padding-bottom: 30px;
	}

	.landing-text-wrap {
		padding-bottom: 20px;
	}

	.product-featured {
		min-height: 400px;
	}
	.summary-header {
		padding-top: 30px;
	}

	#login-signup-modal .modal-dialog {
		padding-left: 30px;
		padding-right: 30px;
	}
	.checkout-col-1 {
		padding-right: 15px;
	}

	.back-to-account {
		text-align: left;
		padding-top: 15px;
	}

	.inquiry-details-wrap {
		display: block;
	}
	.inquiry-details-head {
		display: flex;
		align-items: flex-start;
	}

	.tbl-billings th,
	.tbl-billings td {
		white-space: nowrap;
		padding: 10px 20px !important;
	}

	.billing-col-1 {
		padding-right: 15px;
	}
	.billing-col-2 {
		padding-left: 15px;
	}
	.payment-header-wrap {
		padding-top: 50px;
	}

	.vision-wrap {
		margin-bottom: 20px;
	}


}
@media(max-width: 768px) {


	.modal-login-content .modal-body {
		padding-left: 0;
		padding-right: 0;
	}
	.product-image img {
		min-height: 220px;
	}
	.product-related .product-image img {
		min-height: 180px;
	}

	.cart-header {
		display: block;
	}
	.cart-header p {
		text-align: left;
	}

	.order-details-col-1 {
		padding-right: 20px;
	}
	.vision-wrap, .mission-wrap {
		padding: 30px;
	}

	
	
}
@media(max-width: 767px) {
	
	.product-details-col{
		margin-top: 0;
	}

	.btn-cart {
		font-size: 16px;
		padding: 16px 30px;
	}
	#login-form-wrap .form-check,
	.forgot-pw,
	.terms-condition-wrap {
		text-align: center !important;
	}
	.forgot-pw {
		padding-top: 10px;
	}

	.top-nav-row .col {
		flex-basis: 50%;
	}
	#nav-trigger,
	#nav-trigger span {
		width: 30px;
	}
	.menu-left-item,
	.menu-right-item {
		padding-right: 18px;
	}
	

	/*** FOOTER ***/
	#footer {
		padding: 50px 0;
	}
	.site--footer--logo img {
		margin: 0 auto 30px;
	}
	.footer-widget {
		text-align: center;
		padding-bottom: 20px;
	}
	.footer-info {
		text-align: center;
	}

	.product-featured {
		margin-bottom: 20px;
	}
	.product-title-wrap .product-price {
		text-align: left;
	}
	.radio-options label {
		padding: 12px 20px;
		font-size: 14px;
	}
	.product-buttons-wrap svg {
		max-width: 20px;
	}
	.product-details-note {
		text-align: left !important;
		font-size: 14px;
	}

	.product-related {
		margin-bottom: 30px;
	}

	.cart-product-title {
		display: block;
	}
	.cart-product-title .product-category {
		padding-bottom: 0;
	}
	.cart-product-details .product-price {
		text-align: left;	
	}

	.order-details-col-1 {
		padding-right: 10px;
	}
	.order-details-wrap .product-image img {
		min-height: auto;
		padding: 10px;
	}
	.order-buttons-wrap {
		margin: 30px auto 0;
	}


	/* LANDING PAGE */
	.landing-footer-col {
		padding: 0 30px;
	}


}
@media(max-width: 580px) {
	.fluid-lg {
		padding-left: 30px;
		padding-right: 30px;
	}
	.fluid-md {
		padding-left: 30px;
		padding-right: 30px;
	}

	h1, .h1 {
		font-size: 30px;
		line-height: 36px;
	}
	h2, .h2 {
		font-size: 24px;
		line-height: 28px;
	}
	h3, .h3 {
		font-size: 20px;
		line-height: 24px;
	}

	.btn-sm {
		font-size: 12px;
	}

	.modal-content {
		padding: 30px;
	}
	.modal-header button.close {
		right: 10px;
		top: 8px;
		font-size: 30px;
	}

	#mobile-nav-wrapper {
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}

	#login-signup-modal .modal-dialog {
		padding-left: 25px;
		padding-right: 25px;
	}
	.website-logo-wrap img {
		max-width: 100px;
	}
	.modal-login-content {
		padding: 30px;
	}
	.modal-title {
		font-size: 28px;
		line-height: 38px;
	}
	.form-check .form-check-input {
		width: 20px;
		height: 20px;
	}
	#landing-header {
    	min-height: 500px;
	}
	.hero-header {
		padding: 20px 5px;
	}
	.promo-code-wrap {
		max-width: 250px;
		padding: 15px;
	}
	.promo-code-wrap h2 {
		font-size: 20px;
		line-height: 24px;
	}

	.product-preview {
		min-height: 350px;
	}

	.product-category {
		font-size: 12px;
		line-height: 14px;
	}
	.product-title {
		font-size: 16px;
		line-height: 20px;
	}
	.product-price {
		font-size: 14px;
		line-height: 16px;
	}

	.product-featured {
		min-height: 350px;
	}

	#product-nav .nav-tabs li a {
		padding: 15px;
	}

	.heads-up-box {
		padding: 15px;
	}
	.heads-up-text .sub-text {
		font-size: 14px;
		line-height: 22px;
	}
	.cart-product-details .product-title,
	.cart-product-details .product-price {
		font-size: 16px;
		line-height: 22px;
	}
	.cart-quantity-field {
		max-width: 100%;
	}
	.cart-quantity-label {
		flex-grow: 1;
		padding-right: 10px;
	}
	.cart-quantity-field {
		padding: 5px 15px;
	}
	.cart-quantity-field .input-number-qty {
		max-width: 135px;
	}

	.tbl-product-details-wrap .product-img-wrap {
		max-width: 70px;
	}
	.tbl-product-details-wrap .product-title,
	.tbl-price-col .product-price {
		font-size: 14px;
		line-height: 18px;
	}
	.subtotal-amount p {
		font-size: 18px;
		line-height: 28px;
	}

	.order-details-col-1 {
    	padding-right: 0;
	}

	.order-status p,
	.estimated-delivery p,
	.order-num p,
	.product-content-details p,
	.order-price {
		font-size: 14px;
		line-height: 22px;
	}
	.order-info .product-title {
		font-size: 16px;
		line-height: 20px;
	}

	#open-ticket-modal .modal-dialog {
		padding-right: 25px;
		padding-left: 25px;
	}
	#open-ticket-modal .modal-content {
		padding: 35px 30px;
	}

	.inquiry-box-wrap {
		padding: 25px 20px;
	}

	.billing-invoice-wrap {
		padding: 30px;
	}

	.print-btn .btn {
		white-space: normal;
	}

	.shipment-transactions-list > li > a .transaction-status {
		font-size: 16px;
		line-height: 20px;
	}
	.shipment-transactions-list p {
    	font-size: 14px;
    	line-height: 16px;
	}

	.tbl-billings th, .tbl-billings td {
		font-size: 14px;
	}
	
}
@media(max-width: 425px) {

	#login-signup-modal .modal-dialog {
		padding-left: 15px;
		padding-right: 15px;
	}

	.fluid-lg {
		padding-left: 20px;
		padding-right: 20px;
	}
	.fluid-md {
		padding-left: 20px;
		padding-right: 20px;
	}

	h1, .h1 {
		font-size: 28px;
		line-height: 34px;
	}

	#nav-trigger,
	#nav-trigger span {
		width: 26px;
	}

	.site--logo a img {
		max-width: 85px;
	}

	.menu-right-item svg {
		max-width: 18px;
	}
	.menu-right-item.cart-icon-wrap svg {
		max-width: 22px;
	}
	.cart--total-mb {
		right: 2px;
		font-size: 10px;
    top: -20px;
	}

	.promo-code-note p {
		font-size: 14px;
		line-height: 16px;
	}

	.product-row-items {
		padding-right: 5px;
		padding-left: 5px;
	}

	.product-featured {
		padding: 10px;
		min-height: 300px;
	}

	.product-image img {
		min-height: 200px;
	}

	.shop-pagination li a {
		padding: 6px 15px;
	}

	.product-thumb img {
		min-height: 75px;
		padding: 8px;
	}

	.delivery-details {
		padding: 30px 25px;
	}

	#open-ticket-modal .modal-content {
		padding: 35px 25px;
	}

	.tracking-product-row .item-title {
		padding-top: 10px;
	}



}
@media(max-width: 375px) {
	.product-preview {
		min-height: 300px;
	}
	.product-image img {
		min-height: 150px;
	}
}





/*-------------------------------------*/
#sample-view table {
	width: 100%;
}
#sample-view table, #sample-view table td, #sample-view table th {
	border: 1px solid #000;
	border-collapse: collapse;
}
#sample-view table th {
	text-align: center;
}



/* FAQS */
.faq-collapse .ion-android-arrow-dropdown-circle {
	font-size: 30px;
}