
*{
	box-sizing: border-box;
}

html {
	min-height: 100%;
}
body{
	background: #F4F2F2;
	font-family: "Open Sans", sans-serif;
	color: #292929;
	min-height: 100vh;
}

.add-button{
	display: inline-block;
	margin-bottom: 20px;
}

.checkRights{
	display: block;
	line-height: 36px;
}

.restrictAjax{
	cursor: pointer;
}

.treeview, .treeview ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: none;
}


.treeview.shown, .treeview ul.shown{
	display: block;
}
.treeview li{
	margin: 0;
	padding: 0;
	list-style: none;
}


.treeview li ul{
	padding: 0 0 0 20px;
}

#language-product-select{
	float: right;
	width: 200px;
}

#language-select{
	width: 200px;
}

#language-select.main{
	float: right;
	margin-top: 5px;
}

.add-button svg{
	width: 34px;
	height: auto;
	display: block;
}


body.dark{
	background: #535353;
}
header{
	height: 80px;
	background: #fff;
	width: 100%;
	top: 0;
	vertical-align: middle;
	position: fixed;
	z-index: 11;
}

header .logo{
	height: 80px;
	float: left;
	width: auto;
	padding: 7px 22px;
	display: inline-block
}



header .logo img{
	height: 66px;
	width: auto;
	display: block
}


header .logo.home{
	width: auto;
	padding: 28px 22px;
}

header .logo.home svg{
	height: 24px;
}


header #breadcrumb{
	display: inline-block;
	line-height: 80px;
	padding-left: 17px;
	float: left;
	vertical-align: middle;
}

header #breadcrumb a{
	vertical-align: top;
	margin: 0 0 0 15px;
	color: #333;
	text-decoration: none;
	float: left;
}

header #breadcrumb .icon{
	height: 80px;
	width: 30px;
	margin: 0 0 0 15px;
	background: url(/img/breadcrumb-arrow.svg) center center no-repeat;
	float: left;
	display: inline-block;
}


header #customer-logo{
	float: right;
	height: 50px;
	margin: 15px 30px;
}

header #customer-logo img{
	height: 22px;
	width: auto;
	margin: 14px 0;
	display: block;
}


aside{
	width: 88px;
	position: fixed;
	background: #535353;
	z-index: 10;
	height: 100%;
	left: 0;
	top: 0;
}
body.dark aside{

	border-right: 1px solid #7B7B7B;
}
aside ul.user-menu{
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 88px;

}

aside ul.categories{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 80px;
	left: 0;
	width: 88px;

}

aside ul li{
	list-style: none;
	padding: 0px;
	margin: 0;
	position: relative;

}

aside ul li a{
	color: #ccc;
	display: block;
	text-align: center;
	padding: 20px 0;
	text-decoration: none;
}

aside ul.user-menu li a{

	border-top: 1px solid #7B7B7B;
}
aside ul.categories li a{

	border-bottom: 1px solid #7B7B7B;
}

aside ul.categories li a svg{

	opacity: 0.5;
}

aside ul.categories li.active a svg{

	opacity: 1;
}

aside ul.user-menu ul li a:hover,
aside ul.user-menu li.active a{
	opacity: 1;
}

aside ul.user-menu li a svg{
	width: 30px;
	height: auto;
	display: block;
	margin: 0 auto;
	opacity: 0.5;
}

aside ul.categories li a svg{
	width: auto;
	height: 25px;
	display: block;
	margin: 0 auto;
}
aside ul.user-menu li a:hover svg{
	opacity: 1;
}
aside ul.user-menu li li a:hover{
	color: #fff;
}

aside ul.categories li a svg path{
	fill: #fff;
}


aside ul li ul{
	position: absolute;
	left: 100%;
	bottom: 0;
	display: none;
	margin: 0;
	padding: 0;
	min-width: 220px;
	background: #535353;
	box-shadow: 0px 15px 45px rgba(0, 0, 0, 0.25);

}


aside ul li ul li a{
	line-height: 22px;
	padding: 13px 20px;
	color: #ccc;
	text-align: left;

}
aside ul li ul li.content{
	color: #ccc;
	line-height: 26px;
	padding: 13px 20px;
	text-align: left;
}
aside ul li ul li.content a{
	padding: 0;
	color: #ccc;
	display: inline;
	border: none;
}

