:root {
  --primary-color: #1982D1; /* базовый цвет */
  --hover-color: #125F98; /* цвет при наведении*/
  --disabled-color: #808080; /* цвет неактивного элемента */
  --separator-color: #CCCCCC; /* цвет разделителя */
  --border-color: #CCCCCC; /* цвет границ */
  --font-color: #4D4D4D; /* цвет шрифта */
  --font-normal: 400;
  --font-bold: 600;
}

::-webkit-input-placeholder {color:#AAA;}
::-moz-placeholder          {color:#AAA;}/* Firefox 19+ */
:-moz-placeholder           {color:#AAA;}/* Firefox 18- */
:-ms-input-placeholder      {color:#AAA;}

* { box-sizing: border-box; }

.mobile {
	display: none;
}
.notmobile {
	display: block;
}
td.notmobile, th.notmobile {
	display: table-cell;
}

tr.notmobile {
	display: table-row;
}

html {
	overflow-y: scroll;
	margin: 0;
	padding: 0;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	background-color: #ffffff;
	color: var(--font-color);
	font-family: Ubuntu, Verdana, sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
body, td, th, input, textarea, select, a {
	font-size: 16px;
	/*line-height: 1.625;*/
	line-height: 1.8;
}

/* headers */
h1, h2, h3, h4 {
	color: var(--primary-color);
}
h1 {
    font-weight: normal;
	font-size: 28px;
	margin-top: 20px;
	margin-bottom: 10px;
    line-height: 1.5;
}
h2 {
    font-weight: normal;
	font-size: 22px;
	margin-top: 20px;
	margin-bottom: 10px;
}
h3 {
    font-weight: normal;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 5px;
    color: #333333;
}
.header {
    font-size: 22px;
	line-height: 30px;
    font-weight: var(--font-normal);
	color: var(--primary-color);
	padding: 0 0 15px 0;
}

/* primitives */
p {
	margin-top: 0px;
	margin-bottom: 20px;
}
a, a:visited, a b {
	/*color: #38B0E3;*/
	color: var(--primary-color);
	text-decoration: underline;
	cursor: pointer;
}
a:hover {
	text-decoration: none;
}
a img {
	border: none;
}
div.block {
	margin-bottom: 25px;
	overflow: hidden;
	clear: both;
}
div.block div.left{
	float: left;
	margin-right: 15px;
}


form {
	padding: 0;
	margin: 0;
	display: inline;
}
input[type='text'], input[type='password'], input[type='auto'], textarea {
	background: #F8F8F8;
	border: 1px solid var(--border-color);
	padding: 3px;
	margin-left: 0px;
	margin-right: 0px;
}
input[type='text'], input[type='password'], input[type='auto']{
	height: 20px;
	font-size: 16px;
}
select {
	background: #F8F8F8;
	border: 1px solid var(--border-color);
	padding: 2px;
}
label {
	cursor: pointer;
}
li {
	text-align: left;
}

.clear {
	clear: both;
}

/* --------------flex-------------- */
.flex-table {
    flex-direction: column;
}
.flex-row {
    margin: 0;
    padding: 0;
    align-items: center;
    flex-direction: row;
}
.flex-table, .flex-row {
	display: flex;
	grid-gap: 5px;
	justify-content: space-between;
}
.flex-table.text {
	grid-gap: 15px;
}
.flex-table.text .flex-row {
	justify-content: flex-start;
}
.flex-row > div.narrow {
    flex: 0 0 1%;
}

/* flex-based form layout */
.flex-form {
    display: flex;
    flex-direction: column;
    font-size: 18px;
    line-height: 30px;
}
.flex-form > div {
    padding: 0 0 15px;
}

/* flex form components */
.flex-form.input-wide input[type="text"],
.flex-form.input-wide input[type="password"],
.flex-form.input-wide input[type="auto"]{
	width: 100%;
}
.flex-form.input-fixed input[type="text"],
.flex-form.input-fixed input[type="password"],
.flex-form.input-fixed input[type="auto"]{
	width: 300px;
}
.flex-form .confirm-text {
	color: #666;
	text-transform: none;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
}


.flex-form > div.captcha{
	margin: 20px 0;
	padding: 0;
}
.flex-form .form-header {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: var(--font-normal);
	color: var(--primary-color);
	padding: 5px 0 10px 0;
}

.flex-form > div > input[type="text"], 
.flex-form > div > input[type="password"], 
.flex-form > div > input[type="auto"]{
    font-size: 16px;
    height: 34px;
	border: 1px solid var(--font-color);
	color: #666;
	padding: 0 0 0 5px;
}
.flex-form > div > input.error{
	border: 2px solid #A00;
	float: none;
}

.flex-form .field-note a{
	text-decoration: none;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 14px;
	/*color: #38B0E3;*/
}
.flex-form .note {
	text-transform: none;
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
	padding: 0;
	clear: both;
}


div.note a{
    font-size: 14px;
	/*color: #38B0E3;*/
	text-decoration: none;
}
div.note span{
    display: block;
	width: auto;
}




.flex-form > div > textarea{
	width: 100%;
}


.flex-form textarea {
	height: 120px;
	width: 50%;
}

.form .error,
.flex-form .error {
	display: block;
	float: right;
}

/* --------------flex data tables---------------*/
.data-table {
    width: 100%;
    margin-bottom: 20px;
    grid-gap: 0;
}
.data-table > .flex-row {
    grid-gap: 0;
    align-items: stretch;
}
.data-table .flex-cell {
    display: flex;
    flex: 1;
    min-width: 0;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid var(--border-color);
}
.data-table .flex-cell.left { text-align: left; }
.data-table .flex-cell.right { text-align: right; }
.data-table .flex-cell.center { text-align: center; }
.data-table .table-head {
    text-decoration: none;
    color: var(--font-color);
    background: #FFFFFF;
    font-weight: var(--font-normal);
    text-transform: uppercase;
}
.data-table .flex-cell input[type='text'] {
    height: 32px;
    color: #666;
    padding: 0 0 0 5px;
}
.data-table .flex-cell .cart-list {
    display: flex;
    gap: 10px;
}
.data-table .flex-cell.image {
    flex: 0 0 60px;
    width: 60px;
    padding: 0;
}
.data-table.responsive-table .table-label {
    display: none;
}
.data-table.responsive-table .table-value {
    display: block;
    min-width: 0;
}

/* ----------div parameters--------*/
div.params {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin-bottom: 20px;
}
div.params-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border-bottom: 1px solid var(--border-color);
}
div.params-cell {
	padding: 10px 0;
	flex-basis: 50%;
}
div.params-cell input[type='text'] {
    height: 40px;
    border: 1px solid var(--border-color);
    color: #666;
    padding: 0 0 0 5px;
}
div.params-cell select {
	width: 300px;
    font-size: 16px;
    height: 40px;
	border: 1px solid var(--font-color);
	color: #666;
	padding: 0 0 0 5px;
}
div.header-cell {
	padding: 10px 0;
	border-bottom: 1px solid var(--border-color);
}



/* ----------layout--------*/
#container {
	width: 100%;
	/*max-width: 1250px;*/
	margin: 0 auto;
	text-align: left;
	position: relative;
}
/*
#column-left {
	float: left;
	width: 180px;
}
#column-right {
	float: right;
	width: 180px;
}
*/
/* ----------content--------*/
#content {
	min-height: 500px;
	margin-bottom: 25px;
	clear: both;
	overflow: hidden;
	padding: 0 10px 0 10px;
}
/*
#content h2 {
	margin-bottom: 20px;
}
*/
#content .search-wrapper {
	display: flex;
    column-gap: 10px;
}

/* header */
#header {
	height: 90px;
	margin-bottom: 7px;
	padding: 0 10px 4px 10px;
	display: block;
}
#header #logo {
/*	position: absolute;
	top: 45px;
	left: 15px;*/
	margin: 15px 0 5px 0;
	float: left;
}
#header #header-banner{
	position: absolute;
	top: 45px;
	left: 380px;
	height: 118px;
	background: url('../image/banner_ny.png') center right no-repeat;
	text-align: right;
}
#header #header-banner img{
	position: absolute;
	top: 30px; 
	right: 305px; 
}

