@charset "UTF-8";
.main-container{
    padding:0;
    margin:0;
    border:0;
    width:100%;
    height:100%;
    overflow:hidden;
    background-color:#000
}
.debug{
    left:0;
    font-size:14px;
    color:red
}
.main-container{
    position:absolute;
    top:0;
    left:0;
    /* text-align:center */
}
.main-container canvas{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.main-container__no-webgl{
    height:100%
}
.main-container__no-webgl:before{
    content:"";
    display:inline-block;
    vertical-align:middle;
    height:100%;
    width:1px;
    margin-right:-1px
}
.details,.planet-comment{
    position:absolute
}
.planet-comment{
    width:200px;
    background-color:rgba(0,0,0,.5);
    border-top:2px solid #7ccea4;
    pointer-events:none
}
.planet-comment-text{
    font-size:16px;
    color:#fff;
    width:90%;
    height:auto;
    padding:5px 10px
}
.planet-comment-line{
    height:2px;
    width:100px;
    background-color:#7ccea4;
    -webkit-transform-origin:0 50% 0;
    transform-origin:0 50% 0
}
.help,.planet-comment-line{
    position:absolute;
    pointer-events:none
}
.help{
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    width:100%;
    height:4em;
    line-height:4em;
    text-align:center;
    vertical-align:middle;
    font-size:2rem;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:default;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    z-index:1;
    display:none
}
.help__cont{
    line-height:1.15;
    display:inline-block;
    vertical-align:bottom
}
@media only screen and (max-width:1024px){
    .help{
        font-size:2.444rem;
        padding:0 1em;
        height:2em;
        line-height:2em
    }
}
@font-face{
    font-family:Bgothm;
    src:url(/clbs/resources/fonts/bgothm.eot?e8adc41247ec44f51d1cead8fdf45b73);
    src:url(/clbs/resources/fonts/bgothm.eot?e8adc41247ec44f51d1cead8fdf45b73) format("embedded-opentype"),url(/clbs/resources/fonts/bgothm.woff?e386bd26958d7169f69e43d56416a1fd) format("woff"),url(/clbs/resources/fonts/bgothm.ttf?3258ca8bb3a1861325c63ec376c3941a) format("truetype");
    font-style:normal;
    font-weight:100
}

/* @media only screen and (max-width:1024px){
    html{
        content:attr(data-mobile)
    }
}
@media only screen and (min-width:1025px){
    html{
        content:attr(data-desktop)
    }
}
@media screen and (min-device-aspect-ratio:1/1) and (orientation:landscape) and (max-device-width:1024px){
    html{
        content:attr(data-landscape)!important
    }
} */
/* body,html{
    margin:0;
    padding:0
}
html{
    font-family:Arial,sans-serif;
    line-height:1.2;
    font-size:18px;
    height:100%
}
@media only screen and (max-width:1024px){
    html{
        width:100%;
        overflow-x:hidden;
        font-size:9px
    }
}
body{
    background:#000;
    color:#fff;
    min-height:0;
    height:100%;
    position:relative
} */
:link,:visited{
    outline:none;
    color:#fff;
    text-decoration:none
}
.landscape,.landscape body{
    position:fixed
}
.kaspersky-app{
    min-width:100%;
    height:100%
}
.clearfix:after{
    content:"";
    display:table;
    clear:both
}
.row{
    display:block;
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    clear:both
}
.row:after{
    content:"";
    display:table;
    clear:both
}
.column{
    text-align:left;
    float:left;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.column-1{
    width:8.33333333%
}
.column-2{
    width:16.66666667%
}
.column-3{
    width:25%
}
.column-4{
    width:33.33333333%
}
.column-5{
    width:41.66666667%
}
.column-6{
    width:50%
}
.column-7{
    width:58.33333333%
}
.column-8{
    width:66.66666667%
}
.column-9{
    width:75%
}
.column-10{
    width:83.33333333%
}
.column-11{
    width:91.66666667%
}
.column-12{
    width:100%
}
.scroll{
    position:relative
}
@media only screen and (min-width:1025px){
    .scroll{
        height:100%;
        overflow-y:hidden
    }
}
@media only screen and (max-width:1024px){
    .scroll__masked{
        -webkit-mask:none!important;
        mask:none!important
    }
}
@media only screen and (min-width:1025px){
    .scroll__masked{
        -webkit-mask-image:-webkit-gradient(linear,left top,left bottom,color-stop(70%,#000),color-stop(95%,transparent));
        -webkit-mask-image:linear-gradient(180deg,#000 70%,transparent 95%);
        mask-image:-webkit-gradient(linear,left top,left bottom,color-stop(70%,#000),color-stop(95%,transparent));
        mask-image:linear-gradient(180deg,#000 70%,transparent 95%);
        height:100%
    }
}
@media only screen and (min-width:1025px){
    .scroll__cont{
        overflow:auto
    }
    .scroll__cont:not(.scroll__cont_clean){
        padding-bottom:6rem
    }
}
.scroll-mask{
    position:absolute;
    width:0;
    height:0
}
.button{
    line-height:2.333rem;
    font-size:1rem;
    vertical-align:middle;
    cursor:pointer;
    position:relative;
    display:inline-block;
    border:none;
    color:#fff;
    text-align:center;
    text-transform:uppercase;
    font-weight:900;
    -webkit-box-shadow:0 0 .389rem rgba(72,234,182,.35),-.556rem .444rem .556rem rgba(72,234,182,.3);
    box-shadow:0 0 .389rem rgba(72,234,182,.35),-.556rem .444rem .556rem rgba(72,234,182,.3);
    background:#257962;
    -webkit-transition:background-color .4s,opacity .2s,-webkit-box-shadow .4s;
    transition:background-color .4s,opacity .2s,-webkit-box-shadow .4s;
    transition:box-shadow .4s,background-color .4s,opacity .2s;
    transition:box-shadow .4s,background-color .4s,opacity .2s,-webkit-box-shadow .4s
}
.button:after{
    background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='2' height='2' viewBox='0 0 2 2' xml:space='preserve'%3E%3Crect y='1' fill='rgba(0,0,0,0.07)' width='2' height='1'/%3E%3C/svg%3E") repeat scroll 0 0
}
.button:after,.button:before{
    content:"";
    display:inline-block;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0
}
.button:before{
    background-color:#48eab6;
    -webkit-transition:top .5s,bottom .5s;
    transition:top .5s,bottom .5s
}
.button:not(.button_inactive):hover{
    background-color:#257962;
    -webkit-box-shadow:0 0 .389rem rgba(72,234,182,.15),-.556rem .444rem .556rem rgba(72,234,182,.13);
    box-shadow:0 0 .389rem rgba(72,234,182,.15),-.556rem .444rem .556rem rgba(72,234,182,.13)
}
.button:not(.button_inactive):hover:before{
    -webkit-transition:opacity .2s;
    transition:opacity .2s;
    opacity:0;
    top:50%;
    bottom:50%
}
.button__content{
    padding:0 1rem;
    display:inline-block;
    position:relative;
    z-index:1;
    vertical-align:middle
}
@media only screen and (max-width:1024px){
    .button__content{
        padding:0 2rem
    }
}
.button_inactive{
    pointer-events:none;
    opacity:.5
}
.button_solid-green:before{
    background:#00ffa7
}
.button_no-lines:after{
    display:none
}
@media only screen and (max-width:1024px){
    .button{
        font-size:1.333rem;
        line-height:3.889rem
    }
}
.border-button{
    border-radius:0;
    background:none;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    text-transform:uppercase;
    text-align:center;
    color:#04aa73;
    font-size:.556rem;
    cursor:pointer
}
@media only screen and (min-width:1025px){
    .border-button{
        font-weight:400;
        border:1px solid #04aa73;
        line-height:1.4;
        padding:2px 6px 0;
        display:inline-block
    }
}
@media only screen and (max-width:1024px){
    .border-button{
        width:100%;
        border:1px solid #04aa73;
        font-size:1.667rem;
        line-height:2;
        font-weight:900
    }
}
.border-button_green{
    border-color:#04aa73
}
.border-button_bg{
    position:relative
}
.border-button_bg:before{
    content:"";
    position:absolute;
    background:url(/clbs/resources/img/planet/border-button-bg.png?b922338c49c4653c76af2b483589554c) no-repeat scroll 50% 50%;
    background-size:100% 100%;
    left:-1.667rem;
    right:-1.667rem;
    top:-.389rem;
    bottom:-.833rem
}
.border-button_bg span{
    position:relative
}
.close-button{
    text-align:center;
    vertical-align:middle;
    border:none;
    background:none
}
.image-preloader{
    visibility:hidden;
    position:absolute;
    left:-9999px;
    top:-9999px
}
.list{
    padding:0;
    margin:0
}
.list__item{
    list-style:none;
    padding:0
}
.radio{
    display:none
}
.radio+label{
    cursor:pointer
}
.disable-select{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:default
}
.pattern{
    position:relative
}
.pattern:before{
    content:"";
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    background:repeat;
    left:0;
    top:0
}
.pattern_top:before{
    z-index:1
}
.pattern_hex:before{
    background-image:url(/clbs/resources/img/planet/pattern_hex.png?a2bb1378f93d34f1e35b138285ed1026);
    background-size:.778rem .444rem
}
.pattern_lines:before{
    background-image:url(/clbs/resources/img/planet/pattern_line.svg?9d0acd0f6f02bb79bf1a547b0571858c)
}
.pattern_lines-2:before{
    background-image:url(/clbs/resources/img/planet/pattern_line-2.svg?b2126e29ff48f793f87e027a8ee6e596)
}
.pattern_lines-3:before{
    background-image:url(/clbs/resources/img/planet/pattern_line-3.svg?e524965df909bc6d59a9a51153e89155)
}
.pattern_lines-4:before{
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='2' height='2' viewBox='0 0 2 2' xml:space='preserve'%3E%3Crect y='1' fill='rgba(255,255,255,.12)' width='2' height='1'/%3E%3C/svg%3E")
}
.pattern__content{
    width:100%;
    height:100%;
    position:relative
}
/* body,h1,h2,h3,h4,h5,h6{
    font-weight:900
} */
button:invalid,input:invalid{
    -webkit-box-shadow:none;
    box-shadow:none
}
button:focus,input:focus{
    outline:none
}
.logo{
    background:url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 602.7 200.1' style='enable-background:new 0 0 602.7 200.1;    ' xml:space='preserve'%3E%3Cg id='Layer_2'%3E%3C/g%3E%3Cg id='Ñëîé_1' stroke='%2300FFA7' fill='%2300FFA7'%3E%3Cg%3E%3Cpolygon points='140.1,127.4 174.5,38.2 208.8,127.4 238.3,127.4 189.3,0 189.3,0 189.3,0 159.8,0 159.8,0 159.8,0 110.7,127.4 '/%3E%3Cg%3E%3Cg%3E%3Crect y='50' width='82.6' height='27.5'/%3E%3C/g%3E%3Cg%3E%3Crect y='99.8' width='82.6' height='27.5'/%3E%3C/g%3E%3Cg%3E%3Crect y='0.1' width='82.6' height='27.5'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect x='487.6' y='0.1' width='27.5' height='127.2'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath d='M302,90.5l36.8,36.8H300l-36.1-36.1l0.1-27.5h29.5c5.9,0,10.5-1.8,13.6-5.3c2.9-3.2,4.5-7.9,4.5-12.8 c0-1.2-0.2-8.3-5-13.2c-2.7-2.8-6.8-4.9-13.1-4.9H264V0h29.5c2.1,0,4.2,0.1,6.3,0.4C310,1.7,319.1,6,326,13 c0.5,0.5,1.1,1.1,1.6,1.7c7.4,8.3,11.4,19.3,11.4,31s-4.1,22.7-11.4,31C321,84,312.2,88.8,302,90.5z'/%3E%3C/g%3E%3Cg%3E%3Crect x='395.1' y='55.1' width='27.5' height='72.3'/%3E%3Cpolygon points='422.6,0.1 395.1,0.1 360.1,0.1 360.1,27.6 395.1,27.6 422.6,27.6 457.5,27.6 457.5,0.1 '/%3E%3C/g%3E%3Cpolygon points='575.2,0.1 575.2,50 546,50 546,77.4 575.2,77.4 575.2,127.3 602.7,127.3 602.7,77.4 602.7,50 602.7,0.1 '/%3E%3C/g%3E%3Cpath d='M0.9,196.7c0-13.7,17.8-15.9,17.8-23.5c0-3.3-2.6-5.3-5.8-5.3c-4.5,0-6.9,4.5-6.9,4.5L0.9,169c0,0,3.5-7.6,12.6-7.6 c6.7,0,12.4,4.1,12.4,11.3c0,12.2-17.1,14.3-17.2,21.5h17.8v6H1.2C1.1,198.9,0.9,197.8,0.9,196.7z'/%3E%3Cpath d='M191.7,181c0-10.9,3.4-19.6,13.8-19.6c10.4,0,13.8,8.7,13.8,19.6c0,10.9-3.4,19.7-13.8,19.7 C195.1,200.7,191.7,191.9,191.7,181z M212.2,181c0-7.4-1.5-13.2-6.7-13.2c-5.2,0-6.7,5.8-6.7,13.2c0,7.5,1.5,13.4,6.7,13.4 C210.7,194.4,212.2,188.5,212.2,181z'/%3E%3Cpath d='M388,190.4c0,0,3.2,3.8,8.1,3.8c3.7,0,7.2-2.5,7.2-6.5c0-4-3.3-6.6-7.7-6.6c-3.4,0-5.9,1.6-5.9,1.6l-3.8-1.4l1.8-19.3h20v6 h-14.1l-0.6,6.3c-0.1,1-0.3,1.8-0.3,1.8h0.1c0,0,1.8-0.9,4.1-0.9c8.4,0,13.4,5.6,13.4,12.5c0,7.5-5.8,13.1-13.7,13.1 c-8,0-12.2-5.1-12.2-5.1L388,190.4z'/%3E%3Cpath d='M575.4,181c0-10.9,3.4-19.6,13.8-19.6c10.4,0,13.8,8.7,13.8,19.6c0,10.9-3.4,19.7-13.8,19.7 C578.8,200.7,575.4,191.9,575.4,181z M595.9,181c0-7.4-1.5-13.2-6.7-13.2c-5.2,0-6.7,5.8-6.7,13.2c0,7.5,1.5,13.4,6.7,13.4 C594.4,194.4,595.9,188.5,595.9,181z'/%3E%3C/g%3E%3C/svg%3E") no-repeat scroll 0 0;
    background-size:auto 100%;
    font-size:2.556rem;
    width:13rem;
    height:2.556rem;
    display:block;
    float:left
}
.logo_20{
    background-position:100% 0;
    width:1.143em;
    margin-right:0;
    display:none
}
@media only screen and (max-width:1024px){
    .logo{
        margin-top:.5rem;
        font-size:4.155rem;
        width:218px;
        height:75px;
        background-size:100% auto;
        background-position:top
    }
}
@media only screen and (max-width:640px){
    .logo{
        margin-top:6px;
        width:155px;
        height:52px;
        font-size:4.155rem
    }
}
.logo-kav{
    background:url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='142' height='31' viewBox='0 0 1024 210' fill='none' %3E%3Cpath d='M461.527 105.719C461.527 144.382 437.938 162.66 408.413 162.66H390.369V139.461H407.007C424.816 139.461 436.687 129.855 436.687 105.719C436.687 81.8168 425.46 69.8642 406.479 69.8642C388.201 69.8642 375.137 81.1137 375.137 105.25V202.264H350.532V49.7112H375.137V62.8356H378.652C386.854 51.8221 398.98 46.8992 411.634 46.8992C438.817 46.8992 461.527 66.5834 461.527 105.719ZM299.82 95.6408L283.416 94.0002C270.528 92.8288 263.732 89.3138 263.732 81.8149C263.732 72.9104 272.403 67.7552 284.822 67.7552C297.711 67.7552 305.912 73.8476 306.615 82.5179H330.283C329.346 60.4909 312.24 46.8992 285.057 46.8992C257.64 46.8992 239.127 61.4281 239.127 82.7525C239.127 100.562 250.375 112.044 275.918 114.622L292.555 116.262C302.632 117.199 309.428 119.308 309.428 128.916C309.428 137.587 303.1 143.913 286.463 143.913C271.142 143.913 263.593 136.961 260.944 127.642H235.339C237.89 148.944 255.785 165.472 286.463 165.472C315.286 165.472 334.032 150.24 334.032 127.745C334.032 107.826 320.91 97.7499 299.82 95.6408ZM556.822 127.642C552.962 136.507 543.739 143.211 530.651 143.211C512.608 143.211 499.251 131.494 499.251 106.186C499.251 82.0495 511.67 68.6924 530.885 68.6924C547.992 68.6924 557.834 79.0033 558.772 94.469H514.482V112.28H582.908V100.562C582.908 67.9894 561.349 46.8992 530.651 46.8992C502.063 46.8992 474.645 66.3492 474.645 106.186C474.645 146.022 502.063 165.472 530.651 165.472C556.8 165.472 575.446 149.365 581.239 127.642H556.822ZM168.945 46.8992C141.997 46.8992 121.844 60.9611 119.501 82.5179H145.98C147.855 74.5525 155.119 68.6942 168.945 68.6942C186.755 68.6942 192.613 78.069 192.613 89.5498V128.213C182.537 139.697 170.82 145.085 159.103 145.085C146.918 145.085 138.482 139.227 138.482 128.684C138.482 118.605 145.043 112.28 157.697 112.28H177.381V94.469H156.994C128.874 94.469 113.174 108.531 113.174 130.088C113.174 150.24 128.405 165.472 153.479 165.472C167.539 165.472 179.959 159.85 189.098 153.052H192.613V162.66H217.218V87.2048C217.218 59.3191 198.237 46.8992 168.945 46.8992ZM2 162.66H26.6052V8H2V162.66ZM105.341 49.7112H75.3465L39.4935 96.8141V111.577L76.2837 162.66H106.747L63.63 104.077L105.341 49.7112ZM994.817 49.7112L974.664 94.469C969.743 105.25 965.059 115.793 963.652 122.825H960.134C958.728 115.793 953.809 105.483 948.888 94.7051L928.735 49.7112H901.552L948.888 151.178L925.454 202.264H951.7L1022 49.7112H994.817ZM896.11 49.7112H866.115L830.262 96.8141V111.577L867.052 162.66H897.516L854.398 104.077L896.11 49.7112ZM742.056 95.6408L725.653 94.0002C712.764 92.8288 705.969 89.3138 705.969 81.8149C705.969 72.9104 714.639 67.7552 727.059 67.7552C739.947 67.7552 748.149 73.8476 748.852 82.5179H772.519C771.582 60.4909 754.476 46.8992 727.293 46.8992C699.876 46.8992 681.364 61.4281 681.364 82.7525C681.364 100.562 692.612 112.044 718.154 114.622L734.792 116.262C744.868 117.199 751.664 119.308 751.664 128.916C751.664 137.587 745.337 143.913 728.699 143.913C713.378 143.913 705.829 136.961 703.18 127.642H677.575C680.126 148.944 698.021 165.472 728.699 165.472C757.522 165.472 776.269 150.24 776.269 127.745C776.269 107.826 763.146 97.7499 742.056 95.6408ZM792.768 162.66H817.373V8H792.768V162.66ZM630.516 62.8356H627.001V49.7112H602.396V162.66H627.001V103.608C627.001 83.4555 636.313 71.7386 654.653 71.7386H670.229V46.8992H661.214C644.197 46.8992 636.965 53.3172 630.516 62.8356Z' fill='white'/%3E%3C/svg%3E") no-repeat scroll 0 0;
    background-size:auto 100%;
    font-size:1.389rem;
    width:6.389rem;
    height:1.389rem;
    display:block;
    float:left;
    margin-bottom:-5px
}
.logo-kav_20{
    background-position:100% 0;
    width:1.034em;
    margin-right:0;
    display:none
}
@media only screen and (max-width:1024px){
    .logo-kav{
        display:none
    }
}
@media only screen and (max-width:640px){
    .logo-kav{
        display:none
    }
}
.logo-kav-mobile{
    background:url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='142' height='31' viewBox='0 0 1024 210' fill='none' %3E%3Cpath d='M461.527 105.719C461.527 144.382 437.938 162.66 408.413 162.66H390.369V139.461H407.007C424.816 139.461 436.687 129.855 436.687 105.719C436.687 81.8168 425.46 69.8642 406.479 69.8642C388.201 69.8642 375.137 81.1137 375.137 105.25V202.264H350.532V49.7112H375.137V62.8356H378.652C386.854 51.8221 398.98 46.8992 411.634 46.8992C438.817 46.8992 461.527 66.5834 461.527 105.719ZM299.82 95.6408L283.416 94.0002C270.528 92.8288 263.732 89.3138 263.732 81.8149C263.732 72.9104 272.403 67.7552 284.822 67.7552C297.711 67.7552 305.912 73.8476 306.615 82.5179H330.283C329.346 60.4909 312.24 46.8992 285.057 46.8992C257.64 46.8992 239.127 61.4281 239.127 82.7525C239.127 100.562 250.375 112.044 275.918 114.622L292.555 116.262C302.632 117.199 309.428 119.308 309.428 128.916C309.428 137.587 303.1 143.913 286.463 143.913C271.142 143.913 263.593 136.961 260.944 127.642H235.339C237.89 148.944 255.785 165.472 286.463 165.472C315.286 165.472 334.032 150.24 334.032 127.745C334.032 107.826 320.91 97.7499 299.82 95.6408ZM556.822 127.642C552.962 136.507 543.739 143.211 530.651 143.211C512.608 143.211 499.251 131.494 499.251 106.186C499.251 82.0495 511.67 68.6924 530.885 68.6924C547.992 68.6924 557.834 79.0033 558.772 94.469H514.482V112.28H582.908V100.562C582.908 67.9894 561.349 46.8992 530.651 46.8992C502.063 46.8992 474.645 66.3492 474.645 106.186C474.645 146.022 502.063 165.472 530.651 165.472C556.8 165.472 575.446 149.365 581.239 127.642H556.822ZM168.945 46.8992C141.997 46.8992 121.844 60.9611 119.501 82.5179H145.98C147.855 74.5525 155.119 68.6942 168.945 68.6942C186.755 68.6942 192.613 78.069 192.613 89.5498V128.213C182.537 139.697 170.82 145.085 159.103 145.085C146.918 145.085 138.482 139.227 138.482 128.684C138.482 118.605 145.043 112.28 157.697 112.28H177.381V94.469H156.994C128.874 94.469 113.174 108.531 113.174 130.088C113.174 150.24 128.405 165.472 153.479 165.472C167.539 165.472 179.959 159.85 189.098 153.052H192.613V162.66H217.218V87.2048C217.218 59.3191 198.237 46.8992 168.945 46.8992ZM2 162.66H26.6052V8H2V162.66ZM105.341 49.7112H75.3465L39.4935 96.8141V111.577L76.2837 162.66H106.747L63.63 104.077L105.341 49.7112ZM994.817 49.7112L974.664 94.469C969.743 105.25 965.059 115.793 963.652 122.825H960.134C958.728 115.793 953.809 105.483 948.888 94.7051L928.735 49.7112H901.552L948.888 151.178L925.454 202.264H951.7L1022 49.7112H994.817ZM896.11 49.7112H866.115L830.262 96.8141V111.577L867.052 162.66H897.516L854.398 104.077L896.11 49.7112ZM742.056 95.6408L725.653 94.0002C712.764 92.8288 705.969 89.3138 705.969 81.8149C705.969 72.9104 714.639 67.7552 727.059 67.7552C739.947 67.7552 748.149 73.8476 748.852 82.5179H772.519C771.582 60.4909 754.476 46.8992 727.293 46.8992C699.876 46.8992 681.364 61.4281 681.364 82.7525C681.364 100.562 692.612 112.044 718.154 114.622L734.792 116.262C744.868 117.199 751.664 119.308 751.664 128.916C751.664 137.587 745.337 143.913 728.699 143.913C713.378 143.913 705.829 136.961 703.18 127.642H677.575C680.126 148.944 698.021 165.472 728.699 165.472C757.522 165.472 776.269 150.24 776.269 127.745C776.269 107.826 763.146 97.7499 742.056 95.6408ZM792.768 162.66H817.373V8H792.768V162.66ZM630.516 62.8356H627.001V49.7112H602.396V162.66H627.001V103.608C627.001 83.4555 636.313 71.7386 654.653 71.7386H670.229V46.8992H661.214C644.197 46.8992 636.965 53.3172 630.516 62.8356Z' fill='white'/%3E%3C/svg%3E") no-repeat scroll 0 0;
    background-size:auto 100%;
    font-size:1.389rem;
    width:182px;
    height:40px;
    display:none;
    margin-top:5px;
    text-align:center
}
.logo-kav-mobile_20{
    display:none
}
@media only screen and (max-width:1024px){
    .logo-kav-mobile{
        display:inline-block
    }
}
@media only screen and (max-width:640px){
    .logo-kav-mobile{
        display:inline-block
    }
}
.back-btn>svg{
    font-size:1.944rem;
    width:1em;
    height:.857em;
    float:left
}
.back-btn>svg,.back-btn__text{
    display:inline-block;
    vertical-align:middle
}
.back-btn__text{
    font-size:.806rem;
    line-height:1.1;
    margin-left:.889rem;
    -webkit-transition:margin .2s,color .2s;
    transition:margin .2s,color .2s
}
.back-btn .back-btn-svg__mask{
    -webkit-transform:scaleY(.001);
    transform:scaleY(.001);
    -webkit-transform-origin:50% .857em;
    transform-origin:50% .857em;
    -webkit-transition:-webkit-transform .2s ease-out;
    transition:-webkit-transform .2s ease-out;
    transition:transform .2s ease-out;
    transition:transform .2s ease-out,-webkit-transform .2s ease-out
}
.back-btn:hover .back-btn-svg__mask{
    -webkit-transition-duration:.4s;
    transition-duration:.4s;
    -webkit-transform:scale(1);
    transform:scale(1)
}
.back-btn:hover .back-btn__text{
    margin-left:1.111rem;
    color:#31b987
}
.hr{
    display:table;
    width:100%;
    white-space:nowrap;
    line-height:1
}
.hr:after,.hr:before{
    content:"";
    border-top:1px solid #fff;
    display:table-cell;
    width:50%;
    position:relative;
    top:.5em
}
.share__item{
    width:1em;
    height:1.056em
}
.share__item,.share__item>*{
    position:relative;
    display:block
}
.share__item>*{
    width:100%;
    height:100%
}
.share__item path{
    -webkit-transition:fill .3s;
    transition:fill .3s
}
.share__item:before{
    content:"";
    background:url(/clbs/resources/img/planet/seq.png?a5ecfd136f980e0b6869ca613fc2f13f);
    background-size:600% 800%;
    width:2.222em;
    height:2.222em;
    margin:auto;
    padding:0;
    position:absolute;
    left:-.611em;
    top:-.611em;
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transition:-webkit-transform .2s;
    transition:-webkit-transform .2s;
    transition:transform .2s;
    transition:transform .2s,-webkit-transform .2s
}
.share__item:hover{
    -webkit-filter:drop-shadow(0 0 .833em hsla(0,0%,100%,.75)) drop-shadow(0 0 .556em hsla(0,0%,100%,.5)) drop-shadow(0 0 .278em hsla(0,0%,100%,.25));
    filter:drop-shadow(0 0 .833em rgba(255,255,255,.75)) drop-shadow(0 0 .556em rgba(255,255,255,.5)) drop-shadow(0 0 .278em rgba(255,255,255,.25))
}
.share__item:hover:before{
    -webkit-animation:share_hover 1.88s infinite;
    animation:share_hover 1.88s infinite;
    -webkit-transform:scale(1);
    transform:scale(1);
    display:block
}
@-webkit-keyframes share_hover{
    0%,2.219%{
        background-position:0 0
    }
    2.22%,4.439%{
        background-position:20% 0
    }
    4.44%,6.669%{
        background-position:40% 0
    }
    6.67%,8.889%{
        background-position:60% 0
    }
    8.89%,11.109%{
        background-position:80% 0
    }
    11.11%,13.329%{
        background-position:100% 0
    }
    13.33%,15.559%{
        background-position:0 14.28571429%
    }
    15.56%,17.779%{
        background-position:20% 14.28571429%
    }
    17.78%,19.999%{
        background-position:40% 14.28571429%
    }
    20%,22.219%{
        background-position:60% 14.28571429%
    }
    22.22%,24.439%{
        background-position:80% 14.28571429%
    }
    24.44%,26.669%{
        background-position:100% 14.28571429%
    }
    26.67%,28.889%{
        background-position:0 28.57142857%
    }
    28.89%,31.109%{
        background-position:20% 28.57142857%
    }
    31.11%,33.329%{
        background-position:40% 28.57142857%
    }
    33.33%,35.559%{
        background-position:60% 28.57142857%
    }
    35.56%,37.779%{
        background-position:80% 28.57142857%
    }
    37.78%,39.999%{
        background-position:100% 28.57142857%
    }
    40%,42.219%{
        background-position:0 42.85714286%
    }
    42.22%,44.439%{
        background-position:20% 42.85714286%
    }
    44.44%,46.669%{
        background-position:40% 42.85714286%
    }
    46.67%,48.889%{
        background-position:60% 42.85714286%
    }
    48.89%,51.109%{
        background-position:80% 42.85714286%
    }
    51.11%,53.329%{
        background-position:100% 42.85714286%
    }
    53.33%,55.559%{
        background-position:0 57.14285714%
    }
    55.56%,57.779%{
        background-position:20% 57.14285714%
    }
    57.78%,59.999%{
        background-position:40% 57.14285714%
    }
    60%,62.219%{
        background-position:60% 57.14285714%
    }
    62.22%,64.439%{
        background-position:80% 57.14285714%
    }
    64.44%,66.669%{
        background-position:100% 57.14285714%
    }
    66.67%,68.889%{
        background-position:0 71.42857143%
    }
    68.89%,71.109%{
        background-position:20% 71.42857143%
    }
    71.11%,73.329%{
        background-position:40% 71.42857143%
    }
    73.33%,75.559%{
        background-position:60% 71.42857143%
    }
    75.56%,77.779%{
        background-position:80% 71.42857143%
    }
    77.78%,79.999%{
        background-position:100% 71.42857143%
    }
    80%,82.219%{
        background-position:0 85.71428571%
    }
    82.22%,84.439%{
        background-position:20% 85.71428571%
    }
    84.44%,86.669%{
        background-position:40% 85.71428571%
    }
    86.67%,88.889%{
        background-position:60% 85.71428571%
    }
    88.89%,91.109%{
        background-position:80% 85.71428571%
    }
    91.11%,93.329%{
        background-position:100% 85.71428571%
    }
    93.33%,95.559%{
        background-position:0 100%
    }
    95.56%,97.779%{
        background-position:20% 100%
    }
    97.78%,to{
        background-position:40% 100%
    }
}
@keyframes share_hover{
    0%,2.219%{
        background-position:0 0
    }
    2.22%,4.439%{
        background-position:20% 0
    }
    4.44%,6.669%{
        background-position:40% 0
    }
    6.67%,8.889%{
        background-position:60% 0
    }
    8.89%,11.109%{
        background-position:80% 0
    }
    11.11%,13.329%{
        background-position:100% 0
    }
    13.33%,15.559%{
        background-position:0 14.28571429%
    }
    15.56%,17.779%{
        background-position:20% 14.28571429%
    }
    17.78%,19.999%{
        background-position:40% 14.28571429%
    }
    20%,22.219%{
        background-position:60% 14.28571429%
    }
    22.22%,24.439%{
        background-position:80% 14.28571429%
    }
    24.44%,26.669%{
        background-position:100% 14.28571429%
    }
    26.67%,28.889%{
        background-position:0 28.57142857%
    }
    28.89%,31.109%{
        background-position:20% 28.57142857%
    }
    31.11%,33.329%{
        background-position:40% 28.57142857%
    }
    33.33%,35.559%{
        background-position:60% 28.57142857%
    }
    35.56%,37.779%{
        background-position:80% 28.57142857%
    }
    37.78%,39.999%{
        background-position:100% 28.57142857%
    }
    40%,42.219%{
        background-position:0 42.85714286%
    }
    42.22%,44.439%{
        background-position:20% 42.85714286%
    }
    44.44%,46.669%{
        background-position:40% 42.85714286%
    }
    46.67%,48.889%{
        background-position:60% 42.85714286%
    }
    48.89%,51.109%{
        background-position:80% 42.85714286%
    }
    51.11%,53.329%{
        background-position:100% 42.85714286%
    }
    53.33%,55.559%{
        background-position:0 57.14285714%
    }
    55.56%,57.779%{
        background-position:20% 57.14285714%
    }
    57.78%,59.999%{
        background-position:40% 57.14285714%
    }
    60%,62.219%{
        background-position:60% 57.14285714%
    }
    62.22%,64.439%{
        background-position:80% 57.14285714%
    }
    64.44%,66.669%{
        background-position:100% 57.14285714%
    }
    66.67%,68.889%{
        background-position:0 71.42857143%
    }
    68.89%,71.109%{
        background-position:20% 71.42857143%
    }
    71.11%,73.329%{
        background-position:40% 71.42857143%
    }
    73.33%,75.559%{
        background-position:60% 71.42857143%
    }
    75.56%,77.779%{
        background-position:80% 71.42857143%
    }
    77.78%,79.999%{
        background-position:100% 71.42857143%
    }
    80%,82.219%{
        background-position:0 85.71428571%
    }
    82.22%,84.439%{
        background-position:20% 85.71428571%
    }
    84.44%,86.669%{
        background-position:40% 85.71428571%
    }
    86.67%,88.889%{
        background-position:60% 85.71428571%
    }
    88.89%,91.109%{
        background-position:80% 85.71428571%
    }
    91.11%,93.329%{
        background-position:100% 85.71428571%
    }
    93.33%,95.559%{
        background-position:0 100%
    }
    95.56%,97.779%{
        background-position:20% 100%
    }
    97.78%,to{
        background-position:40% 100%
    }
}
.timeline{
    margin:auto;
    position:absolute
}
.timeline_static{
    pointer-events:none
}
@media only screen and (min-width:1025px){
    .timeline{
        max-height:20rem;
        width:1.389rem;
        top:8rem;
        left:0;
        bottom:11rem
    }
}
@media only screen and (max-width:1024px){
    .timeline{
        top:7.222rem;
        left:2.222rem;
        right:2.222rem;
        width:auto;
        height:auto;
        text-align:justify;
        font-size:1.889rem;
        line-height:1
    }
    .timeline:after{
        content:"";
        width:100%;
        display:inline-block
    }
    .timeline>*{
        line-height:1
    }
}
.timeline__item{
    font-size:.778rem;
    font-weight:500;
    cursor:pointer;
    color:#fff;
    -webkit-transform-origin:0 50% 0!important;
    transform-origin:0 50% 0!important
}
.timeline__item-selected,.timeline__item_inactive{
    cursor:default
}
@media only screen and (min-width:1025px){
    .timeline__item{
        line-height:2em;
        margin:-1em 0;
        vertical-align:middle
    }
}
@media only screen and (max-width:1024px){
    .timeline__item{
        -webkit-transform:none!important;
        transform:none!important;
        position:static!important;
        font-size:1em!important;
        line-height:1;
        width:2.5em;
        text-align:center
    }
}
@media only screen and (max-width:1024px){
    .timeline__dash,.timeline__item{
        display:inline-block;
        vertical-align:middle
    }
    .timeline__dash{
        background:rgba(77,193,148,.4);
        width:1px;
        height:.85em
    }
}
@media only screen and (max-width:1024px){
    .timeline__canvas{
        display:none
    }
}
@media only screen and (min-width:1025px){
    .timeline{
        background:url(/clbs/resources/img/planet/sprite.png?c2d48d0937fe33baae5ba6cedbbaddb7) no-repeat scroll;
        background-position:0 90%
    }
}
textarea{
    resize:none;
    overflow:hidden
}
.input{
    border-radius:0;
    text-transform:uppercase
}
.input_regular{
    text-transform:none
}
.form{
    margin:auto;
    width:100%
}
.form__input{
    width:100%;
    border:none;
    background:none;
    color:#fff;
    font-size:.778rem;
    line-height:1.778rem;
    height:1.778rem;
    padding:0 .444rem;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border-bottom:1px solid #00ffa7;
    outline:none
}
.form__input:-webkit-autofill{
    -webkit-box-shadow:0 0 0 1000px #242424 inset;
    -webkit-text-fill-color:#fff!important;
    background:none
}
.form__input_textarea{
    font-size:.667rem;
    background:url(/clbs/resources/img/planet/textarea.svg?2f15ba69418ac07c7d2592bfba80ca0b) repeat scroll 0 0;
    border:1px solid #00ffa7;
    font-weight:300;
    line-height:1.4;
    text-transform:none;
    height:inherit
}
@media only screen and (max-width:1024px){
    .form__input{
        font-size:2rem;
        line-height:3.333rem;
        height:3.333rem;
        padding:0 .778rem
    }
}
.form__button{
    width:100%;
    margin:0;
    padding:0;
    outline:none!important
}
.form__input-desc{
    display:block;
    position:absolute;
    left:1em;
    top:-1em;
    text-align:left;
    white-space:nowrap
}
@media only screen and (min-width:1025px){
    .form__input-desc{
        font-size:.5rem;
        font-weight:500;
        opacity:.5
    }
}
@media only screen and (max-width:1024px){
    .form__input-desc{
        font-size:.889rem;
        opacity:.3
    }
}
.form__wrong{
    border-bottom-color:red
}
.skew{
    position:relative;
    overflow:hidden;
    white-space:nowrap;
    -webkit-transform:skew(30deg);
    transform:skew(30deg)
}
.skew .skew__content,.skew_right{
    -webkit-transform:skew(-30deg);
    transform:skew(-30deg)
}
.skew_right .skew__content{
    -webkit-transform:skew(30deg);
    transform:skew(30deg)
}
.close-button-hexagon{
    overflow:visible!important;
    font-size:3.167rem;
    width:1.158em;
    height:1em;
    pointer-events:auto;
    cursor:pointer
}
@media only screen and (max-width:1024px){
    .close-button-hexagon ._cross,.close-button-hexagon ._outer{
        stroke-width:2px
    }
}
.close-button-hexagon ._hover{
    fill:rgba(49,185,135,0);
    -webkit-transition:fill 0s ease-out .2s;
    transition:fill 0s ease-out .2s
}
.close-button-hexagon .clip-path{
    -webkit-transform:scaleY(.001);
    transform:scaleY(.001);
    -webkit-transform-origin:50% .5em;
    transform-origin:50% .5em;
    -webkit-transition:-webkit-transform .2s ease-out;
    transition:-webkit-transform .2s ease-out;
    transition:transform .2s ease-out;
    transition:transform .2s ease-out,-webkit-transform .2s ease-out
}
.close-button-hexagon:hover ._hover{
    fill:#31b987;
    -webkit-transition:fill 0s;
    transition:fill 0s
}
.close-button-hexagon:hover .clip-path{
    -webkit-transition-duration:.4s;
    transition-duration:.4s;
    -webkit-transform:scale(1);
    transform:scale(1)
}
.checkbox{
    display:none
}
.checkbox:checked+*{
    display:block
}
.checkbox:checked~.checkbox__hide-when-checked{
    display:none
}
@media only screen and (max-width:1024px){
    .checkbox_mobile+*{
        display:none
    }
}
@media only screen and (min-width:1025px){
    .checkbox_desktop+*{
        display:none
    }
}
.checkbox-nth{
    display:none
}
.checkbox-nth:checked:first-of-type~* .checkbox-nth-item:first-of-type,.checkbox-nth:checked:last-of-type~* .checkbox-nth-item:last-of-type{
    display:block
}
.checkbox-nth-wrapper{
    width:100%;
    overflow:hidden
}
@media only screen and (max-width:1024px){
    .checkbox-nth-container{
        width:200%;
        position:relative;
        left:0;
        -webkit-transition:left .5s ease-in-out,height .5s ease-in-out .15s;
        transition:left .5s ease-in-out,height .5s ease-in-out .15s;
        overflow:hidden
    }
}
.socials_inline{
    text-align:center;
    font-size:2.111rem
}
.socials_inline .list__item{
    display:inline-block;
    margin:0 1.556rem
}
@media only screen and (min-width:1025px){
    .socials_inline{
        display:none
    }
}
@media only screen and (min-width:1025px){
    .load-more{
        display:none!important;
        line-height:2.333rem;
        font-size:1rem;
        padding-left:1.5rem;
        padding-right:1.5rem;
        -webkit-transition:background-color,color .2s ease;
        transition:background-color,color .2s ease
    }
    .load-more:hover{
        background-color:#257962;
        color:#fff
    }
}
.background{
    background:#000 url(/clbs/resources/img/planet/bg.jpg?320aeedb20b6d3482e9b1cabad3cd7bc) no-repeat scroll 50% 50%;
    background-attachment:fixed;
    background-size:cover
}
.background_360{
    background:#343434
}
.background_about{
    background-image:url(/clbs/resources/img/planet/bg__about.jpg?f740605f635cb2bdb0fbbbc86c0c6ddd)
}
.background_brief{
    background-image:url(/clbs/resources/img/planet/bg__brief.jpg?d35ab60061ee64f641e3c3d06781c13b)
}
.background_map{
    background-image:url(/clbs/resources/img/planet/bg__brief-page.jpg?cecc90723df5f9a48624f87f9a882ad6)
}
@media only screen and (max-width:1024px){
    .modal__ui.background{
        background:none
    }
    .modal__ui.background:before{
        content:"";
        position:fixed;
        top:-50px;
        left:0;
        width:100%;
        bottom:-50px;
        background:#000 url(/clbs/resources/img/planet/bg.jpg?320aeedb20b6d3482e9b1cabad3cd7bc) no-repeat scroll 50% 50%;
        background-attachment:fixed;
        background-size:cover
    }
}
.grayscale{
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%)
}
.back-btn-svg{
    overflow:visible!important;
    font-size:1.944rem;
    width:1em;
    height:.857em
}
.back-btn-svg__mask{
    -webkit-transform:scaleY(.001);
    transform:scaleY(.001);
    -webkit-transform-origin:50% .429em;
    transform-origin:50% .429em;
    -webkit-transition:-webkit-transform .2s ease-out;
    transition:-webkit-transform .2s ease-out;
    transition:transform .2s ease-out;
    transition:transform .2s ease-out,-webkit-transform .2s ease-out
}
.back-btn-svg:hover .back-btn-svg__mask{
    -webkit-transition-duration:.2s;
    transition-duration:.2s;
    -webkit-transform:scale(1);
    transform:scale(1)
}
.back-btn-svg:hover .back-btn__text{
    margin-left:1.111rem;
    color:#31b987
}
.pep-placeholder{
    position:relative
}
.pep-placeholder__text{
    position:absolute;
    left:0;
    right:0;
    text-align:left;
    opacity:.5
}
.pep-placeholder__text_hidden{
    display:none
}
.pep-placeholder__input{
    position:relative
}
.earth-popup{
    position:absolute;
    font-size:2.07rem
}
@media only screen and (max-width:1024px){
    .earth-popup{
        font-size:10.556rem
    }
}
.earth-popup__item,.earth-popup_moving{
    pointer-events:none
}
.earth-popup__item{
    position:absolute
}
.earth-popup__item_0{
    left:-.57735027em;
    top:-.5em
}
.earth-popup__item_1{
    left:-1.47224319em;
    top:-1.02em
}
.earth-popup__item_2{
    left:-1.47224319em;
    top:.02em
}
.earth-popup__item_2 .earth-popup__flag-container{
    top:auto;
    bottom:0
}
.earth-popup__item-shadow{
    content:"";
    display:inline-block;
    position:absolute;
    background:url(/clbs/resources/img/planet/sprite.png?c2d48d0937fe33baae5ba6cedbbaddb7) no-repeat;
    background-position:0 0;
    width:1.3236715em;
    height:1.17874396em;
    top:.04830918em;
    left:-.19323671em;
    pointer-events:none
}
.earth-popup__hover{
    height:100%;
    -webkit-transition-property:width,-webkit-filter;
    transition-property:width,-webkit-filter;
    transition-property:width,filter;
    transition-property:width,filter,-webkit-filter;
    -webkit-transition-duration:.1s;
    transition-duration:.1s;
    -webkit-transition-timing-function:linear;
    transition-timing-function:linear
}
.earth-popup__preview-hexagon{
    position:relative;
    z-index:1;
    pointer-events:all;
    cursor:pointer
}
.earth-popup__preview-hexagon:hover .earth-popup__hover{
    -webkit-filter:brightness(1.05) contrast(1.05);
    filter:brightness(1.05) contrast(1.05);
    -webkit-transition-duration:3.2s;
    transition-duration:3.2s;
    -webkit-transition-timing-function:cubic-bezier(0,1,.5,1);
    transition-timing-function:cubic-bezier(0,1,.5,1)
}
.earth-popup__flag-container{
    position:absolute;
    z-index:1;
    top:0;
    right:.288em;
    pointer-events:all;
    cursor:pointer
}
.earth-popup__flag{
    font-size:.36714976em;
    position:absolute;
    top:-.5em;
    left:-.57735027em
}
.earth-popup__info{
    line-height:.57894737em;
    position:absolute;
    top:0;
    left:100%;
    bottom:0;
    white-space:nowrap;
    height:1.35526316em;
    height:calc(1.15789474em + .834rem);
    margin:auto .21052632em;
    text-transform:uppercase
}
.earth-popup__briefs-count,.earth-popup__city{
    margin:.278rem 0;
    padding:0 .889rem 0 0
}
.earth-popup__briefs-count:before,.earth-popup__city:before{
    content:"";
    display:inline-block;
    border-style:solid;
    position:absolute;
    right:100%
}
.earth-popup__city{
    font-size:.39473684em;
    color:#000;
    background:#fff;
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%
}
.earth-popup__city:before{
    border-width:0 .86666667em 1.46666667em 0;
    border-color:transparent #fff transparent transparent
}
.earth-popup__briefs-count{
    font-size:.23684211em;
    font-weight:700;
    color:#fff;
    text-indent:.222rem;
    background:#242121;
    background:-webkit-gradient(linear,left top,right top,from(#272424),to(#201d1d));
    background:linear-gradient(90deg,#272424,#201d1d);
    -webkit-transform-origin:0 0;
    transform-origin:0 0
}
.earth-popup__briefs-count:before{
    border-width:0 0 2.44444444em 1.44444444em;
    border-color:transparent transparent #242121
}
.earth-popup .hexagon-svg{
    overflow:visible;
    height:1.15789474em;
    width:1.33702168em;
    position:absolute;
    left:-.5em;
    right:-.5em;
    top:-.5em;
    bottom:-.5em;
    margin:auto
}
.earth-popup .hexagon-svg path{
    stroke-width:0.07002rem;
    stroke:rgba(179,255,202,.6)!important
}
.icon:before{
    content:"";
    display:inline-block;
    background:no-repeat scroll 0 0;
    background-size:contain;
    width:1em;
    vertical-align:middle
}
.icon_pencil:before{
    background-image:url(/clbs/resources/img/planet/pencil.svg?b124c65b3c14aec31d67371a398ca729);
    height:1.36065574em
}
.icon_location:before{
    background-image:url(/clbs/resources/img/planet/location-pointer.svg?66e319ccab54deef2ec8853a13923a1b);
    height:1.33333333em
}
.icon_logout:before{
    background-image:url(/clbs/resources/img/planet/log-out.svg?8f7ceab910467c60717fbcffea90ab9f);
    height:1.15789474em
}
.input-addon{
    display:table;
    width:100%
}
.input-addon>*{
    display:table-cell;
    vertical-align:middle
}
.input-addon__input{
    width:100%;
    display:block;
    float:left
}
.authorization{
    text-align:center
}
@media only screen and (min-width:1025px){
    .authorization{
        display:inline-block
    }
}
.authorization>*{
    vertical-align:middle
}
.authorization>*,.authorization__login-button{
    display:inline-block
}
@media only screen and (max-width:1024px){
    .authorization__login-button{
        display:block;
        width:100%
    }
}
.authorization__user-info{
    position:relative
}
.authorization .close-button svg{
    font-size:1.1rem;
    width:1em;
    height:100%;
    overflow:visible
}
.authorization .close-button svg>*{
    stroke-width:28!important
}
@media only screen and (max-width:1024px){
    .authorization .close-button svg{
        font-size:2.5rem
    }
}
.authorization_authorized .authorization__login-button{
    display:none
}
.authorization_authorized .authorization__user-info{
    display:inline-block
}
@media only screen and (max-width:1024px){
    .authorization_authorized .authorization__user-info{
        display:table;
        table-layout:fixed
    }
}
.authorization_other .user-info__logout{
    display:none
}
@media only screen and (max-width:1024px){
    .user-info{
        width:100%
    }
    .user-info>*{
        display:table-cell
    }
}
@media only screen and (max-width:1024px){
    .user-info__button{
        font-size:1.833rem
    }
    .user-info__button .button__content{
        padding:0 1.7rem
    }
}
.user-info__item{
    background:rgba(0,0,0,.4);
    line-height:2.333rem;
    height:2.333rem;
    float:left;
    font-size:1rem
}
@media only screen and (max-width:1024px){
    .user-info__item{
        line-height:4.278rem;
        height:4.278rem;
        float:none
    }
}
.user-info__close,.user-info__username{
    background:#000;
    height:100%
}
@media only screen and (max-width:1024px){
    .user-info__glow{
        position:relative
    }
    .user-info__glow>*{
        position:relative;
        z-index:2
    }
    .user-info__glow:before{
        background:#000;
        content:"";
        display:block;
        position:absolute;
        left:0;
        right:0;
        top:0;
        bottom:0;
        -webkit-filter:drop-shadow(0 0 .3rem rgba(44,166,121,.4));
        filter:drop-shadow(0 0 .3rem rgba(44,166,121,.4))
    }
}
.user-info__username{
    font-size:.667rem;
    padding:0 .889rem;
    margin-left:.056rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
@media only screen and (max-width:1024px){
    .user-info__username{
        font-size:1.389rem;
        text-align:left
    }
    .user-info__username-cont{
        width:100%
    }
}
.user-info__username-icon{
    display:inline-block;
    margin:0 .5rem 0 0;
    position:relative;
    bottom:.111rem
}
.user-info__username-icon>svg{
    vertical-align:middle;
    width:1rem;
    height:1.111rem
}
@media only screen and (max-width:1024px){
    .user-info__username-icon>svg{
        width:1.778rem;
        height:2rem
    }
}
@media only screen and (max-width:1024px){
    .user-info__username-icon{
        margin:0 .889rem
    }
}
.user-info__username-name{
    text-transform:uppercase
}
.user-info__close{
    width:2.222rem;
    border-left:1px solid #04241b;
    font-size:.722rem
}
.user-info__close>svg{
    width:1em;
    height:1em;
    vertical-align:middle
}
@media only screen and (max-width:1024px){
    .user-info__close{
        font-size:1.333rem;
        width:4.278rem
    }
    .user-info__close-cont{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        width:4.278rem;
        border-left:1px solid rgba(0,255,167,.1)
    }
}
@media only screen and (max-width:1024px){
    .user-info_lk{
        margin-bottom:.5rem
    }
}
@media only screen and (min-width:1025px){
    .user-info_lk{
        margin:0 .889rem
    }
}
.user-info_lk .user-pic{
    font-size:5.056rem
}
@media only screen and (max-width:1024px){
    .user-info_lk .user-pic{
        font-size:15rem
    }
    .user-info_lk .user-pic__photo{
        width:1.16em;
        margin:.8rem auto 0;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        padding:1.2rem 0
    }
    .user-info_lk .user-pic__border path{
        stroke-width:.4rem!important
    }
}
.user-info_lk .user-info__userpic{
    margin-right:-1rem;
    position:relative;
    z-index:1
}
@media only screen and (max-width:1024px){
    .user-info_lk .user-info__userpic{
        width:100%;
        float:none;
        display:block
    }
}
.user-info_lk .user-info__username{
    line-height:3.056rem;
    height:3.056rem;
    padding:0 1.556rem;
    width:13.889rem;
    text-transform:uppercase
}
.user-info_lk .user-info__username>*{
    line-height:1.4;
    display:inline-block;
    vertical-align:middle;
    white-space:normal
}
@media only screen and (max-width:1024px){
    .user-info_lk .user-info__username{
        display:inline-block;
        text-transform:uppercase;
        width:auto;
        font-size:2.01rem;
        padding:0 2.7rem
    }
    .user-info_lk .user-info__username,.user-info_lk .user-info__username .skew,.user-info_lk .user-info__username .skew__content{
        -webkit-transform:none;
        transform:none
    }
    .user-info_lk .user-info__username-column{
        float:none;
        display:block;
        text-align:center;
        margin:2rem auto 0
    }
}
.user-info_lk .user-info__logout{
    border:1px solid #02e095;
    float:left;
    width:auto;
    margin-left:.444rem
}
.user-info_lk .user-info__logout .skew__content{
    color:#02e095;
    font-size:.556rem;
    font-weight:700;
    display:block;
    padding:0 1rem;
    line-height:1.333rem
}
.user-info_lk .user-info__logout .icon:before{
    margin:-.111rem .222rem 0
}
.parallax{
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    -webkit-transform:perspective(277.778rem);
    transform:perspective(277.778rem);
    -webkit-perspective:277.778rem;
    perspective:277.778rem;
    width:100%;
    min-height:100%;
    z-index:0
}
@media only screen and (min-width:1025px){
    .parallax{
        overflow:hidden
    }
}
@media only screen and (min-width:1025px){
    .parallax__container{
        position:absolute;
        left:-12%;
        right:-12%;
        top:-17%;
        bottom:-17%;
        height:auto
    }
}
.parallax *,.parallax__item{
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d
}
@-webkit-keyframes _fade-in{
    0%{
        display:none;
        opacity:0
    }
    1%{
        display:block;
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes _fade-in{
    0%{
        display:none;
        opacity:0
    }
    1%{
        display:block;
        opacity:0
    }
    to{
        opacity:1
    }
}
@-webkit-keyframes _fade-out{
    0%{
        opacity:1;
        display:block
    }
    99%{
        opacity:0
    }
    to{
        display:none;
        opacity:0
    }
}
@keyframes _fade-out{
    0%{
        opacity:1;
        display:block
    }
    99%{
        opacity:0
    }
    to{
        display:none;
        opacity:0
    }
}
.backdrop{
    background:rgba(0,0,0,.95);
    opacity:0;
    -webkit-animation:_fade-out .3s ease-in-out;
    animation:_fade-out .3s ease-in-out;
    position:fixed;
    left:0;
    right:0;
    top:-100px;
    bottom:0
}
.backdrop_visible{
    -webkit-animation:_fade-in .3s ease-in-out;
    animation:_fade-in .3s ease-in-out;
    opacity:1
}
.modal{
    display:none;
    position:relative;
    z-index:100;
    width:100%
}
.modal,.modal__content{
    height:100%
}
.modal_over-hamburger{
    z-index:900
}
.modal_static{
    display:block;
    z-index:auto
}
.modal_visible{
    display:block
}
.modal__content{
    position:relative;
    margin:auto;
    text-align:center;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    white-space:nowrap;
    font-size:0
}
.modal__content:before{
    content:"";
    height:100%;
    width:1px;
    margin-left:-1px
}
.modal__content:before,.modal__content>*{
    display:inline-block;
    vertical-align:middle
}
.modal__content>*{
    -webkit-user-select:text;
    -moz-user-select:text;
    -ms-user-select:text;
    user-select:text;
    white-space:normal;
    font-size:1rem
}
.modal__close-button{
    position:absolute;
    right:1.222rem;
    top:5.556rem;
    cursor:pointer
}
.modal__close-button_login{
    top:1.778rem
}
@media only screen and (max-width:1024px){
    .modal__close-button{
        right:2rem;
        top:6.6rem
    }
    .modal__close-button_top{
        top:6.6rem
    }
}
@media only screen and (max-width:1024px){
    .modal__close-button_over-hamburger{
        top:2.222rem
    }
}
.modal__ui{
    display:none;
    width:100%;
    opacity:0;
    -webkit-animation:_fade-out .3s ease-in-out;
    animation:_fade-out .3s ease-in-out
}
.modal__ui_visible{
    display:inline-block;
    -webkit-animation:_fade-in .3s ease-in-out;
    animation:_fade-in .3s ease-in-out;
    opacity:1
}
.hide,.login__change-password,.login__login,.login__restore,.login__sign-up{
    display:none
}
.login_change-password .login__change-password,.login_login .login__login,.login_restore .login__restore,.login_sign-up .login__sign-up,.show{
    display:inherit
}
.login{
    vertical-align:middle
}
@media only screen and (min-width:1025px){
    .login{
        overflow:auto;
        height:100%
    }
    .login__wrap{
        margin:auto 0
    }
}
@media only screen and (min-width:1025px){
    .login .iScrollVerticalScrollbar{
        top:200px;
        bottom:150px;
        right:54px
    }
    .login .iScrollVerticalScrollbar.is-disabled{
        opacity:0
    }
}
@media only screen and (min-width:1025px){
    .login .scroll__cont{
        min-height:calc(100vh - 12rem);
        padding-top:6rem;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.login__content{
    width:16.889rem;
    font-size:.667rem;
    margin:auto
}
@media only screen and (max-width:1024px){
    .login__content{
        width:100%;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        padding:0 2.222rem;
        font-size:.889rem
    }
}
.login__title{
    font-size:2rem;
    margin:0 0 1.556rem
}
@media only screen and (max-width:1024px){
    .login__title{
        margin-bottom:2.222rem
    }
}
.login__hr{
    margin:1.222rem 0 1.444rem
}
@media only screen and (max-width:1024px){
    .login__hr{
        margin-bottom:1.222rem
    }
}
.login__hr_text{
    padding:0 .333rem
}
@media only screen and (max-width:1024px){
    .login__hr_text{
        padding:0 1.111rem
    }
}
.login__hr:after,.login__hr:before{
    border-color:hsla(0,0%,100%,.2)
}
.login__input.login__input--req-field{
    border-bottom:1px solid #ff0000
}
.login__input{
    margin:.556rem 0;
    font-weight:900
}
@media only screen and (max-width:1024px){
    .login__input{
        margin:1.5rem 0
    }
}
.login__link{
    font-weight:500;
    font-size:.556rem;
    opacity:.5;
    float:left;
    letter-spacing:.011rem
}
.login__link_right{
    float:right
}
@media only screen and (max-width:1024px){
    .login__link{
        font-size:1em
    }
}
.login__submit{
    margin:.667rem 0 .889rem
}
@media only screen and (max-width:1024px){
    .login__submit{
        margin:.444rem 0 1.889rem
    }
}
.login__sign-up-footer,.login__sign-up-footer a{
    color:#818181
}
@media only screen and (min-width:1025px){
    .login__sign-up{
        padding-bottom:2.444rem
    }
    .login__sign-up-footer{
        font-size:.556rem
    }
    .login__sign-up-footer>span{
        font-weight:400
    }
    .login__sign-up .login__title{
        font-size:1.667rem
    }
    .login__sign-up .login__input{
        margin:.472rem 0
    }
}
@media only screen and (max-width:1024px){
    .login{
        position:absolute;
        left:0;
        right:0;
        top:13.333rem
    }
}
.login .button{
    white-space:nowrap
}
.radio-column__title{
    margin:0;
    font-size:1.667rem;
    line-height:1;
    color:#00ffa7
}
@media only screen and (max-width:1024px){
    .radio-column__title{
        color:#fff;
        font-size:2.667rem
    }
    .checkbox-nth:checked+*>.radio-column__title{
        color:#00ffa7
    }
    .checkbox-nth:checked+*>.radio-column__title:after{
        visibility:visible
    }
    .checkbox-nth+*>.radio-column__title:after{
        visibility:hidden;
        content:"";
        display:block;
        margin:.667rem auto;
        width:0;
        height:0;
        border-style:solid;
        border-width:.778rem .556rem 0;
        border-color:#fff transparent transparent;
        vertical-align:top
    }
}
.add-prediction{
    font-size:.889rem
}
@media only screen and (min-width:1025px){
    .add-prediction{
        overflow:auto;
        height:100%
    }
}
@media only screen and (min-width:1025px){
    .add-prediction__content{
        width:23.188em;
        margin:auto
    }
}
@media only screen and (min-width:1025px){
    .add-prediction .iScrollVerticalScrollbar{
        top:200px;
        bottom:150px;
        right:54px
    }
    .add-prediction .iScrollVerticalScrollbar.is-disabled{
        opacity:0
    }
}
@media only screen and (min-width:1025px){
    .add-prediction .scroll__cont{
        min-height:calc(100vh - 8rem);
        padding-top:4rem;
        padding-bottom:4em;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.add-prediction input[type=checkbox],.add-prediction input[type=radio]{
    display:none
}
.add-prediction__h1{
    margin:.889em 0;
    font-size:1.667rem;
    letter-spacing:.3px;
    color:#02e095;
    text-align:left
}
.add-prediction__body{
    padding:.438em .688em
}
.add-prediction__submit{
    margin:.688em 0;
    padding:0 1em;
    line-height:2.2
}
.add-prediction .button__content{
    padding:0 2.222rem
}
.add-prediction .year__button{
    padding:0;
    margin:1.111rem 0;
    -webkit-box-shadow:none;
    box-shadow:none
}
.add-prediction .year__button:hover{
    background-color:#43cea5
}
.add-prediction .year__button:before{
    background:#38403d
}
.add-prediction .year__line{
    display:inline-block;
    vertical-align:middle;
    border-bottom:1px solid #31b987;
    width:1.333rem;
    opacity:.5;
    margin:0 .444rem
}
.add-prediction .year .year-content{
    padding:0 1.111rem;
    display:inline-block;
    height:100%;
    position:relative;
    background:#257962;
    opacity:.5
}
.add-prediction .year .year-hidden:checked+.year-content,.add-prediction .year__button:hover .year-content{
    background-color:#43cea5;
    opacity:1
}
.add-prediction .input-label{
    text-align:left
}
.add-prediction .input-label__star{
    color:#02e095
}
.add-prediction .input-addon{
    margin:0 0 .889rem;
    text-align:left
}
.add-prediction .input-addon,.add-prediction .input-addon__input{
    height:1.667rem;
    background:none
}
.add-prediction .input-addon__input{
    line-height:1.667rem;
    border:none;
    border-bottom:1px solid
}
.add-prediction .input-comment{
    font-size:.556rem;
    font-weight:400;
    margin:0 0 .889rem;
    opacity:.5;
    text-align:left
}
@media only screen and (max-width:1024px){
    .add-prediction .input-comment{
        font-size:.889rem;
        margin-bottom:1rem
    }
}
.add-prediction .guarantees{
    margin-top:.889rem
}
.add-prediction .guarantees__comment{
    font-size:.556rem;
    line-height:.556rem;
    font-weight:400;
    opacity:.5
}
.add-prediction .guarantees .guarantees-visible{
    display:inline-block;
    position:relative;
    width:1.111rem;
    height:1.111rem;
    margin-right:.556rem;
    background:#48d7ac;
    -webkit-box-shadow:0 0 .4rem rgba(72,234,182,.35),-.2rem .2rem .4rem rgba(72,234,182,.3);
    box-shadow:0 0 .4rem rgba(72,234,182,.35),-.2rem .2rem .4rem rgba(72,234,182,.3)
}
.add-prediction .guarantees .guarantees-hidden:checked+.guarantees-visible:before{
    content:"";
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAArElEQVR42ozQIWuCURjF8fPiMAzBfQANawPDkm3FuLjix7Da7eYFYW15cbAy076GxbKwsDIQw8/gfVFeZXjggcs59//c5z5BLqw+lhhcCtxiZa+P2uz+A9xhXYAv3ARj/GB0BrjHdwE+0UGCl2L+4fEIGJZm8I7rOgsqPJdwgyc84Ld4b2gfT1AfKszLpW15FV5x1Ry7+YeZgxZonVtOhTQ0TdJLMklyEibJbgAmBlqxJTBBJAAAAABJRU5ErkJggg==) no-repeat 50%;
    text-align:center;
    display:block;
    top:2px;
    right:2px;
    bottom:2px;
    left:2px;
    position:absolute
}
.add-prediction .form__input_textarea{
    border-color:#31b987
}
@media only screen and (max-width:1024px){
    .add-prediction .form__input_textarea{
        font-size:1rem
    }
}
.add-prediction textarea{
    padding:.5em 1em;
    margin:.889rem 0 0
}
@media only screen and (max-width:1024px){
    .add-prediction textarea{
        font-size:1rem;
        height:20em;
        line-height:1.667rem
    }
}
@media only screen and (max-width:1024px){
    .add-prediction{
        padding-top:6.9rem;
        width:90%
    }
}
.terms-accepted{
    font-size:.889rem
}
@media only screen and (min-width:1025px){
    .terms-accepted{
        overflow:auto;
        height:100%
    }
}
@media only screen and (min-width:1025px){
    .terms-accepted__content{
        width:25em;
        margin:auto
    }
}
@media only screen and (min-width:1025px){
    .terms-accepted .iScrollVerticalScrollbar{
        top:200px;
        bottom:150px;
        right:54px
    }
    .terms-accepted .iScrollVerticalScrollbar.is-disabled{
        opacity:0
    }
}
@media only screen and (min-width:1025px){
    .terms-accepted .scroll__cont{
        min-height:calc(100vh - 8rem);
        padding-top:4rem;
        padding-bottom:4em;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.terms-accepted input[type=checkbox],.terms-accepted input[type=radio]{
    display:none
}
.terms-accepted__h1{
    margin:.889em 0;
    font-size:1.667rem;
    letter-spacing:.3px;
    color:#02e095;
    text-align:left
}
.terms-accepted__body{
    padding:.438em .688em
}
.terms-accepted__submit{
    margin:.688em 0;
    padding:0;
    line-height:2.2
}
.terms-accepted .button{
    float:left;
    width:150px
}
.terms-accepted .button__content{
    padding:0
}
.terms-accepted a{
    margin-left:20px
}
.terms-accepted .year__button{
    padding:0;
    margin:1.111rem 0;
    -webkit-box-shadow:none;
    box-shadow:none
}
.terms-accepted .year__button:hover{
    background-color:#43cea5
}
.terms-accepted .year__button:before{
    background:#38403d
}
.terms-accepted .year__line{
    display:inline-block;
    vertical-align:middle;
    border-bottom:1px solid #31b987;
    width:1.333rem;
    opacity:.5;
    margin:0 .444rem
}
.terms-accepted .year .year-content{
    padding:0 1.111rem;
    display:inline-block;
    height:100%;
    position:relative;
    background:#257962;
    opacity:.5
}
.terms-accepted .year .year-hidden:checked+.year-content,.terms-accepted .year__button:hover .year-content{
    background-color:#43cea5;
    opacity:1
}
.terms-accepted .input-label{
    text-align:left
}
.terms-accepted .input-label__star{
    color:#02e095
}
.terms-accepted .input-addon{
    margin:0 0 .889rem;
    text-align:left
}
.terms-accepted .input-addon,.terms-accepted .input-addon__input{
    height:1.667rem;
    background:none
}
.terms-accepted .input-addon__input{
    line-height:1.667rem;
    border:none;
    border-bottom:1px solid
}
.terms-accepted .input-comment{
    font-size:.556rem;
    font-weight:400;
    margin:0 0 .889rem;
    opacity:.5;
    text-align:left
}
@media only screen and (max-width:1024px){
    .terms-accepted .input-comment{
        font-size:.889rem;
        margin-bottom:1rem
    }
}
.terms-accepted .guarantees{
    margin-top:.889rem
}
.terms-accepted .guarantees__comment{
    font-size:.778rem;
    line-height:.778rem;
    font-weight:400;
    opacity:.5
}
.terms-accepted .guarantees .guarantees-visible{
    display:inline-block;
    position:relative;
    width:1.111rem;
    height:1.111rem;
    margin-right:.556rem;
    background:#48d7ac;
    -webkit-box-shadow:0 0 .4rem rgba(72,234,182,.35),-.2rem .2rem .4rem rgba(72,234,182,.3);
    box-shadow:0 0 .4rem rgba(72,234,182,.35),-.2rem .2rem .4rem rgba(72,234,182,.3)
}
.terms-accepted .guarantees .guarantees-hidden:checked+.guarantees-visible:before{
    content:"";
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAArElEQVR42ozQIWuCURjF8fPiMAzBfQANawPDkm3FuLjix7Da7eYFYW15cbAy076GxbKwsDIQw8/gfVFeZXjggcs59//c5z5BLqw+lhhcCtxiZa+P2uz+A9xhXYAv3ARj/GB0BrjHdwE+0UGCl2L+4fEIGJZm8I7rOgsqPJdwgyc84Ld4b2gfT1AfKszLpW15FV5x1Ry7+YeZgxZonVtOhTQ0TdJLMklyEibJbgAmBlqxJTBBJAAAAABJRU5ErkJggg==) no-repeat 50%;
    text-align:center;
    display:block;
    top:2px;
    right:2px;
    bottom:2px;
    left:2px;
    position:absolute
}
.terms-accepted .form__input_textarea{
    border-color:#31b987
}
@media only screen and (max-width:1024px){
    .terms-accepted .form__input_textarea{
        font-size:1rem
    }
}
.terms-accepted textarea{
    padding:.5em 1em;
    margin:.889rem 0 0
}
@media only screen and (max-width:1024px){
    .terms-accepted textarea{
        font-size:1rem;
        height:20em;
        line-height:1.667rem
    }
}
@media only screen and (max-width:1024px){
    .terms-accepted{
        padding-top:6.9rem;
        width:90%
    }
}
.terms-accept-link{
    margin:0!important;
    color:#02e095!important
}
.faq{
    font-size:.889rem;
    font-weight:300;
    text-align:left
}
@media only screen and (min-width:1025px){
    .faq{
        overflow:auto;
        height:100%
    }
}
.faq img{
    width:100%;
    margin:1.75em 0;
    border:1px solid #02c180
}
.faq__content{
    position:relative;
    margin:auto;
    padding-top:6.438em
}
@media only screen and (max-width:1024px){
    .faq__content{
        padding:6.438em 2.438em 0
    }
}
@media only screen and (min-width:1025px){
    .faq__content{
        width:44.5em
    }
}
.faq__top{
    line-height:1.5;
    letter-spacing:.008em
}
@media only screen and (min-width:1025px){
    .faq__top{
        padding-right:4.625em;
        margin:2em 0
    }
}
@media only screen and (max-width:1024px){
    .faq__top{
        font-size:1.625em;
        line-height:1.6;
        margin:.385em 0;
        padding:0 .154em 0 .077em;
        letter-spacing:.02em
    }
    .faq__top:before{
        content:"";
        display:block;
        float:right;
        font-size:3.167rem;
        width:1.158em;
        height:1em;
        margin:.35em -.1em 0 0
    }
}
.faq h1{
    text-transform:uppercase;
    color:#02e095
}
.faq__h0{
    font-family:MuseoSans,Arial,sans-serif;
    font-size:5em;
    margin:.263em 0 .113em
}
.faq__h1{
    letter-spacing:-.01em;
    font-size:3.125em;
    margin:.28em 0;
    font-family:Myriad Pro,MuseoSans,Arial,sans-serif;
    line-height:1.2
}
@media only screen and (max-width:1024px){
    .faq__h1{
        margin:.5em 0
    }
}
.faq__globe,.faq__grid-example,.faq__work-example{
    background:no-repeat scroll 50% 50%;
    background-size:100% 100%;
    display:block
}
.faq__globe img,.faq__grid-example img,.faq__work-example img{
    display:block
}
.faq__globe{
    background-image:url(/clbs/resources/img/planet/globe.svg?c8e3e661d3ec16117f02fb2fc2959a10);
    font-size:6.438em;
    width:1em;
    height:1em;
    margin:auto
}
@media only screen and (max-width:1024px){
    .faq__globe{
        font-size:18.85em;
        margin:.89rem auto
    }
}
.faq__work-example{
    margin:5.5em auto;
    width:96%
}
@media only screen and (max-width:1024px){
    .faq__globe-wrapper{
        margin:5.1em auto 4.8em
    }
}
@media only screen and (min-width:1025px){
    .faq__globe-wrapper{
        width:11.75em;
        position:absolute;
        margin-top:7.375em;
        padding-top:1.563em;
        left:100%
    }
}
@media only screen and (max-width:1024px){
    .faq__globe-wrapper .faq__point{
        font-size:1.25em;
        padding:1.3em 1.75em;
        letter-spacing:.02em
    }
    .faq__globe-wrapper .faq__point:before{
        top:auto;
        bottom:-.5em;
        right:0;
        left:0;
        margin:auto
    }
}
@media only screen and (min-width:1025px){
    .faq__globe-wrapper .faq__point{
        font-size:.75em;
        position:absolute;
        bottom:100%;
        padding:1.4em 1.3em 1em 1.7em
    }
    .faq__globe-wrapper .faq__point:before{
        display:none
    }
}
.faq__globe-wrapper .faq__point p{
    line-height:1.25
}
.faq__point{
    border:1px solid rgba(2,224,149,.3);
    font-size:.813em;
    background:url(/clbs/resources/img/planet/faq.svg?2e30ff62c51dfe62830ca3f5f030a64a) repeat;
    font-weight:300;
    position:relative
}
.faq__point p{
    line-height:1.4;
    margin:0
}
.faq__point a{
    font-weight:900;
    color:#02e095
}
.faq__point:before{
    content:"";
    display:block;
    background:url(/clbs/resources/img/planet/map-hex.svg?edc344320d581b478738a0746da490c7) no-repeat;
    background-size:contain;
    font-size:.5rem;
    width:1em;
    height:1em;
    position:absolute;
    left:0;
    margin:.556em 0 0 -.444em
}
@media only screen and (max-width:1024px){
    .faq__point:before{
        font-size:.667rem;
        margin:0
    }
}
@media only screen and (max-width:1024px){
    .faq__point_feedback{
        width:62%;
        font-size:1.25em;
        margin:3.4em auto 3em;
        padding:1.2em .7em 1.2em 1.4em;
        -webkit-box-sizing:border-box;
        box-sizing:border-box
    }
    .faq__point_feedback:before{
        font-size:.8em;
        top:21%;
        margin-left:-.5em
    }
}
.faq__grid-example{
    background-color:#051a1b
}
.faq__grid-example-wrapper{
    position:relative;
    text-align:center
}
.faq__grid-example-wrapper .button{
    margin:auto
}
.faq__grid-example-wrapper .button__content:after{
    content:"";
    display:inline-block;
    background:url(/clbs/resources/img/planet/download-ico.svg?86e388bff4163abd95c85c54afe45c8b) no-repeat;
    background-size:contain;
    width:1.1em;
    height:1em;
    position:relative;
    left:.3em;
    top:.2em
}
@media only screen and (max-width:1024px){
    .faq__grid-example-wrapper .button{
        margin:3em 0 3.9em;
        min-width:80%;
        letter-spacing:.03em
    }
    .faq__grid-example-wrapper .button__content:after{
        font-size:.85em;
        margin:0 0 0 .5em
    }
}
@media only screen and (min-width:1025px){
    .faq__grid-example-wrapper .button{
        position:absolute;
        top:33%;
        width:6.222rem;
        min-width:inherit;
        -webkit-box-shadow:none;
        box-shadow:none;
        font-size:.875em;
        background:none;
        left:0;
        right:0
    }
    .faq__grid-example-wrapper .button:before{
        opacity:.75
    }
    .faq__grid-example-wrapper .button__content{
        line-height:1.4;
        padding:.643em 0
    }
}
.faq__grid-example-wrapper~.faq__point{
    width:16.7em;
    margin:-4.4em auto;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:1.1em 1.3em;
    letter-spacing:.01em
}
@media only screen and (max-width:1024px){
    .faq__grid-example-wrapper{
        padding:0 1em
    }
}
.faq__subtitle{
    font-size:1.313em;
    font-weight:900
}
@media only screen and (min-width:1025px){
    .faq__subtitle{
        margin:.286em 0 .571em
    }
}
@media only screen and (max-width:1024px){
    .faq__subtitle{
        font-size:1.875em
    }
}
.faq__p{
    font-size:.938em;
    font-weight:100;
    line-height:1.6;
    letter-spacing:.01em
}
@media only screen and (max-width:1024px){
    .faq__p{
        font-size:1.625em;
        margin:1.154em 0 3.423em
    }
}
.faq__text{
    display:inline-block;
    padding:0 1.313em
}
@media only screen and (max-width:1024px){
    .faq__text{
        padding:0
    }
    .faq__text_title{
        display:table-cell;
        padding:2.85em 0 0 2.3em;
        letter-spacing:.023em;
        line-height:1.4
    }
}
.faq__item{
    position:relative
}
@media only screen and (max-width:1024px){
    .faq__item{
        padding:0 .313em
    }
}
@media only screen and (min-width:1025px){
    .faq__item{
        padding-left:4.625em;
        margin-bottom:3.438em
    }
}
.faq__index{
    background:url(/clbs/resources/img/planet/index-bg.png?843773f08d7a3433bc910348a176639d) no-repeat;
    background-size:contain;
    width:2.139em;
    height:2.028em;
    line-height:2.028em;
    text-align:center;
    font-size:2rem;
    font-weight:700;
    font-family:Myriad Pro,Myriad,Arial,sans-serif;
    color:#02e095
}
@media only screen and (min-width:1025px){
    .faq__index{
        position:absolute;
        left:0
    }
}
@media only screen and (max-width:1024px){
    .faq__index{
        float:left;
        background-image:url(/clbs/resources/img/planet/index-bg__mobile.png?10437ad5f53f70443d37d4c2757e1f3e);
        font-size:3.23rem;
        line-height:2.15;
        padding-right:.15em;
        -webkit-box-sizing:border-box;
        box-sizing:border-box
    }
}
.faq__button{
    text-align:center;
    margin:2em auto
}
@media only screen and (min-width:1025px){
    .faq__button{
        min-width:10em
    }
}
.faq .button{
    font-size:1em
}
@media only screen and (max-width:1024px){
    .faq .button{
        font-size:1.625em;
        line-height:3.2;
        width:16.154em
    }
}
.faq .iScrollVerticalScrollbar{
    top:200px;
    bottom:150px;
    right:54px
}
.modal-message{
    border:1px solid #31b886;
    background:rgba(7,64,44,.35);
    width:25.778rem;
    padding:2rem 1.333rem 1.667rem;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
@media only screen and (max-width:1024px){
    .modal-message{
        width:90%;
        padding:1rem
    }
}
.modal-message__title{
    font-size:1.167rem;
    text-transform:uppercase;
    margin:0;
    letter-spacing:-.15px;
    line-height:1.3
}
.modal-message__body{
    font-size:.944rem;
    font-weight:400;
    margin:.167rem 0;
    letter-spacing:-.5px
}
.modal-message .container{
    width:auto
}
.modal-message .button{
    margin:.889rem 0 0;
    line-height:1.7;
    min-width:7em
}
.paginator{
    opacity:0;
    visibility:hidden;
    display:inline-block
}
.paginator--show{
    opacity:1;
    visibility:visible
}
.paginator_no-next .paginator__button_next,.paginator_no-prev .paginator__button_prev{
    pointer-events:none;
    opacity:.5
}
.paginator_no-next.paginator_no-prev{
    opacity:0;
    visibility:hidden
}
.paginator__button{
    cursor:pointer;
    border:1px solid #818181;
    width:1em;
    height:1em;
    line-height:1em;
    float:left;
    text-align:center;
    position:relative
}
.paginator__button:before{
    content:"";
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    background:url(/clbs/resources/img/planet/pattern_line-4.svg?119c8fdd8c98d230e0afbb98cbc0ca28);
    width:0;
    -webkit-transition:width .2s ease-in;
    transition:width .2s ease-in
}
.paginator__button:hover:before{
    width:100%;
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}
.paginator__button:after{
    content:"";
    display:inline-block;
    vertical-align:middle;
    background:url(/clbs/resources/img/planet/modal_cross_button.png?ebea2656f3571d0aa4806b0085014f02) no-repeat;
    background-size:100% 185.71428571%;
    width:15px;
    height:8px;
    margin-bottom:6px;
    position:relative
}
.paginator__button_prev{
    left:-1px
}
.paginator__button_prev:after{
    background-position:0 100%
}
.user-panel{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.user-panel .futurologists__rating{
    float:left
}
.user-panel .user-panel__stat-item_likes:after{
    content:" ";
    display:block;
    clear:both
}
@media only screen and (max-width:1024px){
    .user-panel{
        padding:7.778rem 0 0
    }
    .user-panel .checkbox-nth-container{
        -webkit-box-sizing:initial;
        box-sizing:initial
    }
    .user-panel__stat{
        padding:0 2.222rem
    }
    .user-panel .radio-column:first-of-type{
        padding-left:2.222rem
    }
    .user-panel .radio-column:last-of-type{
        padding-right:2.222rem
    }
}
@media only screen and (min-width:1025px){
    .user-panel{
        overflow:auto;
        height:100%
    }
    .user-panel__cont{
        padding:8rem 3.889rem 5rem 2.5rem;
        margin:0
    }
}
@media only screen and (min-width:1025px){
    .user-panel .iScrollVerticalScrollbar{
        top:200px;
        bottom:150px;
        right:54px
    }
    .user-panel .iScrollVerticalScrollbar.is-disabled{
        opacity:0
    }
}
@media only screen and (min-width:1025px){
    .user-panel .scroll__cont{
        min-height:calc(100vh - 3rem);
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .user-panel .scroll__cont,.user-panel .scroll__cont:not(.scroll__cont_clean){
        padding-top:0;
        padding-bottom:3rem
    }
}
@media only screen and (max-width:1024px){
    .user-panel .scroll__cont{
        -webkit-transform:none!important;
        transform:none!important
    }
}
.user-panel__header{
    margin-top:1.722rem
}
@media only screen and (max-width:1024px){
    .user-panel__header{
        margin-top:0
    }
    .user-panel__header:not(:first-of-type){
        padding-left:3.333rem
    }
}
.user-panel__h1{
    color:#02e095;
    text-transform:uppercase;
    margin:.667rem 0
}
@media only screen and (max-width:1024px){
    .user-panel__h1{
        font-size:2.222rem;
        line-height:1.2;
        display:inline-block;
        text-align:left;
        margin-top:0
    }
}
.user-panel__h4{
    color:#869191;
    font-size:.778rem;
    text-transform:uppercase;
    margin:0
}
@media only screen and (max-width:1024px){
    .user-panel__h4{
        font-size:1.1rem
    }
}
@media only screen and (max-width:1024px){
    .user-panel__total-likes{
        color:#02e095
    }
}
.user-panel__counter{
    font-size:1.667rem;
    text-transform:uppercase;
    margin:0
}
@media only screen and (max-width:1024px){
    .user-panel__counter{
        font-size:2rem;
        line-height:1
    }
}
@media only screen and (min-width:1025px){
    .user-panel__counter-suffix{
        font-size:.55em
    }
}
.user-panel__info{
    font-size:.889rem;
    margin:.375em 0
}
@media only screen and (min-width:1025px){
    .user-panel__info{
        margin-bottom:1.5em
    }
}
@media only screen and (max-width:1024px){
    .user-panel__info{
        font-size:1.82rem;
        letter-spacing:.05em
    }
}
.user-panel__info_about{
    font-size:.667rem;
    font-weight:400
}
@media only screen and (max-width:1024px){
    .user-panel__info_about{
        font-size:1.1rem;
        line-height:1.65;
        margin:.5em 0;
        letter-spacing:.103em
    }
}
.user-panel__placeholder div{
    margin:.778rem 0
}
.user-panel__discussions{
    width:50%;
    overflow:hidden
}
@media only screen and (min-width:1025px){
    .user-panel__discussions.my-discussion_hide{
        display:block
    }
}
@media only screen and (max-width:1024px){
    .user-panel__discussions{
        padding:0 2.222rem
    }
}
.user-panel__works{
    width:100%
}
@media only screen and (min-width:1025px){
    .user-panel__works{
        width:79%;
        max-width:calc(100% - 330px)
    }
}
@media only screen and (max-width:1024px){
    .user-panel__stat{
        float:none;
        margin-bottom:2rem
    }
}
@media only screen and (min-width:1025px){
    .user-panel__stat{
        width:21%;
        min-width:330px;
        float:right;
        padding-top:7rem;
        position:relative
    }
    .user-panel__stat>*{
        margin:.778rem 0
    }
}
@media only screen and (min-width:1025px){
    .user-panel__stat hr{
        display:none
    }
}
@media only screen and (max-width:1024px){
    .user-panel__stat hr{
        border-color:#02e095;
        margin:2.3rem 0 0
    }
}
@media only screen and (max-width:1024px){
    .user-panel__stat-item{
        margin:1.3rem 0
    }
}
.user-panel__stat-item_empty{
    display:none
}
@media only screen and (max-width:1024px){
    .user-panel__stat-item_rank{
        float:left;
        margin-right:1rem;
        min-width:5.8rem;
        margin-bottom:0
    }
}
@media only screen and (max-width:1024px){
    .user-panel__stat-item_likes{
        display:inline-block;
        margin-bottom:0
    }
}
.user-panel__stat-item_cogwheel{
    font-size:3.056rem;
    float:right;
    margin:.556rem .167rem 0
}
.user-panel__stat-item .border-button{
    padding:.111rem .556rem 0 .333rem;
    margin:.111rem
}
.user-panel .border-button{
    margin-right:.667rem
}
@media only screen and (max-width:1024px){
    .user-panel .border-button{
        margin:2rem 0;
        font-size:1.333rem;
        padding:.167rem .5rem
    }
}
.user-panel .icon_pencil{
    margin:.111rem;
    letter-spacing:.017rem
}
.user-panel .icon_pencil:before{
    font-size:1.2em;
    margin:.25em .667em .333em 0
}
.user-panel__socials{
    margin:auto;
    padding:2.778rem 0
}
.user-panel__about{
    line-height:1.4
}
.user-panel__location>div{
    display:inline
}
.user-panel__location>div:after{
    content:", "
}
.user-panel__location>div:last-of-type:after{
    display:none
}
.user-panel .icon_location:before{
    font-size:.625em
}
@media only screen and (max-width:1024px){
    .user-panel .icon_location:before{
        margin:-.5em .8em 0 0
    }
}
@media only screen and (min-width:1025px){
    .user-panel .icon_location:before{
        margin:0 .4em .2em .2em
    }
}
.user-panel .paginator{
    font-size:2.833rem;
    position:absolute;
    bottom:5.556rem
}
@media only screen and (max-width:1024px){
    .user-panel .paginator{
        display:none!important
    }
}
.user-panel .my-discussion{
    padding:1rem 2.222rem .667rem 0
}
@media only screen and (max-width:1024px){
    .user-panel .my-discussion{
        padding-top:.6rem
    }
}
.user-panel .my-discussion__brief-image{
    font-size:74px;
    float:left
}
.user-panel .my-discussion__brief-description{
    padding:8px 0 3px 104px;
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.user-panel .my-discussion__with-image .my-discussion__title{
    font-size:1rem
}
.user-panel_other .my-discussion__with-image .my-discussion__likes{
    font-size:22px;
    display:inline-block;
    margin:0;
    color:#02e095
}
.user-panel_other .my-discussion__with-image .my-discussion__likes span{
    font-size:.5em
}
@media only screen and (min-width:1025px){
    .user-panel .user-info{
        position:absolute;
        top:-2.889rem;
        left:-1.722rem
    }
}
@media only screen and (min-width:1025px){
    .my-discussions-list{
        padding-right:4rem
    }
}
.my-discussion{
    position:relative;
    padding:.667rem 3.889rem .667rem 0;
    list-style:inherit;
    font-size:1.222rem;
    color:#02e095
}
.my-discussion:not(:last-of-type){
    border-bottom:1px solid rgba(2,224,149,.2)
}
@media only screen and (max-width:1024px){
    .my-discussion{
        line-height:1;
        font-size:1.667rem;
        padding:1.333rem 2.222rem 1.333rem 0
    }
}
.my-discussion_hide{
    display:none
}
.my-discussion__title{
    color:#fff;
    font-size:1rem;
    overflow:hidden;
    text-overflow:ellipsis
}
@media only screen and (max-width:1024px){
    .my-discussion__title{
        font-size:1.8rem;
        line-height:1.1;
        letter-spacing:.02em
    }
}
.my-discussion__status{
    font-size:.667rem;
    margin:.444rem 0 0
}
.my-discussion__status-review{
    color:#848d8d
}
.my-discussion__status>*{
    display:inline-block
}
@media only screen and (max-width:1024px){
    .my-discussion__status{
        font-size:1.333rem
    }
}
.my-discussion__likes{
    color:#848d8d;
    margin:0 .556rem
}
.my-discussion__status-review .my-discussion__likes{
    display:none
}
.my-discussion .close-button{
    cursor:pointer;
    position:absolute;
    right:0;
    top:0;
    padding:.611rem .778rem
}
@media only screen and (max-width:1024px){
    .my-discussion .close-button{
        right:0;
        top:0
    }
    .my-discussion .close-button svg{
        width:1.111rem;
        height:1.111rem
    }
}
.my-discussion_inactive{
    list-style:none
}
.discussions .my-discussion_inactive>.my-discussion__title{
    opacity:.4
}
.cogwheel{
    background:url(/clbs/resources/img/planet/cogwheel.svg?1de4cea2210c3b8d42f693d2561509b4) no-repeat scroll 50% 50%;
    background-size:cover;
    width:1em;
    height:1em
}
@media only screen and (max-width:640px){
    [lang=ru] .user-panel__h1{
        font-size:1.778rem
    }
}
@media only screen and (max-width:640px){
    [lang=ru] .user-panel__header:not(:first-of-type){
        padding-left:2rem
    }
}
.my-discussions-list,.predictions__list{
    padding-top:15px;
    padding-bottom:15px
}
.landscape-orientation{
    display:none;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:9999;
    text-align:center
}
.landscape-orientation__text{
    display:inline-block;
    vertical-align:middle;
    text-transform:uppercase;
    font-size:1.667rem;
    text-align:center
}
.landscape-orientation__pic{
    width:auto;
    height:56.26666667%;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin:auto
}
.landscape .landscape-orientation{
    display:block!important
}
.landscape-orientation__pic-row{
    height:58.59375%;
    position:relative
}
.landscape-orientation__text-row{
    height:41.40625%;
    vertical-align:middle
}
.landscape-orientation__text-row:before{
    content:"";
    display:inline-block;
    height:100%;
    vertical-align:middle
}
.landscape-orientation .backdrop{
    position:absolute;
    width:0;
    height:0
}
@media screen and (min-device-aspect-ratio:1/1) and (orientation:landscape) and (max-device-width:1024px){
    .landscape-orientation .landscape-orientation{
        display:block!important
    }
}
.mute-btn{
    margin:auto .5rem;
    display:inline-block;
    vertical-align:top;
    cursor:pointer;
    text-align:justify;
    width:4.111rem;
    height:2.056rem;
    line-height:2.056rem
}
@media only screen and (max-width:1024px){
    .mute-btn{
        display:none
    }
}
.mute-btn .sound{
    position:absolute
}
.mute-btn label{
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    display:block;
    vertical-align:middle;
    height:100%;
    font-size:0
}
.mute-btn label:after{
    content:"";
    display:inline-block;
    width:100%
}
.mute-btn__line{
    display:inline-block;
    vertical-align:middle;
    width:2px;
    min-height:2px;
    border-radius:2px;
    height:100%;
    -webkit-transition:height .2s ease-in-out;
    transition:height .2s ease-in-out
}
.mute-btn__line,.mute-btn_hover .mute-btn__line{
    background:#01e195
}
.mute-btn__checkbox{
    display:none
}
.mute-btn__checkbox:checked~* .mute-btn__line{
    background:#7b7b7b
}
.iScrollVerticalScrollbar{
    position:absolute;
    bottom:4.167rem;
    top:4.167rem;
    right:.667rem;
    overflow:hidden;
    background:#4b4b4b;
    width:1px;
    -webkit-transition:width .2s;
    transition:width .2s
}
.iScrollIndicator{
    width:100%;
    position:absolute;
    background:#04aa73
}
.menu-back-btn{
    display:none!important;
    position:absolute;
    left:17.778rem;
    top:2.111rem
}
@media only screen and (max-width:1024px){
    .menu-back-btn{
        left:24.524rem;
        top:2.222rem
    }
    .menu-back-btn>svg{
        width:2.889rem;
        height:2.556rem;
        margin-top:-.333rem
    }
    .menu-back-btn .back-btn__text{
        display:none
    }
}
.fullscreen .k-menu{
    display:none!important
}
.k-menu-item{
    position:absolute;
    -webkit-transform:translateZ(555.5rem);
    transform:translateZ(555.5rem);
    z-index:1000
}
@media only screen and (max-width:1024px){
    .k-menu-item{
        z-index:0
    }
}
.k-menu-item_login{
    z-index:1001
}
.k-menu-item_hamburger{
    z-index:600;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.k-menu-item_hamburger img{
    width:4.444rem;
    height:3.778rem
}
.k-menu-item_hamburger,.k-menu-item_hide-menu{
    right:1.667rem;
    top:1.556rem;
    display:none
}
@media only screen and (max-width:1024px){
    .k-menu-item_hamburger,.k-menu-item_hide-menu{
        display:inherit
    }
}
.k-menu-item_hide-menu{
    right:2.222rem
}
.k-menu__links{
    left:2.556rem;
    bottom:1.5rem
}
@media only screen and (max-width:1024px){
    .k-menu__links{
        position:relative;
        top:0;
        left:0;
        bottom:auto;
        margin:9.444rem 0 0;
        padding:0 2.333rem;
        overflow:hidden
    }
    .k-menu__links .nav-menu__item{
        display:block;
        font-size:3rem;
        line-height:1;
        margin-right:0;
        margin-bottom:.8em
    }
    .k-menu__links .nav-menu__item:first-letter{
        border-bottom:1px solid #007550;
        display:inline-block
    }
}
.k-menu__authorization{
    right:1.833rem;
    top:2.111rem;
    pointer-events:none
}
.k-menu__authorization .authorization__lang,.k-menu__authorization .mute-btn,.k-menu__authorization a{
    pointer-events:all
}
.k-menu__authorization .authorization__lang.mobile{
    display:none
}
@media screen and (min-width:567px) and (max-width:1024px){
    .k-menu__authorization{
        bottom:8.333rem;
        right:2.333rem;
        left:2.333rem;
        top:auto
    }
    .k-menu__authorization .authorization__lang.desktop{
        display:none
    }
    .k-menu__authorization .authorization__lang.mobile{
        display:block;
        margin-top:10px;
        font-size:1.667rem;
        text-align:center
    }
}
@media screen and (max-width:566px){
    .k-menu__authorization{
        bottom:10rem;
        right:2.333rem;
        left:2.333rem;
        top:auto
    }
    .k-menu__authorization .authorization__lang.desktop{
        display:none
    }
    .k-menu__authorization .authorization__lang.mobile{
        display:block;
        margin-top:10px;
        font-size:1.667rem;
        text-align:center
    }
}
.k-menu__socials{
    right:2.389rem;
    bottom:1.5rem;
    font-size:1rem
}
@media only screen and (max-width:1024px){
    .k-menu__socials{
        position:relative;
        left:0;
        right:0;
        bottom:0;
        margin:10.444rem 0 1.111rem;
        text-align:center;
        font-size:2.111rem
    }
}
.k-menu__socials .list__item{
    margin:1.444rem 0 0
}
@media only screen and (max-width:1024px){
    .k-menu__socials .list__item{
        display:inline-block;
        margin:0 7px
    }
}
.k-menu__container{
    z-index:1000
}
@media only screen and (max-width:1024px){
    .k-menu__container{
        position:relative;
        width:100%;
        padding:1px 0
    }
    .k-menu__container .backdrop{
        position:absolute;
        min-height:100vh
    }
}
.k-menu__logo{
    left:2.556rem;
    top:1.694rem;
    z-index:10000;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
@media only screen and (max-width:1024px){
    .k-menu__logo{
        left:2.222rem;
        top:.598rem
    }
}
@media only screen and (max-width:1024px){
    .k-menu_visible{
        height:100%;
        width:100vw
    }
    .k-menu_visible .k-menu-item_hide-menu{
        background-image:none
    }
}
@media only screen and (min-width:1025px){
    .k-menu .backdrop{
        display:none
    }
}
.nav-menu{
    font-size:.778rem
}
.nav-menu__item{
    display:inline-block;
    margin-right:1.389rem
}
@media only screen and (max-width:1366px){
    .nav-menu__item{
        margin-right:.722rem
    }
}
.nav-menu__link{
    -webkit-transition:color .2s;
    transition:color .2s;
    line-height:1.2
}
.nav-menu__link:hover{
    color:#00ffa7
}
.nav-menu__link_inactive{
    pointer-events:none!important;
    opacity:.5
}
.nav-menu__link_inactive,.nav-menu__link_inactive:hover,.nav-menu__link_selected,.nav-menu__link_selected:hover{
    color:gray
}
.hexagon{
    width:1.15470054em;
    height:1em;
    visibility:hidden;
    -webkit-transform:rotate(120deg);
    transform:rotate(120deg)
}
.hexagon,.hexagon__in1,.hexagon__in2{
    overflow:hidden;
    outline:1px solid transparent
}
.hexagon__in1,.hexagon__in2{
    width:100%;
    height:100%;
    -webkit-transform:rotate(-60deg);
    transform:rotate(-60deg)
}
.hexagon__in2{
    visibility:visible;
    -webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
    clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)
}
.hexagon__text{
    display:inline-block;
    vertical-align:middle;
    line-height:1.2
}
.hexagon__text>p{
    margin:0
}
.hexagon__image{
    outline:1px solid transparent;
    height:100%;
    line-height:.85em;
    background:no-repeat scroll 50% 50%;
    background-size:cover;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center;
    display:block;
    position:relative
}
.hexagon__image>*{
    width:100%
}
.hexagon__image>img{
    position:absolute;
    left:-50%;
    right:-50%;
    top:-50%;
    bottom:-50%;
    margin:auto
}
.hexagon_rotatable .hexagon__image{
    width:1.15470054em;
    height:1.15470054em;
    margin:-.07735027em 0;
    padding:.07735027em 0
}
.city-name{
    text-transform:uppercase;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    font-weight:900
}
@media only screen and (min-width:1025px){
    .city-name_mobile{
        display:none
    }
}
@media only screen and (max-width:1024px){
    .city-name_desktop{
        display:none
    }
}
.city-name__container{
    margin:0;
    display:inline-block;
    vertical-align:middle;
    line-height:1.1;
    float:left
}
.city-name__city{
    font-size:2.667rem
}
.city-name__country{
    color:#3aeeb0;
    font-weight:100
}
@media only screen and (max-width:1024px){
    .best-of-week{
        position:absolute;
        left:0;
        right:0;
        top:0;
        bottom:0;
        pointer-events:none
    }
    .best-of-week label{
        pointer-events:all
    }
}
.best-of-week__modal{
    color:#fff;
    overflow:hidden;
    z-index:1;
    pointer-events:all
}
@media only screen and (min-width:1025px){
    .best-of-week__modal{
        position:absolute;
        width:100%;
        height:17rem;
        pointer-events:none;
        right:0;
        bottom:0
    }
}
@media only screen and (max-width:1024px){
    .best-of-week__modal{
        position:relative;
        width:100%;
        min-height:100%;
        top:0;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        margin:auto
    }
}
.best-of-week__title{
    position:relative
}
@media only screen and (min-width:1025px){
    .best-of-week__title{
        font-size:1.111rem;
        width:4em;
        letter-spacing:.04em;
        position:absolute;
        bottom:1.8em;
        right:13.25em
    }
}
@media only screen and (max-width:1024px){
    .best-of-week__title{
        font-size:2.889rem;
        width:4em;
        top:11.611rem;
        left:4.222rem;
        line-height:1.1
    }
}
.best-of-week__carousel{
    position:absolute;
    pointer-events:all
}
@media only screen and (min-width:1025px){
    .best-of-week__carousel{
        right:9.778rem;
        bottom:5.889rem
    }
}
@media only screen and (max-width:1024px){
    .best-of-week__carousel{
        left:50%;
        top:31.111rem;
        font-size:13.889rem;
        -webkit-transform:none!important;
        transform:none!important
    }
}
.best-of-week__item{
    vertical-align:middle;
    text-align:center;
    position:absolute;
    left:-.57735027em;
    top:-.5em;
    z-index:1
}
.best-of-week__item-container{
    font-size:7.667rem;
    position:absolute
}
@media only screen and (max-width:1024px){
    .best-of-week__item-container{
        font-size:13.889rem;
        display:none
    }
    .best-of-week__item-container:nth-of-type(2),.best-of-week__item-container:nth-of-type(3),.best-of-week__item-container:nth-of-type(4){
        display:block
    }
    .best-of-week__item-container:nth-of-type(3n+2){
        left:-.448em;
        top:0
    }
    .best-of-week__item-container:nth-of-type(3n+3){
        left:.52em;
        top:-.548em
    }
    .best-of-week__item-container:nth-of-type(3n+4){
        left:.52em;
        top:.572em
    }
}
.best-of-week__image{
    line-height:.8
}
.best-of-week__name{
    display:inline-block;
    vertical-align:middle;
    width:auto;
    position:absolute;
    z-index:1;
    left:15%;
    right:18%;
    top:0;
    bottom:.5em;
    font-size:1rem;
    line-height:1.444em;
    margin:auto;
    direction:rtl
}
@media only screen and (max-width:1024px){
    .best-of-week__name{
        font-size:1.778rem;
        line-height:1.375em
    }
}
.best-of-week__name_singleline{
    height:1.444em
}
@media only screen and (max-width:1024px){
    .best-of-week__name_singleline{
        height:1.375em
    }
}
.best-of-week__name_multiline{
    height:2.889em;
    left:auto;
    font-size:.667rem;
    text-align:right
}
@media only screen and (max-width:1024px){
    .best-of-week__name_multiline{
        font-size:1.778rem;
        height:2.75em
    }
}
.best-of-week__name_multiline .best-of-week__name-line{
    white-space:nowrap
}
.best-of-week__name-line{
    padding:0 .222rem;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    background:#04aa73;
    color:#fff;
    display:inline-block
}
.best-of-week__item-border{
    display:block;
    pointer-events:none;
    background:url(/clbs/resources/img/planet/sprite.png?c2d48d0937fe33baae5ba6cedbbaddb7) no-repeat scroll;
    background-size:233% auto;
    background-position:100% 0;
    width:1.23809524em;
    height:1.08333333em;
    position:absolute;
    margin:-.03571429em;
    left:-.00595238em;
    top:-.00595238em
}
@media only screen and (min-width:1025px){
    .best-of-week__close,.best-of-week__show-button{
        display:none
    }
}
.best-of-week__show-button{
    margin:auto;
    -webkit-transition:bottom .3s;
    transition:bottom .3s
}
.best-of-week__show-button.best-of-week__show-button{
    width:auto;
    min-width:calc(100vw - 4.667rem);
    line-height:3
}
@media only screen and (max-width:1024px){
    .best-of-week__show-button{
        display:inline-block;
        padding:0 .6rem;
        color:#fff;
        white-space:nowrap
    }
}
.checkbox:checked~.best-of-week__show-button{
    display:block;
    bottom:-4em
}
.best-of-week__show-button-wrapper{
    overflow:hidden;
    position:fixed;
    bottom:2rem;
    left:0;
    right:0;
    text-align:center
}
@media only screen and (max-width:1024px){
    .best-of-week__close{
        position:absolute;
        right:2rem;
        top:6.333rem;
        margin:auto;
        width:3.667rem;
        cursor:pointer
    }
}
.best-of-week__decor-hexagon{
    position:relative;
    z-index:1;
    top:0!important;
    left:0!important
}
@media only screen and (min-width:1025px){
    .best-of-week__decor-hexagon{
        display:none
    }
}
.best-of-week__decor-hexagon svg{
    display:block;
    height:1em;
    width:1.1547005384em
}
.best-of-week__decor-hexagon path{
    fill:#fff!important;
    stroke:none!important
}
@media only screen and (min-width:1025px){
    .best-of-week .backdrop{
        display:none
    }
}
.prediction-picker{
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:181px;
    height:auto;
    border:1px solid #48eab6;
    padding:22px 20px 18px 27px;
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.9)),color-stop(50%,rgba(0,0,0,.9)),color-stop(51%,rgba(40,40,40,.9)),to(rgba(40,40,40,.9)));
    background:linear-gradient(180deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.9) 50%,rgba(40,40,40,.9) 51%,rgba(40,40,40,.9));
    background-size:100% 2px;
    text-align:left
}
.prediction-picker__button-close{
    width:12px;
    height:12px;
    margin:8px;
    position:absolute;
    top:0;
    right:0;
    background:url(/clbs/resources/img/planet/modal_cross_button.png?ebea2656f3571d0aa4806b0085014f02);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50%;
    cursor:pointer
}
.prediction-picker__button-close:hover{
    opacity:.5
}
.prediction-picker__title{
    font-weight:300;
    text-transform:uppercase;
    text-align:left;
    font-size:18px;
    color:#48eab6
}
.prediction-picker__input{
    padding:0;
    margin:0;
    position:relative;
    width:100%;
    height:23px;
    border-bottom:1px solid #48eab6
}
.prediction-picker__input input{
    display:inline-block;
    vertical-align:top;
    background:transparent;
    border:none;
    outline:none;
    width:100%;
    margin:0;
    padding:5px;
    padding-right:12px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    color:hsla(0,0%,100%,.3);
    font-size:11px;
    font-weight:500;
    text-transform:uppercase;
    letter-spacing:.5px
}
.prediction-picker__input input:focus{
    color:#fff
}
.prediction-picker__input:after{
    content:"";
    display:block;
    position:absolute;
    right:0;
    top:7px;
    width:10px;
    height:7px;
    background:url(/clbs/resources/img/planet/modal_arrow_right.png?801749f23ef5245cc15d2ea418437a43);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:0 0
}
.prediction-picker__list-wraper{
    display:block;
    width:100%;
    max-height:180px;
    height:auto;
    overflow-y:auto;
    margin:0;
    border:0;
    padding:0;
    -webkit-transition:height .3s;
    transition:height .3s
}
.prediction-picker .iScrollVerticalScrollbar{
    bottom:18px
}
.prediction-picker__list{
    display:block;
    width:100%;
    height:auto;
    margin:0;
    border:0;
    padding:13px 0 0
}
.prediction-picker__list li{
    display:block;
    width:100%;
    font-size:10px;
    margin:0;
    padding:7px 0;
    font-weight:500;
    letter-spacing:.5px;
    list-style-type:none;
    border-bottom:1px solid rgba(72,234,182,.4);
    opacity:1;
    -webkit-transition:opacity .2s;
    transition:opacity .2s;
    cursor:pointer
}
.prediction-picker__list li:hover{
    opacity:.7
}
.brief-title{
    position:absolute;
    top:0;
    left:0;
    width:auto;
    min-width:0;
    height:auto;
    text-align:left;
    pointer-events:none;
    z-index:1
}
.brief-title__line{
    display:inline-block;
    padding:8px;
    padding-top:0;
    margin:0;
    border:0;
    width:auto;
    height:26px;
    font-size:26px;
    line-height:26px;
    font-weight:900;
    vertical-align:top;
    white-space:nowrap;
    color:#fff;
    text-align:left;
    text-transform:uppercase;
    background-color:#04aa73;
    pointer-events:auto
}
.brief-title__line:first-child{
    padding-top:8px;
    margin-top:1px
}
.brief-title__button-close{
    display:inline-block;
    position:relative;
    left:7px;
    height:26px;
    vertical-align:bottom
}
.brief-title__button-close:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:34px;
    height:34px;
    background:url(/clbs/resources/img/planet/modal_cross_button.png?ebea2656f3571d0aa4806b0085014f02);
    background-size:13px;
    background-position:50%;
    background-color:#000;
    background-repeat:no-repeat;
    pointer-events:auto;
    cursor:pointer;
    -webkit-transition:background-color .2s;
    transition:background-color .2s
}
.brief-title__button-close:hover:before{
    background-color:#2c3334
}
.brief-title__button-edit{
    display:inline-block;
    position:relative;
    left:7px;
    height:26px;
    vertical-align:bottom
}
.brief-title__button-edit:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:34px;
    height:34px;
    background:url(/clbs/resources/img/planet/edit-button.png?335fb66de3e843c8dd58ae0e57bea59d);
    background-size:16px;
    background-position:50%;
    background-color:#000;
    background-repeat:no-repeat;
    pointer-events:auto;
    cursor:pointer;
    -webkit-transition:background-color .2s;
    transition:background-color .2s
}
.brief-title__button-edit:hover:before{
    background-color:#2c3334
}
.brief-title__button-close_one-line:before{
    margin-top:-8px;
    height:42px
}
.panorama__pointer{
    position:absolute;
    pointer-events:auto;
    cursor:pointer
}
.panorama__pointer:before{
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:44px;
    height:44px;
    margin-left:-22px;
    margin-top:-22px;
    background:url(/clbs/resources/img/planet/pointer_hex.svg?c33668d7ec25233d386c9ed3dcf05c17);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:100%;
    -webkit-transition:width .1s,height .1s,margin-left .1s,margin-top .1s;
    transition:width .1s,height .1s,margin-left .1s,margin-top .1s
}
.panorama__pointer:hover:before{
    width:48.4px;
    height:48.4px;
    margin-left:-24.2px;
    margin-top:-24.2px
}
.panorama_fullscreen{
    position:fixed!important;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    z-index:100010;
    border:none
}
.panorama_fullscreen .addwork__corner{
    display:none
}
.panorama_fullscreen .addwork__gui{
    border:none
}
.panorama__fullscreen-exit-button{
    position:absolute;
    top:10px;
    right:10px
}
.tooltip-360{
    width:120px;
    height:120px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-60px;
    margin-top:-60px;
    pointer-events:none
}
.tooltip-360 svg{
    position:absolute;
    top:0;
    left:0;
    margin:10px
}
.tooltip-360 svg #SVGID_IM{
    background-color:red;
    opacity:.5
}
.tooltip-360__360{
    font-size:20px;
    font-weight:300;
    margin-top:50px
}
.tooltip-360__360,.tooltip-360__title{
    width:100%;
    opacity:.999;
    color:#fff;
    text-align:center
}
.tooltip-360__title{
    font-size:16px;
    font-weight:700;
    margin-top:56px
}
@-webkit-keyframes user-pic-border__fade-in{
    0%{
        opacity:0
    }
    0.001%{
        -webkit-filter:blur(.222rem);
        filter:blur(.222rem);
        -webkit-transform:scale(.88);
        transform:scale(.88);
        opacity:1
    }
    50%{
        -webkit-filter:blur(.111rem);
        filter:blur(.111rem);
        -webkit-transform:scale(1.15);
        transform:scale(1.15);
        opacity:1
    }
    99.999%{
        -webkit-filter:blur(.056rem);
        filter:blur(.056rem);
        -webkit-transform:scale(1.1);
        transform:scale(1.1);
        opacity:0
    }
    to{
        display:none
    }
}
@keyframes user-pic-border__fade-in{
    0%{
        opacity:0
    }
    0.001%{
        -webkit-filter:blur(.222rem);
        filter:blur(.222rem);
        -webkit-transform:scale(.88);
        transform:scale(.88);
        opacity:1
    }
    50%{
        -webkit-filter:blur(.111rem);
        filter:blur(.111rem);
        -webkit-transform:scale(1.15);
        transform:scale(1.15);
        opacity:1
    }
    99.999%{
        -webkit-filter:blur(.056rem);
        filter:blur(.056rem);
        -webkit-transform:scale(1.1);
        transform:scale(1.1);
        opacity:0
    }
    to{
        display:none
    }
}
@-webkit-keyframes user-pic__fade-in{
    0%{
        display:block;
        opacity:0
    }
    30%{
        opacity:1
    }
    30.001%{
        display:none;
        opacity:0
    }
    60%{
        display:block;
        opacity:0
    }
    60.01%{
        display:block;
        opacity:.3
    }
    65%{
        display:none
    }
    85%{
        display:block;
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes user-pic__fade-in{
    0%{
        display:block;
        opacity:0
    }
    30%{
        opacity:1
    }
    30.001%{
        display:none;
        opacity:0
    }
    60%{
        display:block;
        opacity:0
    }
    60.01%{
        display:block;
        opacity:.3
    }
    65%{
        display:none
    }
    85%{
        display:block;
        opacity:0
    }
    to{
        opacity:1
    }
}
.user-pic{
    position:relative
}
.user-pic__border{
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
    opacity:0;
    -webkit-transition:opacity .35s ease-out,-webkit-transform .35s ease-out;
    transition:opacity .35s ease-out,-webkit-transform .35s ease-out;
    transition:transform .35s ease-out,opacity .35s ease-out;
    transition:transform .35s ease-out,opacity .35s ease-out,-webkit-transform .35s ease-out;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0
}
.user-pic__border svg{
    width:100%!important;
    height:100%!important
}
.user-pic__border_blurred{
    -webkit-filter:blur(.111rem);
    filter:blur(.111rem);
    -webkit-transform:scale(1.15);
    transform:scale(1.15);
    -webkit-transition:inherit;
    transition:inherit
}
.user-pic__border_blurred path{
    stroke-width:.111rem!important
}
.user-pic__photo{
    display:block;
    -webkit-transform:scale(.08);
    transform:scale(.08);
    opacity:0;
    -webkit-transition:opacity .35s ease-out,-webkit-transform .35s ease-out;
    transition:opacity .35s ease-out,-webkit-transform .35s ease-out;
    transition:transform .35s ease-out,opacity .35s ease-out;
    transition:transform .35s ease-out,opacity .35s ease-out,-webkit-transform .35s ease-out;
    width:100%;
    height:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:.556rem
}
.user-pic__photo .hexagon__in2{
    background:#fff
}
.user-pic__photo .hexagon__image{
    opacity:0
}
.user-pic--visible .user-pic__photo{
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1
}
.user-pic--visible .user-pic__photo .hexagon__image{
    -webkit-animation:user-pic__fade-in .25s ease-out .45s forwards;
    animation:user-pic__fade-in .25s ease-out .45s forwards
}
.user-pic--visible .user-pic__border{
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1
}
.user-pic--visible .user-pic__border_blurred{
    -webkit-animation:user-pic-border__fade-in .7s ease-out .15s forwards;
    animation:user-pic-border__fade-in .7s ease-out .15s forwards
}
.user-pic-crop{
    width:auto;
    border:1px solid #31b886;
    background:url(/clbs/resources/img/planet/textarea.svg?2f15ba69418ac07c7d2592bfba80ca0b) repeat scroll 0 0;
    font-size:1rem;
    text-align:center;
    position:relative
}
.user-pic-crop:after{
    content:"";
    font-size:.056rem;
    position:absolute;
    right:-1px;
    top:-1px;
    width:0;
    height:0;
    border-style:solid;
    border-width:0 16em 28em 0;
    border-color:transparent #000
}
.user-pic-crop .modal__close-button{
    font-size:.556rem;
    right:-5em;
    top:-3em;
    z-index:1
}
.user-pic-crop__cont{
    overflow:hidden;
    padding:.8em 3.6em
}
@media only screen and (max-width:1024px){
    .user-pic-crop__cont{
        padding:2.8em 3.6em
    }
}
.user-pic-crop .hexagon,.user-pic-crop__mask-hex{
    position:absolute;
    left:-200em;
    right:-200em;
    top:-200em;
    bottom:-200em;
    margin:auto
}
.user-pic-crop__title{
    color:#02e095;
    font-size:2em;
    margin:.7em 0 0;
    text-transform:uppercase
}
.user-pic-crop__mask{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.user-pic-crop__mask-hex{
    width:1.15135135em;
    height:1em;
    background-size:100% 100%
}
.user-pic-crop__dot{
    width:.556rem;
    height:.556rem;
    margin:-.278rem;
    background:#01de92;
    position:absolute;
    cursor:pointer
}
@media only screen and (max-width:1024px){
    .user-pic-crop__dot{
        width:1rem;
        height:1rem;
        margin:-.5rem
    }
}
.user-pic-crop__dot_1,.user-pic-crop__dot_5{
    left:25%
}
.user-pic-crop__dot_2,.user-pic-crop__dot_4{
    right:25%
}
.user-pic-crop__dot_3,.user-pic-crop__dot_6{
    top:50%
}
.user-pic-crop__dot_4,.user-pic-crop__dot_5{
    bottom:0
}
.user-pic-crop__dot_3{
    right:0
}
.user-pic-crop__dot_1:after{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
}
.user-pic-crop__dot_2:after{
    -webkit-transform:rotate(60deg);
    transform:rotate(60deg)
}
.user-pic-crop__dot_3:after{
    -webkit-transform:rotate(120deg);
    transform:rotate(120deg)
}
.user-pic-crop__dot_4:after{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.user-pic-crop__dot_5:after{
    -webkit-transform:rotate(240deg);
    transform:rotate(240deg)
}
.user-pic-crop__dot_6:after{
    -webkit-transform:rotate(300deg);
    transform:rotate(300deg)
}
.user-pic-crop__dot:after{
    content:"";
    display:block;
    position:absolute;
    width:.57567568em;
    height:1px;
    margin:auto;
    left:50%;
    top:0;
    bottom:0;
    background:#01de92;
    -webkit-transform-origin:0 0;
    transform-origin:0 0
}
.user-pic-crop__cropper{
    margin:1.667em 0 1.111em;
    position:relative
}
.user-pic-crop__image{
    font-size:18.5rem;
    width:21.3rem;
    height:18.5rem;
    position:relative
}
.user-pic-crop__message{
    color:#7e7e7e;
    font-size:.667rem;
    letter-spacing:.045em;
    padding:.4em 0;
    font-weight:300
}
.user-pic-crop_edit .user-pic-crop__message{
    display:none
}
.user-pic-crop__footer{
    height:4.6em
}
.user-pic-crop__save{
    margin:.667rem 0 0;
    min-width:13.889rem;
    display:none
}
.user-pic-crop_edit .user-pic-crop__save{
    display:inline-block
}
@media only screen and (max-width:1024px){
    .user-pic-crop__save{
        width:100%
    }
}
.user-pic-crop__target{
    position:absolute;
    margin:auto;
    height:18.5rem
}
.user-pic-crop__select-file{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    overflow:hidden
}
.user-pic-crop__select-file:before{
    content:"";
    display:inline-block;
    vertical-align:middle;
    height:100%;
    font-size:1px
}
.user-pic-crop__select-file span{
    vertical-align:middle;
    display:inline-block;
    font-size:1.222rem;
    font-weight:300;
    letter-spacing:.04em
}
.user-pic-crop_edit .user-pic-crop__select-file{
    display:none
}
.user-pic-crop__pencil{
    overflow:hidden;
    position:absolute;
    right:.333em;
    top:.333em;
    display:none
}
.user-pic-crop_edit .user-pic-crop__pencil{
    display:inherit
}
.user-pic-crop .upload-image__input{
    font-size:500px
}
.upload-image{
    position:relative;
    overflow:hidden
}
.upload-image__input{
    top:50%;
    right:-1em;
    z-index:2;
    position:absolute;
    cursor:pointer;
    opacity:0;
    filter:alpha(opacity=0);
    font-size:2.778rem;
    margin-top:-.5em;
    line-height:1;
    height:1em
}
@media only screen and (max-width:1024px){
    .upload-image__input{
        font-size:5.556rem
    }
}
.hexagonal-map{
    width:100%;
    height:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
@media only screen and (max-width:1024px){
    .hexagonal-map{
        padding:2.222rem 0;
        text-align:center
    }
}
.hexagonal-map__container{
    margin:auto
}
@media only screen and (min-width:1025px){
    .hexagonal-map__container{
        position:absolute;
        left:0;
        right:0;
        top:0;
        bottom:0
    }
}
@media only screen and (max-width:1024px){
    .hexagonal-map__container{
        text-align:left;
        width:29.167rem;
        position:relative;
        z-index:1;
        -webkit-transform-origin:0 0;
        transform-origin:0 0
    }
}
.hexagonal-map__canvas-shadow{
    position:absolute
}
.hexagonal-map__points-cont{
    position:absolute;
    left:0;
    top:0
}
.hexagonal-map__point{
    cursor:pointer;
    display:block;
    width:.556rem;
    height:.556rem;
    background:transparent;
    border-radius:50%;
    z-index:0;
    -webkit-transition:z-index .5s;
    transition:z-index .5s
}
@media only screen and (min-width:1025px){
    .hexagonal-map__point{
        -webkit-transform-style:preserve-3d;
        transform-style:preserve-3d
    }
}
.hexagonal-map__point_visible{
    z-index:10
}
.hexagonal-map__point_visible .map-page__concept{
    -webkit-transform:translateZ(8.333rem);
    transform:translateZ(8.333rem);
    -webkit-transition:top .25s,-webkit-transform .75s;
    transition:top .25s,-webkit-transform .75s;
    transition:transform .75s,top .25s;
    transition:transform .75s,top .25s,-webkit-transform .75s;
    top:-7.222rem
}
.hexagonal-map__point_visible .map-point .map-point__out{
    stroke:#04ffac
}
.hexagonal-map__point_visible .map-point .map-point__in{
    fill:#04ffac
}
.hexagonal-map__concept-info{
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:6.9445rem 6.056rem;
    transform-origin:6.9445rem 6.056rem;
    -webkit-transition:-webkit-transform .2s .2s;
    transition:-webkit-transform .2s .2s;
    transition:transform .2s .2s;
    transition:transform .2s .2s,-webkit-transform .2s .2s;
    margin:-5.778rem -6.6665rem
}
.hexagonal-map__concept-info,.hexagonal-map__concept-info-hexagon{
    position:absolute;
    width:13.333rem;
    height:11.556rem
}
.hexagonal-map__concept-info_visible{
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition-delay:0s;
    transition-delay:0s
}
.hexagonal-map__concept-info_no-image{
    height:auto;
    bottom:0
}
.hexagonal-map__concept-info_no-image .hexagon{
    display:none
}
.hexagonal-map__concept-info_no-image .concept-name{
    top:auto
}
.map-page{
    width:100%;
    overflow-x:hidden
}
@media only screen and (min-width:1025px){
    .map-page__content{
        height:100%
    }
}
.map-page__container{
    -webkit-transform:translateZ(2.222rem);
    transform:translateZ(2.222rem)
}
@media only screen and (min-width:1025px){
    .map-page__container{
        -webkit-transform-style:preserve-3d;
        transform-style:preserve-3d
    }
}
.map-page__shadow{
    left:-.667rem;
    top:.833rem;
    -webkit-transform:translateZ(.556rem);
    transform:translateZ(.556rem)
}
.map-page__map{
    -webkit-transform:translateZ(5rem);
    transform:translateZ(5rem);
    position:relative
}
.map-page__concept{
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-transition:top .25s .2s,-webkit-transform .5s;
    transition:top .25s .2s,-webkit-transform .5s;
    transition:transform .5s,top .25s .2s;
    transition:transform .5s,top .25s .2s,-webkit-transform .5s;
    position:absolute;
    top:0
}
@media only screen and (min-width:1025px){
    .map-page__concept{
        pointer-events:none
    }
}
.map-page__city{
    -webkit-transform:translateZ(1.667rem);
    transform:translateZ(1.667rem)
}
@media only screen and (max-width:1024px){
    .map-page__city{
        font-size:3.111rem
    }
}
.map-page__country{
    -webkit-transform:translateZ(2.222rem);
    transform:translateZ(2.222rem)
}
@media only screen and (max-width:1024px){
    .map-page__country{
        font-size:1.333rem;
        margin-top:.556rem
    }
}
@media only screen and (min-width:1025px){
    .map-page__city-name{
        position:absolute;
        top:0;
        bottom:0;
        margin:auto;
        right:calc(11% + 2.056rem);
        height:3.333rem;
        line-height:3.333rem
    }
}
@media only screen and (max-width:1024px){
    .map-page__city-name{
        padding:11rem 0 2.222rem 2.222rem;
        -webkit-box-sizing:border-box;
        box-sizing:border-box
    }
}
.map-page .background{
    min-height:100%
}
@media only screen and (min-width:1025px){
    .map-page .background{
        background-attachment:scroll
    }
}
.map-point{
    font-size:1.167rem;
    width:1em;
    height:.857em;
    margin:-.429em 0 0 -.476em;
    position:absolute
}
.map-point .map-point__out{
    stroke:#ffd800
}
.map-point .map-point__in{
    fill:#ffd800
}
.map-point_no-works .map-point__out{
    stroke:#fff
}
.map-point_no-works .map-point__in{
    fill:#fff
}
.map-point_thing .map-point__in{
    display:none
}
.map-point__out{
    stroke-width:2px
}
.map-point__in,.map-point__out{
    -webkit-transition:fill .5s,stroke .5s;
    transition:fill .5s,stroke .5s
}
.concept-name{
    font-size:1.278rem;
    text-transform:uppercase;
    color:#fff;
    line-height:1;
    position:absolute;
    left:50%;
    top:0;
    bottom:0;
    margin:auto;
    display:none
}
@media only screen and (max-width:1024px){
    .concept-name_mobile{
        display:initial
    }
}
@media only screen and (min-width:1025px){
    .concept-name_desktop{
        display:initial
    }
}
@media only screen and (max-width:1024px){
    .concept-name_right{
        left:auto;
        right:50%;
        text-align:right
    }
}
.concept-name__line{
    display:block;
    margin:-.444rem 0;
    width:0;
    opacity:0;
    overflow:hidden;
    position:relative;
    left:-3.333rem;
    -webkit-transition:width,left,opacity;
    transition:width,left,opacity;
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
    -webkit-transition-duration:.15s;
    transition-duration:.15s;
    -webkit-transition-delay:0s;
    transition-delay:0s
}
.concept-name__line-padding{
    white-space:nowrap;
    background:#04aa73;
    display:inline-block;
    padding:.333rem .333rem .389rem .5rem
}
.concept-name__line-text{
    position:relative
}
.concept-name__line_visible{
    width:100%;
    left:0;
    opacity:1;
    -webkit-transition-delay:.24s;
    transition-delay:.24s
}
.concept-name__line_visible:last-child{
    -webkit-transition-delay:.28s;
    transition-delay:.28s
}
.concept-name__line_visible:first-child{
    -webkit-transition-delay:.2s;
    transition-delay:.2s
}
.brief-user{
    margin-left:-2rem;
    position:absolute;
    left:6.667rem;
    bottom:3.667rem;
    white-space:nowrap
}
@media only screen and (max-width:1024px){
    .brief-user{
        left:7.222rem;
        bottom:1.222rem
    }
    .brief-360_thing .brief-user{
        left:4.222rem
    }
}
.brief-user__index{
    color:#000;
    font-size:.667rem;
    font-weight:500;
    width:8.333rem;
    line-height:2;
    background:#fff;
    position:relative;
    left:-1.222rem
}
@media only screen and (max-width:1024px){
    .brief-user__index{
        font-size:.806rem;
        left:-1.35rem
    }
}
.brief-user__index>* span{
    color:#9d9d9d
}
.brief-user__index>.skew__text{
    padding:0 1.667rem
}
@media only screen and (max-width:1024px){
    .brief-user__index>.skew__text{
        padding:0 2.222rem
    }
}
.brief-user__user{
    line-height:1.944rem;
    height:1.944rem;
    position:relative;
    left:-.278rem
}
.brief-user__user .skew__text{
    float:right;
    padding:0 .889rem
}
@media only screen and (max-width:1024px){
    .brief-user__user .skew__text{
        padding:0 1rem;
        line-height:2.4
    }
}
.brief-user__user-pic{
    font-size:6rem
}
@media only screen and (max-width:1024px){
    .brief-user__user-pic{
        font-size:7.2rem;
        margin:-2px 0 0
    }
}
.brief-user__name{
    color:#fff;
    font-size:.778rem;
    font-weight:300;
    text-transform:uppercase;
    background:#151515;
    background:-webkit-gradient(linear,left top,left bottom,from(#151515),to(#0e0e0e));
    background:linear-gradient(180deg,#151515,#0e0e0e)
}
@media only screen and (max-width:1024px){
    .brief-user__name{
        font-size:.944rem;
        min-width:10rem
    }
    .brief-user__name .skew__text{
        margin:0!important;
        float:none
    }
}
.brief-user__likes-count{
    color:#fff;
    font-size:.778rem;
    font-weight:500;
    background:#31b987;
    border-right:1px solid rgba(0,0,0,.07);
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
@media only screen and (max-width:1024px){
    .brief-user__likes-count{
        font-size:1.389rem;
        min-width:7.667rem
    }
}
.brief-user__likes-count .skew__text{
    padding:0 1.111rem
}
@media only screen and (max-width:1024px){
    .brief-user__likes-count .skew__text{
        text-align:center;
        width:100%
    }
}
.brief-user__like-btn{
    cursor:pointer;
    display:block
}
.brief-user__like-btn-cont{
    font-size:1.111rem;
    width:1em;
    height:1.9444444444rem;
    position:relative
}
@media only screen and (max-width:1024px){
    .brief-user__like-btn-cont{
        display:inline-block;
        vertical-align:middle;
        font-size:1.333rem
    }
}
.brief-user__like-btn:not(.nohover):hover:before{
    left:calc(100% - 4em)
}
.brief-user__like-btn:not(.nohover):hover svg{
    width:1.2em;
    height:1.25em
}
.brief-user__like-btn:before{
    content:"";
    display:block;
    position:absolute;
    background:url(/clbs/resources/img/planet/pattern_line-4.svg?119c8fdd8c98d230e0afbb98cbc0ca28) repeat scroll 0 0;
    left:calc(100% + 1em);
    right:-1em;
    top:0;
    bottom:0;
    z-index:-1;
    -webkit-transition:left .2s;
    transition:left .2s;
    image-rendering:-webkit-optimize-contrast;
    image-rendering:-moz-crisp-edges;
    image-rendering:-o-pixelated;
    image-rendering:pixelated;
    -ms-interpolation-mode:nearest-neighbor
}
.brief-user__like-btn svg{
    width:1em;
    height:1.05em;
    position:absolute;
    -webkit-transition:width .2s,height .2s;
    transition:width .2s,height .2s;
    left:-100%;
    right:-100%;
    bottom:.1em;
    margin:auto;
    top:0
}
@media only screen and (max-width:1024px){
    .brief-user__like-btn svg{
        bottom:.3em
    }
}
.brief-user__like{
    background:#2ca679
}
@media only screen and (max-width:1024px){
    .brief-user__like{
        font-size:1.389rem;
        margin:3px 0 0 5px
    }
    .brief-user__like .skew__text{
        line-height:1.66
    }
}
.brief-user__arrow{
    position:relative;
    -webkit-transition:z-index .3s,-webkit-filter .3s;
    transition:z-index .3s,-webkit-filter .3s;
    transition:filter .3s,z-index .3s;
    transition:filter .3s,z-index .3s,-webkit-filter .3s;
    z-index:0
}
.brief-user__arrow svg{
    width:3.889rem;
    height:3.333rem;
    display:block
}
.brief-user__arrow:last-child{
    margin-left:-.889rem;
    -webkit-filter:drop-shadow(.222rem .5rem .722rem rgba(0,0,0,.75));
    filter:drop-shadow(.222rem .5rem .722rem rgba(0,0,0,.75));
    z-index:10
}
.brief-user__arrow:last-child .back-btn-svg{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.brief-user__arrow:last-child .back-btn-svg *{
    -webkit-animation-delay:.2s;
    animation-delay:.2s
}
.brief-user__arrow:hover{
    z-index:10;
    -webkit-filter:drop-shadow(.222rem .5rem .722rem rgba(0,0,0,.75));
    filter:drop-shadow(.222rem .5rem .722rem rgba(0,0,0,.75))
}
.brief-user__arrow:hover+*{
    -webkit-filter:drop-shadow(0 0 0 rgba(0,0,0,.75));
    filter:drop-shadow(0 0 0 rgba(0,0,0,.75));
    z-index:0
}
@-webkit-keyframes back-btn-svg__stroke{
    0%{
        opacity:1
    }
    15%{
        opacity:1
    }
    15.001%{
        display:none;
        opacity:0
    }
    to{
        display:none
    }
}
@keyframes back-btn-svg__stroke{
    0%{
        opacity:1
    }
    15%{
        opacity:1
    }
    15.001%{
        display:none;
        opacity:0
    }
    to{
        display:none
    }
}
@-webkit-keyframes back-btn-svg__bg{
    0%{
        opacity:0
    }
    22.999%{
        opacity:0
    }
    23%{
        opacity:1
    }
    30.5%{
        opacity:1
    }
    30.501%{
        opacity:0
    }
    38%{
        opacity:0
    }
    38.001%{
        opacity:1
    }
    to{
        opacity:1
    }
}
@keyframes back-btn-svg__bg{
    0%{
        opacity:0
    }
    22.999%{
        opacity:0
    }
    23%{
        opacity:1
    }
    30.5%{
        opacity:1
    }
    30.501%{
        opacity:0
    }
    38%{
        opacity:0
    }
    38.001%{
        opacity:1
    }
    to{
        opacity:1
    }
}
@-webkit-keyframes back-btn-svg__border{
    0%{
        opacity:0
    }
    38%{
        opacity:0
    }
    53%{
        opacity:1
    }
    60.5%{
        opacity:1
    }
    60.501%{
        opacity:0
    }
    85%{
        opacity:1
    }
    to{
        opacity:1
    }
}
@keyframes back-btn-svg__border{
    0%{
        opacity:0
    }
    38%{
        opacity:0
    }
    53%{
        opacity:1
    }
    60.5%{
        opacity:1
    }
    60.501%{
        opacity:0
    }
    85%{
        opacity:1
    }
    to{
        opacity:1
    }
}
@-webkit-keyframes back-btn-svg__angle{
    0%{
        opacity:0
    }
    23%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes back-btn-svg__angle{
    0%{
        opacity:0
    }
    23%{
        opacity:0
    }
    to{
        opacity:1
    }
}
.brief-user__arrow .back-btn-svg *{
    opacity:0
}
.brief-user__arrow_visible .back-btn-svg__stroke{
    -webkit-animation:back-btn-svg__stroke .5s ease-out forwards;
    animation:back-btn-svg__stroke .5s ease-out forwards
}
.brief-user__arrow_visible .back-btn-svg__bg{
    -webkit-animation:back-btn-svg__bg .5s ease-out forwards;
    animation:back-btn-svg__bg .5s ease-out forwards
}
.brief-user__arrow_visible .back-btn-svg__border{
    -webkit-animation:back-btn-svg__border .5s ease-out forwards;
    animation:back-btn-svg__border .5s ease-out forwards
}
.brief-user__arrow_visible .back-btn-svg__angle{
    -webkit-animation:back-btn-svg__angle .5s ease-out forwards;
    animation:back-btn-svg__angle .5s ease-out forwards
}
.brief-user__arrows-cont{
    margin:.444rem 0 0;
    position:relative;
    left:-.667rem
}
.brief-user__to-vr{
    position:absolute;
    z-index:1;
    right:100%;
    bottom:100%;
    font-size:4.611rem;
    height:1em
}
.brief-user__to-vr .hexagon{
    position:relative;
    left:2.111rem;
    top:2.222rem
}
.brief-user__to-vr .hexagon__image{
    background:#31b987
}
.brief-user__to-vr .hexagon__text{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:100%;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:.756rem;
    line-height:.756rem
}
.brief-user__to-vr .hexagon__text>p:empty{
    display:none
}
@media only screen and (max-width:1024px){
    .brief-user .user-pic__photo{
        padding:.778rem
    }
}
.brief-comment{
    font-size:.778rem;
    margin:1.4rem 0
}
@media only screen and (max-width:1024px){
    .brief-comment{
        font-size:1.333rem;
        margin:.778rem 0
    }
    .brief-comment:last-of-type{
        margin-bottom:0
    }
}
.brief-comment__userpic{
    float:left;
    font-size:4rem
}
@media only screen and (max-width:1024px){
    .brief-comment__userpic{
        position:absolute;
        font-size:4.444rem
    }
}
.brief-comment__text{
    width:calc(100% - 4.667rem);
    padding:.8rem 1.556rem 0
}
@media only screen and (max-width:1024px){
    .brief-comment__text{
        width:100%;
        padding:.85rem 0 0 6.5rem;
        font-size:.85rem
    }
}
.brief-comment__comment{
    font-weight:300;
    letter-spacing:.011rem;
    overflow:hidden;
    text-overflow:ellipsis
}
@media only screen and (max-width:1024px){
    .brief-comment__comment{
        font-size:.9rem;
        line-height:1.65;
        min-height:3.3em;
        padding:0
    }
    .brief-comment__comment_mobile{
        display:block
    }
    .brief-comment__comment_desktop{
        display:none
    }
}
@media only screen and (min-width:1025px){
    .brief-comment__comment{
        line-height:1.75
    }
    .brief-comment__comment_mobile{
        display:none
    }
    .brief-comment__comment_desktop{
        display:block
    }
}
.brief-comment__username{
    text-transform:uppercase;
    color:#04aa73;
    margin:.333rem 0;
    font-weight:900
}
.brief-comments-list{
    position:relative
}
@media only screen and (max-width:1024px){
    .brief-comments-list{
        margin:2.667rem auto
    }
}
@media only screen and (min-width:1025px){
    .brief-comments-list{
        margin:2.7rem auto;
        width:45.222rem;
        padding-right:8.556rem;
        -webkit-box-sizing:border-box;
        box-sizing:border-box
    }
}
@media only screen and (max-width:1024px){
    .brief-comments-list>.list{
        padding:0 3.778rem;
        margin:2.222rem 0
    }
}
.brief-comments-list hr{
    color:#02e095;
    border-color:rgba(2,224,149,.3)
}
.brief-comments-list .skew{
    font-size:.889rem;
    color:#02e095;
    margin:0;
    float:left;
    border:1px solid #02e095;
    line-height:1.6875;
    font-weight:300;
    padding:0 1rem
}
.brief-comments-list .skew p{
    margin:0
}
@media only screen and (max-width:1024px){
    .brief-comments-list .skew{
        font-size:1.2rem;
        -webkit-transform:skew(-23deg);
        transform:skew(-23deg);
        padding:0 1.1rem
    }
    .brief-comments-list .skew__content{
        -webkit-transform:skew(23deg);
        transform:skew(23deg)
    }
}
.agree-vote__text{
    font-size:1.333rem;
    position:relative;
    display:inline-block;
    vertical-align:middle
}
@media only screen and (max-width:1024px){
    .agree-vote__text{
        font-size:1.35rem
    }
}
.agree-vote__text+svg{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    opacity:.5
}
@media only screen and (max-width:1024px){
    .agree-vote__text+svg{
        width:100%;
        height:100%;
        padding:.278rem;
        -webkit-box-sizing:border-box;
        box-sizing:border-box
    }
}
.agree-vote__button{
    font-weight:900;
    font-size:4.611rem;
    -webkit-filter:drop-shadow(0 0 .389rem rgba(44,166,121,.35)) drop-shadow(0 0 .389rem rgba(44,166,121,.35));
    filter:drop-shadow(0 0 .389rem rgba(44,166,121,.35)) drop-shadow(0 0 .389rem rgba(44,166,121,.35));
    -webkit-transition:-webkit-filter .4s;
    transition:-webkit-filter .4s;
    transition:filter .4s;
    transition:filter .4s,-webkit-filter .4s
}
@media only screen and (max-width:1024px){
    .agree-vote__button{
        font-size:4.8rem
    }
}
.agree-vote .agree-vote__count,.agree-vote .agree-vote__text,.agree-vote .hexagon-svg,.agree-vote .pattern_lines-2:before{
    -webkit-transition:opacity .5s;
    transition:opacity .5s
}
.agree-vote__content{
    line-height:4.611rem;
    padding:0 .444rem;
    cursor:pointer
}
.agree-vote__content_left{
    text-align:right
}
.agree-vote__content_left .agree-vote__count{
    text-align:left
}
.agree-vote__content_left .agree-vote__button{
    float:right
}
.agree-vote__content_right{
    text-align:left
}
.agree-vote__content_right .agree-vote__count{
    text-align:right
}
.agree-vote__content_right .agree-vote__button{
    float:left
}
.agree-vote__content_checked{
    cursor:default!important
}
.agree-vote__content_checked .agree-vote__button{
    -webkit-filter:drop-shadow(0 0 2.222rem rgba(44,166,121,.55)) drop-shadow(0 0 1.111rem rgba(44,166,121,.55));
    filter:drop-shadow(0 0 2.222rem rgba(44,166,121,.55)) drop-shadow(0 0 1.111rem rgba(44,166,121,.55))
}
.agree-vote__content_unchecked{
    cursor:default!important
}
.agree-vote__content_unchecked .agree-vote__button{
    -webkit-filter:drop-shadow(0 0 0 rgba(44,166,121,.35)) drop-shadow(0 0 0 rgba(44,166,121,.35));
    filter:drop-shadow(0 0 0 rgba(44,166,121,.35)) drop-shadow(0 0 0 rgba(44,166,121,.35))
}
.agree-vote__content_unchecked .agree-vote__text,.agree-vote__content_unchecked .hexagon-svg{
    opacity:.1
}
.agree-vote__content_unchecked .agree-vote__count{
    opacity:.2
}
.agree-vote__content_unchecked .pattern_lines-2:before{
    background:#38403d
}
.agree-vote__count{
    position:relative;
    display:inline-block;
    width:4.778rem;
    font-weight:300;
    text-align:right;
    padding:0 1.111rem 0 .889rem;
    margin:0 -1.778rem;
    font-size:1.167rem;
    line-height:2rem;
    letter-spacing:.028rem
}
@media only screen and (max-width:1024px){
    .agree-vote__count{
        font-size:1.2rem;
        min-width:7.3rem;
        padding:0 1.1rem;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        margin:0 -2rem;
        white-space:nowrap
    }
}
.agree-vote__count:before{
    content:"";
    display:block;
    border:2px solid rgba(132,214,173,.2);
    -webkit-transform:skew(-24deg);
    transform:skew(-24deg);
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.add-comment-form__header{
    display:table;
    padding-left:6.444rem;
    cursor:pointer;
    text-transform:uppercase
}
.add-comment-form__header>div{
    display:table-cell;
    vertical-align:middle
}
.add-comment-form__header-hr{
    width:10000px
}
.add-comment-form__header hr{
    margin:0
}
@media only screen and (max-width:1024px){
    .add-comment-form__header{
        padding:0 3.65rem 0 3.8rem
    }
}
.add-comment-form__footer{
    padding:.167rem 0 0 6rem;
    height:0;
    overflow:hidden
}
.add-comment-form__footer hr{
    margin:.556rem 0
}
@media only screen and (max-width:1024px){
    .add-comment-form__footer hr{
        margin:1rem 0
    }
}
@media only screen and (max-width:1024px){
    .add-comment-form__footer{
        margin-top:-.01rem;
        padding:0 3.65rem 0 3.8rem
    }
}
.add-comment-form_expanded .add-comment-form__header{
    display:none
}
.add-comment-form_expanded .add-comment-form__footer{
    height:auto
}
.reply-comment{
    position:relative;
    z-index:1
}
.reply-comment__tale{
    text-align:left;
    line-height:1px;
    width:100%
}
.reply-comment__tale span{
    background:url(/clbs/resources/img/planet/tale.svg?fed7f338ec22c4b02912f2c61d80db71) no-repeat scroll 50% 50%;
    width:9px;
    height:9px;
    display:inline-block
}
.reply-comment__tale:after,.reply-comment__tale:before{
    content:"";
    display:inline-block;
    border-top:1px solid #02e095
}
.reply-comment__tale:before{
    width:4%
}
@media only screen and (max-width:1024px){
    .reply-comment__tale:before{
        width:5%
    }
}
.reply-comment__tale:after{
    width:calc(96% - 9px)
}
@media only screen and (max-width:1024px){
    .reply-comment__tale:after{
        width:calc(95% - 9px)
    }
}
.reply-comment__cancel{
    z-index:1;
    cursor:pointer;
    position:absolute;
    right:.111rem;
    top:.7rem;
    width:.833rem;
    height:.722rem;
    background:url(/clbs/resources/img/planet/close-button.png?19a9b107bfa91572c955eccf9fa13c83) no-repeat scroll 50% 50%;
    border-left:1px solid rgba(1,222,146,.3)
}
@media only screen and (max-width:1024px){
    .reply-comment__cancel{
        right:3px;
        top:12px
    }
}
.reply-comment .reply-comment__submit{
    margin:.5rem 0;
    padding:0 .5rem;
    text-transform:uppercase
}
@media only screen and (max-width:1024px){
    .reply-comment .reply-comment__submit{
        padding:0 1rem;
        width:auto;
        font-size:1.167rem;
        font-weight:500;
        line-height:1.85;
        margin:.4rem 0
    }
}
.reply-comment__input{
    position:relative
}
.reply-comment__input:before{
    content:""
}
.reply-comment__input textarea{
    border:1px solid #02e095;
    border-top:none;
    border-radius:0;
    background:none;
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    outline:none;
    color:#fff;
    font-weight:300;
    font-size:.778rem;
    padding:.8em;
    height:5rem
}
@media only screen and (max-width:1024px){
    .reply-comment__input textarea{
        font-size:.9rem;
        padding:.7em;
        height:6em
    }
}
.brief-modal{
    font-weight:500;
    text-align:left;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.brief-modal__when-comment.brief-modal__when-comment{
    display:none
}
.brief-modal_add-comment .brief-modal__when-comment{
    display:inherit
}
.brief-modal_add-comment .brief-modal__when-brief{
    display:none
}
@media only screen and (max-width:1024px){
    .brief-modal{
        font-size:1.778rem;
        padding:12rem 0 0;
        min-height:100%
    }
    .brief-modal .scroll__cont{
        -webkit-transform:none!important;
        transform:none!important
    }
}
@media only screen and (min-width:1025px){
    .brief-modal{
        font-size:1rem;
        padding:0 2rem 4rem;
        height:100%
    }
    .brief-modal .scroll__cont{
        padding-top:6.444rem
    }
}
.brief-modal__container{
    margin:1.667rem auto
}
@media only screen and (max-width:1024px){
    .brief-modal__container{
        height:100%;
        width:auto;
        margin:0 auto;
        padding:0
    }
}
.brief-modal .show-graphics{
    position:absolute;
    top:2.111rem;
    right:0;
    max-width:250px;
    height:2.333rem;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    opacity:0;
    visibility:hidden;
    font-weight:700;
    font-size:.889rem
}
@media only screen and (min-width:1025px){
    .brief-modal .show-graphics{
        margin-right:2rem;
        z-index:1;
        opacity:0;
        visibility:hidden;
        -webkit-transition:.1s linear;
        transition:.1s linear
    }
    .brief-modal .show-graphics.scroll-visible.visible{
        opacity:1;
        visibility:visible
    }
}
@media only screen and (max-width:1024px){
    .brief-modal .show-graphics{
        left:2.222rem;
        top:10.4rem;
        width:auto;
        max-width:none;
        position:absolute;
        height:auto;
        display:block
    }
}
@media only screen and (max-width:1024px){
    .brief-modal .show-graphics.visible{
        opacity:1;
        visibility:visible
    }
}
.brief-modal .show-graphics .nav-menu__item{
    margin-right:2.056rem
}
@media only screen and (max-width:1024px){
    .brief-modal .show-graphics a{
        font-size:1.4rem
    }
}
.brief-modal__h1,.brief-modal__h2,.brief-modal__h3{
    text-transform:uppercase;
    text-align:center;
    display:block
}
.brief-modal__h1{
    font-size:2rem;
    color:#04aa73;
    margin:2.333rem 0;
    line-height:1.2
}
@media only screen and (max-width:1024px){
    .brief-modal__h1{
        font-size:2.556rem;
        margin:1.111rem 0
    }
}
@media only screen and (max-width:359px){
    .brief-modal__h1{
        font-size:2.333rem
    }
}
.brief-modal__h2{
    font-size:1.667rem;
    margin:.889rem auto
}
@media only screen and (max-width:1024px){
    .brief-modal__h2{
        font-size:1.79rem;
        margin:2.3rem auto 1.7rem
    }
}
.brief-modal__h3{
    font-size:1.667rem;
    margin:1.556rem auto
}
.brief-modal__pre{
    color:#fff;
    font-size:.778rem;
    line-height:2;
    margin:1.667rem .167rem
}
@media only screen and (min-width:1025px){
    .brief-modal__pre{
        font-weight:300;
        letter-spacing:.011rem
    }
}
@media only screen and (max-width:1024px){
    .brief-modal__pre{
        font-size:1.167rem;
        line-height:1.45;
        margin:2.111rem .222rem 0
    }
}
.brief-modal__content{
    color:#fff;
    font-size:.778rem;
    line-height:2;
    margin:1.667rem .167rem
}
@media only screen and (min-width:1025px){
    .brief-modal__content{
        font-weight:300;
        letter-spacing:.011rem
    }
}
@media only screen and (max-width:1024px){
    .brief-modal__content{
        font-size:1.167rem;
        line-height:1.45;
        margin:2.111rem .222rem 0
    }
}
@media only screen and (min-width:1025px){
    .brief-modal__cont{
        width:27.778rem;
        margin:auto
    }
}
@media only screen and (max-width:1024px){
    .brief-modal__cont{
        padding:0 3.444rem
    }
}
@media only screen and (min-width:1025px){
    .brief-modal__move-left{
        padding-right:3rem
    }
}
.brief-modal__socials{
    margin:5.333rem auto 3.778rem
}
.brief-modal .iScrollVerticalScrollbar{
    top:11.111rem;
    bottom:5rem
}
.brief-modal__add{
    font-size:117px;
    line-height:117px;
    display:block
}
.brief-modal__add-button{
    position:absolute;
    right:69px;
    top:122px;
    z-index:5;
    -webkit-filter:drop-shadow(-5px 4px 4px rgba(76,206,168,.6));
    filter:drop-shadow(-5px 4px 4px rgba(76,206,168,.6));
    -webkit-transition:-webkit-filter .2s;
    transition:-webkit-filter .2s;
    transition:filter .2s;
    transition:filter .2s,-webkit-filter .2s
}
.brief-modal__add-button:hover{
    -webkit-filter:drop-shadow(-5px 4px 20px rgba(76,206,168,0));
    filter:drop-shadow(-5px 4px 20px rgba(76,206,168,0));
    -webkit-transition-duration:1s;
    transition-duration:1s
}
.brief-modal__add .pattern{
    background-color:#65dbbb
}
.brief-modal__add .button{
    font-size:1em;
    height:1em;
    line-height:.85;
    -webkit-box-shadow:none!important;
    box-shadow:none!important;
    vertical-align:top
}
.brief-modal__add .button__content{
    line-height:1.2;
    font-size:1rem
}
.brief-modal__author{
    padding:1.111rem .5rem
}
@media only screen and (max-width:1024px){
    .brief-modal__author{
        padding:0 .278rem;
        margin:1.2rem 0
    }
}
@media only screen and (min-width:1025px){
    .brief-modal__author .brief-comment__username{
        margin:.2rem 0 .7rem
    }
}
@media only screen and (max-width:1024px){
    .brief-modal__author .brief-comment__username{
        font-size:1.333rem;
        margin:.65rem 0
    }
}
.brief-modal__author .brief-comment__userpic{
    font-size:4.889rem;
    width:6.756rem;
    position:absolute
}
@media only screen and (max-width:1024px){
    .brief-modal__author .brief-comment__userpic{
        font-size:6rem;
        width:auto;
        margin-top:.222rem
    }
    .brief-modal__author .brief-comment__userpic+.column{
        min-height:6rem
    }
}
@media only screen and (min-width:1025px){
    .brief-modal__author .brief-comment__comment{
        font-size:.556rem;
        font-weight:100;
        padding-right:1.5rem;
        line-height:1.8
    }
}
@media only screen and (max-width:1024px){
    .brief-modal__author .brief-comment__comment{
        padding:0;
        font-size:.778rem;
        line-height:1.6;
        font-weight:300;
        color:#fff
    }
}
.brief-modal__author .brief-comment__text{
    width:auto;
    float:none
}
@media only screen and (min-width:1025px){
    .brief-modal__author .brief-comment__text{
        padding:0 0 0 8rem;
        min-height:6rem
    }
}
@media only screen and (max-width:1024px){
    .brief-modal__author .brief-comment__text{
        padding:0 0 0 9.444rem;
        margin:0
    }
}
.brief-modal a,.brief-modal p{
    overflow:hidden;
    text-overflow:ellipsis
}
@media only screen and (max-width:1024px){
    .brief-modal .user-pic__photo{
        padding:.667rem
    }
}
@media only screen and (max-width:1024px){
    .brief-modal .user-pic__border{
        stroke-width:4px!important
    }
}
@media only screen and (max-width:1024px){
    .show-graphics--position-down .show-graphics{
        left:2.222rem;
        right:auto!important;
        top:10.4rem
    }
}
.to-vr{
    text-transform:uppercase;
    line-height:1.31578947;
    color:#fff;
    text-align:right
}
.to-vr,.to-vr>*{
    display:inline-block
}
.to-vr>*{
    vertical-align:top
}
.to-vr__arrow{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
    font-size:5.333rem;
    line-height:1
}
.to-vr__arrow svg{
    display:block;
    width:1.167em;
    height:1em
}
.to-vr__view-in{
    width:16.222rem;
    background:#04aa73;
    float:right
}
.to-vr__view-in>.skew__text{
    padding:0 1.667rem
}
.to-vr__vr-mode{
    width:13.889rem;
    background:#058158;
    float:right
}
.to-vr__vr-mode>.skew__text{
    padding:0 1.667rem
}
.to-vr .list__item{
    margin:-.111rem -.778rem .222rem 0
}
.brief-360__nav-menu{
    position:absolute;
    top:2.111rem;
    right:23.889rem
}
@media only screen and (max-width:1024px){
    .brief-360__nav-menu{
        top:6.222rem;
        right:2.222rem;
        max-width:11.111rem;
        text-align:right
    }
}
.brief-360__nav-menu .nav-menu{
    display:inline-block;
    vertical-align:top;
    font-size:.889rem;
    line-height:2.389rem;
    font-weight:700
}
@media only screen and (max-width:1366px){
    .brief-360__nav-menu .nav-menu{
        width:250px;
        line-height:1rem
    }
}
@media only screen and (max-width:1024px){
    .brief-360__nav-menu .nav-menu{
        width:auto;
        font-size:1.667rem;
        min-height:2.389rem;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.brief-360__nav-menu .nav-menu__item{
    margin-right:2.056rem
}
@media only screen and (max-width:1024px){
    .brief-360__nav-menu .nav-menu__item{
        margin:0
    }
    .brief-360__nav-menu .nav-menu__item:first-child{
        display:none
    }
}
.brief-360__arrow{
    position:absolute;
    top:0;
    bottom:0;
    height:3.333rem;
    margin:auto
}
.brief-360__arrow_prev{
    left:.278rem
}
.brief-360__arrow_next{
    right:.278rem
}
.brief-360__arrow_next .back-btn-svg{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.brief-360__arrow svg{
    width:3.889rem;
    height:3.333rem;
    display:block
}
.brief-360 .authorization{
    vertical-align:top;
    pointer-events:none;
    visibility:hidden;
    opacity:0
}
@media only screen and (max-width:1024px){
    .brief-360 .authorization,.brief-360__when-desktop{
        display:none
    }
}
@media only screen and (min-width:1025px){
    .brief-360__when-mobile{
        display:none
    }
}
.brief-360_thing .brief__vr-exit-button,.brief-360_thing .to-vr{
    display:none
}
.brief-360__close{
    position:absolute;
    right:1.778rem;
    top:5.5rem;
    display:block;
    z-index:1
}
@media only screen and (max-width:1024px){
    .brief-360__close{
        top:17rem
    }
}
.brief-360_panorama .brief-360__close{
    display:none
}
@media only screen and (max-width:1024px){
    .brief-360~.timeline{
        top:10.278rem
    }
}
@media only screen and (max-width:1024px){
    .brief-360{
        position:relative;
        height:100%;
        overflow:hidden
    }
}
@media only screen and (max-width:1024px){
    .brief-360 .brief-city-name{
        font-size:1.6rem;
        line-height:1.9rem;
        margin:0
    }
    .brief-360 .brief__brief-link{
        font-size:1.4rem
    }
}
@media only screen and (max-width:1024px){
    .brief-360_long-name .brief-city-name{
        font-size:1.3rem;
        top:6.222rem;
        line-height:1.8rem;
        margin:0
    }
    .brief-360_long-name .brief__brief-link{
        font-size:1.3rem
    }
}
.brief-city-name{
    text-transform:uppercase;
    position:absolute;
    z-index:1;
    left:2.556rem;
    top:4.833rem;
    padding:.111rem .667rem;
    background:#04aa73;
    font-size:2rem;
    vertical-align:middle;
    font-weight:900
}
@media only screen and (max-width:1024px){
    .brief-city-name{
        left:2.222rem;
        top:7.222rem;
        font-size:2.1rem;
        margin:0
    }
}
.brief-city-name--desktop{
    left:.556rem
}
@media only screen and (max-width:1024px){
    .brief-city-name--desktop{
        display:none!important
    }
}
@media only screen and (min-width:1025px){
    .brief-city-name--mobile{
        display:none!important
    }
}
.green-hex{
    font-size:.778rem;
    background:url(/clbs/resources/img/planet/green-hex.png?7a44da70881e47846a5a1d8aeb06f891) no-repeat;
    background-size:100% 100%;
    width:19.167rem;
    height:21.333rem;
    position:absolute;
    right:0;
    top:0;
    bottom:.556rem;
    margin:auto;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:3.556rem 1.333rem 3.444rem 5.778rem
}
.green-hex__content{
    min-height:9.444rem;
    margin-bottom:.944rem;
    overflow:hidden
}
.green-hex__title{
    text-transform:uppercase;
    font-size:.833rem;
    margin:.611rem 0;
    line-height:1.2;
    max-height:4.8em;
    overflow:hidden
}
.green-hex__body{
    font-weight:300;
    line-height:1.5;
    max-height:6em
}
.green-hex__body,.green-hex__body p{
    overflow:hidden;
    text-overflow:ellipsis
}
.green-hex__body p{
    margin:0
}
.green-hex__button{
    line-height:2.278rem;
    height:2.278rem;
    border-radius:2.278rem;
    min-width:6.778rem;
    background:rgba(52,229,185,.7);
    padding:0 1.111rem;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:inline-block;
    text-align:center;
    -webkit-transition:background .2s;
    transition:background .2s
}
.green-hex__button:hover{
    background:#34e5b9
}
.green-hex .hexagon{
    font-size:6.5rem;
    position:absolute;
    left:1.667rem;
    bottom:-3.333rem
}
.green-hex .hexagon__image{
    background:#fff;
    height:100%
}
.green-hex .hexagon__image svg{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    width:100%;
    height:94%;
    margin:auto
}
.green-hex .hexagon__image path{
    stroke-width:1px;
    stroke:rgba(4,170,115,.4)!important
}
.green-hex .hexagon__image span{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    color:#000;
    font-size:.889rem;
    font-weight:500;
    padding:0 1.667rem;
    line-height:1.2;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.brief-360_panorama .green-hex{
    display:none
}
.brief__panorama{
    background:no-repeat scroll 50% 50%;
    background-size:cover
}
.brief__images,.brief__panorama{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.brief__images{
    -o-object-fit:cover;
    object-fit:cover
}
.brief__vr-exit-button{
    position:fixed;
    top:10px;
    right:20px
}
.brief_add_error{
    margin:-12px 0 12px
}
/* .missing-page{
    width:100%;
    height:100%;
    background-image:url("/clbs/resources/img/planet/bg-404.png");
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.missing-page__wrap{
    text-align:center
}
.missing-page__text{
    font-size:120px;
    font-weight:700;
    color:#3fbe7c;
    text-align:center
}
.missing-page__desc{
    width:375px;
    font-size:16px;
    font-weight:700;
    color:#fff;
    text-transform:uppercase;
    text-align:center;
    margin-bottom:20px
}
@media only screen and (max-width:1024px){
    .missing-page__desc{
        width:310px
    }
}
.column__rel{
    position:relative
}
.form__select .select2-container{
    font-size:13px;
    height:35px;
    width:222px!important;
    border-radius:0;
    border:1px solid #3fbe7c;
    background-color:transparent;
    -webkit-box-shadow:none;
    box-shadow:none;
    padding:0 20px 0 8px;
    line-height:38px
}
.form__select{
    line-height:35px;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
@media (min-width:671px){
    .form__select{
        position:absolute;
        top:-31px;
        right:3.556rem
    }
    .predictions__row .form__select{
        top:-37px;
        right:7.556rem
    }
}
.form__select .select2-container--default .select2-selection--single{
    border:none;
    background:transparent;
    height:35px;
    outline:none
}
.form__select .select2-container--default .select2-selection--single .select2-selection__rendered{
    color:#3fbe7c;
    text-transform:uppercase;
    line-height:33px
}
.form__select .select2-container--default .select2-selection--single .select2-selection__arrow{
    height:33px
}
.form__select .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color:#3fbe7c transparent transparent;
    border-width:9px 5px 0;
    margin-left:-7px;
    margin-top:-5px
}
.form__select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color:transparent transparent #3fbe7c;
    border-width:0 5px 9px
}
body .select2-dropdown{
    background-color:#000;
    border:1px solid #3fbe7c;
    border-radius:0
}
body .select2-results__option{
    font-size:13px;
    color:#4d4d4d;
    text-transform:uppercase;
    padding:11px 15px
}
body .select2-container--default .select2-results__option[aria-selected=true]{
    background-color:transparent;
    color:#fff;
    display:none
}
body .select2-container--default .select2-results__option--highlighted[aria-selected]{
    color:#fff;
    background-color:transparent
} */
/* .addwork{
    width:calc(100% - 230px);
    height:calc(100% - 252px);
    position:absolute;
    left:150px;
    top:135px;
    margin:auto;
    text-align:center;
    font-size:1.333rem
}
@media only screen and (max-width:1024px){
    .addwork{
        height:13.889em;
        font-size:2rem
    }
}
.addwork__faq{
    position:absolute;
    left:-55px;
    top:2px;
    z-index:1
}
.addwork__faq .back-btn-svg{
    font-size:66px
}
.addwork__faq .back-btn-svg__angle{
    display:none
}
.addwork__faq:after{
    pointer-events:none;
    font-weight:300;
    font-size:2rem;
    content:"?";
    color:#000;
    position:absolute;
    left:0;
    top:50%;
    right:0;
    bottom:50%;
    margin:-.5em;
    line-height:1;
    vertical-align:middle
}
.addwork__corner:after,.addwork__corner:before{
    content:"";
    width:0;
    height:0;
    border-style:solid;
    position:absolute;
    top:0
}
.addwork__corner:before{
    border-width:34px 20px 0 0;
    border-color:#02e095 transparent transparent
}
.addwork__corner:after{
    border-width:32px 18px 0 0;
    border-color:#0e2827 transparent transparent
}
.addwork__corner_left:after,.addwork__corner_left:before{
    left:0
}
.addwork__corner_right:after,.addwork__corner_right:before{
    right:0
}
.addwork__corner_right:before{
    border-width:0 20px 34px 0;
    border-color:transparent #02e095 transparent transparent
}
.addwork__corner_right:after{
    border-width:0 18px 32px 0;
    border-color:transparent #0e2827 transparent transparent
}
.addwork__panorama{
    position:absolute;
    width:100%;
    height:100%;
    background:#051a1b url(/clbs/resources/img/planet/addwork_bg.svg?d8ce22d8919cd5d1ce6ba8fd280dfcb4) no-repeat scroll 50% 50%;
    background-size:cover;
    overflow:hidden
}
.addwork__panorama canvas{
    padding:0;
    margin:0;
    border:0;
    font-size:0;
    position:absolute;
    top:0;
    left:0
}
.addwork__thing{
    overflow:hidden;
    background-color:red
}
.addwork__gui,.addwork__thing{
    position:absolute;
    width:100%;
    height:100%
}
.addwork__gui{
    padding:0;
    margin:0;
    pointer-events:none;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border:1px solid #02e095
}
.addwork__header{
    position:absolute;
    width:100%;
    height:28px;
    margin-top:-34px
}
.addwork__header .addwork__close-button{
    position:absolute;
    cursor:pointer;
    top:3px;
    right:-52px;
    z-index:1
}
.addwork__footer{
    position:absolute;
    bottom:-34px;
    left:0;
    text-align:right;
    width:100%;
    height:34px
}
.addwork__steps{
    text-align:left;
    font-size:0
}
.addwork__step{
    font-size:14px;
    font-weight:500;
    color:#02e095;
    text-transform:uppercase;
    line-height:28px
}
.addwork__step,.addwork__step:before{
    display:inline-block;
    vertical-align:middle
}
.addwork__step:before{
    content:"";
    width:14px;
    height:1px;
    margin-left:6px;
    margin-right:6px;
    background-color:#546365;
    margin-top:-2px
}
.addwork__step:first-child{
    margin-left:40px
}
.addwork__step:first-child:before{
    width:0;
    margin-left:0
}
.addwork__step_inactive{
    color:#546365;
    pointer-events:none
}
.addwork__buttons{
    position:absolute;
    top:0;
    right:0;
    font-size:0;
    width:100%;
    text-align:right
}
.addwork__buttons>span{
    display:inline-block
}
.addwork__tab-button{
    display:inline-block;
    width:152px;
    height:100%;
    overflow:hidden;
    position:relative;
    opacity:.99;
    text-align:center;
    margin-left:-14px
}
.addwork__tab-button:before{
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:10px;
    width:132px;
    height:100%;
    background-color:#02e095;
    -webkit-transform:skewX(-30deg);
    transform:skewX(-30deg);
    -webkit-transition:background-color .2s;
    transition:background-color .2s
}
.addwork__tab-button p{
    font-size:17px;
    font-weight:900;
    color:#fff;
    opacity:.999;
    pointer-events:none;
    -webkit-transition:color .2s;
    transition:color .2s
}
.addwork__tab-button label,.addwork__tab-button p{
    vertical-align:top;
    line-height:28px;
    display:inline-block;
    margin:0
}
.addwork__tab-button label{
    text-align:center;
    width:152px
}
.addwork__tab-button input{
    position:absolute;
    z-index:1;
    top:0;
    opacity:0;
    right:0;
    font-size:2rem;
    margin:0;
    padding:0;
    border:0
}
.addwork__tab-button:not(.addwork__tab-button_inactive){
    cursor:pointer
}
.addwork__tab-button:not(.addwork__tab-button_inactive):hover:before{
    background-color:#fff
}
.addwork__tab-button:not(.addwork__tab-button_inactive):hover p{
    color:#000
}
.addwork__tab-button_wide{
    display:inline-block;
    width:180px;
    height:100%;
    overflow:hidden;
    position:relative;
    opacity:.99;
    text-align:center;
    margin-left:-14px
}
.addwork__tab-button_wide:before{
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:10px;
    width:160px;
    height:100%;
    background-color:#02e095;
    -webkit-transform:skewX(-30deg);
    transform:skewX(-30deg);
    -webkit-transition:background-color .2s;
    transition:background-color .2s
}
.addwork__tab-button_wide p{
    font-size:17px;
    font-weight:900;
    color:#fff;
    opacity:.999;
    pointer-events:none;
    -webkit-transition:color .2s;
    transition:color .2s
}
.addwork__tab-button_wide label,.addwork__tab-button_wide p{
    vertical-align:top;
    line-height:28px;
    display:inline-block;
    margin:0
}
.addwork__tab-button_wide label{
    text-align:center;
    width:180px
}
.addwork__tab-button_wide input{
    position:absolute;
    z-index:1;
    top:0;
    opacity:0;
    right:0;
    font-size:2rem;
    margin:0;
    padding:0;
    border:0
}
.addwork__tab-button_wide:not(.addwork__tab-button_inactive){
    cursor:pointer
}
.addwork__tab-button_wide:not(.addwork__tab-button_inactive):hover:before{
    background-color:#fff
}
.addwork__tab-button_wide:not(.addwork__tab-button_inactive):hover p{
    color:#000
}
.addwork__tab-button_ic-plus{
    display:inline-block;
    width:172px;
    height:100%;
    overflow:hidden;
    position:relative;
    opacity:.99;
    text-align:center;
    margin-left:-14px
}
.addwork__tab-button_ic-plus:before{
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:10px;
    width:152px;
    height:100%;
    background-color:#02e095;
    -webkit-transform:skewX(-30deg);
    transform:skewX(-30deg);
    -webkit-transition:background-color .2s;
    transition:background-color .2s
}
.addwork__tab-button_ic-plus p{
    font-size:17px;
    font-weight:900;
    color:#fff;
    vertical-align:top;
    line-height:28px;
    display:inline-block;
    margin:0;
    opacity:.999;
    pointer-events:none;
    -webkit-transition:color .2s;
    transition:color .2s
}
.addwork__tab-button_ic-plus label{
    display:inline-block;
    line-height:28px;
    margin:0;
    vertical-align:top;
    text-align:center;
    width:172px
}
.addwork__tab-button_ic-plus input{
    position:absolute;
    z-index:1;
    top:0;
    opacity:0;
    right:0;
    font-size:2rem;
    margin:0;
    padding:0;
    border:0
}
.addwork__tab-button_ic-plus:not(.addwork__tab-button_inactive){
    cursor:pointer
}
.addwork__tab-button_ic-plus:not(.addwork__tab-button_inactive):hover:before{
    background-color:#fff
}
.addwork__tab-button_ic-plus:not(.addwork__tab-button_inactive):hover p{
    color:#000
}
.addwork__tab-button_ic-plus p:before{
    content:"+";
    line-height:28px;
    height:28px;
    vertical-align:top;
    font-weight:500;
    font-size:20px;
    margin-right:7px;
    position:relative;
    top:-2px
}
.addwork__step-button{
    position:relative;
    display:inline-block;
    height:100%;
    overflow:hidden;
    opacity:.99;
    text-align:center
}
.addwork__step-button:before{
    content:"";
    display:block;
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    background-color:#02e095;
    -webkit-transform:skewX(30deg);
    transform:skewX(30deg);
    left:10px;
    -webkit-transition:background-color .2s;
    transition:background-color .2s
}
.addwork__step-button p{
    font-size:17px;
    font-weight:900;
    color:#fff;
    vertical-align:top;
    line-height:34px;
    display:inline-block;
    margin:0;
    padding-left:40px;
    padding-right:45px;
    opacity:.999;
    pointer-events:none;
    -webkit-transition:color .2s;
    transition:color .2s
}
.addwork__step-button p:after{
    content:"";
    display:block;
    position:absolute;
    top:-1px;
    height:100%;
    width:8px;
    right:12px;
    background:url(/clbs/resources/img/planet/arrow_r.svg?bb12968e3aa1fa47afd3f971916e73e5) no-repeat scroll 50% 50%;
    background-size:contain
}
.addwork__step-button:not(.addwork__tab-button_inactive){
    cursor:pointer
}
.addwork__step-button:not(.addwork__tab-button_inactive):hover:before{
    background-color:#fff
}
.addwork__step-button:not(.addwork__tab-button_inactive):hover p{
    color:#000
}
.addwork__step-button_left{
    position:absolute;
    left:0;
    display:inline-block;
    height:100%;
    overflow:hidden;
    opacity:.99;
    text-align:center
}
.addwork__step-button_left:before{
    content:"";
    display:block;
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    background-color:#02e095;
    -webkit-transform:skewX(-30deg);
    transform:skewX(-30deg);
    right:10px;
    -webkit-transition:background-color .2s;
    transition:background-color .2s
}
.addwork__step-button_left p{
    font-size:17px;
    font-weight:900;
    color:#fff;
    vertical-align:top;
    line-height:34px;
    display:inline-block;
    margin:0;
    padding-left:45px;
    padding-right:40px;
    opacity:.999;
    pointer-events:none;
    -webkit-transition:color .2s;
    transition:color .2s
}
.addwork__step-button_left p:after{
    content:"";
    display:block;
    position:absolute;
    top:-1px;
    height:100%;
    width:8px;
    left:12px;
    background:url(/clbs/resources/img/planet/arrow_l.svg?f7076c0525e58f535a78723b79a56d9c) no-repeat scroll 50% 50%;
    background-size:contain
}
.addwork__step-button_left:not(.addwork__tab-button_inactive){
    cursor:pointer
}
.addwork__step-button_left:not(.addwork__tab-button_inactive):hover:before{
    background-color:#fff
}
.addwork__step-button_left:not(.addwork__tab-button_inactive):hover p{
    color:#000
}
.addwork__tab-button_inactive{
    opacity:.8;
    cursor:default;
    pointer-events:none
}
.addwork__tab-button_inactive p{
    color:rgba(0,0,0,.5)
}
.addwork__tab-button_inactive p:after{
    opacity:.1
}
.addwork__tab-button_inactive:before{
    background-color:#546365
}
.addwork__crosshair{
    position:absolute;
    top:50%;
    left:50%;
    pointer-events:none
}
.addwork__crosshair:after{
    content:"+";
    font-size:30px;
    font-weight:500;
    color:#fff;
    position:absolute;
    left:-8px;
    top:-19px
}
.addwork__preview{
    position:absolute;
    left:30px;
    top:calc(100vh - 470px)
}
.addwork__preview-image{
    position:absolute;
    width:245px;
    height:219px
}
.addwork__upload-button{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:132px;
    height:28px;
    background-color:#02e095;
    overflow:hidden;
    font-size:17px;
    color:#fff;
    line-height:28px;
    -webkit-transition:color .2s;
    transition:color .2s
}
.addwork__upload-button input{
    position:fixed;
    z-index:-1;
    top:0;
    opacity:0;
    right:0;
    font-size:0;
    width:0;
    margin:0;
    padding:0;
    border:0
}
.addwork__upload-button-replace .addwork__upload-button-replace,.addwork__upload-button-upload .addwork__upload-button-upload{
    display:inherit
}
.addwork__upload-button:hover{
    background-color:#fff;
    color:#000
}
.addwork__upload-button-text_inactive{
    display:none
}
.addwork__upload-button_replace-mode{
    top:auto;
    bottom:10px;
    width:160px;
    background-color:#000
}
.addwork__back-button_fullscreen{
    position:fixed;
    z-index:100011!important;
    top:10px!important;
    right:10px!important
}
.debug{
    font-size:15px;
    color:blue;
    height:30px;
    position:fixed;
    left:50%;
    top:0;
    -webkit-transform:translate(-50%);
    transform:translate(-50%);
    text-align:center;
    z-index:10000
}
.user-edit{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
@media only screen and (min-width:1025px){
    .user-edit__title{
        display:none
    }
}
@media only screen and (max-width:1024px){
    .user-edit__title{
        text-align:left;
        text-transform:uppercase;
        color:#02e095;
        font-size:2.667rem;
        margin:2.5rem 0
    }
}
.user-edit__input{
    text-transform:uppercase;
    margin:3.111rem 0;
    display:block;
    position:relative
}
@media only screen and (min-width:1025px){
    .user-edit__input{
        margin:0 0 1.444rem
    }
    .user-edit__input:last-of-type{
        margin-bottom:.5rem
    }
    .user-edit__input .form__input-desc{
        right:1em;
        max-width:100%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
    }
    .user-edit__input input{
        font-size:1rem;
        line-height:1.5;
        padding:.111rem .667rem 0
    }
} */
/* @media only screen and (min-width:1025px){
    .user-edit__passwords>*{
        float:left;
        width:50%;
        margin:0
    }
    .user-edit__passwords>:last-of-type{
        width:45%;
        float:right
    }
}
@media only screen and (min-width:1025px) and (max-width:1600px){
    .user-edit__passwords>*{
        float:none;
        width:auto;
        margin:0 0 1.444rem
    }
    .user-edit__passwords>:last-of-type{
        width:auto;
        float:none
    }
}
@media only screen and (max-width:1024px){
    .user-edit__passwords{
        margin:3.556rem 0
    }
}
.user-edit__submit{
    display:block;
    margin:auto;
    min-width:6.333rem
}
@media only screen and (max-width:1024px){
    .user-edit__submit{
        width:100%;
        margin:4.111rem auto 0
    }
}
@media only screen and (max-width:1024px){
    .user-edit__upload-userpic{
        font-size:1.778rem;
        font-weight:400;
        width:auto;
        margin:1em auto;
        padding:.313em .875em;
        letter-spacing:1px
    }
}
@media only screen and (min-width:1025px){
    .user-edit__upload-userpic{
        font-size:.667rem;
        margin:1.333em 0;
        line-height:2.5;
        padding:0 1em;
        letter-spacing:.025em;
        position:relative
    }
}
.user-edit__about{
    font-size:.667rem;
    height:15.75em;
    line-height:1.2;
    margin:1.667em 0 0;
    padding:1em
}
@media only screen and (max-width:1024px){
    .user-edit__about{
        font-size:1.333rem;
        margin:0;
        height:10em
    }
}
.user-edit .column{
    text-align:center
}
@media only screen and (max-width:1024px){
    .user-edit .column{
        width:100%
    }
}
.user-edit .user-pic{
    font-size:7.778rem;
    display:inline-block
}
@media only screen and (min-width:1025px){
    .user-edit .user-pic__photo{
        padding:.778rem;
        font-size:7.444rem
    }
}
@media only screen and (max-width:1024px){
    .user-edit .user-pic{
        font-size:20.556rem;
        margin:0 -3rem
    }
    .user-edit .user-pic__photo{
        padding:2.611rem
    }
}
@media only screen and (min-width:1025px){
    .user-edit .user-pic__border path{
        stroke-width:.278rem!important
    }
    .user-edit .user-pic__border_blurred path{
        stroke-width:.167rem!important
    }
}
@media only screen and (max-width:1024px){
    .user-edit .user-pic__border path{
        stroke-width:.111rem!important
    }
    .user-edit .user-pic__border_blurred path{
        stroke-width:0rem!important
    }
}
.user-edit__content{
    padding:2.056rem 2rem 1rem
}
@media only screen and (min-width:1025px){
    .user-edit__content{
        padding-left:4.84%;
        padding-right:4.84%
    }
}
@media only screen and (min-width:1025px) and (max-width:1366px){
    .user-edit__content{
        padding-top:0;
        padding-left:0;
        padding-right:0
    }
}
@media only screen and (max-width:1024px){
    .user-edit{
        padding:5.833rem 2.222rem 0
    }
    .user-edit__form{
        margin:3.111rem auto 0;
        padding:0 .444rem;
        -webkit-box-sizing:border-box;
        box-sizing:border-box
    }
}
@media only screen and (min-width:1025px){
    .user-edit{
        background:rgba(0,0,0,.35);
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        overflow:auto;
        height:100%
    }
    .user-edit__wrap{
        border:1px solid #31b886;
        width:41.222rem;
        max-width:50rem;
        max-width:calc(100% - 50rem);
        margin:auto 0
    }
}
@media only screen and (min-width:1025px) and (max-width:1366px){
    .user-edit__wrap{
        border:none;
        width:20.667rem;
        max-width:none
    }
}
@media only screen and (min-width:1025px){
    .user-edit__photo-column{
        width:28%;
        width:10.444rem;
        margin-top:.444rem
    }
}
@media only screen and (min-width:1025px) and (max-width:1366px){
    .user-edit__photo-column{
        width:auto;
        float:none
    }
}
@media only screen and (min-width:1025px){
    .user-edit__data-column{
        float:none;
        margin-left:10.444rem;
        padding:1.111rem .5rem 0 .556rem
    }
}
@media only screen and (min-width:1025px) and (max-width:1366px){
    .user-edit__data-column{
        margin:0;
        padding-left:0;
        padding-right:0
    }
}
@media only screen and (min-width:1025px){
    .user-edit .iScrollVerticalScrollbar{
        top:200px;
        bottom:150px;
        right:54px
    }
    .user-edit .iScrollVerticalScrollbar.is-disabled{
        opacity:0
    }
} */
/* @media only screen and (min-width:1025px){
    .user-edit .scroll__cont{
        min-height:calc(100vh - 12rem);
        padding-top:6rem;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
} */
@-webkit-keyframes preloader-sequence{
    0%,4.347%{
        background-position:0 0
    }
    4.348%,8.695%{
        background-position:25% 0
    }
    8.696%,13.042%{
        background-position:50% 0
    }
    13.043%,17.39%{
        background-position:75% 0
    }
    17.391%,21.738%{
        background-position:100% 0
    }
    21.739%,26.086%{
        background-position:0 25%
    }
    26.087%,30.434%{
        background-position:25% 25%
    }
    30.435%,34.782%{
        background-position:50% 25%
    }
    34.783%,39.129%{
        background-position:75% 25%
    }
    39.13%,43.477%{
        background-position:100% 25%
    }
    43.478%,47.825%{
        background-position:0 50%
    }
    47.826%,52.173%{
        background-position:25% 50%
    }
    52.174%,56.521%{
        background-position:50% 50%
    }
    56.522%,60.869%{
        background-position:75% 50%
    }
    60.87%,65.216%{
        background-position:100% 50%
    }
    65.217%,69.564%{
        background-position:0 75%
    }
    69.565%,73.912%{
        background-position:25% 75%
    }
    73.913%,78.26%{
        background-position:50% 75%
    }
    78.261%,82.608%{
        background-position:75% 75%
    }
    82.609%,86.956%{
        background-position:100% 75%
    }
    86.957%,91.303%{
        background-position:0 100%
    }
    91.304%,95.651%{
        background-position:25% 100%
    }
    95.652%,99.999%{
        background-position:50% 100%
    }
}
@keyframes preloader-sequence{
    0%,4.347%{
        background-position:0 0
    }
    4.348%,8.695%{
        background-position:25% 0
    }
    8.696%,13.042%{
        background-position:50% 0
    }
    13.043%,17.39%{
        background-position:75% 0
    }
    17.391%,21.738%{
        background-position:100% 0
    }
    21.739%,26.086%{
        background-position:0 25%
    }
    26.087%,30.434%{
        background-position:25% 25%
    }
    30.435%,34.782%{
        background-position:50% 25%
    }
    34.783%,39.129%{
        background-position:75% 25%
    }
    39.13%,43.477%{
        background-position:100% 25%
    }
    43.478%,47.825%{
        background-position:0 50%
    }
    47.826%,52.173%{
        background-position:25% 50%
    }
    52.174%,56.521%{
        background-position:50% 50%
    }
    56.522%,60.869%{
        background-position:75% 50%
    }
    60.87%,65.216%{
        background-position:100% 50%
    }
    65.217%,69.564%{
        background-position:0 75%
    }
    69.565%,73.912%{
        background-position:25% 75%
    }
    73.913%,78.26%{
        background-position:50% 75%
    }
    78.261%,82.608%{
        background-position:75% 75%
    }
    82.609%,86.956%{
        background-position:100% 75%
    }
    86.957%,91.303%{
        background-position:0 100%
    }
    91.304%,95.651%{
        background-position:25% 100%
    }
    95.652%,99.999%{
        background-position:50% 100%
    }
}
@-webkit-keyframes transition-hexagon-bg_in{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes transition-hexagon-bg_in{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@-webkit-keyframes transition-hexagon-bg_out{
    0%{
        visibility:visible;
        opacity:1
    }
    to{
        visibility:hidden;
        opacity:0
    }
}
@keyframes transition-hexagon-bg_out{
    0%{
        visibility:visible;
        opacity:1
    }
    to{
        visibility:hidden;
        opacity:0
    }
}
@-webkit-keyframes transition-hexagon_in{
    0%{
        opacity:0
    }
    5%{
        opacity:.4
    }
    10%{
        opacity:0
    }
    15%{
        opacity:.4
    }
    20%{
        opacity:0
    }
    25%{
        opacity:.4
    }
    30%{
        opacity:.4
    }
    40%{
        opacity:.32
    }
    50%{
        opacity:.4
    }
    60%{
        opacity:.32
    }
    70%{
        opacity:0
    }
    to{
        opacity:0
    }
}
@keyframes transition-hexagon_in{
    0%{
        opacity:0
    }
    5%{
        opacity:.4
    }
    10%{
        opacity:0
    }
    15%{
        opacity:.4
    }
    20%{
        opacity:0
    }
    25%{
        opacity:.4
    }
    30%{
        opacity:.4
    }
    40%{
        opacity:.32
    }
    50%{
        opacity:.4
    }
    60%{
        opacity:.32
    }
    70%{
        opacity:0
    }
    to{
        opacity:0
    }
}
@-webkit-keyframes transition-hexagon_out{
    0%{
        opacity:0
    }
    10%{
        opacity:.12
    }
    20%{
        opacity:0
    }
    30%{
        opacity:.2
    }
    40%{
        opacity:0
    }
    to{
        opacity:0
    }
}
@keyframes transition-hexagon_out{
    0%{
        opacity:0
    }
    10%{
        opacity:.12
    }
    20%{
        opacity:0
    }
    30%{
        opacity:.2
    }
    40%{
        opacity:0
    }
    to{
        opacity:0
    }
}
@-webkit-keyframes preloader-fade-out{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
@keyframes preloader-fade-out{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
@-webkit-keyframes preloader-fade-in{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes preloader-fade-in{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
.transition-wrapper{
    display:block;
    position:fixed;
    overflow:hidden;
    top:0;
    right:0;
    left:0;
    bottom:0;
    pointer-events:none;
    z-index:100000;
    background:#000
}
.transition-wrapper_initialized{
    background:none
}
.transition-wrapper_fade-out .transition__preloader{
    -webkit-animation:preloader-fade-out .8s forwards;
    animation:preloader-fade-out .8s forwards
}
.transition__preloader{
    font-size:1.20006rem;
    width:1em;
    height:1em;
    position:absolute;
    left:-.5em;
    right:-.5em;
    top:-.5em;
    bottom:-.5em;
    margin:auto;
    pointer-events:none;
    opacity:0;
    overflow:hidden;
    -webkit-animation:preloader-fade-in 2s forwards;
    animation:preloader-fade-in 2s forwards
}
.transition__preloader:before{
    content:"";
    display:block;
    background:url(/clbs/resources/img/planet/preloader.png?d810541101a1b14e785bfac8446d0e21) no-repeat;
    background-size:500% 500%;
    width:100%;
    height:94.16666667%;
    -webkit-animation:preloader-sequence .9s linear infinite;
    animation:preloader-sequence .9s linear infinite
}
.transition-hexagon{
    position:absolute;
    width:inherit;
    height:inherit
}
.transition-hexagon-bg{
    position:absolute;
    background:url("./app/clbs/resources/img/planet/hexasphere/gui/hex-transition_bg.svg") no-repeat scroll 50% 50%;
    background-size:cover
}
.transition-hexagon_a-out{
    -webkit-animation-name:transition-hexagon-bg_out;
    animation-name:transition-hexagon-bg_out;
    -webkit-animation-duration:.8s;
    animation-duration:.8s;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards
}
.transition-hexagon_a-out .transition-hexagon{
    -webkit-animation-name:transition-hexagon_out;
    animation-name:transition-hexagon_out;
    -webkit-animation-duration:.8s;
    animation-duration:.8s;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards
}
.transition-hexagon_a-in{
    -webkit-animation-name:transition-hexagon-bg_in;
    animation-name:transition-hexagon-bg_in;
    -webkit-animation-duration:.8s;
    animation-duration:.8s;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards
}
.transition-hexagon_a-in .transition-hexagon{
    -webkit-animation-name:transition-hexagon_in;
    animation-name:transition-hexagon_in;
    -webkit-animation-duration:.8s;
    animation-duration:.8s;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards
}
/* @media only screen and (max-width:1024px){
    .desktop-only{
        display:none!important;
        position:absolute!important;
        left:-99999!important;
        top:-99999!important;
        visibility:hidden
    }
} */
/* @media only screen and (min-width:1025px){
    .mobile-only{
        display:none!important;
        position:absolute!important;
        left:-99999!important;
        top:-99999!important;
        visibility:hidden
    }
}
.welcome{
    position:fixed;
    background:rgba(0,0,0,.8);
    z-index:99999;
    text-transform:uppercase;
    font-size:2rem;
    text-align:center;
    line-height:1.5
}
.welcome,.welcome__text{
    top:0;
    bottom:0;
    left:0;
    right:0
} */
/* .welcome__text{
    color:#fff;
    position:absolute;
    display:none
}
.welcome__text:before{
    content:"";
    height:100%
}
.welcome__text:before,.welcome__text>*{
    display:inline-block;
    vertical-align:middle
}
.welcome__text>*{
    margin:auto;
    width:800px
}
@media only screen and (max-width:1024px){
    .welcome__text>*{
        width:94%
    }
}
@media only screen and (max-width:1024px){
    .__desktop{
        display:none!important
    }
}
@media only screen and (min-width:1025px){
    .__mobile{
        display:none!important
    }
}
.is_vr .brief-360>:not(.brief__panorama),.is_vr .k-menu>:not(.landscape-orientation),.is_vr .menu-back-btn,.is_vr .timeline{
    display:none
}
.hidden{
    display:none!important
}
.nohover{
    cursor:default
}
.user_edit_input{
    font-weight:900
} */
/*# sourceMappingURL=Kaspersky.min.css.map*/