@font-face {
    font-family: 'RoadRadio Light';
    src: url('../fonts/RoadRadio/RoadRadio-Light.eot?') format('eot'), 
        url('../fonts/RoadRadio/RoadRadio-Light.woff') format('woff'), 
        url('../fonts/RoadRadio/RoadRadio-Light.ttf')  format('truetype'),
        url('../fonts/RoadRadio/RoadRadio-Light.svg#RoadRadio-Light') format('svg');

}
@font-face {
    font-family: 'RoadRadio Regular';
    src: url('../fonts/RoadRadio/RoadRadio-Regular.eot?') format('eot'), 
        url('../fonts/RoadRadio/RoadRadio-Regular.woff') format('woff'), 
        url('../fonts/RoadRadio/RoadRadio-Regular.ttf')  format('truetype')
}
@font-face {
    font-family: 'RoadRadio Thin';
    src: url('../fonts/RoadRadio/RoadRadio-Thin.eot?') format('eot'), 
        url('../fonts/RoadRadio/RoadRadio-Thin.woff') format('woff'), 
        url('../fonts/RoadRadio/RoadRadio-Thin.ttf')  format('truetype'),
        url('../fonts/RoadRadio/RoadRadio-Thin.svg#RoadRadio-Thin') format('svg');

}
/*====================Main rules ====================*/
body{
    margin:0;
    font-size:12px;
    font-family: "RoadRadio Light";
    letter-spacing: 2px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
h1{
    margin:0;
    text-transform: uppercase;
}
a{
    text-decoration: none;
    cursor: pointer;
}
a img{
    border: 0px;
}
ul{
    margin:0;
    padding:0;
    list-style: none;
}
button{
    border:none;
    padding:0;
    margin:0;
    display:inline-block;
    cursor:pointer;
    outline: none;
}
input{
    margin:0;
    padding:0;
}
textarea{
    resize:none;
}
.container{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
    display:none;
    -webkit-overflow-scrolling:touch;
}
.icon{
    display: inline-block;
    width:12px;
    height:9px;
}
.icon.balls{
    width:13px;
    height:10px;
    background: url(../images2/icons/balls.png);
}.icon.balls.white{
    background: url(../images2/icons/balls-white.png);
}
.icon.folder.grey{
    background: url(../images2/icons/folder-grey.png);
}
.icon.folder.green{
    background: url(../images2/icons/folder-green.png);
}
.icon.folder.white{
    background: url(../images2/icons/folder-white.png);
}
.icon.folder.transp{
    background: url(../images2/icons/folder-transp.png);
}
.timeline-div{
    line-height:15px;
    position: relative;
    top: 10px;
    opacity: 0.4;
}
.timeline-div>span{
    background: rgb(159, 252, 247);
    width:1px;
    display:inline-block;
}
.timeline-div>span.text{
    background: transparent;
    width:auto;
    color:#9ffcf7;
    font-size: 9px;
    vertical-align:middle;
    margin:-8px 5px 0;
    width: 30px;
}
.timeline-div>span.center{
    height:15px;
}
.timeline-div>span.right,
.timeline-div>span.left{
    height:5px;
    vertical-align:middle;
    margin-top:-8px;
}
.timeline-div>span.left{
    margin-right:9px;
}
.timeline-div>span.right{
    margin-left:9px;   
}
.timeline-div.left{
    float:left;
}
.timeline-div.right{
    float:right;
}
/*==================Home page ==========================*/
.slide-body{
    position:relative;
    z-index:4;
    width: 1200px;
    margin:0 auto;
    height:100%;
}
#glass-page .slide-body{
    z-index: 4;
}
#slider  .top-label{
    color:#43b2c5;
    text-align: center;
    padding:41px 0;
}
.light-bg{
    background: #eceae8; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWFlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ2JSIgc3RvcC1jb2xvcj0iI2RkZGFkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRhZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #eef1f2 0%, #dfe6e7 46%, #dfe6e7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eef1f2), color-stop(46%,#dfe6e7), color-stop(100%,#dfe6e7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eef1f2 0%,#dfe6e7 46%,#dfe6e7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eef1f2 0%,#dfe6e7 46%,#dfe6e7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eef1f2 0%,#dfe6e7 46%,#dfe6e7 100%); /* IE10+ */
    background: linear-gradient(to bottom, #eef1f2 0%,#dfe6e7 46%,#dfe6e7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef1f2', endColorstr='#dfe6e7',GradientType=0 ); /* IE6-8 */
}
#slider{
    z-index:500;
    padding-top:96px;
    box-sizing: border-box;
    display:block;
}
#cartridge,
#slider-body{
    position: relative;
    margin:0 auto;

}
#cartridge{
    background: url(../images2/cartridge.png) no-repeat;
    width:476px;
    height:676px;
    text-align: center;
}
#slider-body{
    background: url(../images2/corpus.png) no-repeat;
    width:852px;
    height:1098px;
    top: -172px;
}
#interview #slider-body
{
    background: url(../images2/corpus-2.png) no-repeat;
}
#cartridge>button:first-child{
    margin-top:262px;
}
#cartridge>button{
    width:260px;
    height:51px;
    margin-top:24px;
}
#cartridge .btn-group>button:first-child{
    margin-left:0;
}
#home-btn{
    background:url(../images2/home_btn.png) no-repeat;
}
#help-btn{
    background:url(../images2/help_btn.png) no-repeat;
}
#callback-btn{
    background:url(../images2/feedback_btn.png) no-repeat;
}
#start-btn{
    background: url(../images2/start_button.png) no-repeat;
}
#callback-btn{
    background: url(../images2/ask_btn.png) no-repeat;
}
#forecast-btn{
    background: url(../images2/forecast_btn.png) no-repeat;
}
#cartridge>#start-btn:hover{
    background-image: url(../images2/btn-highlight.png), url(../images2/start_button.png);
    background-repeat: no-repeat;
    background-position: 3px 3px, 0 0;
}
#cartridge>#forecast-btn:hover{
    background-image: url(../images2/btn-highlight.png), url(../images2/forecast_btn.png);
    background-repeat: no-repeat;
    background-position: 3px 3px, 0 0;
}
#cartridge>#callback-btn:hover{
    background-image: url(../images2/btn-highlight.png), url(../images2/ask_btn.png);
    background-repeat: no-repeat;
    background-position: 3px 3px, 0 0;
}
.highlight{
    background: url(../images2/btn-highlight.png) no-repeat;
    width:254px;
    height:44px;
    margin: 3px;
    display:none;
}
.main-menu-right, .main-menu-left
{
    background: url("../images2/main-menu-right-bg.png") no-repeat;
    position: absolute;
    top:130px;
    left:830px;
    height:133px;
    width:99px;
    font-size:12px;
    padding-left:40px;
    padding-top:18px;
    letter-spacing: 1px;
    cursor:pointer;
}
#menu-alg
{
    top:300px;
}
.main-menu-left
{
    background: url("../images2/main-menu-left-bg.png") no-repeat;
    padding-left: 25px;
    padding-top: 15px;
    top: 220px;
    left: 245px;
}
.main-menu-left .content
{
    color:#7c9496;
    font-size:11px;
    letter-spacing: 1px;
    position:relative;
    left:-9px;
    top:110px;
}
#status-panel,
#info-panel{
    position: absolute;
    top:246px;
}
#status-panel{
    width: 128px;
    height: 213px;
    background: url("../images2/status-panel.png") no-repeat top right;
    left:195px;
    padding-right:45px;
    padding-top:19px;
    text-transform: uppercase;
    color: #7c9496;
    font-size:9px;
    line-height:16px;
}
#status-panel:before{
    content:"";
    position: absolute;
    width: 0;
    height: 0;
    left:9px;
    top:6px;
    border-style: solid;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent rgba(67,178,197,0.5) transparent;
}
#status-panel .text{
    font-size:6px;
    letter-spacing: 4px;
    line-height: 10px;
    margin-top:-3px;
    margin-bottom:12px;
}
#status-panel .bar{
    width:90px;
    height:2px;
    margin-bottom:3px;
    background-color: rgba(255, 255, 255, 0.6);
}
#status-panel .indent{
    margin-left: -6px;
    margin-bottom: 4px;
}
#info-panel{
    background: url("../images2/info-panel.png") no-repeat;
    right:174px;
}
#info-panel .indent {
    margin-left: -6px;
}
#info-panel .title{
    padding-left:41px;
    margin-top:15px;
    color:#43b2c5;
    font-family: "RoadRadio Regular";
    letter-spacing: 0.6px;
}
#info-panel .content{
    padding-left:33px;
    margin-top:118px;
    font-size:9px;
    color:#7c9496;
    line-height: 13px;
}
/*==================== Forecast home page ======================*/
#glass-page{
    background-image:url(../images2/forecast/highlight-top.png), url(../images2/slider-shadow.png), url(../images2/forecast/highlight-bottom.png);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-color:#18445c;
    background-size: 100% auto, auto auto, 100% auto;
    background-position: center top , center 105px, center top;
    z-index:90;
}
#glass-page .additional-back{
    height:100%;
    background-image: url(../images2/background-lines.png), url(../images2/background-plus.png);
    background-repeat: no-repeat, repeat;
}
.back-glass{
    width:100%;
    z-index:3;
    position: absolute;
    left: 0;
    right:0;
    top:0;
    margin:0 auto;
}
#left-glass{
    width:482px;
    height:372px;
    position: absolute;
    left:99px;
    top: 0;
    bottom: 0;
    margin: auto;
}
#right-glass{
    width:714px;
    height:611px;
    position:absolute;
    right:-113px;
    top: 0;
    bottom: 0;
    margin: auto;
}
#scene3{
    height: 445px;
    width: 995px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
