/*spaces*/
.space-b{
    margin-bottom: 56px
}
.mb0{
    margin-bottom: 0;
}
.mb12{
    margin-bottom: 12px;
}
.mb14{
    margin-bottom: 14px;
}
.mb16{
    margin-bottom: 16px;
}
.mb24{
    margin-bottom: 24px;
}
.mb28{
    margin-bottom: 28px;
}
.mb32{
    margin-bottom: 32px;
}
.mb40{
    margin-bottom: 40px;
}
.mb48{
    margin-bottom: 48px;
}
@media(min-width: 576px){
    .space-b{
        margin-bottom: 64px
    }
    .mb24-sm{
        margin-bottom: 24px;
    }    
    .mb32-sm{
        margin-bottom: 32px;
    }
    .mb48-sm{
        margin-bottom: 48px;
    }
    .mb64-sm{
        margin-bottom: 64px;
    }	
}
@media(min-width: 992px){
    .space-b{
        margin-bottom: 82px
    }
    .mb48-lg{
        margin-bottom: 48px;
    }    	
    .mb64-lg{
        margin-bottom: 64px;
    }
    .mb96-lg{
        margin-bottom: 96px;
    }		
}
/*text * bv*/
.bg_gray{
    background: #F0F0F3;
}
.txt_white{
    color: #FFF;
}
.txt_blue{
    color: var(--blue);
}
.txt_gray{
    color: #9D9FA3;
}
.txt_center{
    text-align: center;
}
.button_small {
    height: auto;
    padding: 3px 7px;
}
.underline{
    text-decoration: underline;
}
@media(min-width: 576px){
    .txt_center-sm{
        text-align: center;
    }
}
/*flexes, grids, displays*/
.relative{
    position: relative;
}
.sticky0{
    position: sticky;
    top: 0;
}
.overflow-hide{
    overflow:hidden;
}
.hide{
    display: none;
}		
.flex{
    display: flex;
}
.flex-column{
    flex-direction: column;
}
.align-center{
    align-items: center;
}
.content-center{
    justify-content: center;
}
.flex-sh0{
    flex-shrink: 0;
}
.grid{
    display: grid;
}
.gap-12{
    gap: 12px;
}	
.gap-14{
    gap: 14px;
}		
.gap-16{
    gap: 16px;
}
.gap-20{
    gap: 16px;
}
.gap-24{
    gap: 24px;
}
.gap-40{
    gap: 40px;
}
@media(min-width: 576px){
    .hide-sm{
        display: none;
    }
    .inline-sm{
        display: inline;
    }    
    .block-sm{
        display: block;
    }
    .flex-sm{
        display: flex;
    }
    .grid-sm{
        display: grid;
    }
    .gap-20-sm{
        gap:20px;
    }
    .gap-24-sm{
        gap:24px;
    }
    .grid-col2-sm{
        grid-template-columns: repeat(2, 1fr);
    } 		
}
@media(min-width: 700px){
    .flex-700{
        display: flex;
    }
}
@media(min-width: 992px){
    .hide-lg{
        display: none;
    }
    .block-lg{
        display: block;
    }		
    .flex-lg{
        display: flex;
    }
    .grid-lg{
        display: grid;
    }
    .gap-14-lg{
        gap: 14px;
    }	    
    .gap-20-lg{
        gap:20px;
    }
    .gap-24-lg{
        gap:24px;
    }  
    .gap-32-lg{
        gap: 32px;
    }
    .grid-col2-lg{
        grid-template-columns: repeat(2, 1fr);
    } 
    .grid-col3-lg{
        grid-template-columns: repeat(3, 1fr);
    } 	
    .grid-col4-lg{
        grid-template-columns: repeat(4, 1fr);
    } 	  	
}
@media(min-width: 1300px){
    .hide-1300{
        display: none;
    }
}

