@import url(https://web.archive.org/web/20220127132810cs_/https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css);

::-webkit-scrollbar {width: 3px;}
::-webkit-scrollbar:horizontal {height: 3px;}
::-webkit-scrollbar-track {background: #d8d8d8;}
::selection {
 color: #fff;
}
* {outline: none;}
html, body {
 margin: 0;
 padding: 0;
 height: 100%;
}
textarea, input {
 outline: none;
 resize: none;
 box-sizing: border-box;
}
img, a img {
 border: none;
 outline: none;
}
a {
 text-decoration: none;
 color: #000000;
 transition: all .2s ease;
}
a:hover {
 color: #212121;
}
b {
 font-weight: 600;
 color: #212121;
}
body {
 font-size: 14px;
 line-height: 22px;
 color: #000000;
 font-weight: 400;
 font-family: 'Ubuntu';
}
h1, h2, h3, h4, h5, h6 {
 margin: 0 0 22px;
 padding: 0;
 color: #212121;
 font-family: 'Ubuntu';
 text-transform: uppercase;
 font-weight: 700;
}
h1 {font-size: 24px;line-height: 24px;}
h2 {font-size: 20px;line-height: 20px;}
h3 {font-size: 18px;line-height: 18px;}
h4 {font-size: 16px;line-height: 16px;}
h5 {font-size: 15px;line-height: 15px;}
h6 {font-size: 13px;line-height: 13px;}
aside ul, aside ol, aside li {
 margin: 0;
 padding: 0;
 list-style: none;
 list-style-type: none;
}
textarea {
 overflow: auto;
 border: 1px solid #d7d7d7;
 color: #212121;
 line-height: 22px;
 min-height: 36px;
 padding: 6px 15px;
 font-size: 14px;
 font-family: 'Ubuntu';
 box-sizing: border-box;
 transition: all .3s ease;
}
textarea:focus {
 border: 1px solid #212121;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="url"] {
 font-size: 14px;
 border: 1px solid #d7d7d7;
 background: #fff;
 color: #212121;
 line-height: 26px;
 height: 36px;
 padding: 6px 15px;
 font-family: 'Ubuntu';
 box-sizing: border-box;
 transition: all .2s ease;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
textarea:focus {
 border: 1px solid #212121;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
button {
 border: none;
 color: #fff;
 line-height: 22px;
 height: 36px;
 padding: 6px 15px;
 font-family: 'Ubuntu';
 text-transform: uppercase;
 cursor: pointer;
 font-size: 12px;
 box-sizing: border-box;
 transition: all .3s ease;
 font-weight: 700;
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover {
 background-color: #212121;
 color: #fff;
}
select {
 color: #7a7a7a;
 border: 1px solid #d8d8d8;
 background: #fff;
 cursor: pointer;
 font-size: 13px;
 font-family: 'Ubuntu';
 line-height: 22px;
 height: 34px;
 padding: 5px 34px 5px 10px;
 background-image: url('/web/20220127132810im_/https://color-area.ru/img/select.png');
 background-position: right center;
 background-repeat: no-repeat;
 line-height: 1em;
 text-indent: 1px;
 text-overflow: '';
 -ms-appearance: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}
select::-ms-expand {
 display: none;
}
select:focus {
 outline: none;
}
p {
 margin: 0;
 padding: 0;
}
.oh {
 overflow: hidden;
}
.cnt {
 width: 1170px;
 margin: 0 auto;
}
.clr:after {
 content: '';
 display: block;
 clear: both;
}
.col2 {width: 48.7179487179487%;}
.col3 {width: 31.6239316239316%;}
.col4 {width: 23.0769230769230%;}
.col6 {width: 14.5299145299145%;}
#content .col2 {width: 48.2758620689655%;}
#content .col3 {width: 31.0344827586206%;}
#content .col4 {width: 22.4137931034482%;}
#content .col6 {width: 13.7931034482758%;}
.col2, .col3, .col4, .col6 {
 margin-bottom: 30px;
 margin-right: 2.56410256410256%;
 float: left;
}
#content .col2,
#content .col3,
#content .col4,
#content .col6 {
 margin-right: 3.44827586206896%;
}
.col2:nth-child(2n), .col3:nth-child(3n), .col4:nth-child(4n), .col6:nth-child(6n) {
 margin-right: 0;
}
.col2:nth-child(2n+1), .col3:nth-child(3n+1), .col4:nth-child(4n+1), .col6:nth-child(6n+1) {
 clear: left;
}
.col2 *, .col3 *, .col4 *, .col6 {
 max-width: 100%;
}
#wrapper {
 overflow: hidden;
 margin: 0 auto;
 background: #fff;
}
.button {
 display: inline-block;
 transition: all .3s ease;
}
.button.big {
 line-height: 46px;
 padding: 0 30px;
 text-transform: uppercase;
 font-weight: bold;
}
.button.normal {
 line-height: 36px;
 padding: 0 20px;
}
.button.small {
 line-height: 30px;
 padding: 0 15px;
 font-size: 13px;
}
.button.dark {
 background-color: #212121;
 color: #fff;
}
.button.light {
 background-color: #f0f0f0;
 color: #212121;
}
.button.color {
 color: #fff;
}
.button.dark:hover {
 background-color: #f0f0f0;
 color: #212121;
}
.button.light:hover {
 background-color: #212121;
 color: #fff;
}
.button.color:hover {
 background-color: #212121;
}
.top-line {
 height: 4px;
 background-color: #212121;
}


#header {
 position: relative;
 z-index: 99;
}
.logo {
float: left;
 height: 60px;
 overflow: hidden;
 padding-top: 18px;
 padding-bottom: 18px;
}
.header-right {
 float: right;
}
.cart-header {
 position: relative;
 line-height: 36px;
}
.search {
 float: left;
 height: 36px;
 margin-top: 30px;
 margin-left: 40px;
 position: relative;
 z-index: 100;
}
select.search-select {
 float: left;
 background-image: url(/web/20220127132810im_/https://color-area.ru/img/search-select.png);
 border: none;
 height: 36px;
 padding-top: 6px;
 padding-bottom: 6px;
 padding-left: 15px;
 color: #fff;
 font-size: 13px;
 border-radius: 0;
}
#search-form {
 float: left;
 width: 180px;
 position: relative;
 border: 2px solid #f0f0f0;
 height: 36px;
 box-sizing: border-box;
}
input.search-keyword {
 border: none !important;
 background: none;
 height: 32px;
 position: absolute;
 top: 0;
 left: 0;
 width: 150px;
 font-size: 13px;
}
input.search-submit {
 position: absolute;
 top: 7px;
 right: 0;
 background: none !important;
 width: 32px;
 height: 18px;
 line-height: 18px;
 font-size: 16px;
 font-family: 'FontAwesome';
 padding: 0 0 0 2px;
 color: #212121 !important;
 border-left: 1px solid #d8d8d8;
 border-radius: 0;
}
.search-all {
 display: none;
}
.user-profile {
 float: left;
 margin-top: 30px;
 color: #212121;
 position: relative;
 z-index: 100;
}
.user-profile-header {
 cursor: pointer;
 padding-left: 20px;
 height: 36px;
 padding-bottom: 24px;
}
.user-profile-header > span {
 font-size: 18px;
 line-height: 36px;
 padding-right: 1px;
 transition: color .3s ease;
}
.user-profile ul {
 display: none;
 padding: 0;
 margin: 0;
 list-style: none;
 position: absolute;
 top: 60px;
 right: -10px;
 width: 160px;
 box-sizing: border-box;
 border-radius: 2px;
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 background-color: #f8f8f8;
 border: 1px solid #d8d8d8;
}
.user-profile ul li {
 padding: 0 15px;
}
.user-profile ul li a {
 display: block;
 padding: 9px 0;
 border-top: 1px solid #d8d8d8;
}
.user-profile ul li:first-child a {
 border: none;
}
#shop-basket {
 float: left;
 margin-top: 30px;
 height: 60px;
 cursor: pointer;
 z-index: 100;
}
.cart-header {
 line-height: 18px;
 margin-left: 18px;
 padding-left: 20px;
 border-left: 1px solid #d8d8d8;
 position: relative;
 margin-top: 9px;
 color: #212121;
 cursor: pointer;
}
.cart-header .fa-shopping-bag {
 line-height: 18px;
 font-size: 18px;
 transition: color .3s ease;
}
.cart-num {
 display: block;
 position: absolute;
 width: 16px;
 height: 16px;
 border-radius: 16px;
 border: 1px solid #fff;
 font-size: 10px;
 text-align: center;
 line-height: 16px;
 color: #fff;
 font-family: 'arial';
 top: -7px;
 left: 32px;
 transition: background-color .3s ease;
}
.cart-text {
 padding-left: 13px;
 font-size: 13px;
}
#shop-basket:hover .cart-num {
 background: #212121;
}
.cart-body {
 padding: 20px;
 position: absolute;
 top: 60px;
 width: 270px;
 border-radius: 2px;
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 background-color: #f8f8f8;
 border: 1px solid #d8d8d8;
 max-height: 500px;
 overflow-y: auto;
 box-sizing: border-box;
 cursor: default;
 transition: opacity .5s ease;
 opacity: 0;
 right: -9999px;
}
#shop-basket.opened .cart-body {
 opacity: 1;
 right: 0;
}
.cart-body-list {
 margin: 0;
 padding: 0;
 list-style: none;
}
.cart-body-list li {
 overflow: hidden;
 border-bottom: 1px solid #d8d8d8;
 padding-bottom: 15px;
 margin-bottom: 15px;
 position: relative;
}
.cart-body-list li > img {
 float: left;
 width: 40px;
 border-radius: 2px;
}
.cart-body-list li p {
 margin-left: 60px;
 padding-right: 10px;
 line-height: 18px;
}
.cart-body-list li p > a {
 text-transform: uppercase;
 font-weight: bold;
 font-size: 12px;
 color: #212121;
}
.cart-body-list li > .fa-close {
 position: absolute;
 top: 0;
 right: 0;
 cursor: pointer;
 color: #a7a7a7;
 transition: all .2s ease;
}
.cart-body-list li > .fa-close:hover {
 color: #1a1a1a;
}
.cart-body-price {
 font-weight: bold;
 font-size: 15px;
 display: block;
 padding-top: 2px;
}
.cart-body-price s {
 color: #a7a7a7;
 font-weight: 400;
 font-size: 13px;
 padding-left: 3px;
}
.cart-body-options {
 font-size: 12px;
}
.cart-body-buttons .button {
 margin-right: 3px;
}
.cart-body-order-amount {
 line-height: 13px;
 padding-bottom: 15px;
 border-bottom: 1px solid #d8d8d8;
 margin-bottom: 15px;
 color: #212121;
}
#slider-body {
 width: 100%;
 height: 500px;
 background-color: #f0f0f0;
 position: relative;
}
#slider, .slide {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.slide {
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
}
.slide-content {
 height: 500px;
 display: table;
}
.slide-content-body {
 padding-left: 90px;
 display: table-cell;
 vertical-align: middle;
}
.sale-text-1 {
 font-size: 36px;
 color: ##ebf1f2;
 text-transform: uppercase;
 font-weight: 700;
 line-height: 36px;
}
.sale-text-2 {
 text-transform: uppercase;
 color: #212121;
 font-size: 18px;
 font-weight: bold;
 line-height: 18px;
 margin-top: 5px;
 margin-bottom: 50px;
}
.sale-text-percent {
 display: inline-block;
 padding: 0 30px 0 35px;
 background-color: #212121;
 line-height: 60px;
 position: relative;
 color: #fff;
 font-size: 30px;
 margin-bottom: 10px;
}
.sale-text-percent:before {
 content: '';
 display: block;
 height: 100%;
 width: 5px;
 position: absolute;
 top: 0;
 left: 0;
}
.slide-arrow {
 position: absolute;
 z-index: 2;
 top: 50%;
 margin-top: -25px;
 width: 50px;
 height: 50px;
 line-height: 50px !important;
 background: #212121;
 color: #fff;
 text-align: center;
 cursor: pointer;
 transition: all .3s ease, opacity .5s .1s ease;
 font-size: 24px !important;
 opacity: 0;
}
.slide-arrow.fa-angle-left {
 left: -50px;
}
#slider-body:hover .slide-arrow.fa-angle-left {
 left: 30px;
 opacity: 1;
}
.slide-arrow.fa-angle-right {
 right: -50px;
}
#slider-body:hover .slide-arrow.fa-angle-right {
 right: 30px;
 opacity: 1;
}

