@font-face {
    font-family: 'PFHandbookProRegular';
    src: url('/fonts/pfhandbookpro-regular-webfont.eot');
    src: url('/fonts/pfhandbookpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/pfhandbookpro-regular-webfont.woff') format('woff'),
    url('/fonts/pfhandbookpro-regular-webfont.ttf') format('truetype'),
    url('/fonts/pfhandbookpro-regular-webfont.svg#pf_handbook_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pf_handbook_prothin';
    src: url('/fonts/pfhandbookpro-thin-webfont.eot');
    src: url('/fonts/pfhandbookpro-thin-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/pfhandbookpro-thin-webfont.woff') format('woff'),
    url('/fonts/pfhandbookpro-thin-webfont.ttf') format('truetype'),
    url('/fonts/pfhandbookpro-thin-webfont.svg#pf_handbook_prothin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PFHandbookProBlack';
    src: url('/fonts/PFHandbookPro-Black.eot');
    src: url('/fonts/PFHandbookPro-Black?#iefix') format('embedded-opentype'),
    url('/fonts/PFHandbookPro-Black.woff') format('woff'),
    url('/fonts/PFHandbookPro-Black.ttf') format('truetype'),
    url('/fonts/PFHandbookPro-Black.svg#PFHandbookPro-Black') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PFHandbookProExtraThin';
    src: url('/fonts/PFHandbookPro-ExtraThin.eot');
    src: url('/fonts/PFHandbookPro-ExtraThin?#iefix') format('embedded-opentype'),
    url('/fonts/PFHandbookPro-ExtraThin.woff') format('woff'),
    url('/fonts/PFHandbookPro-ExtraThin.ttf') format('truetype'),
    url('/fonts/PFHandbookPro-ExtraThin.svg#PFHandbookPro-ExtraThin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PFHandbookProRegular';
    src: url('/fonts/pfhandbookpro-regular-webfont.eot');
    src: url('/fonts/pfhandbookpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/pfhandbookpro-regular-webfont.woff') format('woff'),
    url('/fonts/pfhandbookpro-regular-webfont.ttf') format('truetype'),
    url('/fonts/pfhandbookpro-regular-webfont.svg#pf_handbook_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamPro-Medium';
    src: url('/fonts/GothamPro-Medium.eot?15012018') format('embedded-opentype'),
    url('/fonts/GothamPro-Medium.woff?15012018') format('woff'),
    url('/fonts/GothamPro-Medium.ttf?15012018') format('truetype'),
    url('/fonts/GothamPro-Medium.svg#GothamPro-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamProCustom';
    src: url('/fonts/GothamPro.eot?#iefix') format('embedded-opentype'),
    url('/fonts/GothamPro.woff?15012018') format('woff'),
    url('/fonts/GothamPro.ttf?15012018') format('truetype'),
    url('/fonts/GothamPro.svg#GothamPro') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamPro-Bold';
    src: url('/fonts/GothamPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('/fonts/GothamPro-Bold.woff?15012018') format('woff'),
    url('/fonts/GothamPro-Bold.ttf?15012018') format('truetype'),
    url('/fonts/GothamPro-Bold.svg#GothamPro-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
    font-size: 100%;
}

body {
    font-family: 'GothamProCustom', Arial, sans-serif;
    font-weight: 400;
    padding-top: 116px;
    font-size: 0.9375rem;
}

.transition_03 {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.netpeak-modal .modal-header {
    border-bottom: none;
}

.netpeak-modal .close img {
    width: 25px;
    height: 25px;
}

.netpeak-modal .form-control,
.netpeak-modal .input-group-addon {
    border: 1px solid #CCC;
}

.netpeak-modal .form-control.only_numbers_input_mask {
    line-height: 3;
}

.netpeak-modal .input-group {
    margin-left: auto;
    margin-right: auto;
}

.netpeak-modal .input-group-addon i {
    cursor: default;
}

.netpeak-modal .input-group-addon {
    width: 37px;
}

.netpeak-modal {
    border: none;
    border-radius: 0;
}

.netpeak-modal .close {
    opacity: 0.5;
    color: #fff;
    position: absolute;
    right: 19px;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}

.netpeak-modal #try_check {
    margin-bottom: 15px;
}

.netpeak-modal .variant {
    margin-bottom: 15px;
}

.netpeak-modal .btn-color-1:hover {
    color: #eaeaea;
}

.netpeak-modal .btn-color-1 {
    color: #FFF;
}

.netpeak-modal #thnk_u {
    display: none;
}

.netpeak-modal .close:hover {
    opacity: 0.8;
    color: #fff;
    right: 19px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.modal-open .tooltip {
    z-index: 1060;
}

.only-mobile-btns .btn {
    margin-bottom: 15px;
    width: 268px;
    font-size: 16px;
}

.only-mobile-btns {
    margin-top: 20px;
    margin-bottom: 20px;
}

p:not(.form-control-static), ul, ol {
    line-height: 1.6;
}

/* стиль только для Opera 12.00+. В opera 12.16 некорректно работают подгружаемые шрифты, из-за них в select не видно текста */
noindex:-o-prefocus, select {
    font-family: 'GothamProCustom';
}

a:focus {
    text-decoration: inherit;
}

a, a:hover, .link {
    color: #00B8E4;
}

.bg-for-white a,
.bg-for-white a:hover,
.bg-for-white .link {
    color: #fff;
}

.bg-for-white a:focus {
    outline: thin dotted #fff;
}

.no-focus:focus {
    text-decoration: none;
}

.real-link {
    cursor: pointer;
    text-decoration: underline;
}

.real-link:hover {
    text-decoration: none;
}

ul, ol {
    margin-bottom: 20px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #00B8E4;
    font-family: 'GothamProCustom';
}

.h1.main-font, .h2.main-font, .h3.main-font, .h4.main-font, .h5.main-font, .h6.main-font {
    font-family: 'GothamProCustom';
}

h1, h2, h3 {
    color: #00B8E4;
}

h4, h5, h6, .h4, .h5, .h6 {
    color: #3e3e3e;
}

h1 {
    font-size: 3.75rem;
    margin: 30px 0;
    line-height: 1;
}

h2, .h2 {
    font-size: 3.125rem;
    line-height: 1;
}

h3, .h3 {
    font-size: 2.5rem;
    line-height: 1;
}

h4, .h4 {
    font-size: 1.875rem;
}

h5, .h5 {
    font-size: 1.25rem;
}

h6, .h6 {
    font-size: 1.125rem;
}

@media (max-width: 767px) {
    h1 {
        font-size: 2.1rem;
        margin: 50px 0;
    }

    h2, .h2 {
        font-size: 1.9rem;
    }

    h3, .h3 {
        font-size: 1.5rem;
    }

    h4, .h4 {
        font-size: 1.375rem;
    }

    h5, .h5 {
        font-size: 1.25rem;
    }

    #footer .btn {
        margin: 10px 0;
    }
}

.bg-for-white h1,
.bg-for-white h2,
.bg-for-white .h2,
.bg-for-white h3,
.bg-for-white h4,
.bg-for-white h5,
.bg-for-white h6 {
    color: #fff;
}

dd {
    margin-bottom: 20px;
}

blockquote p {
    font-size: 15px;
    font-weight: 400;
}

.font-location {
    font-size: 1rem;
}

/* TODO remove when updates bootstrap to 3.3 */
/* ---------------------------- Styles from bootstrap 3.3 ---------------------------- */
.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0px;
}

/* ---------------------------- Styles from bootstrap 3.3 [end] ---------------------------- */

/* ---------------------------- Styles from bootstrap 3.3.4 ---------------------------- */
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}

.embed-responsive-16by9-near-slideshare {
    padding-bottom: 82%;
}

.media {
    margin-top: 15px;
}

.media:first-child {
    margin-top: 0;
}

.media,
.media-body {
    zoom: 1;
    overflow: hidden;
}

.media-body {
    width: 10000px;
}

.media-object {
    display: block;
}

.media-object.img-thumbnail {
    max-width: none;
}

.media-right,
.media > .pull-right {
    padding-left: 10px;
}

.media-left,
.media > .pull-left {
    padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
    display: table-cell;
    vertical-align: top;
}

.media-middle {
    vertical-align: middle;
}

.media-bottom {
    vertical-align: bottom;
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.media-list {
    padding-left: 0;
    list-style: none;
}

/* ---------------------------- Styles from bootstrap 3.3.4 [end] ---------------------------- */

.media-body > p:last-child {
    margin-bottom: 0;
}

/* ---------------------------- Переопределяем стили bootstrap ---------------------------- */
.lead {
    font-size: 14px;
}

@media (min-width: 768px) {
    .lead {
        font-size: 19px;
    }
}

.btn {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.btn:hover, .btn:focus {
    color: #fff;
}

.btn:focus {
    color: #fff;
    outline: thin dotted #fff;
}

.input-group-addon {
    font-size: 14px;
    padding: 2px 8px;
}

.bg-for-white .input-group-addon,
.bg-for-white .form-control {
    border: 1px solid #fff;
}

.bg-for-white .input-group-addon:first-child {
    border-right: 0 none;
}

.bg-for-white .input-group-addon:last-child {
    border-left: 0 none;
}

.bg-for-white .input-group + .form-control:focus,
.bg-for-white .input-group + .form-control {
    border-left: 1px solid #DEDEDE;
}

.bg-for-white .form-control:focus {
    border-color: #fff;
}

.bg-for-white .input-group-addon {
    /*background-color: #fff;*/
    color: #999;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.agree-btn .has-success {
    color: #A3C849;
}

.has-success .form-control {
    border-color: #A3C849;
}

.has-success .input-group-addon {
    border-color: #A3C849;
    color: #A3C849;
}

.has-success .form-control:focus {
    border-color: #A3C849;
}

.has-error .help-block,
.has-error .control-label,
.agree-btn .has-error {
    color: #FF0000;
}

.has-error .form-control {
    border-color: #FF0000;
}

.has-error .chosen-single {
    border-color: #FF0000;
}

.has-error .input-group-addon {
    border-color: #FF0000;
    color: #FF0000;
}

.has-error .form-control:focus {
    border-color: #FF0000;
}

.has-error .form-control::-webkit-input-placeholder { /* WebKit browsers */
    color: #FF0000;
}

.has-error .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #FF0000;
}

.has-error .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #FF0000;
}

.has-error .form-control:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #FF0000;
}

.form-control {
    /* Убирает тень в формах на айпадах и пропадают стрелочки возле селектов в хроме */
    /*-webkit-appearance: none;*/
    font-size: 14px;
    padding: 2px 8px;
}

.btn,
.form-control,
.form-control:focus {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.form-horizontal .control-label
    /*.form-horizontal .radio,*/
    /*.form-horizontal .checkbox,*/
    /*.form-horizontal .radio-inline,*/
    /*.form-horizontal .checkbox-inline*/
{
    line-height: 1;
}

.popover {
    color: #707070;
    line-height: 1;
    max-width: 500px;
}

.popover-content {
    padding: 9px;
}

.img-responsive {
    margin: 0 auto;
}

.panel-heading {
    padding: 0;
}

.panel-title {
    font-size: 1.375rem;
}

.panel-title > a,
.panel-title > span {
    cursor: pointer;
    display: block;
    padding: 10px 15px;
}

.panel-title span {
    color: #4d4d4d;
}

.panel-heading:hover {
    background-color: #f9f9f9;
}

.panel-heading .netpeak-arrow-down {
    color: #C2C2C2;
    font-size: 20px;
    float: right;
    line-height: 1;
    margin-left: 10px;
    margin-top: 5px;
}

/*.nav-tabs {
    margin-bottom: 15px;
}*/
.nav-tabs {
    margin: 0;
}

/* Для возможности делать любой тег вместо a */
@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > * {
        border-bottom: 1px solid #dddddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs.nav-justified > .active > *,
    .nav-tabs.nav-justified > .active > *:hover,
    .nav-tabs.nav-justified > .active > *:focus {
        border-bottom-color: #ffffff;
    }
}

.nav-pills > li > * {
    border-radius: 4px;
}

.nav-pills > li.active > *,
.nav-pills > li.active > *:hover,
.nav-pills > li.active > *:focus {
    color: #ffffff;
    background-color: #00B8E4;
}

@media (max-width: 767px) {
    .nav-pills > .active > * > .badge {
        color: #428bca;
        background-color: #ffffff;
    }

    .nav-pills > li > * > .badge {
        margin-left: 3px;
    }
}

/* Для возможности делать любой тег вместо a [end]] */

.nav-justified > li > * {
    text-align: center;
    margin-bottom: 5px;
}

@media (min-width: 768px) {
    .nav-justified > li > * {
        margin-bottom: 0;
    }
}

/* Для возможности делать span вместо a */
.nav > li > span {
    color: #00b8e4;
    cursor: pointer;
}

.nav > li > * {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.nav > li > *:hover,
.nav > li > *:focus {
    text-decoration: none;
    background-color: #eeeeee;
}

.nav-tabs > li > span {
    margin-right: 2px;
    line-height: 1.428571429;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav-tabs > li > span:hover {
    border-color: #eeeeee #eeeeee #dddddd;
}

.nav-tabs > li.active > span,
.nav-tabs > li.active > span:hover,
.nav-tabs > li.active > span:focus {
    color: #555555;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-bottom-color: transparent;
    cursor: default;
}

/* Для возможности делать span вместо [end] */

/* Tabs */
.nav-tabs > li > a.current,
.nav-tabs > li > span.current,
.nav-tabs > li > a.current:hover,
.nav-tabs > li > span.current:hover,
.nav-tabs > li > a.current:focus,
.nav-tabs > li > span.current:focus {
    color: #707070;
    background-color: #fff;
    border: 1px solid #DEDEDE;
    border-bottom-color: transparent;
    cursor: default;
}

.tab-content.soft .tab-pane {
    border-bottom: 1px solid #DEDEDE;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    padding: 10px;
}

/* 3 таба на полную ширину */
.nav-tabs.tab3-full-width li {
    text-align: center;
    width: 33%;
}

.nav-tabs.tab3-full-width li:last-child {
    width: 34%;
}

/* 3 таба на полную ширину [end] */
/* Tabs [end] */

/* ---------------------------- Переопределяем стили bootstrap [end] ---------------------------- */

/* ---------------------------- Стили для анимаций ---------------------------- */
.animated-height-02 {
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    transition: height 0.2s;
}

.animated-05 {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

/* ---------------------------- Стили для анимаций [end] ---------------------------- */

/* ---------------------------- New Components ---------------------------- */

/* FlatUI checkbox */
.checkbox .icons {
    color: #e4e4e4;
}

.checkbox.checked .icons {
    color: #00b8e4;
}

.bg-for-white .checkbox.checked .icons {
    color: #fff;
}

.checkbox .icons {
    left: 0;
    right: auto;
    top: 4px;
    width: 31px;
}

label.checkbox .icons > span:before {
    margin: 0;
}

label.checkbox .icons .first-icon,
label.checkbox .icons .second-icon {
    left: 9px;
}

label.checkbox, label.checkbox.checked {
    color: inherit;
    padding-right: 10px;
}

/* FlatUI checkbox [end] */

table.table-centered th,
table.table-centered td {
    text-align: center;
    vertical-align: middle !important;
}

/* Инфоблоки с центрированием http://css-tricks.com/centering-in-the-unknown/ */
.info-block,
.warning-block,
.warranty-block,
.price-block {
    /* core style */
    text-align: center;
    font-size: 0px;
}

/* The ghost, nudged to maintain perfect centering */
.info-block:before,
.warning-block:before,
.warranty-block:before,
.price-block:before {
    /* core style */
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}

.info-block .centered,
.warning-block .centered,
.warranty-block .centered,
.price-block .centered {
    /* core style */
    display: inline-block;
    vertical-align: middle;

    /* user style */
    border: 2px solid #00B8E4;
    border-radius: 8px;
    font-size: 18px;
}

.price-block .centered:before,
.warning-block .centered:before,
.warranty-block .centered:before {
    content: '';
    color: #00B8E4;
    font-size: 50px;
    line-height: 1;
    left: 20px;
    margin-top: -25px;
    position: absolute;
    top: 50%;
}

.info-block .centered p,
.warning-block .centered p,
.warranty-block .centered p,
.price-block .centered p {
    margin-bottom: 0;
}

.bg-for-white .info-block .centered,
.bg-for-white .warning-block .centered,
.bg-for-white .warranty-block .centered,
.bg-for-white .price-block .centered {
    border: 2px solid #fff;
}

.bg-for-white .warning-block .centered:before,
.bg-for-white .warranty-block .centered:before,
.bg-for-white .price-block .centered:before {
    color: #fff;
}

.info-block {
    margin-bottom: 20px;
}

.info-block .centered {
    padding: 13px 22px;
    position: relative;
    text-align: left;
}

.info-block .centered.right-btn {
    padding-right: 200px;
}

.info-block .centered.right-btn .info-btn-block {
    margin-top: -14px;
    position: absolute;
    right: 10px;
    top: 50%;
}

.warning-block {
    margin: 20px 0;
}

.warning-block .centered {
    line-height: 1.1;
    padding: 13px 22px 13px 52px;
    position: relative;
}

.warning-block .centered:before {
    content: '!';
}

.warranty-block {
    margin-bottom: 20px;
}

.warranty-block .centered {
    line-height: 1.1;
    padding: 13px 22px 13px 60px;
    position: relative;
    text-align: left;
}

.warranty-block .centered:before {
    content: "\e84c";
    font-family: "Netpeak";
    font-size: 40px;
    left: 14px;
    margin-top: -20px;
}

.price-block {
    margin: 44px 0;
}

.price-block .centered {
    font-size: 25px;
    font-weight: 300;
    line-height: 1.1;
    padding: 13px 22px;
    position: relative;
}

.price-block .centered span {
    color: #00B8E4;
}

.bg-for-white .price-block .centered {
    font-weight: 400;
}

.bg-for-white .price-block .centered span {
    color: #fff;
}

/*        .price-block .centered:before {
            content: '$';
        }*/
/* Инфоблоки [end] */

.dark-border-centered {
    font-size: 18px;
    margin: auto;
    margin-top: 24px;
    line-height: 1.6;
    padding: 13px 22px;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
}

.bg-for-white .dark-border-centered {
    border: 1px solid #fff;
    color: #fff;
}

/* Фильтры */
.filter ul,
.filter-inversion ul {
    list-style: none outside none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
}

.filter li,
.filter-inversion li {
    border-radius: 4px;
    cursor: pointer;
    line-height: 1.4;
    margin: 5px 5px 5px 0;
    padding: 5px 10px;
    min-width: 130px;
    text-align: center;
    white-space: nowrap;
}

.justify-center {
    justify-content: center;
}

.filter li {
    border: 2px solid #01B5E2;
    color: #01B5E2;
}

.filter-inversion li {
    border: 2px solid #FFF;
    color: #FFF;
}

.filter li:first-child,
.filter-inversion li:first-child {
    margin-left: 0;
}

.filter li:hover,
.filter li.active,
.filter li.default.active {
    background-color: #00B8E4;
    color: #fff;
}

.filter-inversion li:hover,
.filter-inversion li.active,
.filter-inversion li.default.active {
    background-color: #FFF;
    color: #00B8E4;
}

.filter input,
.filter-inversion input {
    display: none;
}

.filter li.default,
.filter-inversion li.default {
    color: #BBB;
}

.filter li.default,
.filter-inversion li.default {
    background-color: #F6F6F6;
    border: 2px solid #F6F6F6;
}

.filter li.default:hover,
.filter-inversion li.default:hover {
    border: 2px solid #BBB;
}

@media (max-width: 991px) {
    .filter li,
    .filter-inversion li {
        display: block;
        font-size: 18px;
        padding: 7px;
        width: 45%;
    }
}

@media (max-width: 767px) {
    .filter li,
    .filter-inversion {
        padding: 13px 24px;
        margin: 5px 2%;
        display: block;
        width: 45%;
        white-space: normal;
    }

    .filter li:first-child {
        margin-left: 2%;
        padding-top: 26px;
    }
}

@media (max-width: 570px) {
    .filter li,
    .filter-inversion {
        line-height: 1;
        margin: 5px 0;
        padding: 7px;
        width: 100%;
        font-size: 0.9rem;
    }

    .filter li:first-child,
    .filter-inversion:first-child {
        margin-left: 0;
    }

    .panel-title {
        font-size: 1em;
    }

    .netpeak-arrow-down {
        font-size: 0.9rem;
    }
}

/* Фильтры [end] */

.infografick-body {
    max-width: 720px;
    margin: auto;
}

.infografick-body > div {
    overflow: hidden;
    position: relative;
    color: #fff;
    padding-top: 18px;
}

.infografick-body .media-heading {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.1;
}

.infografick-body .stage_one {
    background: #00B8E4;
}

.infografick-body .stage_two {
    background: #008eb0;
}

.infografick-body p.stage_title {
    font-family: 'GothamProCustom';
    font-size: 72px;
    margin-left: 20px;
    margin-bottom: 18px;
}

.infografick-body p.stage_title span {
    font-size: 30px;
}

.infografick-body .media {
    margin-top: 0;
    margin-bottom: 20px;
}

.infografick-body .media-body {
    font-size: 14px;
    padding: 0 30px 0 12px;
}

.infografick-body .media-body p.media-heading {
    font-size: 20px;
}

.infografick-body .pull-left {
    background: #fff;
    padding: 4px 8px;
}

.infografick-body .media-object {
    display: block;
    content: '';
}

.ig-icon {
    background: url(https://images.netpeak.ua/services/steps-icons.png) no-repeat;
    height: 37px;
    width: 37px;
}

.ig-icon1 {
    background-position: 0 0;
}

.ig-icon2 {
    background-position: 0 -87px;
}

.ig-icon3 {
    background-position: 0 -174px;
}

.ig-icon4 {
    background-position: 0 -261px;
}

.ig-icon5 {
    background-position: 0 -348px;
}

.ig-icon6 {
    background-position: 0 -435px;
}

.ig-icon7 {
    background-position: 0 -522px;
}

.ig-icon8 {
    background-position: 0 -609px;
}

.ig-icon9 {
    background-position: 0 -696px;
}

.ig-icon10 {
    background-position: 0 -783px;
}

.ig-icon11 {
    background-position: 0 -870px;
}

.ig-icon12 {
    background-position: 0 -957px;
}

.ig-icon13 {
    background-position: 0 -1044px;
}

.ig-icon14 {
    background-position: 0 -1131px;
}

.ig-icon15 {
    background-position: 0 -1218px;
}

.ig-icon16 {
    background-position: 0 -1305px;
}

.ig-icon17 {
    background-position: 0 -1392px;
}

.ig-icon18 {
    background-position: 0 -1479px;
}

.ig-icon19 {
    background-position: 0 -1566px;
}

.ig-icon20 {
    background-position: 0 -1653px;
}

.ig-icon21 {
    background-position: 0 -1740px;
}

.ig-icon22 {
    background-position: 0 -1827px;
}

.infografick-body ol {
    counter-reset: item;
    list-style: outside none none;
    padding-left: 0;
}

.infografick-body ol li:before {
    content: counters(item, ".") ". ";
    counter-increment: item;
}

.infografick-body ol ol {
    padding-left: 20px;
}

/* Pricing tables */
.pricing-table ul {
    border-width: 3px;
    border-style: solid;
    border-color: #CCCCCC;
    border-radius: 3px;
    /*margin: 10px;*/
    /*width: 200px;*/
    text-align: center;
    list-style: none;
    /*float: left;*/
    padding: 10px;
    background-color: #FFFFFF;
}

.pricing-table ul li {
    border-top: 2px solid #E7F2F0;
    padding: 5px 0;
    background-color: #FFFFFF;
}

.pricing-table ul .payment-option {
    border-top: none;
    color: #00B8E4;
    font-size: 12px;
    font-weight: bold;
    padding-top: 0;
}

.pricing-table li:nth-child(odd) {
    background-color: #FFFFFF;
}

.pricing-table ul .heading {
    color: #FFFFFF;
    background-color: #00B8E4;
    font-size: 26px;
}

.pricing-table ul .price {
    color: #00B8E4;
    background-color: #FFFFFF;
    border-top: none;
    font-size: 40px;
    padding: 12px 0 0 0;
    line-height: 1.2;
}

.pricing-table ul .action {
    font-size: 14px;
    background-color: #F5F5F5;
    color: #4F4F4F;
}

.pricing-table .action a {
    border-color: #B83737;
    border-width: 0px;
    border-radius: 2px;
    background-color: #EEEEEE;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    border-style: solid;
    color: #000000;
}

/* Pricing tables [end] */

/* Grid layout */
/* fluid columns */
.grid-sizer,
.grid-item {
    width: 50%;
}

.no-js .grid-sizer,
.no-js .grid-item {
    display: inline-block;
    width: 49.7%;
    vertical-align: top;
}

.grid-sizer-clients,
.grid-item-clients {
    width: 33.33%;
}

.no-js .grid-sizer-clients,
.no-js .grid-item-clients {
    display: inline-block;
    width: 32.9%;
    vertical-align: top;
}

/* Cases Grids */

.grid-sizer-cases,
.grid-item-cases {
    width: 33.33%
}

.no-js .grid-sizer-cases,
.no-js .grid-item-cases {
    display: inline-block;
    width: 32.9%;
    vertical-align: top;
}

@media (max-width: 767px) {
    .no-js .grid-sizer, .no-js .grid-sizer-cases, .no-js .grid-sizer-clients,
    .no-js .grid-item, .no-js .grid-item-cases, .no-js .grid-item-clients,
    .grid-sizer, .grid-sizer-cases, .grid-sizer-clients,
    .grid-item, .grid-item-cases, .grid-item-clients {
        width: 100%
    }

    .formalization-fields ol > li:before {
        font-size: 1.3em;
    }

    .formalization-fields h3 {
        font-size: 1.3em;
        line-height: 0.5em;
    }
}

/* Grid layout [end] */

.info-item-block {
    border: 2px solid #D3D3D3;
    display: block;
    padding: 10px 20px;
    margin: 30px 0 0;
    position: relative;
    min-height: 325px;
}

a.info-item-block:hover {
    border: 2px solid #00B8E4;
}

.info-item-block img {
    display: block;
    margin: 0 auto 10px auto;
}

.info-item-block .item-title {
    display: block;
    font-size: 30px;
    line-height: 1.1;
    margin-bottom: 10px;
    text-align: center;
}

.info-item-block .item-desc {
    color: initial;
    display: block;
    line-height: 1.1;
    margin-bottom: 20px;
    text-align: center;
}

.info-item-block .item-link {
    display: block;
    text-align: right;
    position: absolute;
    bottom: 0px;
    right: 0px;
    margin: 0px 10px 10px 0px;
}

a.info-item-block {
    outline: none;
}

a.info-item-block:hover {
    text-decoration: none;
}

/* ---------------------------- New Components [end] ---------------------------- */

/* ---------------------------- Универсальные стили ---------------------------- */
.text-green {
    color: #8DBB1C;
}

.netpeak-color {
    color: #00B8E4;
}

.font-regular {
    font-family: 'GothamProCustom';
}

.team-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.team-wrapper > div {
    margin: 0 10px;
}

.max-width-150 {
    max-width: 150px;
}

/*a img, a:hover img {
    text-decoration: none !important;
}*/

.child-inline-block > * {
    display: inline-block;
}

.border-1-add,
.add-1-border {
    border: 1px solid #DEDEDE;
    padding: 10px;
}

.no-border {
    border: 0 none;
}

.no-children-margin > * {
    margin: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.no-margin-btm,
.no-margin-bottom {
    margin-bottom: 0 !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-btm-20 {
    padding-bottom: 20px;
}

.padding-btm-25 {
    padding-bottom: 25px;
}

.padding-lft-20 {
    padding-left: 20px;
}

.padding-rght-20 {
    padding-right: 20px;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-25 {
    margin-top: 25px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-top-40 {
    margin-top: 40px !important;
}

.margin-top-50 {
    margin-top: 50px !important;
}

.margin-btm-10 {
    margin-bottom: 10px !important;
}

.margin-btm-20 {
    margin-bottom: 20px !important;
}

.margin-btm-30 {
    margin-bottom: 30px !important;
}

.margin-btm-40 {
    margin-bottom: 40px !important;
}

.margin-btm-50 {
    margin-bottom: 50px !important;
}

.margin-right-20 {
    margin-right: 20px !important;
}

.margin-lft-30 {
    margin-left: 30px !important;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.abs-right {
    position: absolute;
    right: 0;
}

.table.table-no-border tr > td {
    border: none !important;
}

.dash {
    border: 0 none;
    border-top: 2px dashed #65c6e7;
    background: none;
    height: 0;
}

/*TODO удалить*/
.allocated-block {
    background-color: #2cc7f4;
    color: #fff;
    margin: 27px auto;
    padding: 20px;
    position: relative;
}

.clip {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.loader {
    background: url(https://images.netpeak.ua/netpeak-loaders/60.gif) no-repeat;
    margin: 10px auto;
    height: 60px;
    width: 60px;
}

.iframe-video-block {
    display: block;
}

.iframe-video {
    cursor: pointer;
    display: block;
    position: relative;
}

.iframe-video .play-icon {
    color: #fff;
    display: inline-block;
    font-size: 86px;
    margin-top: -43px;
    margin-left: -43px;
    opacity: 0.8;
    position: absolute;
    left: 50%;
    top: 50%;
    text-shadow: 1px 1px 5px #333333;
    text-decoration: none;
}

.iframe-video .right-top-position,
.iframe-video .right-top-position-testimonails,
.iframe-video .right-top-position-business {
    font-size: 50px;
    top: 10px;
    right: 0;
    left: unset;
    margin-top: 3px;
    margin-left: unset;
}

.iframe-video .right-top-position {
    margin-right: 50px;
}

.iframe-video .right-top-position-testimonails {
    margin-right: 15%;
}

@media screen and (max-width: 1200px) {
    .iframe-video .right-top-position-testimonails {
        margin-right: 7%;
    }
}

@media screen and (max-width: 992px) {
    .iframe-video .right-top-position {
        margin-right: 20px;
    }
}

@media screen and (max-width: 768px) {
    .iframe-video .right-top-position-testimonails {
        margin-right: 17%;
    }
}

.iframe-video .play-icon:before {
    content: '\ea72';
    margin: 0;
}

.iframe-video:hover .play-icon {
    opacity: 1;
}

.iframe-video:active .play-icon {
    margin-top: -42px;
    opacity: 1;
}

.iframe-video:active .right-top-position,
.iframe-video:active .right-top-position-testimonails,
.iframe-video:active .right-top-position-business {
    margin-top: -3px;
    opacity: 1;
}

.resize-disable,
.disable-resize {
    resize: none;
}

.resize-vertical {
    resize: vertical;
}

.lh1 {
    line-height: 1;
}

.rubber-layout-video {
    position: relative;
    padding-bottom: 56.25%; /*пропорции видео 16:9 */
    padding-top: 25px;
    height: 0;
}

.rubber-layout-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Для выравнивания по вертикали */
.table-block {
    display: table;
    height: 100%;
    width: 100%;
}

.table-block-cell {
    display: table-cell;
    vertical-align: middle;
}

/* Для выравнивания по вертикали [end] */

.pseudo-link {
    border-bottom: 1px dashed #00B8E4;
    color: #00B8E4 !important;
    cursor: pointer;
    display: inline;
}

.pseudo-link:focus,
.pseudo-link:hover {
    text-decoration: none;
    border-bottom-color: #fff;
}

.pseudo-link:hover span {
    text-decoration: none;
    border-bottom: none;
}

.bg-for-white .pseudo-link:focus,
.bg-for-white .pseudo-link:hover {
    border-bottom-color: #00B8E4;
}

/*    .pseudo-link-invert:focus,
    .pseudo-link-invert:hover
    .pseudo-link-invert:hover span
    {
        text-decoration: none;
        border-bottom: none;
    }*/

.bg-for-white .pseudo-link,
.pseudo-link-invert {
    border-bottom-color: #fff;
    color: #fff !important;
}

.pseudo-link.pseudo-link-icon {
    border-bottom: none;
}

.pseudo-link-icon i {
    font-size: 40px;
    position: absolute;
}

.pseudo-link-icon {
    line-height: 27px;
}

.pseudo-link-icon span {
    border-bottom: 1px dashed #00B8E4;
    margin-left: 35px;
    vertical-align: middle;
}

.pseudo-link-invert span {
    border-bottom-color: #fff;
}

.pin-wrapper {
    position: relative;
    overflow: hidden;
}

/* Выравнивание иконок в списках */
.icons-ul {
    margin-left: 2.142857142857143em;
    list-style-type: none;
}

.icons-ul > li {
    position: relative;
}

.icons-ul .icon-li {
    position: absolute;
    left: -2.142857142857143em;
    width: 2.142857142857143em;
    text-align: center;
    line-height: inherit;
}

.bg-for-white .icons-ul.icons-on-link-page .icon-li:before {
    color: #fff;
}

/* Выравнивание иконок в списках [end] */

.white-bg {
    background-color: #fff;
}

/* Контакты */
.manager-info-tb {
    margin: 0 auto;
    width: 230px;
    text-align: center;
}

.manager-info-tb .manager-email {
    font-size: 13px;
}

.manager-info-tb .manager-name {
    font-size: 18px;
}

.manager-info-tb .manager-job {
    font-size: 13px;
}

.manager-info-tb .manager-number {
    font-size: 19px;
}

/* Контакты [end] */

/* ---------------------------- Универсальные стили [end] ---------------------------- */

.netpeak-plus {
    font-size: 80px;
    display: block;
}

.bg-for-white {
    background-color: #00B8E4;
    color: #fff;
}

.bg-for-white a {
    color: #fff;
    text-decoration: underline;
}

.bg-for-white a:hover {
    text-decoration: none;
}

/* ---------------------------- Header ---------------------------- */
#header {
    /*background-color: #fff;*/
    /*border-bottom: 1px solid #5dc9e9;*/
    transition: box-shadow 0.5s linear;
}

/*#header*/
.shadow {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

#header .hd-menu-and-btns {
    position: relative;
    max-height: 46px;
    min-height: 41px;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}

#header .logo-block {
    padding: 5px;
    display: inline-block;
    line-height: 55px;
    margin-left: 15px;
}

#header .logo-block img {
    height: 55px !important;
    position: relative;
    top: 5px;
}

#header .logo-block a {
    display: block;
}

#header .cup a {
    background-color: #fff;
    color: #00B8E4;
    padding: 5px 5px 0px;
    position: relative;
    text-decoration: none;
    margin-left: 20px;
}

#header .cup a:hover {
    color: #15a4ce;
}

#header i.netpeak-cup {
    font-size: 25px;
}

#header i.netpeak-cup:before {
    margin: 0;
}

#header .hd-right-block {
    height: 74px;
}

.header-sign {
    margin-left: 10px;
    vertical-align: top;
    display: inline-block;
}

.header-sign img {
    height: 55px;
}

.header-sign:focus {
    outline: none !important;
}

.header-ltv-sign {
    background-color: rgb(255, 255, 255);
    color: #00B8E4;
    text-decoration: none;
    padding: 6px 11px 4px;
    border-radius: 0px 0px 10px 10px;
    border: 1px solid #fff;
    border-top: none;
}

.header-ltv-sign:hover {
    background-color: #00B8E4;
    color: #fff;
    text-decoration: none;
}

.header-ltv-sign span {
    text-decoration: none;
}

/* Dropdown module */
.dropdown-block .dropdown-item-row {
    cursor: pointer;
    display: inline-block;
    margin-top: 5px;
}

.dropdown-block .dropdown-item-block {
    margin-bottom: 0;
}

.dropdown-block .dropdown-item-block [data-type="toggle-icon"] {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #00B8E4;
    cursor: pointer;
    font-size: 11px;
    opacity: 1;
    line-height: 27px;
    height: 30px;
    width: 32px;
    margin-right: 6px;
    position: absolute;
    text-align: center;
    z-index: 101;
}

.bg-for-white .dropdown-block .dropdown-item-block [data-type="toggle-icon"] {
    color: #fff;
}

.dropdown-block .dropdown-item-row:hover [data-type="toggle-icon"],
.dropdown-block .dropdown-item-block [data-type="toggle-icon"].open,
.dropdown-block .dropdown-item-block [data-type="toggle-icon"]:hover {
    background-color: #FFFFFF;
    color: #00B8E4;
}

.dropdown-block .dropdown-item-name {
    font-size: 14px;
}

.dropdown-menu-block {
    background-color: #FFF;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #f4f3f3;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    color: #707070;
    font-size: 15px;
    position: absolute;
    text-align: left;
    width: 180px;
    z-index: 100;
}

.dropdown-menu-block li {
    border-top: 1px solid #f4f3f3;
}

.dropdown-menu-block li:first-child {
    border-top: none;
}

.dropdown-menu-block li span {
    display: block;
    border-left: 2px solid #fff;
    padding: 2px 0 2px 15px;
    margin-left: 13px;
}

.dropdown-menu-block li:not(.active):hover {
    cursor: pointer;
    color: #15a4ce;
}

.dropdown-menu-block li:not(.active):hover span {
    background-color: #f4f3f3;
    border-left: 2px solid #15a4ce;
}

.dropdown-menu-block li span i {
    display: none;
    font-size: 12px;
    margin-top: 3px;
    float: right;
    margin-right: 10px;
}

.dropdown-menu-block li.active span i {
    display: inline;
}

.dropdown-menu-block li.active {
    color: #00B8E4;
}

@media (max-width: 991px) {
    .dropdown-menu-block li span {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 768px) {
    #header .dropdown-block {
        text-align: right;
    }
}

@media (max-width: 500px) {
    .dropdown-block .dropdown-item-block div:first-child {
        margin-left: -37px;
    }

    .dropdown-block .dropdown-item-name {
        font-size: 13px;
    }

    .dropdown-block .dropdown-item-block .dropdown-item-row {
        height: auto;
        line-height: 1;
        margin-bottom: 5px;
    }

    .dropdown-block .dropdown-item-block .dropdown-item-row [data-type="toggle-icon"] {
        display: none !important;
    }

    .dropdown-block .dropdown-item-block div:first-child [data-type="toggle-icon"] {
        display: inline-block !important;
        visibility: visible !important;
        border-radius: 5px;
        margin-left: 0;
        margin-right: 5px;
        position: relative;
        left: 0;
        height: 28px;
        vertical-align: top;
    }

    .dropdown-block .dropdown-item-block div:first-child [data-type="toggle-icon"].open {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
}

@media (max-width: 250px) {
    .dropdown-block .dropdown-item-block div:first-child {
        margin-left: 0;
    }

    .dropdown-block .dropdown-item-block div:first-child [data-type="toggle-icon"] {
        position: absolute;
        top: 1px;
    }
}

/* Dropdown module [end] */

/* Common dropdown */
.dropdown-block.hc-type2 a {
    color: #707070;
    text-decoration: none;
}

.dropdown-block.hc-type2 .dropdown-item-row {
    margin-top: 2px;
}

.dropdown-block.hc-type2 .dropdown-item-row i {
    display: block;
    border-radius: 5px;
    height: auto;
    position: relative;
    line-height: 30px;
    width: 30px;
}

.dropdown-block.hc-type2 .dropdown-item-row i.open {
    border-radius: 5px 5px 0 0;
}

.dropdown-block.hc-type2 .open.netpeak-arrow-up {
    border-radius: 5px 5px 0 0;
}

.dropdown-block.hc-type2 .arrow-down-block,
.dropdown-block.hc-type2 .dropdown-item-name {
    display: table-cell;
}

.dropdown-block.hc-type2 .dropdown-item-name {
    vertical-align: middle;
}

@media (min-width: 768px) and (max-width: 991px) {
    .dropdown-block .phone {
        font-size: 24px;
    }
}

/* Common dropdown [end] */

/* Контакты в шапке */
.head-contacts-block .one-address-block,
.head-contacts-block .address-block {
    cursor: pointer;
    display: inline-block;
    margin-top: 5px;
}

.head-contacts-block .one-address-block {
    cursor: default;
}

.head-contacts-block address {
    margin-bottom: 0;
}

.head-contacts-block address i {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    opacity: 1;
    line-height: 27px;
    height: 30px;
    width: 32px;
    margin-left: -37px;
    position: absolute;
    text-align: center;
    z-index: 101;
}

.head-contacts-block .address-block:hover i,
.head-contacts-block address i.open,
.head-contacts-block address i:hover {
    background-color: #FFFFFF;
    color: #00B8E4;
}

.head-contacts-block .address {
    font-size: 14px;
}

.head-contacts-block .phone {
    display: block;
    font-size: 30px;
    font-weight: 300;
    line-height: 1;
}

#header-choose-city {
    background-color: #FFF;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #f4f3f3;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    color: #707070;
    font-size: 15px;
    position: absolute;
    text-align: left;
    width: 180px;
    z-index: 100;
}

#header-choose-city li {
    border-top: 1px solid #f4f3f3;
}

#header-choose-city li:first-child {
    border-top: none;
}

#header-choose-city li span {
    display: block;
    border-left: 2px solid #fff;
    padding: 2px 0 2px 15px;
    margin-left: 13px;
}

#header-choose-city li:not(.active):hover {
    cursor: pointer;
    color: #15a4ce;
}

#header-choose-city li:not(.active):hover span {
    background-color: #f4f3f3;
    border-left: 2px solid #15a4ce;
}

#header-choose-city li span i {
    display: none;
    font-size: 12px;
    margin-top: 3px;
    float: right;
    margin-right: 10px;
}

