main /*, main>div */ {
	height: 100%;
}
html,body {
height:100%!important;
position:relative;

}
/* old main color #f28c76 new color #6A33B0*/
.widget-title{
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: clamp(17px, 4vw, 24px) !important;
  line-height: 145% !important;
  color: #333333 !important;
}

.ns-bitrix.c-menu.c-menu-mobile-2 .menu-information-auth{
display: none;
}

.ns-bitrix.c-search-title.c-search-title-input-1 .search-title-form {
	border: 1px solid #ccc;
}

body .ns-bitrix .c-rates.c-rates-template-4 .owl-nav button:hover path{
	fill: #F28D76;
	transition: 0.3s;
	cursor: pointer;
}
body .ns-bitrix .c-rates.c-rates-template-4 .owl-nav .owl-prev{
	left: 20px;
	background-color: unset;
	border: unset;
}
body .ns-bitrix .c-rates.c-rates-template-4 .owl-nav .owl-next{
	right: 40px;
	background-color: unset;
	border: unset;
}
body .widget.c-advantages.c-advantages-template-40 .widget-item-picture .intec-image-effect{
	width: 80%;
}
/* body{
    background: #f2f2f2;
} */
div[data-scroll] {
    will-change: transform;
}

.content.custom-content {
    counter-reset: figure;
}
.perspective-img .item {
    max-width: 100%;
    position: relative;
    /*will-change: transform;*/
}

.perspective-img .item__img-wrap {
    will-change: transform;
    --aspect-ratio: 1/1.5;
    overflow: hidden;
}

.perspective-img .img-1.item__img-wrap {
    width: 353px;
    height: 674px;
    --aspect-ratio: 8/10;
    --image: url(/images/img-main-banner.jpg);
}

.perspective-img .img-2.item__img-wrap {
    /*width: 587px;*/
    height: clamp(300px, 29vw, 360px);

    --aspect-ratio: 120/76;
    --image: url(/images/about.png);
}

.perspective-img .img-2.item__img-wrap2 {
    /*width: 587px;*/
    height: clamp(300px, 29vw, 360px);

    --aspect-ratio: 120/76;
    --image: url(/images/compare.png);
}

.perspective-img .img-3.item__img-wrap {
    --aspect-ratio: 60/75;
    width: 100%;
    height: 623px;
    --image: url(/images/about-work-img-1.png);
}
.perspective-img .img-3.item__img-wrap2 {
    --aspect-ratio: 60/75;
    width: 100%;
    height: 213px;
    --image: url(/images/choice-img-2.png);
}

.perspective-img .img-4.item__img-wrap2 {
    width: 100%;
    max-width: 536px;
    height: 197px;
    --aspect-ratio: 900/505;
    --image: url(/images/choice-img-1.png);
}
.perspective-img .img-4.item__img-wrap {
    width: 100%;
    max-width: 536px;
    height: 236px;
    --aspect-ratio: 900/505;
    --image: url(/images/about-work-img-2.png);
}

.perspective-img .item__img {
    will-change: transform;
    --overflow: 40px;
    height: calc(100% + (2 * var(--overflow)));
    top: calc( -1 * var(--overflow));
    width: 100%;
    position: absolute;
    background-image: var(--image);
    background-size: cover;
    background-position: 50% 0%;
}

.main-page.top-header .perspective-img .item__img{
    height: calc(100% + (1 * var(--overflow)));
}

.perspective-img .item__img--t1 {
    --overflow: 60px;
}

.perspective-img .item__img--t2 {
    //--overflow: 40px;
	--overflow: 10px;
}

.perspective-img .item__img--t3 {
    --overflow: 120px;
}


