@charset "utf-8";

/*-----------------------------------------------
CSS Framework Lisena
Author:   hmelii
Web:      http://www.hmelii.ru
Email:    anufry@inbox.ru
Version:  6.00 07.03.21 n
----------------------------------------------- */
/*---------------------- basic styles --------------------------------------*/
@import url("bases.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
@import url("swiper-bundle.min.css");
@import url("vue-cool-lightbox.min.css");
/*---------------------- end basic styles ----------------------------------*/
/*---------------------- global --------------------------------------*/
[v-cloak] {
    display: none !important;
}

html {
    height: 100%;

    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    background: #bfeef8 url(../images/bg.jpg) no-repeat 50% 167px;
    height: 100%;
    color: #3F4344;
    font-size: 16px;
    line-height: 1.2;
    text-align: left;
    word-wrap: break-word;
	 overflow-x: hidden;
}

input, button, select, textarea, html {
    font-family: 'Montserrat', sans-serif;
}

a {
    color: #05C;
    text-decoration: underline;
}

a:hover, a:hover:visited {
    text-decoration: none;
}

.nu a:hover, a.nu:hover {
    text-decoration: underline;
}

.nu a, a.nu {
    text-decoration: none;
}

a.link_dashed, .link_dashed a {
    text-decoration: none;
    border-bottom: 1px dashed;
}

a.link_dashed:hover, .link_dashed a:hover {
    border: 0;
    text-decoration: none;
}

.h1 {
    font-size: 24px;
    font-weight: bold;
    color: #20364A;
    margin: 0 0 25px;
    text-transform: uppercase;
}

.h2 {
    font-size: 24px;
    font-weight: bold;
    color: #20364A;
    margin: 0 0 25px;
    text-transform: uppercase;
}

.h3 {
    font-size: 24px;
    font-weight: bold;
    color: #20364A;
    margin: 0 0 35px;
    text-transform: uppercase;
}

.h4 {
    font-size: 20px;
    font-weight: bold;
    color: #20364A;
    margin: 0 0 25px;
}

.h5 {
    font-size: 16px;
    font-weight: 600;
    color: #1D3131;
    margin: 0 0 21px;
}

.h6 {
    font-size: 11px;
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 2.33em;
}

/*colors*/
/*end colors*/
/*fonts*/
.f-10 {
    font-size: 10px;
}

.f-11 {
    font-size: 11px;
}

.f-12 {
    font-size: 12px;
}

.f-13 {
    font-size: 13px;
}

.f-14 {
    font-size: 14px;
}

.f-15 {
    font-size: 15px;
}

.f-16 {
    font-size: 16px;
}

.f-17 {
    font-size: 17px;
}

.f-18 {
    font-size: 18px;
}

.f-20 {
    font-size: 20px;
}

/*end fonts*/
/*forms fields*/
.field {
    background: #fff;
    border: 1px solid #C4C4C4;
    border-radius: 50px;
    padding: 12px 16px;
    -webkit-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    font-size: 16px;
    color: #617578;
}

.field[required] {
    background: #fff url(../images/star.svg) no-repeat 93% 14px;
}
.c-66 .field[required] {
    background: #fff url(../images/star.svg) no-repeat 97% 14px;
}
.field:focus {
    border-color: #51cbee;
    -webkit-box-shadow: rgba(81, 203, 238, 1) 0px 0px 5px;
    box-shadow: rgba(81, 203, 238, 1) 0px 0px 5px;
}

.field:-moz-placeholder {
    opacity: 1;
    font-size: 16px;
    color: #617578;
}

.field::-moz-placeholder {
    opacity: 1;
    font-size: 16px;
    color: #617578;
}

.field::-webkit-input-placeholder {
    opacity: 1;
    font-size: 16px;
    color: #617578;
}

.field:-ms-input-placeholder {
    opacity: 1;
    font-size: 16px;
    color: #617578;
}

.field.placeholder {
    font-size: 16px;
    color: #617578;
}

.field.invalid {
    border-color: red;
}

.field[required].invalid {
    background: #fff url(../images/star.svg) no-repeat 93% 14px;
    border-color: red;
}
.c-66 .field[required].invalid {
    background: #fff url(../images/star.svg) no-repeat 97% 14px;
}
.parent_field {
    display: inline-block;
    vertical-align: top;
}

.invalid_message {
    display: block;
    color: red;
    font-size: 11px;
    font-size: 11px;
    line-height: 1.2;
}

.valid_message {
    display: none;
    color: green;
    font-size: 11px;
    font-size: 11px;
    line-height: 1.2;
}

/*end forms fields*/
/*over blocks*/
.o {
    overflow: hidden;
}

.cx:before, .cx:after {
    content: "";
    display: table;
}

.cx:after {
    clear: both;
}

.ct {
    display: table;
}

.ct:after {
    content: '. . . . . . . . . . .';
    display: block;
    word-spacing: 99in;
    height: 0;
    overflow: hidden;
    font-size: 0.05em;
    line-height: 0.05em;
}

/*end over blocks*/
/*other*/
hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: 0;
    margin: 0 0 36px;
    height: 0;
    display: block;
    width: 100%;
    vertical-align: top;
    overflow: hidden;
    border-top: 1px solid #abc5d4;
}

::-moz-selection {
    background-color: rgba(255, 0, 0, 0.5);
    color: #fff;
    text-shadow: none;
}

::selection {
    background-color: rgba(255, 0, 0, 0.5);
    color: #fff;
    text-shadow: none;
}

img::-moz-selection {
    background-color: transparent;
    -moz-box-shadow: none;
}

img::selection {
    background-color: transparent;
    box-shadow: none;
}

ul {
    padding: 14px 0 0;
}

li {
    background: url(../images/mark.svg) no-repeat;
    margin: 0 0 21px;
    padding: 0 0 0 30px;
    list-style: none;
}

.list li {
    background: none;
}

.list_2 {
    margin: 0 0 0 -36px
}

.list_2 .item {
    background: url(../images/mark.svg) no-repeat;
    width: calc(50% - 67px);
    margin: 0 0 23px 36px;
    padding: 0 0 0 30px;
    line-height: 1.3;
}

.page-with-modal {
    overflow: hidden;
}

.js-lightbox {
  /*display: block;*/
  /*  position: relative;*/
    width: inherit;
    height: inherit;


}

.js-lightbox:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

/*end other*/
/*---------------------- end global ----------------------------------*/
/*---------------------- wrapper ------------------------------------*/
.wrapper {
    min-width: 1024px;
    min-height: 100%;
    margin: auto;
    position: relative;
    z-index: 1;
}

.to-top {
    position: fixed;
    bottom: 30px;
    right: 0;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
}

.to-top.active {
    opacity: 1;
    visibility: visible;
}

.to-top .link {
    background: #30AFCE url(../images/to-top.svg) no-repeat 50% 50%;
    border-radius: 50%;
    display: block;
    width: 40px;
    height: 40px;
}