aside ul li ul li.content a:hover{
	color: #fff;
}
aside ul li ul li.small a{

}


aside ul li:hover ul{
	display: block;
}



aside ul li ul li.note{
	padding: 20px;
	color: #fff;
}

main{
	padding: 140px;
	padding: 140px 52px 140px 140px;
}

.dark main{
	padding: 150px 100px 100px 200px;
}


.dark main.hasSidebar{
	padding: 150px 100px 150px 420px;
}


#sidebar{
	position: fixed;
	left: 88px;
	top: 0;
	background: red;
	height: 100%;
	width: 220px;
	padding-top: 80px;
	background: #535353;
	box-shadow: 0px 15px 45px rgba(0, 0, 0, 0.25);

}

#sidebar form{
	text-align: center;
	margin-top: 20px;
}

#sidebar ul, #sidebar li{
	list-style: none;
	margin: 0;
	padding: 0;
}


#sidebar li a{
	padding: 18px 50px;
	color: #fff;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #7B7B7B;
}


#sidebar li a:hover,
#sidebar li.active a{
	background: #048804;
}


main #filter{
	margin-bottom: 30px;
}

main #widgets::after, .cols:after, .cart-row:after, main:after {
	display: block;
	content: "";
	clear: both;



}

.cart-button-submit{
	margin-top: 40px;
	text-align: right;
}

.cart-button-submit button{

}
.col{
	width: 55%;
	margin-right: 5%;
	float: left;
}

.col:last-of-type{
	width: 40%;
	margin-right: 0%;
	float: left;
}


.col p{
	color: #fff;
	font-weight: 600;
	line-height: 1.4;
}


#widgets.mtop{
	margin-top: 67px;
}
main .widget{
	width: 22%;
	height: 150px;
	margin-right: 3%;
	margin-bottom: 3%;
	background: #fff;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
	display: block;
	position: relative;
	float: left;
	text-align: center;
	text-decoration: none;
	color: #292929;
	transition: all 0.5s ease;
}

p.lh{
	line-height: 1.5;
}

.svgicon{
	display: inline-block;
	float: left;
}

.remove-rating{
	width: 20px;
	height: 20px;
	cursor: pointer;
	margin-top: 2px;
	margin-right: 10px;
	background: #dadada;
	color: red;
	text-align: center;
	line-height: 18px;
	border-radius: 50%;
	display: inline-block;;
}


#content, .content{
	width: 70%;
	margin-right: 5%;
	margin-bottom: 30px;
	background: #fff;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
	display: block;
	position: relative;
	float: left;
	padding: 40px;
	text-decoration: none;
	color: #292929;
	transition: all 0.5s ease;
}

.content p svg{
	width: 30px;
	vertical-align: middle;
	margin-right: 10px;
}
.lentry p{
	margin: 0;
}
.lentry{
	padding-bottom: 30px;
	border-bottom: 1px solid #dadada;
	margin-bottom: 30px;
}
.lnumber{
	width: 10%;
	float: left;
	font-size: 16px;
	text-align: center;
	color: #666;
}

.category .lentry, .category .lentry:last-of-type{
	margin: 0 0 15px 0;
	background: #fff;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
	padding: 20px;
	border: none;
	line-height: 1.6;
}

.category{
	margin-bottom: 50px;
}

.content.full{
	margin-right: 0;
	width: 90%;
}

.lcontent{
	width: 70%;
	float: left;
}


.linteract{
	width: 20%;
	float: left;
	text-align: right;
}

.linteract .like, .linteract .dislike{
	width: 30px;
	height: auto;
	margin-left: 20px;
	display: inline-block;
	cursor: pointer;
}

.linteract svg{
	width: 30px;
	height: auto;
}

.linteract .active svg path{
	fill: #048804
}

.lentry:last-of-type{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.content.interact{
	width: 80%;
}


.category{
	width: 80%;
	margin-right: 5%;
	margin-bottom: 30px;
	display: block;
	position: relative;
	float: left;
	text-decoration: none;
	color: #292929;
	transition: all 0.5s ease;
}

#content h3, .content h3{
	color: #666;
}

