@charset "utf-8";
/* CSS Document */

body {
	background: url(../img/bg-image.png) center top no-repeat, #333 url(../img/bg.png) center top repeat;
	background-size: cover, auto;
	background-attachment: fixed, local;
}

/* PAGE */

#subcategories {
	display: block;
	width: 100%;
}

#subcategories .subcategory {
	display: inline-table;
	width: calc(25% - 10pt);
	margin: 5pt;
	padding: 5pt;
	border: 1px solid #009D8A;
	background-color: #eef6f9;
}

#subcategories .subcategory:hover {
	background-color: #e5ecef;
}

#subcategories .subcategory > img {
	width: 50px;
	display: table-cell;
	margin: 0 5pt 0 0;
}

#subcategories .subcategory > span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-weight: 600;
}

.info-box {
	width: 100%;
	height: 30pt;
	line-height: 30pt;
	text-align: center;
	color: #FFF;
	background-color: #0CCFC0;
	cursor: pointer;
}

.info-box:after {
	position: absolute;
	right: 15pt;
	content: '×';
	font-size: 20pt;
	font-weight: bold;
}

#page {
	width: 900pt;
	max-width: 100%;
}

#content {
	width: 100%;
	background-color: #FFF;
}

#left {
	width: 150pt;
	float: left;
	border-right: 1pt solid #f0f0f0;
}

#right {
	width: 750pt;
	float: left;
}

.error {
	background-color: #ffa9a0;
	/*padding: 180pt 0 30pt;
	text-align: center;
	background: transparent url(../img/error.png) center top no-repeat;
	color: #454f4f;
	font-size: 12pt;
	font-weight: bold;*/
}

.error a {
	color: #0CCFC0;
	font-size: 11pt;
	font-weight: 300;
	text-decoration: underline;
}

.clearfix {
	clear: both;
	display: block;
	width: 0;
	height: 0;
}

/* ADS */

.skyscraper {
	width: 120pt;
	height: auto;
	position: absolute;
	top: 150pt;
}

.left-ad {
	right: 50%;
	margin-right: 460pt;
}

.right-ad {
	left: 50%;
	margin-left: 460pt;
}

/* HEADER */

#header {
	height: auto;
	text-align: right;
	background: transparent url(../img/glow.png) center top no-repeat;
	background-size: cover;
}

#top-box {
	margin: 0 0 auto auto;
	display: inline-block;
	max-width: 100%;
	text-align: right;
	color: #FFF;
	background-color: rgba(225,225,225,0.20);
	padding: 0 15pt;
}

#top-box:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: -30pt;
	top: 0;
	border-top: 30pt solid rgba(225,225,225,0.20);
	border-left: 30pt solid transparent;
	border-bottom: 30pt solid transparent;
}

#top-box a, #top-box a:visited {
	color: #FFF;
	font-size: 10pt;
	line-height: 30pt;
}

#top-box a:active, #top-box a:hover {
	color: #0CCFC0;
}

#top-box a:not(:last-of-type):after {
	content: ' | ';
	margin: 0 10pt;
}

#logo {
	position: absolute;
	left: 0;
	top: 30pt;
	display: block;
	width: 240pt;
	padding-bottom: 60pt;
	max-width: 100%;
	background: transparent url(../img/logo.png) left top no-repeat;
	background-size: contain;
	z-index: 100;
}

#header-box {
	display: block;
	width: 100%;
	text-align: right;
	padding: 30pt 0;
}

#search-form {
	display: inline-block;
	width: 200pt;
}

#search-text {
	width: 100%;
	padding: 0 45pt 0 10pt;
	line-height: 30pt;
	color: #999;
	background-color: rgba(0,0,0,0.2);
	border-bottom: 1pt solid rgba(225,225,225,0.2);
}

#search-button {
	width: 35pt;
	height: 30pt;
	position: absolute;
	top: 0;
	right: 0;
	background: transparent url(../img/search.png) center center no-repeat;
	cursor: pointer;
}

#header-box .label {
	display: inline-block;
	position: absolute;
	top: 30pt;
	left: 0;
	padding: 0 5pt;
	line-height: 15pt;
	color: #999;
	background-color: rgba(225,225,225,0.2);
}

#cart_count {
	color: #999;
}

#cart_price {
	color: #FFF;
}

#header-box .label:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	right: -15pt;
	border-top: 15pt solid rgba(225,225,225,0.2);
	border-right: 15pt solid transparent;
	border-bottom: 15pt solid transparent;
}

#shopping-cart {
	vertical-align: top;
	display: inline-block;
	color: #999;
	margin-left: 15pt;
	background: rgba(0,0,0,0.2) url(../img/cart.png) right center no-repeat;
	border-bottom: 1pt solid rgba(225,225,225,0.2);
}

#shopping-cart a {
	display: block;
}

#cart-price {
	display: inline-block;
	padding: 0 35pt 0 10pt;
	line-height: 30pt;
	color: #FFF;
	font-size: 13.5pt;
}

