.essay-competition {
    font-family: Roboto, sans-serif;
}

/* HEADER & FOOTER */

.essay__header {
    position: relative;
    width: 100%;
    height: 450px;
    padding-bottom: 80px;
    margin-bottom: 30px;
}
.essay__header-img {
    width: auto;
    height: 100%;
    /*background-image: url('../images/essay-competition/bg-top.jpg');*/
    background-image: url('../images/essay-competition/bg-header.png');
    background-size: cover;
    /*background-position: 57% center;*/
    background-position: center;
    background-repeat: no-repeat;

    margin-bottom: 30px;
}
.essay__header-logo {
    position: absolute;
    left: 55%;
    transform: translateX(-48%);
    bottom: -15px;
    width: 100%;
    max-width: 630px;
    max-height: 320px;
    height: 35vw;
    min-height: 280px;

    background-image: url('../images/essay-competition/Logo.png');
    background-size: contain;
    background-position: bottom left;
    background-repeat: no-repeat;
}

.essay__footer {
    position: relative;
    width: 100%;
    padding-bottom: 40px;
    margin-bottom: 30px;

    background-color: #353556;
}
.essay__footer-img {
    position: relative;
    height: 365px;
    min-width: 100%;
    background-image: url('../images/essay-competition/bg-bottom.jpg');
    background-size: cover;
    background-position: 57% center;
    background-repeat: no-repeat;

    overflow: hidden;
    margin-top: -20px;
}
.essay__footer-img:after {
    content: '';
    position: absolute;
    top: 300px;
    left: -10%;
    width: 100%;
    height: 350px;
    background-color: #353556;
    transform: rotate(9deg);
}
.essay__footer-img:before {
    content: '';
    position: absolute;
    top: 300px;
    right: -10%;
    width: 100%;
    height: 350px;
    background-color: #353556;
    transform: rotate(-9deg);
}
.essay__footer-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-48%);
    top: 30px;

    width: 100%;
    max-width: 1200px;
    min-width: 300px;
    max-height: 280px;
    height: 30vw;
    min-height: 210px;

    background-image: url('../images/essay-competition/Logo.png');
    background-size: contain;
    background-position: bottom left;
    background-repeat: no-repeat;
}
.essay__footer-title {
    color: #FFFFFF;
    font-size: 45px;
    font-style: normal;
    font-weight: 500;
    line-height: 57px;
    text-align: left;
    margin-bottom: 35px;
}
.essay__footer-text {
    font-size: 20px;
    font-style: normal;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #AFBDE6;
}
.essay__footer-text p {
    margin-bottom: 20px;
}

/* download */

.essay__comp-title h1 {
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;

    color: #353556;
}

