/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:0 0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* **********************************************************************
	INITIALIZE
*/
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:300 14px/1.5 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#444;
}
/* **********************************************************************
	HTML ELEMENTS
*/

label{
	border:0;
}
label{
	color:#c7081b;
	text-decoration:none;
	border-bottom:none;
}

img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#c7081b;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input, select, button{
	padding: .5em 1em;
	border-radius: 5px;
	border:1px solid #ced4da;
	-webkit-transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
	-o-transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
	background-clip: padding-box;
	outline:0;
	max-width:100%;
	max-height:100%;
}

input:focus,
select:focus,
textarea:focus,
button:focus,
input:active,
select:active,
textarea:active,
button:active, {
	border:1px solid #04A4CC;
	outline:0;
}
input:valid,
select:valid,
textarea:valid{
}

#productAmount {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
#productAmount::-webkit-inner-spin-button,
#productAmount::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.inputSpinner{
	position:relative;
}
	.inputSpinner .dropdown{
		position:absolute;
		display:none;
		width:60px;
		text-align:right;
		z-index:1000;
		top:26px;
		left:34px;
		background:#FFF;
		border:1px solid #090;
		border-top:1px solid #CCC;
	}
	.inputSpinner:hover .dropdown{
		display:block;
	}
		.inputSpinner .dropdown span{
			display:block;
			padding:.3em .5em;
			cursor:pointer;
		}
		.inputSpinner .dropdown span:hover{
			background:#EEE;
		}
.inputSpinner input[type=number]{
	border-radius:0;
	width:60px;
}

.inputSpinner button{
	background:#FFF;
	border:1px solid #CCC;
	color:#000;
	border-radius:0;
	padding:.5em 1em;
}
.inputSpinner button.inputSpinnerDecrease{
	border-right:0;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}
.inputSpinner button.inputSpinnerIncrease{
	border-left:0;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}
button{
	color:#FFF;
	background:#c7081b;
	padding:.2em;
	border:0;
  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
  outline:0
}
	button:hover{
		color:#FFF;
		background:#900;
	}

.btnLink{
	color:#FFF;
	background:#c7081b;
	padding:.2em;
	border:0;
	border-radius:4px;
	text-align:center;
}
.productGrid .btnLink{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
	.btnLink:hover{
		color:#FFF;
		background:#E77B2D;
	}
strong{
	font-weight:normal;
	font-family: "Open Sans Semibold", Arial, sans-serif;
}

em{
	font-style:none;
	font-family: "Open Sans Italic", Arial, sans-serif;
}

form{
	display:block;
}
h1,h2,h3,h4,h5,h6{
	clear:both;
	font-weight:normal;
	font-family: 'Open Sans Semibold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/* **********************************************************************
	TOOLS
*/
.clearAfter:after{
	content:" ";
	display:block;
	visibility:hidden;
	height:0;
	clear:both;
}
/* **********************************************************************
	LAYOUT
*/
.wrapper{
	margin:0 auto;
	text-align:left;
	max-width:1280px;
	padding:0 10px;
}
.wrapper.flex,
.wrapper.flexWrapper{
	display:flex;
}
header{
	position:relative;
	margin-bottom:40px;
}
	header .branding{
background: rgb(62,71,86);
background: linear-gradient(180deg, rgba(62,71,86,1) 0%, rgba(40,38,64,1) 100%);
		height:70px;
		display:none;
	}
	@media (min-width: 990px) {
		.header .branding{
			display:block;
		}
	}
	header .branding .logo{
		padding-top:10px;
	}

	header .topMenu{
		position:relative;
		width:100%;
		height:80px;
		background-color:#999;
		z-index:9998;
		border-bottom:4px solid #e9ecef;
	}
	header .topMenu .flexWrapper{
		display:flex;
		width:100%;
	}
	header .topMenu a{
		color:#FFF;
	}

	header .topMenu .menuLogo{
		padding:22px 0;
		margin-right:10px;
	}
	@media (min-width: 990px) {
		.header .topMenu .menuLogo{
			display:none;
		}
	}
	header .topMenu.fixIt{
		position:fixed;
		top:0px;
	}

#searchOptionsButton:hover{
	background: linear-gradient(270deg, rgba(233,236,239,1) 0%, rgba(244,244,244,1) 100%);
}
.searchOptions{
	background:#F4F4F4;
	position:absolute;
	right:10px;
	left:10px;
	top:59px;
	min-width:336px;
	padding:.5em;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(204,204,204,1);
	-moz-box-shadow: 0px 3px 5px 0px rgba(204,204,204,1);
	box-shadow: 0px 3px 5px 0px rgba(204,204,204,1);
	display:none;
}
	.searchOptions dl{
		display:flex;
		flex-flow: row wrap;
	}
		.searchOptions dt,
		.searchOptions dd{
			margin-top:.5em;
		}

		.searchOptions dt{
			flex-basis:30%;
  		background:#e9ecef;
  		line-height:20px;
  		padding:10px;
		}
		.searchOptions dd{
			flex-basis:65%;
			margin-left:5%;
		}

nav.navigation{
	margin-top:1em;
	background:#353C31;
	text-transform:uppercase;
}
nav.breadcrumbs{
	background:#e9ecef;
	font-size:12px;
	text-align:center;
	height:35px;
	margin-bottom:40px;
}
.wrapper.main{
	display:flex;
}
main{
	width:100%;
}
main.full{
	float:none;
	display:block;
	margin:0 auto;
	width:100%;
}
aside{
	width:30%;
	padding-left:3em;
}
footer{
	clear:both;
	margin-top:5em;
	padding-bottom:.5em;
	font-size:13px;
	border-top:4px solid #e9ecef;
	color:#CFCFCF;
}
footer div{
	margin:0;
	padding:0;
	overflow:hidden;
}
footer a{
	color:#CFCFCF;
}
footer a:hover{
	color:#FFF;
}

footer .preFooter{
	background:#999;
}
footer .preFooter ul,
.extSupplier{
	width:100%;
	margin:0;
	padding:0;
  display: flex;
  justify-content: center;
  align-items: center;
}
footer .preFooter ul li,
.extSupplier li{
	list-style:none;
	padding:1em;
}
footer .mainFooter{
	background:#3e4756;
}
.footerMenu{
	padding:0;
}
	.footerMenu li{
		list-style:none;
		display:inline-block;
	}
	.footerMenu li:not(:last-child):after{
		content:'.';
		display:inline-block;
		width:10px;
		color:#FFF;
		text-align:center;
		font-size:24px;
	}
	.footerMenu li a{
		font-family:'Open Sans Semibold';
		font-size:20px;
		font-weight:bold;
	}
/* **********************************************************************
	MainMenu
*/
#mainMenu{
	padding:0;
	padding-left:1em;
}
	#mainMenu li{
		float:left;
		list-style:none;
		padding:0;
		margin:0;
	}
		#mainMenu li a{
			display:block;
			text-decoration:none;
			color:#FFF;
			font-family: 'Open Sans Semibold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
			padding:1em;
		}
	.currItem{
		position:relative;
		color: #FFF !important;
		background:#c7081b;
		margin-top:-.5em;
		padding-top:2em;
		border:1px solid #353C31;
		border-bottom:.5em solid #c7081b;
		border-top-left-radius: .5em;
		border-top-right-radius: .5em;
		-webkit-box-shadow: inset 0px 10px 20px -10px rgba(204,204,204,1);
		-moz-box-shadow: inset 0px 10px 20px -10px rgba(204,204,204,1);
		box-shadow: inset 0px 10px 20px -10px rgba(204,204,204,1);
	}


.slide{
	padding:0 1em 1em;
	text-align:center;
	position:relative;
}
	.slide img{
		width:auto;
		margin:0 auto;
	}
	.slide .product_price,
	.productOptions .product_price{
		position:absolute;
		top:35%;
		right:10%;
		font-size:1.5em;
		font-family: "Open Sans Semibold", Arial, sans-serif;
		background:#900;
		color:#FFF;
		padding:.25em;
		border-top-left-radius: .5em;
		border-bottom-right-radius: .5em;
	}
	.slide .product_price span,
	.productOptions .product_price span{
		font-size:13px;
		line-height:13px;
	}
	.productOptions{
		margin-top:0;
	}
	.productOptions .product_price{
		position:relative;
		margin:0 auto;
		display:inline-block;
		right:0;
	}
	.productOptions .table{
		margin-bottom:0;
		border-bottom:1px solid #CCC !important;
	}
	.productOptions .table thead th{
		background:#e9ecef;
		color:#333;
	}