.icon-blocks-body {
 background: #f7f7f7;
 padding: 60px 0 10px;
}
.icon-block { 
 overflow: hidden;
}
.icon-block > span {
 float: left;
 font-size: 32px;
 line-height: 32px;
 color: #FFF;
 border-radius: 50%;
 padding: 15px 17px;
}
.icon-block > h3 {
 margin: 0 0 12px 90px;
 font-size: 15px;
 padding: 0;
 color: #505050;
}
.icon-block > p {
 margin-left: 65px;
 line-height: 18px;
}
.bestsellers {
 padding: 60px 0;
}
.title {
 position: relative;
}
.title h2 {
 font-size: 28px;
 margin: 0 0 15px 0;
 padding: 0 0 22px 0;
 line-height: 28px;
 position: relative;
}
.title h2:after {
 content: '';
 display: block;
 width: 52px;
 height: 7px;
/* background-image: url(/web/20220127132810im_/https://color-area.ru/img/line.png);*/
 background-position: top left;
 background-repeat: no-repeat;
 position: absolute;
 bottom: 0;
 left: 0;
}
.title p {
 padding: 0;
 margin: 0 0 22px;
 max-width: 570px !important;
}
.title.center {
 text-align: center;
}
.title.center h2:after {
 left: 50%;
 margin-left: -26px;
}
.title.center p {
 margin-left: auto;
 margin-right: auto;
}
.bestsellers-carousel {
 position: relative;
}
.bestsellers-carousel-arrow {
 position: absolute;
 z-index: 2;
 top: 50%;
 margin-top: -90px;
 width: 50px;
 height: 50px;
 line-height: 50px !important;
 background: #212121;
 color: #fff;
 text-align: center;
 cursor: pointer;
 transition: all .3s ease, opacity .5s .1s ease;
 font-size: 24px !important;
 opacity: 0;
}
.bestsellers-carousel-arrow.fa-angle-left {
 left: -50px;
}
.bestsellers-carousel:hover .bestsellers-carousel-arrow.fa-angle-left {
 left: 30px;
 opacity: 1;
}
.bestsellers-carousel-arrow.fa-angle-right {
 right: -50px;
}
.bestsellers-carousel:hover .bestsellers-carousel-arrow.fa-angle-right {
 right: 30px;
 opacity: 1;
}
.owl-item {
 padding-left: 30px;
 box-sizing: border-box;
}
.goods-carousel {
 margin-left: -30px;
}
.list-item {
 margin-top: 10px;
 margin-bottom: 20px;
 position: relative;
 overflow: hidden;
}
.list-item img {
 max-width: 100%;
 transition: opacity .3s ease;
}
.item-name {
 display: inline-block;
 font-weight: 500;
 font-size: 15px;
 line-height: 16px;
 color: #212121;
 text-transform: uppercase;
 margin-top: 15px;
}
.item-name {
 transition: color .3s ease;
}
.item-image {
 display: block;
 position: relative;
 line-height: 0;
 overflow: hidden;
 border: solid 1px #cccccc4f;
}
.item-image-link {
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.item-image-link {
 box-shadow: inset 0 0 250px rgba(0, 0, 0, 0);
 transition: all .3s ease;
 overflow: hidden;
}
.item-image-link:hover {
 box-shadow: inset 0 0 250px rgba(0, 0, 0, 0.35);
}
.item-image-link > span {
 display: block;
 padding: 2px 10px;
 background: #fff;
 border-radius: 100px;
 position: absolute;
 bottom: -30px;
 left: 50%;
 margin-left: -62px;
 transition: all .3s ease;
 cursor: default;
}
.item-image-link:hover > span {
 bottom: 20px;
}
.item-new {
 display: block;
 position: absolute;
 top: 10px;
 left: 10px;
 z-index: 9;
 text-align: center;
 background: #21b8c2;
 font-size: 10px;
 font-weight: 500;
 text-transform: uppercase;
 color: #fff;
 letter-spacing: 0.05em;
 line-height: 10px;
 box-sizing: border-box;
 padding: 5px 10px;
 cursor: help;
}
.item-sale {
 display: block;
 position: absolute;
 top: 10px;
 right: 10px;
 z-index: 9;
 text-align: center;
 font-size: 10px;
 font-weight: 500;
 text-transform: uppercase;
 color: #fff;
 letter-spacing: 0.05em;
 line-height: 10px;
 box-sizing: border-box;
 padding: 5px 10px;
 cursor: help;
}
.item-price {
 font-size: 18px;
 font-weight: 700;
 margin-top: 10px;
 line-height: 18px;
}
.item-price s {
 padding-left: 2px;
 font-size: 14px;
 color: #a7a7a7;
 font-weight: 400;
}

.item-buttons {
 margin-top: 15px;
 overflow: hidden;
}
.item-buttons > * {
 float: left;
 padding: 0 15px !important;
 margin-right: 5px;
}
.wish {
 line-height: 36px;
 padding: 0 15px;
 font-family: 'FontAwesome';
 cursor: pointer;
 background: #f0f0f0;
 color: #212121;
 transition: all .3s ease;
}
.wish:hover {
 background: #212121;
 color: #fff;
}
.wadd:before {
 content: '\f08a';
}
.wdel:before {
 content: '\f00d';
}
.banner-section {
 position: relative;
 margin-bottom: 60px;
}
.banner-section img {
 max-width: 100%;
}
.banner-text {
 position: absolute;
 top: 15%;
 left: 0;
 padding-left: 100px;
}
.banner-text-big {
 display: block;
 font-size: 36px;
 line-height: 36px;
 color: #212121;
 font-weight: 700;
 text-transform: uppercase;
}
.banner-text-small {
 display: block;
 text-transform: uppercase;
 font-size: 18px;
 font-weight: 700;
 color: #212121;
 margin-top: 10px;
}
.banner-text-discount {
 display: inline-block;
 padding: 0 20px 0 25px;
 background-color: #212121;
 line-height: 60px;
 position: relative;
 color: #fff;
 font-size: 30px;
 margin-top: 35px;
 font-weight: 700;
 margin-bottom: 10px;
}
.banner-text-discount:before {
 content: '';
 display: block;
 height: 100%;
 width: 5px;
 position: absolute;
 top: 0;
 left: 0;
}
#middle {
 margin-bottom: 60px;
}
#content {
 float: right;
 width: 71%;
}
#content * {
 max-width: 100%;
}
a.shop-all-link {
 position: absolute;
 top: 0;
 right: 0;
 display: block;
 border-bottom: 1px solid #d8d8d8;
 line-height: 18px;
}
a.shop-all-link span {
 font-family: 'arial';
 padding-left: 3px;
}
a.shop-all-link:hover {
 color: #212121;
 border-color: #212121;
}
#content .list-item {
 position: relative;
 box-sizing: border-box;
 z-index: 2;
 border-radius: 2px;
 border: 1px solid #fff;
 float: left;
 width: 31.0344827586206%;
 margin-right: 3.44827586206896%;
 margin-top: 10px;
 margin-bottom: 20px;
}
#content .list-item:nth-child(3n) {
 margin-right: 0;
}
#content .list-item:nth-child(3n+1) {
 clear: left;
}
#sidebar {
 float: left;
 width: 27%;
}
#sidebar * {
 max-width: 100%;
}
.block {
 background: #f8f8f8;
 box-sizing: border-box;
 padding: 20px;
 margin-bottom: 30px;
 border-radius: 2px;
}
.block > h5 {
 font-size: 15px;
 line-height: 16px;
 margin-bottom: 20px;
 font-weight: 700;
}
.block .catsTd {
 padding: 9px 0;
 border-bottom: 1px solid #eee;
 overflow: hidden;
 line-height: 22px;
}
.block .catsTd .catNumData {
 float: right;
 padding: 0 7px;
 color: #000;
 font-weight: 600;
 font-size: 11px;
 text-align: center;
 min-width: 20px;
 background: #eee;
 border-radius: 2px;
}
.block .catsTable tr:last-child .catsTd {
 border: none;
}
.block .catsTable {
 margin: -9px 0;
}
.shop-categories {
 background-color: #f8f8f8;
 margin-bottom: 30px;
 padding: 0;
}
.shop-categories-title {
 line-height: 20px;
 padding: 10px 20px;
 border-radius: 2px 2px 0 0;
 color: #fff;
 font-size: 15px;
 font-weight: 700;
 text-transform: uppercase;
 font-weight: 500;
}
.shop-categories-title .fa {
 font-size: 14px;
 margin-right: 5px;
}
.shop-categories-body {
 padding: 20px;
}
.shop-categories .cat-tree u {
 text-decoration: none !important;
}
.shop-categories ul.cat-tree, .shop-categories ul.cat-tree ul, .shop-categories ul.cat-tree li {
 padding: 0;
 margin: 0;
 list-style: none;
}
.shop-categories ul.cat-tree ul {
 display: none;
 padding-left: 10px;
 margin: 12px 0 12px 10px;
 border-left: 1px solid #eee;
}
.shop-categories ul.cat-tree b {
 display: none;
}
.shop-categories ul li, .shop-categories ul.cat-tree li {
 padding-top: 7px;
 padding-bottom: 7px;
}
.shop-categories ul.cat-tree li {
 border-top: 1px solid #eee;
 padding-top: 14px;
 padding-bottom: 14px;
}
.shop-categories ul.cat-tree li:first-child {
 border: none;
}
.shop-categories ul.cat-tree, .shop-categories ul.cat-tree a {
 color: #1a1a1a;
}
.shop-categories ul.cat-tree .plus:before, .shop-categories ul.cat-tree .minus:before {
 display: inline-block;
 font-family: FontAwesome;
 font-size: inherit;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 transform: translate(0, 0);
 font-size: 14px;
 float: right;
 cursor: pointer;
}
.shop-categories ul.cat-tree .plus:before {
 content: "\f107";
}
.shop-categories ul.cat-tree .minus:before {
 content: "\f106";
}
.shop-categories ul.cat-tree {
 margin: -14px 0;
}
.shop-categories ul.cat-tree u {
 width: 40px;
 height: 40px;
 display: block;
 float: right;
 margin-top: -9px;
 margin-right: -14px;
 cursor: pointer;
 line-height: 40px;
 text-align: center;
}
.shop-categories ul.cat-tree u:before {
 float: none !important;
}
.left-banner {
 position: relative;
 line-height: 0;
 padding: 0;
 background: none;
}
.left-banner img {
 width: 100%;
}
.left-banner a {
 position: absolute;
 bottom: 20px;
 left: 50%;
 margin-left: -60px;
 width: 120px;
 padding: 0 !important;
 text-align: center;
 display: block;
}
.left-popular {
 margin: 0;
 padding: 0;
 list-style: none;
}
.left-popular li {
 padding: 20px 0 0;
 margin: 20px 0 0;
 overflow: hidden;
 border-top: 1px solid #eee;
}
.left-popular li:first-child {
 padding-top: 0;
 margin-top: 0;
 border-top: none;
}
.left-popular li > img {
 border-radius: 2px;
 width: 40px;
 float: left;
}
.left-popular li > span {
 display: block;
 margin-left: 60px;
}
.left-popular li > span a {
 color: #1a1a1a;
}
.left-popular .item-price {
 font-size: 16px;
 display: inline-block;
 margin-top: 5px;
}
.left-popular .item-price s {
 font-size: 13px;
}
hr {
 border: none;
 height: 1px;
 background-color: #eee;
}
.blog-section {
 margin-bottom: 30px;
}
.blog-item {
 margin-top: 10px;
}
.blog-item-img {
 position: relative;
}
.blog-item-cat {
 display: block;
 position: absolute;
 top: 15px;
 left: 15px;
 line-height: 30px;
 background: rgba(0, 0, 0, 0.8);
 padding: 0 15px;
 border-left: 3px solid #d8d8d8;
 color: #fff;
 font-weight: 500;
 text-transform: uppercase;
 font-size: 12px;
}
.blog-item-name {
 display: inline-block;
 font-weight: 500;
 font-size: 15px;
 line-height: 16px;
 color: #212121;
 text-transform: uppercase;
 margin-top: 10px;
 margin-bottom: 10px;
}
.blog-item-text {
 margin-bottom: 7px;
}
.blog-item-link {
 display: inline-block;
 border-bottom: 1px solid #d8d8d8;
 line-height: 18px;
}
.blog-item-link span {
 font-family: 'arial';
 padding-left: 2px;
}
.blog-item-link:hover {
 color: #212121;
 border-color: #212121;
}
.do-it {
 background: #f6f6f6;
 padding: 40px 0;
 margin-bottom: 60px;
}
.do-it .button {
 float: right;
}
.do-it-text {
 margin-right: 220px;
}
.do-it-text-big {
 font-size: 22px;
 color: #212121;
 display: block;
 margin-bottom: 3px;
}
.footer-info {
 padding-bottom: 30px;
}
.footer-phone {}
.footer-phone .pe-7s-headphones {
 float: left;
 font-size: 60px;
}
.footer-phone-text {
 margin-left: 70px;
}
.footer-phone-numbers {
 font-size: 26px;
 color: #212121;
 display: inline-block;
 margin-top: 5px;
 line-height: 26px;
}
.footer-location b {
 text-transform: uppercase;
 font-size: 13px;
}
.footer-soc {
 margin-top: 40px;
}
a.soc {
 display: inline-block;
 height: 50px;
 width: 50px;
 line-height: 50px;
 border-radius: 50px;
 background: #f2f2f2;
 color: #212121;
 text-align: center;
}
a.soc:hover {
 color: #fff;
}
a.soc .fa {
 line-height: 50px;
 font-size: 18px;
}
.footer-soc a.soc {
 float: left;
 margin-right: 10px;
}
.footer-block {
 float: left;
 width: 48.2758620689655%;
 margin-right: 2.56410256410256%;
}
.footer-block:nth-child(2n) {
 margin-right: 0;
}
.footer-block:nth-child(2n+1) {
 clear: left;
}
.footer-block-title {
 font-size: 18px;
 font-weight: 700;
 color: #212121;
 text-transform: uppercase;
 margin-bottom: 15px;
}
.footer-block ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
.footer-block ul li {
 margin: 0;
 padding: 9px 0;
}
.footer-block ul li .fa {
 padding-right: 10px;
}
.paymets-image {
 max-width: 100%;
 margin-top: 45px;
}
.copyrights {
 text-align: center;
 color: #212121;
 padding: 25px 0;
 background: #f6f6f6;
}
.copyrights a {
 color: #212121;
}
.path {
 background: #f2f2f2;
 padding: 10px 0;
 font-size: 12px;
 margin-bottom: 30px;
}
.path h2 {
 float: left;
 margin: 0;
 padding: 0;
 font-size: 15px;
 line-height: 22px;
}
.path-links {
 float: right;
}
.path-links a {
 color: #212121;
}
.path-links .fa-home {
 font-size: 15px;
}
.path-links span {
 font-family: 'arial';
 padding: 0 5px;
 font-size: 14px;
}
.goods-settings {
 margin-bottom: 20px;
 padding-bottom: 20px;
 border-bottom: 1px solid #eee;
}
.goods-view-mode {
 float: left;
}
.goods-view-mode > span {
 display: inline-block;
 width: 30px;
 line-height: 30px;
 background: #eee;
 color: #7a7a7a;
 text-align: center;
 cursor: pointer;
 transition: all .3s ease;
}
.goods-view-mode > span:first-child {
 margin-right: 7px;
}
.goods-view-mode > span:hover {
 color: #212121;
}
.goods-view-mode > span.goods-view-mode-active {
 cursor: default;
 box-shadow: none;
 color: #fff;
}
.goods-sorter {
 float: right;
 line-height: 30px;
}
.goods-sorter a {
 padding: 0 5px;
}
.goods-sorter a.active {
 color: #212121;
 font-weight: 500;
}
#goods_cont {
 margin-bottom: 10px;
}
#content .list-item-view-mode-list .list-item {
 float: none;
 width: 100%;
 margin-right: 0;
 overflow: hidden;
 border-top: 1px solid #eee;
 padding-top: 20px;
}
#content .list-item-view-mode-list .list-item:first-child {
 padding-top: 0;
 border: none;
}
#content .list-item-view-mode-list .list-item .item-image {
 float: left;
 width: 140px;
}
#content .list-item-view-mode-list .list-item .item-info {
 margin-left: 160px;
}
#content .list-item-view-mode-list .list-item .item-name {
 margin-top: 0;
 font-size: 17px;
 line-height: 20px;
}
#content .list-item-view-mode-list .list-item .item-price {
 font-size: 19px;
 margin-top: 15px;
}
#content .list-item-view-mode-list .list-item .item-text {
 display: block;
 margin-top: 15px;
}
#content .list-item-view-mode-list .list-item .item-buttons {
 margin-top: 20px;
}
.gp_images {
 float: left;
 overflow: hidden;
 position: relative;
 width: 270px;
 line-height: 0;
}
.gp_images .big {
 width: 100%;
}
.gp_images img {
 cursor: pointer;
 transition: opacity .3s ease;
}
.gp_images img:hover {
 opacity: 0.9;
}
.gp_images .small {
 width: 29.629629628%;
 margin-right: 5.555555554%;
 float: left;
 margin-top: 15px;
}
.gp_images .small:nth-child(3n) {
 margin-right: 0;
}
.gphoto {
 margin-bottom: 0 !important;
}
.gp_info {
 margin-left: 300px;
}
h1.gp_name {
 margin: 0 0 15px;
 padding: 0 0 15px;
 font-size: 18px;
 line-height: 20px;
 border-bottom: 1px solid #f0f0f0;
}
.gp_price_rate {
 margin-bottom: 12px;
}
.gp_price {
 font-size: 20px;
 font-weight: 700;
}
.gp_price s {
 font-size: 14px;
 color: #a7a7a7;
 font-weight: 400;
 padding-left: 3px;
}
.gp_rate {
 float: right;
}
.gp_brief {
 padding-bottom: 15px;
 margin-bottom: 15px;
 border-bottom: 1px solid #f0f0f0;
}
.gp_options {
 padding-bottom: 15px;
 margin-bottom: 15px;
 border-bottom: 1px solid #f0f0f0;
}
.gp_options .shop-options {
 overflow: hidden;
}
.gp_options .shop-options li {
 float: left;
 margin-right: 20px;
}
.gp_options .shop-options:last-child {
 margin-right: 0;
}
.gp_buttons {
 padding-bottom: 15px;
 margin-bottom: 15px;
 border-bottom: 1px solid #f0f0f0;
}
.gp_buttons input[type="text"], .gp_buttons input[type="button"], .gp_buttons .button, .gp_buttons .wish {
 float: left;
 margin-right: 5px;
}
.gp_buttons input[type="text"] {
 text-align: center;
 width: 50px;
 padding-left: 10px;
 padding-right: 10px;
}
.gp_buttons .button {
 padding-left: 15px;
 padding-right: 15px;
}
.gp_buttons .fa-plus, .gp_buttons .fa-minus {
 float: left;
 margin-right: 5px;
 line-height: 36px;
 width: 36px;
 font-size: 10px;
 text-align: center;
 background: #f0f0f0;
 color: #212121;
 cursor: pointer;
 transition: all .3s ease;
}
.gp_buttons .fa-plus:hover, .gp_buttons .fa-minus:hover {
 background: #212121;
 color: #fff;
}
.gp_more li {
 line-height: 26px !important;
}
.gp_more .opt {
 font-weight: 400;
 color: #212121;
 padding-right: 3px;
}
.gp_tabs {
 margin-top: 50px;
 margin-bottom: 50px;
}
.gp_tabs > ul, .gp_tabs > ul > li {
 padding: 0;
 margin: 0;
 list-style: none;
}
.gp_tabs .aTabsHead {
 padding-bottom: 15px;
 border-bottom: 1px solid #f0f0f0;
 margin-bottom: 15px;
 overflow: hidden;
 line-height: 15px;
}

