#home{
    background: center 0 url(../images/home/bg.jpg)  no-repeat;
    background-size: 100%;
}

/* header */
header{
    color: white;
    height: 56.25vw;
    margin: 1.796875vw auto 0 auto;
    overflow: hidden;
    position: relative;
    width: 84.375vw;
}

h1{
    color: #17375E;
    font-size: 3.90625vw;
    font-weight: 700;
    line-height: 4.53125vw;
    margin: 5.546875vw auto 7.5390625vw auto;
    text-align: center;
    text-transform: uppercase;
    width: 65.4296875vw;
}

#videoHeader{
    max-height: 55.9375vw;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2;
}

header .top{
    display: flex;
    text-align: center;
}
header .top p{
    color: #C00000;
    font-size: 2.1484375vw;
    font-weight: 700;
    height: 10vw;
    line-height: 2.5vw;
    margin-top: 6.8359375vw;
    text-align: center;
    width: 37.6953125vw;
}
header .top b{
    color: #C00000;
    display: block;
    font-size: 3.90625vw;
    font-weight: 700;
    margin-top: 1.5625vw;
    text-align: center;
}
header .top .left{
    margin-left: 3.3984375vw;
    margin-top: 5.15625vw;
    width: 19.1015625vw;
}
header .top .right{
    margin-top: 5.15625vw;
    width: 19.1015625vw;
}
header .slogan{
    color: #17375E;
    font-size: 1.953125vw;
    font-weight: 400;
    line-height: 2.265625vw;
    margin: 0 auto;
    text-align: center;
    width: 70.7421875vw;
}

/* mission */
#mission{
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 4.0234375vw 3.515625vw 1.2890625vw 3.515625vw;
    padding: 0;
}
#mission li{
    align-items: center;
    background: linear-gradient(90deg, rgba(153, 153, 153, 0) 0%, rgba(85, 142, 213, 0.4) 68%);
    border-radius: 0.78125vw;
    color: #000000;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-size: 1.0546875vw;
    height: 2.6171875vw;
    justify-content: center;
    letter-spacing: -0.02em;
    line-height: 110%;
    order: 0;
    text-align: center;
    width: 16.875vw;
}

/* mission */
#mission h2{
    float: left;
}
#mission p{
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 39.7265625vw;
}
#mission img{
    margin-top: 4.6875vw;
    width: 68.7109375vw;
}

/* goals */
#goals{
    margin: 0 auto;
    width: 68.90625vw;
}
#goals h2{
    margin-bottom: 1.953125vw;
    margin-top: 0.8203125vw;
}
#goals ul{
    color: #152690;
    column-count: 2;
    column-gap: 3.7109375vw;
    display: block;
    font-family: 'Suisse Intl';font-style: normal;
    font-size: 1.09375vw;
    font-weight: 400;
    letter-spacing: -0.04em;
    line-height: 1.328125vw;
    margin: 0 1.328125vw 1.4453125vw 1.5625vw;
}
#goalsMap{

width: 67.421875vw;position: relative;
}
#goals img{
    width: 100%;
}
#counter{
    color: #152690;
    display: inline-block;
    font-size: 2.07874609375vw;
    font-weight: 500;
    line-height: 2.5390625vw;
    margin-bottom: -0.8203125vw;
}
#goalsDescription{
    color: #000000;
    font-size: 1.2403125vw;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 110%;
    position: absolute;

    border: 1px solid #FFC000;
    background: white;
    border-radius: 0.5078125vw;
    padding: 0.3515625vw 3.0859375vw 0.8984375vw 3.0859375vw;
    top: 25.8203125vw;
    left: 21.328125vw;
    max-height: 4.4921875vw;
}
/* quotes */
#quotes{
    margin: 0 auto;
    padding-top: 6.484375vw;
    width: 72.5vw;
}
#quotes img{
    float: left;
    margin-right: 2.5390625vw;
    width: 42.734375vw;
}
#quotes blockquote{
    margin-bottom: 6.71875vw;
}
#quotes blockquote small{
    margin-top: 0.9765625vw;
}
#quotes blockquote small,
#quotes blockquote time{
    display: block;
    font-size: 0.859375vw;
    line-height: 1.328125vw;
    text-align: right;
}

/* navigation в main.css */
#partners h2{
    margin: 4.53125vw 0 1.2109375vw 0;
    text-align: center;
}
#partnersContainer{
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    width: 60vw;
}
#partnersContainer .row{
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-bottom: 2.5vw;
    width: 100%;
}
#partners a{
    background-size: cover;
    display: flex;
}
#partners a:hover{
    transform: scale(1.5);
}