.cms main article header{
	padding:1em;
	background-image:
       repeating-linear-gradient(45deg,
                                #FFF 0%,
                                #FFF 2%, #FCFCFC 2%,
                                #FCFCFC 4%, #FFF 4%);
	margin:-1em;
	border-bottom:1px solid #F9F9F9;
	margin-bottom:1em;
}
.cms main article header h1{
	text-align:left;
	margin: 0;
	font-weight: normal;
	color: #666;
	font-size: 2.5em;
}
.cms main article header p{
	text-transform:uppercase;
	margin:0;
	color:#666;
}
.cms main article p,
.cms main article li,
.cms main article td,
.wrapper.flex.cms aside .widget{
	font-size: 15px;
	line-height: 21px;
	letter-spacing: -0.1px;
	font-weight: 400;
}

.news main article header{
	position:relative;
	text-align:center;
	max-height:400px;
	overflow:hidden;
}
.blur{
	position: absolute;
	z-index: 1;
	left: -8px;
	top: -8px;
	bottom: -16px;
	right: -16px;
	background-image:
       repeating-linear-gradient(45deg,
                                #FFF 0%,
                                #FFF 2%, #FCFCFC 2%,
                                #FCFCFC 4%, #FFF 4%);
	background-size: cover !important;
	filter: blur(8px);
	opacity: .6;
}

.news main article header img{
	position:relative;
	z-index:2;
	max-width:960px;
}
.news main article header div.entree{
	position:absolute;
	margin:0 auto;
	max-width:650px;
	left: 0;
	right: 0;
	bottom:10%;
	z-index:100;
	text-align: center;
	background:rgba(255,255,255,.6);
	border:1px solid rgba(255,255,255,.7);
}

.homeTeaser .slide{
	position:relative;
}
	.homeTeaser .slide .slide-bg{
		position:absolute;
		z-index:1;
		left:-8px;
		top:-8px;
		bottom:-16px;
		right:-16px;
		background-size: cover !important;
		filter:blur(8px);
		opacity:.5;
	}
	.homeTeaser .slide img{
		width:auto;
		width:100%;
		margin:0 auto;
		position:relative;
		z-index:99;
	}
	.homeTeaser .slide .infoText{
		position:absolute;
		margin: 0 auto;
		left:0;
		right:0;
		bottom:5%;
		max-width:50%;
		background:rgba(255,255,255,.8);
		border: 1px solid rgba(255,255,255,.4);
		z-index:100;
		text-align:center;
		padding:1em;
	}
	.homeTeaser .slide .infoText h4{
		font-weight:normal;
		color:#333;
		font-size:26px;
		margin:0;
		text-shadow:0px 0px 2px #FFF;
	}
	.homeTeaser .slide .infoText p{
		text-transform:uppercase;
		letter-spacing:.05em;
		color:#111;
		font-size:14px;
		margin:0;
		text-shadow:0px 0px 2px #FFF;
	}
	.homeTeaser .slide .infoText span{
		display:none;
		position:absolute;
		margin:0 auto;
		left:0;
		right:0;
		max-width:220px;
		top:-10px;
		height:20px;
		background:#FFF;
		color:#999;
	}
	.homeTeaser .slide a.btn {
    color: #FFF;
    background: #900;
    padding: 1em 0;
    border: 0;
    margin: 1em 0;
    -webkit-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    outline: 0 text-align:center;
    display: block;
    width: 60%;
    text-align:center;
  }
  .thumbnailContainer figure{
  	margin:0 auto;
  	display:inline-block;
  	float:none;
  }
h1.category{
	text-align:center;
}
#welcome{
	padding:.5em;
	border-bottom:1px dotted #F4F4F4;
}

#welcome h2{
	text-transform:uppercase;
	font-weight:100;
	text-align:center;
	margin:0 auto;
}
#welcome .introText,
#welcome #introText{
	text-transform:uppercase;
	font-size:1.5vh;
	color:#666;
	text-align:center;
}
.article-single{
	position:relative;
}
.article-single header{
	position:relative;
	margin:-1em;
	padding:0;
	width:100%;
}
.article-single header figure{
	width:100%;
}
.article-single header div{
	position:absolute;
	margin:0 auto;
	max-width:80%;
	left: 0;
	right: 0;
	bottom:10%;
	z-index:100;
	text-align: center;
	background:rgba(255,255,255,.6);
	border:1px solid rgba(255,255,255,.7);
	text-align:center;
	color:#222;
}
.article-single header div h1{
	text-align:center !important;
}
.article-loop{
	display:flex;
	margin:1em 0;
	padding:1em 0;
	border-bottom:1px solid #DDD;
}

.article-loop .article-thumb figure,
.article-link .article-thumb figure,
.article-single figure{
	margin:0 !important;
	width:auto!important;
	height:auto!important;
}
.article-loop .article-thumb img,
.article-link .article-thumb img,
.article-single img{
	margin:0 !important;
}
.article-loop header{
	padding:0;
	margin:0;
}
.article-loop ol.details{
	margin:0;
	padding:0;
}
.article-loop ol.details li{
	list-style:none;
	display:inline-block;
	padding-right:20px;
}
.article-loop ol.details li.type,
.article-link .article-type{
	position:absolute;
	right:0;
	top:0;
	background:#2753A8;
	color:#FFF;
  text-transform: uppercase;
  padding-left:10px;
}
.article-link .article-type{
	padding:5px;
	padding-left:10px;
	margin:0 10px;
}
.article-loop ol.details li.type::before,
.article-link .article-type:before{
	content:'';
	-webkit-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-o-transform: skew(-20deg);
	position:absolute;
	top:0;
	left:-6px;
	bottom:0;
	width:15px;
	overflow:hidden;
	background:#2753A8;
}

.article-loop ol.details li.type a{
	color:#FFF;
}
.article-link{
	display:flex;
	margin:2em 0;
	padding:.5em 0;
	background:#F8F8F8;
}

.article-link .article-thumb{
	width:150px;
	height:150px;
}
.article-link .article-index,
.article-link .article-index h1{
	position:relative;
	text-align:left;
	padding-top:0;
	margin-top:0;
}
.article-widget-categories li.active a,
.article-widget-categories li.active a:hover{
	background:#2753A8;
	color:#FFF;
}
article ol.details li.published:before {
    content: "\f073";
    font-family: FontAwesome;
    padding-right: 5px;
    color:#999;
}

article ol.details li.reading-period:before {
    content: "\f017";
    font-family: FontAwesome;
    padding-right: 5px;
    color:#999;
}
article ol.details li.author:before {
    content: "\f007";
    font-family: FontAwesome;
    padding-right: 5px;
    color:#999;
}
article ol.details li.comments:before {
    content: "\f086";
    font-family: FontAwesome;
    padding-right: 5px;
    color:#999;
}
article ol.details li.category:before {
    content: "\f07b";
    font-family: FontAwesome;
    padding-right: 5px;
    color:#999;
}
.news-container{
	background:#FFF;
	border:1px solid #EEE;
	padding:.5em;
	display:flex;
	margin-bottom:40px;
	text-align:left;
}
	.news-container h1{
		text-align:left;
		margin:.5em 0 0;
	}
	.article-thumb{
		flex:0 0 auto;
		margin-right:20px;
		max-width:450px;
		height:auto;
		overflow:hidden;
	}
	.article-index{
		flex:auto;
	}
.product-thumb,
.article-thumb {
	width:400px;
	height:300px;
    position: relative;
    overflow: hidden;
    max-width:400px;
}
	.article-thumb img,
	.product-thumb img{
		height:300px;
		width:auto;
		margin:0 -25%;
	}

.product-thumb::before,
.article-thumb::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: rgba(37, 46, 53, 0.8);
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
}
.product-thumb:hover .product-description,
.article-thumb:hover .attachment-description {
    right: 0;
}
.product-thumb:hover::before,
.article-thumb:hover::before {
    width:100%;
}
.product-description,
.attachment-description {
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition: right 0.5s;
    transition: right 0.5s;
}

.product-title,
.attachment-title {
    position: relative;
    width: 100%;
    text-align: center;
    margin: 0;
    font-size:26px;
}
.product-title a,
.attachment-title a {
    color: #FFF;
}
.product-title a::before,
.attachment-title a::before {
    content: '';
    width: 0;
    height: 1px;
    background-color: rgba(255,255,255,0.2);
    position: absolute;
    left: 0;
    top: -5px;
    margin-left: 20%;
    -webkit-transition: width 0.5s 0.5s;
    transition: width 0.5s 0.5s;
}
.product-title a::after,
.attachment-title a::after {
    content: '';
    width: 0;
    height: 1px;
    background-color: rgba(255,255,255,0.2);
    position: absolute;
    right: 0;
    bottom: -5px;
    margin-right: 20%;
    -webkit-transition: width 0.5s 0.5s;
    transition: width 0.5s 0.5s;
}
.product-thumb:hover .product-title a::before,
.product-thumb:hover .product-title a::after,
.attachment-thumb:hover .attachment-title a::before,
.attachment-thumb:hover .attachment-title a::after{
	width:60%;
}

.article-image {
position:relative;
display:block;
height:auto;
overflow:hidden;
margin:40px 0;
}
.article-image div.blur{
	position:absolute;
	left:-8px;
	top:-8px;
	right:-8px;
	bottom:-8px;
	background-color:#DDD;
	filter: blur(8px);
	-webkit-filter: blur(8px);
	margin:-8px 0 -16px -8px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align:center;
	z-index:-1;
}

.article-image figure{
	display:block;
	text-align:center;
}
/* **********************************************************************
	Breadcrumbs
*/
#breadcrumbs{
}
	#breadcrumbs ul{
		margin:0;
		padding:0;
		padding-left:.5em;
		display:inline-block;
	}
		#breadcrumbs ul li{
			list-style:none;
			float:left;
			color:#999;
			line-height:35px;
			font-size:14px;
			padding-right:1em;
		}
			#breadcrumbs ul li a{
				padding:.25em;
				margin:.25em;
				color:#c7081b;
			line-height:35px;
			font-size:14px;
				text-decoration:none;
			}
		#breadcrumbs ul li:before{
			content: "\f0da";
	    font-family: FontAwesome;
	    padding-right:5px;
	    color:#c7081b;
		}
		#breadcrumbs ul li:last-child:before{
			content: "\f0f6";
	    font-family: FontAwesome;
	    padding-right:5px;
	    color:#999;
		}
		#breadcrumbs ul li:first-child:before{
			content: "\f015";
	    font-family: FontAwesome;
	    padding-right:5px;
		}

/* **********************************************************************
	ELEMENTS
*/
.checkout{
	margin:0;
	padding:0;
}
	.checkout li{
		list-style:none;
		margin-bottom:2em;
	}
		.checkout li .title{
			background:#EEE;
			color:#999;
			line-height:2em;
			font-size:18px;
			font-family: "Open Sans Semibold", Arial, sans-serif;
		}
		.checkout li .title span{
			display:inline-block;
			width:2em;
			line-height:2em;
			text-align:center;
			background:#CCC;
			margin-right:1em;
		}
		.checkout li .title .edit{
			float:right;
			font-size:13px;
			font-family: "Open Sans", Arial, sans-serif;
			color:#FFF;
			margin-right:.5em;
			line-height:2.6em;
		}
	.checkout li.current .title,
	.checkout li.current .title span{
		background:#c7081b;
		color:#fff;
	}

	.checkout li.done{
		margin-bottom:.5em !important;
	}
	.checkout li.done .title,
	.checkout li.done .title span{
		background:#090;
		color:#FFF;
	}