#scene3>li{
    position:absolute;
}
#glass3{
    left: auto !important;
    top: auto !important;
    right: -100px;
    bottom: 30px;
}
#glass2{
    left: auto !important;
    top: 85px !important;
    right: 340px;
}
#glass1{
    top: -65px !important;
    left: 600px !important;
}
#glass4{
    bottom: -35px;
    left: 120px !important;
    top: auto !important;
}
#data-update{
    width:271px;
    height:52px;
    background: url(../images2/forecast/update-progress.png) no-repeat;
    margin:280px auto 0;
}
.bottom-arrow{
    width: 19px;
    height:86px;
    margin:40px auto 0;
    background: url(../images2/forecast/arrow-bottom.png) no-repeat;
}
/*====================== Pages ======================*/
.dark-bg{
    background-image:url(../images2/pages/highlight-top.png), url(../images2/slider-shadow.png), url(../images2/pages/highlight-bottom.png);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-color:#18445c;
    background-size: 100% auto, auto auto, 100% auto;
    background-position: center top , center 105px, center top;
    z-index: 80;
}

#candidates-page{

}
#candidates-page .popup-content>div:first-child{
    position: absolute;
    width:100%;height:100%;background-color: #FFF;opacity:0.2;
}
#help-page{

}
.dark-bg .additional-back{
    height:100%;
    background-image: url(../images2/background-lines.png), url(../images2/background-plus.png);
    background-repeat: no-repeat, repeat;
    background-size: 100% 100%, auto auto;
}
.middle-content{
    height:409px;
    margin:auto;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:5;
}
#past-page #hint>span{
    border:none;
}
#past-page .float-bottom,
#future-page .float-bottom{
    z-index:9;
}
#logo{
    position:relative;
    width:202px;
    height:172px;
    margin:0 auto;
    z-index:7;
}
#logo>div{
    content:"Машина предвыборных прогнозов";
    font-family: "RoadRadio Thin";
    font-size:10px;
    letter-spacing: 2px;
    color: #9ffcf7;
    text-align: center;
    position: absolute;
    top:64px;
    cursor:pointer;
}
#logo>img{
    position: absolute;
    opacity:0.5;
    cursor:pointer;
}
#logo>button,
.top-label>button,
.logo-btn
{
    position: absolute;
    background:transparent;
    width:19px;
    top:105px;
    left:92px;
    z-index:12;
    margin:auto;
    left:0;
    right:0;
    border-top:1px solid #9ffcf7; 
    border-bottom:1px solid #9ffcf7; 
    padding:2px 0;
    height:7px;
}
#logo>button>span,
.top-label>button>span,
.logo-btn>span{
    background-color: #9ffcf7;
    display:inline-block;
    height:1px;
    width:100%;
    position: absolute;
    top:0;
    bottom:0;
    left:0;right:0;
    margin:auto;
}
.logo_interview
{
    position: absolute !important;
    top: -105px;
    left: 411px;
    width:30px !important;
    height:85px !important;
    cursor:pointer;
}
.logo_interview>img{
    opacity:1 !important;
}

