@import url("../fonts/stylesheet.css");

/*html, body {*/
/*    scrollbar-color: #8C9B50 white;     !* «цвет ползунка» «цвет полосы скроллбара» *!*/
/*    scrollbar-width: thin;  !* толщина *!*/
/*}*/

/*!* полоса прокрутки (скроллбар) *!*/
/*::-webkit-scrollbar {*/
/*    width: 5px; !* ширина для вертикального скролла *!*/
/*    height: 5px; !* высота для горизонтального скролла *!*/
/*    background-color: white;*/
/*}*/

/*!* ползунок скроллбара *!*/
/*::-webkit-scrollbar-thumb {*/
/*    background-color: #8C9B50;*/
/*    border-radius: 3px;*/
/*}*/

/*::-webkit-scrollbar-thumb:hover {*/
/*    background-color: #8C9B50;*/
/*}*/

/*!* Стрелки *!*/

/*::-webkit-scrollbar-button:vertical:start:decrement {*/
/*display: none;*/
/*}*/

/*::-webkit-scrollbar-button:vertical:end:increment {*/
/*    display: none;*/
/*}*/

/*::-webkit-scrollbar-button:horizontal:start:decrement {*/
/*    display: none;*/
/*}*/

/*::-webkit-scrollbar-button:horizontal:end:increment {*/
/*    display: none;*/
/*}*/

*::-webkit-input-placeholder {
    color: #c2c2c2;
    opacity: 1;
}

*:-moz-placeholder {
    color: #c2c2c2;
    opacity: 1;
}

*::-moz-placeholder {
    color: #c2c2c2;
    opacity: 1;
}

*:-ms-input-placeholder {
    color: #c2c2c2;
    opacity: 1;
}

body input:focus:required:invalid,
body textarea:focus:required:invalid {

}

body input:required:valid,
body textarea:required:valid {

}

html {
    height: 100%;
}

body {
    font-family: 'PT Sans';
    color: #000;
    font-size: 14px;
    min-width: 320px;
    cursor: default;
}

a, a:hover {
    color: inherit;
    text-decoration: none;
}

a:hover {
    color: #8F8B87;
}

img {
    max-width: 100%;
    object-fit: cover;
}

.top-line {
    background: #3F4F57;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    color: white;
    padding: 10px;
    position: absolute;
    width: 100%;
    z-index: 10;
    height: 40px;
}

ul.language {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.language img {
    width: 33px;
    margin-right: 5px;
}

.line-menu {
    display: flex;
    background: white;
    height: 60px;
    align-items: center;
    justify-content: space-between;
    padding-left: 30px;
    border-radius: 200px;
}

a:hover {
    opacity: 0.8;
}

ul.menu {
    flex-direction: row;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    min-width: 60%;
}

ul.menu ul {
    position: absolute;
}

.prize {
    background: #5B91A1;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    padding: 0 1.5vw;
    border-radius: 200px;
    color: white;
    max-width: 32%;
    min-width: 32%;
    z-index: 1;
}

.prize img {
    width: 50px;
    margin-right: 10px;
}

.logo img {
    width: 215px;
}

.logo a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
}

ul.menu > li {
    padding: 0 5px;
    color: #5B91A1;
}

ul.menu > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.menu > li a {
    white-space: nowrap;
    color: #5B91A1 !important;
    position: relative;
    padding-bottom: 2px;
}

ul.menu > li:last-child {
    padding: 0;
}

ul.menu ul {
    display: none;
}

.menu-section {
    z-index: 100;
    width: 100%;
    position: absolute;
    top: 60px;
}

.owl-carousel-main, .owl-carousel-main div {
    height: 800px;
    position: relative;
    overflow: hidden;
}

.slider-content {
    position: absolute !important;
    z-index: 10;
    bottom: 80px;
    height: auto !important;
    max-width: 500px;
    padding: 0 20px;
}

.owl-carousel-main .item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.owl-carousel-main .item img {
    min-width: 100%;
    min-height: 100%;
}

.slider-content {
    text-align: center;
}

.slider-content span,.slider-content .h1,.slider-content h1 {
    font-size: 45px;
    font-weight: 700;
    color: white;
    line-height: 1.2;
    margin-bottom: 25px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.slider-content p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    color: white;
    margin-bottom: 60px;
    text-align: center;
}

