@font-face {
    font-family: 'Raleway';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/Raleway-Regular.woff') format('woff'), url('../fonts/Raleway-Regular.ttf') format('truetype')
}

@font-face {
    font-family: 'Raleway';
    font-weight: 500;
    font-style: normal;
    src: url('../fonts/Raleway-Medium.woff') format('woff'), url('../fonts/Raleway-Medium.ttf') format('truetype')
}

@font-face {
    font-family: 'Raleway';
    font-weight: 700;
    font-style: normal;
    src: url('../fonts/Raleway-Bold.woff') format('woff'), url('../fonts/Raleway-Bold.ttf') format('truetype')
}

@font-face {
    font-family: 'Raleway';
    font-weight: 800;
    font-style: normal;
    src: url('../fonts/Raleway-ExtraBold.woff') format('woff'), url('../fonts/Raleway-ExtraBold.ttf') format('truetype')
}

@font-face {
    font-family: 'Raleway';
    font-weight: 900;
    font-style: normal;
    src: url('../fonts/Raleway-Black.woff') format('woff'), url('../fonts/Raleway-Black.ttf') format('truetype')
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

img {
    border: 0
}

textarea {
    overflow: auto
}

input,
textarea,
input:active,
textarea:active {
    outline: none transparent !important;
    box-shadow: none;
    -moz-outline: none !important
}

input[type=submit],
button[type=submit],
input[type=reset],
button[type=reset] {
    -webkit-border-radius: 0;
    -webkit-appearance: none
}

:focus {
    outline: 0
}

.clear {
    clear: both
}

.left {
    float: left
}

.right {
    float: right
}

html {
    height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body {
    height: 100%;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none
}

.wrap {
    display: flex;
    flex-direction: column;
    height: 100%
}

.main_content {
    flex: 1 0 auto
}

.cont {
    position: relative;
    width: 100%;
    max-width: 1130px;
    margin: 0 auto;
    padding: 0 15px
}

.breadcrumbs {
    color: #5c5c5c;
    font: 14px Raleway;
    margin-bottom: 15px
}

.breadcrumbs .sep {
    margin: 0 5px
}

.breadcrumbs a {
    color: #008ec4
}

.breadcrumbs a:hover {
    text-decoration: none
}

.page_title {
    color: #000;
    font: 800 30px 'Open Sans';
    margin-bottom: 25px;
    text-transform: none
}

.page_desc {
    padding-bottom: 10px
}

header {
    margin-bottom: 21px;
    background: #282828
}

header .top {
    padding: 10px 0;
    background: #008ec4
}

header .top .cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap
}

header .city {
    margin-right: 22px
}

header .city select {
    display: none
}

header .city .nice-select {
    position: relative;
    display: block;
    width: 100%
}

header .city .nice-select .current {
    color: #fff;
    font: 700 16px/18px Scada;
    position: relative;
    display: block;
    width: 100%;
    cursor: pointer;
    transition: border-color .2s linear;
    white-space: nowrap;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px dotted #fff
}

header .city .nice-select .current:after {
    position: absolute;
    top: 50%;
    right: -9px;
    display: block;
    width: 6px;
    height: 3px;
    margin-top: -1px;
    content: '';
    border-top: 3px solid #9ee6f6;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent
}

header .city .nice-select .current:hover {
    border-color: transparent
}

header .city .nice-select .list {
    position: absolute;
    z-index: 9;
    left: -15px;
    display: none;
    overflow: auto;
    min-width: 100%;
    max-height: 240px;
    margin-top: 1px;
    padding: 10px 15px;
    background: #008ec4
}

header .city .nice-select.open .list {
    display: block
}

header .city .nice-select .list li {
    color: #fff;
    font: 700 14px/28px Scada;
    display: block;
    list-style: none;
    cursor: pointer;
    white-space: nowrap
}

header .city .nice-select .list li:empty {
    display: none
}

header .city .nice-select .list li:hover {
    text-decoration: underline
}

header .phones {
    color: #fff;
    font: 700 14px Scada;
    margin-right: 15px;
    white-space: nowrap
}

header .callback_link {
    color: #fff;
    font: 12px/23px Scada;
    display: block;
    height: 25px;
    margin-right: 10px;
    padding: 0 12px;
    transition: .2s linear;
    white-space: nowrap;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid
}

header .callback_link:hover {
    color: #008ec4;
    border-color: #fff;
    background: #fff
}

header .time {
    color: #fff;
    font: 12px Scada;
    margin-right: 30px;
    white-space: nowrap
}

header .search {
    width: 100%
}

header .search ::-webkit-input-placeholder {
    color: #535353
}

header .search ::-moz-placeholder {
    color: #535353
}

header .search :-moz-placeholder {
    color: #535353
}

header .search :-ms-input-placeholder {
    color: #535353
}

header .socials {
    display: flex;
    margin-left: 10px;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap
}

header .socials a {
    display: block
}

header .socials a+a {
    margin-left: 8px
}

header .socials img {
    display: block;
    width: 25px
}

header .langs {
    display: flex;
    margin-left: 13px;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap
}

header .langs a {
    color: #fff;
    font: 700 13px/28px Scada;
    display: block;
    height: 26px;
    padding: 0 4px;
    transition: background .2s linear;
    white-space: nowrap;
    text-decoration: none;
    text-transform: uppercase
}

header .langs a img {
    position: relative;
    top: -1px;
    display: inline-block;
    margin-right: 4px;
    vertical-align: middle
}

header .langs a:hover,
header .langs a.active {
    background: #017caa
}

header .info {
    padding: 6px 0 5px
}

header .info .cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap
}

