﻿
.container {
width:100%;
max-width:1300px;
padding:0 20px;
margin:0 auto;
}

.section-card {
margin:50px 0 42px 0;
padding:0 0 53px 0;
border-bottom:1px #2E485B solid;
}

.section-card .container {
display:flex;
align-items:flex-start;
gap:35px;
}

.section-card .col-left {
width:100%;
max-width:531px;
font-size:0px;
line-height:0px;
display:flex;
flex-direction: row-reverse;
gap:16px;
}

.section-card .col-right {
flex:1;
}

.section-card .big {
flex:1;
padding: 21px 36px 20px 36px;
border-radius: 16.667px;
background: #FFF;
display:flex;
align-items:center;
justify-content: center;
overflow:hidden;
text-decoration:none;
}

.section-card .small {
display:flex;
flex-direction:column;
gap:16px;
width:75px;
}

.section-card .slide {
display:flex;
align-items:center;
justify-content: center;
text-decoration:none;
overflow:hidden;
border:3px transparent solid;
border-radius: 11.392px;
background: #FFF;
padding: 10px 9px 9px 10px;
flex:1;
cursor:pointer;
}

.section-card .small .slide {
height:75px;
overflow:hidden;
flex:none;
}

.section-card .slide img {
width:100%;
height:100% !important;
object-fit:cover;
}

.section-card .head {
display:flex;
gap:60px;
margin:0 0 20px 0;
}

.section-card .head-left {
flex:1;
}

.section-card .brand {
font-size:0px;
line-height:0px;
max-width:108px;
}

.section-card .speedbar {
color: rgba(255, 255, 255, 0.80);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.45px;
margin:0 0 29px 0;
}

.section-card .speedbar a {
color: rgba(255, 255, 255, 0.50);
}

.section-card h1 {
color: rgba(255, 255, 255, 0.90);
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 40px; /* 100% */
margin:0px;
}

.section-card .status {
text-align:right;
color: #60D669;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 31px; /* 206.667% */
letter-spacing: -0.45px;
margin:0 0 30px 0;
}

.section-card .status.no {
color:#ff0000;
}

.section-card .flex {
display:flex;
gap:40px;
margin:0 0 46px 0;
}

.section-card .col:first-child {
flex:1;
}

.section-card .col:last-child {
width:100%;
max-width:300px;
}

.section-card .col-name {
margin:0 0 33px 0;
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 18px;
}

.section-card .col:first-child ul {
margin:0 0 20px 0;
padding:0 0 0 20px;
}

.section-card .all {
display:table;
text-decoration:none;
color: #0891D8;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.48px;
}

.section-card .price {
margin:0 0 15px 0;
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 18px; /* 112.5% */
text-transform: uppercase;
display: flex;
justify-content: flex-end;
}

.section-card .price span {
color: rgba(255, 255, 255, 0.90);
font-size: 42px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.96px;
}
.section-card .price span.zapros {
font-size:18px
}
.add-sale {
cursor:pointer;
padding:12px;
border-radius: 55px;
border: 1px solid #FF6F00;
color: #FFF;
text-align: center;
leading-trim: both;
text-edge: cap;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
transition: .5s;
}

.add-sale:hover, .add-sale.active {
background:#FF6F00;
color:#fff;
}

.price-sale {
margin:0 0 17px 0;
color: #FF6F00;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 16px; /* 114.286% */
}

.price-sale span {
color: #FF6F00;
font-size: 36px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.72px;
margin:0 0 0 6px;
}

.section-card .add {
cursor:pointer;
position:relative;
border-radius: 4px;
border: 1px solid #3D5E76;
padding:10px 20px 10px 35px;
color: #FFF;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 18px;
transition: .5s;
background:none;
text-wrap: auto;
width:100%;
text-align:center;
margin:0 0 4px 0;
}

.section-card .add:last-child {
margin:0px;
}

.section-card .add:hover {
background: #2E485B;
}

.section-card .add:focus {
background:none;
}

.section-card .add.active {
background:#60D669;
}

.section-card .add.pointer {
pointer-events: none;
}