.top-label{
    position: relative;
}
.top-label>button{
    top:88px;
    left:5px;
    border:none;
}
.time-line{
    width:100%;
    height:25px;
    text-align: center;
    position: relative;
    margin-left:5px;
    margin-right:5px;
}
#glass-page .time-line{
    margin-top:389px;
}
#glass-page .float-bottom{
    height:415px;

}
.float-bottom{
    width:100%;
    position: absolute;
    bottom:0;
    z-index:3;
    margin-bottom: 5px;

}
#glass-page .float-bottom{
    background: url(../images2/man_ball.png) no-repeat center top;
}
#hint {
    position: absolute;
    text-align: center;
    width:100%;
    margin: 0 auto;
    top: -86px;
    font-size: 10px;
    color: #FFF;
    text-transform: uppercase;
}
#hint>div{
    display: inline-block
}
#hint span{
    display: inline-block;
    border-bottom: 1px solid #FFF;
    position: relative
}
#hint span:before {
    content: "";
    width: 6px;
    height: 9px;
    background: url(../images2/scroll-down.png) no-repeat;
    position: absolute;
    top: 30px;
    left: 14px;
    opacity: 0.5;
}
#pointer{
    width: 10px;
    height: 15px;
    background: url(../images2/pointer.png) no-repeat;
    left: 1300px;
    position: absolute;
    top: -9px;
}
.current-time{
    font-size:12px;
    color:#FFF;
    text-align: center;
    position: relative;
    top: -14px;
}
#data-stream{
    width: 211px;
    height: 13px;
    background-color: #47bccc;
    font-size: 12px;
    color: #FFF;
    letter-spacing: 1px;
    margin: 0 auto;
    text-align: center;
    padding-top: 3px;
    padding-bottom:3px;
    position: relative;
    top: 8px;
}
.additional-back{
    width: 100%;
    height:100%;
    max-height:1070px;
    position: absolute;
    left: 0;
    right:0;
    top:0;
    margin:0 auto;
    z-index:2;
    overflow:hidden;
}
.pages li:first-child{
    margin:0;
}
.pages li{
    width:40px;
    display: inline-block;
    height:2px;
    opacity:0.5;
    background-color:#FFF;
    margin-left:2px;
    cursor: pointer;
}
.pages li.active{
    background-color:#70ff95;
    opacity:1;
}
.pages{
    height:1px;
    text-align: center;
    margin-top:9px;
    margin-bottom:5px;
}
.left-border,
.right-border{
    width:50%;
    position: absolute;
    top:0;
    max-height:100%;
    height:1070px;
    z-index:1;      
}
.left-border{
    left:0;
    background: url(../images2/pages/page-border-left.png) repeat-x;
}
.right-border{
    right:0;
    background: url(../images2/pages/page-border-right.png) repeat-x;
}
.horiz-slider > ul {
    width:100% !important;
}
.float-block{
    left:-380px;
}
.float-block.active~li{
    left:330px;
}
.float-block.active{
    left:0
}
.open li.active{
    opacity: 0;
}
.open li{
    opacity:0.5;
}
.float-block .icon.balls{
    opacity:0.3;
}
.float-block{
    width: 150px;
    height:210px;
    background: url(../images2/pages/mini-block.png) no-repeat;
    z-index:6;
    padding:25px 25px 0;
    position:relative;
    display:inline-block;
    cursor:pointer;
    margin:87px 15px 0;
    vertical-align: top;
}
.float-block .forecast{
    position: absolute;
    bottom: 22px;
}
.float-block.ellipsis{
    position: absolute;
    margin:0;
    top: -245px;
    left: 215px;
}
.list-block>li>div,
.float-block{
    color:#43b2c5;
    line-height:16px;
    text-transform: uppercase;
}
.float-block .date{
    letter-spacing: 1px;
}
.float-block .date .balls{
    position: relative;
    top: 2px;
    left: 3px;
}
.pulse{
    width:62px;
    height:29px;
    background: url(../images2/pages/pulse.png) no-repeat;
    font-size:10px;
    color:#3db1c5;
    position: absolute;
    padding-left:5px;
}
#top-pulse{
    right: 72px;
    top: 150px;
}
#bottom-pulse{
    bottom: 25px;
    left: 99px;
}
.float-block:before{
    position: absolute;
    bottom:15px;
    right:15px;
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent #4a6676 transparent;
    opacity:0.5;
}
.indent{
    margin-left: -9px;
}
.float-block .election{
    margin-top:19px;  
    height:87px;
}
.float-block .forecast .icon{
    margin-right:7px;
    position: relative;
    top:5px;
    opacity:0.5;
}
.list-block>li>div>span,
.float-block .election{
    font-family: "Exo 2";
    color:#FFF;
    opacity: 0.5;
    font-size:14px;
    text-transform: none;
    line-height: 18px;
    letter-spacing:0.6px;

}
.float-block .election>span{
    margin-top:10px;
}
.float-block .forecast .icon{
    margin-bottom:5px;
}
.float-block .forecast .count{
    color:#FFF;
    opacity: 0.5;
    font-family:"RoadRadio Thin";
}
#candidates-page .blocks-view{
    position: absolute;
    height: 100%;
    width: 100%;
}
#candidates-page .float-block.active{
    background: url(../images2/pages/mini-block-active.png) no-repeat;
}
.popup{
    width: 701px;
    height: 429px;
    position: absolute;
    z-index: 8;
    margin: 0 auto;
    left: 0;
    right: 0;
    top:0;
    bottom:0;
    padding:0 10px;
    top:150px;
}
.popup .body-lines:before,
.popup .body-lines:after{
    background: rgba(112, 255, 149, 0.4);
    top: 25px;
    bottom: 25px;
    height: auto;
}
.popup .bottom-lines{
    border-color:rgba(112, 255, 149, 0.4);
}
.popup .corners-bottom:before,
.popup .corners-bottom:after{
    border-color:rgba(255, 255, 255, 0.4);
}
.list-popup{
    left: 405px;
    top: 150px;
}
.list-popup .left,
.list-popup .right,
.list-popup .close-popup{
    display:none;

}
.popup .right,
.popup .left{
    position: absolute;
    top:144px;
    width:105px;
    height:120px;
}
.popup .left{
    background: url(../images2/slider-left.png) no-repeat;
    left:-114px
}

.popup .right{
    background: url(../images2/slider-right.png) no-repeat;
    right:-114px;

}
.popup .right>button,
.popup .left>button{
    width:18px;
    height:34px;
    background:transparent;
    position: absolute;
    top:43px;
    left:43px;

}
.popup-title{
    color:#b6fefa;
    letter-spacing: 1px;
    margin-top:7px;
    margin-left:32px;
    text-transform: uppercase;

}
.popup-content{
    margin-top:5px;
    background-color: rgba(255, 255, 255, 0.85);
    height:315px;
    padding-bottom:40px;
}
.candidate-info{
    padding-top:45px;  
    position: relative;
    z-index:12;
}
.candidate-info .title{
    padding-left:30px;
    text-transform: uppercase;
    width:443px;
}
.candidate-info .title>div{
    color:#688a99;
    line-height:16px;
}
.candidate-info .content{
    padding-left:30px;
    color:#1e4a60;
    font-family: "Exo 2";
    font-size:13px;
    text-transform: none;
    margin-top:25px;
    line-height: 18px;
    letter-spacing: 0.2px;
    width:443px;
}
.election-info{
    float:right;
    width:464px;
    margin-top:50px;
}
.popup-images{
    margin-top:50px;
}
.election-info .title{
    width:414px;
    text-transform: uppercase;
}
.election-info .title>h1,
.election-info .title>.date,
.election-info .candidates_count{
    padding-left:5px;
}
.election-info .title>h1{
    border-bottom:1px solid #b6c4cc;
    padding-bottom:15px;
}
.election-info .title>h1,
.candidate-info .title>h1,
#interview-info-popup h1{
    font-family:"RoadRadio Regular";
    font-size:25px;
    letter-spacing: 0.2px;
    color:#285e78;
    margin-bottom:5px;
    font-weight: normal;
    line-height:20px;
}
#interview-info-popup h1{
    margin-bottom:20px;
}
#interview-info-popup h1,
#interview-info-popup .content
{
    padding-right:160px;
}
#interview-info-popup .content
{
    color:#1e4a60;
    font-family: Helvetica;
    font-size:13px;
    letter-spacing: 0.2px;
}