.cartThumbnail img,
.cartThumbnail figure{
	max-width:75px !important;
	height:auto !important;
	text-align:center;
	background:#FFF;
}
.teaser{
	font-family: "Open Sans Condensed", Arial, sans-serif;
	font-size:22px;
	text-transform:uppercase;
	line-height:1.5em;
	text-align:center;
	margin:0 2em;
}
.msgBox{
	border:1px solid #FFF;
	padding:.5em;
	margin-bottom:2em;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(39,83,168,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(39,83,168,1);
	box-shadow: 0px 0px 5px 0px rgba(39,83,168,1);
}
	.msgBox h4{
		margin:0;
		padding:.5em;
		background:rgba(39,83,168,.5);
		margin: -.35em;
		color:#FFF;
	}
	.msgBox ul{
		margin:0;
		padding:0;
		clear:both;
	}
		.msgBox ul li{
			list-style:none;
			padding:0;
			padding-left:2em;
			margin-bottom:.5em;
		}
		.msgBox ul li:before{
			font-family: FontAwesome;
			content:" \f00c";
			color:#c7081b;
			padding-right:1em;
			display:inline-block;
			margin-left:-2em;
			width:2em;
			text-align:center;
		}
	.msgBox .bottomBar{
		border-top:1px dotted #CCC;
		background:#F4F4F4;
		margin:1em -.5em -.5em -.5em;
		padding:.5em;
		color:#999;
		display:block;
		text-align:center;
	}
.errorMsgBox{
	border:1px solid #FFF;
	padding:.5em;
	margin-bottom:2em;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(153,0,0,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(153,0,0,1);
	box-shadow: 0px 0px 5px 0px rgba(153,0,0,1);
}
	.errorMsgBox h4{
		margin:0;
		padding:.5em;
		background:rgba(153,0,0,.5);
		margin:-.5em;
		color:#FFF;
	}
	.errorMsgBox ul{
		margin:0;
		padding:0;		clear:both;
	}
		.errorMsgBox ul li{
			list-style:none;
			padding:0;
			padding-left:2em;
			margin-bottom:.5em;
		}
		.errorMsgBox ul li:before{
			font-family: FontAwesome;
			content:" \f00d";
			color:#900;
			padding-right:1em;
			display:inline-block;
			margin-left:-2em;
			width:2em;
			text-align:center;
		}
	.errorMsgBox .bottomBar{
		border-top:1px dotted #CCC;
		background:#F4F4F4;
		margin:1em -.5em -.5em -.5em;
		padding:.5em;
		color:#999;
		display:block;
		text-align:center;
	}
.warnMsgBox{
	border:1px solid #FFF;
	padding:.5em;
	margin-bottom:2em;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(255,204,0,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(255,204,0,1);
	box-shadow: 0px 0px 5px 0px rgba(255,204,0,1);
}
	.warnMsgBox h4{
		margin:0;
		padding:.5em;
		background:rgba(255,204,0,.5);
		margin:-.5em;
		color:#333;
	}
	.warnMsgBox ul{
		margin:0;
		padding:0;		clear:both;
	}
		.warnMsgBox ul li{
			list-style:none;
			padding:0;
			padding-left:2em;
			margin-bottom:.5em;
		}
		.warnMsgBox ul li:before{
			font-family: FontAwesome;
			content:" \f06a";
			color:#FC0;
			padding-right:1em;
			display:inline-block;
			margin-left:-2em;
			width:2em;
			text-align:center;
		}
	.warnMsgBox .bottomBar{
		border-top:1px dotted #CCC;
		background:#F4F4F4;
		margin:1em -.5em -.5em -.5em;
		padding:.5em;
		color:#999;
		display:block;
		text-align:center;
	}
.buttons{
	margin:5px 0;
	padding:0;
	display:inline-block;
}
.buttons li{
	list-style:none;
	padding:0;
	margin:0;
	display:inline;
	padding:2px;
}
.buttons i{
	color:#c7081b;
}

.buttons .fa-trash{
	color:red;
}
.buttons a,
.buttons button{
	background:#FFF;
	border:1px solid #EEE;
	padding:7px 10px;
	font-size:16px;
	display:inline-block;
	border-radius:5px;
}
.buttons a:hover,
.buttons button:hover{
	background:#EEE;
	border:1px solid #FC0;
	color:#000;
	-webkit-box-shadow: 0px 0px 10px -1px rgba(255,234,0,1);
	-moz-box-shadow: 0px 0px 10px -1px rgba(255,234,0,1);
	box-shadow: 0px 0px 10px -1px rgba(255,234,0,1);
}

.cart_quantity input,
.cart_quantity select{
	width:70px;
}

.slogan{
	margin:0;
	text-align:center;
}

.phoneContainer{
	float:left;
	width:33%;
}
	.phoneContainer p{
		margin:0;
		text-align:center;
		font-size:18px;
		font-family: "Open Sans Semibold", Arial, sans-serif;
	}
	.phoneContainer p:before{
		content: "\f095";
		font-family: FontAwesome;
		padding-right:.25em;
	}

.shopFunctions{
	display:inline;
	float: right;
}
	.shopFunctions ul{
		margin:0;
		padding:0;
		text-align:right;
		float:right;
	}
		.shopFunctions ul li{
			list-style:none;
			padding:0;
			margin:0;
			float:left;
			color:#FFF;
			line-height:70px;
    max-width: 220px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
		}

		.shopFunctions ul li:last-Child{
			border:0;
		}
			.shopFunctions ul li a{
				color:#FFF;
				padding:.5em;
				margin:.5em;
				line-height:70px;
			}
			.shopFunctions ul li a:hover{
				background:#FFF;
				color:#333;
			}
			.shopFunctions ul li a:before{
				font-family: FontAwesome;
				padding-right:.35em;
				color:#CCC;
			}
			.shopFunctions ul li a:hover:before{
				color:#c7081b;
			}
		.shopFunctions ul li.highlight{
			border-left:1px solid #999;
		}
.shopNewLink:before{
	content: "\f0a1";
}
.shopSaleLink:before{
	content: "\f0e7";
}
.shopSupplierLink:before{
	content: "\f0d1";
}
.shopProfileLink:before{
	content: "\f007";
}
.shopNoteLink:before{
	content: "\f097";
}
.shopCartLink:before{
	content: "\f07a";
}
.userLogoutLink:before{
	content: "\f08b";
}
.scrollNav{
}
	.scrollNavButton{
		right: 20px;
		top:20px;
		margin-left:20px;
		line-height:80px;
	}
	.scrollNavButton:before{
		font-family: FontAwesome;
		font-size:2em;
		color:#FFF;
		content: "\f0c9";
		padding:10px;
	}
	.scrollNavButton.active:before{
		background:#c7081b;
		padding:10px;
	}
	@media (min-width: 990px) {
		.scrollNavButton{
			display:none;
		}
	}
.scrollNav ul{
	display:none;
	position:absolute;
	right:10px;
	top:65px;
	background-color: rgba(0,0,0,.8);
  z-index: 10000;
  padding:0;
  margin:0;
}
	.scrollNav ul li{
		list-style:none;
		margin:0;
	}
	.scrollNav ul li a{
		display:block;
		padding:1em 2em;
		margin:2px;
	}
	.scrollNav ul li a:hover{
		background:#FFF;
		color:#c7081b;
	}
	.scrollNav ul li a:before{
				font-family: FontAwesome;
				padding-right:.3em;
	}
.searchFormContainer{
	display:flex;
	width:100%;
	line-height:80px;
}

ul.checklist{
	margin:0;
	padding:0;
}
ul.checklist li{
	list-style:none;
	padding:0;
	padding-left:2em;
	margin-bottom:.5em;
}
ul.checklist li:before{
		font-family: FontAwesome;
		content:" \f00c";
		color:#c7081b;
		padding-right:1em;
		display:inline-block;
		margin-left:-2em;
		width:2em;
		text-align:center;
}
h2{
	font-size:2em;
}
h2.category{
	position:relative;
	padding:.25em;
	text-align:center;
	background-color:rgba(62, 71, 86, 1) !important;
	color:#FFF;
	margin-top:0;
}

h2.category:after {
	position: absolute;
    content: "";
    pointer-events: none;
    bottom: -10px;
    z-index: 10;
    background: inherit;
    left: 50%;
    width: 20px;
    height: 20px;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);

}
h4{
	text-align:center;
	font-size:24px;
	background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEXMzMzKUkQnAAAACklEQVQI12OAAwAACgABaQY5MgAAAABJRU5ErkJggg==') repeat-x 0 50%;
	margin:2em 0 1em;
}
h4 span{
	padding:0 .5em;
	background:#FFF;
}
/* **********************************************************************
	DEFAULT TABLE
*/
.table{
	width:100%;
	border-collapse: collapse;
	margin-bottom:2em;
	border-bottom:5px solid #CCC !important;
}
	.table, .table td{
		border: 1px solid #EEE;
	}
	.table thead{

	}
		.table thead tr{
		}
		.table thead th{
			border: 1px solid #FFF;
background: rgb(62,71,86);
background: linear-gradient(180deg, rgba(62,71,86,1) 0%, rgba(40,38,64,1) 100%);
			color:#FFF;
			font-weight:normal;
			padding:.5em;
		position:sticky;
		top:0px;
		}

	.table tbody td{
		padding:.5em;
	}
	.table.table-multirows tbody:hover,
	.table tbody tr:hover{
		background:#D4DDEE;
	}
	.table tbody{
		border-bottom:2px solid #DDD;
	}

	.table tfoot{
		background:#EEE;
	}
	.table tfoot td{
		padding:.5em;
	}
	.table tfoot button{
		border-color:#ccc;
	}
	.table tbody tr.subHeaderRow,
	.table tbody tr.subHeaderRow:hover{
		background:#e9ecef;
	}
	.table tbody tr.subHeaderRow td{
		border-bottom:1px solid #CCC;
	}
	.toggleRowButton{
	}
/* **********************************************************************
	DEFAULT FORMS
*/
.admcpForm{
	margin:0 auto;
	max-width:50%;
	min-width:600px;
	border:1px solid #EEE;
}

	.admcpForm dt,
	.admcpForm dd{
		float:left;
		width:49%;
		margin:.5em .5%;
	}
	.admcpForm dt{
		clear:left;
		text-align:right;
		background:#EEE;
		padding:.5em;
	}
	.admcpForm dd{
		font-size:14px;
	}

	.admcpForm dt.headline{
		background: #c7081b;
		color:#FFF;
		display:block;
		width:100%;
		margin:0;
		text-align:center;
	}
	.admcpForm dt.headline h3{
		margin:.2em;
	}
.admcpForm .full{
	display:block;
	width:99%;
	text-align:center;
	font-family: 'Open Sans Semibold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.admcpForm dl dl{
	margin:0;
	padding:0;
}
	.admcpForm dl dl dt{
		width:30%;
	}
	.admcpForm dl dl dd{
		width:70%;
	}
.submitButton{
	background-color: #c7081b;
	margin: 0;
	padding: .5em;
	display: inline-block;
	color: #FFF;
	margin: .5em 1em .5em 0;
	border-radius: .3em;
	text-transform: uppercase;
	-moz-box-shadow: inset 0px -3px 0px 0px #999;
	-webkit-box-shadow: inset 0px -3px 0px 0px #999;
	box-shadow: inset 0px -3px 0px 0px #999;
	border:0;
	width:auto !important;
}
	.submitButton.green{
		background-color:#090;
	}
.cancelButton{
	background-color: #EEE;
	margin: 0;
	padding: .5em;
	display: inline-block;
	color: #BBB;
	margin: .5em 1em .5em 0;
	border-radius: .3em;
	text-transform: uppercase;
	-moz-box-shadow: inset 0px -3px 0px 0px #999;
	-webkit-box-shadow: inset 0px -3px 0px 0px #999;
	box-shadow: inset 0px -3px 0px 0px #999;
	border:0;
	cursor:pointer;
}
.submitButton:hover,
.cancelButton:hover{
	-webkit-box-shadow: 0px 0px 10px -1px rgba(255,234,0,1);
	-moz-box-shadow: 0px 0px 10px -1px rgba(255,234,0,1);
	box-shadow: 0px 0px 10px -1px rgba(255,234,0,1);
}

.admcpForm input,
.admcpForm select{
	width:100%;
}
.admcpForm input[type="checkbox"],
.admcpForm input[type="radio"]{
	width:auto !important;
}

.thumbnail{
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	border:1px solid #CCC;
	background:#FFF;
	text-align:center;
}
	.thumbnail figcaption{
		display:none;
	}
	.thumbnail img{
		max-width:100%;
		height:auto;
		margin:auto auto;
	}

ul.paging{
	text-align:center;
	border-radius:2px;
	border:1px solid #EEE;
	padding:0 0 0 .5em;
}
ul.paging:before{
	font-family: "Open Sans Semibold", Arial, sans-serif;
}
	ul.paging li{
		list-style:none;
		margin:0 auto;
		display:inline;
		border-right:1px solid #EEE;
	}
	ul.paging li:lastChild{
		border-right:0;
	}
	ul.paging li a,
	ul.paging li span{
		display:inline-block;
		padding:.5em;
	}
	ul.paging li.current{
		font-family: "Open Sans Semibold", Arial, sans-serif;
	}
ul.paging:after{
	content:'';
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}

ul.paging li.prevPage{
	float:left;
}
ul.paging li.nextPage{
	float:right;
}
.productListing{
	padding:0;
}
	.productListing li{
		list-style:none;
		margin:1em 0;
		padding:1em 0;
		border-bottom:1px solid #EEE;
	}
	.productListing li:hover{
		background:#F4F4F4;
		border-bottom:1px solid #DDD;
	}
	.productListing li figure{
		float:left;
		width:18%;
		text-align:center;
		background:#FFF;
		margin:0 1%;
	}
		.productListing li figure img{
			position:relative;
			margin: 20%;
		}
	.productListing li .productDescription{
		float:left;
		width:50%;
		padding:0 1em;
	}
	.productListing li .productOptions{
		float:left;
		width:30%;
	}
	.productListing h3{
		margin-top:0;
	}
	.productListing h3 small{
		display:block;
		border-bottom:1px dotted #EEE;
	}
	.productListing .price{
		font-size:1.5em;
		font-family: "Open Sans Semibold", Arial, sans-serif;
		padding:.25em;
	}
	.productListing .price-normal,
	.price-normal{
		text-decoration:line-through;
		font-size:12px;
		color:#CCC;
		display:block;
		padding:0;
	}
	.categoryGridView .price-sale{
		font-size:1.5em;
		font-family: "Open Sans Semibold", Arial, sans-serif;
		color:#FFF;
		padding:.0;
		margin:0;
		border-top-left-radius: .5em;
		border-bottom-right-radius: .5em;
	}
	.productListing li ul li{
		margin:0 0 1em;
		padding:0;
		border:0;
	}
	.product_price .taxinfo{
		font-size:11px;
		color:#CCC;
	}
	.productListing li ul li:hover{
		background:transparent;
		border:0;
	}
	.productListing a.btn{
		display:block;
		width:100%;
		text-align:center;
		background:#c7081b;
		color:#FFF;
		border-bottom:1px solid #EEE;
		padding:.5em;
		border-top:1px solid #FFF;
	}
		.productListing button{
			margin:0 auto;
			display:block;
			width:100%;
		}
		.productListing button a{
			color:#FFF;
			padding:.5em;
		}

article{
}
	article header{
		background:transparent;
	}
		article header h1,
		article header h2{
			margin:0;
		}

	article .articleContent{
		display:flex;
	}
	article .articleImage{
		width:30%;
	}
	article .articleOrderBox{
		width:20%;
		min-width:300px;
		background:#e9ecef;
		padding:1em;
	}
	article .articleDetailsBox{
		width:50%;
		padding:0 2em;
	}
	article .articlePrice{
		font-size:26px;
		padding:.1em;
		font-family: "Open Sans Semibold", Arial, sans-serif;
		background:#FFF;
		color:#555;
		border-top-left-radius: .5em;
		border-bottom-right-radius: .5em;
		text-align:center;
		margin-bottom:10px;
	}
.thumbnail.productPage{
	width:100%;
	max-width:336px;
	height:auto;
	text-align:center;
	margin:auto;
	display:inline-block;
}
.thumbnail.productPage{
	margin:auto auto;
	float:none;
}

.product{
	position:relative;
	width:100%;
}
	.product header{
		margin:0 0 .5em 0;
		padding:0;
	}
	.product header h1,
	.product header h3{
		margin:0;
		font-family: "Open Sans Condensed", Arial, sans-serif;
		text-transform:uppercase;
		line-height:1em;
	}
	.product header h1{
		font-size:3em;
	}
	.product header h3{
		font-size:2em;
		color:#999;
	}


.productOptions{
	display:block;
	width:100%;
	position:relative;
	margin:0;
}
	.productOptions dt,
	.productOptions dd{
		float:left;
		margin:0;
		padding:.25em;
		margin:0 0 1em 0;
	}

	.productOptions dt{
		width:100%;
		clear:both;
	}
	.articleOrderBox .productOptions dt{
		line-height:35px;
	}
	.productOptions dt.full{
		width:100%;
		position:relative;
	}
	.productOptions dd{
		width:75%;
	}
	.productOptions dd:after {
  	content: "";
  	display: table;
  	clear: both;
	}

	.productOptions .price,
	.productOptions .dispo{
		display:inline-block;
		width:50%;
		text-align:center;
		vertical-align:middle;
		line-height:1em;
	}

	.productOptions .dispo{
		font-size:16px;
	}
	.productOptions .amount,
	.productOptions .cart_button{
		display:inline-block;
	}
	.productOptions .cart_button{
		position:relative;
		display:block;
		width:100%;
		padding:1em;
		margin:0;
		color:#FFF;
	}
		.productOptions .cart_button i{
			position:absolute;
			left: 10px;
			top:10px;
			font-size:26px;
		}
.search_options{
	border-top:1px solid #EEE;
	border-bottom:1px solid #EEE;
	padding:.5em 0;
	margin:.5em 0;
}

	.searchResultsDesc{
		float:left;
		padding:0;
		margin:0;
	}
	#toggleSearchOptions{
		float:right;
	}
	#search_options_bar{
		clear:both;
		display:none;
		background:#F4F4F4 !important;
		border-bottom:2px solid #CCC;
		margin-top:.5em;
		padding-top:.5em;
	}
		#search_options_bar dt{
			clear:both;
			float:left;
			width:29%;
			text-align:right;
			padding:.4em .5%;
			margin:.25em 0;
			border:1px transparent;
		}
		#search_options_bar dd{
			float:right;
			width:70%;
			text-align:left;
			padding:0;
			margin:.25em 0;
		}
		#priceSliderContent{
			display:none;
		}