.gp_tabs .aTabsHead > span {
 display: block;
 float: left;
 margin-right: 25px;
 font-weight: 700;
 text-transform: uppercase;
 font-size: 15px;
 cursor: pointer;
 color: #a7a7a7;
}
.gp_tabs .aTabsHead > span.aTabsHeadSpanActive {
 color: #212121;
 cursor: default;
}
.gp_tabs .aTabsHead > span:last-child {
 margin-right: 0;
}
.og {
 margin-bottom: 30px;
}
.og > h4 {
 font-size: 15px;
 line-height: 16px;
 padding-bottom: 15px;
 margin-bottom: 10px;
 border-bottom: 1px solid #f0f0f0;
}
.swchItem, .swchItemA, .pgSwch, .pgSwchA, .swchItem1, .swchItemA1 {
 display: inline-block;
 line-height: 30px;
 padding-left: 10px;
 padding-right: 10px;
 text-align: center;
 min-width: 30px;
 box-sizing: border-box;
 color: #212121;
 font-weight: 500;
 text-transform: uppercase;
 font-size: 12px;
 background: #eee;

}
.swchItemA, .pgSwchA, .swchItemA1 {
 font-weight: 400;
 color: #fff;
}
.swchItemA b, .pgSwchA b, .swchItemA1 b {
 color: #fff;
}
.swchItem:hover, .pgSwch:hover, .swchItem1:hover {
 background: #212121;
 color: #fff;
}
.post-wrap {
 overflow: hidden;
 margin-bottom: 30px;
}
.post-image {
 width: 100%;
 margin-bottom: 15px;
}
.post-title {
 font-size: 18px;
 line-height: 20px;
 margin-bottom: 2px;
}
.post-title a {
 color: #212121;
}
.post-details {
 line-height: 14px;
 font-size: 12px;
 color: #a7a7a7;
 margin-bottom: 15px;
}
.post-details a {
 color: #a7a7a7;
}
.post-message {
 margin-bottom: 15px;
}
.eTag {
 display: inline-block;
 line-height: 36px;
 padding: 0 20px;
 text-transform: lowercase;
 background: #f7f7f7;
 margin-bottom: 6px;
}
.block .eTag {
 background: #eee;
 float: left;
 margin-right: 6px;
}
.eTag:hover {
 color: #fff;
}
.post-tags {
 border-top: 1px solid #eee;
 padding-top: 22px;
}
.post-tags > b {
 font-weight: 400;
 display: block;
 margin-bottom: 5px;
}
.post-tags .eTag {
 float: left;
 margin-right: 6px;
}