#header-choose-city li.active span i {
    display: inline;
}

#header-choose-city li.active {
    color: #00B8E4;
}

@media (max-width: 991px) {
    #header-choose-city li span {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 768px) {
    #header .head-contacts-block {
        text-align: right;
    }
}

@media (max-width: 500px) {
    .head-contacts-block .phone {
        font-size: 23px;
        display: inline-block;
        line-height: 1.2;
    }

    .head-contacts-block address div:first-child {
        margin-left: -37px;
    }

    .head-contacts-block .address {
        font-size: 13px;
    }

    .head-contacts-block address .address-block {
        height: auto;
        line-height: 1;
        margin-bottom: 5px;
    }

    .head-contacts-block address .address-block i {
        display: none !important;
    }

    .head-contacts-block address div:first-child i {
        display: inline-block !important;
        visibility: visible !important;
        border-radius: 5px;
        margin-left: 0;
        margin-right: 5px;
        position: relative;
        left: 0;
        height: 28px;
        vertical-align: top;
    }

    .head-contacts-block address div:first-child i.open {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
}

@media (max-width: 250px) {
    .head-contacts-block address div:first-child {
        margin-left: 0;
    }

    .head-contacts-block address div:first-child i {
        position: absolute;
        top: 1px;
    }
}

/* Контакты в шапке [end] */

/* Главное меню */
#main-menu {
    min-height: 46px;
}

