.visually-hidden {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}

.pseudo-h1 {
    font-weight: 700;
    color: #0c5a98;
    margin-bottom: 40px;
    font-size: 40px;
}

/*andrienko 2017.06.21*/
.msg-item {
    position: relative;
    background: #e1ebf5;
    padding: 0.7em 0.7em 2.2em;
    border-top: 1px solid #fff;
    overflow: hidden;
}

.msg-item:not(.msg-item--klient) + .msg-item--klient.msg-item {
    margin-top: 1em;
}

.msg-item--klient.msg-item + .msg-item:not(.msg-item--klient) {
    margin-top: 1em;
}

.msg-item--klient {
    background: #eaeaea;
    padding-bottom: 0.7em;

}

.msg-item__title {
    font-size: 12px;
    opacity: 0.5;
    color: #000;
    margin-bottom: 0.5em;
    text-transform: uppercase;
}

.mark {
    position: absolute;
    left: 0;
    bottom: 0.7em;
    font-size: 12px;
    color: #0c5a98;
    width: 100%;
    height: 16px;
    line-height: 16px;
    text-align: right;
    padding: 0 0.7em;
    box-sizing: border-box;
    overflow: hidden;
}

.mark.mark--speed-0, .mark.mark--quality-0 {
    transition: all 0.4s 0s;
}

.mark-title {
    display: none;
    text-transform: uppercase;
    padding-right: 0.4em;
}

.mark.mark--speed-0 .mark-title, .mark.mark--quality-0 .mark-title {
    display: inline;
}

.mark.is-active .mark__pop {
    display: block;

}

.mark a {
    border: 0;
    padding: 0 0.2em;
    font-size: 15px;
    line-height: 1;
    text-decoration: none;
}

.mark svg {
    width: 12px;
    display: inline-block;
    height: 12px;
    transform: translateY(2px);
    transition: all 0.2s;
}

.mark span:not(.good):not(.bad) svg:hover {
    transform: scale(1.1);
}

.mark__1 {
    color: #f05023;
}

.mark__5 {
    color: green;
}

.mark__1, .mark__5, .mark .good .mark__1, .mark .bad .mark__5 {
    display: none;

}

.mark__1.mark__1--q-0, .mark__1.mark__1--s-0, .mark__5.mark__5--q-0, .mark__5.mark__5--s-0 {
    display: inline-block;
}

.mark__1.mark__1--q--1, .mark__1.mark__1--s--1, .mark__5.mark__5--q-1, .mark__5.mark__5--s-1,
.mark__1.mark__1--q--1:hover, .mark__1.mark__1--s--1:hover, .mark__5.mark__5--q-1:hover, .mark__5.mark__5--s-1:hover {
    display: inline-block;
    pointer-events: none;
    cursor: default;
}

.mark .good .mark__1, .mark .bad .mark__5 {
    pointer-events: none;
    cursor: default;

}

.mark__pop.is-active {
    display: block;
}

/*andrienko 20.07.16*/
.price-list__item--1 {
    display: none;
}

.grecaptcha-badge {
    display: none;
}

.price-list__item--1.is-active {
    display: block;
}

.copyright {
    position: relative;
}

/*Можно вынести .is-hidden как глобальный класс, но я не уверен, что ничего при этом не побьётся*/
/*unfriend ITSOFT*/
.visitors-counter.is-hidden {
    display: none;
}

.visitors-counter {
    position: absolute;
    right: 0;
    top: 120%;

    font-size: 11px;
    white-space: nowrap;
}

.visitors-counter__number {
    font-weight: bold;
}

@media screen and (max-width: 500px) {
    .visitors-counter {
        position: static;
    }
}

/*Update 29.12.2014 unfriend ITSOFT -- аналог живосайта*/

.messenger {
    position: fixed;
    bottom: 0;
    right: 40px;
    width: 390px;
    /*background: #f05023;*/
    background: #0c5a98;
    padding: 20px;
    color: #fff;
    z-index: 101;

    box-shadow: 0 8px 8px #333;

    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.messenger .read-more-btn {
    background: #f05023;
    /*background: #0c5a98;;*/
    cursor: pointer;
}

.messanger .read-more-btn:hover {
    opacity: .9;
}

.messenger__title {
    margin-bottom: 10px;
    font-size: 18px;
}

.messenger__wall {
    height: 290px;
    background: gray;
    background: #fff;
    color: #000;
    overflow-y: auto;
    margin-bottom: 20px;
    padding: 10px;

}

.g-bxz {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.messenger__textarea {
    padding: 10px;
    width: 100%;
    margin-bottom: 20px;
    height: 70px;
    min-height: 40px;
    border: none;
    font: inherit;
    resize: vertical;
}

.read-more-btn {
    border: none;
}

/*Переделать обязательно!*/
.messenger__close {
    position: absolute;
    right: 10px;
    top: 10px;

    width: 25px;
    height: 25px;
    line-height: 25px;
    color: #fff !important;
    cursor: pointer;
    text-align: center;
}

.messenger.is-collapsed {
    bottom: -486px;
    padding-top: 10px;
}

.messenger.is-collapsed .messenger__title {
    cursor: pointer;
}

.messenger.is-collapsed .messenger__close {
    display: none;
}

@media screen and (max-width: 980px) {

    .l-site-footer {
        height: 164px;
    }

    /*.messenger.is-collapsed {
        bottom: -486px;
        padding-top: 8px;
    }

    .messenger__title {
        font-size: 16px;
    }*/
}

@media screen and (min-width: 1880px) {
    .messenger {
        background: #f05023;
    }

    .messenger .read-more-btn {
        background: #0c5a98;
    }
}

@media screen and (max-width: 460px) {
    .messenger {
        width: auto;
        left: 0;
        right: 0;
        top: 0;
        max-height: 100%;
        overflow-y: auto;
    }

    /*.touch .messenger {
        min-height: 460px;
    }*/
    .touch .messenger.is-collapsed {
        top: auto;
        top: calc(100% - 40px);
        bottom: -396px;

        -webkit-transition: all 0s;
        -o-transition: all 0s;
        transition: all 0s;
    }

    .touch .messenger__wall {
        height: 53.7%;
        min-height: 200px;
    }

    .touch .messenger__textarea {
        height: 16%;
        min-height: 70px;
    }

    /*.messenger__wall {
        height: 270px;
    }*/
    .no-touch .messenger {
        display: none !important;
    }
}

/* Регистрация */
.registration__autodetect {
    background: #0C5A98;
    padding: 20px 45px;
    margin-bottom: 60px;
}

.registration__autodetect > span {
    font-size: 16px;
    display: inline-block;
    margin-bottom: 10px;
    color: #fff;
}

.registration__autodetect textarea {
    resize: none;
    display: block;
    width: 100%;
}

.registration__autodetect button {
    background: #f05023;
    display: inline-block;
    margin-top: 15px;
    border: none;
    border-radius: 0;
    padding: 15px 30px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}

.registration__autodetect button:hover {
    background: #EE9880;
}

.registration form {
    background: transparent;
}

.registration form label {
    color: #fff;
}

.registration form tr {
    border-top: 10px solid #fff;
    background: #0C5A98;
}

.registration form table {
    table-layout: fixed;
}

.registration form td input,
.registration form td select {
    width: 100%;
    height: 30px;
    font-size: 14px;
}

.registration form td textarea {
    resize: none;
    width: 100%;
    border: none;
}

.registration hr {
    display: none;
}

.registration form td select {
    border: none;
    border-radius: 0;
}

.registration td .error_message {
    background: #F05023;
    color: #fff;
    padding: 3px 10px;
    font-size: 13px;
    display: none;
}

.registration form td:last-child {
    padding-right: 40px;
}

.registration table td {
    vertical-align: top;
    padding: 15px 0 15px 40px;
}

div.itform_errorMsgDiv {
    z-index: 100;
}

@media screen and (max-width: 450px) {
    .registration__autodetect {
        padding: 15px;
    }

    .registration table td {
        padding: 10px 0 10px 15px;
    }

    .registration form td:last-child {
        padding-right: 15px;
    }

    .registration form label {
        font-size: 14px;
    }
}

/* Со страницы colocation было инлайном */
#calc-order {
    margin-top: 0;
    display: inline-block;
}

#yourorder {
    display: none;
}

.td--align-r {
    text-align: right;
}

.table--dc-calc input,
.table--dc-calc select,
.table--dc-calc textarea {
    max-width: 100%;
}

.table--dc.table--dc-calc input[type=range] {
    margin-right: 12px;
}

@media screen and (max-width: 620px) {
    .table--dc.table--servers td {
        padding-left: 16px;
    }

    .table--dc.table--servers tr {
        display: block;
    }

    .table--dc.table--servers .order {
        display: table-cell;
        width: 100px;
        min-width: 100px;
        border-left-width: 10px;
    }

    .table--dc.table--servers .price {
        width: 80px;
        max-width: 80px;
        min-width: 80px;
        padding-left: 5px;
        padding-right: 5px;
    }
}

.benefit__icon {
    font-weight: bold;
    color: #FFF;
}

@media screen and (max-width: 400px) {
    .table--dc.table--dc-calc td {
        padding: 7px 0 7px 7px;
    }

    .table--dc.table--dc-calc td:last-child {
        padding-right: 7px;
    }
}

@media screen and (max-width: 500px) {
    .power-wrap {
        display: block !important;
    }

    .table--dc.table--dc-calc input[type=range] {
        margin-right: 0;
        width: 100%;
    }
}

.accordion-list__item-name--photos:before {
    content: "";
    position: absolute;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAlCAMAAADY8CGeAAAABGdBTUEAALGPC/xhBQAAANtQTFRFAFqUAFqUAFqUAFqUAFqU71op71op71op71op71op71op71op71op71op71op71op71op71opAFqUAFqU71opAAAAFFqLz1o3YVpo4lovqlpIm1pPI1qEC1qPgFpb11o0s1pEoFpMBFqSzFo5QFp3QVp3d1pfhlpYjlpVBVqSoVpMQ1p2mVpQA1qTeFpe6VosIVqF01o2CFqQ7lopHlqHrVpGylo6MVp+gVpa1Vo161orklpTzVo4CVqQf1pb5FoulVpR7VoqB1qRNlp8KVqCSFp0u1pAAFqU71opNsdflwAAABZ0Uk5TeaUWHvAXOOTe+mykCyRP8IbSILDAAP6jNVwAAAFPSURBVDjL5ZTXcsMgFESV4t7jFPfee++2rGLE/3+RuZpExkQCnNfsE7vs0TB3EMoHoyRmlWQrCuPj+LfifCaWcGESMR4TTWE3paKw+fwGemGZCHZXBDbTFuiVYcLYS2Evxh/yZEJ+Uk2Dnu4YXwB7K+CjZvDuKIh5Ct6KCn5c7sxq1Jh8ThqjlTRTv1g/utTlmPzRuumYl2H21r32YgbVoFjYoC+0KcCyhkSMZkKvtbPNrgXG1ARMFVolx5bAVgUMjMygvAHD4zPzIun0qKBHfHHOZcpwliwVZCEoc5kDaeh3iU6SA5fZwmdVKlAh2HIZbUYqOSrIET/T+HNrkk6f8n3im4JZn+EsZy/rzowXpNTtfLtOl7jFWHTflvbFNAZTdTow7PVSfK9PzL0+yfw/7SFFDNty/ylaO8gaSb8HlYypW7qZqTzwhvzl3flfzBW8+tX0WkworgAAAABJRU5ErkJggg==);
    width: 51px;
    height: 37px;
    top: 30px;
}

