@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

#asko-lp abbr,
#asko-lp acronym,
#asko-lp address,
#asko-lp applet,
#asko-lp article,
#asko-lp aside,
#asko-lp audio,
#asko-lp b,
#asko-lp big,
#asko-lp blockquote,
#asko-lp canvas,
#asko-lp caption,
#asko-lp center,
#asko-lp cite,
#asko-lp code,
#asko-lp dd,
#asko-lp del,
#asko-lp details,
#asko-lp dfn,
#asko-lp dl,
#asko-lp dt,
#asko-lp em,
#asko-lp embed,
#asko-lp fieldset,
#asko-lp figcaption,
#asko-lp figure,
#asko-lp footer,
#asko-lp form,
#asko-lp h1,
#asko-lp h2,
#asko-lp h3,
#asko-lp h4,
#asko-lp h5,
#asko-lp h6,
#asko-lp header,
#asko-lp hgroup,
#asko-lp,
#asko-lp i,
#asko-lp iframe,
#asko-lp img,
#asko-lp ins,
#asko-lp kbd,
#asko-lp label,
#asko-lp legend,
#asko-lp li,
#asko-lp mark,
#asko-lp menu,
#asko-lp nav,
#asko-lp object,
#asko-lp ol,
#asko-lp output,
#asko-lp p,
#asko-lp pre,
#asko-lp q,
#asko-lp ruby,
#asko-lp s,
#asko-lp samp,
#asko-lp small,
#asko-lp span,
#asko-lp strike,
#asko-lp strong,
#asko-lp sub,
#asko-lp summary,
#asko-lp sup,
#asko-lp table,
#asko-lp tbody,
#asko-lp td,
#asko-lp tfoot,
#asko-lp th,
#asko-lp thead,
#asko-lp time,
#asko-lp tr,
#asko-lp tt,
#asko-lp u,
#asko-lp ul,
#asko-lp var,
#asko-lp video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: "Inter", sans-serif;
    box-sizing: border-box;
}

#asko-lp section,
#asko-lp a,
#asko-lp div,
#asko-lp footer {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: "Inter", sans-serif;
    box-sizing: border-box;
}

#asko-lp article,
#asko-lp aside,
#asko-lp details,
#asko-lp figcaption,
#asko-lp figure,
#asko-lp footer,
#asko-lp header,
#asko-lp hgroup,
#asko-lp menu,
#asko-lp nav,
#asko-lp section {
    display: block;
}

#asko-lp {
    line-height: 1;
}

#asko-lp ol,
#asko-lp ul {
    list-style: none;
}

#asko-lp blockquote,
#asko-lp q {
    quotes: none;
}

#asko-lp blockquote:after,
#asko-lp blockquote:before,
#asko-lp q:after,
#asko-lp q:before {
    content: "";
    content: none;
}

#asko-lp table {
    border-collapse: collapse;
    border-spacing: 0;
}

#asko-lp a {
    text-decoration: none;
}

#asko-lp * {
    box-sizing: border-box;
}

#asko-lp {
    scroll-behavior: smooth;
}

.main-body {
    margin: 0;
}

#asko-lp {
    --percentage: 1;
}

@media (max-width: 950px) {
    #asko-lp {
        --percentage: 0.784;
    }
}

@media (max-width: 800px) {
    #asko-lp {
        --percentage: 0.7;
    }
}

@media (max-width: 740px) {
    #asko-lp {
        --percentage: 0.768;
    }
}

#asko-lp {
    max-width: calc(950px * var(--percentage));
    margin: 0 auto;
    background: -webkit-gradient(linear, left top, left bottom, from(#232E38), to(#497368));
    background: linear-gradient(180deg, #232E38 0%, #497368 100%);
}

#asko-lp .img-fluid {
    max-width: 100%;
    height: auto;
    display: block;
}

#asko-lp .main-advantages .banner {
    border-bottom-left-radius: calc(20px * var(--percentage));
    border-bottom-right-radius: calc(20px * var(--percentage));
    padding: calc(37px * var(--percentage));
    width: calc(800px * var(--percentage));
    background-color: #fff;
    margin: 0 auto calc(40px * var(--percentage)) auto;
}

#asko-lp .main-advantages .banner .main-advantages-heading {
    color: #27353D;
    text-align: center;
    font-size: calc(25.106px * var(--percentage));
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: calc(15px * var(--percentage));
}

#asko-lp .main-advantages .banner .main-advantages-text {
    text-align: justify;
    color: #27353D;
    font-size: calc(18.83px * var(--percentage));
    font-weight: 300;
    line-height: 1.3;
}

#asko-lp .main-advantages .main-advantages-items {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: calc(51px * var(--percentage));
}

#asko-lp .main-advantages .main-advantages-items .main-advantages-item {
    width: calc(222px * var(--percentage));
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

#asko-lp .main-advantages .icon-wrapper {
    width: calc(158px * var(--percentage));
    height: calc(83px * var(--percentage));
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

#asko-lp .main-advantages .main-advantages-item-heading {
    color: #FFF;
    text-align: center;
    font-size: calc(15px * var(--percentage));
    line-height: 1.2;
    margin-top: calc(28px * var(--percentage));
}

#asko-lp .main-advantages .line {
    width: calc(800px * var(--percentage));
    height: 1px;
    background-color: #CBC759;
    margin: calc(23px * var(--percentage)) auto 0 auto;
}

