* {
    -webkit-locale: auto;
    white-space: normal;
    box-sizing: border-box;
}

html {
	overflow-x: hidden;
}

body::after{
    position:absolute; width:0; height:0; overflow:hidden; z-index:-1; 
    content:url('../img/assortment/Opal_Night.jpg') url('../img/assortment/OpalPrism_Night.jpg') url('../img/assortment/Prism_Night.jpg') url('../img/assortment/SuperPrism_Night.jpg');
 }
a:hover{
    text-decoration: none;    
}
body {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
}
.container-fluid {
    margin: 0 auto;
}
header {
    background-color: #fff;
    height: 100%;
    width: 100%;
}

header .container-fluid {
    /* background-position: bottom right -100px;
    background-size: contain;
    background-repeat: no-repeat;
    animation: 10s slideshow infinite; 
    border-top: 5px solid #0b70a0;
    border-bottom: 5px solid #0b70a0;*/
}
.top-slideshow {
    height: 530px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    animation: 10s slideshow infinite;
    position: relative;
}

.background2 {
    background-color: #7e71b1;
}

.warranty-label {
    position: absolute;
    height: 100px;
    width: 100px;
    background-size: 100px;
    background-image: url('../img/Warranty.svg');
    background-repeat: no-repeat;
    background-position: center center;
    bottom: 40px;
    right: 40px;
}
.bg-blue {
    background-color: #7e71b1;
    color: #fff;
}
.bg-white, .bg-blue {
    padding: 0;
}
@keyframes slideshow {
    0% {
        background-image: url('../img/1.jpg');
        border-color: #ffdfc5;
    }
    32% {
        background-image: url('../img/1.jpg');
        border-color: #ffdfc5;
    }
    33% {
        background-image: url('../img/2.jpg');
        border-color: #daf4ff;
    }
    65% {
        background-image: url('../img/2.jpg');
        border-color: #daf4ff;
    }
    66% {
        background-image: url('../img/3.jpg');
        border-color: #d1ffe2;
    }
    99% {
        background-image: url('../img/3.jpg');
        border-color: #d1ffe2;
    }
    100% {
        background-image: url('../img/1.jpg');
        border-color: #ffdfc5;
    }
}
.main-heading {
    font-weight: 900;
    font-size: 42px;
    line-height: 54px;
    padding: 40px;
	padding-top: 100px;
    color: #fff;
    text-align: left;
}



.subheading {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    padding-left: 4px;
    padding-top: 30px;
    padding-bottom: 0px;
    line-height: 24px;
}
.main-heading b {
    color: #fff;
    border-bottom: 3px solid #fff;
}
.top-cta-btn {
    display: block;
    background-color: #fff;
    color: #7e71b1;
    border-radius: 8px;
    padding: 15px;
    padding-left: 35px;
    padding-right: 35px;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: fit-content;
    font-size: 16px;
    margin-top: 40px;
    font-weight: 800;
    line-height: 22px;
    transition: 0.3s all ease-in-out;
    box-shadow: 0px 19px 15px -11px rgba(255, 255, 255, 0.4);
}
.top-cta-btn:hover{
    background-color: #fff;
    color: #7e71b1;
 }
 .bottom-cta-btn {
    float: right;
    display: block;
    background-color: #7e71b1;
    color: #fff;
    border-radius: 8px;
    padding: 10px;
    padding-left: 35px;
    padding-right: 35px;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: fit-content;
    font-size: 14px;
    margin-top: 15px;
    font-weight: 400;
    line-height: 22px;
    transition: 0.3s all ease-in-out;
    box-shadow: 0px 19px 15px -11px rgba(126, 113, 177, 0.6);
}
.bottom-cta-btn:hover{
    background-color: #7e71b1;
    color: #fff;
 }