.section-card .buy {
cursor:pointer;
margin:9px 0 0 0;
border-radius: 55px;
background: #FF6F00;
color: rgba(255, 255, 255, 0.90);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding:12px;
transition: .5s;
}

.section-card .buy:hover {
background:#e16403;
}

.section-card .bottom {
display:flex;
gap:12px;
margin:46px 0 0 0;
}

.section-card .btn {
display:block;
text-decoration:none;
cursor:pointer;
flex:1;
border-radius: 55px;
border: 1px solid #3D5E76;
background: #2E485B;
color: #FFF;
text-align: center;
font-size: 15px;
font-style: normal;
font-weight: 300;
line-height: 18px;
padding:10px;
transition: .5s;
}

.section-card .btn:hover {
background:none;
}

.popup-block {
display:none;
}

.popup-block .popup-bg {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(31, 40, 53, 0.50);
z-index: 99999999999999;
overflow: auto;
width:100%;
height:100%;
}

.popup-block .block {
width:100%;
max-width:500px;
position:fixed;
top:50%;
left:50%;
z-index:99999999999;
transform: translate(-50%, -50%);
border-radius: 30px;
background:#54595f;
padding:40px 20px;
}

.popup-block .close {
width:40px;
height:40px;
background:url(../images/popup-close.svg) no-repeat;
cursor:pointer;
position:absolute;
top:10px;
right:10px;
background-size:contain;
}

.popup-block .title {
color:#FFFEFC;
text-align: center;
font-size:24px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
margin:0 0 10px 0;
}

.popup-block .desc {
color:#FFFEFC;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin:0 0 20px 0;
}

.popup-block input {
width:100%;
height:50px;
margin:0 0 15px 0;
border-radius: 10px;
background:#FFFEFC;
padding:0 20px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
border:0px;
}

.popup-block button {
width:100%;
height:50px;
border-radius: 10px;
background:#FF6F00;
margin:0 0 20px 0;
cursor:pointer;
border:0px;
color:#FFFEFC;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.popup-block .warning {
color:#FFFEFC;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.popup-block .warning a {
color:#FFFEFC;
}

.popup-block .price-sale {
text-align:center;
}

.technical-specifications {
margin:0 0 67px 0;
padding:0 0 54px 0;
border-bottom:1px #577D99 solid;
}

.technical-specifications .title-section {
color: rgba(255, 255, 255, 0.90);
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 40px; /* 100% */
margin:0 0 30px 0;
}

.technical-specifications .flex {
display:flex;
gap:51px;
}

.technical-specifications .col-left {
flex:1;
}

.technical-specifications .col-right {
width:100%;
max-width:405px;
}

.technical-specifications .buttons {
display:flex;
flex-direction:column;
gap:24px;
margin:0 0 156px 0;
}

.technical-specifications .buttons a {
display:flex;
align-items:center;
gap:20px;
text-decoration:none;
padding:20px;
border-radius: 8px;
background: #203443;
box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.15);
color: #FFF;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 112.5%; /* 22.5px */
}

.technical-specifications .buttons a:before {
content:"";
width:24px;
height:24px;
background:url(../images/technical-specifications-arrow.svg) no-repeat;
}

.widget-feedback {
margin:0 0 54px 0;
padding:0px 51px 30px 50px;
background:#203443;
border-radius: 10px;
overflow:hidden;
}

.widget-feedback .images {
font-size:0px;
line-height:0px;
overflow:hidden;
border-radius: 10px;
margin:0 -51px 26px -50px;
}

.widget-feedback .desc {
color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 21px;
text-transform: uppercase;
margin:0 0 30px 0;
}

.widget-feedback .desc span {
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}

.widget-feedback .btn {
display:block;
text-decoration:none;
cursor:pointer;
border-radius: 55px;
background: #FF6F00;
color: rgba(255, 255, 255, 0.90);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding:12px;
}

.widget-product {
border-radius: 10px;
background: #223645;
padding:22px 57px 35px 58px;
}

.widget-product .title {
color: #FFF;
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 25px; /* 104.167% */
margin:0 0 20px 0;
}