#content p, .content p{
	line-height: 1.6;
}


.content.primary{

	background: #048804;
	color: #fff !important;
}


.content.primary h3{

	color: #fff !important;
}
#aside{
	width: 25%;
	display: block;
	position: relative;
	float: left;
	color: #292929;
	transition: all 0.5s ease;
}

.container{

	padding: 50px;
	max-width: 600px;
	background: #fff;
	margin: 0 auto;
}

.container h1{
	font-size: 1.3rem;
	margin: 0 0 40px 0;
}
#aside a{
	width: 100%;
	height: 100px;
	margin-bottom: 30px;
	padding: 0 40px;
	background: #fff;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
	display: block;
	position: relative;
	line-height: 1.6;
	text-align: center;
	text-decoration: none;
	color: #292929;
	transition: all 0.5s ease;
}

#aside a.link{

	color: #939393;
	height: auto;
	text-align: left;
	padding: 20px 20px;
	margin-bottom: 15px;
}

#aside a.link div{
	display: inline-block;
	vertical-align: top;
	width: 76%;

	float: left;
}
#aside a.link img{
	width: 30px;
	vertical-align: top;
	margin-right: 12px;
	height: auto;
	float: left;
}

.saved{
	background: #048804;
	position: fixed;
	bottom: 80px;
	right: 30px;
	color: #fff;
	padding: 20px;
	z-index: 100;
}

#aside a:hover{
	background: #048804;
	color: #fff;
}
#aside a span{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
	padding: 0;
	display: inline-block;;
}

main  .drop-handler .dropmenu{

	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
	background: #fff;
	min-width: 180px;
	position: absolute;
	top: 20px;
	right: 20px;
}

main  .drop-handler .dropmenu ul,
main  .drop-handler .dropmenu li{
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}


main .drop-handler .dropmenu li{

	border-bottom: 1px solid #D9D9D9;
}
main  .drop-handler .dropmenu li:last-of-type{
	border: none;
}
main .drop-handler .dropmenu li a{
	display: block;
	color: #939393;
	font-size: 14px;
	text-decoration: none;
	padding: 10px 12px;
}
main .drop-handler .dropmenu li button{
	display: block;
	color: #939393;
	width: 100%;
	border: none;
	font-size: 14px;
	text-align: left;
	text-decoration: none;
	padding: 10px 12px;
}

main  .drop-handler .dropmenu li a:hover,
main .drop-handler .dropmenu li button:hover{
	background: #048804;
	color: #fff;
}

main .widget figure img{

	height: auto;

	width: 70%;
}


main .widget figure svg{

	height: 50px;
	width: auto;
}
main  .drop-handler.add{
	position: relative;
	margin-bottom: 30px;
	display: inline-block;
}

main  .drop-handler.add svg{
	width: 34px;
	height: 34px;
}

main  .drop-handler.add .dropmenu{
	right: auto;
	z-index: 100;
	left: 10px;
}

main  .widget .drop-handler{
	position: absolute;
	opacity: 1;
	cursor: pointer;
	top: 0;
	right: 0;
	padding: 8px;
	z-index: 20;
}




.widget .drag-handle{
	position: absolute;
	opacity: 1;
	cursor: grab;
	top: 0;
	right: 0;
	padding: 8px;
	z-index: 20;

}

.widget .drag-handle img{
	display: block;
	vertical-align: middle;
	width: 28px;
	height: auto;
}



main  .widget .widget-link{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
	display: block;
}

main  .drop-handler button{
	border: none;
	outline: none;
	cursor: pointer;
	padding: 0;
	margin: 0;
	background: none;
}

main  .interaction-menu img{
	display: block;
	vertical-align: middle;
	width: 28px;
	height: auto;
}


main  .drop-handler .dropmenu {
	display: none;
}



main  .drop-handler.active .dropmenu {
	display: block;
}

.dropmenu{
	position: absolute;
	top: 0;
	right: 0;
}

main .widget.add svg{


	width: 40px
}