.inner {
    min-width: 1024px;
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.inner:before, .inner:after {
    content: "";
    display: table;
}

.inner:after {
    clear: both;
}

/*---------------------- *** ----------------------------------------*/
/*---------------------- header -------------------------------------*/
.header {
    min-width: 1024px;
    max-width: 1280px;
    padding: 167px 0 0;
    position: relative;
}

.header_top {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    min-width: 1024px;
    max-width: 1280px;
    height: 167px;
	width:100vw;
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 111;
    -webkit-transition: height 0.3s ease;
    transition: height 0.3s ease;
}

.header_top:after {
    content: "";
    background: #fff;
	width:100vw;
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    transform: translate(50%, 0);
    z-index: -2;
}
.header_top:before {
    content: "";
    background: url(../images/header_menu.svg) no-repeat 50% 0;
    width: 100vw;
    height: 50px;
    position: absolute;
    top: 117px;
   right: 50%;
    transform: translate(50%, 0);
    z-index: -1;
}
.nav {
    width: calc(100% - 285px);
    height: 50px;
    margin: 0 0 0 285px;
    position: relative;
    z-index: 11;
}

/*.nav:before {
    content: "";
    background: url(../images/header_menu.svg) no-repeat 50% 0;
    width: 100vw;
    height: 50px;
    position: absolute;
    top: 0;
   right: 50%;
    transform: translate(50%, 0);
    z-index: -1;
}*/

.nav> .list {
    display: table;
    width: 100%;
    position: relative;
    z-index: 1;
}

.nav> .list:after, .nav> .list:before, .nav> .list> .item:before, .nav> .list> .item:after {
    display: none;
}

.nav> .list> .item {
    display: table-cell;
    vertical-align: top;
    position: relative;
    font-size: 14px;
}

.nav> .list> .item> .link {
    display: table;
    width: 100%;
    height: 50px;
    position: relative;
    color: #fff;
    text-decoration: none;
    z-index: 2;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.nav> .list> .item:hover> .link, .nav> .list> .active> .link {
    background: #20364A;
}

.nav> .list> .item> .link> .text {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
    text-align: center;
}

.nav .sub {
    background: #fff;
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 0 0 10px 10px;
    position: absolute;
    top: 50px;
    left: 0;
    width: 299px;
    display: none;
}

.nav> .list> .item:last-child .sub {
    left: auto;
    right: 0;
}

.nav> .list> .item:nth-child(5) .sub {
    left: auto;
    right: 0;
}

.nav .back_sub {
    display: none;
}

.nav .sub_menu {
    display: block;
	  width: 299px;
    float: left;
    position: relative;
}

.nav .sub .item {
    position: relative;
}

.nav .sub .link {
    display: block;
    padding: 14px 22px 15px;
    position: relative;
    color: #3F4344;
    text-decoration: none;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.nav .sub .item:hover .link {
    background: rgba(48, 175, 206, 0.1);
    font-weight: 500;
    color: #20364A;
}

.nav> .list> .item:hover .sub {
    display: block;
}

.nav_toggle {
    display: none;
}

.main_page .catalog_header {
    display: block;
}

.catalog_header {
    display: none;
    width: 285px;
    position: absolute;
    top: 117px;
    left: 0;
    z-index: 111;
}

.catalog_header .title .link {
    background: #30AFCE url(../images/catalog_header_next.svg) no-repeat 93% 50%;
    border-radius: 10px 10px 0 0;
    display: block;
    height: 50px;
    padding: 0 0 0 18px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

.catalog_header .title .fig {
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 50px;
    margin: 0 12px 0 0;
    position: relative;
    overflow: hidden;
}

.catalog_header .title .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
}

.catalog_header .title .text {
    display: inline-block;
    vertical-align: middle;
    width: 80%;
}

.main_page .catalog_header_list {
    display: block;
    width: 285px;
    padding: 0;
    -moz-column-count: auto;
    -webkit-column-count: auto;
    column-count: auto;
}

.catalog_header_list {
    background: #fff;
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 0 0 10px 10px;
    display: none;
    width: calc(100vw - 60px);
    padding: 35px 30px;
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
}

.catalog_header:hover .catalog_header_list {
    display: block;
}

.main_page .catalog_header_list> .item {
    border-bottom: 1px solid #EBEBEB;
}

.catalog_header_list> .item {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
}

.catalog_header_list> .item:last-child {
    border-bottom: none;
}

.main_page .catalog_header_list> .item:nth-child(3) {
    margin: 0;
}

.catalog_header_list> .item:nth-child(3) {
    margin: 93px 0 0;
}

.main_page .catalog_header_list> .item:nth-child(5) {
    margin: 0;
}

.catalog_header_list> .item:nth-child(5) {
    margin: 84px 0 0;
}

.main_page .catalog_header_list> .item> .link {
    padding: 0 18px;
}

.catalog_header_list> .item> .link {
    display: block;
    color: #20364A;
    text-decoration: none;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.main_page .catalog_header_list> .item> .link:hover {
    background: rgba(48, 175, 206, 0.11);
}

.catalog_header_list> .item> .link:hover {
    color: #0588A8;
}

.catalog_header_list .fig {
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 50px;
    margin: 0 11px 0 0;
    position: relative;
    overflow: hidden;
}

.catalog_header_list .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
}

.catalog_header_list .text {
    display: inline-block;
    vertical-align: middle;
    width: 82%;
}

.catalog_header_list .back_sub {
    display: none;
}

.main_page .catalog_header_list .sub_menu {
    margin: 5px 0 1px 55px;
}

.catalog_header_list .sub_menu {
    margin: 5px 0 1px 37px;
}

.catalog_header_list .sub_menu .item {
    margin: 0 0 11px;
    font-weight: normal;
}

.catalog_header_list .sub_menu .link {
    color: #3F4344;
    text-decoration: none;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.catalog_header_list .sub_menu .link:hover {
    font-weight: 600;
    color: #0588A8;
}


.main_page .catalog_header_2 {
    display: none;
}

.catalog_header_2 {
    width: 285px;
    position: absolute;
    top: 117px;
    left: 0;
    z-index: 111;

}

.catalog_header_2 .title .link {
    background: #30AFCE url(../images/catalog_header_next.svg) no-repeat 93% 50%;
    border-radius: 10px 10px 0 0;
    display: block;
    height: 50px;
    padding: 0 0 0 18px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

.catalog_header_2 .title .fig {
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 50px;
    margin: 0 12px 0 0;
    position: relative;
    overflow: hidden;
}

.catalog_header_2 .title .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
}

.catalog_header_2 .title .text {
    display: inline-block;
    vertical-align: middle;
    width: 80%;
}


.catalog_header_2 .catalog_header_list {
    background: #fff;
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 0 0 10px 10px;
    display: none;
    width: calc(100vw - 60px);
    padding: 35px 30px;
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
}

.catalog_header_2:hover .catalog_header_list {
    display: block;
}


.catalog_header_2 .catalog_header_list> .item {
    border: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
}

.catalog_header_2 .catalog_header_list> .item:last-child {
    border-bottom: none;
}


.catalog_header_2 .catalog_header_list> .item:nth-child(3) {
    margin: 93px 0 0;
}


.catalog_header_2 .catalog_header_list> .item:nth-child(5) {
    margin: 84px 0 0;
}


.catalog_header_2 .catalog_header_list> .item> .link {
    display: block;
    color: #20364A;
    text-decoration: none;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}


.catalog_header_2 .catalog_header_list> .item> .link:hover {
    background: none;
    color: #0588A8;
}

.catalog_header_2 .catalog_header_list .fig {
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 50px;
    margin: 0 11px 0 0;
    position: relative;
    overflow: hidden;
}

.catalog_header_2 .catalog_header_list .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
}

.catalog_header_2 .catalog_header_list .text {
    display: inline-block;
    vertical-align: middle;
    width: 82%;
}

.catalog_header_2 .catalog_header_list .back_sub {
    display: none;
}


.catalog_header_2 .catalog_header_list .sub_menu {
    margin: 5px 0 1px 37px;
}

.catalog_header_2 .catalog_header_list .sub_menu .item {
    margin: 0 0 11px;
    font-weight: normal;
}

.catalog_header_2 .catalog_header_list .sub_menu .link {
    color: #3F4344;
    text-decoration: none;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.catalog_header_2 .catalog_header_list .sub_menu .link:hover {
    font-weight: 600;
    color: #0588A8;
}

.logo {
    background: url(../images/header_logo.svg) no-repeat 0 3px;
    width: 256px;
    height: 83px;
    margin: 17px 0 17px 25px;
}

.logo .link {
    display: block;
    width: 160px;
    height: 83px;
    padding: 0 0 0 96px;
    font-size: 14px;
    font-weight: bold;
    color: #0588A8;
    text-decoration: none;
    text-transform: uppercase;
}

.logo .big_text {
    display: block;
    font-size: 28px;
    color: #159F6C;
    line-height: 1;
}

.logo .big_text:last-child {
    margin: 0 0 6px;
}

.contacts_header {
    width: 466px;
    margin: 21px 0 17px;
    display: flex;
    flex-direction: row;
}

.contacts_header .in:first-child {
	width:210px;
    margin: 0 22px 0 0;
}

.contacts_header .in:nth-child(2) {
	width:195px;
    margin: 0 16px 0 0;
}

.phone {
    margin: 6px 0 7px;
    font-weight: bold;
    color: #20364A;
}

.phone .link {
    background: url(../images/header_phone-call.svg) no-repeat;
    display: inline-block;
    padding: 1px 0 0 28px;
    color: #20364A;
    text-decoration: none;
}

.WhatsApp {
    margin: 4px 0 15px;
    font-weight: bold;
    color: #20364A;
}

.WhatsApp .link {
    background: url(../images/header_whatsapp.svg) no-repeat;
    display: inline-block;
    min-height: 18px;
    padding: 2px 0 0 27px;
    color: #20364A;
    text-decoration: none;
}

.mail {
    margin: 0 0 6px;
    font-size: 14px;
    color: #3F4344;
}

.mail .link {
    background: url(../images/header_mail.svg) no-repeat 2px 2px;
    display: inline-block;
    padding: 0 0 0 28px;
    color: #3F4344;
    text-decoration: none;
}

.address {
    background: url(../images/header_pin.svg) no-repeat 3px 0;
    display: inline-block;
    min-height: 16px;
    padding: 2px 0 0 28px;
    font-size: 14px;
    color: #3F4344;
}

.send_request .link {
    background: #159F6C;
    border-radius: 22px;
    display: inline-block;
    height: 35px;
    padding: 0 25px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 35px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.send_request .link:hover {
    background: #30AFCE;
}

.basket {
    margin: 20px 25px 0 0;
    padding: 0 0 17px;
    position: relative;
}

.basket> .link {
    background: url(../images/basket.svg) no-repeat;
    display: inline-block;
    padding: 7px 0 0 50px;
    font-size: 14px;
    color: #3F4344;
    text-decoration: none;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.basket:hover> .link {
    background: url(../images/basket_hover.svg) no-repeat;
}

.basket> .link> .title {
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: bold;
    color: #20364A;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.basket> .link:hover> .title {
    color: #30AFCE;
}

.basket .number {
    margin: 8px 0 0;
    font-size: 16px;
    font-weight: bold;
    color: #20364A;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.basket:hover .number {
    color: #30AFCE;
}

.basket .sub {
    background: #fff;
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    display: none;
    width: 306px;
    padding: 5px 11px 24px 15px;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 12;
}

.basket:hover .sub {
    display: block;
}

.basket .sub:before {
    content: "";
    background: url(../images/basket_triangle.png) no-repeat;
    width: 18px;
    height: 16px;
    position: absolute;
    top: -16px;
    right: 62px;
}

.basket_list {
    max-height: 362px;
    overflow-x: auto;
    margin: 0 0 10px;
    padding: 0 23px 0 0;
}

.basket_list .item {
    border-top: 1px solid #EBEBEB;
    margin: 0 0 15px;
    padding: 11px 0 0;
    font-size: 12px;
    font-weight: 500;
}

.basket_list .item:first-child {
    border: none;
}

.basket_list .link {
    color: #20364A;
    text-decoration: none;
}

.basket_list .title {
    margin: 0 0 5px;
}

.basket_list .price {
    font-size: 14px;
    font-weight: bold;
}

.basket_list .fig {
    display: inline-block;
    vertical-align: middle;
    width: 42px;
    height: 48px;
    margin: 0 6px 0 0;
    position: relative;
    overflow: hidden;
}

.basket_list .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
}

.basket_list .text {
    display: inline-block;
    vertical-align: middle;
    width: 73%;
}

.basket_list .delete {
    display: inline-block;
    vertical-align: middle;
}

.basket_list .delete .link {
    background: url(../images/basket_delete.svg) no-repeat;
    display: block;
    width: 16px;
    height: 20px;
}

.basket_list .delete .link:hover {
    background: url(../images/basket_delete_hover.svg) no-repeat;
}

.btn_1 {
    background: #159F6C;
    border-radius: 22px;
    display: inline-block;
    width: 285px;
    height: 35px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 35px;
    text-align: center;
}

.social_networks_list {
    display: flex;
    flex-direction: column;
}

.social_networks_list .item {
    margin: 0 0 4px;
}

.social_networks_list .img {
    vertical-align: top;
}

.promo {
    height: 332px;
    margin: 0 0 35px;
    padding: 88px 430px 0 333px;
    position: relative;
}

.promo:before {
    content: "";
    background: url(../images/promo.jpg) no-repeat 50% 0;
    width: 100vw;
    height: 420px;

    position: absolute;
    top: 0;
    right: 50%;
	 transform: translate(50%, 0);
    z-index: -1;
}

.promo .fig {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 67px;
    margin: 0 13px 20px 0;
    position: relative;
    overflow: hidden;
}

.promo .fig .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
}

.promo .text {
    display: inline-block;
    vertical-align: middle;
    width: 110%;
    margin: 0 -78px 20px 0;
    font-size: 30px;
    font-weight: bold;
    color: #20364A;
    text-transform: uppercase;
}

.promo .in {
    margin: 0 0 35px;
    font-size: 14px;
    color: #3F4344;
    line-height: 1.3;
}

.more {
    background: #159F6C;
    border-radius: 22px;
    display: inline-block;
    height: 35px;
    padding: 0 33px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 35px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.more:hover {
    background: #30AFCE;
}

.contacts_header_mobile {
    display: none;
}

/*---------------------- end header ----------------------------------*/
/*---------------------- side ---------------------------------------*/
.side {
}

/*---------------------- end side ------------------------------------*/
/*---------------------- content -------------------------------------*/
.main_page .content {
    padding: 0 25px 69px 333px;
}

.content {
    position: relative;
    padding: 18px 25px 0;
}

.catalog_list {
    margin: 0 0 8px -25px;
}

.catalog_list .item {
    border-radius: 10px;
    width: calc(34% - 34px);
    margin: 0 0 25px 25px;
    position: relative;
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
}

.catalog_list .item:hover {
    font-size: 16px;
    text-transform: uppercase;
}

.catalog_list .item:first-child {
    width: calc(100% - 25px);
}

.catalog_list .item:last-child {
    width: calc(100% - 25px);
}

.catalog_list .link {
    color: #fff;
    text-decoration: none;
}

.catalog_list .fig {
    border-radius: 10px;
    width: 100%;
    height: 0;
    padding-bottom: 108%;
    position: relative;
    overflow: hidden;
}

.catalog_list .item:first-child .fig {
    padding-bottom: 35%;
}

.catalog_list .item:last-child .fig {
    padding-bottom: 35%;
}

.catalog_list .fig .img {
    width: 100%;
    vertical-align: top;
}

.catalog_list .in {
    display: table;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -89%;
    right: 0;
    left: 0;
    z-index: 2;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.catalog_list .item:hover .in {
    border-radius: 10px;
    bottom: 0;
}

.catalog_list .in:before {
    content: "";
    background: rgba(31, 80, 125, 0.83);
    border-radius: 0 0 10px 10px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    filter: blur(1px);
    z-index: -1;
}

.catalog_list .item:hover .in:before {
    background: url(../images/catalog_list_hover_main_page_small.png) 50% 50%;
    border-radius: 10px;
}

.catalog_list .item:hover:first-child .in:before {
    background: url(../images/catalog_list_hover_main_page.png) 50% 50%;
}

.catalog_list .item:hover:last-child .in:before {
    background: url(../images/catalog_list_hover_main_page.png) 50% 50%;
}

.catalog_list .into {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    height: 100%;
    padding: 8px 0 0;
    text-align: center;
}

.catalog_list .item:hover .into {
    vertical-align: middle;
    padding: 0;
}

.catalog_list .iconka {
    display: none;
    width: 74px;
    height: 75px;
    margin: 0 auto 10px;
    position: relative;
    overflow: hidden;
}

.catalog_list .iconka .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
}

.catalog_list .item:hover .iconka {
    display: inline-block;
}

.carousel_2 {
    margin: 0 0 68px;
    padding: 0 21px;
    position: relative;
}

.carousel_2 .next, .carousel_2 .prev {
    background: url(../images/carousel_2_next.svg) no-repeat 100% 50%;
    width: 21px;
    height: 15px;
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 3;
}

.carousel_2 .next:hover {
    background: url(../images/carousel_2_next_hover.svg) no-repeat 100% 50%;
}

.carousel_2 .prev {
    background: url(../images/carousel_2_prev.svg) no-repeat 0 50%;
    right: auto;
    left: 0;
}

.carousel_2 .prev:hover {
    background: url(../images/carousel_2_prev_hover.png) no-repeat 0 50%;
}

.carousel_2 .in {
    position: relative;
    overflow: hidden;
}

.carousel_2 .main_list:before, .carousel_2 .main_list:after, .carousel_2 .main_list> .item:before, .carousel_2 .main_list> .item:after {
    display: none;
}

.carousel_2 .main_list {
    display: table;
    table-layout: fixed;
    width: 100%;
    position: relative;
}

.carousel_2 .main_list.animate {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.carousel_2 .item {
    /*width: calc(34vw - 157px);*/
    /*display: table-cell;*/
    padding: 0 30px 0 0;
    vertical-align: top;
    font-size: 14px;
    font-weight: 500;
    color: #3F4344;
    text-align: center;
    line-height: 1.3;
    box-sizing: border-box;
}

.carousel_2 .fig {
    display: block;
    width: 100%;
    height: 59px;
    margin: 0 0 11px;
    position: relative;
    overflow: hidden;
}

.carousel_2 .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
}

.main_page .popular_products {
    margin: 0 0 32px -308px;
    padding: 61px 0 0;
}

.popular_products {
    margin: 0 0 64px;
    text-align: center;
}

.popular_products .h2 {
    margin: 0 0 18px;
}

.carousel_3 {
    margin: -6px;
    padding: 0 21px;
    position: relative;
}

.carousel_3 .next, .carousel_3 .prev {
    background: url(../images/carousel_2_next.svg) no-repeat 100% 50%;
    width: 21px;
    height: 22px;
    margin-top: -11px;
    position: absolute;
    top: 50%;
    right: 6px;
    z-index: 3;
    cursor: pointer;
}

.carousel_3 .next:hover {
    background: url(../images/carousel_2_next_hover.svg) no-repeat 100% 50%;
}

.carousel_3 .prev {
    background: url(../images/carousel_2_prev.svg) no-repeat 0 50%;
    right: auto;
    left: -6px;
}

.carousel_3 .prev:hover {
    background: url(../images/carousel_2_prev_hover.png) no-repeat 0 50%;
}

.carousel_3 .in {
    padding: 6px;
    position: relative;
    overflow: hidden;
}

.carousel_3 .main_list:before, .carousel_3 .main_list:after, .carousel_3 .main_list> .item:before, .carousel_3 .main_list> .item:after {
    display: none;
}

.carousel_3 .main_list {
    border-spacing: 17px;
    display: table;
    table-layout: fixed;
    width: 100%;
    position: relative;
    left: -17px;
}

.carousel_3 .main_list.animate {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.main_page .carousel_3 .item {

}

.carousel_3 .item {
    background: #fff;
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    padding: 15px 15px 28px;
    /*display: table-cell;*/
    vertical-align: top;
    text-align: center;
    box-sizing: border-box;
}

.carousel_3 .link {
    font-size: 14px;
    font-weight: 600;
    color: #20364A;
    text-decoration: none;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.carousel_3 .item:hover .link {
    color: #0588A8;
}

.carousel_3 .fig {
    display: block;
    width: 100%;
    height: 170px;
    margin: 0 0 7px;
    position: relative;
    overflow: hidden;
}

.carousel_3 .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
}

.carousel_3 .article {
    margin: 0 0 8px;
    font-size: 12px;
    color: #3F4344;
}

.carousel_3 .title {
    height: 55px;
    margin: 0 0 13px;
    overflow: hidden;
    line-height: 1.1;
}

.carousel_3 .price {
    margin: 0 0 4px;
    font-size: 18px;
    font-weight: bold;
    color: #20364A;
}

.carousel_3 .stock {
    font-size: 12px;
    margin: 0 0 11px;
}

.carousel_3 .in_stock {
    color: #146D28;
}

.carousel_3 .out_stock {
    color: #617578;
}

.btn_2 {
    background: #159F6C url(../images/btn_2.svg) no-repeat 32px 50%;
    border-radius: 22px;
    display: inline-block;
    width: 108px;
    height: 35px;
    padding: 0 0 0 58px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 35px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.btn_2:hover {
    background: #30AFCE url(../images/btn_2.svg) no-repeat 32px 50%;
}
.btn_blue{
	 background: #30AFCE url(../images/btn_2.svg) no-repeat 32px 50%;
}
.carousel_3 .item:hover .btn_2 {
    background: #30AFCE url(../images/btn_2.svg) no-repeat 32px 50%;
}

.btn_3 {
    background: #fff;
    border: 1px solid #617578;
    border-radius: 22px;
    display: inline-block;
    width: 166px;
    height: 33px;
    font-size: 12px;
    font-weight: 600;
    color: #617578;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 33px;
}

.carousel_3 .number {
    background: #30AFCE;
    border-radius: 22px;
    display: inline-block;
    width: 102px;
    height: 33px;
    padding: 1px 47px;
    position: relative;
}

.carousel_3 .number .field {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 22px;
    width: 100%;
    height: 33px;
    padding: 6px 6px 8px;
    font-size: 14px;
    font-weight: 500;
    color: #3F4344;
    text-align: center;
}

.carousel_3 .field:-moz-placeholder {
    font-size: 14px;
    font-weight: 500;
    color: #3F4344;
}

.carousel_3 .field::-moz-placeholder {
    font-size: 14px;
    font-weight: 500;
    color: #3F4344;
}

.carousel_3 .field::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: 500;
    color: #3F4344;
}

.carousel_3 .field:-ms-input-placeholder {
    font-size: 14px;
    font-weight: 500;
    color: #3F4344;
}

.carousel_3 .field.placeholder {
    font-size: 14px;
    font-weight: 500;
    color: #3F4344;
}

.carousel_3 .number .up {
    background: url(../images/number_plus.svg) no-repeat 50% 50%;
    border-radius: 0 22px 22px 0;
    display: block;
    width: 47px;
    height: 35px;
    position: absolute;
    top: 0;
    right: 0;
}

.carousel_3 .number .down {
    background: url(../images/number_minus.svg) no-repeat 50% 50%;
    border-radius: 22px 0 0 22px;
    display: block;
    width: 47px;
    height: 35px;
    position: absolute;
    top: 0;
    left: 0;
}

.about_box {
    display: flex;
    flex-direction: row;
    margin: 0 0 0 -308px;
}

.about_box .fig {
    width: 429px;
    height: 515px;
    margin: 0 -39px 0 0;
    position: relative;
    overflow: hidden;
}

.about_box .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
}

.about_box .text {
    width: calc(100% - 387px);
    padding: 81px 0 0;
}

.about_box .h1 {
    margin: 0 0 29px;
}

.about_box .more {
    background: none;
    border: 1px solid #617578;
    height: 38px;
    padding: 0 27px;
    font-size: 14px;
    color: #617578;
    text-transform: none;
    line-height: 38px;
}

.about_box .more:hover {
    background: #30AFCE;
    border: 1px solid #30AFCE;
    color: #fff;
}

.main_page .consultation_box {
    margin: 0 0 68px -308px;
}

.consultation_box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 187px;
    margin: 0 0 68px;
    position: relative;
    color: #fff;
}

.consultation_box:before {
    content: "";
    background: url(../images/pic7.jpg) no-repeat 50% 0;
    width: 100vw;
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
	 transform: translate(50%, 0);
    z-index: -1;
}

.consultation_box p {
    margin: 0;
}

.consultation_box .h3 {
    margin: 0 0 7px;
    color: #fff;
}

.consultation_box .link {
    color: #fff;
    text-decoration: none;
}

.phone_content {
    margin: 0 0 8px;
    font-size: 24px;
    font-weight: bold;
}

.phone_content .link {
    background: url(../images/consultation_box_phone_content.svg) no-repeat 0 5px;
    display: inline-block;
    padding: 0 0 0 29px;
}

.consultation_box .btn_3 {
    background: #fff;
    border-radius: 50px;
    border: none;
    width: auto;
    height: 50px;
    padding: 0 46px;
    font-size: 14px;
    color: #30AFCE;
    line-height: 50px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.consultation_box .btn_3:hover {
    background: #20364A;
    color: #fff;
}

.main_page .popular_brands_box {
    margin: 0 0 56px -308px;
}

.popular_brands_box {
    margin: 0 0 56px;
    text-align: center;
}

.popular_brands_box .h3 {
    margin: 0 0 42px;
}

.carousel_4 {
    padding: 0 48px;
    position: relative;
}

.carousel_4 .next, .carousel_4 .prev {
    background: url(../images/carousel_2_next.svg) no-repeat 100% 50%;
    width: 38px;
    height: 48px;
    margin-top: -24px;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 3;
}

.carousel_4 .next:hover {
    background: url(../images/carousel_2_next_hover.svg) no-repeat 100% 50%;
}

.carousel_4 .prev {
    background: url(../images/carousel_2_prev.svg) no-repeat 0 50%;
    right: auto;
    left: 0;
}

.carousel_4 .prev:hover {
    background: url(../images/carousel_2_prev_hover.png) no-repeat 0 50%;
}

.carousel_4 .in {
    position: relative;
    overflow: hidden;
}

.carousel_4 .main_list:before, .carousel_4 .main_list:after, .carousel_4 .main_list> .item:before, .carousel_4 .main_list> .item:after {
    display: none;
}

.carousel_4 .main_list {
    display: table;
    table-layout: fixed;
    width: 100%;
    position: relative;
}

.carousel_4 .main_list.animate {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.carousel_4 .item {
    /*width: calc(20vw - 47px);*/
    /*display: table-cell;*/
    padding: 0 30px 0 0;
    vertical-align: top;
    box-sizing: border-box;
}

.carousel_4 .fig {
    display: block;
    width: 100%;
    height: 102px;
    position: relative;
    overflow: hidden;
}

.carousel_4 .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
}

.main_page .promo_text {
    margin: 0 0 0 -308px;
}

.promo_text {
    margin: 0 0 45px;
}

.crumbs {
    margin: 0 0 18px;
}

.crumbs:before, .crumbs:after {
    display: none;
}

.crumbs:after {
    clear: both;
}

.crumbs .item {
    background: url(../images/crumbs.png) no-repeat 8px 0;
    display: inline;
    padding: 0 0 0 25px;
    font-size: 11px;
    font-weight: 500;
    color: #6D8DAA;
    line-height: 1.6;
}

.crumbs .item:first-child {
    background: none;
    padding-left: 0;
}

.crumbs .item:before, .crumbs .item:after {
    display: none;
}

.crumbs .item:after {
    clear: both;
}

.crumbs .link {
    color: #6D8DAA;
}

.products_list {
    margin: 0 0 52px -25px;
}

.products_list .item {
    border-radius: 10px;
    width: calc(34% - 23px);
    margin: 0 0 13px 13px;
    position: relative;
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
}

.products_list .item:hover {
    text-transform: uppercase;
}

.products_list .item:nth-child(5n+1) {
    width: calc(50% - 13px);
}

.products_list .item:nth-child(5n+2) {
    width: calc(50% - 13px);
}

.products_list .link {
    color: #fff;
    text-decoration: none;
}

.products_list .fig {
    border-radius: 10px;
    width: 100%;
    height: 0;
    padding-bottom: 54%;
    position: relative;
    overflow: hidden;
}

.products_list .item:nth-child(5n+1) .fig {
    padding-bottom: 35%;
}

.products_list .item:nth-child(5n+2) .fig {
    padding-bottom: 35%;
}

.products_list .fig .img {
    width: 100%;
    vertical-align: top;
}

.products_list .in {
    display: table;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -80%;
    right: 0;
    left: 0;
    z-index: 2;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.products_list .item:hover .in {
    border-radius: 10px;

    bottom: 0;
}

.products_list .in:before {
    content: "";
    background: rgba(31, 80, 125, 0.83);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    filter: blur(1px);
    z-index: -1;
}

.products_list .item:hover .in:before {
    background: url(../images/products_list_hover.png) 50% 50%;
    border-radius: 10px;
}

.products_list .into {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    height: 100%;
    padding: 9px 0 0;
    text-align: center;
}

.products_list .item:hover .into {
    vertical-align: middle;
    padding: 0;
}

.products_list .iconka {
    display: none;
    width: 74px;
    height: 75px;
    margin: 0 auto 10px;
    position: relative;
    overflow: hidden;
}

.products_list .iconka .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
}

.products_list .item:hover .iconka {
    display: inline-block;
}

.interested_list {
    margin: 0 0 80px -13px;

}


.interested_list .item {
    border-radius: 10px;
    width: calc(20% - 13px);
    margin: 0 0 13px 13px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
}

.interested_list .link {
    display: block;
    position: relative;
    color: #fff;
    text-decoration: none;
}

.interested_list .fig {
    border-radius: 10px;
    display: block;
    width: 100%;
    height: 199px;
    position: relative;
    overflow: hidden;
}

.interested_list .img {
    width: 100%;
    vertical-align: top;
}

.interested_list .text {
    border-radius: 0 0 10px 10px;
    display: table;
    width: 100%;
    height: 35px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.interested_list .text:before {
    content: "";
    background: rgba(31, 80, 125, 0.83);
    border-radius: 0 0 10px 10px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    filter: blur(1px);
    z-index: -1;
}

.interested_list .into {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 35px;
    text-align: center;
}

.all_content {
    display: flex;
    flex-direction: row;
}

.left_block {
    width: 285px;
    margin: 6px 46px 32px 0;
}

.right_block {
    width: calc(100% - 331px);
}

.catalog_side_list {
    background: #fff;
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.catalog_side_list> .item {
    border-bottom: 1px solid #EBEBEB;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
}

.catalog_side_list> .item:last-child {
    border-bottom: none;
}

.catalog_side_list> .item> .link {
    display: block;
    padding: 1px 15px;
    color: #20364A;
    text-decoration: none;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.catalog_side_list> .item> .link:hover, .catalog_side_list> .active> .link {
    background: rgba(48, 175, 206, 0.11);
    color: #0588A8;
}

.catalog_side_list .fig {
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 50px;
    margin: 0 8px 0 0;
    position: relative;
    overflow: hidden;
}

.catalog_side_list .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
}

.catalog_side_list .text {
    display: inline-block;
    vertical-align: middle;
    width: 82%;
}

.catalog_side_list .sub_menu {
    margin: 7px 0 1px 55px;
}

.catalog_side_list .sub_menu .item {
    margin: 0 0 8px;
    font-weight: normal;
}

.catalog_side_list .sub_menu .link {
    color: #3F4344;
    text-decoration: none;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.catalog_side_list .sub_menu .link:hover {
    font-weight: 600;
    color: #0588A8;
}

.services_list {
    margin: 0 0 18px -21px;
}

.services_list .item {
    background: #fff;
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    width: calc(34vw - 180px);
    margin: 0 0 22px 21px;
    padding: 15px 15px 28px;
    text-align: center;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.services_list .item:hover {
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.services_list .link {
    font-size: 14px;
    font-weight: 600;
    color: #20364A;
    text-decoration: none;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.services_list .item:hover .link {
    color: #0588A8;
}

.services_list .fig {
    display: block;
    width: 100%;
    height: 170px;
    margin: 0 0 7px;
    position: relative;
    overflow: hidden;
}

.services_list .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
}

.services_list .article {
    margin: 0 0 8px;
    font-size: 12px;
    color: #3F4344;
}

.services_list .title {
    height: 55px;
    margin: 0 0 13px;
    overflow: hidden;
    line-height: 1.1;
}

.services_list .price {
    margin: 0 0 4px;
    font-size: 18px;
    font-weight: bold;
    color: #20364A;
}

.services_list .stock {
    font-size: 12px;
    margin: 0 0 11px;
}

.services_list .in_stock {
    color: #146D28;
}

.services_list .out_stock {
    color: #617578;
}

.services_list .item:hover .btn_2 {
    background: #30AFCE url(../images/btn_2.svg) no-repeat 32px 50%;
}

.services_list .number {
	display:none !important;
    background: #30AFCE;
    border-radius: 22px;
    display: block;
    width: calc(100% - 94px);
    height: 33px;
    padding: 1px 47px;
    position: relative;
}

.services_list .number .field {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 22px;
    width: 100%;
    height: 33px;
    padding: 6px 6px 8px;
    font-size: 14px;
    font-weight: 500;
    color: #3F4344;
    text-align: center;
}

.services_list .field:-moz-placeholder {
    font-size: 14px;
    font-weight: 500;
    color: #3F4344;
}

.services_list .field::-moz-placeholder {
    font-size: 14px;
    font-weight: 500;
    color: #3F4344;
}

.services_list .field::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: 500;
    color: #3F4344;
}

.services_list .field:-ms-input-placeholder {
    font-size: 14px;
    font-weight: 500;
    color: #3F4344;
}

.services_list .field.placeholder {
    font-size: 14px;
    font-weight: 500;
    color: #3F4344;
}

.services_list .number .up {
    background: url(../images/number_plus.svg) no-repeat 50% 50%;
    border-radius: 0 22px 22px 0;
    display: block;
    width: 47px;
    height: 35px;
    position: absolute;
    top: 0;
    right: 0;
}

.services_list .number .down {
    background: url(../images/number_minus.svg) no-repeat 50% 50%;
    border-radius: 22px 0 0 22px;
    display: block;
    width: 47px;
    height: 35px;
    position: absolute;
    top: 0;
    left: 0;
}

.pages {
    margin: 0 0 32px;
    text-align: center;
}

.pages .item {
    margin: 0 9px 0 0;
    font-size: 14px;
    font-weight: 600;
    color: #20364A;
    text-align: center;
}

.pages .item:first-child {
    margin: 0;
}

.pages .link {
    display: block;
    min-width: 20px;
    height: 30px;
    padding: 0 5px;
    position: relative;
    color: #20364A;
    text-decoration: none;
    line-height: 30px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.pages .prev {
    background: url(../images/pages_prev.svg) no-repeat 0 50%;
    display: inline-block;
    width: 39px;
    height: 30px;
}

.pages .next {
    background: url(../images/pages_next.svg) no-repeat 100% 50%;
    display: inline-block;
    width: 41px;
    height: 30px;
}

.pages .beginning {
    background: url(../images/pages_beginning.svg) no-repeat 0 50%;
    display: inline-block;
    width: 45px;
    height: 30px;
}

.pages .end {
    background: url(../images/pages_end.svg) no-repeat 100% 50%;
    display: inline-block;
    width: 35px;
    height: 30px;
}

.pages .dot {
    display: block;
    min-width: 16px;
    height: 30px;
    padding: 5px 0 0 0;
    text-decoration: none;
    color: #20364A;
}

.pages .item:hover .link, .pages .active {
    background: #30AFCE;
    border-radius: 50%;
    min-width: 20px;
    height: 30px;
    padding: 0 5px;
    color: #fff;
    line-height: 30px;
}

.fig_services_in {
    background: #fff;
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    float: left;
    width: 354px;
    height: 333px;
    margin: 0 37px 20px 0;
    position: relative;
    overflow: hidden;
}

.fig_services_in .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
}

.article_services_in {
    display: inline-block;
    margin: 0 60px 0 0;
    font-size: 14px;
    color: #3F4344;
}

.stock_services_in {
    display: inline-block;
    font-size: 14px;
}

.stock_services_in .in_stock {
    color: #146D28;
}

.stock_services_in .out_stock {
    color: #617578;
}

.price_services_in {
    margin: 0 0 18px;
    font-size: 24px;
    font-weight: bold;
    color: #20364A;
}

.btn_box_services_in {
    overflow: hidden;
    margin: 0 0 23px;
}

.btn_box_services_in .btn_2 {
    background: #159F6C url(../images/btn_2_big.svg) no-repeat 19px 50%;
    border-radius: 22px;
    display: inline-block;
    vertical-align: middle;
    width: 97px;
    height: 40px;
    padding: 0 0 0 46px;
    font-size: 13px;
    line-height: 40px;
}
.btn_box_services_in .btn_blue{
	 background: #30AFCE url(../images/btn_2_big.svg) no-repeat 19px 50%;
}
.btn_box_services_in .number {
    background: #fff;
    border-radius: 22px;
    display: inline-block;
    vertical-align: middle;
    width: 95px;
    height: 40px;
    margin: 0 8px 0 0;
    position: relative;
}

.btn_box_services_in .number .field {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 22px;
    width: 100%;
    height: 40px;
    padding: 6px 27px 8px;
    font-size: 16px;
    font-weight: 500;
    color: #3F4344;
    text-align: center;
}

.btn_box_services_in .field:-moz-placeholder {
    font-size: 16px;
    font-weight: 500;
    color: #3F4344;
}

.btn_box_services_in .field::-moz-placeholder {
    font-size: 16px;
    font-weight: 500;
    color: #3F4344;
}

.btn_box_services_in .field::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: 500;
    color: #3F4344;
}

.btn_box_services_in .field:-ms-input-placeholder {
    font-size: 16px;
    font-weight: 500;
    color: #3F4344;
}

.btn_box_services_in .field.placeholder {
    font-size: 16px;
    font-weight: 500;
    color: #3F4344;
}

.btn_box_services_in .number .up {
    background: url(../images/plus.svg) no-repeat 0 50%;
    display: block;
    width: 26px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
}

.btn_box_services_in .number .down {
    background: url(../images/minus.svg) no-repeat 100% 50%;
    display: block;
    width: 26px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
}

.payment_delivery_list {
    border-top: 1px solid #6D8DAA;
    padding: 18px 0 0;
    overflow: hidden;
}

.payment_delivery_list> .item {
    margin: 0 0 14px;
    font-size: 14px;
    font-weight: bold;
    color: #20364A;
}

.payment_delivery_list .fig {
    display: inline-block;
    vertical-align: middle;
    width: 23px;
    height: 16px;
    margin: 0 12px 0 0;
    position: relative;
    overflow: hidden;
}

.payment_delivery_list .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
}

.payment_delivery_list .text {
    display: inline-block;
    vertical-align: middle;
    width: 80%;
}

.payment_delivery_list .list {
    margin: 3px 0 0 35px;
}

.payment_delivery_list .list .item {
    background: url(../images/pic21.png) no-repeat 0 7px;
    margin: 0 0 2px;
    padding: 0 0 0 7px;
    font-size: 13px;
    color: #3F4344;
    font-weight: normal;
}

.opisanie_list_1 {
    border-bottom: 2px solid #0588A8;
    margin: 0 0 26px;
    padding: 0 0 6px;
}

.opisanie_list_1 .item {
    margin: 0 35px 0 0;
    font-size: 16px;
    font-weight: 600;
}

.opisanie_list_1 .link {
    color: #20364A;
    text-decoration: none;
}

.opisanie_list_1 .link:hover {
    color: #0588A8;
}

.opisanie_list_1 .active {
    color: #0588A8;
}

.opisanie_list_1 .link .text {
    display: table-cell;
    vertical-align: middle;
    height: 38px;
    padding: 5px 20px 0;
}

.table_1 {
    margin: 0 0 26px;
}

.table_1 th {
    background: #6D8DAA;
    padding: 7px 0 9px 19px;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
}

.table_1 th:first-child {
    border-radius: 10px 0 0 10px;
}

.table_1 th:last-child {
    border-radius: 0 10px 10px 0;
}

.table_1 td {
    border-bottom: 1px solid rgba(109, 141, 170, 0.31);
    padding: 14px 0 25px 19px;
    font-size: 14px;
    color: #3F4344;
    vertical-align: top;
}

.table_1 .title {
    padding: 4px 0 0;
    font-weight: 600;
    color: #20364A;
}

.table_1 .price {
    padding: 4px 0 0;
    font-weight: bold;
    color: #20364A;
}

.c-22 {
    width: 22%;
}

.advantages_list {
    margin: 0 0 10px -56px;
}

.advantages_list .item {
    width: calc(34% - 63px);
    margin: 0 0 20px 56px;
    font-size: 14px;
    font-weight: 500;
    color: #3F4344;
    text-align: center;
}

.advantages_list .fig {
    width: 100%;
    height: 59px;
    margin: 0 0 10px;
    position: relative;
    overflow: hidden;
}

.advantages_list .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
}

.big_fig {
    border: 1px solid #DEE3E3;
    border-radius: 10px;
    width: 100%;
    height: 0;
    padding-bottom: 35%;
    margin: 0 0 23px;
    position: relative;
    overflow: hidden;
}

.big_fig .img {
    width: 100%;
}

.gallerry_list {
    margin: 0 0 0 -23px;
}

.gallerry_list .item {
    width: calc(34% - 30px);
    margin: 0 0 23px 23px;
}

.gallerry_list .fig {
    border-radius: 10px;
    width: 100%;
    height: 0;
    padding-bottom: 94%;
    position: relative;
    overflow: hidden;
}

.gallerry_list .img {
    width: 100%;
}

.left_fig {
    float: left;
    border-radius: 10px;
    width: 50%;
    height: 0;
    margin: 0 22px 0 0;
    padding-bottom: 36%;
    position: relative;
    overflow: hidden;
}

.left_fig .img {
    width: 100%;
}

.right_fig {
    float: right;
    border-radius: 10px;
    width: 50%;
    height: 0;
    margin: 0 0 0 22px;
    padding-bottom: 36%;
    position: relative;
    overflow: hidden;
}

.right_fig .img {
    width: 100%;
}

.table_2 {
    border-collapse: separate;
    border-spacing: 0 9px;
    width: calc(100% - 309px);
    margin: 0 39px 0 0;
	float:left;
}

.table_2 .item {
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.table_2 td {
    background: #fff;
    padding: 0 14px 0 0;
    font-size: 14px;
}

.table_2 td:first-child {
    border-radius: 10px 0 0 10px;
	padding: 0 14px;
}

.table_2 td:last-child {
    border-radius: 0 10px 10px 0;
    padding: 0;
}

.table_2 .fig {
    background: #fff;
    border-radius: 10px 0 0 10px;
    width: 100px;
    height: 127px;
    position: relative;
    overflow: hidden;
}

.table_2 .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
}

.table_2 .article {
    margin: 0 0 4px;
    font-size: 12px;
    color: #3F4344;
}

.table_2 .title {
    font-size: 14px;
    font-weight: 600;
    color: #20364A;
    line-height: 1.3;
}

.table_2 .title .link {
    color: #20364A;
    text-decoration: none;
}

.table_2 .price {
    font-size: 16px;
    font-weight: bold;
    color: #20364A;
}

.table_2 .price_2 {
    font-size: 16px;
    font-weight: bold;
    color: #159F6C;
}

.table_2 .delete {
    background: url(../images/basket_content_delete.svg) no-repeat 0 11px;
    display: block;
    width: 27px;
    height: 127px;
    position: relative;
    z-index: 2;
}

.table_2 .number {
    background: #fff;
    border: 1px solid #6D8DAA;
    border-radius: 22px;
    display: block;
    width: 79px;
    height: 32px;
    position: relative;
}

.table_2 .number .field {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 22px;
    width: 100%;
    height: 32px;
    padding: 6px 27px 8px;
    font-size: 14px;
    font-weight: 500;
    color: #3F4344;
    text-align: center;
}

.table_2 .field:-moz-placeholder {
    font-size: 14px;
    font-weight: 500;
    color: #3F4344;
}

.table_2 .field::-moz-placeholder {
    font-size: 14px;
    font-weight: 500;
    color: #3F4344;
}

.table_2 .field::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: 500;
    color: #3F4344;
}

.table_2 .field:-ms-input-placeholder {
    font-size: 14px;
    font-weight: 500;
    color: #3F4344;
}

.table_2 .field.placeholder {
    font-size: 14px;
    font-weight: 500;
    color: #3F4344;
}

.table_2 .number .up {
    background: url(../images/plus.svg) no-repeat 0 50%;
    display: block;
    width: 26px;
    height: 32px;
    position: absolute;
    top: 0;
    right: 0;
}

.table_2 .number .down {
    background: url(../images/minus.svg) no-repeat 100% 50%;
    display: block;
    width: 26px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 0;
}

.basket_content {
    /*display: flex;
    flex-direction: row;*/
    margin: 0 0 62px;
}

.result_basket {
    background: #fff;
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
	float:right;
    width: 226px;
    margin: 9px 0;
    padding: 0 22px;
    text-align: center;
	position: sticky;
top: 100px;
}

.result_basket .result {
    border-bottom: 1px solid #EBEBEB;
    margin: 0 -22px 24px;
    padding: 21px 22px 22px;
    font-size: 16px;
    font-weight: bold;
    color: #20364A;
}

.result_basket .sum {
    font-size: 24px;
}


.jakori {
    position: absolute;
    top: -100px;
    left: 0;
}
.button {
    background: #159F6C;
    border: none;
    border-radius: 22px;
    width: 100%;
    height: 35px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    line-height: 35px;
    text-align: center;
}
a.button{
	display:block;
	height:35px;
	line-height:35px;
	text-decoration:none;
}
.result_basket .delete {
    margin: 0 0 24px;
}

.result_basket .delete .link {
    background: url(../images/basket_content_delete_2.svg) no-repeat;
    display: inline-block;
    min-height: 20px;
    padding: 0 0 0 24px;
    font-size: 14px;
    font-weight: 600;
    color: #20364A;
    text-decoration: none;
}

.result_basket .payment_delivery_list {
    border-top: 1px solid #EBEBEB;
    margin: 0 -22px;
    padding: 23px 22px 0;
    text-align: left;
}

.c-33 {
    width: calc(33% - 20px)
}

.c-66 {
    width: calc(66% - 20px)
}

.h-129 {
    height: 129px;
}

.captcha {
    display: inline-block;
    padding-left: 88px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.captcha .fig {
    background: #fff;
    border: 1px solid #C4C4C4;
    border-right: 0;
    border-radius: 50px 0 0 50px;
    width: 88px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
	overflow:hidden;
}

.captcha .fig img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 10px;
}

.captcha .field {
    width: 100%;
    border-left: 0;
    border-radius: 0 50px 50px 0;
}

.label {
    font-size: 14px;
    font-weight: 600;
    color: #3F4344;
}

.c-33 .button {
    border-radius: 50px;
    height: 45px;
    font-size: 16px;
    line-height: 45px;
}

.info_text_form {
    font-size: 13px;
    color: #3F4344;
}

.info_text_form .link {
    color: #3F4344;
}

textarea.field {
    border-radius: 10px !important;
}

.why_we_list {
    border-bottom: 1px solid rgba(109, 141, 170, 0.34);
    overflow: hidden;
}

.why_we_list .item {
    margin: 0 0 21px;
    font-size: 14px;
    font-weight: 500;
    color: #3F4344;
}

.why_we_list .fig {
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 33px;
    margin: 0 13px 0 0;
    position: relative;
    overflow: hidden;
}

.why_we_list .fig .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
}

.why_we_list .text {
    display: inline-block;
    vertical-align: middle;
    width: 80%;
}

.fig_services {
    border-radius: 10px;
    float: left;
    width: auto;
    height: 352px;
    margin: 0 21px 0 0;
    position: relative;
    overflow: hidden;
}

.fig_services .img {
    width: 100%;
    vertical-align: top;
}

.price_services {
    margin: 0 0 26px;
    font-size: 24px;
    font-weight: bold;
    color: #20364A;
}

.btn_services {
    margin: 0 0 26px;
}

.btn_services .btn_1 {
    width: auto;
    padding: 0 66px;
    height: 45px;
    font-size: 16px;
    line-height: 45px;
}

.stages_list {
    margin: 0 0 98px -24px;
}

.stages_list .item {
    width: calc(34% - 33px);
    margin: 0 0 24px 24px;
    position: relative;
}

.stages_list .fig {
    border-radius: 10px;
    width: 100%;
    height: 0;
    padding-bottom: 85%;
    position: relative;
    overflow: hidden;
}

.stages_list .fig .img {
    width: 100%;
}

.stages_list .text {
    background: url(../images/pic40.png) 50% 0;
    border-radius: 10px;
    padding: 26px 29px 5px;
    position: absolute;
    bottom: -70px;
    right: 14px;
    left: 14px;
    font-size: 14px;
    color: #fff;
    line-height: 1.3;
}

.stages_list .title {
    float: left;
    margin: 0 16px 0 0;
}

.stages_list .name {
    margin: 0 0 7px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}

.modal {
    position: fixed;
    z-index: 1000;
}

.modal__inner {
    overflow: hidden;
    overflow-y: scroll;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.modal, .modal__bg {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.modal__horisontal_inner {
    display: table;
    height: 100%;
    margin: auto;
}

.modal__vertical_inner {
    display: table-cell;
    vertical-align: middle;
    -webkit-perspective: 1300px;
    perspective: 1300px;
}

.modal__bg {
    background: #282830;
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.show .modal__bg {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.68;
}

.modal__content {
    background: #fff;
    border-radius: 10px;
    padding: 24px;
    position: relative;
}

.modal__content .c-33 {
    width: calc(33% - 10px)
}

.modal__content .c-66 {
    width: calc(66% - 10px)
}

.h-104 {
    height: 104px;
}

.modal_box_form .modal__content {
    background: url(../images/modal_bg.jpg) no-repeat;
    width: 831px;
    height: 449px;
    padding: 49px 64px 0 78px;
    position: relative;
    font-size: 14px;
    color: #3F4344;
}

.modal__content .box {
    background: url(../images/modal_logo.svg) no-repeat;
    min-height: 96px;
    margin: 0 0 7px;
    padding: 16px 0 0 120px;
}

.modal__content .info_text_form {
    font-size: 14px;
}

.modal__content .h3 {
    margin: 0 0 10px;
    position: relative;
}

.box_thanks .modal__content {
    background: url(../images/modal_bg_thanks.jpg) no-repeat;
    width: 464px;
    height: 159px;
    position: relative;
    padding: 59px 218px 0 75px;
    font-size: 14px;
    color: #5E5E6A;
    line-height: 1.3;
}

.box_thanks .modal__content .box {
    padding: 8px 0 0 128px;
}

.box_thanks .h3 {
    font-size: 28px;
    margin: 0 0 7px;
}

.box_basket .modal__content {
    background: url(../images/modal_bg_thanks.jpg) no-repeat;
    width: 553px;
    height: 158px;
    position: relative;
    padding: 60px 129px 0 75px;
    font-size: 14px;
    color: #5E5E6A;
}

.box_basket .modal__content .box {
    padding: 8px 0 0 128px;
}

.box_basket .h3 {
    margin: 0 0 17px;
}

.box_basket .btn_1 {
    background: #30AFCE;
    border-radius: 22px;
    display: inline-block;
    width: 221px;
    height: 40px;
    line-height: 40px;
}

.box_basket .btn_2 {
    background: #159F6C;
    border-radius: 22px;
    display: inline-block;
    width: 182px;
    height: 40px;
    padding: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
}

.box_fig .modal__content {
    border-radius: 10px;
    padding: 19px 0 0 0;
    position: relative;
}

.modal__close_btn {
    background: url(../images/modal_close.svg) no-repeat 50% 50%;
    width: 53px;
    height: 53px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.modal_lightbox__title {
    min-height: 14px;
    margin: 0 67px 19px 25px;
    font-size: 14px;
    color: #282830;
}

.modal_lightbox__image img {
    border-radius: 0 0 10px 10px;
    vertical-align: top;
}

.modal_lightbox__prev, .modal_lightbox__next {
    cursor: pointer;
    width: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.modal_lightbox__next {
    left: auto;
    right: 0;
}

.modal_lightbox__prev:before, .modal_lightbox__next:before {
    content: "";
    background: url(../images/modal_prev.svg) no-repeat;
    width: 55px;
    height: 55px;
    margin-top: -27px;
    position: absolute;
    top: 50%;
    left: 10px;
}

.modal_lightbox__next:before {
    background: url(../images/modal_next.svg) no-repeat;
    left: auto;
    right: 10px;
}

.swiper-wrapper {
    align-items: stretch;
}

/*---------------------- end content ----------------------------------*/
/*---------------------- footer ---------------------------------------*/
.footer {
    width: 100%;
    height: 499px;
    margin: auto;
    position: relative;
}

.footer:after {
    content: "";
    background: #20364A;
	width: 100vw;
    position: absolute;
    top: 0;
     right: 50%;
    bottom: 0;
     transform: translate(50%, 0);
    z-index: -2;
}

.catalog_box_footer {
    width: 20%;
    position: absolute;
    top: 39px;
    left: 25px;
}

.catalog_box_footer .title {
    margin: 0 0 15px;
    position: relative;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

.catalog_box_footer .title .link {
    color: #fff;
    text-decoration: none;
}

.catalog_footer_list .item {
    margin: 0 0 13px;
    font-size: 14px;
}

.catalog_footer_list .link {
    color: #6D8DAA;
    text-decoration: none;
}

.services_footer {
    width: 17%;
    position: absolute;
    top: 39px;
    left: 26%;
}

.services_footer .title {
    margin: 0 0 15px;
    position: relative;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

.services_footer .title .link {
    color: #fff;
    text-decoration: none;
}

.services_footer .item {
    margin: 0 0 17px;
    font-size: 14px;
}

.services_footer .list .link {
    color: #6D8DAA;
    text-decoration: none;
}

.nav_footer {
    width: 22%;
    position: absolute;
    top: 39px;
    right: 25%;
}

.nav_footer .item {
    margin: 0 0 18px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.nav_footer .link {
    color: #fff;
    text-decoration: none;
}

.contacts_footer {
    width: 21%;
    position: absolute;
    top: 39px;
    right: 25px
}

.contacts_footer .title {
    margin: 0 0 19px;
    position: relative;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

.contacts_footer .title .link {
    color: #fff;
    text-decoration: none;
}

.contacts_footer .sub {
    margin: 0 0 0 5px;
}

.phone_footer {
    background: url(../images/footer_phone-call.svg) no-repeat;
    display: inline-block;
    margin: 0 0 12px;
    padding: 1px 0 0 26px;
    font-size: 16px;
    color: #fff;
}

.phone_footer .link {
    color: #fff;
    text-decoration: none;
}

.contacts_footer .phone_footer p {
    margin: 0 0 3px;
}

.mail_footer {
    margin: 0 0 18px;
    font-size: 14px;
    color: #fff;
}

.mail_footer .link {
    background: url(../images/footer_mail.svg) no-repeat 0 1px;
    display: inline-block;
    padding: 0 0 0 26px;
    color: #fff;
    text-decoration: none;
}

.address_footer {
    background: url(../images/footer_pin.svg) no-repeat;
    display: inline-block;
    padding: 0 0 0 26px;
    font-size: 14px;
    color: #fff;
}

.counter {
    position: absolute;
    bottom: 32px;
    right: 25px;
}

.counter .img {
    vertical-align: top;
}

.counter_2 {
    position: absolute;
    bottom: 32px;
    right: 66px;
}

.counter_2 .img {
    vertical-align: top;
}

.developer {
    position: absolute;
    bottom: 25px;
    right: 179px;
    font-size: 14px;
    color: #6D8DAA;
}

.developer .link {
    background: url(../images/footer_logo_digitalstrateg.svg) no-repeat;
    display: inline-block;
    min-height: 30px;
    padding: 15px 0 0 42px;
    color: #6D8DAA;
}

.social_networks_footer {
    border-top: 1px solid rgba(116, 149, 149, 0.30);
    width: 22%;
    padding: 21px 0 0;
    position: absolute;
    top: 145px;
    right: 25%;
}

.social_networks_footer .title {
    margin: 0 0 9px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

.social_networks_footer_list {
    display: inline-block;
    vertical-align: middle;
}

.social_networks_footer_list .item {
    margin: 0 10px 0 0;
}

.social_networks_footer_list .fig {
    display: block;
    width: 33px;
    height: 33px;
    position: relative;
    overflow: hidden;
}

.social_networks_footer_list .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
}

.company_footer {
    position: absolute;
    bottom: 38px;
    left: 25px;
    font-size: 14px;
    color: #6D8DAA;
}

.info_text {
    background: url(../images/footer_warning.svg) no-repeat 0 21px;
    border-top: 1px solid rgba(116, 149, 149, 0.30);
    border-bottom: 1px solid rgba(116, 149, 149, 0.30);
    padding: 21px 0 47px 29px;
    position: absolute;
    top: 295px;
    right: 25px;
    left: 25px;
    font-size: 13px;
    color: #6D8DAA;
}

.politics_privacies {
    position: absolute;
    bottom: 107px;
    left: 54px;
    font-size: 14px;
}

.politics_privacies .link {
    color: #6D8DAA;
}

/*---------------------- end footer -----------------------------------*/
/* media queries */

/* print media */
@media (min-width: 768px) {
    .page_with-small-header .header_top {
        height: 77px;
        z-index: 112;
    }
.page_with-small-header .header_top:before{
	top:48px;
	 height: 29px;
}

    .page_with-small-header .logo {
        background: url(../images/page_with-small-header_logo_small.svg) no-repeat;
        width: 206px;
        height: 37px;
        margin: 6px 0 5px 25px;
    }

    .page_with-small-header .logo .link {
        width: 159px;
        height: 37px;
        padding: 3px 0 0 47px;
        font-size: 10px;
    }

    .page_with-small-header .logo .big_text {
        display: inline-block;
        margin: 0 0 2px;
        font-size: 16px;
    }

    .page_with-small-header .logo .big_text:last-child {
        margin: 0;
    }

    .page_with-small-header .contacts_header {
        width: auto;
        margin: 13px 0 5px;
    }

    .page_with-small-header .contacts_header .in:first-child {
		width:auto;
        margin: 0 40px 0 0;
    }

    .page_with-small-header .contacts_header .in:nth-child(2) {
        display: flex;
        flex-direction: row;
		width:auto;
        margin: 0 0 0 0;
    }

    .page_with-small-header .WhatsApp {
        margin: 0 35px 0 0;
        font-size: 14px;
    }

    .page_with-small-header .WhatsApp .link {
        padding: 2px 0 0 25px;
    }

    .page_with-small-header .phone {
        margin: 0;
        font-size: 14px;
    }

    .page_with-small-header .phone .link {
        padding: 2px 0 0 23px;
    }

    .page_with-small-header .mail {
        display: none;
    }

    .page_with-small-header .address {
        display: none;
    }

    .page_with-small-header .social_networks_header {
        display: none;
    }

    .page_with-small-header .basket {
        margin: 8px 25px 0 0;
        padding: 0 0 5px;
    }

    .page_with-small-header .basket> .link {
        background: url(../images/page_with-small-header_basket.svg) no-repeat;
        position: relative;
        min-height: 23px;
        padding: 7px 24px 0 35px;
    }

    .page_with-small-header .basket> .link:before {
        content: "";
        background: url(../images/page_with-small-header_basket_next.svg) no-repeat;
        width: 7px;
        height: 12px;
        position: absolute;
        top: 9px;
        right: 0;
    }

    .page_with-small-header .basket> .link> .title {
        font-size: 14px;
    }

    .page_with-small-header .shopping_cart_empty {
        display: none;
    }

    .page_with-small-header .basket .number {
        display: none;
    }

    .page_with-small-header .send_request {
        margin: -4px 0 0;
    }

    .page_with-small-header .send_request .link {
        height: 30px;
        padding: 0 28px;
        font-size: 12px;
        line-height: 30px;
    }

    .page_with-small-header .nav {
        height: 29px;
    }



    .page_with-small-header .nav> .list> .item> .link {
        height: 29px;
    }

    .page_with-small-header .nav .sub {
        top: 29px;
    }

    .page_with-small-header .catalog_header {
        top: 48px;
    }

    .page_with-small-header .catalog_header .title .link {
        border-radius: 10px 10px 0 0;
        height: 29px;
        padding: 0 0 0 18px;
        font-size: 14px;
    }

    .page_with-small-header .catalog_header .title .fig {
        height: 29px;
    }

    /* .page_with-small-header .catalog_header_list {
         display: none;
     }

     .page_with-small-header .catalog_header:hover .catalog_header_list {
         display: block;
         width: calc(100vw - 60px);
         padding: 35px 30px;
         -moz-column-count: 4;
         -webkit-column-count: 4;
         column-count: 4;
     }

     .page_with-small-header .catalog_header_list> .item> .link {
         padding: 0;
     }

     .page_with-small-header .catalog_header_list> .item> .link:hover {
         background: none;
     }

     .page_with-small-header .catalog_header_list .sub_menu {
         margin: 5px 0 1px 37px;
     }

     .page_with-small-header .catalog_header_list> .item {
         border-bottom: none;
     }

     .page_with-small-header .catalog_header_list> .item:nth-child(3) {
         margin: 93px 0 0;
     }

     .page_with-small-header .catalog_header_list> .item:nth-child(5) {
         margin: 84px 0 0;
     }*/
    .page_with-small-header .catalog_header_2 {
        top: 48px;
        display: block;
    }

    .page_with-small-header .catalog_header_2 .title .link {
        border-radius: 10px 10px 0 0;
        height: 29px;
        padding: 0 0 0 18px;
        font-size: 14px;
    }

    .page_with-small-header .catalog_header_2 .title .fig {
        height: 29px;
    }

    .page_with-small-header .carousel_2 .item {
        /*width: calc(34vw - 184px);*/
    }


    .page_with-small-header .carousel_3 .item {
        /*width: calc(25vw - 66px);*/
    }


    .page_with-small-header .carousel_4 .item {
        /*width: calc(20vw - 53px);*/
    }


}

@media (max-width: 767px) {
    .wrapper {
        min-width: 0;
    }

    .inner {
        min-width: auto;
        max-width: none;
        width: auto;
        margin: 0 !important;
        padding: 0 !important;
    }

    .header {
        min-width: auto;
        max-width: none;
        width: 100%;
        padding: 80px 0 0;
    }

    .main_page .header_top {
        height: 80px;
    }

    .header_top {
        background: #fff;
        display: block;
        min-width: auto;
        max-width: none;
        width: 100%;
        height: 80px;
        padding: 0;
        z-index: 101;
    }

    .header_top:before {
        display: none;
    }

    .logo {
        background: url(../images/mobile_logo.svg) no-repeat 0 2px;
        width: 122px;
        height: 41px;
        margin: 0;
        position: absolute;
        top: 3px;
        left: 9px;
    }

    .logo .big_text:last-child {
        margin: 0 0 1px;
    }

    .logo .link {
        width: 79px;
        height: 41px;
        padding: 0 0 0 43px;
        font-size: 8px;
    }

    .logo .big_text {
        font-size: 13px;
    }

    .contacts_header {
        width: auto;
        margin: 0;
        display: block;
    }

    .contacts_header .in:first-child {
        margin: 0;
    }

    .contacts_header .in:nth-child(2) {
        margin: 0;
    }

    .mail {
        display: none;
    }

    .address {
        display: none;
    }

    .send_request {
        display: none;
    }

    .phone {
        margin: 0;
        position: absolute;
        top: 0;
        left: 141px;
    }

    .phone .text {
        display: none;
    }

    .phone .link {
        background: url(../images/mobile_phone-call.svg) no-repeat 50% 50%;
        display: inline-block;
        width: 45px;
        height: 45px;
        padding: 0;
    }

    .WhatsApp {
        margin: 0;
        position: absolute;
        top: 0;
        left: 182px;
    }

    .WhatsApp .link {
        background: url(../images/mobile_whatsapp.svg) no-repeat 50% 50%;
        display: inline-block;
        min-height: 0;
        width: 45px;
        height: 45px;
        padding: 0;
    }

    .WhatsApp .text {
        display: none;
    }

    .social_networks_header {
        display: none;
    }

    .basket {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        right: 50px;
        z-index: 122;
    }

    .basket> .link {
        background: url(../images/mobile_basket.svg) no-repeat 50% 50%;
        display: inline-block;
        width: 45px;
        height: 45px;
        padding: 0;
    }

    .basket:hover> .link {
        background: url(../images/mobile_basket.svg) no-repeat 50% 50%;
    }

    .basket> .link> .title {
        display: none;
    }

    .basket .sub {
        width: 294px;

        right: -50px;

    }

    .basket.click .sub {
        display: block !important;
    }

    .shopping_cart_empty {
        display: none;
    }

    .basket .number {
        display: none;
    }

    .nav {

        width: 44px;
        height: 45px;
        margin: 0;
        position: absolute;
        z-index: 21;
        top: 0;
        right: 0;
    }

    .nav_active {
        width: 100%;
        height: auto;
    }

    .nav::before {
        display: none;
    }

    .nav_toggle {
        display: block;
        background: #159F6C;
        border: none;
        position: absolute;
        top: 0;
        right: 0;
        width: 44px;
        height: 45px;
    }

    .nav_toggle:after {
        content: '';
        background: #fff;
        box-shadow: 0 5px 0 #fff, 0 10px 0 #fff;
        width: 21px;
        height: 2px;
        position: absolute;
        top: 14px;
        right: 12px;
        z-index: 3;
    }

    .nav_active .nav_toggle {
        background: #159F6C;

    }

    .nav_active .nav_toggle:after {
        background: url(../images/mobile_menu_close.svg) no-repeat 50% 50%;
        box-shadow: none;
        width: 44px;
        height: 45px;
        top: 0;
        right: 0;
    }

    .nav> .list {
        background: #0ea6d7 url(../images/mobile_nav_bg.jpg) repeat-x;
        min-width: auto;
        max-width: none;
        width: 100vw;
        height: 100vh;
        padding: 40px 0 0;
        position: absolute;
        top: 45px;
        left: 0;
        right: 0;
        transform: translate(110%, 0);
        transition: transform .3s ease;
        will-change: transform;
    }

    .page_with_nav .contacts_header_mobile {
        border-top: 1px solid #4fc8e3;
        display: block;
        padding: 10px;
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        text-align: center;
        z-index: 28;
    }

    .page_with_nav .contacts_header_mobile .mail {
        display: block;
        margin: 0 0 10px;
    }

    .page_with_nav .contacts_header_mobile .mail .link {
        background: url(../images/mobile_mail_down.svg) no-repeat 0 5px;
        display: inline-block;
        padding: 0 0 0 21px;
        font-size: 13px;
        color: #fff;
        text-decoration: none;
    }

    .page_with_nav .contacts_header_mobile .phone {
        display: inline-block;
        vertical-align: middle;
        margin: 0 10px 7px 0;
        position: relative;
        left: 0;
        font-weight: normal;
    }

    .page_with_nav .contacts_header_mobile .phone .link {
        background: url(../images/mobile_phone-call_down.svg) no-repeat 0 1px;
        display: inline-block;
        width: auto;
        height: auto;
        min-height: 15px;
        padding: 0 0 0 23px;
        font-size: 13px;
        color: #fff;
        text-decoration: none;
    }

    .page_with_nav .contacts_header_mobile .WhatsApp {
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 7px;
        position: relative;
        left: 0;
        font-weight: normal;
    }

    .page_with_nav .contacts_header_mobile .WhatsApp .link {
        background: url(../images/mobile_whatsapp_down.svg) no-repeat 0 2px;
        display: inline-block;
        width: auto;
        height: auto;
        padding: 0 0 0 21px;
        font-size: 13px;
        font-weight: normal;
        color: #fff;
        text-decoration: none;
    }

    .page_with_nav .contacts_header_mobile .address {
        display: block;
        background: url(../images/mobile_pin_down.svg) no-repeat 25px 0;
        display: inline-block;
        padding: 0 0 0 22px;
        font-size: 13px;
        color: #fff;
    }

    .nav> .list> .item {
        display: block;
        margin: 0 0 42px;
        position: static;
    }

    .nav> .list> .item> .link {
        display: block;
        height: auto;
        color: #fff;
    }

    .nav> .list> .item:hover> .link, .nav> .list> .active> .link {
        background: none;
    }

    .nav> .list> .item> .link> .text {
        display: block;
    }

    .nav> .list> .item> .link> .text> .in {
        display: inline-block;
        padding: 0 18px 0 0;
    }

    .nav> .list> .have_sub> .link> .text> .in {
        background: url(../images/have_sub.svg) no-repeat 100% 4px;
    }

    .nav_active .list {
        transform: translate(0, 0);
    }

    .nav_active {
        z-index: 27;
    }

    .nav .sub {
        background: #0ea6d7 url(../images/mobile_nav_bg.jpg) repeat-x;
        display: block;
        opacity: 0;
        visibility: hidden;
        width: 100%;
        padding: 0;
        top: 0;
        left: 0;
        transition: all .3s ease;
        will-change: transform;
    }

    .nav_active .sub {
        opacity: 0;
        visibility: hidden;
        transition: all 0s ease .3s;
    }

    .nav_active> .list> .item.mobile_active .sub {
        opacity: 1;
        visibility: visible;
        left: 0;
        z-index: 24;
    }

    .nav .sub .back_sub {
        border-bottom: 1px solid rgba(235, 235, 235, 0.39);
        display: block;
        margin: 0 9px 22px;
        text-align: center;
    }

    .nav .sub .back_sub .link {
        background: url(../images/back_sub.svg) no-repeat 34px 50%;
        display: block;
        margin: 0 0 0 -34px;
        padding: 13px 0 11px 34px;
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        text-transform: uppercase;
    }

    .nav .sub_menu {
        background: none;
        box-shadow: none;
        height: 362px;
        padding: 7px 10px;
        float: none;
        overflow-x: auto;
    }

    .nav .sub .item {
        display: block;
        float: none;
        width: 100%;
        margin: 0 0 35px;
        font-size: 14px;
        font-weight: normal;
        text-align: center;
        text-transform: none;
    }

    .nav .sub> .sub_menu> .item> .link {
        padding: 0;
        color: #fff;
    }

    .nav .sub .item:hover .link {
        font-weight: normal;
        color: #fff;
    }

    /*.catalog_header {
        width: 100%;
        position: absolute;
        top: 45px;
        left: 0;
        z-index:26;
        right: 0;
    }

    .catalog_header .title .link {
        border-radius: 0;
        height: 35px;
        padding: 0 0 0 18px;
        font-size: 14px;
    }

    .catalog_header .title .fig {
        height: 35px;
    }

    .catalog_header_active {
        height: auto;
    }

    .catalog_header_active .title .link {
        background: #30AFCE url(../images/mobile_catalog_header_active.svg) no-repeat 93% 50%;
    }

    .main_page .catalog_header_list {
        width: 100vw;
    }

    .catalog_header_list {
        width: 100vw;
        height: 362px;
        overflow-x: auto;
        position: absolute;
        top: 35px;
        left: 0;
        right: 0;
        transform: translate(110%, 0);
        transition: transform .3s ease;
        will-change: transform;
    }

    .catalog_header_list> .item {
        position: static;
    }

    .catalog_header_active .catalog_header_list {
        transform: translate(0, 0);
    }

    .catalog_header_active {
        z-index: 27;
    }*/
    .main_page .catalog_header {
        display: none;
    }

    .catalog_header {
        display: none;
    }

    .main_page .catalog_header_2 {
        display: block;
    }

    .catalog_header_2 {
        display: block;
        width: 100%;
        position: absolute;
        top: 45px;
        left: 0;
        z-index: 26;
        right: 0;
    }

    .catalog_header_2 .title .link {
        border-radius: 0;
        height: 35px;
        padding: 0 0 0 18px;
        font-size: 14px;
    }

    .catalog_header_2 .title .fig {
        height: 35px;
    }

    .catalog_header_active {
        height: auto;
    }

    .catalog_header_active .title .link {
        background: #30AFCE url(../images/mobile_catalog_header_active.svg) no-repeat 93% 50%;
    }

    .main_page .catalog_header_2 {
        width: 100vw;
    }

    .catalog_header_2 .catalog_header_list {
        display: block;
        width: 100vw;
        height: 362px;
        overflow-x: auto;
        position: absolute;
        top: 35px;
        left: 0;
        right: 0;
        transform: translate(160%, 0);
        transition: transform .3s ease;
        will-change: transform;
        padding: 0;
        -moz-column-count: auto;
        -webkit-column-count: auto;
        column-count: auto;
    }

    .main_page .catalog_header_2 .catalog_header_list {
        display: block;

        padding: 0;
        -moz-column-count: auto;
        -webkit-column-count: auto;
        column-count: auto;
    }

    .catalog_header_2 .catalog_header_list> .item {
        position: static;
    }

    .catalog_header_2 .catalog_header_list> .item:nth-child(3) {
        margin: 0;
    }


    .catalog_header_2 .catalog_header_list> .item:nth-child(5) {

        margin: 0;

    }

    .catalog_header_list> .item> .link {
        padding: 0 18px;
    }

    .catalog_header_active .catalog_header_list {
        transform: translate(0, 0);
    }

    .catalog_header_active {
        z-index: 27;
    }

    .promo {
        height: 197px;
        margin: 0 0 20px;
        padding: 14px 118px 0 9px;
    }

    .promo::before {
        content: "";
        background: url(../images/pic44.png) no-repeat;
        width: 320px;
        height: 211px;
        margin: 0;
        position: absolute;
        top: 0;
        right: 0;
        left: auto;
		transform: none;
        z-index: -1;
    }

    .promo .fig {
        display: none;
    }

    .promo .text {
        display: block;
        width: auto;
        margin: 0 0 9px;
        font-size: 18px;
    }

    .promo .in {
        margin: 0 0 13px;
        font-size: 13px;
        line-height: 1.2;
    }

    .main_page .content {
        padding: 0 9px;
    }

    .catalog_list {
        margin: 0 0 8px;
    }

    .catalog_list .item {
        width: 100%;
        margin: 0 0 12px;
    }

    .catalog_list .item:hover {
        font-size: 14px;
        text-transform: none;
    }

    .catalog_list .item:first-child {
        width: 100%;
    }

    .catalog_list .item:last-child {
        width: 100%;
    }

    .catalog_list .fig {
        padding-bottom: 47%;
    }

    .catalog_list .item:first-child .fig {
        padding-bottom: 47%;
    }

    .catalog_list .item:last-child .fig {
        padding-bottom: 47%;
    }

    .catalog_list .in {

        height: 33px;

        bottom: 0;

    }

    .catalog_list .item:hover:first-child .in::before {
        background: rgba(31, 80, 125, 0.83);
        border-radius: 0 0 10px 10px;
    }

    .catalog_list .into {
        height: 33px;
        padding: 0;
        vertical-align: middle;
    }

    .catalog_list .item:hover .iconka {
        display: none;
    }

    .catalog_list .item:hover .iconka {
        display: none;
    }

    .carousel_2 .item {
        /*width: calc(100vw - 57px);*/
    }

    .carousel_2 {
        margin: 0 0 25px;
    }

    .main_page .popular_products {
        margin: 0 0 32px;
        padding: 0;
    }

    .h1 {
        margin: 0 0 9px;
        font-size: 18px;
    }

    .h2 {
        margin: 0 0 9px;
        font-size: 18px;
    }

    .h3 {
        margin: 0 0 9px;
        font-size: 18px;
    }

    .h4 {
        margin: 0 0 9px;
        font-size: 18px;
    }

    .main_page .carousel_3 .item {
        /*width: calc(100vw - 89px);*/
    }

    .btn_2 {
        background: #159F6C url(../images/btn_2.svg) no-repeat 44px 50%;
        width: 121px;
        padding: 0 0 0 72px;
    }
.btn_blue{
	 background: #30AFCE url(../images/btn_2.svg) no-repeat 44px 50%;
}
    .carousel_3 .item:hover .btn_2 {
        background: #30AFCE url(../images/btn_2.svg) no-repeat 44px 50%;
    }


    .carousel_3 .prev {

        left: 6px;

    }

    .btn_2:hover {
        background: #30AFCE url(../images/btn_2.svg) no-repeat 44px 50%;
    }

    .about_box {
        margin: 0 0 19px;
        text-align: center;
    }

    .about_box .fig {
        display: none;
    }

    .about_box .text {
        width: auto;
        padding: 0;
    }

    .about_box .h1 {
        margin: 0 0 9px;
    }

    .about_box .more:hover {
        background: #30AFCE;
        border: 1px solid #30AFCE;
        color: #fff;
    }

    .about_box .more {
        padding: 0;
        width: 100%;
        text-align: center;
    }

    .main_page .consultation_box {
        margin: 0 0 30px;
    }

    .consultation_box {
        display: block;
        height: auto;
        margin: 0 0 30px;
        padding: 36px 0 20px;
        text-align: center;
    }

    .consultation_box .h3 {
        margin: 0 0 9px;
    }

    .consultation_box .item {
        margin: 0 0 26px;
    }

    .consultation_box .item:nth-child(2) {
        margin: 0 0 15px;
    }

    .phone_content {
        font-size: 18px;
    }

    .phone_content .link {
        background: url(../images/consultation_box_phone_content.svg) no-repeat 0 0;
    }

    .consultation_box::before {
        content: "";
        background: url(../images/pic45.png) no-repeat 50% 0;
        width: 100vw;
        position: absolute;
        top: 0;
        right: 50%;
        bottom: 0;
		transform: translate(50%, 0);
    }

    .main_page .popular_brands_box {
        margin: 0 0 30px;
    }

    .popular_brands_box .h3 {
        margin: 0 0 9px;
    }

    .carousel_4 .item {
        /*width: calc(50vw - 77px);*/
        padding: 0;
    }

    .btn_2:hover {
        background: #159F6C url(../images/btn_2_big.svg) no-repeat 19px 50%;
    }

    .main_page .promo_text {
        margin: 0 0 30px;
        text-align: center;
    }

    .footer {
        min-width: auto;
        max-width: none;
		width:auto;
        height: auto;
        margin: auto;
        padding: 19px 9px 19px;
        position: relative;
    }

    .catalog_box_footer {
        display: inline-block;
        width: 49%;
        position: relative;
        top: 0;
        left: 0;
    }

    .services_footer {
        display: inline-block;
        width: 49%;
        position: relative;
        top: 0;
        left: 0;
    }

    .contacts_footer {
        width: auto;
        position: relative;
        top: 0;
        right: 0;
    }

    .contacts_footer .title {
        display: block;
        margin: 0 -9px 10px;
    }

    .contacts_footer .title .link {
        background: #30AFCE url(../images/mobile_next_down.svg) no-repeat 93% 50%;
        display: block;
        height: 35px;
        padding: 0 9px;
        font-size: 14px;
        font-weight: 600;
        line-height: 35px;
    }

    .contacts_footer.active .title .link {
        background: #30AFCE url(../images/mobile_next_up.png) no-repeat 93% 50%;
    }

    .contacts_footer .sub {
        display: none;
        margin: 0 0 20px;
    }

    .contacts_footer.active .sub {
        display: block;
    }

    .phone_footer {
        font-size: 14px;
    }

    .contacts_footer .phone_footer p {
        display: inline-block;
    }

    .mail_footer .link {
        background: url(../images/footer_mail.svg) no-repeat 0 3px;
    }

    .contacts_footer br {
        display: none;
    }

    .nav_footer {
        border-top: 1px solid rgba(116, 149, 149, 0.30);
        width: auto;
        margin: 0 0 18px;
        padding: 12px 0 0;
        position: relative;
        top: 0;
        right: 0;
    }

    .nav_footer .list {
        margin: 0 0 0 -11px;
    }

    .nav_footer .item {
        margin: 0 0 0 11px;
        font-size: 12px;
        display: inline-block;
    }

    .social_networks_footer {
        width: auto;
        margin: 0 0 18px;
        padding: 14px 0 0;
        position: relative;
        top: 0;
        right: 0;
        text-align: center;
    }

    .social_networks_footer .title {
        margin: 0 0 13px;
    }

    .info_text {
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        padding: 21px 0 30px 29px;
    }

    .politics_privacies {
        position: relative;
        bottom: 0;
        left: 0;
        margin: -32px 0 35px 28px;
    }

    .company_footer {
        margin: 0 0 13px;
        position: relative;
        bottom: 0;
        left: 0;
        text-align: center;
    }

    .developer {
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        bottom: 0;
        right: 0;
    }

    .developer .link {
        background: url(../images/logo_digitalstrateg.svg) no-repeat;
        min-height: 32px;
        padding: 2px 0 0 35px;
        font-size: 12px;
    }

    .counter_2 {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        bottom: 0;
        right: 0;
    }

    .counter {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        bottom: 0;
        right: 0;
    }

    .products_list {
        margin: 0;
    }

    .products_list .item:nth-child(5n+1) {
        width: 100%;
    }

    .products_list .item:nth-child(5n+2) {
        width: 100%;
    }

    .products_list .item {
        width: 100%;
        margin: 0 0 13px;
    }

    .products_list .fig {
        padding-bottom: 60%;
    }

    .products_list .item:nth-child(5n+1) .fig {
        padding-bottom: 60%;
    }

    .products_list .item:nth-child(5n+2) .fig {
        padding-bottom: 60%;
    }

    .products_list .fig .img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        object-fit: cover;
    }

    .content {
        padding: 18px 9px 0;
    }

    .carousel_3 .item {
        /*width: calc(100vw - 91px);*/
    }

    .popular_products {
        margin: 0 0 20px;
    }

    .interested_list .item {
        width: 100%;
        margin: 0 0 13px;
    }

    .interested_list {
        margin: 0 0 30px;
    }

    .all_content {
        display: block;
    }

    .left_block {
        display: none;
    }

    .right_block {
        width: auto;
    }

    body {
        background: #bfeef8 url(../images/bg.jpg) no-repeat 50% 80px;
    }

    .main_page {
        background: #bfeef8 url(../images/bg.jpg) no-repeat 50% 167px;
    }

    .services_list .item {
        width: calc(100vw - 50px);
    }

    .services_list .item:hover .btn_2 {
        background: #30AFCE url(../images/btn_2.svg) no-repeat 44px 50%;
    }
.services_list .btn_blue{
	 background: #30AFCE url(../images/btn_2.svg) no-repeat 44px 50%;
}
    .pages .item {
        margin: 0;
    }

    .pages .beginning {
        width: 30px;
    }

    .pages .prev {
        width: 30px;
    }

    .pages .next {
        width: 30px;
    }

    .pages .end {
        width: 30px;
    }

    .popular_brands_box {
        margin: 0 0 30px;
    }

    .fig_services_in {
        float: none;
        width: 100%;
        height: 233px;
        margin: 0 0 20px;
    }

    .opisanie_block {
        background: #fff;
        position: relative;
        border: 1px solid #0588A8;
        border-radius: 19px;
        width: calc(100% - 2px);
        height: 37px;
        color: #0588A8;
        margin: 0 0 20px;

        z-index: 3;
    }




    .opisanie_block:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 4;

    }

    .opisanie_block.click {
        overflow: inherit;
        z-index: 4;
    }

    .opisanie_block .sub {
        clip: rect(-35px, 500px, 0, 0);

        width: 100%;
        position: absolute;
        top: 101%;
        left: 0;
        padding: 10px 0;
    }

    .opisanie_block_active .sub {
        clip: rect(-35px, 500px, 500px, 0);
    }

    .opisanie_block .sub:before {
        content: "";
        background: #fff;
        -moz-box-shadow: 0 1px 9px rgba(0, 0, 0, .3);
        -webkit-box-shadow: 0 1px 9px rgba(0, 0, 0, .3);
        box-shadow: 0 1px 9px rgba(0, 0, 0, .3);
        border-radius: 19px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
    }

    .opisanie_list_1 {
        margin: 0;
        border: 0;
    }

    .opisanie_list_1 .item {
        position: static;
        display: block;
        width: 100%;
        margin: 0;
        padding: 0 10px;

    }

    .opisanie_list_1 .click {
        background: #fff url(../images/pic46.png) no-repeat 94% 50%;
        border-radius: 19px;
        border: 0;
        color: #b7a2ac;
        text-shadow: none;
        position: absolute;
        top: -35px;
        left: 0;
        font-weight: normal;
        z-index: 1;
    }
.opisanie_block_active .opisanie_list_1 .link{
}
    .opisanie_list_1 .link {
        display: block;
        height: 32px;
        line-height: 32px;
    }

    .opisanie_list_1 .active {
		 background:  url(../images/pic46.png) no-repeat 94% 50%;
        color: #20364A;
        position: absolute;
        top: -35px;
        left: 15px;
		right:0;

    }

    .opisanie_block.click .opisanie_list_1 {
        border: none;
        height: auto;
        margin: 0;
        padding: 0;
        z-index: 10;
    }

    /* .opisanie_list_1 {
         margin: 0 -6px 26px -6px;
     }

     .opisanie_list_1 .item {
         margin: 0 0 0 5px;
         font-size: 12px;
         font-weight: 600;
     }

     .opisanie_list_1 .item:first-child {
         margin: 0;
     }*/
    .c-30 {
        width: auto;
    }

    .c-22 {
        width: auto;
    }

    .table_1 th {
        padding: 5px;
        font-size: 12px;
    }

    .table_1 td {
        padding: 5px;
        font-size: 12px;
    }

    .list_2 {
        margin: 0;
    }

    .list_2 .item {
        width: calc(100% - 30px);
        margin: 0 0 23px;
    }

    .advantages_list {
        margin: 0 0 0 -16px;
        text-align: center;
    }

    .advantages_list .item {
        width: calc(50% - 16px);
        margin: 0 0 20px 16px;
    }

    .left_fig {
        float: none;
        width: 100%;
        margin: 0 0 20px;
        padding-bottom: 60%;
    }

    .right_fig {
        float: none;
        width: 100%;
        margin: 0 0 20px;
        padding-bottom: 60%;
    }

    .basket_content {
        display: block;
        margin: 0 0 30px;
    }

    .w-130 {
        width: auto;
    }

    .w-100 {
        width: auto;
    }

    .w-30 {
        width: auto;
    }

    .table_2 {
        width: 100%;
        margin: 0 0 10px;
    }

    .table_2 th {
        display: none;
    }

    .table_2 tr {
        background: #fff;
        border-radius: 10px;
        display: block;
        margin: 0 0 10px;
        padding: 10px;
        position: relative;
    }

    .table_2 .delete {
        position: absolute;
        top: 0;
        right: 0;
    }

    .table_2 td {
        background: none;
        display: block;
        width: calc(100% - 10px);
        padding: 0;
    }

    .table_2 td:first-child {
        border-radius: 0;
		padding:0;
    }

    .table_2 td:last-child {
        border-radius: 0;
    }

    .table_2 td:nth-child(3) {
        display: inline-block;
        width: 32%;
    }

    .table_2 td:nth-child(4) {
        display: inline-block;
        width: 32%;
    }

    .table_2 td:nth-child(5) {
        display: inline-block;
        width: 32%;
    }

    .table_2 .fig {
        float: left;
		margin:0 10px 0 0;
    }

    .table_2 .title {
        height: 110px;
    }

    .result_basket {
        width: auto;
    }

    .c-33 {
        width: 100%;
    }

    .mr-20 {
        margin-right: 0 !important;
    }

    .c-66 {
        width: 100%;
    }

    .fig_services {
        float: none;
        width: auto;
        height: 190px;
        margin: 0 0 20px;
    }

    .stages_list {
        margin: 0 0 30px;
    }

    .stages_list .item {
        width: 100%;
        margin: 0 0 94px;
    }

    .btn_services .btn_1 {
        padding: 0 60px;
    }

    .mb-45 {
        margin-bottom: 25px !important;
    }

    .modal__content .c-33 {
        width: 100%;
    }

    .modal__content .c-66 {
        width: 100%;
    }

    .modal__content .box {
        background: none;
        min-height: auto;
        margin: 0 0 7px;
        padding: 0;
    }

    .modal_box_form .modal__content {
        background: #c1e2f3;
        width: auto;
        height: auto;
        padding: 20px;
    }

    .box_thanks .modal__content .box {
        padding: 0;
    }

    .box_thanks .modal__content {
        background: #c1e2f3;
        width: auto;
        height: auto;
        padding: 20px;
    }

    .box_basket .modal__content {
        background: #c1e2f3;
        width: auto;
        height: auto;
        padding: 20px;
    }

    .box_basket .modal__content .box {
        padding: 0;
    }

    .mr-18 {
        margin: 0 0 18px !important;
    }
	.products_list .item:hover {
    text-transform: none;
}
	.products_list .in {

    height: 40px;

    bottom: 0;

}

.products_list .item:hover .iconka {
    display: none;
}
}

@media (min-width: 1280px) {
    .contacts_header {
        width: 731px;
        margin: 30px 0 17px;
    }

    .contacts_header .in:nth-child(2) {
		width:auto;
        margin: 3px 16px 0 0;
        display: flex;
        flex-direction: row;
    }

    .contacts_header .in:first-child {
		width:auto;
        margin: 0 36px 0 0;
    }

    .address {
		width:170px;
        position: absolute;
        top: 62px;
        left: 507px;
    }

    .WhatsApp {
        margin: 4px 26px 15px 0;
    }

    .send_request {
        margin: 6px 0 0;
    }

    .social_networks_header {
        margin: 12px 0 0;
    }

    .social_networks_list {
        flex-direction: row;
    }

    .social_networks_list .item {
        margin: 0 0 0 7px;
    }

    .social_networks_list .fig {
        display: block;
        width: 26px;
        height: 26px;
    }

    .social_networks_list .img {
        width: 100%;
    }

    .basket {
        margin: 34px 25px 0 0;
    }

    .basket .shopping_cart_empty {
        display: inline-block;
        margin: 0 11px 0 0;
    }

    .basket .number {
        display: inline-block;
        margin: 0;
    }
.catalog_header {

    top: 117px;
}
.catalog_header_2 {
   top: 117px;
}
    .promo {
        padding: 88px 510px 0 333px;
    }

    .promo .text {
        width: 92%;
        margin: 0 -16px 20px 0;
    }

    .carousel_2 .item {
        /*width: 194px;*/
    }

    .main_page .carousel_3 .item {
        /*width: 193px;*/
    }

    .carousel_3 .item {
        /*width: 194px;*/
    }

    .consultation_box .item:nth-child(2) {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .phone_content {
        margin: 0 40px 0 0;
    }

    .page_with-small-header .basket .shopping_cart_empty {
        display: none;
    }

    .page_with-small-header .contacts_header .in:first-child {
        margin: 0 90px 0 0;
    }

    .page_with-small-header .WhatsApp {
        margin: 0 90px 0 0;
    }

    .interested_list .item {
        width: 235px;
    }

    .services_list .item {
        width: 255px;
    }


    .catalog_header_list {


        width: 1220px;
    }

    .catalog_header_2 .catalog_header_list {


        width: 1220px;
    }

    .products_list .in {

        bottom: -83%;

    }

    .catalog_list .in {
        bottom: -91%;
    }
}

@media print {
    * {
        color: black !important;
        background: transparent !important;
        text-shadow: none !important;
        box-shadow: none !important;
        border: none !important;
        float: none !important;
        clear: none !important;
    }

    html, body, article, header, section, footer, aside, div {
        width: 100% !important;
    }

    a, a:link, a:visited, a:hover, a:active, abbr, acronym {
        text-decoration: none;
        border-bottom: 0 none;
    }

    h1, h2, h3, h4, h5, h6, p, li {
        page-break-inside: avoid;
        orphans: 3;
        widows: 3;
    }

    h1, h2, h3, h4, h5, h6 {
        page-break-after: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr, img {
        page-break-inside: avoid;
    }

    nav {
        display: none;
    }
}