@import url(https://fonts.googleapis.com/css?family=Roboto:400,500&subset=latin,cyrillic-ext);
html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    min-width: 480px;
    overflow-x: hidden;
    font-family: "Roboto", sans-serif;
}

.row-full {
    width: 100%;
}

.row-content {
    width: 960px;
    margin: 0 auto;
}

.debug-eee {
    height: 200px;
    background-color: #eee;
}

.debug-ccc {
    height: 200px;
    background-color: #ccc;
}

.red {
    background-color: #f44538;
}

.header-nav-sing-up:active,
.header-nav-sing-up:focus {
    outline: none;
    border: none;
}


/********************************************************/


/*HEADER*/

#header {
    height: 900px;
    background: url("/img/valik.jpg") no-repeat;
    background-position: center 25%;
    background-size: cover;
}

.header-menu {
    /*z-index: 9001;*/
    position: fixed;
    height: 72px;
    width: 100%;
    background-color: rgba(33, 33, 33, .5);
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
}

.header-logo {
    width: 10%;
    height: 100%;
    float: left;
}

.header-logo img {
    height: 62px;
    float: left;
    padding: 5px 30px;
}


/********************************************************/


/*WIDE HEADER-NAV*/

.header-1728 {
    display: none;
}

.header-nav-wide {
    float: left;
}

.header-nav-wide a {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    line-height: 72px;
    letter-spacing: 2px;
}

.header-nav-wide a:hover {
    color: #F44538;
}

.header-nav-wide ul {
    margin: 0;
    padding: 0;
}

.header-nav-wide li {
    display: inline;
    padding: 15px 25px;
}

.header-nav-wide-right {
    float: right;
    height: 100%;
}

.header-nav-wide-right {
    float: right;
}

#header-nav-sing-up {
    display: block;
    background-color: #f44538;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin: 15px 0;
    padding: 13px 60px;
    line-height: 16px;
    border: none;
    border-radius: 2px;
    float: right;
    cursor: pointer;
}

#header-nav-sing-up:hover {
    background-color: #0fb2fc;
}

.header-nav-wide-social {
    width: 280px;
    height: 100%;
    float: left;
    text-align: center;
}

.header-nav-wide-social .or {
    height: 32px;
    padding: 18px 0;
    margin: 0 10px;
}

.header-nav-wide-social #vk-nav-icon,
.header-nav-wide-social #fb-nav-icon {
    height: 31px;
    padding: 20px 0;
    margin: 0 10px;
}

#header-nav-menu {
    cursor: pointer;
}


/********************************************************/


/*NORMAL HEADER-NAV*/

.header-960 {
    width: 100%;
    height: 100%;
}

.header-nav {
    width: 80%;
    float: left;
}

.header-nav-social {
    line-height: 72px;
    height: 72px;
    text-align: center;
}

.header-nav-social .or {
    height: 32px;
    padding: 18px 0;
    margin: 0 10px;
}

.header-nav-social #vk-nav-icon,
.header-nav-social #fb-nav-icon {
    height: 31px;
    padding: 20px 0;
    margin: 0 10px;
}

.header-nav-right {
    float: right;
    width: 10%;
    height: 100%;
}

.header-nav-right img {
    height: 42px;
    float: right;
    padding: 15px 30px;
}


/********************************************************/


/*HEADER CENTER*/

.header-left,
.header-right {
    width: 50%;
    padding: calc(900px / 2 - 50px) 0;
}

.header-left {
    float: left;
}

.header-right {
    float: right;
}

.header-center {
    height: 100px;
    width: 200px;
}

.header-left .header-center {
    float: right;
    text-align: right;
    font-size: 16px;
    letter-spacing: 2px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    line-height: 27px;
}

.header-right .header-center {
    line-height: 100px;
    padding-top: 11px;
    padding-left: 80px;
}


/********************************************************/


/*TITLE*/

#title {
    padding-top: 25px;
    text-transform: uppercase;
    letter-spacing: 4px;
    line-height: 36px;
    font-size: 16px;
    color: #000;
    font-weight: 500;
}


/********************************************************/


/*TIMER*/

.hr {
    height: 0px;
    margin: 0px;
    border-bottom: 1px solid #b6b6b6;
    font-size: 1px;
}