/* **********************************************************************
	WIDGETS
*/
.widget{
	margin-bottom:2em;
	padding-bottom:2em;
	border-bottom:1px solid #CCC;
}

.widget h5{
	border-bottom:2px solid #c7081b;
	color:#c7081b;
	background:#EEE;
	text-transform:uppercase;
	font-family: "Open Sans Semibold", Arial, sans-serif;
	font-size:15px;
	padding:.5em;
	margin:0 0 1em;
}
.widget .bx-wrapper .bx-viewport{
	border:0;
	left:0;
}
.widget .bx-wrapper .bx-pager{
	text-align:center !important;
	width:100% !important;
}
.widget .bx-wrapper h3{
	margin-bottom:0;
}
.widget .bx-wrapper p{
	margin-top:0;
}

.widget .widgetListing{

}
.widget .widgetListing li:after{
	clear:both;
	content:'';
	display:block;
	visibility:hidden;
	height:0;
}
.widget .widgetListing .ratings .ratingInfo{
	display:none;
}
.widget ul.cmsListing{
}
.widget ul.cmsListing li{
	max-height:150px;
	overflow: hidden;
	text-overflow: ellipsis;
	transition:max-height .5s linear;
}
.widget ul.cmsListing li:hover{
	max-height:500px;
}
.widget ul.cmsListing li a:after{
	clear:both;
}
figure.thumbnail{
	border:1px solid #EEE;
	padding:1px solid #FFF;
	margin:0 1em;
}
figure.thumbnail figcaption{
	display:none;
}
figure.thumbnail.t img{
	max-width:90px !important;
}
figure.thumbnail.t{
	border:0;
}
figure.thumbnail.left{
	float:left;
	margin-left:0;
}
figure.thumbnail.right{
	float:right;
	margin-right:0;
}
.widget ul{
	margin:0;
	padding:0;
}
.widget ul li{
	padding:0;
	list-style:none;
	border-bottom:1px solid #EEE;
	padding:.5em;
}
.widget ul li:after{
	content:"";
	clear:both;
	visibility:hidden;
	height:0;
	display:block;
}
.widget ul li a{
	display:block;
	color:#666;
	padding:.5em;
}
.widget ul li a:hover{
	background:#EEE;
}
#quickCartAddCid{
	float:left;
	width:55%;
}
#quickCartAddAmount{
	float:left;
	width:25%;
	margin:0 2.5%;
}
#quickCardAddSubmit{
	float:left;
	width:15%;
	font-size:20px;
}

.widgetMenu{
	margin:0 0 2em 0;
	padding:0;
}
	.widgetMenu li{
		margin:0;
		list-style:none;
		border-bottom:1px solid #CCC;
	}
		.widgetMenu li a{
			display:block;
			width:100%;
			line-height:2em;
		}
		.widgetMenu li a.currItem,
		.widgetMenu li a:hover{
			background:#EEE;
		}
		.widgetMenu li a.currItem i,
		.widgetMenu li a:hover i{
			color:#E77B2D;
		}
		.widgetMenu li a i{
			display:inline-block;
			width:2em;
			text-align:center;
		}