header .logo a,
header .logo img {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

header .mob_menu_link {
    display: none;
    width: 60px;
    height: 51px;
    margin-right: 15px;
    margin-left: auto;
    padding: 15px
}

header .mob_menu_link span {
    position: relative;
    display: block;
    width: 30px;
    height: 3px;
    margin: 0 auto;
    transition: .2s linear;
    background: #fff
}

header .mob_menu_link span+span {
    margin-top: 6px
}

header .mob_menu_link.active span:nth-child(2) {
    opacity: 0
}

header .mob_menu_link.active span:nth-child(1) {
    top: 9px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

header .mob_menu_link.active span:nth-child(3) {
    top: -9px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

header .menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap
}

header .menu a {
    color: #fff;
    font: 700 12px/37px Raleway;
    display: block;
    height: 35px;
    padding: 0 15px;
    transition: .2s linear;
    text-decoration: none;
    text-transform: uppercase
}

header .menu a:hover,
header .menu a.active {
    background: #008ec4
}

header .cart_link {
    display: block;
    width: 37px;
    height: 35px;
    transition: background-color .2s linear;
    background: #008ec4 url(../images/ic_cart_link.png) 50% 50% no-repeat
}

header .cart_link:hover {
    background-color: #da1515
}

aside {
    width: 254px;
    padding-bottom: 10px
}

aside .block_title {
    color: #000;
    font: 800 24px Raleway;
    margin-bottom: 15px;
    text-transform: uppercase
}

aside *+.block_title {
    margin-top: 20px
}

aside .cats {
    margin-bottom: 14px;
    padding: 15px 20px;
    background: #f3f3f3
}

aside .cats .block_title {
    margin-bottom: 8px
}

aside .cats .level1 {
    width: calc(1005+40px);
    margin: 0 -20px
}

aside .cats .level1>li {
    display: block;
    list-style-type: none
}

aside .cats .level1>li>a {
    color: #000;
    font: 14px/20px Raleway;
    position: relative;
    display: block;
    padding: 6px 20px;
    transition: background .2s linear;
    text-decoration: none
}

aside .cats .level1>li>a.sub_link {
    padding-right: 40px
}

aside .cats .level1>li>a.sub_link:after {
    color: #000;
    font: 30px/30px Raleway;
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 40px;
    margin-top: -15px;
    content: '+';
    text-align: center
}

aside .cats .level1>li>a:hover,
aside .cats .level1>li>a.active {
    background: #eee
}

aside .cats .level1>li>a.active.sub_link:after {
    content: '-'
}

aside .cats .sub_cats {
    display: none;
    padding: 15px 0 25px
}

aside .cats .sub_cats li {
    display: block;
    list-style-type: none
}

aside .cats .sub_cats li+li {
    margin-top: 10px
}

aside .cats .sub_cats li a {
    color: #0085be;
    font: 12px Raleway;
    display: block;
    padding: 0 30px 0 35px;
    text-decoration: none
}

aside .cats .sub_cats li a:hover {
    text-decoration: underline
}

aside .calc_link {
    color: #fff;
    font: 800 18px Raleway;
    display: flex;
    width: 100%;
    min-height: 64px;
    margin-bottom: 14px;
    padding: 15px 15px 15px 64px;
    text-decoration: none;
    text-transform: uppercase;
    background: #282828 url(../images/ic_calc_link.png) 14px 50% no-repeat;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap
}

aside .calc_link small {
    font-size: 10px;
    font-weight: normal;
    display: block;
    width: 100%;
    text-transform: none
}

aside .exchange_rates {
    margin-bottom: 27px
}

aside .exchange_rates img {
    display: block;
    width: 100%
}

aside .subscribe {
    margin-bottom: 30px;
    padding: 20px 25px 23px;
    background: #f3f3f3
}

aside .subscribe .desc {
    color: #535353;
    font: 14px Raleway;
    margin-bottom: 15px
}

aside .subscribe form .line {
    margin-bottom: 10px
}

aside .subscribe form .input {
    color: #000;
    font: 14px Raleway;
    display: block;
    width: 100%;
    height: 43px;
    padding: 0 21px;
    border: 0;
    background: #fff
}

aside .subscribe form ::-webkit-input-placeholder {
    color: #959595
}

aside .subscribe form ::-moz-placeholder {
    color: #959595
}

aside .subscribe form :-moz-placeholder {
    color: #959595
}

aside .subscribe form :-ms-input-placeholder {
    color: #959595
}

aside .subscribe form .submit_btn {
    color: #fff;
    font: 700 14px/45px Raleway;
    display: inline-block;
    width: 100%;
    height: 43px;
    cursor: pointer;
    transition: background .2s linear;
    vertical-align: top;
    text-transform: uppercase;
    border: 0;
    background: #282828
}

aside .subscribe form .submit_btn:hover {
    background: #000
}

aside .articles {
    margin-bottom: 30px
}

aside .articles .block_title {
    margin-bottom: 20px
}

aside .articles .all_link {
    color: #000;
    font: 700 12px/29px Raleway;
    display: block;
    margin-bottom: 20px;
    text-transform: uppercase
}

aside .articles .all_link:hover {
    text-decoration: none
}

aside .articles .slide {
    display: none
}

aside .articles .slider .slide:first-child,
aside .articles .owl-loaded .slide {
    display: block
}

aside .articles .item {
    color: #010101;
    font: 12px/18px Raleway;
    border: 1px solid #d9d9d9;
    background: #fff
}

aside .articles .item .thumb {
    position: relative;
    width: calc(100%+2px);
    margin: 0 -1px
}

aside .articles .item .thumb a,
aside .articles .item .thumb img {
    display: block;
    width: 100%
}

aside .articles .item .date {
    color: #fff;
    font: 700 14px/35px Scada;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 35px;
    padding: 0 12px;
    background: #282828
}

aside .articles .item .info {
    padding: 22px
}

aside .articles .item .name {
    margin-bottom: 13px
}

aside .articles .item .name a {
    color: #000;
    font: 900 14px Raleway;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase
}

aside .articles .item .name a:hover {
    text-decoration: underline
}

aside .articles .item .details {
    color: #0085be;
    font: 700 12px Raleway;
    display: inline-block;
    margin-top: 13px;
    vertical-align: top
}

aside .articles .item .details:hover {
    text-decoration: none
}

.content {
    width: calc(100% - 267px);
    padding-bottom: 10px
}

.content.mini {
    width: calc(100% - 284px)
}

.main_slider {
    width: calc(66.666% - 7px);
    margin-bottom: 17px
}

.main_slider .slide {
    display: none;
    height: 385px;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: cover
}

.main_slider .slider .slide:first-child,
.main_slider .owl-loaded .slide {
    display: block
}

.main_slider .slide .info {
    color: #000;
    font: 14px Raleway;
    padding: 36px
}

.main_slider .slide .title {
    font: 800 36px Raleway;
    margin-bottom: 5px;
    text-transform: uppercase
}

.main_slider .slide .title b {
    color: #008ec4;
    font-size: 53px;
    font-weight: 800;
    line-height: 47px
}

.main_slider .slide .link {
    color: #fff;
    font: 800 14px/39px Raleway;
    display: inline-block;
    height: 37px;
    margin-top: 15px;
    padding: 0 22px;
    transition: background .2s linear;
    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase;
    background: #000
}

.main_slider .slide .link:hover {
    background: #da1515
}

.content .sale_link {
    color: #fff;
    display: block;
    width: calc(33.333% - 6px);
    height: 385px;
    margin-bottom: 17px;
    text-align: center;
    text-decoration: none;
    background: #008ec4
}

.content .sale_link .percent {
    font: 700 320px/300px Roboto
}

.cats_wall {
    margin-bottom: 45px;
    padding: 35px 50px;
    background: #eee
}

.cats_wall .title {
    color: #000;
    font: 800 30px Raleway;
    margin-bottom: 8px;
    text-align: center;
    text-transform: uppercase
}

.cats_wall .desc {
    color: #5c5c5c;
    font: 14px Raleway;
    width: 525px;
    max-width: 100%;
    margin: 0 auto 30px;
    text-align: center
}

.cats_wall .grid {
    display: flex;
    margin-left: -20px;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap
}

.cats_wall .item_wrap {
    width: 50%
}

.cats_wall .item {
    position: relative;
    margin-left: 20px
}

.cats_wall .item .main {
    color: #000;
    font: 900 14px 'Open Sans';
    position: relative;
    z-index: 9;
    display: flex;
    text-decoration: none;
    text-transform: uppercase;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap
}

.cats_wall .item .main .icon {
    display: flex;
    width: 150px;
    height: 138px;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap
}

.cats_wall .item .main .icon img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.cats_wall .item .main .name {
    width: calc(100% - 150px);
    padding-right: 15px
}

.cats_wall .item .main .link {
    color: #fff;
    font: 800 10px/35px Raleway;
    display: none;
    height: 32px;
    margin-top: 13px;
    padding: 0 16px;
    transition: background .2s linear;
    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase;
    background: #008ec4
}

.cats_wall .item .main .link:hover {
    background: #da1515
}

.cats_wall .item .sub_cats {
    position: absolute;
    z-index: 97;
    top: 0;
    left: -50px;
    display: none;
    padding: 135px 32px 32px 32px;
    border-left: 3px solid #000;
    background: rgba(247, 247, 247);
    box-shadow: 0 0 16px rgba(0, 0, 0, .11)
}

.cats_wall .item_wrap:nth-child(2n) .item .sub_cats {
    right: -50px;
    left: auto
}

.cats_wall .item:hover .sub_cats {
    display: block
}

.cats_wall .item .sub_cats div+div {
    margin-top: 15px
}

.cats_wall .item .sub_cats a {
    color: #008ec4;
    font: 500 14px Raleway;
    display: inline-block;
    vertical-align: top;
    text-decoration: none
}

.cats_wall .item .sub_cats a:hover {
    text-decoration: underline
}

.cats_wall .item:hover .main {
    z-index: 98
}

.cats_wall .item .main:hover .name {
    text-decoration: underline
}

.cats_wall .item:hover .main .link {
    display: inline-block
}

.cats_wall2 {
    margin-bottom: 0 !important;
    padding: 0 !important;
    background: none !important
}

.cats_wall2 .grid {
    margin-left: 0
}

.cats_wall2 .item_wrap {
    width: 50%;
    margin-bottom: 17px
}

.cats_wall2 .item {
    margin-left: 15px
}

.cats_wall2 .item .main {
    background: #eee
}

.cats_wall2 .item .main .icon {
    height: 175px
}

.cats_wall2 .item:hover .main.with_sub {
    background: 0
}

.cats_wall2 .item .sub_cats {
    left: 0;
    padding: 175px 25px 25px 25px;
    background: rgba(238, 238, 238, .83)
}

.products {
    margin-bottom: 30px
}

.products .block_title {
    color: #000;
    font: 800 18px Raleway;
    margin-bottom: 15px
}

.products .block_title.big {
    font-size: 30px;
    margin-bottom: 20px
}

.products .slider {
    width: calc(100%+12px);
    margin: 0 -6px -35px;
    pointer-events: none
}

.products .slide {
    display: none
}

.products .owl-loaded .slide {
    display: block
}

.products .slide .product {
    margin: 15px 6px 45px;
    pointer-events: auto
}

.products .slide .product:hover {
    margin-bottom: -4px
}

.products .grid {
    display: flex;
    margin-left: -10px;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap
}

.products .item_wrap {
    width: 25%;
    margin-bottom: 21px
}

.products .grid .product {
    margin-left: 10px
}

.products .product {
    position: relative;
    z-index: 9;
    padding: 12px;
    border: 1px solid #d9d9d9;
    background: #fff
}

.products .product .discount {
    color: #fff;
    font: 700 14px/20px Raleway;
    position: absolute;
    z-index: 99;
    top: -1px;
    right: 0px;
    padding: 0 9px;
    text-transform: uppercase;
    background: #da1515
}

.products .product .thumb {
    margin-bottom: 12px
}

.products .product .thumb a {
    display: flex;
    height: 130px;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap
}

.products .product .thumb img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.products .product .name {
    margin-bottom: 5px
}

.products .product .name a {
    min-height: 76px;
    color: #008dc3;
    font: 700 14px 'Open Sans';
    display: inline-block;
    vertical-align: top;
    text-decoration: none
}

.products .product .name a:hover {
    text-decoration: underline
}

.products .product .features {
    color: #000;
    font: 10px/15px 'Open Sans';
    margin-bottom: 10px
}

.products .product .features .line {
    display: block
}

.products .product .features .line+.line {
    margin-top: 3px
}

.products .product select {
    display: none
}

.products .product .nice-select {
    position: relative;
    display: inline-block;
    width: 74px;
    margin-left: 6px;
    vertical-align: top
}

.products .product select.big+.nice-select {
    width: 80px
}

.products .product .nice-select .current {
    color: #000;
    font: 10px/17px Raleway;
    position: relative;
    display: block;
    overflow: hidden;
    height: 19px;
    padding: 0 17px 0 7px;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
    border: 1px solid #ededed;
    background: #fff
}

.products .product .nice-select .current:after {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 6px;
    display: block;
    width: 6px;
    height: 3px;
    margin-top: -2px;
    content: '';
    border-top: 3px solid #000;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent
}

.products .product .nice-select .list {
    position: absolute;
    z-index: 9;
    left: 0;
    display: none;
    width: 100%;
    margin-top: 1px;
    border: 1px solid #ededed;
    background: #fff
}

.products .product .nice-select.open .list {
    display: block
}

.products .product .nice-select .list li {
    color: #000;
    font: 10px/17px Raleway;
    display: block;
    padding: 0 7px;
    list-style: none;
    cursor: pointer;
    transition: background .2s linear
}

.products .product .nice-select .list li:empty {
    display: none
}

.products .product .nice-select .list li:hover {
    background: #ededed
}

.products .product .buy {
    display: flex;
    padding-top: 6px;
    border-top: 1px solid #ededed;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap
}

.products .product .price {
    color: #000;
    font: 700 24px/32px Scada;
    text-transform: uppercase
}

.products .product .price .new {
    color: #da1515;
    font-size: 20px;
    line-height: 20px
}

.products .product .price .old {
    font-size: 14px;
    line-height: 12px;
    text-decoration: line-through
}

.products .product .amount {
    position: relative;
    width: 77px;
    padding: 4px 0
}

.products .product .amount .input {
    color: #555;
    font: 12px Scada;
    display: block;
    width: 100%;
    height: 24px;
    padding: 0 17px;
    text-align: center;
    border: 1px solid #ededed;
    background: #fff
}

.products .product .amount a {
    color: #555;
    font: 12px/24px Scada;
    position: absolute;
    top: 4px;
    left: 0;
    width: 18px;
    height: 24px;
    text-align: center;
    text-decoration: none
}

.products .product .amount a.plus,
.products .product .amount a.basket_plus {
    right: 0;
    left: auto
}

.products .product .buy_link.products .product .add_cart {
    color: #fff;
    font: 700 12px/37px Raleway;
    display: block;
    width: 100%;
    height: 35px;
    margin-top: 15px;
    padding: 0 15px;
    transition: background .2s linear;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background: #008ec4
}

.products .product .buy_link img,
.products .product .add_cart img {
    position: relative;
    top: -1px;
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle
}

.products .product .buy_link:hover,
.products .product .add_cart:hover {
    background: #da1515
}

.products .product .quike_buy {
    color: #fff;
    font: 700 12px/37px Raleway;
    display: none;
    width: 100%;
    height: 35px;
    margin-top: 5px;
    padding: 0 15px;
    transition: background .2s linear;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background: #282828
}

.products .product .quike_buy:hover {
    background: #626262
}

.products .product:hover {
    z-index: 10;
    top: -8px;
    padding-top: 20px;
    border-color: #0085be;
    box-shadow: 0 0 0 1px #0085be, 0 0 7px rgba(0, 0, 0, .12)
}

.products .product:hover .discount {
    top: -2px
}

.products .product:hover .quike_buy {
    display: block
}

.products .all {
    text-align: right
}

.products .all a {
    color: #000;
    font: 700 12px/29px Raleway;
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase
}

.products .all a:hover {
    text-decoration: none
}

.products .tabs_container {
    position: relative;
    text-align: center
}

.products .tabs_container:before {
    position: absolute;
    z-index: 1;
    top: 13px;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    content: '';
    border-bottom: 1px dotted #000
}

.products .tabs {
    position: relative;
    z-index: 2;
    display: inline-block;
    margin-bottom: 10px;
    padding: 0 70px;
    vertical-align: top;
    background: #fff
}

.products .tabs li {
    display: inline-block;
    list-style-type: none;
    cursor: pointer;
    vertical-align: top
}

.products .tabs li+li {
    margin-left: 16px
}

.products .tabs li a {
    color: #008dc3;
    font: 800 20px Raleway;
    display: block;
    padding-bottom: 5px;
    transition: .2s linear;
    text-decoration: none;
    border-bottom: 2px solid transparent
}

.products .tabs li:hover a {
    color: #000
}

.products .tabs li.active a {
    color: #000;
    border-color: #008dc3
}

.products .tab_content {
    display: none;
    text-align: left
}

.about_block {
    position: relative;
    z-index: 9;
    padding: 40px 45px;
    background: #f8f8f8
}

.about_block .text_block *+.block_title {
    margin-top: 0
}

.about_block .text_block img.right {
    margin: 24px 16px 0 45px
}

.about_block .text_block img.left {
    margin: 24px 45px 0 16px
}

.text_block {
    color: #010101;
    font: 14px/24px Raleway
}

.text_block .block_title,
.text_block h1 {
    color: #000;
    font: 800 30px Raleway;
    margin-bottom: 20px;
    text-transform: uppercase
}

.text_block *+.block_title {
    margin-top: 30px
}

.text_block h4 {
    color: #000;
    font: 800 18px Raleway;
    margin-bottom: 15px
}

.text_block p,
.text_block img,
.text_block iframe,
.text_block ul,
.text_block ol,
.text_block blockquote,
.text_block hr,
.text_block table,
.text_block figure {
    margin-bottom: 20px
}

.text_block img,
.text_block iframe {
    display: block;
    max-width: 100%;
    margin: 0 auto 20px
}

.text_block img.left {
    max-width: calc(50% - 45px);
    margin-right: 30px
}

.text_block img.right {
    max-width: calc(50% - 45px);
    margin-left: 30px
}

.text_block ul li {
    position: relative;
    padding-left: 20px;
    list-style-type: none
}

.text_block ul li+li {
    margin-top: 5px
}

.text_block ul li:before {
    position: absolute;
    top: 7px;
    left: 0;
    display: block;
    width: 9px;
    height: 9px;
    content: '';
    background: #008ec4
}

.text_block .noty {
    color: #008ec4;
    font: 700 14px Raleway;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
    border: 3px solid #008ec4
}

.text_block a {
    color: #008dc3
}

.text_block a:hover {
    text-decoration: none
}

.text_block .details {
    color: #fff;
    font: 800 14px/39px Raleway;
    display: inline-block;
    height: 37px;
    padding: 0 22px;
    transition: background .2s linear;
    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase;
    background: #008ec4
}

.text_block .details:hover {
    background: #da1515
}

.text_block .resume_link {
    color: #fff;
    font: 700 14px/66px Raleway;
    display: inline-block;
    height: 64px;
    padding: 0 44px;
    transition: background .2s linear;
    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase;
    background: #282828
}

.text_block .resume_link:hover {
    background: #626262
}

.text_block .dark_link {
    color: #fff;
    font: 700 14px/66px Raleway;
    display: inline-block;
    height: 64px;
    padding: 0 44px;
    transition: background .2s linear;
    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase;
    background: #282828
}

.text_block .dark_link+.dark_link {
    margin-left: 8px
}

.text_block .dark_link:hover {
    background: #626262
}

.text_block .back_link {
    color: #008ec4;
    font: 14px/39px Raleway;
    display: inline-block;
    height: 41px;
    margin-top: 10px;
    padding: 0 31px;
    transition: .2s linear;
    vertical-align: top;
    border: 1px solid #008ec4
}

.text_block .back_link:hover {
    color: #fff;
    text-decoration: none;
    background: #008ec4
}

.order_block {
    position: relative;
    z-index: 5;
    margin-top: -315px;
    padding: 377px 0 86px;
    background: #284c69 url(../images/bg_order_block.jpg) 50% 50% no-repeat;
    background-size: cover;
    box-shadow: 0 14px 16px rgba(0, 0, 0, .09)
}

.order_block.mini {
    margin-top: 0;
    padding: 86px 0
}

.bottom_text {
    padding: 60px 0
}

.content .bottom_text {
    padding: 30px 0
}

.content .pagination+.bottom_text {
    padding: 50px 0 30px
}

.form .line {
    margin-bottom: 14px
}

.form .field {
    position: relative
}

.form .input {
    color: #535353;
    font: 14px Raleway;
    display: block;
    width: 100%;
    height: 43px;
    padding: 0 22px;
    border: 0;
    background: #fff
}

.form textarea {
    color: #535353;
    font: 14px Raleway;
    display: block;
    width: 100%;
    height: 96px;
    padding: 13px 22px;
    resize: none;
    border: 0;
    background: #fff
}

.form ::-webkit-input-placeholder {
    color: #535353
}

.form ::-moz-placeholder {
    color: #535353
}

.form :-moz-placeholder {
    color: #535353
}

.form :-ms-input-placeholder {
    color: #535353
}

.form .submit {
    padding-top: 3px
}

.form .submit_btn {
    color: #fff;
    font: 700 14px/45px Raleway;
    display: inline-block;
    width: 100%;
    height: 43px;
    cursor: pointer;
    transition: background .2s linear;
    vertical-align: top;
    text-transform: uppercase;
    border: 0;
    background: #0085be
}

.form .submit_btn:hover {
    background: #da1515
}

.jobs {
    margin-bottom: 50px
}

.jobs>.item {
    margin-bottom: 55px
}

.jobs>.item .name {
    color: #000;
    font: 800 18px Raleway;
    margin-bottom: 10px;
    text-transform: uppercase
}

.jobs>.item .features {
    margin-bottom: 15px;
    background: #f3f3f3
}

.jobs>.item .features .grid {
    display: flex;
    padding-right: 105px;
    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap
}

.jobs>.item .features .item {
    color: #5c5c5c;
    font: 13px Raleway;
    padding: 15px
}

.jobs>.item .desc p {
    margin-bottom: 15px
}

.jobs>.item .desc .details {
    font: 800 10px/35px Raleway;
    height: 33px;
    padding: 0 21px
}

.jobs>.item .desc .order_link {
    color: #fff;
    font: 800 10px/35px Raleway;
    display: inline-block;
    height: 33px;
    margin-left: 4px;
    padding: 0 21px;
    transition: background .2s linear;
    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase;
    background: #282828
}

.jobs>.item .desc .order_link:hover {
    background: #626262
}

.contacts_info {
    margin-bottom: 78px
}

.contacts_info .item {
    display: flex;
    border: 1px solid #ededed;
    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap
}

.contacts_info .item+.item {
    margin-top: 24px
}

.contacts_info .item .info {
    width: 378px;
    padding: 18px 36px;
    border-right: 1px solid #ededed
}

.contacts_info .item .city {
    color: #008ec4;
    font: 800 24px Raleway;
    margin-bottom: 15px
}

.contacts_info .item .name {
    color: #008ec4;
    font: 800 14px Raleway;
    margin-bottom: 15px
}

.contacts_info .item .adres {
    color: #000;
    font: 14px Raleway;
    margin-bottom: 15px
}

.contacts_info .item .phones {
    color: #000;
    font: 18px Scada;
    margin-bottom: 15px
}

.contacts_info .item .emails {
    color: #000;
    font: 18px Scada
}

.contacts_info .item .emails a {
    color: #008ec4;
    text-decoration: none
}

.contacts_info .item .emails a:hover {
    text-decoration: underline
}

.contacts_info .item .map {
    width: calc(100% - 378px);
    background: #ededed;
    overflow: hidden
}

.cart_info {
    margin-bottom: 29px
}

.cart_info table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse
}

.cart_info table th {
    color: #b2b2b2;
    font: 12px Raleway;
    padding: 0 35px 10px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-bottom: 1px solid #d9d9d9
}

.cart_info table th:first-child {
    text-align: left
}

.cart_info table td {
    padding: 22px 35px;
    text-align: center;
    vertical-align: middle;
    border: 0;
    border-bottom: 1px solid #d9d9d9
}

.cart_info table td:first-child {
    border-left: 1px solid #d9d9d9
}

.cart_info table td:last-child {
    border-right: 1px solid #d9d9d9
}

.cart_info table td.image {
    width: 125px;
    table-layout: fixed
}

.cart_info table td.image a,
.cart_info table td.image img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.cart_info table td.info {
    text-align: left
}

.cart_info table td.info .name a {
    color: #008dc3;
    font: 14px Raleway;
    display: inline-block;
    vertical-align: top;
    text-decoration: none
}

.cart_info table td.info .name a:hover {
    text-decoration: underline
}

.cart_info table td.price {
    color: #000;
    font: 700 24px/32px Scada;
    white-space: nowrap;
    text-transform: uppercase;
    width: 200px;
}

.cart_info table td.price .new {
    color: #da1515;
    font-size: 20px;
    line-height: 20px
}

.cart_info table td.price .old {
    font-size: 12px;
    line-height: 12px;
    text-decoration: line-through
}

.cart_info table td.amount .box {
    position: relative;
    width: 77px
}

.cart_info table td.amount .input {
    color: #555;
    font: 12px Scada;
    display: block;
    width: 100%;
    height: 24px;
    padding: 0 17px;
    text-align: center;
    border: 1px solid #ededed;
    background: #fff
}

.cart_info table td.amount a {
    color: #555;
    font: 12px/24px Scada;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 24px;
    text-align: center;
    text-decoration: none
}

.cart_info table td.amount a.plus,
.cart_info table td.amount a.basket_plus {
    right: 0;
    left: auto
}

.cart_info table td.delete a {
    position: relative;
    display: block;
    width: 44px;
    height: 44px;
    margin: 0 auto
}

.cart_info table td.delete a:after {
    color: #000;
    font: 40px/36px Raleway;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    content: '×';
    text-align: center
}

.cart_info table tfoot td {
    color: #000;
    font: 700 24px Scada;
    text-align: right;
    vertical-align: top;
    text-transform: uppercase;
    background: #f1f1f1
}

.cart_info table tfoot td .update_link {
    color: #008dc3;
    font: 14px Raleway;
    position: relative;
    top: -3px;
    display: inline-block;
    margin-right: 21px;
    text-transform: none
}

.cart_info table tfoot td .update_link:hover {
    text-decoration: none
}

.cart_info table tfoot td span {
    margin-left: 6px
}

.checkout {
    margin-bottom: 85px;
    padding: 35px;
    background: #f3f3f3
}

.checkout .block_title {
    color: #000;
    font: 800 24px Raleway;
    margin-bottom: 20px
}

.checkout .form .col.left {
    width: 364px
}

.checkout .form .col.right {
    width: calc(100% - 384px)
}

.checkout .form .line {
    margin-bottom: 22px
}

.checkout .form .input {
    border: 1px solid #ededed
}

.checkout .form textarea {
    height: 174px;
    border: 1px solid #ededed
}

.checkout .form .exp {
    color: #dd4041;
    font: 14px Raleway
}

.checkout .delivery_method,
.checkout .payment_method {
    padding-top: 10px
}

.checkout .delivery_method .title,
.checkout .payment_method .title {
    color: #000;
    font: 800 18px Raleway;
    margin-bottom: 15px
}

.checkout .delivery_method .grid,
.checkout .payment_method .grid {
    display: flex;
    margin-left: -20px;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap
}

.checkout .delivery_method .item,
.checkout .payment_method .item {
    min-width: 178px;
    margin-left: 20px
}

.checkout .form input[type=radio] {
    display: none
}

.checkout .form input[type=radio]+label {
    color: #434343;
    font: 700 14px/17px Raleway;
    position: relative;
    display: table-cell;
    height: 17px;
    padding-left: 29px;
    cursor: pointer;
    vertical-align: middle
}

.checkout .form input[type=radio]+label a {
    color: #008dc3;
    font: 12px Raleway;
    display: inline-block;
    margin-top: 3px;
    vertical-align: top
}

.checkout .form input[type=radio]+label a:hover {
    text-decoration: none
}

.checkout .form input[type=radio]+label:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    width: 17px;
    height: 17px;
    content: '';
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    background: #fff
}