.dropmenu {
	display: none;
	position: absolute;
}
main .widget.product{
	height: auto;
	cursor: grab;
}

main .widget.product .description{

	border-top: 1px solid #D9D9D9;
	padding: 12px 20px;
}
main .widget.product .description span{
	display: block;
	line-height: 1.4;
	font-size: 14px;
	text-align: left;
}


main .widget.product  figure{
	height: 240px;
}

main .widget.product  figure{
	height: 240px;
	padding: 20px 0;
	text-align: center
}

main .widget.product  figure img{
	height: 200px;
	width: auto;

}


main .widget.desc span{
	position: relative;
	top: 50%;
	transform: translateY(-50%);

	hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	display: block;
	text-align: center;
	font-size: 32px;

	width: 100%;
}

main .widget.desc span small{
	font-size: 14px;
	display: block;
	margin-top: 6px;}

main .widget:hover{

	box-shadow: 0px 15px 45px rgba(0, 0, 0, 0.15);

}

main .widget.desc:hover,
main .widget.add:hover{
	background: #048804;
	color: #fff;
}

main .widget.desc:hover svg path,
main .widget.add:hover svg path{
	fill: #fff;
}

main .widget.add:hover svg path{
	stroke: #212121;
}

main .widget.add:hover svg circle{
	fill: #fff;
}


main .widget:hover .drop-handler{
	opacity: 1;
}




.txt-prim{
	color: #048804
}

#ipool-count{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	line-height: 60px;
	color: #fff;
	background: #048804;
	text-align: center;
	position: fixed;;
	bottom: 60px;
	right: 30px;
}

.addField{
	display: inline-block;
	vertical-align: middle;
	margin-left: 22px;
	cursor: pointer;
}

.addField img{
	width: 28px;
	height: auto;
	display: block;
}

.hide{
	display: none;
}

.interaction{
	cursor: pointer;
}

#login{
	width: 600px;
	background: #fff;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
	margin: 0 auto;
	position: relative;
	padding: 50px 100px;
	margin-top: 100px;
}
#logos{
	text-align: center;
	vertical-align: middle;
}
#logos img{
	height: 54px;
	vertical-align: middle;
	margin: 0 20px 40px;
	width: auto;
}
#logos img:last-of-type{
	height: 46px;
}
#footer-logo{
margin-top: 50px;
}

#footer-logo img{
	width: 100%;
	height: auto;
}

#login h2{
	font-weight: normal;
	font-size: 26px;
	margin-top: 0;
	text-align: center;
	color: #292929;
	margin-bottom: 12px;

}

.form-signin .alert{
	margin-bottom: 20px;
	padding: 12px;
	color: #fff;
	background: red;
}

#login h3{
	font-weight: normal;
	font-size: 18px;
	margin-top: 0;
	text-align: center;
	color: #292929;
	margin-bottom: 40px;

}

#login input[type="email"],
#login input[type="text"],
#login input[type="password"]{
	width: 100%;
	height: 50px;
	background: #fff;
	margin-bottom: 20px;
	padding: 0 20px;
	border: 1px solid #a2a2a2;

}

#login .lang{
	margin-bottom: 40px;
}

.button{
	height: 42px;
	line-height: 42px;
	padding: 0 32px;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	border: none;
	outline: none;
	border-radius: 25px;
	background: #048804;

}

.remember{
	margin-top: 10px;
	float: right;
}


.button.light{
	background: #939393
}
.button.transparent{
	background: red;
}

.form-buttons{

	margin-top: 80px;
}

.form-buttons button,
.form-buttons .button{

	margin-right: 12px;
}


.list-group .list-group-item{
	width: 30.3333%;
	margin-right: 3%;
	margin-bottom:3%;
	background: #fff;
	float: left;
	position: relative;
}

.list-group .list-group-item .dz-progress{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	z-index: 10;
	background: #565656,;
}

.list-group .list-group-item .dz-progress span{
	background: #048804;
	display: block;
	height: 10px;
	width: 0px;
}



.list-group .list-group-item img{
	width: 100%;
	height: auto;
}


