.is-text-blue {
    color: #0053a4
}

.navbar {
    background-color: #000
}

.hero {
    height: 871px;
    background-image: url(/static/prj/images/zond/hero.jpg);
    padding-top: 93px;
    margin-bottom: -307px
}

.hero__text, .hero__title {
    text-transform: uppercase
}

.hero__intro {
    height: 470px
}

.advantages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 307px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #92928f;
    font-family: Montserrat Light, Arial, sans-serif;
    font-size: 1.125rem;
    line-height: 1.35;
    color: #a8a8a8
}

.advantages__column {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 48%
}

.advantages li {
    padding-left: 32px;
    margin: 0 0 22px
}

.advantages li:before {
    top: 5px;
    width: 11px;
    height: 11px;
    background-color: #fff;
    border-radius: 0
}

.workarea__background {
    margin-bottom: 0
}

.features.has-background-grey {
    padding-top: 79px;
    padding-bottom: 48px;
    margin-bottom: 0
}

@media only screen and (min-width: 1024px) {
    .features.has-background-grey {
        padding-top: 113px;
        padding-bottom: 100px
    }
}

.features__new {
    float: right;
    margin-top: 49px
}

.features__title {
    text-align: left;
    font-size: 4.5625rem;
    margin-bottom: 32px
}

@media only screen and (min-width: 1024px) {
    .features__title {
        margin-bottom: 47px
    }
}

.features__row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.features__item {
    width: 45%;
    padding: 0 0 45px 70px;
    position: relative;
    text-align: left
}

.features__name {
    font-family: Montserrat Bold, Arial, sans-serif;
    font-size: 1.375rem;
    line-height: 1.4;
    margin-bottom: 5px
}

.icon-features {
    display: inline-block;
    position: relative;
    min-width: 80px;
    height: 80px;
    position: absolute;
    top: -12px;
    left: -12px
}

.icon-features.is-rounded {
    background-color: #fff;
    border-radius: 40px
}

.icon-features:after {
    content: "";
    position: absolute;
    min-width: 56px;
    height: 56px;
    top: 12px;
    left: 12px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(/static/prj/images/zond/icons-features.png)
}

.icon-features.is-hdr:after {
    background-position: 0 0
}

.icon-features.is-single-source:after {
    background-position: -56px 0
}

.icon-features.is-hrd:after {
    background-position: -112px 0
}

.icon-features.is-histogram:after {
    background-position: -168px 0
}