.checkout .form input[type=radio]+label:after {
    position: absolute;
    z-index: 2;
    top: 4px;
    left: 4px;
    display: block;
    width: 9px;
    height: 9px;
    content: '';
    transition: opacity .2s linear;
    opacity: 0;
    border-radius: 50%;
    background: #008dc3
}

.checkout .form input[type=radio]:checked+label:after {
    opacity: 1
}

.checkout .form .label_content {
    display: none;
    padding-top: 20px;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: nowrap
}

.checkout .form .label_content *+* {
    margin-left: 20px
}

.checkout .form .label_content.show {
    display: flex
}

.checkout .form .captcha img {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

.checkout .form .submit {
    padding-top: 0
}

.checkout .form .submit_btn {
    font-size: 14px;
    line-height: 47px;
    width: auto;
    min-width: 227px;
    height: 45px
}

.articles_list {
    margin-bottom: 43px
}

.articles_list .item {
    display: flex;
    margin-bottom: 16px;
    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap
}

.articles_list .item .thumb {
    position: relative;
    width: 300px;
    border-top: 1px solid #d9d9d9
}

.articles_list .item .thumb a,
.articles_list .item .thumb img {
    display: block;
    /*width:100%;*/
    object-fit: contain;
    width: 300px;
    height: 180px;
}

.articles_list .item .date {
    color: #fff;
    font: 700 14px/35px Scada;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 35px;
    padding: 0 12px;
    background: #282828
}

.articles_list .item .info {
    position: relative;
    width: calc(100% - 300px);
    padding: 20px 27px 54px;
    border: 1px solid #d9d9d9;
    border-left: 0
}

.articles_list .item .name {
    margin-bottom: 15px
}

.articles_list .item .name a {
    color: #000;
    font: 900 14px Raleway;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase
}

.articles_list .item .name a:hover {
    text-decoration: underline
}

.articles_list .item .desc {
    font-size: 12px;
    line-height: 18px
}

.articles_list .item .details {
    color: #0085be;
    font: 700 12px Raleway;
    position: absolute;
    bottom: 20px;
    left: 27px;
    display: block
}

.articles_list .item .details:hover {
    text-decoration: none
}

.pagination {
    color: #008dc3;
    font: 18px/33px Roboto;
    text-align: center
}

.pagination a {
    color: #008dc3;
    display: inline-block;
    padding: 0 6px;
    vertical-align: top;
    text-decoration: none;
    border-radius: 3px
}

.pagination a:hover,
.pagination a.active {
    color: #fff;
    background: #282828
}

.pagination .prev {
    position: relative;
    margin-right: 16px;
    padding: 0 0 0 15px;
    border-radius: 0
}

.pagination .next {
    position: relative;
    margin-left: 16px;
    padding: 0 15px 0 0;
    border-radius: 0
}

.pagination .next:hover,
.pagination .prev:hover {
    color: #008dc3;
    text-decoration: underline;
    background: 0
}

.pagination .prev:after {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    content: '';
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-top: 2px solid #008dc3;
    border-left: 2px solid #008dc3
}

.pagination .next:after {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    content: '';
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: 2px solid #008dc3;
    border-bottom: 2px solid #008dc3
}

.pagination .sep {
    display: inline-block;
    padding: 0 6px;
    vertical-align: top
}

.article_info {
    position: relative;
    padding-bottom: 50px
}

.article_info .date {
    color: #fff;
    font: 700 14px/35px Scada;
    position: absolute;
    top: 0;
    left: 0;
    height: 35px;
    padding: 0 12px;
    background: #282828
}

.article_info h1 {
    line-height: 35px;
    margin-bottom: 27px;
    padding-left: 0;
    text-transform: none
}

.price_lists {
    padding-bottom: 25px
}

.price_lists .btns {
    margin-bottom: 15px
}

.price_lists .btns a {
    color: #fff;
    font: 700 14px/66px Raleway;
    display: inline-block;
    height: 64px;
    margin-bottom: 10px;
    padding: 0 27px 0 30px;
    transition: background .2s linear;
    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase;
    background: #282828
}

.price_lists .btns a:hover {
    background: #626262
}

.price_lists .btns a.color2 {
    background: #c00808
}

.price_lists .btns a.color2:hover {
    background: #0085be
}

.price_lists .btns a+a {
    margin-left: 7px
}

.price_lists .btns a img {
    position: relative;
    top: -1px;
    display: inline-block;
    margin-left: 11px;
    vertical-align: middle
}

.price_lists .links {
    margin-bottom: 15px;
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -webkit-column-gap: 45px;
    -moz-column-gap: 45px;
    column-gap: 45px
}

.price_lists .links li {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    list-style-type: none;
    vertical-align: top
}

.price_lists .links li a {
    color: #0085be;
    font: 700 14px Raleway;
    display: inline-block;
    padding: 4px 0 4px 34px;
    vertical-align: top;
    background: url(../images/ic_download3.png) 0 0 no-repeat
}

.price_lists .links li a:hover {
    text-decoration: none
}

.content .search {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ededed
}

.content .search form {
    width: calc(50% - 5px);
    padding-right: 9px
}

.content .search form .input {
    color: #535353;
    font: 14px Raleway;
    display: block;
    width: calc(100% - 37px);
    height: 35px;
    padding: 0 20px;
    border: 1px solid #ededed;
    background: #fff
}

.content .search form ::-webkit-input-placeholder {
    color: #535353
}

.content .search form ::-moz-placeholder {
    color: #535353
}

.content .search form :-moz-placeholder {
    color: #535353
}

.content .search form :-ms-input-placeholder {
    color: #535353
}

.content .search form .submit_btn {
    display: block;
    width: 37px;
    height: 35px;
    cursor: pointer;
    transition: background-color .2s linear;
    border: 0;
    background: #008ec4 url(../images/ic_search2.png) 50% 50% no-repeat
}

.content .search form .submit_btn:hover {
    background-color: #da1515
}

.content .search .count {
    color: #000;
    font: 700 18px/35px Raleway;
    width: calc(50% - 5px);
    margin-left: 10px
}

.conditions_info {
    padding-bottom: 50px
}

.conditions_info .tabs {
    margin-bottom: 20px
}

.conditions_info .tabs li {
    display: inline-block;
    list-style-type: none;
    cursor: pointer;
    vertical-align: top
}

.conditions_info .tabs li a {
    color: #000;
    font: 600 13px/35px Raleway;
    display: block;
    height: 35px;
    padding: 0 22px;
    transition: .2s linear;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background: #f3f3f3
}

.conditions_info .tabs li.active a,
.conditions_info .tabs li:hover a {
    color: #fff;
    background: #282828
}

.conditions_info .tab_content {
    display: none
}

.product_info {
    padding-bottom: 30px
}

.product_info .images {
    width: 320px;
    max-width: 100%;
    padding-bottom: 15px
}

.product_info .images .big .slide {
    display: none
}

.product_info .images .big .slider .slide:first-child,
.product_info .images .big .owl-loaded .slide {
    display: block
}

.product_info .images .big .slide a {
    color: #0085be;
    font: 13px Raleway;
    position: relative;
    display: flex;
    width: 100%;
    height: 265px;
    padding-bottom: 15px;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap
}

.product_info .images .big .slide img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.product_info .images .big .slide a .zoom_text {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: underline
}

.product_info .images .big .slide a:hover .zoom_text {
    text-decoration: none
}

.product_info .images .thumbs {
    display: flex;
    margin-top: 25px;
    margin-left: -9px;
    justify-content: center;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap
}

.product_info .images .thumbs a {
    display: flex;
    width: calc(33.333% - 9px);
    height: 97px;
    margin-bottom: 9px;
    margin-left: 9px;
    transition: border-color .2s linear;
    border: 1px solid #d9d9d9;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap
}

.product_info .images .thumbs img {
    display: block;
    max-width: 60%;
    max-height: 60%
}

.product_info .images .thumbs a.active,
.product_info .images .thumbs a:hover {
    border-color: #0085be
}

.product_info .data {
   
    margin-bottom: 24px;
    
}

.product_info .data .info {
    color: #5c5c5c;
    font: 13px 'Open Sans';
    width: calc(100% - 227px);
    min-height: 387px;
    padding: 0 20px;
    background: #fcfcfc
}

.product_info .data .info .desc {
    padding: 20px 0
}

.product_info .data .info .features {
    color: #000;
    font-size: 14px;
    padding: 20px 0;
    border-top: 1px solid #eee
}

.product_info .data .info .features .item+.item {
    margin-top: 5px
}

.product_info .data .info .information {
    padding: 20px 0;
    border-top: 1px solid #eee
}

.product_info .data .info .information .item {
    position: relative;
    padding-left: 55px
}

.product_info .data .info .information .item+.item {
    margin-top: 23px
}

.product_info .data .info .information .item .icon {
    position: absolute;
    top: 0;
    left: 0
}

.product_info .data .info .information .item .icon img {
    display: block
}

.product_info .data .info .information a {
    color: #0085be
}

.product_info .data .info .information a:hover {
    text-decoration: none
}

.product_info .data .buy {
    width: 227px;
    min-height: 387px;
    padding: 25px;
    text-align: center;
    border-right: 1px solid #000;
    background: #f3f3f3
}

.product_info .data .buy .articul {
    color: #000;
    font: 14px Raleway;
    margin-bottom: 10px;
    text-align: left
}

.product_info .data .buy .price {
    color: #000;
    font: 14px/28px Raleway;
    margin-bottom: 15px;
    text-align: left
}

.product_info .data .buy .price .val {
    color: #000;
    font: 700 24px/32px Scada;
    display: inline-block;
    margin-left: 8px;
    vertical-align: top;
    white-space: nowrap;
    text-transform: uppercase
}

.product_info .data .buy .price .new {
    color: #da1515;
    font-size: 24px;
    line-height: 28px
}

.product_info .data .buy .price .old {
    font-size: 14px;
    line-height: 12px;
    text-decoration: line-through
}

.product_info .data .buy .option {
    color: #000;
    font: 14px/19px Raleway;
    margin-bottom: 6px;
    text-align: left
}

.product_info .data .buy .option select {
    display: none
}

.product_info .data .buy .option .nice-select {
    position: relative;
    display: inline-block;
    width: 74px;
    margin-right: 3px;
    margin-left: 6px;
    vertical-align: top
}

.product_info .data .buy .option select.big+.nice-select {
    width: 80px
}

.product_info .data .buy .option .nice-select .current {
    color: #000;
    font: 13px/17px Raleway;
    position: relative;
    display: block;
    overflow: hidden;
    height: 19px;
    padding: 0 17px 0 7px;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
    border: 1px solid #ededed;
    background: #fff
}

.product_info .data .buy .option .nice-select .current:after {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 6px;
    display: block;
    width: 6px;
    height: 3px;
    margin-top: -2px;
    content: '';
    border-top: 3px solid #000;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent
}

.product_info .data .buy .option .nice-select .list {
    position: absolute;
    z-index: 9;
    left: 0;
    display: none;
    width: 100%;
    margin-top: 1px;
    padding: 5px 0;
    border: 1px solid #ededed;
    background: #fff
}

.product_info .data .buy .option .nice-select.open .list {
    display: block
}

.product_info .data .buy .option .nice-select .list li {
    color: #000;
    font: 12px/17px Raleway;
    display: block;
    margin: 0;
    padding: 0 7px;
    list-style: none;
    cursor: pointer;
    transition: background .2s linear
}

.product_info .data .buy .option .nice-select .list li:empty {
    display: none
}

.product_info .data .buy .option .nice-select .list li:hover {
    background: #ededed
}

.product_info .data .buy .status {
    font: 700 14px Raleway;
    position: relative;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 20px;
    vertical-align: top
}

.product_info .data .buy .status:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    content: '';
    border: 2px solid transparent;
    border-radius: 50%
}