.btn.btn-green {
    padding: 10px 90px;
    border-radius: 200px;
    background: #5A92A3;
    font-size: 18px;
    font-weight: 700;
    color: white;
    line-height: 1;
    max-width: 100%;
}

.btn.btn-green:hover {
    background: #89CADE;
    opacity: 1;
}

.owl-carousel-main div.owl-dots {
    position: absolute;
    width: 100%;
    height: 0;
    display: flex;
    align-items: center;
    overflow: unset;
    bottom: 20px;
    z-index: 10;
    justify-content: center;
}

.owl-carousel-main div.owl-dots button.owl-dot {
    background: #179CD7;
    width: 6px;
    height: 6px;
    border-radius: 200px;
    margin: 5px;
    outline: 0;
}

.owl-carousel-main div.owl-dots button.owl-dot.active {
    background: white;
}

.owl-carousel-main {
    margin-bottom: 100px;
}

.title-block {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    display: flex;
}

.description-block {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    text-align: justify;
    padding-top: 10px;
}

.description-block p {
    margin: 0;
}


.section-title {
    margin-bottom: 70px;
}

.owl-carousel-main {
    margin-bottom: 100px;
}

.title-block {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    display: flex;
}

.description-block {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    text-align: justify;
    padding-top: 10px;
}

.description-block p {
    margin: 0;
}


.section-title {
    margin-bottom: 70px;
}

ul.menu ul {
    position: absolute;
    column-count: 2;
    list-style: none;
    background: white;
    padding: 45px 20px 25px 20px;
}

ul.menu ul li svg {
    margin-right: 10px;
}

ul.menu ul li {
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
}

ul.menu ul li.active, ul.menu ul li:hover {
    font-weight: 700;
}

ul.menu a {
    opacity: 1 !important;
}

ul.menu > li > a:hover:after, ul.menu > li.active > a:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #5B91A1;
}

ul.menu > li:hover ul {
    display: inline;
}

ul.tabs {
    display: flex;
    padding: 0;
    list-style: none;
    width: 100%;
    margin: 0;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-bottom: 30px;
    flex-direction: row;
    flex-wrap: wrap;
}

ul.tabs li {
    font-size: 18px;
    font-weight: 700;
    padding: 0 40px;
    position: relative;
    color: #ABABAB;
    cursor: pointer;
    padding-bottom: 15px;
}

ul.tabs li.active, ul.tabs li:hover {
    color: black;
}

ul.tabs:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 6px;
    bottom: 0;
    border-radius: 10px;
    background: #E7E7E7;
    left: 0;
}

ul.tabs li:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 6px;
    bottom: 0;
    background: #E7E7E7;
    left: 0;
}

ul.tabs li.active:after {
    background: #5A92A3;
    z-index: 1;
}

.product-main .img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 400px;
    margin-bottom: 20px;
}

.product-main .img img {
    min-width: 100%;
    min-height: 100%;
}

.product-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.product-main span {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.product-main p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
}

.section-products {
    margin-bottom: 80px;
}

.section-main-banner {
    padding-top: 225px;
    padding-bottom: 100px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    margin-bottom: 60px;
}

.content-main-banner h2, .content-main-banner .h2 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 50px;
    text-align: center;
}

.content-main-banner p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-align: justify;
    margin-bottom: 30px;
}

.btn-blue {
    background: #89CADE;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    border-radius: 200px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 45px;
}

.btn-blue:hover {
    opacity: 1 !important;
    background: #5A92A3;
    color: white !important;
}

.content-main-banner .btn-blue {
    margin-top: 50px;
    float: right;
}

.title {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 60px;
}