.practiq-logo {
    display: block;
    height: 66px;
    width: 230px;
    background-image: url('../img/novattro.svg');
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
    background-position: center center;
}
.gost-logo {
    display: block;
    height: 80px;
    width: 95px;
    background-image: url('../img/gost.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 20px;
    margin-right: 20px;
}
.iso-logo {
    display: block;
    height: 90px;
    width: 90px;
    background-image: url('../img/iso.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 20px;
    margin-right: 20px;
}
#delivery {
    background-image:url('../img/delivery.jpg');
    background-size: cover;
    background-position: center center;
    padding-bottom: 130px;
    padding-top: 130px;
    /* border-bottom: 2px solid #b1b1b1; */
}
.delivery-bg {
    background-color: rgba(255, 255, 255, 0.75);
    backdrop-filter:blur(5px);
    padding: 30px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.97);
}
.gost-heading {
    padding-top: 0px !important;
    font-size: 28px !important;
    text-align: right;
    font-size: 30px;
    color: #7e71b1;
}
.objects-heading{
    margin-bottom: 20px;
}
.logo-line {
    padding-top: 20px;
    padding-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.divider {
    background-color: #7e71b1;
    height: 2px;
    width: 100%;
}
.new-label {
    font-weight: 700;
    background: transparent;
    color: #7e71b1;
    font-size: 14px;
    width: fit-content;
    margin: 0 auto;
}
.emoji {
    height: 70px;
    width: 70px;
    background-size: 55px;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto;
}
.emoji-sun {
    background-image: url('../img/reflective.svg');
}
.emoji-biceps {
    background-image: url('../img/resistant.svg');
}
.emoji-shockproof {
    background-image: url('../img/shockproof.svg');
}
.emoji-gost {
    background-image: url('../img/gost.svg');
}
#values {
    padding-top: 40px;
    padding-bottom: 37px;
    background-color: rgb(255, 255, 255);
    /* border-top: 2px solid #ec6604; */
}
.value {
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    padding-top: 7px;
    padding-bottom: 15px;
    text-align: center;
}
.value-caption {
    padding-right: 8px;
    padding-left: 8px;
    font-size: 14px;
    color: #333;
    text-align: center;
}
#strong {
    padding-bottom: 80px;
}
#strong .preview-container {
    background-image: url('../img/preview.png');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 540px;
    padding-right: 550px;
}
#strong small {
    font-size: 11px;
}
.numbers {
    display: flex;
}
.number {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 40px;
}
.number-title {
    font-size: 28px;
    font-weight: 900;
}
#application {
    /*border-top: 2px solid #b1b1b1; */
    padding-top: 55px;
    padding-bottom: 65px;
}
.application-heading {
    padding-top: 60px;
    font-weight: 900;
    font-size: 36px;
    color: #333;
    padding-bottom: 20px;
}
.application-heading span{
    color: #7e71b1;
    font-weight: 900;
}
.switchLight {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: fit-content;
    margin-top: 75px;
    float: right;
    /* border: 1px solid #7e71b1; 
    background-color: #7e71b1;
    background-image: url('../img/day-and-night.svg');*/
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
    /* background-position: left 15px top 50%;*/
    animation: gradient 7s ease infinite;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 6px;
    cursor: pointer;
    -webkit-touch-callout: none; 
    -webkit-user-select: none;  
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 19px 15px -11px rgba(88, 88, 88, 0.6);
}
.bottom-cta-btn, .top-cta-btn {
    transition: all 0.3s ease-in-out;
}
.switchLight:hover, .bottom-cta-btn:hover, .top-cta-btn:hover {
    transform: translateY(-3px);
}
.light-indicator {
    height: 20px;
    width: 20px;
    background-image: url('../img/day-and-night.svg');
    background-size: 20px;
    background-repeat: no-repeat;
    margin-right: 10px;
    transition: transform 0.3s ease-in-out;
}
/* .switchLight:before{
    position: absolute;
    overflow: hidden;
    z-index: 20;
    display: block;
    content: ' ';
    height: 100%;
    width: 50px;
    left: -100px;
    background: rgba(255, 255, 255, 0.4);
    -webkit-transform: skewX(-45deg) translateX(0);
    transform: skewX(-45deg) translateX(0);
    filter: blur(20px);
    webkit-animation: moving 4s ease-in-out infinite;
    -moz-animation: moving 4s ease-in-out infinite;
    -ms-animation: moving 4s ease-in-out infinite;
    -o-animation: moving 4s ease-in-out infinite;
    animation: moving 4s ease-in-out infinite;
} */
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.night-assortment .switchLight {
    /* background-color: #444;
    box-shadow: 0px 19px 15px -11px rgba(87, 87, 87, 0.6); */
}
.night-assortment .light-indicator {
    transform: rotate(180deg);
}
@keyframes moving {  
    30% {  
            webkit-transform: skewX(-45deg) translateX(400px);
            transform: skewX(-45deg) translateX(400px);   
        }

    100% {  
            webkit-transform: skewX(-45deg) translateX(400px);
            transform: skewX(-45deg) translateX(400px);   
        }
}
#novattro-fr {
    background-color: #f1f1f0;
    padding-top: 60px;
    padding-bottom: 10px;
}
.fr-heading {
    font-weight: 900;
    font-size: 36px;
    color: #333;
    padding-bottom: 20px;
    text-align: center;
}
.fr-demo {
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 350px;
    max-width: 1000px;
    background-image: url('../img/FR.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
#novattro-fr p{
    text-align: center;
}
.instruction-heading {
    font-weight: 900;
    text-align: left;
    font-size: 22px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.app-value {
    font-size: 16px;
    padding-bottom: 190px;
    background-size: cover;
    background-position: top center;
    text-align: left;
}
.app-value span{
    background-color: #0000008a;
    padding: 9px;
    padding-left: 14px;
    padding-right: 14px;
    font-size: 12px;
    color: #fff;
    position: absolute;
    bottom: 0;
    width: fit-content;
    left: 0; right: 0;
    margin: 0 auto;
 }
.margin {
    padding-top: 40px;
}
.buildings {
    background-image: url('../img/buildings.jpg');
}
.interiors {
    background-image: url('../img/interiors.jpg');
}
.greenhouses {
    background-image: url('../img/greenhouses.jpg');
}
.pools {
    background-image: url('../img/pool.jpg');
}
.pavilion {
    background-image: url('../img/pavilion.jpg');
}
.greenhouses {
    background-image: url('../img/greenhouses.jpg');
}
.enter {
    background-image: url('../img/enter.jpg');
}
footer {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #292929;
}
.footer-heading {
    color: rgb(90, 90, 90);
    font-size: 14px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;

}
.safplast-logo {
    height:50px;
    width: 100%;
    background-image: url('https://safplast.ru/promo/d-res/img/logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    margin-bottom: 30px;
}
.footer-link {
    font-size: 12px;
    color: #999;
    width: 100%;
    display: block;
    padding-top: 4px;
    padding-bottom: 4px;
}
.footer-link:hover {
    color: #fff;
}
.copy {
    color: #999;
    font-size: 14px;
}
.copy a {
    color: #fff;
}
.step {
    border-bottom: dashed 1px #7e71b1;
    padding: 15px;
    padding-left: 0;
    display: flex;
}
.step:last-child {
    border-color: #fff;
}
.instruction-block {
    background: transparent;
    border-radius: 7px;
}
.step-icon {
    width: 70px;
    height: 70px;
    background-color: #fff;
    background-repeat: no-repeat;
    border: 2px solid #7e71b1;
    background-size: cover;
    border-radius: 50%;
    flex-grow: 0;
    flex-shrink: 0;
}
.step1 {
    background-image: url('../instructions/step1.jpg');
}
.step2 {
    background-image: url('../instructions/step2.jpg');
}
.step3 {
    background-image: url('../instructions/step3.jpg');
}
.step4 {
    background-image: url('../instructions/step4.jpg');
}
.step5 {
    background-image: url('../instructions/step5.jpg');
}
.step6 {
    background-image: url('../instructions/step6.jpg');
}
.step-text {
    color: #333;
    flex-grow: 1;
    flex-shrink: 1;
    line-height: 15px;
    font-size: 14px;
    padding: 8px;
    padding-left: 14px;
    padding-top: 4px;
}
.step-heading {
    font-size: 18px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #0b70a0;
    font-weight: 700;
}
#instruction {
}
#instruction .container {
    padding-top: 50px;
    padding-bottom: 100px;
    background-image: url('../img/muzhique.jpg');
    background-position: right bottom;
    background-size: 700px;
    background-repeat: no-repeat;
}
#buy {
    background-color: #000;
    border-top: 1px solid #e2e2e2;
    /*border-bottom: 1px solid #e2e2e2;*/
}
.buy-container {
    background-image: url('../img/colorled.jpg');
    background-size: 1000px;
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 300px;
    padding-bottom: 75px;
    color: #888;
    border-radius: 10px;
}
.buy-title {
    font-size: 45px;
    font-weight: 900;
    padding-bottom: 10px;
    color: #fff;
}
.buy-btn {
    margin: 0 auto;
    width: fit-content;
    padding: 15px;
    padding-left: 35px;
    padding-right: 35px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.social-link {
    background: #111;
    padding: 9px;
    margin-top: 15px;
    margin-bottom: 35px;
    color: #fff;
    width: 100%;
    text-align: center;
    font-size: 12px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}
.social-heading {
    font-size: 1.3rem;
    margin-top: 10px;
    margin-bottom: 10px;
    letter-spacing: 1px;
    color: #000000;
    text-transform: uppercase;
}
#social-links {
    padding-top: 40px;
    padding-bottom: 23px;
    background-color: rgb(194 228 245);
}
.vk {
    background: #4a76a8;
}
.facebook {
    background: rgb(24, 119, 242);
}
.ok {
    background: #ee8208;
}
.instagram {
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.gost-logo {
    
}
#and-yet {
    background-color: #f1f1f0;
    color: #222;
}
.and-yet-heading {
    padding-bottom: 20px;
    font-size: 32px;
    font-weight: 900;
}
.and-yet-heading span{
    color: #7e71b1;
}
#and-yet .container {
    background-image: url('../img/led-panels.png');
    background-size: 400px;
    background-position: right center;
    background-repeat: no-repeat;
    padding-top: 40px;
    padding-bottom: 80px;
}
.feature h3 {
    font-weight: 600;
    font-size: 20px;
}
.feature p {
    font-size: 14px;
    color: #666;
    margin-top: 15px;
}
.feature-icon {
    height: 40px;
    width: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 15px;
    margin-top: 25px;
}
#and-yet small {
    font-size: 11px;
    line-height: 10px;
    color: rgb(185, 185, 185);
}
a {
    color:#7e71b1;
}
a:hover {
    color: #483a7e;
}
.uv {
    background-image: url('../img/uv-protective-fabric.svg');
}
.package {
    background-image: url('https://safplast.ru/upload/iblock/29a/package-_1_-1-_1_.png');
}
.flexible {
    background-image: url('https://safplast.ru/upload/iblock/63f/piggy_bank-_1_-1-_1_.png');
}
.clear {
    background-image: url('https://safplast.ru/upload/iblock/50b/microscope-1-_2_.png');
}