.product_info .data .buy .status.green {
    color: #78a959
}

.product_info .data .buy .status.green:before {
    border-color: #78a959
}

.product_info .data .buy .amount {
    margin-bottom: 6px
}

.product_info .data .buy .amount .box {
    position: relative;
    display: inline-block;
    width: 107px;
    vertical-align: top
}

.product_info .data .buy .amount .input {
    color: #555;
    font: 12px Scada;
    display: block;
    width: 100%;
    height: 35px;
    padding: 0 25px;
    text-align: center;
    border: 1px solid #ededed;
    background: #fff
}

.product_info .data .buy .amount a {
    color: #555;
    font: 14px/35px Scada;
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 35px;
    text-align: center;
    text-decoration: none
}

.product_info .data .buy .amount a.plus {
    right: 0;
    left: auto
}

.product_info .data .buy .buy_link,
.product_info .data .buy .add_cart {
    color: #fff;
    font: 700 12px/37px Raleway;
    display: block;
    width: 100%;
    height: 35px;
    padding: 0 15px;
    transition: background .2s linear;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background: #008ec4
}

.product_info .data .buy .buy_link img,
.product_info .data .buy .add_cart img {
    position: relative;
    top: -1px;
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle
}

.product_info .data .buy .buy_link:hover,
.product_info .data .buy .add_cart:hover {
    background: #da1515
}