#interview-info-popup .scrollblock{
    padding: 40px;
    height: 275px;
    padding-right: 0px;
}
.candidate-info .title>h1{
    margin-top:5px;
    margin-bottom:9px;
}
.election-info .content{
    padding-left:10px;
    color:#FFF;
    line-height:18px;
    font-family: "Exo 2";
    margin-top:18px;
    letter-spacing: 2px;
}
.popup .controls{
    margin-top:5px;
}
.controls > button{
    height:37px;
    text-transform: uppercase;
    text-align: center;
    font-size:13px;
    letter-spacing: 0.5px;
    margin-left:2px;
    width:173px;
    line-height: 12px;
    float:left;
    font-family:"RoadRadio Light"
}
#interview .controls > button{
    font-size:18px;
}
.close-popup{
    display: block;
    position: absolute;
    background: url(../images2/pages/close.png) no-repeat;
    width:62px;
    height:62px;
    cursor:pointer;
    top: 11px;
    right: -64px;
}
span.close-popup{
    left: -126px;
    top: -40px;
}
.popup .controls #candidates-list{
    float:left;
}
.btn-blue{
    background-color: rgba(5, 30, 35, 0.7);
    color:#d7d7d7;    
}
.btn-blue:hover:enabled{
    background: rgba(68, 166, 180, 0.8);
}
.popup-content .popup-images{
    float:left;
    width:208px;
}
.popup-content .avatar{
    height:244px;
}
.popup-content .avatar>img{
    height:100%;
    margin-left: 55px;
}
.popup-content .progress{
    text-align: center;
    padding-left: 10px;
    padding-top:5px;
}
.popup .progress > span{
    color:#FFF;
    font-family: "RoadRadio Thin";
    font-size:10px;
    line-height: 25px;
}
#interviews-status{
    width:61px;
    height:74px;
    background:url(../images2/pages/full-progress.png) no-repeat;
    margin:0 auto;
    position: relative;
}
#interviews-status>div{
    position: absolute;
    top:-5px;
    left:-5px;
}
.election-info .date{
    color:#7d8c9c;
    font-size:14px;
    line-height: 20px;
    letter-spacing: 0.6px;
    font-weight: normal;
    font-family: 'Exo 2';
}
.election-info .candidates_count{
    color: #3295a2;
    font-size:16px;
    line-height: 20px; 
    margin-top:9px;
    letter-spacing: 0.6px;
    font-family: 'Exo 2';
}
.election-info .candidates_count span{
    color: #0a3446;
}
.election-info .appearance_perc{
    float:right;
    margin-right:120px;
    font-size:10px;
}
nav{
    position: absolute;
    top:21px;
    width:100%;
    line-height:18px;
    font-size:10px;
    text-transform: uppercase;
    z-index:11;
}
.triang-btn{
    cursor: pointer;
    text-transform: uppercase;
    position: relative;
    background:transparent;
    color: #FFF;
    line-height:18px;
    letter-spacing: 2px;
    font-size:10px;
    border:1px solid #FFF;
    display: inline-block;
}
.triang-btn.left{
    border-left:none;
    padding-left:8px;
    padding-right:15px;
}
.triang-btn.right{
    border-right:none;
    padding-right:8px;
    padding-left:15px;
}
.triang-btn:before,
.triang-btn::before{
    position: absolute;
    top:-1px;
    content:"";
    width:8px;
    height:19px;
}
.triang-btn.left:before,
.triang-btn.left::before{
    background: url(../images2/left-corner-white.png) no-repeat;
    left:-7px;
}
.triang-btn.right:before,
.triang-btn.right::before{
    background: url(../images2/right-corner-white.png) no-repeat;
    right:-7px;
}
.back-button{
    float:left;
    letter-spacing: 2px;
    font-size:10px;
    line-height:19px;
    color: #afd0db;
    border:1px solid #afd0db;
    border-left:none;
    background:transparent;
    padding-right:9px;   
    padding-left:8px;
    position: relative;
    margin-left:157px;
    text-transform: uppercase;
    cursor: pointer;
    font-family: "RoadRadio Light";
}
.controls.triple >button{
    width:231px !important;
}
.back-button::before{
    position: absolute;
    left:-8px;
    top:-1px;
    content:"";
    width:8px;
    height:21px;
    background: url(../images2/left-corner.png) no-repeat;
}
#switcher{
    float:right;
    color:#afd0db;
    font-size:10px;
    display:none;
}
#switcher>a{
    display: inline-block;
    width:78px;
    line-height:19px;
    text-align: center;
    position: relative;
    font-size:9px;
}
#switcher>a:after{
    content:"";
    width:100%;
    height:6px;
    border: 1px solid #5c9db2;
    border-top:none;
    position:absolute;
    bottom:0;
    left:0;
}
#switcher>a:last-child{
    padding-right:4px;
    width:74px;
}
#switcher>a:last-child:after,
#switcher>a:last-child:before{
    left:-4px !important;
}
#switcher>a.active:before{
    content:"";
    width:100%;
    height:6px;
    border: 1px solid #afd0db;
    border-bottom:none;
    position:absolute;
    top:0;
    left:0;
}
.interviews{
    height:120px;
    color:#FFF;
    margin-top:34px;
    font-family: "RoadRadio Thin";
    font-size:10px;
}
.interviews li{
    clear:both;
    position: relative;
    height: 26px;
}
.interviews li:after{
    content: "";
    width:2px;
    height:2px;
    background-color: #285e78;
    position: absolute;
    left: 8px;
    top: 12px;
    opacity:0.5;
}
.interviews li > span{
    display:block;
    float:left;
    line-height:26px;
}
.interviews li > span:last-child{
    padding-left:16px;
    padding-top:7px;
}
.interviews li.done:hover > span,
.interviews li.done.active > span{
    background-color: #6bd1d9;

}
.interviews li.done:hover>span{
    background-color: rgba(107, 209, 217, 0.5);
}
.interviews li.done:hover > span:last-child,
.interviews li.done.active > span:last-child{
    background-color: transparent;
}
.interviews li.done:hover > span:last-child>.icon,
.interviews li.done.active > span:last-child>.icon{
    background: url(../images2/icons/folder-green.png) no-repeat;
}
.interviews li .open{
    display:none;
}
.interviews li{
    cursor:pointer;
    color:#285e78;
    letter-spacing: 0.6px;
    line-height: 25px;
    padding-left:17px;
    font-size:14px;
    font-family: 'Exo 2';
}
.interviews li.active{
    background-color:#eff1f3;/*rgba(146, 196, 212, 0.56);*/
    
}
.interviews li:hover{
    background-color:rgba(146, 196, 212, 0.28);
}
.interviews li.done:hover .open{
    display:inline-block;
    height:25px;
} 
.interviews li.done:hover:after,
.interviews li.done.active:after{
    opacity:1;
}

.interviews .buffer{
    color: #7edde3;
}
#past-page #logo img{
    opacity:0.5;
}
#past-page #page-title{
    width:925px;
    height:163px;
    background: url(../images2/pages/past-title.png);
    position: absolute;
    top: 33px;
    left: 141px;
}
#future-page #page-title{
    width:646px;
    height:156px;
    background: url(../images2/pages/future-title.png);
    position: absolute;
    top: 33px;
    left: 279px;
}
#candidates-page #page-title{
    width:909px;
    height:124px;
    background: url(../images2/pages/candidates-title.png);
    position: absolute;
    top: 50px;
    left: 147px;
}
#candidates-page .popup{
    height:428px;
    background: url(../images2/pages/candidates-popup-borders.png) no-repeat;
}
#candidates-page .popup .popup-content{
    height:345px;
    padding-bottom:10px;
    background-repeat: no-repeat;
    position: relative;
    overflow:hidden;
}
#candidates-page .popup .popup-content:before{
    content:"";
    position: absolute;
    top:6px;
    left:0;
    width:100%;
    height:100%;
    background-image:url(../images2/pages/candidate-background.png);
    z-index:10;

}
#candidates-page #hint{
    top:-79px;
}
#candidates-page .float-block .election{
    margin-top:30px;
}
#candidate-image{
    position:absolute;
    right: 0px;
    top: 0px;
}
#candidate-image2{
    position: absolute;
    top:6px;
    right:0;
}
#candidates-page.list-view .popup{
    left:468px;
    background: url(../images2/pages/list-popup-background.png) no-repeat;
    width:710px;
    height:392px;
}
#candidates-page.list-view .popup-content{
    background: none;
}
#candidates-page.list-view .popup-content:before{
    background: none;
}
.list-view{
    position: absolute;
    top: 70px;
    left: 145px;
    z-index:10;
    height: 510px;
    margin-left:-105px;
}
.list-block>li{
    margin-left:117px;
    cursor:pointer;
    position: relative;
}
.list-block>li .corners-bottom,
.list-block>li .corners-top{
    display:none;
}
.list-block>li.active .corners-bottom,
.list-block>li.active .corners-top{
    display: block;
}
.list-block>li.active .corners-bottom:before,
.list-block>li.active .corners-top:before,
.list-block>li.active .corners-bottom:after,
.list-block>li.active .corners-top:after{
    border-color:#70ff95;
}
.list-block>li>div:last-child{
    background-color:rgba(2, 44, 67, 0.45);
    position: relative;
    width:195px;
    padding:18px 20px;
    margin-bottom:2px;
}
.list-block>li .date{
    margin-bottom:3px;
}
.list-block>li.active,
.list-block>li.btn-line{
    width:234px;
    padding:6px;
    margin-top:5px;
    margin-bottom:5px;
    position:relative;
    margin-left:110px;
}
.list-block>li.active>div:last-child{
    background-color:rgba(2, 44, 67, 0.65);    
}
.list-block>li.btn-line>button{
    width:235px;
    height:100%;
    background-color: rgba(112, 255, 149, 0.65);
    font-size: 13px;
    letter-spacing: 2px;
}
.list-block>li.active>div>span{
    opacity: 1;
}
#candidates-page.list-view #bottom-pulse {
    bottom: 293px;
    left: -30px;
}
#candidates-page.list-view .flag{
    position: absolute;
    left: 400px;
    top: 264px;
}
#candidates-page.list-view .icon.balls{
    position: absolute;
    right: 120px;
    top: 115px;
}