#header #header-banner div{
	position: absolute;
	top: 20px; 
	right: 125px; 
	color: #3CE93C;
	font-weight: bold;
	text-align: center;
}

div.spacer{
	margin-top: 10px;
}
div.nowrap{
	white-space: nowrap;
}

/* ----------mini-cart--------*/
.mini-cart {
	width: 90px;
	float: right;
	background-color: var(--primary-color);
	padding: 3px;
}
.mini-cart .mini-cart-img {
	height: 32px;
	width: 32px;
	float: left;
	cursor: pointer;
	background: #FFFFFF url('../image/cart_64.png');
	background-image: url('../image/cart.svg'), none;
	background-size: 32px 32px;
	background-color: var(--primary-color);
}
/*
.mini-cart .mini-cart-img img {
	height: 16px;
	width: 16px;
	padding: 0;
	border: 0;
}
*/
.mini-cart .mini-cart-btn {
	background-color: var(--primary-color);
	height: 32px;
	width: 52px;
	cursor: pointer;
	text-align: center;
	float:left;
}
.mini-cart .mini-cart-btn a {
	color: #FFF;
	font-weight: var(--font-normal);
	text-decoration: none;
	line-height: 32px;
	font-size: 24px;
}

/* header */
#header #welcome {
	float: right;
	text-align: right;
	color: var(--font-color);
	font-size: 14px;
	line-height: 40px;
	margin-right: 10px;
}
#header .links {
	position: absolute;
	right: 0px;
	bottom: 3px;
	font-size: 10px;
	padding-right: 10px;
}
#header .links a {
	float: left;
	display: block;
	padding: 0px 0px 0px 7px;
	/*color: #38B0E3;*/
	text-decoration: none;
	font-size: 12px;
}
#header .links a + a {
	margin-left: 8px;
	border-left: 1px solid var(--border-color);
}

/* --------------------- main menu ----------------- */