.accordion-list__content--dc-photos .fotorama__wrap {
    margin: 0 auto !important;
}

.accordion-list__content--dc-photos {
    padding: 0 !important;
}

/*Update 03.03.2015 unfriend ITSOFT -- выношу всё сюда из инлайн-тегов <style> на страницах*/

/*Со страницы "цены на создание сайтов"*/

.price-list__item-name--hosting:before {
    top: 14px;
    background: url(/template/img/dc-sprite-sfeda2ca446.png) 0 -1242px no-repeat;
    height: 59px;
    width: 43px;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
}

.price-small {
    line-height: 6px;
}

.price-small__text {
    font-size: 9px;
    white-space: normal;
}

iframe {
    max-width: 100%;
}

/*Со страницы "портфолио"*/
.portfolio-h1 {
    margin-bottom: 20px;
}

/*Со страницы "стоимость создания сайтов"*/
.calc-form label p {
    color: #000;
    font-size: 18px;
    font-weight: normal;
}

.calc-form label p strong {
    font-weight: 500;
}

.calc-form {
    background: transparent;
}

#calc_margin {
    margin: 30px 0px 70px 0px;
    float: left;
    width: 100%;
}

#calc {
    width: 100%;
    position: relative;
    margin: 0px;
}

#calc_top {
    width: 100%;
    height: 50px;
    position: relative;
    font-weight: bold;
}

.calc_top_active {
    background: #ededed;
    color: #fff !important;
    cursor: auto !important;
}

#calc_top_left {
    background: url(/images/calc/top/left_noactive.jpg) no-repeat;
    width: 16px;
    height: 31px;
    position: absolute;
    top: 0px;
    left: 0px;
}

#calc_top_left_active {
    background: url(/images/calc/top/left_active.jpg) no-repeat;
    width: 16px;
    height: 31px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3;
    display: none;
}

.calc_top_active #calc_top_left_active {
    display: block !important;
}

#calc_top_right {
    background: url(/images/calc/top/right_noactive.jpg) no-repeat;
    width: 16px;
    height: 31px;
    position: absolute;
    top: 0px;
    right: 0px;
}

#calc_top_right_active {
    background: url(/images/calc/top/right_active.jpg) no-repeat;
    width: 16px;
    height: 31px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 3;
    display: none;
}

.calc_top_active #calc_top_right_active {
    display: block !important;
}

.calc_top_plashka {
    width: 23.85%;
    margin-left: 1.5%;
    height: 100%;
    float: left;
    position: relative;
    color: #fff;
    cursor: pointer;
    background: #0c5a98;
}

.calc_top_plashka:first-child {
    margin-left: 0;
}

.calc_top_plashka.calc_top_active {
    background: #F05023;
    text-indent: 0;
}

.calc_top_plashka_padding {
    padding: 18px 0px 0px 26px;
}

.calc_top_border {
    background: url(/images/calc/top/border_3.jpg) no-repeat;
    width: 26px;
    height: 31px;
    position: absolute;
    top: 0px;
    right: -13px;
}

.calc_top_border_left_active {
    background: url(/images/calc/top/border_2.jpg) no-repeat;
    width: 26px;
    height: 31px;
    position: absolute;
    top: 0px;
    left: -13px;
    display: none;
}

.calc_top_border_right_active {
    background: url(/images/calc/top/border_1.jpg) no-repeat;
    width: 26px;
    height: 31px;
    position: absolute;
    top: 0px;
    right: -13px;
    display: none;
}

.calc_top_active .calc_top_border_left_active {
    display: block !important;
}

.calc_top_active .calc_top_border_right_active {
    display: block !important;
}

.calc_top_plashka_2 {
/ / margin-right: - 1 px;
}

.calc_top_plashka_3 {
/ / margin-right: - 1 px;
}

.calc_top_plashka_4 {
/ / margin-right: - 1 px;
}

.calc_top_border_bg {
    background: #c8c8c8;
    border-bottom: 1px solid #fff;
    height: 1px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    display: none;
}

.calc_top_active .calc_top_border_bg {
    display: block !important;
}

#calc_middle {
    background: #ededed;
    width: 100%;
    position: relative;
    margin: 0px;
    padding: 0px;
}

.calc_title {
    font-size: 20px;
    padding: 30px 0px 10px 25px;
}

.calc_title_2 {
    padding-top: 15px !important;
}

#calc_middle_2, #calc_middle_3, #calc_middle_4 {
    display: none;
}

.calc_block {
    width: 100%;
    background: #ededed;
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
}

.calc_block:hover {
    background: #f3f3f3;
    border-bottom: 1px solid #acacac;
    border-top: 1px solid #fff;
}

.calc_block_padding {
    padding: 5px 20px 5px 25px;
}

.calc_block_padding_2 {
    padding: 5px 20px 5px 85px;
}

.calc_block_left {
    width: 35px;
    float: left;
}

.calc_block_left input {
    cursor: pointer;
}

.calc_block_right {
    width: 180px;
    font-weight: bold;
    font-size: 18px;
    position: absolute;
    right: -55px;
    top: 0;
}

.calc_block_right .rouble_m2 {
    font-size: 15px;
}

.calc_bottom_plashka .rouble_m2 {
    font-size: 12px;
}

.calc_block_middle {
    margin: 0px 0 0px 36px;
    position: relative;
    padding-right: 180px;
}

.calc_block_middle p {
    padding: 0px 0px 0px 0px;
}

.calc_more {
    font-size: 14px;
    color: #285da2;
    background: url(/images/calc/arrow_bottom.png) no-repeat 0px 13px;
    padding: 10px 0px 10px 17px;
    cursor: pointer;
    width: 92px;
}

.calc_more:hover {
    text-decoration: underline;
}

.calc_more_block {
    display: none;
    margin: 10px 0px;
}

.calc_more_block ol {
    margin-bottom: 0px;
}

.calc_border_middle {
    margin: 10px 25px;
    background: #c8c8c8;
    border-bottom: 1px solid #fff;
    height: 1px;
}

.span_calc_a {
    color: #285DA2;
    text-decoration: underline;
    cursor: pointer;
}

.span_calc_a:hover {
    text-decoration: none;
}

.calc_last_info {
    padding: 20px 0px 20px 25px;
}

#calc_bottom {
    width: 100%;
    height: 40px;
    position: relative;
}

.calc_bottom_active {
    background: #F05023 !important;
    color: #fff !important;
    cursor: auto !important;
}

#calc_bottom_left {
    background: url(/images/calc/bottom/left_noactive.jpg) no-repeat;
    width: 16px;
    height: 31px;
    position: absolute;
    top: 0px;
    left: 0px;
}

#calc_bottom_left_active {
    background: url(/images/calc/bottom/left_active.jpg) no-repeat;
    width: 16px;
    height: 31px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3;
    display: none;
}

.calc_bottom_active #calc_bottom_left_active {
    display: block !important;
}

#calc_bottom_right {
    background: url(/images/calc/bottom/right_noactive.jpg) no-repeat;
    width: 16px;
    height: 31px;
    position: absolute;
    top: 0px;
    right: 0px;
}

#calc_bottom_right_active {
    background: url(/images/calc/bottom/right_active.jpg) no-repeat;
    width: 16px;
    height: 31px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 3;
    display: none;
}

.calc_bottom_active #calc_bottom_right_active {
    display: block !important;
}

.calc_bottom_plashka {
    width: 23.85%;
    margin-left: 1.5%;
    height: 100%;
    float: left;
    position: relative;
    color: #fff;
    cursor: pointer;
    background: #0C5A98;
}

.calc_bottom_plashka:first-child {
    margin-left: 0;
}

.calc_bottom_plashka_padding {
    padding: 12px 0px 0px 17px;
}

.calc_bottom_plashka_padding span {
    font-weight: bold;
}

.calc_bottom_active .calc_bottom_plashka_padding {
    color: #285da2;
}

.calc_bottom_border {
    background: url(/images/calc/bottom/border_3.jpg) no-repeat;
    width: 26px;
    height: 31px;
    position: absolute;
    top: 0px;
    right: -13px;
}

.calc_bottom_border_left_active {
    background: url(/images/calc/bottom/border_2.jpg) no-repeat;
    width: 26px;
    height: 31px;
    position: absolute;
    top: 0px;
    left: -13px;
    display: none;
}

.calc_bottom_border_right_active {
    background: url(/images/calc/bottom/border_1.jpg) no-repeat;
    width: 26px;
    height: 31px;
    position: absolute;
    top: 0px;
    right: -13px;
    display: none;
}

.calc_bottom_active .calc_bottom_border_left_active {
    display: block !important;
}

.calc_bottom_active .calc_bottom_border_right_active {
    display: block !important;
}

.calc_bottom_plashka_2 {
/ / margin-right: - 1 px;
}

.calc_bottom_plashka_3 {
/ / margin-right: - 1 px;
}

.calc_bottom_plashka_4 {
/ / margin-right: - 1 px;
}

.calc_bottom_border_bg {
    background: #c8c8c8;
    border-bottom: 1px solid #fff;
    height: 1px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    display: none;
}

.calc_bottom_active .calc_bottom_border_bg {
    display: block !important;
}

.calc_price {
    display: none;
}

#calc_summ {
    float: left;
    font-size: 20px;
    background: #E0EAF3;
    padding: 20px;
    margin-bottom: 30px;
}

#calc_summ_form {
    display: inline-block;
    height: 31px;
    position: relative;
/ / width: 130 px;
/ / float: left;
}

#calc_summ_form_left {
    background: url(/images/calc/left.jpg) no-repeat;
    width: 9px;
    height: 31px;
    position: absolute;
    top: 0px;
    left: 0px;
}

#calc_summ_form_right {
    background: url(/images/calc/right.jpg) no-repeat;
    width: 9px;
    height: 31px;
    position: absolute;
    top: 0px;
    right: 0px;
}

#calc_summ_form_padding {
    color: #285da2;
    font-size: 14px;
}

#calc_summ_form_padding span {
    font-size: 24px;
    font-weight: bold;
}

#calc_site_create {
    background: #0C5A98;
    width: 296px;
    margin: 30px 0px;
    display: block;
    outline: none;
    cursor: pointer;
    border-bottom: none;
    color: #fff;
    text-align: center;
    text-align: center;
    padding: 20px 0;
    font-weight: bold;
    font-size: 18px;
}

#calc_site_create:hover {
    background: #548BB7;
}

#calc_slider {
    margin: 10px 0px 50px 0px;
    position: relative;
}

#minbeds {
    width: 50px;
    float: left;
    margin-left: 36px;
}

#slider {
    margin: 0px 35px 0px 105px;
    height: 4px;
    background: url(/images/calc/slider/noactive.jpg) repeat-x;
    border: none;
    top: 18px;
    cursor: pointer;
}

.ui-slider-range {
    height: 4px;
    background: url(/images/calc/slider/active.jpg) repeat-x !important;
    border: none;
    border-radius: 5px 5px 5px 5px;
}

.calc_border_slider {
    width: 1px;
    height: 5px;
    background: #a2a2a2;
    border-right: 1px solid #fff;
    position: absolute;
    top: 13px;
}

#calc_border_slider_0 {
    left: 0%;
    margin-left: 106px;
}

#calc_border_slider_10 {
    left: 10%;
    margin-left: 90px;
}

#calc_border_slider_20 {
    left: 20%;
    margin-left: 75px;
}

#calc_border_slider_30 {
    left: 30%;
    margin-left: 61px;
}

