/*
@media (max-width: 767px) {

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

}
@media (min-width: 1200px) {

}
*/


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}
.hentry.type-page {
	margin:0;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
## Slick Slider Default Styles
--------------------------------------------------------------*/
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #13daf0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

a:visited {
	color: #13daf0;
}

a:hover, a:focus, a:active {
	color:#212529;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Global Styles
--------------------------------------------------------------*/
body {
	font-family: 'Raleway', sans-serif;
}
* {
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote {
	margin-bottom:1.5rem;
}
h1 {
	font-size:4vw;
    line-height: 1em;
	font-weight: 100;
	text-transform: uppercase;
}
h2 {
	font-size:3vw;
    line-height: 1em;
	font-weight: 100;
	text-transform: uppercase;
}
h3 {
	font-size:2.6vw;
	line-height: 1.4em;
	font-weight: 300;
	text-transform: uppercase;
}
h4 {
	line-height: 1.4em;
}
h2 strong {
	font-weight: 100;
	display: inline-block;
	position: relative;
}
h2 strong:before,
h2 strong:after {
	content:"";
	position: absolute;
	height: .05em;
    background: #13daf0;
    left: -.1em;
    right: -.1em;
}
h2 strong:before {
    top: -.2em;
	-webkit-transform: rotate(2deg);
	-moz-transform:    rotate(2deg);
	-ms-transform:     rotate(2deg);
	-o-transform:      rotate(2deg);
	transform:         rotate(2deg);
}
h2 strong:after {
	bottom:-10px;
	-webkit-transform: rotate(-3deg);
	-moz-transform:    rotate(-3deg);
	-ms-transform:     rotate(-3deg);
	-o-transform:      rotate(-3deg);
	transform:         rotate(-3deg);
}
.site-main img {
	max-width: 100%;
	height:auto;
}

.text-blue {
	color:#13daf0;
}
.text-orange {
	color:#f04c23;
}
.text-purple {
	color:#b0488c;
}
.text-grey {
	color:#1f1f1f;
}

.bg-white {
	background-color:#FFF;
}
.bg-yellow {
	background-color:#fdb924;
}
.bg-yellow a {
	color:#FFF;
}
.bg-dk-grey {
	background-color:#1f1f1f;
	color:#FFF;
}
.bg-md-grey {
	background-color:#363636;
	color:#FFF;
}
.bg-lt-grey {
	background-color:#f3f3f3;
}
.bg-image, .bg-image-parallax {
	color:#FFF;
}
.bg-image {
	background-position: center center;
	background-size:cover;
}
.height-tall {

}
.height-full {
	height:calc(100vh - 103px);
}
.admin-bar .height-full {
	height:calc(100vh - 125px - 32px);
}

.height-extra-padding .inside-padding {
	height:40vw;
}
@media (max-width: 767px) {
	h1 {
		font-size:8vw;
	}
	h2 {
		font-size:7vw;
	}
	h3 {
		font-size:6vw;
	}
	h4 {
		font-size:1.25rem;
	}

	.height-full {
		height:100vw;
	}
}
@media (min-width: 1200px) and (max-width: 1399px) {
	.admin-bar .height-full {
		height:calc(100vh - 115px);
	}
}
@media (min-width: 1400px) {
	.admin-bar .height-full {
		height:calc(100vh - 125px);
	}
}

/*--------------------------------------------------------------
## Site Header
--------------------------------------------------------------*/
.site-header {
	background:#FFF;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1);
}
.site-header .navbar {
	padding-left:0px;
	padding-right:0px;
}
.site-header .container-fluid {
	padding-left:30px;
	padding-right:30px;
}
.admin-bar .site-header {
	top:32px;
}
.header-top-text {
	text-align: center;
	background:#f3f3f3;
	padding:4px;
	font-weight: bold;
	letter-spacing: .05em;
}

.site-header .navbar-brand {
	padding:10px 0px 5px;
}
.navbar-brand img {
	width: 220px;
	height: 45px;
}
body {
	padding-top:76px;
}
.content-area {
	min-height: calc(100vh - 143px - 76px);
}
.site-header .navbar-nav {
	margin-top:4px;
}
.navbar-nav li {
	margin-left:0px;
	position: relative;
}
.navbar-nav li a {
	display: block;
	padding:6px 8px;
	text-transform: lowercase;
	color:#231f20;
	font-weight: 400;
	border:solid 1px transparent;
	transition: all 200ms ease;
}
.site-footer .navbar-nav li a {
	color:#FFF;
}
.navbar-nav>li>a:hover,
.navbar-nav>li>a:focus,
.navbar-nav>li.hover>a {
	color:#13daf0;
	text-decoration: none;
}
.dropdown-menu {
	border-radius: 0px;
	border-color: #cdcdcd;
}
.navbar-nav .dropdown-item:focus,
.navbar-nav .dropdown-item:hover {
	color:#13daf0;
	text-decoration: none;
	background: none;
}
/* .navbar-nav li.login-signup {
	margin-left:8px;
} */
.navbar-nav li a.login-signup {
	border-color:#333;
}
.navbar-nav li a.login-signup span {
	color:#13daf0;
}
.navbar-nav li a.login-signup:hover,
.navbar-nav li a.login-signup:focus {
	border-color:#13daf0;
	background-color:#13daf0;
	color:#FFF;
	text-decoration: none;
}

.navbar-nav li a.login-signup:hover span,
.navbar-nav li a.login-signup:focus span {
	color:#FFF;
}

.site-footer .navbar-nav li.menu-item-13 a {
	border-color:#FFF;
	background:rgba(255,255,255,.3);
}
.site-footer .navbar-nav li.menu-item-13 a span {
	color:#13daf0;
}
.site-footer .navbar-nav li.menu-item-13 a:hover,
.site-footer .navbar-nav li.menu-item-13 a:focus {
	border-color:#13daf0;
	background-color:#13daf0;
	color:#FFF;
	text-decoration: none;
}
.site-footer .navbar-nav li.menu-item-13 a:hover span,
.site-footer .navbar-nav li.menu-item-13 a:focus span {
	color:#FFF;
}

.navbar-nav li .sub-menu {
	display:none;
	background:rgba(0,0,0,.8);
	color:#FFF;
	padding:15px 10px;
	list-style: none;
	margin:0px;
}
.navbar-nav li .sub-menu li {
	margin:0px;
}
.navbar-nav li .sub-menu li a {
	color:#bbb;
	font-weight: 400;
	line-height: 1.2em;
}
.navbar-nav li .sub-menu li a:hover,
.navbar-nav li .sub-menu li a:focus {
	color:#FFF;
	text-decoration: none;
}
.navbar-nav li.open-search {
	margin-left:16px;
}
.navbar-nav li.open-search a {
	width:42px;
}
.navbar-nav li.open-search a span {
	display: none;
}
.navbar-nav li.open-cart a span {
	display: inline-block;
	vertical-align: middle;
}
.navbar-nav li.open-search a svg,
.navbar-nav li.open-cart a svg {
	width:22px;
	height:22px;
	display: inline-block;
	vertical-align: middle;
}
.navbar-nav li.open-search a.opened {

}
.site-footer .navbar-nav li.open-search a svg path,
.site-footer .navbar-nav li.open-cart a svg path {
	fill:#FFF;
}
.navbar-nav li.open-search a:hover svg path,
.navbar-nav li.open-search a:focus svg path,
.navbar-nav li.open-cart a:hover svg path,
.navbar-nav li.open-cart a:focus svg path {
	fill:#13daf0;
}
@media (max-width: 768px) {
	.navbar-nav li.open-cart a svg path {
		fill:#FFF;
	}
}

.site-header .navbar-toggler {
	background:#645c5d;
	padding: 2px 8px;
	border-radius: 0px;
}
.site-header .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(19,218,240, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.site-header .search-form {
	display:none;
	position: absolute;
	top:100%;
	right:0px;
	padding:20px;
	background:rgba(0,0,0,.8);
	color:#FFF;
}
.site-header .search-form input {
	border:1px solid #FFF;
}
.site-header .search-form label {
	margin:0px;
}
.site-header .search-form .search-field {
	border: 0px;
    padding: 4px 8px;
    font-size: 16px;
	width: 220px;
}
.site-header .search-form .search-submit {
	border:0px;
	background:#fdb924;
	color:#231f20;
	text-transform: uppercase;
	font-weight: 900;
	height:32px;
	padding-left: 8px;
	padding-right: 8px;
}
.site-header .search-form .search-submit:hover,
.site-header .search-form .search-submit:focus {
	background:#FFF;
}
@media (max-width: 600px) {
	body #wpadminbar {
		position: fixed;
	}
	.admin-bar .site-header {
		top:46px;
	}
}
@media (min-width: 768px) {
	.site-header .navbar-nav li .sub-menu {
		display:none;
		position: absolute;
		top:55px;
		left:-10px;
		padding:15px 10px;
		margin:0px;
		width: 220px;
	}
	.site-header .navbar-nav li:hover .sub-menu,
	.site-header .navbar-nav li.hover .sub-menu {
		display:block;
	}
	.site-header .navbar-nav li .sub-menu:before {
		content:"";
		width:100%;
		height:28px;
		position: absolute;
		top:-28px;
		left:0px;
	}
}
@media (max-width: 767px) {
	.navbar-brand img {
		width: 188px;
    	height: 36px;
	}
	body {
		padding-top:67px;
	}
	.content-area {
		min-height: calc(100vh - 143px - 67px);
	}
	.header-top-text {
		font-size:12px;
		padding:3px;
	}
	.header-top-text .contact-text {
		display: none;
	}
	.site-header .container-fluid {
		padding-left:15px;
		padding-right:15px;
	}
	.navbar-collapse {
		position: absolute;
		top: 100%;
	    left: -15px;
	    right: -15px;
		background:rgba(0,0,0,.8);
		padding:10px;
	}
	.site-header .navbar-nav li  {
		margin:0px;
	}
	.site-header .navbar-nav li .sub-menu {
	    background: rgba(0,0,0,.5);
	    padding: 10px;
	    margin: 0px 8px;
	}
	.site-header .navbar-nav li.menu-item-70 {
		margin:8px;
	}
	.site-header .navbar-nav li a {
		display: block;
		color:#FFF;
	}
	.site-header .navbar-nav li.menu-item-70 a {
		border-color:#FFF;
	}
	.site-header .navbar-nav li.open-search {
		display: none;
	}
	body .navbar-nav .nav-link {
		padding: 6px 8px;
	}
	.dropdown-menu {
		background-color: rgba(255,255,255,.2);
		border:0px;
		margin: 0px -10px;
		padding: 5px 10px;
	}
	.navbar-nav li a.login-signup:hover, .navbar-nav li a.login-signup:focus {
		background:transparent;
		border-color:transparent;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.navbar-brand img {
		width: 220px;
		height: 45px;
	}
	body {
		padding-top:76px;
	}
	.content-area {
		min-height: calc(100vh - 143px - 76px);
	}
}
@media (min-width: 1200px) {
	.site-header .navbar-nav li {
		margin-left:4px;
	}
}
@media (min-width: 1200px) and (max-width: 1399px) {
	.site-header .navbar-nav li .sub-menu {
		top:61px;
	}
	.site-header .container-fluid {
		padding-left:60px;
		padding-right:60px;
	}
	.navbar-brand img {
		width: 280px;
    	height: 57px;
	}
	body {
		padding-top:88px;
	}
	.content-area {
		min-height: calc(100vh - 143px - 88px);
	}
	.navbar-nav li {
		margin-left:6px;
	}
	.navbar-nav li a {
		padding:6px 12px;
	}
}
@media (min-width: 1400px) {
	.site-header .navbar-nav li .sub-menu {
		top:66px;
	}
	.site-header .container-fluid {
		padding-left:60px;
		padding-right:60px;
	}
	.navbar-brand img {
		width: 300px;
    	height: 60px;
	}
	body {
		padding-top:91px;
	}
	.content-area {
		min-height: calc(100vh - 143px - 91px);
	}
	.menu-item-70 span {
		display: inline;
	}
	.navbar-nav li {
		margin-left:6px;
	}
	.navbar-nav li a {
		padding:6px 12px;
	}
}

.page-link {
	color:#13daf0;
}
.page-item.active .page-link {
	background-color: #13daf0;
    border-color: #13daf0;
}
@media (max-width: 419px) {
	.page-link {
		font-size: 12px;
    	padding: 5px 8px;
	}
	
}


/*--------------------------------------------------------------
## Basic Component Styles
--------------------------------------------------------------*/
.component {
	position: relative;
}
.inside-padding {
	padding:80px;
}
.component.width-thin .inside-padding {
	padding-left:15%;
	padding-right:15%;
}
.component.width-really-thin .inside-padding {
	padding-left: 25%;
    padding-right: 25%;
}
.component.no-padding .inside-padding {
	padding:30px 15px;
}
.component.no-bottom-padding .inside-padding {
	padding-bottom:0px;
}
.component.no-top-padding .inside-padding {
	padding-top:0px;
}
.component.no-padding .content-here {
	padding-left:30px;
	padding-right:30px;
}
.text-above {
	margin-bottom:40px;
}
.text-below {
	margin-top:40px;
}
.inside-content-here ul {
	list-style: none;
	padding-left:20px;
}
.inside-content-here ul li {
	position: relative;
	margin-bottom:4px;
}
.inside-content-here ul li:before {
	content:">";
	color:#13daf0;
	position: absolute;
	left:-15px;
	top:-1px;
}
.component.textarea img {
	max-width:100%;
	height:auto;
}
@media (max-width: 767px) {
	.inside-padding {
		padding:35px 15px;
	}
	.component.width-thin .inside-padding {
		padding:35px 15px;
	}
	.component.width-really-thin .inside-padding {
		padding:35px 15px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.inside-padding {
		padding:30px;
	}
	.component.width-thin .inside-padding {
		padding:30px;
	}
	.component.width-really-thin .inside-padding {
		padding:30px;
	}
}
@media (min-width: 768px) {
	.component .content-here>*:first-child, .component .inside-content-here>*:first-child {
		margin-top:0px;
	}
	.component .content-here>*:last-child, .component .inside-content-here>*:last-child {
		margin-bottom:0px;
	}
}


/*--------------------------------------------------------------
## Flex Slider
--------------------------------------------------------------*/
.component.slider {

}
.component.slider .slides,
.component.slider .slides .slide {
	height:33vw;
}
.component.slider .slides .slide {
	background-size:cover;
	color:#FFF;
	position: relative;
}
.component.slider .slides .slide .dark-overlay {
	background:#000;
	opacity: .5;
	position: absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	z-index: 3;
}
.component.slider .slides .slide .slide-inside {
	padding:80px;
	position: absolute;
	width:100%;
	top: 50%;
	z-index: 4;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.component.slider .slides .slide.text-position-left .slide-inside {
	padding-right:40%;
	text-align: left;
}
.component.slider .slides .slide.text-position-right .slide-inside {
	padding-left:40%;
	text-align: right;
}
.component.slider .slides .slide.text-position-center .slide-inside {
	padding-left:20%;
	padding-right:20%;
	text-align: center;
}
.component.slider .slides .headline {
	font-size:4vw;
	margin:0px;
	line-height: .85em;
	text-transform: uppercase;
	font-weight: 100;
}
.component.slider .slides .subheadline {
	font-size:3vw;
}
.component.slider .slides .btn-row {
	margin-top:3.2vw;
}
/* .component.slider .slides .btn-primary {
	border-color:#FFF;
	color:#FFF;
}
.component.slider .slides .btn-primary:hover {
	border-color:#fdb924;
	background-color:#fdb924;
	color:#231f20;
} */
.component.slider .slides .slide:nth-child(even) .headline strong:before {
	-webkit-transform: rotate(-2deg);
	-moz-transform:    rotate(-2deg);
	-ms-transform:     rotate(-2deg);
	-o-transform:      rotate(-2deg);
	transform:         rotate(-2deg);
}
.component.slider .slides .slide:nth-child(even) .headline strong:after {
	-webkit-transform: rotate(1.2deg);
	-moz-transform:    rotate(1.2deg);
	-ms-transform:     rotate(1.2deg);
	-o-transform:      rotate(1.2deg);
	transform:         rotate(1.2deg);
}
.component.slider .slides .slick-dots {
	position: absolute;
	left:0px;
	width:100%;
	bottom:20px;
}
.component.slider .slides .slick-dots li button {
	background:transparent;
	opacity:.5;
	background:#FFF;

}
.component.slider .slides .slick-dots li.slick-active button {
	opacity:1;
	background:#13daf0;
}
.component.slider .slides .slick-dots li button:hover {
	opacity:1;
}
@media (max-width: 767px) {
	.component.slider .slides,
	.component.slider .slides .slide {
		height:100vw;
	}
	.component.slider .slides .headline {
		font-size: 7vw;
	}
	.component.slider .slides .subheadline {
	    font-size: 5vw;
	}
	.component.slider .slides .slide .slide-inside {
		padding:35px;
	}
	.component.slider .slides .slide.text-position-left .slide-inside {
		padding:35px;
		text-align: left;
	}
	.component.slider .slides .slide.text-position-right .slide-inside {
		padding:35px;
		text-align: left;
	}
	.component.slider .slides .btn-row {
		position: relative;
		bottom:0px;
		left:0px;
	}
	.component.slider .slides .slick-dots {
		bottom:16px;
	}
	.component.slider .slides .slick-dots li {
		width:16px;
		height:16px;
		margin:0px 3px;
	}
	.component.slider .slides .slick-dots li button {
		width:16px;
		height:16px;
		border:solid 3px #FFF;
		padding:0px;
	}
}
@media (min-width: 1200px) and (max-width: 1399px) {

}
@media (min-width: 1400px) {

}

/*--------------------------------------------------------------
## Promo Boxes
--------------------------------------------------------------*/
.component.promo-boxes {
	display: grid;
	grid-gap:5px;
	margin:10px 0px;
}
.component.promo-boxes.box-count-3 {
	grid-template-columns: 1fr 1fr 1fr;
}
.component.promo-boxes.box-count-4 {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.component.promo-boxes.box-count-5 {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.component.promo-boxes .promo-box a {
	display: block;
	overflow: hidden;
	height: 0;
	padding-top: 56.25%;
	position: relative;
	color:#FFF;
}
.component.promo-boxes .promo-box a .background-image {
	background-size:cover;
	background-position: center;
	position: absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	z-index: 2;
	-webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.component.promo-boxes .promo-box a:hover .background-image {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.component.promo-boxes .promo-box a .dark-overlay {
	background:#000;
	opacity: .5;
	position: absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	z-index: 3;
	-webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.component.promo-boxes .promo-box a:hover .dark-overlay {
	opacity: .3;
}
.component.promo-boxes .promo-box a .box-inside {
	position: absolute;
	width:100%;
	padding:2.6vw;
	z-index: 4;
}
.component.promo-boxes.headline-right .promo-box a .box-inside {
	right:0px;
	text-align:right;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.component.promo-boxes.headline-left .promo-box a .box-inside {
	left:0px;
	text-align:left;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.component.promo-boxes.headline-top .promo-box a .box-inside {
	top:0px;
	text-align:center;
}
.component.promo-boxes.headline-bottom .promo-box a .box-inside {
	bottom:0px;
	text-align:center;
}
.component.promo-boxes.headline-center .promo-box a .box-inside {
	left:0px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.component.promo-boxes .promo-box .box-inside h3.headline {
	text-transform: uppercase;
	font-size:1.2vw;
	font-weight: 300;
	margin:0px;
	letter-spacing: .1em;

}
.component.promo-boxes.include-blue-accent .promo-box .box-inside h3.headline {
	display: inline-block;
	position: relative;
	font-size:1.4vw;
}
.component.promo-boxes.include-blue-accent .promo-box .box-inside h3.headline:before,
.component.promo-boxes.include-blue-accent .promo-box .box-inside h3.headline:after {
	content:"";
	position: absolute;
	height: 2px;
    background: #13daf0;
    left: -.1em;
    right: -.1em;
}
.component.promo-boxes.include-blue-accent .promo-box .box-inside h3.headline:before {
    top: -.2em;
	-webkit-transform: rotate(1deg);
	-moz-transform:    rotate(1deg);
	-ms-transform:     rotate(1deg);
	-o-transform:      rotate(1deg);
	transform:         rotate(1deg);
}
.component.promo-boxes.include-blue-accent .promo-box .box-inside h3.headline:after {
	bottom:-.2em;
	-webkit-transform: rotate(-2deg);
	-moz-transform:    rotate(-2deg);
	-ms-transform:     rotate(-2deg);
	-o-transform:      rotate(-2deg);
	transform:         rotate(-2deg);
}
.component.promo-boxes .promo-box .content-under {
	padding:20px;
}
@media (max-width: 419px) {
	.component.promo-boxes {
		display: block;
	}
	.component.promo-boxes .promo-box {
		margin-bottom:5px
	}
	.component.promo-boxes .promo-box .box-inside h3.headline {
		font-size:5vw;
	}
}
@media (min-width: 420px) and (max-width: 767px) {
	.component.promo-boxes.box-count-3,
	.component.promo-boxes.box-count-4,
	.component.promo-boxes.box-count-5 {
		grid-template-columns: 1fr 1fr;
	}
	.component.promo-boxes .promo-box .box-inside h3.headline {
		font-size:2.6vw;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.component.promo-boxes.box-count-3 {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.component.promo-boxes.box-count-4 {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.component.promo-boxes.box-count-5 {
		grid-template-columns: 1fr 1fr 1fr;
	}
}


/*--------------------------------------------------------------
## Brand Slider
--------------------------------------------------------------*/
.component.brand-slider {
	border-bottom:solid 1px #eee;
}


/*--------------------------------------------------------------
## category-slider
--------------------------------------------------------------*/
.component.category-slider .category-slides .slide {
	text-align: center;
}
.component.category-slider .category-slides .slide a {
	color:#212529;
}
.component.category-slider .category-slides .slide a .image-area {
	height:150px;
	text-align: center;
}
.component.category-slider .category-slides .slide a .image-area img {
	display: inline-block;
	max-height:150px;
	width:auto;
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1);
	-webkit-filter: grayscale(1);
  	filter: grayscale(1);
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.component.category-slider .category-slides .slide a:hover .image-area img,
.component.category-slider .category-slides .slide a:focus .image-area img {
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-webkit-filter: grayscale(0);
  	filter: grayscale(0);
}
.component.category-slider .category-slides .slide .category-name {
	text-align: center;
	margin:10px 0px 0px;
}
.component.category-slider .category-slides .slide a h4 {
	margin:0px;
	padding:0px 0px 5px;
	border-bottom:solid 5px #13daf0;
	font-weight: 300;
	font-size:1.2rem;
	display: inline-block;
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.component.category-slider .category-slides .slide a:hover h4,
.component.category-slider .category-slides .slide a:focus h4 {
	padding-left:10px;
	padding-right:10px;
}
.component.category-slider .category-slides .slick-dots {
	margin:1.5rem 0px 0px;
}


/*--------------------------------------------------------------
## Brand Slider
--------------------------------------------------------------*/
.component.brand-slider {

}
.component.brand-slider .slide {
	height:100px;
}
.component.brand-slider .slide .slide-inside {
	padding:0px 20px;
	display: block;
	height:100px;
}
.component.brand-slider .slide .slide-inside img {
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1);
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	opacity:.6;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	position: relative;
	top: 50%;
	max-height: 50px;
    margin: 0 auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.component.brand-slider .slide .slide-inside:hover img,
.component.brand-slider .slide .slide-inside:focus img {
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	opacity:1;
}
.component.brand-slider .brand-slides .slick-dots {
	margin:1.5rem 0px 0px;
}


/*--------------------------------------------------------------
## Slick Dots
--------------------------------------------------------------*/
.slick-dots {
	position: relative;
	margin:0px;
	padding:0px;
	width:100%;
	text-align: center;
}
.slick-dots li {
	width:12px;
	height:12px;
	margin:0px 3px;
	display: inline-block;
	line-height:12px;
}
.slick-dots li button {
	display: block;
	width:12px;
	height:12px;
	background:transparent;
	border-radius: 50%;
	text-indent:-200px;
	overflow: hidden;
	opacity:.5;
	background:#a5a5a5;
	border:0px;
	padding:0px;
}
.slick-dots li.slick-active button {
	opacity:1;
	background:#13daf0;
}
.slick-dots li button:hover {
	opacity:1;
}
.slick-dots li button:focus {
	outline:0;
}

/*--------------------------------------------------------------
## Button Styles
--------------------------------------------------------------*/
.btn {
	border-radius: 0px;
}
body .btn-primary {
	background:#13daf0;
	border:solid 1px #13daf0;
	font-size:1rem;
	color:#FFF;
}
body .btn-primary:hover,
body .btn-primary:focus {
	background:transparent;
	border-color:#13daf0;
	color:#13daf0;
}
body .btn-lg {
	padding: .75rem 1rem;
    text-transform: uppercase;
    font-size: 1.5em;
	border:solid 3px #13daf0;
}
.component.slider .btn-primary, .bg-image .btn-primary {
	border-color:#FFF;
}
.btn-primary.btn-current {
	background:transparent;
	border-color:#13daf0;
	color:#13daf0;
}
/* .btn-primary.btn-blue-filled {
	background-color:#13daf0;
	border-color:#13daf0;
	color:#FFF;
} */
.btn-primary.disabled, 
.btn-primary:disabled,
.btn-primary.disabled:hover, 
.btn-primary:disabled:hover {
	background:#ccc;
	border-color:#ccc;
	color:#FFF;
}
body .btn-link {
	color:#13daf0;
}
body .btn-link:hover {
	color:#231f20;
}
body .btn-success {
	color:#FFF;
}
body .btn-success:hover {
    background-color: #218838;
	border-color: #218838;
	color:#FFF;
}
body .btn-secondary {
	color:#FFF;
}


.custom-store-logo-area {
	padding-right:20%;
	padding-left:20%;
	text-align:center;
}
.custom-store-logo-area .logo {
	max-width:600px;
	height:auto;
	margin:0 auto 30px;
}

/*--------------------------------------------------------------
## Page Header Styles
--------------------------------------------------------------*/
.page-header {
	padding:20px;
	margin:0px;
	text-align: center;
	color:#FFF;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f04c23+4,b0488c+37,00b5da+66,f04c23+100 */
	background: #f04c23; /* Old browsers */
	background: -moz-linear-gradient(left, #f04c23 4%, #b0488c 37%, #13daf0 66%, #f04c23 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #f04c23 4%,#b0488c 37%,#13daf0 66%,#f04c23 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #f04c23 4%,#b0488c 37%,#13daf0 66%,#f04c23 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f04c23', endColorstr='#f04c23',GradientType=1 ); /* IE6-9 */
}
.page-header .page-title {
	font-size:30px;
	margin:0px;
	letter-spacing: .3em;
}
@media (max-width: 767px) {
	.page-header .page-title {
		font-size:18px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.page-header .page-title {
		font-size:22px;
	}
}


/*--------------------------------------------------------------
## Advanced Classes for Content
--------------------------------------------------------------*/
.home-who-we-are {
	background-position: left center;
}

/*--------------------------------------------------------------
## Product List
--------------------------------------------------------------*/
.product-list-header {
	margin-bottom:30px;
}
.product-list-breadcrumb {
	list-style: none;
	margin:0px;
	padding:0px;
}
.product-list-breadcrumb li {
	display: inline-block;
	color: #777;
	font-size:14px;
}
.product-list-breadcrumb li a {
	color: #777;
}
.product-list-breadcrumb li:after {
	content: " / ";
}
.product-list-breadcrumb li:last-child:after {
	content:none;
	display: none;
}
@media (max-width: 767px) {
	.product-list-header {
		display: block !important;
	}
	.product-list-breadcrumb {
		margin-bottom:5px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	
}


ul.product-list {
	list-style: none;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap:1px;
	box-sizing: border-box;
	margin:0px 0px 30px;
	padding:0px;
	/* border-top:solid 1px #cdcdcd;
	border-left:solid 1px #cdcdcd; */
}
ul.product-list.smaller {
	grid-template-columns: 1fr 1fr;
}

.product-list li.product {
	width:auto;
	padding:20px;
	margin:0px;
	box-shadow:0 0 0 1px #cdcdcd;
	text-align: center;
	position: relative;
	/* background:#FFF; */
	/* border-right:solid 1px #cdcdcd;
	border-bottom:solid 1px #cdcdcd; */
}

ul.product-list.product-list-brands {
	align-items: center;
}
ul.product-list.product-list-brands li.brand {
	box-shadow:none;
	padding:50px 40px;
}

.product-list-brands li.brand img {
	display: inline-block;
	max-width: 161px;
    max-height: 100px;
}
@media (max-width: 767px) {
	ul.product-list.product-list-brands li.brand {
		box-shadow:none;
		padding:40px 30px;
	}
	.product-list-brands li.brand img {
		max-width: 100px;
		max-height: 62px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {

}
ul.product-list li.product a {
	text-decoration: none;
}
ul.product-list li.product h2.title {
	padding: .5em 0;
    margin: 0;
    font-size: 1em;
    font-size: 1rem;
    line-height: 1.3em;
    text-transform: none;
    color: #212529;
    font-weight: 300;
}
ul.product-list li.product a:hover h2.title,
ul.product-list li.product a:focus h2.title {
	color:#13daf0;
}

.woocommerce.term-brands ul.products li.product .woocommerce-loop-category__title {
	display: none;
}
.woocommerce.term-brands ul.products {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	justify-items: center;
	align-items:center;
}
.woocommerce.term-brands ul.products.columns-4 li.product,
.woocommerce.term-brands ul.products.columns-4 li.product {
	box-shadow:none;
}
.woocommerce.term-brands ul.products li.product a img {
	margin:0px;
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1);
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	opacity:.6;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.woocommerce.term-brands ul.products li.product a:hover img,
.woocommerce.term-brands ul.products li.product a:focus img {
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	opacity:1;
}

ul.products li.product img {
	display: block;
}

ul.products li.product .button {
	display: block;
}

ul.product-list li.product .price {
	font-weight: 700;
    color: #212529;
    display: block;
    margin-bottom: .5em;
    font-size: .857em;
}


.cart-order-styles.table, .checkout-details.table {
	/* border-bottom: 1px solid #dee2e6; */
}
/* .cart-order-styles.table th:first-child, .checkout-details.table th:first-child,
.cart-order-styles.table td:first-child, .checkout-details.table td:first-child {
	padding-left:0px;
}
.cart-order-styles.table th:last-child, .checkout-details.table th:last-child,
.cart-order-styles.table td:last-child, .checkout-details.table td:last-child {
	padding-right:0px;
} */
.table th {
	font-size: .857em;
	color:#999;
	text-transform: uppercase;
}
.cart-order-styles {
	border-bottom: 2px solid #eee;
}
.cart-order-styles td {
	padding:25px;
	border-top: 2px solid #eee;
}
.cart-order-styles td:first-child {
	padding-left:0px;
}
.cart-order-styles td:last-child {
	padding-right:0px;
}
.cart-order-styles.table h6, .checkout-details.table h6 {
	margin:0px;
}
.cart-order-styles.table .order-meta, .checkout-details.table .order-meta {
	margin:8px 0px;
	font-size: .857em;
	color:#666;
}
.cart-order-styles.table .btn-secondary.btn-sm {
	padding:.1rem .5rem;
}
.cart-order-styles.table .btn-secondary.btn-sm:hover,
.cart-order-styles.table .btn-secondary.btn-sm:focus {
	background-color:#13daf0;
	border-color:#13daf0;
	color:#FFF;
}
.cart-order-styles.table .btn-secondary.btn-sm.btn-delete:hover,
.cart-order-styles.table .btn-secondary.btn-sm.btn-delete:focus {
	background-color:#dc3545;
	border-color:#dc3545;
	color:#FFF;
}
.cart-order-styles.table h5 {
	margin-bottom:15px;
}
.cart-order-styles .cart-order-products {
	border:0px;
	width:100%;
}
.cart-order-styles .cart-order-products th {
	font-size:12px;
	color:#999;
	border:0px;
	padding:0px 15px 0px 0px;
	width:33.333%;
}
.cart-order-styles .cart-order-products td {
	padding:4px 15px;
	border:0px;
	padding:2px 15px 2px 0px;
	font-size:14px;
	width:33.333%;
}
.cart-order-styles .logo-area,
.cart-order-styles .btn-row {
	border-top:solid 1px #dee2e6;
	padding-top:15px;
	margin-top:15px;
}
.cart-order-styles .cart-small-headline {
    font-size: .857em;
    line-height:1.2em;
    color: #999;
	text-transform: uppercase;
	font-weight: bold;
}
.cart-order-image {
	width:30%;
}
.cart-item-quantity {
	margin-bottom:12px;
}
.cart-item-quantity, .cart-item-total {
	text-align: right;
	width:100%;
}
@media (max-width: 767px) {
	.cart-order-styles>tbody>tr>td {
		display: block;
	}
	.cart-order-image {
		width:100%;
	}
	.cart-order-styles td {
		padding:15px;
	}
	.cart-item-quantity {
		margin-bottom:0px;
	}
	.cart-item-quantity, .cart-item-total {
		width:50%;
		text-align: left;
	}
}
@media (max-width: 991px) {
	
}
@media (min-width: 1200px) {

}



.promo-code-area {
	margin-bottom:1rem;
}
.promo-code-area .form-group {
	margin-bottom:0px;
}
.promo-code-area .btn-secondary {
	background:#ced4da;
	border-color:#ced4da;
}
.promo-code-area .btn-secondary:hover,
.promo-code-area .btn-secondary:focus {
	background:#13daf0;
	border-color:#13daf0;
}
#discount-description .remove-discount {
	border-radius: 50%;
    width: 19px;
    height: 19px;
    border: 0px;
    background: #13daf0;
    color: #FFF;
    line-height: 18px;
    text-align: center;
    padding: 0px;
    font-size: 16px;
}
#discount-description .remove-discount:hover,
#discount-description .remove-discount:focus {
	background:#dc3545;
}


@media (max-width: 419px) {
	.product-list li.product {
		padding:10px;
	}
	ul.product-list {
		grid-template-columns: 1fr 1fr;
	}
	ul.product-list.smaller {
		grid-template-columns: 1fr;
	}
	.woocommerce.term-brands ul.products {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
}
@media (min-width: 420px) and (max-width: 767px) {
	.product-list li.product {
		padding:10px;
	}
	ul.product-list {
		grid-template-columns: 1fr 1fr;
	}
	ul.product-list.smaller {
		grid-template-columns: 1fr;
	}
	.woocommerce.term-brands ul.products {
		grid-template-columns: 1fr 1fr 1fr;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	ul.product-list {
		grid-template-columns: 1fr 1fr 1fr;
	}
	ul.product-list.smaller {
		grid-template-columns: 1fr 1fr;
	}
	.woocommerce.term-brands ul.products {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}
@media (min-width: 1200px) {
	ul.product-list {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	ul.product-list.smaller {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.woocommerce.term-brands ul.products {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	}
}

.product-colors {
	list-style: none;
	margin:0px 0px 30px;
	padding:0px;
}
.product-colors li {
	margin:0px 5px 5px 0px;
	padding:0px;
}
.product-colors li a {
	display: block;
	padding:5px;
	border:solid 1px #eee;
}
.product-colors li a img {

}
@media (max-width: 419px) {
	.product-colors li a img {
		max-height:60px;
	}
}


/*--------------------------------------------------------------
## Quantity and PRicing Matrix
--------------------------------------------------------------*/
.windfall-pricing-matrix {
	margin-bottom:30px;
}
.windfall-pricing-matrix .table, .windfall-companions .table {
	border-bottom: 1px solid #dee2e6;
}
.windfall-quantity-matrix .windfall-qty-btn {
	display: inline-block;
	width:20px;
	height:20px;
	line-height: 20px;
	border-radius: 50%;

	background:#999;
	color:#FFF;
	text-align: center;
}
.windfall-quantity-matrix .windfall-qty-btn:hover {
	text-decoration: none;
	background:#13daf0;
}
.windfall-quantity-matrix td, .windfall-quantity-matrix th {
	font-size:14px;
	vertical-align: middle;
	padding:8px;
}
.windfall-pricing-matrix td, .windfall-pricing-matrix th {
	font-size:14px;
	vertical-align: middle;
	padding:8px;
}
.windfall-companions td {
	font-size:14px;
	vertical-align: middle;
	padding:8px;
}
.windfall-companions td a {
	color:#212529;
}
.windfall-companions td a:hover,
.windfall-companions td a:focus {
	color:#13daf0;
}
.windfall-quantity-matrix .windfall-qty {
	width:50px;
}
.discount-text {
	padding: 5px 10px;
	background: #13daf0;
	color: #FFF;
	margin-bottom: 10px;
}
@media (max-width: 419px) {
	.windfall-quantity-matrix .windfall-qty {
		width:30px;
	}
}

.product-price {
    color: #13daf0;
	font-size:20px;
	margin-bottom:30px;
}
.product-description {
	margin-bottom:30px;
}
.product-title {
	font-size: 24px;
    text-transform: none;
    font-weight: bold;
	margin-bottom:10px;
}
.featured-image-area {
	margin-bottom: 30px;
}
.featured-image-area .featured-images {
	position: relative;
}
.featured-image-area a img {
	width:100%;
	height:auto;
}
.featured-image-area a.front-image {
	display: block;
	border: solid 1px #cdcdcd;
	padding:20px;
}
.featured-image-area a.back-image {
	display: block;
	border: solid 3px #fff;
	position: absolute;
	bottom:20px;
	right:20px;
	width:80px;
}
.featured-image-area a.back-image img {
	border: solid 1px #cdcdcd;
}
.featured-image-area h3.color-name {
	text-align: center;
    padding: 5px;
    background: #f3f3f3;
    font-size: 18px;
	font-weight: normal;
	text-transform: none;
}
.product-meta {
	margin-top:30px;
	font-size:14px;
	color:#999;
	background:#f3f3f3;
	padding:15px;
	line-height: 24px;
}
.product-colors a:hover,
.product-colors a:focus {
	border-color: #999;
	outline:0;
}
.product-colors a.selected {
	border-color: #13daf0;
	outline:0;
}
.product-order-form .product-order-label {
	display: block;
	padding: 4px 12px;
	background: #eee;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.product-order-form .form-group small {
	margin-bottom:10px;
}

.product-locations {
	list-style: none;
	margin:0px;
	padding:0px;
}
.product-locations li {
	text-align: center;
	margin-right:10px;
	margin-bottom:10px;
	min-width:120px;
}
.product-locations li a {
	display: block;
	border:solid 1px #cdcdcd;
	padding:4px;
	color:#212529;
}
.product-locations li a h5 {
	font-size:14px;
	margin:3px 0px;
}
.product-locations li a:hover,
.product-locations li a:focus {
	border-color:#999;
	outline:0;
	text-decoration: none;
}
.product-locations li a.selected {
	border-color:#13daf0;
	color:#13daf0;
}
.product-locations li a img {
	max-width: 60px;
	max-height:60px;
}
.product-locations-select {
	display: none;
}

.uploaded-logos {
	list-style: none;
	margin:0px;
	padding:0px;
}
.uploaded-logos li {
	text-align: center;
	margin-right:10px;
	margin-bottom:10px;
	min-width:120px;
}
.uploaded-logos li.upload {
	position: relative;
	overflow:hidden;
}
.uploaded-logos li.upload label {
   cursor: pointer;
   display: block;
   border:solid 1px #cdcdcd;
   padding:4px;
   color:#212529;
   margin-bottom:0px;
}
.uploaded-logos li.upload .upload-file, #logo-screen-upload {
   opacity: 0;
   position: absolute;
   z-index: -1;
   bottom:0px;
   right:0px;
   width:5px;
   height:5px;
}
.uploaded-logos li a {
	display: block;
	border:solid 1px #cdcdcd;
	padding:4px;
	color:#212529;
}
.uploaded-logos li h5 {
	font-size:14px;
	margin:3px 0px;
	max-width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.uploaded-logos li a:hover,
.uploaded-logos li a:focus,
.uploaded-logos li.upload label:hover,
.uploaded-logos li.upload label:focus {
	border-color:#999;
	outline:0;
	text-decoration: none;
}
.uploaded-logos li.selected a {
	border-color:#13daf0;
	color:#13daf0;
}
.uploaded-logos li .logo {
	height:60px;
}
.uploaded-logos li img {
	max-width: 60px;
	max-height:60px;
}
.account-logos .logo-name {
	background: transparent center right 5px no-repeat;
    background-size: 18px 18px;
}
.account-logos .logo-name.saving {
	background-image: url('../img/spinner.gif');
}


label.checkbox-slider {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  overflow: hidden;
  color:#FFF;
}
label.checkbox-slider input {display:none;}
label.checkbox-slider span {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #999;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 34px;
}
label.checkbox-slider span:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 50%;
}
label.checkbox-slider input:checked + span {
	background-color: #13daf0;
}
label.checkbox-slider input:focus + span {
	box-shadow: 0 0 1px #13daf0;
}
label.checkbox-slider input:checked + span:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}
.has-checkbox-slider label.checkbox-slider {
	vertical-align: middle;
}
.has-checkbox-slider .has-checkbox-slider-label {
	vertical-align: middle;
	margin-left:10px;
}

.checkout-form h4 {
	text-transform: uppercase;
}
.checkout-details-box, .cart-details-box {
	border:solid 3px #13daf0;
	padding:20px;
}

.form-control {
	border-radius: 0px;
}
form.hide-labels .form-group label:not(.form-check-label) {
	display: none;
}
.help-block, .StripeElement--invalid + #card-errors {
	background:#f04c23;
	color:#FFF;
	font-size:12px;
	padding:4px 8px;
	display: block;
}
.help-block a {
	color:#FFF;
	text-decoration:underline;
}
.alert {
	border:0px;
	border-radius: 0px;
}
.alert-success {
	background:#6bd453;
	color:#FFF;
}
.alert-danger {
	background:#f04c23;
	color:#FFF;
}
.alert-info {
	background:#2ea9ec;
	color:#FFF;
}
.alert a {
	color:#FFF;
	text-decoration: underline;
	font-weight: bold;
}
.alert a.btn {
	text-decoration: none;
}
.has-error .form-control, #card-element.StripeElement--invalid {
	border-color:#f04c23;
}
.inline-block-form {
	display:inline-block;
}

#card-element {
    border: solid 1px #ced4da;
    padding: 10px;
}
#pay-later {
    border: solid 1px #ced4da;
	padding: 10px;
	font-weight:bold;
}

@media (min-width: 576px) {
	.extra-right-padding {
		padding-right:30px;
	}
	.extra-left-padding {
		padding-left:30px;
	}
}

.login-card, .register-card, .reset-password-card {
	margin:150px 0px;
}

.account-nav {
	list-style: none;
	margin:0px;
	padding:0px;
}
.account-nav li {
	margin:0px 0px 8px;
	padding:0px;
}
.account-nav li a {
	text-align:left;
	padding-left:20px;
	padding-right:20px;
}
.account-orders.table, .account-stores.table, .account-logos.table {
	border-bottom: 1px solid #dee2e6;
}
.account-orders.table td, .account-stores.table td, .account-logos.table td {
	vertical-align: middle;
}


.cart-updated-alert {
	margin-bottom:40px;
	line-height:31px;
}

.favorite {
	position: absolute;
	top:10px;
	right:10px;
	width:24px;
	height:24px;
	border:0px;
	border-radius: 50%;
	background:#ccc url('../img/icons/like.svg') center center no-repeat;
	background-size:14px 14px;
	overflow: hidden;
	text-indent:-999px;
	opacity:0;
	-webkit-transition: opacity 300ms ease;
	-moz-transition: opacity 300ms ease;
	-o-transition: opacity 300ms ease;
	transition: opacity 300ms ease;
}
.favorite:hover {
	background-color:#13daf0;	
}
.favorite:focus {
	outline:0;
}
.favorite.active {
	background-color:#13daf0;
	opacity:1;
}
.favorite.active:hover {
	background:#13daf0 url('../img/icons/close.svg') center center no-repeat;
	background-size:10px 10px;
}
.product-list li.product:hover .favorite {
	opacity: 1;
}
.featured-image-area .favorite {
	right:20px;
	top:20px;
}
.featured-image-area .featured-images:hover .favorite {
	opacity:1;
}


/*--------------------------------------------------------------
## Site Footer Styles
--------------------------------------------------------------*/
.site-footer {
	background:#434242;
	color:#FFF;
	padding:40px 60px 20px;
	position: relative;
}
.site-footer .navbar-brand img {
	width: 180px;
    height: 38px;
}
.site-footer:before {
	content:"";
	display: block;
	position: absolute;
	top:0px;
	left:0px;
	right:0px;
	height:15px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f04c23+4,b0488c+37,00b5da+66,f04c23+100 */
	background: #f04c23; /* Old browsers */
	background: -moz-linear-gradient(left, #f04c23 4%, #b0488c 37%, #13daf0 66%, #f04c23 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #f04c23 4%,#b0488c 37%,#13daf0 66%,#f04c23 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #f04c23 4%,#b0488c 37%,#13daf0 66%,#f04c23 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f04c23', endColorstr='#f04c23',GradientType=1 ); /* IE6-9 */
}
.site-footer .copyright {
	font-size:13px;
	text-align: center;
	color:#999;
}
.site-footer .copyright a {
	color:#999;
}
.site-footer .copyright a:hover,
.site-footer .copyright a:focus {
	color:#999;
	text-decoration: underline;
}
@media (max-width: 767px) {
	.site-footer {
		padding: 40px 5px 30px;
		text-align: center;
	}
	.site-footer .navbar {
		display: block;
		padding:0px;
	}
	.site-footer .navbar .open-search {
		display: none;
	}
	.site-footer .navbar-nav {
		display: none;
	}
	.site-footer .navbar a {
		display: inline-block;
	}
	.site-footer .navbar-brand {
		margin-bottom:30px;
	}
	.navbar-nav li.menu-item-13 {
		margin-left:0px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {

}


/*--------------------------------------------------------------
## Colorbox Core Styles
--------------------------------------------------------------*/
#colorbox, #cboxOverlay, #cboxWrapper {
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	overflow:hidden;
}
#cboxWrapper {
	max-width:none;
}
#cboxOverlay{
	position:fixed;
	width:100%;
	height:100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
	clear:left;
}
#cboxContent{
	position:relative;
}
#cboxLoadedContent{
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}
#cboxTitle{
	margin:0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{
	cursor:pointer;
}
.cboxPhoto{
	float:left;
	margin:auto;
	border:0;
	display:block;
	max-width:none;
	-ms-interpolation-mode:bicubic;
}
.cboxIframe{
	width:100%;
	height:100%;
	display:block;
	border:0;
	padding:0;
	margin:0;
}
#colorbox, #cboxContent, #cboxLoadedContent{
	box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
}

/*--------------------------------------------------------------
## Colorbox Custom Styles
--------------------------------------------------------------*/
#colorbox, #colorbox * {
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;
}
#colorbox.full-browser, .full-browser #cboxWrapper {
	overflow:visible;
}
#cboxOverlay{
	background:#000;
}
#cboxOverlay.full-browser {
	opacity: 1 !important;
}
#colorbox{
	outline:0;
}
#cboxContent{
	margin:15px;
	background:#000;
}
.cboxIframe{
	background:#fff;
}
#cboxError{
	padding:50px;
	border:1px solid #ccc;
}
#cboxLoadedContent{
	border:0px;
	background:#fff;
}
#cboxTitle{
	position:absolute;
	top:-20px;
	left:0;
	color:#ccc;
}
#cboxCurrent{
	position:absolute;
	top:-20px;
	right:0px;
	color:#ccc;
	display:none;
	visibility: hidden;
}
#cboxLoadingGraphic{
	background:url('../img/loading.gif') no-repeat center center;
}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
	border:0;
	padding:0;
	margin:0;
	overflow:visible;
	width:auto;
	background:none;
}

#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
	outline:0;
}
#cboxSlideshow{
	position:absolute;
	top:-20px;
	right:90px;
	color:#fff;
}
#cboxPrevious, #cboxNext{
	position: absolute;
    bottom: 0px;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: none;
    z-index: 1102;
    display: none;
    text-indent:-9999px;
    background:none;
}
#cboxPrevious{
	left: 0px;
}
#cboxPrevious:before{
	content:"";
	display:block;
	opacity:0;
	background-color:rgba(255,255,255,.3);
	background-image:url("../img/arrow-left.svg");
	background-size:17px 20px;
	background-position: 42% 50%;
	background-repeat:no-repeat;
	width:50px;
	height:50px;
	margin-top:-25px;
	border-radius: 50%;
	position: absolute;
	top:50%;
	left:30px;
	transition: all 0.3s ease;
}
#cboxPrevious:hover:before{
	opacity:1;
}
#cboxNext{
	right: 0px;
}
#cboxNext:before{
	content:"";
	display:block;
	opacity:0;
	background-color:rgba(255,255,255,.3);
	background-image:url("../img/arrow-right.svg");
	background-size:17px 20px;
	background-position: 58% 50%;
	background-repeat:no-repeat;
	width:50px;
	height:50px;
	margin-top:-25px;
	border-radius: 50%;
	position: absolute;
	top:50%;
	right:30px;
	transition: all 0.3s ease;
}
#cboxNext:hover:before{
	opacity:1;
}
#cboxClose {
	position:absolute;
	top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: #13daf0 url('../img/close.png') no-repeat;
    background-size:30px 30px;
    border-radius: 50%;
	text-indent:-9999px;
	cursor: pointer;
	z-index: 9999;
}
.full-browser #cboxClose {
	position: fixed;
    top: 20px;
    right: 20px;
}
#cboxClose:hover, #cboxClose:focus{
	cursor: pointer;
	outline:0;
	background-color:#333;
}