.widget-product .images {
font-size:0px;
line-height:0px;
overflow:hidden;
width:265px;
display:flex;
align-items:center;
justify-content: center;
margin:0 0 32px 0;
}

.widget-product .name {
color: #FFF;
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 25px; /* 104.167% */
margin:0 0 32px 0;
}

.widget-product .name span {
display:block;
color: #0891D8;
}

.widget-product .link {
border-radius: 39px;
background: #FF6F00;
display:table;
margin:0 auto;
text-decoration:none;
cursor:pointer;
color: #FFF;
text-align: center;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.75px;
padding:12px;
width:100%;
max-width:224px;
}

.section-card-information {
color: #D3D3D3;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin:0 0 78px 0;
padding:0 0 48px 0;
border-bottom:1px #577D99 solid;
}

.section-card-information h2 {
color: rgba(255, 255, 255, 0.90);
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 40px; /* 100% */
margin:0 0 40px 0;
}

.perelinovka_tovarov {
margin:0 0 4px 0;
}

.perelinovka_tovarov-name {
margin:0 0 10px 0;
}

.perelinovka_tovarov-flex {
display:flex;
flex-wrap:wrap;
gap:4px;
}

.perelinovka_tovarov-flex a {
display:block;
padding:7px 10px;
border-radius: 4px;
border: 1px solid #3D5E76;
color: #FFF;
text-align: center;
leading-trim: both;
text-edge: cap;
font-style: normal;
font-weight: 400;
transition: .5s;
width:calc(50% - 2px);
font-size:13px;
}

.perelinovka_tovarov-flex.no a {
font-size:0px;
line-height:0px;
}

.perelinovka_tovarov-flex.no a br {
display:none;
}

.perelinovka_tovarov-flex.no a span {
font-size: 13px;
line-height:normal;
}

.perelinovka_tovarov-flex a:hover, .perelinovka_tovarov-flex a.active {
background: #2E485B;
}

.perelinovka_tovarov-flex a.active {
cursor:default;
pointer-events: none;
}

.selected-names {
display:flex;
flex-direction:column;
gap:5px;
font-size:18px;
color:#fff;
text-align: center;
}

.popup-block .total {
text-align:center;
margin:0 0 10px 0;
font-size:20px;
color:#fff;
}

.section-price-new .images {
font-size:0px;
line-height:0px;
overflow:hidden;
padding:5px 4px;
border-radius: 5.5px;
background: #FFF;
width: 44px;
height: 44px;
display:flex;
align-items:center;
justify-content: center;
}

.section-price-new .name {
color: rgba(255, 255, 255, 0.90);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 38px;
text-decoration:none;
}

.section-price-new h2 {
color: #FFF;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 50px; /* 208.333% */
letter-spacing: -0.48px;
margin:0 0 13px 0;
}

.section-price-new table {
margin:0 0 124px 0;
}

.perelinovka_tovarov:nth-child(2) a {
width:100%;
}





















































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

.section-card .col-left {
flex-direction: column;
max-width:400px;
}

.section-card .flex {
flex-direction: column;
}

.perelinovka_tovarov-flex a {
width: calc(33.333% - 3px);
}

.section-card .col:last-child {
max-width:none;
}

.section-card .brand {
display:none;
}



















}




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

.section-card .container, .technical-specifications .flex {
flex-direction:column;
gap:30px;
}

.section-card .col-left {
max-width:none;
}

.section-card .price {
justify-content: flex-start;
}

.section-card h1 {
font-size:30px;
}

.technical-specifications .col-right {
max-width:none;
}








}




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

.perelinovka_tovarov-flex a {
width: calc(50% - 2px);
}

.section-card .head, .section-card .status {
display:none;
}

.widget-feedback {
padding:0 20px 20px 20px;
}

.widget-feedback .images {
margin:0 -20px 20px -20px;
}

.widget-product {
padding:20px;
}

.widget-product .images {
width:100%;
}

.technical-specifications .buttons {
margin:0 0 50px 0;
}

.technical-specifications .title-section {
font-size:26px;
}

.section-5 {
height:500px;
}

.section-5 .block {
left:0px;
max-width:none;
}















}






































