#mb2 .link-product {
cursor: pointer;
}
@media (max-width: 768px) {
#mb2 .flex-row.wrap {
row-gap: 15px !important;
column-gap: 0 !important;
gap: 15px;
}
.mb2_blocks {
flex: auto;
}
}
@media (max-width: 1026px) {
.mb2_blocks:last-child {
padding: 19px;
}
}
@media (max-width: 1026px) {
.mb2_blocks:last-child .mb2_block {
padding-bottom: 0;
}
}
@media (max-width: 1026px) {
.mb2_blocks:last-child .product-image {
width: auto;
float: unset;
margin-right: 0;
margin-top: 16px;
margin-bottom: 43px;
}
}
@media (max-width: 1026px) {
.mb2_block {
position: relative;
height: 100%;
padding-bottom: 52px;
box-sizing: border-box;
}
}
.link-product {
font-size: 14px;
text-transform: uppercase;
color: #113555;
font-family: Exo;
font-weight: 600;
text-align: center;
border: 1px solid;
border-radius: 4px;
padding: 16px 23px;
cursor: pointer;
display: inline-block;
}
.primary-btn {
display: inline-block;
vertical-align: middle;
font-size: 14px;
font-weight: 600;
color: #113555;
cursor: pointer;
background-color: #ffbd45;
padding: 17px 19px;
transition: all 0.15s linear;
font-family: Exo;
text-transform: uppercase;
letter-spacing: 0.04em;
border-radius: 4px;
text-align: center;
}
.primary-btn:hover {
background: #ffcb6b;
}
.product-button {
gap: 20px;
}
@media (max-width: 1360px) {
.product-button {
display: flex;
flex-direction: column;
position: static;
width: 100%;
}
}
#mb3 .wrap-panel {
padding-top: 22px;
}
.text-panel {
max-width: unset !important;
}
#mb3 .wrap-panel {
background-position: 65px 0px;
padding-top: 20px;
}
.text-panel:nth-child(1),
.text-panel:nth-child(2),
.text-panel:nth-child(3),
.text-panel:nth-child(4) {
margin-bottom: 42px;
}
@media (max-width: 768px) {
.text-panel:nth-child(1) {
margin-bottom: 20px;
}
.text-panel:nth-child(2) {
margin-bottom: 40px;
}
.text-panel:nth-child(3) {
max-width: 460px;
margin-bottom: 18px;
}
}
@media (min-width: 768px) {
#mb3 .hero-video-card {
top: 100px;
height: 286px;
right: 0;
top: 0;
}
#mb3 .hero-video-preview {
top: 120px;
}
}
@media (max-width: 768px) {
#mb3 .hero-video-card {
margin-top: -50px;
}
#mb3 .hero-video-title-main {
font-size: 20px;
}
#mb3 .hero-video-title-sub {
font-size: 16px;
}
#mb3 .hero-video-title-main br {
display: none;
}
}
.flex-row.top {
margin: 0;
margin-top: 24px;
}
#mb4 .link-product,
#mb4 .header_call_button {
min-width: 182px;
text-align: center;
}
.params.flex-row div {
width: auto;
}
#mb4 .header_call_button {
margin-top: 44px;
}
@media (max-width: 768px) {
#mb4 .title-section {
margin-bottom: 40px;
}
}
.mb4_photo.large a::before {
background: url(//panel-tek.ru/wp-content/themes/panel/template-parts/home-page/zoom.svg) no-repeat;
content: "";
position: absolute;
width: 24px;
height: 24px;
bottom: 24px;
right: 24px;
top: unset;
background-position: unset;
z-index: 2;
}
.mb4_photo.large a::after {
content: "";
display: inline-block;
position: absolute;
width: 48px;
height: 48px;
bottom: 10px;
right: 10px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0px 0px 25px rgba(47, 75, 101, 0.17);
backdrop-filter: blur(2.5px);
border-radius: 4px;
}
.tac {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 12px 16px;
gap: 4px;
isolation: isolate;
position: absolute;
top: 10px;
left: 10px;
background: linear-gradient(0deg, #FFBD45, #FFBD45), #FFFFFF;
box-shadow: 0px 8px 25px rgba(47, 75, 101, 0.25);
border-radius: 7px;
}
.tac b {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 28px;
line-height: 34px;
letter-spacing: 0.01em;
color: #113555;
}
.tac span {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 130%;
color: #113555;
}
.mb5_person .post {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 147.3%;
text-align: center;
color: #828282;
}
.mb5_person_underline {
width: 80px;
}
.mb5_person_brif {
font-family: 'Montserrat';
font-style: italic;
font-weight: 500;
font-size: 16px;
line-height: 147.3%;
text-align: center;
color: #2F2F2F;
}
.mb5-bottom {
}
.mb5-bottom__divider {
margin: 40px auto;
margin-top: 0px;
width: 204px;
border-bottom: 2px dotted rgba(255, 189, 69, 1);
}
@media (max-width: 768px) {
.mb5-bottom__divider {
margin-top: 0;
}
}
.mb5-bottom__desc {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 130%;
text-align: center;
color: #113555;
}
@media (max-width: 768px) {
.mb5-bottom__desc br {
display: none;
}
}
.mb5-bottom__img {
display: block;
width: 100%;
max-height: 490px;
margin-top: 32px;
margin-bottom: 0;
}
@media (max-width: 768px) {
.mb5-bottom__img {
margin-bottom: 0;
}
}
.name-rev {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 22px;
color: #113555;
}
.post-rev {
margin-top: 8px;
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 18px;
color: #828282;
}
.panel-review .mb5_person_underline {
background: unset;
border-bottom: 2px dotted rgba(211, 215, 224, 1);
margin: 24px 0;
margin-top: 8px;
}
@media (max-width: 768px) {
.panel-review .mb5_person_underline {
margin-top: 0;
}
}
.panel-review .review {
font-family: 'Montserrat';
font-style: italic;
font-weight: 500;
font-size: 16px;
line-height: 147.3%;
color: #2F2F2F;
}
.flex-row.icon-review {
margin-right: 7px;
}
.box-review {
font-family: 'Exo';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 147.3%;
color: #113555;
}
.review_video.pop_video img {
filter: brightness(0.6);
}
.review_video_item {
margin: 0 -15px -15px;
}
.review_video:before {
content: "";
position: absolute;
left: calc(50% - 50px);
top: calc(50% - 50px);
width: 100px;
height: 100px;
background: url(//panel-tek.ru/wp-content/themes/panel/template-parts/home-page/play.svg) no-repeat;
background-size: contain;
transition: all 0.2s;
z-index: 2;
}
#mb6 .owl-carousel .owl-stage-outer {
padding-bottom: 80px;
}
@media (max-width: 768px) {
#mb6 .owl-carousel .owl-stage-outer {
padding-bottom: 10px;
}
}
.button_callback_phone {
bottom: 32px !important;
}
@media (max-width: 768px) {
#mb4 .header_call_button {
margin-top: 0;
}
.mb4_right .mb4_right_item > .params {
padding: 10px;
}
#mb4 .descript {
margin: 40px 0;
max-width: 100%;
font-size: 16px;
}
.params.flex-row {
margin-bottom: 14px;
}
.params.flex-row div.value {
width: 50%;
}
.mb5-bottom__desc {
font-size: 18px;
}
#mb6 .title-section {
padding-top: 40px;
margin-left: 0;
padding-left: 15px;
padding-right: 15px;
}
#mb6 .title-section br {
display: none;
}
.panel-review {
padding-bottom: 21px;
}
}
@media (max-width: 768px) {
.modal-garage,
.modal-panel {
background: #fff;
}
}
.section-calc .container {
margin-top: 0;
padding: 0 80px;
}
@media (max-width: 768px) {
.section-calc .container {
padding: 0 10px;
}
}
.section-calc {
background: #f6f7f9;
padding-top: 46px;
padding-bottom: 72px;
}
.calc .title-section {
top: 0;
}
.calc.left {
padding-top: 76px;
}
#mb2 .title-section {
margin-top: 80px;
}
#mb3 .title-section {
margin-top: 80px;
}
#mb4 .title-section {
margin-top: 80px;
}
#mb6 {
background: #f6f7f9;
}
#mb6 .title-section {
padding-top: 60px;
}
#mb6 .owl-carousel .owl-stage-outer {
padding-bottom: 60px;
}
#mb5 .title-section {
margin-top: 60px;
}
.mb5-bottom__divider {
margin-top: 20px;
margin-bottom: 40px;
}
.mb5 {
padding-bottom: 0;
}
.contacts-section {
padding: 0;
padding-bottom: 80px;
}