#partner1{
    background: url(../images/home/partners/partner1.png);
    height: 6.8863281249999995vw;
    width: 29.937109375vw;
}
#partner2{
    background: url(../images/home/partners/partner2.png);
    height: 5.512890625vw;
    width: 4.793359375vw;
}
#partner3{
    background: url(../images/home/partners/partner3.png);
    height: 5.512890625vw;
    width: 9.23515625vw;
}
#partner4{
    background: url(../images/home/partners/partner4.png);
    height: 6.25703125vw;
    width: 7.19765625vw;
}
#partner5{
    background: url(../images/home/partners/partner5.png);
    height: 5.48671875vw;
    width: 9.608203125vw;
}
#partner6{
    background: url(../images/home/partners/partner6.png);
    height: 6.16796875vw;
    width: 3.301953125vw;
}
#partner7{
    background: url(../images/home/partners/partner7.png);
    height: 5.187890625vw;
    width: 9.507031249999999vw;
}
#partner8{
    background: url(../images/home/partners/partner8.png);
    height: 3.330078125vw;
    width: 18.33203125vw;
}
#partner9{
    background: url(../images/home/partners/partner9.png);
    height: 7.012109375vw;
    width: 4.707812499999999vw;
}
#partner10{
    background: url(../images/home/partners/partner10.png);
    height: 7.089453125vw;
    width: 7.063281249999999vw;
}
#partner11{
    background: url(../images/home/partners/partner11.png);
    height: 6.108203125vw;
    width: 8.4140625vw;
}
#partner12{
    background: url(../images/home/partners/partner12.png);
    height: 3.07421875vw;
    width: 11.892968749999998vw;
}
#partner13{
    background: url(../images/home/partners/partner13.png);
    height: 7.079296874999999vw;
    width: 7.079296874999999vw;
}
#partner14{
    background: url(../images/home/partners/partner14.png);
    height: 5.825vw;
    width: 12.0546875vw;
}
#partner15{
    background: url(../images/home/partners/partner15.jpg);
    height: 5.14375vw;
    width: 5.8203125vw;
}
#partner16{
    background: url(../images/home/partners/partner16.jpg);
    height: 4.837109375vw;
    width: 4.84296875vw;
}
#partner17{
    background: url(../images/home/partners/partner17.jpg);
    height: 4.837109375vw;
    width: 10.344921874999999vw;
}

#partner18{
    background: url(../images/home/partners/partner18.png);
    height: 7.079296874999999vw;
    width: 7.079296874999999vw;
    
}  
#partner19{
    background: url(../images/home/partners/partner19.png);
    height: 3.07421875vw;
    width: 11.892968749999998vw;
    
} 
#partner20{
    background: url(../images/home/partners/partner20.png);
    height: 3.07421875vw;
    width: 11.892968749999998vw;
    
} 
#partner21{
    background: url(../images/home/partners/partner21.png);
    height: 3.5vw;
    width: 9.507031249999999vw;
    
} 
#partner22{
    background: url(../images/home/partners/partner22.png);
    height: 3vw;
    width: 4vw;
    
} 
#partner23{
    background: url(../images/home/partners/partner23.png);
    height: 6.25703125vw;
    width: 9vw;
    
} 
#partner24{
    background: url(../images/home/partners/partner24.png);
    height: 7.079296874999999vw;
    width: 7.079296874999999vw;
    
} 

#partner25{
    background: url(../images/home/partners/partner25.png);
    height: 3.330078125vw;
    width: 18.33203125vw;
}



#partner26{
    background: url(../images/home/partners/partner26.png);
    height: 4.837109375vw;
    width: 4.84296875vw;
}

#partner27{
    background: url(../images/home/partners/partner27.png);
    height: 6.012109375vw;
    width: 6.012109375vw;
    
} 

#partner28{
    background: url(../images/home/partners/partner28.png);
    height: 4.837109375vw;
    width: 4.84296875vw;
}

#partner29{
    background: url(../images/home/partners/partner29.png);
    height: 6.937109375vw;
    width: 4.84296875vw;
}

#partner30{
    background: url(../images/home/partners/partner30.png);
    height: 5.837109375vw;
    width: 5.84296875vw;
}

#partnersContainer .row.spaceEvenly{
    justify-content: space-evenly;
}


.footerHeader{
    margin-bottom: 2.578125vw;
    margin-top: 4.765625vw;
    margin-top: 3.671875vw;
    text-align: center;
}

footer{
    align-items: center;
    background: url(../images/home/footer.jpg) no-repeat;
    background-size: contain;
    display: flex;
    height: 36.484375vw;
    justify-content: center;
}
footer h2{
    color: #FFFFFF;
    display: flex;
    font-family: 'Suisse Intl';
    font-size: 3.125vw;
    font-style: normal;
    font-weight: 700;
    line-height: 3.6328125vw;
    position: absolute;
    text-shadow: 0 0.15625vw 0.78125vw rgba(0, 0, 0, 0.25);
    width: 39.609375vw;
}

