html,
body {
    height: 100%;
    font-size:100%; 
}
.caret{
    display:none;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
}


.wrap {
    min-height: 100%;
    height: auto;
    padding: 0;
    /*padding-bottom: 7.4rem;*/
    background-image: url(../images/bg.gif);
    background-size: 100%;
    /*max-width: 1550px;*/
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    opacity: 0.97;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    background-color: rgba(0,0,0,0);
    border:none;
}
.footer > .container {
    padding: 2rem;
    padding-bottom: 0px;
    margin:0px;
    background-image: url(../images/bg_footer.png);
    background-size: 100% 100%;
    width:100%;
}


.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.navbar-brand{
    height: auto;
    padding: 8px;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus{
    background-color: rgba(0,0,0,0);
    color: #b32031;
}
.navbar-inverse .navbar-nav > li > a:hover, 
.navbar-inverse .navbar-nav > li > a:focus{
    background-color: rgba(0,0,0,0);
    color: #b32031;
}

.blue-wrapper{
    min-height: 100%;
    height: auto;
    margin: 0 auto;
    /*padding: 0 0 30px;*/
    
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;

}
.withN{
    background-image: url(../images/eqyz.png);
}
.withoutN{
    background-image: url(../images/eqyz2.png);
}
.withoutAll{
    background-image: url(../images/eqyz3.png);
}
.container{
    margin: 0 auto;
    padding: 0;
}
@font-face{
    font-family: OfficinaSerifBookC; /* Гарнитура шрифта */
    src: url(fonts/OfficinaSerifBookC.ttf),
         url(fonts/officinaserifbookc-webfont.eot),
         url(fonts/officinaserifbookc-webfont.woff),
         url(fonts/officinaserifbookc-webfont.woff2);
}
@font-face{
    font-family: OfficinaSerifMediumC; /* Гарнитура шрифта */
    src: url(fonts/OfficinaSerifMediumC.otf),
         url(fonts/officinaserifmediumc-webfont.eot),
         url(fonts/officinaserifmediumc-webfont.woff),
         url(fonts/officinaserifmediumc-webfont.woff2);
}
@font-face{
    font-family: Capture it; /* Гарнитура шрифта */
    src: url(fonts/Capture_it.ttf),
         url(fonts/capture_it-webfont.eot),
         url(fonts/capture_it-webfont.woff),
         url(fonts/capture_it-webfont.woff2);
}
@font-face{
    font-family: OfficinaSerifExtraBoldC; /* Гарнитура шрифта */
    src: url(fonts/OfficinaSerifExtraBoldC.otf),
         url(fonts/officinaserifextraboldc-webfont.eot),
         url(fonts/officinaserifextraboldc-webfont.woff),
         url(fonts/officinaserifextraboldc-webfont.woff2);
}
@font-face{
    font-family: OfficinaSerifBoldC; /* Гарнитура шрифта */
    src: url(fonts/OfficinaSerifBoldC.otf),
         url(fonts/officinaserifboldc-webfont.eot),
         url(fonts/officinaserifboldc-webfont.woff),
         url(fonts/officinaserifboldc-webfont.woff2);
}


@media (max-width: 400px) {
    .blue-wrapper{
        background-image: none;

    }
}
#loadh{
    transition: all .3s;
    cursor: pointer;
}
#loadh:hover{
    transform: rotate(-2deg);
}

