+@font-face {
	font-family: 'Roboto', sans-serif;
	src: url('../fonts/UbuntuCondensed-Regular.eot');
	src: local('☺'),
	url('../fonts/UbuntuCondensed-Regular.woff') format('woff'),
	url('../fonts/UbuntuCondensed-Regular.ttf') format('truetype'),
	url('../fonts/UbuntuCondensed-Regular.svg') format('svg');
	font-weight: 100;
	font-style: normal;
}


* {
	line-height: 1.25;
}
html {
	margin: 0;
	padding: 0;
	}
html, body {
	margin:0;
	height: auto;
}
body {
	color: #ccc;
	font-family: 'Roboto', sans-serif;
	margin: 0;
	/*color for default theme*/
	background: #303030;
	/*background: #000;*/
	font-size:16px;
	line-height:11px;
	font-weight:500;
	min-width:260px;

	/*transition: margin-left .2s ease;*/

}
header, section, footer  {
	margin-left:auto;
	margin-right:auto;
	width: 90%;
}

p b, p strong {
	color:#fff;
}
td, th, input, textarea, select, a {
	font-size: 16px;
}
button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type='number'] {
    -moz-appearance: textfield;
}
fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}
iframe {
	border: 1px solid #000;
}
legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
	font-size: 21px;
	line-height: 40px;
	color: #333;
	border: 0;
	border-bottom: 1px solid #000;
}
img {
	max-width: 100%;
	max-height: 100%;
}
legend small {
	font-size: 15px;
	color: #999999;
}

label,
input,
button,
select,
textarea {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
}

input,
button,
select,
textarea {
	font-family: Arial, sans-serif;
}

label {
	margin-bottom: 5px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	display: inline-block;
	padding: 4px 6px;
	font-size: 14px;
	line-height: 20px;
	color: #555555;
	vertical-align: middle;
	height:34px;
}

input,
textarea,
.uneditable-input {
	width: 280px;
	max-width:100%;
}

textarea {
	height: auto;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	background-color: #ffffff;
	border: 1px solid #d7d7d7;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	outline: 0;
	outline: thin dotted \9;
	/* IE6-9 */
}

/* input[type="radio"],
input[type="checkbox"] {

	margin-top: 10px;
} */

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
	width: auto;
}

select,
input[type="file"] {
	height: 34px;
	/* In IE7, the height of the select element cannot be changed by height, only font-size */

	*margin-top: 4px;
	/* For IE7, add top margin to align select with labels */

	line-height: 30px;
	border-radius: 5px !important;
}

select {
	width: 280px;
	max-width:100%;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}

select[multiple],
select[size] {
	height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

p {
	margin-top: 0px;
	margin-bottom: 20px;
	line-height: 1.25;
}
a, a:visited, a:focus {
	cursor: pointer;
	text-decoration:none;
	outline:none
}
a {
	color: #777;
}
a:hover {
	text-decoration:none;
	/*color:#01aa46*/
	color: #fff;
}
a img {
	border: none;
}
form {
	margin-bottom:0;
}
/***********************/
.p0 {
	padding:0px !important
}
.m0 {
	margin:0px !important
}
.mt0 {
	margin-top:0px !important
}
/***********************/
@font-face {
	font-family: 'FontAwesome';
	src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
	src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/****************/
.fleft {
	float:left;
}
.fright {
	float:right;
}
.tcenter {
	text-align:center !important;
}
.fancybox {
	text-decoration:none;
}
.fancybox:hover {
	text-decoration:underline;
}
.account-success #content p {
	margin-bottom:5px;
}
.wrapper {
	width:100%;
	overflow:hidden;
}
.extra-wrap {
	overflow:hidden;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
a#hidden {
	display:none;
	visibility:hidden
}
/** back to top **/
#back-top {
	position: fixed;
	bottom: 50px;
	z-index:998;
	left:50%;
	margin-left:640px;
}
#back-top a:hover {
	color:#79ec3e;
}
#back-top a:hover span {
	background:#3C3C3C;
}
#back-top span {
	width:30px;
	height:30px;
	display: block;
	/**grad--**/
	background-color: #4e4e4e;
	background-image: -moz-linear-gradient(top, #4e4e4e, #2d2d2d);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4e4e4e), to(#2d2d2d));
	background-image: -webkit-linear-gradient(top, #4e4e4e, #2d2d2d);
	background-image: -o-linear-gradient(top, #4e4e4e, #2d2d2d);
	background-image: linear-gradient(to bottom, #4e4e4e, #2d2d2d);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4e4e4e', endColorstr='#ff2d2d2d', GradientType=0);
	/**--grad**/
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	box-shadow:0 5px 15px rgba(0,0,0,.4);
	-moz-box-shadow:0 5px 15px rgba(0,0,0,.4);
	-webkit-box-shadow:0 5px 15px rgba(0,0,0,.4);
}
#back-top span:after {
	position:absolute;
	width:30px;
	height:30px;
	font-family: 'FontAwesome';
	font-size:18px;
	line-height:30px;
	text-align:center;
	color:#fff;
	content:'\f077';
	display: block;
}
#back-top a:hover span:after {
	color:#01aa46;
}
/** header-style **/
.header-modules {
	position:relative;
	z-index:1;
	background-color: #4a4b4d;
	border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	margin-bottom:30px;
	padding:30px 0 31px;
	float: left;
	width: 100%;
  background-image: url('../image/bkg-fans-large.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
/* layout */
#container {
	text-align: left;
	/*background:url(../image/slide-bg.png) repeat-x center top #323232; */
	background: #323232 !important;
	padding-top:22px;
	padding-bottom:30px;

	border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	/*shadow for default theme*/
	box-shadow:0 15px 24px rgba(0,0,0,.4);
	-moz-box-shadow:0 15px 24px rgba(0,0,0,.4);
	-webkit-box-shadow:0 15px 24px rgba(0,0,0,.4);
	/*-----*/
	float: left;
	width:100%;
	margin-top: 80px;
}
.common-home #container {
	background:#323232;
	padding-bottom:0;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
/* header */
header {
	position: relative;
	color:#fff;
	padding-top:42px;
}
header #logo a img {
	vertical-align:top;
	max-width:100%;
}
header #logo {
	float:none;
	*display:inline-block;
	margin-top:1px;
	margin-bottom:29px;
	width:23%;
	margin: 0 auto;
	line-height: 110px;
}

.logo-text {
	font-size: 15px;
	margin-top: -7px;
	display: block;
}

.language {
	color: #999;
	line-height: 17px;
}
.language img {
	cursor: pointer;
}
.header-top1 {
	float:right;
}

/** currency **/
.swipe-left {
	width:20px;
	left:0;
	top:0;
	position:fixed;
	height:100%;
	z-index:98
}
body.ind .swipe-left {
	display:none !important;
	visibility:hidden
}
.swipe {
	display:none;
}
#fot_img a img {
	width: 120px;
	margin: 0 auto;
	display: flex;
}
#fot_img{
	padding-top: 12px;
}
.currency {
	float:right;
}
.currency >div .heading-1 {display:none;}
.swipe-menu .currency {
	float:none;
}
.swipe-menu .currency form {margin:0;}
.swipe-menu .currency .ul {
	display:none;
	top:0;
	left:0;
	right:auto;
	position:relative;
	width:100%;
	background:#1d1d1d;
	border:0;
	border-bottom:1px solid #000000;
	padding:0;
}
.swipe-menu .currency .ul a:first-child {
	margin-left:30px;
}
.swipe-menu .currency .ul a {
	display:inline-block;
	padding:20px;
	font-size:14px;
	line-height:20px;
	color:#888;
}

.swipe-menu .currency .ul a:hover, .swipe-menu .currency .ul a span.act {
	color:#01aa46
}

/** language**/
.language {
	float:right;
}

.toprow .language>div.heading1 {display:none;}
.swipe-menu .language  {
	float:none;
}
.swipe-menu .language .ul {
	position:relative;
}
.swipe-menu .language .heading {
	display:none;
}
.swipe-menu .language {
	float:none;
}
.swipe-menu .language .ul {
	display:none;
	top:0;
	left:0;
	right:auto;
	position:relative;
	width:100%;
	background:#1d1d1d;
	border:0;
	border-bottom:1px solid #000000;
	padding:0
}
.swipe-menu .language .ul a:hover {
	color:#01aa46;
}
.swipe-menu .language .ul a:first-child {
	margin-left:30px;
}
.swipe-menu .language .ul a {
	display:inline-block;
	padding:20px;
	font-size:14px;
	line-height:20px;
	color:#888;
}

.swipe-menu .language .ul a.act {
	color:#01aa46;
}

/** header button **/
.toprow .header-button {
	position:relative;
	z-index:30;
	vertical-align:top;
	line-height:31px;
	margin-left:14px;
	margin-bottom:29px;
}
.header-button>ul {
	display:none;
	position:absolute;
	background-color:grey;
	width:200px;
}
.header-button>div:hover {
	cursor:pointer;
}
.toprow .header-button>div i{
	font-size:13px;
	line-height:32px;
	vertical-align:top;
	color:#888;
	margin-left:6px;
}
.toprow .header-button.active>div, .toprow .header-button>div:hover, .toprow .header-button.active>div i, .toprow .header-button>div:hover i{
	color:#fff;
}
.toprow .header-button>div {
	display:inline-block;
	font-size:13px;
	line-height:31px;
	font-weight:normal;
	color:#888;
	text-transform:capitalize;
}
.toprow .header-button .ul {
	display:none;
	position:absolute;
	background-color:#f8f8f8;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;

	width:40px;
	left:auto;
	right:0;
}
.social {
	display:inline-block;
	float: right;
	margin-left:17px;
}
.social li{
	display:inline-block;
	float:left;
	margin-left:6px;
}
.social li a{
	display:inline-block;
	width:32px;
	height:32px;
	/*border-radius:100%;*/
	/*-moz-border-radius:100%;*/
	/*-webkit-border-radius:100%;*/
	background:#323232;
	/*background: #3a5a98;*/
	text-align:center;
	color:#fff;
	font-size:19px;
	line-height:32px;
}
.social li a[data-original-title=Facebook]{
	background: #3a5a98;
}
.social li a[data-original-title=Twitter]{
	background: #56a3d9;
}
.social li a:hover{
	color:#01aa46;
}
.toprow .header-button .ul a:first-child {
	border-top:none;
}
.toprow .header-button .ul a {
	text-align:center;
	line-height:16px;
	padding:5px 0;
	display:block;
	vertical-align:top;
	width:100%;
	border-top:1px solid #bbb;
}
.toprow .header-button .ul a span {
	font-size:13px;
	line-height:16px;
	text-transform:capitalize;
	cursor:pointer;
}
/** Swipe Control **/
body div.shadow{
	display:none;
}

#cart .latest-added {
	color:#000;
}
#cart .heading span.link_a i.fa-shopping-cart {
	font-size:43px;
	line-height:74px;
	color:#fff;
	vertical-align:top;
}
#cart .heading .name a {
	font-size:14px;
	line-height:16px;
}
#cart .heading span.link_a #cart-total{
	position:absolute;
	left:25px;
	top:24px;
	line-height:16px;
	width:31px;
	height:16px;
	overflow:hidden;
}
#cart .heading span.link_a i.fa.fa-angle-down {
	font-size:21px;
	margin-left:15px;
}
#cart .heading span.link_a {
	display:block;
	position:relative;
	/*background-color:#01aa46;*/
	background-color: #01aa46;
	color:#1b1b1b;
	text-decoration:none;
	font-size:14px;
	line-height:74px;
	font-weight:bold;
	width:74px;
	height:74px;
	text-align:center;
	cursor:pointer;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
}
#cart .heading span.link_a:before {
	display:block;
	position:absolute;
	top:28px;
	left:-8px;
	content:'';
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-top: 10px solid rgba(237,65,42,0);
	/*border-right: 10px solid #01aa46;*/
	border-right: 10px solid #01aa46;
	border-bottom: 10px solid transparent;
	border-bottom: 10px solid rgba(237,65,42,0);
}
#cart.active .content {
	display:block;
}

#cart .heading {
	position:relative;
	z-index:1000;
}
#cart .content {
	clear: both;
	display:none;
	position: absolute;
	top:100%;
	background:#fff;
	z-index:999;
	width:257px;
	padding:17px;
	float:right;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow: inset 0 4px 8px rgba(0,0,0,.44);
	-moz-box-shadow: inset 0 4px 8px rgba(0,0,0,.44);
	-webkit-box-shadow: inset 0 4px 8px rgba(0,0,0,.44);
	right:60px;
	line-height:18px;
	margin-top:-67px;
}
.isStuck{
	position:fixed;
	top:0 !important;
}
header #cart.active .content {
	display: block;
}
header #cart.active .content .mini-cart-info{
	display: block;
}
header #cart .cart {
	width: 100%;
	margin-bottom: 5px;
}
header #cart .cart td.price {
	font-size:12px;

	line-height:12px;
}
header #cart .cart td.total {
	font-size:12px;
}
header #cart .cart td.name a:hover {
	color:#01aa46;
}
header #cart .cart td.name a i {text-decoration:none;}
header #cart .cart td.name a {
	margin-top:0px;
	font-size:13px;
	line-height:15px;
	color:#000;
	display:inline-block;
}
header #cart .cart td .total {
	font-size:11px;
	font-weight:bold;
	color:#777;
}
header #cart .cart .item-cart-1 td {
	padding-top:0;
}
header #cart .cart td {
	color: #000;
	vertical-align: top;
}
header #cart .cart .image {
	padding-right:8px;
}
.cart tr {
	padding-bottom:5px;
	margin-bottom:10px;
	display:block;
	border-bottom:1px solid #bbb;
}
.cart-module .cart tr {
	background:none;
}
header #cart .cart .image img {
	text-align: left;
	max-width:inherit
}
header #cart .cart .name small {
	color: #666;
}
header #cart .cart .quantity {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#a6a4a4;
	text-transform:uppercase;
}
header #cart .cart td.total {
	font-size:12px;
	color:#c81908;
	text-align: right;
}
.cart-module .remove img:hover {
	overflow:hidden;
	margin-top:-11px;
}
.cart-module .cart .remove img {
	float:left;
}
.remove span:hover i{color:#01aa46}
.cart-module .cart .remove span {
	width:11px;
	height:11px;
	overflow:hidden;
	display: inline-block;
}
.cart-module .cart .remove {
	width:20px;
	text-align:center!important;
	padding-top:8px;
}
.cart-module .cart .remove img {
	cursor: pointer;
}
.top-search  {
	line-height:50px;
	/*border-right:1px solid #000;*/
	display:inline-block;
	padding:0 20px;
}
.top-search:hover {
	cursor:pointer
}
.top-search i {
	font-size:26px;
	color:#fff;
}
.top-search #search {display:none;}
#search {
	position: relative;
	z-index: 1;
	line-height: 0;
	padding: 12px 0px;
}
#search .button-search {
	float:right;
	padding:0 8px 0 7px;
	display: none;
}
#search .button-search i{
	font-size:16px;
	line-height:32px;
	color:#fff;
}
#search .button-search:hover {
	cursor:pointer;
}
#search .button-search:hover i {
	color:#01aa46;
}

#search input {
	float: left;
	line-height: 20px;
	max-width: 220px;
	margin: 0;
	padding: 6px 5px 6px 12px;
	border: none;
	height: 30px;
	margin-left: 10px;
	background: #fff;
	color: #323232;
	font-size: 12px;
	border-radius: 4px;
	-webkit-appearance: none;
	font-family: 'Roboto', sans-serif;
}
/**---------------------------------**/
.name a {
	text-decoration:none;
	font-size:16px;
	line-height:20px;
	color:#fff;
}
.name a:hover {
	color:#01aa46;
}
.price.price-min {display:none;}
.price {
	font-size:26px;
	line-height:31px;
	/*color:#01aa46;*/
	color: #fff;
}
.price .price-new {
	margin-right:5px;
}
.price .price-old {
	text-decoration:line-through;
	color:#fff;
	font-size:20px;
}
/** box price **/
.box-product .price{
	line-height:normal;
	margin-bottom:0;
}
.box.box-filter input[type="checkbox"] {
	float: left;
	margin-top:7px;
}
/** tooltip **/
.related-info .tooltip-inner {max-width:120px !important; white-space:normal !important}
.tooltip {
	position: absolute;
	z-index: 1030;
	display: block;
	font-size: 11px;
	line-height: 1.4;
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: visible;
}

.tooltip.in {
	opacity: 1;
	filter: alpha(opacity=100);
}

.tooltip.top {
	padding: 5px 0;
	margin-top: -3px;
}

.tooltip.right {
	padding: 0 5px;
	margin-left: 3px;
}

.tooltip.bottom {
	padding: 5px 0;
	margin-top: 3px;
}