.list-group .list-group-item .drag-handle{

	height: auto;
	position: absolute;
	bottom: 10px;
	text-align: center;
	cursor: grab;
	width: 33.3333%;
	right: 0;

}
.list-group .list-group-item figure{
	margin: 0;
	padding-top: 0;
}
.list-group .list-group-item figure img{
	display: block;
}

.list-group .list-group-item .delete-file{

	height: auto;
	position: absolute;
	bottom: 10px;
	text-align: center;
	cursor: pointer;
	width: 33.3333%;
	left: 0;

}

.list-group .list-group-item .js-open-image-cropping{

	height: auto;
	position: absolute;
	bottom: 10px;
	text-align: center;
	cursor: pointer;
	width: 33.3333%;
	left: 33.3333%;

}

.list-group .list-group-item .delete-file img,
.list-group .list-group-item .js-open-image-cropping img,
.list-group .list-group-item .drag-handle img{
	width: 30px;
	margin: 0 auto;
	height: auto;
	display: block;
}

.form-group{
	width: 100%;

}

.form-group.small{
	width: 70%;

}

.form-group::after, #aside .link:after, .lentry:after, .item-row::after, #file-list:after, .files:after, .list-group:after, #product:after {
	display: block;
	content: "";
	clear: both;
}
.form-item{
	float: left;
	margin-top: 20px;
	width: 100%;
}


#product-images{
	padding: 40px;
	background: #fff;
	width: 65%;
	margin-right: 2.5%;
	float: left;
}

#product-images img{
	width: 100%;
	height: auto;
}

#product-summary{
	padding: 40px;
	float: left;
	background: #fff;
	width: 32.5%;
}

.add-to-cart:after {
	display: block;
	content: "";
	clear: both;



}

.add-to-cart{
	margin-top: 100px;
}
.add-to-cart .qty{
	width: 20%;
	float: left;
	margin-right: 5%;
}

.add-to-cart .qty input{
	width: 100%;
	border:1px solid #939393;
	padding: 10px;
}

.add-to-cart button{
	width: 75%;
	float: left;
	font-size: 1rem;
}
#widgets, #product{
	float: left;
	width: 100%;
}
#cart-holder{
	margin-bottom: 30px;

	float: left;
}

.product-info a{
	color: #111;
}
#cart-holder .button{
	padding-right: 10px;
}


#cart-holder .button .count{
	margin-left: 40px;
	height: 22px;
	width: 22px;
	border-radius: 50%;
	background: #fff;
	display: inline-block;
	vertical-align: middle;

	line-height: 22px;
	text-align: center;
	color: #048804;

}

#cart-holder .button.white{
	background: #fff;
	color: #565656;
	padding-right: 32px;
}

#cart-holder .button.white .count{
	display: none;

}


#cart-holder .button svg{
	vertical-align: middle;
	height: 20px;
	width: auto;
	display: inline-block;
	margin-right: 8px;

}
#cart-holder .button.white svg path,
#cart-holder .button.white svg circle{
	stroke: #565656;
}

.w100{width: 98%; margin-right: 2%;}
.w90{width: 88%; margin-right: 2%;}
.w80{width: 78%; margin-right: 2%;}
.w70{width: 68%; margin-right: 2%;}
.w80{width: 58%; margin-right: 2%;}
.w50{width: 48%; margin-right: 2%;}
.w40{width: 38%; margin-right: 2%;}
.w30{width: 28%; margin-right: 2%;}
.w25{width: 23%; margin-right: 2%;}
.w20{width: 18%; margin-right: 2%;}
.w15{width: 13%; margin-right: 2%;}
.w10{width: 8%; margin-right: 2%;}

.inp{
	float: left;
}


.w100.nmr{width: 100%; margin-right: 0%;}
.w90.nmr{width: 90%; margin-right: 0%;}
.w80.nmr{width: 80%; margin-right: 0%;}
.w70.nmr{width: 70%; margin-right: 0%;}
.w80.nmr{width: 60%; margin-right: 0%;}
.w50.nmr{width: 50%; margin-right: 0%;}
.w40.nmr{width: 40%; margin-right: 0%;}
.w30.nmr{width: 30%; margin-right: 0%;}
.w25.nmr{width: 25%; margin-right: 0%;}
.w20.nmr{width: 20%; margin-right: 0%;}
.w15.nmr{width: 15%; margin-right: 0%;}
.w10.nmr{width: 10%; margin-right: 0%;}