#main-menu {
	background: #222; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#252525, #0a0a0a);
	background: -o-linear-gradient(#252525, #0a0a0a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
	background: -webkit-linear-gradient(#252525, #0a0a0a);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	clear: both;
	display: block;
	float: left;
	margin: 5px 0;
    width: 100%;
    /*max-width: 1250px;*/
	position: relative;
	z-index: 100;
}
#main-menu .main-menu-list {
	font-size: 13px;
	list-style: none;
	margin: 0;
	padding: 0;
	/*padding-left: 60px;*/
}
#main-menu .main-menu-list li {
	float: left;
	/*position: relative;*/
}
#main-menu .main-menu-list li >a {
	color: #eee;
	display: block;
	line-height: 3.333em;
	/*padding: 0 1.2125em;*/
	padding: 0 10px;
	text-decoration: none;
	text-transform: uppercase;
}
#main-menu .main-menu-list li:hover > a,
#main-menu .main-menu-list li a:focus {
	background: #efefef;
}
#main-menu .main-menu-list li:hover > a,
#main-menu .main-menu-list li >a:focus {
	background: #f9f9f9; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
	background: -o-linear-gradient(#f9f9f9, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
	color: var(--font-color);
}
#main-menu .current-menu-item > a,
#main-menu .current-menu-ancestor > a,
#main-menu .current_page_item > a,
#main-menu .current_page_ancestor > a {
	font-weight: bold;
}

/* ----------mini submenu--------*/
#main-menu .main-submenu{
	position: absolute;
	top: 46px;
	left: 0;
	background-color: white; 
	width: 100%;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	display: none;
	z-index: 10;
}
#main-menu .main-submenu-col{
	padding: 0 10px 0 10px;
	float: left;
}
#main-menu .main-submenu .main-submenu-caption {
	font-size: 16px;
	font-weight: var(--font-normal);
	padding: 0 0 5px 0;
	cursor: pointer;
	color: var(--primary-color);
	text-transform: uppercase;
	border-bottom: 1px solid #585858; 
}
#main-menu .main-submenu-col .item-cont{
	width: 100%;
	position: relative;
	overflow: hidden;
}
#main-menu .main-submenu-col .item-img {
	width: 150px;
	height: auto;
	position: relative;
	background-color: #FFF;
	float: left;
}
#main-menu .main-submenu-col .item-cont .item-img > a, .main-submenu-col .product-caption > a {
	background-color: #FFF;
	text-decoration: none;
	color: var(--primary-color);
	padding: 0;
}
#main-menu .main-submenu-col .product-caption > a:hover, .main-submenu-col .product-caption > a:focus{
	background-color: #FFF;
	/*color: #38B0E3;*/
	color: var(--primary-color);
}
#main-menu .main-submenu-col .product-details {
	width: 100%;
	background-color: #FFF;
	padding: 2px 5px 0px 5px;
	cursor: pointer;
	margin-bottom: 5px;
}
#main-menu .main-submenu-col .product-caption {
	font-size: 14px;
	font-weight: var(--font-normal);
	padding: 5px 0 0 10px;
	cursor: pointer;
	color: var(--primary-color);
}
#main-menu .main-submenu-col .product-price {
    font-weight: bold;
    color: #333333;
    font-size: 18px;
    line-height: 22px;
    padding-top: 10px;
}
#main-menu .main-submenu-featured {
	border-left: 1px solid #585858; 
	width: 30%;
}
#main-menu .main-submenu-new {
	border-left: 1px solid #585858; 
	width: 30%;
}

#main-menu .main-submenu-categories{
	width: 40%;
}
#main-menu .main-submenu-list {
	list-style: none outside none;
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
	z-index: 20;
	padding: 0;
}
#main-menu .main-submenu-list li{
	clear: both;
}
#main-menu .main-submenu-list li >a.category-specials {
	color: #D03030;
}
#main-menu .main-submenu-list li >a, .main-submenu-list li >a:hover {
	display: block;
	cursor: pointer;
	padding: 0;
	color: var(--primary-color);
	font-size: 16px;
	line-height: 26px;
	font-weight: var(--font-normal);
	text-transform: uppercase;
	text-decoration: none;
}
#main-menu .main-submenu-list li:hover > a,
#main-menu .main-submenu-list li a:focus {
	background: #FFF;
	/*color: #38B0E3;*/
	color: var(--primary-color);
}
#main-menu .main-submenu-list li:hover > a,
#main-menu .main-submenu-list li a:focus {
	background: #FFF;
	color: #0F4D7B;
}

/* ----------main menu search--------*/
#main-menu .search-wrapper {
	float: right;
	margin: 13px 10px 0 0;
	position: relative;
}
#main-menu  .search-wrapper .button-search {
	background: url('../image/search_20.png') center center no-repeat;
	width: 28px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	top: 4px;
	right: 4px;
}
#main-menu .search-wrapper input {
	width: 200px;
	background: black;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	height: 28px;
	line-height: 1.2em;
	padding: 4px 4px 4px 4px;
	color: white;
}

/* ----------tabs--------*/
.b-tab {
  display: none;
}

.b-tab.active {
  display: block;
}
.b-nav-tab {
    font-weight: var(--font-normal);
    font-size: 16px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    color: var(--font-color);
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-top: 1px solid var(--border-color);
    border-left: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
}
.b-nav-tab:hover {
    background-color: var(--primary-color);
    color: #FFF;
}
.b-nav-tab.active {
    height: 40px;
    color: #FFF;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.b-nav-separator {
    height: 2px;
    background-color: var(--primary-color);
	width: 100%;
	margin: -2px 0 10px 0;
	padding: 0;
}