#vsplogo{
    background: url(../images/home/vsplogo.png);
    background-size: contain;
    display: inline-block;
    height: 5vw;
    margin-right: -2.890625vw;
    width: 5vw;
    z-index: 1;
}

#telegramLogo{
    background: url(../images/home/telegramLogo.png);
    background-size: contain;
    display: inline-block;
    height: 5.546875vw;
    margin-right: -2.890625vw;
    width: 5.78125vw;
    z-index: 1;
}

#vkLogo{
    background: url(../images/home/vkLogo.png);
    background-size: contain;
    display: inline-block;
    height: 5.546875vw;
    margin-right: -2.890625vw;
    width: 5.78125vw;
    z-index: 1;
}
#socialMedia{
    display: flex;
    justify-content: center;
    margin-bottom: 4.765625vw;
}

#socialMedia a{
    align-content: center;
    align-items: center;
    display: flex;
    text-decoration: none;
}

#socialMedia button{
    align-items: center;
    background: linear-gradient(90deg, rgba(153, 153, 153, 0) 0%, rgba(85, 142, 213, 0.4) 68%);
    border: 0;
    border-radius: 0.78125vw;
    color: #000000;
    cursor: pointer;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-size: 1.0546875vw;
    height: 2.5vw;
    justify-content: center;
    letter-spacing: -0.02em;
    line-height: 110%;
    order: 0;
    text-align: center;
    width: 16.875vw;
}

#socialMedia button{
     align-content: center;
    transition: all 0.5s ease-in-out;
}

#socialMedia button:hover{
    background: rgba(85, 142, 213, 0.4);
}

#socialMedia1{
    display: flex;
    justify-content: center;
    margin-bottom: 4.765625vw;
}

#socialMedia1 a{
    align-content: center;
    align-items: center;
    display: flex;
    text-decoration: none;
}

#socialMedia1 button{
     align-content: center;
    margin-top: 10px;
    align-items: center;
    background: linear-gradient(90deg, rgba(153, 153, 153, 0) 0%, rgba(85, 142, 213, 0.4) 68%);
    border: 0;
    border-radius: 0.78125vw;
    color: #0E4B6A;
    cursor: pointer;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-size: 1.5vw;
    height: 4vw;
    justify-content: center;
    letter-spacing: -0.02em;
    line-height: 110%;
    order: 0;
    text-align: center;
    width: 20vw;
    letter-spacing: 4px;
    font-family: "Gill Sans", sans-serif;
}

#socialMedia1 button{
    transition: all 0.5s ease-in-out;
}

#socialMedia1 button:hover{
    background: rgba(85, 142, 213, 0.4);
}


#telegramLink {
    background: url(../images/telegram.svg);
    display: block;
    height: 3.5128906250000003vw;
    left: 5.078125vw;
    left: calc(50% - 3.5128906250000003vw / 2);
    margin-top: 54.25vw;
    position: absolute;
    top: 1.796875vw;
    width: 3.5128906250000003vw;

    /* временно по центру внизу */
}

/* mobile */
@media only screen and (max-width: 600px) {

    #mission{
        margin: 0 3.515625vw 1.2890625vw 3.515625vw;
    }

    #mission li{
        font-size: 2.109375vw;
        height: 8vw;
        line-height: 130%;
        width: 14vw;
    }

    #goals{
        width: 80vw;
    }
    #goalsMap{
        width: 80vw;
    }

    #goalsDescription{
        line-height: 120%;
        top: 31.210938vw;
        font-size: 100%;
        max-height: inherit;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 260px;
        left: 0;
        max-width: 90%;
    }

    #counter {
        font-size: 120%;
    }

    #goals ul{
        column-count: 1;
        font-size: 100%;
        line-height: 110%;
        margin-left: 0;
        padding-left: 20px;
    }
    #goals li{
        margin-bottom: 10px;
    }
    #partnersContainer{
        width: 90%;
    }
    #socialMedia button{
        font-size: 100%;
        height: 8vw;
        line-height: 110%;
        width: 33.75vw;
        
    }
    
    #socialMedia1 button{
        font-size: 100%;
        height: 20vw;
        line-height: 110%;
        width: 50.75vw;
    }
    
}

@media only screen and (max-width: 450px) {
    #socialMedia button{

        height: auto;
    }

    #socialMedia1 button{

        height: 8vw;
    }
}

@media only screen and (max-width: 400px) {
    #goalsMap{
        display: flex;
        flex-direction: column-reverse;
    }
    #goalsDescription {
        position: relative;
        top: 0 !important;
        margin: 20px 0;
        top: 21.210938vw;
    }
    #goalsMap img{
        position: relative;
        display: block;
    }
}

@media only screen and (max-width: 300px) {
    #goalsDescription{
        top: 11.210938vw;
    }
        #socialMedia1 button{
        align-content: center;
        height: 8vw;
    }
}