.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}
/* **********************************************************************
	FONTS
*/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans'), local('OpenSans'), url(//themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans Semibold';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(//fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Open Sans Italic';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(//fonts.gstatic.com/s/opensans/v10/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(//fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xBEur64QvLD-0IbiAdTUNXE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/*! nouislider - 9.0.0 - 2016-09-29 21:44:03 */
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base{width:100%;height:100%;position:relative;z-index:1}.noUi-connect{position:absolute;right:0;top:0;left:0;bottom:0}.noUi-origin{position:absolute;height:0;width:0}.noUi-handle{position:relative;z-index:1}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:top .3s,right .3s,bottom .3s,left .3s;transition:top .3s,right .3s,bottom .3s,left .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-base,.noUi-handle{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connect{background:#c7081b;box-shadow:inset 0 0 3px rgba(51,51,51,.45);-webkit-transition:background 450ms;transition:background 450ms}.noUi-draggable{cursor:w-resize}.noUi-vertical .noUi-draggable{cursor:n-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-large,.noUi-marker-sub{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate3d(-50%,50%,0);transform:translate3d(-50%,50%,0)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);padding-left:25px}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}
/*! BxSlider - v4.1.2 */
.bx-wrapper{position:relative;margin:0 auto 60px;padding:0;*zoom:1}.bx-wrapper img{max-width:100%;display:block}.bx-wrapper .bx-viewport{-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;border:5px solid #fff;left:-5px;background:#fff;-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)}.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(img/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background:#000}.bx-wrapper .bx-prev{left:10px;background:url(img/controls.png) no-repeat 0 -32px}.bx-wrapper .bx-next{right:10px;background:url(img/controls.png) no-repeat -43px -32px}.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(img/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(img/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,0.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}
/*! lightbox - v4.1.2 */
.lb-loader,.lightbox{text-align:center;line-height:0}body:after{content:url(img/close.png) url(img/loading.gif) url(img/prev.png) url(img/next.png);display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;border-radius:3px}.lightbox a img{border:none}.lb-outerContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;border-radius:4px}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-container{padding:4px}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(img/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(img/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(img/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(img/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}
/*!
 * shariff - v1.24.0 - 29.06.2016
 * https://github.com/heiseonline/shariff
 * Copyright (c) 2016 Ines Pauer, Philipp Busse, Sebastian Hilbig, Erich Kramer, Deniz Sesli
 * Licensed under the MIT license
 */.shariff{margin-top:1em;padding-top:1em;border-top:1px solid #EEE;}.shariff::after,.shariff::before{content:" ";display:table}.shariff::after{clear:both}.shariff ul{padding:0;margin:0;list-style:none}.shariff li{height:35px;box-sizing:border-box;overflow:hidden}.shariff li a{color:#fff;position:relative;display:block;height:35px;text-decoration:none;box-sizing:border-box}.shariff li .share_count,.shariff li .share_text{font-family:Arial,Helvetica,sans-serif;font-size:12px;vertical-align:middle;line-height:35px}.shariff li .fa{width:35px;line-height:35px;text-align:center;vertical-align:middle}.shariff li .share_count{padding:0 8px;height:33px;position:absolute;top:1px;right:1px}.shariff .orientation-horizontal{display:-webkit-box}.shariff .orientation-horizontal li{-webkit-box-flex:1}.shariff .orientation-horizontal .info{-webkit-box-flex:0}.shariff .orientation-horizontal{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.shariff .orientation-horizontal li{float:left;-ms-flex:none;flex:none;width:35px;margin-right:3%;margin-bottom:10px}.shariff .orientation-horizontal li:last-child{margin-right:0}.shariff .orientation-horizontal li .share_text{display:block;text-indent:-9999px;}.shariff .orientation-horizontal li .share_count{display:none}.shariff .theme-grey .shariff-button a{background-color:#b0b0b0}.shariff .theme-grey .shariff-button .share_count{background-color:#ccc;color:#333}.shariff .theme-white .shariff-button{border:1px solid #ddd}.shariff .theme-white .shariff-button a{background-color:#fff}.shariff .theme-white .shariff-button a:hover{background-color:#eee}.shariff .theme-white .shariff-button .share_count{background-color:#fff;color:#999}.shariff .orientation-vertical li{display:block;width:100%;margin:5px 0}.shariff .orientation-vertical li .share_count{width:24px;text-align:right}@media only screen and (min-width:360px){.shariff .orientation-horizontal li{margin-right:1.8%;width:auto;-ms-flex:1 0 auto;flex:1 0 auto}.shariff .orientation-horizontal li .share_count{display:block}.shariff .orientation-horizontal.col-1 li,.shariff .orientation-horizontal.col-2 li{max-width:160px}.shariff .orientation-horizontal.col-1 li .share_text,.shariff .orientation-horizontal.col-2 li .share_text{text-indent:0;display:inline}.shariff .orientation-horizontal.col-5 li,.shariff .orientation-horizontal.col-6 li{-ms-flex:none;flex:none}}@media only screen and (min-width:640px){.shariff .orientation-horizontal.col-3 li{max-width:160px}.shariff .orientation-horizontal.col-3 li .share_text{text-indent:0;display:inline}}@media only screen and (min-width:768px){.shariff .orientation-horizontal li{max-width:160px}.shariff .orientation-horizontal li .share_text{text-indent:0;display:inline}.shariff .orientation-horizontal.col-5 li,.shariff .orientation-horizontal.col-6 li{-ms-flex:1 0 auto;flex:1 0 auto}}@media only screen and (min-width:1024px){.shariff li{height:30px}.shariff li a{height:30px}.shariff li .fa{width:30px;line-height:30px}.shariff li .share_count,.shariff li .share_text{line-height:30px}.shariff li .share_count{height:28px}}.shariff .addthis a{background-color:#f8694d}.shariff .addthis a:hover{background-color:#f75b44}.shariff .addthis .fa-plus{font-size:14px}.shariff .addthis .share_count{color:#f8694d;background-color:#f1b8b0}.shariff .theme-white .addthis a{color:#f8694d}@media only screen and (min-width:600px){.shariff .addthis .fa-plus{font-size:14px;position:relative;top:1px}}.shariff .diaspora a{background-color:#999}.shariff .diaspora a:hover{background-color:#b3b3b3}.shariff .diaspora .fa-times-circle{font-size:17px}.shariff .theme-white .diaspora a{color:#999}@media only screen and (min-width:600px){.shariff .diaspora .fa-times-circle{font-size:16px}}.shariff .facebook a{background-color:#3b5998}.shariff .facebook a:hover{background-color:#4273c8}.shariff .facebook .fa-facebook{font-size:22px}.shariff .facebook .share_count{color:#183a75;background-color:#99adcf}.shariff .theme-white .facebook a{color:#3b5998}@media only screen and (min-width:600px){.shariff .facebook .fa-facebook{font-size:19px}}.shariff .flattr a{background-color:#7ea352}.shariff .flattr a:hover{background-color:#F67C1A}.shariff .flattr a:hover .share_count{color:#d56308;background-color:#fab47c}.shariff .flattr .fa-money{font-size:22px}.shariff .flattr .share_count{color:#648141;background-color:#b0c893}.shariff .theme-white .flattr a{color:#F67C1A}@media only screen and (min-width:600px){.shariff .flattr .fa-money{font-size:19px}}.shariff .googleplus a{background-color:#d34836}.shariff .googleplus a:hover{background-color:#f75b44}.shariff .googleplus .fa-google-plus{font-size:22px}.shariff .googleplus .share_count{color:#a31601;background-color:#eda79d}.shariff .theme-white .googleplus a{color:#d34836}@media only screen and (min-width:600px){.shariff .googleplus .fa-google-plus{font-size:19px}}.shariff .info{border:1px solid #ccc}.shariff .info a{color:#666;background-color:#fff}.shariff .info a:hover{background-color:#efefef}.shariff .info .fa-info{font-size:20px;width:33px}.shariff .info .share_text{display:block!important;text-indent:-9999px!important}.shariff .theme-grey .info a{background-color:#fff}.shariff .theme-grey .info a:hover{background-color:#efefef}.shariff .orientation-vertical .info{width:35px;float:right}@media only screen and (min-width:360px){.shariff .orientation-horizontal .info{-ms-flex:none!important;flex:none!important;width:35px;min-width:35px!important}}@media only screen and (min-width:1024px){.shariff .info .fa-info{font-size:16px;width:23px}.shariff .orientation-horizontal .info{width:25px;min-width:25px!important}.shariff .orientation-vertical .info{width:25px}}.shariff .linkedin a{background-color:#0077b5}.shariff .linkedin a:hover{background-color:#0369a0}.shariff .linkedin .fa-linkedin{font-size:22px}.shariff .linkedin .share_count{color:#004785;background-color:#33AAE8}.shariff .theme-white .linkedin a{color:#0077b5}@media only screen and (min-width:600px){.shariff .linkedin .fa-linkedin{font-size:19px}}.shariff .mail a{background-color:#999}.shariff .mail a:hover{background-color:#a8a8a8}.shariff .mail .fa-envelope{font-size:21px}.shariff .theme-white .mail a{color:#999}@media only screen and (min-width:600px){.shariff .mail .fa-envelope{font-size:18px}}.shariff .pinterest a{background-color:#bd081c}.shariff .pinterest a:hover{background-color:#d50920}.shariff .pinterest .fa-pinterest-p{font-size:22px}.shariff .pinterest .share_count{color:#a31601;background-color:#eda79d}.shariff .theme-white .pinterest a{color:#bd081c}@media only screen and (min-width:600px){.shariff .pinterest .fa-pinterest-p{font-size:19px;position:relative;top:1px}}.shariff .reddit a{background-color:#ff4500}.shariff .reddit a:hover{background-color:#ff6a33}.shariff .reddit .fa-reddit{font-size:17px}.shariff .theme-white .reddit a{color:#ff4500}@media only screen and (min-width:600px){.shariff .reddit .fa-reddit{font-size:16px}}.shariff .stumbleupon a{background-color:#eb4924}.shariff .stumbleupon a:hover{background-color:#ef7053}.shariff .stumbleupon .fa-stumbleupon{font-size:17px}.shariff .theme-white .stumbleupon a{color:#eb4924}@media only screen and (min-width:600px){.shariff .stumbleupon .fa-stumbleupon{font-size:16px}}.shariff .twitter a{background-color:#55acee}.shariff .twitter a:hover{background-color:#32bbf5}.shariff .twitter .fa-twitter{font-size:28px}.shariff .twitter .share_count{color:#0174a4;background-color:#96D4EE}.shariff .theme-white .twitter a{color:#55acee}@media only screen and (min-width:600px){.shariff .twitter .fa-twitter{font-size:24px}}.shariff .whatsapp a{background-color:#5cbe4a}.shariff .whatsapp a:hover{background-color:#34af23}.shariff .whatsapp .fa-whatsapp{font-size:28px}.shariff .theme-white .whatsapp a{color:#5cbe4a}@media only screen and (min-width:600px){.shariff .whatsapp .fa-whatsapp{font-size:22px}}.shariff .xing a{background-color:#126567}.shariff .xing a:hover{background-color:#29888a}.shariff .xing .fa-xing{font-size:22px}.shariff .xing .share_count{color:#15686a;background-color:#4fa5a7}.shariff .theme-white .xing a{color:#126567}@media only screen and (min-width:600px){.shariff .xing .fa-xing{font-size:19px}}.shariff .tumblr a{background-color:#36465D}.shariff .tumblr a:hover{background-color:#44546B}.shariff .tumblr .fa-tumblr{font-size:28px}.shariff .theme-white .tumblr a{color:#5cbe4a}@media only screen and (min-width:600px){.shariff .tumblr .fa-tumblr{font-size:22px}}.shariff .threema a{background-color:#333}.shariff .threema a:hover{background-color:#1f1f1f}.shariff .threema .fa-lock{font-size:28px}.shariff .theme-white .threema a{color:#333}@media only screen and (min-width:600px){.shariff .threema .fa-lock{font-size:22px}}.shariff .weibo a{background-color:#F56770}.shariff .weibo a:hover{background-color:#FA7F8A}.shariff .weibo .fa-weibo{font-size:28px}.shariff .weibo .share_count{color:#0174a4;background-color:#F56770}.shariff .theme-white .weibo a{color:#F56770}@media only screen and (min-width:600px){.shariff .weibo .fa-weibo{font-size:24px}}.shariff .tencent-weibo a{background-color:#26ACE0}.shariff .tencent-weibo a:hover{background-color:#38BBEB}.shariff .tencent-weibo .fa-tencent-weibo{font-size:28px}.shariff .tencent-weibo .share_count{color:#0174a4;background-color:#26ACE0}.shariff .theme-white .tencent-weibo a{color:#26ACE0}@media only screen and (min-width:600px){.shariff .tencent-weibo .fa-tencent-weibo{font-size:24px}}.shariff .qzone a{background-color:#2B82D9}.shariff .qzone a:hover{background-color:#398FE6}.shariff .qzone .fa-qq{font-size:28px}.shariff .qzone .share_count{color:#0174a4;background-color:#2B82D9}.shariff .theme-white .qzone a{color:#2B82D9}@media only screen and (min-width:600px){.shariff .qzone .fa-qq{font-size:24px}}

.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }

.spinner {
  margin: 50px auto;
  width: 100px;
  height: 80px;
  text-align: center;
  font-size: 20px;
}

.spinner > div {
  background-color: #c7081b;
  border:1px solid transparent;
  height: 100%;
  width: 12px;
  display: inline-block;
  margin:2px;

  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

.cartImportForm{
	display:inline-flex;
}
	.cartImportForm input[type=file]{
		border-top-right-radius:0;
		border-bottom-right-radius:0;
	}
	.cartImportForm button[type=submit]{
		border-top-left-radius:0;
		border-bottom-left-radius:0;
	}
.productOptionList{
	display:flex;
	flex-wrap:wrap;
}
.productOptionList dt,
.productOptionList dd{
	padding:0 .5em;
	margin:.5em 0;
}
.productOptionList dt{
	width:20%;
	text-align:right;
}
.productOptionList dd{
	width:80%;
	font-weight:bold;
}
.categoryGridView{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 100%;
	-ms-grid-rows:repeat( 1, 1fr );
	grid-template-columns: 100%;
	align-content: space-between;
	margin:0;
	padding: 0;
}
	@media (min-width: 640px) {
		.categoryGridView{
			-ms-grid-columns: repeat( 2, 1fr );
			grid-template-columns: 50% 50%;
		}
	}
	@media (min-width: 940px) {
		.categoryGridView{
			-ms-grid-columns: repeat( 3, 1fr );
			grid-template-columns: 33% 33% 33%;
		}
	}
	@media (min-width: 1240px) {
		.categoryGridView{
			-ms-grid-columns: (1fr 100%)[4];
			grid-template-columns: 25% 25% 25% 25%;
		}
	}
	.categoryGridView li.highlight{
		border:1px solid rgba(62, 71, 86, 1) !important;
	}

	.categoryGridView li,
	.productSlider div.slide{
		position:relative;
  	list-style:none;
  	border:1px solid #ddd;
  	padding:10px;
		margin:10px;
		text-align:center;
		padding-bottom:40px;
		border-radius:5px;
	}
	.productSlider div.slide{
		margin:0;
	}
	.categoryGridView li.highlight{
		-webkit-box-shadow: 0px 0px 5px 0px #999;
		-moz-box-shadow: 0px 0px 5px 0px #999;
		box-shadow: 0px 0px 5px 0px #999;
	}
	.categoryGridView li p.category_name{
		margin:-10px -10px 10px -10px;
		background:#2753A8 !important;
		padding:.5em;
		text-align:left;
	}
	.categoryGridView li a,
	.productSlider div.slide a{
		display:block;
	}
	.categoryGridView li:hover,
	.productSlider div.slide:hover{
		border:1px solid #090;
	}
	.categoryGridView .thumbnail,
	.productSlider div.slide .thumbnail{
		display:block;
		text-align:center;
		border:0;
		margin:0 auto;
		float:none;
	}

	.categoryGridView li .badge{
		position:absolute;
		left:0;
		top:0;
		background:rgba(62, 71, 86, 1) !important;
		color:#FFF;
		text-transform:uppercase;
		padding:.5em .25em;
		font-size:12px;
	}

	.categoryGridView li span.product_price,
	.productSlider div.slide span.product_price{
		position:absolute;
		top:25%;
		right:0%;
		font-size:18px;
		background:#900;
		color:#FFF;
		padding:.25em;
		border-top-left-radius: .5em;
		border-bottom-right-radius: .5em;
		line-height:1;
	}
	.categoryGridView li span.product_price small,
	.productSlider div.slide span.product_price{
		font-size:10px;
	}

	.categoryGridView .product_amount{
		padding:0;
	}
	.categoryGridView li div.options{
		text-align:left;
		background:#e9ecef;
		border-top:2px solid #DDD;
		padding:4px;
		margin:0;
		height:40px;
		width:100%;
		position:absolute;
		bottom:0;
		left:0;
		right:0;
		display:flex;
		opacity:.7;
		border-radius: 0 0 5px 5px;
	}
	.categoryGridView li:hover div.options,
	.categoryGridView li div.options:hover{
		opacity:1;
	}
	.categoryGridView li div.options form{
		display:inline;
	}
	.categoryGridView li div.options small{
		display:inline-block;
		line-height:1.25;
		margin:-0px;
		overflow: hidden;
    text-overflow: ellipsis;
    max-width: 110px;
	}
	.categoryGridView li div.options div{
		width:100%;
	}
	.categoryGridView li div.options a{
		display:inline;
		white-space:nowrap;
	}
	form.cartAdd .product_amount{
		border:0;
		line-height:30px;
		border-top-right-radius:0;
		border-bottom-right-radius:0;
	}

	form.cartAdd .cartAddButton,
	form.cartAdd .tireAddCartButton{
		padding:0px 10px;
		margin-left:-4px;
		line-height:30px;
		border-top-left-radius:0;
		border-bottom-left-radius:0;
	}

.paButton{
	display:inline !important;
	padding:.3em .5em;
	margin-right:.5em;
	line-height:30px;
}
.paButton.red{
	color: #FFF;
	background: #c7081b;
	padding: .2em .5em;
	border-radius:5px;
	border: 0;
	-webkit-transition: background-color .2s ease-out;
	-moz-transition: background-color .2s ease-out;
	-o-transition: background-color .2s ease-out;
	transition: background-color .2s ease-out;
}
.paButton:hover{
	background: #900;
	color:#FFF;
}

.tag {
    background-color: #DDD;
    color: #666;
    display: inline-block;
    margin-left: 11px;
    padding: 3px 6px 2px 2px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    margin-bottom:10px; margin-right:10px;
    font-size:12px;
}
.tag::before {
    border: 11px solid transparent;
    border-left-width: 0;
    border-right-color: #DDD;
    content: "";
    display: block;
    left: -11px;
    position: absolute;
    top: 0;
}
.tag:hover{
	background:#c7081b;
	color:#FFF;
}
.tag:hover::before{
    border-right-color: #c7081b;
}
.tag:hover .tagDeleter{
	color:#FFF;
}
.tag.myTag{
	color:#FFF;
	background:#090;
}
.tag.myTag:before{
    border-right-color: #090;
}
.tagDeleter{
	color:#900;
	font-size:12px;
}
.tagDeleter:hover{
	color:#FFF;
}
.fa-spin-hover:hover {
    animation: fa-spin 1s 1 linear;
}
// The animation bellow is taken from font-awesome.css
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(179deg);transform:rotate(179deg)}}
@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transfo rm:rotate(179deg);transform:rotate(179deg)}}

.priceEUR:after{
	content:'€';
}
.tagAdd{
	display:inline;
	white-space: nowrap;
	max-width:150px;
}
	.tagAdd > input[type=text],
	.tagAdd > input[type=button]{
		flex:auto;
		background:#EEE;
		border:1px solid #28a745;
		padding:4px;
		margin:0;
		border:0;
		font-size:12px;
		text-transform:uppercase;
	}
	.tagAdd > input[type=button]{
		border-left:2px solid #FFF;
		width:30px;
		border-radius: 5px 5px 0 0;
		border:1px solid #28a745;
	}
	#amwTagAddSearch{
		border-top-right-radius:0;
		border-bottom-right-radius:0;
	}
	#amwTagAddSearch:focus{
		background:#F4F4F4;
	}
	#amwTagAddBtn{
		border-top-left-radius:0;
		border-bottom-left-radius:0;
		padding:2px 10px 3px 10px;
	}