#top-tabs {
	width: 100%;
	height: auto;
	border-bottom: 3pt solid #11CFFC;
	text-align: left;
}

#top-tabs li {
	display: inline-block;
	color: #FFF;
	font-size: 11pt;
	line-height: 30pt;
	padding-right: 10pt;
	cursor: pointer;
}

#top-tabs li:hover {
	background-color: #11DBA0 !important;
}

.invisible {
	display: none !important;
}

#menu-toggle {
	background-color: #0CCFC0;
	display: none !important;
}

#top-tabs li:nth-child(2) {
	/*background-color: #11CFFC;*/
	background-color: #009D8A;
}

#top-tabs li:nth-child(3) {
	/*background-color: #11DBA0;*/
	background-color: #009D8A;
}

#top-tabs li:nth-child(4) {
	background-color: #009D8A;
}

#top-tabs li:nth-child(5) {
	background-color: #009D8A;
}

#top-tabs li img {
	vertical-align: middle;
	margin: 0 5pt;
}

/* RESPONSIVE MENU */
#responsive-menu {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 200pt;
	height: 100%;
	overflow-y: scroll;
	background-color: rgba(0,157,138,0.95);
	z-index: 9999;
}

#responsive-menu ul {
	width: 100%;
	height: 100%;
	list-style: none;
}

#responsive-menu .close {
	display: inline-block;
	padding: 0 10pt;
	font-size: 24pt;
	font-weight: bold;
	line-height: 24pt;
	color: #FFF;
	cursor: pointer;
}

#responsive-menu ul li {
	display: block;
	width: 100%;
	border-top: 1pt solid #0CCFC0;
}

#responsive-menu ul li a {
	display: block;
	width: 100%;
	padding: 0 10pt;
	line-height: 24pt;
	color: #FFF;
	text-transform: uppercase;
}

#responsive-menu ul li a:hover {
	background-color: #0CCFC0;
}

#responsive-menu ul li.cat-1 a {
	font-weight: bold;
	font-size: 10pt;
}

#responsive-menu ul li.cat-2 a {
	font-size: 10pt;
}

#responsive-menu ul li.cat-2 a:before {
	content: '› ';
}

#responsive-menu ul li.cat-3 a {
	font-size: 9pt;
	padding: 0 16pt;
}

/* MENU */

#menu {
	width: 100%;
}

#menu .menu-grid {
	display: none;
	position: absolute;
	top: 0;
	left: 150pt;
	width: 750pt;
	background-color: rgba(240,240,240,0.95);
	z-index: 999;
	border-bottom: 1px solid #222222;
	border-top: 1px solid #222222;
}

#menu .menu-grid tr {
	height: 60pt;
}

#menu .menu-grid tr .menu-cat-box {
	width: 250pt;
	padding: 10pt 10pt 10pt 60pt;
	vertical-align: top;
}

#menu .menu-grid .menu-cat-box img {
	position: absolute;
	top: 10pt;
	left: 10pt;
	width: 50px;
}

#menu .menu-grid .menu-cat-box .cat {
	font-weight: bold;
	text-transform: uppercase;
	color: #0CCFC0;
}

#menu .menu-grid .menu-cat-box a:hover {
	text-decoration: underline;
}

#menu .cat-1 {
	display: block;
	width: 100%;
}

#menu .cat-1-link {
	display: block;
	width: 100%;
}

#menu .cat-1-link>a, #menu .cat-1-link>a:visited {
	display: block;
	width: 100%;
	line-height: 30pt;
	text-transform: uppercase;
	padding: 0 5pt 0 25pt;
	border-top: 2pt solid #FFF;
	border-bottom: 2pt solid transparent;
	color: #515656;
	background: -webkit-linear-gradient(left,#FFF,#e2e2e2);
	background: -moz-linear-gradient(left,#FFF,#e2e2e2);
	background: -o-linear-gradient(left,#FFF,#e2e2e2);
	background: linear-gradient(to right,#FFF,#e2e2e2);
}

#menu .cat-1-link>a:hover, #menu .cat-1-link>a:active, #menu .cat-1-link.active>a {
	border-bottom: 2pt solid #0CCFC0;
}

#menu .cat-1-link>a:before {
	content: '›';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	font-weight: bold;
	font-size: 25pt;
	line-height: 25pt;
	color: #0CCFC0;
	padding: 0 8pt;
}

#menu .cat-2 {
	display: block;
	width: 100%;
	background-color: #009D8A;
}

#menu .cat-2-link {
	display: block;
}

#menu .cat-2-link.more>a:before {
	content: '+ ';
}

#menu .cat-2-link>a {
	display: block;
	width: 88%;
	color: #FFF;
	line-height: 20pt;
	margin: 0 6%;
	border-bottom: 1pt dashed #0CCFC0;
}

#menu .cat-3 {
	display: block;
	width: 100%;
	background-color: #0CCFC0;
}