/* BANNER */
.main-page.top-header{
    position: relative;
    background: #F2F2F2;
    transform: translateY(-1px);
}
.main-page.top-header .flex-container-wrapper{
    display: flex;
    justify-content: space-between;
}
.main-page.top-header .height-container{
    height: 809px;
    border-bottom: 3px solid #333333;
}
.main-page.top-header .br-mobile{
    display: none;
}
.main-page.top-header .date .day,
.main-page.top-header .date .year{
    font-weight: normal;
    font-size: clamp(30px, 4vw, 55px);
    line-height: 120%;
    color: #333333;
}
.main-page.top-header .date{
    font-weight: 500;
    font-size: clamp(18px, 2vw, 22px);
    line-height: 120%;
    color: #333333;
}
.main-page.top-header .date .year{
    margin: 0 9px 0 62px;
}
.main-page.top-header .number{
    font-weight: bold;
    font-size: clamp(150px, 18vw, 211px);
    line-height: 80%;
    color: #151515;
    margin: 0 2px 0 0;
    letter-spacing: 0.01em;
}
.main-page.top-header .number.number-mobile{
    display: none;
}
.main-page.top-header .title,
.main-page.top-header .under-title{
    color: #151515;
}
.main-page.top-header h1{
    font-size: 35px;
    line-height: 45px;
    margin: 0;
}
.main-page.top-header .title{
    font-weight: 600;
    line-height: 130%;
    text-transform: uppercase;
}
.main-page.top-header .under-title{
   
}
.main-page.top-header .text-container{
    display: flex;
    transform: translate(-14px, 17px);
}
.main-page.top-header .bottom-link{
    font-weight: 500;
    font-size: clamp(12px, 3vw, 17px);
    line-height: 120%;
    text-transform: uppercase;
    color: #333333;
    transform: translate(3px, 2px);
    letter-spacing: -0.008em;
}
.main-page.top-header .bottom-link svg{
    margin: 0 0 0 15px;
    transform: translateY(2px);
}
.main-page.top-header .left-block{
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 99px 0 128px 0;
    flex: 0 0 54%;
}
.main-page.top-header .right-block{
    position: relative;
    top: 0;
    flex: 0 0 46%;
    text-align: right;
}
.main-page.top-header .right-block .picture{
    position: relative;
    overflow: hidden;
    max-width: 353px;
    margin: 0 0 0 auto;
    display: inline-flex;
}
.main-page.top-header .right-block .picture:after{
    content: '';
    position: absolute;
    left: 50%;
    top: 8%;
    width: 700px;
    height: 130px;
    background: rgba(242, 141, 118, 0.3);
    transform: rotate(-42deg) translateX(-66%);
}
.main-page.top-header .right-block .picture img{
    object-fit: cover;
}

/* ABOUT */
.main-page.about{
    position: relative;
    background: #f2f2f2;
    padding: 58px 0 48px 0;
}
.main-page.about .left-block{
    flex: 0 0 49%;
    margin: 0 clamp(20px, 6vw, 108px) 0 0;
}
.main-page.about .left-block .img-2{
    position: relative;
}
.main-page.about .left-block .img-2:after{
    content: '';
    position: absolute;
    top: 54%;
    left: 0;
    transform: translateY(-50%);
    width: 87%;
    height: 95px;
    background: rgba(242, 141, 118, 0.3);
}
.main-page.about .right-block{
    flex: 1 1 42%;
    display: flex;
}
.main-page.about .vertical-arrow{
    margin: 0 23px 0 0;
    transform: translateY(clamp(70px, 7vw, 124px));
    height: fit-content;
}
.text-box{
    font-weight: normal;
    font-size: 14px;
    line-height: 143%;
    text-align: justify;
    color: #333333;
}
.main-page.about .text-box .text{
    margin: 0 0 clamp(16px, 5vw, 24px) 0;
}
.main-page.about .text-box .text:last-child{
    margin: 0;
}
.main-page.about .about-content-wrapper{
    padding: 20px 0 50px 0;
}