#userBookmarkForm{
	display:flex;
	position:relative;
}
	#userBookmarkForm select,
	#userBookmarkForm input{
		width:100%;
		border-top-right-radius:0;
		border-bottom-right-radius:0;
	}
	#userBookmarkForm button{
		padding:10px 15px;
		border-top-left-radius:0;
		border-bottom-left-radius:0;

	}
	#addBookmarkCategoryForm{
		position:absolute;
		display:none;
		left:0;
		top:0;
		right:0;
		bottom:0;
		z-index:9998;
	}
	#addBookmarkCategoryNow{
		border-radius:0;
		background:#090;
	}
	#addBookmarkCategoryNow:hover{
		background:#060;
	}
#page-functions div {
    background-color: rgba(153, 51, 0, 1);
    color: rgba(255, 255, 255, 1);
    padding: .75em 1em;
    list-style: none;
    text-align: center;
    cursor: pointer;
    flex: auto;
    margin: 0 2px;
}
#page-functions .back-to-top{
	position: fixed;
	bottom: 40px;
	right: 40px;
	display: none;
	z-index: 998;
	height: 45px;
	width: 45px;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
	border-radius: 100px;
	font-size: 30px;
	background-color: #3e4756;
	color: #fff;
	-webkit-box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.25);
	box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.25);
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.userContentMenu{
	display:grid;
	grid-template-columns: repeat(6, 1fr);
	background:#f8f9fa;
	padding:0;
}
	.userContentMenu li{
		padding:3px;
		margin:0;
		list-style:none;
		background:#FFF;
		margin:1em;
		border:1px solid #CCC;
		color:#6c757d;
		text-align:center;
    position: relative;
    overflow: hidden;
		border-radius:5px;
	}
	.userContentMenu li i{
		display:block;
		text-align:center;
		font-size:48px;
		color:#c7081b;
		margin:.25em;
	}