#asko-lp .advantages-video {
    padding: calc(50px * var(--percentage)) 0;
}

#asko-lp .advantages-video .text-wrapper {
    padding: calc(40px * var(--percentage)) 0;
    width: calc(800px * var(--percentage));
    margin: 0 auto 0 auto;
}

#asko-lp .advantages-video .line {
    width: 100%;
    height: 1px;
    background-color: #CBC759;
}

#asko-lp .advantages-video .advantages-video-heading {
    color: #FFF;
    font-size: calc(20px * var(--percentage));
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: calc(20px * var(--percentage));
}

#asko-lp .advantages-video .advantages-video-text {
    text-align: justify;
    color: #FFF;
    font-size: calc(15px * var(--percentage));
    font-weight: 300;
    line-height: 1.3;
    margin-bottom: calc(40px * var(--percentage));
}

#asko-lp .advantages-description .advantages-description-items {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: calc(60px * var(--percentage));
}

#asko-lp .advantages-description .advantages-description-items .advantages-description-item {
    width: calc(260px * var(--percentage));
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

#asko-lp .advantages-description .advantages-description-items .advantages-description-item .wrapper {
    width: 100%;
    min-height: calc(350px * var(--percentage));
}

#asko-lp .advantages-description .advantages-description-items .advantages-description-item .wrapper .my-video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

#asko-lp .advantages-description .advantages-description-items .advantages-description-item .wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

#asko-lp .advantages-description .advantages-description-items .advantages-description-item .advantages-description-item-heading {
    color: #FFF;
    font-size: calc(20px * var(--percentage));
    font-weight: 700;
    line-height: 1.2;
    margin: calc(30px * var(--percentage)) 0;
}

#asko-lp .advantages-description .advantages-description-items .advantages-description-item .advantages-description-item-text {
    text-align: justify;
    color: #FFF;
    font-size: calc(15px * var(--percentage));
    font-weight: 300;
    line-height: 1.3;
}
#asko-lp .advantages-description .advantages-description-items .advantages-description-item .advantages-description-additional-text{
    text-align: justify;
    color: #FFF;
    font-size: calc(12px * var(--percentage));
    font-weight: 300;
    line-height: 1.3;
    margin-top: calc(15px * var(--percentage));
}

#asko-lp .advantages-description.two {
    padding: calc(60px * var(--percentage)) 0;
}

#asko-lp .advantages-description.two .advantages-description-items .advantages-description-item {
    width: calc(410px * var(--percentage));
}

#asko-lp .advantages-description .advantages-description-items .advantages-description-item .icon-wrapper {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
            justify-content: space-between;
            margin-top: calc(30px * var(--percentage));
}
#asko-lp .advantages-description .advantages-description-items .advantages-description-item .icon-wrapper .icon-wrapper-icon{
    max-width: calc(83px * var(--percentage));
}

#asko-lp .advantages-description .line {
    width: calc(800px * var(--percentage));
    height: 1px;
    background-color: #CBC759;
    margin: calc(69px * var(--percentage)) auto 0 auto;
}

#asko-lp .tradition {
    padding: calc(50px * var(--percentage)) 0 calc(79px * var(--percentage)) 0;
}

#asko-lp .tradition .tradition-heading {
    text-align: center;
    color: #FFF;
    font-size: calc(32px * var(--percentage));
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: calc(40px * var(--percentage));
}
#asko-lp .tradition .tradition-text {
    width: calc(800px * var(--percentage));
    text-align: justify;
    color: #FFF;
    font-size: calc(15px * var(--percentage));
    font-weight: 300;
    line-height: 1.3;
    margin: calc(40px * var(--percentage)) auto calc(78px * var(--percentage)) auto;
}
#asko-lp .tradition .tradition-text.first{
    margin-bottom: calc(25px * var(--percentage));
}
#asko-lp .tradition .tradition-text.second{
    margin-top: 0;
}
#asko-lp .tradition .asko-logo{
    margin: 0 auto;
    max-width: calc(263px * var(--percentage));
}

@media (max-width: 740px) {
    #asko-lp .main-advantages .banner{
        width: 84%;
    }
    #asko-lp .main-advantages .line{
        width: 84%;
    }
    #asko-lp .advantages-video .text-wrapper{
        width: 84%;
    }
    #asko-lp .advantages-description .line{
        width: 84%;
    }
    #asko-lp .tradition .tradition-heading{
        width: 84%;
        margin-left: auto;
        margin-right: auto;
    }
    #asko-lp .tradition .tradition-text{
         width: 84%;
        margin-left: auto;
        margin-right: auto;
    }
    #asko-lp .advantages-description{
        padding-left: calc(20px * var(--percentage));
        padding-right: calc(20px * var(--percentage));
    }
    #asko-lp .advantages-description.two{
        padding-left: calc(20px * var(--percentage));
        padding-right: calc(20px * var(--percentage));
    }
}
@media (max-width: 476px) {
    #asko-lp .advantages-description .advantages-description-items .advantages-description-item{
        width: 100%;
    }
    #asko-lp .advantages-description.two .advantages-description-items .advantages-description-item{
        width: 100%;
    }
    #asko-lp .advantages-description .advantages-description-items .advantages-description-item .icon-wrapper{
        -webkit-box-pack: start;
                justify-content: flex-start;
                gap: calc(20px * var(--percentage));
    }
}