/* ----------breadcrumb--------*/
.breadcrumb {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: var(--font-normal);
	color: #777;
	padding: 20px 0;
}
.breadcrumb a{
    font-size: 16px;
    text-decoration: none;
}
.breadcrumb a:hover{
    font-size: 16px;
 	color: #0F4D7B;
	text-decoration: none;
}

/* ----------colors--------*/
.success, .warning, .attention, .information {
	overflow: hidden;
    line-height: 45px;
    font-size: 16px;
    font-weight: var(--font-normal);
    padding: 0 5px;
    text-transform: uppercase;
}
.success {
    background: #99ff66;
}
.warning {
    background: #ffad33
}
.attention {
    background: #ffad33;
}
.success .close, .warning .close, .attention .close, .information .close {
	float: right;
	padding-top: 4px;
	padding-right: 4px;
	cursor: pointer;
}
span.required {
	color: #FF0000;
}
.error {
	color: #FF0000;
}


/* ----------pagination--------*/
.pagination {
	border-top: 1px solid var(--border-color);
	padding-top: 8px;
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
}
.pagination .links {
	float: left;
}
.pagination .links a {
	display: inline-block;
	border: 1px solid var(--border-color);
	padding: 4px 10px;
	text-decoration: none;
	color: #A3A3A3;
}
.pagination .links b {
	display: inline-block;
	border: 1px solid #269BC6;
	padding: 4px 10px;
	font-weight: normal;
	text-decoration: none;
	color: #269BC6;
	background: #FFFFFF;
}
.pagination .results {
	float: right;
	padding-top: 3px;
}

/* ----------buttons--------*/
.buttons {
	/*height: 40px;*/
	padding: 5px 0;
	clear: both;
}
.button, a.button{
	display: inline-block;
    font-weight: var(--font-normal);
    /*width: 195px;*/
    height: 34px;
    text-decoration: none;
    color: #FFF;
    background-color: var(--primary-color);
    cursor: pointer;
	font-size: 16px;
	line-height: 34px;
	text-align: center;
	/*margin-right: 5px;*/
	padding: 0 25px;
	border: 0;
	text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.button.wide {
    width: 100%;
}
.button.disabled,
.button:disabled {
    background-color: var(--disabled-color);
}
.buttons .button-warning{
	background-color: #BC0000;
}
.buttons .error{
	color: #FF0000;
	float: inherit;
	padding: 0;
	margin-top: 10px;
}
.buttons .left{
	float: left;
}
.buttons .right{
	float: right;
}
.buttons a:hover{
    text-decoration: none;
}

/*--------кнопка с иконкой---------*/
.icon-button {
	height: 24px;
	margin-right: 5px;
	display: inline-block;
    width: 24px;
    cursor:pointer;
}
.icon-button.copypaste{
	background-image: url(../image/material_copy_24_w.png);
}

/*--------кнопки корзины---------*/
.cart-btn, .disabled-btn {
    font-weight: var(--font-normal);
    min-width: 150px;
    height: 40px;
    text-decoration: none;
    color: #FFF;
    cursor: pointer;
	user-select: none;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	display: flex;
    justify-content: center;
}
.cart-plus {
    width: 40px;
    height: 40px;
	user-select: none;
    background: var(--primary-color) url('../image/plus_40.png') no-repeat center;
    background-size: 40px 40px;
}
.cart-minus {
    width: 40px;
    height: 40px;
	user-select: none;
    background: var(--primary-color) url('../image/minus_40.png') no-repeat center;
    background-size: 40px 40px;
}
.wish-btn {
    width: 40px;
    height: 40px;
    background: transparent url('../image/favorites_32_grey.png') no-repeat center;
    background-size: 32px 32px;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
}
.wish-btn:hover {
    background: transparent url('../image/favorites_32_blu.png') no-repeat center;
}

.cart-enabled {
    background-color: var(--primary-color);
}
.cart-enabled:hover {
    background-color: var(--hover-color);
}
.cart-disabled {
    background-color: var(--disabled-color);
}
.cart-triggered {
    justify-content: space-between;
    border: 1px solid var(--primary-color);
    color: var(--font-color);
}

.disabled-btn {
    cursor: default;
    background-color: var(--disabled-color);
	padding: 0 20px;
}
.remove-btn {
    width: 40px;
    height: 40px;
    cursor: pointer;
	line-height: 40px;
	text-align: center;
	margin-left: 5px;
    background-color: #EB0000;
}
.inline-btn {
	color: #38B0E3;
	cursor: pointer;
}
.inline-btn:hover {
	color: var(--primary-color);
}

/* ----------content--------*/
#content .content {
	margin-bottom: 20px;
}
#content .content .left {
	float: left;
	width: 49%;
}
#content .content .right {
	float: right;
	width: 49%;
}



/* tiles */
.tile {
	padding: 10px 0;
	margin-right: 10px;
	border-bottom: 1px solid var(--border-color);
	min-height: 290px;
}
.tile .item-cont {
	float: left;
	width: 200px;
	position: relative;
}
.tile .item-img {
	width: 200px;
	height: 150px;
	background-color: #FFF;
}