.product_info .data .buy .quike_buy {
    color: #fff;
    font: 700 12px/37px Raleway;
    display: block;
    width: 100%;
    height: 35px;
    margin-top: 6px;
    padding: 0 15px;
    transition: background .2s linear;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background: #282828
}

.product_info .data .buy .quike_buy:hover {
    background: #626262
}

.product_info .data .buy .schema_link {
    color: #0085be;
    font: 14px Raleway;
    display: inline-block;
    margin-top: 15px;
    vertical-align: top
}

.product_info .data .buy .schema_link:hover {
    text-decoration: none
}

.product_info .tabs {
    margin-bottom: 20px
}

.product_info .tabs li {
    display: inline-block;
    list-style-type: none;
    cursor: pointer;
    vertical-align: top
}

.product_info .tabs li a {
    color: #000;
    font: 600 13px/35px Raleway;
    display: block;
    min-width: 164px;
    height: 35px;
    padding: 0 22px;
    transition: .2s linear;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background: #f3f3f3
}

.product_info .tabs li.active a,
.product_info .tabs li:hover a {
    color: #fff;
    background: #282828
}

.product_info .tab_content {
    display: none
}

.calc_info {
    margin-bottom: 60px;
    padding: 25px 25px 75px;
    background: #f5f5f5 url(../images/bg_calc_info.jpg) 0 0 no-repeat
}

