:root {
    --mssn-h1-mr: 0 5%;
    --mssn-h1-fz: 35px;
    --mssn-h1-align: center;

    --mssn-col-custom-33-w: 100% / 3;
    --mssn-col-custom-33-h: 580px;
    --mssn-text-btm-ml: 11%;

    --mssn-col1-lvl12-mb: 50px;
    --mssn-col1-lvl1-img-w: 180px;
    --mssn-col1-lvl1-img-ml: 0;
    --mssn-col1-lvl1-span-w: 250px;
    --mssn-col1-lvl1-span-ml: -20%;

    --mssn-col1-lvl2-part1-w: 180px;
    --mssn-col1-lvl2-part1-ml: 5%;
    --mssn-col1-lvl2-part2-w: 40px;
    --mssn-col1-lvl2-part2-m: 0% auto 10% 0%;

    --mssn-col3-lvl1-mt: 70px;
    --mssn-col3-lvl2-mt: 80px;
    --mssn-col3-lvl12-part1-w: 50px;
    --mssn-col3-lvl12-part1-m: 7% 0 2% -10px;
    --mssn-col3-lvl12-part2-w: 200px;
    --mssn-col3-lvl12-part2-mr: -10%;

    --mssn-arka-w: 110px;
    --mssn-arka-mt: 0px;
    --mssn-arka-ml: 0%;

    --mssn-metka-w: 80px;
    --mssn-metka-t: 145px;

    --mssn-flag-w: 45px;
}

div.mssn-sm-level-1 img.img-logo {
    width: var(--mssn-col1-lvl1-img-w);
}

img.mssn-metka-sm {
    width: var(--mssn-metka-w);
}

.mssn-arka-sm {
    width: var(--mssn-arka-w);
    margin-left: var(--mssn-arka-ml);
    margin-top: var(--mssn-arka-mt);
}

.mssn-dorogka-sm-right,
.mssn-dorogka-sm-left {
    width: 75px;
    margin-top: 15px;
}

.mssn-dorogka-sm-right {
    margin-left: 15%;
}

.mssn-dorogka-sm-left {
    margin-left: -25%;
}

div.mssn-sm-level-3 div.mssn-part-1-sm {
    width: 54%;
    margin-left: 20%;
}

div.mssn-sm-level-3 div.mssn-part-2-sm {
    width: 10%;
    margin-top: 40px;
}

div.mssn-sm-level-2 div.mssn-part-1-sm,
div.mssn-sm-level-4 div.mssn-part-1-sm {
    width: 28%;
    margin-left: 10%;
    margin-top: 15px;
}

div.mssn-sm-level-2 div.mssn-part-2-sm,
div.mssn-sm-level-4 div.mssn-part-2-sm {
    width: 60%;
}

div.mssn-sm-level-2 div:nth-child(2),
div.mssn-sm-level-4 div:nth-child(2) {
    margin-top: -5px;
}

div.mssn-sm-level-2 div:nth-child(3),
div.mssn-sm-level-3 div:nth-child(3),
div.mssn-sm-level-4 div:nth-child(3),
div.mssn-sm-level-5 img.mssn-arka-sm,
div.mssn-sm-level-1 div {
    margin-top: 10px;
}

div.mssn-sm-level-5 div:nth-child(3)>div:nth-child(3) {
    margin-top: -10px;
}

/* BIG */

sub {
    vertical-align: sub;
    font-size: smaller;
}

#section-mission {
    height: auto;
    margin: auto;
    background-color: #00B76C;
}

#sect-mission-big {
    display: none;
}

#sect-mission-small {
    display: block;
}

#section-mission>h1 {
    color: #041860;
    font-family: "Raleway Extra Bold";
    font-size: var(--mssn-h1-fz);
    font-weight: bold;
}

#section-mission>h1 {
    margin: var(--mssn-h1-mr);
    text-align: var(--mssn-h1-align);
}

/* Text color */
.mssn-text-blue {
    color: #052461;
}

.mssn-text-white {
    color: white;
}

/*--------------------------*/
/*--------------------------*/

/* Text fonts */
.mssn-text-reb {
    font-family: "Raleway Extra Bold";
}

.mssn-text-rb {
    font-family: "Raleway Bold";
}

/*--------------------------*/
/*--------------------------*/

/* Text font-sizes */
.mssn-text-12 {
    font-size: 13px;
}

.mssn-text-13 {
    font-size: 13px;
}

.mssn-text-14 {
    font-size: 14px;
}

.mssn-text-15 {
    font-size: 15px;
}

.mssn-text-17 {
    font-size: 17px;
}