/* ABOUT WORK */
.main-page.about-work{
    position: relative;
    background: #f2f2f2;
    padding: 0 0 64px 0;
}
.main-page.about-work .flex-content-wrapper{
    display: flex;
    justify-content: space-between;
    border-top: 3px solid #333333;
    padding: 83px 0 0 0;
}
.main-page.about-work .flex-content-wrapper .left-block{
    flex: 0 0 50%;
    max-width: 514px;
    margin: 0 30px 0 6px;
}
.main-page.about-work .flex-content-wrapper .left-block .image-wrapper{
    margin: 0 0 41px 0;
}
.main-page.about-work .flex-content-wrapper .right-block{
    flex: 0 0 52.7%;
    display: flex;
}
.main-page.about-work .flex-content-wrapper .title-container{
    display: flex;
    justify-content: flex-start;
    position: relative;
    z-index: 1;
}
.main-page.about-work .flex-content-wrapper .title-container .box-title{
    margin: -5px 22px 0 0;
}
.main-page.about-work .title-container .title,
.main-page.about-work .title-container .under-title{
    font-weight: 800;
    font-size: clamp(30px, 6vw, 45px);
    line-height: 120%;
    text-align: left;
    text-transform: uppercase;
    color: #000000;
}
.main-page.about-work .title-container .title{
    letter-spacing: 0.01em;
}
.main-page.about-work .title-container .under-title{
    font-weight: 300;
    color: #333333;
    transform: translateX(6px);
}
.main-page.about-work .title-container .big-title{
    font-weight: bold;
    font-size: 120px;
    line-height: 78%;
    text-transform: uppercase;
    color: #000000;
    word-break: break-all;
    width: 118px;
}
.main-page.about-work .text-container{
    margin: -35px 0 0 126px;
}
.main-page.about-work .text{
    margin: 0 0 16px 0;
    font-weight: normal;
    font-size: 14px;
    line-height: 143%;
    color: #333333;
}
.main-page.about-work .left-block .text{
    text-align: justify;
    line-height: 142%;
    max-width: 482px;
}
.main-page.about-work .arrow{
    margin: 0 22px 0 0;
    transform: translateY(199%);
    flex: 0 0 25px;
}
.main-page.about-work .right-block-wrapper{
    width: 100%;
    position: relative;
}
.main-page.about-work .right-block-wrapper:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(242, 141, 118, 0.3);
    width: 117px;
    height: 458px;
    pointer-events: none;
    transform: translate(-12px, 260px);
}
.main-page.about-work .right-block-wrapper .img-wrapper{
    margin: 40px 0 0 0;
}
body .c-footer.c-footer-template-1 .widget-view .widget-view-1 .widget-parts {
	max-width: 100%;
}