#calc_border_slider_40 {
    left: 40%;
    margin-left: 47px;
}

#calc_border_slider_50 {
    left: 50%;
    margin-left: 34px;
}

#calc_border_slider_60 {
    left: 60%;
    margin-left: 19px;
}

#calc_border_slider_70 {
    left: 70%;
    margin-left: 5px;
}

#calc_border_slider_80 {
    left: 80%;
    margin-left: -8px;
}

#calc_border_slider_90 {
    left: 90%;
    margin-left: -22px;
}

#calc_border_slider_100 {
    left: 100%;
    margin-left: -37px;
}

.calc_number_slider {
    font-size: 11px;
    font-weight: bold;
    color: #9e9e9e;
    position: absolute;
    top: 0px;
}

#calc_number_slider_0 {
    left: 0%;
    margin-left: 104px;
}

#calc_number_slider_10 {
    left: 10%;
    margin-left: 85px;
}

#calc_number_slider_20 {
    left: 20%;
    margin-left: 70px;
}

#calc_number_slider_30 {
    left: 30%;
    margin-left: 56px;
}

#calc_number_slider_40 {
    left: 40%;
    margin-left: 42px;
}

#calc_number_slider_50 {
    left: 50%;
    margin-left: 29px;
}

#calc_number_slider_60 {
    left: 60%;
    margin-left: 14px;
}

#calc_number_slider_70 {
    left: 70%;
    margin-left: 0px;
}

#calc_number_slider_80 {
    left: 80%;
    margin-left: -13px;
}

#calc_number_slider_90 {
    left: 90%;
    margin-left: -27px;
}

#calc_number_slider_100 {
    left: 100%;
    margin-left: -46px;
}

.calc_top__icon {
    display: none;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
}

.calc_top__design {
    top: 15px;
    width: 12px;
    height: 23px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAXCAMAAAAIul6NAAAAmVBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9IsPYvAAAAMnRSTlMA8McB4L7cEPYqj6BcjvF7/fxEDqEh2AfTs1j+MzxOC+eYnwQKiOwSFu6GaOV4KeHy8xGYsDEAAABpSURBVHhezcfVEcMwAATRk2RmhjAzXv/FZSQnqcH7s/OgU3aFf1HG4odyZVlN+0WckF46wM+vrnv3agNbKmDb9RqT6UxvzgWwvK1h2jx32B+OA07nCxwZBg/AD0LpQJB8AW+SwoAAR4gPeG8Z2i6lf1YAAAAASUVORK5CYII=);
}

.calc_top__markup {
    top: 17px;
    width: 33px;
    height: 21px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAVCAMAAAD/0XfmAAABRFBMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////63zJOAAAAa3RSTlMA/vbr+hb79xzx+fz9qvXaBeUBcujnFQlKA/Aw4rgadzTQJbpa0aZfgM9tfE042OoHf0w2yk7mS6Qp7WkYkONwXJWf9AzL3uDzmvhGhAJivibHUaEoBuHbPTkE8s1eeleCsaUSu2dhwQ8eT5sMlBsAAAEdSURBVHhefdFVb8UwDAVgp7hyL+/SLoyZmZmZmfn/v89W0nVSp56nY+mTHSkQSfs3pgti0ozAUmPAjI2iDDGZpyML/4EGUUYQuCvBHCY7keClTivasHiOCmEGBg0m89pBYhxLiRndpwIkW/o1qbXKhYdA9rEUOyUl0wOU3r4tc25I6GFascj76Jiir04ClCVrajoPIrMkLgW/ShVsdwmWrXQTBMmnEawlIYi6rm3ApssKFV+IbVqxE4DdPVnT9wEODnUlc8TFMYkTARrPTPP8gteEItWKWHLXCG44qNYkTb4NDvp3BithuacVKS5kZjzkIIzqeFgeEdji3YmnbPRfnk0UL+EczSsdeYOYvCPQP2LAJ0PhQEwqdOQrAn4AYH44MLhtX7kAAAAASUVORK5CYII=);
}

.calc_top__program {
    top: 10px;
    width: 24px;
    height: 28px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcCAMAAABMOI/cAAABO1BMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+g1MVRAAAAaHRSTlMAAezr8fPt7v3oBC7v9AL+qQmx5fI7++rwHwwO3/hFtNjL6eb32yAGFL7CFVN5Che5Aw2v/DMYbuNrcBGPW3xNyaFI+U4atSFRmnP6nSVA4rp0QxYohDT2gyk9WKLXiL22EL/gLJiU2eSODToAAAEdSURBVHhepZDVbsNAEEXHjoN2GoQ2zFRmZmZm5vv/X9Dd0TpVIuWlPU9HOtId7VIXNPoD/1/RerqEoVBH8PUp6W8LwbTXMIWMEdXatooAGkQDVjhJKbsME4USAHob4wYmjic1NXoazQ8W/LCJL6mn3LoBD37RU2roEYzHMeN1ShkhxY4Fub87RaPLkQDgWpjOEjPrBJxzrPMRSFwah7UokFa7i2U+UxWaXZHLqyrUHTKsbwg1IAmqsCmCx7G1LbTCoeQjZm8fyNdZwxzKBxwOdXnaZD96OKlkAH/h7PziUofEW7U/3A2IlNADYKwrFUwZFEYG1zekyKGFfnffbGp2iJUCcD09xwG8UBuvb+8flJSXP6mDmpCv4ncu1go/4tdOqghiwYMAAAAASUVORK5CYII=);
}

.calc_top__seo {
    top: 13px;
    width: 25px;
    height: 25px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAABFFBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+qi+UuAAAAW3RSTlMAgP0BtMNCQKuzQxqVE6/+FAneMMdTWveaoXDnP9a8dQtFKWXU1xKZuw+c+/mGtuT8DpDw6QiEfez28Z3SjyzZVUZc+h9tvVA4optocm4uzBYeWduJIMA+SQx6f4W+WQAAANdJREFUeF5t0EVyw0AUANFvsTlmDDMzMzNz+v73SMUqjR3N9PbtWnoaadXFXBlSRmgDOaMEwGyfAYZqAFWDVABoGGQSgKJB+uk0rUGWME+TYcLONWnCwGAAK5rcMGWLzJDUxGVeREYZ06TI+IQUPliLwfrJHGwtLMJSyu6B5cwqKg7vCko2+N9mBOntmOxEx3cBV8EesB/CgQXWkZLjPJyedcQBLi6VXLnA9R/4ALeektI9kH8QsR8B68nvyjOAI/ICvL7JeyIqLTkL+JRM4isrsb69Hyf5C4MQUCIMXqPEAAAAAElFTkSuQmCC);
}

.no-touch .portfolio__item:hover .portfolio__paranja, .no-touch .portfolio__item:hover .portfolio__thesis-list {
    display: block;
    animation: rotateCard 620ms forwards;
}