.flag{
    width:8px;
    height:24px;
    background: url(../images2/pages/flag.png) no-repeat;
}
#candidates-page.list-view #candidate-image{
    right: 67px;
    top: 18px;

}
/*=======================Block with straight corners===================*/
.straight-corner{
    position: relative;
    width:761px;
    height:497px;
    box-sizing: border-box;
    padding:4px 8px 0;
}
.body-lines:before,
.body-lines:after{
    content: "";
    width:1px;
    height: auto;
    background: rgba(67, 178, 197, 0.4);
    position: absolute;
    top:25px;
    bottom:25px;
}
.body-lines:before{
    left:0;
}
.body-lines:after{
    right:0;
}
.corners-top:before,
.corners-top:after,
.corners-bottom:before,
.corners-bottom:after{
    content:"";
    width:20px;
    height:20px;
    position:absolute;
}
.corners-top:before,
.corners-top:after{
    top:0;
    border-top: 1px solid #43b2c5;
}
.corners-top:before{
    left:0;
    border-left: 1px solid #43b2c5;
}
.corners-top:after{
    right:0;
    border-right: 1px solid #43b2c5;
}
.corners-bottom:before,
.corners-bottom:after{
    bottom:0;
    border-bottom: 1px solid #9cafb2;
}
.corners-bottom:before{
    left:0;
    border-left: 1px solid #9cafb2;
}
.corners-bottom:after{
    right:0;
    border-right: 1px solid #9cafb2;
}
.bottom-lines{
    position: absolute;
    left:30px;
    right:30px;
    text-align: center;
    bottom:0;
    border-bottom:1px solid #43b2c5;
}
.bottom-lines>span{
    display: inline-block;
    width:1px;
    height:5px;
    background: #43b2c5;  
}
#results-page #slider-body
{
   height:930px; 
}
#interview #slider-body,
#results-page  #slider-body{
    top:-650px;
}
#interview .back-button, #results-page .back-button
{
    color:#008697;
    margin-left:0px;
    position:relative;
    left:-30px;
    top:-125px;
    border-color: #008697;
    
}
#interview .back-button::before, #results-page .back-button::before{
    background: url(../images2/left-corner-blue.png) no-repeat;
}

#results-page .straight-corner{
    width:761px;
    height:520px;
    position: absolute;
    top:290px;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    z-index:2;
}
#interview .top-label,
#results-page .top-label
{
    width:30px;
    height:36px;
    /*background: url(../images2/logo-dark.png) no-repeat;*/
    margin:17px auto 43px;
}
#results-page .top-label{
    /*background: url(../images2/logo-light.png) no-repeat;*/
}

#monitor{
    width:1477px;
    height:100%;
    background: url(../images2/monitor.png) 0 50px  no-repeat;
    position: absolute;
    left:0;right:0;top:0;
    margin:0 auto;
    z-index:1;
}
#results-page #monitor{
    width:1477px;
    height:1114px;
    background: url(../images2/monitor2.png) 0 60px no-repeat;
    margin:auto;
}
#slider-body .comment{
    text-align: center;
    color: #475d63;
    font-size: 15px;
    line-height: 22px;
    font-family: 'Exo 2';
    font-weight: 300;
    margin-top:225px;
    position: absolute;
    letter-spacing:0.25px;
    z-index:2;  
    top:-380px;
    width:735px;
}
#forecast-step-1 .comment{
    font-size:15px;
    line-height: 20px;
    letter-spacing:0px;
}
.comment a{
    text-decoration: underline;
    color: #09a1b9;
}
#slider-body > .straight-corner{
    z-index:2;
    margin: 0 auto;
    top:240px;
}
.straight-corner .step{
    line-height:20px;
    color:#009db3;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.straight-corner .content li,
.straight-corner .content h1
{
    margin-bottom:1px;
}
.straight-corner .content h1{
    font-family: "RoadRadio Regular";
    height: 75px;
    margin-top:2px;
    font-size:22px;
    line-height: 25px;
    letter-spacing: 0.2px;
    color:#285e78;
    padding-left: 32px;
    padding-top:20px;
    background-color: rgba(255, 255, 255, 0.9);
}
span.green{
    color:#70ff95;
}
span.blue{
    /*color:#398f98;*/
    font-size: 24px;
}
.straight-corner .content li{
    padding-left: 32px;
    min-height:62px;
    color:#FFF;
    padding-top:19px;
    position: relative;
    background-color: rgba(248, 248, 248, 0.8);
}
.straight-corner .content li .text{
    display:inline-block;
    width:252px;
    vertical-align: top;
}
.straight-corner .content li .value{
    width:385px;
    display: inline-block;
    padding-left:24px;
    position: relative;
    top:3px;
}
.slider .ui-slider-handle{
    width:2px;
    height: 20px;
    background: #00b9d1 !important;
    display: block;
    top:2px;
    outline: none;
    margin-left:0;
    border:none;
}
.straight-corner .content li .value .counter{
    display:block;
    padding:0;
    background:none;
    outline:none;
    width:52px;
    line-height:24px;
    border:1px solid #c4c7c9;
    position: absolute;
    top: 5px;
    right: 2px;
    color: #2d4250;
    font-family: "Exo 2";
    letter-spacing: 0;
    font-size: 20px;
    text-align:center;
    height:24px;
    margin-top:2px;

}
.straight-corner .content li:before,
.straight-corner .content li{
    font-family: 'Exo 2';
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color:#2d4250;
}
.straight-corner .controls{
    margin-top:5px;
}
.straight-corner .controls button{
    text-transform: uppercase;
    width:364px;
    height:37px;
}
.controls button.left{
    float:left;
}
.controls button.right{
    float:right;
}
.slider{
    width:313px;
    height: 24px;
    border:1px solid #c4c7c9;
    background: transparent;
    border-radius: 0;
}
.ui-slider-range{
    background: url(../images2/slider.png) no-repeat;
    margin:2px 2px;
    border-radius:0;
    max-width:309px;
}
.bar-header{
    position: relative;
    width:313px;
    height:7px;
}
.bar-header>span{
    position: absolute;
    font-size:9px;
    font-family: "Exo 2";
    color:rgba(45, 66, 80, 0.5);
    opacity: 0.5;
    top: -18px;
    width:17px;
}
.bar-header>span:first-child{
    left: -3px;
}
.bar-header>span:last-child{
    right: -8px;
}

#help-panel{
    width: 121px;
    position: absolute;
    color: #43b2c5;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    right: -95px;
    top: 250px;
    z-index:2;
}
#help-panel #creator{
    margin-bottom: 9px;
    width: 121px;
    height: 191px;
    background: url(../images2/creator-mini.png) no-repeat;
}
#help-panel > div:last-child{
    margin-left:5px;
}