#main-menu .navbar-nav {
    margin-top: 0;
    margin-bottom: 0;
}

#main-menu li {
    padding: 0px;
}

#main-menu li a,
#main-menu li span {
    border-radius: 0;
    color: #707070;
    display: block;
    font-size: 18px;
    font-weight: 300;
    line-height: 46px;
    padding: 0 18px;
}

#main-menu li a:hover,
#main-menu li.active a,
#main-menu li.active span {
    background-color: #f6f6f6;
}

#main-menu li.blog {
    margin-left: 0;
}

#main-menu li.blog a {
    border-left: 1px solid #dedede;
}

@media (max-width: 767px) {
    .main-menu-block {
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
        padding-left: 0;
        padding-right: 0;
    }

    #main-menu .justified > li > a,
    #main-menu .justified > li > span {
        text-align: center;
    }

    #main-menu .justified > li {
        float: none;
    }

    #main-menu li a:hover,
    #main-menu li.active a,
    #main-menu li.active span {
        color: #fff;
        background-color: #36bce4;
        background-color: rgba(54, 188, 228, 0.7);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #main-menu li a,
    #main-menu li span {
        font-size: 13px;
        padding: 0 7px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #main-menu li a,
    #main-menu li span {
        font-size: 16px;
    }

    #main-menu li a,
    #main-menu li span {
        padding: 0 10px;
    }
}

