@charset "UTF-8";
@font-face {
    font-family: "latoblack";
	src: url("../fonts/lato-black-webfont.woff2") format("woff2"), url("../fonts/lato-black-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "latobold";
	src: url("../fonts/lato-bold-webfont.woff2") format("woff2"), url("../fonts/lato-bold-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "latoheavy";
	src: url("../fonts/lato-heavy-webfont.woff2") format("woff2"), url("../fonts/lato-heavy-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "latolight";
	src: url("../fonts/lato-light-webfont.woff2") format("woff2"), url("../fonts/lato-light-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "latomedium";
	src: url("../fonts/lato-medium-webfont.woff2") format("woff2"), url("../fonts/lato-medium-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "latosemibold";
	src: url("../fonts/lato-semibold-webfont.woff2") format("woff2"), url("../fonts/lato-semibold-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "leaguegothic";
	src: url("../fonts/leaguegothic-regular-webfont.woff2") format("woff2"), url("../fonts/leaguegothic-regular-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

h1 {
	font-family: "latoblack", Arial, Helvetica, sans-serif
}

h1 small {
	font-family: "latomedium", Arial, Helvetica, sans-serif
}

strong {
	color: #c30001;
	font-family: "latoheavy", Arial, Helvetica, sans-serif
}

.page-title {
	margin-top: 0;
	padding-left: 0
}

main a {
	color: #c30001
}

main a:active,
main a:focus,
main a:hover {
	color: #aa0001
}

.btn-default {
	background-color: #e7e7e7;
	color: #777!important;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out
}

.btn-default:active,
.btn-default:focus,
.btn-default:hover {
	color: #333!important
}

.btn-primary {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #9A0000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#B90101), to(#820007));
	background-image: -webkit-linear-gradient(top, #B90101, #820007);
	background-image: -o-linear-gradient(top, #B90101, #820007);
	background-image: linear-gradient(to bottom, #B90101, #820007);
	background-repeat: repeat-x;
	border-color: #810000
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
	background-color: #7D0208;
	background-position: 0 -15px
}

.btn-group button {
	margin-bottom: 0px!important
}

body,
html {
	background-color: #fefefe;
	max-width: 2560px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing: 0.04vw;
	font-family: "latomedium", Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: calc(13px + .1vw)
}

body main {
	min-height: calc(100vh - 117px);
	margin-top: 80px!important
}

.page-content {
	margin-top: 0px
}

.margin-auto {
	margin: auto
}

.fancybox-image {
	z-index: 9999
}

hr {
	margin: 10px 0
}

.loader {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	padding: 10% 20%;
	font-size: 52px;
	background: rgba(255, 255, 255, 0.8);
	text-transform: uppercase;
	font-family: "latoblack", Arial, Helvetica, sans-serif
}

.address-loader {
	height: 14px;
	width: 15px;
	position: absolute;
	right: 10px;
	top: 10px
}

table th {
	padding: 5px!important
}

table td {
	vertical-align: middle!important
}

.angle-left,
.angle-right {
	position: relative;
	height: 100px;
	width: 45px;
	display: block;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out
}

.angle-left:after,
.angle-left:before,
.angle-right:after,
.angle-right:before {
	content: "";
	position: absolute;
	height: 1px;
	width: 25px;
	background: #ffffff;
	top: 50%;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out
}

.angle-left:before {
	left: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin-top: -8px
}

.angle-left:after {
	left: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: 9px
}

.angle-right.angle-down {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.angle-right.angle-up {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.angle-right:before {
	right: 0px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -8px
}

.angle-right:after {
	right: 0px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin-top: 9px
}

legend {
	padding: 7px 0
}

.control-label {
	padding-bottom: 5px
}

.form-group label {
	font-size: 13px;
	font-weight: normal
}

.form-group p {
	font-size: 13px
}

.form-control {
	font-size: 12.5px!important;
	padding: 3px 5px;
	height: 35px;
	line-height: 35px;
	font-family: "latobold", Arial, Helvetica, sans-serif
}

.form-control:active,
.form-control:focus {
	border: 1px solid #cccccc;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3)!important;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3)!important
}

.prod-item {
	text-align: center;
	display: inline-block;
	margin-bottom: 15px;
	vertical-align: top
}

.prod-item a {
	text-decoration: none!important;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out
}

.prod-item a:active,
.prod-item a:focus,
.prod-item a:hover {
	color: #c30001
}

.prod-item a:active h3,
.prod-item a:active h5,
.prod-item a:active span,
.prod-item a:focus h3,
.prod-item a:focus h5,
.prod-item a:focus span,
.prod-item a:hover h3,
.prod-item a:hover h5,
.prod-item a:hover span {
	color: #c30001
}

.prod-item span {
	padding: 10px 0;
	font-size: 14px;
	color: #000000;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	font-family: "latobold", Arial, Helvetica, sans-serif
}

.prod-desc {
	text-transform: uppercase
}

.prod-desc h3 {
	font-size: calc(14px);
	letter-spacing: .1vw;
	line-height: 20px;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	font-family: "latobold", Arial, Helvetica, sans-serif
}

.prod-price h5 {
	font-size: 16px;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	font-family: "latoblack", Arial, Helvetica, sans-serif
}

.prod-img {
	background: #ffffff;
	position: relative;
	vertical-align: middle;
	height: 200px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap
}

.prod-img .img-helper {
	line-height: 200px;
	display: inline-block
}

.prod-img img {
	line-height: 200px;
	padding: 25px;
	display: inline-block;
	margin: auto
}

.tab-content {
	padding: 15px 0
}

table a {
	text-decoration: underline
}

table a,
table strong {
	color: #000000
}

.pagination {
	margin: 0
}

.pagination .active a {
	background: #babbbc;
	border: 1px solid #babbbc
}

.pagination .active a:active,
.pagination .active a:focus,
.pagination .active a:hover {
	background: #babbbc;
	border: 1px solid #babbbc
}

.pagination a {
	color: #c30001!important
}

.pagination a:active,
.pagination a:focus,
.pagination a:hover {
	color: #900001!important
}

header {
	padding: 0 35px!important;
	height: 80px;
	background: #ffffff;
	position: fixed!important;
	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
	top: 0
}

header .logo-container {
	height: 45px;
	margin: 20px 0 0 15px;
	padding: 3px 0px 2px 3px
}

header .logo-container img {
	float: left
}

header .logo-container span {
	font-size: 14px;
	display: block;
	height: 80px;
	color: #000000;
	float: left;
	line-height: 50px;
	padding-left: 150px;
	position: absolute
}

header #main-menu {
	border: none;
	margin-bottom: 0px
}

header #main-menu>ul {
	margin-bottom: 0px
}

header #main-menu>ul>li {
	border-left: 0px solid #f2f2f2
}

header #main-menu>ul>li>a {
	padding: 1px 15px;
	height: 80px;
	line-height: 80px;
	color: #000000;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase
}

header #main-menu>ul>li>a i {
	padding-right: 10px;
	font-size: 16px;
	position: relative;
	top: 1px
}

header #main-menu>ul>li>a img {
	height: 20px;
	padding: 0 5px;
	top: -2px;
	position: relative
}

header #main-menu ul li a:active,
header #main-menu ul li a:focus,
header #main-menu ul li a:hover {
	background: none;
	color: #c30001
}

header .user-menu {
	width: 100%;
	background: #000000
}

header .user-menu ul {
	margin-bottom: 0px;
	overflow: hidden
}

header .user-menu li>a {
	padding: 5px 10px;
	font-size: 12px;
	color: #ffffff;
	border-left: 1px solid #333
}

header .user-menu li>a:hover {
	background: none!important
}

header .dropdown-menu {
	left: unset;
	right: 0;
	margin-top: 0px;
	padding-bottom: 0px;
	min-width: 250px;
	background: #F7F7F7;
	-webkit-box-shadow: 0 0 8px 0 #F7F7F7;
	box-shadow: 0 0 8px 0 #F7F7F7;
	border: none;
	border: 1px solid #a7a7a7
}

header .dropdown-menu li a {
	padding: 10px 20px;
	border-bottom: 1px solid #f2f2f2;
	text-transform: uppercase;
	font-size: 14px
}

header .dropdown-menu li:last-child a {
	border: none
}

header .dropdown-menu li.divider-content {
	padding: 10px 20px;
	font-size: 12px;
	color: #ffffff;
	background: black;
	top: -5px;
	position: relative
}

header .mobile-menus .nav-main-toggle span:first-child {
	top: 2px!important
}

header .mobile-menus .nav-main-toggle span:last-child {
	bottom: 2px!important
}

header .mobile-menus .nav-main-toggle.nav-open span:first-child {
	-webkit-transform: rotate(45deg) translatey(10px) translatex(7px)!important;
	-ms-transform: rotate(45deg) translatey(10px) translatex(7px)!important;
	transform: rotate(45deg) translatey(10px) translatex(7px)!important
}

header .mobile-menus .nav-main-toggle.nav-open span:last-child {
	-webkit-transform: rotate(-45deg) translateY(-10px) translateX(7px)!important;
	-ms-transform: rotate(-45deg) translateY(-10px) translateX(7px)!important;
	transform: rotate(-45deg) translateY(-10px) translateX(7px)!important
}

header .mobile-menus li {
	-webkit-box-shadow: -1px 0 1px 0 #cccccc;
	box-shadow: -1px 0 1px 0 #cccccc;
	height: 60px;
	margin-top: -10px;
	position: relative;
	padding: 15px 5px
}

header .mobile-menus li a {
	top: unset;
	right: unset;
	color: #000000;
	padding: 0 5px
}

header .mobile-menus li a:active,
header .mobile-menus li a:focus,
header .mobile-menus li a:hover {
	background: none!important
}

header .mobile-menus li a.nav-main-toggle {
	padding: 0px
}

header .mobile-menus li i {
	font-size: 30px
}

.mega-menu,
.mega-search {
	position: fixed;
	left: 0;
	width: 100%;
	height: calc(100vh - 80px);
	background: #F7F7F7;
	padding: 5vh 11vw 8vh 11vw
}

.mega-menu-close,
.mega-search-close {
	position: absolute;
	right: 30px;
	top: 20px;
	cursor: pointer;
	z-index: 999;
	-webkit-transform: scale(0.6);
	-ms-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out
}

.mega-menu-close:hover,
.mega-search-close:hover {
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8)
}

.mega-menu-close span,
.mega-search-close span {
	float: left;
	height: 50px
}

.mega-menu-close span:first-child,
.mega-search-close span:first-child {
	right: -8px
}

.mega-menu-close span:after,
.mega-menu-close span:before,
.mega-search-close span:after,
.mega-search-close span:before {
	background: #000000
}

.mega-menu h2 {
	text-transform: uppercase;
	margin-bottom: 3vh;
	font-family: "latoblack", Arial, Helvetica, sans-serif
}

.mega-menu .menu-sub-categories,
.mega-menu ul {
	height: calc(87vh - 152.31px);
	position: relative;
	overflow: auto
}

.mega-menu .menu-sub-categories:after,
.mega-menu ul:after {
	content: "";
	position: absolute;
	height: 100%;
	top: 0;
	right: 0;
	width: 1px;
	background: #000000
}

.mega-menu .menu-sub-categories li.active a,
.mega-menu ul li.active a {
	font-weight: bold
}

.mega-menu .menu-sub-categories li a,
.mega-menu ul li a {
	text-transform: uppercase;
	padding: 5px 0px;
	font-size: 14px;
	color: #000000!important;
	height: 30px;
	line-height: 20px;
	background: none!important;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	font-family: "latothin", Arial, Helvetica, sans-serif
}

.mega-menu .menu-sub-categories li a:active,
.mega-menu .menu-sub-categories li a:focus,
.mega-menu .menu-sub-categories li a:hover,
.mega-menu ul li a:active,
.mega-menu ul li a:focus,
.mega-menu ul li a:hover {
	font-weight: bold
}

.mega-menu .menu-subcategory-content {
	padding: 0 2.5vw
}

.mega-menu .menu-subcategory-content h3 {
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 25px;
	font-family: "latothin", Arial, Helvetica, sans-serif
}

.mega-menu .menu-subcategory-content p {
	font-size: 13px;
	line-height: 22px;
	font-family: "latobold", Arial, Helvetica, sans-serif
}

.mega-menu .menu-subcategory-content-image {
	margin-bottom: 35px
}

.mega-menu .menu-subcategory-content-image img {
	max-height: 32vh
}

.mega-menu .menu-subcategory-shop-now {
	color: #000000;
	font-size: 14px;
	cursor: pointer;
	margin-top: 10px;
	text-decoration: none;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	font-family: "latoblack", Arial, Helvetica, sans-serif
}

.mega-menu .menu-subcategory-shop-now:active,
.mega-menu .menu-subcategory-shop-now:focus,
.mega-menu .menu-subcategory-shop-now:hover {
	color: #c30001
}

.mega-search .search-result-count {
	color: #000000;
	font-size: 16px;
	padding: 10px 0
}

.mega-search-container {
	position: relative
}

.mega-search-container input {
	border: none;
	border: 1px solid #000000;
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 25px!important;
	height: 60px;
	padding: 0 10px;
	font-family: "latoblack", Arial, Helvetica, sans-serif
}

.mega-search-container input:focus {
	border: none;
	border: 1px solid #000000;
	-webkit-box-shadow: none!important;
	box-shadow: none!important
}

.mega-search-container img {
	top: 50%;
	right: 2vw;
	margin-top: -22px;
	position: absolute;
	height: 44px;
	opacity: 0.5
}

.mega-search .typeahead__list_custom {
	list-style: none;
	max-height: calc(100vh - 295px);
	overflow: auto
}

.mega-search .typeahead__item {
	width: calc(25% - 50px)!important;
	margin-right: 50px;
	border: 1px solid #ddd!important;
	background-color: #ffffff!important;
	position: relative;
	padding-bottom: 50px
}

@media screen and (max-width:1550px) {
	.mega-search .typeahead__item {
		width: calc(33% - 50px)!important
	}
}

@media screen and (max-width:1280px) {
	.mega-search .typeahead__item {
		width: calc(50% - 50px)!important
	}
}

@media screen and (max-width:680px) {
	.mega-search .typeahead__item {
		width: calc(100% - 50px)!important
	}
}

.mega-search .typeahead__item>a {
	cursor: default!important
}

.mega-search .typeahead__item>a:hover button span {
	color: #444
}

.mega-search .typeahead__item .Prod-price {
	position: relative
}

.mega-search .typeahead__item .prod-desc {
	margin-bottom: 10px
}

.mega-search .typeahead__item .prod-desc h4 {
	color: #c30001!important;
	text-align: left!important;
	padding-left: 10px;
	text-transform: none!important
}

.mega-search .typeahead__item .prod-desc h4:hover {
	text-decoration: underline
}

.mega-search .typeahead__item label {
	color: #333132
}

.mega-search .typeahead__item h5 {
	color: #333132!important;
	font-size: 12px!important;
	margin: 8.5px 0!important;
	text-align: left;
	text-transform: capitalize!important
}

.mega-search .typeahead__item h5 strong {
	color: #000000!important;
	text-transform: capitalize!important
}

.mega-search .typeahead__item .price-new {
	-webkit-box-shadow: none!important;
	box-shadow: none!important
}

.mega-search .typeahead__item .price-inc {
	-webkit-box-shadow: 0 0 0 1px #ffffff!important;
	box-shadow: 0 0 0 1px #ffffff!important
}

.mega-search .typeahead__item .button-group {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0
}

.mega-search .typeahead__item .button-group button {
	width: 60%;
	border: none;
	display: inline-block;
	float: left;
	background-color: #eee;
	color: #888;
	line-height: 38px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	border-left: 1px solid #ddd!important;
	font-size: 14px;
	margin-top: 2px
}

.mega-search .typeahead__item .button-group button:not(:first-child) {
	width: 20%
}

.mega-search .typeahead__item .button-group button:last-child {
	width: 20%
}

.mega-search .typeahead__item .button-group button span {
	display: inline-block!important
}

@media screen and (max-width:980px) {
	.mega-search .typeahead__item .button-group button span {
		display: none!important
	}
}

@media screen and (max-width:680px) {
	.mega-search .typeahead__item .button-group button span {
		display: inline-block!important
	}
}

.mega-search .typeahead__item .button-group button i {
	padding: 5px;
	line-height: 38px;
	font-size: 14px
}

.mega-search .typeahead__item .button-group button:hover {
	background-color: #ddd;
	text-decoration: none;
	cursor: pointer
}

.mega-search .typeahead__item .button-group button:hover i,
.mega-search .typeahead__item .button-group button:hover span {
	color: #444
}

.mega-search .typeahead__container.cancel img {
	display: none
}

.mega-search .typeahead__query:after,
.mega-search .typeahead__query:before {
	right: 2vw!important;
	height: 44px!important;
	width: 44px!important;
	margin-top: -22px!important;
	border-color: #000000
}

.mega-search .typeahead__cancel-button {
	background: none;
	font-size: 30px;
	height: 52px!important;
	width: 52px!important;
	top: 50%!important;
	right: 2vw!important;
	margin-top: -26px!important
}

.mega-search .typeahead__cancel-button:after,
.mega-search .typeahead__cancel-button:before {
	content: "";
	position: absolute;
	height: 100%;
	width: 2px;
	background: #000000;
	top: 0
}

.mega-search .typeahead__cancel-button:before {
	left: 26px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.mega-search .typeahead__cancel-button:after {
	right: 26px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.mega-search h5 {
	margin-top: 15px;
	padding-left: 10px;
	text-transform: uppercase;
	font-size: 14px;
	font-family: "latobold", Arial, Helvetica, sans-serif
}

.mega-search-categories {
	overflow: hidden;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000
}

.mega-search-category,
.mega-search-sort,
.mega-search-stock {
	padding: 15px;
	margin-bottom: 15px 5px
}

.mega-search-category:not(:only-child),
.mega-search-sort:not(:only-child),
.mega-search-stock:not(:only-child) {
	border-left: 1px solid #000000
}

@media screen and (max-width:600px) {
	.mega-search-category-container,
	.mega-search-sort-container,
	.mega-search-stock-container {
		border-bottom: 1px solid #000000
	}
}

.mega-search-category .checkbox,
.mega-search-sort .checkbox,
.mega-search-stock .checkbox {
	margin-top: 7px!important;
	margin-bottom: 7px!important
}

.mega-search-category .checkbox input,
.mega-search-sort .checkbox input,
.mega-search-stock .checkbox input {
	height: auto!important
}

.mega-search-category .checkbox label,
.mega-search-sort .checkbox label,
.mega-search-stock .checkbox label {
	text-transform: uppercase;
	font-size: calc(12px + .15vw)!important;
	font-family: "latoblack", Arial, Helvetica, sans-serif
}

.mega-search-category select,
.mega-search-sort select,
.mega-search-stock select {
	background: none;
	border: none;
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
	text-transform: uppercase;
	font-size: calc(12px + .15vw)!important;
	font-family: "latoblack", Arial, Helvetica, sans-serif
}

.mega-search-category select:active,
.mega-search-category select:focus,
.mega-search-category select:hover,
.mega-search-sort select:active,
.mega-search-sort select:focus,
.mega-search-sort select:hover,
.mega-search-stock select:active,
.mega-search-stock select:focus,
.mega-search-stock select:hover {
	border: none;
	-webkit-box-shadow: none!important;
	box-shadow: none!important
}

.breadcrumb {
	padding: 15px 0;
	margin-bottom: 0px;
	background: none
}

.breadcrumb li a {
	font-size: 12px!important;
	color: #000000
}

.breadcrumb li:last-child a {
	color: #c30001
}

#home-content {
	position: relative
}

#home-content section {
	position: relative;
	overflow: hidden
}

.home-sections-nav {
	position: fixed;
	top: 43vh;
	left: 3.15vw;
	z-index: 9
}

.home-sections-nav ul {
	list-style: none
}

.home-sections-nav ul li {
	margin-bottom: 28px;
	position: relative
}

.home-sections-nav ul li:not(:last-child):after {
	content: "";
	position: absolute;
	height: 40px;
	width: 1px;
	left: 49%;
	top: 2px;
	background: rgba(255, 255, 255, 0.9)
}

.home-sections-nav ul li.active a {
	color: #ffffff!important
}

.home-sections-nav ul li.active a i {
	color: #ffffff!important;
	-webkit-box-shadow: 0 0 1px 2px #ffffff;
	box-shadow: 0 0 1px 2px #ffffff;
	background: #ffffff!important
}

.home-sections-nav a {
	background: none!important;
	padding: 0px!important;
	display: block;
	font-size: 7px;
	color: #ffffff;
	height: 7px;
	width: 7px
}

.home-sections-nav a:focus,
.home-sections-nav a:hover,
.home-sections-nav aactive {
	color: #ffffff!important
}

.home-sections-nav a i {
	border-radius: 7px;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out
}

#main-slider .scrolldown {
	position: absolute!important;
	z-index: 99;
	bottom: 0;
	left: 50%;
	margin-left: calc(-45px / 2);
	color: #ffffff;
	text-align: center;
	font-size: 50px;
	line-height: 50px;
	cursor: pointer;
	overflow: hidden;
	-webkit-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	position: relative
}

#main-slider .scrolldown .angle-down {
	-webkit-animation-name: down;
	animation-name: down;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: 3;
	animation-iteration-count: 3;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-delay: 2s;
	animation-delay: 2s
}

@-webkit-keyframes down {
	0% {
		top: -40px
	}
	to {
		top: 25px
	}
}

@keyframes down {
	0% {
		top: -40px
	}
	to {
		top: 25px
	}
}

#main-slider #featuredSlider.owl-carousel {
	position: relative;
    height: 0;
 /* height: calc(100vh - 80px); */
}

#main-slider #featuredSlider.owl-carousel .item,
#main-slider #featuredSlider.owl-carousel .owl-item,
#main-slider #featuredSlider.owl-carousel .owl-stage,
#main-slider #featuredSlider.owl-carousel .owl-stage-outer {
	height: 100%
}

#main-slider #featuredSlider.owl-carousel .item {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center
}