.img {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.img img {
    min-width: 100%;
    min-height: 100%;
}

.category .img {
    height: 500px;
    margin-bottom: 30px;
}

a.main-category-link {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px;
    color: #647B87;
}

.variable-output {
    margin-bottom: 60px;
}

.category ul {
    list-style: none;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    padding-left: 30px;
}

.category ul li {
    margin-bottom: 20px;
}

.category ul li svg {
    margin-right: 10px;
}

.section-gallery {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}

.big-gallery {
    width: 37%;
    min-width: 37%;
    max-width: 37%;
}

.small-gallery {
    width: 25%;
    min-width: 25%;
    max-width: 25%;
}

.gallery {
    height: 600px;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    justify-content: space-between;
}

.small-gallery .img {
    width: 100%;
    height: 49%;
}

.section-description {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 75px;
}

.section-advantages ul {
    list-style: none;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 0;
}

.section-advantages ul li {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.section-advantages ul li span {
    font-size: 36px;
    font-weight: 700;
    color: #5A92A3;
    display: flex;
    margin-bottom: 20px;
    line-height: 1;
}

.section-advantages ul li svg {
    margin-bottom: 30px;
}

.section-advantages ul li p {
    font-size: 16px;
    font-weight: 400;
    color: #5A92A3;
    line-height: 1;
}

.client {
    width: 14%;
    min-width: 14%;
    max-width: 14%;
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 40px;
}

.client-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.section-advantages {
    margin-bottom: 135px;
}

.clients {
    margin-bottom: 80px;
}

footer.footer {
    background: #F6F6F6;
    padding-top: 65px;
    padding-bottom: 30px;
}

.footer-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 25px;
}

footer.footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
}

.footer-title a {
    display: flex;
    font-size: 18px;
}

.footer-title a.footer-mail {
    font-size: 16px;
    font-weight: 700;
    text-transform: none;
}

.footer-title p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    text-transform: none;
}

.copyright {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin-top: 45px;
    text-transform: uppercase;
}

.logo a svg {
    width: 100%;
    height: auto;
    max-height: 60px;
    fill: white;
    stroke: white;
}

.white .logo a svg {
    fill: #5B91A1;
    stroke: #5B91A1;
}

.section-banner {
    height: 600px;
    margin-bottom: 60px;
}

.section-content .img {
    height: 600px;
}

.section-content {
    margin-bottom: 60px;
}

.description-content h2, .description-content .h2 {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 35px;
}

.section-content .row {
    display: flex;
    align-items: center;
}

.description-content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-align: justify;
}

.section-content.section-content-reverse .row {
    flex-direction: row-reverse;
}

.left-contacts > p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    text-align: justify;
    margin-bottom: 30px;
}

.section-contacts {
    margin-bottom: 80px;
}

.contacts a {
    display: flex;
    font-size: 30px;
    font-weight: 700;
}

.contacts a.mail {
    font-size: 16px;
    font-weight: 700;
    margin-top: 30px;
}

.contacts {
    font-size: 16px;
    font-weight: 400;
    padding: 0 25%;
}

.address {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 50px;
}