/* Главное меню [end] */
/* ---------------------------- Header [end] ---------------------------- */
.callback-block {
    text-align: right;
    padding-top: 10px;
}

.hd-callback-form-block {
    border-radius: 0 0 5px 5px;
    background-color: #fff;
    top: 46px;
    right: 15px;
    padding: 0 23px;
    box-shadow: 0 2px 1px #DEE6E8 inset, 0 1px 4px rgba(0, 0, 0, 0.2);
    position: absolute;
    text-align: center;
}

.hd-callback-form-block form {
    /*margin: 9px 0;*/
}

.hd-callback-form-block .form-group {
    margin: 15px 0;
}

.hd-callback-form-block input {
    width: 186px;
}

/* ---------------------------- Buttons ---------------------------- */
.btn-custom {
    font-size: 15px;
    padding: 5px 20px 6px;
}

.btn-custom,
.btn-custom:hover,
.btn-custom:active {
    color: #fff;
    background-color: #00B8E4;
}

.btn-custom.btn-not-active,
.btn-custom.btn-not-active:hover,
.btn-custom.btn-not-active:active {
    background-color: #e8e8e8;
}

.btn-custom.btn-white-border {
    border: 2px solid #fff;
    white-space: normal;
}

.btn-lg {
    padding: 10px 20px;
}

.btn-collapsed-block {
    height: 24px;
    text-align: center;
    margin-top: 10px;
}

.btn-collapsed {
    margin-left: -139px;
    position: absolute;
    bottom: -24px;
    left: 50%;
}

.btn.btn-collapsed:active {
    top: auto;
    position: absolute;
    bottom: -25px;
}

/*.btn-callback-white {
    border: 2px solid #fff;
}
.btn-callback-white:focus,
.btn-callback-white:hover,
.btn-callback-white:active {
    color: #00B8E4;
    background-color: #fff;
}*/

.btn-callback {
    padding: 0px 20px;
}

.btn-callback,
.btn-callback:hover,
.btn-callback:active {
    color: #fff;
    font-size: 18px;
    background-color: #00B8E4;
}

.btn-callback:focus {
    color: #fff;
    /*text-decoration: none;*/
}

.btn-callback:focus {
    outline: thin dotted #fff;
    outline-offset: -2px;
}

.btn-send-order {
    line-height: 1;
    padding: 5px 20px 7px;
}

.btn-send-order,
.btn-send-order:hover,
.btn-send-order:active,
.btn-send-order:focus {
    color: #fff;
    font-size: 15px;
    background-color: #f07f1b;
}

.btn.btn-color-1,
.btn.btn-color-1:hover,
.btn.btn-color-1:active,
.btn.btn-color-1:focus {
    background-color: #8DBB1C;
}

.btn.btn-color-2,
.btn.btn-color-2:hover,
.btn.btn-color-2:active,
.btn.btn-color-2:focus {
    background-color: #f07f1b;
}

.btn.btn-type-2,
.btn.btn-type-2-inverted {
    text-decoration: none;
    white-space: normal;
}

.btn.btn-type-2 {
    border: 2px solid #01B5E2;
    color: #01B5E2;
}

.btn.btn-type-2:hover,
.btn.btn-type-2.active {
    background-color: #00B8E4;
    color: #fff;
}

.bg-for-white .btn.btn-type-2,
.btn.btn-type-2-inverted {
    border: 2px solid #FFF;
    background-color: #00B8E4;
    color: #fff;
}

.bg-for-white .btn.btn-type-2:hover,
.bg-for-white .btn.btn-type-2:active,
.btn.btn-type-2-inverted:hover,
.btn.btn-type-2-inverted.active {
    border: 2px solid #01B5E2;
    background-color: #fff;
    color: #01B5E2;
}

.btn.btn-more.personal-cabinet {
    line-height: 34px;
}