@media screen and (max-width: 880px) {
    .calc_top__icon {
        display: block;
    }

    .calc_top_plashka {
        text-indent: -9999px;
        width: 15%;
    }

    .calc_top_active {
        width: 50%;
    }

    .calc_top_active .calc_top__icon {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .calc_block_right {
        position: static;
        color: #F05023;
        margin: -10px 0 20px;
    }

    .calc_block_middle {
        padding-right: 0;
    }
}

@media screen and (max-width: 400px) {
    .calc_top_plashka_padding {
        padding-left: 0;
        text-align: center;
        font-size: 13px;
    }

    .calc_more_block {
        margin-left: -36px;
    }

    .calc_number_slider {
        text-indent: -9999px;
    }

    .calc_bottom_plashka_padding {
        padding-left: 0;
        text-align: center;
        font-size: 13px;
    }

    .calc_bottom_plashka .rouble_m2 {
        font-size: 11px;
    }
}

/* @keyframes */
@keyframes rotateCard {
    from {
        transform: rotateY(90deg);
    }
    to {
        transform: rotateY(0);
    }
}

/*Со страницы "Администрирование серверов"*/

.text-block--btns .read-more-btn {
    margin-bottom: 20px;
}

@media screen and (max-width: 800px) {
    .text-block--btns {
        text-align: center;
    }
}

/* Разделение галерей на главной странице ДЦ */
.photos-section-title {
    background: #f05023;
    color: #fff;
    font-weight: bold;
    font-size: 25px;
    padding: 15px 15px 15px 40px;
}

.event-banner {
    margin-bottom: 40px;
}

article > ol {
    margin-bottom: 20px;
    counter-reset: orderedlist;
}

article > ol li {
    counter-increment: orderedlist;
    margin-bottom: 15px;
    padding-left: 40px;
    position: relative;
}

article > ol li:before {
    content: counter(orderedlist) '. ';
    font-weight: bold;
    color: #f05023;
    min-width: 30px;
    position: absolute;
    left: 0;
    text-align: right;
}

article ul:not([class]) {
    margin-bottom: 20px;
}

article ul:not([class]) li {
    padding-left: 70px;
    margin-bottom: 15px;
    vertical-align: top;
    position: relative;
}

article ul:not([class]) li:before {
    content: '';
    position: absolute;
    display: block;
    width: 9px;
    height: 9px;
    margin: 7px 0 0 -24px;
    background: #f05023;
}

/* ДЦ промо-блок */
.dc-promoblock__slide-descr {
    color: #fff;
    position: absolute;
    min-width: 415px;
    bottom: 105px;
    right: 30px;
}

.dc-promoblock__slide-title {
    font-size: 40px;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 18px;
}

.dc-promoblock__slide-subtitle {
    font-size: 18px;
}

/* Fotorama DC */

.dc-promoblock__slide-title_line-h {
    line-height: 1.6;
}

@media screen and (max-width: 1150px) {
    .dc-promoblock__slide-descr_custom_position {
        bottom: 50px;
    }
}

@media screen and (max-width: 1023px) {
    .dc-promoblock__slide-descr {
        min-width: 320px;
        bottom: 70px;
    }

    .dc-promoblock__slide-title {
        font-size: 30px;

    }

    .dc-promoblock__slide-subtitle {
        font-size: 14px;
    }
}

@media screen and (max-width: 1023px) {
    .dc-promoblock {
        display: none;
    }
}

/*Update 22.05.2015 unfriend ITSOFT -- плашка google translate*/

.lang-select {
    display: inline-block;
    vertical-align: middle;
    /*height: 23px;*/
    /*height: 20px;*/
    height: 25px;
    margin-top: -7px;
    /*float: right;*/
    /*margin-top: 5px;*/
    /*margin-top: 10px;*/
}

.lang-select .goog-te-gadget {
    color: transparent;
}

.lang-select .goog-te-gadget > span {
    display: none;
}

.lang-select .goog-te-gadget .goog-te-combo {
    margin: 0;
    padding: 0;
    /*font-weight: bold;*/
    color: #5b8fb8;
    /*border: 1px solid #ddd;*/
    /*font-size: 1.3em;*/
    border: none;
    /*font-size: .8em;*/
    font-family: Ubuntu, sans-serif;

    white-space: normal;
    /*width: 70px;*/
    width: 90px;
    font-size: 13px;
}

.l-header-contacts .phone-nomargin .contacts__email,
.l-header-contacts .phone-nomargin .contacts__phone {
    margin-right: 0;
}

/*@media screen and (max-width: 980px) {
    .phone-8800,
    .l-header-contacts {
        top: 24px;
    }

    .lang-select {
        margin-top: 10px;
    }
}

@media screen and (max-width: 760px) {
    .l-header-contacts--dc {
        top: 74px;
    }
}

@media screen and (max-width: 500px) {
    .lang-select {
        margin-top: -20px;
    }
}

@media screen and (max-width: 380px) {
}

@media screen and (max-width: 480px) {
    .l-site-logo {
        margin: 70px 0 20px;
    }

    .lang-select {
        float: none;
        margin-top: 15px;
    }

    .l-header-contacts--dc {
        top: 62px;
    }

    .l-header-contacts--dc .lang-select {
        position: absolute;
        right: 0;
        top: 55px;
    }
}


@media screen and (min-width: 821px) {
    .sub-nav {
        width: 80%;
    }
}

@media screen and (min-width: 981px) {
    .lang-select--main {
        position: absolute;
        right: 0;
        top: -47px;
    }
}*/

@media screen and (max-width: 600px) and (min-width: 381px) {
    .lang-select .goog-te-gadget .goog-te-combo {
        font-size: 0.7em;
        width: 60px;
        margin-top: 7px;
    }
}

@media screen and (max-width: 380px) {
    .lang-select {
        position: absolute;
        right: 0;
        top: 30px;
        margin-top: 0;
    }

    .lang-select .goog-te-gadget .goog-te-combo {
        width: auto;
    }
}

/*add sup for dc-block on main page*/
.department-hover__title sup,
.department__title sup {
    font-size: 18px;
    color: rgba(255, 255, 255, .7);
    position: absolute;
    margin: 10px 0 0 3px;
}

@media screen and (max-width: 760px) {
    .department-hover__title sup,
    .department__title sup {
        font-size: 14px;
        margin-top: 2px;
    }
}

/*Update 24.06.2015 unfriend ITSOFT*/
.pharms-msg {
    font-size: 0.8em;
    margin-bottom: 20px;
}

@media screen and (max-width: 520px) {
    .pharms-msg {
        text-align: center;
        padding: 0 30px;
    }
}

.portfolio-list:nth-child(n + 2) {
    display: none;
}

a[role="button"] {
    cursor: pointer;
}

.dashed-link {
    border-bottom: 1px dashed;
}

.dashed-link.is-active, .dashed-link:hover {
    border-bottom-color: transparent;
}

.dashed-link.is-active {
    color: #555;
    opacity: .6;
    pointer-events: none;
}

.pharms-msg-v2 {
    text-align: center;
    margin: 2.3em 0;
}

.pharms-msg-v2 .switch-wrap {
    display: inline-block;
    position: relative;
    text-align: center;
}

.pharms-msg-v2 .switch-wrap > * {
    display: inline-block;
    vertical-align: middle;
}

.pharms-msg-v2 .switch-wrap > span {
    margin-bottom: 0;
}

@media screen and (max-width: 750px) {
    .pharms-msg-v2 .switch-wrap > span {
        display: block;
        margin-bottom: 1em;
    }

    .pharms-msg-v2 .lim-unlim-switch {
        margin-left: 0;
    }
}

@media screen and (max-width: 520px) {
    .pharms-msg-v2 .switch-wrap > span {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    .pharms-msg-v2 .lim-unlim-switch span {
        display: block;
    }
}

.switch-wrap .add-text {
    text-align: left;
    display: inline-block;
    font-size: 13px;
    color: #c2c2c2;
    width: 330px;
    position: absolute;
    left: 108%;
    top: 50%;
    line-height: 1.4;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

@media screen and (max-width: 1000px) {
    .switch-wrap .add-text {
        position: static;
        display: none;
        transform: none;
        margin: 2em auto 0px;
        text-align: center;
        width: auto;
        max-width: 330px;
        opacity: 0.666;
    }
}

/*Update 16.07.2015 unfriend ITSOFT*/
.grid-list--clients .img-wrap img {
    max-width: 90%;
    max-height: 90%;
    width: auto;
    height: auto;
}

.g-anchor-elem {
    display: block;
    height: 1px;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: -30px;
}

/*Update 17.08.2015 unfriend*/
.messenger__wall {
    -ms-word-break: break-word;
    word-break: break-word;
}

.messenger__helper {
    display: inline-block;
    vertical-align: middle;
    font-style: italic;
    opacity: .5;
    font-size: 0.8em;
    margin-left: 1em;
    line-height: 1;
}

/*Update 09.10.2015 unfriend*/
.accordion-list__item--static {
}

.accordion-list__item--static .accordion-list__item-name {
    cursor: initial;
}

.accordion-list__item--static .accordion-list__item-name:after {
    display: none;
}

.accordion-list__item--static .accordion-list__content {
    display: block;
}

.accordion-list__item--static .accordion-list__item-name {
    background: #EBEBEC;
    padding-left: 32px;
}

.accordion-list__item--static .accordion-list__item-name:before {
    display: none;
}

.dc-blocks-wrapper {
    margin: 5em 0;
}

.dc-block {
    overflow: hidden;
    float: left;
    width: 49.5%;
    margin-right: 1%;
    background: #f05023;
    color: #fff;
    position: relative;
    height: 440px;
    margin-bottom: 1em;
    font-size: 0.9em;
}

.dc-block:nth-child(2n) {
    margin-right: 0;
}

.dc-block__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-position: center center;
    background-size: cover;
}

.dc-block__bg:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    pointer-events: none;
}

.dc-block__front {
    z-index: 1;
}

.dc-block__title {
    font-weight: bold;
    font-size: 2em;
    max-width: 300px;
}

.dc-block__content {
    padding: 3em 3em 6em;
    position: relative;
}

.dc-block__text {
    opacity: 0;
    max-width: 700px;
    line-height: 1.6em;
}

.dc-block:hover .dc-block__text {
    opacity: 1;
}

.dc-block:hover .dc-block__title, .dc-block:hover .dc-block__bg {
    display: none;
}

.dc-block p {
    margin: 0 0 1em;
}

.simple-list--white li:before {
    background-color: #fff;
}

@media screen and (max-width: 1220px) {
    .dc-block {
        height: 500px;
    }
}

@media screen and (max-width: 1000px) {
    .dc-block {
        float: none;
        width: auto;
        margin-right: 0;
        min-height: 440px;
        height: auto;
    }
}

@media screen and (max-width: 600px) {
    .dc-block__content {
        padding-left: 1em;
        padding-right: 1em;
        padding-bottom: 2em;
    }
}

.accordion-grid-wrap--outside {
    margin-top: 3em;
}

.dc-colo-moneyback {
    position: absolute;
    right: -5px;
    top: -27px;
    width: 200px;
    text-align: center;
}

.dc-colo-moneyback__note {
    font-size: 0.9em;
}

.dc-colo-title {
    min-height: 120px;
    position: relative;
}

/*.dc-colo-container p { margin-bottom: 0.7em; }
.dc-colo-container { margin-bottom: 2em; }*/
.dc-colo-moneyback__note sup {
    color: #f05023;
}

.dc-colo-title h1 {
    padding-right: 250px;
}

@media screen and (max-width: 460px) {
    .dc-colo-moneyback {
        position: static;
    }

    .dc-colo-title h1 {
        padding-right: 0;
    }
}

.text-note--title {
    font-weight: bold;
    margin-bottom: 6em;
    padding-left: 46px;
}

.dc-block--litle {
    cursor: pointer;
    background: #f05023;
    width: 22%;
    height: 168px;
    padding: 2em 3em;
    font-weight: bold;
    font-size: 2em;
}

.dc-block--litle:hover {
    box-shadow: 0 0 65px rgb(255, 55, 0);
}

@media screen and (max-width: 1000px) {
    .dc-block--litle {
        width: 50%;
        min-height: 240px;
    }
}

@media screen and (max-width: 680px) {
    .dc-block--litle {
        width: 100%;
        box-sizing: border-box;
        min-height: 280px;
    }
}

/*Update 19.10.2015 unfriend -- баннер с серверами на продажу на стр. dedicated*/

.dedic-sale {
    display: block;
    background-color: #f05023;
    color: #fff;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    padding: 7.8em 1.8em 7.9em 64.4%;
    font-size: 0.8em;
    min-height: 300px;
}

.dedic-sale--v2:hover {
    color: #fff;
    background-color: #ee9880;
}

.dedic-sale__order {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    background-color: #f05023;
    padding: 0.7em;
    font-size: 3em;
    font-weight: bold;
    display: none;
    text-align: center;
    line-height: 0.7;
    color: #fff;
}

.dedic-sale__order small {
    font-size: 0.5em;
}

.dedic-sale__order:hover {
    background-color: #F3633B;
    color: #fff;
}

.dedic-sale--v2:hover:before, .dedic-sale--v2:hover .dedic-sale__title, .dedic-sale--v2:hover .dedic-sale__text {
    opacity: .5;
}

.dedic-sale--v3:hover:before, .dedic-sale--v3:hover .dedic-sale__title, .dedic-sale--v3:hover .dedic-sale__text {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.dedic-sale--v2:hover .dedic-sale__order {
    display: block;
}

.dedic-sale--v3 .dedic-sale__order {
    left: 50%;
    top: 50%;
    bottom: auto;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 5em;
    background: none;
    padding: 0;
}

.dedic-sale:before {
    content: '';
    background: transparent url('/images/dedic-sale-bg.png') 0 0 no-repeat;
    width: 487px;
    height: 207px;
    position: absolute;
    left: -127px;
    top: 3.5em;
}

.dedic-sale__title {
    position: absolute;
    left: 34.4%;
    top: 0.9em;
    font-size: 5em;
    font-weight: bold;
    color: inherit;
    margin: 0;
    line-height: 1;
    float: none;
}

.dedic-sale__text {
    position: relative;
}

.dedic-sale__text .rouble_m2 {
    font-size: 0.8em;
}

.dedic-sale__text p {
    font-size: inherit;
    margin: 0 0 0.44em;
}

@media screen and (max-width: 1330px) {
    .dedic-sale {
        padding-left: 431px;
    }

    .dedic-sale__title {
        font-size: 3em;
        position: static;
        margin-bottom: 1em;
    }
}

@media screen and (max-width: 970px) {
    .dedic-sale:before {
        left: -246px;
    }

    .dedic-sale {
        padding: 3.8em 1.8em 3.9em 280px;
    }
}

@media screen and (max-width: 660px) {
    .dedic-sale {
        padding-left: 2.8em;
    }

    .dedic-sale:before {
        display: block;
        position: static;
        margin-left: -250px;
        margin-bottom: 3em;
        position: relative;
        left: 50%;
        top: 0;
    }
}

@media screen and (max-width: 550px) {
    .dedic-sale:before {
        margin-left: -357px;
    }
}

@media screen and (max-width: 400px) {
    .dedic-sale {
        padding: 2em 1.5em;
    }
}

.rouble_m2__fb {
    display: none;
}

.g-relative {
    position: relative;
}

.badge-discount {
    position: relative;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    font-size: 1.4em;
    text-align: center;
}

.badge-discount__bg {
    background: #f05023;
    width: 100%;
    text-align: center;
    display: inline-block;
    position: relative;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.badge-discount__bg:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%;
}

.badge-discount__bg > span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(22.5deg);
    transform: rotate(22.5deg);
    background: #f05023;
}

.badge-discount__bg > span:before, .badge-discount__bg > span:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f05023;
}

.badge-discount__bg > span:before {
    -webkit-transform: rotate(22.5deg);
    transform: rotate(22.5deg);
}

.badge-discount__bg > span:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.table--price td.name {
    position: relative;
}

.table--price td.name .badge-discount {
    position: absolute;
    left: -27px;
    top: 19px;
    font-size: 0.7em;
}