#main-slider #featuredSlider.owl-carousel .slider-caption-wrap {
	padding: 1.5vw 3vw;
	background: fade(#ffffff, 80%);
	position: absolute;
	left: 19.8vw;
	width: 41.5vw;
	bottom: 14vh;
	border: 1px solid #ffffff
}

#main-slider #featuredSlider.owl-carousel .slider-caption-wrap h1 {
	margin-top: 0px;
	font-size: calc(16px + 4.5vw);
	line-height: 95%;
	letter-spacing: .05vw
}

#main-slider #featuredSlider.owl-carousel .slider-caption-wrap h6 {
	font-size: 16px;
	color: #ffffff
}

#main-slider #featuredSlider .owl-controls {
	width: 100%;
	left: 0px;
	margin-left: 0px
}

#main-slider #featuredSlider .owl-controls .owl-nav div {
	background: none!important;
	position: absolute;
	bottom: 39.5% /* was 39.5% */

}

#main-slider #featuredSlider .owl-controls .owl-nav div.owl-prev {
	left: 3%
}

#main-slider #featuredSlider .owl-controls .owl-nav div.owl-next {
	right: 3%
}

#main-slider #featuredSlider .owl-controls .owl-nav div i {
	font-size: 40px
}

.section-sub-panel {
	background: #ffffff;
	padding: 1vh 0;
	position: relative
}