#menu .cat-3-link {
	display: block;
}

#menu .cat-3-link>a {
	display: block;
	width: 100%;
	color: #FFF;
	line-height: 18pt;
	padding: 0 6% 0 12%;
}

#menu .cat-2 a:hover {
	text-decoration: underline;
}

/* CONTENT */

.center {
	text-align: center;
}

/* title */

.gray-box {
	width: 100%;
	background-color: #f0f0f0;
	margin: 7pt 0 0;
}

.gray-box:before {
	position: absolute;
	top: -7pt;
	right: 0;
	display: block;
	content: '';
	width: 50pt;
	height: 9pt;
	background-color: #f0f0f0;
}

.gray-box:after {
	position: absolute;
	top: -7pt;
	right: 50pt;
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-right: 9pt solid #F0F0F0;
	border-top: 9pt solid transparent;
	border-left: 9pt solid transparent;
}

.gray-box .title {
	font-weight: 300;
	padding: 5pt 15pt;
	color: #000000;
	font-size: 15pt;
}

.gray-box.product {
	color: #FFF;
	background-color: #425667;
}

.gray-box.product * {
	color: #FFF;
}

.gray-box.product:before {
	background-color: #425667;
}

.gray-box.product:after {
	border-right: 9pt solid #425667;
}

/* form */

.form {
	width: 360pt;
	max-width: 90%;
	text-align: left;
	padding: 60pt 0;
}

.form label {
	display: block;
	top: 15pt;
	left: -4pt;
	width: 180pt;
	height: 30pt;
	font-size: 10pt;
	font-weight: bold;
	line-height: 15pt;
	color: #FFF;
	margin: 0;
	padding: 0 5pt;
	background-color: #0CCFC0;
	cursor: pointer;
}

.form label.choose {
	display: block;
	top: 5pt;
	left: -4pt;
	width: 100%;
	height: auto;
	font-size: 10pt;
	font-weight: 300;
	color: #0CCFC0;
	margin: 0;
	padding: 5pt;
	background-color: #FFF;
}

.form label.choose input {
	margin-right: 10pt;
	vertical-align: middle;
}

.form label:after {
	position: absolute;
	top: 0pt;
	right: -60pt;
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-left: 30pt solid #0CCFC0;
	border-top: 30pt solid transparent;
	border-right: 30pt solid transparent;
}

.form label.choose:after {
	display: none;
}

.form-input {
	width: 100%;
	font-size: 12pt;
	line-height: 30pt;
	padding: 0 10pt;
	color: #677979;
	border: 1pt solid #E0E0E0;
}

.form textarea {
	min-height: 60pt;
	line-height: 18pt;
	padding: 8pt 10pt;
}

.form .button-box {
	width: 100%;
	text-align: right;
	font-size: 0;
}

.form-button {
	display: inline-block;
	text-align: right;
	font-size: 11pt;
	font-weight: bold;
	line-height: 30pt;
	padding: 0 10pt;
	color: #FFF;
	background-color: #0CCFC0;
	cursor: pointer;
}

.form-button:disabled {
	background-color: #9e9e9e;
}

.form .button-box .effect {
	display: inline-block;
	vertical-align: top;
	content: '';
	width: 0;
	height: 0;
	border-right: 30pt solid #0CCFC0;
	border-bottom: 30pt solid transparent;
	border-left: 30pt solid transparent;
}

.form p a, .from p a:visited {
	color: #0CCFC0;
	text-decoration: underline;
}

.form p {
	padding: 10pt 0;
}

.form p a:hover, .from p a:active {
	color: #454f4f;
	text-decoration: none;
}

/* filters */

#filter-button {
	display: block;
	position: absolute;
	width: 60pt;
	bottom: 0;
	right: 0;
	font-size: 11pt;
	font-weight: bold;
	line-height: 20pt;
	padding: 0 10pt;
	color: #FFF;
	/*background-color: #0CCFC0;*/
	background-color: #DB1111;
	cursor: pointer;
}

#filter-button:before {
	position: absolute;
	top: 0;
	right: 60pt;
	display: block;
	content: '';
	width: 0;
	height: 0;
	/*border-right: 20pt solid #0CCFC0;*/
	border-right: 20pt solid #DB1111;
	border-top: 20pt solid transparent;
	border-left: 20pt solid transparent;
}

#filters {
	width: 100%;
	margin-bottom: 10pt;
	border-top: 3pt solid #0CCFC0;
}

#filters #advanced {
	/*display: none;*/
	width: 100%;
}

#filters #advanced ul {
	display: block;
	width: 20%;
	float: left;
	padding: 0;
	border-right: 1pt solid #E0E0E0;
}