.btn.btn-more {
    border: 2px solid #fff;
    color: #fff;
    font-size: 30px;
    height: 46px;
    line-height: 38px;
    padding: 2px 45px;
    margin-top: 7px;
    text-decoration: none;
}

.btn-more:focus,
.btn-more:hover,
.btn-more:active {
    color: #00B8E4;
    background-color: #fff;
}

.btn-more:active {
    position: relative;
    top: 1px;
}

.btn:active {
    position: relative;
    top: 1px;
}

.btn.btn-presentation {
    border: 2px solid;
    background-color: #00B8E4;
    color: #fff;
    text-align: center;
    font-size: 26px;
    margin: 20px 0;
    white-space: normal;
}

.btn-presentation img {
    vertical-align: middle;
    height: 46px;
    margin-left: 10px;
}

@media (max-width: 550px) {
    .btn.btn-presentation {
        font-size: 18px;
        width: 100%;
        padding: 5px 10px;
    }

    .btn-presentation img {
        height: 40px;
    }
}

/* Высота нужна, т.к. когда текст заменяется иконкой, она изменяется */
#open-callback-btn {
    height: 28px;
}

/* ---------------------------- Buttons [end] ---------------------------- */

/* Social buttons */
.info-block .social-btns {
    padding-bottom: 0;
}

.social-btns {
    line-height: 20px;
    padding: 15px 0px;
    text-align: center;
}

.social-btns > .social-network {
    display: inline-block;
    text-align: left;
    vertical-align: top;
}

.social-btns .twitter {
    position: relative;
    width: 117px;
}

.social-btns .facebook {
    width: 112px;
}

.social-btns .facebook.fb-send-btn {
    width: 200px;
}

.social-btns .vk {
    width: 92px;
}

.social-btns .gplus {
    position: relative;
    width: 77px;
}

/* Social buttons [end] */

.subheader .container .font-thin {
    font-weight: bold;
}

/* Стрелки с помощью стилей */
.triangle-bl {
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    border-top: 15px solid #00B8E4;
    height: 0;
    width: 0;
    margin: 0 auto;
    position: absolute;
}

.triangle-center {
    left: 50%;
    margin-left: -60px;
}

.triangle-right {
    right: 0;
}

.triangle-bl-offset {
    top: 15px;
}

.triangle-bl-white {
    border-top: 15px solid #fff;
}

.triangle-bl-cup {
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 7px solid #fff;
    bottom: -7px;
    left: 0;
    position: absolute;
}

.triangle-ltr {
    border-bottom: 80px solid transparent;
    border-left: 30px solid #2CC7F4;
    border-top: 80px solid transparent;
    height: 0;
    margin: 0 auto;
    position: absolute;
    right: -30px;
    width: 0;
}

.triangle-ltr-ru {
    top: -37px;
}

.triangle-ltr-bg {
    top: -25px;
}
/* Стрелки с помощью стилей [end] */
.about-links-block li {
    margin-top: 15px;
}

.about-links-block a {
    font-size: 1.125em;
    text-decoration: none;
}

.about-links-block a:hover {
    text-decoration: underline;
}

/* Our clients block */
.block-with-arrow-ltr {
    background-color: #2cc7f4;
    font-size: 1.9rem;
    margin: 27px 20px 27px 0;
    max-width: 556px;
    position: relative;
}

.our-clients-block ol {
    font-size: 18px;
}

.our-clients-logo {
    border: 5px solid #2cc7f4;
}

.our-clients-logo .row {
    margin: 0;
}

.our-clients-logo a,
.our-clients-logo .row > div > div {
    background-color: #fff;
    display: block;
    padding: 11px 5px;
    text-align: center;

    border-top: 2px solid rgba(251, 251, 251, .7);
    border-bottom: 2px solid rgba(234, 234, 234, .7);
    border-left: 2px solid rgba(235, 235, 235, .7);
    border-right: 2px solid rgba(251, 251, 251, .7);
}

.our-clients-logo .img-responsive {
    margin: 0 auto;
}

.our-clients-logo a:hover,
.our-clients-logo .row > div > div:hover {
    border: 2px solid #01B5E2;
}

.our-clients-logo .row > div {
    padding: 0;
}

.our-clients-more {
    font-size: 15px;
    margin-top: 20px;
}

/* 2 вариант */
.our-clients-logo.type2 {
    border: none;
}

.our-clients-logo.type2 > div {
    margin-left: -5px;
}

.our-clients-logo.type2 .row {
    /*margin-top: 5px;*/
}

.our-clients-logo.type2 .row div a {
    margin-left: 5px;
    margin-bottom: 5px;
}

/* 2 вариант [end] */

/* 3 вариант */
.our-clients-logo.type3 {
    border: 1px solid #F2F3F2;
}

/* 3 вариант [end] */

/* Убирает границы */
.our-clients-logo.ocl-border0,
.our-clients-logo.ocl-border0 a {
    border: none;
}

/* трясущаяся кнопка order */
.shake-order-btn.shaking {
    -webkit-animation-name: shaker;
    -webkit-animation-duration: .3s;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-timing-function: linear;

    -moz-animation-name: shaker;
    -moz-animation-duration: .3s;
    -moz-transform-origin: 50% 50%;
    -moz-animation-timing-function: linear;

    -o-animation-name: shaker;
    -o-animation-duration: .3s;
    -o-transform-origin: 50% 50%;
    -o-animation-timing-function: linear;

    animation-name: shaker;
    animation-duration: .3s;
    transform-origin: 50% 50%;
    animation-timing-function: linear;
}

@-webkit-keyframes shaker {
    0% {
        -webkit-transform: translate(2px, 0);
    }
    25% {
        -webkit-transform: translate(-2px, 0);
    }
    50% {
        -webkit-transform: translate(2px, 0);
    }
    75% {
        -webkit-transform: translate(-2px, 0);
    }
    100% {
        -webkit-transform: translate(2px, 0);
    }
}

@-moz-keyframes shaker {
    0% {
        transform: translate(2px, 0);
    }
    25% {
        transform: translate(-2px, 0);
    }
    50% {
        transform: translate(2px, 0);
    }
    75% {
        transform: translate(-2px, 0);
    }
    100% {
        transform: translate(2px, 0);
    }
}

@-ms-keyframes shaker {
    0% {
        -ms-transform: translate(2px, 0);
    }
    25% {
        -ms-transform: translate(-2px, 0);
    }
    50% {
        -ms-transform: translate(2px, 0);
    }
    75% {
        -ms-transform: translate(-2px, 0);
    }
    100% {
        -ms-transform: translate(2px, 0);
    }
}

@-o-keyframes shaker {
    0% {
        transform: translate(2px, 0);
    }
    25% {
        transform: translate(-2px, 0);
    }
    50% {
        transform: translate(2px, 0);
    }
    75% {
        transform: translate(-2px, 0);
    }
    100% {
        transform: translate(2px, 0);
    }
}

@keyframes shaker {
    0% {
        transform: translate(2px, 0);
    }
    25% {
        transform: translate(-2px, 0);
    }
    50% {
        transform: translate(2px, 0);
    }
    75% {
        transform: translate(-2px, 0);
    }
    100% {
        transform: translate(2px, 0);
    }
}

/* трясущаяся кнопка order [END] */

/* FOTORAMA PLUGIN ADDONS */
.fotorama-margin-auto .fotorama__wrap {
    margin: 0 auto;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .our-clients-block ol {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .our-clients-block .block-with-arrow-ltr {
        background-color: transparent;
        margin-right: 0;
        float: none !important;
        max-width: none;
    }
}

/* Our clients [end] */

/* Latest blog posts */

.latest-blog-posts-block .triangle-bl {
    margin-left: 150px;
}

.latest-blog-posts-block .date {
    font-size: 18px;
}

.latest-blog-posts-block p {
    margin-bottom: 0;
}

/*.latest-blog-posts-block i {
    position: absolute;
    left: 15px;
    top: 4px;
}*/
.latest-blog-posts-block .date,
.latest-blog-posts-block p {
    margin-left: 30px;
}

.latest-blog-posts-block .row:last-child p {
    margin-bottom: 0;
}

.latest-blog-posts-block a {
    text-decoration: none;
}

.latest-blog-posts-block a:hover {
    text-decoration: underline;
}

@media (min-width: 768px) {
    .latest-blog-posts__header-right a {
        float: right;
        margin-top: 10px;
    }
}

@media (max-width: 767px) {
    .latest-blog-posts__header-left {
        display: block;
    }

    .latest-blog-posts__header-right {
        display: block;
        text-align: center;
    }
}

/* Latest blog posts [end] */

.case-portfolio th {
    padding: 0 40px 10px 0;
    text-align: right;
    vertical-align: top;
    max-width: 200px;
    width: 200px;
}

.case-portfolio td {
    color: #000;
    padding-bottom: 10px;
    vertical-align: top;
}

.case-portfolio .help-block {
    font-weight: 300;
    line-height: 1;
    margin: 0;
}

.case-portfolio .case-title {
    color: #00B8E4;
    display: inline-block;
    font-size: 23px;
    margin: 0 0 32px;
}

.case-portfolio a.case-title {
    text-decoration: underline;
}

.case-portfolio .case-title:hover {
    text-decoration: none;
}

.case-portfolio .roi {
    color: #5ABF2B;
    font-weight: bold;
}

/* График цен */
.cost-tb {
    min-width: 600px;
}

.table.cost-tb td {
    border-top: none !important;
    padding: 0;
}

.cost-tb .text {
    color: #8d8b8b;
    font-size: 15px;
    padding: 9px 8px 5px 11px;
}

.budget-bg .text {
    color: #fff;
    font-size: 15px;
}

.cost-tb .budget-bg td:first-child {
    border-left: none;
}

.cost-tb .budget-bg td {
    background-color: #8dbb1c;
    border-left: 1px solid #fff;
    height: 60px;
}

.cost-tb .budget-bg span,
.cost-tb .commission-bg span {
    display: block;
    text-transform: uppercase;
}

.cost-tb .budget,
.cost-tb .commission {
    color: #4d4d4d;
}

.bg-for-white .cost-tb .budget,
.bg-for-white .cost-tb .commission {
    color: #fff;
}

.cost-tb .percentage-bg {
    background-color: #35bae1;
    height: 100%;
}

.bg-for-white .cost-tb .percentage-bg {
    background-color: #fff;
}

.cost-tb .commission-bg {
    background-color: #dfe0dd;
}

.cost-tb .commission-bg.addline td:first-child {
    border-left: none;
}

.cost-tb .commission-bg.addline td {
    border-left: 1px solid #fff;
}

.cost-tb .commission-bg td {
    height: 60px;
}

.cost-tb .commission td {
    border-left: 1px dashed #dedcdc;
    height: 55px;
    padding-left: 4px;
    vertical-align: bottom;
}

.cost-tb .commission td:first-child {
    border-left: none;
}

.cost-tb .triangle-ltr {
    border-bottom: 44px solid rgba(0, 0, 0, 0);
    border-left: 22px solid #dfe0dd;
    border-top: 44px solid rgba(0, 0, 0, 0);
    right: -21px;
    top: -14px;
}

.cost-tb .budget-bg .triangle-ltr {
    border-left-color: #8dbb1c;
}

/* График цен [end] */

.toggle-tabs {
    background-color: #F6F6F6;
    border: none;
}

.toggle-tabs > li {
    margin-bottom: 0;
    text-align: center;
    width: 50%;
}

.toggle-tabs > li:first-child {
    border-right: 1px solid #E9E9E9;
}

.toggle-tabs > li > a {
    color: #707070;
    font-size: 30px;
    margin: 0;
    border-radius: 0;
    line-height: 25px;
}

.toggle-tabs > li > a span {
    display: inline-block;
    margin-right: 12px;
    height: 25px;
    width: 25px;
    vertical-align: bottom;
}

.toggle-tabs > li.active > a span {
    background-position: 0 -25px;
}

.toggle-tabs > li > a:hover {
    border-color: transparent;
}

.toggle-tabs > li.active > a,
.toggle-tabs > li.active > a:hover,
.toggle-tabs > li.active > a:focus {
    color: #ffffff;
    background-color: #00B8E4;
    border: 1px solid transparent;
    cursor: default;
}

/* ---------------------------- Footer ---------------------------- */
.pre-footer-links {
    margin: 0;
}

.pre-footer-links > div {
    padding: 0;
}

.pre-footer-links a {
    border-right: 1px solid #E6E6E6;
    color: #707070;
    display: block;
    font-size: 27px;
    padding: 8px 0px 9px;
}

.pre-footer-links a:hover {
    background-color: #F6F6F6;
    text-decoration: none;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .pre-footer-links a {
        font-size: 25px;
    }
}

#footer {
    padding: 20px 0 20px 0;
}