.userContentMenu li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: rgba(37, 46, 53, 0.8);
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
}

.userContentMenu li:hover span{
    right:-5%;
    text-shadow:1px 1px 1px #000;
    font-size:16px;
}
.userContentMenu li:hover i{
	opacity:.5;
	animation: filckering .5s 1 linear;
}
@-webkit-keyframes filckering {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
  }
}
@keyframes filckering {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
  }
}
.userContentMenu li:hover::before,
.userContentMenu li:hover::before {
    width:100%;
}
.userContentMenu li span {
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition: right 0.5s;
    transition: right 0.5s;
    color:#FFF;
}



.shopBox{
	background:#f8f9fa;
	margin:2em 0;
}
.shopBox h4{
	font-size:18px;
	text-transform:uppercase;
	color:#999;
	text-shadow:1px 1px 1px #FFF;
	background:none;
}

.marker{
	border-radius: 3px;
	background: #ff6666;
	background: -moz-linear-gradient(top, #ff6666 0%, #f71517 100%);
	background: -webkit-linear-gradient(top, #ff6666 0%,#f71517 100%);
	background: linear-gradient(to bottom, #ff6666 0%,#f71517 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6666', endColorstr='#f71517',GradientType=0 );
	border: 1px solid #F00;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
	margin: 5px 0 0 5px;
	padding: 1px;
	font-size: 10px;
	font-weight: normal;
	color: #FFF;
}

.homeBoxNew{
	background: rgb(62,71,86);
	background: linear-gradient(180deg, rgba(62,71,86,1) 10%, rgba(244,244,244,1) 100%);
	text-align:center;
	padding:1em;
	margin-bottom:2em;
}
.homeBoxNew h2,
.homeBoxNew p{
	color:#FFF;
}
.homeBoxNew ul li{
	background:#FFF;
}
.homeBoxNew > a.btn{
	color:#FFF;
	background:#c7081b;
	padding:1em 0;
	border:0;
	margin:1em 0;
  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
  outline:0
  text-align:center;
  display:block;
  width:100%;
}
.homeBoxNew > a.btn:hover{
	background:#900;
}

.bx-wrapper img {
	margin:0 auto;
}

.admSelectors{
	display:flex;
	float:right;
	position:relative;
}
	.admSelectors > .selector{
		padding:2px;
	}
	.admSelectors > .selector #addProduct:focus{
		position:absolute;
		left:0;
		right:0;
		top:0;
		bottom:0;
		width:100%;
		border:1px solid #CCC;
		outline:0;
	}
	.admSelectors > .selector > select option:first-Child{
		color:#000;
	}
	.admSelectors .tag{
		padding:7px 3px 7px 7px;
		background:#FFF;
		border:1px solid #CCC;
		border-radius:0;
		cursor:help;
	}
	.admSelectors .tag i{
		margin-top:-1px;
	}

	.admSelectors input,
	.admSelectors input:valid,
	.admSelectors select,
	.admSelectors select:valid{
		border: 1px solid #CCC;
		border-radius:0;
	}
	.admSelectors select,
	.admSelectors select:valid{
		padding:6px 0;
	}
	.admSelectors .tag,
	.admSelectors .tag:hover{
		font-size:14px;
		padding:6px;
		margin:0 1px;
		color:#666;
	}

	.admSelectors .tag:hover i,
	.admSelectors .tag i,
	.admSelectors .tag i:hover{
		cursor:pointer;
		color:#900;
	}
	.admSelectors .tag:before{
		content:'';
		margin:0;
		padding:0;
		border:0;
	}

.checkTbl .fa-check-square-o{
	font-size:24px;
	color:#999;
}
.checkTbl .fa-check-square-o:hover{
	color:#090;
	cursor:pointer;
}
.row, .grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.row > .col-1 { grid-column: span 1; }
.row > .col-2 { grid-column: span 2; }
.row > .col-3 { grid-column: span 3; }
.row > .col-4 { grid-column: span 4; }
.row > .col-5 { grid-column: span 5; }
.row > .col-6 { grid-column: span 6; }
.row > .col-7 { grid-column: span 7; }
.row > .col-8 { grid-column: span 8; }
.row > .col-9 { grid-column: span 9; }
.row > .col-10 { grid-column: span 10; }
.row > .col-11 { grid-column: span 11; }
.row > .col-12 { grid-column: span 12; }

.admcpGrid {
	clear:both;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
}
.admcpGrid.visibleTiles .bx-wrapper .bx-viewport{
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	border:0;
}
.admcpGrid .tile{
	background:#FFF;
	border:1px solid #EEE;
	padding:.5em;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(230,230,230,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(230,230,230,1);
	box-shadow: 0px 0px 10px 0px rgba(230,230,230,1);
}
.admcpGrid .tile:hover{
	border:1px solid #DDD;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(200,200,200,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(200,200,200,1);
	box-shadow: 0px 0px 10px 0px rgba(200,200,200,1);
}
.admcpGrid .tile h5{
	font-size:20px;
	padding:0;
	margin:0;
}
.admcpGrid .tile p.description{
	font-style:italic;
	margin-top:0;
}

.admcpGrid.extList{
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
   align-items: center;
}
.admcpGrid.extList > div{
	text-align:center;
	overflow:hidden;
	display:grid;
	align-items:center;
}
.admcpGrid.extList > div > img,
.admcpGrid.extList > div > input["type=image"]{
	height:100% !important;
	max-width:auto !important;
	width:auto !important;
}
.admcpGrid > .col-1  {grid-column: span 1}
.admcpGrid > .col-2  {grid-column: span 2}
.admcpGrid > .col-3  {grid-column: span 3}
.admcpGrid > .col-4  {grid-column: span 4}
.admcpGrid > .col-5  {grid-column: span 5}
.admcpGrid > .col-6  {grid-column: span 6}
.admcpGrid > .col-7  {grid-column: span 7}
.admcpGrid > .col-8  {grid-column: span 8}
.admcpGrid > .col-9  {grid-column: span 9}
.admcpGrid > .col-10 {grid-column: span 10}
.admcpGrid > .col-11 {grid-column: span 11}
.admcpGrid > .col-12 {grid-column: span 12}

.admcpGrid > .amdcpGridContent{
	background:#F4F4F4;

}
	.admcpGrid > .amdcpGridContent h5{
		text-align:center;
		font-size:16px;
		padding:.5em;
		margin:0;
		background:#C7081B;
		color:#FFF;
	}

.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 140px;
  }

  .daterangepicker.single .ranges ul {
    width: 100%;
  }

  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }

  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }

  .daterangepicker {
    direction: ltr;
    text-align: left;
  }

  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }

  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }

  .daterangepicker .ranges {
    float: left;
  }

  .daterangepicker.rtl .ranges {
    float: right;
  }

  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}

.itemListingOptionsBar{
	background:#F4F4F4;
	border-bottom:1px solid #DDD;
	margin:.5em;
	padding:.5em;
  clear: both;
  font-size:14px;
}
	.itemListingOptionsBar ul{
		display:flex;
		margin:0;
		padding:0;
	}
	.itemListingOptionsBar ul li{
		list-style:none;
		padding:0 .25em;
	}
	.itemListingOptionsBar ul li button.button{
		border:1px solid #CCC;
		background:#FFF;
		color:#555;
		border-radius:0;
		padding-bottom: .55em;
		opacity:.8;
	}
	.itemListingOptionsBar ul li button.button:hover{
		color:#FFF;
		background-color:#2753A8;
	}
	.itemListingOptionsBar ul li button.button.active,
	.itemListingOptionsBar ul li button.button.open{
		color:#2753A8;
		background:#FFF;
		opacity:1;
	}

	.itemListingOptionsBar ul li button.button#topView{
		border: 1px solid #2753A8;
		color:#2753A8;
	}
	.itemListingOptionsBar ul li button.button#topView:hover{
		color:#FFF;
	}

	.itemListingOptionsBarFilter{
		display:none;
	}

	.itemListingOptionsBarFilter ul{
		display:block;
		padding:.25em;
	}
		.itemListingOptionsBarFilter li{
			padding:.25em 0 !important;
			display:flex;
		}
		.itemListingOptionsBarFilter li select,
		.itemListingOptionsBarFilter li input{
			max-width:100% !important;
			width:100% !important;
		}

	button.filterToggle.active,
	button.filterToggle.hasSelected,
	button.attributesToggle.active,
	button.attributesToggle.hasSelected{
		background:#900 !important;
		color:#FFF !important;
	}
	button.filterToggle:hover{
		background:#2753A8;
		color:#FFF;
	}
	.itemListingOptionsBar .marker{
		position:absolute;
		right:0;
		top:0;
	}

body.dashboard-active{
	overflow:hidden;
}
#dashboard-toggle{
	position: fixed;
	z-index:10000;
	top: 50%;
	right: 0px;
	font-size:22px;
	padding: .5em;
	cursor: pointer;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 75%);/*
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 90%, rgba(255,255,255,1) 100%);
	transition: scale .1s ease;*/
	background-color: #161e23;
	color:#FFF;
}

#dashboard-toggle.active{
	scale:0;
}

#dashboard{
	position: fixed;
	z-index:10001;
	top: 0;
	left: 0;
	width: 100%;
	height:0;
	background-color: #f1f1f1;
	overflow:hidden;
	transition: left 0.5s ease;
  animation-duration: 0s;
}

#dashboard:before{
	content: "";
	background: url("img/dashboard-background.svg") center/cover no-repeat;
	opacity: 0.05;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

#dashboard.active{
	height: 100%;
	display:block;
  animation-timing-function: forwards;
	animation: bounce-dashboard 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045) backwards;
	right:0;
}