.mssn-text-20 {
    font-size: 20px;
}

.mssn-text-21 {
    font-size: 21px;
}

.mssn-text-23 {
    font-size: 23px;
}

.mssn-text-29 {
    font-size: 29px;
}

/* Text float */
.mssn-left {
    float: left;
    text-align: left;
}

.mssn-right {
    float: right;
    text-align: right;
}

.mssn-text-bottom {
    margin-left: var(--mssn-text-btm-ml);
}

#section-mission .mssn-col-custom-33 {
    height: var(--mssn-col-custom-33-h);
    width: calc(var(--mssn-col-custom-33-w));
}

/*--------------------------*/
/* COLUMN 1 */
/*--------------------------*/

div.mssn-col-1.mssn-level-1 img.img-logo {
    display: block;
    width: var(--mssn-col1-lvl1-img-w);
    margin-left: var(--mssn-col1-lvl1-img-ml);
}

div.mssn-col-1.mssn-level-1 span {
    width: var(--mssn-col1-lvl1-span-w);
    margin-left: var(--mssn-col1-lvl1-span-ml);
    display: block;
}

div.mssn-col-1.mssn-level-2 .mssn-part-1 {
    width: var(--mssn-col1-lvl2-part1-w);
    margin-left: var(--mssn-col1-lvl2-part1-ml);
}

div.mssn-col-1.mssn-level-2 .mssn-part-2 {
    width: var(--mssn-col1-lvl2-part2-w);
    margin: var(--mssn-col1-lvl2-part2-m);
}

.mssn-col-1.mssn-level-1,
.mssn-col-1.mssn-level-2 {
    margin-bottom: var(--mssn-col1-lvl12-mb);
}

/*--------------------------*/
/* COLUMN 2 */
/*--------------------------*/
.mssn-parent-images {
    position: relative;
    top: 0;
    left: 0;
}

.mssn-dorogka {
    width: 100%;
    margin-top: 50px;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}

.mssn-arka {
    width: var(--mssn-arka-w);
    margin-left: var(--mssn-arka-ml);
    margin-top: var(--mssn-arka-mt);
}

.mssn-metka {
    position: absolute;
    z-index: 3;
    top: var(--mssn-metka-t);
    left: var(--mssn-metka-l);
    width: var(--mssn-metka-w);
}

.mssn-flag {
    width: var(--mssn-flag-w);
}

/*--------------------------*/
/* COLUMN 3 */
/*--------------------------*/

.mssn-col-3.mssn-level-1 .mssn-part-1,
.mssn-col-3.mssn-level-2 .mssn-part-1 {
    width: var(--mssn-col3-lvl12-part1-w);
    margin: var(--mssn-col3-lvl12-part1-m);
}

.mssn-col-3.mssn-level-1 .mssn-part-2,
.mssn-col-3.mssn-level-2 .mssn-part-2 {
    width: var(--mssn-col3-lvl12-part2-w);
    margin-right: var(--mssn-col3-lvl12-part2-mr);
}

.mssn-col-3.mssn-level-1 {
    margin-top: var(--mssn-col3-lvl1-mt);
}

.mssn-col-3.mssn-level-2 {
    margin-top: var(--mssn-col3-lvl2-mt);
}

/*===================================== < 576px */

.w300 {
    display: block;
}

.w576,
.w768,
.w992,
.w1200,
.w1400,
.w1600 {
    display: none;
}

.w300,
.w576,
.w768,
.w992,
.w1200,
.w1400,
.w1600 {
    color: #00B76C;
    /*color: white; */
}

/*=====================================*/
@media (min-width:576px) {
    .w576 {
        display: block;
    }

    .w300,
    .w768,
    .w992,
    .w1200,
    .w1400,
    .w1600 {
        display: none;
    }

    :root {
        --mssn-h1-mr: 0 5%;
        --mssn-h1-fz: 45px;
        --mssn-h1-align: center;

        --mssn-col-custom-33-w: 100% / 3;
        --mssn-col-custom-33-h: 580px;
        --mssn-text-btm-ml: 11%;

        --mssn-col1-lvl12-mb: 50px;
        --mssn-col1-lvl1-img-w: 180px;
        --mssn-col1-lvl1-img-ml: 0;
        --mssn-col1-lvl1-span-w: 250px;
        --mssn-col1-lvl1-span-ml: -10%;

        --mssn-col1-lvl2-part1-w: 180px;
        --mssn-col1-lvl2-part1-ml: 5%;
        --mssn-col1-lvl2-part2-w: 40px;
        --mssn-col1-lvl2-part2-m: 0% auto 10% 0%;

        --mssn-col3-lvl1-mt: 70px;
        --mssn-col3-lvl2-mt: 80px;
        --mssn-col3-lvl12-part1-w: 50px;
        --mssn-col3-lvl12-part1-m: 7% 0 2% -10px;
        --mssn-col3-lvl12-part2-w: 200px;
        --mssn-col3-lvl12-part2-mr: -10%;

        --mssn-arka-w: 110px;
        --mssn-arka-mt: 0px;
        --mssn-arka-ml: 0%;

        --mssn-metka-w: 80px;
        --mssn-metka-t: 145px;

        --mssn-flag-w: 45px;
    }
}