@media(max-width: 768px) {
    .main-heading {
        font-size: 35px;
    }
    .app-value {
        margin-bottom: 30px;
    }
    .social-link {
        margin-bottom: 10px;
    }
    .footer-heading {
        margin-top: 15px;
    }
    #instruction .container {
        background-image: none;
    }
}
.color-demo {
    padding: 8px;
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
    border: 1px solid #cecece;
    width: fit-content;
    align-items: center;
    margin-right: 15px;
    margin-bottom: 10px;
    background-color: rgba(255, 255, 255, 0.7);
}
.color-icon {
    height: 24px;
    width: 24px;
    border-radius: 50%;
    border: 1px solid #cecece;
    margin-right: 12px;
}
.colors {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}
.thickness {
    display: flex;
}
.thvalue {
    font-size: 24px;
    margin-right: 20px;
    padding: 6px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #cecece;
}
.instruction-heading {
    padding-top: 50px;
}
.document {
    display: block;
    margin-bottom: 7px;
    padding-left: 30px;
    color: #0b70a0;
    width: fit-content;
    background-image: url('../img/document.svg');
    background-size: 18px;
    background-position: left center;
    background-repeat: no-repeat;
}
.document:hover {
    color: #333;
}
.italy {
    width: fit-content;
    padding-top: 0;
    margin-top: 23px;
    padding-left: 70px;
    background-image: url('../img/italy.svg');
    background-size: 40px;
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 20px;
    margin-top: 70px;
}
.germany {
    width: fit-content;
    padding-top: 0;
    margin-top: 23px;
    padding-left: 70px;
    background-image: url('../img/germany.svg');
    background-size: 40px;
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 20px;
}
#relevant {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #3a3a3a;
    color: #b1b1b1;
}
.relevant-header {
    font-size: 18px;
    padding-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.relevant-name a{
    color: #fff;
    font-size: 16px;
    padding-right: 20px;
    background-image: url('../img/right-chevron.svg');
    background-size: 10px;
    background-position: right center;
    background-repeat: no-repeat;
}
.relevant-caption {
    font-size: 13px;
    margin-top: 8px;
}
.download-link {
    padding: 4px;
    border:1px solid #7e71b1;
    color: #7e71b1;
    margin-left: 5px;
}
.download-link:hover{
    background: #7e71b1;
    color: #fff;
}
.modal-content {
    background-color: rgb(234 234 234);
    color: #222;
    border-radius: 10px;
    border: none;
}
.close {
    color: #999;
    text-shadow: none;
}
.legal {
    font-size: 11px;
    opacity: 0.6;
    color: #333;
}
.legal a {
    color: #333;
    text-decoration: underline;
}
.modal-footer {
    padding: 0px;
    padding-top: 20px;
}
.btn-accept {
    display: block;
    margin-top: 10px;
    padding: 15px;
    background-color: #7e71b1;
    color: #ffffff;
    font-weight: 600;
    border-radius: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.btn-accept:hover {
    color: #fff;
    background-color: #584b8b;
}
.form-control {
    border-radius: 8px;
}
.modal-footer > * {
    margin: 0;
}
.modal-backdrop.show {
    opacity: 0.7;
}
.flex {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 30px;
}
#assortment {
    background-color: #f1f1f0;
    padding-top: 0;
    padding-bottom: 80px;
    transition: all 0.24s ease-in-out;
}
.assort-subheading {
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.assort-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.assort-material {
    margin-top: 15px;
    padding: 20px;
    border: 1px solid #cecece;
    margin-bottom: 30px;
    margin-right: 15px;
}
.assort-texture {
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
}
.prism {
    padding-left: 75px;
    background-image: url('../img/prism.jpg');
}
.superprism {
    padding-left: 75px;
    background-image: url('../img/superprism.jpg');
}
.material-name {
    font-weight: 600;
    line-height: 20px;
}
.material-caption {
    color: #999;
    font-size: 12px;
    padding-top: 8px;
}
.or {
    padding: 20px;
    color: #c0c0c0;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.assort-cards {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.light-preview {
    margin-top: 10px;
    border-radius: 8px;
    height: 300px;
    width: 290px;
    background-size: cover;
}
.card-name {
    padding-top: 15px;
    font-weight: 400;
}
.switcher {
    margin-top: 40px;
}
#switcher:checked ~ #assortment {
    background-color: #222 !important;
}
.Prism {
    background-image: url('../img/assortment/Prism_Day.jpg');
    transition: all 0.24s ease-in-out;
}
.SuperPrism {
    background-image: url('../img/assortment/SuperPrism_Day.jpg');
    transition: all 0.24s ease-in-out;
}
.OpalPrism {
    background-image: url('../img/assortment/OpalPrism_Day.jpg');
    transition: all 0.24s ease-in-out;
}
.Opal {
    background-image: url('../img/assortment/Opal_Day.jpg');
    transition: all 0.24s ease-in-out;
}
.night-assortment .Prism {
    background-image: url('../img/assortment/Prism_Night.jpg');
}
.night-assortment .SuperPrism {
    background-image: url('../img/assortment/SuperPrism_Night.jpg');
}
.night-assortment .OpalPrism {
    background-image: url('../img/assortment/OpalPrism_Night.jpg');
}
.night-assortment .Opal {
    background-image: url('../img/assortment/Opal_Night.jpg');
}
.night-assortment {
    background-color: #222 !important;
    color: #fff;
}
.night-assortment .application-heading{
    color: #fff;
}
.milling-icon {
    height: 100px;
    width: 100px;
    background-image: url('../img/milling-machine.svg');
    background-size: cover;
}
.delivery-icon {
    margin-left: 50px;
    height: 100px;
    width: 100px;
    background-image: url('../img/fast-delivery.svg');
    background-size: cover;
}
.logos {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.client-logo {
    height: 100px;
    width: 150px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
.company-name {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 30px;
}
.company-description {
    font-size: 14px;
    color: #999;
    margin-bottom: 10px;
}
.company-block {
    padding: 10px;
    padding-left: 40px;
    font-size: 16px;
    font-weight: 600;
    background-size: 24px;
    background-position: left center;
    background-repeat: no-repeat;
}
.c-phone {
    background-image: url('../img/phone.svg');
}
.c-mail {
    background-image: url('../img/at.svg');
}
.c-web {
    background-image: url('../img/external-link-alt.svg');
}
.c-web {
    color: #028fd9;
}
.c-address {
    background-image: url('../img/location-point.svg');
}
.help {
    border-bottom: 2px dotted #7e71b1;
    color: #7e71b1;
    cursor: help;
}
.popover {
    font-family: Inter;
    max-width: 400px;
    box-shadow: 0px 0px 44px -10px rgba(34, 60, 80, 0.2);
}
@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1440px;
    }
}

@media (max-width: 1305px) {
    .assort-cards {
        flex-wrap: wrap;
        overflow: hidden;
    }
}


@media (max-width: 700px) {
    .top-slideshow {
        height: 250px;
    }
    .main-heading {
        font-size: 28px;
        line-height: 36px;
        padding: 30px;
    }
    .thvalue {
        font-size: 16px;
        margin-right: 8px;
    }
    .color-demo {
        margin-right: 8px;
    }
    .italy {
        margin-top: 30px;
        font-size: 14px;
    }
    .germany {
        font-size: 14px;
    }
    .margin {
        padding-top: 0;
    }
    .warranty-label {
        bottom: 10px;
        right: 10px;
    }
    #strong {
        padding-bottom: 30px;
    }

    .light-preview {
        margin-top: 50px;
        height: 300px;
        width: 290px;
        flex-shrink: 1;
    }
    .switchLight {
        margin-top: 0px;
        float: left;
    }
    .numbers {
        max-width: 80%;
        flex-wrap: wrap;
    }
    #delivery {
        padding: 0;
    }
    .delivery-bg {
        border-radius: 0;
    }
    #and-yet .container {
        padding-bottom: 300px;
        background-position: bottom center;
    }
    .feature p {
        font-size: 16px;
    }
    .logos {
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .map-block {
        padding-top: 40px;
    }
}