.tile .product-caption {
	margin: 5px 0;
	color: var(--primary-color);
	line-height: 20px;
    height: 60px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tile .product-caption a {
	text-decoration: none;
	cursor: pointer;
	line-height: 20px;
}
.tile .price-block {
	font-size: 18px;
	line-height: 22px;
}

/* product */

/* товар горизонтальный (избранное) */
.product-row.compact {
	padding: 10px 0;
	margin: 0;
	border-bottom: 1px solid var(--border-color);
}

/* price */

.price-block.vflex {
    display: flex;
    flex-direction: column;
}
.price-block .special {
	color: #D03030;
}
.price-block .old {
	text-decoration: line-through;
	color: #888888;
}

/* review */
.review-stars {
	color: var(--font-color);
	height: 30px;
}
.review-stars .checked {
	color: orange;
}
.review-stars .fa {
	font-size: 24px;
}
.review-stars .fa.small {
	font-size: 16px;
}
.review-textarea {
	height: 120px;
	width: 100%;
}












.sitemap-info {
	overflow: auto;
	margin-bottom: 40px;
}
.sitemap-info .left {
	float: left;
	width: 48%;
}
.sitemap-info .right {
	float: left;
	width: 48%;
}

/* footer */ 
#footer {
    background: #222;
    background: -moz-linear-gradient(#252525, #0a0a0a);
    background: -o-linear-gradient(#252525, #0a0a0a);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a));
    background: -webkit-linear-gradient(#252525, #0a0a0a);
    clear: both;
    width: 100%;
    margin: 0;
}
#footer h3 {
	color: #000000;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 8px;
}
#footer .column-right {
	display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
#footer .column-left {
	float: left;
	width: 300px;
}
#footer .footer-link {
	margin-bottom: 10px;
}
#footer .column-left a {
	font-weight: var(--font-normal);
	text-decoration: none;
	color: #FFF;
	text-transform: uppercase;
}
#footer .column-left a:hover {
	color: #EEE;
	text-decoration: none;
}
#footer div.footer-socnet-icon {
    float: left;
    margin-right: 10px;
}
#footer #supplementary {
    padding: 30px 0 15px 0;
    overflow: hidden;
}
#footer #offer {
    padding: 0;
    font-size: 12px;
    color: #FFFFFF;
}

/* social */
div.social-icon {
	float: left;
	margin-left: 10px;
}

/* banner */
.banner div {
	text-align: center;
	width: 100%;
	display: none;
}
.banner div img {
	margin-bottom: 20px;
}



.medium-list {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 25px;
}
.medium-list  a {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 16px;
	line-height: 26px;
	/*color: #38B0E3;*/
}
.medium-list a:hover, .medium-list a:active {
	color: #0F4D7B;
}
.medium-list li {
	padding: 5px 0;
}
/* --------------------- wide form ----------------- */
div.column {
	width: 250px;
	margin-right: 50px;
	float: left;
}
div.wide {
	margin-left: 0;
	margin-right: 0;
}
div.wide > div {
	width: auto;
	margin-left: 0;
	margin-right: 0;
}
div.wide > div.block {
	margin-bottom: 20px;
}
/* --------------------- over ----------------- */
div.over {
	overflow: hidden;
}

div.separator {
	padding: 0;
	height: 1px;
	background-color: #888888;
	width: 100%;
	clear: both;
	margin: 10px 0;
}
div.next-btn {
	float: right;
	text-align: center;
	height: 40px;
	background-color: var(--primary-color);
	padding: 0 25px;
	cursor: pointer;
}
div.next-btn:hover, div.next-btn:active {
	background-color: #0F4D7B;
}
div.next-btn a {
	font-weight: var(--font-normal);
	font-size: 16px;
	line-height: 40px;
	text-decoration: none;
	color: #FFF;
	cursor: pointer;
}

/*
span.product-cart {
	font-weight: var(--font-normal);
	height: 20px;
	text-decoration: none;
	color: #FFF;
	background-color: var(--primary-color);
	padding: 2px 5px;
	cursor: pointer;
}
*/
/*
div.item-caption {
	width: 190px;
	background: #fff;
	font-weight: bold;
	font-size: 16px;
	margin-top: 0;
	padding: 5px 5px 5px 5px;
}
*/

#scroll {
    position:fixed;
    right:10px;
    top:10px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#3498db;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px
	z-index: 100;
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#e74c3c;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}

/* mobile menu */
#mobile-menu {
	display: none;
}
#mobile-menu .cart-trigger {
	width: 32px;
	height: 32px;
	margin: 12px;
	float: right;
	cursor: pointer;
}
#mobile-menu .user-trigger {
	width: 30px;
	height: 30px;
	margin: 11px;
	float: right;
	cursor: pointer;
}
#mobile-menu .search-trigger {
	width: 28px;
	height: 28px;
	margin: 14px 14px 14px 28px;
	float: left;
	cursor: pointer;
}
#mobile-menu .menu-logo {
	width: 66px;
	height: 32px;
	margin: 10px 0 0 -33px;
	position: absolute;
	left: 50%;
	cursor: pointer;
}

