.about-page{}
.about-page h1{text-align: left; text-transform: none; letter-spacing: 0; font-size: 32px; color: #012667; margin-bottom: 20px;}
.about-h1{font-size: 48px; color: #012667; font-weight: 600; margin-bottom: 70px;} 
    @media screen and (max-width: 1200px) {
    .about-h1{font-size: 40px !important; margin-bottom: 60px !important;} 
    }
.nagrada{position: relative;}
    .nagrada-title{color: #012667; font-size: 32px !important; font-weight: 700; line-height: 34px; margin-bottom: 60px;}
    .nagrada-content{}
        .nagrada-items{}
            .nagrada-item{}
            .nagrada-item a{display: block; text-decoration: none;}
            .nagrada-item img{display: block; max-width: 100%; max-height: 100%; width: auto; height: auto;}
    @media screen and (max-width: 1200px) {
        .nagrada-title{font-size: 28px !important; line-height: 30px; margin-bottom: 50px;}
    }
    @media screen and (max-width: 800px) {
        .nagrada-title{font-size: 24px !important; line-height: 26px; margin-bottom: 30px;}
    }
.about-page .owl-carousel .owl-nav{position: absolute; top: 0; right: 0;}
.about-page .owl-carousel .owl-nav button{display: block; width: 50px !important; height: 50px !important; border: 1px solid #012667 !important; background-color: #fff !important;}
.about-page .owl-carousel .owl-nav button.owl-prev{background-position: 50% 50%; background-image: url(/images/owl-prev.svg); right: 60px; left: auto; top: -75px;}
.about-page .owl-carousel .owl-nav button.owl-next{background-position: 50% 50%; background-image: url(/images/owl-next.svg); right: 0; top: -75px;}

    @media screen and (max-width: 800px) {
        .about-page .owl-carousel .owl-nav button.owl-prev{right: 60px; left: auto; top: -40px;}
        .about-page .owl-carousel .owl-nav button.owl-next{right: 0; top: -40px;}
    }

/**/
.about-block{border-top: 1px solid #000000; margin-bottom: 130px;}
    .about-text{border-bottom: 1px solid #000000;}
        .about-text-top{padding: 34px 20px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; align-content: stretch; cursor: pointer;}
        .about-text-top > svg{display: block; flex-shrink: 0; margin-right: 24px; width: 54px; height: 54px;}
        .about-text-top > span{display: block; flex-grow: 1; margin-right: 24px; color: #1F1F1F; font-size: 28px; line-height: 30px; font-weight: 600;}
        .about-text-top > i{display: block; flex-shrink: 0;}
        .about-text-top > i svg{width: 64px; height: 64px; display: block;}
        .about-text-top i.about-open{}
        .about-text-top i.about-close{display: none;}
        .about-show > .about-text-top{padding-bottom: 0;}
        .about-show > .about-text-top i.about-open{display: none;}
        .about-show > .about-text-top i.about-close{display: block;}
            .text1{}
            .text2{}
            .text3{}
        .about-text-bottom{height: 0px; opacity: 0; transition: all 0.2s ease-out; padding: 0 20px 0 20px; overflow: hidden;}
        .about-show > .about-text-bottom{height: auto; opacity: 1;}
            .about-text-smile{padding: 0 15% 0 65px; margin-bottom: 80px; font-size: 18px !important; line-height: 148%; color: #1F1F1F; font-weight: 300; font-family: 'HelveticaNeueCyr';}
            .about-text-smile span{color:#012667; font-weight: 600;}
            .about-text-smile b{font-weight: 600;}
            .about-text-2{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: stretch; margin-bottom: 35px;}
            .about-text-2 .item{width: 45%;}
            .about-text-2 .item .name{margin-bottom: 15px;  font-size: 18px; line-height: 148%; color: #1F1F1F; font-weight: 700; 	display: flex; 	flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; align-content: stretch;}
            .about-text-2 .item .name svg{display: block; width: 33px; height: 33px; flex-shrink: 0; margin-right: 15px; margin-top: -3px;}
            .about-text-2 .item .name span{display: block; flex-grow: 1;}
            .about-text-2 .item .description{ font-size: 18px; line-height: 148%; color: #1F1F1F; font-weight: 300; font-family: 'HelveticaNeueCyr';}
            .about-img-3{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: stretch; margin-bottom: 50px;}
            .about-img-3 .item{width: 32%; }
            .about-img-3 .item img{display: block; max-width: 100%; max-height: 100%; width: auto; height: auto;}
            .bottom2{background-image: url(/images/fon3.webp); background-position: bottom center; background-repeat: no-repeat; background-size: contain;}
            .about-text-3{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: stretch; margin-bottom: 150px;}
            .about-text-3 .item{width: 31%; margin-bottom: 30px;}
            .about-text-3 .item .img{height: 48px;}
            .about-text-3 .item .name{margin-bottom: 8px;  font-size: 18px; line-height: 20px; color: #1F1F1F; font-weight: 700; min-height: 20px;}
            .about-text-3 .item .description{font-size: 16px; line-height: 140%; color: #1F1F1F; font-weight: 300; font-family: 'HelveticaNeueCyr';}
            .about-text-3 .item.krug{ position: relative; }
            .about-text-3 .item.krug:before{content: ''; display: block; position: absolute;left: 0; bottom:-30px; right: 0; top: -100px; background-image: url(/images/krug-fon.png); background-position: top center; background-repeat: no-repeat; background-size: contain;}
            .about-text-3 .item.krug > div{position: relative; z-index: 5;}
            .about-text-3 .item.krug .description{text-align: center; font-size: 16px; line-height: 18px; color: #1F1F1F; font-weight: 300; font-family: 'HelveticaNeueCyr';}
            .about-text-3 .item.krug .description span{font-weight: 600;}
            .about-text-4{}
            .about-text-4 .item{margin-bottom: 25px;}
            .about-text-4 .item .name{margin-bottom: 15px;  font-size: 20px; line-height: 148%; color: #1F1F1F; font-weight: 700; 	display: flex; 	flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; align-content: stretch;}
            .about-text-4 .item .name svg{display: block; width: 33px; height: 33px; flex-shrink: 0; margin-right: 15px; margin-top: -3px;}
            .about-text-4 .item .name span{display: block; flex-grow: 1;}
            .about-text-4 .item .description{ font-size: 20px; line-height: 148%; color: #1F1F1F; font-weight: 300; font-family: 'HelveticaNeueCyr';}
    @media screen and (max-width: 1200px) {
        .about-block{margin-bottom: 90px;}
        .about-text-top{padding: 25px 15px;}
        .about-text-top > span{font-size: 24px; line-height: 28px;}
        .about-text-top > svg{margin-right: 24px; width: 50px; height: 50px;}
        .about-text-top > i svg{width: 55px; height: 55px;}
    }
    @media screen and (max-width: 900px) {
        .about-text-3 .item.krug:before{top: -80px;}
    }
    @media screen and (max-width: 800px) {
        .about-block{margin-bottom: 50px;}
        .about-text-top{padding: 15px 10px;}
        .about-text-top > span{font-size: 18px; line-height: 22px;}
        .about-text-top > svg{margin-right: 20px; width: 30px; height: 30px;}
        .about-text-top > i svg{width: 30px; height: 30px;}

        .about-show > .about-text-bottom{}
        .about-text-smile{padding: 0 0% 0 0px; margin-bottom: 25px; font-size: 16px !important; line-height: 148%; padding-top: 20px;}
        .about-text-2{margin-bottom: 0;}
        .about-text-2 .item{width: 100%; margin-bottom: 20px;}
        .about-text-2 .item .name{}
        .about-text-3{margin-bottom: 60px;}
        .about-text-3 .item{width: 100%; margin-bottom: 20px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: stretch;}
        .about-text-3 .item .img{flex-shrink: 0; margin-right: 15px;}
        .about-text-3 .item .name{flex-grow: 1;}
        .about-text-3 .item .description{width: 100%;}
        .about-text-3 .item.krug{background-color: #EEF5FF; padding: 30px 20px; text-align: left; font-size: 16px !important;}
        .about-text-3 .item.krug:before{width: 89px; height: 84px; background-image: url(/images/krug-mbile.png); right: 10px; top: -15px; left: auto;}
        .about-text-3 .item.krug .img{display: none;}
        .about-text-3 .item.krug .description{text-align: left; font-size: 18px !important; line-height: 22px !important; padding-right: 30px;}
        .about-text-3 .item.krug .description br{display: none;}
        .about-img-3{margin-bottom: 20px;}
        .about-text-4 .item .name{margin-bottom: 15px;  font-size: 18px !important; line-height: 20px;}
        .about-text-4 .item .description{font-size: 16px !important; }

    }

/**/
.slider-year{margin-bottom: 140px;}
    .slider-nav{}
    .slider-nav:before{content: ''; display: block; position: absolute; left: 0; bottom: 0; top: 40px; width: 3px; background: none; background-color: #012667; z-index: 50;} 
        .slider-nav-item{background-image: url(/images/year.svg); background-position: left bottom; background-repeat: repeat-x; padding-left: 12px; position: relative; cursor: pointer;}
        .slider-nav-item.slick-active:before{content: ''; display: block; position: absolute; left: 0; bottom: 0; top: 40px; width: 3px; background: linear-gradient(180deg, #E2E5ED 0%, rgba(226, 229, 237, 0) 100%);} 
        .slider-nav-item .year{margin-bottom: 8px; font-size: 32px; line-height: 34px; color: #D3D6DC;}
        .slider-nav-item .text{margin-bottom: 185px; font-size: 16px; line-height: 20px; color: #D3D6DC;}
        .slider-nav-item.slick-current .year{color: #012667;} 
        .slider-nav-item.slick-current .text{color: #012667;} 
    @media screen and (max-width: 1224px) {
        .slider-year{margin-bottom: 100px;}
        .slider-nav-item{background-size: auto 130px;}
        .slider-nav-item .year{ font-size: 28px; line-height:32px;}
        .slider-nav-item .text{margin-bottom: 150px;}
    }
    @media screen and (max-width: 800px) {
        .slider-year{margin-bottom: 50px;}
        .slider-nav-item{background-size: auto 80px;}
        .slider-nav-item .text{margin-bottom: 90px; font-size: 14px; line-height: 16px;}
        .slider-nav-item .year{ font-size: 20px; line-height:24px;}
    }

    .slider-for{}
    .slider-for:before{content: ''; display: block; position: absolute; left: 0; bottom: 0; top: 0px; width: 3px; background: none; background-color: #444546;} 
        .slider-for-item{padding: 50px 34px 0 34px;}
            .it2{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; 	align-content: stretch; margin-bottom: 25px;}
            .it2-map{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; 	align-content: stretch; margin-bottom: 20px;}
                .it2-left{width: 60%;}
                .it2-left .name{margin-bottom: 23px; font-size: 28px; color: #012667; font-weight: 550;}
                .it2-left .text{color: #1F1F1F; font-size: 16px; font-weight: 300; font-family: 'HelveticaNeueCyr';}
                .it2-left .text p{}
                .it2-right{width: 38%;}
                .it2-right img{display: block; max-width: 100%; max-height: 100%; width: auto; height: auto;}
            .it2-map .it2-left{width: 70%;}
            .it2-map .it2-right{width: 28%;}
            .it-map{display: none;}
        .slider-for-item.slick-active .it-map{ display: block;}
            .it-map #shops_map{width: 65% !important;}
            .it-map .right{width: 32% !important;}
            .contacts_wrapper_row .objects_list{overflow-y: auto !important;}
            .it-map .contacts_wrapper_row .shop{padding-bottom: 20px; border-bottom:none;}
            .it-map .contacts_wrapper_row .object .title{font-size: 16px; margin-bottom:10px;}
            .it-map .contacts_wrapper_row .shop .text{font-size: 16px; line-height: 18px;}
            .it-map .contacts_wrapper_row .shop .text a{font-size: 16px; line-height: 18px; color: #FF7E00; text-decoration: none;}
    .icon-list{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: stretch; margin-top: 30px;}
    .icon-list .item{width: 48%;}
    .icon-list .item:first-child{margin-right: 4%;}
    .icon-list .item span{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: stretch; margin-bottom: 5px; font-size: 42px; line-height: 44px; font-weight: 500; color: #012667;}
    .icon-list .item span img{margin-left: 15px; max-height: 50px;}
    .icon-list .item div{font-size: 18px; line-height: 20px; font-weight: 500; color: #012667;}

    .img-list-3{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: stretch;}
        .img-item{width: 32%; }
        .img-item img{display: block; max-width: 100%; max-height: 100%; width: auto; height: auto;}
    .img-list-4{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: stretch;}
    .img-list-4 .img-item{width: 24%; }

    @media screen and (max-width: 1024px) {
        .slider-for-item{padding: 35px 25px 0 25px;}
        .it2{}
        .it2-left .name{margin-bottom: 20px; font-size: 24px;}
    }
    @media screen and (max-width: 991px) {
            .it-map #shops_map{width: 65% !important;}
            .it-map .right{width: 32% !important;}
    }
    @media screen and (max-width: 800px) {
        .slider-for-item{padding: 25px 15px 0 15px;}
        .it2-left{width: 100%; margin-bottom: 25px;}
        .it2-right{width: 100%;}
        .it2-map .it2-left{width: 100%; margin-bottom:0;}
        .it2-map .it2-right{width: 100%;}
        .it-map #shops_map{width: 100% !important;}
        .it-map .right{width: 100% !important; }
        .contacts_wrapper_row .objects_list{height: 350px !important;}

    }
    @media screen and (max-width: 600px) {
        .slider-for:before{display: none; } 
        .slider-for-item{padding: 25px 0px 0 0%;}
    }

.variable-width{display: block;}
.variable-width .img-item{padding: 0 5px;}
.variable-width .img-item a{padding: 0 5px; display: block;}
.variable-width .img-item img{display: block;}
    @media screen and (max-width: 550px) {
        .variable-width .img-item { width: 300px;}
        /*.variable-width .img-item img{height: 150px; width: auto; max-width: auto;  max-height:auto;}*/
    }

.variable-width.slick-slider button{position: absolute; top: 0; right: 0;}
.variable-width.slick-slider button{display: block; width: 50px !important; height: 50px !important; border: 1px solid #012667 !important; background-color: #fff !important;}
.variable-width.slick-slider button.slick-prev{background-position: 50% 50%; background-image: url(/images/owl-prev.svg); right: 60px; left: auto; top: 0; background-repeat: no-repeat;}
.variable-width.slick-slider button.slick-prev:before{display: none;}
.variable-width.slick-slider button.slick-next{background-position: 50% 50%; background-image: url(/images/owl-next.svg); right: 0; top: 0; background-repeat: no-repeat}
.variable-width.slick-slider button.slick-next:before{display: none;}

    @media screen and (max-width: 550px) {
        .variable-width{padding-top: 60px;}
        .variable-width .img-item{padding: 0 0px;}
        .variable-width .img-item a{padding: 0 0px;}
        .variable-width.slick-slider button.slick-prev{right: 60px; left: auto; top: 0px;}
        .variable-width.slick-slider button.slick-next{right: 0; top: 0x;}
    }


    .variable-width4{display: block;}
.variable-width4 .img-item{padding: 0 5px;}
.variable-width4 .img-item a{padding: 0 5px; display: block;}
.variable-width4 .img-item img{display: block;}
    @media screen and (max-width: 550px) {
        .variable-width4 .img-item { width: 300px;}
        /*.variable-width4 .img-item img{height: 150px; width: auto; max-width: auto;  max-height:auto;}*/
    }

.variable-width4.slick-slider button{position: absolute; top: 0; right: 0;}
.variable-width4.slick-slider button{display: block; width: 50px !important; height: 50px !important; border: 1px solid #012667 !important; background-color: #fff !important;}
.variable-width4.slick-slider button.slick-prev{background-position: 50% 50%; background-image: url(/images/owl-prev.svg); right: 60px; left: auto; top: 0; background-repeat: no-repeat;}
.variable-width4.slick-slider button.slick-prev:before{display: none;}
.variable-width4.slick-slider button.slick-next{background-position: 50% 50%; background-image: url(/images/owl-next.svg); right: 0; top: 0; background-repeat: no-repeat}
.variable-width4.slick-slider button.slick-next:before{display: none;}

    @media screen and (max-width: 550px) {
        .variable-width4{padding-top: 60px;}
        .variable-width4 .img-item{padding: 0 0px;}
        .variable-width4 .img-item a{padding: 0 0px;}
        .variable-width4.slick-slider button.slick-prev{right: 60px; left: auto; top: 0px;}
        .variable-width4.slick-slider button.slick-next{right: 0; top: 0x;}
    }

.ofbrand{display: inline-block; background-color: #F2FFF5; padding: 4px 6px 4px 30px; color: #1BB141; font-size: 18px; line-height: 20px; background-image: url(/images/ofbrand.svg); background-position: 4px 6px; background-repeat: no-repeat; margin-bottom: 20px;}
.ofbrand span{font-weight: 550;}

.slider-nav.slick-slider{padding-top: 40px;}

.slider-nav.slick-slider button{position: absolute; top: 0; right: 0;}
.slider-nav.slick-slider button{display: block; width: 50px !important; height: 50px !important; border: 1px solid #012667 !important; background-color: #fff !important;}
.slider-nav.slick-slider button.slick-disabled{display: none !important;}
.slider-nav.slick-slider button.slick-prev{background-position: 50% 50%; background-image: url(/images/owl-prev.svg); right: 60px; left: auto; top: -40px; background-repeat: no-repeat; display: none !important;}
.slider-nav.slick-slider button.slick-prev:before{display: none;}
.slider-nav.slick-slider button.slick-next{background-position: 50% 50%; background-image: url(/images/owl-next.svg); right: 0; top: -40px; background-repeat: no-repeat}
.slider-nav.slick-slider button.slick-next:before{display: none;}

    @media screen and (max-width: 550px) {
        .slider-nav{}
        .slider-nav .img-item{padding: 0 0px;}
        .slider-nav .img-item a{padding: 0 0px;}
        .slider-nav.slick-slider button.slick-prev{right: 60px; left: auto; top: -40px;}
        .slider-nav.slick-slider button.slick-next{right: 0; top: -40px;}
    }