/* footer */

.footer-cols {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.small-logo {
    width: 124px;
    height: 52px;
    background-image: url(https://safplast.ru/promo/redesign/logo.png);
    background-size: cover;
    margin-bottom: 20px;
}
.footer-col{
    
}
.col-header {
    font-weight: 300;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
    font-size: 10px;
}
.footer-link {
    color: #ccc;
    font-weight: 400;
    padding-top: 8px;
    display: block;
}
.gray-copyright {
    padding-top: 10px;
    padding-bottom: 20px;
    color: #999;
}
.footer-link:hover{
    color: #028fd9;
    cursor: pointer;
}
.col-margin {
    margin-top: 30px;
}
.new-window {
    opacity: 0.7;
    margin-left: 4px;
    display: inline-block;
    height: 10px;
    width: 10px;
    background-size: cover;
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 438.5 438.5'%3e%3cpath d='M414.4 24.1C398.3 8 379 0 356.3 0H82.2c-22.6 0-42 8-58.1 24.1S0 59.6 0 82.2v274.1c0 22.6 8 42 24.1 58.1s35.5 24.1 58.1 24.1h274.1c22.6 0 42-8 58.1-24.1s24.1-35.5 24.1-58.1V82.2c0-22.6-8-42-24.1-58.1zm-49 204.3c0 8-3.7 13.6-11.1 16.8-2.5 1-4.9 1.4-7.1 1.4-5.1 0-9.4-1.8-12.8-5.4l-41.1-41.1-152.5 152.5c-3.6 3.6-7.9 5.4-12.8 5.4-5 0-9.2-1.8-12.9-5.4L86 323.5c-3.6-3.6-5.4-7.9-5.4-12.8s1.8-9.2 5.4-12.8l152.5-152.5-41.1-41.1c-5.9-5.5-7.2-12.2-4-20 3.2-7.4 8.9-11.1 16.8-11.1h137c4.9 0 9.2 1.8 12.9 5.4 3.6 3.6 5.4 7.9 5.4 12.8l-.1 137z' fill='%23fff'/%3e%3c/svg%3e");
}
.lang-col {
    width: fit-content;
}
.lang-btn {
    height: 25px;
    width: 25px;
    background-size: cover;
}
.lang-ru {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 473.68 473.68'%3e%3ccircle cx='236.85' cy='236.849' r='236.83' fill='%23fff'/%3e%3cpath d='M460.143 157.873H314.218c6.339 50.593 6.376 106.339.123 156.995h146.113a236.303 236.303 0 0013.219-78.026c.004-27.703-4.794-54.269-13.53-78.969z' fill='%232b479d'/%3e%3cpath d='M314.218 157.873H460.14a1.618 1.618 0 00-.075-.206C429.756 72.2 351.785 9.319 258.105.972c36.256 19.872 46.846 82.832 56.113 156.901z' fill='%23efecec'/%3e%3cpath d='M258.113 472.697c93.848-8.362 171.927-71.46 202.12-157.156.079-.228.146-.453.228-.673H314.345c-9.196 74.47-19.831 137.874-56.232 157.829z' fill='%23e63026'/%3e%3cpath d='M0 236.841c0 27.348 4.697 53.588 13.219 78.026h313.313c6.26-50.66 6.215-106.402-.116-156.995H13.534C4.798 182.573 0 209.139 0 236.841z' fill='%233757a6'/%3e%3cpath d='M13.608 157.668a3.348 3.348 0 01-.075.206h312.883C317.142 83.804 294.36 20.845 258.109.973c-7.012-.621-14.102-.972-21.274-.972C133.806 0 46.191 65.801 13.608 157.668z' fill='%23efefef'/%3e%3cpath d='M326.532 314.867H13.219c.079.221.153.445.228.673C45.9 407.642 133.641 473.676 236.835 473.676c7.173 0 14.263-.352 21.274-.98 36.405-19.954 59.227-83.358 68.423-157.829z' fill='%23e73b36'/%3e%3c/svg%3e");
}
.lang-en {
    margin-top: 15px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 473.68 473.68'%3e%3cg fill='%2329337a'%3e%3cpath d='M41.712 102.641c-15.273 22.168-26.88 47.059-33.918 73.812h107.734l-73.816-73.812zM170.511 9.48a235.987 235.987 0 00-74.814 37.168l74.814 74.814V9.48zM101.261 430.982a235.633 235.633 0 0069.25 33.211v-102.45l-69.25 69.239zM10.512 306.771c7.831 25.366 19.831 48.899 35.167 69.833l69.833-69.833h-105z'/%3e%3c/g%3e%3cg fill='%23fff'%3e%3cpath d='M45.619 97.144a241.902 241.902 0 00-3.908 5.501l73.816 73.812H7.793c-1.746 6.645-3.171 13.418-4.345 20.284h141.776L45.619 97.144zM95.767 427.074c1.802 1.343 3.654 2.621 5.493 3.908l69.25-69.242v102.45c6.653 1.945 13.41 3.624 20.284 4.974V332.05l-95.027 95.024zM5.25 286.487c1.47 6.873 3.205 13.642 5.258 20.284h105.001l-69.833 69.833a238.435 238.435 0 0025.168 29.12L190.08 286.487H5.25zM170.511 9.48v111.982l-74.815-74.81c-10.314 7.67-19.955 16.185-28.888 25.403l123.983 123.983V4.506c-6.87 1.358-13.627 3.041-20.28 4.974z'/%3e%3c/g%3e%3cg fill='%23d32030'%3e%3cpath d='M170.511 306.056l-.711.715h.711zM190.084 286.487h.71v-.714zM281.229 196.737h-.684v.688zM171.21 176.457l-.699-.703v.703zM190.794 196.037v.7h.7z'/%3e%3c/g%3e%3cg fill='%23252f6c'%3e%3cpath d='M300.825 411.764v53.091a235.482 235.482 0 0070.211-32.897l-57.526-57.526c-4.597 16.151-6.279 24.501-12.685 37.332zM313.812 108.471l62.799-62.799a235.938 235.938 0 00-75.787-36.854v54.538c7.386 14.79 8.007 26.028 12.988 45.115zM427.029 377.984c15.815-21.275 28.141-45.29 36.147-71.213h-107.36l71.213 71.213zM465.887 176.457c-7.188-27.318-19.143-52.676-34.898-75.192l-75.2 75.192h110.098z'/%3e%3c/g%3e%3cg fill='%23e7e7e7'%3e%3cpath d='M327.638 290.5l16.275 16.275 77.903 77.903c1.769-2.214 3.526-4.42 5.217-6.69l-71.213-71.213h107.36c2.046-6.638 3.784-13.41 5.25-20.284H329.16c-.228 2.876-1.249 1.152-1.522 4.009zM311.352 120.348l70.607-70.615a245.581 245.581 0 00-5.348-4.061l-62.799 62.799c.651 2.483-3.066 9.334-2.46 11.877zM300.825 58.992V8.814a236.39 236.39 0 00-20.284-4.727v24.476c7.547 8.182 14.312 18.459 20.284 30.429zM326.041 196.737h144.195c-1.171-6.866-2.599-13.635-4.345-20.284H355.793l75.2-75.192a238.044 238.044 0 00-24.584-29.696l-84.702 84.694c2.281 15.363 3.302 24.285 4.334 40.478zM310.088 371.002l60.952 60.959c10.138-6.982 19.685-14.753 28.593-23.189l-80.173-80.177c-2.559 14.828-5.595 29.15-9.372 42.407zM280.545 442.301v27.28a233.85 233.85 0 0020.284-4.727v-53.091c-5.976 11.975-12.741 22.367-20.284 30.538z'/%3e%3c/g%3e%3cpath d='M321.707 156.259l84.694-84.694a236.803 236.803 0 00-24.446-21.832l-66.55 66.561c2.958 12.363 4.301 26.514 6.302 39.965z' fill='%23d71f28'/%3e%3cg fill='%23d32030'%3e%3cpath d='M225.019.292zM236.836 473.68c-3.938 0-7.872-.108-11.81-.299 3.916.198 7.85.299 11.81.299zM236.836 473.68c14.943 0 29.535-1.447 43.708-4.099v-27.28c-12.441 13.485-26.995 31.379-43.708 31.379z'/%3e%3c/g%3e%3cg fill='%23d71f28'%3e%3cpath d='M470.232 196.737H327.911c1.885 29.704 1.657 60.249-.681 89.75h141.2a237.59 237.59 0 005.25-49.643c0-13.68-1.219-27.06-3.448-40.107zM327.638 290.5c-1.316 13.994-5.901 24.898-8.182 38.099l80.173 80.173a239.086 239.086 0 0022.183-24.094l-77.9-77.907-16.274-16.271z'/%3e%3c/g%3e%3cpath d='M280.545 30.324V4.091C266.376 1.447 251.784 0 236.836 0c16.713 0 31.267 16.843 43.709 30.324z' fill='%23d32030'/%3e%3cg fill='%2329337a'%3e%3cpath d='M300.825 422.007c6.406-12.834 11.899-27.609 16.499-43.757l-16.499-16.499v60.256zM319.377 102.906c-4.989-19.087-11.166-36.439-18.552-51.229v69.773l18.552-18.544z'/%3e%3c/g%3e%3cg fill='%23fff'%3e%3cpath d='M332.234 295.092c.269-2.857.512-5.725.744-8.605h-9.349l8.605 8.605zM300.825 121.451V51.674c-5.976-11.97-12.737-22.254-20.284-30.429v129.906l40.735-40.735a457.616 457.616 0 00-1.9-7.517l-18.551 18.552zM281.229 196.737h52.429c-1.028-16.192-2.666-32.123-4.944-47.482l-47.485 47.482zM280.545 452.432c7.547-8.182 14.308-18.459 20.284-30.429v-60.256l16.499 16.499c3.784-13.264 6.959-27.434 9.525-42.261l-46.307-46.304-.001 162.751z'/%3e%3c/g%3e%3cpath d='M280.545 452.432V289.681l46.304 46.307c2.277-13.205 4.069-26.899 5.381-40.896l-8.605-8.605h9.349c2.337-29.502 2.565-60.047.681-89.75h-52.429l47.482-47.482c-2.001-13.455-4.476-26.469-7.434-38.836l-40.728 40.735V21.248C268.103 7.763 253.549 0 236.836 0c-3.938 0-7.872.101-11.817.292a238.416 238.416 0 00-34.225 4.215v191.531L66.808 72.055a239.134 239.134 0 00-21.189 25.089l79.313 79.313 20.291 20.284H3.448C1.227 209.784 0 223.164 0 236.844c0 17.034 1.84 33.626 5.25 49.643h184.834L70.847 405.724a238.535 238.535 0 0024.921 21.349l95.023-95.023v137.116a238.638 238.638 0 0034.232 4.215c3.938.191 7.872.299 11.81.299 16.716 0 31.27-7.763 43.712-21.248z' fill='%23e51d35'/%3e%3c/svg%3e");
}

footer .container {
   max-width: 1336px;
   margin: 0 auto;
}
.grey-block {
    background-color: #ececec;
    border-radius: 8px;
}
.s-submenu a, .s-submenu span {
    margin: 0 40px 0px 0;
}
.gray-copyright {
    padding-right: 100px;
}
.job {
    border-radius: 8px;
}
.site-footer {
    margin-top: 30px;
    padding-top: 70px;
    padding-bottom: 70px;
    background-color: #212122;
}

section {
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 15px;
	
}

section.breadcumbs, section.s-page-title {
	display: none !important;
}

.top_btns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 0 30px 60px 30px;
}

.choice_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 65px;
    gap: 15px;
    width: fit-content;
    padding: 0 20px;
    margin: 0;
    flex: 1;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    background: transparent;
    border: 2px solid #fff;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.choice_btn img {
    display: block;
    min-height: 28px;
    object-fit: contain;
    margin: 0;
}

