body {
        font-family: 'Montserrat', sans-serif;
        color: #fff;
        background-color: #2E2C3B;
        height: 100vh;
        background-image: url(../img/bg.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        padding: 0;
        margin: 0;
        position: relative;
        text-transform: uppercase;
        font-size: 100%;
overflow-x: hidden;
        position: relative;
    }

    .body2 {
        overflow: auto;
        background-size: cover;
        background-image: url(../img/bg2.jpg);
    }

    html {
        height: 100%;
    }

    a {
        color: #fff;
        text-decoration: none;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        transition: all .3s linear;
        position: relative;
        z-index: 20;
    }

    .man {
        width: 100%;
        height: 100vh;
        background-image: url(../img/man.png);
        background-position: bottom center;
        background-repeat: no-repeat;
        background-size: 40%;
        top: 0;
        position: absolute;
    }

    .left {
        float: left;
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left: 80px;
        position: relative;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        transition: all .3s linear;

        min-height: 100%;
    }

    .body_wrap {
        display: flex;
        align-items: center;
        height: 100%;
        justify-content: space-between;
    }



    .body_item_text {
        float: left;
        display: flex;
        flex-direction: column;
        min-height: 100%;
        justify-content: center;
        padding-left: 50px;
        width: 58%;
    }

    h5 {
        font-size: 40px;
        font-weight: 800;
    }

    .body_item_text h4 {
        margin-bottom: 0;
        font-size: 28px;
    }

    h5 span {
        color: #DCE58E;
    }



    .application_video .social_wrap {
        display: block;

        max-width: 400px;
        margin-top: 30px;
    }

    .social_wrap {
        margin-top: 30px;
        background-color: #fff;
        box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
        border-radius: 50px;
        padding: 10px 20px;
        display: inline-block;
        padding-top: 20px;
        max-width: 400px;
        position: relative;
    }

    .social_wrap:after {
        content: '';
        width: 43px;
        height: 66px;
        position: absolute;
        background-image: url(../img/arrow.png);
        background-repeat: no-repeat;
        top: -53px;
        left: -20px;
        background-size: 100%;
    }

    .social_wrap a {
        display: block;
        float: left;
        font-size: 13px;
        text-decoration: none;
        background-repeat: no-repeat;
        padding-top: 50px;
        text-align: center;
        background-position: top center;
        margin-right: 15px;
        width: 75px;
        color: #1089B6;
        opacity: 0.8;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        transition: all .3s linear;
        position: relative;
        text-transform: none;
    }

    .social_wrap .telegram:before {
        display: none;
    }

    .social_wrap .vk {
        background-image: url(../img/vk.png);
    }

    .social_wrap .telegram {
        background-image: url(../img/telegram.png);
    }

    .social_wrap .viber {
        background-image: url(../img/viber.png);
    }

    .social_wrap .facebook {
        background-image: url(../img/messeger.png);
    }

    .social_wrap a:before {
        position: absolute;
        content: '';
        height: 39px;
        width: 1px;
        background-color: rgba(0, 0, 0, 0.24);
        top: 0;
        left: -7px;
    }

    .social_wrap a:hover {
        opacity: 1;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        transition: all .3s linear;
    }

    .body_item_text p {

        font-size: 20px;
        font-weight: 400;
        text-transform: none;
        margin: 10px 0;
        max-width: 500px;
    }



    .body_item img {
        position: absolute;
        right: 0;
        max-width: 100%;
    }

    .right {
        float: right;
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-right: 80px;

        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        transition: all .3s linear;

        min-height: 100%;
        text-align: right;
    }

    .right:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#90d393+0,41cfbd+100 */
        background: #90d393;
        /* Old browsers */
        background: -moz-linear-gradient(top, #90d393 0%, #41cfbd 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #90d393 0%, #41cfbd 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #90d393 0%, #41cfbd 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90d393', endColorstr='#41cfbd', GradientType=0);
        /* IE6-9 */
        max-width: 100%;
        -webkit-transform: skew(-25deg);
        transform: skew(-25deg);
        opacity: 0;

        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        transition: all .3s linear;
    }

    .right:hover:before,
    .left:hover:before {
        opacity: 0.7;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        transition: all .3s linear;
    }

    .left:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#90d393+0,41cfbd+100 */
        background: #90d393;
        /* Old browsers */
        background: -moz-linear-gradient(top, #90d393 0%, #41cfbd 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #90d393 0%, #41cfbd 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #90d393 0%, #41cfbd 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90d393', endColorstr='#41cfbd', GradientType=0);
        /* IE6-9 */
        max-width: 100%;
        transform: skew(-25deg);
        opacity: 0.8;
        left: 0;
        opacity: 0;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        transition: all .3s linear;
    }

    h6 {
        font-size: 40px;
        font-weight: 800;
        margin: 0;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        transition: all .3s linear;
    }

    h2 {
        font-weight: 800;
        font-size: 74px;
        margin: 0;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        transition: all .3s linear;
    }

    h3 {
        font-size: 51px;
        font-weight: 800;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        transition: all .3s linear;
    }

    h3 span {

        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        transition: all .3s linear;
    }

    h4 {
        font-size: 21px;
        font-weight: 400;
        width: 50%;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        transition: all .3s linear;
    }

    h4 span {
        color: #F2FA94;
        font-weight: 800;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        transition: all .3s linear;
    }


    .left:hover {
        // background: #ffffff17;
        // border-radius: 50%;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        transition: all .3s linear;
    }

    .right:hover {
        // background: #3a374821;
        //     border-radius: 50%;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        transition: all .3s linear;
    }



    .right h4 {

        font-weight: 600;
    }

    .right h4 {
        width: 50%;
        float: right;
    }

    .img_mobail {
        display: none;
    }

    .mobile_block {
        display: none;
    }

    .mobile_a {
        display: none;
        color: #fff;
        font-size: 14px;
        text-transform: uppercase;
        border-radius: 20px;
        padding: 10px 20px;
        max-width: 100px;
        background-color: #4FD3BC;
        text-align: center;
        font-weight: 600;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        transition: all .3s linear;
    }

    .mobile_a:hover {
        background-color: #2E2C3B;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        transition: all .3s linear;
    }

    @media (max-width: 1200px) {
        h2 {
            font-size: 57px;
        }
        h3 {
            font-size: 36px;
        }
        h6 {
            font-size: 26px;
        }
        h4 {
            font-size: 19px;

            width: 63%;
        }
    }

    @media (max-width: 991px) {
        h2 {
            font-size: 43px;
        }
        h6 {
            font-size: 18px;
        }
        h3 {
            font-size: 28px;
        }
        h4 {
            font-size: 15px;
            width: 100%;
        }
        body {
            background-size: cover;
            height: auto;
        }
        .left {
            padding-left: 20px;
            padding-top: 30px;
            padding-bottom: 30px;
        }
        .right {
            padding-right: 20px;
            padding-top: 30px;
            padding-bottom: 30px;
            text-align: left;
            padding-left: 20px;
        }
        .right h4 {
            color: #fff;
            font-weight: 400;
            float: none;
            width: 100%;
        }

        h5 {
            font-size: 14px;
        }
        .body_item_text h5 {
            font-size: 23px;
            text-shadow: 2px 2px 14px rgba(0, 0, 0, 0.1);
        }
        h5 span {
            color: #fdf25b;
        }
        .body_item_text {
            display: block;
            float: none;
            padding: 30px;
            width: 85%;
            padding-top: 90px;
            min-height: auto;
            text-align: center;
        }
        .social_wrap {
            max-width: 180px;
            margin: 20px auto;
            display: block;
            clear: both;
        }
        .clear {
            clear: both;
        }

        .social_wrap:after {
            display: none;
        }
        .body_item_text p {
            max-width: 100%;
            font-size: 18px;
        }

        .body2 {
            background-image: url(../img/mobile_bg.jpg);
            padding-top: 42%;
            background-size: 100%;
            background-color: #71D3AC;
            height: auto;
        }
        .man {
            display: none;
        }

        .body_wrap {
            padding-top: 40px;
            padding-bottom: 40px;
        }
        .mobile_a {
            display: block;
        }
    }

    @media (max-width: 768px) {
        h2 {
            font-size: 33px;
        }
        h3 {
            font-size: 19px;
        }
        .left:before,
        .right:before {
            display: none;
        }
        .left:hover,
        .right:hover {
            background: #90d393;
            /* Old browsers */
            background: -moz-linear-gradient(top, #90d393 0%, #41cfbd 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #90d393 0%, #41cfbd 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #90d393 0%, #41cfbd 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90d393', endColorstr='#41cfbd', GradientType=0);
        }
        .img_mobail {
            display: block;
            text-align: center;
        }
        .img_mobail img {
            max-width: 100%;
        }
        .social_wrap a:before {
            display: none;
        }
        .mobile_block {
            display: block;
            text-align: center;
        }
        .mobile_block img {
            max-width: 100%;
            min-width: 100%;
        }
    }

    @media (max-width: 500px) {
        h6 {
            font-size: 11px;
        }
        h3 {
            font-size: 16px;
        }
        h4 {
            font-size: 12px;
            width: 100%;
        }
        .right h3,
		.left h3{
            font-size: 13px;
        }
        .right {
            text-align: left;
            padding-left: 20px;
        }
        .right h4 {
            width: 100%;
        }
    }