.calc_info .block_title {
    color: #000;
    font: 800 30px Raleway;
    margin-bottom: 25px;
    text-align: center;
    text-transform: uppercase
}

.calc_info .form {
    width: 377px;
    max-width: 100%;
    margin: 0 auto
}

.calc_info .form .line {
    display: none;
    margin-bottom: 20px
}

.calc_info .form .hide {
    display: none
}

.calc_info .form .hide .line {
    display: block
}

.calc_info .form .hide .line.grid {
    display: flex
}

.calc_info .form select {
    display: none
}

.calc_info .form .nice-select {
    position: relative;
    display: block;
    width: 100%
}

.calc_info .form .nice-select .current {
    color: #535353;
    font: 14px/43px Raleway;
    position: relative;
    display: block;
    overflow: hidden;
    height: 43px;
    padding: 0 42px 0 24px;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
    border: 1px solid #ededed;
    background: #fff
}

.calc_info .form .nice-select .current:after {
    position: absolute;
    top: 50%;
    right: 15px;
    display: block;
    width: 10px;
    height: 10px;
    margin-top: -8px;
    content: '';
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-bottom: 3px solid #008ec4;
    border-left: 3px solid #008ec4
}

.calc_info .form .nice-select .list {
    position: absolute;
    z-index: 9;
    left: 0;
    display: none;
    width: 100%;
    margin-top: 1px;
    border: 1px solid #ededed;
    background: #fff
}

.calc_info .form .nice-select.open .list {
    display: block
}

.calc_info .form .nice-select .list li {
    color: #535353;
    font: 14px/43px Raleway;
    display: block;
    margin: 0;
    padding: 0 24px;
    list-style: none;
    cursor: pointer;
    transition: background .2s linear
}

.calc_info .form .nice-select .list li:empty {
    display: none
}

.calc_info .form .nice-select .list li:hover {
    background: #ededed
}

.calc_info .form .weight {
    color: #000;
    font: 700 18px Raleway;
    text-align: center
}

.calc_info .form .grid {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap
}

.calc_info .form .grid .name {
    color: #535353;
    font: 700 14px/43px Raleway;
    width: 96px;
    height: 43px
}

.calc_info .form .grid .field {
    width: calc(100% - 96px)
}

.calc_info .form .input {
    border: 1px solid #ededed
}

.calc_info .form .total_weight {
    color: #000;
    font: 700 30px Raleway;
    width: calc(100%+200px);
    margin: 0 -100px 25px;
    text-align: center
}

.calc_info .form .product {
    display: none
}

.calc_info .form .product .thumb {
    margin-bottom: 15px
}

.calc_info .form .product .thumb a {
    display: flex;
    height: 161px;
    background: #fff;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap
}

.calc_info .form .product .thumb img {
    display: block;
    max-width: 70%;
    max-height: 70%
}

.calc_info .form .product .name {
    width: calc(100% - 125px)
}

.calc_info .form .product .name a {
    color: #008dc3;
    font: 700 14px Raleway;
    display: inline-block;
    vertical-align: top;
    text-decoration: none
}

.calc_info .form .product .name a:hover {
    text-decoration: underline
}

.calc_info .form .product .price {
    color: #000;
    font: 700 24px/32px Scada;
    width: 125px;
    text-align: right;
    white-space: nowrap
}

.calc_info .form .product .price .new {
    color: #da1515;
    font-size: 20px;
    line-height: 20px
}

.calc_info .form .product .price .old {
    font-size: 12px;
    line-height: 12px;
    text-decoration: line-through
}

.calc_info .form .product .link {
    color: #fff;
    font: 700 12px/37px Raleway;
    display: inline-block;
    height: 35px;
    margin-top: 30px;
    padding: 0 30px;
    transition: background .2s linear;
    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase;
    background: #008ec4
}

.calc_info .form .product .link:hover {
    background: #da1515
}

footer {
    color: #fff;
    font: 14px 'Open Sans';
    padding: 40px 0;
    background: #282828 url(../images/bg_footer.png) -100px 50% no-repeat;
    flex: 0 0 auto
}

footer .cont {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap
}

footer .logo img {
    display: block;
    max-width: 100%
}

footer .copyright {
    font: 12px Raleway;
    margin-top: 35px
}

footer .feedback {
    color: #fff;
    font: 12px Scada;
    display: inline-block;
    margin-top: 20px;
    vertical-align: top
}

footer .feedback:hover {
    text-decoration: none
}

footer .creator {
    color: #fff;
    font: 12px Scada;
    display: inline-block;
    margin-top: 15px;
    vertical-align: top
}

footer .creator:hover {
    text-decoration: none
}

