@-webkit-keyframes loader {
    0% {
        opacity : 1
    }
    to {
        opacity : 0
    }
}

@keyframes loader {
    0% {
        opacity : 1
    }
    to {
        opacity : 0
    }
}

@-webkit-keyframes more-solutions {
    0%, 94%, to {
        transform : translateY(0)
    }
    97% {
        transform : translateY(3px)
    }
}

@keyframes more-solutions {
    0%, 94%, to {
        transform : translateY(0)
    }
    97% {
        transform : translateY(3px)
    }
}

.popup {
    width   : 530px;
    padding : 45px 40px 62px
}

.popup .title {
    margin-bottom : 40px;
    font          : 700 30px/56px 'Pragmatica', sans-serif;
    text-align    : center;
    position      : relative
}

.popup .title:after {
    width            : 60px;
    height           : 3px;
    content          : '';
    position         : absolute;
    bottom           : -12px;
    left             : 50%;
    transform        : translateX(-50%);
    background-color : #e9e7e6
}

.popup .text {
    text-align : center;
    font       : 18px/28px 'Pragmatica', sans-serif
}

.page-loader {
    margin       : 50px auto;
    position     : relative;
    text-align   : center;
    word-spacing : 4px;
    display      : block
}

.page-loader span {
    width             : 16px;
    height            : 16px;
    display           : inline-block;
    background        : #f2a900;
    -webkit-animation : loader .6s linear infinite;
    animation         : loader .6s linear infinite
}

.page-loader span:nth-child(1) {
    -webkit-animation-delay : -.6s;
    animation-delay         : -.6s
}

.page-loader span:nth-child(2) {
    -webkit-animation-delay : -.4s;
    animation-delay         : -.4s
}

.page-loader span:nth-child(3) {
    -webkit-animation-delay : -.2s;
    animation-delay         : -.2s
}

.main-interview {
    padding    : 36px 0;
    background : url(../images/pattern.jpg) 0 0
}

.main-interview .container {
    position : relative
}

.main-interview .wrap {
    display         : flex;
    align-items     : center;
    justify-content : flex-start;
    position        : relative
}

.main-interview .wrap:after, .main-interview .wrap:before {
    display : none
}

.main-interview h2 {
    color  : #ffffff;
    margin : 0
}

.main-interview .main-interview-btn {
    transition       : all .3s ease;
    position         : relative;
    margin-left      : 53px;
    padding          : 0 62px;
    background-color : #282828;
    color            : #ffffff;
    font             : 700 16px/40px 'Pragmatica', sans-serif
}

.main-interview .main-interview-btn:hover {
    background-color : #4f4f4f
}

.main-interview .image {
    width      : 440px;
    height     : 313px;
    position   : absolute;
    bottom     : -297px;
    left       : -32px;
    background : center center no-repeat;
    display    : none
}

@media (min-width : 620px) {
    .main-interview .image {
        top       : 50%;
        right     : 0;
        bottom    : auto;
        left      : auto;
        transform : translateY(-50%) translateY(10px) translateX(40%)
    }
}

@media (min-width : 960px) {
    .main-interview .image {
        transform : translateY(-50%) translateY(0);
        display   : block
    }
}

@media (min-width : 1236px) {
    .main-interview .image {
        top       : -120px;
        right     : auto;
        left      : -23px;
        transform : none;
        display   : block
    }
}

@media (min-width : 620px) {
    .main-interview {
        padding : 60px 0 58px
    }
}

@media (max-width : 1235px) {
    .main-interview .wrap {
        flex-flow   : column nowrap;
        align-items : flex-start
    }

    .main-interview .main-interview-btn {
        margin-left : 0;
        margin-top  : 20px
    }
}

@media (max-width : 960px) {
    .main-interview h2 {
        font-size : 24px
    }
}

@media (max-width : 620px) {
    .main-interview .container {
        flex-wrap       : wrap;
        justify-content : flex-end
    }

    .main-interview .main-interview-title {
        flex-basis : 100%
    }

    .main-interview .main-interview-btn {
        margin-top : 20px
    }
}

@media (max-width : 480px) {
    .main-interview .main-interview-btn {
        flex-basis  : 100%;
        margin-left : 0;
        text-align  : center
    }
}

.main-analytics {
    padding          : 30px 0 0;
    background-color : #f8f8f8
}

@media (min-width : 768px) {
    .main-analytics {
        padding : 52px 0 20px
    }
}

@media (min-width : 960px) {
    .main-analytics {
        padding-bottom : 0
    }
}

.main-analytics h1 {
    padding    : 2px 0 1px;
    font-size  : 24px;
    text-align : left;
    display    : inline
}

@media (min-width : 620px) {
    .main-analytics h1 {
        padding : 2px 0 7px
    }
}

@media (min-width : 960px) {
    .main-analytics h1 {
        padding   : 0;
        font-size : 30px
    }
}

.main-analytics .h1 a, .main-analytics .h2 a {
    display         : none;
    position        : relative;
    margin-left     : 16px;
    font-size       : 16px;
    font-weight     : 400;
    color           : #282828;
    text-decoration : none
}

@media (min-width : 620px) {
    .main-analytics .h1 a, .main-analytics .h2 a {
        display : inline-block
    }
}

.main-analytics .h1 a:after, .main-analytics .h2 a:after {
    content       : '';
    position      : absolute;
    right         : 0;
    bottom        : 0;
    left          : 0;
    border-bottom : 1px solid #f2a900;
    transition    : .3s
}

.main-analytics .h1 a:hover, .main-analytics .h2 a:hover {
    text-decoration : none
}

.main-analytics .filter li a:hover:after, .main-analytics .h1 a:hover:after, .main-analytics .h2 a:hover:after {
    border-bottom-color : transparent
}

.main-analytics .filter {
    padding : 0;
    margin  : 0
}

.main-analytics .filter li {
    display       : inline-block;
    margin-right  : 23px;
    margin-bottom : 10px;
    list-style    : none
}

.main-analytics .filter li a {
    position  : relative;
    font-size : 14px;
    color     : #666666
}

.main-analytics .filter li a:before {
    content    : '';
    position   : absolute;
    transition : .3s
}

.main-analytics .filter li a:after {
    content  : '';
    position : absolute
}

.main-analytics .filter li a:before {
    background-color : transparent;
    top              : -7px;
    right            : -9px;
    bottom           : -5px;
    left             : -10px;
    z-index          : 0
}

.main-analytics .filter li a:after {
    right         : 0;
    bottom        : 0;
    left          : 0;
    border-bottom : 1px dashed #f2a900;
    transition    : .3s
}

.main-analytics .filter li a span {
    display  : inline-block;
    position : relative;
    z-index  : 1
}

.main-analytics .filter li.active {
    margin-left : 9px
}

.main-analytics .filter li.active a {
    color          : #ffffff;
    pointer-events : none
}

.main-analytics .filter li.active a:before {
    background-color : #f2a900
}

.main-analytics .filter li.active a:after {
    border-bottom-color : transparent
}

.main-analytics form {
    padding : 0 1px
}

.main-analytics .cards-container {
    padding       : 33px 0 3px;
    margin-bottom : -43px
}

@media (min-width : 620px) {
    .main-analytics .cards-container {
        padding : 37px 0 3px
    }
}

@media (min-width : 960px) {
    .main-analytics .cards-container {
        padding-bottom : 0
    }
}

@media (min-width : 1236px) {
    .main-analytics .cards-container {
        margin-bottom : 0
    }
}

.main-analytics .cards-container > div {
    padding-bottom : 26px
}

@media (min-width : 620px) {
    .main-analytics .cards-container > div {
        padding-bottom : 38px
    }
}

@media (min-width : 960px) {
    .main-analytics .cards-container > div {
        padding-bottom : 43px
    }
}

@media (min-width : 1236px) {
    .main-analytics .cards-container > div {
        padding-bottom : 0
    }
}

.main-analytics .card .title {
    display         : inline;
    position        : relative;
    padding-top     : 2px;
    text-decoration : none;
    color           : #282828;
    transition      : .3s;
    border-bottom   : 1px solid transparent;
    font            : 18px/26px 'Pragmatica', sans-serif
}

@media (min-width : 960px) {
    .main-analytics .card .title {
        padding-top : 0
    }
}

.main-analytics .card .date {
    padding-top : 10px;
    font-size   : 14px;
    color       : #999999
}

.main-analytics .card:hover {
    cursor : pointer
}

.main-analytics .card:hover .title {
    text-decoration     : none;
    border-bottom-color : #f2a900
}

.main-analytics .experts-slider-container {
    margin-top : 43px;
    border     : 2px solid #f2a900
}

.main-analytics .experts-slider-container .experts-slider {
    visibility : hidden
}

.main-analytics .experts-slider-container .experts-slider.slick-initialized {
    visibility : visible
}

.main-analytics .experts-slider-container .h2 {
    display          : inline-block;
    position         : relative;
    left             : -30px;
    padding          : 0 8px;
    top              : -6px;
    margin           : -20px 37px 16px;
    background-color : #f8f8f8
}

.main-analytics .experts-slider-container .h2 h2, .main-analytics .experts-slider-container .h2 .h2-fake, .main-news h1, .main-projects .h2 h2 {
    display : inline
}

@media (min-width : 620px) {
    .main-analytics .experts-slider-container .h2 {
        left    : -22px;
        padding : 0 20px
    }
}

@media (min-width : 960px) {
    .main-analytics .experts-slider-container .h2 {
        top  : -4px;
        left : 0
    }
}

.main-analytics .experts-slider-container .h2 a {
    display     : inline-block;
    top         : 1px;
    margin-left : 19px
}

@media (min-width : 620px) {
    .main-analytics .experts-slider-container .h2 a {
        top         : 2px;
        margin-left : 46px
    }
}