.nav >.last > a{
    margin-top: 7px;
    background-image: url(../images/menu-last.png);
    background-size: 90% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.nav >.first > a{
    margin-left: 0px;
    padding-left: 0px;
}
.nav > li > a{
    margin-left: 0px;
}
.navbar-inverse .navbar-nav > li > a{
    color: #ffffff;
}
.site-index > div{
    z-index: 1000;
}

.container{
    font-family: OfficinaSerifMediumC;
    color: #ffffff;
    line-height: 18px;
}

input[type="text"]::-webkit-input-placeholder { color: #fff; text-align: center;}
/*paginator*/
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:active, .pagination > .active > a:focus{
    background: url(../images/paginator_active.png) center center rgba(0,0,0,0) no-repeat;
    background-size: 100% 100%;
    border: none;
    margin-left:5px;
}
.pagination > li > a, .pagination >li > a:hover, .pagination >li > a:active,.pagination >li > a:focus{
    background: url(../images/paginator_disabled.png) center center rgba(0,0,0,0) no-repeat;
    background-size: 100% 100%;
    border: none;
    margin-left:5px;
    color:#fff;
}
.pagination > .disabled > span, .pagination > .disabled > span:active, .pagination > .disabled > span:focus{
    background: url(../images/paginator_disabled.png) center center rgba(0,0,0,0) no-repeat;
    background-size: 100% 100%;
    border: none;
    margin-left:5px;
}
 .pagination > .disabled > span:hover{
    background: url(../images/paginator_disabled.png) center center rgba(0,0,0,0) no-repeat;
    background-size: 100% 100%;
    border: none;
 }
 /*end paginator
---------------------------
participant*/
.vote{
    background: url(../images/bg_vote.png) center center rgba(0,0,0,0) no-repeat;
    background-size: 90% 110%;
    border: none;
    color:#fff;
    padding-top: 1rem;
    padding-bottom: 1rem;
    /*padding: 8px;*/
}
.name_main{
    background: url(../images/bg_participant_name_main.png) center center rgba(0,0,0,0) no-repeat;
    background-size: 90% 110%;
    border: none;
    color:#fff;
    /*padding: 8px;*/
}
@media (min-width: 768px) {
    .mainrow > .par_m{
        margin-left: 33%;
    }
}
.hears{
    background: url(../images/bg_col_hr.png) center bottom rgba(0,0,0,0) no-repeat;
    background-size: contain;
    border: none;
    color:#b32031;
    /*margin: 15px 0px 0px 10px;  */
}
.vore div{
    padding-left: 10px;
    padding-right: 10px;
}
.participant_logo{
    -webkit-mask-image: url(../images/mask_1.png); 
    -webkit-mask-size: 100% 100%;
    margin-top: 2rem;
    margin-bottom: 0.8rem;
}
.sort{
    padding-top: 10px;
    margin-top: 7px;
    background-image: url(../images/bg_sort.png);
    background-size: 90% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.checked_sort{
    background-image: url(../images/bg_sort_ch.png);
    background-size: 90% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}


 /*end participant
---------------------------
popups*/
#pop_up_1{
    background: url(../images/bg_popup_1.png) center center rgba(0,0,0,0) no-repeat;
    background-size: 100% 100%;
    padding: 0 1.4rem;
    border: none;
    color:#fff;
}
#pop_up_step_1{
    background: url(../images/bg_popup_step_1.png) center center rgba(0,0,0,0) no-repeat;
    background-size: 100% 100%;
    border: none;
    color:#fff;
}
#pop_up_step_1_b_1 {
    overflow:hidden;
    height:50px;
    cursor:pointer;
    background:url(../images/add_logo.png) no-repeat;
    background-size: contain;
    background-position: center;
}
#pop_up_step_1_b_2 {
    overflow:hidden;
    height:50px;
    cursor:pointer;
    background:url(../images/add_track.png) no-repeat;
    background-size: contain;
    background-position: center;
}
input[type="file"] {
    opacity:0;
    filter:alpha(opacity:0);
    font-size:200px;
    cursor:pointer;
    padding:0px;
    margin:0px;
    border:none;
    margin-left:-1000px;
}
.form-control{
    background: url(../images/bg_btn_ytb.png) center center rgba(0,0,0,0) no-repeat;
    background-size: 100% 100%; 
    border: none;
    color:#fff;
    font-size: 12px;
    box-shadow: none;
    -webkit-box-shadow:none;
    margin: 0 auto;
}
textarea.form-control{
    background: url(../images/bg_textarea.png) center center rgba(0,0,0,0) no-repeat;
    background-size: 100% 100%; 
    color:#145c91;
}
.form-control:focus{
    border:none;
    box-shadow: none;
}
.next{
    background: url(../images/bg_btn_next.png) center center rgba(0,0,0,0) no-repeat;
    background-size: 100% 100%; 
}
#pop_up_step_2{
    background: url(../images/bg_popup_step_2.png) center center rgba(0,0,0,0) no-repeat;
    background-size: 100% 100%;
    border: none;
    color:#fff;
}
.close{
    opacity: 0.7;
}
.close:hover{
    opacity: 1;
}
.close > img{
}
#red_plch, .form-control{
    font-family: 'Capture it';
    text-shadow: 1px 1px 1px black;
}
#red_plch::-webkit-input-placeholder {
    
    font-weight: bold;
    font-family: 'Capture it';
    text-shadow: 1px 1px 1px black;
}
#red_plch::-moz-placeholder          {
    
    font-weight: bold;
    font-family: 'Capture it';
    text-shadow: 1px 1px 1px black;
}/* Firefox 19+ */
#red_plch:-moz-placeholder           {
    
    font-weight: bold;
    font-family: 'Capture it';
    text-shadow: 1px 1px 1px black;
}/* Firefox 18- */
#red_plch:-ms-input-placeholder      {
    
    font-weight: bold;
    font-family: 'Capture it';
    text-shadow: 1px 1px 1px black;
}
@media (min-width: 768px){
    .modal-sm {
        width: 350px;
    }
}
/*end popups
---------------------------
form*/
.has-error{
    color:#ff5f5f;
    font-family: 'Capture it';
    text-shadow: 0px 0px 1px black;

}
.has-success .radio-inline, .has-success .control-label, .has-success .checkbox{
    color:inherit;
}
.red_form{
    background:url('../images/red_form.png') center center rgba(0,0,0,0) no-repeat;
    background-size: 100% 100%;
}
.radio-inline, .control-label, .checkbox label{
    font-family: 'Capture it';
    text-shadow: 0px 0px 1px black;
}
/*end form
---------------------------
dropdown*/
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a.dropdown-toggle:focus {
    color:#fff;
}
.dropdown-menu{
    background-color: rgba(0,0,0,0);
    box-shadow: none;
    border: none;
}
.form_contact{
    padding: 1rem;
    font-size: 0.9rem; 
    line-height: 0.9rem; 
    height: auto;
}
.form_contact:focus{
    border: none!important;
}
.form_red{
    background: url(../images/bg_contact_theme.png) center center rgba(0,0,0,0) no-repeat;
    background-size: 100% 100%;
}
@media (min-width: 768px) {
    .sm-pull-right{
        float:right;
    }
}
@media (max-width: 768px) {
    .footer{
        
    }
    .wrap{
        /*padding: 0 0 80px;*/
    }
}
.white_row{
    /*
    -webkit-mask-image: url(../images/131.svg); 
    -webkit-mask-size: auto 100%;
    -moz-mask-image: url(../images/131.svg); 
    -moz-mask-size: auto 100%;
    mask-image: url(../images/131.svg); 
    mask-size: auto 100%;
    */
}
.white_box{
    /*
    -webkit-mask-image: url(../images/shape2.svg); 
    -webkit-mask-size: auto 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -moz-mask-image: url(../images/shape2.svg); 
    -moz-mask-size: auto 100%;
    -moz-mask-repeat: no-repeat;
    -moz-mask-position: center center;
    mask-image: url(../images/shape2.svg); 
    mask-size: auto 100%;
    mask-repeat: no-repeat;
    mask-position: center center;
    */
    
}
/**
 * Ебемся со шрифтами 
 */
 html{
    font-size: 1.3vw;
 }
 p{
    font-size: 1.2rem;
    line-height: normal;
 }
 .navbar-inverse .navbar-nav > li > a{
    font-size: 0.7rem;
    line-height: 0.7rem;
    padding: 1vw;
}
nav > .container{
    width: 60%;
}