/* mobile menu tabs*/
#mobile-menu .menu-tabs {
	height: 40px;
	width: 100%;
	position: absolute;
	top: 60px;
	margin: 0;
    padding: 0;
    list-style: none;
}
#mobile-menu .menu-tabs li {
	width: 30%;
	display: inline-block;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    height: 40px;
    border: 0;
}
#mobile-menu .menu-tabs a {
    font-weight: var(--font-normal);
    font-size: 20px;
    line-height: 40px;
    text-decoration: none;
	color: #E0E0E0;
	display: block;
}
#mobile-menu .menu-tabs li.active,
#mobile-menu .menu-tabs li:hover {
    background-color: #E0E0E0;
}
#mobile-menu .menu-tabs li.active a,
#mobile-menu .menu-tabs li:hover a {
    color: #000;
}

.page-header {
    font-size: 28px;
	line-height: 38px;
    font-weight: var(--font-normal);
	color: var(--font-color);
	padding: 20px 0 20px 0;
}

.capital {
    text-transform: uppercase;
	font-weight: var(--font-normal);
	font-size: 16px;
	line-height: 40px;
}







/* --------------------- account ----------------- */
.account-menu {
	float: left;
	margin-right: 50px;
}

.account-content .form .buttons {
	padding: 10px 0 15px 0;
	/*margin-top: 10px;*/
}
.account-content .form > .buttons input[type="text"], 
.account-content .form>.buttons input[type="password"] {
	float: none;
	margin: 0;
	width: 100%;
}

/* ------------------ toggle button ------------- */
.toggle-btn {
	width: 80px;
	height: 40px;
	margin: 10px;
	border-radius: 50px;
	display: inline-block;
	position: relative;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAyklEQVQ4T42TaxHCQAyENw5wAhLACVUAUkABOCkSwEkdhNmbpHNckzv689L98toIAKjqGcAFwElEFr5ln6ruAMwA7iLyFBM/TPDuQSrxwf6fCKBoX2UMIYGYkg8BLOnVg2RiAEexGaQQq4w9e9klcxGLLAUwgDAcihlYAR1IvZA1sz/+AAaQjXhTQQVoe2Yo3E7UQiT2ijeQdojRtClOfVKvMVyVpU594kZK9zzySWTlcNqZY9tjCsUds00+A57z1e35xzlzJjee8xf0HYp+cOZQUQAAAABJRU5ErkJggg==') no-repeat 50px center #e74c3c;
	cursor: pointer;
	-webkit-transition: background-color .40s ease-in-out;
	-moz-transition: background-color .40s ease-in-out;
	-o-transition: background-color .40s ease-in-out;
	transition: background-color .40s ease-in-out;
	cursor:pointer;
}
.toggle-btn.active {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAmUlEQVQ4T6WT0RWDMAhFeZs4ipu0mawZpaO4yevBc6hUIWLNd+4NeQDk5sE/PMkZwFvZywKSTxF5iUgH0C4JHGyF97IggFVSqyCFga0CvQSg70Mdwd8QSSr4sGBMcgavAgdvwQCtApvA2uKr1x7Pu++06ItrF5LXPB/CP4M0kKTwYRIDyRAOR9lJTuF0F0hOAJbKopVHOZN9ACS0UgowIx8ZAAAAAElFTkSuQmCC') no-repeat 10px center #2ecc71;
}
.toggle-btn.active .round-btn{
	left: 45px;
}
.toggle-btn .round-btn {
	width: 30px;
	height: 30px;
	background-color: #fff;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	left: 5px;
	top: 50%;
	margin-top: -15px;
	-webkit-transition: all .30s ease-in-out;
	-moz-transition: all .30s ease-in-out;
	-o-transition: all .30s ease-in-out;
	transition: all .30s ease-in-out;
}
.toggle-btn .cb-value {
	position: absolute;
	left:0;
	right:0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 9;
	cursor:pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

/* --------------прогресс-------------- */

.overlay-box {
    position: relative;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
}
.loader {
    border: 5px solid #f3f3f3;
    border-top: 5px solid var(--primary-color);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
}
.loader.r20 {
    border: 3px solid #f3f3f3;
    border-top: 3px solid var(--primary-color);
    width: 20px;
    height: 20px;
}
.loader.r30 {
    border: 4px solid #f3f3f3;
    border-top: 4px solid var(--primary-color);
    width: 30px;
    height: 30px;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* --------------------- carous ----------------- */
#carousel .banner-bg {
	padding-bottom: 250px;
	width: 100%;
	position: relative;
}
#carousel .banner-250 .banner-fade,
#carousel .banner-250 .banner-info {
	width: 60%;
	right: auto;
	left: 0;
}
#carousel .banner-fade {
	background-color: #303030;
    opacity: 0.33;
}
#carousel .banner-info {
	padding: 50px 20px;
	position: absolute;
	text-align: left;
	top: 0;
	bottom: 0;
	color: #FFFFFF;
}
#carousel .banner-info.light {
	color: var(--primary-color);
}
#carousel .banner-logo {
	display: inline-block;
}
#carousel .banner-title {
	font-size: 34px;
	font-weight: var(--font-bold);
}
#carousel .banner-description {
	font-size: 20px;
    line-height: 30px;
}