@media (min-width : 960px) {
    .main-analytics .experts-slider-container .h2 a {
        top         : auto;
        margin-left : 16px
    }
}

.main-analytics .experts-slider-container .slide {
    padding : 3px 0 90px
}

@media (min-width : 620px) {
    .main-analytics .experts-slider-container .slide {
        padding : 3px 0 95px
    }
}

@media (min-width : 960px) {
    .main-analytics .experts-slider-container .slide {
        padding : 0 0 87px
    }
}

.main-analytics .experts-slider-container .image {
    width           : 60px;
    height          : 60px;
    margin          : 6px 19px 0 17px;
    background      : center no-repeat;
    background-size : cover;
    float           : left;
    display         : block;
    border          : 1px solid #dddddd;
    transition      : border .3s ease
}

.main-analytics .experts-slider-container .image:hover {
    border-color : #f2a900
}

@media (min-width : 620px) {
    .main-analytics .experts-slider-container .image {
        width  : 80px;
        height : 80px;
        margin : 6px 20px 0 17px
    }
}

@media (min-width : 960px) {
    .main-analytics .experts-slider-container .image {
        width       : 110px;
        height      : 110px;
        margin-left : 37px
    }
}

@media (min-width : 1236px) {
    .main-analytics .experts-slider-container .image {
        margin : 6px 20px 0 37px
    }
}

.main-analytics .experts-slider-container .expert {
    padding-right : 20px
}

@media (min-width : 620px) {
    .main-analytics .experts-slider-container .expert {
        padding-left : 120px
    }
}

@media (min-width : 960px) {
    .main-analytics .experts-slider-container .expert {
        padding-left : 167px
    }
}

.main-analytics .experts-slider-container .name {
    padding-bottom : 4px;
    display        : block
}

.main-analytics .experts-slider-container .name a {
    font          : 700 16px/26px 'Pragmatica', sans-serif;
    color         : #282828;
    border-bottom : 1px solid transparent;
    transition    : border .3s ease
}

@media (min-width : 620px) {
    .main-analytics .experts-slider-container .name a {
        font : 700 22px/30px 'Pragmatica', sans-serif
    }
}

.main-analytics .all a, .main-analytics .experts-slider-container .name:hover a, .news-card .title span {
    border-bottom : 1px solid #f2a900
}

.main-analytics .experts-slider-container .position {
    width        : 100%;
    padding-left : 99px;
    font         : 14px/20px;
    color        : #666666
}

@media (min-width : 620px) {
    .main-analytics .experts-slider-container .position {
        width        : 400px;
        padding-left : 0
    }
}

@media (min-width : 960px) {
    .main-analytics .experts-slider-container .position {
        width : auto
    }
}

.main-analytics .experts-slider-container .text {
    padding    : 7px 46px 2px 16px;
    font       : 16px/26px 'Pragmatica', sans-serif;
    clear      : both;
    overflow   : hidden;
    max-height : 175px;
    position   : relative
}

@media (min-width : 620px) {
    .main-analytics .experts-slider-container .text {
        padding : 14px 46px 14px 16px
    }
}

@media (min-width : 960px) {
    .main-analytics .experts-slider-container .text {
        padding-left : 36px
    }
}