#tabs-panel .corners-top:before,
#tabs-panel .corners-top:after,
#tabs-panel .corners-bottom:before,
#tabs-panel .corners-bottom:after{
    border-color: rgba(114, 140, 144, 0.5);
}
#tabs-panel{
    position: absolute;
    z-index:2;
    top: 285px;
    left: -73px;
}
#tabs-panel li{
    width:55px;
    height:55px;
    position: relative;
    margin-bottom:25px;
    color: #43b2c5;
    font-family:"RoadRadio Regular";
    padding:3px;
    font-size:11px;
    letter-spacing: 0.6px;
    color:#e1e3e2;
}
#tabs-panel li span{
    display: block;
    width: 100%;
    height: 100%;
    background: #3392b0;
    padding:5px;
    box-sizing:border-box;
}
#tabs-panel li.active:before{
    content:"";
    width:50px;
    height:3px;
    background: url(../images2/active-tab-pointer.png) no-repeat;   
    position: absolute;
    right: -48px;
    top: 30px;
}
#tabs-panel li.active:after{
    content:"";
    position: absolute;
    right: 7px;
    bottom: 7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 7px 7px;
    border-color: transparent transparent rgba(224, 226, 225, 0.5) transparent;
}
#tabs-panel li.locked:before{
    content:"";
    width:8px;
    height:10px;
    background: url(../images2/locked-tab.png) no-repeat;   
    position: absolute;
    right:7px;
    bottom:7px;
}
#tabs-panel .locked span{
    background: #99a9b2;
}
/*================Help page =====================*/
#help-page{
    display:none;

}
#help-page .step{
    color:#b6fefa;
}
#help-page .content h1{
    background: rgba(255, 255, 255, 0.95);
}
#help-page .content li{
    background: rgba(255, 255, 255, 0.85);
}
#help-page .straight-corner{
    height:508px;
    margin: 15px auto 0;
}
#creator-img{
    position: absolute;
    right:-165px;
    display: block;
    z-index:-1;
    height:955px;
}
.straight-corner .footer-block,
.popup .footer-block{
    cursor: pointer;
    display:block;
    font-size:13px;
    text-align: center;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    color:#FFF;
    vertical-align: middle;
    width:100%;
    background-image: url(../images2/access.png);
    background-repeat: no-repeat;
    background-position: 680px center;
    padding:8px 0;
}

#help-page .straight-corner .content{
    margin-bottom:5px;
}
#help-page .corners-bottom:before,
#help-page .corners-bottom:after{
    border-color: #FFF;
}
#help-page .body-lines:before,
#help-page .body-lines:after{
    background: rgba(0, 255, 66, 0.25);
}
#help-page .bottom-lines{
    border-color: rgba(0, 255, 66, 0.25);
}
#help-page .comment{
    padding-left:250px;
    font-size:13px;
    letter-spacing: 0.25px;
    font-family: "Exo 2";
    font-weight:300;
    line-height: 20px;
    color:#e2e2e2;
}
#help-page .cite{
    font-style:italic;
    color:#76b4ce;
}
#help-page .comment>span{
    width:550px;
}
#help-page .comment #step2-text{
    width:660px;
    display: inline-block;
}
#help-page .comment .indent{
    color:#60fef5;
    font-style: normal;
}
#help-page .comment>h1{
    font-size:25px;
    font-family: "RoadRadio Light";
    text-transform: uppercase;
    color:#f4f4f5;
    margin-bottom:20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    letter-spacing: 0.2px;
}
#help-page .slider{
    opacity:1;
}
#help-page .bar-header{
    position: relative;
    width:385px;
    height:7px;
}
.bar-content{
    width:0;
    height:100%;
}
.navigation{
    width: 710px;
    margin: 0 auto 65px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -110px;
}
.navigation a:first-child{
    float:left;
}
.navigation a:last-child{
    float:right;
}
.connect{
    width:20px;
    height:22px;
    background: url(../images2/icons/connect.png) no-repeat;
    cursor: pointer;
}
#results-page .icon.balls{
    display: inline-block;
    float: right;
    margin-right: 25px;
    margin-top:5px;
}
#results-page .bottom-lines>span{
    background:#70ff95;
}

#results-page .step{
    color:#FFF;
}
#results-page .straight-corner .content h1{
    height:53px;
    padding-top:23px;
    margin-bottom:3px;
}
#results-page .straight-corner .content li{
    background: url(../images2/bar-lines.png) repeat-y;
    margin-bottom:0;
    padding-top:10px;
    background-position-x: 413px;
    background-color: rgba(248, 248, 248, 0.8);
}
#results-page .straight-corner .content li:before{
    top:10px;
}
#results-page .common-info{
    letter-spacing:0.6px;
    font-size:16.25px;
    height:37px;
    padding-top:23px;
    color:#FFF;
    padding-left:30px;
    background-color:rgba(227, 230, 233, 0.8);
    color:#2d4250;
    font-family: 'Exo 2';
}
#results-page .common-info .bar-value
{
    font-size:20px;
}
#results-page .common-info .title{
    color:#3295a2;
    margin-right:15px;
}
.single-bar{
    /*margin-right:30px;*/
    margin-left:30px;
}
#results-page .footer-block{
    width:944px;
    background: rgba(112,255,149, 0.5);
}
#results-page .text{
    width:170px;
    padding-right:10px;
}
#results-page .anwers li{
    font-family:"Exo 2";
    font-weight:500;
    color:#2d4250;
    font-size:15px;
    line-height:20px;
    letter-spacing:0.25px;
}
#results-page .value{
    font-family:"RoadRadio Regular";
    font-size:18px;
}
.single-bar .bar-body{
    width: 55px;
    display: inline-block;
    height: 9px;
    position: relative;
}
.single-bar .empty-bar{
    width:100%;
    height:100%;
    display:block;
    background-color: #fcfcfd ;
}

.single-bar .fill-bar{
    width:34.5%;
    height:9px;
    display:block;
    background-color: #bec9cb ;
    position: absolute;
}
#cik-data
{
  margin-left:15px;  
}

#cik-data .fill-bar{
    background:#59b4c0;
}
#results-page .value{
    width:480px;
    top:0;
}

.one-bar{
    height:20px;
    width:100%;
    position:relative;
}

.one-bar{
    height:20px;
    width:100%;
    position:relative;
}
.one-bar .top-title{
    position: absolute;
    left:0;
    top:0;
}
.one-bar .bottom-title{
    position: absolute;
    left:0;
    bottom:0;
}
.one-bar .bar-body{
    position: absolute;
    left:70px;
    top:0;
    width:420px;
    border-left:1px solid #bec9cb;/*fff*/
    display:block;
    height:100%;
    padding:0 2px;
}
.one-bar .bar-body>span{
    display:block;

    height:10px;
}
.one-bar .bar-body .top-bar{
    margin-top:4px;
    background:#bec9cb;
    width:20%;
}

.double-bar{
    height:40px;
    width:100%;
    position:relative;
}
.double-bar .top-title{
    position: absolute;
    left:0;
    top:0;
}
.double-bar .bottom-title{
    position: absolute;
    left:0;
    bottom:0;
}
.double-bar .bar-body{
    position: absolute;
    left:70px;
    top:0;
    width:420px;
    border-left:1px solid #9aa2a6;
    display:block;
    height:100%;
    padding:0 2px;
}
.double-bar .bar-body>span{
    display:block;

    height:10px;
}
.double-bar .bar-body .top-bar{
    margin-top:4px;
    background:#bec9cb;
    width:20%;
}
.double-bar .bar-body .bottom-bar{
    margin-top:12px;
    background:#59b4c0;
    width:30%;
}
#results-page #data-stream{
    background-color: rgba(255,255,255,0.4);
}
@media (max-height:954px){
    #help-page .float-bottom{
        position: relative;
        margin-top:20px;
    }
    #help-page{
        overflow-y:auto;
    }
    #help-page .slide-body{
        height:auto;
    }
    #results-page #monitor{
        height:955px;
    }
    #interview #monitor{
        height:982px;
    }
    #interview,
    #results-page{
        overflow-y:scroll;
    } 
    #interview #slider-body,
    #results-page #slider-body{
        position: absolute;
        left: 0;
        right: 0;
        top: 122px;
        height: 833px;
    }
    #interview #slider-body{
        height: 860px;
    }
    #results-page #cartridge{
        position: absolute;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
    #results-page .float-bottom{
        position: relative;
        top:182px;
    }
    #results-page .straight-corner{
        position:relative;
        top:130px;
    }
}