#footer .breadcrumb {
    background-color: transparent;
    padding: 0;
    margin: 0;
}

#footer .breadcrumb > div {
    display: inline-block;
}

#footer address {
    font-size: 14px;
    line-height: 20px;
}

#footer address .address,
#footer address .local-link {
    font-size: 11px;
}

.footer-social-wrap {
    text-align: right;
}

.footer-social-icons {
    line-height: 1;
}

.footer-social-icons li {
    padding: 0 1px;
}

.footer-social-icons a {
    font-size: 30px;
    text-decoration: none;
}

.footer-container {
    margin: 70px 0 40px;
}

.footer-social-icons a:hover {
    opacity: 0.8;
}

@media (max-width: 991px) {
    .footer-social-wrap {
        text-align: center;
    }
}

/* Footer likes */
.ft_social {
    max-height: 150px;
    overflow: hidden;
}

.ft_social div.ft_vk {
    width: 149px;
    margin: 0 0 5px;
}

.ft_social div.ft_fb {
    margin: 0 0 5px;
}

.ft_social div.ft_fb,
.ft_social div.ft_g1,
.ft_social div.ft_yt,
.ft_social div.ft_tw,
.ft_social div.ft_vk {
    float: right;
}

/* Footer likes [end] */
/* ---------------------------- Footer [end] ---------------------------- */

/* ---------------------------- Общие стили для всех каруселей ---------------------------- */
.caroufredsel {
    margin: 0 50px;
    position: relative;
}

.btn-browse,
.cfs-browse {
    color: #e8e8e8;
    cursor: pointer;
    display: block;
    font-size: 29px;
    /*height: 34px;*/
}

.cfs-browse {
    margin-top: -17px;
    position: absolute;
    top: 50%;
    z-index: 10;
}

.btn-browse i,
.cfs-browse i {
    display: block;
    line-height: 1;
}

.btn-browse.disabled,
.cfs-browse.disabled {
    visibility: hidden;
}

.btn-browse:hover,
.cfs-browse:hover {
    color: #00B8E4;
}

.bg-for-white .btn-browse:hover,
.bg-for-white .cfs-browse:hover {
    color: #e8e8e8;
}

.cfs-browse:active {
    margin-top: -16px;
}

.btn-browse,
.btn-browse:focus,
.btn-browse:hover,
.btn-browse:active,
.cfs-browse,
.cfs-browse:focus,
.cfs-browse:hover,
.cfs-browse:active {
    outline: none;
    text-decoration: none !important;
}

.cfs-prev {
    left: -40px;
}

.cfs-next {
    right: -40px;
}

.cfs-pagination {
    text-align: center;
    line-height: 1;
    margin: 10px 0;
    height: 16px;
}

.cfs-pagination a {
    display: inline-block;
    outline: none;
    margin: 0 15px 0 0;
    position: relative;
    width: 16px;
    height: 16px;
}

.cfs-pagination a:focus {
    outline: 0;
}

.cfs-pagination a span {
    background-color: #01b5e2;
    border-radius: 10px;
    float: left;
    height: 8px;
    width: 8px;
    left: 50%;
    margin-left: -4px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
}

.bg-for-white .cfs-pagination a span {
    background-color: #57D7FC;
}

.cfs-pagination a.selected span {
    background-color: #57d7fc;
    position: static;
    margin: 0;
    height: 16px;
    width: 16px;
    cursor: default;
}

.bg-for-white .cfs-pagination a.selected span {
    background-color: #fff;
}

.caroufredsel .carousel-items > * {
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
}

.caroufredsel .wrapper .carousel-items > *,
.caroufredsel .wrapper .bp-carousel > * {
    display: none;
}

.caroufredsel .wrapper .carousel-items > *:first-child,
.caroufredsel .wrapper .bp-carousel > *:first-child {
    display: block;
}

.caroufredsel .wrapper .caroufredsel_wrapper .carousel-items > *,
.caroufredsel .wrapper .caroufredsel_wrapper .bp-carousel > * {
    display: inline-block !important;
}

.btn-browse {
    position: relative;
}

.btn-browse:active {
    top: 1px;
}

/* ---------------------------- Общие стили для всех каруселей [end] ---------------------------- */

/* ---------------------------- Блоки ---------------------------- */
/* Блок портфолио */
.block-portfolio {
    margin: 0 50px;
}

.block-portfolio .bp-carousel-l3 > *,
.block-portfolio .bp-carousel > * {
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
}

.block-portfolio .bp-carousel-l3 > * span,
.block-portfolio .bp-carousel > * span {
    display: block;
    text-align: center;
    white-space: nowrap;
}

.block-portfolio .bp-carousel-l3 > * {
    margin-right: 15px;
}

.block-portfolio .bp-carousel-l3 > * > a {
    display: block;
    margin-bottom: 10px;
}

.block-portfolio .bp-carousel-l3 img,
.block-portfolio .bp-carousel img {
    display: block;
    margin: 0 auto;
}

.block-portfolio .highslide {
    display: block;
}

/* Для SMM ссылок */
.block-portfolio .cfs-smm-links {
    text-align: center;
}

.block-portfolio .cfs-smm-links a {
    text-decoration: none;
}

.block-portfolio .cfs-smm-links > * {
    display: inline-block !important;
}

.block-portfolio .cfs-smm-links img {
    display: inline-block !important;
}

/* Для SMM ссылок [end] */

/* Блок портфолио [end] */
/* ---------------------------- Блоки [end] ---------------------------- */

/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */
/*.centered-xs {
    text-align: center;
}*/

.btn-more.personal-cabinet {
    border: 0 none;
    display: inline;
    font-size: 11px;
    padding: 4px 7px 2px 7px;
}

.btn-more.personal-cabinet:focus, .btn-more.personal-cabinet:hover, .btn-more.personal-cabinet:active {
    background-color: inherit;
    color: inherit;
}

.btn-more.personal-cabinet i {
    font-size: 14px;
}

.personal-cabinet:hover span {
    text-decoration: underline;
}

.personal-cabinet:hover i {
    opacity: 0.8;
}

/* Video Reviews */
.video-review-block {
    max-width: 550px;
}

.video-review-block .vr-author {
    font-size: 18px;
}

.video-review-block .vr-company {
    font-size: 14px;
}

.video-review-block.video-review-responsive {
    max-width: 100%;
}

.video-review-block.video-review-responsive .caroufredsel {
    margin: 0;
}

.video-review-block.video-review-responsive .caroufredsel .carousel-items > * {
    margin: 0;
}

.video-review-responsive .caroufredsel .carousel-items > li {
    position: relative;
    width: 100%;
    color: #FFF;
}

.video-review-responsive .review-author {
    position: absolute;
    top: 17px;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
    line-height: 1.5;
    width: 100%;
}

.video-review-responsive .vr-author {
    font-size: 44px;
    line-height: 1;
}

.video-review-responsive .cfs-pagination {
    display: block;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 16px;
    z-index: 10;
}

.video-review-responsive .cfs-prev {
    left: 10px;
}

.video-review-responsive .cfs-next {
    right: 10px;
}

.video-review-block .video-review-inner-block {
    position: relative;
    margin: 0 50px;
}

.video-review-block .caroufredsel .carousel-items > * {
    margin: 0;
}

.video-review-block .video-review-image-block img {
    width: 382px;
    height: 210px;
}

/* Video Reviews [end] */

/* Наша команда */
.team-scrollable > div {
    float: left;
    width: 78px;
}

.team-scrollable > a {
    margin-right: 4px;
}

.team-block .cfs-next {
    right: -33px;
}

.netpeak-hover {
    float: left;
    /*display: inline-block;*/
    position: relative;
    overflow: hidden;
    height: 90px;
    width: 75px;
}

.netpeak-hover img {
    width: inherit !important;
    vertical-align: top;
    position: absolute;
    top: 0;
}

.netpeak-hover .hovered-image {
    opacity: 0;
}

.netpeak-hover:hover .hovered-image {
    opacity: 0.5;
}

/* Наша команда [end] */

/* Наши сертификаты */
.our-certificates {
    text-align: center;
}

.our-certificates > a {
    display: block;
    margin: 0 auto;
    max-width: 527px;
}

.our-certificates > a img {
    left: -5px;
    position: relative;
}

.our-certificates ul {
    margin-left: -5px;
}

/* Наши сертификаты [end] */

/* Отступы внизу и вверху блоков */
.header-block {
    line-height: 60px;
    min-height: 60px;
    margin: 50px 0 30px 0;
}

.header-block > * {
    margin: 0;
}

.header-bottom-block {
    height: 60px;
    line-height: 60px;
    margin: 20px 0 20px 0;
    position: relative;
}

.header-block.empty-small-block,
.header-bottom-block.empty-small-block,
.header-bottom-block.empty-block,
.header-block.empty-block {
    height: 10px;
    min-height: 10px;
    line-height: 10px;
}

.header-block.empty-small-block,
.header-bottom-block.empty-small-block {
    margin-top: 30px;
}

.header-bottom-block i.netpeak-plus {
    display: inline-block;
    font-size: 60px;
    position: absolute;
    /*left: 215px;*/
    left: -94px;
}

/* Отступы внизу и вверху блоков [end] */

/* Раздел услуги */
.services-breadcrumbs {
    font-size: 30px;
    line-height: 1.428571429;
    margin-top: 40px;
}

.services-breadcrumbs .sb-left {
    margin-top: 28px;
    vertical-align: top;
}

.services-breadcrumbs,
.services-breadcrumbs a {
    color: #57ceec;
}

.services-breadcrumbs ul li {
    margin-top: 10px;
}

.services-breadcrumbs .sb-active {
    border: 2px solid #fff;
    border-radius: 100px;
    color: #fff;
    display: block;
    padding: 0px 3px 3px 3px;
}

.services-breadcrumbs .sb-active i {
    font-size: 65px;
}

/* Раздел услуги [end] */

/* Блок Наши достижения (на стр. about и order) */
.our-reach {
    color: #797979;
    font-size: 18px;
    font-weight: 300;
}

.our-reach .number {
    font-size: 28px;
}

.our-reach td {
    padding: 0 10px 10px 0;
}

.our-reach td:first-child {
    color: #01b5e2;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
}

.our-reach li span:first-child {
    display: inline-block;
    width: 70px;
}

.our-reach .help-block {
    font-size: 13px;
    line-height: 1;
    margin: 0;
}

.icon-conferences {
    background: url(/img/new-design/icon-conferences.png) no-repeat;
    display: inline-block;
    height: 27px;
    width: 41px;
}

/* Блок Наши достижения (на стр. about и order) */

.oa-icon,
.eightp-icon {
    margin-right: 18px;
}

.our-conferences a {
    display: block;
    font-size: 13px;
}

.eightp-icon {
    background: url("https://images.netpeak.ua/about/8p-small.png") no-repeat;
    display: inline-block;
    height: 28px;
    width: 28px;
    vertical-align: middle;
}

.oa-icon {
    background: url("https://images.netpeak.ua/about/oa-small.png") no-repeat;
    display: inline-block;
    height: 28px;
    width: 28px;
    vertical-align: middle;
}

/* Ссылки в хедере на страницах about [end] */

@media (max-width: 767px) {
    .subheader .container > .about-links-block {
        margin-top: 65px;
    }
}

@media (max-width: 500px) {
    .subheader .container > .about-links-block {
        margin-top: 40px;
    }
}

/* /about/certificates/ */
.our-certificates-list .lightbox-item:hover {
    cursor: pointer;
}

.our-certificates-list li {
    width: 280px !important;
    max-width: 280px !important;
    padding-bottom: 40px;
    vertical-align: top;
    text-align: center;
    margin: 0 auto;
}