.tooltip.left {
	padding: 0 5px;
	margin-left: -3px;
}

.tooltip-inner {
	white-space:nowrap;
	max-width: 300px;
	padding:5px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #454545;

	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-top-color: #454545;
	border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-right-color: #454545;
	border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-left-color: #454545;
	border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-bottom-color: #454545;
	border-width: 0 5px 5px;
}
.related .wishlist div.tooltip{
	min-width:60px;
}
.related .wishlist div.tooltip{
	left:12px !important;
	max-width:120px;
}
.related .wishlist div.tooltip.bottom .tooltip-arrow {
	left: 25px;
}
/** Icon: wishlist and Comapare **/
.tooltip-1 {
	white-space:nowrap;
}
.wishlist span, .compare span{
	display:none;
}
.wishlist a, .compare a{
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	line-height: 16px;
	color:#fff;
	width:37px;
	height:35px;
	text-align:center;
	margin-right:8px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color: #01aa46;
}
.wishlist a:hover, .compare a:hover{
	background: rgba(1, 170, 70, 0.46);
}
.wishlist a i, .compare a i {
	font-size:16px;
	color:#fff;
	line-height: 37px;
	vertical-align:top;
}

/** leftinfo **/
aside .info li {
	position: relative;
	clear:both;
	padding:2px 0
}
aside .info li a i, .afine li a i, .acount li a i, .sitemap-info ul li a i, .manufacturer-list ul li a i, .content ul li a i{
	line-height:16px;
	font-size:13px;
	/* color:#888; */
	margin-right:10px;
}
aside .info li a + a i, .afine li a + a i, .acount li a + a i{
	display:none;
}
aside .info li a + a, .afine li a + a, .acount li a + a {
	padding-left:0;
	background:none;
}
aside .info li a:hover, .afine li a:hover, .acount li a:hover, .sitemap-info ul li a:hover, .manufacturer-list ul li a:hover, .content ul li a:hover {
	/*color:#01aa46;*/
	color:#fff;
}
/**----------------------------------------**/
.box-filter .box-content .button {margin-top:10px}
/** specials **/
.breadcrumb a.last {
	/*color:#01aa46*/
	color: #fff;
}
.breadcrumb {
	background-color:#3c3c3c;
	border:1px solid #282828;
	color:#777;
	border-radius:0;
	padding:12px 20px;
	font-weight:bold;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.success, .warning, .attention, .information {
	padding: 10px 10px 10px 33px;
	margin-bottom: 15px;
}
.success {
	background: #EAF7D9 url('../image/success.png') 10px center no-repeat;
	border: 1px solid #000;
}
.warning {
	background: #FFD1D1 url('../image/warning.png') 10px center no-repeat;
	border: 1px solid #F8ACAC;
	padding-left:30px!important;
}
.attention>span {
	float:right;
	font-size:20px;
}
.attention {
	background: #FFF5CC;
	border: 1px solid #F2DD8C;
}
.success .close, .warning .close, .attention .close, .information .close {
	float: right;
	cursor: pointer;
}
.required {
	/*color: #ff7409;*/
	color: #ff4545;
	font-weight: bold;
}
.error {
	display: block;
	color: #ff4545;
	margin: 10px 0;
}
#error_msg {
	margin: 15px 0 15px 25px;
	position: absolute;
	font-size: 14px;
}
.broadcast-error {
	position: relative !important;
}
.help {
	color: #999;
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
	display: block;
}
table.form {
	width: 100%;
	margin-bottom: 20px;
}
.checkout-product thead td .checkout-product thead td {
	text-align:center!important;
}
#payment-address  {
	border-top-color:#000 !important;
}
.checkout-content .buttons #button-payment {
	margin-top:10px;
}
.checkout-product td.price {
	font-size:12px;
}
.checkout-product td.total {
	text-align:center!important;
}
table.list thead td a, .list thead td {
	text-decoration: none;
}
table.list tbody td a {
	text-decoration: underline;
}
table.list tbody td {
	vertical-align: top;
}
table.list .left {
	text-align: left;
}
table.list .right {
	text-align: right;
}
table.list .center {
	text-align: center;
}
.pagination {
	display: inline-block;
	width: 100%;
}
.account-order .button-order-right {
	float:right;
	margin-top:-3px;
}
.account-order .pagination {
	margin-bottom:25px;
}
.pagination {
	text-align: center;
}
.pagination .links a {
	display: inline-block;
	padding: 5px 11px;
	text-decoration: none;
	color:#fff;
	font-weight:800;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
	border-radius:10px;
	/**grad--**/
	background-color: #4e4e4e;
	background-image: -moz-linear-gradient(top, #4e4e4e, #2d2d2d);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4e4e4e), to(#2d2d2d));
	background-image: -webkit-linear-gradient(top, #4e4e4e, #2d2d2d);
	background-image: -o-linear-gradient(top, #4e4e4e, #2d2d2d);
	background-image: linear-gradient(to bottom, #4e4e4e, #2d2d2d);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4e4e4e', endColorstr='#ff2d2d2d', GradientType=0);
	/**--grad**/
	box-shadow:0 1px 0 rgba(0,0,0,.75);
	-moz-box-shadow:0 1px 0 rgba(0,0,0,.75);
	-webkit-box-shadow:0 1px 0 rgba(0,0,0,.75);
}
.pagination .links a:hover {
	background:#3c3c3c;
	/*color:#01aa46;*/
	color:#01aa46;
}
.pagination .links b:hover {
	cursor:default
}
.pagination .links b {
	display: inline-block;
	padding: 5px 11px;
	/*color:#01aa46;*/
	color:#01aa46;
	font-weight:800;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background: #3c3c3c;
	box-shadow:0 1px 0 rgba(0,0,0,.75);
	-moz-box-shadow:0 1px 0 rgba(0,0,0,.75);
	-webkit-box-shadow:0 1px 0 rgba(0,0,0,.75);
	text-decoration: none;
	vertical-align:top;
}
.pagination .results {
	margin-top: 10px;
}
/* button */
a.button.details {margin-left:10px;}
a.button, a.button-prod, .stream-button-playtpl {
	margin-right: 5px;
	margin-top: 5px;
	float: left;
	text-decoration: none;
	cursor: pointer;
	font-size: 16px;
	line-height: 15px;
	padding: 8px 10px;
	border-radius: 5px;
	background-color: #572f99;
	border: none;
	outline: none;
}
.action .stream-button {
	margin-top: 5px !important;
	margin-right: 0;
	float: none;
}
a.button span, a.button-prod span {
	color: #fff;
	display: inline-block;
	padding:0;
	white-space:nowrap;
	font-size:15px;
	line-height:19px;
	font-weight:normal;
	text-shadow: 0px 0.6px 0 rgba(0,0,0,.4);
	text-align:center;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	vertical-align: middle;
}
a.button:hover, a.button-prod:hover{
	/*background:#ad3424;*/
	background: #451e7d;
}
a.button:hover span, a.button-prod:hover span {
	color:#fff;
}
a.button-i {
	display:inline-block;
	padding:5px;
}
a.button-i i {
	font-size:26px;
	color:#01aa46
}
a.button-i i:hover {
	color:#7E7E7E
}
/** background image **/
.image2 {
	position:relative;
}
.product-grid .image img, .product-grid .image2 img, .product-grid .image3 img {
	vertical-align: top;
	margin: 0 auto;
	left: 0;
	right: 0;
	position: relative!important;
	max-height: 170px;
}
.zoomWrapper {
	height: auto!important;
	width: 100%!important;
}

.product-grid .image {
	height: 180px !important;
}
/*****************************************************************************************************************/
.buttons {
	margin-top: 40px;
	text-align: center;
}
.buttons div {
	width: 150px;
	display: inline-block;
	margin-left: 25px;
	white-space: nowrap;
}
.buttons div:first-of-type {
	margin-left: 0;
}
.buttons .button-back-left {
	background-color: #5a5a5a;
	border: 1px solid #5a5a5a;
}
.buttons .button-back-left:hover {
	background-color: #ad3424;
	border: 1px solid #e43a24;
}
.buttons a {
	padding: 0 10px;
	background-color: #572f99;
	border: 1px solid #572f99;
	border-radius: 3px;
	font-size: 16px;
	font-weight: normal;
	line-height: 30px;
	transition: all .35s;
	width: 150px;

}
.buttons a:hover {
	background-color: #46217f;
}
.buttons .right .mt {
	margin-top:10px
}
.buttons .right a.button {
	margin-top:10px;
}

.buttons .center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#module_cart .content {
	background: none repeat scroll 0 0 #FFFFFF;
	border-color: #EEEEEE;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 2px 2px #DDDDDD;
	clear: both;
	display: none;

	padding: 8px;
	position: relative;
	top: -1px;
}
#module_cart.active .heading {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	margin-top: 5px;
	padding-bottom: 6px;
	padding-top: 10px;
}
#module_cart.active .content {
	display: block;
}
#module_cart .cart .name {
	padding-top:5px;
	padding-bottom:10px;
	padding-top:10px;
}
#module_cart .cart {
	margin-bottom:10px;
	width: 100%;
}
#module_cart .cart td .quantity {
	font-weight:bold;
}
#module_cart .cart td {
	border-bottom: 1px solid #000;
	padding: 2px 3px;
	vertical-align: top;
}
#module_cart .cart td a {
	font-weight:normal;
}
#module_cart .cart .image {
	display: none;
}
#module_cart .cart .image img {
	border: 1px solid #000;
	text-align: left;
}
#module_cart .cart .name small {
	line-height: 14px;
}
#module_cart .cart td.quantity {
	font-family: Arial, Helvetica, sans-serif;
	padding-top:0px;
	vertical-align:middle;
}
#module_cart .cart td.total {
	text-align: center;
	vertical-align: middle;
}
#module_cart .cart .remove {
	text-align: right;
	padding:2px 2px;
	vertical-align: middle;
}
#module_cart .cart .remove img {
	cursor: pointer;
}
#module_cart table.total {
	clear: left;
	float: right;
	margin-bottom:10px;
	padding: 5px;
}
.total-right {
	text-align:right!important;
}
#module_cart .total-left {
	padding-right:18px;
}
#module_cart table.total td {
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	text-align:left;
}
#module_cart .checkout .button {
	margin-bottom:10px;
}
#module_cart .checkout {
	clear: both;
	text-align: right;
}
#module_cart .empty {
	text-align:left;
	line-height:17px;
	padding:5px 0;
}
.product-list #image {
	float: left;
	margin-top:0px;
	z-index: 0;
}
.product-grid #image {
	float: left;
	margin-top:0px;
	z-index: 0;
}
.home-block #image {
	float: left;
	margin-top:0px;
	z-index: 0;
}
/* box */
.box {
	margin-bottom:30px;
}
.box.new-products, .box.specials, .box.featured, .box.new-products {
	margin-bottom:0;
}
.box .box-heading {
	font-size:33px;
	line-height:40px;
	font-weight:bold;
	text-indent:-2px;
	/*color:#fff;*/
	color:#4a4b4d;
	margin-bottom:23px;
}
#content .box.specials {
	margin-bottom:0;
	border-bottom:0;
	padding-bottom:0;
}
aside .box .box-heading {
	margin-bottom:20px;
}
/* box products */
.box .box-content .box-product ul li.first-in-line {
	clear:left;
	margin: 0 auto;

}
aside .box .box-content .box-product ul  {
	width:auto;
	margin:0;
}
aside .box .box-content .box-product ul>li {
	width:100%;
	max-width:270px;
	padding: 10px 0;
	margin: 0 auto;
}
.box-filter li {
	line-height:25px;
}
.box-filter label {
	cursor:pointer;
	display:inline;
	padding-left:5px;
}
.box-filter li:hover>label {
	color:#01aa46;
}
.prod-stock {
	font-style:italic;
	color:#6ba239;
	font-size:16px;
}
.box-product {
	width:100%;
	margin:0;
	padding:0;
}
.box.subcat {
	border-bottom:0;
	padding-bottom:0;
}
.box-product.box-subcat {
	margin-top:0 !important
}
.box-product.box-subcat .name.subcatname {
	overflow:hidden;
	margin-bottom:0;
}
.box-product.box-subcat .name.subcatname a:hover {
	color:#01aa46;
}
.box-product.box-subcat .name.subcatname a {
	margin-bottom:0;
	color:#fff;
	font-style:normal;
	float: left;
	width: 100%;
	line-height: 1.6;
}
#content .box .box-content .box-product ul li.cat-height  {
	border:0px;
}
.zoom-top img {
	opacity:0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.zoom-top a:hover {
	background-color:#7E7E7E;
}
.zoom-top a{
	display:block;
	width:30px!important;
	height:30px!important;
	background-color: #01aa46;
	color:#fff;
	overflow:hidden;
	position:absolute;
	right:0;
	top:0;
	z-index:25;
	font-size:25px;
	text-align:center;
	line-height:30px;
}
.zoom-top a:before{
	background-image: none;
	background-position: 0 0;
	background-repeat: repeat;
	display: inline;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	height: auto;
	margin-top: 0;
	text-decoration: inherit;
	vertical-align: baseline;
	width: auto;
	content: "\f00e";
	width:30px;
	line-height:30px;
}
.box-product > li.tree-div {
	margin-right:0;
}
.box-product > li {
	width:176px;
	display: inline-block;
	vertical-align: top;
	margin-right:42px;
	margin-bottom:28px;
}
#module_cart .cart .name a {
	text-decoration:none;
	line-height:17px;
}
#module_cart .cart .name a:hover {
	text-decoration:underline;
}
.box-product .image {
	display: block;
	text-align:center;
}
.box-product .name, .product-grid  .name{
	margin-bottom:10px;
}
.compare-block .name{
	margin-bottom:5px;
}
.box-product .name a {
	display: inline;
}
.box-product .rating {
	display: block;
	margin-top:7px;
	margin-bottom: 0px;
}
.box-category ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.afine {
	list-style:none;
	margin:0;
	padding:0;
}
.afine li:first-child, .acount li:first-child {
	border:0px;
}
.afine li a + a {
	background:none;
	padding-left:0;
}
.acount {
	list-style:none;
}
.content ul {
	list-style:none;
	margin:0 0 30px 15px;
	padding:0;
}
.content ul li a {
	text-decoration:none;
}
.wishlist-product td a {
	text-decoration:none;
}
.wishlist-product td {
	vertical-align: middle!important;
	text-align:center;
}
ul {
	list-style:none;
	margin:0;
	padding:0;
}
/** category **/
.fa.fa-angle-up:before             { content: "\f106" !important; }
li.parent> i:hover {
	cursor:pointer
}
li.parent> i {
	float:right;
	font-size:21px;
	position:absolute;
	right:0;
	top:4px;
}
.box.category li{
	position:relative
}
.box.category .box-content {
	padding-bottom:20px;
}
.box-category > ul > li.active>a i, .box-category > ul > li > a:hover i {color:#7e7e7e}
.box-category > ul > li > a i {
	font-size:21px;
	color:#01aa46
}
.box-category > ul > li > a {
	display:inline-block;
	font-weight:bold;
	color:#323232;

}
.box-category > ul > li.active>a, .box-category > ul > li>a:hover {
	color:#01aa46
}
.box-category > ul > li:first-child {border:0}
.box-category > ul > li {
	position:relative;
	padding:5px 0
}
.box-category > ul > li strong {
	display:none;
}
.box-category > ul > li.last {
	border:none;
}
.box-category > ul > li ul {
	display:none;
	margin:10px 0 10px 25px;
}
.box-category > ul > li span.close:hover {
	cursor:pointer;
}
.box-category > ul > li li.parent> i {
	line-height:20px;
	vertical-align:middle;;
}
.box-category > ul > li ul > li.active > a, .box-category > ul > li ul > li > a:hover {
	color: #01aa46;
}
.box-category > ul > li ul > li {
	padding:3px 0;
}
.box-category > ul > li ul > li > a {
	text-decoration: none;
	display: inline-block;
	color:#323232;
}
.box-category > ul > li ul > li > a.active {
	color:#01aa46
}
.box-category > ul > li:first-child {
	border-top:0
}
.act-cat {
	position:absolute;
	top:9px;
	right:6px;
}
/**--------------------------------------------**/
.info-about2, .info-about3, .info-about4 {
	display:none;
}
/* category */
h1.style-1 {
	border-bottom: 1px solid #000;
	line-height: 30px;
	margin-bottom: 30px;
	padding-bottom: 20px;
}
.category-list {
	overflow: auto;
	margin-bottom: 20px;
}

.category-list ul {
	float: left;
	width:25%;
	list-style:none;
	padding:0;
}
.capcha {
	width:143px;
}
.sitemap-info ul li a {
	text-decoration: none;
	text-transform:capitalize;
}
.category-list .div a {
	text-decoration: underline;

}
/* manufacturer */
.manufacturer-list {
	overflow: auto;
	margin-bottom:-1px;
	border:1px solid #282828;
	background:#323232;
}
.manufacturer-heading span {
	background:#01aa46;
	color:#fff;
	text-transform:uppercase;
	display:inline-block;
	font-weight:bold;
	font-size:25px;
	line-height:30px;
	padding:10px 0;
	width:50px;
	text-align:center;
}
.manufacturer-heading {
	background:#3c3c3c;
	font-size: 15px;
	font-weight: bold;
	padding:5px;
	margin-bottom: 6px;
	border-bottom:1px solid #282828;
}
.manufacturer-content {
	padding:25px 40px 30px;
	overflow:hidden;
}
.manuf-p >b{
	color:#ccc;
}
.manuf-p a:hover b {
	color:#01aa46;
}
.manufacturer-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.box.manufacturers li {
	padding:5px 0;
}
.box.manufacturers li a {
	display: inline-block;
	text-decoration: none;
}
/* product */
.product-filter .product-compare {
	float:left;
	margin-right:10px;
  	margin-bottom: 10px;
}
.product-filter select {
	margin-bottom:0;
}
.product-filter {
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow:hidden;
	line-height:32px;
	border:1px solid #000;
	border-width:1px 0;
	padding:20px 0;
	margin-bottom:30px;
}
.product-filter .display {
	float:right;
}

.product-filter .display a {
	font-weight: bold;
}
.product-filter .sort b {
	padding-right:7px;
	color:#fff;
	text-transform:uppercase;
}
.product-filter .sort select {
	width:140px;
}
.product-filter .sort {
	float:left;
	font-weight:bold;
	margin-right:10px;
  margin-bottom: 10px;
}
.product-filter .limit select {
	width:72px;
}
.product-filter .limit b {
	padding-right:5px;
	color:#fff;
	text-transform:uppercase;
}
.product-filter .limit {
	margin-right: 10px;
  margin-bottom: 10px;
	float:left;
}
.product-list ul li:first-child {
	border-top:0;
	padding-top:0;
	margin-top:0;
}
.product-list ul li {
	padding-top:30px;
	margin-top:30px;
	border-top:1px solid #000;
}
.product-list .left {
	position:relative;

}
.product-list .right {
	text-align:left;
}
.product-list .name {
	margin-bottom:10px;
}
#grid_a, #list_a, #grid_b, #list_b {
	vertical-align:middle;
	display:inline-block;
	width:32px;
	margin-left:6px;
	font-weight:normal;
	font-size:28px;
}
#list_b i, #grid_b i {
	color:#01aa46;
	cursor:default
}
.product-filter .display {
	position:relative;
}
.product-filter .display b {
	float:left;
	color:#323232;
	text-transform:uppercase;
	display:none;
}
.product-list .description {
	overflow:hidden;
	margin-bottom: 5px;
}
.product-grid ul li {
	text-align:left;
	position:relative;
}

