@font-face {
    font-family: 'ProximaNova';
    src: url(images/proximanova_regular.ttf);
}

@font-face {
    font-family: 'ProximaNovaBlack';
    src: url(images/proximanova_black.otf);
}

body {
    background: #1E1E1E;
    color: #fff;
    font: normal 20px/30px ProximaNova;
}

.container {
    max-width: 1140px;
}

header {
    border-top: solid 1px #1E1E1E;
    background: url(images/bg24.png) no-repeat right top #fff;
    color: #1E1E1E;
    padding: 50px 0;
}

.section24 {
    background: #fff;
    color: #1E1E1E;
}


.menu a {
    color: #fff;
    text-decoration: none;
}

h1 {
    font: normal 92px/101px ProximaNovaBlack;
}

h2 {
    font: normal 60px/60px ProximaNovaBlack;
}

h3 {
    font: normal 50px/50px ProximaNova;
}

h4 {
    font: normal 28px/33px ProximaNova;
    margin-bottom: 30px;
}

.ring1 {
    background: url("images/ring1.png") no-repeat;
    height: 558px;
    padding: 179px 0 0 500px;
    font: normal 30px ProximaNova;
}

.ring2 {
    background: url("images/ring2.png") right no-repeat;
    height: 558px;
    padding: 179px 500px 0 0;
    font: normal 30px ProximaNova;
}

.btn-danger {
    background: #EB2027;
}

.btn-ns24 {
    border: solid 2px #EB2027;
    color: #EB2027;
    width: 100%;
    line-height: 56px;
    font-size: 20px;
}

.tomilova {
    background: #F5F5F5;
    border-radius: 5px;
    padding: 20px;
    font: normal 25px/32px ProximaNova;
}

.tomilova__title {
    font: normal 28px ProximaNovaBlack;
}

.tomilova__jobtitle {
    color: #232323;
    font: normal 18px/22px ProximaNova;
}

.btn-ns24:hover {
    background: #EB2027;
    color: #fff;
}

.speaker {
    margin-bottom: 30px;
    color: #fff;
    font-size: 16px;
    line-height: normal;
    height: calc(100% - 30px);
}

.speaker__name {
    font-size: 24px;
    line-height: normal;
    margin-bottom: 10px;
}

.speaker__photo {
    width: 164px;
    height: 164px;
    border-radius: 50%;
    background: #fff;
    margin-bottom: 20px;
}

footer {
    background: #333;
    color: #fff;
    padding: 70px 0;
}

footer a {
    color: #fff;
}

.copyright {
    font-size: 13px;
    line-height: normal;
}

.modal-content {
    background-color: #333333;
}

input[type=text].form-control, input[type=email].form-control {
    background: none;
    color: #fff;
}

@media screen and (max-width: 767px) {
    body {
        font: normal 25px ProximaNova;
    }

    h1 {
        font: normal 34px ProximaNovaBlack;
    }

    h2 {
        font: normal 35px/35px ProximaNovaBlack;
    }

    h3 {
        font: normal 25px/25px ProximaNovaBlack;
    }

    .ring1 {
        padding: 0;
        background: none;
        height: auto;
    }

    .ring2 {
        padding: 0;
        background: none;
        height: auto;
    }

    img {
        max-width: 100%;
    }
}