﻿/*
INFORMATION PAGES
*/
#information-information iframe{max-width:100%;border:0;}

.img-block {width: 100%;position: relative;margin-bottom: 30px;}
.img-block > img {width: 100%;}
.img-block .img-text{position: relative;margin: 20px 5px;width: 100%;max-width: 600px;text-transform: uppercase;font-size: 14px;}
.img-block .img-text span {font-size: 24px;color: #f03136;font-weight: 700;}
.grey-block {background: #ebebeb;padding: 30px 25px;margin-bottom: 30px;width: 100%;border-radius: 10px;}

.payment-delivery-page {margin-bottom: 40px;}
.payment-delivery-hero {
    margin-bottom: clamp(28px, 4vw, 42px);
}
.payment-delivery-hero img {
    display: block;
    width: 100%;
    height: auto;
}
.payment-delivery-lead {margin-bottom: 32px;}
.payment-delivery-lead h2 {margin-top: 0;}
.payment-delivery-panel {
    background: #ebebeb;
    padding: clamp(24px, 4vw, 48px) clamp(20px, 4vw, 40px);
    margin-bottom: 36px;
    width: 100%;
    border-radius: 10px;
}
.payment-delivery-panel h2:first-child {margin-top: 0;}
.payment-delivery-panel h2 {margin-top: 36px;}
.payment-delivery-panel h3 {margin-top: 26px;}
.payment-delivery-warning {color: #f03136;font-weight: 700;}

.grey-block form .form-group:last-child {
    margin-bottom: 0;
}

.sc-contact_form form{display:flex;flex-wrap: wrap;justify-content: space-between;}
.sc-contact_form .form-group{width: 100%;}
.sc-contact_form .form-group:last-child{width: 100%;}
.sc-contact_form .hidden-inputs{display: none;}
.sc-contact_form .btn-primary{margin-top: 20px;}

.sc-contact_form .callback-form .form-group {width: 100%;}

.about-callback{border: 3px solid #ebebeb;}
.about-callback-left{position: relative;height: 100%;display: flex;padding:30px;align-items: center;justify-content: center;text-align: center;padding-bottom: 0;}
.about-callback-left h3{margin: 0 0 30px;font-size: 26px;color: #424753;text-transform: uppercase;font-weight: 500;}
.about-callback-left .call-text-block h3 span {font-size: 20px;color: #8d8c8c;}
.about-callback-left .call-text-block p {font-size: 16px;line-height: 18px;color: #8d8c8c;margin: 0;}
.about-callback-right{padding: 30px;}
.sc-contact_form .about-callback-right .form-group{width: 100%;}
.sc-contact_form .about-callback-right .form-group .form-control{height: 40px;margin-bottom: 30px;}
.sc-contact_form .about-callback-right .btn-primary{margin-top: 0;}

.shortcode-module .container{width: auto;padding-left: 0;padding-right: 0;}

.advantage .module-title{margin-bottom: 40px;}
.advantage .advantage-blocks-item img{display: block;margin-left: auto;margin-right: auto;width: 70px;height: auto;}
.advantage .advantage-blocks-item span{display: block;text-align: center;text-transform: uppercase;font-size: 14px;width: 100%;position: relative;margin: 40px 0;font-weight: bold;}
.advantage .advantage-blocks-item span:after{content: '';display: inline-block;position: absolute;width: 48px;height: 2px;background: #f03136;left: 50%;margin-left: -24px;bottom: -20px;}
.advantage .advantage-blocks-item p{line-height: 18px;color: #000;font-size: 14px;}

.spoiler-btn .more-btn {
    display: inline-block;
    padding: 10px 30px;
    border: 1px solid;
    cursor: pointer;
}

.spoiler-btn .more-btn:hover {
    background-color: #2e2e2e;
    color: #fff;
}

.spoiler-hide {
    font-weight: 600;
    cursor: pointer;
}

@media (min-width:576px){
	.sc-contact_form .form-group{width: 48%;}
}

@media screen and (min-width: 768px){
    .advantage{padding: 40px 0;}
    .img-block .img-text {position: absolute;top: 50%;padding: 25px 30px;background: rgba(255,255,255,0.85);max-width: 430px;font-size: 16px;line-height: 22px;right: 5%;margin-top: -95px;}
}

@media (min-width: 992px) {
    .img-block .img-text {font-size: 18px;}
}

.advantage-blocks {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
}

.advantage-blocks-item {
    flex: 1 1 160px;
    max-width: 220px;
}

.blog-article-lead {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    align-items: flex-start;
    margin-bottom: 24px;
}

.blog-article-image {
    max-width: 286px;
    width: 100%;
    height: auto;
}

.blog-article-description {
    flex: 1 1 280px;
    font-size: 16px;
    line-height: 1.5;
}

.vacancies-list {
    margin-top: 24px;
}

.vacancies-item {
    margin-bottom: 20px;
}

.vacancies-item h2 {
    font-size: 20px;
    margin-bottom: 8px;
}

.vacancies-note {
    margin-top: 24px;
}

#product-xreviews #xreviews {
    margin-bottom: 0;
}

#product-xreviews .store-xreviews {
    margin-bottom: 30px;
}

#product-xreviews .xreview-form {
    margin-top: 0;
}

@media screen and (min-width: 768px) {
    #product-xreviews .store-xreviews {
        margin-bottom: 50px;
    }
}