.right-contacts {
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.frm {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.form-control-redutpipe {
    border-radius: 200px;
    margin-bottom: 30px;
    height: 40px;
    padding-left: 25px;
}

form.frm button {
    margin-top: 40px;
}

.map {
    margin-bottom: 60px;
}

.map iframe {
    height: 500px !important;
}

.white .line-menu {
    background: #F5F5F5;
}

.white .top-line {
    position: relative;
}

.white .menu-section {
    position: relative;
    top: 0;
    margin-top: 20px;
    margin-bottom: 50px;
    height: 60px;
}

ul.breadcrumbs {
    padding: 0;
    list-style: none;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 50px;
    color: #3F4F57;
    flex-wrap: wrap;
}

ul.breadcrumbs li {
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.breadcrumbs li:after {
    content: ">";
    position: relative;
    line-height: 1;
    margin-left: 10px;
    color: #3F4F57;
    top: 1px;
}

ul.breadcrumbs li:last-child:after {
    display: none;
}

.radio-line .form_radio_btn {
    display: inline-flex;
    width: 22%;
    min-width: 22%;
    max-width: 22%;
    margin-bottom: 15px;
}

.radio-line .form_radio_btn input {
    display: none;
}

.radio-line .form_radio_btn label, .radio-line .form_radio_btn a {
    cursor: pointer;
    border: 1px solid #D9D9D9;
    user-select: none;
    border-radius: 200px;
    width: 100%;
    align-items: center;
    text-align: center;
    color: #000000;
    margin-bottom: 0;
    line-height: 1.2;
    padding: 7px 5px;
    justify-content: center;
    display: flex;
}

.radio-line .form_radio_btn input:checked + label,.radio-line .form_radio_btn a.active {
    background: #D9D9D9;
}

.radio-line .form_radio_btn label:hover, .radio-line .form_radio_btn a:hover {
    color: #666;
}

.radio-line .form_radio_btn input:disabled + label {
    background: #efefef;
    color: #666;
}

.radio-line {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: stretch;
}

.filter .h2 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 30px;
}

.filter .h3 {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
}

.block-filter {
    margin-bottom: 15px;
}

.block-filter-big .form_radio_btn {
    width: 47%;
    max-width: 47%;
    min-width: 47%;
}

form.search button {
    border: 0;
    background: 0;
    outline: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 30px;
    align-items: center;
    justify-content: center;
    display: flex;
    padding: 0 15px;
    color: #D9D9D9;
}

form.search {
    position: relative;
}

form.search input {
    height: 30px;
    border-radius: 200px;
    border: 1px solid #D9D9D9;
    color: #D9D9D9;
}

.item .img {
    height: 290px;
    margin-bottom: 20px;
}

.item .img img {
    /*min-width: auto;*/
    /*min-height: auto;*/
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
}

.item {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.price-element {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.item > div:last-child {
    margin-bottom: 50px;
}

.item a {
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
    line-height: 1.2;
    margin-top: 5px;
}

.item > span {
    font-size: 8px;
    font-weight: 400;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item ul span {
    color: #D9D9D9;
}

.ul-img {
    position: absolute;
    z-index: 1;
    display: flex !important;
    flex-direction: column;
    align-items: start;
    justify-content: left;
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 16px;
    font-weight: normal;
    left: 10px;
    top: 10px;
    text-align: left;
    line-height: 1.4;
}

.logo-img svg {
    width: 60%;
    height: auto;
    position: absolute;
    fill: #5B91A1;
    stroke: #5B91A1;
    z-index: 10;
    bottom: 10px;
    left: 10px;
}

.section-item .logo-img svg {
    width: 30%;
}

.section-item .ul-img {
    font-weight: bold;
    left: 30px;
}

/*.item ul {*/
/*    padding: 0;*/
/*    margin: 0;*/
/*    display: flex;*/
/*    list-style: none;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*    font-size: 14px;*/
/*    font-weight: 700;*/
/*    margin-bottom: 20px;*/
/*}*/

.btn-grey {
    background: #D9D9D9;
    display: inline-flex;
    border-radius: 200px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    padding: 5px 50px;
}

.btn-grey:hover {
    opacity: 1;
    background: #5A92A3;
    color: white;
}

.item a.btn.btn-grey {
    display: inline-flex;
}

.section-catalog ul.tabs {
    margin-bottom: 50px;
}

.block-search {
    background: #5B91A1;
    border-radius: 200px;
    font-size: 16px;
    font-weight: 700;
    color: white;
    margin-bottom: 60px;
}

.block-search p {
    font-size: 16px;
    color: #F5F5F5;
    font-weight: 400;
    margin: 0 10px;
}

.block-search span {
    display: flex;
    align-items: center;
    padding: 0 20px;
    height: 100%;
}

.block-search input {
    background: #E7E7E7;
}

.section-item .img {
    height: auto;
    margin-bottom: 30px;
    width: 90%;
}

.right h1 {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px;
}

.article {
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #3F4F57;
    margin-bottom: 30px;
}

ul.main-characteristics {
    padding: 0;
    list-style: none;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 35px;
}

ul.main-characteristics hr {
    display: flex;
    height: 70px;
    width: 1px;
    background: #D9D9D9;
    margin: 0;
    border: 0;
    align-items: center;
    justify-content: center;
}

ul.main-characteristics li {
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

ul.main-characteristics li p {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 10px;
    text-align: center;
}

ul.main-characteristics li span {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
}

ul.main-characteristics li:last-child {
    display: none;
}

ul.characteristics {
    column-count: 2;
    padding-left: 15px;
    font-family: PT Sans;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 30px;
}

.variation > span {
    color: #3F4F57;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    justify-content: center;
    margin-bottom: 30px;
}

.variation ul {
    list-style: none;
    padding: 0;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    background: #F5F5F5;
    border-radius: 200px;
    height: 40px;
}

.variation ul li {
    max-width: 100%;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.variation ul li a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: #647B87;
}

.variation ul li.ative a {
    background: #5B91A1;
}

.variation ul li.active a {
    background: #D9D9D9;
    border-radius: 200px;
    color: #647B87;
}

.variation {
    margin-bottom: 35px;
}

.button-item-block {
    display: flex;
    align-items: center;
    justify-content: end;
    margin-bottom: 60px;
}

.button-item-block a {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    margin-left: 20px;
    padding: 0 25px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.description {
    font-family: PT Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
}

.description p {
    margin-bottom: 20px;
}

.other > span,.other > h2 {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.other-line {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.other-line > div {
    max-width: 80%;
    width: 80%;
    display: flex;
    align-items: center;
}

.other-line > div > span {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 30%;
    max-width: 30%;
    border-right: 1px solid #D9D9D9;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    min-width: 20%;
    padding: 0 10px;
    text-wrap-mode: nowrap;
}
.other-line > div > span:first-child {
    width: 27%;
    max-width: 27%;
    justify-content: center;
    align-items: baseline;
    min-width: 27%;
    padding-right: 10px;
    padding-left: 0;
    text-align: left !important;
}


.other-line > div > span:last-child {
    border-right: 0;
}

.other-line > div.links {
    justify-content: start;
    max-width: 53%;
    width: 53%;
    min-width: 53%;
    padding-left: 10px;
}

.other-line > div.links li {
    font-size: 14px;
    font-weight: 400;
    padding: 5px;
    border: 1px solid;
    border-radius: 200px;
    margin-left: 10px;
    width: 65px;
    text-align: center;
    margin-bottom: 0;
}

.section-portfolios .other-line > div.links li a {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    text-align: center;
}

.city-title {
    font-size: 96px;
    font-weight: 700;
    color: #5A92A3;
    margin-bottom: 60px;
}

.partner-name {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 30px;
}

.partner-city {
    font-size: 24px;
    font-weight: 700;
    color: #5B91A1;
    margin-bottom: 10px;
}

.partner-data address {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 30px;
}

.partner-data address svg {
}

.partner-contacts {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
    font-size: 16px;
    font-weight: 400;
}

.partner-contacts:last-child {
    margin-bottom: 0;
}

.partner-data .img {
    height: 140px;
    width: 150px;
    float: right;
    border: 1px solid black;
    padding: 10px;
}

.partner .map {
    height: 100%;
}

.partner .map iframe {
    height: 100% !important;
}

.partner {
    margin-bottom: 30px;
}

.partner-btn {
    text-align: center;
    margin-bottom: 75px;
    margin-top: 75px;
}

.partner-btn .btn {
    padding: 10px 40px;
}

.section-form {
    padding: 115px 0;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative;
    max-height: 650px;
}

.form-check-redut {
    margin-bottom: 15px;
    width: 100%;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    color: #ABABAB;
}

.form-check-redut input {
    margin-top: 3px;
}

.form-check-redut a {
    text-decoration: underline;
}

.section-form input {
    background: transparent;
}

.product-price {
    margin-top: 25px;
    text-align: center;
    margin-bottom: 25px;
}

.content-banner {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.section-banner-404 {
    height: calc(100vh);
    margin-bottom: 0;
    position: relative;
    margin-top: -170px;
}

.content-banner h1 {
    font-size: 45px;
    font-weight: 700;
    color: #5B91A1;
    margin-bottom: 25px;
}

.content-banner p {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 60px;
}

.content-banner .btn {
    padding: 10px 50px;
}

.article-item-small {
    display: flex;
    flex-direction: column;
}

.article-item-small .img {
    height: 400px;
}

.article-item a, .article-item h1 {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 30px;
    display: block;
}

.article-item p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-align: justify;
}

.article-item {
    margin-bottom: 60px;
}

.btn-article-line {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}

.btn-article-line .btn {
    width: auto;
    padding: 10px 40px;
    font-size: 18px !important;
}

.article-item-reverse > .row {
    display: flex;
    flex-direction: row-reverse;
}

.container-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}


ul.pagination {
    background: #F5F5F5;
    border-radius: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: 0;
}

ul.pagination a {
    padding: 3px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 200px;
    border: 0;
    background: transparent;
    color: black;
}

.page-item.disabled .page-link {
    display: none;
}

ul.pagination .page-item.active .page-link {
    background: #5A92A3;
    color: white;
}

.section-article .img {
    height: 400px;
    margin-bottom: 60px;
}

.description h1 {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 60px;
}

.description h2 {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 60px;
}

.description h3 {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 60px;
}

.description h4 {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 60px;
}

.description h5 {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 60px;
}

.description h6 {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 60px;
}

.description-article {
    margin-bottom: 60px;
    max-width: 900px;
}

.description *:last-child {
    margin-bottom: 0;
}

.article-item ul.categories {
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.article-item ul.categories a.btn {
    font-size: 12px;
    padding: 10px 20px;
    margin-bottom: 0;
}

.article-item ul.categories li {
    margin-bottom: 10px;
}


.article-item address {
    font-size: 16px;
    font-weight: 400;
    color: #ABABAB;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}

.article-item address svg {
    margin-right: 20px;
}

.section-portfolios .article-item a, .section-portfolios .article-item h1 {
    font-size: 30px;
    font-weight: 700;
    text-align: left;
}

.row-other {
    margin-top: -15px;
}

.row-other .img {
    height: 150px;
}

.section-portfolios .article-item-big:nth-child(even) > .row {
    display: flex;
    flex-direction: row-reverse;
}

.container-pagination .btn {
    font-size: 24px;
    padding: 15px 45px;
    font-weight: 400;
}

.section-portfolio .img {
    height: auto;
}

.other {
    margin-top: 60px;
}

.variations ul {
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    background: #F5F5F5;
    border-radius: 200px;
}

.section-portfolios .article-item .variations ul a {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    padding: 5px 15px;
    border-radius: 200px;
    text-align: center;
}

.section-portfolio .other-line .variations {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 35%;
    width: 35%;
}

.section-portfolios .article-item .variations ul .active a {
    background: #5A92A3;
    color: white;
}

.section-portfolio .other-line > div {
    max-width: 60%;
    width: 60%;
    justify-content: flex-start;
}

.section-portfolio .other-line .price {
    max-width: 15%;
    width: 15%;
    font-size: 16px;
    font-weight: 700;
    justify-content: right;
}

.section-portfolio .other-line > div > span, .section-portfolio .other-line > div > span:first-child {
    justify-content: center;
    text-align: center;
    width: 30%;
    max-width: 30%;
}

.section-portfolio .article-item {
    margin-bottom: 0;
}

.section-portfolio .portfolio-item-small .img {
    height: 300px;
}

.portfolio-item-small a {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    display: flex;
    margin-bottom: 20px;
}

.portfolio-item-small address {
    color: #ABABAB;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
}

.portfolio-item-small {
    margin-bottom: 60px;
}

.btn-white {
    background: white;
    font-size: 18px;
    font-weight: 700;
    border-radius: 200px;
    padding: 5px 30px;
}

.btn-white:hover {
    background: #89CADE;
    color: white;
}

.section-order {
    padding: 155px 0;
    text-align: center;
}

.section-order span,.section-order .h2,.section-order h2 {
    font-size: 30px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}

.section-order p {
    margin-bottom: 50px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    text-align: justify;
}

.section-order {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    max-height: 500px;
}

.row-main-product {
    display: none;
}

.row-main-product.active {
    display: flex;
}

.logo {
    height: 60px;
}

ul.breadcrumbs li a, ul.breadcrumbs li span {
    text-wrap: auto;
}

.section-banner.section-banner-404 {
    margin-bottom: 0 !important;
}

.open-menu {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 5px;
    height: 35px;
    width: 35px;
    justify-content: center;
    border-radius: 3px;
    min-width: 35px;
    z-index: 1001;
    position: absolute;
    background: white;
    right: 10px;
    top: 10px;
}

.open-menu svg {
    fill: #3F4F57;
}

.floating-menu-close svg {
    width: 30px;
    height: 30px;
    fill: white;
}

body.m-open .open-menu {
    display: none;
}

.floating-menu-close:hover svg {
    fill: #f76d2b;
}

.floating-menu-close {
    z-index: 105;
    position: absolute;
    right: 15px;
    top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.open-menu {
    display: none;
}

.floating-menu-close {
    display: none;
}

.title-document {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    font-weight: 400;
    padding: 7px 20px;
    border-radius: 200px;
    border: 1px solid;
    cursor: pointer;
}

.title-document svg.close-document {
    display: none;
}

.document-out.active ul {
    display: block;
}

.document-out.active svg.close-document {
    display: inline-flex;
}

.document-out.active svg.open-document {
    display: none;
}

.document-out.active .title-document {
    background: #F5F5F5;
    border-color: transparent;
}

.document-out {
    margin-bottom: 30px;
    padding-left: 18%;
}

.document-out ul {
    font-size: 20px;
    font-weight: 400;
    margin-top: 40px;
    display: none;
}

.document-out ul li {
    margin-bottom: 20px;
    cursor: pointer;
}

.document-out ul li:last-child {
    margin-bottom: 0;
}

.document-out ul li.active, .document-out ul li:hover {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-underline-position: from-font;
}

.document-description p {
    font-size: 16px;
    font-weight: 400;
    text-align: justify;
    margin-bottom: 50px;
}

.doc-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #D9D9D9;
}

.doc-line a {
    font-size: 14px !important;
    font-weight: 400 !important;
    width: 150px;
    text-align: center;
    padding: 5px !important;
    align-items: center;
    justify-content: center;
    height: 30px;
    line-height: 1 !important;
}

.document-description {
    display: none;
}

.document-description.active {
    display: block;
}

.close-modal {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

.close-modal:hover {
    opacity: 0.6;
}

.modal .modal-body {
    padding-top: 160px;
}

span.modal-title {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 60px;
    display: block;
}

div#call-me {
    background: white;
}

.modal-dialog, .modal-content {
    border: 0;
}

textarea.form-control-redutpipe {
    font-size: 16px;
    font-weight: 400;
    height: 100px;
    border-radius: 30px;
    color: #ABABAB;
}

.frm p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    text-align: left;
    color: #ABABAB;
    margin-top: 30px;
}

.frm p a {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-underline-position: from-font;
    text-decoration-skip-ink: auto;
}

.success {
    background: #89CADE;
}

.success .modal-body {
    background: #89CADE;
}

.success span.modal-title {
    color: white;
}

.direction:nth-child(even) .section-content .row {
    flex-direction: row-reverse;
}

.none {
    display: none;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: none !important;
}

div.links ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

.white .line-menu ul.menu ul {
    background: #F5F5F5;
}

.left-menu > ul > li > a {
    font-weight: 700;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 10px;
    display: flex;
}

.left-menu ul {
    list-style: none;
    padding: 0;
    position: relative;
}

.left-menu > ul {
    padding-left: 0;
}

.left-menu > ul > li > ul > li > a {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    display: flex;
    margin-bottom: 10px;
}

.left-menu > ul > li > ul {
    padding-left: 0;
    margin-bottom: 25px;
}

.left-menu > ul > li > ul > li {
    padding-left: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}

.left-menu > ul > li > ul > li {
    font-weight: 400;
    font-size: 10px;
}

.left-menu > ul > li > ul > li li {
    padding-left: 20px;
    display: flex;
    width: 100%;
    border-bottom: 1px solid #F5F5F5;
    padding-bottom: 5px;
}

.left-menu > ul > li > ul ul {
    margin-bottom: 10px;
    display: none;
}

.left-menu li.active > ul {
    display: block;
}

span.pm {
    display: none;
    position: absolute;
    right: 0;
    top: -3px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.left-menu > ul > li > ul > li span.pm {
    display: inline-flex;
}

span.pm .minus {
    display: none;
}

.active > span.pm .minus {
    display: inline-flex;
}

span.pm .plus {
    display: inline-flex;
}

.active > span.pm .plus {
    display: none;
}

.left-menu a {
    padding-right: 21px;
    font-size: 14px;
}

.left-menu li {
   position: relative;
}

.left-menu > ul > li > span.pm {
    display: none;
}

span.pm * {
    cursor: pointer;
}

.btn-article-line a.btn.btn-green {
    color: black;
}

.partner-btn .btn-green.btn {
    font-weight: 400 !important;
}

.btn-article-line a.btn.btn-green {
    color: black;
}

.block-filter:not(.block-filter-big) .radio-line {
    justify-content: start;
}

.block-filter:not(.block-filter-big) .radio-line .form_radio_btn {
    margin-right: 10px;
}

.button-item-block a.btn.btn-grey {
    font-weight: 400;
    text-align: center;
    color: #647B87;
}

.button-item-block a.btn.btn-green {
    font-weight: 400;
    font-size: 20px;
}

.footer-title .logo {
    margin-top: 90px;
}

.footer-title .logo svg {
    fill: #647B87 !important;
    stroke: #647B87 !important;
}

.images {
    position: sticky;
    top: 10px;
    margin-bottom: 10px;
}