.how_tp{
    width: 65%;
    margin-bottom: 2rem;
    display: block;
}
@media (max-width: 768px) {
    nav > .container{
        width: 80%;
    }
    html{
        font-size: 20px;
    }
    .how_tp{
        width: 45%;
        margin-bottom: 2rem;
        display: block;
    }
}
#logo{
    width:10vw;
    width:10vmax;
    margin-top: -5vw;
    margin-top: -5vmax;
    z-index: 30;
    position: relative;
    margin-bottom: -8vw;
    margin-bottom: -8vmax;
}
.nav > li{
    width: 16.6%
}


.how_tp + span{

    color: #001d61; text-align: center; font-size: 1rem;
        line-height: 1rem; font-family: 'Capture it';
}
b{
    font-family: 'OfficinaSerifBoldC';
    font-size: 1rem;
    
}
p > label{
    font-size: 0.6rem;
}
.hover_button{
    transition: all .3s;
}
.hover_button:hover{
    transform: rotate(-2deg);
}
iframe{
    width:80%;
    height: 17rem;
}
.modal-sm{
    margin-top: 15rem;
}

.modal-md{
    margin-top: 10rem;
}
@media (max-width: 400px) {
    .nav{
        padding: 1rem 0 1rem;
    }
    
    .modal-sm{
        margin-top: 1rem;
    }

    .modal-md{
        margin-top: 1rem;
    }
    #content_footer{
        padding-bottom: 1rem!important;
    }
}
.navbar-header > button{
    background: url(../images/bg_small_menu.png) center center rgba(0,0,0,0) no-repeat;
    background-size: 100% 100%;
    border:none;
    background-color: rgba(0,0,0,0)!important;
    float: left;
}
.container > .navbar-collapse{
    box-shadow: none;
    border: none;
}