@media (min-width:768px) {
    .w768 {
        display: block;
    }

    .w300,
    .w576,
    .w992,
    .w1200,
    .w1400,
    .w1600 {
        display: none;
    }

    :root {
        --mssn-h1-mr: 0 5%;
        --mssn-h1-fz: 45px;
        --mssn-h1-align: center;

        --mssn-col-custom-33-w: 100% / 3;
        --mssn-col-custom-33-h: 580px;
        --mssn-text-btm-ml: 11%;

        --mssn-col1-lvl12-mb: 50px;
        --mssn-col1-lvl1-img-w: 180px;
        --mssn-col1-lvl1-img-ml: 0;
        --mssn-col1-lvl1-span-w: 250px;
        --mssn-col1-lvl1-span-ml: -20%;

        --mssn-col1-lvl2-part1-w: 180px;
        --mssn-col1-lvl2-part1-ml: 5%;
        --mssn-col1-lvl2-part2-w: 40px;
        --mssn-col1-lvl2-part2-m: 0% auto 10% 0%;

        --mssn-col3-lvl1-mt: 70px;
        --mssn-col3-lvl2-mt: 80px;
        --mssn-col3-lvl12-part1-w: 50px;
        --mssn-col3-lvl12-part1-m: 7% 0 2% -10px;
        --mssn-col3-lvl12-part2-w: 200px;
        --mssn-col3-lvl12-part2-mr: -10%;

        --mssn-arka-w: 110px;
        --mssn-arka-mt: 0px;
        --mssn-arka-ml: 0%;

        --mssn-metka-w: 80px;
        --mssn-metka-t: 145px;

        --mssn-flag-w: 45px;
    }
}

@media (min-width:992px) {
    #sect-mission-big {
        display: block;
    }

    #sect-mission-small {
        display: none;
    }

    .w992 {
        display: block;
    }

    .w300,
    .w576,
    .w768,
    .w1200,
    .w1400,
    .w1600 {
        display: none;
    }

    :root {
        --mssn-h1-mr: 0 10% 0.5rem;
        --mssn-h1-fz: 45px;
        --mssn-h1-align: left;

        --mssn-col-custom-33-w: 100% / 3;
        --mssn-col-custom-33-h: 780px;
        --mssn-text-btm-ml: 15%;

        --mssn-col1-lvl12-mb: 80px;
        --mssn-col1-lvl1-img-w: 70%;
        --mssn-col1-lvl1-img-ml: 30%;
        --mssn-col1-lvl1-span-w: 180px;
        --mssn-col1-lvl1-span-ml: 40%;

        --mssn-col1-lvl2-part1-w: 180px;
        --mssn-col1-lvl2-part1-ml: 25%;
        --mssn-col1-lvl2-part2-w: 40px;
        --mssn-col1-lvl2-part2-m: 7% auto 10% 0%;

        --mssn-col3-lvl1-mt: 90px;
        --mssn-col3-lvl2-mt: 150px;
        --mssn-col3-lvl12-part1-w: 50px;
        --mssn-col3-lvl12-part1-m: 7% 0 2% auto;
        --mssn-col3-lvl12-part2-w: 200px;
        --mssn-col3-lvl12-part2-mr: 20%;

        --mssn-arka-w: 134px;
        --mssn-arka-mt: -20px;
        --mssn-arka-ml: 50%;

        --mssn-metka-w: 60px;
        --mssn-metka-t: -25px;
        --mssn-metka-l: 0px;

        --mssn-flag-w: 45px;
    }
}

