@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap');

body{
	margin: 0px;
	margin: 0px;
    font-family: 'Mulish', sans-serif;
    background-color: #F8F9FF;
}
ul{
	padding: 0px;
	margin: 0px;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
	color: unset;
	cursor: pointer;
    color: #3575AA;
}
h1, h2, h3, h4, h5, p{
	margin: 0px;
}
input, button, textarea, select{
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
    font-family: 'Mulish', sans-serif;
}
.center{
    width: 90%;
    max-width: 3840px;
    height: auto;
    margin: 0 auto;
}
/* HEADER */

header{
    width: 100%;
    height: auto;
    float: left;
    background-color: #fff;
    padding: 28px 0;
    position: fixed;
    z-index: 10005;
}
.header__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.header__item{
    width: 26%;
    height: auto;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
}
.header__item:nth-child(2){
    width: 46%;
    max-width: 810px;
}
.header__item:nth-child(3){
    justify-content: right;
}
.header__item-logo{
    width: fit-content;
    height: auto;
    float: left;
}
.header__item-logo img{
    width: 145px;
    height: 53px;
    float: left;
    object-fit: contain;
    object-position: center;
}
.header__item-information{
    width: fit-content;
    height: auto;
    float: right;
    color: #3575AA;
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
}
.header__item ul{
    width: 100%;
    height: auto;
    float: left;
    border-radius: 16px;
    background-color: #EFF1FE;
    padding: 5px 2.5px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.header__item ul > li{
    width: calc(33% - 5px);
    height: auto;
    float: left;
    margin: 0 2.5px;
}
.header__item ul > li > a{
    width: 100%;
    height: auto;
    float: left;
    color: #233461;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 130%;
    border-radius: 16px;
    background-color: #eff1fe;
    padding: 24px 0;
    text-align: center;
    transition: .4s;
}
.header__item ul > li > a:hover{
    background-color: #233461;
    color: #F8F9FF;
    transition: .4s;
}
.header__item__buttons{
    width: fit-content;
    height: auto;
    float: right;
}
.header__item-ozon{
    width: fit-content;
    height: auto;
    float: left;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 100%;
    border-radius: 16px;
    background-color: #005BFF;
    padding: 27px 24px;
}
.header__item-map{
    width: fit-content;
    height: auto;
    float: right;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 130%;
    border-radius: 16px;
    background-color: #233461;
    padding: 24.5px 24px 24.5px 62px;
    margin: 0 0 0 15px;
    position: relative;
    transition: .4s;
}
.header__item-map::before{
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    left: 24px;
    top: 24px;
    background-image: url("../images/icon/map.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.header__item-map:hover{
    background-color: #3575AA;
    transition: .4s;
}
/* HEADER */

/* MAIN */
.main{
    width: 100%;
    height: auto;
    float: left;
    margin: 135px 0 0 0;
}
.main .center{
    border-radius: 30px;
    background-color: #A1CFDE;
    padding: 40px 40px 47px;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    background-image: url("../images/bg/main.jpg");
    background-position: left;
    background-repeat: no-repeat;
    background-size: auto;
}
.main-title{
    width: 100%;
    height: auto;
    float: left;
    color: #FFF;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 108%;
    letter-spacing: -0.96px;
    text-align: left;
}
.main__row{
    width: 100%;
    height: auto;
    float: left;
    margin: 79px 0 0 0;
}
.main__item{
    width: 100%;
    height: auto;
    float: left;
    margin: 28px 0 0 0;
}
.main__item:nth-child(2){
    width: calc(100% + 150px);
}
.main__item__contoler{
    width: 128px;
    height: auto;
    float: right;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.main__item__contoler span{
    width: 57px;
    height: 57px;
    border-radius: 14px;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    cursor: pointer;
    transition: .4s;
}
.main__item__contoler span:hover{
    background-color: #EFF1FE;
    transition: .4s;
}
.main__item__contoler span[data-type="prev"]{
    background-image: url("../images/icon/prev-blue.svg");
}
.main__item__contoler span[data-type="next"]{
    background-image: url("../images/icon/next-blue.svg");
}
.main__box{
    width: 100%;
    height: auto;
    border-radius: 20px;
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.main__block:nth-child(1){
    width: 40%;
    height: auto;
}
.main__block:nth-child(2){
    width: calc(60% - 20px);
    height: auto;
}
.main__block-poster{
    width: 100%;
    height: 154px;
    border-radius: 16px;
    object-fit: cover;
    object-position: center;
    float: left;
}
.main__block-tag{
    width: fit-content;
    height: auto;
    float: left;
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    border-radius: 11px;
    background-color: #3575AA;
    padding: 4px 12px 6px 12px;
}
.main__block-title{
    width: 100%;
    height: auto;
    float: left;
    color: #233461;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.5px;
    margin: 13px 0 0 0;
}
.main__block-description{
    width: 100%;
    height: auto;
    float: left;
    color: #78829D;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.4px;
    margin: 13px 0 0 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* MAIN */

/* CATALOG */
.catalog{
    width: 100%;
    height: auto;
    float: left;
    padding: 20px 0 0;
}
.catalog .center{
    border-radius: 30px;
    background-color: #F8F9FF;
    padding: 40px 40px 16px;
    display: flex;
    flex-wrap: wrap;
}
.catalog-title{
    width: 100%;
    height: auto;
    float: left;
    color: #233461;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 108%;
    letter-spacing: -0.96px;
}
.catalog-filter{
    width: fit-content;
    height: auto;
    float: right;
    color: #3575AA;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 11px 46px 11px 16px;
    position: relative;
    border-radius: 10px;
    background-color: #EFF1FE;
    margin: -32px 0 0 0;
    display: none;
}
.catalog-filter::before{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url("../images/icon/filter.svg");
    background-position: left;
    background-repeat: no-repeat;
    background-size: auto;
    right: 16px;
    top: 10px;
}
.catalog-filter.active{
    background-color: #EFF1FE;
}
.catalog-filter.active::before{
    background-image: url("../images/icon/close.svg");
}
.catalog__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.catalog__item{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    /*justify-content: space-around;*/
    justify-content: flex-start;
    margin: 40px 0 0 0;
}
.catalog__item__parametrs{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    margin: unset;
}
.catalog__item__parametrs > li{
    width: fit-content;
    height: auto;
    float: left;
    margin: 14px 14px 0 0;
}
.catalog__item__parametrs > li > span{
    width: fit-content;
    height: auto;
    float: left;
    color: #3575AA;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.45px;
    border-radius: 16px;
    border: 2px solid #E5E8FA;
    background-color: #F8F9FF;
    padding: 16px 30px;
    transition: .4s;
    cursor: pointer;
}
.catalog__item__parametrs > li > span:hover{
    border: 2px solid #3575AA;
    background-color: #3575AA;
    color: #fff;
    box-shadow: -1px 3px 25px 0px rgba(186, 195, 250, 0.32);
    transition: .4s;
}
.catalog__item__parametrs > li > span.active{
    border: 2px solid #3575AA;
    background-color: #3575AA;
    color: #fff;
    box-shadow: -1px 3px 25px 0px rgba(186, 195, 250, 0.32);
    transition: .4s;
}
.catalog__item__parametrs > li > p{
    width: fit-content;
    height: auto;
    color: #78829D;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.45px;
    border-radius: 16px;
    background-color: #EFF1FE;
    padding: 16px 30px;
    cursor: pointer;
}
.catalog__box{
    width: calc(33.3% - 13px);
    height: auto;
    padding: 32px;
    border-radius: 20px;
    background-color: #FFF;
    margin: 0 5px 24px;
    box-sizing: border-box;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}
.catalog__box-title{
    width: 100%;
    height: auto;
    float: left;
    color: #233461;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.65px;
}
.catalog__box-info{
    width: 100%;
    height: auto;
    float: left;
    color: #3575AA;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.45px;
    margin: 4px 0 0 0;
}
.catalog__box__tag{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    margin: 20px 0 0 0;
}
.catalog__box__tag .sale{
    width: fit-content;
    height: auto;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 30px;
    background-color: #B360C0;
    padding: 12px 14px;
    margin: 0 4px 0 0;
}
.catalog__box__tag .new{
    width: fit-content;
    height: auto;
    color: #B360C0;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 30px;
    background-color: #EFF1FE;
    padding: 12px 14px;
    margin: 0 4px 0 0;
}
.catalog__box__tag .hit{
    width: fit-content;
    height: auto;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 30px;
    background-color: #3575AA;
    padding: 12px 14px;
    margin: 0 4px 0 0;
}
.catalog__box-poster{
    width: 100%;
    height: 228px;
    float: left;
    object-fit: contain;
    object-position: center;
    transition: .4s;
    margin: 4px 0 0 0;
}
.catalog__box__price{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px 0 0 0;
    align-content: center;
    align-items: center;
}
.catalog__box__price p{
    width: fit-content;
    height: auto;
    color: #3575AA;
    font-size: 29px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}
.catalog__box__price p > span{
    width: fit-content;
    height: auto;
    color: #233461;
    font-size: 29px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}
.catalog__box__price a{
    width: fit-content;
    height: auto;
    border-radius: 30px;
    background-color: #E5E8FA;
    color: #3575AA;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 130%;
    padding: 16px 24px;
    transition: .4s;
}
.catalog__box__price a:hover{
    background-color: #3575AA;
    color: #FFF;
    transition: .4s;
}
.catalog__box:hover .catalog__box__price a{
    background-color: #3575AA;
    color: #FFF;
    transition: .4s;
}
.catalog__box:hover .catalog__box-poster{
    transform: scale(1.05);
    transition: .4s;
}
/* CATALOG */

/* FINDER */
.finder{
    width: 100%;
    height: auto;
    float: left;
    padding: 60px 0 0;
}
.finder__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.finder__item{
    /*width: calc(50% - 10px);*/
    width: 100%;
    height: 360px;
    border-radius: 20px;
    background-color: #EFF1FE;
    padding: 0 0 0 40px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: hidden;
}
.finder__box:nth-child(1){
    width: 45%;
    height: 100%;
    display: flex;
    align-content: space-between;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.finder__box:nth-child(2){
    width: 55%;
    height: 100%;
    position: relative;
}
.finder__box img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom;
}
.finder__item:nth-child(2) .finder__box img{
    width: 140%;
    height: 100%;
    object-fit: none;
    object-position: center;
    position: absolute;
    right: -20%;
    top: 0;
}
.finder__item-title{
    width: 100%;
    height: auto;
    float: left;
    color: #233461;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 108%;
    margin: 40px 0 0 0;
}
.finder__item-button{
    width: fit-content;
    height: auto;
    float: left;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 130%;
    padding: 25px 38px;
    margin: 0 0 40px;
    border-radius: 16px;
    background-color: #3575AA;
    transition: .4s;
}
.finder__item-button:hover{
    background-color: #233461;
    transition: .4s;
}
.finder__item-ozon{
    width: fit-content !important;
    max-width: 220px;
    height: auto !important;
    float: left;
}
/* FINDER */

/* ARTICLES */
.articles{
    width: 100%;
    height: auto;
    float: left;
    padding: 60px 0 0;
}
.articles__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.articles__item{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.articles__item:nth-child(2){
    margin: 25px 0 0 0;
}
.articles__item-title{
    width: fit-content;
    height: auto;
    float: left;
    color: #233461;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 108%;
    letter-spacing: -0.96px;
}
.articles__item__contoler{
    width: 128px;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.articles__item__contoler span{
    width: 57px;
    height: 57px;
    border-radius: 14px;
    background-color: #CACEE6;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    cursor: pointer;
    transition: .4s;
}
.articles__item__contoler span:hover{
    background-color: #3575AA;
    transition: .4s;
}
.articles__item__contoler span[data-type="prev"]{
    background-image: url("../images/icon/prev.svg");
}
.articles__item__contoler span[data-type="next"]{
    background-image: url("../images/icon/next.svg");
}
.articles__box{
    width: 100%;
    height: auto;
    float: left;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 20px;
    background-color: #FFF;
    box-shadow: 4px 4px 20px 0px rgba(186, 195, 250, 0.24);
    transition: .4s;
    margin: 15px 0;
}
.articles__box:hover{
    box-shadow: 4px 4px 20px 0px rgba(186, 195, 250, 0.32);
    transition: .4s;
}
.articles__box-poster{
    width: 100%;
    height: 249px;
    float: left;
    border-radius: 16px;
    object-fit: cover;
    object-position: center;
}
.articles__box-tag{
    width: fit-content;
    height: auto;
    float: left;
    color: #3575AA;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    border-radius: 11px;
    background-color: #EFF1FE;
    margin: 16px 0 0 0;
    padding: 4px 10px 6px 10px;
}
.articles__box-title{
    width: 100%;
    height: auto;
    min-height: 48px;
    float: left;
    overflow: hidden;
    color: #233461;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.5px;
    margin: 16px 0 0 0;
}
.articles__box-description{
    width: 100%;
    height: auto;
    float: left;
    color: #78829D;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.4px;
    margin: 16px 0 0 0;
}
.articles__box-button{
    width: fit-content;
    height: auto;
    float: right;
    color: #3575AA;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    margin: 16px 0 0 0;
    padding: 6px 16px;
    border-radius: 30px;
    transition: .4s;
}
.articles__box-button:hover{
    background-color: #EFF1FE;
    transition: .4s;
}
.articles__box-button:active{
    background-color: #3575AA;
    color: #fff;
    transition: .4s;
}
/* ARTICLES */

/* FOOTER */
footer{
    width: 100%;
    height: auto;
    float: left;
    padding: 60px 0 53px;
}
.footer__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footer__item{
    width: calc(50% - 10px);
    height: auto;
    border-radius: 20px;
    background-color: #3575AA;
    padding: 40px 40px 30px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    flex-direction: row;
    align-content: flex-start;
    align-items: flex-start;
}
.footer__box{
    width: fit-content;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    align-content: flex-start;
}
.footer__box-logo{
    width: fit-content;
    height: auto;
    float: left;
}
.footer__box-logo img{
    width: 134px;
    height: 50px;
    float: left;
    object-fit: contain;
    object-position: center;
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(249deg) brightness(304%) contrast(104%);
}
.footer__box__contacts{
    width: fit-content;
    height: auto;
    float: left;
    margin: 22px 0 0 0;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
}
.footer__box__contacts a{
    width: fit-content;
    height: auto;
    float: left;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin: 6px 0 0 0;
}
.footer__box ul{
    width: fit-content;
    height: auto;
    float: left;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
}
.footer__box ul > li{
    width: fit-content;
    height: auto;
    float: left;
    margin: 0 0 13px;
}
.footer__box ul > li > a{
    width: fit-content;
    height: auto;
    float: left;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
}
.footer__box__buttons{
    width: fit-content;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
}
.footer__box__buttons a{
    width: fit-content;
    height: auto;
    float: left;
    color: #3575AA;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 16px;
    background-color: #FFF;
    padding: 6px 14px;
    margin: 0 23px 0 0;
    position: relative;
}
.footer__box__buttons a:last-child{
    background-color: unset;
    background-image: url("../images/icon/vk.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.footer__box-information{
    width: fit-content;
    height: auto;
    float: left;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin: 45px 0 0 0;
}
.footer__item:nth-child(1) .footer__box:nth-child(3){
    max-width: 290px;
}
.footer__item:nth-child(2) .footer__box:nth-child(1){
    width: 40%;
}
.footer__item:nth-child(2) .footer__box:nth-child(2){
    width: 50%;
}
.footer__box-title{
    width: fit-content;
    height: auto;
    float: left;
    color: #FFF;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 108%;
}
.footer__box-description{
    width: fit-content;
    height: auto;
    float: left;
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin: 56px 0 0 0;
}
.footer__box form{
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    margin: 51px 0 0 0;
}
.footer__box form > input{
    width: 100%;
    height: auto;
    float: left;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.4px;
    border: unset;
    background-color: unset;
    border-bottom: 2px solid #FFF;
    padding: 10px 30px 10px 0;
    box-sizing: border-box;
}
.footer__box form > input::placeholder{
    color: #FFF;
}
.footer__box form > button{
    width: 24px;
    height: 24px;
    background-image: url("../images/icon/next-link.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: unset;
    background-color: unset;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 10px;
}
.footer__box-checkbox {
    width: 100%;
    height: auto;
    float: left;
    margin: 25px 0 0 0;
}
.footer__box-checkbox-custom {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.footer__box-checkbox-custom+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    color: #FFF;
}
.footer__box-checkbox-custom+label::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #ffffff;
    border-radius: 0.25em;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}
.footer__box-checkbox-custom:checked+label::before {
    border-color: #ffffff;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%233575AA' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.footer__box-copyright{
    width: 100%;
    height: auto;
    float: left;
    color: #FFF;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 46px 0 0 0;
    text-align: right;
}
/* FOOTER */

/* COPYRIGHT */
.copyright{
    width: 100%;
    height: auto;
    float: left;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(20px);
    padding: 15px 0;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 10005;
}
.copyright__row{
    width: 100%;
    height: auto;
    float: left;
}
.copyright__item{
    width: 100%;
    height: auto;
    float: left;
}
.copyright__item-prejudice{
    width: 100%;
    height: auto;
    float: left;
    display: block;
}
.copyright__item-prejudice-mobile{
    width: 100%;
    height: auto;
    float: left;
    display: none;
}
/* COPYRIGHT */

/* PRIVACY */
.privacy{
    width: 100%;
    height: auto;
    float: left;
    padding: 18px 0 0;
    margin: 135px 0 0 0;
}
.privacy .center{
    max-width: 1060px;
}
.privacy__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 60px 80px;
    border-radius: 30px;
    background-color: #FFF;
    margin: 18px 0 0 0;
    box-sizing: border-box;
}
.privacy__item{
    width: 100%;
    height: auto;
    float: left;
}
.privacy-directory{
    width: 100%;
    height: auto;
    float: left;
}
.privacy-directory li{
    width: fit-content;
    height: auto;
    float: left;
    margin: 0 5px 0 0;
}
.privacy-directory li > a{
    width: fit-content;
    height: auto;
    float: left;
    color: #78829D;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.4px;
}
.privacy-directory li > a.active{
    color: #233461;
}
.privacy__item-title{
    width: 100%;
    height: auto;
    float: left;
    color: #233461;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 108%;
    text-align: left;
}
.privacy__item-paragraph{
    width: 100%;
    height: auto;
    float: left;
    color: #233461;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    margin: 24px 0 0 0;
}
.privacy__item-description{
    width: 100%;
    height: auto;
    float: left;
    color: #233461;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-align: left;
    margin: 24px 0 0 0;
}
/* PRIVACY */

/* NOT FOUND */
.notFound{
    width: 100%;
    height: auto;
    float: left;
    padding: 60px 0 53px;
    background-image: url("../images/bg/404.png");
    background-position: center -57px;
    background-repeat: no-repeat;
    background-size: auto;
    margin: 135px 0 0 0;
}
.notFound__row{
    width: 100%;
    height: auto;
    float: left;
}
.notFound__item{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.notFound-title{
    width: 100%;
    height: auto;
    float: left;
    color: #3575AA;
    font-size: 240px;
    font-style: normal;
    font-weight: 900;
    line-height: 108%;
    letter-spacing: -4.8px;
    text-align: center;
}
.notFound-description{
    width: 100%;
    height: auto;
    float: left;
    color: #233461;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.5px;
    text-align: center;
}
.notFound-description br{
    display: none;
}
.notFound-button{
    width: fit-content;
    height: auto;
    float: right;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 130%;
    border-radius: 16px;
    background-color: #233461;
    padding: 23px 24px;
    margin: 44px 0 0 0;
    transition: .4s;
}
.notFound-button:hover{
    background-color: #3575AA;
    transition: .4s;
}
/* NOT FOUND */

/* ARTICLES */
.article{
    width: 100%;
    height: auto;
    float: left;
    padding: 18px 0 0 0;
    margin: 135px 0 0 0;
}
.article .center{
    max-width: 1315px;
}
.article__row{
    width: 100%;
    height: auto;
    float: left;
    margin: 20px 0 0 0;
}
.article__item{
    width: 100%;
    height: auto;
    float: left;
    margin: 10px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.article__item-title{
    width: 100%;
    height: auto;
    float: left;
    color: #233461;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 108%;
    letter-spacing: -0.96px;
}
.article__item-filter{
    width: fit-content;
    height: auto;
    float: right;
    color: #3575AA;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 11px 46px 11px 16px;
    position: relative;
    border-radius: 10px;
    background-color: #EFF1FE;
    margin: -10px 0 0 0;
    display: none;
    cursor: pointer;
}
.article__item-filter::before{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url("../images/icon/filter.svg");
    background-position: left;
    background-repeat: no-repeat;
    background-size: auto;
    right: 16px;
    top: 10px;
}
.article__item-filter.active{
    background-color: #EFF1FE;
}
.article__item-filter.active::before{
    background-image: url("../images/icon/close.svg");
}
.article__item__parametrs{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    margin: 30px 0 0;
}
.article__item__parametrs > li{
    width: fit-content;
    height: auto;
    float: left;
    margin: 10px 14px 0 0;
}
.article__item__parametrs > li > span{
    width: fit-content;
    height: auto;
    float: left;
    color: #3575AA;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.45px;
    border-radius: 16px;
    border: 2px solid #E5E8FA;
    background-color: #F8F9FF;
    padding: 16px 30px;
    transition: .4s;
    cursor: pointer;
}
.article__item__parametrs > li > span:hover{
    border: 2px solid #3575AA;
    background-color: #3575AA;
    color: #fff;
    box-shadow: -1px 3px 25px 0px rgba(186, 195, 250, 0.32);
    transition: .4s;
}
.article__item__parametrs > li > span.active{
    border: 2px solid #3575AA;
    background-color: #3575AA;
    color: #fff;
    box-shadow: -1px 3px 25px 0px rgba(186, 195, 250, 0.32);
    transition: .4s;
}
.article__box{
    width: calc(33.3% - 13px);
    height: auto;
    float: left;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 20px;
    background-color: #FFF;
    box-shadow: 4px 4px 20px 0px rgba(186, 195, 250, 0.24);
    margin: 20px 0 0 0;
}
.article__box-poster{
    width: 100%;
    height: 249px;
    float: left;
    border-radius: 16px;
    object-fit: cover;
    object-position: center;
}
.article__box-tag{
    width: fit-content;
    height: auto;
    float: left;
    color: #3575AA;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    border-radius: 11px;
    background-color: #EFF1FE;
    margin: 16px 0 0 0;
    padding: 4px 10px 6px 10px;
}
.article__box-title{
    width: 100%;
    height: auto;
    min-height: 48px;
    float: left;
    overflow: hidden;
    color: #233461;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.5px;
    margin: 16px 0 0 0;
}
.article__box-description{
    width: 100%;
    height: auto;
    float: left;
    color: #78829D;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.4px;
    margin: 16px 0 0 0;
}
.article__box-button{
    width: fit-content;
    height: auto;
    float: right;
    color: #3575AA;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    margin: 16px 0 0 0;
    padding: 6px 16px;
    border-radius: 30px;
    transition: .4s;
}
.article__box-button:hover{
    background-color: #EFF1FE;
    transition: .4s;
}
.article__box-button:active{
    background-color: #3575AA;
    color: #fff;
    transition: .4s;
}
/* ARTICLES */

/* POST */
.post{
    width: 100%;
    height: auto;
    float: left;
    padding: 18px 0 28px;
    margin: 135px 0 0 0;
}
.post .center{
    max-width: 1314px;
}
.post__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 40px 0;
    border-radius: 30px;
    background-color: #FFF;
    margin: 18px 0 0 0;
    box-sizing: border-box;
}
.post__item{
    width: 100%;
    max-width: 764px;
    height: auto;
    float: left;
}
.post__item-tag {
    width: fit-content;
    height: auto;
    float: left;
    color: #3575AA;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    border-radius: 11px;
    background-color: #EFF1FE;
    padding: 4px 12px 6px 12px;
}
.post__item-poster{
    width: 100%;
    height: auto;
    float: left;
    object-fit: cover;
    object-position: center;
    border-radius: 30px;
    margin: 24px 0 0 0;
}
.post__item-title{
    width: 100%;
    height: auto;
    float: left;
    color: #233461;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 108%;
    margin: 22px 0 0 0;
}
.post__item-description{
    width: 100%;
    height: auto;
    float: left;
    color: #233461;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.4px;
    margin: 24px 0 0 0;
}
.post__item-pharagraph{
    width: 100%;
    height: auto;
    float: left;
    color: #233461;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.5px;
    margin: 24px 0 0 0;
}
.post__item ul{
    width: 100%;
    height: auto;
    float: left;
    margin: 24px 0 0 0;
}
.post__item ul > li{
    width: calc(100% - 20px);
    height: auto;
    float: left;
    color: #233461;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.4px;
    list-style: decimal;
    margin: 0 0 0 20px;
}
.post__item__dropdown {
    width: 100%;
    height: auto;
    float: left;
    margin: 30px 0 0 0;
}
.post__item__dropdown p{
    width: fit-content;
    height: auto;
    float: left;
    color: #3575AA;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 130%;
    position: relative;
    padding: 0 33px 0 0;
    cursor: pointer;
}
.post__item__dropdown p::before{
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url("../images/icon/drop.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    right: 0;
    top: 1px;
    transition: .4s;
}
.post__item__dropdown p.active::before{
    transform: rotate(180deg);
    transition: .4s;
}
.post__item__dropdown ul{
    margin: 15px 0 0 0;
    display: none;
}
.post__item__dropdown ul > li{
    color: rgba(49, 57, 64, 0.60);
}
/* POST */

/* OFFER DIR */
.offerDir{
    width: 100%;
    height: auto;
    float: left;
    padding: 18px 0 0 0;
    margin: 135px 0 0 0;
}
/* OFFER DIR */

/* OFFER */
.offer{
    width: 100%;
    height: auto;
    float: left;
    padding: 18px 0 0 0;
}
.offer .center {
    border-radius: 30px;
    background-color: #FFF;
    padding: 0 40px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.offer__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 22px 0 48px;
}
.offer__item:nth-child(1){
    width: 28%;
    max-width: 470px;
    height: auto;
}
.offer__item:nth-child(2){
    width: 36%;
    max-width: 586px;
    height: auto;
}
.offer__item:nth-child(3){
    width: 28%;
    max-width: 398px;
    height: auto;
}
.offer__item_tag{
    width: 100%;
    height: auto;
    float: left;
}
.offer__item_tag span{
    width: fit-content;
    height: auto;
    float: left;
    padding: 12px 14px;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 20px 0 0;
    border-radius: 30px;
}
.offer__item_tag span.hit{
    background-color: #3575AA;
}
.offer__item_tag span.sale{
    background-color: #B360C0;
}
.offer__item-poster{
    width: 100%;
    height: auto;
    float: left;
    margin: 32px 0 0 0;
}
.offer__item-warning{
    width: 100%;
    height: auto;
    float: left;
    color: #CACEE6;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    margin: 32px 0 0 0;
}
.offer__item-title{
    width: 100%;
    height: auto;
    float: left;
    color: #233461;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 108%;
    text-align: left;
    margin: 34px 0 0 0;
}
.offer__item-description{
    width: 100%;
    height: auto;
    float: left;
    color: #3575AA;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.45px;
    text-align: left;
    margin: 14px 0 0 0;
}
.offer__item-information{
    width: 100%;
    height: auto;
    float: left;
    color: #233461;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.35px;
    text-align: left;
    margin: 22px 0 0 0;
    padding: 20px 41px;
    border-radius: 16px;
    background-color: #F8F9FF;
    box-sizing: border-box;
}
.offer__item ul{
    width: 90%;
    height: auto;
    float: left;
    margin: 6px 0 0 0;
}
.offer__item ul > li{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid #E5E8FA;
}
.offer__item ul > li > p{
    width: fit-content;
    height: auto;
    float: left;
    color: #233461;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.45px;
}
.offer__item ul > li > span{
    width: fit-content;
    height: auto;
    float: right;
    color: #233461;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.4px;
    letter-spacing: -0.45px;
}
.offer__item-more{
    width: fit-content;
    height: auto;
    float: left;
    color: #3575AA;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.45px;
    text-align: left;
    margin: 22px 0 0 0;
}
.offer__item-share{
    width: fit-content;
    height: auto;
    float: right;
    color: #3575AA;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.5px;
    padding: 0 0 0 39px;
    position: relative;
    margin: 21px 0 0 0;
}
.offer__item-share::before{
    content: "";
    position: absolute;
    width: 28px;
    height: 28px;
    left: 0;
    top: -3px;
    background-image: url("../images/icon/share.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.offer__item__price{
    width: 100%;
    height: auto;
    float: left;
    padding: 30px;
    box-sizing: border-box;
    border-radius: 20px;
    background-color: #EFF1FE;
    margin: 55px 0 0 0;
}
.offer__item__price-price{
    width: 100%;
    height: auto;
    float: left;
    color: #3575AA;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-align: left;
    letter-spacing: -0.5px;
}
.offer__item__price-price span{
    width: fit-content;
    height: auto;
    color: #233461;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 108%;
    margin: 0 0 0 12px;
}
.offer__item__price-button{
    width: 100%;
    height: auto;
    float: left;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 130%;
    border-radius: 16px;
    padding: 25px 0;
    background-color: #3575AA;
    margin: 30px 0 0 0;
    text-align: center;
    transition: .4s;
}
.offer__item__price-button:hover{
    background-color: #233461;
    transition: .4s;
}
/* OFFER */

/* MARKET */
.market{
    width: 100%;
    height: auto;
    float: left;
    padding: 24px 0 0 0;
}
.market .center {
    border-radius: 30px;
    background-color: #FFF;
    padding: 40px 40px 48px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.market-title{
    width: fit-content;
    height: auto;
    float: left;
    color: #233461;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 108%;
    text-align: left;
    display: flex;
    align-content: center;
    align-items: center;
}
.market-map{
    width: fit-content;
    height: auto;
    float: right;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 130%;
    border-radius: 16px;
    background-color: #3575AA;
    padding: 24.5px 24px 24.5px 62px;
    position: relative;
    transition: .4s;
}
.market-map::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    left: 24px;
    top: 24px;
    background-image: url("../images/icon/map.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.market-map:hover {
    background-color: #233461;
    transition: .4s;
}
.market-map-mobile{
    width: 100%;
    height: auto;
    float: right;
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    line-height: 130%;
    border-radius: 10px;
    background-color: #3575AA;
    padding: 19px 0 19px 20px;
    position: relative;
    transition: .4s;
    display: none;
    justify-content: center;
    box-sizing: border-box;
    margin: 16px 0 0 0;
}
.market-map-mobile span{
    width: fit-content;
    height: auto;
    position: relative;
}
.market-map-mobile span::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    left: -26px;
    top: -3px;
    background-image: url("../images/icon/map.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.market-map-mobile:hover {
    background-color: #233461;
    transition: .4s;
}
.market__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    justify-content: flex-start;
    margin: 35px 0 0 0;
    gap: 20px;
}
.market__item{
    width: calc(25% - 15px);
    height: auto;
    padding: 18px;
    border-radius: 20px;
    background-color: #F8F9FF;
    box-sizing: border-box;
    /*margin: 18px 0 0 0;*/
    margin: 18px 0 0 0;
}
.market__item:last-child{
    margin: 18px 0 0 0;
}
.market__item-poster{
    width: 100%;
    height: 128px;
    float: left;
    object-fit: none;
    object-position: center;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.market__item-poster img{
    width: 100%;
    height: 100%;
    /* float: left; */
    /*object-fit: none; */

    object-fit: contain;
    object-position: center;
    border-radius: 16px;
}
.market__item__price{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px 0 0 0;
}
.market__item__price__box{
    width: fit-content;
    height: auto;
}
.market__item__price__box span{
    width: fit-content;
    height: auto;
    float: left;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 30px;
    padding: 6px 14px;
    margin: 0 4px 0 0;
}
.market__item__price__box span.sale{
    background-color: #B360C0;
}
.market__item__price__box span.discount{
    background-color: #3575AA;
}
.market__item__price__box-price{
    width: fit-content;
    height: auto;
    float: right;
    overflow: hidden;
    color: #233461;
    font-size: 26px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}
/* MARKET */

/* CHARACTERISTIC */
.characteristic{
    width: 100%;
    height: auto;
    float: left;
    padding: 24px 0 0 0;
}
.characteristic .center {
    border-radius: 30px;
    background-color: #FFF;
    padding: 0 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.characteristic__row{
    width: 100%;
    height: auto;
    float: left;
    padding: 40px 0 80px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.characteristic__item{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.characteristic__item:nth-child(1) ul{
    width: 100%;
    height: auto;
    float: left;
    border-bottom: 1px solid #E5E8FA;
}
.characteristic__item:nth-child(1) ul > li{
    width: fit-content;
    height: auto;
    float: left;
    margin: 0 40px 0 0;
}
.characteristic__item:nth-child(1) ul > li > span{
    width: fit-content;
    height: auto;
    float: left;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.65px;
    padding: 0 0 20px;
    color: #233461;
    border-bottom: 3px solid #ffffff;
    transition: .4s;
    cursor: pointer;
}
.characteristic__item:nth-child(1) ul > li > span:hover,
.characteristic__item:nth-child(1) ul > li > span.active{
    color: #3575AA;
    border-bottom: 3px solid #3575AA;
    transition: .4s;
}
.characteristic__box{
    width: 100%;
    height: auto;
    float: left;
    display: none;
    flex-wrap: wrap;
    justify-content: center;
}
.characteristic__box:nth-child(1){
    display: flex;
}
.characteristic__box__about{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 62px 0 0 0;
}
.characteristic__box__section{
    width: 46%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
}
.characteristic__box__section-title{
    width: 100%;
    height: auto;
    float: left;
    color: #3575AA;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.5px;
}
.characteristic__box__section-description{
    width: 100%;
    height: 250px;
    /*height: auto; + overflow: unset*/
    overflow: hidden;
    float: left;
    color: #233461;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.4px;
    margin: 16px 0 0 0;
}
.section__more__active{
    height: fit-content;
}
.characteristic__box__section-more{
    width: fit-content;
    height: auto;
    float: left;
    color: #3575AA;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.4px;
    margin: 16px 0 0 0;
}
.characteristic__box__section-download, .characteristic__box__section-download-mobile {
    width: fit-content;
    height: auto;
    float: left;
    color: #3575AA;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 130%;
    border-radius: 16px;
    background-color: #E5E8FA;
    padding: 24.5px 24px 24.5px 62px;
    position: relative;
    margin: 121px 0 0 0;
    transition: .4s;
}
.characteristic__box__section-download-mobile{
    display: none;
}
.characteristic__box__section-download::before{
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    left: 24px;
    top: 22px;
    background-image: url("../images/icon/download.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.characteristic__box__section-download-mobile span{
    width: fit-content;
    height: auto;
    position: relative;
    padding: 0 0 0 29px;
}
.characteristic__box__section-download-mobile span::before{
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    left: 0;
    top: -5px;
    background-image: url("../images/icon/download.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.characteristic__box__section-download:hover, .characteristic__box__section-download-mobile:hover{
    color: #fff;
    background-color: #3575AA;
    transition: .4s;
}
.characteristic__box__section-download:hover::before, .characteristic__box__section-download-mobile:hover span::before{
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(403%) contrast(103%);
}
.characteristic__box__section__table{
    width: 100%;
    height: auto;
    float: left;
    border-radius: 20px;
    border: 1px solid #E5E8FA;
    background-color: #FAFAFA;
    overflow: hidden;
}
.characteristic__box__section__table-tr{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 25px 0;
}
.characteristic__box__section__table-tr:nth-of-type(2n){
    background-color: #FFF;
}
.characteristic__box__section__table-tr:nth-child(1){
    background-color: #EFF1FE;
}
.characteristic__box__section__table-td:nth-child(1){
    width: 40%;
    height: auto;
}
.characteristic__box__section__table-td:nth-child(2){
    width: 35%;
    height: auto;
}
.characteristic__box__section__table-td:nth-child(3){
    width: 25%;
    height: auto;
}
.characteristic__box__section__table-td p{
    width: 100%;
    height: auto;
    float: left;
    color: #233461;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.45px;
    text-align: center;
}
.characteristic__box__section__table-td:nth-child(1) p{
    text-align: left;
    padding: 0 30px;
    box-sizing: border-box;
}
.characteristic__box__section__table-td span{
    width: 100%;
    height: auto;
    float: left;
    color: #233461;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.4px;
    text-align: center;
}
.characteristic__box__section__table-td:nth-child(1) span{
    text-align: left;
    padding: 0 30px;
    box-sizing: border-box;
}
.characteristic__box__important{
    width: 100%;
    height: auto;
    float: left;
    margin: 46px auto 0;
}
.characteristic__box__important__block{
    width: 60%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: nowrap;
    justify-content: left;
    margin: 16px 0 0 0;
    flex-direction: row;
}
.characteristic__box__important__section{
    width: -webkit-fill-available;
    height: auto;
}
.characteristic__box__important__section p{
    width: fit-content;
    height: auto;
    float: left;
    color: #3575AA;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.45px;
}
.characteristic__box__important__section span{
    width: fit-content;
    height: auto;
    float: left;
    color: #233461;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.45px;
    margin: 0 0 0 10px;
}
.characteristic__box__faq{
    width: 100%;
    max-width: 997px;
    height: auto;
    float: left;
    margin: 30px auto 0;
}
.characteristic__box__faq__block{
    width: 100%;
    height: auto;
    float: left;
    padding: 30px 0;
    border-bottom: 1px solid #E5E8FA;
}
.characteristic__box__faq__block .characteristic__box__faq__block__element{
    width: 100%;
    height: auto;
    float: left;
    color: #3575AA;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.5px;
    position: relative;
    padding: 0 20% 0 0;
    box-sizing: border-box;
    cursor: pointer;
}
.characteristic__box__faq__block .characteristic__box__faq__block__element::after{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url("../images/icon/plus.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    right: 0%;
    top: 50%;
    -webkit-transform: translate(-0%, -50%);
    transform: translate(-0%, -50%);
}
.characteristic__box__faq__block.active .characteristic__box__faq__block__element::after{
    background-image: url("../images/icon/minus.svg");
}
.characteristic__box__faq__block span{
    width: 90%;
    height: auto;
    float: left;
    color: #233461;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.4px;
    margin: 38px 0 0 0;
    display: none;
}
/* CHARACTERISTIC */
/*FORM VALIDATE*/
.validate-false{
   background: #e86463 !important;
    /*background: orange !important;*/
}
/*FORM VALIDATE*/