footer .col.right {
    width: 390px;
    max-width: 100%
}

footer .search .input {
    color: #535353;
    font: 14px Raleway;
    display: block;
    width: calc(100% - 37px);
    height: 35px;
    padding: 0 20px;
    border: 0;
    background: #fff
}

footer .search ::-webkit-input-placeholder {
    color: #535353
}

footer .search ::-moz-placeholder {
    color: #535353
}

footer .search :-moz-placeholder {
    color: #535353
}

footer .search :-ms-input-placeholder {
    color: #535353
}

footer .search .submit_btn {
    display: block;
    width: 37px;
    height: 35px;
    cursor: pointer;
    transition: background-color .2s linear;
    border: 0;
    background: #008ec4 url(../images/ic_search2.png) 50% 50% no-repeat
}

footer .search .submit_btn:hover {
    background-color: #da1515
}

footer .socials {
    display: flex;
    margin-top: 20px;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap
}

footer .socials a {
    display: block
}

footer .socials a+a {
    margin-left: 8px
}

footer .socials img {
    display: block;
    width: 25px
}

footer .col.right .adres {
    margin-top: 45px
}

footer .col.center {
    width: 375px;
    max-width: 100%
}

footer .col.center .col.left,
footer .col.center .col.right {
    width: calc(50% - 20px)
}

footer .col.center .adres {
    margin-top: 25px
}

footer .col.center .links li {
    list-style-type: none
}

footer .col.center .links li+li {
    margin-top: 8px
}

footer .col.center .links li a {
    color: #fff;
    font: 700 14px Raleway;
    display: inline-block;
    transition: color .2s linear;
    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase
}

footer .col.center .links li a:hover {
    color: #008ec4
}

footer .time {
    font: 14px Scada;
    display: inline-block;
    margin-top: 25px;
    vertical-align: top
}

footer .callback_link {
    color: #008ec4;
    font: 14px Scada;
    display: inline-block;
    margin-top: 25px;
    margin-left: 11px;
    vertical-align: top
}

footer .callback_link:hover {
    text-decoration: none
}

.modal {
    display: none;
    width: 619px;
    max-width: calc(100% - 30px);
    padding: 26px;
    background: #fff;
    box-shadow: 0 0 32px rgba(0, 0, 0, .29)
}

.modal_title {
    color: #000;
    font: 800 24px Raleway;
    margin-bottom: 26px
}

.modal .form {
    padding: 30px;
    background: #f3f3f3
}

.modal .form .line {
    margin-bottom: 23px
}

.modal .form .input {
    width: 364px;
    max-width: 100%;
    border: 1px solid #ededed
}

.modal .form textarea {
    padding: 12px 22px;
    border: 1px solid #ededed
}

.modal .form .submit_btn {
    font-size: 12px;
    line-height: 37px;
    width: auto;
    min-width: 178px;
    height: 35px
}

.modal .product {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse
}

.modal .product.hide {
    display: none
}

.modal .product+.product {
    margin-top: 20px
}

.modal .product td {
    text-align: center;
    vertical-align: middle
}

.modal .product .image {
    width: 85px;
    table-layout: fixed
}

.modal .product .image img {
    display: block;
    max-width: 70%;
    margin: 0 auto
}

.modal .product .name {
    color: #008dc3;
    font: 14px Raleway;
    padding: 0 35px;
    text-align: left
}

.modal .product .price {
    color: #000;
    font: 700 24px/32px Scada;
    white-space: nowrap;
    text-transform: uppercase
}

.modal .product .price .new {
    color: #da1515;
    font-size: 20px;
    line-height: 20px
}

.modal .product .price .old {
    font-size: 12px;
    line-height: 12px;
    text-decoration: line-through
}

.modal .product .amount {
    padding-right: 10px;
    padding-left: 35px
}

.modal .product .amount .box {
    position: relative;
    width: 77px
}

.modal .product .amount .input {
    color: #555;
    font: 12px Scada;
    display: block;
    width: 100%;
    height: 24px;
    padding: 0 17px;
    text-align: center;
    border: 1px solid #ededed;
    background: #fff
}

.modal .product .amount a {
    color: #555;
    font: 12px/24px Scada;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 24px;
    text-align: center;
    text-decoration: none
}

.modal .product .amount a.plus {
    right: 0;
    left: auto
}

.modal .more {
    margin-top: 10px;
    padding-left: 120px
}

.modal .more a {
    color: #008dc3;
    font: 12px Raleway;
    display: inline-block;
    vertical-align: top
}

.modal .more a:hover {
    text-decoration: none
}

.modal .links {
    display: flex;
    margin-top: 45px;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap
}

.modal .links a {
    opacity: 1;
    color: #fff;
    font: 700 12px/37px Raleway;
    display: block;
    width: 207px;
    max-width: calc(50% - 6px);
    height: 35px;
    transition: background .2s linear;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background: #282828
}

.modal .links a:hover {
    background: #626262
}

.modal .links a.cart_link {
    width: 177px;
    max-width: calc(50% - 6px);
    margin-left: 12px;
    background: #0085be
}

.modal .links a.cart_link:hover {
    background: #da1515
}

#success_modal {
    padding: 45px
}

#success_modal .modal_title {
    margin: 0;
    padding-top: 90px;
    text-align: center;
    background: url(../images/ic_success_modal.png) 50% 0 no-repeat
}

#quike_buy_modal .form {
    margin-top: 25px
}

#quike_buy_modal .form .input {
    width: 100%
}

#success_cart {
    padding: 45px
}

#success_cart .modal_title {
    padding-top: 90px;
    text-align: center;
    background: url(../images/ic_success_modal.png) 50% 0 no-repeat
}

a.add-to-compare.jsToggleCompare {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    width: 32px;
    height: 32px;
    background: #008ec4 url(../images/compare.svg) no-repeat center;
}

.socials2 .h-icons {
    text-align: left;
}

.viewed .product-item-title a,
.viewed .product-item,
.webcube-favorites-link {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.viewed .product-item .btn {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-transition: background 280ms ease, opacity 280ms ease, color 280ms ease, border 280ms ease;
    -moz-transition: background 280ms ease, opacity 280ms ease, color 280ms ease, border 280ms ease;
    -ms-transition: background 280ms ease, opacity 280ms ease, color 280ms ease, border 280ms ease;
    -o-transition: background 280ms ease, opacity 280ms ease, color 280ms ease, border 280ms ease;
    transition: background 280ms ease, opacity 280ms ease, color 280ms ease, border 280ms ease;
    text-decoration: none;
}

.img__link {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}

.viewed .product-item .btn-default {
    /*color: #333;
    background-color: #fff;
    border-color: #ccc;*/
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font: 700 12px / 37px Raleway;
    width: 100%;
    height: 35px;
    padding: 0 15px;
    transition: background .2s linear;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background: #008ec4;
}

.viewed .product-item .btn-default img {
    position: relative;
    top: -1px;
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
}

.viewed .product-item .btn-default:hover {
    background: #da1515 !important;
    color: white !important;
}

.viewed .product-item .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.viewed .product-item .btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.viewed .product-item .btn-default:hover:active {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}

a.add-to-compare.jsToggleCompare.active {
    opacity: 0.3;
}

.compare-wrapper .icon-compare {
    width: 32px;
    height: 32px;
    background: #008ec4 url(../images/compare.svg) no-repeat center;
}


.compare-wrapper {
    position: relative;
    top: -20px;
    right: 0;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    font-weight: bold;
}


.buy a.compare_catalog_element {
    position: relative;
    width: 100%;
    font-size: 15px;
    text-align: center;
    display: block;
    margin: 5px 0;
    border-radius: 5px;
    background-color: unset;
    color: #6f6f6f;
    border: 1px solid #6f6f6f;
    line-height: 0;
    font-weight: bold;
    background: url(../images/compare_button.svg) no-repeat 10px center;
    text-transform: uppercase;
    font: 700 12px/37px Raleway;
}


#success_modal_compare .modal_compare_link {
    display: block;
    padding: 13px;
    text-align: left;
    width: 50%;
    margin: 25px auto 0;
    border: 2px solid #008EC4;
    background: url(../images/strelka.svg) no-repeat 95% center;
}

#success_modal_compare .modal_compare_link a {
    text-decoration: none;
    color: #008EC4;
    font-weight: bold;
    font-size: 16px;
    font-family: sans-serif;
}

#success_modal_compare .modal_content {
    text-align: center;
    width: 80%;
    margin: 0 auto;
    font-size: 18px;
}

#success_modal_compare .modal_title {
    text-align: center;
}

#success_modal_compare {
    padding: 60px;
}

.buy_link {
    color: #fff;
    font: 700 12px/37px Raleway;
    display: block;
    width: 100%;
    height: 35px;
    margin-top: 15px;
    padding: 0 15px;
    transition: background .2s linear;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background: #008ec4;
}

.product_info .big {
    position: relative;
}