.dnf
{
    display:none;
}
#results-page .scrollblock{
    margin-bottom:5px;
}
#catalog-page #page-title{
    background:url(../images2/pages/catalog-title.png) no-repeat;
    width:907px;
    height:113px;
    position: absolute;
    top: 65px;
    left: 150px;
}
#catalog-page .straight-corner,
#table1{
    width:1159px;
    padding:5px;
    position: relative;
    height: auto;
    margin:auto;
    font-family: "Exo 2";
    font-weight: 400;
    color:#ffffff;
    font-size:13px;
    letter-spacing: 0.4px;
    top:-10px;
}
#table1  table{
    width:100%;
}
#table1 >  table{
    table-layout: fixed;
}

#table1 table th{
    font-size:12px;
    box-sizing: content-box;
    word-wrap: break-word;
}

#table1 table thead tr:first-child{
    background-color: rgba(2, 44, 67, 0.15);
    height:40px;
}

#table1 table thead tr:first-child th{
    border-left:1px solid #43b2c5;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#table1 table thead tr:first-child th:first-child{
    border:none;
}
#table1 table thead tr:last-child th{
    padding-top:20px;
    height:70px;
    vertical-align: top;
    line-height: 13px;
}
#catalog-page table{
    width:100%;
}
#catalog-page table th{
    font-size:12px;
}
#catalog-page  table th,
#catalog-page  table td,
#table1 table th,
#table1 table td{
    text-align: left;
    /*color: rgba(255, 255, 255, 0.5);*/
    font-weight:400;
    padding-left:12px;
    box-sizing: border-box;
}
#catalog-page  table td,
#table1  table td{
    height:40px;
    position: relative;
    box-sizing: content-box;
}

.v-table
{
    display:table;
    width:100%;
}
.v-row
{
    display: table-row;
}
.v-text
{
    display: table-cell;
    vertical-align: middle;
    width:400px;
    padding-right:57px;
}
.v-value
{
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding-left:12px;
    padding-right:40px;
}

#table1 table td div.value, 
#catalog-page table td div.value{
    height: 100%;
    display: table;
    float:right;
    width:57px;
}
#table1 table td div.value span, 
#catalog-page table td div.value span{
    display: table-cell;
    vertical-align: middle;
}

#catalog-page table td span.value,
#table1 table td span.value{
    /*display: inline-block;
    float: right;
    width:57px;
    padding-left:12px;
    position: absolute;
    right:0;
    top: calc(50% - 8px);*/
}

#catalog-page table td>span.text,
#table1 table td>span.text{
    display: inline-block;
    width:164px;
    padding-right:57px;
}

#catalog-page table td.quest,
#table1 table td.quest{
    height:60px;
    font-weight: 300;
    /*color:#43b2c5;*/
    line-height: 18px;
    vertical-align: middle;
    /*background-color: rgba(2, 44, 67, 0.45);*/
    background-color:#051a26;
    border-top:1px solid #43b2c5;
}
#catalog-page  table td.quest>span,
#table1  table td.quest>span{
    margin-left:20px;
    display:inline-block;
    width:700px;
}
#table1 .scrollblock table thead{
    visibility: hidden;
}
#table1 table tr:first-child td:nth-child(1){
    text-align: right;
    padding-left:0;
    padding-right:37px;
}
#table1 table tr:first-child td > span{
    margin-left:30px;
}
#table1 table tr:last-child th:nth-child(1){
    text-align:right;
    padding-right:37px;
    padding-left:0;
}
#catalog-page #table1 {
    opacity: 0;
}
#catalog-page #table1.hidden {
    position: absolute;
}
#table1 table tr:last-child th:nth-child(2),
#table1 table tr:last-child th:nth-child(4),
#table1 table tr:last-child th:nth-child(8),
#table1 table tr:last-child th:nth-child(11),
#table1 table td:nth-child(2),
#table1 table td:nth-child(4),
#table1 table td:nth-child(8),
#table1 table td:nth-child(11){
    border-left:1px solid #43b2c5;
}
#table1 table td:nth-child(4),
#table1 table td:nth-child(2),
#table1 table td:nth-child(12),
#table1 table td:nth-child(13),
#table1 table td:nth-child(14){
    width:69px;
    text-align: center;
}
#table1 table td:nth-child(5),
#table1 table td:nth-child(6),
#table1 table td:nth-child(7),
#table1 table td:nth-child(3),
#table1 table td:nth-child(11){
    width:70px;
    text-align: center;
}
#table1 table td:nth-child(8){
    width:67px;
    text-align: center;
}
#table1 table td:nth-child(9),
#table1 table td:nth-child(10){
    width:66px;
    text-align: center;
}