.product-marketplace .product-grid ul li {
	width: calc(20% - 10px);
	/*min-width: 216px;*/
	padding: 0 5px;
}

.product-marketplace .product-grid ul {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;

	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.product-grid ul li .left {
	line-height:0;
	text-align: center;
	width:100%;
	margin-bottom: 10px
}
.product-grid ul li.first-in-line {
	clear:left;
}
.cart-button {
	line-height:0;
	font-size:0;
	float: left;
	vertical-align: middle;

}
.extra-prod input {
	padding-bottom:4px;
}
.extra-prod {
	padding-top:6px;
}
.or {
	padding-top:3px;
}
.product-grid .image {
	display: block;
	margin:0 0 15px 0;
	text-align:center;
}

.product-grid .image, .box-product .image2 {
	text-align: center;
	display: inline-block;
	/*height: 190px;*/
	margin: 0 auto;
	padding-bottom: 11px;
	width: 100%;
	/*height: auto !important;*/
}
.product-grid .name {
	text-align:center;
	overflow:hidden;
	height: 60px;

}
.product-grid .description {
	overflow:hidden;
	display:none;
}
.product-grid .rating {
	display: block;
	height:13px;
	margin-bottom:10px;
}
.product-list .price, .product-grid .price {
	display: block;
	margin-bottom:5px;
	text-align: center;
}
.product-list .price-tax {
	font-size:12px;
	display:block;
	color:#fff;
}
.product-grid .price-old {
	text-decoration: line-through;
}
.product-grid .price .price-tax {
	display: none;
}
.product-grid .price-old {
	font-weight:normal;
}
.content-border h2{
	margin-bottom:30px;
	text-align: center;
}
.content-border {
	background:#3c3c3c;
	border:1px solid #282828;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:30px 40px;
	margin-bottom:30px;
}
/*************************** Product ***************************************/
#compare {
	display:none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#full_gallery{
	display:none;
	max-width:270px;
	position:relative;
}
#full_gallery .prev {left:0}
#full_gallery .next {right:0}
#full_gallery .prev:hover, #full_gallery .next:hover{
	color:#01aa46
}
#full_gallery .prev, #full_gallery .next{
	color:#7e7e7e;
	font-size:19px;
	position:absolute;
	top:50%;
	margin-top:-23px;
}
.bx-controls-direction a.bx-prev {
	margin-left:-10px;
}
.bx-controls-direction a.bx-next {
	margin-right:-10px;
}
.bx-controls-direction a {
	padding:10px;

}
.product-info {
	padding-bottom:7px;
	margin-top:20px;
}
.product-info h1.view {display:none;}
.product-info h1 {
	border-bottom:1px solid #000;
	margin-bottom:15px;
	padding-bottom:20px;
}
.product-info .left {
	position:relative;
	z-index:5;
	margin-bottom:20px;
}

.product-info .image {
	float: left;
	width:100%;
	max-width:270px;
	max-height:424px;
	height:100%;
	margin-bottom:7px;
	background-color:#323232;
}

.product-info .image div{
	margin:0 auto;
}

.product-info .image-additional {
	overflow:hidden;
	max-width:270px;
	position:relative;
	clear: both;
	padding:0 20px;
	max-height: 93px;
}
.product-info .image-additional li {
	float:left;
	max-width:70px;
}
.product-info .image-additional li.last {
	margin-right:0;
}
.product-info .image-additional img {
	background:#323232;
}
#zoom1 img {
	background:#fff;
}
.zoomWindow{
	border-color:#454444 !important;
	background-color: rgba(255, 255, 0, 0)!important;
	border: 0px !important;
}
.zoomLens{
	z-index:5 !important;
}
.product-info .image-additional a {
	display: block;
}
.image-additional .next:hover, .image-additional .prev:hover  {
	color:#01aa46
}
.image-additional .prev  {
	position:absolute;
	width:15px;
	height:15px;
	left:0;
	top:40%;
	margin:0;
	font-size:19px;
	color:#7e7e7e
}
.image-additional .next  {
	color:#7e7e7e;
	position:absolute;
	width:15px;
	height:15px;
	right:0;
	top:40%;
	margin:0;
	font-size:19px;
}
.product-info .share >span{
	margin-bottom:20px;
	display:inline-block;
}
.product-info .description .product-section {
	color:#fff;
	line-height:26px;
	margin-bottom:20px;
}
.product-info .description .product-section a{
	color:#fff;
}
.product-info .description .product-section a:hover{
	color: #fff;
}
.product-info .description .product-section span {
	color:#ccc;
}
.product-info .description .product-section .prod-stock{
	display:inline-block;
	background-color:#6ba239;
	color:#fff;
	font-style:normal;
	padding:0 7px;
	margin:0 9px;
}
.product-info .price {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding:23px 0;
	margin-bottom:20px;
}
.product-info .price .price-new{
	font-size:30px;
}
.product-info .price .price-old{
	color:#fff;
	margin-right:10px;
}
.product-info .price .text-price{
	color:#ccc;
	font-size:16px;
}
.product-info .price .price-tax{
	color:#fff;
	font-size:16px;
	font-weight:500;
	margin-right:5px;
}
.product-info .price .discount{
	text-transform:none;
	font-weight:normal;
}
.product-info .price .reward{
	padding-top:10px;
	display:block;
}
.product-info .price .reward, .product-info .price .discount{
	font-size:16px;
	color:#fff;
}
.tab-content ul{
	margin-left:25px;
	margin-bottom:20px;
	list-style-type:disc
}
.product-info .minimum {
	margin-top:5px;
}
.product-info .cart-top-padd {
	float:left;
}
.product-info .cart-top-padd label, .product-info .cart-top-padd input{
	margin-right:5px;
}
.product-info .extra-button {
	float:left;
	font-size:0;
	line-height:0;
}
.product-info .options {
	border-bottom:1px solid #000;
	margin-bottom:20px;
	padding-bottom:5px;
}
.product-info .option {
	padding-bottom:15px;
}
.product-info .cart-top {
	border-bottom:1px solid #000;
	padding-bottom:20px;
	margin-bottom:20px;
}
.q-mini {
	width:30px;
}
img#captcha {
	vertical-align:top;
	margin-bottom:20px;
}
#tab-review input[name="captcha"] {
	margin-right:20px;
	margin-bottom:10px;
}
.border {
	border-bottom:1px solid #000;
	padding-bottom:15px;
	margin-bottom:15px;
}
/******************************/
.product-info .gallery li {
	max-width:270px;
	float:left;
	height:424px
}
.ps-carousel-item img {
	background-color:#EFEEEE;
}
.ps-zoom-pan-rotate img {
	background-color:#EFEEEE;
}
.product-info .gallery li img{
	background-color:#EFEEEE;
}
/*****************************/
.product-info .review {
	font-weight:bold;
	padding-bottom:20px;
	border-bottom:1px solid #000;
	margin-bottom:20px;
}
.product-info .review a:hover {
	color:#01aa46
}
.product-info .review a{
	color:#777;
}
.product-info .review a+a {
	margin-left:20px;
}
.product-info .review img{
	float:left;
	margin-right:20px;
}
.product-info .review .btn-rew {
	float:left;
}
.product-info .review .btn-rew a i{
	font-size:26px;
	color:#fff;
	line-height:16px;
	width:1.1em
}
.tabs {
	margin-bottom:10px;
}
.tabs .tab-heading i{
	font-size:22px;
	line-height:25px;
	color:#777;
	float:right;
}
.tabs .tab-heading:hover i{
	color:#F64A33;
}
.tabs .tab-heading {
	padding:15px 20px;
	color:#fff;
	font-size:21px;
	line-height:25px;
	font-weight:800;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #282828;
	/**grad--**/
	background-color: #3c3c3c;
	background-image: -moz-linear-gradient(top, #3c3c3c, #323232);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c3c3c), to(#323232));
	background-image: -webkit-linear-gradient(top, #3c3c3c, #323232);
	background-image: -o-linear-gradient(top, #3c3c3c, #323232);
	background-image: linear-gradient(to bottom, #3c3c3c, #323232);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff323232', GradientType=0);
	/**--grad**/
}
.tabs .tab-content {
	padding:20px 0;
}
#tab-review.tabs .tab-content {
	padding:20px 0 30px;
}
#tab-review .form-inline span.radio {
	display: inline-block;
	margin-top: 0;
	padding-left: 0;
	vertical-align: top;
}
.tab-content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
/** compare block **/
.compare-block {
	margin-bottom:20px;
}
.compare-block .image {
	margin-right:10px;
}
.compare-block .remove a{
	font-size:19px;
	line-height:normla;
}
/**--------------------------**/
.compare-info {
	width: 100%;
}
.block-compare {
	position:relative;
	overflow:hidden;
}
.td-price {
	font-weight:bold;
	font-size:16px;
}
.compare-info .prod-stock {
	margin:0 auto;
	float:none;
	font-weight:bold;
	font-size:13px;

	text-transform:uppercase;
	background-color: #6BA239;
	color: #FFFFFF;
	display: inline-block;
	font-style: normal;
	margin: 0 9px;
	padding: 0 7px;
}
.compare-info td.name {
	text-align:center;
}
.compare-info td.name a:hover {color:#7e7e7e}
.compare-info td.name a {
	text-decoration:none;
	font-size:16px;
	color:#01aa46;
}
.compare-info td.last {
	border-right:0;
}
.compare-info thead td:first-child {
	text-align:left;
}
.compare-info td:first-child {
/*
	background-color:#F9F9F9;
	color:#323232;
	text-align:right;
*/
	font-weight:bold;
}
.compare-info td.image2 {
	text-align:center;
}
.compare-info tbody td {
	padding: 7px;
	width: 20%;
	text-align: left;
	vertical-align: top;
	word-wrap: break-word;
}
.compare-info td img {
	max-width: 100px;
}
.compare-info .price-old {
	font-weight: normal;
	text-decoration: line-through;
	display:block;
	font-size:15px;
}
.compare-info td.td-price .price-old{color:#7E7E7E}
.compare-info td.td-price {
	font-weight: bold;
	font-size:17px;
	line-height:normal;
	color:#01aa46
}
/* wishlist */
.wishlist-product2 {
	display:none;
}
.wishlist-product {
	margin-bottom:25px;
}
.wishlist-product tbody .model {
	text-align: center;
	font-size:15px;
}
.wishlist-product tbody .stock {
	text-align: center;
}
.wishlist-product tbody .quantity {
	text-align: right;
}
.checkout-product .table td.price {
	text-align:left;
	font-size:14px;
	color:#ccc;
}
.checkout-product .table tbody td.price {
	font-size:21px;
	/*color:#01aa46;*/
	color:#01aa46;
}
.table .total, .table .price {
	text-align: center;
	font-size:21px;
	/*color:#01aa46;*/
	color:#01aa46;
	font-weight:bold;
}
.table thead td {
	font-size:16px !important;
}
.table .price s {
	color:#323232;
	font-weight:normal;
	display:block;
}
input#sub_category {
	background:none;
	float: left;
	margin-left: -20px;
}
/************************** contact page *********************/
.contact-info {
	border:1px solid #282828;
	background-color:#3c3c3c;
	padding:40px;
	font-size:14px;
	font-weight:500;
	margin-bottom:20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.contact-info .contact-box i {
	color:#fff;
	font-size:26px;
	width:1.1em;
	vertical-align:middle;
}
.contact-info .contact-box {
	margin-bottom:20px;
	line-height:26px;
}
.contact-info .contact-box b{
	color:#fff;
	text-transform:uppercase;
	margin-left:8px;
}
.contact-info iframe {
	min-height:200px;
	max-height:300px
}
.contact-info figure{
	margin:0;
}
.content.contact-f textarea {
	max-width:100%;
}
.content.contact-f {
	background:#3c3c3c;
	border:1px solid #282828;
	padding:40px 40px 20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.content.contact-f div.buttons, .content.contact-f div.captcha {
	margin-top:20px;
}
/** checkout page **/
.checkout-heading {
	background-color:#3c3c3c;
	color:#fff;
	border:1px solid #282828;
	font-weight:bold;
	padding:15px 100px 15px 15px;
	margin-top:10px;
}
.checkout-content {
	display:none;
}
.checkout-content {
	margin-top:-1px;
	padding:20px 40px;
	border:1px solid #282828;
}
.checkout-content .login-content .heading h2 {
	font-size:20px;
}
.checkout-content .login-content p.login-padd {
	border-bottom: 1px solid #000;
	padding-bottom: 8px;
}
.checkout-heading {
	position:relative;
}
.checkout-heading>a{
	position:absolute;
	right:20px;
	top:15px
}
.checkout-content label a:hover {
	text-decoration:underline;
}
.checkout-content label a {
	/*color:#01aa46;*/
	color:#01aa46;
}
/** login page **/

.login-content .right, .login-content .left {
	border:1px solid #282828;
	background-color:#3c3c3c;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:30px;
	margin-bottom:30px;
	overflow: hidden;
}
.login-content .heading {
	overflow:hidden;
	border-bottom:1px solid #000;
	padding-bottom:10px;
	margin-bottom:20px;
}
.login-content .content>p{
	border-bottom:1px solid #000;
	padding-bottom:20px;
}
.login-content .heading i{
	font-size:56px;
	color:#fff;
	float:left;
	margin-right:14px;
}
.login-content .heading h2 {
	margin-top:0;
	margin-bottom:2px;
	font-size:23px;
	color:#fff;
}
.login-content .heading b {
	font-size:13px;
	color:#777;
	font-style:italic;
	font-weight:normal;
}
.login-content .form-horizontal .controls input {
	width:94%;
	max-width:100%
}
.login-content .login-buttons {
	border-top:1px solid #000;
	padding-top:20px;
}

.buttons .right label {
	text-align:left;
}
.login-content {
	overflow:hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.guidingstar-form-section .login-content {
	min-height: 90vh;
}
.box-container-mod {
	border-top: 1px solid white;
}
.login-content .left p + p {
	margin-bottom:16px;
}
.link-login {
	text-decoration:underline;
	display:inline-block;
	color: #fff;
	font-style:italic;
	margin-left:15px;
	margin-top:5px;
}
.affiliate-login .login-buttons .link-login {
	margin-top:2px;
}
.link-login:hover {
	text-decoration:none;
}
.padd-form {
	display:block;
	padding-bottom:5px;
}

.login-content .right .content p {
	margin-bottom:15px;
}
.login-content .right .content b {
	display:block;
}
#register .content {
	border:none!important;
	padding:0!important;
}
/* orders */
.order-list, .return-list {
	border: 1px solid #282828;
	margin-bottom:30px;

}
.order-content span, .heading-order-list span{
	color:#fff;
}
.order-content span.or-price{
	color:#01aa46;
}
.heading-order-list {
	background:#3c3c3c;
	overflow:hidden;
	border-bottom: 1px solid #282828;
	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	color:#ccc;
	padding:20px;
}
.order-list .order-id, .return-list .return-id {
	width: 49%;
	float: left;
}
.order-list .order-status, .return-list .return-status {
	font-weight:bold;
}
.order-list .order-status {
	width: 49%;
	float: right;
	text-align: right;
}
.order-list .order-content, .return-list .return-content {
	padding:20px;
	color:#ccc;
	font-weight:bold;
}

.order-list .order-content div .button {
	margin-top:3px;
}
.order-list .order-info {
	text-align: right;
}
.order-detail {
	background: #EFEFEF;
	font-weight: bold;
}
/* returns */
.return-box-2 {
	padding:15px 20px 19px 20px;
	margin-bottom:10px;
}
.return-box-2 .buttons .right {
	float:left;
}
.return-box-2 .buttons {
	padding-left:0;
	padding-top:12px;
	padding-bottom:0;
	margin-bottom:0;
}
.return-p {
	padding-left:17px;
}
.return-p p {
	margin-bottom:13px;
}
.return-list {
	margin-bottom: 10px;
}
#content .content.return-box {
	padding:14px 10px 11px 20px;
	margin-bottom:10px;
}
.content.return-box h2 {
	margin-bottom:14px;
}
#content .content.return-box .left {
	width:320px;
}
#content .content.return-box .right {
	width:320px;
}
.content.return-box label {
	font-size:12px;
	font-weight:bold;
}
.content.return-box input {
	margin-top:6px;
	margin-bottom:7px;
	width:310px;
}
.content.return-box .error {
	padding-bottom:5px;
	display:block;
}
.return-box-3 {
	margin-bottom:20px;
	padding:14px 10px 10px 20px;
}
.return-box-3 h2 {
	margin-bottom:15px;
}
.return-box-3 textarea {
	width:310px;
	height:188px;
	max-width:310px;
	max-height:188px;
}
.return-box-3 .return-captcha {
	width:320px;
	margin-top:-3px;
}
.return-box-3 .return-captcha b {
	padding-bottom:6px;
	display:block;
}
.return-box-3 .return-captcha input {
	width:170px;
	margin-bottom:10px;
}
.return-box-3 .return-additional {
	margin-bottom:11px;
}
.return-box-3 .buttons {
	padding:0;
	margin-bottom:0;
}
/* button */
.button-return-right-i:hover, .button-return-right:hover {
	/*color:#01aa46; */
	color:#01aa46;
	cursor:pointer;
}
.button-return-right{
	border:0px;
	background:none;
	font-weight:500;
	color:#fff;
	padding:0;
	line-height:32px;
	min-height:32px;
	display:inline-block;
}
#return-product .button-return-right-i {
	position:relative;
}
#return-product .button-return-right-i i.fa.fa-arrow-circle-right {
	position:absolute;
	right:0;
	z-index:4;
	top:3px;
	color:#fff;
}
#return-product input.button-return-right{
	padding-right:31px;
	position:relative;
	z-index:5;
	font-family: 'Roboto',sans-serif;
	font-size:16px;
}
a.button-return-left:hover, a.button-return-right:hover, a.button-order-right:hover, a.button-cont-right:hover, a.button-back-left:hover, a.button-inf-left:hover , #return-product .button-return-right-i:hover i.fa.fa-arrow-circle-right {
	/*color:#01aa46;*/
	color:#01aa46;
}
a.button-return-left, a.button-return-right, a.button-order-right, a.button-cont-right, a.button-back-left, a.button-inf-left {
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	/*padding-right:0px;*/
	color:#fff !important;
	/*vertical-align:top;*/

}