.form-item label{
	display: block;
	font-weight: 600;
	margin: 0;
	line-height: 32px;
	color: #565656;
}

.form-item input,
.form-item textarea{
	border: 1px solid #dadada;
	padding: 6px 12px;
	background: transparent;
	color: #3b3b3b;
	display: block;
	width: 100%;
}
.form-item textarea{
	min-height: 100px;
}
.form-item.half input{
	width: 45%;
	margin-right: 5%
}

.item-row{
	margin-bottom: 12px;
}
.item-row .item{
	margin-right: 2%;
	float: left;
	padding: 8px 16px;
	color: #fff;
}

.item-row .item.brd{
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin-right: 2%;
	float: left;
	padding: 8px 16px;
	color: #fff;
}

.item-row .item.last{
	border-right: 1px solid #fff;}

.item-row .item.buttons{
	border-left: 1px solid #fff;}

.item-row .item.nobrd{
	border: none
}

.item-row.head .item{
	border: none;
	margin-right: 2%;
	float: left;
	padding: 8px 0;
	font-weight: 700;
	color: #fff;
}

.item-row .item.buttons{
	padding: 0;
	vertical-align: middle;
	min-height: 36px;
	padding-left: 10px;
}

.icon.interaction{
	vertical-align: middle;
	display: inline-block;
	margin-left: 8px;
	min-height: 36px;
}
.icon.interaction img{
	width: 28px;
	margin-top: 4px;
	height: auto;
}

table{
	text-align: left;
	width: 100%;
	margin-bottom: 40px;
}

table tr{

}

table tr td{
	border-bottom: 1px solid #dadada;
	padding: 12px 0;
	line-height: 1.5;

}


#customer-logout{
	position: absolute;
	right: 52px;
	top: 30px;

}

#customer-logout a{
	display: block;
	text-decoration: none;
	color: #048804;
}
table .button{
	margin-bottom: 10px;
	display: block;;
	width: 100%;
	font-size: 14px;
	height: 34px;
	text-align: center;
	line-height: 34px;
}

.icon.interaction button{
	border: none;
	background: none;
	padding: 0;
	outline: none;
}

.form-item.nmr, .item-row .item.nmr{
	margin-right: 0;
}

.headline{
	color: #fff;
	margin-top: 40px;
}
.headline:first-of-type{
	margin-top: 0;
}
.headline h2,
.headline h3{

	font-weight: normal;
}

.headline .select{
	float: right;
	width: auto;
}

.headline.first{
	margin-bottom: 80px;
}

.headline img{

	height: 22px;
	position: relative;
	top: -3px;
	width: auto;
	margin-right: 12px;
	vertical-align: middle;

}

.headline h2{

	font-size: 30px;
}
.headline h3{

	font-size: 24px;
}


#file-list .file{
	border-radius: 5px;
	background: #fff;
	width: 18%;
	min-height: 120px;
	margin-right: 2%;
	float: left;
	background: #fff;
}


/* Reset Select */
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	outline: 0;
	box-shadow: none;
	border: 0 !important;
	background: #fff;
	background-image: none;
}
/* Remove IE arrow */
select::-ms-expand {
	display: none;
}
/* Custom Select */
.select {
	position: relative;
	display: inline-block;
	width: auto;
	background: #fff;
	border: 1px solid #D9D9D9;
	line-height: 1.5;
	overflow: hidden;
	border-radius: 25px;
	width: 100%;
}
select {
	width: 100%;
	flex: 1;
	font-size: 14px;
	padding:8px 52px 8px 16px;
	color: #292929;
	cursor: pointer;
}
/* Arrow */
.select::after {
	content: '\25BC';
	position: absolute;
	top: 5px;
	right: 0;
	padding: 0 1em;
	background: #fff;
	color: #292929;
	cursor: pointer;
	pointer-events: none;
	-webkit-transition: .25s all ease;
	-o-transition: .25s all ease;
	transition: .25s all ease;
}