/*UPD. 23.11.2015 unfriend -- не умещалось слово "Видеонаблюдение" на стр. ДЦ*/
.dc-service__title--s {
    font-size: 25px;
}

/*UPD. 04.12.2015 unfriend*/
.dc-block__text p, .dc-block__text li {
    font-size: inherit;
}

.dash-list {
    margin: 1em 0;
}

.dash-list li {
    position: relative;
    padding-left: 1.6em;
    margin-bottom: 0.3em;
}

.dash-list li:before {
    background: none;
    position: absolute;
    left: 0;
    top: 0;
    content: '—';
}

.dc-blocks-wrapper--no-mt {
    margin-top: 0;
}

/*UPD. 07.12.2015 unfriend*/
.your-benefits--6 .your-benefits__benefit {
    width: 16.6%;
}

/*UPD. 20.07.2016 andrienko*/
.your-benefits--6 .your-benefits__benefit-title {
    font-size: 1.1em;
    min-height: 80px;
}

.your-benefits--6 .your-benefits__benefit-pic {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    color: #f05023;
    font-size: 4em;
    font-weight: bold;
    line-height: 1;
    height: auto;
    padding-bottom: 1rem;
}

.your-benefits--6 .your-benefits__benefit-pic span {
    font-size: 1rem;
    color: #000;
    display: block;

}

.your-benefits--6 .your-benefits__benefit-pic img {
    position: relative;
    margin: auto;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
}

@media screen and (max-width: 990px) {
    .your-benefits--6 .your-benefits__benefit {
        width: 33.3%;
    }
}

@media screen and (max-width: 600px) {
    .your-benefits--6 .your-benefits__benefit {
        width: 50%;
    }
}

@media screen and (max-width: 400px) {
    .your-benefits--6 {
        padding: 30px 0;
    }

    .your-benefits--6 .your-benefits__benefit-title {
        font-size: 0.9em;
        height: 40px;
        min-height: 0;
    }

    .your-benefits--6 .your-benefits__benefit-pic {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
    }
}

/*UPD. 08.12.2015 unfriend*/
.read-more-btn--sm {
    font-size: 0.8em;
    padding: 0.5em 1em;
}

.read-more-btn--sm:hover {
    color: #fff;
}

/*UPD. 22.12.2015 unfriend*/
.g-hidden {
    display: none !important;
}

.g-hidden--soft {
    display: none;
}

/*UPD. 11.01.2016 unfriend*/
.make-call {
    position: relative;

    height: 29px;
    margin-bottom: 8px;
}

.make-call .read-more-btn {
    position: relative;
    top: -1.3em;
}