#return-product .return-detail  label.radio:hover{
	color:#01aa46;
}
a.button-back-left i,.button-back-left i, .button-return-right-i i, a.button-return-left i, a.button-cont-right i {
	font-size:26px;
	text-align:center;
	vertical-align:middle;
	margin:0 9px
}
i.fa.fa-arrow-circle-right {margin-right:0 !important;}
a.button-order-right {
	padding:0;
}

a.button-return-left span, a.button-return-right span, a.button-order-right span, a.button-cont-right span, a.button-back-left span, .wishlist-product a.button-wislish-left span, a.button-inf-left span {
	line-height:1.2em;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
}
a.button-return-left span, a.button-back-left span, a.button-wislish-left span {
	padding:5px 0px 5px 14px;
	background: url('../image/marker-button-left.png') left 8px no-repeat;
}
a.button-return-right span, a.button-order-right span, a.button-cont-right span, a.button-inf-left span {
	padding:5px 14px 5px 0px;
	background: url('../image/marker-button-right.png') right 8px no-repeat;
}
.cart-bottom a i.fa.fa-check {
	margin-right:0;
}
.cart-bottom a.button-cont-right {
	margin-right:20px;
}
/* button */



.return-list .return-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.return-list .return-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}

.return-list .return-info {
	text-align: right;
}
.return-remove {
	float: left;
	width: 33.3%;
	padding-top: 90px;
	text-align: center;
	vertical-align: middle;
}
.return-additional {
	overflow: auto;
	margin-bottom: 20px;
}
.return-comment {
	float: left;
	width: 49%;
}

.download-list {
	margin-bottom: 10px;
}
.download-list .download-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.download-list .download-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.download-list .download-content {
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.download-list .download-content div {
	float: left;
	width: 33.3%;
	min-height: 10px;
}
.download-list .download-info {
	text-align: right;
}
/* cart */
a {
	outline:none;
}
a:hover i.fa.fa-trash-o-o {
	/*color:#ad3424;*/
	color: rgba(1, 170, 70, 0.44);
}
a i.fa.fa-trash-o-o {
	/*color:#01aa46;*/
	color: #01aa46;
}
i.fa.fa-trash-o-o {
	font-size:26px;
}
.shop-cart {
	border-bottom:none;
	overflow:hidden;
	position:relative;
}
.cart-info2 .table td+td {
	text-align:center;
}
.shop-cart .table td.quantity, .shop-cart .table td.image {text-align:center;}
.shop-cart .table td {
	vertical-align:middle;
}
.cart-module .cart-content {
	padding:18px 0px 19px 18px;
	display: none;
	overflow: auto;
	border-top:none;

}
.cart-info2 {display:none;}
.cart-info {
	overflow:hidden;
	margin:20px 0;
}
.content.shop-cart-content>p{
	border:1px solid #282828;
	border-bottom:0;
	margin:0;
	padding:20px;
}
.mt5 {margin-top:5px;}
a.input-update i{
	/*color: #01aa46;*/
	color: #01aa46;
	font-size:26px;
}
a.input-update:hover i{
	/*color: #ad3424;*/
	color: rgba(1, 170, 70, 0.44);
}
#cboxLoadedContent td>input[type="radio"]{
	margin:0px;
	float:none
}
td.quantity>input[type="text"] {
	width:40px
}
table#total  td {
	background-color:#3c3c3c;
	padding:20px;
	text-transform:uppercase;
	width:80%
}
.checkout-cart .cart-bottom{
	margin-top:-1px;
}
table#total  td+td {
	background-color:#3c3c3c;
	/*color:#01aa46;*/
	color:#01aa46;
	text-align:left;
	font-size:16px;
	font-weight:bold;
}
td.price {
	font-weight:bold;
	font-size:17px;
}
table.radio {
	padding:0
}
.cart-module>div{
	padding:20px 20px;

	display:none;
	border:1px solid #000;
	border-top:0;
	border-bottom:0;
}
/*********************************************************************/
table.radio tbody td {width:100%}
.sitemap-info ul {
	margin-top:10px;
}
.sitemap-info li a {
	text-decoration:none;
}
.sitemap-info {
	overflow: auto;
	margin-bottom: 40px;
}
#newsletter .content {
	margin:0;
	padding:0;
	border:none;
}
.sitemap-info .left {
	float: left;
	width: 48%;
}
#newsletter .form tr td:first-child {
	width:58px;
}
.sitemap-info .right {
	float: left;
	width: 48%;
}
/* footer */
footer {
	margin-top:30px;
	clear: both;
}
.footer__centred__mod {
	padding-left: 72px;
}
.footer-block{
	padding-top:25px;
	padding-bottom: 15px !important;
	margin-bottom: 50px;
	background:#323232;
	border-radius: 10px;
	box-shadow: 0 15px 24px rgba(0,0,0,.4);
}
.footer-features {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}
footer h3 {
	line-height:normal;
	word-wrap:break-word;
	/*color: #b1b3b6;*/
	color: #fff;
}
footer li, aside .info li, .afine li, .acount li, .sitemap-info ul li, .content ul li{
	padding:4px 0;
	color:#777;
}
.sitemap-info ul li {
	text-transform:capitalize;
	color:#ccc;
}
footer li a, aside .info li a, .afine li a, .acount li a, .sitemap-info ul li a, .manufacturer-list ul li a, .content ul li a {
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	color: #b1b3b6;
	word-wrap:break-word
}
footer li a {
	text-shadow:0 1px 0 rgba(0,0,0,.75);
}
span.toggle {
	display:none;
}

#powered br {
	display:none;
}
#powered a {
	font-size:11px;
	line-height:13px;
	color:#888;
	text-decoration:none;
}
#powered a:hover {
	/*color:#fff;*/
	color: #fff;
}
#powered {
	padding-right: 15px;
	margin-top:16px;
	*margin-bottom:36px;
	font-size:11px;
	line-height:13px;
	color:#888;
	text-align: center;
}
.return-captcha input img {
	vertical-align:top;
}
.return-captcha input {
	margin-bottom:10px;
	vertical-align:top;
}
/** banner **/
.banner.col-sm-5 {
	width:515px;
	padding-left:0;
	margin:0;
}
.banner>div {
	position:relative;
}
.banner>div>a{
	overflow:hidden;
	display:block;
	position:relative;
}
.banner a:after{
	position:absolute;
	width:100%;
	height:100%;
	content:'';
	top:0; left:0;
	border:0 solid #3c3c3c;
}
.banner a:hover:after{
	border:4px solid #3c3c3c;
	box-shadow:0 0 3px rgba(0,0,0,.4);
	-moz-box-shadow:0 0 3px rgba(0,0,0,.4);
	-webkit-box-shadow:0 0 3px rgba(0,0,0,.4);
}
.banner img {
	width:100%;
	height:auto;
}
.banner .s-desc {
	display:block;
	position:absolute;
	bottom:17px;
	left:20px;
	width:95%;
}
.banner .s-desc  h1 {
	color:#fff;
	font-size:56px;
	line-height:50px;
	font-weight:bold;
	margin-bottom:0;
	margin-left:-2px;
	text-shadow:0 1px rgba(0,0,0,.75);
	position:relative;
	/*
	background:-webkit-gradient(linear, left bottom,left top,color-stop(0.2, #525252),color-stop(1, #c0c0c0));
	-webkit-text-fill-color: transparent;
	-webkit-background-clip:text;
	*/
}
.banner .s-desc  p {
	color:#fff;
	font-size:16px;
	line-height:20px;
	margin-top:-22px;
	margin-bottom:0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.banner .s-desc  p {
		margin-top:-10px;
	}
}