.main-analytics .experts-slider-container .fade {
    content          : '';
    display          : block;
    position         : relative;
    margin-top       : -39px;
    background-image : linear-gradient(rgba(255, 255, 255, 0), #f8f8f8);
    width            : 100%;
    height           : 40px;
    z-index          : 2
}

.main-analytics .experts-slider-container .link {
    position : relative;
    padding  : 14px 0 0 46px
}

@media (min-width : 620px) {
    .main-analytics .experts-slider-container .link {
        padding : 14px 46px 0
    }
}

@media (min-width : 960px) {
    .main-analytics .experts-slider-container .link {
        padding-left : 66px
    }
}

.main-analytics .experts-slider-container .link:before {
    width      : 19px;
    height     : 18px;
    background : url(/local/images/sprite.svg?23498a09) -264px -155px no-repeat;
    content    : '';
    position   : absolute;
    top        : 9px;
    left       : 16px
}

@media (min-width : 960px) {
    .main-analytics .experts-slider-container .link:before {
        left : 36px
    }
}

.main-analytics .experts-slider-container .link a {
    position        : relative;
    font            : 14px/20px 'Pragmatica', sans-serif;
    color           : #666666;
    text-decoration : none;
    border-bottom   : 1px solid #f2a900
}

.main-analytics .all a:hover, .main-analytics .experts-slider-container .link a:hover, .main-news .h1 a:hover:after, .main-news .h2 a:hover:after, .main-projects .h2 a:hover:after, .news-card .title:hover span {
    border-bottom-color : transparent
}

.main-analytics .experts-slider-container .dots-container {
    position : absolute;
    left     : 17px;
    bottom   : 24px
}

@media (min-width : 620px) {
    .main-analytics .experts-slider-container .dots-container {
        bottom : 25px
    }
}

@media (min-width : 960px) {
    .main-analytics .experts-slider-container .dots-container {
        bottom : 21px;
        left   : 37px
    }
}

.main-analytics .all {
    padding-top    : 45px;
    padding-bottom : 18px;
    font-size      : 16px
}

.main-analytics .all a {
    padding-left    : 2px;
    color           : #282828;
    text-decoration : none;
    transition      : .3s
}

@media (max-width : 480px) {
    .main-analytics .all + div {
        padding : 0
    }
}

.card-wrap {
    position      : relative;
    margin-bottom : 58px
}

.news-card {
    display         : block;
    text-decoration : none
}

.news-card:after {
    border     : 1px solid transparent;
    z-index    : -1;
    left       : 20px;
    top        : 0;
    right      : 20px;
    bottom     : 0;
    transition : .3s border, .3s top, .3s right, .3s bottom, .3s left
}

.news-card .tags {
    margin-bottom : 14px
}

.news-card .tag {
    display        : inline-block;
    background     : #f2a900;
    text-transform : uppercase;
    color          : #ffffff;
    font           : 700 10px/1 'Pragmatica', sans-serif;
    padding        : 11px 9px 7px;
    transition     : .3s background
}

.news-card .tag:hover {
    background : #282828
}

.news-card .title {
    display : block
}

.news-card .title span {
    display    : inline;
    font       : 400 18px/28px 'Pragmatica', sans-serif;
    color      : #282828;
    transition : .3s border
}

.news-card .card-date {
    color          : #a9a9a9;
    font           : 14px/1 'Pragmatica', sans-serif;
    padding-bottom : 23px;
    padding-top    : 10px;
    text-transform : lowercase
}

.news-card .description {
    font  : 16px/26px 'Pragmatica', sans-serif;
    color : #282828
}

.news-card:hover:after {
    border-color : #f2a900;
    left         : 0;
    top          : -20px;
    right        : 0;
    bottom       : -8px
}

.news-card.large {
    position : relative
}

.news-card.large:before {
    content          : '';
    position         : absolute;
    left             : 0;
    top              : 0;
    right            : 0;
    bottom           : 0;
    background-color : #f2a900;
    transition       : .3s top, .3s right, .3s bottom, .3s left
}

.news-card.large .content-wrapper {
    position : relative;
    padding  : 47px 30px 99px;
    z-index  : 1
}

.main-news .news-card:after, .news-card.large:after {
    display : none
}

.news-card.large .tags {
    margin-bottom : 0
}

.news-card.large .tag {
    color      : #f2a900;
    background : #ffffff;
    transition : .3s background, .3s color
}

.news-card.large .tag:hover {
    color      : #ffffff;
    background : #282828
}

.news-card.large .title span {
    display    : inline-block;
    color      : #ffffff;
    font       : 30px/40px 'Pragmatica', sans-serif;
    padding    : 32px 0 7px;
    transition : .3s opacity
}

.news-card.large .title:hover span {
    opacity : .9
}

.news-card.large .card-date {
    display        : block;
    letter-spacing : initial;
    color          : #fedf94;
    font-size      : 18px;
    opacity        : 1;
    padding        : 0
}

.news-card.large .arrow {
    width                       : 40px;
    height                      : 3px;
    position                    : relative;
    margin-top                  : 43px;
    margin-bottom               : 43px;
    background-color            : rgba(255, 255, 255, .5);
    -webkit-backface-visibility : initial;
    backface-visibility         : initial;
    transform                   : translate(5px, 0)
}

.news-card.large .arrow:after, .news-card.large .arrow:before, .news-card:after {
    position : absolute;
    content  : ''
}

.news-card.large .arrow:before {
    width            : 100%;
    height           : 100%;
    top              : 0;
    left             : 0;
    background-color : #ffffff;
    transform        : scaleX(0);
    transform-origin : left;
    transition       : linear .3s
}

.news-card.large .arrow:after {
    width        : 8px;
    height       : 8px;
    top          : 50%;
    right        : -1px;
    border       : solid #ffffff;
    border-width : 2px 2px 0 0;
    transform    : translateY(-50%) translateY(.5px) rotateZ(45deg) scale(0)
}

.news-card.large:hover:before {
    left   : -20px;
    top    : -20px;
    right  : -20px;
    bottom : -8px
}

.main-projects .card.large:hover .arrow:before, .news-card.large:hover .arrow:before {
    transform : scaleX(1)
}

.main-projects .card.large:hover .arrow:after, .news-card.large:hover .arrow:after {
    transition : cubic-bezier(.8, 0, .75, 0) .3s;
    transform  : translateY(-50%) translateY(.5px) rotateZ(45deg) scale(1)
}

.main-news {
    padding          : 50px 0 20px;
    background-color : #f8f8f8
}

@media (min-width : 620px) {
    .main-news {
        padding : 52px 0 20px
    }
}

@media (min-width : 960px) {
    .main-news {
        padding-bottom : 0
    }
}

.main-news h1 {
    padding    : 2px 0 1px;
    font-size  : 24px;
    text-align : left
}

@media (min-width : 620px) {
    .main-news h1 {
        padding : 2px 0 7px
    }
}

@media (min-width : 960px) {
    .main-news h1 {
        padding   : 0;
        font-size : 30px
    }
}

.main-news .h1 a, .main-news .h2 a {
    display         : none;
    position        : relative;
    margin-left     : 16px;
    font-size       : 16px;
    font-weight     : 400;
    color           : #282828;
    text-decoration : none
}

@media (min-width : 620px) {
    .main-news .h1 a, .main-news .h2 a {
        display : inline-block
    }
}

.main-news .h1 a:after, .main-news .h2 a:after, .main-projects .h2 a:after {
    content       : '';
    position      : absolute;
    right         : 0;
    bottom        : 0;
    left          : 0;
    border-bottom : 1px solid #f2a900;
    transition    : .3s
}

.main-news .h1 a:hover, .main-news .h2 a:hover, .main-projects .h2 a:hover {
    text-decoration : none
}

.main-news .news-card .title span {
    border-bottom : 1px solid transparent
}

.main-news .news-card .title:hover span {
    border-bottom-color : #f2a900
}

.main-news .main-news-list {
    padding-top : 20px
}

.subscription {
    padding       : 40px 0;
    margin-bottom : -50px;
    overflow      : hidden
}

@media (min-width : 960px) {
    .subscription {
        padding-bottom : 0;
        margin-bottom  : 0;
        overflow       : visible
    }
}

.subscription .wrapper {
    padding    : 36px 0 236px;
    background : url(../images/pattern.jpg) 0 0
}

@media (min-width : 620px) {
    .subscription .wrapper {
        padding : 59px 0 19px
    }
}

@media (min-width : 960px) {
    .subscription .wrapper {
        padding : 55px 0 19px
    }
}

.subscription .wrapper .container {
    position : relative
}

.subscription .image {
    width      : 440px;
    height     : 313px;
    position   : absolute;
    bottom     : -297px;
    left       : -32px;
    background : center center no-repeat
}

@media (min-width : 620px) {
    .subscription .image {
        top       : 50%;
        right     : 0;
        bottom    : auto;
        left      : auto;
        transform : translateY(-50%) translateY(10px) translateX(40%)
    }
}

@media (min-width : 960px) {
    .subscription .image {
        transform : translateY(-50%) translateY(10px)
    }
}

@media (min-width : 1236px) {
    .subscription .image {
        top       : -110px;
        right     : auto;
        left      : -23px;
        transform : none
    }
}

.subscription .h2, .subscription h2, .subscription p {
    color : #ffffff
}

.subscription .h2, .subscription h2 {
    margin : 0;
    font   : 700 24px/34px 'Pragmatica', sans-serif
}

@media (min-width : 620px) {
    .subscription .h2, .subscription h2 {
        font : 700 30px/1 'Pragmatica', sans-serif
    }
}

.subscription p {
    margin      : 0;
    padding-top : 11px;
    font        : 18px/24px 'Pragmatica', sans-serif
}

@media (min-width : 620px) {
    .subscription p {
        padding-top : 13px
    }

    .subscription .form-container {
        padding-top : 9px
    }
}

@media (min-width : 960px) {
    .subscription .form-container {
        padding-top : 0
    }
}

.subscription form {
    padding-top : 21px
}

.subscription form [type=submit], .subscription form [type=text] {
    width              : 100%;
    height             : 48px;
    border             : 0;
    border-radius      : 0;
    -webkit-appearance : none
}

.subscription form [type=submit]:active, .subscription form [type=submit]:active:focus, .subscription form [type=submit]:focus, .subscription form [type=text]:active, .subscription form [type=text]:active:focus, .subscription form [type=text]:focus {
    outline            : 0;
    box-shadow         : none;
    -webkit-appearance : none
}

.subscription form [type=text] {
    padding          : 0 18px;
    background-color : #ececec
}

.subscription form [type=text]::-webkit-input-placeholder {
    color     : rgba(153, 152, 155, .5);
    font-size : 16px
}

.subscription form [type=text]:-moz-placeholder, .subscription form [type=text]::-moz-placeholder {
    color     : rgba(153, 152, 155, .5);
    font-size : 16px
}

.subscription form [type=text]:-ms-input-placeholder {
    color     : rgba(153, 152, 155, .5) !important;
    font-size : 16px !important
}

.subscription form [type=text]:focus {
    background-color : #ffffff
}

.subscription form [type=submit] {
    position         : relative;
    background-color : #282828;
    color            : #ffffff;
    font-weight      : 700;
    transition       : .3s;
    font-size        : 16px
}

.subscription form [type=submit]:hover {
    background-color : #4f4f4f
}

.subscription form .form-row {
    position : relative;
    display  : table
}

.subscription form .form-row .form-group {
    margin-bottom : 19px;
    font-size     : 16px;
    width         : 50%;
    display       : table-cell
}

@media (min-width : 620px) {
    .subscription form .form-row .form-group {
        margin-bottom : 15px;
        font-size     : 14px
    }
}

.subscription form .form-row .form-group:first-of-type {
    max-width : 0;
    overflow  : hidden;
    display   : block
}

.subscription form .form-row .form-group:nth-of-type(2) {
    width : 50%
}

@media (min-width : 620px) {
    .subscription form .form-row .form-group:nth-of-type(2) {
        width : 50%
    }
}

.subscription form .form-row .form-group:last-of-type {
    width : 164px
}

@media (min-width : 620px) {
    .subscription form .form-row .form-group:last-of-type {
        width : auto
    }
}

.subscription form .form-row .error-message {
    position         : absolute;
    left             : 0;
    top              : calc(100% + 10px);
    background-color : #f85421;
    padding          : 0 10px;
    color            : #ffffff;
    font             : 12px/18px 'Pragmatica', sans-serif;
    display          : none;
    min-height       : 48px;
    min-width        : 148px;
    align-items      : center;
    z-index          : 1
}

.subscription form .form-row .error-message:after {
    content             : '';
    position            : absolute;
    left                : 48px;
    top                 : -8px;
    border              : 4px solid transparent;
    border-bottom-color : #f85421
}

.subscription form .form-row.error .error-message {
    display : flex
}

.subscription .success {
    position       : absolute;
    top            : 20px;
    pointer-events : none;
    opacity        : 0
}

@media (min-width : 1236px) {
    .subscription .success {
        padding : 18px 0 0 61px
    }
}

.subscription .success .h2 {
    font : 700 20px/30px 'Pragmatica', sans-serif
}

.subscription .success p {
    padding-top : 0;
    font        : 16px/20px 'Pragmatica', sans-serif
}

.subscription .success:before {
    width            : 1px;
    height           : 88px;
    content          : '';
    position         : absolute;
    display          : none;
    top              : 2px;
    left             : 0;
    background-color : rgba(255, 255, 255, .3)
}

@media (min-width : 1236px) {
    .subscription .success:before {
        display : block
    }

    .subscription .success {
        top : 0
    }
}

.main-projects {
    padding : 38px 0
}

@media (min-width : 960px) {
    .main-projects {
        padding : 56px 0 30px
    }
}

.main-projects .h2 {
    padding-bottom : 2px
}

@media (min-width : 960px) {
    .main-projects .h2 {
        padding-bottom : 23px
    }
}

.main-projects .h2 a {
    display         : none;
    position        : relative;
    margin-left     : 16px;
    font-size       : 16px;
    font-weight     : 400;
    color           : #282828;
    text-decoration : none
}

@media (min-width : 620px) {
    .main-projects .h2 a {
        display : inline-block
    }
}

.main-projects .card.large .image:before, .main-projects .cards + .cards {
    display : none
}

@media (min-width : 1236px) {
    .main-projects .cards + .cards {
        display     : block;
        padding-top : 60px
    }
}

.main-projects .cards > div:nth-of-type(2) ~ div {
    margin-top : 63px
}

@media (min-width : 1236px) {
    .main-projects .cards > div:nth-of-type(2) ~ div {
        margin-top : 0
    }
}

.main-projects .card {
    display         : block;
    position        : relative;
    padding-bottom  : 38px;
    text-decoration : none;
    color           : #282828;
    height          : 440px
}

.main-projects .card:active, .main-projects .card:active:focus, .main-projects .card:focus {
    outline            : 0;
    box-shadow         : none;
    -webkit-appearance : none
}

.main-projects .card .image {
    position : relative
}

.main-projects .card .image:before {
    display     : block;
    content     : "";
    width       : 100%;
    padding-top : 60.07%
}

@media (min-width : 960px) {
    .main-projects .card .image:before {
        padding-top : 62.27%
    }
}

.main-projects .card .image > .content, .main-projects .card .overlay .content {
    position        : absolute;
    top             : 0;
    left            : 0;
    right           : 0;
    bottom          : 0;
    background      : center no-repeat;
    background-size : cover
}

.main-projects .card .title {
    padding : 14px 3px 22px;
    font    : 18px/28px 'Pragmatica', sans-serif
}

@media (min-width : 960px) {
    .main-projects .card .title {
        padding : 14px 3px 21px
    }
}

.main-projects .card .arrow {
    width            : 41px;
    height           : 2px;
    position         : relative;
    background-color : #e9e7e6;
    transform        : translateZ(0);
    pointer-events   : none
}

.main-projects .card .arrow > div {
    width        : 14px;
    height       : 14px;
    content      : '';
    position     : absolute;
    top          : -6px;
    right        : 0;
    border       : solid #ffffff;
    border-width : 2px 2px 0 0;
    transform    : rotateZ(45deg) scale(0)
}

.main-projects .card .partner {
    padding-top : 23px
}

.main-projects .card .partner img {
    opacity : .5;
    height  : 35px
}

.main-projects .card .overlay {
    position       : absolute;
    top            : 0;
    right          : 0;
    bottom         : 0;
    left           : 0;
    padding        : 20px 30px;
    background     : #f2a900;
    font           : 22px/32px 'Pragmatica', sans-serif;
    color          : #ffffff;
    opacity        : 0;
    transition     : opacity .6s;
    pointer-events : none
}

.main-projects .card .overlay .content {
    opacity : .1
}

.main-projects .card.hover .overlay {
    opacity : 1;
    z-index : 1
}

.main-projects .card.hover .arrow {
    background-color : #ffffff;
    z-index          : 10
}

.main-projects .card.large .image {
    height           : 100%;
    background-color : #f2a900;
    overflow         : hidden
}

.main-projects .card.large .image .content {
    opacity    : .1;
    transition : ease-out 1s
}

.main-projects .card.large .image:hover .content {
    transform : scale(1.05)
}

.main-projects .card.large .content-wrapper {
    position       : absolute;
    top            : 0;
    right          : 0;
    bottom         : 0;
    left           : 0;
    padding        : 17px 30px;
    pointer-events : none
}

.main-projects .card.large .title {
    color   : #ffffff;
    font    : 34px/44px 'Pragmatica', sans-serif;
    padding : 14px 3px 19px
}

.main-projects .card.large .title b {
    display        : block;
    padding-bottom : 10px
}

.main-projects .card.large .title b + span {
    display : block;
    opacity : .3
}

.main-projects .card.large .arrow {
    background-color            : rgba(255, 255, 255, .5);
    -webkit-backface-visibility : initial;
    backface-visibility         : initial;
    transform                   : none
}

.main-projects .card.large .arrow:after, .main-projects .card.large .arrow:before {
    position : absolute;
    content  : ''
}

.main-projects .card.large .arrow:before {
    width            : 100%;
    height           : 100%;
    top              : 0;
    left             : 0;
    background-color : #ffffff;
    transform        : scaleX(0);
    transform-origin : left;
    transition       : linear .3s
}

.main-projects .card.large .arrow:after {
    width        : 14px;
    height       : 14px;
    top          : 1px;
    right        : 0;
    border       : solid #ffffff;
    border-width : 2px 2px 0 0;
    transform    : rotateZ(45deg) scale(0)
}

.main-projects .card.large .partner {
    padding-top : 32px
}

.main-projects .card.large .partner img:not(:last-of-type) {
    margin-right : 33px
}

.main-projects .all {
    margin-top : -1px
}

.main-projects .all a {
    position        : relative;
    text-decoration : none;
    border-bottom   : 1px solid #f2a900;
    transition      : .3s;
    color           : #282828;
    z-index         : 0
}

.main-projects .all a:hover {
    text-decoration     : none;
    border-bottom-color : transparent
}

@media (max-width : 767px) {
    .main-projects .card {
        height : auto
    }
}

.main-page .partners {
    padding : 9px 0 10px
}

@media (min-width : 620px) {
    .main-page .partners {
        padding : 11px 0 9px
    }
}

@media (min-width : 960px) {
    .main-page .partners {
        padding : 5px 0 58px
    }
}

.main-page .partners h2 {
    padding-bottom : 9px;
    margin         : 0 0 9px;
    font-size      : 24px
}

@media (min-width : 620px) {
    .main-page .partners h2 {
        margin : .83em 0
    }
}

@media (min-width : 960px) {
    .main-page .partners h2 {
        padding-bottom : 0;
        font-size      : 30px
    }
}

.main-page .partners .partners-slider {
    padding : 33px 0 19px
}

@media (min-width : 620px) {
    .main-page .partners .partners-slider {
        padding : 33px 0
    }
}

.main-page .partners .partners-slider .slide {
    display    : block;
    position   : relative;
    height     : 50px;
    opacity    : .5;
    transition : opacity .3s
}

.main-page .partners .partners-slider .slide:hover {
    opacity : 1
}

.main-page .partners .partners-slider .slide .img {
    width               : 80%;
    height              : 100%;
    max-height          : 100%;
    background-size     : contain;
    background-position : center center;
    background-repeat   : no-repeat;
    margin              : 0 auto
}

.main-page .partners .partners-slider .dots-container {
    padding-top : 51px;
    text-align  : center
}

.main-page .partners .partners-slider .slick-counter {
    top   : 26px;
    right : 2px
}

.main-page .partners .partners-slider .slick-arrow {
    width  : 20px;
    height : 30px;
    top    : 62px
}

.main-page .partners .partners-slider .slick-arrow.slick-prev {
    right : 35px
}

.main-page .partners .partners-slider .slick-arrow.slick-next {
    right : 0
}

.slon, .slon .slon-item {
    width      : 23px;
    height     : 16px;
    background : url(/local/images/sprite.svg?23498a09) -320px -271px no-repeat
}

.slon {
    margin-left : 4px;
    display     : inline-block;
    position    : relative
}

.slon .slon-item {
    position : absolute;
    display  : none
}

.slon .pss {
    position : absolute;
    width    : 139px;
    font     : 700 12px/16px 'Pragmatica', sans-serif;
    left     : 40px;
    bottom   : 60px
}

.slon .pss span {
    font-size : 16px
}

.slon .cloaks, .slon .pss {
    display : none
}

.slon .cloak {
    width      : 17px;
    height     : 6px;
    background : url(/local/images/sprite.svg?23498a09) -504px -402px no-repeat;
    display    : none;
    position   : absolute
}

.slon .cloak:nth-child(1) {
    top  : 3px;
    left : -2px
}

.slon .cloak:nth-child(2) {
    top  : 5px;
    left : 21px
}

.slon .cloak:nth-child(3) {
    top  : -13px;
    left : 19px
}

.slon .cloak:nth-child(4) {
    top  : -10px;
    left : 42px
}

.slon .zzz {
    display : none
}

.slon .z-item {
    display    : none;
    width      : 7px;
    height     : 7px;
    background : url(/local/images/sprite.svg?23498a09) -489px -413px no-repeat;
    position   : absolute;
    top        : -23px;
    left       : -14px
}

.slon .z-item:nth-child(2) {
    transform : scale(.9);
    top       : -15px;
    left      : -3px
}

.slon .z-item:nth-child(3) {
    transform : scale(.8);
    top       : -8px;
    left      : 6px
}

.slon .s-message {
    display  : none;
    position : absolute;
    width    : 170px;
    font     : 700 12px/16px 'Pragmatica', sans-serif;
    bottom   : 52px;
    left     : 19px
}

.slon .s-message div {
    border-bottom : 1px solid #f2a900;
    float         : left
}

.slon .s-message:before {
    content          : '';
    position         : absolute;
    width            : 10px;
    bottom           : -10px;
    left             : 0;
    border-bottom    : 1px solid #f2a900;
    transform        : skewY(45deg);
    transform-origin : 100% 0
}

@media (max-width : 1235px) {
    .slon .s-message {
        left : -55px
    }

    .slon .pss {
        left : -20px
    }
}

@media (max-width : 991px) {
    .slon .s-message {
        left : 19px
    }

    .slon .pss {
        left : 40px
    }
}

.slon .i0 {
    top  : 0;
    left : 0
}

.slon .i1 {
    top  : 2px;
    left : 23px
}

.slon .i2 {
    top  : -16px;
    left : 21px
}

.slon .i3 {
    top  : -13px;
    left : 44px
}

.slon .i4 {
    top  : 4px;
    left : 51px
}

.slon .i5 {
    top  : 19px;
    left : 0
}

.slon .i6 {
    top  : 19px;
    left : 28px
}

.slon .i7 {
    top  : 20px;
    left : 58px
}

.slon .i8 {
    top  : 3px;
    left : 81px
}

.slon .i9 {
    top  : -16px;
    left : 74px
}

.slon .m0, .slon .m1, .slon .m2, .slon .m3, .slon .m4, .slon .m5, .slon .m6, .slon .m7, .slon .m8, .slon .m9 {
    display : none
}

.slon.animation .pss, .slon.frame0 .i0, .slon.frame0 .m0, .slon.frame0 .z-item, .slon.frame1 .i0, .slon.frame1 .i1, .slon.frame1 .m1, .slon.frame2 .i0, .slon.frame2 .i1, .slon.frame2 .i2, .slon.frame2 .m2, .slon.frame3 .cloak, .slon.frame3 .i0, .slon.frame3 .i1, .slon.frame3 .i2, .slon.frame3 .i3, .slon.frame3 .m3, .slon.frame4 .i0, .slon.frame4 .i1, .slon.frame4 .i2, .slon.frame4 .i3, .slon.frame4 .i4, .slon.frame4 .m4, .slon.frame5 .i0, .slon.frame5 .i1, .slon.frame5 .i2, .slon.frame5 .i3, .slon.frame5 .i4, .slon.frame5 .i5, .slon.frame5 .m5, .slon.frame6 .i0, .slon.frame6 .i1, .slon.frame6 .i2, .slon.frame6 .i3, .slon.frame6 .i4, .slon.frame6 .i5, .slon.frame6 .i6, .slon.frame6 .m6, .slon.frame7 .i0, .slon.frame7 .i1, .slon.frame7 .i2, .slon.frame7 .i3, .slon.frame7 .i4, .slon.frame7 .i5, .slon.frame7 .i6, .slon.frame7 .i7, .slon.frame7 .m7, .slon.frame8 .i0, .slon.frame8 .i1, .slon.frame8 .i2, .slon.frame8 .i3, .slon.frame8 .i4, .slon.frame8 .i5, .slon.frame8 .i6, .slon.frame8 .i7, .slon.frame8 .i8, .slon.frame8 .m8, .slon.frame9 .i0, .slon.frame9 .i1, .slon.frame9 .i2, .slon.frame9 .i3, .slon.frame9 .i4, .slon.frame9 .i5, .slon.frame9 .i6, .slon.frame9 .i7, .slon.frame9 .i8, .slon.frame9 .i9, .slon.frame9 .m9, .slon.show-frame .cloaks, .slon.show-frame .s-message, .slon.show-frame .zzz {
    display : block
}

.slon:hover:not(.show-frame) .pss {
    display : block
}

.header-ticker {
    height     : 80px;
    background : #ffffff;
    position   : relative;
    overflow   : hidden
}

.header-ticker .ticker-slider {
    border      : 1px solid #f2a900;
    position    : relative;
    white-space : nowrap
}

.header-ticker .ticker-slider .slick-arrow {
    width      : 30px;
    height     : 30px;
    transition : all .3s ease;
    position   : absolute;
    top        : 50%;
    margin-top : -15px
}

.header-ticker .ticker-slider .slick-arrow:before {
    width      : 11.97px;
    height     : 21.97px;
    background : url(/local/images/sprite.svg?23498a09) -303px -76px no-repeat
}

.header-ticker .ticker-slider .slick-arrow.slick-prev {
    left : -42px
}

.header-ticker .ticker-slider .slick-arrow.slick-next {
    right : -42px
}

.header-ticker .ticker-slider .slick-arrow:hover {
    transform : scale(1.1)
}

.header-ticker .ticker-item {
    transition      : all .3s ease;
    box-sizing      : border-box;
    padding         : 13px 25px;
    height          : 78px;
    border          : 1px solid transparent;
    display         : inline-block;
    white-space     : normal;
    color           : #242424;
    text-decoration : none;
    cursor          : default
}

.header-ticker .ticker-item.link {
    cursor : pointer
}

.header-ticker .ticker-item .title {
    white-space : nowrap;
    font        : 700 13px/17px 'Pragmatica', sans-serif;
    color       : #242424
}

.header-ticker .ticker-item .desc, .header-ticker .ticker-item .info {
    font  : 400 13px/17px 'Pragmatica', sans-serif;
    color : #8e8e8e
}

.header-ticker .ticker-item .info {
    color : #242424
}

.header-ticker .ticker-item .info i {
    font-style : normal
}

.header-ticker .ticker-item .info.yellow i {
    color : #f19f05
}

.header-ticker .ticker-item .info.red i {
    color : #dd3e3e
}

.header-ticker .ticker-item .info.green i {
    color : #63972b
}

.header-ticker .ticker-item .arrow-down, .header-ticker .ticker-item .arrow-up, .header-ticker .ticker-item .unchanged {
    background     : url(/local/images/sprite.svg?23498a09) -306.78px -391px no-repeat;
    margin-left    : 5px;
    margin-top     : -4px;
    display        : inline-block;
    vertical-align : middle
}

.header-ticker .ticker-item .arrow-up, .header-ticker .ticker-item .unchanged {
    width  : 15.78px;
    height : 19px
}

.header-ticker .ticker-item .unchanged {
    width         : 16px;
    height        : 3px;
    border-radius : 2px;
    background    : silver;
    margin-top    : -1px
}

.header-ticker .ticker-item .arrow-down {
    width      : 15.78px;
    height     : 19px;
    background : url(/local/images/sprite.svg?23498a09) -287px -391px no-repeat
}

.header-ticker .ticker-item.slick-active + .slick-active {
    border-left : 1px dotted #f2a900
}

.header-ticker .ticker-item:hover {
    border : 1px solid #f2a900 !important
}

@media (max-width : 1235px) {
    .header-ticker {
        transition : all .3s ease;
        transform  : translateY(-100%);
        margin-top : -80px
    }

    .open .header-ticker {
        transform  : translateY(0);
        margin-top : 0
    }

    .header-ticker .ticker-item {
        padding : 13px 19px
    }

    .header-ticker .ticker-item .title {
        font : 700 13px/17px 'Pragmatica', sans-serif
    }
}

@media (max-width : 991px) {
    .header-ticker {
        height     : 65px;
        margin-top : -65px
    }

    .open .header-ticker {
        margin-top : 0
    }

    .header-ticker .ticker-item {
        padding : 7px 9px;
        height  : auto
    }

    .header-ticker .ticker-item .title {
        font : 700 11px/13px 'Pragmatica', sans-serif
    }
}

.select2-container {
    box-sizing     : border-box;
    display        : inline-block;
    margin         : 0;
    position       : relative;
    vertical-align : middle
}

.select2-container .select2-selection--multiple, .select2-container .select2-selection--single {
    box-sizing          : border-box;
    cursor              : pointer;
    display             : block;
    -moz-user-select    : none;
    -ms-user-select     : none;
    user-select         : none;
    -webkit-user-select : none
}

.select2-container .select2-selection--single {
    height : 28px
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display       : block;
    padding-left  : 8px;
    padding-right : 20px;
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position : relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right : 8px;
    padding-left  : 20px
}

.select2-container .select2-selection--multiple {
    min-height : 32px
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display       : inline-block;
    overflow      : hidden;
    padding-left  : 8px;
    text-overflow : ellipsis;
    white-space   : nowrap
}

.select2-container .select2-search--inline {
    position : absolute;
    left     : 0;
    top      : 0;
    bottom   : 0;
    right    : 0
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing : border-box;
    border     : 0;
    font-size  : 100%;
    margin-top : 5px;
    padding    : 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button, .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance : none
}

.select2-dropdown {
    background-color : #ffffff;
    box-sizing       : border-box;
    display          : block;
    position         : absolute;
    left             : -100000px;
    width            : 100%;
    z-index          : 999
}

.select2-results {
    display : block
}

.select2-results__options {
    list-style : none;
    margin     : 0;
    padding    : 0
}

.select2-results__option {
    padding             : 0 6px;
    line-height         : 29px;
    -moz-user-select    : none;
    -ms-user-select     : none;
    user-select         : none;
    -webkit-user-select : none
}

.select2-results__option[aria-selected] {
    cursor : pointer
}

.select2-container--open .select2-dropdown {
    left : 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom : none
}

.select2-container--open .select2-dropdown--below {
    border-top : none
}

.select2-search--dropdown {
    display : block;
    padding : 4px
}

.select2-search--dropdown .select2-search__field {
    padding    : 4px;
    width      : 100%;
    box-sizing : border-box
}

.select2-search--dropdown.select2-search--hide {
    display : none
}

.select2-close-mask {
    border           : 0;
    margin           : 0;
    padding          : 0;
    display          : block;
    position         : fixed;
    left             : 0;
    top              : 0;
    min-height       : 100%;
    min-width        : 100%;
    height           : auto;
    width            : auto;
    opacity          : 0;
    z-index          : 99;
    background-color : #ffffff;
    filter           : alpha(opacity=0)
}

.select2-hidden-accessible {
    border   : 0 !important;
    clip     : rect(0 0 0 0) !important;
    height   : 1px !important;
    margin   : -1px !important;
    overflow : hidden !important;
    padding  : 0 !important;
    position : absolute !important;
    width    : 1px !important
}

.select2-container--default {
    font-size : 16px
}

.select2-container--default .select2-selection--single {
    height           : 29px;
    background-color : #f2a900;
    border           : 0
}

.select2-container--default .select2-selection--single:active, .select2-container--default .select2-selection--single:active:focus, .select2-container--default .select2-selection--single:focus {
    box-shadow         : none;
    outline            : 0;
    -webkit-appearance : none
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding     : 1px 11px 0;
    color       : #ffffff;
    line-height : 29px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor      : pointer;
    float       : right;
    font-weight : 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color : #ffffff
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height   : 29px;
    position : absolute;
    top      : 1px;
    right    : 1px;
    width    : 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    width      : 13px;
    height     : 8px;
    background : url(/local/images/sprite.svg?23498a09) -455px -413px no-repeat;
    position   : absolute;
    top        : 10px;
    left       : -3px
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float : left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left  : 1px;
    right : auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color : #eeeeee;
    cursor           : default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display : none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .select2-container--interview.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform : rotateZ(180deg)
}

.select2-container--default .select2-selection--multiple {
    background-color : #ffffff;
    cursor           : text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing : border-box;
    list-style : none;
    margin     : 0;
    padding    : 0 5px;
    width      : 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li, .select2-container--interview .select2-selection--multiple .select2-selection__rendered li, .select2-container--order .select2-selection--multiple .select2-selection__rendered li, footer li {
    list-style : none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color      : #999999;
    margin-top : 5px;
    float      : left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor       : pointer;
    float        : right;
    font-weight  : 700;
    margin-top   : 5px;
    margin-right : 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color : #e4e4e4;
    cursor           : default;
    float            : left;
    margin-right     : 5px;
    margin-top       : 5px;
    padding          : 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color        : #999999;
    cursor       : pointer;
    display      : inline-block;
    font-weight  : 700;
    margin-right : 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color : #333333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float : right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left  : 5px;
    margin-right : auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left  : 2px;
    margin-right : auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    outline : 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color : #eeeeee;
    cursor           : default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display : none
}

.select2-container--default .select2-search--inline .select2-search__field {
    background         : 0 0;
    border             : 0;
    outline            : 0;
    box-shadow         : none;
    -webkit-appearance : textfield
}

.select2-container--default .select2-results > .select2-results__options {
    overflow-y       : auto;
    background-color : #f2a900;
    color            : #ffffff
}

.select2-container--default .select2-results__option[role=group] {
    padding : 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color : #999999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color : #dddddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left : 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left : 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left  : -1em;
    padding-left : 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option, .select2-container--interview .select2-results__option .select2-results__option .select2-results__option .select2-results__option, .select2-container--order .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left  : -2em;
    padding-left : 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option, .select2-container--interview .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option, .select2-container--order .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left  : -3em;
    padding-left : 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option, .select2-container--interview .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option, .select2-container--order .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left  : -4em;
    padding-left : 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option, .select2-container--interview .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option, .select2-container--order .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left  : -5em;
    padding-left : 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color : rgba(255, 255, 255, .3);
    color            : #ffffff
}

.select2-container--default .select2-results__group {
    cursor  : default;
    display : block;
    padding : 6px
}

.select2-container--interview {
    font-size : 14px;
    width     : 100% !important;
    max-width : 376px
}

.select2-container--interview.select2-container--open .select2-dropdown {
    top : -1px
}

.select2-container--interview .select2-selection--single {
    min-height : 39px;
    height     : auto;
    border     : 1px solid #d0d0d0
}

.select2-container--interview .select2-selection--single:active, .select2-container--interview .select2-selection--single:active:focus, .select2-container--interview .select2-selection--single:focus {
    box-shadow         : none;
    outline            : 0;
    -webkit-appearance : none
}

.select2-container--interview .select2-selection--single .select2-selection__rendered {
    padding       : 9px 13px;
    line-height   : 1.5;
    text-overflow : initial;
    white-space   : normal
}

.select2-container--interview .select2-selection--single .select2-selection__clear {
    cursor      : pointer;
    float       : right;
    font-weight : 700
}

.select2-container--interview .select2-selection--single .select2-selection__placeholder {
    font-size : 12px;
    opacity   : .5
}

.select2-container--interview .select2-selection--single .select2-selection__arrow {
    width    : 34px;
    height   : 39px;
    position : absolute;
    top      : 1px;
    right    : 1px
}

.select2-container--interview .select2-selection--single .select2-selection__arrow b {
    width        : 0;
    height       : 0;
    border-style : solid;
    border-width : 5px 4px 0;
    border-color : #b8b8b7 transparent transparent;
    position     : absolute;
    top          : 18px;
    left         : calc(50% - 4px)
}

.select2-container--interview[dir=rtl] .select2-selection--single .select2-selection__clear {
    float : left
}

.select2-container--interview[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left  : 1px;
    right : auto
}

.select2-container--interview.select2-container--disabled .select2-selection--single {
    background-color : #eeeeee;
    cursor           : default
}

.select2-container--interview.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display : none
}

.select2-container--interview .select2-selection--multiple {
    background-color : #ffffff;
    cursor           : text;
    font-size        : 0;
    min-height       : 39px;
    max-height       : 999px
}

.select2-container--interview .select2-selection--multiple .select2-selection__rendered {
    width      : 100%;
    min-height : 41px;
    position   : relative;
    box-sizing : border-box;
    list-style : none;
    margin     : 0;
    padding    : 0 0 12px;
    font-size  : 12px
}

.select2-container--interview .select2-selection--multiple .select2-selection__placeholder {
    color      : #999999;
    margin-top : 5px;
    float      : left
}

.select2-container--interview .select2-selection--multiple .select2-selection__clear {
    cursor       : pointer;
    float        : right;
    font-weight  : 700;
    margin-top   : 5px;
    margin-right : 10px
}

.select2-container--interview .select2-selection--multiple .select2-selection__choice {
    background-color : #e4e4e4;
    cursor           : default;
    display          : inline-block;
    margin-left      : 16px;
    margin-top       : 12px;
    padding          : 0 5px
}

.select2-container--interview .select2-selection--multiple .select2-selection__choice__remove {
    display : none
}

.select2-container--interview .select2-selection--multiple .select2-selection__choice__remove:hover {
    color : #333333
}

.select2-container--interview[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--interview[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--interview[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float : right
}

.select2-container--interview[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left  : 5px;
    margin-right : auto
}

.select2-container--interview[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left  : 2px;
    margin-right : auto
}

.select2-container--interview.select2-container--focus .select2-selection--multiple {
    outline : 0
}

.select2-container--interview.select2-container--disabled .select2-selection--multiple {
    background-color : #eeeeee;
    cursor           : default
}

.select2-container--interview.select2-container--disabled .select2-selection__choice__remove {
    display : none
}

.select2-container--interview .select2-search--inline .select2-search__field {
    position           : absolute;
    min-height         : 39px;
    width              : 100% !important;
    left               : 0;
    top                : 0;
    right              : 0;
    bottom             : 0;
    background         : 0 0;
    border             : 1px solid #d0d0d0;
    margin             : 0;
    padding            : 0 15px;
    outline            : 0;
    box-shadow         : none;
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none;
    color              : #282828;
    cursor             : pointer
}

.select2-container--interview .select2-results {
    border     : 1px solid #d0d0d0;
    border-top : 0
}

.select2-container--interview .select2-results > .select2-results__options {
    overflow-y : auto
}

.select2-container--interview .select2-results__option {
    padding     : 9px 13px;
    line-height : 1.5
}

.select2-container--interview .select2-results__option[role=group] {
    padding : 0
}

.select2-container--interview .select2-results__option[aria-disabled=true] {
    color : #999999
}

.select2-container--interview .select2-results__option[aria-selected=true] {
    background-color : #dddddd
}

.select2-container--interview .select2-results__option .select2-results__option {
    padding-left : 1em
}

.select2-container--interview .select2-results__option .select2-results__option .select2-results__group {
    padding-left : 0
}

.select2-container--interview .select2-results__option .select2-results__option .select2-results__option {
    margin-left  : -1em;
    padding-left : 2em
}

.select2-container--interview .select2-results__option--highlighted[aria-selected] {
    background-color : #f2a900;
    color            : #ffffff
}

.select2-container--interview .select2-results__group {
    cursor  : default;
    display : block;
    padding : 6px
}

.select2-container--interview .select2-selection--multiple .select2-selection__rendered {
    white-space : normal
}

.select2-container--interview.select2-container--open .select2-dropdown--above {
    top : 1px
}

.select2-container--interview.select2-container--open .select2-dropdown--above .select2-results {
    border        : 1px solid #d0d0d0;
    border-bottom : 0
}

.select2-container--order {
    transition : all .3s ease;
    font-size  : 16px;
    width      : 100% !important;
    background : #fdd075
}

.select2-container--order.fill {
    background : #ffffff
}

.select2-container--order.fill .select2-selection--single .select2-selection__arrow b {
    border-color : #f2a900 transparent transparent
}

.select2-container--order .select2-dropdown {
    border     : 1px solid #ffffff;
    border-top : none
}

.select2-container--order.select2-container--open .select2-dropdown {
    top : -1px
}

.select2-container--order .select2-selection--single {
    min-height : 39px;
    height     : auto
}

.select2-container--order .select2-selection--single:active, .select2-container--order .select2-selection--single:active:focus, .select2-container--order .select2-selection--single:focus {
    box-shadow         : none;
    outline            : 0;
    -webkit-appearance : none
}

.select2-container--order .select2-selection--single .select2-selection__rendered {
    padding       : 12px 13px 11px;
    line-height   : 1.5;
    text-overflow : initial;
    white-space   : normal
}

.select2-container--order .select2-selection--single .select2-selection__clear {
    cursor      : pointer;
    float       : right;
    font-weight : 700
}

.select2-container--order .select2-selection--single .select2-selection__placeholder {
    font-size     : 16px;
    color         : #ffffff;
    text-overflow : ellipsis;
    overflow      : hidden;
    white-space   : nowrap;
    max-width     : calc(100% - 10px);
    display       : block
}

.select2-container--order .select2-selection--single .select2-selection__arrow {
    width    : 34px;
    height   : 47px;
    position : absolute;
    top      : 1px;
    right    : 1px
}

.select2-container--order .select2-selection--single .select2-selection__arrow b {
    width        : 0;
    height       : 0;
    border-style : solid;
    border-width : 5px 4px 0;
    border-color : #ffffff transparent transparent;
    position     : absolute;
    top          : 18px;
    left         : calc(50% - 4px)
}

.select2-container--order[dir=rtl] .select2-selection--single .select2-selection__clear {
    float : left
}

.select2-container--order[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left  : 1px;
    right : auto
}

.select2-container--order.select2-container--disabled .select2-selection--single {
    background-color : #eeeeee;
    cursor           : default
}

.select2-container--order.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display : none
}

.select2-container--order.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform : rotateZ(180deg)
}

.select2-container--order .select2-selection--multiple {
    background-color : #ffffff;
    cursor           : text;
    font-size        : 0;
    min-height       : 39px;
    max-height       : 999px
}

.select2-container--order .select2-selection--multiple .select2-selection__rendered {
    width      : 100%;
    min-height : 41px;
    position   : relative;
    box-sizing : border-box;
    list-style : none;
    margin     : 0;
    padding    : 0 0 12px;
    font-size  : 12px
}

.select2-container--order .select2-selection--multiple .select2-selection__placeholder {
    color      : #ffffff;
    margin-top : 5px;
    float      : left
}

.select2-container--order .select2-selection--multiple .select2-selection__clear {
    cursor       : pointer;
    float        : right;
    font-weight  : 700;
    margin-top   : 5px;
    margin-right : 10px
}

.select2-container--order .select2-selection--multiple .select2-selection__choice {
    background-color : #e4e4e4;
    cursor           : default;
    display          : inline-block;
    margin-left      : 16px;
    margin-top       : 12px;
    padding          : 0 5px
}

.select2-container--order .select2-selection--multiple .select2-selection__choice__remove {
    display : none
}

.select2-container--order .select2-selection--multiple .select2-selection__choice__remove:hover {
    color : #333333
}

.select2-container--order[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--order[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--order[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float : right
}

.select2-container--order[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left  : 5px;
    margin-right : auto
}

.select2-container--order[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left  : 2px;
    margin-right : auto
}

.select2-container--order.select2-container--focus .select2-selection--multiple {
    outline : 0
}

.select2-container--order.select2-container--disabled .select2-selection--multiple {
    background-color : #eeeeee;
    cursor           : default
}

.select2-container--order.select2-container--disabled .select2-selection__choice__remove {
    display : none
}

.select2-container--order .select2-search--inline .select2-search__field {
    position           : absolute;
    min-height         : 39px;
    width              : 100% !important;
    left               : 0;
    top                : 0;
    right              : 0;
    bottom             : 0;
    background         : 0 0;
    border             : 1px solid #d0d0d0;
    margin             : 0;
    padding            : 0 15px;
    outline            : 0;
    box-shadow         : none;
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none;
    color              : #282828;
    cursor             : pointer
}

.select2-container--order .select2-results {
    border-top : 0
}

.select2-container--order .select2-results > .select2-results__options {
    overflow-y : auto
}

.select2-container--order .select2-results__option {
    padding     : 12px 13px 11px;
    line-height : 1.5
}

.qtip, .select2-container--order .select2-results__option[role=group] {
    padding : 0
}

.select2-container--order .select2-results__option[aria-disabled=true] {
    color : #999999
}

.select2-container--order .select2-results__option[aria-selected=true] {
    background-color : #f6f6f5
}

.select2-container--order .select2-results__option .select2-results__option {
    padding-left : 1em
}

.select2-container--order .select2-results__option .select2-results__option .select2-results__group {
    padding-left : 0
}

.select2-container--order .select2-results__option .select2-results__option .select2-results__option {
    margin-left  : -1em;
    padding-left : 2em
}

.select2-container--order .select2-results__option--highlighted[aria-selected] {
    background-color : #fdd075;
    color            : #ffffff
}

.select2-container--order .select2-results__group {
    cursor  : default;
    display : block;
    padding : 6px
}

.select2-container--order .select2-selection--multiple .select2-selection__rendered {
    white-space : normal
}

.select2-container--order.select2-container--open .select2-dropdown--above {
    top : 1px
}

.select2-container--order.select2-container--open .select2-dropdown--above .select2-results {
    border        : 1px solid #d0d0d0;
    border-bottom : 0
}

.qtip {
    position    : absolute;
    left        : -28000px;
    top         : -28000px;
    display     : none;
    max-width   : 280px;
    min-width   : 50px;
    font-size   : 10.5px;
    line-height : 12px;
    direction   : ltr;
    box-shadow  : none
}

.qtip-content {
    position   : relative;
    padding    : 5px 9px;
    overflow   : hidden;
    text-align : left;
    word-wrap  : break-word
}

@media (max-width : 991px) {
    .qtip-content {
        white-space : nowrap
    }
}

.qtip-titlebar {
    position     : relative;
    padding      : 5px 35px 5px 10px;
    overflow     : hidden;
    border-width : 0 0 1px;
    font-weight  : 700
}

.qtip-titlebar + .qtip-content {
    border-top-width : 0 !important
}

.qtip-close {
    position : absolute;
    right    : -9px;
    top      : -9px;
    z-index  : 11;
    cursor   : pointer;
    outline  : medium;
    border   : 1px solid transparent
}

.qtip-titlebar .qtip-close {
    right      : 4px;
    top        : 50%;
    margin-top : -9px
}

* html .qtip-titlebar .qtip-close {
    top : 16px
}

.qtip-icon .ui-icon, .qtip-titlebar .ui-icon {
    display     : block;
    text-indent : -1000em;
    direction   : ltr
}

.qtip-icon .ui-icon {
    width       : 18px;
    height      : 14px;
    line-height : 14px;
    text-align  : center;
    text-indent : 0;
    font        : 700 10px/13px Tahoma, sans-serif;
    color       : inherit;
    background  : no-repeat -100em -100em
}

.qtip-icon, .qtip-icon .ui-icon {
    border-radius   : 3px;
    text-decoration : none
}

.qtip-default {
    border           : 0;
    font             : 12px/18px 'Pragmatica', sans-serif;
    background-color : #f85421;
    color            : #ffffff;
    padding          : 10px 10px 9px
}

@media (max-width : 991px) {
    .qtip-default {
        max-width : 320px
    }
}

.qtip-default .qtip-titlebar {
    background-color : #ffef93
}

.qtip-default .qtip-icon {
    border-color : #cccccc;
    background   : #f1f1f1;
    color        : #777777
}

.qtip-default .qtip-titlebar .qtip-close {
    border-color : #aaaaaa;
    color        : #111111
}

.qtip:not(.ie9haxors) div.qtip-content, .qtip:not(.ie9haxors) div.qtip-titlebar {
    filter     : none;
    -ms-filter : none
}

.qtip .qtip-tip {
    margin   : 0 auto;
    overflow : hidden;
    z-index  : 10
}

.qtip .qtip-tip, x:-o-prefocus {
    visibility : hidden
}

.qtip .qtip-tip, .qtip .qtip-tip .qtip-vml, .qtip .qtip-tip canvas {
    position   : absolute;
    color      : #123456;
    background : 0 0;
    border     : 0 dashed transparent
}

.qtip .qtip-tip canvas {
    top  : 0;
    left : 0
}

.qtip .qtip-tip .qtip-vml {
    behavior   : url(#default#VML);
    display    : inline-block;
    visibility : visible
}

.fancybox-inner, .fancybox-outer, .fancybox-skin, .fancybox-wrap {
    padding        : 0;
    margin         : 0;
    border         : 0;
    outline        : 0;
    vertical-align : top
}

.fancybox-image {
    padding        : 0;
    margin         : 0;
    outline        : 0;
    vertical-align : top
}

.fancybox-nav, .fancybox-nav span, .fancybox-tmp, .fancybox-wrap iframe, .fancybox-wrap object {
    padding        : 0;
    margin         : 0;
    border         : 0;
    outline        : 0;
    vertical-align : top
}

.fancybox-wrap {
    position : absolute;
    top      : 0;
    left     : 0;
    z-index  : 8020
}

.fancybox-skin {
    position    : relative;
    background  : #f9f9f9;
    color       : #444444;
    text-shadow : none
}

.fancybox-opened {
    z-index : 8030
}

.fancybox-inner, .fancybox-outer {
    position : relative
}

.fancybox-inner {
    overflow : hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling : touch
}

.fancybox-error {
    color       : #444444;
    font        : 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin      : 0;
    padding     : 15px;
    white-space : nowrap
}

.fancybox-iframe, .fancybox-image {
    display : block;
    width   : 100%;
    height  : 100%
}

.fancybox-image {
    max-width  : 100%;
    max-height : 100%;
    border     : 1px solid #e9e7e6
}

#fancybox-loading {
    position            : fixed;
    top                 : 50%;
    left                : 50%;
    margin-top          : -22px;
    margin-left         : -22px;
    background-position : 0 -108px;
    opacity             : .8;
    cursor              : pointer;
    z-index             : 8060
}

#fancybox-loading div {
    width  : 44px;
    height : 44px
}

.fancybox-close, .fancybox-nav {
    position : absolute;
    cursor   : pointer;
    z-index  : 8040
}

.fancybox-close {
    background : url(/local/images/sprite.svg?23498a09) -423px -359px no-repeat;
    right      : 30px;
    transition : transform .3s ease;
    width      : 19px;
    height     : 19px;
    top        : 30px
}

.fancybox-close:before {
    content  : '';
    position : absolute;
    left     : -10px;
    right    : -10px;
    bottom   : -10px;
    top      : -10px
}

.fancybox-close:hover {
    transform : rotate(90deg)
}

.fancybox-nav {
    top                         : 0;
    width                       : 40%;
    height                      : 100%;
    text-decoration             : none;
    -webkit-tap-highlight-color : transparent
}

.fancybox-prev {
    left : -44px
}

.fancybox-next {
    right : -44px
}

.fancybox-nav span {
    width      : 11px;
    height     : 18px;
    background : url(/local/images/sprite.svg?23498a09) -305px -242px no-repeat;
    position   : absolute;
    top        : 50%;
    margin-top : -9px;
    cursor     : pointer;
    z-index    : 8040
}

.fancybox-prev span {
    left      : 10px;
    transform : rotate(180deg)
}

.fancybox-next span {
    right : 10px
}

.fancybox-nav:hover span {
    transform  : scale(1.2) rotate(.02deg);
    visibility : visible
}

.fancybox-prev:hover span {
    transform : scale(1.2) rotate(180deg)
}

.fancybox-tmp {
    position   : absolute;
    top        : -99999px;
    left       : -99999px;
    visibility : hidden;
    max-width  : 99999px;
    max-height : 99999px;
    overflow   : visible !important
}

.fancybox-lock {
    width : auto
}

.fancybox-lock, .fancybox-lock body {
    overflow : hidden !important
}

.fancybox-lock-test {
    overflow-y : hidden !important
}

.fancybox-overlay {
    position   : absolute;
    top        : 0;
    left       : 0;
    overflow   : hidden;
    display    : none;
    z-index    : 8010;
    background : rgba(40, 40, 40, .4)
}

.fancybox-overlay-fixed {
    position : fixed;
    bottom   : 0;
    right    : 0
}

.fancybox-lock .fancybox-overlay {
    overflow   : auto;
    overflow-y : scroll
}

.fancybox-title {
    visibility  : hidden;
    font        : 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position    : relative;
    text-shadow : none;
    z-index     : 8050
}

.fancybox-opened .fancybox-title {
    visibility : visible
}

.fancybox-title-float-wrap {
    position      : absolute;
    bottom        : 0;
    right         : 50%;
    margin-bottom : -35px;
    z-index       : 8050;
    text-align    : center
}

.fancybox-title-float-wrap .child {
    display       : inline-block;
    margin-right  : -100%;
    padding       : 2px 20px;
    background    : 0 0;
    background    : rgba(0, 0, 0, .8);
    border-radius : 15px;
    text-shadow   : 0 1px 2px #222222;
    color         : #ffffff;
    font-weight   : 700;
    line-height   : 24px;
    white-space   : nowrap
}

.fancybox-title-outside-wrap {
    position   : relative;
    margin-top : 10px;
    color      : #ffffff
}

.fancybox-title-inside-wrap {
    padding-top : 10px
}

.fancybox-title-over-wrap {
    position   : absolute;
    bottom     : 0;
    left       : 0;
    color      : #ffffff;
    padding    : 10px;
    background : #000000;
    background : rgba(0, 0, 0, .8)
}

footer {
    padding          : 21px 0 43px;
    background-color : #f6f6f5
}

@media (min-width : 620px) {
    footer {
        padding : 21px 0 59px
    }
}

@media (min-width : 960px) {
    footer {
        padding : 41px 0 38px
    }
}

footer ul {
    padding       : 0;
    margin-bottom : 2px
}

@media (min-width : 620px) {
    footer ul {
        margin-bottom : 1em
    }
}

footer ul li {
    padding-bottom : 16px;
    font           : 700 16px/20px 'Pragmatica', sans-serif
}

footer ul li:last-of-type, footer ul ul li:last-of-type {
    padding-bottom : 0
}

@media (min-width : 620px) {
    footer ul li {
        padding-bottom : 20px
    }

    footer ul li:last-of-type {
        padding-bottom : 20px
    }
}

@media (min-width : 960px) {
    footer ul li {
        padding-bottom : 16px;
        font           : 700 14px/20px 'Pragmatica', sans-serif
    }
}

footer ul ul {
    margin-top    : 17px;
    margin-bottom : 1px
}

@media (min-width : 620px) {
    footer ul ul {
        margin-top : 21px
    }
}

@media (min-width : 960px) {
    footer ul ul {
        margin-top    : 20px;
        margin-bottom : 1em
    }
}

footer ul ul li {
    padding-bottom : 18px;
    font           : 16px/18px 'Pragmatica', sans-serif
}

@media (min-width : 620px) {
    footer ul ul li {
        padding-bottom : 22px
    }
}

@media (min-width : 960px) {
    footer ul ul li {
        padding-bottom : 10px;
        font           : 14px/18px 'Pragmatica', sans-serif
    }
}

@media (min-width : 960px) {
    footer ul ul li:last-of-type {
        padding-bottom : 22px
    }
}

footer ul ul li a {
    color : #484848
}

footer ul ul li.mark {
    font-weight : 700;
    padding     : 18px 0
}

footer a {
    color           : #282828;
    text-decoration : none;
    border-bottom   : 1px solid transparent;
    transition      : .3s
}

footer a:active, footer a:active:focus, footer a:focus {
    text-decoration : none;
    color           : #282828
}

footer a:hover {
    color               : #282828;
    text-decoration     : none;
    border-bottom-color : #f2a900
}

footer a.stub {
    pointer-events : none
}

footer .collapse {
    border-bottom-color : transparent !important
}

footer .collapse:after {
    width       : 13px;
    height      : 8px;
    background  : url(/local/images/sprite.svg?23498a09) -472px -413px no-repeat;
    content     : '';
    display     : inline-block;
    margin-left : 7px;
    transform   : rotateX(0)
}

footer .collapse.open {
    transform : rotateX(180deg)
}

footer .collapse, footer .collapse-wrap {
    display : inline-block
}

footer .contacts {
    padding-top : 32px;
    font-size   : 16px
}

@media (min-width : 620px) {
    footer .contacts {
        padding-top : 3px
    }
}

@media (min-width : 960px) {
    footer .contacts {
        padding-top : 0
    }
}

footer .contacts + .contacts {
    padding-top : 0;
    margin-top  : -4px;
    line-height : 26px
}

@media (min-width : 620px) {
    footer .contacts + .contacts {
        padding-top : 3px;
        margin-top  : 0;
        line-height : 1.42857143
    }
}

footer .contacts + .contacts p {
    margin-bottom : 12px
}

@media (min-width : 620px) {
    footer .contacts + .contacts p {
        margin-bottom : 1em
    }
}

footer .phone {
    padding : 15px 0 11px;
    font    : 700 24px 'Pragmatica', sans-serif
}

footer .phone a {
    color : #282828
}

footer .email {
    padding-bottom : 17px
}

footer .address {
    padding-bottom : 15px;
    color          : #484848
}

@media (min-width : 960px) {
    footer .address {
        padding-bottom : 17px
    }
}

footer .email a {
    border-bottom : 1px solid #f2a900;
    color         : #484848
}

footer .email a:hover {
    text-decoration     : none;
    color               : #484848;
    border-bottom-color : transparent
}

footer .email a:active, footer .email a:active:focus, footer .email a:focus {
    text-decoration : none;
    color           : #282828
}

footer .socials {
    color : #484848
}

footer .socials a {
    width            : 40px;
    height           : 40px;
    display          : inline-block;
    position         : relative;
    padding          : 0;
    margin           : 0 17px 0 0;
    background-color : #282828;
    transition       : .3s
}

footer .socials a .icon {
    position  : absolute;
    top       : 50%;
    left      : 50%;
    transform : translate(-50%, -50%)
}

footer .socials a .icon.icon-yt {
    width      : 20px;
    height     : 24px;
    background : url(/local/images/sprite.svg?23498a09) -325px -359px no-repeat
}

footer .socials a .icon.icon-fb {
    width      : 12px;
    height     : 22px;
    background : url(/local/images/sprite.svg?23498a09) -567px -465px no-repeat
}

footer .socials a .icon.icon-ln {
    width      : 20px;
    height     : 20px;
    background : url(/local/images/sprite.svg?23498a09) -399px -359px no-repeat
}

footer .socials a .icon.icon-tw {
    width      : 22px;
    height     : 18px;
    background : url(/local/images/sprite.svg?23498a09) -238px -155px no-repeat
}

footer .socials a .icon.icon-vk {
    width      : 26px;
    height     : 26px;
    background : url(/local/images/sprite.svg?23498a09) -374px -394px no-repeat
}

footer .socials a .icon.icon-tg {
    width      : 26px;
    height     : 26px;
    background : url(/local/images/sprite.svg?23498a09) -400px -393px no-repeat
}

footer .socials a:hover {
    background-color : #f2a900
}

footer .row + .row {
    padding-top : 29px;
    font        : 14px/17px 'Pragmatica', sans-serif
}

@media (min-width : 620px) {
    footer .row + .row {
        padding-top : 34px
    }
}

@media (min-width : 960px) {
    footer .row + .row {
        padding-top : 41px
    }
}

footer .membership {
    padding-top    : 23px;
    padding-bottom : 22px
}

@media (min-width : 620px) {
    footer .membership {
        padding-bottom : 46px
    }
}

@media (min-width : 960px) {
    footer .membership {
        padding-top    : 0;
        padding-bottom : 0
    }
}

footer .membership img {
    line-height    : 1;
    margin         : 3px 0 26px;
    vertical-align : top
}

@media (min-width : 620px) {
    footer .membership img {
        margin : 3px 0 10px
    }
}

@media (min-width : 1236px) {
    footer .membership img {
        margin-bottom : 0
    }
}

footer .membership img:not(:last-child) {
    margin-right : 37px
}

footer .bottom-row {
    margin-top : 20px
}

@media (max-width : 991px) {
    footer .developer {
        margin-top : 30px
    }
}

@media (max-width : 767px) {
    footer .submenu {
        display : none
    }
}

section.telegram {
    padding-top      : 90px;
    padding-bottom   : 48px;
    background-color : #f8f8f8;
}

section.telegram .wrapper {
    height   : 226px;
    position : relative;
    background-image: url('../pictures/pages/main/telegram/bg.png');
}

section.telegram .content {
    padding-left : 112px;
    padding-top  : 40px;
    width        : 729px;
}

section.telegram .content p {
    font-weight   : 500;
    font-size     : 26px;
    line-height   : 34px;
    color         : #ffffff;
    margin-bottom : 32px;
    margin-top    : 0;
}

section.telegram .content .button {
    width           : 220px;
    height          : 46px;
    background      : #f2a900;
    border-radius   : 10px;
    display         : flex;
    flex-direction  : row;
    justify-content : center;
    align-items     : center;

    font-weight     : 500;
    font-size       : 16px;
    line-height     : 24px;
    letter-spacing  : 0.01em;
    color           : #ffffff;
}

section.telegram .content .button:hover {
    background : #dc9d0c;
}

section.telegram .image {
    position : absolute;
    width    : 330px;
    height   : 291px;
    bottom   : 0;
    right    : 137px;
}

@media (max-width : 767px) {
    section.telegram {
        padding : 0;
    }

    section.telegram .wrapper {
        height                : 377px;
        margin                : 0 -18px;
        overflow              : hidden;
        background-repeat     : no-repeat;
        background-size       : cover;
        background-image: url('../pictures/pages/main/telegram/bg_mobile.png');
    }

    section.telegram .content {
        width         : 100%;
        padding-top   : 32px;
        padding-left  : 14px;
        padding-right : 18px;
    }

    section.telegram .content p {
        font-size     : 20px;
        line-height   : 26px;
        margin-bottom : 24px;
    }

    section.telegram .image {
        width               : 206px;
        right               : 50%;
        transform           : translateX(50%);
        height              : 182px;
        background-size     : 225px;
        background-position : center;
        background-repeat   : no-repeat;
        bottom              : -25px;
    }

}