.help-block-error{
    font-size: 0.9rem;
    text-shadow: 1px 1px 10px #000;
}
.btn{
    font-size: 1rem;
}
.cp-container{
    width:3rem;
    height: 3rem;
}
/** articles **/
.site-article p{
    color:#001d61;
}
.quote{
    background: url('../images/articles/block-quote-bg.jpg') center center rgba(0,0,0,0) no-repeat;
    background-size: 100% 100%;
    padding-top: 2rem;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    margin-top:2rem;
}
.site-article col-sm-12{
    padding:0px;
}
.navbar-toggle .icon-bar{
    width: 18px;
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    transform: skew(-30deg);
    height: 3px;
    border-radius: 0;
}
.help-block{
    font-size: 12px;
}
/*
 fcn_mbls   
 */
 .carousel-control.right, .carousel-control.left{
        background-image: none;
    }
@media (max-width: 700px) {
    .container > .navbar-header{
        height: 10vh;
    }
    .container > .navbar-collapse{
        width:100vw!important; 
        background-color:#b32032; 
        margin-left:-10vw!important;
        background-image: url(../images/bg-menu-m-down.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center bottom;
    }
    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:hover, 
    .navbar-inverse .navbar-nav > .active > a:focus{
        background-image: url(../images/bg-menu-m-active.png);
        background-repeat: no-repeat;
        background-size: 70% 100%;
        padding: 0.4rem;
        background-position: center center;
    }
    .nav > li {
        width: 90vw;
        text-align: center;
    }
    .navbar-nav {
        padding: 1rem 0!important;
    }
    nav > .container:before{
        background-image: url(../images/logo.png);
        background-size: 12vw auto;
        background-repeat: no-repeat;
        background-position: center top; 
        display: inline-block;
        width: 60vw; 
        height: 30vw;
        content:"";
        position: absolute;
        z-index: 40;
        margin-left: 10vw;
    }
}
@media (max-width: 400px) {
    /*main*/
    .white_row{
        background: url('../images/bg_white_m.png')!important;
        background-size: 100% 100%!important;
    }
    .how_tp{
        width: 35%;
        margin-top: 1rem;
        margin-bottom: 1rem;
        display: block;
    }
    #loadh{
        width: 65%!important;
    }
    .small-m-text p{
        font-size: 0.7rem!important;
    }
    .rem-09{
        font-size: 0.9rem!important;
    }
    .rem-08{
        font-size: 0.8rem!important;
    }
    .rem-2{
        font-size: 2rem!important;
    }
    .rem-07{
        font-size: 0.7rem!important;
        line-height: 0.7rem!important;
    }
    .rem-1_5{
        font-size: 1.5rem!important;
    }
    .rem-1_1{
        font-size: 1.1rem!important;
    }
    .rem-1_2{
        font-size: 1.2rem!important;
    }
    .carousel-img{
        width: 50%!important;
    }
    #content_footer{
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .foot-c{
        text-align: center;
        float: none!important;
    }
    .mrg-0{
        margin-top: 0!important;
    }
    .container > .navbar-header{
        height: 10vh;
    }
    .container > .navbar-collapse{
        width:100vw!important; 
        background-color:#b32032; 
        margin-left:-10vw!important;
        background-image: url(../images/bg-menu-m-down.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center bottom;
    }
    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:hover, 
    .navbar-inverse .navbar-nav > .active > a:focus{
        background-image: url(../images/bg-menu-m-active.png);
        background-repeat: no-repeat;
        background-size: 70% 100%;
        padding: 0.4rem;
        background-position: center center;
    }
    .nav > li {
        width: 90vw;
        text-align: center;
    }
    nav > .container:before{
        background-image: url(../images/logo.png);
        background-size: 23vw auto;
        background-repeat: no-repeat;
        background-position: center top; 
        display: inline-block;
        width: 60vw; 
        height: 30vw;
        content:"";
        position: absolute;
        z-index: 40;
        margin-left: 10vw;
    }
    .glyphicon-chevron-right:before{
        content:url(../images/arrow-r.png);
    }
    .glyphicon-chevron-left:before{
        content:url(../images/arrow-l.png);
    }
    .participant_i_image{
        width:90%!important;
    }
    .participant_i{
        padding-top: 0!important;
        padding-bottom: 1rem!important;
    }
    .vote{
        padding-top: 0.5rem!important;
        padding-bottom: 0.5rem!important;
    }
    .participant_i > p{
        padding-top: 0!important;
        font-size: 1rem!important;
    }

    .participant_i_image + p{
        font-size: 1.2rem!important;
    }
    .want_vote > b{
        font-size: 0.7rem!important;
    }
    img.want_vote{
        width: 0.9rem!important;
    }
    .participant_more{
        min-height:0!important;
    }
    .participant_more > div{
        min-height:0!important;
        padding:0!important;
    }
    #player{
        width:100%!important;
        height:200px!important;
    }
    .share_vk{
        width:2rem!important;
        padding-left:0.5rem!important;
    }
    .share_fb{
        width:1.5rem!important;
    }
    .first_p_row{
        margin-top: 1rem!important;
    }
    .img_prev{
        width:50%!important;
    }
    .form_contact{
        padding:0.5rem!important;
    }
}
@media (max-width: 768px) {
    .hod_proj > div{
        background: url('../images/hod_proj_m.png') center center rgba(0,0,0,0) no-repeat!important;
        background-size: 100% 100%!important;
    }
    .hod_proj > div > a > img{
        margin-bottom:1.5rem!important;
        margin-top: 1rem!important;
        width:80%!important;
    }
    .hod_proj + div > h3{
        margin-top: 0rem!important;
        text-align: center;
    }
    .hod_proj + div > p{
        text-align: center;
    }
    .afisha{
        text-align: center;
    }
    .hod_proj > div{
        text-align: center!important;
    }
    .wh_proj{
        background: url('../images/bg_w_hod_proj.png') center top rgba(0,0,0,0) no-repeat!important;
        background-size: 100% 100%!important;
    }
    #content_footer{
        padding-bottom: 1rem!important;
    }
    .fck_m > li > a{
        display: inline;
        padding:0;
    }
    .fck_m{
        min-width: 0;
    }
}

.navbar{
    background-image: url(../images/bg-menu-m.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    height: 10vh;
    font-family: OfficinaSerifBookC;
}

@media (min-width: 768px) {
    .navbar{
        background-image: url(../images/bg-menu.png);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 85%;
        background-color: rgba(0, 0, 0, 0);
        border: none;
        height: 130px;
        height:10vmax;
        font-family: OfficinaSerifBookC;
    }
    .nav > li > a{
        line-height: 12px;
    }
    
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
    .first{
        width: 60px;
    }

}