/* The container */
.container-checkbox {
	display: inline-block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	color: #fff;
	font-size: 16px;
	margin-right: 12px;
	line-height: 25px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

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

/* Create a custom checkbox */
.container-checkbox .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	border-radius: 4px;
	width: 25px;
	border: 1px solid #fff;
}

/* On mouse-over, add a grey background color */
.container-checkbox:hover input ~ .checkmark {

}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark {

}

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

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

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


/* The container */
.container-radio {
	display: inline-block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	margin-right: 12px;
	font-size: 16px;
	color: #fff;
	line-height: 25px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default radio button */
.container-radio input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom radio button */
.container-radio .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	border: 1px solid #fff;
	border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container-radio:hover input ~ .checkmark {

}

/* When the radio button is checked, add a blue background */
.container-radio input:checked ~ .checkmark {

}

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

/* Show the indicator (dot/circle) when checked */
.container-radio input:checked ~ .checkmark:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.container-radio .checkmark:after {
	top: 0px;
	left: -1px;
	width: 25px;
	height: 25px;
	background: url(/Assets/Media/close.svg) no-repeat center center;
	background-size: 14px;
}

.file-single img{
	width: 100%;
	height: auto;
}
.file-single{
	position: relative;
	background: #fff;
}
.file-single .remove-file{
	position: absolute;
	bottom: 20px;
	width: 50%;
	text-align: center;
	z-index: 12;
	margin: 0;
	left: 0;
}

.file-single .upload-file{
	position: absolute;
	bottom: 20px;
	width: 50%;
	text-align: center;
	z-index: 10;
	margin: 0;
	right: 0;
}

.file-single .remove-file img,
.file-single .upload-file img{

	box-shadow: 0px 15px 45px rgba(0, 0, 0, 0.25);
}



.file-single.small{
	position: relative;
	width: 140px;
	height: 140px;
	background: #fff;
	text-align: center;
}

.file-single.small .thumb {
	width: 70px;
	height: auto;
	left: 50%;
	margin-left: -35px;
	position: absolute;
	top: 30%;
	transform: translateY(-40%);
}

.list-group{
	margin: 0;
	padding: 0;
	list-style:none;
}


.list-group li{
	margin: 0;
	padding: 0;
	list-style:none;
	width: 30.3333%;
	background: #fff;
	margin-right: 3%;
	margin-bottom: 3%;
	float: left;
}

.upload-product-file{
	position: relative;
	width: 30.3333%;
	background: #fff;
	margin-right: 3%;
	margin-bottom: 3%;
	height: 100px;
}

.upload-product-file .add{
	position: absolute;
	top: 50%;
	margin-top: -16px;
	width: 32px;
	height: auto;
	display: block;
	left: 50%;
	margin-left: -16px;
}



/* Sortable */
.sortable-ghost {
	background-color: lightblue;
}
.drag-handle {
	cursor: grab;
}


#cart{
	padding: 30px;
	background: #fff;
	float: left;;
	width: 100%;
}
#cart .cart-row{
	padding: 12px 0;
	border-bottom: 1px solid #dadada;
}
#cart .cart-row.footer{
	padding: 12px 0;
	border-bottom: none;
	font-weight: bold;
}

#cart .cart-row.footer.normal{
	font-weight: normal;
}
#cart .cart-row.footer.mtop{
	margin-top: 30px;
}

#cart .cart-row.footer.last{
	border-bottom: 1px solid #dadada;
	margin-bottom: 30px;
}
#cart .cart-row.footer p{
	margin: 0;
}



#shipping-form{
	display: none;
}
#shipping-form.active{
	display: block;
}

#shipping-form .form-group .form-item,
#invoice-form .form-group .form-item{
	width: 49%;
	margin-right: 2%;
	color: #565656;
}


#shipping-form .form-group .form-item.full,
#invoice-form .form-group .form-item.full{
	width: 100%;
}


#shipping-form .form-group .form-item input,
#shipping-form .form-group .form-item label,
#shipping-form .form-group .form-item textarea,
#invoice-form .form-group .form-item input,
#invoice-form .form-group .form-item label,
#invoice-form .form-group .form-item textarea{

	width: 100%;
	color: #565656;
}