.section-sub-panel.panel-line:after {
	content: "";
	position: absolute;
	height: 100%;
	width: 0px;
	background: rgba(0, 0, 0, 0.2);
	top: 0;
	left: 50%;
	margin-left: -0.5px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.home-sub h3 {
	float: left;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	color: #414042;
	font-family: "leaguegothic", Arial, Helvetica, sans-serif
}

.home-sub-text {
	font-family: "latolight", Arial, Helvetica, sans-serif
}

.home-sub-text p {
	font-size: calc(14px + .3vw);
	letter-spacing: .4vw
}

.main-featured-categories {
	border-bottom: 25px solid #231f20
}

.main-featured-category {
	float: left;
	position: relative;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	overflow: hidden;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out
}

.main-featured-category .featured-category-text {
	position: absolute;
	left: 50%;
	margin-left: -25%;
	top: 38%
}

.main-featured-category .featured-category-text h2 {
	color: #ffffff;
	text-transform: uppercase;
	font-size: calc(16px + .3vw);
	white-space: pre-line;
	letter-spacing: 0.4vw;
	line-height: 150%;
	position: relative;
	font-family: "latobold", Arial, Helvetica, sans-serif;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.main-featured-category .featured-category-text p {
	font-size: 16px;
     font-weight: 900;
	margin-top: 50px;
	color: #ffffff;
	white-space: pre-line;
}

.main-featured-category .featured-category-text .featured-button {
/*	letter-spacing: 0.2vw;
	margin-top: 15px;
	background: none;
	color: #ffffff!important;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out */
}

.main-featured-category .featured-category-text .featured-button:active,
.main-featured-category .featured-category-text .featured-button:focus,
.main-featured-category .featured-category-text .featured-button:hover {
/*	background: #c30001;
	border: 1px solid #c30001 */
}

.main-featured-category:first-child {
	height: calc(100vh - 80px);
	width: calc(100% / 2)
}

.main-featured-category:first-child h2:after {
	content: "";
	position: absolute;
	width: 90px;
	height: 0px; /* was 1px*/
	background: #ffffff;
	bottom: -25px;
	left: 0
}

.main-featured-category:first-child .featured-button {
/*	display: inline-block!important;
	border: 1px solid #ffffff;
	color: #ffffff;
	padding: 5px 12px */
}

.main-featured-category:nth-child(2) {
	height: calc(50vh - 40px);
	width: calc(100% / 2)
}

.main-featured-category:nth-child(3),
.main-featured-category:nth-child(4) {
	height: calc(50vh - 40px);
	width: calc(100% / 4)
}

.main-featured-category:not(:first-child) .featured-category-text {
	width: 100%;
	left: 0;
	margin-left: 0px;
	text-align: center
}

.main-featured-category:nth-child(2n) .angle-right {
/*	display: block!important;
	margin: auto;
	height: 50px;
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	left: -2%  */
}

.main-featured-category:nth-child(2n):hover .angle-right {
/*	left: -1% */
}

.main-featured-category:nth-child(2n):hover .angle-right:after,
.main-featured-category:nth-child(2n):hover .angle-right:before {
/*	background: #c30001  */
}

.main-featured-category:nth-child(3) {
	background-color: #ffffff;
	background-size: 25vh;
	background-position: center 25%
}

.main-featured-category:nth-child(3) .featured-category-text {
	bottom: 10%;
	top: unset
}

.main-featured-category:nth-child(3) .featured-category-text h2 {
	color: #333132;
      text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.main-featured-category:nth-child(3) .featured-category-text .featured-button {
/*	display: inline-block!important;
	border: 1px solid #333132;
	color: #333132!important;
	padding: 5px 25px;
	letter-spacing: 0.2vw;
	margin: auto */
}

.main-featured-category:nth-child(3) .featured-category-text .featured-button:hover {
/*	border: 1px solid #c30001;
	color: #ffffff!important */
}

#smoke-canvas {
	background: #000000;
	display: block;
	height: 100%;
	width: 100%;
	opacity: 0.135
}

.home-panel {
	height: calc(100vh - 80px);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative
}

.home-panel .panel-caption-wrap {
	position: absolute;
	right: 0;
	top: 10vh;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: #ffffff;
	padding: 1.55vw 9.25vw 1.55vw 1.55vw
}

.home-panel .panel-caption-wrap:hover .angle-right {
	right: 3.5vw
}

.home-panel .panel-caption-wrap:hover .angle-right:after,
.home-panel .panel-caption-wrap:hover .angle-right:before {
	background: #c30001
}

.home-panel .panel-caption-wrap .panel-caption {
	overflow: hidden
}

.home-panel .panel-caption-wrap h1 {
	margin-top: 0px;
	font-size: calc(18px + 4.25vw)
}

.home-panel .panel-caption-wrap h6 {
	font-size: 15px;
	position: relative
}

.home-panel .panel-caption-wrap h6:after {
	content: "";
	position: absolute;
	height: 1px;
	width: 50%;
	background: #ffffff;
	top: 9px;
	right: -8%
}

.home-panel .panel-caption-wrap .angle-right {
	position: absolute;
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	right: 4vw;
	top: 4vh
}

.testimonial blockquote {
	padding: 0px;
	margin: 0px;
	font-size: 20px;
	border: none;
	text-align: center;
	position: relative;
	padding: 25px 0;
	font-family: "latolight", Arial, Helvetica, sans-serif
}

.testimonial blockquote:after,
.testimonial blockquote:before {
	content: '“';
	position: absolute;
	font-family: "Franklin Gothic Book"!important;
	color: #000000;
	font-size: 100px
}

.testimonial blockquote:before {
	left: -35px;
	top: -25px
}

.testimonial blockquote:after {
	right: -35px;
	bottom: -15px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.testimonial blockquote p {
	font-size: calc(16px + .85vw)!important;
	letter-spacing: 0.35vw
}

.testimonial blockquote cite {
	float: right;
	text-align: right;
	clear: both;
	font-style: initial;
	font-family: "latomedium", Arial, Helvetica, sans-serif
}

.testimonial blockquote cite:first-child {
	font-size: 14px
}

.testimonial blockquote cite:last-child {
	font-size: 12px
}

.welcome-content .alert-success {
	background-color: transparent!important;
	border-color: transparent!important
}

.welcome-content .alert-success h2 {
	color: #900001!important
}

.cat-item-wrap {
	margin-bottom: 15px
}

.cat-item-wrap a {
	color: #000000;
	text-decoration: none!important
}

.cat-item-wrap a:active h2,
.cat-item-wrap a:focus h2,
.cat-item-wrap a:hover h2 {
	color: #c30001
}

.cat-desc-title h2 {
	text-transform: uppercase;
	font-size: 18px;
	min-height: 40px;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	font-family: "latoblack", Arial, Helvetica, sans-serif
}

.filter-container {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin-bottom: 15px
}

@media screen and (ax-width:640ox) {
	.filter-container {
		border: none!important
	}
}

.filter-item {
	padding: 15px;
	margin-bottom: 15px 5px
}

.filter-item:not(:first-child) {
	border-left: 1px solid #eee
}

.filter-item h1 {
	margin-bottom: 0!important
}

.filter-item .checkbox {
	margin-top: 7px!important;
	margin-bottom: 7px!important
}

.filter-item .checkbox input {
	height: auto!important
}

.filter-item .checkbox label {
	text-transform: uppercase;
	font-size: calc(12px + .15vw)!important;
	font-family: "latoblack", Arial, Helvetica, sans-serif
}

.filter-item select {
	background: none;
	border: none;
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
	text-transform: uppercase;
	font-size: calc(12px + .15vw)!important;
	font-family: "latoblack", Arial, Helvetica, sans-serif
}

.filter-item select:active,
.filter-item select:focus,
.filter-item select:hover {
	border: none;
	-webkit-box-shadow: none!important;
	box-shadow: none!important
}

.cat-product-thumb {
	border: 1px solid #ddd;
	margin-bottom: 20px;
	overflow: auto;
	position: relative;
	padding-bottom: 40px
}

.cat-product-thumb .button-group {
	position: absolute;
	bottom: 0px;
	width: 100%
}

.cat-product-thumb .button-group i {
	height: 14px;
	width: 14px
}

.cat-product-image {
	text-align: center
}

.cat-product-caption {
	padding: 0 15px
}

.cat-product-caption h5 strong {
	color: #000000
}

.cat-product-caption a {
	color: #c30001;
	font-family: "latobold", Arial, Helvetica, sans-serif
}

.cat-product-item .button-group button {
	width: 60%;
	border: none;
	display: inline-block;
	float: left;
	background-color: #eee;
	color: #888;
	line-height: 38px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	border-left: 1px solid #ddd!important;
	font-size: 14px
}

.cat-product-item .button-group button i {
	padding-right: 5px
}

.cat-product-item .button-group button:not(:first-child) {
	width: 20%;
	border-left: 1px solid #ddd!important
}

.cat-product-item .button-group button:not(:first-child) i {
	padding-right: 0px
}

.cat-product-item .button-group button:hover {
	color: #444;
	background-color: #ddd;
	text-decoration: none;
	cursor: pointer
}

.cat-product-price {
	padding-bottom: 0px;
	margin: 0 -15px
}

.cat-product-price h3 {
	margin: 10px 15px
}

.cat-product-price .price-special {
	margin: 0 15px;
	font-size: 16px
}

.cat-product-price .price-new small {
	font-size: 10px
}

.cat-product-price .price-old {
	font-size: 12px
}

.price-old,
.pricewas {
	text-decoration: line-through
}

.product-price-group {
	text-align: left!important
}

.product-price-group span {
	padding: 5px;
	display: block;
	text-align: center!important
}

.product-price-group .price-new {
	font-family: "latoblack", Arial, Helvetica, sans-serif
}

.product-price-group .price-old {
	text-decoration: line-through
}

.product-price-group .price-special {
	color: #000000;
	margin-bottom: 3px
}

.product-price-group label {
	margin: 15px 5px 0px 15px
}

.product-price-group .price-excl,
.product-price-group .price-inc,
.product-price-group .price-poa {
	position: relative;
	margin-bottom: -1px;
	width: 50%;
	float: left;
	padding: 8px 7.5px 8px 15px;
	background: #f2f2f2;
	-webkit-box-shadow: 0 0 0 1px #ffffff;
	box-shadow: 0 0 0 1px #ffffff;
	color: #333333;
	text-align: left;
	font-family: "latosemibold", Arial, Helvetica, sans-serif
}

.product-price-group .price-excl small,
.product-price-group .price-inc small,
.product-price-group .price-poa small {
	clear: both;
	display: block;
	padding: 3px 0 0 0;
	font-size: 12px
}

.product-price-group .price-excl h3,
.product-price-group .price-inc h3,
.product-price-group .price-poa h3 {
	margin: 3px 0
}

.product-price-group .price-poa {
	width: 100%
}

.product-img {
	height: 350px;
	padding: 15px;
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
	white-space: nowrap
}

.product-img .img-helper {
	line-height: 350px;
	display: inline-block
}

.product-img a {
	height: 100%!important
}

.product-img img {
	line-height: 350px;
	display: inline-block;
	margin: auto;
	height: 100%!important;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center center;
	object-position: center center
}

.product .price-item {
	margin-bottom: 10px
}

.product #multi-add-to-cart,
.product #single-add-to-cart {
	margin-bottom: 15px
}

.product .info-item h2 {
	margin: 3px 0 15px 0
}

.product .info-item label {
	margin-left: 0px
}

.product .info-item .rating {
	padding: 15px 0;
	border-bottom: 1px solid #ddd
}

.product .product-links {
	height: 140px
}

.product .product-links li {
	width: 100%;
	height: 100%
}

.product .product-links li a.thumbnail {
	margin-bottom: 0px;
	height: 100%;
	position: relative
}

.product .product-links li a.thumbnail i {
	position: relative
}

.product .product-links li a.thumbnail i:before {
	z-index: 2;
	position: relative
}

.product .product-links li a.thumbnail i:after {
	content: "";
	background: #ffffff;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 0
}

.product .product-links li a.thumbnail p {
	color: #555555;
	font-size: 12px;
	margin: 0;
	padding: 5px 0
}

.product .product-links li a.thumbnail.video {
	position: relative
}

.product .product-links li a.thumbnail.video span {
	position: absolute;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.product .product-links li a.thumbnail.video span i {
	position: absolute;
	font-size: 55px;
	color: fade(#ffffff, 20%);
	width: 50px;
	height: 50px;
	left: 50%;
	top: 50%;
	margin-left: -25px;
	margin-top: -25px
}

.product .owl-dots .owl-dot {
	height: 140px
}

footer {
	background: #1b1b1b
}

footer .foot-signup {
	background: #000000;
	padding: 10px 0;
	text-align: center
}

footer .foot-signup .form-group {
	position: relative
}

footer .foot-signup label {
	color: #ffffff;
	display: block;
	clear: both;
	text-transform: uppercase;
	font-size: 12px!important;
	letter-spacing: 0.2vw;
	font-family: "latolight", Arial, Helvetica, sans-serif
}

footer .foot-signup input {
	margin-top: 25px!important;
	padding: 0px 25px;
	width: 25vw!important;
	clear: both
}

footer .foot-signup button {
	position: absolute;
	background: url("/ViewsCustom/jansen/img/icon-sprite.jpg") no-repeat 0 0;
	border: none;
	color: #cccccc;
	right: 15px;
	bottom: 1px;
	width: 32px;
	height: 32px
}

footer .foot-signup button:active,
footer .foot-signup button:focus,
footer .foot-signup button:hover {
	background: url("/ViewsCustom/jansen/img/icon-sprite.jpg") no-repeat 0 0;
	border: none;
	color: #cccccc
}

footer .footer-menu-wrap {
	position: relative;
	overflow: hidden
}

footer .footer-menu-wrap-inner {
	background: url("/ViewsCustom/jansen/img/equalizer.png") bottom center;
	position: relative
}

footer .footer-menus {
	padding: 50px 0
}

footer .footer-menus h5 {
	color: #ffffff;
	margin-bottom: 15px;
	font-size: 14px;
	font-family: "latobold", Arial, Helvetica, sans-serif
}

footer .footer-menus li {
	color: #ffffff
}

footer .footer-menus li a {
	display: block;
	color: #ffffff;
	font-size: 14px;
	padding: 2px 0;
	color: #cccccc;
	text-decoration: none
}

footer .footer-menus .social-list {
	padding-top: 5vh
}

footer .footer-menus .social-list li {
	height: 42px;
	width: 42px;
	background: url("/ViewsCustom/jansen/img/social-sprite.png") no-repeat left top
}

footer .footer-menus .social-list li:not(:last-child) {
	margin-right: 25px
}

footer .footer-menus .social-list li.social-facebook {
	background-position: center top
}

footer .footer-menus .social-list li.social-youtube {
	background-position: right top
}

footer .footer-menus .social-list li i {
	opacity: 0
}

footer .footer-copyright {
	padding: 30px 0;
	font-size: 11px;
	color: #bfbfbf
}

footer .footer-copyright a {
	font-size: 11px;
	color: #bfbfbf
}

.checkout-form-group .form-group>div[class^=col-] {
	padding: 0px
}

#lightings {
	bottom: -60px;
	position: absolute;
	width: 100%;
	opacity: 0.3
}

#lightings .light {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	height: 5.25vh;
	width: 100%;
	position: relative;
	margin: auto
}

.light.one {
	-webkit-animation: one 5s ease-in-out infinite alternate;
	-moz-animation: one 5s ease-in-out infinite alternate;
	-ms-animation: one 5s ease-in-out infinite alternate;
	-o-animation: one 5s ease-in-out infinite alternate;
	animation: one 5s ease-in-out infinite alternate
}

@-webkit-keyframes one {
	0% {
		-webkit-box-shadow: 0 0 350px 20px #473C78
	}
	to {
		-webkit-box-shadow: 0 0 100px 15px #F72A3B
	}
}

@-moz-keyframes one {
	0% {
		-moz-box-shadow: 0 0 350px 20px #473C78
	}
	to {
		-moz-box-shadow: 0 0 100px 15px #F72A3B
	}
}

@-o-keyframes one {
	0% {
		-o-box-shadow: 0 0 350px 20px #473C78
	}
	to {
		-o-box-shadow: 0 0 100px 15px #F72A3B
	}
}

@keyframes one {
	0% {
		-webkit-box-shadow: 0 0 350px 20px #473C78;
		box-shadow: 0 0 350px 20px #473C78
	}
	to {
		-webkit-box-shadow: 0 0 100px 15px #F72A3B;
		box-shadow: 0 0 100px 15px #F72A3B
	}
}

.light.two {
	width: 90%;
	-webkit-animation: two 4s ease-in-out infinite alternate;
	-moz-animation: two 4s ease-in-out infinite alternate;
	-ms-animation: two 4s ease-in-out infinite alternate;
	-o-animation: two 4s ease-in-out infinite alternate;
	animation: two 4s ease-in-out infinite alternate
}

@-webkit-keyframes two {
	0% {
		-webkit-box-shadow: 0 0 350px 20px #18C499
	}
	to {
		-webkit-box-shadow: 0 0 100px 15px #D8F05E
	}
}

@-moz-keyframes two {
	0% {
		-moz-box-shadow: 0 0 350px 20px #18C499
	}
	to {
		-moz-box-shadow: 0 0 100px 15px #D8F05E
	}
}

@-o-keyframes two {
	0% {
		-o-box-shadow: 0 0 350px 20px #18C499
	}
	to {
		-o-box-shadow: 0 0 100px 15px #D8F05E
	}
}

@keyframes two {
	0% {
		-webkit-box-shadow: 0 0 350px 20px #18C499;
		box-shadow: 0 0 350px 20px #18C499
	}
	to {
		-webkit-box-shadow: 0 0 100px 15px #D8F05E;
		box-shadow: 0 0 100px 15px #D8F05E
	}
}

.light.three {
	width: 80%;
	-webkit-animation: three 3s ease-in-out infinite alternate;
	-moz-animation: three 3s ease-in-out infinite alternate;
	-ms-animation: three 3s ease-in-out infinite alternate;
	-o-animation: three 3s ease-in-out infinite alternate;
	animation: three 3s ease-in-out infinite alternate
}

@-webkit-keyframes three {
	0% {
		-webkit-box-shadow: 0 0 350px 20px #FFDD00
	}
	to {
		-webkit-box-shadow: 0 0 100px 15px #3E33FF
	}
}

@-moz-keyframes three {
	0% {
		-moz-box-shadow: 0 0 350px 20px #FFDD00
	}
	to {
		-moz-box-shadow: 0 0 100px 15px #3E33FF
	}
}

@-o-keyframes three {
	0% {
		-o-box-shadow: 0 0 350px 20px #FFDD00
	}
	to {
		-o-box-shadow: 0 0 100px 15px #3E33FF
	}
}

@keyframes three {
	0% {
		-webkit-box-shadow: 0 0 350px 20px #FFDD00;
		box-shadow: 0 0 350px 20px #FFDD00
	}
	to {
		-webkit-box-shadow: 0 0 100px 15px #3E33FF;
		box-shadow: 0 0 100px 15px #3E33FF
	}
}

.light.four {
	width: 70%;
	-webkit-animation: four 2s ease-in-out infinite alternate;
	-moz-animation: four 2s ease-in-out infinite alternate;
	-ms-animation: four 2s ease-in-out infinite alternate;
	-o-animation: four 2s ease-in-out infinite alternate;
	animation: four 2s ease-in-out infinite alternate
}

@-webkit-keyframes four {
	0% {
		-webkit-box-shadow: 0 0 350px 20px #781848
	}
	to {
		-webkit-box-shadow: 0 0 100px 15px #F2BBE9
	}
}

@-moz-keyframes four {
	0% {
		-moz-box-shadow: 0 0 350px 20px #781848
	}
	to {
		-moz-box-shadow: 0 0 100px 15px #F2BBE9
	}
}

@-o-keyframes four {
	0% {
		-o-box-shadow: 0 0 350px 20px #781848
	}
	to {
		-o-box-shadow: 0 0 100px 15px #F2BBE9
	}
}

@keyframes four {
	0% {
		-webkit-box-shadow: 0 0 350px 20px #781848;
		box-shadow: 0 0 350px 20px #781848
	}
	to {
		-webkit-box-shadow: 0 0 100px 15px #F2BBE9;
		box-shadow: 0 0 100px 15px #F2BBE9
	}
}

.light.five {
	width: 60%;
	-webkit-animation: five 1s ease-in-out infinite alternate;
	-moz-animation: five 1s ease-in-out infinite alternate;
	-ms-animation: five 1s ease-in-out infinite alternate;
	-o-animation: five 1s ease-in-out infinite alternate;
	animation: five 1s ease-in-out infinite alternate
}

@-webkit-keyframes five {
	0% {
		-webkit-box-shadow: 0 0 350px 20px #42F2A1
	}
	to {
		-webkit-box-shadow: 0 0 100px 15px #F4F6AD
	}
}

@-moz-keyframes five {
	0% {
		-moz-box-shadow: 0 0 350px 20px #42F2A1
	}
	to {
		-moz-box-shadow: 0 0 100px 15px #F4F6AD
	}
}

@-o-keyframes five {
	0% {
		-o-box-shadow: 0 0 350px 20px #42F2A1
	}
	to {
		-o-box-shadow: 0 0 100px 15px #F4F6AD
	}
}

@keyframes five {
	0% {
		-webkit-box-shadow: 0 0 350px 20px #42F2A1;
		box-shadow: 0 0 350px 20px #42F2A1
	}
	to {
		-webkit-box-shadow: 0 0 100px 15px #F4F6AD;
		box-shadow: 0 0 100px 15px #F4F6AD
	}
}

@media screen and (min-width:240px) and (max-width:768px) {
	header {
		padding: 0px!important;
		height: 60px
	}
	header .logo-container {
		margin: 5px 0 0 0;
		overflow: hidden
	}
	header .nav-main-toggle {
		top: 1px!important;
		-webkit-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
		background: none!important;
		width: 35px
	}
	header .nav-main-toggle.nav-open {
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg)
	}
	header li a.mega-search-trigger i {
		font-size: 25px;
		position: relative;
		top: 3px
	}
	header li a span.cart-count {
		position: absolute;
		top: -10px;
		right: 8px;
		font-size: 12px
	}
	header .mobile-menus .dropdown-toggle i:first-child {
		padding-right: 10px
	}
	header .mobile-menus .dropdown-toggle i:last-child {
		font-size: 14px;
		position: absolute;
		top: 35%;
		right: 0
	}
	header .mobile-menus .dropdown-menu {
		padding-top: 0px;
		position: fixed;
		top: 60px!important;
		left: 0px;
		right: unset;
		width: 100vw
	}
	header .mobile-menus .dropdown-menu li {
		height: auto!important;
		padding: 0px!important;
		margin: 0px
	}
	header .mobile-menus .dropdown-menu li.divider-content {
		top: 0px!important;
		padding: 5px 15px!important
	}
	header .mobile-menus .dropdown-menu li a {
		padding: 10px 15px!important;
		display: block
	}
	header .mobile-menus .dropdown-menu li a i {
		font-size: 20px
	}
	body main {
		margin-top: 60px!important
	}
	.section-sub-panel {
		padding: 3vh 0
	}
	footer .foot-signup input {
		width: 60vw!important
	}
}

@media screen and (min-width:240px) and (max-width:768px) and (orientation:portrait) {
	body main {
		margin-top: 60px!important
	}
	.mega-menu,
	.mega-search {
		top: 60px
	}
	header #main-menu .angle-right {
		position: absolute;
		right: 10px;
		top: 0px;
		height: 44px;
		width: 44px;
		z-index: 0
	}
	header #main-menu .angle-right:after,
	header #main-menu .angle-right:before {
		background: #000000;
		right: 25%;
		width: 10px
	}
	header #main-menu .angle-right:before {
		margin-top: -4px
	}
	header #main-menu .angle-right:after {
		margin-top: 3px
	}
	header #main-menu ul {
		float: none!important;
		list-style: none;
		position: relative
	}
	header #main-menu ul li {
		border: none;
		margin: 0px;
		position: relative
	}
	header #main-menu ul li ul {
		background: #f7f7f7
	}
	header #main-menu ul li ul li a {
		padding: 12px 25px
	}
	header #main-menu ul li a {
		height: unset!important;
		line-height: unset!important;
		padding: 12px 15px;
		border-bottom: 1px solid #ccc;
		width: 100%;
		display: block;
		color: #000000;
		position: relative;
		z-index: 1
	}
	.form-group .row .col-sm-6:not(:last-child) {
		margin-bottom: 10px
	}
	.page-title {
		margin-top: 15px
	}
	#main-slider #featuredSlider.owl-carousel {
                height: 0;