.choice_btn:hover {
    background: #fff;
    border-color: #fff;
    color: #7e71b1;
    filter: none;
}

.choice_btn.choice_btn_dealer:hover img {
    content: url('../img/dealer_purple.svg');
}

.choice_btn.choice_btn_ozon:hover img {
    content: url('../img/ozon_purple.svg');
}

.choice_btn.choice_btn_wb:hover img {
    content: url('../img/wb_purple.svg');
}

.choice_btn.choice_btn_avito:hover img {
    content: url('../img/avito_purple.svg');
}

.choice_btn.choice_btn_vse:hover img {
    content: url('../img/vse_purple.svg');
}

@media (min-width: 768px) {
    section {
        margin-left: 15px;
	margin-right: 15px;
    }
}

span {
	font-weight: 600;
	color: #7e71b1;
}

.size-card {
            background-color: #fff;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            padding: 32px;
            transition: all 0.3s ease-in-out;
            min-height: 100%;
        }

        .size-card:hover {
            box-shadow: 0 4px 12px rgba(126, 113, 177, 0.1);
            border-color: #7e71b1;
        }

        .size-card h5 {
            font-weight: 700;
            font-size: 1.25rem;
            color: white;
	    margin-bottom: 0;
}

        .size-visual {
            width: 100%;
            height: 60px;
            background: linear-gradient(to right, #7e71b1 0%, #7e71b1 100%);
            border-radius: 6px;
            margin-bottom: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 14px;
            font-weight: 600;
        }

        .size-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .size-list li {
            padding: 16px 0;
            border-bottom: 1px solid #f0f0f0;
            display: flex;
            flex-direction: column;
            gap: 6px;
            font-size: 15px;
            color: #666;
            line-height: 1.5;
        }

        .size-list li:last-child {
            border-bottom: none;
        }

        .size-list strong {
            color: #333;
            font-weight: 600;
            display: block;
        }

        .size-note {
            font-size: 12px;
            color: #7e71b1;
            margin-top: 16px;
            padding-top: 16px;
            border-top: 1px solid #e8e8e8;
        }

        /* ========== ÑÍÈÆÅÍÈÅ ÁËÈÊÎÂ ========== */

        .glare-section {
            background-color: #fff;
            padding-top: 0;
            padding-bottom: 0;
        }

        .glare-content {
            display: flex;
            align-items: center;
            gap: 40px;
        }

        .glare-text {
            flex: 1;
        }

        .glare-text h5 {
            font-weight: 700;
            font-size: 24px;
            color: #333;
            margin-bottom: 16px;
            margin-top: 0;
        }

        .glare-text p {
            font-size: 14px;
            color: #666;
            line-height: 1.7;
            margin-bottom: 20px;
        }

        .glare-metrics {
            display: flex;
            gap: 32px;
            margin-top: 24px;
        }

        .metric {
            text-align: center;
        }

        .metric-value {
            font-size: 32px;
            font-weight: 900;
            color: #7e71b1;
            margin-bottom: 4px;
        }

        .metric-label {
            font-size: 12px;
            color: #999;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            font-weight: 600;
        }

        .glare-image {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #f0f0f0;
            background-size: cover;
            background-position: center;
            border-radius: 8px;
            min-height: 300px;
            color: #fff;
            font-weight: 700;
            font-size: 16px;
            text-align: center;
            padding: 40px;
        }

        @media (max-width: 991.98px) {
            .application-heading {
                font-size: 28px;
                padding-top: 40px;
                padding-bottom: 16px;
            }

            .glare-content {
                flex-direction: column;
                gap: 32px;
            }

            .glare-image {
                width: 100%;
                height: 250px;
            }

            .size-card {
                padding: 24px;
            }

            .glare-metrics {
                gap: 24px;
                margin-top: 20px;
            }
        }

        @media (max-width: 575.98px) {
            section {
                padding-top: 40px;
                padding-bottom: 50px;
            }

            .application-heading {
                font-size: 20px;
                padding-top: 30px;
                padding-bottom: 12px;
            }

            .size-card {
                padding: 16px;
                margin-bottom: 20px;
            }

            .size-card h5 {
                font-size: 16px;
            }

            .size-list li {
                padding: 8px 0;
            }

            .glare-text h5 {
                font-size: 18px;
                margin-bottom: 12px;
            }

            .glare-text p {
                font-size: 13px;
            }

            .metric-value {
                font-size: 22px;
            }

            .metric-label {
                font-size: 11px;
            }
        }

@media (max-width: 1024px) {
  section {
    padding: 20px 20px;
  }
}

.glare-text {
	text-align: justify;
align-self: baseline;
}

@media (max-width: 1336px) {
	.top-slideshow {
		height: 800px;
	}
}
@media (min-width: 1336.01px) {
	.top-slideshow {
		height: 600px;
	}
}

@media (max-width: 768px) {
.main-heading {
	padding-top: 0;
}
	.top-slideshow {
		height: 300px;
	}
}

@media (max-width: 992px) {
    #strong .preview-container {
        background-position: bottom center;
        padding-right: 10px;
        padding-bottom: 250px;
    }
}