#timer #timer-text {
    position: relative;
    top: -2px;
    left: 120px;
    font-size: 16px;
    font-weight: 400;
    color: #777;
}

#timer #timer-blue {
    font-weight: 500;
    color: #3279ed;
}

#timer #timer-circle {
    position: relative;
    top: -11px;
    left: 90px;
    width: 20px;
    height: 20px;
    background: #3279ed;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}


/********************************************************/


/*ABOUT 1*/

#about-1 {
    padding-top: 10px;
    padding-bottom: 55px;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    color: #777;
}

#about-1 p {
    padding: 0 15px;
}


/********************************************************/


/*GALLERY*/

#gallery {
    margin: 0 auto;
    width: 960px;
    height: 250px;
}

#gallery iframe {
    width: 100%;
    height: 250px;
}

#gallery-iframe-1050 {
    display: none;
}

#gallery-iframe-768 {
    display: none;
}

#gallery-iframe-480 {
    display: none;
}


/********************************************************/


/*ABOUT 2*/

#about-2 {
    padding-top: 45px;
    padding-bottom: 45px;
    height: 130px;
}

#about-2 p {
    padding: 0 15px;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    color: #777;
    margin: 0;
    margin-top: 5px;
}

.about-left {
    text-align: center;
}

.about-left img {
    height: 135px;
    margin-top: 5px;
}

.about-left,
.about-right {
    width: 50%;
    float: left;
}


/********************************************************/


/*PLACE*/

#place {
    height: 600px;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.3);
}

.place-title {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 4px;
    color: #fff;
    text-transform: uppercase;
}

.place-title p {
    margin: 0;
    padding: 30px 88px;
    padding-bottom: 15px;
}

.place-text {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
}

.place-text img {
    margin-left: 24px;
    padding: 13px;
    float: left;
}

.place-text p {
    margin: 0;
    padding: 15.5px 0;
    padding-left: 15px;
    float: left;
}

#place iframe {
    margin: 15px 0;
}

.place-left,
.place-right {
    float: left;
    width: 50%;
}

.place-left {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
}

.place-left p {
    margin: 0;
    padding: 4px 0px;
    padding-left: 89px;
    height: 20px;
}

.place-left img {
    position: absolute;
    margin-left: 39px;
    margin-top: 1px;
}

.place-right {
    height: 84px;
}

.place-right p {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 2px;
    color: #fff;
    text-transform: uppercase;
    height: 20px;
    padding: 32px 0;
    text-align: center;
    cursor: pointer;
}

.place-right img {
    margin-bottom: -3px;
}


/********************************************************/


/*DETAILED PLAN*/

#detailed-plan-show-hide {
    cursor: pointer;
}

.detailed-plan {
    background-color: #fff;
    text-align: center;
    display: none;
}

.day1,
.day2 {
    color: #212121;
    font-size: 16px;
    font-weight: 500;
    width: 300px;
    margin: 20px auto;
    height: 40px;
    vertical-align: middle;
    line-height: 40px;
    cursor: pointer;
}

.plan {
    color: #7b7b7b;
    margin-top: 50px;
    font-size: 16px;
}

.day-active {
    background-color: #3279ED;
    color: #fff;
    border-radius: 3px;
}

#plan-day-two {
    display: none;
}


/********************************************************/


/*SPONSOR*/

#sponsor {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 4px;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    padding: 15px 0 60px;
}

#sponsor p {
    margin: 0;
    padding: 30px 0;
}

#sponsor img {
    width: 50%;
}


/********************************************************/


/*LIVE*/

#live p {
    margin-top: 0;
    padding-top: 60px !important;
    margin-bottom: 0;
}

#live p,
#live span {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #000;
    text-transform: uppercase;
    text-align: left;
    padding: 15px 60px;
}

#live span {
    padding-top: 0;
    padding-bottom: 30px;
    display: block;
    color: #f44336;
}

#live #camera-icon {
    margin-left: 15px;
    margin-right: 15px;
}

#live > .row-full {
    background-color: #212121;
    height: 480px;
}

#live iframe {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 480px;
}


/********************************************************/


/*SIGN-UP*/

#sign-up {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    padding: 30px 0 90px;
}

#sign-up p {
    margin: 0;
    padding: 30px 0 60px;
}