.features-2-bg {
    min-height: 847px;
    background-image: url(/static/prj/images/zond/features-2.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.features-2 {
    color: #fff;
    padding: 100px 0;
    font-size: 1rem;
    margin-bottom: 40px
}

@media only screen and (min-width: 1024px) {
    .features-2 {
        padding: 119px 0
    }
}

.features-2__title {
    font-size: 4.5625rem;
    line-height: .96;
    font-family: Montserrat Bold, Arial, sans-serif;
    margin-bottom: 55px
}

.features-2 .has-padding-left, .features-2 li {
    padding-left: 46px
}

.features-2 li {
    font-size: 1.375rem;
    line-height: 1.5;
    margin: 4px 0 44px
}

.features-2 li:before {
    width: 34px;
    height: 24px;
    background-color: transparent;
    background-size: 171px 193px;
    background-image: url(/static/prj/images/icons.png);
    background-position: -25px -56px;
    top: -4px;
    left: 0
}

.features-2 a {
    color: #005af9
}

.features-2 a:hover {
    color: #335dbd
}

.features-2__more, .features-2__more:hover {
    border-bottom: 1px dashed #005af9;
    text-decoration: none
}

.features-2__more:hover {
    text-decoration: none;
    border-bottom-color: #335dbd
}

.supported__title {
    min-width: 45%;
    width: 45%
}

@media only screen and (min-width: 1024px) {
    .supported__title {
        min-width: 36.25%;
        width: 36.25%
    }
}

.supported:before {
    right: 30px;
    top: 0
}

@media only screen and (min-width: 1024px) {
    .supported:before {
        right: 25px;
        top: 12px
    }
}

.features-3 {
    position: relative
}

.features-3:after {
    content: "";
    display: block;
    background-image: url(/static/prj/images/zond/features-3.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: relative;
    width: 92vw;
    height: 69.368vw;
    margin: -50px 4vw 0
}

@media only screen and (min-width: 1024px) {
    .features-3:after {
        position: absolute;
        left: 50%;
        top: 26px;
        width: 50%;
        height: 100%;
        margin: 0;
        background-position: 160px 0
    }
}

.how-it-looks {
    background-color: #212121;
    background-image: url(/static/prj/images/zond/how-it-looks.jpg);
    background-repeat: no-repeat;
    background-position: 50% 100%;
    border-top: 1px solid #7a7a7a;
    border-bottom: 1px solid #7a7a7a;
    text-align: center;
    margin-bottom: 70px
}

.how-it-looks__inner {
    height: 864px;
    margin: 0 auto;
    padding: 126px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    color: #fff
}

.how-it-looks__title {
    margin: 0 0 12px;
    font-size: 5rem;
    line-height: 1;
    font-family: Montserrat Bold, Arial, sans-serif
}

.how-it-looks__description {
    font-size: 1.5rem;
    line-height: 1.4;
    font-family: Montserrat Light, Arial, sans-serif
}

.try-free {
    text-align: center;
    padding-bottom: 70px;
    margin-bottom: 94px
}

.try-free, .try-free__inner {
    position: relative;
    z-index: 2
}

.try-free:after {
    content: "";
    position: absolute;
    z-index: 1;
    background-image: url(/static/prj/images/zond/bg-arrow.png);
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: contain;
    bottom: 0;
    left: 0;
    right: 0;
    height: 44vw;
    width: 100%
}

.try-free__title {
    font-size: 9rem;
    line-height: 1;
    font-family: Montserrat Bold, Arial, sans-serif;
    color: #0053a4;
    margin-bottom: 46px
}

.try-free__text {
    font-size: 1.375rem;
    line-height: 1.5;
    color: #1a1a1a;
    margin-bottom: 25px
}

.try-free__note {
    color: #a7a7a7;
    line-height: 1.5;
    margin-bottom: 20px
}

.selector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    -webkit-box-shadow: 1.5px 2.6px 65px 0 rgba(0, 0, 0, .17);
    box-shadow: 1.5px 2.6px 65px 0 rgba(0, 0, 0, .17);
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 20px
}

.selector__content {
    padding-left: 45px;
    padding-top: 25px
}

@media only screen and (max-width: 1023px) {
    .selector__controls {
        width: 45vw
    }

    .selector__content {
        word-break: break-word
    }
}

@media only screen and (min-width: 1024px) {
    .selector__content, .selector__controls {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.os-version {
    display: block;
    height: 100%
}

.os-version.is-hidden {
    display: none
}

.os-version__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.os-version__title {
    font-size: 2rem;
    line-height: 1.2;
    font-family: Montserrat Bold, Arial, sans-serif;
    text-transform: uppercase;
    margin-bottom: 18px
}

.os-version__text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 1.125rem;
    line-height: 1.3
}

.os-version__button {
    padding: 31px 0
}

.selector-tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.selector-tabs, .selector-tabs__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.selector-tabs__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background-color: #f2f4f7;
    border: 1px solid #d0d6e4;
    margin-bottom: -1px;
    padding: 20px 20px 21px;
    font-family: Montserrat Bold, Arial, sans-serif;
    font-size: 1.5rem;
    line-height: 1.3
}

.selector-tabs__item:last-child {
    margin-bottom: 0
}

.selector-tabs__item.is-active {
    background-color: #0053a4;
    border-color: #0053a4
}

.selector-tabs__item.is-active, .selector-tabs__item.is-active .is-text-blue {
    color: #fff
}

.selector-tabs__item.is-active:after {
    content: "";
    position: absolute;
    top: -1px;
    right: -41px;
    width: 40px;
    height: 78px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-color: transparent transparent transparent #0053a4;
    border-style: solid;
    border-width: 39px 20px
}

.selector-tabs__item:hover {
    cursor: pointer
}

.selector-tabs__item [class^=ico] {
    margin-right: 20px
}

.selector-tabs__item .is-text-blue {
    margin: 0 8px
}

.subtitle {
    font-size: 3.75rem;
    line-height: 1;
    font-family: Montserrat Bold, Arial, sans-serif;
    color: #0053a4;
    margin-bottom: 22px
}

.cards {
    padding: 20px 0
}

.card-support {
    margin-bottom: 80px
}

.card-footer__controls {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.card-price {
    text-align: left
}

.card-price__value {
    font-size: 1.5rem
}
@media only screen and (min-width: 780px) {

    .cards.is-row .card.is-license {
        width: 32%
    }
}