/* Шрифты */


@font-face {
	font-family: 'BebasNeueBold';
	src: url('/sport/fonts/BebasNeueBold.eot');
	src: local('☺'), url('/sport/fonts/BebasNeueBold.woff') format('woff'), url('/sport/fonts/BebasNeueBold.ttf') format('truetype'), url('/sport/fonts/BebasNeueBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BebasNeueBook';
	src: url('/sport/fonts/BebasNeueBook.eot');
	src: local('☺'), url('/sport/fonts/BebasNeueBook.woff') format('woff'), url('/sport/fonts/BebasNeueBook.ttf') format('truetype'), url('/sport/fonts/BebasNeueBook.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BebasNeueRegular';
	src: url('/sport/fonts/BebasNeueRegular.eot');
	src: local('☺'), url('/sport/fonts/BebasNeueRegular.woff') format('woff'), url('/sport/fonts/BebasNeueRegular.ttf') format('truetype'), url('/sport/fonts/BebasNeueRegular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Главные стили */

html, body {
    
    padding: 0;
    margin: 0;
    
}

body {
    
    font-family: "BebasNeueRegular";
    font-size: 18px;
    color: #000;
    
}

a {
    
    color: #3c85ff
    
}

.wrapper {
    
    max-width: 1400px;
    width: calc(100% - 20px);
    padding: 0 10px;
    margin: auto
        
}

h2 {
    
    font-size: 90px;
    color: #000;
    padding-top: 0px;
    margin: 0;
    font-family: "BebasNeueBold";
    font-weight: normal;
    display: block;
    
}

h3 {
    
    font-size: 32px;
    color: #000;
    padding-top: 0px;
    margin: 0;
    font-family: "BebasNeueBold";
    font-weight: normal;
    display: block;
    
}


.normi {
    
    clear: both
    
}

/* Верх */

.top {
    
    height: 100vh;
    background: url("/sport/images/backgound_top.jpg") no-repeat center center;
    background-size: cover;
    
}

.top h1 {
    
    font-size: 70px;
    color: #fff;
    padding-top: 60px;
    margin: 0;
    font-family: "BebasNeueBold";
    font-weight: normal;
    display: inline-block;
    
}

.top .zag {
    
    font-family: "BebasNeueBold";
    color: #fff;
    font-size: 24px;

    
}

.top .adres {
    
    font-family: "BebasNeueBook";
    font-size: 20px;
    color: #fff
    
}

.top .logos {
    
    float: right;
    display: inline-block;
    padding-top: 60px;
    
}

.top .logos img:first-of-type {
    
    margin-right: 50px;
    
}

/* Цели проекта */

.celi {
    
    padding: 20px 0;
    background: #e5ecf6
    
}

.celi .text {
    
    width: 55%;
    display: inline-block;
    vertical-align: top;
    
}

.celi .image {
    
    display: inline-block;
    vertical-align: top;
    float: right;
    
}

.celi .sroki {
    
    background: #c4d5ed;
    display: inline-block;
    padding: 10px 20px;
    
}


/* Иконки */

.ico {
    
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    
}

.podpis {
    
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 50px)
  
}

/* План работ */

.plan {
    
    padding: 80px 0;
    
}

.plan .image {
    
    float: left;
    margin-right: 40px;
    margin-top:80px;
    
}

.plan .text {
    
    display: inline-block;
    font-size: 20px;
    margin-top:65px;
    
}

.plan .blago {
    
    background: #c4d5ed;
    display: inline-block;
    padding: 10px 20px;
    margin-top: 50px;
    
}

/* Как поддержать проект */

.how {
    
    background: #e5ecf6;
    padding: 40px 0;
    font-size: 22px;
    font-family: "BebasNeueRegular";
    
}

.how strong {
    
    font-size: 38px;
    font-family: "BebasNeueBold";
    
}

.how .zauch {
    
    background: #c4d5ed;
    display: block;
    padding: 10px 20px;
    margin-top: 50px;
    
}

.how .zauch .left {
    
    display: inline-block;
    vertical-align: top;
    font-size: 32px;
    font-family: "BebasNeueBold";
    width:250px;
    
}

.how .zauch .right {
    
    display: inline-block;
    vertical-align: top;
    
}

/* Наша команда */

.team {
    
    padding: 80px 0;

}

.team .about {
    
    width: 40%
    
}

.team .image {
    
    display: inline-block;
    vertical-align: top;
    margin-top: 100px
    
}

.team .projects {
    
    display: inline-block;
    margin-top: 100px;
    margin-left: 7%;
    
    
}

/* Контакты и реквизиты */

.rekviz {
    
    background: #e5ecf6;
    padding: 90px 0;
    
}

.rekviz strong {
    
    font-size: 32px;
    margin: 0 25px;
    
}

.rekviz .koord {
    
    display: inline-block;
    vertical-align: top;
    background: #c4d5ed;
    padding: 10px 20px;
    font-size: 24px;
    float: right

    
}

.rekviz .dannie {
    
    display: inline-block;
    vertical-align: top;
    
}

/* Копирайты */

.copy {
    
    padding: 60px 0;
    
}

.copy strong {
    
    
    font-size: 38px;
    margin: 0 40px;
}

.copy a {
    
    text-decoration: none;
    color: #000
    
}

@media screen and (max-width: 1000px) {
    
    /* Верх */
    
    h2 {
        
        font-size: 70px;
        text-align:  center
    }
    
    .top {
        
        text-align: center
        
    }

    .top h1 {

        font-size: 40px;
        display: block;

    }

    .top .zag {

        font-size: 18px;


    }

    .top .adres {

        font-size: 16px;

    }

    .top .logos {

        float: none;
        display: block;
        padding: 30px 0;

    }

    .top .logos img:first-of-type {

        margin-right: 50px;

    }

    /* Цели проекта */


    .celi .text {

        width: 100%;
        display: block;

    }

    .celi .image {

        display: block;

        float: none;

    }
    
    .celi .image img {
        
        width: 100%;
        max-width: 100%;
        height: auto
        
    }

    .celi .sroki {

        background: #c4d5ed;
        display: block;
        padding: 10px 20px;
        text-align: center

    }


    /* План работ */

    .plan {

        padding: 50px 0;

    }

    .plan .image {

        float: none;
        margin-right: 0px;
        margin-top:50px;
        text-align: center

    }

    .plan .text {

        display: block;
        margin-top:65px;
        text-align: center

    }

    .plan .blago {

        display: block;
        text-align: center
    }

    /* Как поддержать проект */

    .how {

        text-align: center

    }


    .how .zauch {

        background: #c4d5ed;
        display: block;
        padding: 10px 20px;
        margin-top: 50px;

    }


    /* Наша команда */

    .team {
        
        text-align: center
        
    }

    .team .about {

        width: 100%

    }

    .team .image {

        display: block;
        vertical-align: top;
        margin-top: 100px

    }
    
    .team .image img {
        
        max-width: 100%;
        width: 100%;
        height: auto;
        
    }


    /* Контакты и реквизиты */

    .rekviz {

        padding: 50px 0;
        text-align: center

    }


    .rekviz .koord {

        display: block;
        vertical-align: top;
        background: #c4d5ed;
        padding: 10px 20px;
        font-size: 24px;
        float: none;
        margin-top: 30px;


    }


    /* Копирайты */

    .copy {

        padding: 60px 0;
        text-align: center

    }

    .copy strong {


        font-size: 38px;
        margin: 0 40px;
        display: block
    }

    .copy a {

        text-decoration: none;
        color: #000

    }
    
}