/*		height: calc(100vh - 176.94px) */
	}
	.main-featured-category {
		height: calc(33.333vh - 20px)!important
	}
	.main-featured-category:first-child .featured-category-text {
		top: 18%;
		width: 50%;
		margin-left: -25%;
		text-align: center
	}
	.main-featured-category:first-child .featured-category-text h2:after {
		width: 100%
	}
	.main-featured-category:first-child,
	.main-featured-category:nth-child(2) {
		width: calc(100%)
	}
	.main-featured-category:nth-child(3),
	.main-featured-category:nth-child(4) {
		width: calc(100% / 2)
	}
	.home-panel {
		height: calc(50vh - 30px)
	}
	.testimonial blockquote {
		width: 90%;
		margin: auto
	}
	footer .list-inline {
		text-align: center
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.typeahead__item {
		width: calc(33.33% - 25px);
		margin-right: 25px
	}
}

@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
	header .logo-container {
		margin: -3px 0 0 0
	}
	header .mobile-menus li {
		padding: 15px!important
	}
	header #main-menu {
		width: 40vw;
		top: calc(60px);
		margin-right: -40vw;
		padding: 0px;
		height: calc(100vh - 60px)
	}
	header #main-menu ul {
		float: none!important
	}
	header #main-menu li a {
		height: unset;
		line-height: unset;
		padding: 15px 10px;
		border-bottom: 1px solid #ddd
	}
	.page-title {
		margin-top: 0px
	}
}