@media all and (max-width: 1200px) {
    .main-page.top-header .text-container,
    .main-page.top-header .bottom-link{
        transform: none;
    }
    .main-page.about-work .flex-content-wrapper .left-block{
        margin: 0 30px 0 0;
        flex: 0 0 42%;
    }
    .main-page.about-work .flex-content-wrapper .right-block{
        flex: 1 0 50%;
        max-width: 55%;
	padding-right: 10px;
    }
    .main-page.about-work .arrow{
        display: none;
    }
}
@media all and (max-width: 900px) {
    .main-page.top-header .right-block{
        position: absolute;
        right: 0;
        flex: 1 1 46%;
    }
    .main-page.top-header .left-block{
        flex: 1 0 100%;
    }
    .perspective-img .img-1.item__img-wrap{
        width: clamp(123px, 38vw, 353px);
        height: clamp(236px, 62vw, 674px);
    }

    .main-page.about .about-content-wrapper{
        flex-wrap: wrap;
        flex-direction: column-reverse;
        padding: 8px 0 clamp(1px, 6vw, 50px) 0;
    }
    .main-page.about .left-block{
        flex: 1 0 100%;
        margin: 25px 0 0 0;
    }
    .main-page.about .right-block{
        flex: 1 0 100%;
    }
    .main-page.about .vertical-arrow{
        display: none;
    }
    .perspective-img .img-2.item__img-wrap{
        height: clamp(195px, 44vw, 360px);
    }
    .main-page.about .left-block .img-2:after{
        height: 35%;
    }

    .main-page.about-work .flex-content-wrapper{
        flex-wrap: wrap;
        //flex-direction: column-reverse;
	flex-direction: column;
}
    .main-page.about-work .flex-content-wrapper .left-block,
    .main-page.about-work .flex-content-wrapper .right-block{
        flex: 1 0 100%;
        max-width: none;
    }

    .perspective-img .img-3.item__img-wrap .item__img{
        background-position: 0 74%;
    }
    .perspective-img .img-3.item__img-wrap{
        height: clamp(327px, 46vw, 400px);
    }
    .main-page.about-work .right-block-wrapper{
        display: flex;
        flex-direction: column;
    }
    .main-page.about-work .right-block-wrapper .text-container{
        order: 3;
        margin: 40px 0 0 0;
    }
    .main-page.about-work .right-block-wrapper .img-wrapper{
        order: 2;
        width: calc(100% + 40px);
        margin: 40px 0 0 -20px;
    }
    .perspective-img .img-4.item__img-wrap{
        max-width: none;
        height: clamp(204px, 38vw, 236px);
    }
    .main-page.about-work .text br{
        display: none;
    }
    .main-page.about-work .text{
        font-size: clamp(14px, 3vw, 16px);
    }
    .main-page.about-work .left-block .text{
        max-width: none;
    }
    .main-page.about-work .flex-content-wrapper .left-block .image-wrapper,
    .main-page.about-work .flex-content-wrapper .left-block{
        margin: 0;
    }
    .main-page.about-work .flex-content-wrapper .left-block{
        display: flex;
        //flex-direction: column-reverse;
	flex-direction: column;
    }
    .main-page.about-work .left-block .text:last-child{
        margin: 0;
    }
    .main-page.about-work .flex-content-wrapper .left-block .image-wrapper{
        margin: 40px 0 0 -20px;
        width: calc(100% + 40px);
        position: relative;
	padding-bottom: 25px;
    }
    .main-page.about-work .flex-content-wrapper .left-block .image-wrapper:after{
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        background: rgba(242, 141, 118, 0.3);
        width: 108px;
        height: 382px;
        transform: translateY(-237px);
    }
    .main-page.about-work{
        padding: clamp(62px, 18vw, 83px) 0 0 0;
	padding-bottom: 25px;
    }
    .main-page.about-work .intec-content{
        margin-bottom: 0 ;
    }
    .main-page.about-work .right-block-wrapper:after{
        left: 0;
        right: auto;
        transform: translate(-20px, 45px);
        width: 130px;
        height: 382px;
    }

    .main-page.about-work .flex-content-wrapper .title-container{
        align-items: flex-start;
        justify-content: flex-start;
        //flex-direction: column-reverse;	
	flex-direction: column;
    }
    .main-page.about-work .title-container .big-title{
        width: auto;
    }
    .main-page.about-work .flex-content-wrapper .title-container .box-title{
        margin: 20px 0 0 19px;
    }
    .main-page.about-work .text{
        text-align: justify;
    }
}
@media all and (max-width: 768px) {
.main-page.top-header .title,
.main-page.top-header .under-title{
    font-size: 20px;
}
.main-page.top-header .title br,
.main-page.top-header .under-title br{
    display:none;
}
    .main-page.top-header .height-container{
        height: 620px;
    }
    .main-page.top-header .right-block .picture:after{
        top: -4%;
        height: 21%;
    }
    .main-page.top-header .number{
        display: none;
    }
    .main-page.top-header .number.number-mobile{
        display: inline-block;
    }
    .main-page.top-header .left-block{
        padding: clamp(16px, 5vw, 99px) 0 60px 0;
    }
}
@media all and (max-width: 600px) {
.main-page.top-header .title,
.main-page.top-header .under-title{
    font-size: 18px;
}
}
@media all and (max-width: 580px) {
	.perspective-img .img-1.item__img-wrap{
		display: none;
	}
	.widget.c-widget.c-widget-products-1 .preview-text{
	min-height: 70px;
	max-height: 70px;
	}
}
@media all and (max-width: 500px) {
    .main-page.about .left-block{
        width: calc(100% + 40px);
        margin: 24px -20px 0;
    }
    .main-page.about{
        padding: 58px 0 29px 0;
    }

    .main-page.top-header .date .day,
    .main-page.top-header .date .year{
        font-size: 40px;
    }
    .main-page.top-header .date{
        font-size: 12px;
        margin: 0 0 76px 0;
    }
    .main-page.top-header .br-mobile{
        display: block;
    }
    .main-page.top-header .date .year{
        margin: 0 5px 0 0 ;
    }
    .main-page.top-header .left-block{
        justify-content: flex-start;
    }
    .main-page.top-header .text-container{
        margin: 0 0 8px 0;
    }
    .main-page.top-header .date .day{
        margin: 0 8px 0 0;
    }
    .main-page.top-header .right-block .picture:after{
        top: 5%;
        height: 19%;
        width: 210%;
    }
    .main-page.top-header .number{
        letter-spacing: 0;
        font-weight: 700;
        transform: translateX(-14px);
        margin: 0 -13px 0 0;
    }
    .main-page.top-header .title{
        
        line-height: 132%;
    }

    .main-page.top-header .under-title{
        line-height: 118%;
        transform: translateX(15px);
        margin: 9px 0 5px 0;
    }
    .main-page.top-header .bottom-link{
        transform: translateX(15px);
        max-width: 122px;
        line-height: 147%;
    }
    .main-page.top-header .bottom-link svg{
        margin: 0;
        transform: translate(16px, 2px);
    }
}
.quiz-intec div.wizard-quest-edition-concept2 div.wizard-quest-edition-concept-inner {
	width: 100%;
}
body div.wizard-quest-edition-concept2 div.wizard-quest-edition-concept-inner div.wqec-maincontent div.wqec-quests div.wqec-questname {
       font-size: 22px;
}
.quiz-intec form.wqec-form div.wqec-elements div.wqec-element label span.wqec-name span.wqec-text {
font-size: 16px;
}
.quiz-intec div.quiz_block div.wizard-quest-edition-concept2.quiz_bg_color_gray div.wizard-quest-edition-concept-inner div.wqec-maincontent div.wqec-quests div.wqec-col-table.wqec-left, 
.quiz-intec div.quiz_block div.wizard-quest-edition-concept2.quiz_bg_color_gray div.wqec-result-wrap {
background: none;
border: 1px solid #d1d1d1;
}
.quiz-intec form.wqec-form div.wqec-elements div.wqec-element label {
 box-shadow: none;
border-radius: 0;
border: 1px solid #d1d1d1;
}
.quiz-intec form.wqec-form div.wqec-elements div.wqec-element label:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: 1;
    }
.quiz-intec form.wqec-form div.wqec-elements div.wqec-element.wqec-active label {
	 -webkit-box-shadow: none;
        box-shadow: none;
}
body div.wizard-quest-edition-concept2 div.wizard-quest-edition-concept-inner div.wqec-maincontent div.wqec-result-val {
font-size: 22px;
}
.quiz-intec div.wizard-quest-edition-concept2 div.wizard-quest-edition-concept-inner div.wqec-maincontent div.wqec-container-video-pic {
background-size: contain;
}

ol.custom-catalog-ol>li:before {
    content: "0" counter(li) !important;
    counter-increment: li;
    width: 48px;
    height: 48px;
    border: 1px solid #336475;
    border-radius: 50%;
    font-size: 18px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #336475 !important;
}
ol.custom-catalog-ol>li {
padding-left: 60px;
margin-bottom: 24px;
}
.widget.c-news.c-news-template-5 .widget-item-picture{
background-position: top !important;
}
.projects .projects-items .projects-item .projects-item-wrapper-2{
background-position: top !important;
}
.container-347{
margin: 0;
}