.success {
            width: 100%;
            min-height: 200px;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 1.3rem;
            text-transform: uppercase;
            color: #4D8714;
        }
        .d-none {display:none !important; }
        @font-face {
            font-family: 'Factor A';
            src: url(fonts/Factor-A-Light.otf);
            font-weight: 200; }
        @font-face {
            font-family: 'Factor A';
            src: url(fonts/Factor-A-Regular-Desktop.otf);
            font-weight: 400; }
        @font-face {
            font-family: 'Factor A';
            src: url(fonts/Factor-A-Medium-Desktop.otf);
            font-weight: 500; }
        @font-face {
            font-family: 'Factor A';
            src: url(fonts/Factor-A-Bold-Desktop.otf);
            font-weight: 700; }

        * {
            padding: 0;
            margin: 0;
            border: none; }

        *,
        *::before,
        *::after {
            box-sizing: border-box; }

        /* Links */
        a {
            cursor: pointer; }

        a, a:link, a:visited {
            text-decoration: none; }

        a:hover {
            text-decoration: none; }

        /* Common */
        aside, nav, footer, header, section, main {
            display: block; }

        h1, h2, h3, h4, h5, h6, p {
            font-size: inherit;
            font-weight: inherit; }

        ul, ul li {
            list-style: none; }

        h1 {
            font-size: 4rem;
        }
        h4 {
            font-size: 2rem;
        }
        /* Form */
        input, textarea, button, select {
            font-family: inherit;
            font-size: inherit;
            color: inherit;
            background-color: transparent; }

        input::-ms-clear {
            display: none; }

        button, input[type="submit"] {
            display: inline-block;
            box-shadow: none;
            background-color: transparent;
            background: none;
            cursor: pointer; }

        input:focus, input:active,
        button:focus, button:active {
            outline: none; }

        button::-moz-focus-inner {
            padding: 0;
            border: 0; }


        body {
            font-family: 'Factor A', sans-serif;
            font-weight: 400;
            color: #FFF;
            background: #FFF;}

        /*OWN STYLES*/

        .wrapper {
            position: relative;
            padding-top: 40px;}

        .wrapper::before {
            content: ' ';
            background: url('images/lines1.png') -300px top no-repeat;
            background-size: 60%;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            display: block;
            position: absolute;
            z-index: 0;}

        .container-main {
            margin: auto;
            padding: 0 40px;
            max-width: 1400px;}

        header {
            background: url('/images/hacki_bg.jpg') left top no-repeat;}

        .header {
            padding: 20px 0 80px 0;}

        .header::before {
            content: '';
            background: url('/images/soldier.png') no-repeat bottom 0 right 450px;
            background-size: 25%;
            padding-top: 0;
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            min-height: 658px;}

        .top__header {
            justify-content: space-between;
            display: flex;
            position: relative;
            z-index: 1;}

        .top__header .navigation ul {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 100%;
            padding: 0 50px;}


        .navigation ul li a {
            font-size: 0.9rem;
            color: #FFF;
            text-transform: uppercase;
            padding: 0 30px;}

        .navigation ul li a.active,
        .navigation ul li a:hover {
            color: #4D8714;}

        .top__header .header__left {
            display: flex;}

        .top__header .header__right {
            display: flex;
            align-items: center;}

        .top__header .phone {
            font-size: 1.8rem;
            font-weight: 400;}

        .top__banner {
            display: flex;
            justify-content: space-between;}

        .top__banner img {
            margin-top: 150px;
            width: 100%;
            max-width: 1000px;}

        .top__banner .legend {
            padding: 150px 0 0 0;}

        .logo img {
            max-width: 90px;}

        .legend .contain {
            position: relative;}

        .legend h3 {
            font-size: 2rem;
            font-weight: 600;
            text-transform: uppercase;}

        .btn-green {
            display: inline-flex;
            color: #FFF;
            margin-top: 80px;
            line-height: 1rem;
            padding: 15px 60px;
            font-size: 0.8rem;
            text-transform: uppercase;
            text-align: start;
            background: #4D8714;}

        .title {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 100px 0;}

        .title .sub {
            position: relative;
            margin: 30px 0 0 0;
            padding: 0 50px;
            text-align: center;}

        /*.title .sub::before {*/
        /*    content: '';*/
        /*    position: absolute;*/
        /*    border-top: 1px solid #666;*/
        /*    width: 100%;*/
        /*    margin-left: -50px;*/
        /*    top: 12px;*/
        /*    z-index: 0;}*/

        .title h4 {
            font-weight: 600;
            font-size: 2rem;}

        .title h5 {
            display: flex;
            margin: auto;
            text-transform: uppercase;
            font-size: 1.3rem;
            background: #FFF;
            position: relative;
            padding: 0 50px;
            color: #000;}

        .block {
            position: relative;
            z-index: 1;
        }


        @media screen and (max-width: 992px) {
            h1 {
                font-size: 2rem;
            }

            h4 {
                font-size: 1.3rem;
                margin: 20px 0;
            }
            /*.header::before {*/
            /*    background: url('images/lines2.png') no-repeat top 0 right -50px;*/
            /*    background-size: 100%;*/
            /*}*/

            .top__header,
            .top__header .header__left,
            .top__header .header__right {
                flex-direction: column;}

            .logo {
                text-align: center;}

            .top__header .navigation ul {
                padding: 20px 0;
                gap: 5px;
                flex-direction: column;}

            .top__banner .legend {
                padding: 0;}

            .legend h3 {
                font-size: 1rem;
                font-weight: 600;
                text-transform: uppercase;}

            .top__banner {
                flex-direction: column;}

            .top__banner img {
                margin-top: 50px;
                width: 100%;
            }

            .legend .contain {
                margin-top: 20px;
                position: relative;
                text-align: center;
            }
            .btn-green {
                margin-top: 20px;
                padding: 10px 60px;
                text-align: center;
                /*width: 100%;*/
            }

            .title h4 {
                font-size: 1.5rem;
                text-align: center;}

            .title h5 {
                font-size: 0.8rem;
                text-align: center;
                padding: 0 20px;}

            .title .sub::before {
                top: 50%;
                margin-left: -20px;}

            .title .sub {
                padding: 0 20px;}
        }

        .modal {
            max-width: 800px;}

        .form.message {
            color: #000;
        }
        .form-header {
            text-align: center;
            padding-bottom: 30px;}
        .form-header h2 {font-size: 2rem;}

        input[type="text"],select {
            border-radius: .5rem;
            border: 1px solid #efefef;
            padding: 10px;
            width: 100%;
            margin: 10px 0 10px 0;}

        .zForm-field {
            border-bottom: 1px solid #efefef;
            padding: 10px 0;}

        .form.message label {
            font-weight: 600;}

        .form.message .textarea {
            display: flex;
            width: 100%;
            border: 1px solid #efefef;
            padding: 10px;
            margin: 10px 0 0 0;
            border-radius: .5rem;}

        .form.message .btn-green {
            display: block;
            margin: 10px auto 0 auto;}

        label.error {
            font-size: .8rem;
            color: red;}

        @media screen and (max-width: 992px) {
            .form-header h2 {
                font-size: 1rem;
                font-weight: 600;
                margin-bottom: 20px;
            }

            .form.message label {
                font-weight: 600;
                font-size: 0.8rem;
            }
            textarea,
            input[type="text"] {
                font-size: 0.8rem;}
        }

		.intro {
        background: url('/images/gray_bg.jpg') left top;
        background-size: 80%;
        padding: 100px 0;
        -webkit-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.9) inset;
        -moz-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.9) inset;
        box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.9) inset;}

    .text-uppercase {
        text-transform: uppercase;}

    .mb-5 {
        margin-bottom: 30px;}

    span {
        line-height: 1.6rem;}


		.prices {
        color: #000;
        background: #fff;
        padding-bottom: 80px;}

    .prices_grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef;
        border-left: 1px solid #efefef;
        border-right: 1px solid #efefef;}

    .prices_grid div {
        padding: 30px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;}

    .prices_grid p {
        text-transform: uppercase;
        padding: 30px 0 0 0;
    }
    .prices_grid span {
            color: #4D8714;
            font-size: 2.5rem;
            text-transform: uppercase;
            font-weight: 600;
            display: block;
            line-height: 3rem;
    }

    .prices_grid div:nth-child(1) {
        border-right:1px solid #efefef;}

    .prices_grid p,
    .prices_grid span {
        text-align: center;
    }

    @media screen and (max-width: 992px) {
        .prices_grid {
            grid-template-columns: repeat(1, 1fr);
        }

        .prices_grid div:nth-child(1) {
            border-bottom:1px solid #efefef;}
        .prices_grid span {
            font-size: 1.5rem;
            line-height: 1.8rem;
        }
    }

	.about {
        padding-top: 60px;
        background: #0F3B2E;}

    .about .container {
        max-width: 1400px;
        padding-top: 100px;
        margin: auto;}

    .about__container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);}

    .about__right {
        display: flex;
        align-items: center;}

    .about .legend .contain {
        position: relative;
        z-index: 1;}

    .about__left img{
        width: 80%;}

    .about h4{
        font-weight: 600;
        font-size: 1.5rem;}

    .about ul {
        margin-top: 30px;}

    .about ul li {
        padding: 5px 0;
        color: #BDAE2C;}

    @media screen and (max-width: 992px) {
        .about {
            padding-bottom: 60px;
        }
        .wrapper_2::before {
            background: none;}

        .about__container {
            justify-content: start;
            min-height: 300px;
            background-size: 70%;
            grid-template-columns: repeat(1, 1fr);}

        .about__left {
            display: none;
        }
        .about__right {
            width: 100%;
            align-items: unset;
            justify-content: center;}

        .about ul li {
            font-size: 0.8rem;
        }
    }

.catalog {
        background: #FFF;
        padding-bottom: 80px;}

    .catalog h4 {
        color: #000;}

    .catalog__grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 40px;}

    .catalog__col {
        text-align: center;}

    .catalog__name {
        margin: 30px 0;
        color: #4D8714;
        font-size: 2rem;
        text-transform: uppercase;}

    .catalog__col img {
        max-width: 100%;
        border-radius: .1rem;}

    @media screen and (max-width: 992px) {
        .catalog__grid {
            display: grid;
            grid-template-columns: repeat(1, 1fr);}
    }
	.features {
        background: url('/images/hacki_bg.jpg') left top no-repeat;
        padding-bottom: 80px;
    }
    .features__grid {

        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 40px;}

    .feature__col {
        text-align: center;}

    .feature__name {
        margin: 30px 0;
        font-size: 0.8rem;
        text-transform: uppercase;}

    .feature__col i {
        color: #2FBD2C;
        font-size: 5rem;}

    @media screen and (max-width: 992px) {
        .features {
            background: url('/images/hacki_bg.jpg') left top repeat-y;}

        .features__grid {
            grid-template-columns: repeat(1, 1fr);}

    }

	.vacancy {
        background: #FFF;
        padding-bottom: 80px;}

    .vacancy h4 {
        color: #000;}

    .vacancy__grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;}

    .vacancy__col {
        justify-content: space-between;
        display: flex;
        border-bottom: 1px solid #efefef;
        padding-bottom: 20px;}

    .vacancy__name {
        margin: 0 0 10px 0;
        color: #000;
        font-size: 2.5rem;
        text-transform: uppercase;
        font-weight: 600;
        line-height: 2.7rem;}

    .vacancy__desc {
        color: #000;
        display: flex;
        flex-direction: column;
        justify-content: end;
    }

    .vacancy__subdesc {
        display: flex;}

    .vacancy__image {
        text-align: right}

    .vacancy__col img {
        max-width: 300px;}

    .vacancy__count {
        color: #4D8714;
        font-size: 2.5rem;
        text-transform: uppercase;
        font-weight: 600;
        display: flex;
        align-items: center;}

    .vacancy__need {
        color: #BD8C2C;
        text-transform: uppercase;
        padding-left: 40px;
        font-size: 1.3rem;
        display: flex;
        align-items: center;}

    @media screen and (max-width: 992px) {
        .vacancy__col {
            display: flex;
            flex-direction: column;
            text-align: center;
            width: 100%;}

        .vacancy__desc {
            flex-direction: column;}


        .vacancy__grid {
            display: grid;
            grid-template-columns: repeat(1, 1fr);}

        .vacancy__name {
            font-size: 1.5rem;
            line-height: 1.8rem;}

        .vacancy__subdesc {
            display: flex;
            flex-direction: column;}

        .vacancy__count {
            font-size: 1.5rem;
            line-height: 1.8rem;
            justify-content: center;
        }
        .vacancy__need {
            padding-left: 0;
            font-size: 1.3rem;
            justify-content: center;
            margin-top: 20px;}
        .vacancy__image {
            text-align: center;
        }
    }

	.passport {
        padding-bottom: 60px;
        background: #0F3B2E;}

    .passport .container {
        max-width: 1400px;
        padding-top: 100px;
        margin: auto;}

    .passport__container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);}

    .passport__right {
        display: flex;
        align-items: center;}

    .passport .legend .contain {
        position: relative;
        z-index: 1;}

    .passport__left img{
        width: 80%;}

    .passport h4{
        font-weight: 600;
        font-size: 1.5rem;}

    .passport ul {
        margin-top: 30px;}

    .passport ul li {
        padding: 5px 0;
        color: #BDAE2C;}

    .passport ul {
        margin: 20px 0;
    }
    .passport span {
        margin: 20px 0 20px 0;
        display: block;
    }

    @media screen and (max-width: 992px) {

        .passport__container {
            justify-content: start;
            min-height: 300px;
            background-size: 70%;
            grid-template-columns: repeat(1, 1fr);
            text-align: center;}

        .passport__right {
            width: 100%;
            align-items: unset;
            justify-content: center;}

        .passport ul li {
            font-size: 0.8rem;
        }

        .passport h4 {
            font-size: 1.2rem;
        }

        .passport span {
            font-size: 1rem;
            line-height: 1.3rem;
        }
    }

	.outro {

        padding: 100px 0;
        background: url('/images/tank.png') center top no-repeat;}

    .outro .container {
        max-width: 1400px;
        padding-top: 100px;
        margin: auto;}

    .outro__container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);}

    .outro__right {
        display: flex;
        align-items: center;}

    .outro .legend .contain {
        position: relative;
        z-index: 1;}

    .outro__left img{
        width: 80%;}

    .outro h4{
        font-weight: 600;
        font-size: 1.5rem;}

    .outro ul {
        margin-top: 30px;}

    .outro ul li {
        padding: 5px 0;
        color: #BDAE2C;}

    @media screen and (max-width: 992px) {
        .outro__container {
            grid-template-columns: repeat(1, 1fr);
            text-align: center;
            justify-content: start;
            min-height: 300px;
            background-size: 70%;}

        .outro__right {
            width: 100%;
            align-items: unset;
            justify-content: center;}

        .outro h4 {
            font-size: 1rem;}
    }

	footer {
        color: #000;
    }
    footer .container {
        border-top: 1px solid #efefef;
        padding: 30px 0;
        max-width: 1400px;
        margin: 30px auto 0 auto;}

    .footer__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);}

    .copyright {
        padding-top: 30px;
        text-align: center;
    }
    .copyright,
    .footer__left .address{
        color: #9E9E9E;
        font-weight: 200;
        line-height: 1rem;
        font-size: 0.8rem;}

    .footer__left {
        display: flex;
        flex-direction: column;
        justify-content: center;}

    .footer__center {
        text-align: center;}

    .footer__right {}

    @media screen and (max-width: 992px) {
        .footer__grid {
            display: grid;
            grid-template-columns: repeat(1, 1fr);}

        .footer__left {
            order: 2;
            text-align: center;
            padding: 20px 0;}

        .footer__center {
            text-align: center;
            order: 1;}

        .footer__left .address {
            padding-top: 20px;}
    }