.product_info .hit,
.products .product .hit {
    color: #fff;
    font: 700 14px/20px Raleway;
    position: absolute;
    z-index: 99;
    top: -1px;
    left: 0;
    text-align: center;
    max-width: 50px;
    margin: 0 auto;
    right: 0px;
    padding: 0 9px;
    text-transform: uppercase;
    background: #008ec4;
}

.product_info .hit {
    left: unset;
}

.products.line .product .hit {
    left: 0;
    right: unset;
    top: 70px;
}

.product_info .discount {
    color: #fff;
    font: 700 14px/20px Raleway;
    position: absolute;
    z-index: 9;
    top: -1px;
    left: 0px;
    padding: 0 9px;
    text-transform: uppercase;
    background: #da1515;
}

.cats_wall .item:hover .sub_cats {
    border-right: 1px solid black;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.price_info_small_cart {
    width: 140px;
}

.products.recommended_goods_products .slider {
    pointer-events: auto;
}

.products.recommended_goods_products .product.items_catalog_recommend {
    margin-top: 10px;
}

.products.recommended_goods_products .items_catalog_recommend_wrap {
    height: 100% !important;
}

.cart_info table tfoot td.cart-msg-td {
    text-align: left;
}

.cart_info table tfoot td.cart-msg-td .cart-msg-info {
    font-size: 18px;
    text-transform: none;
    font-weight: normal;
    margin-top: 15px;
}

.products .product .features .line {
    font-size: 13px;
}

@media screen and (max-width:1200px) {
    .order_block .info {
        width: 50%;
    }

    .product_info.new .tabs li a {
        min-width: 135px;
    }
}





.new_mobile_header {
    display: none;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    background: white;
    padding-bottom: 10px;
}

.new_mobile_menu_btn {}

.new_mobile_menu_btn span {
    position: relative;
    display: block;
    width: 30px;
    height: 3px;
    margin: 0 auto;
    transition: .2s linear;
    background: #fff;
}

.new_mobile_menu_btn span+span {
    margin-top: 6px;
}

.new_mobile_logo {
    height: 40px;
}

.new_mobile_left_block {
    display: flex;
    align-items: center;
    gap: 20px;
}

.new_mobile_right_block {
    display: flex;
    align-items: center;
    gap: 20px;
}

.new_mobile_header .mobile_fav_header {
    position: relative;
}

.new_mobile_header .fav_head_mobile_icon {
    top: -3px !important;
    right: -5px !important;
    background: red !important;
    line-height: unset !important;
    text-indent: unset !important;
    height: unset !important;
    border-radius: 10px !important;
    width: 15px !important;
    text-align: center !important;
    font-size: 13px !important;
}

.mobile_menu_active {
    display: block;
    position: fixed;
    top: 90px;
    left: 0;
    z-index: 555;
    background: #F3F3F3;
    width: 100%;
    padding: 5px 25px 25px;
    height: 60vh;
    overflow-y: scroll;
}

.prod_new_menu_mobile {
    display: none;
}

.prod_new_menu_mobile.mobile_menu_active {
    display: block;
    position: fixed;
    top: 90px;
    left: 0;
    z-index: 555;
    background: #F3F3F3;
    width: 100%;
    padding: 25px 25px 25px;
    height: 70vh;
    overflow-y: scroll;
}

.prod_new_menu_mobile ul {
    list-style: none;
}

.prod_new_menu_mobile li {
    list-style: none;
}

.prod_new_menu_mobile .sub_link {}

.prod_new_menu_mobile .level1>li>a {
    color: #000;
    position: relative;
    display: block;
    padding: 6px 20px;
    transition: background .2s linear;
    text-decoration: none;
}

.prod_new_menu_mobile .level1>li>a.sub_link {
    padding-right: 40px;
}

.prod_new_menu_mobile .level1>li>a {
    text-transform: uppercase;
}

.prod_new_menu_mobile .sub_cats {
    display: none;
    width: 100%;
    padding: 15px 20px;
    position: fixed;
    height: 75vh;
    z-index: 999;
    background: #F3F3F3;
    top: 90px;
    left: 0;
}

.prod_new_menu_mobile .sub_cats a {
    color: #000;
    display: block;
    transition: background .2s linear;
    text-decoration: none;
    padding-bottom: 10px;
    padding-left: 20px;
}

.prod_new_menu_mobile .level1>li {
    position: relative;
}

.prod_new_menu_mobile .sub_link_cover {
    background-image: url(/images/arrow-black.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.prod_new_menu_mobile .get_back_main {
    margin-bottom: 10px;
    font-weight: bold;
    display: flex;
    gap: 10px;
    align-items: center;
}

.prod_new_menu_mobile .get_back_main .back_link {
    background-image: url(/images/arrow-black.svg);
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg);
    width: 10px;
    height: 10px;
}

.prod_new_menu_mobile .get_back {
    margin-bottom: 10px;
    font-weight: bold;
    display: flex;
    gap: 10px;
    align-items: center;
}

.prod_new_menu_mobile .get_back .back_link {
    background-image: url(/images/arrow-black.svg);
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg);
    width: 10px;
    height: 10px;
}

.prod_new_menu_mobile .catalog_moblie_menu {
    display: none;
    width: 100%;
    padding: 15px 20px;
    position: fixed;
    height: 75vh;
    z-index: 999;
    background: #F3F3F3;
    top: 90px;
    left: 0;
}

.new_mobile_header_background {
    display: flex;
    justify-content: space-between;
    background: #282828;
}

#ys-title-search-mobile .ds-search.input.left {
    border: 1px solid #F3F3F3;
}

.menu_callback_btn {
    background-color: #008ec4;
    display: block;
    color: white;
    text-align: center;
    text-decoration: none;
    padding: 10px 0;
    margin-bottom: 20px;
}

.mobile_time_table {
    width: 100%;
    padding-left: 20px;
    margin-top: 20px;
}

.mobile_time_table td {
    padding-bottom: 5px;
}

.prod_new_menu_mobile .h-icons {
    position: unset !important;
}

.mobile_cart_header {
    position: relative;
}

.new_mobile_header .cart_link_mobile {
    border: none;
    margin: 0;
    text-decoration: none;
}

.new_mobile_header .price_info_small_cart {
    float: unset;
    position: absolute;
    top: -30px;
    right: -5px;
    background: red;
    border-radius: 10px;
    width: 15px;
    text-align: center;
    font-size: 13px;
}

@media screen and (max-width:600px) {
    .new_mobile_header {
        display: flex;
    }

    .new_mobile_header .btn_cart_small {
        display: none;
    }

    .new_top_mobile {
        display: none;
    }

    .img__link {
        justify-content: center;
        flex-wrap: wrap;
    }
}

.status_green_section {
    font: 700 14px Raleway;
    position: relative;
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 20px;
    vertical-align: top;
    color: #00af5c;
    width: 100%;
}

.status_green_section:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    border: 0px;
    background: url(/bitrix/templates/steel/images/ok.png) no-repeat;
    width: 20px;
    height: 14px;
    margin-top: -7px;
    border-radius: 50%;
}

.bx-filter .bx-filter-parameters-box {
    /*max-height: 200px;
  	overflow-y: auto;
  	overflow-x: hidden;*/
}

.bx-filter .bx-filter-block {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.bx-filter-select-popup ul {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

@media screen and (max-width:767px) {

    .articles_list .item .thumb a,
    .articles_list .item .thumb img {
        width: 100%;
    }
}

.checkout .form textarea:focus {
    border: 1px solid #2671e4;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}


.checkout .form textarea:hover {
    border-color: rgba(0, 19, 255, .45);
}

.form .input:focus {
    border: 1px solid #2671e4;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.line.exp {
    color: #dd4041;
    font: 14px Raleway;
    margin-bottom: 22px;
}


.checkout .field {
    position: relative;
}

.checkout .field input,
.checkout .field label {
    display: block;
    width: 100%;
    padding: 0 12px;
    box-sizing: border-box;
}

.checkout .field input {
    border-bottom: 2px solid rgba(0, 0, 0, .15);
    color: #333;
    cursor: text;
}

.checkout .field label {
    position: absolute;
    left: 0;
    top: 15px;
    pointer-events: none;
    font-size: 100%;
    opacity: 0.5;
}

.checkout .field input:hover {
    border-color: rgba(0, 19, 255, .45);
}

.checkout .field input:not(:empty)+label,
.checkout .field input:not(:placeholder-shown)+label {
    opacity: 0;
}

.checkout .field label {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font: 14px Raleway;
    color: #535353;
}

.checkout .field label span {
    color: red;
}

.checkout .field input:hover {
    border-color: rgba(0, 19, 255, .45);
}

.checkout .field label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.checkout .field input,
.checkout .field label {
    transition: all linear .2s;
}

.exchange_rates.products .block_title {
    text-align: center;
}

.main_products_tabs .name {
    /*height: 100% !important;*/
    min-height: 100px;
}

.filter_wrapper {
    display: flex;
}

.filter_ico_block {
    margin-right: 20px;
}