#shipping-form .form-group .form-item textarea,
#invoice-form .form-group .form-item textarea{
	min-height: 100px;
}
#shipping-form .form-group .form-item input,
#shipping-form .form-group .form-item textarea,
#invoice-form .form-group .form-item input,
#invoice-form .form-group .form-item textarea{

	border: 1px solid #dadada;
}


#shipping-form .form-group .form-item:last-of-type,
#invoice-form .form-group .form-item:last-of-type{
	margin-right: 0%;
}

#cart .product-sku,
#cart .product-qty,
#cart .product-thumb,
#cart .product-order,
#cart .product-info,
#cart .product-price,
#cart .product-label,
#cart .product-price-full,
#cart .product-actions,
#cart .product-shipping,
#cart .product-shipping-cost{
	float: left;
}

#cart .product-thumb{
	width: 8%;
}
#cart .product-qty{
	width: 12%;
	text-align: center;
}
#cart .product-sku{
	width: 15%;
}
#cart .product-info{
	width: 30%;
}
#cart .product-order{
	width: 20%;
}
#cart .product-price{
	width: 12%;
}

#cart .product-label{
	width: 77%;
}
#cart .product-price-full{
	width: 12%;

}

#cart .product-shipping{
	width: 30%;
	margin-left: 8%;

}
#wrong-invoice-address{
	display: none;
	padding: 12px;
	color: #fff;
	background: #048804;
	margin: 20px 0;
}

#wrong-invoice-address p{
	margin: 0;
	padding-left: 0;
}

#wrong-invoice-address.show-error{
	display: block;
}
#cart .product-shipping-cost{
	width: 27%;

}

.txt-right{
	text-align: right;
}
#cart .product-actions{
	width: 11%;
}

#cart .product-actions a{
	display: block;
	float: right;
	margin-top: 12px;
}
#cart .product-actions img{
	width: 22px;
	height: auto;
}

#cart.desc p{
	line-height: 1.4;
}


#cart .product-order a{
	display: block;
	float: right;
	text-decoration: none;
	margin-top: 12px;
}
#cart .product-order img{
	width: 22px;
	height: auto;
}

#cart .product-thumb img{
	width: 90%;
	height: auto;
}

.widget .button.primary{
	float: left;
	margin: 12px 12px 20px 12px;
	font-size: 14px;
	line-height: 32px;
	height: 32px;
}



.modal {
	background-color: #fff;
	padding: 2em 3em;
	text-align: center;
	border-radius: .5em;
	display: none;
}

.modal.is-active { display: block; }

.modal-image {
	width: 40px;
	height: 40px;
	margin: 0 auto;
	border-radius: 50%;
	box-shadow: 0 0 0 2px #48DB71;
	padding: 11px 10px 2px;
	margin-bottom: 2em;
}

.modal  h1 {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: .5em;
}

.modal p {
	margin-bottom: 2em;
	color: #666;
}

.modal .btn-open {
	display: none;

}

.modal button {
	font-size: 1.25em;
	font-weight: bold;
	background-color: #000;
	border: none;
	padding: .5em 1em;
	color: #fff;
	box-shadow: 0 0 0 2px #000 inset;
	border-radius: .25em;
	cursor: pointer;
	transition: background .4s ease, color .4s ease;

.modal button:hover {
	box-shadow: 0 0 0 2px #000 inset;
	color: #000;
	background-color: transparent;
}
}




@media(max-width: 900px){
	#login{
		max-width: 80%;
	}
}


.rating {
	display: flex;
	width: 100%;
	justify-content: right;
	overflow: hidden;
	flex-direction: row-reverse;
	position: relative;
}

.rating-0 {
	filter: grayscale(100%);
}

.rating > input {
	display: none;
}

.rating > label {
	cursor: pointer;
	width: 25px;
	height: 25px;
	margin-top: auto;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 76%;
	transition: .3s;
}

.rating > input:checked ~ label,
.rating > input:checked ~ label ~ label {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}


.rating > input:not(:checked) ~ label:hover,
.rating > input:not(:checked) ~ label:hover ~ label {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}