#filters #advanced .ui-tabs-tab {
	display: block;
	width: 100%;
	background: -webkit-linear-gradient(top,#FFF,#F6F6F6);
	background: -moz-linear-gradient(top,#FFF,#F6F6F6);
	background: -o-linear-gradient(top,#FFF,#F6F6F6);
	background: linear-gradient(to bottom,#FFF,#F6F6F6);
}

#filters #advanced .ui-tabs-tab:not(:first-child) {
	border-top: 1pt solid #E0E0E0;
}

#filters #advanced .ui-tabs-anchor {
	display: block;
	width: 100%;
	padding: 0 10pt;
	font-size: 10pt;
	text-transform: uppercase;
	line-height: 20pt;
}

#filters #advanced .ui-tabs-active .ui-tabs-anchor {
	color: #FFF;
}

#filters #advanced .ui-tabs-active {
	background: #0CCFC0;
}

#filters #advanced .filters-box {
	width: 80%;
	float: left;
	padding: 3pt;
}

#filters #advanced .filters-box .filter-box {
	width: 25%;
	float: left;
	padding: 3pt;
}

#filters #advanced .filters-box .filter-box label {
	width: 100%;
	border: 1pt solid #E0E0E0;
	padding: 5pt 20pt 5pt 5pt;
}

#filters #advanced .filters-box .filter-box label p {
	width: 100%;
	height: 12pt;
	font-size: 10pt;
	font-weight: bold;
	line-height: 12pt;
	overflow: hidden;
}

#filters #advanced .filters-box .filter-box label p span {
	font-weight: 300;
	color: #009D8A;
}

#filters #advanced .filters-box .filter-box label input[type=checkbox] {
	position: absolute;
	top: 6pt;
	right: 5pt;
}

#filters #basic {
	width: 100%;
	padding: 0 15pt;
	line-height: 20pt;
	background-color: #009D8A;
}

#filters #basic label {
	font-size: 9pt;
	display: inline-block;
}

#filters #basic label span {
	color: #FFF;
	text-transform: uppercase;
	vertical-align: baseline;
}

#filters #basic input[type=checkbox] {
	top: 1pt;
	margin: 0 10pt 0 5pt;
}

#filters #basic label a.sort {
	color: #FFF;
	vertical-align: baseline;
}

#filters #basic label a.sort.active {
	font-weight: bold;
}

#amount {
	display: inline-block;
	width: auto;
	border: none;
	outline: none;
	padding: 0 5pt;
	font-weight: bold;
	color: #FFF;
	background-color: transparent;
}

#filters #basic .ui-slider {
	display: inline-block;
	margin: -1pt 10pt 0;
	width: 80pt;
	height: 3pt;
	background-color: #FFF;
}

#filters #basic .ui-slider-handle {
	position: absolute;
	top: -.5em;
  margin-left: -.6em;
	display: block;
	width: 10pt;
	height: 10pt;
	border: 1pt solid #677979;
	-moz-border-radius: 2pt;
	border-radius: 2pt;
	background: -webkit-linear-gradient(top,#FFF,#E0E0E0);
	background: -moz-linear-gradient(top,#FFF,#E0E0E0);
	background: -o-linear-gradient(top,#FFF,#E0E0E0);
	background: linear-gradient(to bottom,#FFF,#E0E0E0);
	cursor: pointer;
}

#filters #activated {
	width: 100%;
	padding: 5pt 10pt;
}

#filters #activated a {
	display: inline-block;
	line-height: 15pt;
	font-size: 9pt;
	padding: 0 3pt;
	margin: 0 2pt;
}

#filters #activated a:after {
	content: ' ×';
	color: #CC0000;
}

#filters #apply-button {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15pt;
	border: 0;
	outline: 0;
	background-color: transparent;
	color: #FFF;
	font-size: 10pt;
	line-height: 20pt;
	font-weight: bold;
	cursor: pointer;
}

/* products */

.breadcrumbs {
	width: 100%;
	padding: 0 10pt;
	margin-bottom: -7pt;
}

.breadcrumbs span {
	font-size: 9pt;
	line-height: 35pt;
}

.breadcrumbs span:not(:last-child):after {
	content: ' › ';
	padding: 0 5pt;
}

.breadcrumbs span a:hover, .breadcrumbs span a:active {
	color: #0CCFC0;
	text-decoration: underline;
}

.product-page {
	width: 100%;
	padding: 10pt 0;
}