@-webkit-keyframes phone-ringing {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    4% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    8% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    12% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    16% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    20% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    24% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes phone-ringing {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    4% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    8% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    12% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    16% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    20% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    24% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.make-call__icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.6em;
}

.make-call.is-ringing .make-call__icon {
    -webkit-animation: phone-ringing 2000ms linear 2000ms infinite;
    animation: phone-ringing 2000ms linear 2000ms infinite;
}

.make-call .read-more-btn span {
    display: inline-block;
    vertical-align: -0.1em;
}

.make-call__btn {
    display: inline-block;
    position: relative;
    padding-left: 44px;
    margin-bottom: 0.8em;
    color: #555;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.make-call__descr {
    font-style: italic;
    font-size: 0.8em;
}

.make-call__btn:before {
    content: '';
    background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAFNklEQVRYR62XbWxTVRjHuVu1L7jp+kWjiVHcNHPi8IORIBgkOowDY+ZSMZDI2LB0b8rIIqIxISSoi0zTtXtxLcOoYJaoMSpkC9P4LnwQq3EhOCEYP5CVMF9obcm2+nuWe5vbctvTTW9ycs85z9v/+Z/nnHuutqjAJxwOlyQSiXWapq2Znp6uLi4uXjI7O1sq5qlU6k9eZ2w2W4S5MafT+UljY+PfhbjWVEqBQOBWdHYSeANvJ216ZmZmnPEETQILgKuLiooq6FbSbICIMz5E/+WWlpaJfDFyAuju7nba7fY9GD9NK6J9RKA3ye5oruyEpXg8XgOwJ9FdJ2Bh6nVsXmxoaEhYAbEE0N/fX0GWH2BQRTtMRjva2tpOqtgyy2GuChDdMFGDrx+R1bW3t/+a7eMyAH19fXcRcIS2GGMYbDkwn8DZusFgcCu+/Mz/BaAaQETMOhkA9My/xsAGjbWtra3f/pfghi0gVuLzY8ZJQKwwM5EGMDAw4KK6j6N4M8Ef+L+CGyB6e3tXsRSjADhVUlJyj1ETaQCgfBXlHbSGXLSjU+5yuX7PVVAqtrD3otNP6yLGs6I/B0C2Gln/THcUQW22o+Hh4eLJyckudDpoEbJYid5FVUArOSCOwvJ9+KiUpTAA7Jetg6DKqtoB6EfeZnIYAIB5XDCWnp6epShH2J7h5ubmrZrf7y9lcE7P/lGLKpbDZdw8D9AU49vnuzVNRXmE/iradRqUPEHnIJTUUXiy9zMeiuc5ZHstUtwGCwMFp26mLxDYAKOH8Pu4RoBBOpuRl1mtKwDDyLZkMTCFg+UAPrUQAMQsI+Z5bAdlCY7TsVMQ1TmKpo/5bSaZnIjrVWe8Chh1dRIQU7IE51nTz1nPx3IAaGY+aMjIfCPFc1AVQCWnGOVgulujcwmnb0NnBs2GA47mGwD4G2P5IC1Cdy8AnlcFUMlJ/C0Y8CgBiCNR5rVJd3oRwzsAfFYVJJ88DYAaiJLVF7mWQJxwTN/IMS1bcbHu9Fgymby/o6Pjn4WCSC+BFCHngIOiulOBuBF5yKRzhBtQvdfrjcscDq/n6ynHuYP3Hp/PdyKfv3QRGtvQ4XC4812joF2jHoK8fSbH3xPMx1yCOhmGydtERl8uH5tg9T0rEKFQyA2DUWSDGkjmDgWM6nMZGE7kmxCNRt9lXK+iXk5LmK2lYOXUy3iMw4+4Hk2/Rp1jMEZhPaJyTD1cQT0MobdRpSs3InzKFzbjYblGYO5erm/Xzn2MQBQC8RZALMVAvop5H305tutHtN1KGX/fcResbWpqumCWE2sZ4xPYvkEsrwGgHINxKPsUyh5SATDk1I9czV+QM52MXPq8fKb3k92uzs7OWLYvbD7DZgX6lcQ6nb6QIOjCUScGT7EjBgsFIXrUxpXcF25iV6TcbvdZj8dzycqe7FuZ7yHOS2S/S3TSAPRr+DHQVYDuQUB8NR8QKl3WfTVLPEIb52q2nG9PMgOADDgTbkHhG7p2lmM9FH2pclyIXIKT1IfoxoV+dtsZw+6yazkgqgExikIpRs8s9JtvBBDaoXwfPi/Q1pKU/COkH8sfE2ECjfdhQU7HMVBvB/VPhWRrCryMgK8RfDVzP+Cjzpx5TgYMwdDQkINK3i3BmbPBxoj8msmbLKaswOgn3FpsNssfEfpSjPsY7zbWPNtO+XMqbFDdO3EmVzf5GM3S/4U2QZA5IAQoI9tymvygymc7hvwd5K/IVsvHnBKAidKrcPowQdYQUG5PS+hfI3Lm/+B1moAROVFjsdhhqzPACsi/ETfNO6n20gEAAAAASUVORK5CYII=") 0 0 no-repeat;
    width: 32px;
    height: 32px;

    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -16px;
}

.make-call__status {
    font-style: italic;
    font-size: 0.8em;
    opacity: 0.75;
    margin-top: 0.8em;
}

.make-call .make-call__status {
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    margin-bottom: 2em;
}

.make-call .leader-phone {
    display: none;
}

.make-call.is-disabled .leader-phone {
    display: inline-block;
}

.make-call.is-disabled .make-call__btn,
.make-call.is-disabled .read-more-btn,
.make-call.is-disabled .make-call__status {
    display: none;
}

.make-call.is-waiting .make-call__btn {
    opacity: 0;
    pointer-events: none;
}

@media screen and (max-width: 760px) {
    .make-call {
        margin-top: 2em;
    }

    .make-call .make-call__status {
        position: static;
    }
}

/*UPD. 19.01.2016 unfriend*/

.text-block > ol {
    margin-bottom: 20px;
    counter-reset: orderedlist;
}

.text-block > ol > li {
    counter-increment: orderedlist;
    margin-bottom: 15px;
    padding-left: 40px;
    position: relative;
}

.text-block > ol > li:before {
    content: counter(orderedlist) '. ';
    font-weight: bold;
    color: #f05023;
    min-width: 30px;
    position: absolute;
    left: 0;
    text-align: right;
}

.text-block > ol ul {
    margin: 20px 0;
}

.h2-small-vds {
    font-size: 18px;
}

/*UPD. 08.02.2016 unfriend*/
.g-text-inherit {
    font: inherit;
    position: static;
    color: inherit;
    margin: 0;
    padding: 0;
    float: none;
    width: auto;
}

.dev-copyright--raw {
    padding-left: 0;
}

.dev-copyright--raw:before {
    display: none;
}

.h2-small-vds-fon {
    background: #f05023;
    color: #fff;
    font-size: 18px;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
}

.p-vds {
    text-align: right;
    font-size: 10pt;
    opacity: .5;
    margin-top: -10px;
}

/*UPD. 10.03.2016 unfriend*/
.text-block.text-block--atention-v2 {
    margin-top: 0;
}

.text-block.text-block--atention-v2 img {
    margin-top: -35px;
}

/*UPD. 1.06.2016 andrienko*/
.department__title {
    font-size: 4.5em;
    color: #FFF;
    font-weight: 700;
}

.department__item {
    min-height: 460px;
}

@media screen and (max-width: 1400px) and (min-width: 1096px) {
    .department__item {
        min-height: 550px;
    }
}

@media screen and (max-width: 1400px) {
    .department__title {
        font-size: 5em;
        color: #FFF;
        font-weight: 700;
    }
}

@media screen and (max-width: 840px) {
    .department__title {
        font-size: 4.5em;
        color: #FFF;
        font-weight: 700;
    }
}

@media screen and (max-width: 751px) {
    .department__title {
        font-size: 3.7em;
        color: #FFF;
        font-weight: 700;
    }
}

/*UPD. 18.07.2016 andrienko*/

.dc-promoblock__img-box {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 5%;
    box-sizing: border-box;
}

/*UPD. 22.07.2016 andrienko*/
.popup {
    z-index: 10000 !important;
    position: fixed;
    height: 100vh;
    width: 100%;
    background: #000;
}

/*UPD. 25.07.2016 andrienko popup*/
.close {
    float: right;
    font-size: 5em;
    font-weight: 300;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
    outline: none;
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}

.popup {
    z-index: 10000;
    position: fixed;
    height: 100vh;
    width: 100%;
    background: #000;
}

/*UPD. 25.07.2016 andrienko popup*/
.close {
    float: right;
    font-size: 5em;
    font-weight: 300;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
    outline: none;
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}

.popup {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    overflow-x: hidden;
    text-align: center;
    padding: 0;
    background: rgba(0, 0, 0, 0.9);
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
    transition-delay: 0.3s;
    white-space: nowrap;
    font-size: 0;
    user-select: none;
}

.popup.is-opened {
    opacity: 1;
    pointer-events: all;
    transition-delay: 0s;
}

.popup.is-opened .popup__content {
    transform: translate(0, 0);
    transition-delay: 0.3s;
    opacity: 1;
}

.popup:before {
    content: "";
    display: inline-block;
    height: 100%;
}

.popup:before,
.popup__content {
    vertical-align: middle;
}

.popup__content {
    font-size: 1rem;
    user-select: auto;
    white-space: normal;
    position: relative;
    outline: 0;
    text-size-adjust: 100%;
    box-sizing: border-box;
    margin: 2rem 0;
    padding: 2rem 3%;
    transform: translate(0, -100%);
    transform: translate3d(0, -100%, 0);
    opacity: 0;
    transition: all 0.3s;
    color: #000;
    background: #fff;
    display: inline-block;
    text-align: left;
    max-width: 70%;
    width: 100%;
}

.popup__close {
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 2rem;
    height: 2rem;
    transition: transform 0.2s;
}

.popup__close:active {
    transform: translate(0, 0.3em);
}

@media screen and (max-width: 760px) {
    .popup__content {
        max-width: 100%;
        margin: 0;
    }
}

.modal__title {
    margin: 1em 0;
    font-size: 2em;
}

.text-block.text-block--atention {
    margin-top: 160px;
}

/*-------2.08.2016 andrienko*/
article p {
    margin-bottom: 2em;
    line-height: 1.6em;
}

.portfolio__item {
    padding: 0.5em 1.5%;
    margin-bottom: 4em;
}

.text-note {
    margin: 4em 0;
    padding: 24px 50px 24px 80px;
}

article .text-block {
    margin: 80px 0;
}

.badges-wrap {
    padding: 51px 0 57px;
}

.badges-wrap .badge-content p {
    line-height: 1.6em;
}

.no-scroll {
    max-height: 100vh;
    overflow: hidden;
}

/*3.08.2016 andrienko*/
.logos-block a {
    left: 50%;
}

.studio-contacts p {
    margin-bottom: 0;
}

.fotorama__active .fotorama__dot {
    background: #ed876a;
}

.text-note--partners {
    padding-left: 182px;
}

.table-ssl__box {
    width: 100%;
    overflow: auto;
    margin-bottom: 3em;
}

.table-ssl {
    min-width: 1020px
}

.table-ssl thead tr:nth-child(odd) {
    background: #f05023;
    color: #fff;
}

.table-ssl tbody tr {
    background: #EBEBEC;
}

.table-ssl td {
    vertical-align: middle;
    font-size: 14px;
    padding: 1.5em 1em;
}

.table-ssl tbody tr.red {
    background: #ecccc4;
}

.table-ssl td.order {
    padding: 0.3em 1em;
}

.ssl-img {
    max-width: 250px;
    width: 100%;

}

.order a {
    text-decoration: none;
    background: #f05023;
    text-align: center;
    color: #FFF;
    padding: 0.5em 1.3em;
    border-bottom: 0;
}

.ssl-svg {
    height: 1.5em;
}

/*Update andrienko 14.02.17*/
.phone-8800__number a {
    color: #5b8fb8;
}

.phone-8800__number a:hover {
    color: #0c5a98;
}

/*Update andrienko 22.03.17*/
.showreel {
    margin: 2em 0 3em;
}

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

.portfolio__show-full-btn {
    display: inline-block;
    margin: 0.5em;
}

.sprite {
    background-image: url(/images/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
}

.sprite-1 {
    width: 140px;
    height: 94px;
    background-position: -5px -5px;
}

.sprite-10 {
    width: 140px;
    height: 94px;
    background-position: -155px -5px;
}

.sprite-11 {
    width: 140px;
    height: 94px;
    background-position: -5px -109px;
}

.sprite-2 {
    width: 140px;
    height: 94px;
    background-position: -155px -109px;
}

.sprite-3 {
    width: 140px;
    height: 94px;
    background-position: -5px -213px;
}

.sprite-4 {
    width: 140px;
    height: 94px;
    background-position: -155px -213px;
}

.sprite-5 {
    width: 140px;
    height: 94px;
    background-position: -305px -5px;
}

.sprite-6 {
    width: 140px;
    height: 94px;
    background-position: -305px -109px;
}

.sprite-7 {
    width: 140px;
    height: 94px;
    background-position: -305px -213px;
}

.sprite-8 {
    width: 140px;
    height: 94px;
    background-position: -5px -317px;
}

.sprite-9 {
    width: 140px;
    height: 94px;
    background-position: -155px -317px;
}

.title {
    margin: 1.5em 0;
}

h2 {
    font-size: 30px;
}

.fotorama {
    width: 100%;
}

.text-80 {
    max-width: 48rem;
    display: inline-block;
    padding: 1em 0;
}

.text-80-img {
    width: 6em;
    display: inline-block;
    padding: 1em 5em;
}

.calc-colocalc__plaha {
    font-size: 0.95em;
    max-width: 50%;
    position: absolute;
    width: 28em;
    bottom: 1.5em;
    color: #9d9d9d;
}

.calc-colocalc__btn--plaha {
    padding-top: 3.5em;
}

.calc-colocalc__body-box.calc-colocalc__body-box--1 > div {
    width: 100%;
}

@media screen and (max-width: 760px) {
    .calc-colocalc__plaha {
        max-width: 100%;
        width: 100%;
        position: static;
        margin: 1.5em 0;
    }

    .calc-colocalc__btn--plaha {
        padding-top: 0;
    }

    .text-80-img {
        display: block;
        margin: auto;
        text-align: center;
    }

}

.flex-center {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: center;
    align-items: center;
    padding-bottom: 1.5em;
}

.dc-promoblock__slide-descr .order {
    display: block;
    margin-top: 1em;
}

.dc-promoblock__slide-descr .order a {
    display: inline-block;

}

/* UPD (11.10.2017) maksimov anton itsoft */

@media (max-width: 760px) {

    .region-link-box .region-link--more {
        right: 13rem;
    }

    .region-link-box .region-link--excursion {
        right: 0;
    }

}

@media (max-width: 420px) {

    .region-link-box .region-link--more {
        right: 0;
        bottom: -50px;
    }

    .region-link-box .region-link--excursion {
        bottom: -75px;
    }

}

/* UPD (23.10.2017) maksimov anton */

.calc-colocalc__title.calc-colocalc__title--small {
    padding: 0.5em 1.5em;
}

.calc-colocalc__title--small .calc-colocalc__offer-item {
    margin-bottom: 15px;
    padding-right: 15px;
    float: left;
    width: 50%;
    font-size: 16px;
    line-height: 1.1;
    vertical-align: top;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.calc-colocalc__title.calc-colocalc__title--small span {
    vertical-align: middle;
}

.calc-colocalc__title--small .calc-colocalc__offer-item-price {
    position: relative;
    width: 47%;
}

.calc-colocalc__title--small .dash {
    padding: 0 5px;
    display: inline-block;
}

.calc-colocalc__title--small .calc-colocalc__num {
    font-size: 1.75em;
}

.calc-colocalc__title--small .calc-colocalc__unit {
    margin-top: 0;
}

.clearfix {
    clear: both;
}

@media (max-width: 540px) {

    .calc-colocalc__title--small .calc-colocalc__offer-item {
        width: 100%;
        font-size: 15px;
    }

}

/* UPD (24.11.2017) maksimov anton */

.region-phone {
    position: absolute;
    top: 22px;
    right: 122px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.region-phone__sale-text {
    margin-right: 16px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.2;
    text-align: right;
}

.region-phone__sale-icon {
    margin-right: 4px;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    color: rgb(12, 90, 152);
}

.region-phone__sale-info {
    padding: 10px 14px;
    position: absolute;
    left: 0;
    bottom: 0;
    display: none;
    line-height: 1.5;
    font-size: 11px;
    text-align: left;
    background-color: #fff;
    box-shadow: rgba(80, 69, 69, 0.36) 0 0 12px;
    transform: translateY(100%);
    z-index: 10;
}

.region-phone__sale-info.is-active {
    display: block;
}

.region-phone__info {
    padding: 8px 14px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    background-color: #EBEBEC;
}

.region-phone__phone {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    text-decoration: none;
}

.region-phone__phone:hover {
    color: rgb(12, 90, 152);
}

.region-phone__note {
    margin-left: 8px;
    font-size: 11px;
    line-height: 1.2;
    opacity: 0.8;
}

@media (max-width: 981px) {
    .l-site-header--data-center {
        padding-top: 84px;
    }

    .region-phone {
        top: 62px;
        right: 222px;
    }

    .region-phone__sale-text {
        margin-right: 12px;
    }
}

@media (max-width: 761px) {
    .l-site-header--data-center {
        padding-top: 50px;
    }

    .region-phone {
        top: 17px;
        right: 110px;
    }

    .region-phone__info {
        flex-wrap: wrap;
        width: 136px;
    }

    .region-phone__phone {
        display: block;
        width: 100%;
    }

    .region-phone__note {
        margin-left: 0;
        width: 100%;
    }

    .region-phone__note span {
        display: none;
    }
}

@media (max-width: 501px) {
    .region-phone {
        top: 16px;
        right: 0px;
    }
}

@media (max-width: 421px) {
    .region-phone__info {
        width: 120px;
    }

    .region-phone__phone {
        font-size: 16px;
    }
}

@media (max-width: 371px) {
    .l-site-header--data-center {
        padding-top: 60px;
    }
}

@media (max-width: 351px) {
    .region-phone__sale-icon {
        display: none;
    }

    .region-phone__sale-text {
        margin-right: 10px;
        font-size: 10px;
    }

    .region-phone__phone {
        font-size: 15px;
    }
}

/* UPD (28.11.2017) maksimov anton */

.price-list__service-name .small {
    font-size: 12px;
}

.dc-service__item .price-wrap {
    margin-top: auto;
    margin-left: 10px;
    transform: translateY(-50%);
}

.dc-service__item .price {
    font-size: 40px;
}

.dc-service__title span {
    font-weight: 700;
    font-size: 24px;
    color: #fbd5cf;
}

.dc-service__icon--server {
    top: 16px;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("/template/img/server.png");
}

.dc-service__icon--coin {
    top: 16px;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("/template/img/coin.png");
}

/* UPD (06.12.2017) maksimov anton */

.calc-colocalc__offer-list {
    display: flex;
    flex-wrap: wrap;
}

.calc-colocalc__title--small .calc-colocalc__offer-item {
    float: none;
    line-height: 1;
}

.calc-colocalc__offer-list-note {
    margin-top: 16px;
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: 400;
}

/* UPD (11.12.2017) maksimov anton */

.calc-colocalc__offer-item-price .sup--white {
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    color: #f05023;
    font-size: 12px;
    text-align: center;
    background-color: white;
    border-radius: 50%;
    cursor: pointer;
}

.calc-colocalc__more-block {
    padding: 8px 12px 10px;
    position: absolute;
    right: 0;
    bottom: 0;
    display: none;
    width: 200%;
    font-size: 13px;
    font-weight: 400;
    font-style: italic;
    color: #000;
    background-color: #fff;
    box-shadow: rgba(80, 69, 69, 0.36) 5px 5px 12px;
    transform: translateY(100%);
    z-index: 99;
}

.calc-colocalc__more-title {
    margin-bottom: 14px;
    display: inline-block;
    max-width: 80%;
    line-height: 1.4;
    font-weight: 700;
}

.calc-colocalc__more-list {
    margin-bottom: 12px;
}

.calc-colocalc__more-list li {
    margin-bottom: 12px;
    font-size: 13px !important;
}

.calc-colocalc__more-block.is-active {
    display: block;
}

.dc-swiper-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    background-color: #86BCD8;
    opacity: 1;
}

.dc-swiper-pagination .swiper-pagination-bullet-active {
    background-color: #ed876a;
}

.server-administration__form .close {
    display: none !important;
}

/* UPD (26.12.2017) maksimov anton */

.dc-service__r-col-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.dc-service__r-col-icon--mining {
    width: 120px;
    height: 120px;
    background: url("/template/img/mining.svg") 50% no-repeat;
}

@media screen and (max-width: 1024px) {

    .dc-service__item .price {
        position: relative;
        top: 22px;
    }

    .dc-service__r-col-icon {
        margin: 0 auto;
        position: static;
        height: 52px;
        transform: translate(0, 0);
    }

}

/* UPD (09.01.2018) maksimov anton */

.advantages-table {
    padding: 65px 4% 30px;
    background-color: #fff;
}

.advantages-table__title {
    margin-left: 0;
    margin-bottom: 40px;
    float: none;
}

.advantages-table table tr:nth-child(odd) {
    background-color: #EBEBEC;
}

.advantages-table table th {
    padding: 26px 40px;
    width: 50%;
    font-size: 20px;
    font-weight: 700;
    text-align: left;
}

.advantages-table table td {
    padding: 26px 40px;
    position: relative;
    width: 50%;
}

.advantages-table table td img {
    margin-right: 20px;
    float: left;
}

.calc-colocalc__body-box.calc-colocalc__body-box--icon {
    width: 100%;
}

.calc-colocalc__body-box.calc-colocalc__body-box--icon > div {
    padding-left: 16px;
    padding-right: 20px;
    width: 50%;
    display: flex;
    align-items: center;
}

.calc-colocalc__body-box.calc-colocalc__body-box--icon > div:before {
    display: none;
}

.calc-colocalc__body-box.calc-colocalc__body-box--icon > div img {
    margin-right: 12px;
    width: 40px;
    height: 40px;
}

.calc-colocalc__title.calc-colocalc__title--small {
    padding-top: 2rem;
}

.calc-colocalc__body {
    padding-bottom: 2em !important;
}

a.doc-icon {
    margin-top: 160px;
}

@media (max-width: 980px) {

    .advantages-table table {
        font-size: 14px;
    }

    .advantages-table table th,
    .advantages-table table td {
        padding: 16px 20px;
    }

}

@media (max-width: 768px) {

    .advantages-table table th,
    .advantages-table table td {
        padding: 12px 16px;
    }

}

@media (max-width: 640px) {

    .calc-colocalc__body-box.calc-colocalc__body-box--icon > div {
        width: 100%;
    }

    .advantages-table {
        padding: 65px 0 30px;
    }

    .advantages-table table th,
    .advantages-table table td {
        padding: 12px 10px;
    }

}

@media (max-width: 480px) {

    .advantages-table {
        overflow-x: auto;
    }

    .advantages-table table {
        width: 460px;
    }

    .advantages-table table th {
        font-size: 17px;
    }

}

/* UPD (11.01.2018) maksimov anton */

.order-form-wrap .feedback-form__close {
    position: relative;
    text-align: right;
    z-index: 100000000;
}

.order-form-wrap .feedback-form__close .close {
    float: none;
    margin-top: -1em;
    color: #fff;
    opacity: 1;
    text-shadow: none;

}

.order-form-wrap .feedback-form__close .close:hover {
    color: #f05023;

}

/* UPD (06.02.2018) maksimova anton */

.price__limit--old {
    padding-left: 6px;
    display: block;
    font-size: 13px;
    opacity: 0.6;
    text-decoration: line-through;
}

.price__limit--old .rouble_m2 {
    margin-left: 3px;
    font-size: 11px;
}

/* UPD (07.02.2018) maksimov anton */

.calc-colocalc__title--small .calc-colocalc__offer-item.calc-colocalc__offer-item--unit {
    justify-content: flex-start;
}

.calc-colocalc__offer-item--unit .calc-colocalc__offer-item-name {
    font-size: 22px;
}

.calc-colocalc__offer-item--unit .dash {
    margin: 0 18px;
}

.calc-colocalc__body .order--link {
    padding: 16px 12px;
}

@media (max-width: 840px) {

    .calc-colocalc__offer-item--unit .dash {
        margin: 0 10px;
    }

}

/* UPD (21.02.2018) maksimov anton */

article .custom-text {
    margin-top: 0;
    padding-left: 0;
}

.custom-text h2 {
    margin-left: 0;
    margin-bottom: 16px;
    float: none;
    width: 100%;
}

.custom-text ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}

.custom-text ul li {
    padding-right: 56px;
    width: 50%;
    box-sizing: border-box;
}

article .custom-text ul li {
    padding-left: 32px;
}

article .custom-text ul li:before {
    top: 5px;
    left: 24px;
    width: 16px;
    height: 16px;
}

/* UPD (12.03.2018) grimes ivan */
/*.maps_block--studio {
    margin-top: 11.2em;
}*/

.advantages-table {
    background-color: #EBEBEC;
}

.advantages-table table {
    font-size: 18px;
}

.advantages-table table tr:nth-child(odd) {
    background-color: #fff;
}

/* UPD (04.04.2018) pavel zabolotniy */
article .text-block--custom {
    padding-left: 0;
    margin-bottom: 10px;
}

article .text-block--custom p {
    margin-bottom: 1em;
}

.logos-images {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    box-sizing: border-box;
    margin-bottom: 40px;
}

.logos-images__item {
    max-width: 15%;
    margin-right: 2%;
    box-sizing: border-box;
}

.logos-images__item:last-child {
    margin-right: 0;
}

.ssl-table {
    overflow-x: auto;
}

.ssl-table__inner {
    min-width: 800px;
}

.ssl-table-head {
    background: #f05023;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ssl-table-head__item {
    width: 16.6%;
    padding: 15px 25px;
    color: #fff;
    font-size: 1.1em;
    font-weight: 600;
}

.table-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.table-row:nth-child(2n) {
    background: #ecccc4;
}

.table-row__item {
    width: calc(20% - 30px);
    padding: 15px 25px;
    font-size: 1em;
}

.table-row__item--center {
    display: inline-flex;
    justify-content: center;
}

.table-row__btn {
    width: 150px;
}

a.table-row__link {
    text-decoration: none;
    background: #f05023;
    text-align: center;
    color: #FFF;
    padding: 0.5em 1.3em;
    border-bottom: none;
}

.table-row__item--price {
    font-weight: 700;
}

.table-section--position {
    margin-bottom: 100px;
}

.table-section--position:last-child {
    margin-bottom: 0;
}

h2.c-feedback__title--custom {
    float: none;
    margin-left: 0;
}

.dc-inner-container--custom {
    padding-left: 0;
    padding-right: 0;
}

.sub-nav__link {
    transition: 0.3s;
    position: relative;
}

.sub-nav__link:hover {
    color: #0c5a98;
}

.sub-nav__link:before {
    content: '';
    background: #ecccc4;
    width: calc(100% + 10px);
    height: calc(100% + 6px);
    position: absolute;
    top: -3px;
    left: -5px;
    z-index: -1;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: 0.3s;
}

.sub-nav__link:hover:before {
    opacity: 1;
}

.is-active .sub-nav__link:hover {
    background: initial;
}

.is-active .sub-nav__link:hover:before {
    display: none;
}

@media screen and (max-width: 820px) {
    article .text-block--custom {
        padding-right: 0;
    }

    .logos-images__item {
        max-width: 33.3%;
        margin-right: 0;
        padding: 0 2%;
    }
}

@media screen and (max-width: 520px) {
    .logos-images__item {
        max-width: 50%;
        padding: 0 5%;
    }
}

.sale-block {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60px;
    margin-bottom: 20px;
    background: #f23857;
    margin-left: -4.35%;
    margin-right: -4.35%;
    padding: 30px;
}

.sale-block__text {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}

a.sale-block__link {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin-left: 40px;
    text-transform: uppercase;
    border: 1px solid #fff;
    display: inline-flex;
    padding: 10px 20px;
    transition: 0.3s;
    cursor: pointer;
}

a.sale-block__link:hover {
    background: #fff;
    color: #f23857;
}

.tier-promo-content {
    padding: 50px 0 20px;
}

.tier-promo-text {
    font-size: 20px;
    margin-bottom: 35px;
}

.tier-promo-text--weight {
    font-weight: 700;
}

.form-title {
    font-size: 30px;
    font-weight: 700;
    color: #0c5a98;
    margin-bottom: 20px;
}

.tier-promo-text--align {
    text-align: center;
}

.dc-servers__filter-input {
    flex-wrap: wrap;
}

@media screen and (max-width: 980px) {
    .sale-block {
        flex-direction: column;
        text-align: center;
    }

    a.sale-block__link {
        margin-left: 0;
        margin-top: 30px;
    }
}

/* UPD (16.05.2018) pavel zabolotniy */
.information-section {
    display: flex;
    align-items: flex-start;
    margin-bottom: 60px;
}

.info-container {
    display: inline-flex;
    align-items: flex-start;
    width: 50%;
    padding-right: 1em;
}

.info-container__img {
    margin-right: 15px;
}

.info-container__title {
    font-size: 1.1em;
    font-weight: 700;
    margin-bottom: 10px;
}

h2.h2 {
    float: none;
    width: initial;
    margin: 0 0 10px;
}

h2.h2--position-left {
    margin: 0 0 10px 0;
}

.h3 {
    font-size: 25px;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px;
}

.c-feedback__title {
    font-size: 30px;
    font-weight: 700;
    color: #0c5a98;
    width: 390px;
}

.sale-block {
    margin-bottom: 50px;
}

.dc-servers__list-item-conf.dc-servers__list-item-conf--padd .btn {
    padding: 8px 2px;
}

.dc-mining-banner {
    height: 270px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.dc-mining-banner__title {
    margin-bottom: 38px;
    padding-top: 42px;
    padding-left: 54px;
    max-width: 100%;
    width: 700px;
    font-size: 38px;
    font-weight: 700;
    box-sizing: border-box;
}

@media (max-width: 800px) {

    .dc-mining-banner__title {
        font-size: 30px;
    }

}

@media (max-width: 620px) {

    .dc-mining-banner__title {
        font-size: 26px;
    }

}

@media (max-width: 480px) {

    .dc-mining-banner__title {
        padding-left: 30px;
        padding-right: 14px;
        font-size: 22px;
    }

}

.dc-mining-banner__more {
    margin-left: 60px;
    padding: 10px 24px;
    font-size: 18px;
    color: #fff;
    background-color: #f05023;
    text-decoration: none;
}

@media (max-width: 480px) {

    .dc-mining-banner__more {
        margin-left: 30px;
        font-size: 15px;
    }

}

.dc-mining-banner__more:hover {
    color: #fff;
}

.dc-inner-container__text--theme {
    color: #f05023;
}

.dc-inner-container__text {
    text-align: left;
    font-size: 1.8em;
    font-weight: 700;
    margin-bottom: 0;
    position: relative;
    z-index: 100;
    color: #fff;
    line-height: initial;

}

.dc-inner-container__text--theme {
    font-size: 1.2em;
}

.dc-inner-container-inner {
    background: url('/data-center/mining/DSCF8659.JPG') center center no-repeat;
    background-size: cover;
    display: flex;
    justify-content: space-between;
    padding: 30px 20px;
    align-items: center;
    margin-bottom: 50px;
    position: relative;
    min-height: 130px;
}

.dc-inner-container-inner:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    /* background: rgba(255,255,255,0.5); */
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
}

.dc-inner-container__phone,
.dc-inner-container__phone:hover {
    text-decoration: none;
    font-weight: 600;
    font-size: 2.4em;
    color: #fff;
    position: relative;
    z-index: 100;
}

article .custom-text ul li::before {
    top: 2px;
}

article .custom-text.custom-rt ul {
    float: left;
    width: 50%;
}

article .custom-text.custom-rt ul li {
    width: 100%;
    min-height: 100px;
}

article .custom-text.custom-rt ul li::before {
    top: -9px;
    background: none;
    content: attr(text-num) '. ';
    font-size: 25px;
    color: #f05023;
    width: initial;
    height: initial;
}

/* article .custom-text.custom-rt ul li {
    list-style: decimal;
} */
article .custom-text.custom-rt ul li p {
    margin-bottom: 10px;
}

article .custom-text.custom-rt {
    margin: 30px 0 50px !important;
}

h2.h2--mining,
h2.h2--dedicated {
    margin-bottom: 30px;
}

.info-container__img img {
    box-sizing: border-box;
    width: 50px;
    max-width: initial;
}

@media screen and (max-width: 950px) {
    .dc-inner-container-inner {
        display: block;
    }

    .dc-inner-container__text {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 880px) {
    .information-section {
        flex-wrap: wrap;
    }

    .info-container {
        display: flex;
        width: 100%;
        margin-bottom: 30px;
    }

    .info-container__img {
        box-sizing: border-box;
        width: 60px;
    }

    .info-container__information {
        width: calc(100% - 75px);
    }

    article .custom-text.custom-rt ul {
        float: none;
        width: 100%;
    }

    article .custom-text.custom-rt ul li {
        min-height: initial;
    }
}

/* UPD (04.04.2018) pavel zabolotniy */
.telegram-block {
    padding: 10px 0;
}

a.telegram-block__link {
    text-decoration: none;
    border: none;
}

h2.h2-colocation {
    margin-left: 0;
    margin-bottom: 30px;
}

/* UPD (03.07.2018) pavel zabolotniy */
.servers-column-section {
    margin-bottom: 50px;
}

.servers-column {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.servers-column--hide {
    display: none;
}

.servers-column__box {
    width: 26%;
    margin: 0 1% 50px;
    text-align: center;
}

.servers-column__image {
    margin-bottom: 15px;
}

.servers-column__title {
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: bold;
}

.servers-column__text {
    font-size: 17px;
}

.see-all-btn-row {
    display: flex;
    justify-content: flex-end;
}

.see-all-btn {
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    color: #0c5a98;
    text-decoration: none;
}

.see-all-btn:hover {
    text-decoration: underline;
}

.see-all-btn__glk {
    display: inline-block;
    font-size: 14px;
    transform: translateY(-10%);
    font-weight: 700;
}

.h2-c {
    font-size: 30px;
    float: left;
    width: 390px;
    font-weight: 700;
    color: #0c5a98;
}

.no-float {
    margin-left: 0;
    float: none;
}

.h2-c.no-float {
    float: none;
    margin-top: 0;
    margin-bottom: 1rem;
    width: 100%;
}

.h3 {
    width: initial;
}

.h3-c {
    font-size: 25px;
    color: #000;
    margin-bottom: 20px;
    font-weight: 700;
}

.h3-d {
    font-size: 25px;
    color: #0c5a98;
    margin-bottom: 30px;
    font-weight: 700;
}

.h2-d {
    font-size: 30px;
    float: left;
    margin-left: -430px;
    width: 390px;
    font-weight: 700;
    color: #0c5a98;
}

@media screen and (max-width: 768px) {
    .servers-column__box {
        width: 100%;
        margin: 0 0 50px;
    }
}

.dc-servers__list--custom-cols .dc-servers__list-title-item--unit,
.dc-servers__list--custom-cols .dc-servers__list-title-item--power,
.dc-servers__list--custom-cols .dc-servers__list-title-item--rent {
    width: calc(32.66% - 21px);
}

.dc-servers__list--custom-cols .dc-servers__list-item-unit,
.dc-servers__list--custom-cols .dc-servers__list-item-power {
    width: calc(33% - 25px);
}

.dc-servers__list--custom-cols .dc-servers__list-item-rent {
    width: calc(28% - 25px);
}

.dc-servers__list--custom {
    width: 100% !important;
    min-width: initial !important;
}

.colocation-dop-info {
    display: none;
    font-size: 14px;
}

.mob-rub {
    display: none;
}

.region-link span {
    display: block;
}

.region-link__after {
    font-size: 13px;
    font-weight: 300;
    text-align: right;
}

.region-link--active .region-link__after {
    font-size: 18px;
}

@media screen and (max-width: 1320px) {
    .dc-servers__list--custom .dc-servers__list-item-ip,
    .dc-servers__list--custom .dc-servers__list-title-item--ip {
        display: none;
    }

    .dc-servers__list--custom .dc-servers__list-item-unit,
    .dc-servers__list--custom .dc-servers__list-title-item--unit {
        /*width: calc(35% - 21px);*/
        width: calc(70% - 21px);
    }
}

@media screen and (max-width: 1080px) {
    .dc-servers__list--custom .dc-servers__list-item-power,
    .dc-servers__list--custom .dc-servers__list-title-item--power {
        display: none;
    }

    .dc-servers__list--custom .dc-servers__list-item-rent,
    .dc-servers__list--custom .dc-servers__list-title-item--rent {
        width: calc(30% - 21px);
    }

    .dc-servers__list--custom .dc-servers__list-item-bandwidth,
    .dc-servers__list--custom .dc-servers__list-title-item--bandwidth {
        width: calc(25% - 21px);
    }

    .dc-servers__list--custom .dc-servers__list-item-unit,
    .dc-servers__list--custom .dc-servers__list-title-item--unit {
        width: calc(35% - 21px);
    }
}

@media screen and (max-width: 768px) {
    .dc-servers__list--custom .dc-servers__list-item-bandwidth,
    .dc-servers__list--custom .dc-servers__list-title-item--bandwidth {
        display: none;
    }

    .dc-servers__list--custom .dc-servers__list-item-unit,
    .dc-servers__list--custom .dc-servers__list-title-item--unit {
        width: calc(50% - 21px);
    }

    .dc-servers__list--custom .dc-servers__list-item-rent,
    .dc-servers__list--custom .dc-servers__list-title-item--rent {
        width: calc(35% - 21px);
    }
}

@media screen and (max-width: 620px) {
    /* .dc-servers__list--custom .dc-servers__list-title-row {
        display: none;
    } */
    .dc-servers__list--custom .dc-servers__list-title-item--rent {
        width: calc(45% - 21px);
    }

    .dc-servers__list--custom .dc-servers__list-item-rent {
        width: 85px;
        text-align: center;
    }

    .dc-servers__list--custom .dc-servers__list-item-conf {
        width: 80px;
    }

    .dc-servers__list--custom .btn.dc-servers__list-btn {
        width: 80px;
        padding: 8px 10px;
        box-sizing: border-box;
    }

    .dc-servers__list--custom .dc-servers__list-title-item--unit,
    .dc-servers__list--custom .dc-servers__list-item-unit {
        width: calc(100% - 155px);
    }

    .colocation-dop-info {
        display: block;
    }

    .mob-rub {
        display: inline-block;
    }

    .dc-servers__list.dc-servers__list--custom {
        margin-left: 0;
    }

    .dc-servers__list--custom .dc-servers__list-item-row {
        padding: 14px 10px;
    }
}

.rec-info__title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
}

.rec-info__text {
    font-size: 18px;
    margin-bottom: 5px;
}

.rec-info__ul {
    margin-top: 20px;
}

.dc-service__l-col {
    min-height: 300px;
}

.dc-service__item .read-more-btn {
    position: absolute;
    bottom: 30px;
}

@media screen and (max-width: 1325px) {
    .dc-service__l-col {
        min-height: 378px;
    }
}

@media screen and (max-width: 760px) {
    .dc-service__l-col {
        min-height: 442px;
    }
}

@media screen and (max-width: 620px) {
    .dc-service__l-col {
        min-height: auto;
    }

    .dc-service__item .read-more-btn {
        position: inherit;
        bottom: none;
    }
}

/* Правка на общем разделе на сайте aside бара*/

.departments-aside--common .departments-aside__block {
    width: 49%;
}

/* Слайдер для корп*/

.corp__list-country {
}

.corporate-travel__h3 {
    font-weight: 700;
    font-size: 1.5em;
    text-decoration: none;
    margin-bottom: 1em;
    display: inline-block;
    color: #0c5a98;
}

.corp__list-item-country {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /*align-items: center;*/
    margin: 2em 0;
}

.corp__list-item-country a {
    text-decoration: none;
    border-bottom: none;
}

.corp__list-item-text {
    width: 49%;
}

.corp__slider-thumb {
    display: flex;
    flex-wrap: wrap;
    max-width: 620px;
    width: 49%;
    justify-content: space-between;
}

.corp__slider-thumb picture {
    width: 24%;
    padding-bottom: 10px;
    cursor: pointer;
}

.modal-slider {
    position: fixed;
    /*display: none;*/
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 900px;
    width: 100%;
    z-index: 1000;
    visibility: visible;
}

.modal-slider .slick-slide img {
    margin: auto;
}

.modal-slider-fade {
    z-index: 999;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    display: none;
}

.show-modal-fade {
    display: block;
}

.show-modal-slider {
    display: block;
    animation: showModal 500ms forwards;
}

.modal-slider-container__prevArr,
.modal-slider-container__nextArr {
    display: block;
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    cursor: pointer;
    z-index: 1001;
}

.modal-slider-container__prevArr {
    transform: translateY(-50%) rotate(45deg);
    left: 20px;
}

.modal-slider-container__nextArr {
    transform: translateY(-50%) rotate(-135deg);
    right: 20px;
}

.modal-slider-container__prevArr.slick-disabled,
.modal-slider-container__nextArr.slick-disabled {
    border-color: #bcbbb8;
}

.modal-slider__video-container {
    display: flex !important;
    justify-content: center;
    align-items: center;
}



@keyframes showModal {
    from {
        transform: translate(-50%, -45%);
        opacity: 0;
    }
    to {
        transform: translate(-50%, -50%);
        opacity: 1;
    }
}

@media screen and (min-width: 660px) {
    .first-row .input-wrap {
        width: 30.6%;
    }
}

@media screen and (min-width: 840px) {
    .pre-footer__column {
        width: 32.5%;
    }
}

@media screen and (min-width: 620px) {
    .department__icon {
        top: 8%;
    }
}

@media screen and (max-width: 1024px) {
    .corp__list-item-text,
    .corp__slider-thumb {
        width: 100%;
    }

    .showreel iframe {
        height: 55vw;
    }
}

@media screen and (max-width: 425px) {
    .modal-slider-container__prevArr,
    .modal-slider-container__nextArr {
        width: 20px;
        height: 20px;
    }
}

.telegramm-container-text {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #fff;
}
.telegramm-container-link {
    position: relative;
    transition: .2s;
}

.telegramm-container-link:hover {
    transform: scale(1.01);
}

@media (max-width: 767px) {
  .telegramm-container-text {
   font-size: 16px;
}

@media (max-width: 360px) {
  .telegramm-container-text {
   font-size: 14px;
}
}