@keyframes bounce-dashboard {
	0% {
		left: 100%;
		right:0;
		transform: translateY(0);
	}
	25% {
		left: calc(0%);
		right:0;
		transform: translateY(0);
	}
	50% {
		left: calc(10%);
		right:0;
		transform: translateY(0);
	}
	70% {
		left: calc(0%);
		right:0;
		transform: translateY(0);
	}
	80% {
		left: calc(5%);
		right:0;
		transform: translateY(0);
	}
	90% {
		left: calc(3%);
		right:0;
		transform: translateY(0);
	}
	100% {
		left: 0%;
		right:0;
		transform: translateY(0);

	}
}

@keyframes collapse-dashboard {
	0% {
		display:block;
		height: 100%;
		transform: translateY(0);
	}
	25% {
		height: calc(100vh - .5em);
		transform: translateY(0);
	}
	50% {
		height: calc(100vh - 1em);
		transform: translateY(0);
	}
	70% {
		height: calc(100vh - 3em);
		transform: translateY(0);
	}
	80% {
		height: calc(100vh - 5em);
		transform: translateY(0);
	}
	90% {
		height: calc(100vh);
		transform: translateY(0);

	}
	100% {
		display:none;
		height: 0;
		transform: translateY(0);
	}
}

#dashboard > header{
	height:70px;
	border-bottom:3px solid #999;
	background:rgba(62, 71, 86, 1);
	line-height:70px;
	position:relative;
	margin-bottom:0;
}
#dashboard > header h1{
	margin: 0;
	padding: 0;
	font-weight: normal;
	line-height: 70px;
	font-size: 22px;
	padding-left: 1em;
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
}
#dashboard > .dashboard-menu{
	display:flex;
	margin:0;
	padding:0;
	position:absolute;
	right:60px;
	top:0;
	line-height:70px;
	height:70px;
}
#dashboard > .dashboard-menu > li{
	list-style:none;
}
#dashboard > .dashboard-menu > li button{
	width:70px;
	height:70px;
	text-align:center;
	line-height:50px;
	font-size:32px;
	color:#555;
	opacity:.3;
	transition:opacity .3s ease;
	background:#F1F1F1;
	border-radius:0;
	margin:0 10px;
}
#dashboard > .dashboard-menu > li button:hover{
	opacity:1;
}

.gridster{
}
.gridster li{
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	-webkit-box-shadow: 0 6px 10px 0 rgb(0 0 0 / 2%), 0 1px 18px rgb(0 0 0 / 4%), 0 5px 26px 0 rgb(67 94 131 / 7%);
	box-shadow: 0 6px 10px 0 rgb(0 0 0 / 2%), 0 1px 18px rgb(0 0 0 / 4%), 0 5px 26px 0 rgb(67 94 131 / 7%);
	color: #444;
	background:#FFF;
	-webkit-transition: box-shadow .2s linear;
	-ms-transition: box-shadow .2s linear;
	transition: box-shadow .2s linear;
}
.gridster li:hover{
	-webkit-box-shadow: 0 6px 10px 0 rgb(0 0 0 / 3%), 0 1px 18px rgb(0 0 0 / 7%), 0 5px 26px 0 rgb(67 94 131 / 15%);
	box-shadow: 0 6px 10px 0 rgb(0 0 0 / 3%), 0 1px 18px rgb(0 0 0 / 7%), 0 5px 26px 0 rgb(67 94 131 / 15%);
}

.gridster li > h5{
	margin:0;
	padding:0 3px;
	color:#333;
	text-shadow:1px 1px 1px #FFF;
	background:0;
	font-size:13px;
	line-height:25px;
	background:#DDD;
	border-bottom:1px solid #EEE;
	transition:background .2s linear;
	text-overflow: "…";
}
.gridster li > h5:hover{
	background:#c7081b;
	color:#FFF;
	text-shadow:initial;
	cursor:move;
}
.gridster li > h5 > i{
	font-size:16px;
}
.gridster li > h5 > span{
	display:none;
	float:right;
	margin-right:5px;
}
.gridster li > h5 > span > button{
	border:0;
	background:none;
}
.gridster li > h5:hover span{
	display:inline;
}
.gridster li > h5 > span > button:hover{
	color:#2753A8;
}
.gridster li > h5 > span > button:hover >i.fa-times{
	color:#900;
}
.gridster li > div{
	overflow:auto;
	padding:.5em;
	max-height:100%;
	padding-bottom:2em;
}
.gridster li > div > table.table{
	margin-bottom:0;
	border-bottom:0 !important;
}

/*! gridster.js - v0.6.10 - 2015-05-31
* https://dsmorse.github.io/gridster.js/
* Copyright (c) 2015 ducksboard; Licensed MIT */
.gridster {
  position: relative;
}

.gridster > * {
  -webkit-transition: height .4s, width .4s;
  -moz-transition: height .4s, width .4s;
  -o-transition: height .4s, width .4s;
  -ms-transition: height .4s, width .4s;
  transition: height .4s, width .4s;
}
.gridster .gs-w {
  z-index: 2;
  position: absolute;
}
.gridster .preview-holder {
  z-index: 1;
  position: absolute;
  background-color: #999;
  border-color: #fff;
  opacity: 0.3;
}
.gridster .player-revert {
  z-index: 10!important;
  -webkit-transition: left .3s, top .3s!important;
  -moz-transition: left .3s, top .3s!important;
  -o-transition: left .3s, top .3s!important;
  transition: left .3s, top .3s!important;
}
.gridster.collapsed {
  height: auto !important;
}
.gridster.collapsed .gs-w {
  position: static !important;
}
.ready .gs-w:not(.preview-holder) {
  -webkit-transition: opacity .3s, left .3s, top .3s;
  -moz-transition: opacity .3s, left .3s, top .3s;
  -o-transition: opacity .3s, left .3s, top .3s;
  transition: opacity .3s, left .3s, top .3s;
}
.ready .gs-w:not(.preview-holder),
.ready .resize-preview-holder {
  -webkit-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
  -moz-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
  -o-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
  transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
}
.gridster .dragging,
.gridster .resizing {
  z-index: 10!important;
  -webkit-transition: all 0s !important;
  -moz-transition: all 0s !important;
  -o-transition: all 0s !important;
  transition: all 0s !important;
}
.gs-resize-handle {
  position: absolute;
  z-index: 1;
}
.gs-resize-handle-both {
  width: 20px;
  height: 20px;
  bottom: -8px;
  right: -8px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=');
  background-position: top left;
  background-repeat: no-repeat;
  cursor: se-resize;
  z-index: 20;
}
.gs-resize-handle-x {
  top: 0;
  bottom: 13px;
  right: -5px;
  width: 10px;
  cursor: e-resize;
}
.gs-resize-handle-y {
  left: 0;
  right: 13px;
  bottom: -5px;
  height: 10px;
  cursor: s-resize;
}
.gs-w:hover .gs-resize-handle,
.resizing .gs-resize-handle {
  opacity: 1;
}
.gs-resize-handle,
.gs-w.dragging .gs-resize-handle {
  opacity: 0;
}
.gs-resize-disabled .gs-resize-handle {
  display: none!important;
}
[data-max-sizex="1"] .gs-resize-handle-x,
[data-max-sizey="1"] .gs-resize-handle-y,
[data-max-sizey="1"][data-max-sizex="1"] .gs-resize-handle {
  display: none !important;
}

.gridster .player {
  opacity:0;
}
/*# sourceMappingURL=dist/jquery.gridster.css.map */

.UIBooleanSwitch.js {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 20px;
	overflow: hidden;
}
.UIBooleanSwitch.js input{
	display:none;
}
.UIBooleanSwitch.js .knob {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    background-color: #CCC;
    display: block;
    transition: all 0.3s;
    border-radius: 3.4rem;
    cursor: pointer;
}
.UIBooleanSwitch.js .knob:hover{
	background:#3C3;
}
.UIBooleanSwitch.js .knob:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    border-radius: 100%;
    display: block;
    left: 2px;
    bottom: 2px;
    background-color: #FFF;
    transition: all 0.3s;
}

.UIBooleanSwitch.js input:checked + .knob {
    background-color: #090;
}
.UIBooleanSwitch.js input:checked + .knob:hover {
    background-color: #888;
}

.UIBooleanSwitch.js input:checked + .knob:before  {
    transform: translate(20px, 0);
}
.UIBooleanSwitchLabel{
	line-height:20px;
    vertical-align: super;
    padding-left: 0.5em;
}
/*
@keyframes highlight {
    0% {
        background: lightgreen;
    }
    100% {
        background: none;
    }
}

.highlight {
    animation: highlight 2s;
}
*/

	.UINotifications{
		position:absolute;
		right:30px;
		bottom:30px;
		z-index:100001;
	}
	.UINotifications li{
		min-width:500px;
		list-style:none;
		padding:0;
		margin:1em 0;
		padding:20px 5px;
		border-left:3px solid #CCC;
		background:#EEE;
		-webkit-box-shadow: 1px 0px 4px 3px rgba(255,255,255,0.34);
		box-shadow: 1px 0px 4px 3px rgba(255,255,255,0.34);
	}
	.UINotifications li:before{
		content:'\f05a';
		font-family:'Fontawesome';
		font-size:16px;
		padding-right:5px;
	}
		.UINotifications li.info{
			border-left:3px solid rgba(60, 132, 197);
			background:#d8e6f3;
		}
		.UINotifications li.info:before{
			color: rgba(60, 132, 197);
		}
		.UINotifications li.warning{
			border-left:3px solid rgb(255, 153, 0);
			background:#ffebcc;
		}
		.UINotifications li.warning:before{
			content:'\f071';
			color:rgb(255, 153, 0);
		}
		.UINotifications li.error{
			border-left:3px solid rgb(153, 0, 0);
			background:#ebcccc;
		}
		.UINotifications li.error:before{
			content:'\f06a';
			color:rgb(153, 0, 0);
		}
		.UINotifications li.success{
			border-left:3px solid rgb(0, 153, 0);
			background:#ccebcc;
		}
		.UINotifications li.success:before{
			content:'\f058';
			color:rgb(0, 153, 0);
		}
		.UINotifications li.failed{
			border-left:3px solid rgb(153, 0, 0);
			background:#ebcccc;
		}
		.UINotifications li.failed:before{
			content:'\f057';
			color:rgb(153, 0, 0);
		}
	button.UINotifications-close{
		float:right;
		color:#666;
		text-shadow:1px 1px 1px #FFF;
		background:#fff;
		border:1px solid #CCC;
	}

	.UINotifications.hide > button.UINotifications-close{
		display:none;
	}