/**
 * Edison
 * Edison is an Online Education Website Template Kit
 * Exclusively on https://1.envato.market/edison-html
 *
 * @encoding        UTF-8
 * @version         1.0.0
 * @copyright       (C) 2018 - 2022 Merkulove ( https://merkulov.design/ ). All rights reserved.
 * @license         Envato License https://1.envato.market/KYbje
 * @contributors    Lamber Lilith (winter.rituel@gmail.com)
 * @support         help@merkulov.design
 **/

.infoblock_block {
    color: #fff;
    position: relative
}

.infoblock_block img {
    height: 100%
}

.infoblock_block-header {
    color: #fff
}

.infoblock_block[data-order='1'] {
    padding: 30px;
    background: -o-linear-gradient(238.18deg,#0acffe -4%,#495aff 63.7%);
    background: linear-gradient(211.82deg,#0acffe -4%,#495aff 63.7%);
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    text-align: center
}

.infoblock_block[data-order='1'] .infoblock_block-header {
    margin-bottom: 20px
}

.infoblock_block[data-order='2'] {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.infoblock_block[data-order='2'],.infoblock_block[data-order='3'] {
    height: 280px;
    overflow: hidden
}

.infoblock_block[data-order='2'] img,.infoblock_block[data-order='3'] img {
    height: 280px
}

.infoblock_block[data-order='3'] {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.infoblock_block--sale {
    padding: 60px 20px;
    background: -o-linear-gradient(174.03deg,#6a11cb 59.77%,#2575fc 157.08%);
    background: linear-gradient(275.97deg,#6a11cb 59.77%,#2575fc 157.08%);
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.infoblock_block--sale .content_percent {
    display: none
}

.infoblock_block--sale .content_text {
    margin-bottom: 20px;
    text-align: center
}

.infoblock_block--sale .content_text .text,.infoblock_block--sale .content_text .title {
    color: #fff
}

.infoblock_block--sale .content_text .text {
    margin-top: 5px;
    font-weight: 400
}

.infoblock_block--sale .form {
    width: 100%
}

.infoblock_block--sale .form .field {
    color: #485870;
    margin-bottom: 10px
}

@media screen and (min-width:575.98px) {
    .infoblock_block[data-order='1'] {
        padding: 50px
    }

    .infoblock_block[data-order='2'],.infoblock_block[data-order='3'] {
        height: 320px
    }

    .infoblock_block[data-order='2'] img,.infoblock_block[data-order='3'] img {
        height: 100%
    }

    .infoblock_block--sale {
        padding: 50px
    }

    .infoblock_block--sale .content {
        max-width: 570px;
        margin: 0 auto
    }

    .infoblock_block--sale .content_text {
        margin-bottom: 20px
    }

    .infoblock_block--sale .form {
        max-width: 500px;
        margin: 0 auto;
        width: 100%
    }

    .infoblock_block--sale .form .field {
        width: calc(100% - 195px);
        margin-bottom: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .infoblock_block--sale .form .btn {
        width: 195px;
        padding: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
}

@media screen and (min-width:767.98px) {
    .infoblock_block[data-order='2'] {
        height: 560px
    }

    .infoblock_block[data-order='1'],.infoblock_block[data-order='4'] {
        padding: 80px 60px
    }
}

@media screen and (min-width:991.98px) {
    .infoblock_block[data-order='2'],.infoblock_block[data-order='2'] img,.infoblock_block[data-order='3'],.infoblock_block[data-order='3'] img {
        height: 480px
    }

    .infoblock_block[data-order='1'],.infoblock_block[data-order='4'] {
        padding: 30px
    }

    .infoblock_block[data-order='4'] {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
}

@media screen and (min-width:1199.98px) {
    .infoblock_block[data-order='1'] {
        text-align: left
    }

    .infoblock_block[data-order='4'] {
        padding: 0
    }

    .infoblock_block[data-order='4'] .content {
        margin: 0 auto 30px
    }

    .infoblock_block[data-order='4'] .content_percent {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        font-weight: 700;
        font-family: "Barlow Semi Condensed",sans-serif;
        font-size: 60px;
        line-height: 1;
        padding-right: 20px;
        margin-right: 20px;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .infoblock_block[data-order='4'] .content_percent:after {
        content: '';
        position: absolute;
        height: 58px;
        width: 2px;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background: #dab9ff
    }

    .infoblock_block[data-order='4'] .content_text {
        margin-bottom: 0;
        position: relative;
        top: -3px
    }

    .infoblock_block[data-order='4'] .content_text .title {
        line-height: .9;
        margin-bottom: 10px
    }

    .infoblock_block[data-order='4'] .content_text .title .percent {
        display: none
    }

    .infoblock_block[data-order='4'] .content_text .text {
        line-height: 1
    }

    .infoblock_block[data-order='4'] .content_text .text_cut {
        display: none
    }
}

@media screen and (min-width:1399.98px) {
    .infoblock_block[data-order='4'] .content {
        width: 100%
    }

    .infoblock_block[data-order='4'] .content_percent {
        font-size: 80px
    }

    .infoblock_block[data-order='4'] .content_text {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding-bottom: 6px
    }

    .infoblock_block[data-order='4'] .content_text .text_cut {
        display: inline;
        margin-left: 5px
    }

    .infoblock_block[data-order='4'] .form {
        max-width: 580px
    }
}

@media screen and (min-width:1599.98px) {
    .infoblock_block {
        height: 515px
    }

    .infoblock_block[data-order="1"] .content {
        max-width: 650px;
        margin: 0 auto
    }

    .infoblock_block[data-order="2"],.infoblock_block[data-order="3"] {
        height: 515px
    }

    .infoblock_block[data-order="2"] img,.infoblock_block[data-order="3"] img {
        height: 100%
    }
}


/*# sourceMappingURL=../sourcemaps/about.css.map */