#sign-up-btn {
    display: block;
    background-color: #999;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 4px;
    padding: 13px 0;
    width: 300px;
    margin: 30px auto;
    border: none;
    border-radius: 2px;
    cursor: default;
}

/*#sign-up-btn:hover {*/
/*    background-color: #0fb2fc;*/
/*}*/


/********************************************************/


/*CONTACTS*/

#contacts {
    padding-top: 100px;
    padding-bottom: 130px;
    height: 100px;
}

#contacts img {
    position: absolute;
    margin-left: -70px;
}

#contacts-phone {
    height: 40px;
}

#contacts-mail {
    margin-top: -8px;
    height: 36px;
}

#contacts-vk {
    margin-top: -8px;
    height: 38px;
}
.contacts-vk {
    font-weight: 500 !important;
    text-decoration: underline;
}

.contacts-left,
.contacts-right {
    width: 50%;
    float: left;
}

.contacts-left p,
.contacts-right p {
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    margin: 0;
    padding-bottom: 3px;
    color: #fff;
    padding-left: 70px;
}

.contacts-strong {
    font-weight: 500 !important;
}

.contacts-row {
    margin-bottom: 20px;
}

.contacts-left-wrap {
    float: right;
    margin-right: 100px;
}

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


/********************************************************/


/*TEAM*/

#team {
    text-align: center;
}

#team p {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 4px;
    color: #000;
    text-transform: uppercase;
    padding: 30px 0 15px;
    margin: 0;
}

#team iframe {
    width: 100%;
    height: 320px;
}

#team-iframe-2 {
    display: none;
}

#team-iframe-1 {
    display: none;
}


/********************************************************/


/*INFO-PARTNERS*/

#info-partners iframe {
    width: 100%;
    height: 150px;
}

#info-partners p {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #000;
    text-transform: uppercase;
    text-align: left;
    padding: 30px 60px 15px;
    margin: 0;
}

#info-partners-iframe-3 {
    display: none;
}

#info-partners-iframe-2 {
    display: none;
}


/********************************************************/


/*FOOTER*/

#footer .hr {
    width: 100%;
    margin: 0 auto;
}

#footer {
    font-size: 16px;
    font-weight: 400;
    margin: 30px 0;
    text-align: center;
    color: #777;
    line-height: 24px;
}


/*MENTORS*/

.row-content-mentors {
    width: 960px;
    margin: 0 auto;
}

#mentors {
    text-align: center;
}

#mentors > p {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 4px;
    color: #000;
    text-transform: uppercase;
    padding: 30px 0 15px;
    margin: 0;
}

.mentors-title {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 4px;
    color: #000;
    text-transform: uppercase;
    padding: 30px 0 15px;
    margin: 0;
}

.mentors-img-wrap {
    /*margin: 30px 0;*/
    height: 300px;
    margin: 0 60px;
    
}
.mentors-img{
    float: left;
    height: 300px;
    width: 25%;
    overflow: hidden;
}
.mentor-img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(grayscale.svg#greyscale);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    width:100%;
}

.mentor-img:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: none;
}

.mentors-about-block {
    text-align: left;
}

.mentor-name {
       padding-left: 60px;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

.mentor-about {
    padding-left: 60px;
    font-size: 16px;
    color: #727272;
}

#mentors .hr-mentors{
    height: 0px;
    width: 180px;
    margin: 0px;
    margin-left: 60px;
    
    border-bottom: 1px solid #b6b6b6;
    font-size: 1px;
}


/*MEDIA SECTION*/

@media (min-width: 1728px) {
    .header-1728 {
        display: block;
    }
    .header-960 {
        display: none;
    }
    .header-logo {
        width: 125px;
    }
    #header-nav-sing-up {
        float: left;
    }
}

@media (min-width: 1070px) {
    #gallery {
        width: 1050px;
    }
    #gallery-iframe-1050 {
        display: block;
    }
    #gallery-iframe-960 {
        display: none;
    }
    #gallery-iframe-768 {
        display: none;
    }
    #gallery-iframe-480 {
        display: none;
    }
}

@media (max-width: 1069px) {
    #gallery {
        width: 960px;
    }
    #gallery-iframe-1050 {
        display: none;
    }
    #gallery-iframe-960 {
        display: block;
    }
    #gallery-iframe-768 {
        display: none;
    }
    #gallery-iframe-480 {
        display: none;
    }
}