.essay__download {}
.essay__download-icon {
    width: 34px;
    height: 34px;
    margin-right: 20px;
    box-sizing: border-box;
    flex-shrink: 0;

    background-image: url('../images/essay-competition/bxs-download.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.essay__download-text {
    color: #353556;

    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

/* SECTION */

.essay__section {}

.essay__section-title {
    color: #353556;

    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;

    display: block;
    padding-bottom: 10px;
    border-bottom: 4px solid #607BCD;
}
.essay__section-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 50px 0 0;
    margin-left: -3%;
    margin-right: -3%;

}
.essay__section-content-plain {
    overflow-x: hidden;
    margin-left: 0;
    margin-right: 0;
}

.flex-items-center {
    display: flex;
    align-items: center;
}
.flex-content-end {
    flex-direction: column;
    display: flex;
    justify-content: flex-end;
}


.essay__section-block,
.essay__section-block-2,
.essay__section-block-3 {
    flex-grow: 1;
    min-width: 320px;
    margin-bottom: 30px;
    padding: 0 3%;
    box-sizing: border-box;
}
.essay__section-block-plain {
    padding: 0;
    min-width: 380px;
}
.essay__section-block-3 {
    width: 31%;
}
.essay__section-block-2 {
    width: 48%;
}
.essay__section-block {
    width: 100%;
}

.essay__section-content .essay__section-block-3:last-child {
    width: 37%;
}
.essay__section-content .essay__section-block-2:nth-child(even) {
    width: 52%;
}


/* TEXT */

.essay__section-text {
    font-style: normal;
    line-height: 22px;
    text-align: left;

    font-size: 18px;
    font-weight: 400;

    color: #353556;
}
.section-text-normal {
    font-weight: 500;
}
.section-text-small {
    font-size: 14px;
}
.section-text-middle {
    font-size: 20px;
    line-height: 24px;
}
.section-text-big {
    font-size: 22px;
    line-height: 26px;
}
.section-text-large {
    font-size: 28px;
    line-height: 32px;
}

/* ICONS */

.essay__section-icon {
    margin-right: 20px;
    flex-shrink: 0;
}

.essay__section-icon.member-icon {
    width: 79px;
    height: 79px;
    border-radius: 59px;
    background: #889CDA;
    color: #ffffff;

    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    text-align: left;

    display: flex;
    justify-content: center;
    align-items: center;
}
.essay__section-icon.member-icon.member-icon-dark {
    background: #607BCD;
}
.essay__section-icon.member-icon-svg {
    width: 79px;
    height: 79px;
    background-image: url('../images/essay-competition/member-icon.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.essay__section-icon.arrow-icon {
    width: 28px;
    height: 28px;
    background-image: url('../images/essay-competition/arrow-big.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.topics-icon {
    height: 100px;
    width: 100px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.topics-icon-1 { background-image: url('./images/theme1.svg');}
.topics-icon-2 { background-image: url('./images/theme2.svg');}
.topics-icon-3 { background-image: url('./images/theme3.svg');}
.topics-icon-4 { background-image: url('./images/theme4.svg');}
.topics-icon-5 { background-image: url('./images/theme5.svg');}
.topics-icon-6 { background-image: url('./images/theme6.svg');}
.topics-icon-7 { background-image: url('./images/icon7.png');}
.topics-icon-8 { background-image: url('./images/arhiv.png');}
.topics-icon-9 { background-image: url('./images/karat.png');}
.topics-icon-10 { background-image: url('./images/japan.png');}
.topics-icon-11 { background-image: url('./images/deti.png');}
.topics-icon-12 { background-image: url('./images/pedagog.png');}
.topics-icon-15 { background-image: url('./images/ico15.png');}

.topics-icon-231 { background-image: url('./images/temat/231.PNG');}
.topics-icon-232 { background-image: url('./images/temat/232.PNG');}
.topics-icon-233 { background-image: url('./images/temat/233.PNG');}
.topics-icon-234 { background-image: url('./images/temat/234.PNG');}
.topics-icon-235 { background-image: url('./images/temat/235.PNG');}
.topics-icon-236 { background-image: url('./images/temat/236.PNG');}
.topics-icon-237 { background-image: url('./images/temat/237.PNG');}
.topics-icon-238 { background-image: url('./images/temat/238.PNG');}
.topics-icon-239 { background-image: url('./images/temat/239.PNG');}
.topics-icon-240 { background-image: url('./images/temat/240.PNG');}

.volume-icon-1,
.volume-icon-2,
.volume-icon-3 {
    background-size: contain;
    background-position: center left;
    background-repeat: no-repeat;
}
.volume-icon-1 {
    width: 32px;
    height: 35px;
    background-image: url('../images/essay-competition/essay1.svg');}
.volume-icon-2 {
    width: 41px;
    height: 45px;
    background-image: url('../images/essay-competition/essay2.svg');}
.volume-icon-3 {
    width: 51px;
    height: 54px;
    background-image: url('../images/essay-competition/essay3.svg');}

.grading-icon {
    height: 29px;
    width: 29px;

    background-image: url('../images/essay-competition/check.svg');
    background-size: contain;
    background-position: center left;
    background-repeat: no-repeat;
}

.nomination-icon {
    height: 77px;
    width: 63px;
    background-size: contain;
    background-position: center left;
    background-repeat: no-repeat;
}
.nomination-icon-6 { background-image: url('../images/essay-competition/winner1.svg');}
.nomination-icon-2 { background-image: url('../images/essay-competition/winner2.svg');}
.nomination-icon-3 { background-image: url('../images/essay-competition/winner3.svg');}
.nomination-icon-4 { background-image: url('../images/essay-competition/winner4.svg');}
.nomination-icon-5 { background-image: url('../images/essay-competition/winner5.svg');}
.nomination-icon-1 { background-image: url('../images/essay-competition/winner6.svg');}


/* calendar */

.essay__calendar-first {
    position: relative;
    padding: 10% 12%;
}
.essay__calendar-first:before {
    content: '';
    position: absolute;
    min-width: 100%;
    height: 100%;
    top: 0;
    right: -5%;
    left: 0;
    background: #353556;
    border: 1px solid #4976FF;
    z-index: -1;
}


.essay__calendar-second {
    position: relative;
    padding: 10% 12% 10% 0;
    margin-top: 70px;
    z-index: 10;
}
.essay__calendar-second:before {
    content: '';
    position: absolute;
    min-width: 112%;
    height: 100%;
    top: 0;
    left: -12%;
    border: 1px solid #4976FF;
    background-color: rgba(59,91,190, .8);
    z-index: -1;
}

.essay__calendar-title h2 {
    color: #ffffff;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 30px;
    text-transform: uppercase;
}
.essay__calendar-title h3 {
    color: #ffffff;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 24px;
}

.essay__calendar-text-first {
    margin-right: 4rem;
}

.essay__calendar-block-icon {
    margin-right: 20px;
    flex-shrink: 0;
}
.essay__calendar-block-icon.calendar-icon-paper {
    height: 37px;
    width: 50px;
    background-image: url('./images/calendar-paper.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.essay__calendar-block-icon.calendar-icon-comp {
    height: 41px;
    width: 50px;

    background-image: url('./images/calendar-comp.svg');
    background-size: contain;
    background-position: center left;
    background-repeat: no-repeat;
}

.essay__calendar-block-icon.calendar-icon-strniz {
    height: 37px;
    width: 50px;
    background-image: url('./images/strniz.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}


/* algorithm */

.essay__algorithm-block {
    margin-bottom: 18px;
}
.essay__algorithm {
    height: 65px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    border-radius: 10px;
    padding-right: 20px;

    overflow: hidden;
}
.essay__algorithm-step {
    position: relative;
    height: 100%;
    min-height: 65px;
    padding: 10px 30px 10px 20px;
    margin-right: 25px;

    color: #ffffff;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 43px;
    border-radius: 10px;
}
.essay__algorithm-step:after {
    content: '';
    position: absolute;
    top: -4px;
    width: 70px;
    height: 70px;
    right: -25px;
    border-radius: 7px;
    transform: scale(0.5, 1) rotateZ(45deg);
    z-index: -1;
}
.essay__algorithm-step-5 .show-sm {
    display: none;
}
.essay__algorithm .essay__algorithm-step {
    font-size: 26px;
}

.essay__algorithm-1 { background-color: rgba(175, 189, 230, 0.15)}
.essay__algorithm-2 { background-color: rgba(136, 156, 218, .15)}
.essay__algorithm-3 { background-color: rgba(96, 123, 205, .15)}
.essay__algorithm-4 { background-color: rgba(59, 91, 190, 0.15)}
.essay__algorithm-5 { background-color: rgba(47, 72, 150, 0.15)}

.essay__algorithm-step-1,
.essay__algorithm-step-1:after { background-color: #AFBDE6}
.essay__algorithm-step-2,
.essay__algorithm-step-2:after { background-color: #889CDA}
.essay__algorithm-step-3,
.essay__algorithm-step-3:after { background-color: #607BCD}
.essay__algorithm-step-4,
.essay__algorithm-step-4:after { background-color: #3B5BBE}
.essay__algorithm-step-5,
.essay__algorithm-step-5:after { background-color: #2F4896}

/* grading*/

.essay__grading-category {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 10px;
}

/* nomination */

.essay__nomination {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
}
.essay__nomination-text {
    margin-top: 10px;
}

/* MEDIA */

@media screen and (max-width: 1199px) {
    .essay__calendar-second:before {
        width: 100%;
    }
}

@media screen and (max-width: 1100px) {
    .essay__algorithm-step span {
        display: none;
    }
    .essay__algorithm-step-5 .show-sm {
        display: block;
    }
}

@media screen and (max-width: 720px) {
    .essay__section-block-plain {
        margin-left: 5%;
        margin-right: 5%;
    }
   .essay__section-calendar .essay__section-block-2 {
       width: 90%;
   }

.essay__calendar-second:before {
    content: '';
    position: absolute;
    min-width: 90%;
    height: 100%;
    top: 0;
    left: -12%;
    border: 1px solid #4976FF;
    background-color: rgba(59,91,190, .8);
    z-index: -1;
}

}

@media screen and (max-width: 920px) {
    .essay__section-block-plain {
        margin-left: -3%;
        margin-right: -3%;
    }
    .essay__section-content-plain {
        padding-left: 3%;
        padding-right: 3%;
    }
   .essay__section-calendar .essay__section-block-2 {
       width: 100%;
   }
    .essay__calendar-first:before,
    .essay__calendar-second:before {
        right: 0;
        left: 0;
    }
    .essay__calendar-first {
        padding-left: 10%;
    }
    .essay__calendar-second {
        margin-top: 30px;
        padding-left: 10%;
    }
    .essay__calendar-text-first {
        margin-right: 0;
    }
    .essay__algorithm .essay__algorithm-step {
        font-size: 22px;
    }
}

@media screen and (max-width: 895px) {
    .essay__calendar-second {
        padding-right: 12%;
    }
}
@media screen and (max-width: 750px) {
    .essay__algorithm .essay__algorithm-text {
        font-size: 18px;
    }
    .essay__algorithm .essay__algorithm-step {
        font-size: 20px;
        padding-right: 18px;
    }
	.essay__section-text {
	font-size:16px;
	}

}
@media screen and (max-width: 690px) {
    .essay__algorithm {
        height: 85px;
        /*padding-right: 5px;*/
    }
    .essay__algorithm-step {
        padding-top: 20px;
    }
    .essay__algorithm-step:after {
        top: 7px;
        right: -27px;
    }
    .essay__footer-logo {
        top: 90px;
    }
}
@media screen and (max-width: 540px) {
    .essay__algorithm .essay__algorithm-text {
        font-size: 15px;
    }
    .essay__algorithm .essay__algorithm-step {
        padding-right: 15px;
        padding-left: 15px;
    }
    .essay__footer-logo {
        top: 110px;
        min-height: 190px;
    }
    .essay__section-content-plain {
        overflow-x: initial;
    }
    .essay__calendar-first, .essay__calendar-second  {
        padding: 7% 6%;
    }
    .essay__calendar-title {
        min-width: 100%;
    }
    .essay__calendar-title h2 {
        font-size: 30px;
    }
    .essay__calendar-title h3 {
        font-size: 18px;
    }
}

@media screen and (max-width: 360px) {
    .essay__algorithm .essay__algorithm-text {
        font-size: 14px;
    }
    .essay__footer-logo {
        top: 140px;
        min-height: 175px;
    }
}