/* --------------------- common ----------------- */
.note-button {
	color: var(--primary-color);
	cursor: pointer;
}
.blue-text {
    /*color: #38B0E3;*/
	color: var(--primary-color);	
}
.red-text {
	color: #FF0000;
}
.green-text {
	color: #00BC00;
}
.dark-text {
	color: #333;
}
.big-text {
	font-size: 20px;
}
div.relative_categories {
	margin-top: 15px;
}
div.relative_categories a {
    text-decoration: none;
}
#loading {
	width: 100%;
}
#loading img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
	


/* --------------------- responsible ----------------- */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

@media (max-width: 767px) {
	#main-menu {
		display: none;
	}
	#header {
		display: none;
	}
	.account-content,
    .article-content {
		padding: 10px;
	}
	.mobile {
		display: block;
	}
	td.mobile, th.mobile {
		display: table-cell;
	}
	tr.mobile {
		display: table-row;
	}
	.notmobile, td.notmobile, th.notmobile, tr.notmobile {
		display: none;
	}

	/* --------------------- warnings ------------------ */	
	.success, .warning, .attention, .information {
		width: 100%;
		margin: 0;
	}

	/* ---------------------- buttons ------------------ */	
	.buttons .button, 
	.data-table .flex-cell .button, 
	.params-cell .button{
		width: 100%;
	}

	/* --------------------- responsive flex tables ----------------- */
	.data-table.responsive-table .table-header {
		display: none;
	}
	.data-table.responsive-table .flex-cell.notmobile {
		display: none;
	}
	.data-table.responsive-table > .table-row {
		flex-direction: column;
		border-top: 1px solid var(--border-color);
		border-left: 1px solid var(--border-color);
		margin-bottom: 10px;
	}
	.data-table.responsive-table > .table-row > .flex-cell {
		flex: 0 0 auto;
		width: 100%;
		padding: 0;
		border: 0;
		align-items: stretch;
	}
	.data-table.responsive-table > .table-row > .flex-cell.image {
		width: 100%;
		flex: 0 0 auto;
		border: 0;
	}
	.data-table.responsive-table .table-label,
	.data-table.responsive-table .table-value {
		display: flex;
		align-items: center;
		border-right: 1px solid var(--border-color);
		border-bottom: 1px solid var(--border-color);
	}
	.data-table.responsive-table .table-label {
		flex: 0 0 30%;
		width: 30%;
		background: #EFEFEF;
		color: var(--font-color);
		padding: 10px 0 10px 5px;
	}
	.data-table.responsive-table .table-value {
		flex: 1;
		padding-left: 10px;
	}

	/* --------------------- main menu ----------------- */	
	#main-menu .menu-header{
		display: none;
	}


	/* --------------------- forms ----------------- */	

	.flex-form {
		float: none;
		width: 100%;
		margin: 0;
	}




	.flex-form input[type="text"], 
	.flex-form input[type="password"], 
	.flex-form input[type="auto"]{
		width: 100%;
		margin-bottom: 5px;
	}
	.flex-form.input-fixed input[type="text"], 
	.flex-form.input-fixed input[type="password"], 
	.flex-form.input-fixed input[type="auto"]{
		width: 100%;
	}


	/* footer */
	#footer #supplementary {
		padding: 30px 10px 15px 10px;
		overflow: hidden;
	}
	#footer #offer {
		padding: 0 10px 15px 10px;
	}
	#footer .column-right {
		flex-direction: column;
        align-items: end;
	}
	#footer .column-left {
		float: left;
	}
	div.social-icon {
		/*float: none;*/
		margin-bottom: 10px;
	}
	
	#column-left {
		display: none;		
	}
	#column-left + #column-right + #content, #column-left + #content {
		margin-left: 0;
	}
	#content h1{
		margin-top: 15px;
	}
    /*
	.product-table a, .product-table b, .product-table td{
		font-size: 11px;
	}
    */
    /*
	div.product-cart {
		height: 40px;
	}
    */

	/* --------------------- wide form ----------------- */
	div.wide{
		padding-left: 10px;
		padding-right: 10px;
	}
	div.over {
		float: left;
		overflow: visible;
		width: 100%;
	}
	/* ----------------- div shrinkable table ---------------- */
	div.params-cell:nth-child(even) {
		text-align: right;
	}
	/* --------------------- roc menu search ----------------- */
	#content .search-wrapper {
		display: none;
	}
	#mobile-menu .search-wrapper {
		padding: 10px 10px 10px 10px;
		border-bottom: 1px solid #000;
		height: 60px;
		width: 100%;
		text-align: left;
		background-color: #000;

		position: absolute;
		top: 100px;
		left: -100%;
		background-color: #fff;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		-webkit-transition: -webkit-transform 0.25s ease-out;
		transition: -webkit-transform 0.25s ease-out;
		transition: transform 0.25s ease-out;
		transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
		z-index: 999;
	}
	#mobile-menu .is-visible.search-wrapper {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	#mobile-menu .search-wrapper-inner {
		height: 100%;
		border: 1px solid var(--primary-color);
		position: relative;
	}
	#mobile-menu .search-wrapper-inner .button-search {
		background: url('../image/search-icon-32.png') center center no-repeat;
		width: 32px;
		height: 32px;
		cursor: pointer;
		position: absolute;
		top: 2px;
		right: 2px;
	}
	#mobile-menu .search-wrapper input {
		color: #00a7e9;
		background-color: #000;
		padding: 1px 0 1px 8px;
		border: none;
		height: 100%;
		width: 100%;
		font-size: 16px;
		font-weight: var(--font-normal);
	}

	/* --------------------- roc menu --------------------- */
	#page {
		position: relative;
		width: 100%;
		overflow: hidden;
		margin: 0;	
	}

	#mobile-menu {
		height: 100px;
		width: 100%;
		background-color: #252525;
		display: block;
	}
	#mobile-menu .submenu-wrapper {
		position: absolute;
		top: 100px;
		left: -100%;
		width: 100%;
		height: 100%;
		background-color: #fff;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		-webkit-transition: -webkit-transform 0.25s ease-out;
		transition: -webkit-transform 0.25s ease-out;
		transition: transform 0.25s ease-out;
		transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
		z-index: 999;
	}
	#mobile-menu .is-visible .submenu-wrapper {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	#mobile-menu .submenu-wrapper .block {
		background-color: transparent;
		width: 100%;
	}
	#mobile-menu .submenu-wrapper ul {
		list-style: none outside none;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#mobile-menu .submenu-wrapper ul li a, 
	#mobile-menu .submenu-wrapper ul li a:visited { 
		display: block;
		cursor: pointer;
		padding: 13px 11px 13px 11px;
		/*color: #38b0e3;*/
		font-size: 18px;
		font-weight: var(--font-normal);
		text-transform: uppercase;
		text-decoration: none;
		border-bottom: 1px solid #000;
	}
	#mobile-menu .submenu-wrapper ul li a:hover {
		color: var(--primary-color);
	}

	#mobile-menu .toggle {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		margin: 0;
		padding: 28px 0 0 20px;
		cursor: pointer;
		float: left;
	}
	#mobile-menu .toggle span {
		position: relative;
		font-size: 0;
		width: 32px;
		height: 4px;
		background-color: #fff;
		border-radius: 100px;
		-webkit-transition: background-color 0.2s ease-out;
		transition: background-color 0.2s ease-out;
	}

	#mobile-menu .toggle span:before, #mobile-menu .toggle span:after {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: #fff;
		border-radius: 100px;
		-webkit-transition: -webkit-transform .2s ease-out;
		transition: -webkit-transform .2s ease-out;
		transition: transform .2s ease-out;
		transition: transform .2s ease-out, -webkit-transform .2s ease-out;
	}

	#mobile-menu .toggle span:before { bottom: calc(100% + 6px); }

	#mobile-menu .toggle span:after { top: calc(100% + 6px); }

	#mobile-menu .is-visible .toggle span { background-color: transparent; }

	#mobile-menu .is-visible .toggle span:before {
		bottom: auto;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	#mobile-menu .is-visible .toggle span:after {
		top: auto;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	/* --------------------- tiles ------------------ */
    .tile {
		width: 48.5%;
		margin-right: 10px;
		border: 0;
		padding: 0;
		float: left;
		clear: none;
        min-height: inherit;
        height: 260px;
	}
	.tile:nth-of-type(2n-1) {
		clear: both;
	}
	.tile:nth-of-type(2n) {
		margin-right: 0;
    }

	.tile .item-cont {
		width: 100%;
		position: relative;
		overflow: hidden;
	}
	.tile .item-img {
		position: relative;
		background-color: #FFF;
		width: 100%;
		height: auto;
		text-align: center;
	}

    .tile .product-caption a {
        line-height: 20px;
		font-size: 14px;
    }

	div.separator {
		padding: 0;
		height: 3px;
		background-color: #888888; /* 585858 */
		width: 100%;
	}
}
@media (max-width: 1279px) {
	/* --------------------- product list ----------------- */
	/*
	.tile {
		width: 48.5%;
		margin-right: 10px;
		border: 0;
		padding: 0;
		float: left;
		clear: none;
	}
	.tile:nth-of-type(2n-1) {
		clear: both;
	}
	.tile:nth-of-type(2n) {
		margin-right: 0;
	}
	*/
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
}
@media (min-width: 768px) {
	#footer #supplementary {
		padding: 30px 10px 15px 10px;
	}
	#footer #offer {
		padding: 0 10px 15px 10px;
    }
    
}
@media (min-width: 900px) {
	#header {
		padding: 0 0 4px 10px;
		/*width: 830px;
		margin: auto;*/
	}
	#main-menu .menu-header{
		float: left;
	}

}
@media (min-width: 1280px) {
	#header {
		padding: 0 0 4px 0;
		width: 1250px;
		margin: auto;
	}
	#content {
		padding: 0;
		width: 1250px;
		margin: auto;
		margin-bottom: 25px;
	}
	.article-content {
		width: 1100px;
	}
	#main-menu .menu-cont {
		width: 1270px;
		margin: auto;
	}
	#footer #supplementary,
    #footer #offer
    {
		width: 1250px;
		margin: auto;
	}

	/* --------------------- warnings ------------------ */	
	.success, .warning, .attention, .information {
		width: 1250px;
		margin: auto;
	}

}