.certificates-imgs li {
    width: 280px !important;
}

.our-certificates-list li span,
.our-certificates-list li p {
    display: block;
    text-align: center;
    line-height: 1.3;
    margin-top: 5px;
}

@media (max-width: 500px) {
    .our-certificates-list li {
        display: block;
        margin: 0 auto;
    }

    .set-parameters-xs {
        padding: 0 5px !important;
    }
}

/* /about/certificates/ [end] */

/* Vacancies colors */
.vacancy-block .line .priorities span {
    border-radius: 3px;
    color: #FFFFFF;
    float: left;
    line-height: 14px;
    padding: 1px 5px 4px 5px;
}

.vacancy-block .line .priority1 span {
    background-color: #F80707;
    margin-bottom: 5px;
}

.vacancy-block .line .priority6 span {
    background-color: #20d324;
    margin-top: 5px;
}

#vacancies-list .priority1 a {
    border-left: 5px solid #f80707 !important;
}

#vacancies-list .priority2 a {
    border-left: 5px solid #eb5920 !important;
}

#vacancies-list .priority3 a {
    border-left: 5px solid #eb8420 !important;
}

#vacancies-list .priority4 a {
    border-left: 5px solid #e0ad33 !important;
}

#vacancies-list .priority5 a {
    border-left: 5px solid #e0c133 !important;
}

#vacancies-list .priority6 a {
    border-left: 5px solid #e0da33 !important;
}

#vacancies-list .priority7 a {
    border-left: 5px solid #c6e033 !important;
}

#vacancies-list .priority8 a {
    border-left: 5px solid #a1e033 !important;
}

#vacancies-list .priority9 a {
    border-left: 5px solid #68e033 !important;
}

#vacancies-list .priority10 a {
    border-left: 5px solid #20d324 !important;
}

/* Vacancies colors [end] */

/* Для баннера 728x90 */
.rontar-container {
    text-align: center;
}

#rontar-system-1 .rontar_adplace {
    display: block !important;
    margin: 0 auto !important;
}

#rontar-system-1.rs_728 .rontar_adplace,
#rontar-system-1.rs_728 .rontar_adplace .r_banner_container {
    height: auto !important;
    max-height: 140px; /* 90 img + xx margin */
    width: auto !important;
    max-width: 728px;
}

.rontar-container .rontar_adplace .r_banner_container {
    display: block !important;
    /*
    DANGER
    Если нужен margin-bottom - раскомментировать и прибавить отступ к max-height в блоке выше
  */
    margin-bottom: 50px !important;
}

.rontar-container .rontar_adplace .r_banner_container img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* [end] */

#footer-our-sites-list {
    margin-top: 20px;
}

#footer-our-sites-list li a {
    font-size: 14px;
}

/* COOKIE-BAR */
.cookie-bar {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #000;
    padding: 5px 0 3px 0;
    color: #FFF;
    font-size: 13px;
    z-index: 100;
}

.cookie-bar p {
    margin: 0px;
}

.cookie-bar .btn {
    padding: 0 2px;
    font-size: 13px;
}

/* Owl navigation */

.owl-navigation {
    position: absolute;
    top: 50%;
    color: rgb(255, 255, 255);
    font-size: 60px;
    z-index: 100;
}

.owl-navigation-simple {
    color: #00B8E4;
    font-size: 60px;
}

.owl-navigation.blue {
    color: #00B8E4;
}

.owl-navigation.next {
    right: 0;
}

.owl-navigation.next i:hover, .owl-navigation.prev i:hover,
.owl-navigation-simple.next i:hover, .owl-navigation-simple.prev i:hover {
    opacity: 0.5;
    cursor: pointer;
}

.owl-navigation.next i:active, .owl-navigation.prev i:active,
.owl-navigation-simple.next i:active, .owl-navigation-simple.prev i:active {
    opacity: 0.2;
}

.owl-navigation-block {
    display: inline-block;
    width: 9%;
    vertical-align: top;
}

.owl-navigation-block .owl-navigation-simple {
    padding-top: 60%;
}

/*.owl-carousel-block {
  padding: 0 80px;
}*/

/* Thematical pages */
blockquote.like-text {
    border: 0px none;
    padding: 10px;
    margin-bottom: 0px;
}

.owl-clients, .owl-reviews {
    position: relative;
}

.owl-reviews .video-info-block .vr-author {
    font-size: 37px;
    line-height: 1;
    display: block;
    color: #00B8E4;
}

.owl-reviews .video-info-block .vr-company {
    font-size: 20px;
}

.owl-reviews .iframe-video {
    float: right;
}

@media (max-width: 767px) {
    #header.navbar-fixed-top {
        position: absolute;
    }

    .centered-xs {
        text-align: center;
        float: none !important;
    }

    .no-float-xs {
        float: none !important;
    }

    .no-margin-btm-xs {
        margin-bottom: 0 !important;
    }

    .hide-on-xs {
        display: none !important;
    }

    .show-on-xs {
        display: block !important;
    }

    .cup {
        display: none;
    }

    .callback-block {
        padding-top: 6px;
        padding-bottom: 6px;
        min-height: 42px;
        text-align: right;
    }

    .hd-menu-and-btns .callback-block {
        background-color: #fff;
    }

    .hd-menu-and-btns .main-menu-col {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.9);
    }

    .white-bg {
        background: none;
    }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    /*    .centered-xs {
          text-align: left;
      }*/
    .cup {
        display: inline-block;
    }

    .navbar-header {
        float: none !important;
    }
}

@media (max-width: 991px) {
    .footer-social-icons li {
        padding: 0 5px;
    }

    .footer-social-icons a {
        font-size: 45px;
    }

    .footer-social-icons a .netpeak-facebook {
        font-size: 39px;
    }

    .sm-no-margin {
        margin-bottom: 0 !important;
    }

    #header .ltv-calc-button {
        display: none;
    }

    .responsive-owl-nav .owl-navigation {
        top: 10%;
        font-size: 26px;
    }

    .responsive-owl-nav .owl-navigation i {
    }
}

/* Small devices Tablets (≥768px) */
@media (min-width: 768px) and (max-width: 991px) {
    .centered-sm {
        text-align: center;
        float: none !important;
    }

    .no-float-sm {
        float: none !important;
    }

    .hide-on-sm {
        display: none;
    }

    .show-on-sm {
        display: block;
    }

    .no-margin-bottom-sm {
        margin-bottom: 0 !important;
    }

    #header .btn-custom {
        padding: 0 9px;
    }

    .btn-callback {
        padding: 0 9px;
    }

    #open-callback-btn {
        margin-left: 6px;
    }

    .embed-responsive-16by9-near-slideshare {
        padding-bottom: 56%;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    /*    .centered-xs {
          text-align: left;
      }*/
    /*    #header .address-block {
          text-align: right;
          float: right;
      }*/
    .personal-cabinet span.pc-text {
        display: inline-block !important;
    }

}

@media (min-width: 992px) and (max-width: 1199px) {
    .pull-right-md {
        float: right;
    }

    .pull-left-md {
        float: left;
    }

    .hide-on-md {
        display: none;
    }
}

@media (max-width: 1199px) {
    #header .btn-custom {
        padding: 0 8px;
    }

    .btn-callback {
        padding: 0 8px;
    }

    .hd-callback-form-block {
        padding: 0 8px;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .hide-on-md {
        display: none;
    }

    #header .callback-block {
        text-align: right;
    }

    #open-callback-btn {
        margin-left: 20px;
    }
}

@media (max-width: 500px) {
    body {
        padding-top: 139px;
    }

    .header-bottom-block i.netpeak-plus {
        font-size: 40px;
        left: -54px;
    }

    #header .logo-block img {
        height: 46px !important;
        width: 170px !important;
    }

    #header .logo-block {
        line-height: 1;
        margin-top: 5px;
        margin-left: 0!important;
    }

    .header-bottom-block {
        height: 10px;
        line-height: 10px;
        min-height: 10px;
    }
}

/* No js */
.no-js .collapse {
    display: block !important;
}

/* No js [end] */

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

/*
Jivosite fix
*/
div#jivo-iframe-container {
    z-index: 9999999 !important;
}

/* Стили для окон предупреждений */
.warning-message {
    position: fixed;
    bottom: 0;
    padding: 15px;
    text-align: center;
    z-index: 5000;
    width: 100%;
}

.warning-ie-message {
    background-color: #00B8E4;
    color: #F8E5E8;
}

/* Стили для окон предупреждений end */

/** Начало contextual_title **/
.contextual_title {
    margin-top: -4px;
    padding-top: 4px;
    padding-bottom: 5px;
}

.contextual_title .bs_col_left img {
    margin-left: 20px;
    margin-top: 42px;
    max-width: 100%;
    height: auto;
}

.context-breadcrumbs {
    font-size: 30px;
    line-height: 1.428571429;
    margin-top: 40px;
}

.context-breadcrumbs .cb-left {
    margin-top: 28px;
    vertical-align: top;
}

.context-breadcrumbs,
.context-breadcrumbs a {
    color: #57ceec;
}

.context-breadcrumbs ul li {
    margin-top: 10px;
}

.context-breadcrumbs .cb-active {
    border: 2px solid #fff;
    border-radius: 100px;
    color: #fff;
    display: block;
    padding: 0px 3px 3px 3px;
}

.context-breadcrumbs .cb-active i {
    font-size: 65px;
}

/** Конец contextual_title **/

/** Начало contextual_packages **/
.contextual_packages {
    padding-top: 32px;
    padding-bottom: 50px;
}

.contextual_packages .bl_packages {
    margin-left: -4px;
    margin-right: -4px;
    padding-top: 15px;
}

.contextual_packages .bl_packages > div {
    padding-left: 4px;
    padding-right: 4px;
}

.contextual_packages .bl_packages > div:first-child,
.contextual_packages .bl_packages > div:last-child {
    padding-top: 75px;
}

.contextual_packages .bl_package {

}

.contextual_packages .bl_package .package_top {
    min-height: 478px;
    position: relative;
    border: 2px solid #01b5e2;
    border-radius: 5px 5px 0 0;
    text-align: center;
    margin-bottom: 36px;
}

.contextual_packages .package_growth .package_top {
    min-height: 553px;
}

.contextual_packages .bl_package h2 {
    font-size: 40px;
    margin-top: 18px;
    margin-bottom: 22px;
}

.contextual_packages .bl_package img {
    max-width: 100%;
}

.contextual_packages .bl_package img:first-child,
.contextual_packages .bl_package img:last-child {
    max-height: 394px;
}

.contextual_packages .package_growth h2 {
    font-size: 50px;
    margin-top: 14px;
    margin-bottom: 8px;
}

.contextual_packages .package_price {
    background: #01b5e2;
    color: #fff;
    text-align: center;
    font-family: 'GothamProCustom';
    padding: 9px 5px 0;
    min-height: 91px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer;
}

.contextual_packages .package_growth .package_price {
    min-height: 110px;
    padding-top: 12px;
}

.contextual_packages .package_price p {
    font-size: 15px;
    margin-bottom: 0;
    line-height: 1;
}

.contextual_packages .package_growth .package_price p {
    font-size: 18px;
}

.contextual_packages .package_price span {
    font-size: 60px;
    line-height: 0.95;
    display: block;
}

.contextual_packages .package_growth .package_price span {
    font-size: 71px;
}

.contextual_packages .package_price span ul, .contextual_packages .package_bot_desc ul {
    list-style: none;
    line-height: 0.95;
}

.contextual_packages .package_price span ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.contextual_packages .package_bot_desc ul {
    padding-left: 30px;
    padding-right: 30px;
    line-height: 1.2;
    font-weight: 600;
}

.package_price .item_disabled, .package_bot_desc .item_disabled {
    display: none;
}

.contextual_packages .package_price i {
    font-size: 40px;
    font-style: normal;
}

.contextual_packages .package_growth .package_price i {
    font-size: 47px;
}

.contextual_packages .package_price i sup {
    font-size: 25px;
}

.contextual_packages .package_growth .package_price i sup {
    font-size: 31px;
}

.contextual_packages .package_price .contact_us {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    font-size: 25px;
    background: #01b5e2;
    text-decoration: none;
    line-height: 91px;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
    /*opacity: 0;*/
    z-index: 2;
}