.product-box {
	display: block;
	width: 25%;
	float: left;

	background: -webkit-linear-gradient(top,#e6e6e6,#FFF 30pt,#FFF);
	background: -moz-linear-gradient(top,#e6e6e6,#FFF 30pt,#FFF);
	background: -o-linear-gradient(top,#e6e6e6,#FFF 30pt,#FFF);
	background: linear-gradient(to bottom,#e6e6e6,#FFF 30pt,#FFF);
}

.product-box:hover {

	background: -webkit-linear-gradient(top, #cacaca,#FFF 30pt,#FFF);
	background: -moz-linear-gradient(top,#cacaca,#FFF 30pt,#FFF);
	background: -o-linear-gradient(top,#cacaca,#FFF 30pt,#FFF);
	background: linear-gradient(to bottom,#cacaca,#FFF 30pt,#FFF);

}

.product-box:before {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	content: '';
	width: 1px;
	height: 100%;
	background: -webkit-linear-gradient(top,#FFF,#E0E0E0,#FFF);
	background: -moz-linear-gradient(top,#FFF,#E0E0E0,#FFF);
	background: -o-linear-gradient(top,#FFF,#E0E0E0,#FFF);
	background: linear-gradient(to bottom,#FFF,#E0E0E0,#FFF);
}

.product-box:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '';
	width: 100%;
	height: 1pt;
	background: -webkit-linear-gradient(left,#FFF,#E0E0E0,#FFF);
	background: -moz-linear-gradient(left,#FFF,#E0E0E0,#FFF);
	background: -o-linear-gradient(left,#FFF,#E0E0E0,#FFF);
	background: linear-gradient(to left,#FFF,#E0E0E0,#FFF);
}

.product-box .product-link {
	display: block;
	width: 100%;
	padding: 12pt;
	text-align: center;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.product-box:hover .product-link:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	/*background: -webkit-radial-gradient(rgba(0,0,0,0) 60%, rgba(0,157,138,0.1));
	background: -moz-radial-gradient(rgba(0,0,0,0) 60%, rgba(0,157,138,0.1));
	background: -o-radial-gradient(rgba(0,0,0,0) 60%, rgba(0,157,138,0.1));
	background: radial-gradient(rgba(0,0,0,0) 60%, rgba(0,157,138,0.1));*/
}

.product-box .product-link .product-img {
	width: 80%;
	max-width: 120pt;
	height: auto;
	margin-top: 15pt;
	margin-bottom: 5pt;
}

.product-box .product-link .product-name {
	font-size: 10pt;
	font-weight: bold;
	line-height: 160%;
	color: #000000;
}


.product-box .product-link .product-perex {
	font-size: 10pt;
	line-height: 150%;
	color: #677979;
}



.product-box .product-link:hover .product-perex {
	text-decoration: underline;
}

.product-box .product-link .product-action {
	position: absolute;
	top: 15pt;
	right: 0;
	display: block;
	font-size: 9pt;
	text-transform: uppercase;
	line-height: 15pt;
	padding: 0 9pt;
	color: #FFF;
	background-color: #DB1111;
}

.product-box .product-link .product-action:before {
	position: absolute;
	top: 0;
	left: -30pt;
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-bottom: 15pt solid transparent;
	border-left: 15pt solid transparent;
	border-right: 15pt solid #DB1111;
}

.product-box .product-bottom {
	display: block;
	width: 100%;
	padding: 0 0 20pt 0;
	text-align: right;
	/*background: -webkit-linear-gradient(top,#f0f0f0,#FFF 60%,#FFF);
	background: -moz-linear-gradient(top,#f0f0f0,#FFF 60%,#FFF);
	background: -o-linear-gradient(top,#f0f0f0,#FFF 60%,#FFF);
	background: linear-gradient(to bottom,#f0f0f0,#FFF 60%,#FFF);*/
}

.product-box .product-bottom .product-price {
	position: absolute;
	top: 0;
	left: 5pt;
	font-size: 14pt;
	font-weight: bold;
	line-height: 24pt;
	padding: 0 9pt;
	color: #DB1111;
	/*background-color: #0CCFC0;*/
}
/*
.product-box .product-bottom .product-price:after {
	position: absolute;
	top: 0;
	right: -48pt;
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-left: 24pt solid #0CCFC0;
	border-bottom: 24pt solid transparent;
	border-right: 24pt solid transparent;
}
*/
.product-box .product-bottom .product-buy {
	display: inline-block;
	font-size: 10pt;
	font-weight: bold;
	line-height: 24pt;
	padding: 0 9pt;
	margin-right: 10pt;
	color: #FFF;
	background: -webkit-linear-gradient(top,#59DDFD,#0099bd);
	background: -moz-linear-gradient(top,#59DDFD,#0099bd);
	background: -o-linear-gradient(top,#59DDFD,#0099bd);
	background: linear-gradient(to bottom,#59DDFD,#0099bd);
}

.product-box .product-bottom .product-buy:hover,
.product-box .product-bottom .product-buy:active {
	background: #454f4f;
}


.product-box .product-bottom .product-status {
	top: 10pt;
	display: block;
	font-size: 9pt;
	text-transform: uppercase;
	line-height: 15pt;
	padding: 0 9pt;
	color: #FFF;
	width: 100%;
	text-align: center;
}

.product-box .product-bottom .product-status.green {
	color: #11DBA0;
}



.product-box .product-bottom .product-status.orange {
	color: #FF9C00;
}



.product-box .product-bottom .product-status.red {
	/*background-color: #DB1111;*/
	color: #848484;
}




.product-box .product-bottom .product-info {
	vertical-align: top;
	display: inline-block;
	font-size: 10pt;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 24pt;
	padding: 0 9pt;
}

.product-box .product-bottom .product-info.green {
	color: #11DBA0;
}

.product-box .product-bottom .product-info.orange {
	color: #FF9C00;
}

.product-box .product-bottom .product-info.red {
	color: #DB1111;
}

/* pager */
.product-pager {
	width: 100%;
	text-align: right;
	padding: 15pt;
}

.product-pager .item, .product-pager .item:visited {
	display: inline-block;
	min-width: 20pt;
	height: 20pt;
	margin-left: 4px;
	text-align: center;
	font-size: 12pt;
	line-height: 20pt;
	color: #0CCFC0;
	background: -webkit-linear-gradient(top,#FFF,#f0f0f0);
	background: -moz-linear-gradient(top,#FFF,#f0f0f0);
	background: -o-linear-gradient(top,#FFF,#f0f0f0);
	background: linear-gradient(to bottom,#FFF,#f0f0f0);
	border: 1pt solid #0CCFC0;
	cursor: pointer;
}

.product-pager .item.active, .product-pager .item:active, .product-pager .item:hover {
	color: #FFF;
	background: #0CCFC0;
}

/* PRODUCT */

#product-main {
	width: 100%;
	padding: 10pt 0;
	font-size: 0;
	text-align: left;
	vertical-align: top;
}

.product-images {
	display: inline-block;
	width: 55%;
	font-size: 0;
	vertical-align: top;
}

.product-images .main-img {
	display: inline-block;
	width: 70%;
	margin: 5%;
	vertical-align: top;
}

.product-images .more-images {
	display: inline-block;
	width: 20%;
	height: 100%;
	text-align: center;
}

.product-images .more-images:before, .product-images .more-images:after {
	position: absolute;
	top: 0;
	display: block;
	content: '';
	width: 1px;
	height: 100%;
	background: -webkit-linear-gradient(top,#FFF,#E0E0E0,#FFF);
	background: -moz-linear-gradient(top,#FFF,#E0E0E0,#FFF);
	background: -o-linear-gradient(top,#FFF,#E0E0E0,#FFF);
	background: linear-gradient(to bottom,#FFF,#E0E0E0,#FFF);
}

.product-images .more-images:before {
	left: 0;
}

.product-images .more-images:after {
	right: 0;
}

.product-images .more-images a {
	display: block;
	width: 90%;
	margin: 5pt auto;
}

.product-images .more-images a:last-child {
	display: block;
	width: 60%;
	font-size: 12pt;
	line-height: 50pt; 
	color: #FFF;
	background-color: #677979;
}

.product-images .more-images a img {
	width: 100%;
}

.product-info {
	display: inline-block;
	width: 45%;
}

.product-info .prices {
	width: 100%;
	padding: 15pt 0;
	border-bottom: 1pt solid #E0E0E0;
}

.product-info .prices tr td {
	width: 50%;
}

.product-info .prices tr td p {
	padding: 0 15pt;
	font-size: 13pt;
	line-height: 30pt;
}

.product-info .prices tr:last-child td p {
	font-size: 16pt;
	font-weight: bold;
}

.product-info .prices tr:last-child td:first-child p {
	width: 80%;
	margin: 0;
	color: #DB1111;
	font-size: 18pt;
}
/*
.product-info .prices tr:last-child td:first-child p:after {
	position: absolute;
	top: 0;
	right: -30pt;
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-left: 30pt solid #0CCFC0;
	border-bottom: 30pt solid transparent;
	border-right: 0pt solid transparent;
}
*/
.product-basic-info {
	padding: 15pt 15pt 0;
	border-bottom: 1pt solid #E0E0E0;
}

.product-basic-info p {
	padding: 0 0 15pt;
	font-size: 10.5pt;
	line-height: 16pt;
}

.product-basic-info p a {
	color: #0CCFC0;
	text-decoration: underline;
}

.product-basic-info p a:hover {
	text-decoration: none;
}

.product-info .button-box {
	width: 100%;
	text-align: right;
}

.product-info .buy-button {
	display: inline-block;
	text-align: right;
	font-size: 13pt;
	font-weight: bold;
	line-height: 30pt;
	padding: 0 10pt 0 40pt;
	color: #FFF;
	background: -webkit-linear-gradient(bottom,#0099bd,#59DDFD);
	background: -moz-linear-gradient(bottom,#0099bd,#59DDFD);
	background: -o-linear-gradient(bottom,#0099bd,#59DDFD);
	background: linear-gradient(to top,#0099bd,#59DDFD);
}

.product-info .button-box .effect {
	right: -30pt;
	display: inline-block;
	vertical-align: top;
	content: '';
	width: 0;
	height: 0;
	border-left: 30pt solid #FFF;
	border-top: 30pt solid transparent;
	border-right: 0pt solid transparent;
	z-index: 2;
}

.blue {
	color: #11CFFC;
	font-weight: bold;
}

.green {
	color: #11DBA0;
	font-weight: bold;
}

.orange {
	color: #FF9C00;
	font-weight: bold;
}

.red {
	color: #DB1111;
	font-weight: bold;
}

/* tabs */

#product-tabs .tabs, #profile-tabs .tabs {
	width: 100%;
	padding: 8pt 15pt 0;
	border-bottom: 3pt solid #0CCFC0;
}

#product-tabs .tabs .ui-tabs-tab, #profile-tabs .tabs .ui-tabs-tab {
	display: inline-block;
	background-color: #009D8A;
}

#product-tabs .tabs .ui-tabs-anchor, #profile-tabs .tabs .ui-tabs-anchor {
	display: block;
	width: 100%;
	padding: 0 10pt;
	font-size: 10pt;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 24pt;
	color: #FFF;
}

#product-tabs .tabs .ui-tabs-active, #profile-tabs .tabs .ui-tabs-active {
	background: #0CCFC0;
}

#product-tabs .tab-box, #profile-tabs .tab-box {
	width: 100%;
	padding: 0 0 20pt;
	background: -webkit-linear-gradient(bottom,#FFF 1pt,#F0F0F0 1pt,#FFF 15pt);
	background: -moz-linear-gradient(bottom,#FFF 1pt,#F0F0F0 1pt,#FFF 15pt);
	background: -o-linear-gradient(bottom,#FFF 1pt,#F0F0F0 1pt,#FFF 15pt);
	background: linear-gradient(to top,#FFF 1pt,#F0F0F0 1pt,#FFF 15pt);
	border-bottom: 1pt solid #E0E0E0;
	margin-bottom: 20pt;
}

#product-tabs .tab-box p, #profile-tabs .tab-box p {
	padding: 5pt 15pt;
}

#product-tabs .tab-box h1, #product-tabs .tab-box h2, #product-tabs .tab-box h3, #product-tabs .tab-box h4, #profile-tabs .tab-box h1, #profile-tabs .tab-box h2, #profile-tabs .tab-box h3, #profile-tabs .tab-box h4 {
	font-size: 13pt !important;
	padding: 5pt 15pt !important;
	font-weight: bold !important;
	color: #009D8A !important;
}

#product-tabs .tab-box h2, #profile-tabs .tab-box h2 {
	font-size: 12pt !important;
}

#product-tabs .tab-box h3, #profile-tabs .tab-box h3 {
	font-size: 11pt !important;
}

#product-tabs .tab-box h4, #profile-tabs .tab-box h4 {
	font-size: 10.5pt !important;
}

#product-tabs .tab-box .tab-table, #profile-tabs .tab-box .tab-table { 
	width: 100%;
}

#product-tabs .tab-box .tab-table a, #profile-tabs .tab-box .tab-table a { 
	color: #0CCFC0;
	text-decoration: underline;
}

#product-tabs .tab-box .tab-table tr th, #profile-tabs .tab-box .tab-table tr th { 
	padding: 15pt;
	line-height: 15pt;
	text-align: left;
	border-bottom: 3pt solid #0CCFC0;
}

#product-tabs .tab-box .tab-table tr td, #profile-tabs .tab-box .tab-table tr td { 
	padding: 15pt;
	line-height: 15pt;
	border-bottom: 1pt solid #E0E0E0;
}

#product-tabs .tab-box .tab-table tr td:first-child, #profile-tabs .tab-box .tab-table tr td:first-child { 
	width: 30%; 
	font-weight: bold;
	background-color: rgba(0,157,138,0.04);
}

#product-tabs .tab-box .tab-table tr:nth-child(even), #profile-tabs .tab-box .tab-table tr:nth-child(even) { 
	background-color: #F9F9F9;
}

/* basket */

#shopping-cart-table {
	width: 100%;
	font-size: 10.5pt;
	padding: 10pt 0 0;
}

#shopping-cart-table tr th {
	font-weight: 300;
	font-size: 11pt;
	color: #222;
}
#shopping-cart-table tfoot tr td {
	padding: 10pt 5pt;
}

#shopping-cart-table tbody tr td, #shopping-cart-table tr th, #shopping-cart-table tfoot tr:last-child td {
	padding: 5pt;
	border-bottom: 1pt solid #E0E0E0;
}

#shopping-cart-table tbody tr:nth-child(even) {
	background-color: #FCFCFC;
}

#shopping-cart-table tr td img {
	width: 75pt;
	height: auto;
}

#shopping-cart-table tr td .title {
	color: #0CCFC0;
	font-size: 11pt;
}

#shopping-cart-table tr td p {
	font-size: 9.5pt;
	line-height: 150%;
}

#shopping-cart-table tr th:nth-child(2),
#shopping-cart-table tr td:nth-child(2),
#shopping-cart-table tfoot tr td:nth-child(3) {
	text-align: left;
	font-weight: 300;
}

#shopping-cart-table tr td:nth-child(1) {
	width: 1px;
}

#shopping-cart-table tr td:nth-child(3),
#shopping-cart-table tr td:nth-child(4),
#shopping-cart-table tr td:nth-child(5) {
	width: 75pt;
	font-weight: bold;
	color: #222;
	text-align: center;
}

#shopping-cart-table .delete {
	display: inline-block;
	background: none;
	border: none;
	outline: none;
	font-size: 20pt;
	padding: 0 2pt;
	vertical-align: middle;
	font-weight: bold;
	color: #DB1111;
	cursor: pointer;
}

#shopping-cart-table tfoot tr:last-child td {
	padding: 10pt 5pt;
}

#shopping-cart-table tfoot tr:last-child td:last-child {
	color: #009D8A;
}

#shopping-cart-table #cart_sum {
	color: #009D8A;
}

.shopping-cart-form .buttons {
	font-size: 0;
}

.shopping-cart-form .button-box {
	display: inline-block;
	width: 50%;
	text-align: left;
	font-size: 0;
}

.shopping-cart-form .button-box.right {
	text-align: right;
}

.shopping-cart-form .button-box.right .effect {
	display: inline-block;
	vertical-align: top;
	content: '';
	width: 0;
	height: 0;
	border-right: 30pt solid #0CCFC0;
	border-bottom: 30pt solid transparent;
	border-left: 30pt solid transparent;
}

.shopping-cart-form .button-box.right .effect.disabled {
	border-right: 30pt solid #9e9e9e;
}

.shopping-cart-form .button-box.left .effect {
	display: inline-block;
	vertical-align: top;
	content: '';
	width: 0;
	height: 0;
	border-left: 30pt solid #0CCFC0;
	border-bottom: 30pt solid transparent;
	border-right: 30pt solid transparent;
}

.summary {
	width: 100%;
	padding: 20pt;
	text-align: right;
}

.summary p {
	display: inline-block;
	padding-left: 30pt;
	vertical-align: top;
	text-align: left;
}

/* terms */

.article {
	width: 100%;
	padding: 0 15pt;
	border-top: 1pt solid #F0F0F0;
	border-bottom: 1pt solid #FFF;
	background: -webkit-linear-gradient(bottom,#f0f0f0,#FFF 15pt,#FFF);
	background: -moz-linear-gradient(bottom,#f0f0f0,#FFF 15pt,#FFF);
	background: -o-linear-gradient(bottom,#f0f0f0,#FFF 15pt,#FFF);
	background: linear-gradient(to top,#f0f0f0,#FFF 15pt,#FFF);
}

.article .title {
	font-size: 14pt;
	line-height: 40pt;
	font-weight: bold;
	padding-right: 20pt;
	color: #009D8A;
}

.article .show {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	padding: 0 15pt;
	text-align: right;
	font-size: 30pt;
	line-height: 40pt;
	font-weight: bold;
	cursor: pointer;
}

.article .show span {
	display: inline-block;
	color: #0CCFC0;
}

.article .show span.active {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.article p {
	padding: 0 0 10pt;
	font-size: 11pt;
	line-height: 15pt;
}

.article ol, .article ul {
	padding: 0 15pt 10pt;
	font-size: 11pt;
	line-height: 15pt;
}

.article ol li, .article ul li {
	padding: 0 0 5pt;
}

.article ul {
	list-style-type: square;
}

.article .hidden {
	padding: 10pt 0;
	display: none;
}

/* contact */

#map-box {
	width: 100%;
	padding-bottom: 36%;
	margin-bottom: 40pt;
}

#map-box .map {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.no-scroll {
  background: transparent;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.contact {
	width: 50%;
	float: left;
	text-align: left;
	padding: 10pt 0 40pt;
}

.contact tr th {
	font-size: 14pt;
	line-height: 24pt;
	font-weight: bold;
	color: #009D8A;
}

.contact tr td {
	font-size: 11pt;
	line-height: 15pt;
	color: #677979;
}

.contact tr td, .contact tr th {
	padding: 0 10pt 0 15pt;
}

.contact tr td:nth-child(2) {
	padding: 0;
}

.store
{
	padding: 0 10pt 0 15pt;
}

.store img
{
	width: 25%;
	padding-right: 10pt;
	padding-bottom: 10pt;
}

/* FOOTER */

#footer {
	width: 100%;
	min-height: 70pt;
	padding: 15pt;
	padding-bottom: 0;
}

#footer hr {
	width: 100%;
	height: 1pt;
	border-top: 1pt dashed #DDD;
}

#footer span {
	line-height: 55pt;
}

#footer span:not(:last-of-type):after {
	content: ' | ';
	margin: 0 10pt;
}

#footer span a, #footer span a:visited {
	color: #0CCFC0;
}

#footer span a:active, #footer span a:hover {
	text-decoration: underline;
}

#footer img {
	position: absolute;
	bottom: 8pt;
	right: 15pt;
}