/* AJAX Add to Cart Confirm by Harryo*/
.success, .warning, .attention, .information, .rev-success {
	padding: 10px 10px 10px 10px;
	margin-bottom: 5px;
	color: #555;
}
.success a, .warning a, .attention a, .information a {
	color: #333;
}
#cart-success {
	position: fixed;
	z-index:9998;
}
.success i.fa.fa-times-circle {
	font-size:26px;
	padding:10px;
}
.success .close i {
	padding:10px
}
.success {
	color:#000
}
.success>img{
	max-width:70px;
	height:auto;
	float:left;
	background-color:#efeeee;
	margin-right:10px;
	border:1px solid #bbb;
}
.success a:hover {
	text-decoration:none;
	color:#01aa46
}
.success a {
	text-decoration:none;
	color:#252525
}
.success span:hover img {
	margin-top:-11px;
}
.success p {
	margin-bottom:11px;
	font-size:24px;
	color:#1b1b1b;
}
.success span:hover {
	cursor:pointer;
	color:#01aa46;
}
.success span {
	overflow:hidden;
	position:absolute;
	right:8px;
	top:8px;
	opacity:1
}
.success i {
	color:#777;
}
.success i:hover {
	color:#01aa46;
}
.success i.fa.fa-thumbs-up{
	font-size:31px;
	/*color:#01aa46;*/
	color:#01aa46;
	margin-right:10px;
	vertical-align:middle;
}
.close {
	color:transparent;
	text-shadow:none;
}
.success a {
	color:#01aa46;
}
.success a:hover {
	text-decoration:underline;
}
.success {
	width:100%;
	position:fixed;
	z-index:99999!important;
	/*box-shadow:0 0 20px rgba(0,0,0,0.13);*/
	top:0;
	left:0;
	padding:20px 20%;
	z-index:9999;
	line-height:18px;
	text-align:center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border:none;
	background:#323232;
	display:none;
	font-size:15px;
	color:#fff;
	font-weight:bold;
}
#tab-review .success {
	display:block !important;
	position:static;
	color:#333;
	text-align:left;
	background:none;
	padding:10px 15px 10px 30px;
	background: url("../image/success.png") no-repeat scroll 10px center #EAF7D9;
	border: 1px solid #000;
}
#wrap {
	z-index:10!important;
}
.rev-success {
	background: #EAF7D9 url('../image/success.png') left no-repeat;
	border: 1px solid #000;
	padding-left:20px;
}
/** related **/
.prev {
	float: left;
	margin-left: 10px;
}
.next {
	float: right;
	margin-right: 10px;
}
/***/
td.image {position:static}
.image {position:relative}
.related-info .cart-button .cart {
	float:none;
}
.related-info .wishlist, .related-info .compare {
	display:inline-block;
}
.related-info {
	display:inline-block;
	float: left;
	position:relative;
	border-bottom:0 !important;
	padding-bottom:25px;
}
.box-product li.related-info {
	margin-bottom:0;
}
.related {
	padding:0 50px;
	position:relative;
}
.related .name {
	overflow:hidden;
}
.related .name a{
	font-size:14px;
	line-height:16px;
}
.related .price{
	font-size:21px;
}
.related .price .price-old{
	font-size:16px;
}
.related .prev:hover, .related .next:hover {
	color:#01aa46
}
.related .prev, .related .next {
	position:absolute;
	top:50%;
	font-size:26px;
	color:#7e7e7e;
	margin-top:-31px;
}
.related .prev {
	left:0
}
.related .next {
	right:0
}
/** about-page **/
.about-page i:before {text-indent:0}
.about-page h3{
	color:#fff;
}
#cboxContent .about-page h3{
	color:#000;
}
.about-page i{
	display:block;
	color:#fff;
	font-size:56px;
	float:left;
	width:56px;
	height:56px;
	margin-right:15px;
	overflow:hidden;
}
#cboxContent .about-page i{
	color:#f44831;
}
/**--------------------------------------------------**/
#colorbox {
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.preview {
	padding:15px;
	color:#777;
}
.preview a{
	color:#000;
}
.preview a:hover{
	color:#01aa46;
}
.preview p b, .preview p strong{
	color:#666;
}
.preview  .cart-button{
	font-size:0;
}
.preview .marg {
	margin-bottom:25px;
}
.preview .price {
	width:100%;
	overflow:hidden;
}
.preview .price span {
	float:left;
	margin-right:8px;
}
.preview .right .inf{
	margin-bottom:10px;
}
.preview .right .inf >span {
	display:block;
	margin-bottom:10px;
}
.preview .right .inf span.text-price {
	margin-left:0;
}
.preview .right h2 {
	color:#000;
	margin-bottom: 20px;
	margin-top:0;
}
.preview  .price .price-old {
	color: #000;
}
.preview .inf .prod-stock {
	margin-bottom: 10px;
}
.preview .prod-stock-2 {
	float:left;
	margin-right:5px;
	display:inline-block;
}
.preview .text-price {
	font-size:16px;
	color:#777;
}
.preview .description {
	height:160px;
	padding:15px;
	overflow:auto;
	border:1px solid #bbb;
}
.preview .cart {
	float:left;
}
.preview .extra-button {
	float:left;
	width:150px;
	margin-top:3px;
	margin-left:15px;
}
#cboxContent #cboxTitle {
	width:60%;
	padding:0 20%;
}
#colorbox {
	z-index:100  !important;
}
#cboxOverlay {
	z-index:100 !important;
}
.box li .padding, .box li {
	position:relative;
}
.box-product li , .product-grid li{
	margin-bottom:30px;
}
.box-product li .padding, .product-grid li .padding {
	padding: 10px!important;
	background: #3c3c3c;
	border-radius: 5px;
	border:1px solid #282828;
	min-height: 400px;
	/* max-height: 450px; */
}
.subcat .box-product li .padding{
	padding-bottom: 15px;
}
.box-product .cart {
	margin-bottom:8px;
}
.inner {
	text-align: center;
}
.f-left .price {
	margin: 10px 0;
}
.inner .cart {
	display: flex;
	justify-content: center;
	margin-top: 5px;
}
.box .box-content .box-product ul li .image2{
	overflow:hidden;
}
.box-product li .image2 a, .box-product li .image a, .product-grid li .image a, .compare-block .image a{
	display: inline-block;
	*padding: 23px 23px;
	margin-bottom: 15px;
	height: 100%;
	vertical-align: middle;
	/*background-color: #afafaf;*/
	/*background-image: -moz-linear-gradient(top, rgba(255,255,255,0), #ffffff, #ffffff);*/
	/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#afafaf), to(#ffffff));*/
	/*background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), #ffffff, #ffffff);*/
	/*background-image: -o-linear-gradient(top, rgba(255,255,255,0), #ffffff, #ffffff);*/
	/*background-image: linear-gradient(to bottom, rgba(255,255,255,0), #ffffff, #ffffff);*/
	/*background-repeat: repeat-x;*/
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffffff', GradientType=0);*/
	/*border-radius: 5px;*/
	/*-moz-border-radius: 5px;*/
	/*-webkit-border-radius: 5px;*/
	/*display:block;*/
	/**padding:23px 23px;*/
	/*margin-bottom:15px;*/
	/*!**grad--**!*/
	/*background-color: #afafaf;*/
	/*background-image: -moz-linear-gradient(top, rgba(255,255,255,0), #ffffff, #ffffff);*/
	/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#afafaf), to(#ffffff));*/
	/*background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), #ffffff, #ffffff);*/
	/*background-image: -o-linear-gradient(top, rgba(255,255,255,0), #ffffff, #ffffff);*/
	/*background-image: linear-gradient(to bottom, rgba(255,255,255,0), #ffffff, #ffffff);*/
	/*background-repeat: repeat-x;*/
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffffff', GradientType=0);*/
	/**--grad**/
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.compare-block .image a{
	padding:10px;
}
.related .box-product li .image a{
	padding:15px;
}
.box .box-content .box-product ul li .quick-view-button:hover {
	color:#01aa46;
}
.box .box-content .box-product ul li .quick-view-button i {
	width:30px;
}
.box .box-content .box-product ul li .quick-view-button {
	opacity:0;
	visibility:hidden;
	right:20px;
	position: absolute;
	top: 20px;
	font-size:22px;
	color:#000;
	line-height:30px;
	width:30px;
	text-align:center;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.box .box-content .box-product ul li:hover .quick-view-button {
	opacity:1;
	visibility:visible;
}
.table thead td {
	text-transform:uppercase;
	font-weight:bold;
	color:#fff !important;

	font-family:Arial;
	font-size:13px;
	background-color:#3c3c3c;
}
.table th, .table td {
	padding:20px;
	border-color:#000;
	-moz-box-sizing: border-box; /* ��� Firefox */
	box-sizing: border-box; /* ������ ����� � ������ */
}
.block-compare .table th, .block-compare .table td {
	padding:7px
}
/**************************/
 select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	font-size:13px;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	border-radius:0;
	box-shadow:none;
	text-align: left;

}
.table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child {
	border-radius:0
}
.table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child {
	border-radius:0;
}
.table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child {
	border-radius:0
}
.table-bordered {
	border-color:#282828;
}
label, input, button, select, textarea {
	font-size:15px;
	color:#fff;
}
select {
	color:#777;
}
label {
	font-weight:bold;
}
textarea {
	resize:none
}
label{
	cursor:default
}
.close:hover, .close:focus {
	opacity:1
}
.pp_gallery ul a img {
	width:50px;
	height:50px;
	max-width:none
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {border-bottom-width:1px}
table.radio {margin:0; display:table}
.table > tbody + tbody {border-width:1px;}
.stButton .stButton_gradient, .stButton .chicklets,.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices {height:22px !important;}
#fancybox-content>div {background-color:#fff;}
#fancybox-content>div {
	color:#777;
}
.stButton .chicklets {
	background-size: 35% !important;
}
.stButton .chicklets:hover {
	opacity: 1 !important;
}
.stButton .stButton_gradient:hover {
	background: #efefef !important;
}
#fancybox-content h1, #fancybox-content .about-page h3 {
	color:#000;
}
#fancybox-content i {
	color:#f0442d;
}
#cboxContent h1 {
	color:#000;
	margin-top:5px;
	margin-left:10px;
}
#cboxContent .about-page {
	padding:0 25px;
	color:#777;
}
#fancybox-content {
	background-color:#323232;
}
.zoomContainer{
	z-index:8;
}

/** lang **/

html[lang="de"] .related-slider a.button, html[lang="es"] .related-slider a.button{
	padding-left:10px;
	padding-right:10px;
}
html[lang="de"] .related-slider a.button span, html[lang="es"] .related-slider a.button span{
	font-size:14px;
}

.currency,.language {
	display: none;
}
#column-right .box-heading {
	color: #b1b3b6;
}
#notification a,.checkout-success .box-container a {
	color: #01aa46;
}
.no-padding {
	padding: 0;
}
i.fa.fa-useri, i.fa.fa-lock {
	margin-right: 5px;
}
li.login_h {
	float: right !important;
}
.category-info .image {
	float: left;
	width: 55%;
	margin: 0 10px 0px 0;
}
.category-info .image img{
	max-width:100%;
}
.form-switch .radio input[type="radio"] {
	float: none;
}
.register-form {
	display: none;
}
#authorize-button-g {
	-webkit-box-flex: 1;
	-webkit-flex: 1 2 auto;
	-ms-flex: 1 2 auto;
	flex: 1 2 auto;
	margin: 0 0px 15px 5px;
	background: #ff6049;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff6049), to(#9b3b2b));
	background: -webkit-linear-gradient(top, #ff6049 0%, #9b3b2b 100%);
	background: linear-gradient(to bottom, #ff6049 0%, #9b3b2b 100%);
	position: relative;
	overflow: hidden;
}
#authorize-button-f {
	-webkit-box-flex: 1;
	-webkit-flex: 1 2 auto;
	-ms-flex: 1 2 auto;
	flex: 1 2 auto;
	margin: 0 0px 15px 5px;
	background: #6397ff;
	background: -webkit-gradient(linear,left top,left bottom,from(#6397ff),to(#3b5c9b));
	background: -webkit-linear-gradient(top,#6397ff,#3b5c9b);
	background: linear-gradient(180deg,#6397ff 0,#3b5c9b);
	position: relative;
	overflow: hidden;
}
.form-btn {
	border: 1px solid #e1e1e1;
	height: 50px;
	padding: 0 15px;
	font-size: 13px;
	margin-bottom: 20px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-width:150px;
}
.button-group {
	text-align: center;
}
.bnt-wrp {
	padding: 30px;
}
div#response {
	color: #f64a33;
	font-size: 0.75em;
	margin-bottom: 15px;
}

a#button-confirm {
	color: #fff;
}
#restore-pwd-box h3{
	/*font-size: 20px;*/
	font-size: 1.45rem;
	font-weight: 600;
	margin-bottom: 1.5625rem;
	font-family: Raleway,Arial,sans-serif;
}
#restore-pwd-box {
	max-width: 35.875rem;
	width: 70%;
	margin: 0 auto 3.75rem
}
#restore-pwd-box form {
	border: .0625rem solid #e1e1e1;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: .9375rem 4.6875rem;
}
#restore-pwd-box form input[type=password] {
	border: 1px solid #e1e1e1;
	height: 3.125rem;
	padding: 0 15px;
	/*font-size: .8125rem;*/
	margin-bottom: 20px;
	border-radius: 3px;
	box-sizing: border-box;
	width: 100%;
	font-size: 20px;
}