@media (max-width: 959px) {
    .row-content {
        width: 768px;
    }
    #header {
        height: 600px !important;
    }
    #header-nav-sing-up {
        margin-right: 30px;
    }
    .header-left,
    .header-right {
        padding: calc(600px / 2 - 50px) 0 !important;
    }
    .header-left .header-center {
        font-size: 16px;
        line-height: 24px;
    }
    .header-right .header-center {
        padding-left: 70px;
    }
    #timer {
        width: 738px;
        margin: 0 auto;
    }
    #about-1 {
        padding-bottom: 30px;
    }
    #gallery {
        width: 768px;
    }
    #gallery-iframe-1050 {
        display: none;
    }
    #gallery-iframe-960 {
        display: none;
    }
    #gallery-iframe-768 {
        display: block;
    }
    #gallery-iframe-480 {
        display: none;
    }
    #about-2 {
        padding: 30px 0;
        height: 175px;
    }
    #about-2 p {
        margin-top: 0;
    }
    .place-title p {
        padding: 30px 42px;
    }
    .place-text img {
        margin-left: -20px;
    }
    .place-text p {
        padding-left: 13px;
    }
    .place-left {
        margin-left: -45px;
    }
    #team-iframe-3 {
        display: none;
    }
    #team-iframe-2 {
        display: block;
    }
    #team-iframe-1 {
        display: none;
    }
    #info-partners-iframe-4 {
        display: none;
    }
    #info-partners-iframe-3 {
        display: block;
    }
    #info-partners-iframe-2 {
        display: none;
    }
    #footer .hr {
        width: 768px;
    }
}

@media (max-width: 767px) {
    .row-content {
        width: 440px;
        padding: 0 20px;
    }
    #header {
        height: 400px !important;
    }
    #header-nav-sing-up {
        display: none;
    }
    .header-left,
    .header-right {
        padding: calc(400px / 2 - 50px) 0 !important;
    }
    #title {
        text-align: center;
    }
    #timer {
        width: 440px;
        padding: 30px 0;
        padding-bottom: 15px;
    }
    #timer-text,
    #timer-circle {
        display: none;
    }
    #about-1 {
        padding-top: 0;
        padding-bottom: 20px;
    }
    #gallery {
        width: 480px;
    }
    #gallery-iframe-1050 {
        display: none;
    }
    #gallery-iframe-960 {
        display: none;
    }
    #gallery-iframe-768 {
        display: none;
    }
    #gallery-iframe-480 {
        display: block;
    }
    #about-2 {
        height: 175px;
    }
    #about-2 .about-left {
        display: none;
    }
    #about-2 .about-right {
        width: 100%;
    }
    .place-title p {
        text-align: center;
        padding-bottom: 20px;
    }
    .place-text img {
        position: absolute;
        margin-left: 0;
        margin-top: 5px;
    }
    .place-text p {
        width: auto;
        padding-left: 70px;
        padding-top: 3px;
        line-height: 30px;
    }
    .place-left {
        margin-left: -18px;
        width: 70%;
        margin-top: 7px;
    }
    .place-left p {
        letter-spacing: 0px;
    }
    .place-left img {
        margin-left: 33px;
    }
    .place-right {
        width: 30%;
    }
    .place-right p {
        padding: 13px 0;
        padding-left: 15px;
    }
    #sponsor img {
        width: 80%;
    }
    #live p,
    #live span {
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }
    #live > .row-full {
        height: 320px;
    }
    #live iframe {
        height: 320px;
    }
    .contacts-left-wrap {
        margin: 0;
        float: none;
    }
    .contacts-left,.contacts-right {
        width: 100%;
        float: none;
    }
    #contacts {
        padding: 45px 0;
        height: 240px;
    }
    #team-iframe-3 {
        display: none;
    }
    #team-iframe-2 {
        display: none;
    }
    #team-iframe-1 {
        display: block;
    }
    #info-partners p {
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }
    #info-partners-iframe-4 {
        display: none;
    }
    #info-partners-iframe-3 {
        display: none;
    }
    #info-partners-iframe-2 {
        display: block;
    }
    #footer .hr {
        width: 400px;
    }
    .row-content-mentors {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .mentors-img-wrap{
        margin:auto;
    }
    .mentor-img{
        width: auto;
        margin-left: -50px;
        margin-right: -50px;
    }
}