/*.contextual_packages .package_growth .package_price a{
  line-height: 110px;
}*/
.contextual_packages .package_price:hover a {
    opacity: 1;
}

.contextual_packages .bl_package .package_list {
    padding: 4px 16px 10px;
    margin-bottom: 36px;
}

.contextual_packages .package_growth .package_list {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    margin-left: -4px;
    margin-right: -4px;
    padding-left: 20px;
    padding-right: 20px;
}

.contextual_packages .package_growth.light-gray-border .package_list {
    border-left: 1px solid #b5b3b3;
    border-right: 1px solid #b5b3b3;
}

.contextual_packages .bl_package .package_list ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.contextual_packages .bl_package .package_list li {
    font-size: 15px;
    font-family: 'GothamProCustom';
    font-weight: 600;
    position: relative;
    margin-bottom: 36px;
    padding-left: 17px;
    line-height: 1.2;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.contextual_packages .bl_package .package_list > ul > li:last-child {
    margin-bottom: 0;
}

.contextual_packages .bl_package .package_list li del {
    color: #b5b3b3;
}

.has_children {
    cursor: pointer;
}

.contextual_packages .bl_package .package_list li.has_children {
    text-underline-position: under;
    text-decoration-skip-ink: none;
    text-decoration: underline dashed rgb(1, 181, 226);
}

.contextual_packages .bl_package .package_list li.item_disabled.has_children {
    text-underline-position: under;
    text-decoration-skip-ink: none;
    text-decoration: underline dashed;
}

.contextual_packages .bl_package .package_list li:before {
    content: "–";
    color: #01b5e2;
    position: absolute;
    left: 0;
    top: 1px;
}

.contextual_packages .bl_package .package_list li.has_children:before {
    content: ">";
}

.contextual_packages .bl_package .package_list li.has_children.active:before {
    -moz-transform: rotate(90deg); /* Firefox */
    -o-transform: rotate(90deg); /* Opera */
    -webkit-transform: rotate(90deg); /* Safari y Chrome */
    transform: rotate(90deg);
}

.contextual_packages .bl_package .package_list li.item_disabled {
    color: #b5b3b3;
    text-decoration: line-through;
    cursor: default;
}

.contextual_packages .bl_package .package_list li.item_disabled:before {
    content: "–";
    color: #b5b3b3;
}

.contextual_packages .bl_package .package_list li ul {
    display: none;
    position: absolute;
    left: 0;
    background: #fff;
    border: 1px solid #01b5e2;
    border-radius: 0 5px 5px 5px;
    padding: 17px 11px 4px 11px;
    margin-top: 8px;
    z-index: 6;
}

.contextual_packages .bl_package .package_list li ul li {
    font-weight: 400;
    margin-bottom: 18px;
}

.contextual_packages .bl_package .package_list li ul li:before {
    content: "–";
}

.contextual_packages .bl_package .package_bot {
    position: relative;
}

.contextual_packages .bl_package .package_bot span {
    display: block;
    color: #fff;
    background: #01b5e2;
    text-align: center;
    padding: 0 5px;
    height: 51px;
    line-height: 51px;
    font-family: 'GothamProCustom';
    font-size: 40px;
}

.contextual_packages .bl_package .package_bot .package_bot_desc {
    border-left: 1px solid #01b5e2;
    border-right: 1px solid #01b5e2;
    height: 115px;
}

.contextual_packages .bl_package .package_bot p {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    display: table-cell;
    width: 1%;
    vertical-align: middle;
    line-height: 1.2;
    font-weight: 600;
}

.contextual_packages .bl_package .package_bot button {
    width: 100%;
    border: 2px solid #01b5e2;
    border-radius: 0 0 5px 5px;
    background: #fff;
    height: 52px;
    color: #01b5e2;
    font-family: 'GothamProCustom';
    font-size: 25px;
    line-height: normal;
    padding: 0;
    outline: none;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}

.contextual_packages .bl_package .package_bot button:hover {
    background: #ff8000;
    color: #fff;
    border-color: #ff8000;
}

.contextual_packages .bl_package .package_bot form {
    background: #e7e8e8;
    padding: 7px 9px;
    display: none;
    position: absolute;
    left: 0px;
    right: 0px;
    /*bottom: -70px;*/
    top: 166px;
    z-index: 5
}

.contextual_packages .package_bot form input[type="email"],
.contextual_packages .package_bot form input[type="tel"],
.contextual_packages .package_bot form input[type="text"] {
    width: 100%;
    height: 30px;
    line-height: normal;
    font-size: 14px;
    font-weight: 600;
    border: 0;
    border-radius: 5px;
    margin-bottom: 7px;
    padding: 0 12px;
}

.contextual_packages .package_bot form input::-webkit-input-placeholder {
    color: #b5b3b3;
}

.contextual_packages .package_bot form input::-moz-placeholder {
    color: #b5b3b3;
}

.contextual_packages .package_bot form input:-moz-placeholder {
    color: #b5b3b3;
}

.contextual_packages .package_bot form input:-ms-input-placeholder {
    color: #b5b3b3;
}

.contextual_packages .package_bot form input[type="submit"] {
    width: 100%;
    background: #ff8000;
    color: #fff;
    font-family: 'GothamProCustom';
    font-size: 22px;
    border: 0;
    border-radius: 5px;
    height: 35px;
}

.contextual_packages .packages_label {
    padding-top: 21px;
    text-align: right;
}

.rngst_phone_button {
    display: none !important;
}

.callback-ringo {
    background-color: #0bcfff;
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 2px;
    padding: 5px;
    font-size: 14px;
    display: block;
    margin: 0 auto 5px;
    width: 300px;
}

.xs-display-only {
    display: none;
}

.hd-menu-and-btns button.navbar-toggle {
    position: absolute;
    z-index: 500;
    margin: 0px;
    padding: 0px;
    left: 15px;
    top: 2px;
}

.gdpr-checkbox-box {
    display: flex;
    flex-direction: row;
    font-size: 12px;
    align-items: center;
    margin-bottom: 3px;
}

.gdpr-checkbox-box label {
    color: #ffffff;
    font-size: 12px;
    margin-bottom: 0;
}

.gdpr-checkbox-box .gdpr-label {
    text-align: center;
}

.gdpr-checkbox-box label a {
    color: #ffffff;
    font-size: 12px;
    text-decoration: underline;
}

.gdpr-checkbox-box label a:hover {
    color: #ffffff;
    font-size: 12px;
    text-decoration: underline;
}

#footer .copyright-box {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#complaint-form .gdpr-checkbox-box label, #complain-form .gdpr-checkbox-box label {
    color: #000000;
}

#complaint-form .gdpr-checkbox-box #privacy-police-checkbox {
    margin-left: 28px;
}

#complaint-form .gdpr-checkbox-box, #complain-form .gdpr-checkbox-box {
    margin-bottom: 20px;
}

#complaint-form .error, #complain-form .error {
    margin-bottom: 20px;
}

#sb-signup-arise-popup-form .gdpr-checkbox-box {
    padding: 10px 20px 20px 16px;
    text-align: center;
}

.main-menu-block .main-menu-col {
    z-index: 500;
    position: relative;
}

@media (max-width: 1199px) {
    .lg-display-only {
        display: none;
    }

    .xs-display-only {
        display: block;
    }
}

@media (max-width: 768px) {
    .contextual_packages .bl_packages > div:first-child,
    .contextual_packages .bl_packages > div:last-child {
        padding-top: 0;
    }

    .contextual_packages .bl_package {
        max-width: 400px;
        margin: 0 auto 40px;
    }

    .contextual_packages .package_growth .package_list,
    .contextual_packages .bl_package .package_list {
        border-left: 1px solid #b5b3b3;
        border-right: 1px solid #b5b3b3;
        margin-left: 0;
        margin-right: 0;
        padding-left: 16px;
        padding-right: 16px;
        margin-bottom: 0;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .contextual_packages .bl_package .package_top {
        margin-bottom: 0;
    }

    .xs-display-only {
        display: block;
    }
}

/** Конец contextual_packages **/

.margin-right-5 {
    margin-right: 5px;
}

@media (max-width: 500px) {
    .cases-c-wrapper .visible-xs {
        margin-top: 25px !important;
    }
}

.package_bot .privacy-block, #complaint-form .privacy-block, #sb-signup-arise-popup-form .privacy-block {
    display: flex;
    margin-bottom: 5px;
    font-weight: bold;
    align-items: center;
}

#sb-signup-arise-popup-form .privacy-block, #sb-signup-arise-popup-form .privacy-block a {
    text-align: center;
    color: #FFFFFF;
}

#complaint-form .privacy-block {
    justify-content: right;
}

.package_bot .privacy-block > * {
    margin: 5px;
    text-align: center;
}

#complaint-form .privacy-block > * {
    margin: 0 10px;
}

.privacy-block.has-error > * {
    color: red;
}

.privacy-block.has-success > * {
    color: #A3C849;
}

#error-message {
    padding: 20px;
    position: fixed;
    bottom: 0;
    background-color: #f07f1b;
    color: #fff;
    width: 100%;
    text-align: center;
    z-index: 999999999999;
}

.root_business_page_container {
    padding: 0;
}

.root_business_page_container li {
    padding: 0;
    list-style-type: none;
}

.root_business_page_container .root_business_page_item {
    display: flex;
    list-style-type: none;
    font-size: 17px;
    background: #fff;
    border: 2px solid #d3d3d3;
    border-radius: 4px;
    min-height: 197px;
    text-align: center;
    padding: 20px;
    margin-bottom: 32px;
    justify-content: center;
}

.root_business_page_container .root_business_page_item:hover {
    border-color: #00B8E4;
}

.root_business_page_container .root_business_page_item a:hover {
    text-decoration: none;
}

.root_business_page_container .root_business_page_item a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-centered-wrapper {
    display: flex;
    justify-content: center;
    padding: 5px;
}

@media (max-width: 768px) {
    .root_business_page_container .root_business_page_item a {
        width: 100%;
    }

    .root_business_page_container > div {
        margin-top: 15px;
        margin-bottom: 15px;
    }
}

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

.services-links {
    left: -3px;
    position: relative;
    top: -3px;
}

.ff-text > :not(.ff-text-type-all) {
    display: none;
}

.careere-info-block .filter li.disabled, .careere-info-block .filter li.disabled:hover,
#school-direction-filter.filter li.disabled, #school-direction-filter.filter li.disabled:hover{
    color: #BDBDBD;
    border: 2px solid #BDBDBD;
    cursor: auto;
    background-color: #fff;
}

.g-recaptcha > div {
    margin: auto;
    border: 1px solid #fff;
}

.g-recaptcha > div.has-error {
    border: 1px solid red;
}

.g-recaptcha {
    margin: 22px auto 0;
    transform: scale(0.79);
    transform-origin: 0 0;
}

@media (max-width: 992px) {
    .g-recaptcha {
        transform-origin: 0 0;
    }
}

.grecaptcha-badge {
    width: 1px !important;
}

.block-new-task.well {
    display: none;
}

div#email-check.bg-danger, div#domains-check.bg-danger {
    display: none;
}

#result-add-task {
    display: none;
    background-color: #dff0d8 !important;
}

div.form-validation-errors.alert-danger {
    display: none;
}

div#services-block {
    display: none;
}

div#form-group {
    display: none;
}

span#sort-loading {
    display: none;
    margin-left: 7px;
}


span#task-add-loading.text-info {
    display: none;
}

.filter-block.contacts-location {
    display: none;
}

.marker-text-hidden .marker-text {
    display: none;
}

.map-city-contacts {
    height: 400px;
    width: 450px;
}

.vertical-align-middle {
    vertical-align: middle;
}

.footer-opacity {
    opacity: 0.7;
}

@media (min-width: 768px) {
    .text-left-padding-0 {
        padding: 0px !important;
    }

    .text-right-padding-0 {
        padding: 0px !important;
        text-align: right;
    }
}

#get-more-events, #load-all-press-items, #load-all-cases-items {
    margin: 20px auto;
}

#go-to-order-form {
    display: none;
}

.ml-50 {
    margin-left: 50pt;
}