@media screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
	.foot-signup input {
		width: 50vw!important
	}
}

@media screen and (min-width:240px) and (max-width:640px) {
	header #main-menu {
		width: 100vw;
		top: calc(60px)!important;
		margin-right: -100vw;
		padding: 0px;
		height: calc(100vh - 60px)
	}
	#main-slider #featuredSlider.owl-carousel {
        height: 0;
		/* height: calc(100vh - 247.5px) */
	}
	.mega-search {
		height: calc(100vh - 60px)
	}
	.mega-search .typeahead__item {
		width: calc(50% - 10px);
		margin-right: 10px
	}
	.mega-search-close {
		right: -12px;
		top: 2px
	}
	.section-sub-panel {
		padding: 3vh 0
	}
	.section-sub-panel h3 {
		text-align: center;
            word-wrap: break-word;
		float: none;
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		margin-bottom: 15px
	}
	.main-featured-category:first-child .featured-category-text {
		top: 0px;
		margin-left: -45%;
		width: 90%
	}
	.main-featured-category:first-child .featured-category-text h1:after {
		bottom: -15px
	}
	.main-featured-category:first-child .featured-category-text p {
		margin-top: 35px
	}
	footer .foot-signup input {
		width: 90vw!important
	}
	footer .footer-menus {
		padding-top: 0px
	}
	footer .footer-menus-sub .row {
		display: none
	}
	footer .footer-menus h3 {
		margin: 0px;
		padding: 15px;
		border: 1px solid #3c3c3c;
		color: #ffffff;
		cursor: pointer
	}
}

#dabar {
	background: rgb(255, 255, 255);
	color: #808080;
	display: block;
	position: fixed;
	top: 0;
	width: 100%;
	padding: 0;
	text-align: center;
	font-size: 12px;
}