.bbQuoteBlock {
 margin: 22px 0;
}
.bbQuoteName {
 font-weight: 400;
 font-size: 11px;
 color: #212121;
 margin: 0 0 2px;
}
.quoteMessage {
 border-left: 3px solid #eee;
 padding: 17px 20px;
 background: #f7f7f7;
 color: #a7a7a7;
 font-style: italic;
}
.ph_cats {
 text-align: center;
}
.ph_cats .catsTable {
 display: inline-block !important;
}
.ph_cats .catsTable * {
 display: block;
}
.ph_cats .catsTable tr {
 display: inline-block;
}
.ph_cats .catNumData {
 display: none !important;
}
.ph_cats a {
 display: block;
 color: #212121;
 text-transform: uppercase;
 font-size: 13px;
 margin: 0 10px;
 padding: 0 10px;
 font-weight: 500;
 border-bottom: 2px solid #f0f0f0;
 line-height: 30px;
}
.photo-list {
 margin: 30px 0;
 padding: 0;
 list-style: none;
}
.photo-wrap {
 padding: 0;
 position: relative;
}
.photo {
 background-size: cover;
 padding-top: 70%;
 overflow: hidden;
}
.photo-more {
 position: absolute;
 top: 0;
 left: 0;
 display: block;
 width: 100%;
 height: 100%;
 text-align: center;
 background: rgba(0, 0, 0, 0.7);
 color: #fff;
 opacity: 0;
}
.photo-more span {
 position: absolute;
 width: 100%;
 top: 50%;
 left: 0;
 margin-top: -23px;
}
.photo-more .fa {
 font-size: 18px;
}
.photo-more b {
 color: #fff;
 text-transform: uppercase;
 display: block;
 font-weight: 700;
 font-size: 13px;
 margin-top: 5px;
}
.photo:hover .photo-more {
 opacity: 1;
}
.pp-image {
 float: left;
 width: 48.717948716%;
 line-height: 0;
 position: relative;
 background: #000;
}
.pp-image img {
 width: 100%;
 border-radius: 2px;
 transition: all .3s ease;
}
a.pp-full {
 display: block;
 position: absolute;
 z-index: 2;
 top: 50%;
 left: 50%;
 font-size: 36px;
 width: 36px;
 height: 36px;
 line-height: 36px;
 opacity: 0;
 margin-top: -18px;
 margin-left: -18px;
}
.pp-image:hover img {
 opacity: 0.5;
}
.pp-image:hover a.pp-full {
 opacity: 1;
}
.pp-info {
 width: 48.717948716%;
 float: right;
}
.pp-name {
 font-size: 18px;
 line-height: 18px;
 padding-bottom: 15px;
 margin-bottom: 15px;
 font-weight: 700;
 letter-spacing: 1px;
}
.pp-name:after {
 left: 0;
 bottom: 0;
}
.pp-descr {
 padding-bottom: 15px;
}
ul.pp-more {
 margin: 0;
 padding: 0;
 list-style: none;
}
ul.pp-more > li {
 padding: 14px 0;
 margin: 0;
 border-bottom: 1px dotted #d8d8d8;
}
ul.pp-more > li:last-child {
 border: none;
}
ul.pp-more > li b {
 display: inline-block;
 min-width: 100px;
 font-weight: 500;
}
.about-list {
 margin: 0;
 padding: 0;
}
.about-list li {
 margin: 8px 0 0 30px;
 padding: 0 0 0 10px;
}
.about-conts {
 padding-top: 30px;
 background: url(/web/20220127132810im_/https://color-area.ru/img/about-pattern.png);
}
.count {
 text-align: center;
}
.count-val {
 font-size: 72px;
 font-weight: 700;
 line-height: 72px;
}
.count h3 {
 margin: 10px 0 0;
 padding: 0;
 font-size: 16px;
 line-height: 16px;
}
.info-blocks {
 padding-top: 50px;
 padding-bottom: 20px;
}
.icon-block {
 overflow: hidden;
}
.google-map iframe {
 width: 100%;
 height: 350px;
}
.gmap-section {
 padding-bottom: 30px;
}
.cinf_mf_field {
 width: 100%;
}
textarea.cinf_mf_field {
 height: 170px;
}
.cinf_mf_send {
 margin-top: 25px;
}
.cinf_mf_send .fa {
 margin-right: 5px;
}


.gTable{background:none;border-spacing:0}
.gTable td{padding:5px 20px}
.gTableTop{line-height:40px;padding:0 20px!important;color:#fff;text-decoration:none;font-size:12px!important;text-transform:uppercase;font-weight:700;letter-spacing:1px;font-family:'Ubuntu';letter-spacing:1px;background:#474747}
.gTableTop a{color:#fff!important;text-decoration:none;font-size:12px;letter-spacing:1px}
.gTableSubTop{padding:5px 10px;font-weight:600;font-size:13px}
.catLink{color:#fff!important;font-size:12px!important;text-transform:uppercase;font-weight:700;letter-spacing:1px;font-family:'Ubuntu';letter-spacing:1px}
.catLink:hover,.gTableTop a:hover{color:#fff!important}
.funcBlock{padding-right:10px}
.forumIcoTd{text-align:center}
.forumIcoTd,.forumNameTd,.forumThreadTd,.forumPostTd,.forumLastPostTd{padding:5px 10px}
.forumThreadTd,.forumPostTd,.threadPostTd,.threadViewTd,.threadAuthTd,.threadIcoTd,.threadNametd,.threadAuthTd,.threadLastPostTd{vertical-align:middle;padding-left:20px}
.forumNameTd{line-height:24px}
.forumNameTd a{font-size:12px;text-transform:uppercase;font-family:'Ubuntu';letter-spacing:1px;font-weight:700}
.forumNamesBar{padding-left:10px!important}
.frmBtns{text-align:right;padding-right:10px}
.legendTd{padding:0 10px}
.threadIcoTd,.threadIcoTd{text-align:center;vertical-align:middle}
.threadsDetails{padding:5px}
.postTdTop{text-align:center;padding:5px}
.postTdInfo{text-align:center}
.posttdMessage{vertical-align:top;padding:5px}
.threadsDetails,.postTdTop{background:none}
.gTable tr{background:none}
.gDivBottomRight{height:50px}
.pagesInfo{padding:0 10px;line-height:24px}
.switchActive{padding:0 10px;color:#fff}
.postBottom{padding:0 20px!important}
#thread_search_form{position:relative;padding-bottom:10px;overflow:hidden}
#thread_search_button{position:absolute;top:0;right:0}
.fNavLink{display:inline-block;margin-bottom:30px}
#forum_filter{text-align:right;padding-bottom:10px;margin-top:-32px}
#forum_filter form{display:inline-block}
#filter_by{display:inline-block;line-height:34px}
.postPreview,#iplus,.ucoz-editor-panel input,.allUsersBtn,.uSearchFlSbm{width:auto!important}
#selectPhotosBtn,#order-button{width:auto!important;height:auto!important}
#thread_search_field{float:left!important;width:165px!important}
.forumIcoTd,.forumNameTd,.forumThreadTd,.forumPostTd,.forumLastPostTd,.forumThreadTd,.forumPostTd,.threadPostTd,.threadViewTd,.threadAuthTd,.threadIcoTd,.threadNametd,.threadAuthTd,.threadLastPostTd,.postTdTop,.postBottom{border-bottom:1px solid #eee}
.postTdTop,.postBottom{border-top:1px solid #eee}
.gTableSubTop,.pagesInfo{background:#f2f2f2}
.gTableSubTop,.gTableSubTop a{color:#212121!important}
.postTdInfo{border-right:1px solid #eee}
.forumNameTd{color:#7a7a7a}
a.forum{color:#212121}
.forumContent a:hover{color:#212121}
.flist-item{padding-top:5px;padding-bottom:5px}
#cont-shop-invoices input,#cont-shop-invoices select{margin:5px 2px!important}
.eTitle{font-size:18px;font-family:'Ubuntu';text-transform:uppercase;letter-spacing:1px;font-weight:700;color:#212121;margin-bottom:15px}
.eTitle a{color:#212121}
.eDetails,.eDetails1,.eDetails2{padding:8px 0;border-top:1px dotted #eee;border-bottom:1px dotted #eee;margin-top:15px}
.eBlock{margin-bottom:30px}
.shop-imgs img{max-width:47%}




.copnevlog {max-width: 283px;float: left;overflow: hidden;}
 .copnevinf {margin-left: 300px;padding: 20px 30px 30px;border-left: 4px solid #FF00EE;}
 .namsitifoot {
 color: #000;
 font-size: 16px;
 font-weight: 500;
 }
 .namsitifoot span {color: #f0e;}
 .sttfoot {overflow: hidden;margin-left: -30px;}
 .sttfoot span {
 background: #f0e;
 color: #FFF;
 padding-left: 40px;
 padding: 7px 15px 7px 30px;
 margin-top: 15px;
 margin-right: 30px;
 display: inline-block;
 float: left;
}

.item {text-align: center; float: left; margin: 17px 10px 0;cursor: help;} 
.num {border: 1px solid; border-radius: 50%;line-height: 30px; height: 30px; width: 30px;margin: auto;text-align: center; font-size:15px;} 
#tnum {border-color: #16a085;color: #16a085;} 
#unum {border-color: #ff00ee;color: #ff00ee;} 
#gnum {border-color: #95a5a6;color: #95a5a6;} 










/* responsive */
@media (min-width: 992px) {
 .menu-icon.fa{display:none}
 nav{float:left;margin-top:40px;position:relative;z-index:100;
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 border-top: 1px solid #d8d8d8;
 padding-top: 30px;
 margin-left: 0;
 box-sizing: border-box;
 padding-left: 60px;
 
 }
 nav .uMenuRoot,nav .uMenuRoot ul{margin:0;padding:0;list-style:none}
 nav .uMenuRoot > li{padding:0;margin:0;float:left;margin-left:30px;position:relative;height:50px}
 nav .uMenuRoot > li:first-hild{margin-left:0}
 nav .uMenuRoot li.uWithSubmenu{position:relative}
 nav .uMenuRoot > li > a{display:block;line-height:16px;padding-bottom:14px;position:relative;overflow:hidden}
 nav .uMenuRoot > li > a.uMenuItemA{color:#212121}
 nav .uMenuRoot > li > a.uMenuItemA:after{content:"";display:block;width:52px;height:3px;/*background-image:url(/web/20220127132810im_/https://color-area.ru/img/line.png);*/background-position:left !important;background-repeat:no-repeat;position:absolute;bottom:0;left:50%;margin-left:-26px}
 nav .uMenuRoot > li > a > .fa{padding-left:5px}
 nav .uMenuRoot > li.uWithSubmenu{position:relative}
 nav .uMenuRoot > li.uWithSubmenu ul{display:block;position:absolute;border:1px solid #d8d8d8;width:200px;box-sizing:border-box;border-radius:2px;box-shadow:0 0 10px rgba(0,0,0,0.1);background-color:#f8f8f8;opacity:0}
 nav .uMenuRoot > li.uWithSubmenu ul li{padding-left:15px;padding-right:15px}
 nav .uMenuRoot > li.uWithSubmenu ul li a{display:block;border-top:1px solid #d8d8d8;padding-top:9px;padding-bottom:9px}
 nav .uMenuRoot > li.uWithSubmenu > ul{transition:opacity .3s ease,top .3s ease;left:-9999px;top:20px}
 nav .uMenuRoot > li.uWithSubmenu ul li:first-child > a{border-top:none}
 nav .uMenuRoot > li.uWithSubmenu > ul li.uWithSubmenu ul{transition:opacity .3s ease,left .3s ease;top:-9999px;left:218px}
 nav .uMenuRoot > li.uWithSubmenu ul li a .fa{float:right;line-height:22px}
 nav .uMenuRoot li.uWithSubmenu:hover > a{color:#212121}
 nav .uMenuRoot li.uWithSubmenu:hover > ul{opacity:1}
 nav .uMenuRoot > li.uWithSubmenu:hover > ul{left:0;top:49px}
 nav .uMenuRoot > li.uWithSubmenu > ul li.uWithSubmenu:hover > ul{left:198px;top:-1px}
}
@media (max-width: 1279px) {
 .cnt{width:auto;margin-left:50px;margin-right:50px}
 #header{position:relative;height:auto;min-height:175px}
 #nav{position:absolute;bottom:0;left:0;width:100%;border-top:1px solid #d8d8d8;padding-top:30px;margin-left:0;box-sizing:border-box;padding-left:50px}
 nav .uMenuRoot > li:first-child{margin-left:0} 
}
@media (max-width: 1169px) {
 .banner-text{padding-left:50px;top:30px}
 .banner-text-discount{margin-top:20px}
 .banner-text-big{font-size:30px;line-height:30px}
 .banner-text-small{font-size:16px;margin-top:0}
 .banner-text-discount{line-height:40px;font-size:24px}
}
@media (max-width: 991px) {
 #content,#sidebar{float:none;width:100%}
 #sidebar{overflow:hidden}
 #content{margin-bottom:50px}
 .block{width:47%;margin-right:5%;float:left}
 .block:nth-child(2n){margin-right:0}
 .block:nth-child(2n+1){clear:left}
 .col4{width:48.717948717949%}
 .col4:nth-child(2n){margin-right:0}
 #slider-body .slide-arrow.fa-angle-left{left:auto!important;right:50px;opacity:1;bottom:0;top:auto!important;margin-top:0}
 #slider-body .slide-arrow.fa-angle-right{right:0!important;opacity:1;bottom:0;top:auto!important;margin-top:0}
 .slide-content-body{padding-left:0}
 .logo{float:none}
 .header-right{float:none;border-top:1px solid #d8d8d8}
 .search{margin-left:0}
 #nav{display:block;border-top:none;position:absolute;top:0;right:50px;left:auto;width:auto}
 ul.uMenuRoot li a { 
color: #FFF; 
}

 div#owl-example { 
top: 0px!important;margin-bottom: -20px!important; 
}
 .menu-icon.fa{ position: relative;z-index: 1000;color:#212121;text-transform:uppercase;font-size:22px;font-weight:500;line-height:14px;display:block;padding-top:13px;cursor:pointer}
 #nav .uMenuV{position:absolute;top:80px;right:0;width:270px;background:#212121;border-radius:3px;padding:10px 20px;display:none;z-index:101}
 #nav .uMenuV ul,#nav .uMenuV ul li{margin:0;padding:0;list-style:none}
 #nav .uMenuRoot > li{border-top:1px solid rgba(255,255,255,0.1);padding:10px 0!important}
 #nav .uMenuRoot > li:first-child{border-top:0}
 #nav .uMenuRoot > li > a{color:#fff;text-transform:uppercase;font-size:13px}
 #nav .uMenuRoot > li.uWithSubmenu > ul{border-top:1px solid rgba(255,255,255,0.1);margin-top:10px;padding-left:20px;padding-top:10px;line-height:30px}
 #nav .uMenuRoot ul li ul{padding-left:20px}
 #nav .uMenuRoot .fa{display:none}
 .footer-info > .cnt > .col2{float:none;width:100%;margin-right:0}
 .footer-soc{padding-bottom:30px}
 .bestsellers-carousel-arrow.fa-angle-left,.bestsellers-carousel-arrow.fa-angle-right{opacity:1!important}
 .bestsellers-carousel-arrow.fa-angle-left{left:30px}
 .bestsellers-carousel-arrow.fa-angle-right{right:30px}
 .banner-text{top:15px;padding-left:15px}
 .banner-text-big{font-size:18px;line-height:18px}
 .banner-text-small{font-size:14px;line-height:14px}
 .banner-text-discount{margin-top:20px;font-size:16px;line-height:30px;font-weight:500;padding:0 15px}
}

@media (max-width: 850px) {
.headtel {display: none;}
}


@media (max-width: 767px) {
 .cnt{margin-right:20px;margin-left:20px}
 #content .list-item{width:48.275862068966%}
 #content .list-item:nth-child(3n){margin-right:3.448275862069%}
 #content .list-item:nth-child(3n+1){clear:none}
 #content .list-item:nth-child(2n){margin-right:0}
 #content .list-item:nth-child(2n+1){clear:left}
 #nav{right:20px}
 #slider-body{height:300px}
 .slide-content{height:300px}
 .sale-text-1{font-size:24px;line-height:24px}
 .sale-text-2{font-size:15px;line-height:15px;margin-bottom:30px}
 .sale-text-percent{font-size:22px;line-height:50px;padding:0 20px}
 .banner-text{width:100%;height:100%;box-sizing:border-box;top:0;padding-top:15px; left: 0!important;}
 .banner-text .button{position:absolute;bottom:6px;right:0}
 #search-form{width:160px}
 .bestsellers-carousel-arrow.fa-angle-left{left:0!important}
 .bestsellers-carousel-arrow.fa-angle-right{right:0!important}
 .gp_images{float:none;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:270px}
 .gp_info{margin-left:0}
 .pp-image,.pp-info{float:none;width:100%}
 .pp-image{margin-bottom:30px}
 .gTableSubTop,.forumIcoTd,.forumThreadTd,.forumPostTd,.forumLastPostTd,.threadIcoTd,.threadAuthTd,.threadLastPostTd,.threadPostTd,.threadViewTd,.threadsDetails,.forumOnlineBar,.legendBlock,.userRights,.fFastNavTd,.fFastSearchTd,.forumNamesBar,#forum_filter,.postTdInfo,.postBottom,#thread_search_form{display:none}
 .gDivLeft{padding-top:10px}
 .postTdTop,.postTable,.posttdMessage{display:block!important;text-align:left;width:auto!important}
 .postUser{font-size:16px;font-weight:#7a7a7a}
 .copnevlog {float:none;}
 .copnevinf {margin:5px;} 
 
}
@media (max-width: 567px) {
 .cnt{margin-right:15px;margin-left:15px}
 #nav{right:15px}
 .do-it{text-align:center}
 .do-it-text{margin-right:0}
 .do-it .button{float:none;margin-bottom:20px}
 #nav .uMenuV{width:220px}
 .search{width:100%}
 .user-profile ul{left:0;right:auto}
 #shop-basket.opened .cart-body{left:-50px;right:auto}
 .banner-text{padding-top:5px;padding-left:5px}
 .banner-text-big{font-size:15px;line-height:15px}
 .banner-text-small{font-size:12px;line-height:12px}
 .banner-text-discount{margin-top:10px;font-size:14px;line-height:24px;padding:0 10px}
 .banner-text .button{line-height:30px;padding:0 15px;font-size:12px}
}
@media (max-width: 460px) {
 .col2,.col3,.col4,#content .list-item,.block,.footer-block{float:none;margin-right:0;width:100%}
 .footer-block{margin-bottom:50px}
 .footer-block:last-child{margin-bottom:0}
 .logo img{max-width:180px}
 #content .list-item-view-mode-list .list-item .item-image{float:none;width:100%;margin-bottom:20px}
 #content .list-item-view-mode-list .list-item .item-info{margin-left:0}
 .gp_buttons > *{margin-bottom:5px}
}

/* go top button */
#go-top{display:block;position:fixed;width:40px;height:40px;line-height:40px;left:15px;bottom:15px;text-align:center;color:#fff;font-size:18px;z-index:99;cursor:pointer;transition:all .3s ease}
#go-top:hover{background:#212121}

/* others */
@media screen and (max-width: 767px) {li.uEntryWrap {width: 50% !important;}}
@media screen and (max-width: 567px) {li.uEntryWrap {width: 100% !important;}}
#cat-add {height: auto; max-height: 100px;}
.u-mpanel, .u-mpanel * {max-width: none !important;}
li[class^='u-star'] a {transition: none !important;}
.uComment {padding: 10px 10px 0 10px; border: 1px solid #d8d8d8 !important;}
.shop-imgs img {max-width: 47%;}
#cont-shop-invoices input, #cont-shop-invoices button {margin-top: 5px; margin-bottom: 5px;}
#invoice_cont, #order-table {overflow-x: auto;margin: 0 0 40px;}
select#cat-add {width: 270px; min-height: 150px;}
.commFl, .fw {width: 99% !important;}
.flist {display: inline-block; padding-bottom: 10px;}
.manTable input[type="text"], .ucoz-forum-post-image-interface input[type="text"] {min-width: 50px;}
#uf-register * {max-width: none !important;}
.pop-up {padding: 20px;}
.pop-up-title {padding-bottom: 20px; border-bottom: 1px solid #eee; margin-bottom: 20px;}
.pop-up-body {overflow: hidden;}
hr {border: none; height: 1px; background: #eee;}
#pagesBlock1 {text-align: left;}
.post-tags .oh {color: #fff;}
.block {overflow: hidden;}
@media screen and (max-width: 567px) {input.queryField {width: 130px !important;display: block;margin-bottom: 5px;margin-left: 2px;}input.searchSbmFl {width: 130px;margin: 0;}}
.max_width { 
padding: 0 50px; 
} 


.owl-carouselot .owl-pagination { 
position: relative; 
padding: 20px 0; 
display: none; 
} 

.bc_otziv { 
max-width: 100%; 
padding: 20px; 
line-height: 24px; 
margin: 10px; 
background: #F7F8F7; 
} 

.bc_otziv_ava { 
width: 40px; 
height: 40px; 
overflow: hidden; 
border-radius: 50%; 
background: #2C3049 ; 
float: left; 
} 

.bc_otziv_ava img { 
width: 40px; 
height: 40px; 
object-fit: cover; 
}


.bc_otziv_usname { 
color: #2C3049 ; 
font-size: 18px; 
font-weight: bold; 
margin-left: 55px; 
padding: 7px 0 0; 

} 

.bc_otziv_text { 
color: #2C3049 ; 
font-size: 16px; 
padding-top: 20px; 
overflow: hidden; 
max-height: 145px; 
} 



.owl-carouselot .owl-prev { 
width: 40px; 
height: 40px; 
background: #FFF url(/web/20220127132810im_/https://color-area.ru/img/str.png); 
position: absolute; 
top: 50%; 
left: -40px; 
margin-top: -40px; 
} 

.owl-carouselot .owl-next { 
width: 40px; 
height: 40px; 
background: #FFF url(/web/20220127132810im_/https://color-area.ru/img/strn.png); 
position: absolute; 
top: 50%; 
right: -40px; 
margin-top: -40px; 
} 

.owl-carouselot .owl-next:hover, .owl-carouselot .owl-prev:hover { 
background-color: rgba(255,0,238,.1); 
} 

.knopkiOtziv { 
text-align: center; 
} 
.knopkiOtziv a { 
display: inline-block; 
padding: 0 15px; 
font-size: 14px; 
line-height: 30px; 
} 

a.ssotzivnev { 
color: #FFF; 
background: #FF00EF; 
} 
a.ssotzivvse { 
color: #898989; 
background: #F7F8F7; 
}



#sidebar ul li { 
position: relative; 
clear: both; 
} 
#sidebar ul li a { 
padding: 5px; 
display: inline-block; 
font-size: 12px; 
color: #434343; 
} 
#sidebar ul li a:hover {color: #000;} 
#sidebar ul li b { 
display: inline-block; 
color: #ff00ef; 
font-size: 11px; 
 float: right;
 line-height: 32px;
 margin-right: 5px;
} 



.sitimenu {
 background: #f7f7f7;
 padding: 5px 10px;
}


#sidebar ul.cat-tree { 
display: none; 
} 
#sidebar ul li>ul.cat-tree, #sidebar ul li>ul.cat-tree li>ul.cat-tree {padding: 0!important; background:rgba(0,0,0,.03);}

#sidebar ul li i, u.plus, u.minus { 
display: inline-block; 
width: 15px; 
height: 15px; 
color: #FFF; 
position: relative; 
background: #ff00ef url("/web/20220127132810im_/https://color-area.ru/img/2.png"); 
border-radius: 50%; 
margin: 8px 5px 0 12px; 
float: left; 
} 
#sidebar ul li i {background: #999;} 

u.minus {background: #000 url("/web/20220127132810im_/https://color-area.ru/img/3.png");}

.owl-carouselotglav .owl-prev { 
width: 40px; 
height: 40px; 
background: url("/web/20220127132810im_/https://color-area.ru/img/str.png"); 
background-color: rgba(0,0,0,.5); 
position: absolute; 
top: 50%; 
left: 40px; 
margin-top: -40px; 
} 

.owl-carouselotglav .owl-next { 
width: 40px; 
height: 40px; 
background: url("/web/20220127132810im_/https://color-area.ru/img/strn.png"); 
background-color: rgba(0,0,0,.5); 
position: absolute; 
top: 50%; 
right: 40px; 
margin-top: -40px; 
} 

.owl-carouselotglav .owl-next:hover, .owl-carouselotglav .owl-prev:hover { 
background-color: rgba(0,0,0,.8); 
} 

.owl-carouselotglav .owl-pagination { 
display: none; 
} 


.slidimg img{ 
max-width: 100%; 
height: auto; 
}
#owl-example .owl-item { padding: 0; }



.privetBconas {position: relative;padding: 0 20px;}
img.onasuznam {
 position: absolute;
 right: 0;
 top: 0;
 z-index: 1;
}
h1.onash1 {
 display: block;
 font-size: 2em;
 padding: 50px 0 20px;
 position: relative;
 z-index: 2;
 text-transform: uppercase;
 line-height: initial;
}
h1.onash1 span {color: #FF00EF;}


.onash2 {
 font-size: 2em;
 font-style: normal;
 font-weight: 100;
 display: block;
 margin: 60px auto;
 max-width: 800px;
 text-transform: uppercase;
 position: relative;
 line-height: initial;
}

.onash2 a {
 background: #ff00ef;
 color: #FFF;
 font-size: 14px;
 display: inline-block;
 padding: 7px 20px;
 border-radius: 5px;
 margin: 40px 0 0px;
}
.onash2 a:hover {background: #000;}
.onasiml {left: -180px;top: -10px;position: absolute;}
.onasimr {top:90px; right: -170px;position: absolute;}

.onasserbc {background: #F4F4F4;padding: 30px 20px;}
.onasserbc .onash1 {font-weight: 100;margin: 0 0 30px;font-size: 2.2em}


.onasbcleft {width: calc(100% - 430px);float: left;}
.onasbcleft p {
 display: block;
 padding: 0 0 30px;
 font-size: 1.35em;
 text-transform: uppercase;
 font-weight: 100; 
 font-family: 'Ubuntu';
 line-height: 30px;
}

.onasbcleft p span {color: #FF00EF;}
.onasbcright {float: right;padding: 20px 0;}




.onasimbc {background: url("/web/20220127132810im_/https://color-area.ru/img/onaspart.png")no-repeat;background-size: cover;padding: 20px;}
.onasimbc .onash1 {font-size: 2.3em;margin: 0 0 20px;}
.onbcnum {
 padding: 10px 0;
}
.onbcnuml {
 width: 40px;
 height: 40px;
 border-radius: 50%;
 background: #FF00EF;
 color: #FFF;
 font-size: 22px;
 line-height: 40px;
 text-align: center;
 float: left;
}

.onbcnumr {
 margin-left: 70px;
 font-size: 15px;
 max-width: 700px;
 text-transform: uppercase;
 line-height: 24px;
}
.onbcnumr span {color: #FF00EF;}


.onasotzivbc {
 padding: 20px;
}

.onasotzivbc a.ssotzivnev {margin: 20px 0;}


.onaskontakt h1.onash1 {
 font-weight: 100;
}
.onaskontakt h1.onash1 a {color: #FF00EF;font-size: 1em;text-decoration: underline;}
.onaskontakt h1.onash1 a:hover {color: #000}




.lonas {
 width: 50%;
 overflow: hidden;
 float: left;
 padding: 30px 0px 50px;
}
.lonasava {
 width: 70px;
 height: 70px;
 overflow: hidden;
 border-radius: 50%;
 float: left;
}
.lonas span {
 display: block;
 margin-left: 90px;
 padding: 10px 10px 10px 0;
}
.lonas a span b {
 display: block;
 font-size: 24px;
}
.lonas a span {font-size: 15px;color: #434343;}

#clr{clear:both}
@media (max-width: 900px) {
 .onasbcleft {width: 100%;float: none;}
.onasbcright {float: none;}
.onasbcright img {max-width: 100%;}
}

@media (max-width: 700px) {
 .lonas {width: 100%;}
}




.bc_tk {
 margin: 40px 0 0;
 border-bottom: 1px solid #f1f1f1;
 padding: 0 0 30px;
}
.bc_tk p {
 display: block;
 font-size: 15px;
 line-height: 22px;
 color: #434343;
 padding: 20px 0;
}
.bc_tk p span {color: #FF00EF;}

.knopkitk {padding: 10px 0;}
.knopkitk a {
 display: inline-block;
 padding: 7px 20px;
 margin-right: 20px;
 color: #FFF;
 font-size: 15px;
 background: #000;
}
.knopkitk a.ss {background:#FF00EF;}

.onasserbc img {max-width: 100%;}


 .bcVidnewsv {
 padding: 20px;
 margin: 0 0 20px;
 border-bottom: 1px solid #f1f1f1;
 }
 

 .bcVidnewsimgv {
 width: 200px;
 height: 120px;
 overflow: hidden;
 float: left;
 }

 .bcVidnewsimgv img {
 width: 200px;
 height: 120px;
 object-fit: cover;
 }

 .bcVidnewstextv {
 margin-left: 220px;
 }

 .bcVidnewstextv a {
 display: block;
 font-size: 1.6em;
 color: #333;
 padding: 10px 0;
 }
 .bcVidnewsv a:hover { color: #FF00EE;}
 .bcVidnewstextv span {
 max-height: 70px;
 display: block;
 overflow: hidden;
}



 .bcVidnews {
 padding: 20px;
 margin: 0 0 20px;
 border-bottom: 1px solid #f1f1f1;
 }
 

 .bcVidnewsimg {
 max-width: 100%;
 }

 .bcVidnewsimg img {
 object-fit: cover;
 }

 .bcVidnewstext a {
 display: block;
 font-size: 1.6em;
 color: #333;
 padding: 10px 0;
 }
 .bcVidnews a:hover { color: #FF00EE;}



 .bcVidnewsvi {
 padding: 10px;
 margin: 0 0 10px;
 border-bottom: 1px solid #f1f1f1;
 }
 

 .bcVidnewsimgvi {
 width: 40px;
 height: 40px;
 overflow: hidden;
 float: left;
 }

 .bcVidnewsimgvi img {
 width: 40px;
 height: 40px;
 object-fit: cover;
 }

 .bcVidnewstextvi {
 margin-left: 60px;
 max-height: 40px;
 overflow: hidden;
 }

 .bcVidnewstextvi a {
 display: block;
 font-size: 1.3em;
 color: #333;
 line-height: 18px;
 }
 .bcVidnewsvi a:hover { color: #FF00EE;}
 .bcVidnewstextvi span {
 max-height: 22px;
 display: block;
 overflow: hidden;
 font-size: 11px;
}

a.ihfnewsbc {
 color: #f0e;
 border-bottom: 1px solid #d8d8d8;
 padding: 0 5px 5px;}
a.ihfnewsbc:hover {
 border-bottom: 1px solid #f0e;}
/*
     FILE ARCHIVED ON 13:28:10 Jan 27, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 22:40:35 Aug 26, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 218.873
  exclusion.robots: 0.102
  exclusion.robots.policy: 0.093
  RedisCDXSource: 0.619
  esindex: 0.009
  LoadShardBlock: 198.374 (3)
  PetaboxLoader3.datanode: 225.582 (5)
  CDXLines.iter: 16.642 (3)
  PetaboxLoader3.resolve: 98.494 (3)
  load_resource: 142.014 (2)
*/