@media (min-width:1200px) {
    .w1200 {
        display: block;
    }

    .w300,
    .w576,
    .w768,
    .w992,
    .w1400,
    .w1600 {
        display: none;
    }

    :root {
        --mssn-h1-mr: 0 10% 0.5rem;
        --mssn-h1-align: left;

        --mssn-col-custom-33-w: 100% / 3;
        --mssn-col-custom-33-h: 900px;
        --mssn-text-btm-ml: 12%;

        --mssn-col1-lvl12-mb: 130px;
        --mssn-col1-lvl1-img-w: 55%;
        --mssn-col1-lvl1-img-ml: 40%;
        --mssn-col1-lvl1-span-w: 180px;
        --mssn-col1-lvl1-span-ml: 45%;

        --mssn-col1-lvl2-part1-w: 180px;
        --mssn-col1-lvl2-part1-ml: 38%;
        --mssn-col1-lvl2-part2-w: 50px;
        --mssn-col1-lvl2-part2-m: 7% auto 10% 0%;

        --mssn-col3-lvl1-mt: 100px;
        --mssn-col3-lvl2-mt: 230px;
        --mssn-col3-lvl12-part1-w: 60px;
        --mssn-col3-lvl12-part1-m: 7% 0 2% auto;
        --mssn-col3-lvl12-part2-w: 190px;
        --mssn-col3-lvl12-part2-mr: 30%;

        --mssn-arka-w: 134px;
        --mssn-arka-mt: -20px;
        --mssn-arka-ml: 50%;

        --mssn-metka-w: 70px;
        --mssn-metka-t: -37px;
        --mssn-metka-l: 0px;

        --mssn-flag-w: 50px;
    }
}

@media (min-width:1400px) {
    .w1400 {
        display: block;
    }

    .w300,
    .w576,
    .w768,
    .w992,
    .w1200,
    .w1600 {
        display: none;
    }

    :root {
        --mssn-h1-mr: 0 10% 0.5rem;
        --mssn-h1-align: left;

        --mssn-col-custom-33-w: 100% / 3;
        --mssn-col-custom-33-h: 1050px;
        --mssn-text-btm-ml: 13%;

        --mssn-col1-lvl12-mb: 200px;
        --mssn-col1-lvl1-img-w: 50%;
        --mssn-col1-lvl1-img-ml: 45%;
        --mssn-col1-lvl1-span-w: 180px;
        --mssn-col1-lvl1-span-ml: 50%;

        --mssn-col1-lvl2-part1-w: 180px;
        --mssn-col1-lvl2-part1-ml: 40%;
        --mssn-col1-lvl2-part2-w: 60px;
        --mssn-col1-lvl2-part2-m: 7% auto 10% 4%;

        --mssn-col3-lvl1-mt: 130px;
        --mssn-col3-lvl2-mt: 270px;
        --mssn-col3-lvl12-part1-w: 60px;
        --mssn-col3-lvl12-part1-m: 7% 0 2% auto;
        --mssn-col3-lvl12-part2-w: 200px;
        --mssn-col3-lvl12-part2-mr: 40%;

        --mssn-arka-w: 164px;
        --mssn-arka-mt: -20px;
        --mssn-arka-ml: 50%;

        --mssn-metka-w: 80px;
        --mssn-metka-t: -46px;
        --mssn-metka-l: 0px;

        --mssn-flag-w: 50px;
    }
}

@media (min-width:1600px) {
    .w1600 {
        display: block;
    }

    .w300,
    .w576,
    .w768,
    .w992,
    .w1200,
    .w1400 {
        display: none;
    }

    :root {
        --mssn-h1-mr: 0 15% 0.5rem;
        --mssn-h1-align: left;

        --mssn-col-custom-33-w: 100% / 3;
        --mssn-col-custom-33-h: 1050px;
        --mssn-text-btm-ml: 13%;

        --mssn-col1-lvl12-mb: 200px;
        --mssn-col1-lvl1-img-w: 50%;
        --mssn-col1-lvl1-img-ml: 45%;
        --mssn-col1-lvl1-span-w: 180px;
        --mssn-col1-lvl1-span-ml: 50%;

        --mssn-col1-lvl2-part1-w: 180px;
        --mssn-col1-lvl2-part1-ml: 40%;
        --mssn-col1-lvl2-part2-w: 60px;
        --mssn-col1-lvl2-part2-m: 7% auto 10% 4%;

        --mssn-col3-lvl1-mt: 130px;
        --mssn-col3-lvl2-mt: 270px;
        --mssn-col3-lvl12-part1-w: 60px;
        --mssn-col3-lvl12-part1-m: 7% 0 2% auto;
        --mssn-col3-lvl12-part2-w: 200px;
        --mssn-col3-lvl12-part2-mr: 40%;

        --mssn-arka-w: 164px;
        --mssn-arka-mt: -20px;
        --mssn-arka-ml: 50%;

        --mssn-metka-w: 80px;
        --mssn-metka-t: -46px;
        --mssn-metka-l: 0px;

        --mssn-flag-w: 50px;
    }
}