#submit_restore {
	/* height: 3.125rem; */
	padding: 6px 15px;
	margin-bottom: 20px;
	border-radius: 3px;
	box-sizing: border-box;
	background: #12b152;
	background: -webkit-gradient(linear,left top,left bottom,from(#12b152),to(#0e853d));
	background: -webkit-linear-gradient(top,#12b152,#0e853d);
	background: linear-gradient(180deg,#12b152 0,#0e853d);
	color: #fff;
	font-size: 2rem;
	border: none;
	width: 100%;
	text-align: center;
	line-height: 1.5;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#submit_restore:active {
	background: #12b152;
	background: -webkit-gradient(linear,left top,left bottom,from(#0e853d),to(#12b152));
	background: -webkit-linear-gradient(top,#0e853d,#12b152);
	background: linear-gradient(180deg,#0e853d 0,#12b152);
}
div#input_error {
	font-size: 0.65em;
	text-align: center;
	height: 30px;
	position: relative;
	margin-top: -15px;
	color: rgb(255, 132, 132);
}
div#forgot_status {
	margin-bottom: 15px;
	color: #01aa46;
	font-size: 0.85em;
	margin-top: -20px;
}
#login_success {
	position: relative;
	display: block;
	color: #572f99;
}
.preloader img {
	width: 40px;
	margin-bottom: 15px;
}

.header-modules__redeem-block{
	margin-top: 24px;
	text-align: center;
	margin-bottom: 48px;

}
.header-modules__redeem-block__redeem-button{
	background: #12b152;
	background: -webkit-gradient(linear,left top,left bottom,from(#12b152),to(#0e853d));
	background: -webkit-linear-gradient(top,#12b152,#0e853d);
	/* background: linear-gradient(180deg,#12b152 0,#0e853d); */
	color: #fff;
	border: none;
	width: 12.5rem;
	height: 100%;
	padding: 110px 1.5rem;
	border-radius: .1875rem;
	text-shadow: #000 0 .0625rem .0625rem;
	font-weight: 200;
	font-size: 2.125rem;

}
.header-modules__redeem-block__redeem-button:hover {
	color: white!important;

}
.myModal__modal-title{
	color: #000000!important;
}
.rteamModal__modal-title{
	color: #404040!important;
}
/*
.rteamModal__modal-title{
	color: #000000!important;
}
*/
.myModel__close-button{
	color: #000000!important;
}

.myModal__modal-header{
	border-bottom: none;

}
.rteamModal__modal-header{
	border-bottom: none;

}
.modal-dialog__mod {
	margin: 130px auto !important;
}
.modal-footer__mod {
	text-align: center;
}
.online-a-button{
	color: #08a245;
	text-transform: capitalize;
	font-weight: 600;
	text-decoration: underline;
	cursor: hand;
	font-family: Helvetica,sans-serif;
	font-size: 1.7rem;
	line-height: 1.5rem;

}
.myModel__modal-footer{

	text-align: center!important;
}

.rteamModal__modal-footer{

	text-align: center!important;
	border-top: 0px!important;
}

.modal-header .close{
	margin-top: -15px!important;
	font-size: 5rem!important;
	color: #fff;
	opacity: 1;
}
.close:focus {
	outline: none;
}

.myModel__w-link{
	text-align: center!important;
	display: inline-block;
	width: 100%;
}
.w-popup .myModel__w-link .myModel__appstore{
	background: url("/image/appstore.png") no-repeat 0 0 !important;
	width: 300px;
	height: 90px;
	background-size: contain !important;
	display: inline-block;
}
.w-popup .rteamModal__w-link .rteamModal__appstore{
	background: url("/image/appstore.png") no-repeat 0 0 !important;
	width: 200px;
	height: 60px;
	background-size: contain !important;
	display: inline-block;
}
.myModel__gplay{
	background: url("/image/googpleplay.png") no-repeat 0 0 !important;
	width: 30.25rem;
	height: 10rem;
	background-size: contain !important;
	background-size: 100%;
	display: inline-block;
}
.rteamModal__gplay{
	background: url("/image/googpleplay.png") no-repeat 0 0 !important;
	width: 200px;
	height: 60px;
	background-size: contain !important;
	background-size: 100%;
	display: inline-block;
}

.custom-container{
	min-height: 450px;
	padding: 0;
}
#container{
	position: relative;
}
.custom-sidebar{
	/*position: absolute;
	top: 0;
	right: 0;*/
	padding-top: 22px;
	height: 100%;
	border-radius: 0 0 10px;
	/*background-image: -ms-linear-gradient(top, #0B893D 0%, #001d0b 100%);
	background-image: -moz-linear-gradient(top, #0B893D 0%, #001d0b 100%);
	background-image: -o-linear-gradient(top, #0B893D 0%, #001d0b 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0B893D), color-stop(100, #001d0b));
	background-image: -webkit-linear-gradient(top, #0B893D 0%, #001d0b 100%);
	background-image: linear-gradient(to bottom, #0B893D 0%, #001d0b 100%);*/
	background: #323232;
}
.custom-sidebar .box-heading{
	text-align: center;
}

.custom-sidebar .box-product li .padding,
.custom-sidebar.product-grid li .padding{
	border-radius: 0;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.category-info {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  /*margin-top: -70px;*/
}
/*.table {
	table-layout: fixed;
}*/

.product-category section {
  position: relative;
  width: 100%;
}
.product-category #container {
  margin-bottom: 0;
  padding-bottom: 0;

}

.product-category .col-sm-12 {
  padding-left: 0;
  padding-right: 0;
}
.product-category h1, .product-category p {
  padding-left: 15px;
  padding-right: 15px;
}

.product-category h1 {
  text-align: center;
}

.breadcrumb {
  border-radius: 0;
}

.product-category .header-modules {
	padding-top: 158px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	margin-bottom: -80px;
	height: 100vh;
}

.logo span {
  position: absolute;
  top: 94%;
  left: 0;
}

.product-category .logo {
  display: block;
}

/*.product-category .breadcrumb {
	margin-top: 54px;
}*/

.down-btn {
  width: 34px;
  height: 34px;
  padding: 0;
  margin: 0 auto;
  border-radius: 50%;
  border-width: 0;
  background-color: #572f99;
  color: #fff;
  font-size: 10px;
}

.down-btn:focus {
  outline: none;
}

.learn {
  display: block;
  margin-top: 100px;
  margin-bottom: 10px;
  color: #ffffff;
}

.modal-body .w-popup .w-link {
  margin-bottom: 10px;
}

.rteamModal-body .w-popup .w-link {
	margin: 10px 30px 10px;
}

.modal-body .w-popup .w-link .appstore, .modal-body .w-popup .w-link .gplay {
  width: 300px;
  height: 90px;
}
.rteamModal-body .w-popup .w-link .appstore, .rteamModal-body .w-popup .w-link .gplay {
	width: 200px;
	height: 60px;
}
h2 {
  line-height: 40px;
}
/*#menu + #container .breadcrumb {
  margin-top: 54px;
}*/


/**

New styles for "The Company" "The Platform" "Why Iditty" "About iDitty" pages

**/


.about-company, .about-container, .contact-us-form, .dashboard-page, .industry-saying, .organizations-page, .privacy-policy {
	max-width: 1150px;
	margin: 0 auto;
	padding: 40px 20px;
}
.about-company, .about-company .info .info-boxes .info-box .info-box-inner, .about-company .info .logo, .about-company img, .about-company ol, .about-company section, .about-container, .about-container img, .about-container ol, .about-container section, .contact-us-form, .contact-us-form .cf .boxes .box, .contact-us-form .cf .boxes .box p, .contact-us-form .cf .boxes .box p .button-social, .contact-us-form .cf .contact-form form .button-submit, .contact-us-form .cf .contact-form form .field .input, .contact-us-form .cf .contact-form form .field .label, .contact-us-form .cf .contact-form form .field .text-area, .contact-us-form img, .contact-us-form ol, .contact-us-form section, .dashboard-page, .dashboard-page img, .dashboard-page ol, .dashboard-page section, .display-block, .index-page, .index-page .fans .w-container .down-btn, .index-page .fans .w-container .industry-saying, .index-page .fans .w-container .learn, .index-page section .redeem-btn, .index-page section .text, .industry-saying, .industry-saying img, .industry-saying ol, .industry-saying section, .industry-saying ul, .login-page .login-signup-form .forgot-pass, .organizations-page, .organizations-page img, .organizations-page ol, .organizations-page section, .privacy-policy, .privacy-policy img, .privacy-policy ol, .privacy-policy section, .privacy-policy ul, .redeem-page .login-signup-form .forgot-pass, id-header .logo .logo-inner {
	display: block;
}
article, aside, footer, header, nav, section {
	display: block;
}
/*.about-container {
	margin-top: 20px;
}*/
.about-container h1,
.about-company h1 {
	font-size: 30px;
	margin: 0 0 1px;
}
.about-container h2 {
	font-size: 20px;
    margin: 0 0 1px;
}
.about-container p,
.about-company p {
	margin: 0 0 15px;
	font-size: 16px;
	font-weight: 400;
}
.about-container ol {
	list-style: none;
	margin-top: 15px;
	margin-bottom: 15px;
}
.about-container .highlight {
	box-sizing: border-box;
	border: 1px solid #e1e1e1;
	padding: 20px;
	margin-bottom: 32px;
}
.about-container img {
	float: left;
	width: 200px;
}
.about-container .secondary img {
	margin-right: 20px;
}
.about-container .highlight img {
	float: right;
	margin-left: 20px;
	width: 200px;
}
.about-container p.emphasis {
	padding: 0 20px;
	font-weight: 600;
}
.highlight__mod__platform {
	padding-bottom: 25px !important;
}
.company__logo {
	margin-left: 20px;
    width: 200px;
    height: 95px;
    float: right;
}
.about-company .info .info-boxes {
    margin-top: 35px;
  }
.about-company .info .info-boxes {
	display: flex;
	justify-content: space-between;
}
.about-company .info .info-boxes .info-box {
	-webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 0 10px;
}
.about-company .info .info-boxes .info-box .info-box-inner {
    padding: 20px;
    border: 1px solid #e1e1e1;
}
.about-company .info .info-boxes .info-box .info-box-inner p {
	margin: 0;
}


/***

Styles from angular_front

***/


.index-page section .w-container {
    margin: auto 0;
    bottom: 0;
}

.index-page section {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
	color: #fff;
	padding: 15px;
}

.index-page section .text {
    font-size: 1.25rem;
    font-weight: 200;
    line-height: 1.5;
}
.index-page .girl {
    background-color: #f2f2f2;
    background-position: 100%;
    background-size: auto 100%;
    background-image: url(/image/bkg-hpgirl-large.jpg);
    color: #000;
	margin-top: -70px;
	padding: 15px;
}
.index-page .girl h2{
    color: #000;
}

.index-page .girl .dim {
    background-color: transparent;
}

.index-page .girl .w-container {
    margin: 0 15%;
    padding: 200px 0;
}

.index-page .girl .w-container h3 {
    color: #572f99;
    font-size: 20px;
}

.index-page .girl .w-container h2 {
    max-width: 32.5rem;
    font-size: 60px;
}

.index-page .girl .w-container .text {
    max-width: 37.5rem;
    padding-bottom: 1.25rem;
    font-size: 18px;
}
.index-page .girl .w-container .text.bold,
.index-page .for-musicians .w-container .text.bold {
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 0;
}
.index-page .for-musicians {
    background-color: #090909;
    background-position: left 52% top;
    background-size: cover;
    background-image: url(/image/bkg-guitarist-large.jpg);
    color: #fff;
}

.index-page .for-musicians .w-container {
    overflow: hidden;
    padding: 200px 0;

}

.index-page .for-musicians .w-container h3 {
	font-size: 40px;
    color: #fff;
}

.index-page .for-musicians .w-container .text {
    padding-bottom: 1.25rem;
    font-size: 18px;
    text-align: left;
}
.index-page .for-musicians .w-text {
    float: right;
    max-width: 45%;
    padding-right: 15%;
}
.index-page .for-musicians .w-container h2 {
	font-size: 40px;
	text-align: left;
    margin: 0;
    padding: 0 0 1.25rem;
}
.index-page .advantages {
    background-color: #572f99;
    color: #fff;
}
.index-page .advantages .w-container {
	padding: 7.25rem 0;
}
.index-page .advantages .w-text, .index-page .getstarted .w-text, .index-page .stores .w-text {
    max-width: 50%;
    margin: 0 auto;
    text-align: center;
 }

index-page .advantages h3 {
    color: inherit;
    font-size: 40px;
}
.index-page section h2 {
	font-size: 40px;
}
.index-page .advantages .text {
	margin-bottom: 3.75rem;
	font-size: 18px;
}
.index-page section .text {
    font-weight: 200;
    line-height: 1.5;
}
.index-page .w-free-btn {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    max-width: 120rem;
    margin: 0 auto;
    text-align: center;
}
index-page .w-free-btn .item {
    width: 24rem;
    padding: 6.31rem 1rem;
    border-radius: .1875rem;
    background-color: hsla(0, 0%, 100%, .3);
    overflow: hidden;
    text-decoration: none;
    color: inherit;
}
.index-page .w-free-btn .item {
    position: relative;
}
 .index-page .w-free-btn .icon {
    content: '';
    height: 6.375rem;
    background-size: cover;
    width: 6.375rem;
    left: 0;
    top: 0;
    margin-bottom: 2.2rem;
}
.index-page .w-free-btn .title {
    font-size: 1rem;
    text-transform: uppercase;
}
.index-page .corner-ribbon.top-right {
    right: -22px;
    left: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
 }
.index-page .corner-ribbon, .index-page .corner-ribbon.sticky {
	position: absolute;
}

.index-page .corner-ribbon {
    width: 6.7rem;
    font-size: .875rem;
    font-weight: 600;
    top: 5px;
    left: -18px;
    line-height: 18px;
    letter-spacing: .0625rem;
    color: #60632b;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #f6ff63;
    text-transform: uppercase;
}
.index-page .corner-ribbon {
	text-align: center;
}
.index-page .w-free-btn .item {
    width: 24rem;
    padding: 6.31rem 1rem;
    border-radius: .1875rem;
    background-color: hsla(0, 0%, 100%, .3);
    overflow: hidden;
    text-decoration: none;
    color: inherit;
}
.index-page .w-free-btn .icon {
	display: inline-block;
}
.scroll-down {
	position: absolute;
	margin: auto;
	overflow: auto;
	width: 50%;
	height: 50%;
	top: 90%;
	left: 0;
	bottom: 0;
	right: 0;
}
	.reedem-heading {
		margin-bottom: 0;
}

.product-marketplace .product-grid ul{
	padding: 0 10px;
	margin: 0;
}

/*Styles for fancybox-popup-background on ATRIST page*/
.fancybox-opened .fancybox-skin {
	background: transparent !important;
}
	.reedem-heading-link {
		color: #fff;
	}
	.reedem-heading-link:hover {
		color: #fff;
	}
	#menu-gadget ul li.active ul li.active {
		background: #572f99;
   }
	#menu-gadget ul li ul li:hover {
		background: #572f99;
   }

   .product-marketplace .product-grid ul{
		padding: 0 10px;
		margin: 0;
   }

   .fancybox-opened .fancybox-skin {
		background: transparent !important;
   }


   /****

	NEW STYLES FOR MODAL WINDOW ON ADMIN INTERFACE

   ****/
   	.w-sorter-images {
		justify-content: center;
   	}

   	.modal-content__mod {
		background: #303030;
   	}
	.btn-primary {
		background-color: #01aa46;
     	border-color: #01aa46;
     	font-size: 16px;
     	font-weight: bold;
     	outline: none;

	}
	.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
		background-color: #01aa46;
     	border-color: #01aa46;
     	outline: none;
	}

	.btn-secondary {
		background-color: #01aa46;
   		border-color: #01aa46;
    	outline: none;
		font-size: 16px;
		font-weight: bold;
	}
	.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active {
		outline: none;
		color: #fff;
	}
	.controls input {
		border-radius: 5px !important;
		line-height: 25px !important;
	}

@media (min-width:768px) {
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-11 {
        width: 91.66666667%
    }
    .col-sm-10 {
        width: 83.33333333%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-8 {
        width: 66.66666667%
    }
    .col-sm-7 {
        width: 58.33333333%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-5 {
        width: 41.66666667%
    }
    .col-sm-4 {
        width: 33.33333333%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-2 {
        width: 16.66666667%
    }
    .col-sm-1 {
        width: 8.33333333%
    }
    .col-sm-pull-12 {
        right: 100%
    }
    .col-sm-pull-11 {
        right: 91.66666667%
    }
    .col-sm-pull-10 {
        right: 83.33333333%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-8 {
        right: 66.66666667%
    }
    .col-sm-pull-7 {
        right: 58.33333333%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-5 {
        right: 41.66666667%
    }
    .col-sm-pull-4 {
        right: 33.33333333%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-2 {
        right: 16.66666667%
    }
    .col-sm-pull-1 {
        right: 8.33333333%
    }
    .col-sm-pull-0 {
        right: auto
    }
    .col-sm-push-12 {
        left: 100%
    }
    .col-sm-push-11 {
        left: 91.66666667%
    }
    .col-sm-push-10 {
        left: 83.33333333%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-8 {
        left: 66.66666667%
    }
    .col-sm-push-7 {
        left: 58.33333333%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-5 {
        left: 41.66666667%
    }
    .col-sm-push-4 {
        left: 33.33333333%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-2 {
        left: 16.66666667%
    }
    .col-sm-push-1 {
        left: 8.33333333%
    }
    .col-sm-push-0 {
        left: auto
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }
    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-11 {
        width: 91.66666667%
    }
    .col-md-10 {
        width: 83.33333333%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-8 {
        width: 66.66666667%
    }
    .col-md-7 {
        width: 58.33333333%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-5 {
        width: 41.66666667%
    }
    .col-md-4 {
        width: 33.33333333%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-2 {
        width: 16.66666667%
    }
    .col-md-1 {
        width: 8.33333333%
    }
    .col-md-pull-12 {
        right: 100%
    }
    .col-md-pull-11 {
        right: 91.66666667%
    }
    .col-md-pull-10 {
        right: 83.33333333%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-8 {
        right: 66.66666667%
    }
    .col-md-pull-7 {
        right: 58.33333333%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-5 {
        right: 41.66666667%
    }
    .col-md-pull-4 {
        right: 33.33333333%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-2 {
        right: 16.66666667%
    }
    .col-md-pull-1 {
        right: 8.33333333%
    }
    .col-md-pull-0 {
        right: auto
    }
    .col-md-push-12 {
        left: 100%
    }
    .col-md-push-11 {
        left: 91.66666667%
    }
    .col-md-push-10 {
        left: 83.33333333%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-8 {
        left: 66.66666667%
    }
    .col-md-push-7 {
        left: 58.33333333%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-5 {
        left: 41.66666667%
    }
    .col-md-push-4 {
        left: 33.33333333%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-2 {
        left: 16.66666667%
    }
    .col-md-push-1 {
        left: 8.33333333%
    }
    .col-md-push-0 {
        left: auto
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%
    }
    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1200px) {
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-11 {
        width: 91.66666667%
    }
    .col-lg-10 {
        width: 83.33333333%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-8 {
        width: 66.66666667%
    }
    .col-lg-7 {
        width: 58.33333333%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-5 {
        width: 41.66666667%
    }
    .col-lg-4 {
        width: 33.33333333%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-2 {
        width: 16.66666667%
    }
    .col-lg-1 {
        width: 8.33333333%
    }
    .col-lg-pull-12 {
        right: 100%
    }
    .col-lg-pull-11 {
        right: 91.66666667%
    }
    .col-lg-pull-10 {
        right: 83.33333333%
    }
    .col-lg-pull-9 {
        right: 75%
    }
    .col-lg-pull-8 {
        right: 66.66666667%
    }
    .col-lg-pull-7 {
        right: 58.33333333%
    }
    .col-lg-pull-6 {
        right: 50%
    }
    .col-lg-pull-5 {
        right: 41.66666667%
    }
    .col-lg-pull-4 {
        right: 33.33333333%
    }
    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-2 {
        right: 16.66666667%
    }
    .col-lg-pull-1 {
        right: 8.33333333%
    }
    .col-lg-pull-0 {
        right: auto
    }
    .col-lg-push-12 {
        left: 100%
    }
    .col-lg-push-11 {
        left: 91.66666667%
    }
    .col-lg-push-10 {
        left: 83.33333333%
    }
    .col-lg-push-9 {
        left: 75%
    }
    .col-lg-push-8 {
        left: 66.66666667%
    }
    .col-lg-push-7 {
        left: 58.33333333%
    }
    .col-lg-push-6 {
        left: 50%
    }
    .col-lg-push-5 {
        left: 41.66666667%
    }
    .col-lg-push-4 {
        left: 33.33333333%
    }
    .col-lg-push-3 {
        left: 25%
    }
    .col-lg-push-2 {
        left: 16.66666667%
    }
    .col-lg-push-1 {
        left: 8.33333333%
    }
    .col-lg-push-0 {
        left: auto
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }
    .col-lg-offset-0 {
        margin-left: 0
    }
}

/**** STYLES FOR NEW HEADER*****/

.user-block-list,
header {
    line-height: 50px !important;
    width: 100%;
    /*margin-bottom: 80px;*/
}

.subheader-swap {
    /* margin-left: 230px; */
    overflow: hidden;
}
.active {
	background: #565656;
	color: #fff;
}

.active-link {
	background-color: #572f99 !important;
	border-radius: 5px;
}
.active-swipe {
	left: 0 !important;
}
.swipe-menu {
    display: none;
}

.logo {
    display: none !important;
    max-width: 100%;
    height: 45px;
}

header .header-logo,
header ul li {
    display: inline-block;
}

header .header-top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #572f99;
    height: 55px;
    z-index: 11;
}

header .header-logo {
    margin-top: 5px;
    padding: 0;
}

header .header-logo:hover {
    background: 0 0;
}

header ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 50px;
}

header ul li a {
    font-size: 20px;
    color: #fff;
    text-decoration: none!important;
    text-transform: none!important;
    padding: 17px 10px;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
   	line-height: 52px;

}

.nav-link {
	margin-left: -5px;
}

header ul li a:hover {
    background: #565656;
    color: #fff;
}

.user-block-list {
    display: flex;
    justify-content: flex-end;
}

.user-block-list .social-facebook {
    background: url('../image/facebook-logo.svg') center center no-repeat;
    background-size: 100%;
    margin-left: 10px;
}

.user-block-list .social-facebook:hover {
    background-color: none;
}

.user-block-list .social-twitter {
    background: url('../image/twitter.svg') center center no-repeat;
    background-size: 100%;
    margin-left: 15px;
}

.user-block-list .social-twitter:hover {
    background-color: none;
}

.user-block-list .cart-link {
    margin-top: 6px;
    padding: 5px 15px 10px 20px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#3f1a76), to(#572f99));
    background-image: -webkit-linear-gradient(bottom, #3f1a76 0, #572f99 100%);
    background-image: linear-gradient(to top, #3f1a76 0, #572f99 100%);
}

.user-block-list .cart-link:hover {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#572f99), to(#3f1a76));
    background-image: -webkit-linear-gradient(bottom, #572f99 0, #3f1a76 100%);
    background-image: linear-gradient(to top, #572f99 0, #3f1a76 100%);
}

.sub-header {
    position: absolute;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	/*top: 70px;*/
	left: 0;
	right: 0;
	z-index: 2;
}

.sub-header span {
    display: none;
}

.sub-header ul {
    margin: 0;
    padding: 0;
    display: block;
}

.sub-header ul li {
    display: inline-block;
    position: relative;
}

.sub-header ul li a {
    color: #fff;
    font-size: 18px;
    font-weight: 100;
    font-family: 'Roboto', sans-serif;
}

.sub-header ul li a:hover {
    background-color: #572f99;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.sub-menu ul li ul  {
	display: none;
}
.parent-item {
	font-size: 14px;
}
.sub-menu-list li i {
	position: absolute;
    display: none;
    top: 0;
    right: 0;
    font-size: 15px;
    color: #fff;
    height: 39px;
    line-height: 39px;
    width: 50px;
}
.fade-disable {
	opacity: 0.2
}
#js-link-youtube {
	margin-bottom: 15px;
}
a.cke_button {
	height: auto !important;
}
.navbar-nav {
	width: 820px;
}
.placeholder-highlight {
	background-color: #262626;
	height: 65px;
}
.image2 {
	text-align: center;
}
.avatar-img {
	height: 60px;
}
.fileinput-button {
	margin-top: 0 !important;
	background-color: #02a947 !important;
	border: none;
	font-size: 16px;
	font-weight: 800;
}
.remove_selected {
	border-radius: 3px !important;
	background-color: #d9534f !important;
	border: none;
	font-size: 16px;
	font-weight: 800;
}

.fileinput-button:hover {
	margin-top: 0 !important;
	background: rgba(1, 170, 70, 0.46) !important;
	border: none;
	font-size: 16px;
	font-weight: 800;
}
.remove_selected:hover {
	border-radius: 3px !important;
	background: #d2322d !important;
	border: none;
	font-size: 16px;
	font-weight: 800;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
	font-size: 16px;
	font-weight: 800 !important;
}
.button-warning:hover {
	background: #ad3424 !important;
}
.dropdown-arrow {
	font-size: 10px;
}
.section-logo {
	position: absolute;
	top: 50px;
	left: 30px;
	z-index: 10;
	width: 210px;
}
.nav-home-link {
	display: none;
}

.submenu-category {
	margin-top: 80px;
	text-align: center;
	margin-bottom: -80px;
}
.search-field {
	text-align: center;
	top: 70px;
	/*left: 0;*/
	border-radius: 5px !important;
}
.file-list-item {
	padding: 5px 20px;
}
.asc {
	position: relative;
}
.asc:after {
	content: '';
    position: absolute;
    border: 10px solid transparent;
    border-top: 10px solid #01aa46;
    right: -25px;
    top: 4px;
    width: 10px;
    height: 10px;
}
.desc {
	position: relative;
}
.desc:after {
	content: '';
    position: absolute;
    border: 10px solid transparent;
    border-bottom: 10px solid #01aa46;
    right: -25px;
    top: -8px;
    width: 10px;
    height: 10px;
}

.btn-toolbar {
	margin-bottom: 50px !important;
}
.project-btn__mod {
	margin-top: 100px !important;
}

.progress {
	position: relative;
	top: 95%;
	margin-left: 105px;
	margin-right: 95px;
}
.progress-bar {
	background-color: #01aa46;
}
.project-progress-bar {
	margin-top: 130px;
	margin-left: 30px;
	margin-right: 20px;
	height: 20px;
    overflow: hidden;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.publisher-url {
	margin-top: 8px;
}
.progress-body {
	max-height: 200px;
	overflow: hidden;
}
input.artist-name-input-text {
	width: 400px;
	border: 1px solid grey;
	background-color: #3c3c3c;
	color: #fff;
	border-radius: 0 !important;
	margin-bottom: 4px;
}
.artist-name {
	display: inline-block;
}
.perk-textarea {
	background-color: #3c3c3c;
	border: 1px solid grey;
	color: #fff;
	width: 504px;
}
.project-table tr {
	height: 80px;
}
.button-filter {
	padding: 8px 10px 7px !important;
	float: none !important;
}
.covers-wrap {
	height: auto;
	min-height: 120px;
	padding: 10px;
	min-width: 120px;
}
.cover-image-wrap {
	position: relative;
	width: 100px;
	height: 100px;
	display: inline-block;
}
.image-overlay {
	opacity: .5;
}
.update-btn {
	padding: 3px 8px !important;
	margin-top: -3px;
}
.switch-text  {
	text-align: right;
	margin-bottom: 10px;
	margin-right: 70px;
}
.block__mod {
	display: inline-block;
}
.button__mod {
	margin-bottom: 20px;
}
.button-color__mod {
	background-color: #d9534f !important;
}
.w-text h3 {
	line-height: 50px;
}
.notification-link {
	vertical-align: middle;
	padding-left: 0;
	padding-bottom: 0;
}
.notification-link:hover {
	background-color: #572f99;
}
.message-count {
	font-size: 14px;
	vertical-align: middle;
}
.js-dropdown-item {
	display: block;
}
.js-dropdown-link {
	font-size: 14px;
	color: #fff !important;
	margin: 0 auto;
	font-weight: 600 !important;
	padding: 0;
	transition: background-color .35s ease;
}
.dropdown {
	margin-top: 4px;
}
.dropdown-menu {
	background-color: #3c3c3c;
	min-width: 200px;
	line-height: 34px !important;
}
.dropdown-menu > li > a {
	white-space: inherit;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-color: #572f99;

}
.notification-name, .notification-descr {
	display: block;
	margin: 10px 0;
}
.back-button {
	margin-top: 20px;
	display: block;
}
.notification-name-wrap span {
	display: block;
	font-size: 14px;
	font-weight: 100;
}
.notification-name-link {
	color: #c2c7cc;
}
.unread-notification, .unsent-notification {
	color: #fff;
	background-color: rgba(90, 90, 90, 1);
	transition: all .2s ease;
}
.notification-controls {
	display: inline-block;
	float: right;
	margin-top: 10px;
}
.notification-controls-mod {
	margin-top: -5px;
}
.notification-controls a {
	margin-right: 5px;
	color: #fff;
	padding: 8px 10px 8px;
	font-size: 14px;
}
.notification-received-row:hover {
	color: #000;
	background-color: #572f99;
	opacity: .8;
	cursor: pointer;
	transition: all .2s ease;
}
.notification-heading {
	display: inline-block;
	position: relative;
	margin-bottom: 30px;
}
.notification-selected-count {
	position: absolute;
	top: 30px;
	left: 15px;
}
.notification-selected-count span {
	font-size: 14px;
}
.highlight-notification {
	background-color: #572f99;
	color: #000;
}

/* REWORKED STYLES FOR LIGIN*/

.form-heading-descr {
	text-align: center;
	margin-bottom: 20px;
}
.login-content .heading {
	border: none;
	margin: 0;
	padding: 0;
}
.login-content .login-buttons {
	border: none;
	text-align: center;
}
.login-content .form-horizontal .controls input {
	width: 91%;
	background-color: #eee;
}
.width-block {
	text-align: center;
}
.login-form-btn {
	display: block ;
	text-align: center ;
	background-color: #572f99;
	width: 100% !important;
	border: 1px solid #572f99;
	transition: all .5s;
	height: 35px;
	text-transform: uppercase;
}
.login-buttons {
	padding: 0 !important;
}
.login-form-btn:hover {
	background-color: #46217f;
	color: #fff;
}
.logout-button {
	margin: 0 !important;
}
.link-login {
	margin-left: 0;
	margin-top: 25px;
	font-style: normal;
	transition: color .5s;
	display: block;
	text-decoration: underline;
	text-align: right;
	font-size: 12px;
	margin-bottom: -10px;
}
.link-login:hover {
	color: #fff;
	text-decoration: underline;
}
.radio-danger {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}
.radio-danger input {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}
.radio-danger label {
	display: block;
	background-color: #572f99;
    color: #fff;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	text-shadow: none;
	padding: 10px 14px;
	width: 50%;
	float: left;
	transition: all .5s;
	text-transform: uppercase;
}
.radio-danger label:hover {
    background-color: #572f99 ;
    color: #fff;
}
.login-content .content>p {
	border: none;
	margin-bottom: 20px;
	padding: 0;
}
.error-sugnup-message {
	margin-top: 20px;
}
.login-form-active-link {
	background-color: #572f99 !important;
    color: #fff;
}
.login-form-wrapper {
	background: rgba(19, 35, 47, 0.9);
	background-color: #3c3c3c;
    padding: 40px;
    max-width: 400px;
    margin: 40px auto;
    border-radius: 4px;
    box-shadow: 0 15px 24px rgba(0,0,0,.4);
}
.login-form-wrapper-mod {
	max-width: 800px;
}
.signup-mod {
	margin-top: 30px;
}
.bnt-wrp {
	padding: 0;
	margin-top: 30px;
}
.form-btn {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
}
.form-btn:first-child {
	margin-left: 0px;
}
.form-group {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.login-form-block {
	display: block !important;
}
.form-group input {
	border-radius: 5px;
	line-height: 25px;
}
.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
	padding-top: 0;
}
.restore-heading {
	font-size: 20px;
}
.restore-text {
	font-size: 14px;
	text-align: center;
}
.restore-content {
	text-align: center;
	margin-bottom: 30px;
}
.restore-btn {
	text-align: center;
}
.restore-btn div {
	width: 49%;
	float: left;
	margin-left: 5px;
}
.restore-btn div:first-child {
	margin-left: 0;
}
.controls-mod {
	margin-top: 8px;
}
.dropdown-controls-link {
	font-size: 13px;
	color: #fff !important;
}
.dropdown-buttons {
    padding: 5px 10px;
    border-radius: 3px;
    background-color: #572f99;
    display: inline-block;
    font-size: 11px;
    line-height: 14px;
}
.dropdown-buttons-mod {
	margin-right: 20px;
}
.dropdown-controls-link:hover {
	background-color: rgba(1, 170, 70, 0.46);
}
.divider {
	display: block;
}
.controls textarea {
	border-radius: 4px;
}
.add-not-buttons {
	margin-top: 40px;
	text-align: center;
}
.add-not-buttons div {
	width: 150px;
	display: inline-block;
	margin-left: 25px;
}
.add-not-controls span {
	margin-right: 5px;
}
#js-report-block {
	display: block;
	margin: 10px 0;
}
/* fan projects */

.panel {
	border: none;
}

.panel-group .panel {
	border-radius: 0;
	box-shadow: none;
	border-color: #282828;
	background-color: transparent;
}


.panel-default > .panel-heading {
	padding: 0;
	border-radius: 0;
	color: #212121;
	border-color: #282828;
	background: #3c3c3c;
	background: -moz-linear-gradient(top,  #3c3c3c 0%, #323232 100%);
	background: -webkit-linear-gradient(top,  #3c3c3c 0%,#323232 100%);
	background: linear-gradient(to bottom,  #3c3c3c 0%,#323232 100%);
}

.panel-default > .panel-heading:hover {
	background: #3c3c3c;
	background: -moz-linear-gradient(top,  #3c3c3c 0%, #2d2d2d 100%);
	background: -webkit-linear-gradient(top,  #3c3c3c 0%,#2d2d2d 100%);
	background: linear-gradient(to bottom,  #3c3c3c 0%,#2d2d2d 100%);
}

.panel-title {
	font-size: 14px;
	width: 100%;
	/* display: flex; */
}
.stream-panel .panel-title {
	display: flex;
	position: relative;
}

.panel-title > a {
	display: inline-block;
	padding: 5px 20px;
	text-decoration: none;
	color: #fff;
	width: calc(100% - 75px);
	vertical-align: middle;
}

.panel-title > a:hover {
	color: #01aa46;
}

.panel-title > a .panel-open:before {
	transition: all .5s;
	display: block;
}

.panel-title > a.collapsed .panel-open:before{
	/*content: "\f078";*/
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	transform: rotate(180deg);
	display: block;
	transition: all .5s;
}
.subscription-panel > a.collapsed .panel-open:before{
	/*content: "\f078";*/
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	transform: rotate(180deg);
	display: block;
	transition: all .5s;
}
.subscription-panel > a .panel-open:before {
	transition: all .5s;
    display: block;
}
.stream-panel .panel-open {
	margin: 0;
}
.panel-open {
	float: right;
	color: #01aa46;
	margin-top: 15px;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #282828;
	background-color: #323232;
}

.panel-body .file-list-item {
	padding: 5px 0;
}

.albumk-preview {
	width: 47px;
	display: inline-block;
	margin-right: 20px;
}

.download-btn {
	background-color: transparent !important;
	border: none !important;
	color: #01aa46 !important;
	width: 0 !important;
	padding: 5px 10px !important;
}

.download-btn:focus {
	outline: none;
}

.w-file-list {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;

	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

	-webkit-box-align: center;
	-moz-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;

	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.list-preview {
	width: 47px;
	height: 47px;
	min-width: 47px;

	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;

	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

	-webkit-box-align: center;
	-moz-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;

	-webkit-box-pack: center;
	-moz-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;

	margin-right: 25px;
}

.list-preview img {
	max-width: 100%;
	max-height: 100%;
}

.icon {
	content: '';
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center center;
}

.icon-size-md {
	width: 32px;
	height: 32px;
	background-size: 32px;
}

.icon-pdf {
	background-image: url('../image/icon-pdf.png');
}

.icon-dat {
	background-image: url('../image/icon-dat.png');
}

.icon-mp3 {
	background-image: url('../image/icon-mp32.png');
}

.icon-play {
	background-image: url('../image/play-button.png');
}

.icon-live-stream {
	background-image: url('../image/live-stream.png');
}

.video-js {
	width: 100%;
}

/* .modal-content {
	background: #3c3c3c;
	background: -moz-linear-gradient(top,  #3c3c3c 0%, #323232 100%);
	background: -webkit-linear-gradient(top,  #3c3c3c 0%,#323232 100%);
	background: linear-gradient(to bottom,  #3c3c3c 0%,#323232 100%);
	border-color: #282828;
} */

.modal-header {
	border-color: #282828;
}





.remodal-close {
	/*top: 23px;*/
	width: 30px;
	height: 30px;
	/*left: inherit;
	right: 18px;*/
	background: transparent;
	border: none;
	cursor: pointer;
	float: right;
	position: relative;
}


.remodal-close:after,
.remodal-close:before {
	 width: 18px;
	 height: 3px;
	 top: 50%;
	 left: 50%;
	 right: 0;
	 margin-top: -1px;
	 margin-left: -9px;
	 background: #fff;
	 font-size: 29px;
	 line-height: 32px;
	 content: '';
	 position: absolute;
	 display: block;
	 transition: transform 0.25s ease-out;
 }

.remodal-close:after {
	   transform: rotate(45deg);
   }

.remodal-close:before {
		 transform: rotate(-45deg);
	 }

.remodal-close:hover:before,
.remodal-close:hover:after {
	transform: rotate(0deg);
}

.remodal-close:focus {
	outline: none;
}


.modal-body .video-js .vjs-big-play-button {
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -45px;
}

.list-player {
	width: 50%;
	margin-top: 2px;
}

@media screen and (max-width: 991px) {
	.list-player {
		width: 100%;
	}
}

.list-name {
	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;         /* OLD - Firefox 19- */
	-webkit-flex: 1;          /* Chrome */
	flex: 1;
	-ms-flex: 1 0 auto;              /* IE 10 */
}
.project-filelist {
	margin: 10px 0;
}

.charity-form-button {
	text-align: right;
	margin-right: 10px;
}
.cargill-button {
	display: inline-block;
	height: 50px;
	margin-top: 20px;
	padding: 0 40px;
	color: #fff;
	background: linear-gradient(#22b15f, #079944) no-repeat;
	border-top: 1px solid #83d5a5;
	border-radius: 5px;
	font-weight: 300;
	line-height: 50px;
}
.cargill-button:hover {
	color: #fff;
}
.StripeElement {
	height: 60px;
	margin-top: -20px;
	background: linear-gradient(#7a7a7a, #515254) no-repeat;
	border: none;
	color: #fff;
	padding-left: 20px;
	font-size: 20px;
	font-weight: bold;
	border-radius: 5px;
	opacity: .8;
}
.charity-controls {
	text-align: right;
}
.form-group .controls .charity-inputs {
	height: 60px;
	width: 100%;
	margin-top: -20px;
	background: linear-gradient(#7a7a7a, #515254) no-repeat;
	border: none;
	color: #fff;
	padding-left: 20px;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	opacity: .8;
}
.form-group .controls .charity-select {
	color: #16AD2A !important;
}
.form-group .controls .charity-inputs::placeholder {
	color: #fff;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
}
.charity-price-block .charity-price .charity-input-price {
	height: 65px;
	position: relative;
	right: -10px;
	top: -6px;
    line-height: 65px;
	background: linear-gradient(#09a248, #0c381d) no-repeat;
    color: #fff;
    font-size: 28px;
    font-weight: normal;
	width: 100px;
	border: none;
	outline: none;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.charity-input-price::placeholder {
	color: #fff;
	opacity: 0.8;
}
.charity-description {
	color: #fff;
	font-weight: normal;
	margin-bottom: 40px;
	margin-top: 70px;
}
.charity-description .row {
	margin-bottom: 10px;
}
.charity-description h2 {
	margin-bottom: 0;
}
.charity-description p {
	font-size: 18px;
	font-weight: 300;
}
.charity-price-block {
	text-align: center;
	margin-right: 28px;
	margin-top: -10px;
}
.charity-price {
	position: relative;
	display: inline-block;
	height: 65px;
	line-height: 65px;
	background: linear-gradient(#09a248, #0c381d) no-repeat;
	color: #fff;
	font-size: 28px;
	font-weight: normal;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	width: 120px;
	text-align: center;
}
.charity-price:before {
	content: '$';
	position: absolute;
	top: 0;
	left: -20px;
	height: 65px;
	width: 35px;
	background: linear-gradient(#ededed, #4a4b4a) no-repeat;
	line-height: 65px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	font-size: 28px;
	font-weight: normal;
	color: #146534;
	text-align: center;
}
.steps-block {
	padding: 0 30px;
	height: 60px;
	line-height: 60px;
	background: linear-gradient(#2aaf60, #099242) no-repeat;
	display: inline-block;
	margin-bottom: 10px;
	border-radius: 5px;
	color: #fff;
	opacity: .9;
}
.form-row {
	text-align: right;
}
.card-text {
	display: inline-block;
	margin-top: 20px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.charity-form-section {
	position: relative;
    margin: -42px 0;
    min-height: 100vh;
    width: 100%;
    background: url('/image/charity-bg-2.jpg') no-repeat;
    background-size: cover;
    background-position: center -10%;
}
.reedem-popup-block {
	margin-bottom: 30px;
	display: inline-block;
	margin-top: 10px;
	font-size: 15px;
}
.h2-center {
	margin-top: 22px;
	font-weight: normal;
	font-size: 22px;
}
.charity-logo-wrap {
	position: relative;
}
.charity-logo {
	padding-top: 50%;
}
.charyty-image-block-item {
	margin: 0 10px;
}
.charyty-image-block-list {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}
.charyty-image-block-list__mod {
	margin-top: -90px;
}
.charity-form-warning {
	margin-top: 70px
}
.cvc-errors {
	font-size: 18px;
	text-align: center;
	color: red;
}
/*** PROJECT POPUP STYLES ***/
.left-side.redeem-code {
	min-width: 20rem;
	padding: .9375rem 1.5625rem;
}
form {
	display: block;
	margin-top: 0em;
	font-family: Raleway,Arial,sans-serif;
	line-height: 1.15;
}
.w-form {
	width: 35%;
	max-width: 56.25rem;
	min-width: 20rem;
	padding: .9375rem 1.5625rem;
	margin: 0 auto 3.75rem;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	display: flex;
	font-family: Raleway,Arial,sans-serif;
	line-height: 1.15;
}
.w-card {
	border-radius: 10px;
	background-color: #000;
	color: #fff;
	max-width: 29.5rem;
	margin: 0 auto;
	display: block;
	font-family: Raleway,Arial,sans-serif;
	line-height: 1.15;
}
.logo-inner {
	padding: 10px 0;
	text-align: center;
	display: block;
	color: #fff;
	font-family: Raleway,Arial,sans-serif;
	line-height: 1.15;
}
.code-inner {
	background-color: #4f4f4f;
	border-radius: 0 0 .75rem .75rem;
	padding: 5px 10px;
	font-family: Lato;
	letter-spacing: .125rem;
	text-align: center;
	font-weight: 600;
	display: block;
	color: #fff;
}
p.code-text {
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	text-align: center;
	font-family: Raleway,Arial,sans-serif;
	line-height: 1.15;
}
.w-code {
	max-width: 30rem;
	margin: 0 auto;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	display: flex;
	font-family: Raleway,Arial,sans-serif;
	line-height: 1.15;
	margin-bottom: 20px;
	text-align: center;
}
.w-code input {
	margin-right: 6px;
	font-family: Lato;
	color: #9b9b9b;
	letter-spacing: .125rem;
	width: calc(100% * 0.25 - .99rem);
	padding: 0 .4375rem;
	text-align: center;
	font-weight: 600;
	height: 40px;
	font-size: 15px;
}
.w-code input:last-child {
	margin: 0;
}
.w-btn {
	text-align: center;
	display: block;
	font-family: Raleway,Arial,sans-serif;
	line-height: 1.15;
}
.redeem-btn {
	width: 50% !important;
	height: 45px;
	padding: 0 15px;
	color: #fff;
	background: linear-gradient(180deg,#572f99 0,#46217f);
	font-weight: bold;
	border: none;
	border-radius: 3px;
	box-sizing: border-box;
}
.redeem-btn:hover {
	background: #46217f;
}
.w-store-btns {
	display: block;
	text-align: center;
	font-family: Raleway,Arial,sans-serif;
	line-height: 1.15;
	height: 3.125rem;
	font-size: .8125rem;
	margin-bottom: 20px;
	border-radius: 3px;
	box-sizing: border-box;
	font: inherit;
	margin: 0;
}
.w-link {
	text-align: center;
	display: inline-block;
	font-family: Raleway,Arial,sans-serif;
	line-height: 1.15;
}
.appstore {background:url("/image/appstore.png") no-repeat 0 0;
	width:170px;
	height:50px;
	background-size:contain;
	text-align: center;
	display: inline-block;
	font-family: Raleway,Arial,sans-serif;
	line-height: 1.15;

}
.gplay {
	background:url("/image/googpleplay.png") no-repeat 0 0;
	width:170px;
	height:50px;
	text-align: center;
	background-size: contain;
	display: inline-block;
	font-family: Raleway,Arial,sans-serif;
	line-height: 1.15;
}
#fancybox-content {
	padding: 0 !important;
}
#fancybox-content > div {
	background-color: #323232;
}
.stream-button-block {
	text-align: center;
}
.stream-button {
	display: inline-block;
	margin: 10px 0;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #572f99;
    border: 1px solid #572f99;
	transition: all .5s;
}
.stream-back-button {
	margin-bottom: 30px;
	margin-top: 0;
}
.stream-button:hover {
	color: #fff;
}
.stream-button:focus {
	color: #fff;
}
.stream-video-block {
	text-align: center;
}
.stream-button-playtpl {
	display: block;
	margin: 20px auto;
	width: 70px !important;
	height: 70px;
	border-radius: 50%;
	line-height: 30px;
	border: 5px solid green;
	overflow: hidden;
}
.stream-button-playtpl:hover {
	background-color: #572f99;
}
.stream-list {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}
.stream-item {
	width: 250px;
	margin: 20px 10px;

}
.stream-item-wrap {
	position: relative;
	padding: 10px;
	background-color: #3c3c3c;
	border: 1px solid #282828;
	text-align: center;
	border-radius: 5px;
	transition: .5s ease;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);

}
.stream-item-wrap:hover {
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.8);
	transform: translateY(-5px) scale(1.00);
}
.stream-item-wrap a {
	display: inline-block;
    text-align: center;
    background-color: #572f99;
    width: 70%;
	text-transform: uppercase;
	margin-bottom: 10px;
	transition: .5s ease;
}
.stream-item-wrap a:hover {
	color: #fff;
	/* background-color: #09E766; */
	background-color: rgba(1, 170, 70, 0.46);
}
.stream-item-wrap a:focus {
	color: #fff;
}
.stream-item-wrap figure {
	display: inline-block;
	width: 100%;
	padding-bottom: 20px;
	height: 200px;
}
.stream-name {
	display: block;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.stream-link:hover {
	color: #fff;
}
.stream-content {


}
.streaming-url {
	font-size: 14px;
}
.streaming-table-controls {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.player-scale {
	position: relative;
    width: 70%;
    padding-bottom: 35%;
	height: 0;
	margin: 0 auto;
}
.player-wrapper {
	width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
}
.tabs-name {
	display: inline-block;
    padding: 15px 20px;
    background: #3c3c3c;
    background: -moz-linear-gradient(top, #3c3c3c 0%, #323232 100%);
    background: -webkit-linear-gradient(top, #3c3c3c 0%,#323232 100%);
    background: linear-gradient(to bottom, #3c3c3c 0%,#323232 100%);
    border-radius: 10px 10px 0 0;
    border-bottom: none;
}
.tabs-name:hover {
    background: #3c3c3c;
    background: -moz-linear-gradient(top, #3c3c3c 0%, #2d2d2d 100%);
    background: -webkit-linear-gradient(top, #3c3c3c 0%,#2d2d2d 100%);
    background: linear-gradient(to bottom, #3c3c3c 0%,#2d2d2d 100%);
}
.list-inline li {
	padding: 0;
	margin-right: 5px;
}
.subscription-table td {
	text-align: center;
}
.panel-title {
	position: relative;
}
.delete-subscription {
	position: absolute;
	right: 15px;
	top: 10px;
	width: 10px !important;
}
.stream-panel, .subscription-panel {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 5px !important;
	position: relative;
	z-index: 1;
}
.subscription-panel .js-collapse {
	width: calc(100% - 90px);
	height: 40px;
	line-height: 40px;
	color: #fff;
}
/* .stream-panel .stream-collapse {
	width: 100%;
	color: #fff;
} */
.stream-panel .stream-collapse:hover,
.subscription-panel .js-collapse:hover {
	color: #572f99;
}
.stream-actions {
	position: absolute;
	right: 10%;
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 165px;
	height: 100%;
	justify-content: space-between;
}
.stream-actions i {
	margin: 0;
}
.stream-actions .stream {
	color: white;
}
.subscription-block-wrapper {
	position: absolute;
	width: 50%;
	left: 30%;
	color: #fff;
	z-index: 0;
}
.subscription-block {
	display: flex !important;
	flex-direction: row;
	justify-content: space-around;
	font-size: 15px;
	font-weight: normal;
}
.blink {
	width: 20px;
	height: 20px;
	background: red;
	border-radius: 50%;
	animation: fade 1200ms infinite;
	display: inline-block;
	vertical-align: middle;
}

@keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.3; }
    to { opacity: 1.0; }
}

@-webkit-keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.3; }
    to { opacity: 1.0; }
}
.stream-button-block {
	margin-bottom: 20px;
}
.action  {
	text-align: center;
}
.action .stream-select  {
	width: 220px;
	margin-bottom: 10px;
}
.stream-button {
	width: 220px;
}
.stream-texarea {
	width: 300px;
	height: 34px;
	border-radius: 3px;
	padding-top: 6px;
}
.admin-container {
	margin-top: 40px !important;
}
.flash-container {
	display: flex;
	justify-content: center;
}
.ui-checkbox {
    display: none;
}
.ui-checkbox {
    display: none;
}
.ui-label {
	color: #fff;
	font-size: 29px;
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	user-select: none;
	-webkit-font-smoothing: antialiased;
	  -webkit-backface-visibility: hidden;
  }
.ui-label.standart {
	border: none;
}
.ui-label.subscription {
	border: none;
}
.ui-label.streaming {
	border: none;
}
.ui-label.free {
	border: none;
}
.ui-checkbox {
    display: none;
}
.ui-checkbox + label {
  position: relative;
  padding-left: 25px;
  display: inline-block;
  font-size: 14px;
  margin-right: 5px;
}
.ui-checkbox + label:before {
    background-color: #fff;
    padding: 9px;
    border-radius: 3px;
    display: block;
    position: absolute;
    top: 0;
    left:0;
    content: "";
}
.ui-checkbox:checked + label:before {
    color: #99a1a7;
}
.ui-checkbox.no-border:checked + label:before {
    border-color: transparent;
}
.ui-checkbox:checked + label:after {
    content: '\2714';
    font-size: 16px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: #572f99;
}
.cart-center-block {
	display: flex;
	justify-content: center;
	align-items: center;
}
.cart-types {
	display: flex;
	justify-content: center;
	flex-direction: row;
	align-items: center;
}
.project-type {
	padding: 7px 0;
	width: 80px;
	border-radius: 4px;
	margin-top: 18px;
	vertical-align: middle;
	font-size: 10px;
	line-height: 12px;
	margin-right: 5px;
}
.project-type:last-child {
	margin-right: 0;
}
.project-type span {
	font-family: 'Ubuntu', sans-serif;
}
.streaming {
	border: 1px solid rgb(202, 62, 83);
	color: rgb(202, 62, 83);
}
.subscription {
	border: 1px solid #5090b9;
	color: #5090b9;
}
.standart {
	border: 1px solid #909090;
	color: #909090;
}
.free {
	border: 1px solid #fff941;
	color: #fff941;
}
.link-cell {
	max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.disabled-input {
	background-color: #9e9e9e !important;
	border: none !important;
}
.disabled-label {
	color: #9e9e9e !important;
}
.fan-files-modal {
	background-color: #323232 !important
}
.filter-block {
	text-align: center;
}
.action .stream-select {
	width: 100%;
}
.stream-button {
	width: 100%;
}
.streaming-table tr td {
	text-align: center;
}
.redeem-code-inner {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.redeem-code-inner input {
	height: 40px;
	width: calc(100% * 0.25 - .99rem);
	margin-right: 6px;
	letter-spacing: .125rem;
	font-family: Lato;
	text-align: center;
	color: #4f4f4f;
	font-weight: 600;
	font-size: 15px;
	text-transform: uppercase;
	border-radius: 4px;
	border: none;
	outline: none;
}
.redeem-code-inner input:last-child {
	margin-right: 0;
}
.code-text {
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	border: none;
	font-family: Arial, sans-serif;
	margin-bottom: 0;
}
.w-card {
	margin-bottom: 20px;
}
.redeem-btn:focus {
	outline: none;
}
.redeem-btn:active {
	outline: none;
}
.redeem-social {
	margin-top: 40px;
}
.redeem-error {
	position: absolute;
}
.redeem-heading {
	display: block;
	text-align: center;
}
.redeem-heading h1 {
	margin: 0;
}

.rteam-form-section {
	position: relative;
    margin: -42px 0;
    min-height: 100vh;
    width: 100%;
    background: url(/image/rteam-background.png) no-repeat;
    background-size: cover;
    background-position: center -10%;
}

.rteam-header {
	margin-top: 60px;
	margin-bottom: 100px;
}
.rteam-wrapper  {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.rteam-wrapper form {
	position: relative;
	display: flex;
	flex-direction: column;
}
.rteam-header h2  {
	margin-bottom: 0;
	line-height: 24px;
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}
.rteam-header p {
	color: #000;
	font-family: 'Roboto', sans-serif;
}
.rteam-form-button {
	display: inline-block;
}
.rteam-form .controls {
	margin-bottom: 15px;

}
.rteam-form .rteam-form-button {
	text-align: right;
}
.rteam-form-button {
	display: inline-block;
}
.rteam-form-button a {
	display: inline-block;
	text-align: center;
	height: 50px;
	width: 150px;
	line-height: 50px;
	background-color: #da9d3b;
    border-radius: 5px;
    border-width: 0px;
    color: rgba(249,249,249,1);
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
    letter-spacing: 0;
    text-decoration: none;
    transition: all 0.3s;
}
.rteam-form-button a:hover {
	border-radius: 5px;
	background-color: #f7f7f7;
    background-image: none;
    box-shadow: 0px 0px 0px 1px #e1e8ed inset, 0px 0em 0px 0px rgba(34,36,38,0.15) inset;
    color: #5b5252;
}
.rteam-card {
	display: flex;
	flex-direction: column;
}
.rteam-image-block {
	margin-bottom: 20px;
}
.rteam-input {
	height: 60px !important;
	width: 350px;
	background-color: transparent !important;
	border: 1px solid #94999d !important;
	background: linear-gradient(to top, rgba(195, 200, 206, 0.4), rgba(240, 240, 243, 0.4));
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	color: #34383b !important;
}
.rteam-input::placeholder {
	color: #34383b;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}
.rteam-error {
	position: absolute;
	bottom: -50px;
	color: red;
	text-align: center;
	font-family: 'Roboto', sans-serif;
}

h1.rteamModal {
	margin-bottom: 0;
	font-size: 30px;
	color: #505050;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}
h2.rteamModal {
	margin-bottom: 0;
	font-size: 22px;
	color: #505050;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}
h3.rteamModal {
	margin-bottom: 0;
	font-size: 21px;
	color: #505050;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}
h4.rteamModal {
	margin-bottom: 0;
	font-size: 18px;
	color: #505050;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}
h5.rteamModal {
	margin-bottom: 0;
	font-size: 18px;
	color: #505050;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
}

.guidingstar-form-section {
	position: relative;
	margin: -42px 0;
	min-height: 100vh;
	width: 100%;
	background: url(/image/guidingstar-login-bg.jpg) no-repeat;
	background-size: cover;
	background-position: center top;
}
.guidingstar-form-section .charity-bg {
	background: url('/image/guidingstar-login-logo.png') no-repeat -30px top / cover;
}


.collapse-file-list li:last-child {
	text-align: center;
}

.logo-img {
	background: url("/image/main_logo.png") no-repeat 0 0;
	width: 11rem;
	height: 6rem;
	background-size: contain;
	display: inline-block;
	text-align: center;
	color: #fff;
	font-family: Raleway, Arial, sans-serif;
	line-height: 1.15;
}

.user-devices-form-wrapper {
    background: rgba(19, 35, 47, 0.9);
    background-color: #3c3c3c;
    padding: 20px;
    max-width: 600px;
    margin: 40px auto;
    border-radius: 4px;
    box-shadow: 0 15px 24px rgb(0 0 0 / 40%);
}

.user-devices-form-wrapper h2 {
    margin-bottom: 15px;
}
.user-devices-form-wrapper .fa-ban {
    margin: 12px 5px;
    color: #db3c3c;
}

.user-devices-form-wrapper table>tbody>tr>td {
    border-top: none; 
}