#table1 table td:nth-child(4),
#table1 table td:nth-child(5),
#table1 table td:nth-child(6),
#table1 table td:nth-child(7)
{
     width:45px;
}
#catalog-page tr.even,
#table1 tr.even{
    background-color: rgba(2, 44, 67, 0.25);
}
#catalog-page #table2 tbody tr:last-child,
#catalog-page #table2 thead tr{
    background-color: rgba(2, 44, 67, 0.45);
}
#catalog-page #table2 tbody td:first-child{
    padding-left:20px;
    color:#43b2c5;
}
#catalog-page #table2 tbody tr:first-child td:first-child{
    color: rgba(255, 255, 255, 0.5);
}
#catalog-page #table2 thead tr{
    height:50px;
}
#catalog-page #table2 tbody tr:last-child td{
    border-top:1px solid #43b2c5;
}
#catalog-page #table2 tbody tr:first-child td{
    border-bottom:1px solid #43b2c5;
}
#catalog-page #table2  th:nth-child(1){
    width:320px;
}
#catalog-page #table2  th:nth-child(2),
#catalog-page #table2  th:nth-child(3),
#catalog-page #table2  th:nth-child(5){
    width:210px;
}
#catalog-page #table2  th:nth-child(4){
    width:200px;
}
#catalog-menu{
    width:680px;
    margin:0 auto;
}
#catalog-menu .float-block{
    left:0;
    margin-right:34px;
    margin-left:0;
    margin-top:0;
}
#catalog-menu li:last-child{
    margin-right:0px;
}
#catalog-menu .election{
    font-size:13px;
}
#askQuest{
    display: block;
    width:230px;
    height:50px;
    position: relative;
    margin:55px auto 0;
    padding:6px;
    box-sizing: border-box;
}
#askQuest>span{
    display: block;
    font-size: 13px;
    line-height:37px;
    text-align: center;
}
#callback-popup{
    height:512px;
    width:741px;
    background:none;
    z-index:1000;
}
#callback-popup .corners-bottom:before,
#callback-popup .corners-top:before,
#callback-popup .corners-bottom:after,
#callback-popup.corners-top:after{
    border-color:#FFF;
}
#callback-popup .bottom-lines{
    border-color: rgba(112, 255, 149, 0.4)
}
#callback-popup .bottom-lines>span,
#callback-popup .body-lines:before,
#callback-popup .body-lines:after{
    background: rgba(112, 255, 149, 0.4)
}
#callback-popup .body-lines:before,
#callback-popup .body-lines:after{
    top:25px;
    bottom:25px;
    height:auto;
}
#callback-popup .popup-content{
    height:406px;
    margin-bottom:5px;
    background: rgba(255, 255, 255, 0.8);
    position: relative;
    padding-bottom:0;
}
#callback-popup .footer-block{
    background-color: rgba(140, 229, 182, 0.5);
    background-image: none;
}
.popup-bg{
    background: rgba(2, 44, 67, 0.9);
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:999;
}
#callback-popup .popup-content>img{
    position: absolute;
    top: -146px;
    right: -178px;
    z-index:0;
}
#callback-popup .close-popup{
    z-index:1;
}
#callback-popup .popup-content>form{
    font-family: "Exo 2";
    font-weight:500;
    color:#2d4250;    
    font-size: 15px;
    letter-spacing: 0.25px;
    line-height:20px;
    padding-top:25px;
    padding-left:32px;
    position: relative;
    z-index:1;
}
#callback-popup .popup-content>form label{
    display: block;
    padding-bottom:8px;
}
#callback-popup .popup-content>form input,
#callback-popup .popup-content>form textarea{
    border: 1px solid #8c9aab;
    background: transparent;
    width:385px;
    color: #3b6e89;
}
#callback-popup .popup-content>form input{
    line-height: 45px;
    margin-bottom:20px;
    font-size:18px;
    padding:0 20px;
    width:345px;
}
#callback-popup .popup-content>form textarea{
    height: 157px;

}
#callback-popup .controls{
    position: relative;
    z-index:1;
}
#callback-popup .controls button{
    width:100%;
    height:47px;
    margin-left:0
}
#catalog-menu .election{
    opacity:1;
    color:#24343d;
}
#start-slides{
    background-color: #001e2f;
    background-image: url(../images2/slides/slider-shadow.png);
    background-repeat: no-repeat;
    background-size: auto auto;
    background-position: center 96px, center, center;
}
#start-slides .float-bottom .time-line,
#start-slides #logo>img,
#start-slides #logo>div
{
    opacity: 0.1;
}
#start-slides .float-bottom #hint{
    opacity:0.3;
    color: #9ffcf7;
}
#start-slides .additional-back{
    background-image: url(../images2/background-lines.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
#start-slides .ball-bg{
    background: url(../images2/slides/big-ball.png) no-repeat top center;
    width:100%;
    height:100%;
    position: absolute;
    z-index:4;
}
#start-slides .slide-content{
    position: absolute;
    top:0;
    bottom:0;
    margin: auto;
    z-index:5;
    color:#9ffcf7;
    width:561px;
    left:0;right:0;
    text-align: center;
}
.slide-content p{
    font-family: "Exo 2";
    font-weight:300;
    font-size:20.48px;
    line-height: 29px;
    letter-spacing: 0.2px;
    margin-top:36px;
}
.slide-content h3{
    color:#398f98;
    font-size:19.55px;
    text-transform: uppercase;
    margin: 0 auto;
    opacity:0.7;

}
#start-slides #hint>span,
#candidates-page #hint>span{
    border-bottom:none;
}
#start-slides #hint>span:before,
#candidates-page #hint>span:before{
    opacity:1;
    top: 20px;
    left: 20px;
}
.man-figure{
    position: absolute;
    background: url(../images2/slides/man.png) no-repeat;
    width:244px;
    height:717px;
    z-index:3;
    margin: auto;
    left: 0;
    right: 0;
    bottom: -245px;
}
.typed-cursor{
    display:none;
}
#slide2{
    height:465px;
}
#slide1{
    height:165px;
}
#slide3, #slide4{
    height: 420px;
}
#slide4 h3{
    color:#70ff95;
    opacity:1;
}
#slide2 h1{
    color:#9ffcf7;
    font-size:21px;
    line-height: 21px;
    letter-spacing: 1.75px;
    margin-top:-55px;
}
#slide3 h3{
    margin-top: -227px;
}
#slide4 p{
    margin-top: -280px;
}
.share-btns
{
    width:218px;
    height:40px;
    position: absolute;
    padding:5px;
    left: 0;
    right: 0;
    margin: auto;
    top: -55px;
    display: none;
}
.share-btns .corners-bottom:before,
.share-btns .corners-bottom:after{
    border-color:#FFF;
}
.share-btns .btn-group{
    width:100%;
    height:100%;
    background-color:rgba(112, 255,149, 0.5);
}
.share-btns .btn-group > a{
    width:72px;
    height:100%;
    display:block;
    float:left;
}
#twitter-share{
    position: relative;
    width:74px;
    background: url(../images2/socials/twitter.png) center center no-repeat;
}
#vk-share{
    background: url(../images2/socials/vk.png) center center no-repeat;
}
#facebook-share{
    background: url(../images2/socials/facebook.png) center center no-repeat;
}
#twitter-share:before,
#twitter-share:after{
    position: absolute;
    top:0;
    bottom:0;
    margin:auto;
    content:"";
    width:1px;
    height:25px;
    background-color: rgba(255, 255, 255, 0.5);
}
#twitter-share:before{
    left:0;
}
#twitter-share:after{
    right:0;
}
#interview-info-page{
    display:none;
}
#results-interview{
    overflow:auto;
}
#table1{
    overflow:hidden;
}
#results-interview .controls{
    position: relative;
    width:701px;
    margin:0 auto;
    height:70px;
    padding:0 10px;
}
#results-interview .middle-content
{
   top:-50px; 
}
#results-interview .controls>button{
    height:37px;
    position: relative;
    top:25px;
}
#results-interview .controls .body-lines:before,
#results-interview .controls .body-lines:after{
    top: 25px;
    bottom: 25px;
    margin: auto;
    height: auto;
    background: rgba(112, 255, 144, 0.4);
}
#results-interview .controls .corners-bottom:before,
#results-interview .controls .corners-bottom:after{
    border-color: rgba(255, 255, 255, 0.4);
}
#results-interview .controls .bottom-lines{
    border-color: rgba(112, 255, 144, 0.4);
}
.light-bg .additional-back{
    height:100%;
    /*background-image: url(../images2/background-lines.png), url(../images2/background-plus.png);
    background-repeat: no-repeat, repeat;
    background-size: 100% 100%, auto auto;*/
}
#results-page .anwers li:after{
    content: "";
    width: 2px;
    height: 2px;
    background-color: #285e78;
    position: absolute;
    left: 24px;
    top: 19px;
    opacity: 0.5;
}
#results-page .btn-blue{
    background:rgba(5,30,45,0.8);
    width:246px;
    font-size:13px;
}
#results-page .btn-blue:hover:enabled {
    background: rgba(68, 166, 180, 0.8);
}
#callback-popup .popup-title{
    margin-left:0;
}
#catalog-page .float-block{
    background: none;
    padding:5px;
    width:190px;
    height:225px;
}
#catalog-page .float-block .float-content{
    background:rgba(255, 255, 255, 0.85);
    height:100%;
    padding-top:20px;
    padding-left:20px;
    box-sizing: border-box;
    width:100%;
}
#catalog-page .btn-blue{
    width:100%;
    height:100%;
}
#catalog-page .icon.balls{
    background-image: url(../images2/icons/balls-catalog.png);
    opacity:1;
    top:0;
}
#catalog-page .icon.folder{
    background-image: url(../images2/icons/folder-dark.png);
    opacity:1;
    left:-8px;
    top:8px;
}
#catalog-page .float-block:before {
    bottom:19px;
}
#catalog-page .date{
    color:#688a99;
}
.creator-hint-hide #help-panel{
    display: none;
}

li.no-question .slider
{
    display: none;
}
.info-label
{
    display: none;
}
li.no-question .info-label
{
    display: inline-block;
    color:#9d9ea0;
    position:relative;
    left:85px;
    top:5px;
}
li.no-question .counter
{
    color:#9d9ea0 !important;
}
li.no-question .bar-header{
    visibility: hidden;
}