/*lists*/
ul.list > li {
    display: flex;
    align-items: baseline;
    margin-bottom: 6px;
}
ul.list > li:last-child {
margin-bottom: 0;
}
ul.list > li:before {
content: '•';
margin-right: 12px;
}
ul.list.blue_point  > li{
align-items: center;
}
ul.list.blue_point > li:before{   
content: '';
min-width: 20px;
width: 20px;
height: 20px;
margin-right: 16px;
background: url(/themes/1c/assets/i/blue_point.svg) center center no-repeat;
display: inline-block;
position: static;
}

 /*num lists*/
ol.num_list{
    list-style: none;
    counter-reset: my-awesome-counter;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
ol.num_list > li {
    counter-increment: my-awesome-counter;
    display: flex;
    gap: 8px;
    align-items: flex-start;
}
ol.num_list > li::before {
    content: counter(my-awesome-counter) ". ";
}

 /**/
.link-overlay{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.mw820{
    max-width: 820px;
}

/*promo*/
.npromo{	
    overflow: hidden;	
    background-color: #ECF4FF;
}
.npromo__content{
    padding-top:42px;
    padding-bottom:42px;			
    height: auto;	
    position: relative;	
}
.npromo__content > *{
    margin-bottom:24px;
}
.npromo__content > *:last-child{
    margin-bottom:0;
}
.npromo__type{
    text-transform: uppercase;
    color: #8D8DA8;
    font-weight: 500;
}
.npromo__img{
    height:150px;
    background-image: var(--promo_bg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    max-width: 580px;
    max-height: 500px;
}
.npromo .button {
    width: 100%;
    max-width: none;
}

@media(min-width: 576px){
    .npromo__content{
        padding-top:40px;
        padding-bottom:56px;			
        padding-right: 54%;
    }
    .npromo__content .npromo__title {
        margin-bottom: 20px;
    }
    .npromo__content .npromo__img{
        position: absolute;
        right: -50px;
        /*top: 0;*/
        width: 50%;
        height: 100%;
        margin-bottom: 0;
        top: 50%;
        transform: translate(0, -50%);        
    }
    .npromo__content .button {
        width: auto;
    }
}
@media(min-width: 750px){
    .npromo__content .npromo__img{
        right: -98px;
        min-width: 452px;
    }
}
@media(min-width: 992px){
    .npromo__content{
        padding-top:92px;
        padding-bottom:67px;
    }
    .npromo__content .npromo__type {
        margin-bottom: 30px;
        font-size: 16px;
    }		
    .npromo__content .npromo__img{
        right: 0;
    }	
    .npromo__content .npromo__title {
        margin-bottom: 24px;
    }
    .npromo__content .npromo__desc {
        margin-bottom: 48px;
    }
}
@media(max-width: 575px){
    .npromo__title.h1 {
        word-break: break-word;
    }
}
/*slider slick*/
.slider-mb20 .slick-slide {
    margin-bottom: 20px;
}
.slick-dots{
    display: grid;
    grid-template-columns: repeat(auto-fit, 16px);
    grid-gap: 24px;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 32px;
 }
.slick-dots li{
    display: inline-flex;
 }
.slick-dots button{
    border: 1px solid #8D8DA8;
    border-radius: 100%;
    color: transparent;
    background: var(--white);
    width: 16px;
    height: 16px;
    cursor: pointer;
 }
.slick-dots .slick-active button{
    background: #8D8DA8;
 }









/*page*/
.card_whom{
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #D8D8E7;
    background: var(--white);
    display: grid;
    gap: 16px;
}
.card_whom.active{
    border-color: #498EF5;
}
.card_whom:not(.active){
    align-items: center;
    cursor: pointer;
}
.card_whom:not(.active):hover{
    border-color: var(--black);
}
.card_whom:not(.active) .card_whom__text, .whom__more:not(.active){
    display: none;
}
.card_whom__icon{
    display: flex;
    align-items: flex-start;
    flex-shrink: 0;
}
.card_whom__title{
    line-height: normal;
}
.whom__video{
    border-radius: 8px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #FFF;    
    position: relative;
    height: 170px;
    /*overflow-y: clip;*/
    overflow: hidden;
}
.whom__video::after{
    content: "";
    pointer-events: none;
    position:absolute;
    height: 100%;
    width: 100%;
    top:0;
    left:0;
    z-index: 3;
    /*background: url(i2/icon-video-play.svg) center center no-repeat;*/
    background-image: url('i/play.svg');
    background-repeat: no-repeat;
    background-position: center;    
}
.whom__video::before {
    content: '';
    position: absolute;
    background: #000000;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    /* border-radius: 8px; */
}
.whom__video:hover:before {
    opacity: 0.3;
}
.whom__video .whom__video_cover{
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.whom__video img{
    object-fit: cover;
    height: 100%;
    width: 100%;
}


@media(min-width: 576px){
    .card_whom{
        display: flex;
        padding: 24px;
    }
    .whom__video{
        height: 330px;
        max-width: 580px;
        margin: auto;        
    }	
}

@media(min-width: 992px){
    .card_whom__title{
        font-size: 24px;
    }	
}


/*possibilities*/
.possibilities__cards{
    display: grid;
    gap: 20px;
}

.possibilities__card{
    position: relative;
    background-color: var(--white);
    padding: 28px;
    border-radius: 16px;
    grid-column: span 2;
    display:flex; 
    flex-direction: column;   
    gap: 12px; 
    height: 100%;
}
.possibilities__card .h2.possibilities__card_title{
    font-size: 18px;
    line-height: normal;
}
.possibilities__card_img{
    max-height: 121px;
    width: auto;
    object-fit: contain;
}
.possibilities__card .possibilities__card_img_full{
    display: none;
}
@media(min-width: 576px){
    .possibilities__card{
        min-height: 334px;        
        /*padding: 32px;*/
        padding: 0;
    }
    .possibilities__text_bottom{
        justify-content: flex-end;
    }    
    .possibilities__card_content{
        padding: 32px;
        width: 50%;
        position: relative;
    }
    .possibilities__card_img{
        position: absolute;
        height: 100%;
        top:0;
        right: 0;
        max-height: 100%;
    }
}
@media(min-width: 1300px){
    .possibilities__cards{
        /*grid-template-columns: repeat(6, 1fr);*/
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .possibilities__card{
        /*padding: 24px;*/
        min-height: auto;
        overflow: hidden;
        /*display: inline-flex;*/
        display: flex;
    }
    .possibilities__card_content{
        padding: 24px;
        width: auto;
        position: absolute;
    }    
    .possibilities__card .h2.possibilities__card_title{
        font-size: 24px;
    }
    /*.possibilities__grid{
        grid-column: span 2; 
    }    
    .possibilities__grid_half{
        grid-column: span 3; 
    }
    .possibilities__grid_big{
        grid-column: span 4; 
    } */
    .possibilities__text_half .possibilities__card_content{
        padding-right: 50%;
    }     
    .possibilities__card .possibilities__card_img{
        display: none;
    }
    .possibilities__card .possibilities__card_img_full{
        display: block;
        /*position: absolute;
        left: 0;
        top: 0;
        width: 100%;*/
    }
}











/*pluses*/
.pluses__card{
    padding: 32px 38px;
    border-radius: 16px;
    background: #ECF4FF;    
}
.pluses__card .pluses__card_compact {
    padding: 20px;
}
.pluses__card_gray {
    background: #F4F4F9;    
}
.pluses__cards .pluses__card .h2{
    font-size: 18px;
}
.pluses__icon{
    height: 40px;
    width: 40px;
}
@media(min-width: 576px){
    .pluses__card .pluses__card_compact {
        padding: 24px;
    }
}
@media(min-width: 992px){
    .pluses__icon{
        height: 80px;
        width: 80px;
    }
    .pluses__cards .pluses__card .h2{
        font-size: 32px;
    }
	.pluses__card .pluses__card_compact {
		padding: 32px 38px;
	}
}

/*safe*/
.safe__cards{
    display: grid;
    gap: 28px;
}
.safe__card{
    display: flex;
    gap: 16px;
}
.safe__icon{
    height: 20px;
    width: 20px;
    flex-shrink: 0;
}
@media(min-width: 576px){
    .safe__icon{
        height: 32px;
        width: 32px;   
    }
    .safe__cards{
        grid-template-columns: repeat(2, 1fr);
        gap:48px
    }
}
@media(min-width: 992px){
    .safe__cards{
        gap:64px
    }
    .safe__cards .safe__card .h3{
        font-size: 24px;
    }
}
/*calc*/
.calc__wrapper .button_black , [id="popup--configs"] .button_black    {
    background: #F03B5C;
    color: var(--white);
}
.calc__wrapper .button_black:hover, [id="popup--configs"] .button_black:hover {
    background: var(--black);;
}
.calc__wrapper .calc_form.button{
    width: 100%
}
.calc__wrapper .calc__setting_btnActive {
    background: url(i/button-rdp-on-red.svg) center center no-repeat;
}
.calc__wrapper  .calc__periodActive {
    background: #F03B5C;
}
.calc__wrapper .calc__config_add {
    border: 1px solid #F03B5C;
    color: #F03B5C;
}
.calc__wrapper .calc__config_add::before {
    background: url(i/icon-config-add-red.svg) center center no-repeat;
    color: #F03B5C;
}
.calc__wrapper .calc__config_add:hover {
    background: #F03B5C;
    color: white;
}
[id="popup--configs"] .configs-block .grm__clcontrl_active .grm__clcheckbox {
    background: #F03B5C;
    border-color: #F03B5C;
}
.calc__wrapper  .calc__periodActive:hover {
    cursor: auto !important;
    background: #F03B5C;
}
.calc__wrapper .hidable-block .show-all-calc {
    display: inline-flex;
    align-items: center;
}
.calculator .calc__wrapper .calc__params:not(.showed) {
    max-height: none;
}
.calc__params:not(.showed) > div > .calc__param:not(:first-child) {
    display: none;
}
.calc__params:not(.showed) > div > .calc__param:first-child {
    margin-bottom: 0;
}

@media (min-width: 576px){
    .calc__wrapper .calc_form.button{
        width: 368px;
    }
}
@media (min-width: 992px){
    .calc__wrapper .calc_form.button{
        width: 100%;
    }
}


/*consists*/
.consists__list{
    display: grid;
    gap: 6px;
}
@media(min-width: 576px){
    .consists__list{
        display: block;
        gap: 0;
        columns: 2;
        column-gap: 48px;
    }    
}
@media(min-width: 992px){
    .consists__list{
        column-gap: 96px;
    }
}

/*about*/
.about__card{
    background: #ECF4FF;
    border-radius: 8px;
    padding: 24px;
}
@media(min-width: 992px){
    .about__card{
        padding: 45px 37px;
    }
}

/*mini-banner*/
.mini_promo{
    display: flex;
    justify-content: center;
    overflow: hidden;
}
.mini_promo__img_wrap{
    display: none;
    position: absolute; height: calc(100% - 64px); width: 100%; 
    pointer-events: none;
}
.mini_promo__img1{
    position: absolute;
    height: 100%;
    width: 100%;  
    max-width: 361px;
    left: -100px;
    background: bottom left / contain no-repeat url(i/minipromo_img1.png);
}
.mini_promo__img2 {
    position: absolute;
    height: 100%;
    width: 100%;
    max-width: 450px;
    right: -100px;
    max-width: 327px;
    background: bottom right / contain no-repeat url(i/minipromo_img2.png);
}
.mini_promo__wrap_content{
    padding: 32px 16px;
    background: #498EF5;
    border-radius: 8px;
}
@media(min-width: 576px){
    .mini_promo__container{
        padding: 0;
    }
    .mini_promo__wrap_content{
        border-radius: 0;
        display: flex;
        justify-content: center;
    }
    .mini_promo__content{
        max-width: 460px;
    }   
}
@media (min-width: 700px){
    .mini_promo__img_wrap{
       display: block
    }
}
@media(min-width: 992px){
    .mini_promo__img_wrap{
        height: calc(100% - 44px);
    }  
    .mini_promo__img1{
        max-width: 460px;
    }      
    .mini_promo__img2 {
        max-width: 380px;
    }       
    .mini_promo__container{    
        padding-left: var(--indent);
        padding-right: var(--indent);
    }
    .mini_promo__wrap_content{
        border-radius: 8px;
    }
    .mini_promo__content{
        max-width: 640px;
    } 
}
@media (min-width: 1300px){
    .mini_promo__img_wrap{
       min-width: 1920px;
    }
    .mini_promo__img1 {
        background-position-y: top;
        left: 9%;
        max-width: 611px;
    }
    .mini_promo__img2 {
        background-position-y: top;
        right: 9%;
        max-width: 450px;
    }    
}

/*other*/
.other__cards{
    height: 330px;
    overflow: hidden;
}
.other__cards .products{
    margin-bottom: 0;
    margin-top: 0;
}

/*form*/
.container .form__feedback{
    background-color: #ECF4FF;
    border-radius: 0;
}
.form_button_red .button{
    background: var(--red);
    color: var(--white);
}
.form_button_red .button:hover{
    background: var(--black);
}
@media (min-width: 576px){
    .container .form__feedback{
        margin-left: var(--negindent_sm);
        margin-right: var(--negindent_sm);
        border-radius: 0;
    }
}
@media (min-width: 992px){
    .container .form__feedback{
        margin-left: 0;
        margin-right: 0;
        border-radius: 8px;
    }
}

/*tabels*/
.table_wrap{
    overflow-x: auto;
}
.table_compare_fresh{
    width: 100%;
    border-collapse: collapse;
}


.table_compare_fresh td, .table_compare_fresh th{
    padding: 15px 16px;
    text-align: center;
    width: 25%;
    min-width: 215px;
    vertical-align: text-bottom;
    vertical-align: middle;
}
.table_compare_fresh td:first-child, .table_compare_fresh th:first-child{
    min-width: 320px;
}
.table_compare_fresh th{
    background: #E4E4F4;
    padding: 16px 17px;
}
.table_compare_fresh tr{
    border-bottom: 1px solid #D8D8E7;
}
.table_compare_fresh tr td:first-child{
    text-align: left;
    width: auto;
}
/* .table_compare_fresh tr:first-child td{
    background: #F0F0F3;
} */
.table_compare_fresh th, .table_compare_fresh h3{
    font-size: 16px;
    font-weight: 500;
    line-height: 130%;
    font-family: var(--font_roboto);
}
@media (min-width: 576px){
    .table_compare_fresh th, .table_compare_fresh h3{
        font-size: 20px;
    }  
}

/*FAQ*/
.faq__item{
    border-bottom: 1px solid #8D8DA8;
}
.faq__question{
    padding: 16px;
    min-height:66px;
    display: flex;
    color: inherit !important;
    align-items: center;
    justify-content: space-between;
    background: #FFF;
}
.faq__question:hover{
    background: #F0F0F3;
}
.faq__answer{
    padding: 16px;
}
.faq__control{
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    min-width: 32px;
}
.faq__control_close{
    transform: rotate(45deg);
}
.faq__answer{
    display:none;
}
.faq__answer > *:not(:last-child){
    margin-bottom: 24px;
}
.faq__answer > *:last-child{
    margin-bottom: 0px;
}
/*lists*/
.faq__answer ul > li {
    display: flex;
    align-items: baseline;
    margin-bottom: 6px;

    display: block;
    padding-left: 28px;
    position: relative;
}
.faq__answer ul > li:last-child {
    n-bottom: 0;
}
.faq__answer ul > li:before {
    content: '•';
    /* margin-right: 12px; */
    position: absolute;
    left: 0;
}
.faq__answer ul.blue_point  > li{
    align-items: center;
}
.faq__answer ul.blue_point > li:before{   
    content: '';
    min-width: 20px;
    width: 20px;
    height: 20px;
    margin-right: 16px;
    background: url(/themes/1c/assets/i/blue_point.svg) center center no-repeat;
    display: inline-block;
    position: static;
}
.faq__answer ul li p{
    margin-bottom: 0px;
}
.faq__answer ul ul > li:before {
    content: "—";
}
.faq__answer a:not(.button) {
    text-decoration: underline !important;
    color: #498ef5 !important;
}