/* Основные стили */
body {
    background-color : #ffffff;
    font-family      : 'PT Sans', sans-serif;
    font-size        : 16px;
    color            : #2c2c2c;
    height           : 100%;
    margin           : 0;
    min-width        : 820px;
    width            : 100%;
    padding          : 0;
}



iframe {
    border: none;
}


a {
    color           : #045fbd;
    text-decoration : none;
}



a:hover {
    color : #000;
}



h3 {
    margin-bottom : 5px;
}



table {
    word-break : break-all;
}



hr {
    margin        : 15px 0;
    border        : 0;
    border-top    : 1px solid #eee;
    border-bottom : 1px solid #fff;
}





/* Стили для баннеров */
.headerBody {
    background-color : #000;
    width            : 100%;
}



.headerBanner {
    height           : 90px;
    background-color : #000;
    margin           : 0 auto;
    text-align       : center;
    min-width        : 1100px;
}



.headerbannerZ {
    min-width  : 1280px;
    margin     : 0 auto;
    position   : relative;
    text-align : center;
}









/* Стили для кнопки в форме жалоб и заказов */
.active-button a {
    border-bottom : 1px dashed #045fbd;
    cursor        : pointer;
}



.active-button a:hover {
    border-bottom : 1px dashed #000;
    cursor        : pointer;
}



.disabled-button a {
    background-color : #ebebcf;
    padding          : 2px;
    cursor           : default;
    color            : #000;
}



.disabled-button a:hover {
    background-color : #ebebcf;
    padding          : 2px;
    cursor           : default;
    color            : #000;
}







/* Стили от Bootstrap */
.btn {
    display               : inline-block;
    /*display              : inline;*/
    padding               : 4px 12px;
    margin-bottom         : 0;
    /*margin-left          : .3em;*/
    font-size             : 14px;
    line-height           : 20px;
    color                 : #333;
    text-align            : center;
    text-shadow           : 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align        : middle;
    cursor                : pointer;
    background-color      : #f5f5f5;
    /*background-color     : #e6e6e6;*/
    background-image      : -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image      : -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image      : -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image      : -o-linear-gradient(top, #fff, #e6e6e6);
    background-image      : linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat     : repeat-x;
    border                : 1px solid #ccc;
    /*border               : 0;*/
    border-color          : #e6e6e6 #e6e6e6 #bfbfbf;
    border-color          : rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color   : #b3b3b3;
    -webkit-border-radius : 4px;
    -moz-border-radius    : 4px;
    border-radius         : 4px;
    filter                : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter                : progid:DXImageTransform.Microsoft.gradient(enabled=false);
    /*zoom                 : 1;*/
    -webkit-box-shadow    : inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow       : inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow            : inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
    color             : #333;
    background-color  : #e6e6e6;
}

.btn:active,
.btn.active {
    background-color : #ccc \9;
}

.btn:hover,
.btn:focus {
    color               : #333;
    text-decoration     : none;
    background-position : 0 -15px;
    -webkit-transition  : background-position 0.1s linear;
    -moz-transition     : background-position 0.1s linear;
    -o-transition       : background-position 0.1s linear;
    transition          : background-position 0.1s linear;
}

.btn:focus {
    outline        : thin dotted #333;
    outline        : 5px auto -webkit-focus-ring-color;
    outline-offset : -2px;
}

.btn.active,
.btn:active {
    background-image   : none;
    outline            : 0;
    -webkit-box-shadow : inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow    : inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow         : inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
    cursor             : default;
    background-image   : none;
    opacity            : 0.65;
    filter             : alpha(opacity=65);
    -webkit-box-shadow : none;
    -moz-box-shadow    : none;
    box-shadow         : none;
}

.btn-primary.active {
    color : rgba(255, 255, 255, 0.75);
}

.btn-primary {
    color             : #fff;
    text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color  : #006dcc;
    /*background-color : #04c;*/
    background-image  : -moz-linear-gradient(top, #08c, #04c);
    background-image  : -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
    background-image  : -webkit-linear-gradient(top, #08c, #04c);
    background-image  : -o-linear-gradient(top, #08c, #04c);
    background-image  : linear-gradient(to bottom, #08c, #04c);
    background-repeat : repeat-x;
    border-color      : #04c #04c #002a80;
    border-color      : rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter            : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    filter            : progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    color             : #fff;
    background-color  : #04c;
    /*background-color : #003bb3;*/
}

.btn-primary:active,
.btn-primary.active {
    background-color : #039 \9;
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
    padding : 0;
    border  : 0;
}





/* Стили для блоков в центральной колонке */

.associations-cms-block-shell {
    width         : 578px;
    height        : auto;
    border        : 1px solid #ececec;
    padding       : 10px;
    margin-bottom : 15px;
    line-height   : 22px;
}



.cms-full {
    width         : 578px;
    height        : auto;
    border        : 1px solid #ececec;
    padding       : 10px;
    margin-bottom : 15px;
    line-height   : 22px;
}



.associations-full {
    width         : 578px;
    height        : auto;
    border        : 1px solid #ececec;
    padding       : 10px;
    margin-bottom : 15px;
    line-height   : 22px;
}



.cms-mini-block,
.assoc-mini-block {
    display        : inline-block;
    height         : auto;
    width          : 275px;
    vertical-align : top;
}

.assoc-mini-block {
    margin-left : 20px;
}

.b-association,
.b-cms {
    display : inline-block;
    margin  : 5px 0 0 10px;
}

.b-association__text,
.b-cms__text {
}



/* Шоурил */

.showreel-block {
    width         : 578px;
    height        : auto;
    float         : left;
    border        : 1px solid #ececec;
    padding       : 10px;
    margin-bottom : 15px;
    line-height   : 22px;
}






























/*********************************************************\
    Блок формы
\*********************************************************/

.button-margin {
    margin-left : 30px;
}

.header-margin {
    margin-left : 8px;
}

.button-text {
    font-size : 12pt;
}

.services-error {
    font-size     : 10pt;
    margin-top    : -5px;
    margin-bottom : -10px;
}

.services-unselected {
    font-size     : 10pt;
    margin-top    : 0;
    margin-bottom : 0;
}

.services-table {
    margin-top : -5px;
}

.services-table-top {
    vertical-align : top;
}

.services-checkbox {
    margin-top : 4px;
}

.agreement {
    margin-top : 5px;
}

.agreement-text {
    color          : #666;
    font-size      : 10pt;
    height         : 53px;
    vertical-align : top;
    width          : 499px;
}

.input-text {
    margin-bottom : 10px;
    width         : 279px;
}

.input-textarea {
    height        : 100px;
    margin-bottom : 10px;
    resize        : vertical;
    width         : 279px;
}

.input-textarea-error {
    height        : 47px;
    margin-left   : 8px;
    margin-bottom : 10px;
    margin-top    : 3px;
    resize        : vertical;
    width         : 260px;
}

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

/* Стили для форм заказов, жалоб и ошибок*/
.order-claim-error-form {
    border        : 1px solid #ececec;
    margin-bottom : 15px;
    padding       : 10px;
}

.button-block {
    margin-top : 5px;
}

.b-request-form {
    height    : auto;
    width     : 578px;
    font-size : 10pt;
}

    .b-request-form__column {
        height         : auto;
        width          : 279px;
        display        : inline-block;
        vertical-align : top;
    }

    .b-request-form__column +
    .b-request-form__column {
        margin : 0 0 0 20px;
    }

    .b-request-form--hidden {
        display : none;
    }

.form-center {
    float  : left;
    height : auto;
    width  : 578px;
}

.form-required-star {
    color : red;
}




/* Правки для tooltip plugin */
div.jquery-gdakram-tooltip div.content {
    background-color : #2c2c2c !important;
    min-height       : 20px;
}
div.jquery-gdakram-tooltip div.down_arrow {
    background-position : 160px 0;
}
/* Правки для tooltip plugin */

div.jquery-gdakram-tooltip .link {
    margin-top : 10px;
    text-align : right;
}

/* Стили для бабла твиттера */
.twitter-bubble {
    font-size   : 12px;
    line-height : 14px;
}

.twitter-bubble a {
    color           : #7FDBFF;
    text-decoration : none;
}

.twitter-bubble a:hover {
    color : #0089ff;
}

.twitter-bubble a:visited {
    color : #db77ff;
}

.twitter-bubble__picture {
    background-color : white;
    border           : 1px solid #666;
    display          : inline-block;
    max-width        : 60px;
    padding          : 5px;
}

.twitter-bubble__picture img {
    max-width : 50px;
}

.twitter-bubble__user-info {
    display        : inline-block;
    max-width      : 200px;
    padding        : 0 0 0 10px;
    vertical-align : top;
}

.twitter-bubble__user-link {
    font-size : 16px;
}

.twitter-bubble__user-counts {
    margin : 4px 0 7px 0;
}

.twitter-bubble__twit {
    margin : 10px 0 0 0;
}

.twitter-bubble__twit-link {
    margin     : 5px 0 0 0;
    text-align : right;
}


/* Стили для бабла Facebook */
.fb-bubble {
    font-size   : 12px;
    line-height : 14px;
}

.fb-bubble a {
    color           : #7FDBFF;
    text-decoration : none;
}

.fb-bubble a:hover {
    color : #0089ff;
}

.fb-bubble a:visited {
    color : #db77ff;
}

.fb-bubble__picture {
    background-color : white;
    border           : 1px solid #666;
    display          : inline-block;
    max-width        : 60px;
    padding          : 5px;
}

.fb-bubble__picture img {
    max-width : 50px;
}

.fb-bubble__user-info {
    display        : inline-block;
    max-width      : 200px;
    padding        : 0 0 0 10px;
    vertical-align : top;
}

.fb-bubble__user-link {
    font-size : 16px;
}

.fb-bubble__like {
    display    : block;
    margin-top : 5px;
}

.fb-bubble__user-counts {
    margin : 4px 0 7px 0;
}

.fb-bubble__post {
    margin : 10px 0 0 0;
}

.fb-bubble__post-link {
    margin     : 5px 0 0 0;
    text-align : right;
}

.not-show-tooltip {
    display : inline-block;
}

.show-tooltip {
    display : inline-block;
}





/*********************************************************\
|*********************************************************|
|*********************************************************|
    New style generation by lkg0dzre
|*********************************************************|
|*********************************************************|
\*********************************************************/





/*********************************************************\
    Clear Fix для float
\*********************************************************/

.clear:before,

.clear:after {
    content : "";
    display : table;
}

.clear:after {
    clear : both;
}

.clear {
    zoom : 1; /* For IE 6/7 (trigger hasLayout) */
}





/*********************************************************\
    Скрывалка :)
\*********************************************************/

.hidden {
    display : none;
}





/*********************************************************\
    Формальные цвета
\*********************************************************/

.green {
    color : #3B8B29;
}





/*********************************************************\
    Формальные размеры
\*********************************************************/

.big-text {
    font-size   : 18px;
    line-height : 22px;
}

.middle-text {
    font-size   : 16px;
    line-height : 20px;
}

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





/*********************************************************\
    Стили для объектов имеющих тултип
\*********************************************************/

.has-tooltip {
    cursor : help;
}




/*********************************************************\
    Ссылка
\*********************************************************/

.b-link {
    color           : #045fbd;
    text-decoration : none;
}

    .b-link:hover {
        color : #000;
    }

    .b-link--underlined {
        text-decoration : underline;
    }

    .b-link--inverse {
        color : #3d9dff;
    }

    .b-link--inverse:hover {
        color : #fff;
    }







/*********************************************************\
    Каркас страниц
\*********************************************************/

.b-layout {
    width   : auto;
}


.b-page {
    margin : 0 auto;
    width  : 1240px;
    padding : 0 10px;
}





/*********************************************************\
    Колонки
\*********************************************************/

.b-column {
    float      : left;
    margin-top : 15px;
    padding    : 0;
}

    .b-column--side_left {
        width : 260px;
    }

    .b-column--side_center {
        margin-left : 20px;
        width       : 600px;
    }

    .b-column--side_right {
        margin-left : 20px;
        width       : 335px;
    }

    .b-column--side_big-right {
        margin-left : 20px;
        width       : 980px;
    }

    .b-column--lowered {
        margin-top: 55px;
    }





/*********************************************************\
    Общий блок данных в карточке
\*********************************************************/

.b-block {
    border        : 1px solid #ececec;
    height        : auto;
    margin-bottom : 15px;
    padding       : 10px;
    width         : auto;
}

    .b-block--column_left   { width : 240px; }
    .b-block--column_center {  }
    .b-block--column_right  { width : 313px; }

    .b-block--column_left-inverse {
        background : #3f434d;
        color      : #fff;
        font-size  : 14px;
        padding    : 0 15px 0;
        width      : 230px;
    }


    .b-block--gray {
        background-color : #EEE;
    }

    .b-block--dashed {
        border : 1px dashed #AAA;
    }

    .b-block--full-width {
        border  : 0;
        padding : 0;
        width   : 100%;
    }

    .b-block--centred {
        text-align : center;
    }

    .b-block--descripiton {
        padding  : 0;
        position : relative;
    }


    .b-block__header {
        margin : 0 0 5px;
    }

    .b-block__header--big {
        font-size : 21px;
        margin    : 20px 0 20px;
    }

    .b-block__inline {
        display: inline-block;
    }


.b-icon {
    display        : inline-block;
    height         : 16px;
    margin-right   : 8px;
    text-align     : center;
    vertical-align : top;
    width          : 16px;
}

    .b-icon img {
        opacity    : 0.8;
        max-height : 16px;
    }

    .b-icon--rounded {
        border         : 2px solid #EEE;
        border-radius  : 50%;
        height         : 20px;
        padding        : 6px;
        text-align     : center;
        vertical-align : baseline;
        width          : 20px;
    }

    .b-icon--year-fix {
        margin-top : -1px;
    }

    .b-icon--unmargined {
        margin: 0;
    }



.b-award-icon {
    /*background-color : #FFF5F5;*/
    /*border           : 2px solid #FF8484;*/
    /*border-radius    : 50%;*/
    display          : inline-block;
    /*height           : 28px;*/
    /*margin           : 15px 8px 5px;*/
    padding          : 6px;
    /*text-align       : center;*/
    vertical-align   : bottom;
    /*width            : 28px;*/
}

    .b-award-icon img {
        height : 24px;
        width  : 24px;
    }




/*********************************************************\
    Блок «Я хочу свою карточку в каталоге компаний»
\*********************************************************/

.b-i-want-card {
    border        : 1px dashed #AAA;
    font-weight   : bold;
    margin-bottom : 15px;
    padding       : 5px 0 5px;
    text-align    : center;
    width         : 260px;
}

.b-i-want-card__text {
    margin : 0;
}

.b-i-want-card__link {
    text-decoration : underline;
}





/*********************************************************\
    Виджет с самыми популярными карточками
\*********************************************************/

.b-widget-popular-companies-header {
    font-size     : 10px;
    margin-bottom : 4px;
}

    .b-widget-popular-companies-header__site {
        display     : inline-block;
        margin-left : 4px;
    }

    .b-widget-popular-companies-header__company {
        display     : inline-block;
        margin-left : 70px;
    }


.b-widget-popular-companies-company {
    color         : white;
    height        : 20px;
    margin-bottom : 5px;
}

    .b-widget-popular-companies-company__icon {
        display : inline-block;
        height  : 16px;
        margin  : 2px 6px;
        width   : 16px;
    }

    .b-widget-popular-companies-company__catalog,
    .b-widget-popular-companies-company__name {
        display        : inline-block;
        vertical-align : top;
    }

    .b-widget-popular-companies-company__catalog {
        height      : 16px;
        padding-top : 2px;
        width       : 16px;
    }

    .b-widget-popular-companies-company__name {
        background-color : #045fbd;
        font-size        : 14px;
        padding-left     : 5px;
        white-space      : nowrap;
    }

    .b-widget-popular-companies-company-name--place_1 { width : 200px; }
    .b-widget-popular-companies-company-name--place_2 { width : 163px; }
    .b-widget-popular-companies-company-name--place_3 { width : 142px; }
    .b-widget-popular-companies-company-name--place_4 { width : 132px; }
    .b-widget-popular-companies-company-name--place_5 { width : 106px; }





/*********************************************************\
    Виджет с рандомными карточками
\*********************************************************/

.b-widget-random-companies-header {
    font-size     : 10px;
    margin-bottom : 4px;
}

    .b-widget-random-companies-header__site {
        display     : inline-block;
        margin-left : 4px;
    }

    .b-widget-random-companies-header__company {
        display     : inline-block;
        margin-left : 70px;
    }


.b-widget-random-companies-company {
    overflow      : hidden;
    color         : #045fbd;
    margin-bottom : 5px;
}

    .b-widget-random-companies-company__icon {
        display : inline-block;
        height  : 16px;
        margin  : 2px 6px;
        width   : 16px;
    }

    .b-widget-random-companies-company__catalog,
    .b-widget-random-companies-company__name {
        display        : inline-block;
        vertical-align : top;
    }

    .b-widget-random-companies-company__catalog {
        height      : 16px;
        padding-top : 2px;
        width       : 16px;
    }

    .b-widget-random-companies-company__name {
        line-height  : 1.1;
        width        : 200px;
        font-size    : 16px;
        padding-left : 5px;
    }






/*********************************************************\
    Блок с вакансиями
\*********************************************************/

.b-vacancies {
    margin-bottom : 15px;
}





/*********************************************************\
    Блок с логотипами спонсоров
    //lkg0dzre: не удалось переверстать внутренноcти по БЭМ,
    // поскольку код полностью подгружаемый.
\*********************************************************/

.b-sponsors {
    /*opacity : 0.5;*/
}






/*********************************************************\
    Блоки из хедера компании: логотип, название, ссылки
\*********************************************************/

.b-company-logo {
    display        : inline-block;
    height         : 80px;
    text-align     : center;
    vertical-align : middle;
    white-space    : nowrap;
    width          : 80px;
}

    .b-company-logo__centring-helper {
        display        : inline-block;
        height         : 100%;
        vertical-align : middle;
    }

    .b-company-logo__image {
        max-height     : 80px;
        max-width      : 80px;
        vertical-align : middle;
    }


.b-company-header {
    border-left    : 1px solid #ececec;
    display        : inline-block;
    margin-left    : 5px;
    padding-left   : 10px;
    vertical-align : middle;
    width          : 465px;
}
    .b-company-header h1 {
        font-size             : 30px;
        font-weight           : bold;
        -webkit-margin-before : 0;
        -webkit-margin-after  : 0;
    }

    .b-company-header__socials {}


.b-company-unverified {
    display        : inline-block;
    float          : right;
    font-size      : 16px;
    margin-top     : 8px;
    vertical-align : middle;
}


.b-social-icon {
    background    : #888;
    border-radius : 26px;
    color         : white;
    display       : inline-block;
    font-size     : 18px;
    height        : 35px;
    margin        : 5px;
    padding       : 0;
    text-align    : center;
    width         : 35px;
}

    .b-social-icon__icon {
        margin-top : 9px;
    }





/*********************************************************\
    Блок «Приветствие»
\*********************************************************/

.b-intro {}

    .b-intro__photo {
        display        : inline-block;
        margin         : 0 8px 0 0;
        vertical-align : top;
    }

    .b-intro__photo img {
        border    : 1px solid #EEE;
        max-width : 100px;
    }

    .b-intro__text {
        display        : inline-block;
        margin         : 0;
        vertical-align : top;
        width          : 460px;
    }

    .b-intro__name {
        margin-top: 5px;
        text-align : right;
    }





/*********************************************************\
    Блок с описанием компании
\*********************************************************/

.b-description {
    padding : 20px;
    max-height : 82px;
    overflow   : hidden;
}
    .b-description--compact {
        height     : 62px;
        max-height : none;
        padding    : 20px 20px 40px 20px;
        overflow-y : scroll;
    }

    .b_description__expand {
        display     : none;
        position    : absolute;
        width       : 100%;
        bottom      : 0;
        left        : 0;
        background  : rgba(255, 255, 255, 0.9);
        text-align  : center;
        padding     : 2px 0;
        line-height : 0;
        border-top  : 1px solid hsla(0, 0%, 85%, 1);
    }

    /* gradient */
    .b_description__expand {
        background : -moz-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 100%);
        background : -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 100%);
        background : linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 100%);
        filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
    }


.b-arrow {
    padding: 3px;
    border: 2px solid #DDD;
    border-radius: 50%;
    cursor: pointer;
    background : white;
}

    .b-arrow:hover {
        border: 2px solid #7F7F7F;
    }




/*********************************************************\
    Блок «Позиции в рейтингах Тэглайн»
\*********************************************************/

.b-ratings {
    border-collapse : collapse;
}

    .b-ratings__row:hover {
        background-color : #EEE;
    }

    .b-ratings__year, .b-ratings__place {
        border-left : 1px solid #d7d7d7;
        padding     : 2px 5px;
        text-align  : center;
        white-space : nowrap;
    }

    .b-ratings__name {
        text-align : right;
        padding    : 2px 5px;
    }

    .b-ratings__place {
        white-space : nowrap;
    }

    .b-ratings__place--empty {
        background : url('/file/img/interface/bg-striped.png');
    }





/*********************************************************\
    Блок «Клиенты» с логотипами клиентов
\*********************************************************/

.b-clients {
    text-align : left;
}

.b-clients_logo {
    display        : inline-block;
    margin         : 10px 6px;
    text-align     : center;
    width          : 180px;
    vertical-align : middle;
}

.b-clients_logo img {
    max-width : 180px;
}





/*********************************************************\
    Блок «Работы компании»
\*********************************************************/

.b-screenshot {
    display        : inline-block;
    margin         : 10px 0 0 0;
    text-align     : center;
    vertical-align : top;
    width          : 189px;
}

    .b-screenshot__link {}

    .b-screenshot__image {
        border    : 1px solid #999;
        max-width : 160px;
    }

    .b-screenshot__caption {
        display    : inline-block;
        text-align : center;
        width      : 158px;
    }





/*********************************************************\
    Блок с картами
\*********************************************************/

.b-maps-block {
    margin-bottom : 15px;
}

.b-map-header {
    background : url('/file/img/map.png');
    padding    : 10px;
}

    .b-map-header__address {
        display        : inline-block;
        padding        : 5px;
        font-weight    : bold;
        vertical-align : middle;
        width          : 360px;
    }

    .b-map-header__button {
        display    : inline-block;
        text-align : right;
        width      : 200px;
    }

    .b-map-header__button button {
        padding : 10px 20px;
    }

.b-map {
    border-top    : 2px solid red;
    height        : 400px;
    margin-bottom : 15px;
    width         : 600px;
}





/*********************************************************\
    Страйп в блоке «Информация о компании»
\*********************************************************/

.b-company-info-stripe {
    display        : inline-block;
    line-height    : 17px;
    padding        : 5px 3px 5px 8px;
    vertical-align : top;
    width          : 275px;
}
    .b-company-info-stripe--full-width {
        display : block;
        width   : 100%;
    }

    .b-company-info-stripe:hover {
        background-color : #EEE;
    }

    .b-company-info-stripe__caption {
        font-weight: bold;
    }

    .b-company-info-stripe__content {}





/*********************************************************\
Страйп в блоке «Ключевые лица»
\*********************************************************/

.b-key-pers-stripe {
    line-height : 1;
    margin-top  : 8px;
}

.b-key-pers-stripe__name {}

.b-key-pers-stripe__post {
    font-size : 12px;
    color     : #666;
}



/*********************************************************\
    Блок «Услуги компании»
\*********************************************************/

.b-company-service {
    background-color : #f7f7f7;
    padding          : 2px;
}

    .b-company-service--has_children {
        cursor: pointer;
    }

    .b-company-service__children {
        padding-left : 15px;
    }

    .b-company-service--level_1 {
        font-weight : bold;
        margin-top  : 5px;
    }

    .b-company-service--level_2 {
        margin-top : 5px;
    }

    .b-company-service__list-item-icon {
        display        : inline-block;
        font-size      : 16px;
        text-align     : right;
        vertical-align : middle;
        width          : 20px;
        margin         : 0 7px 0 0;
    }

    .b-company-service__text {
        display        : inline-block;
        vertical-align : middle;
        line-height    : 1;
        margin         : 2px 0;
    }

    .b-company-service__text--level_1 {
        width: 270px;
    }

    .b-company-service__text--level_2 {
        width: 260px;
    }

    .b-company-service__icon {
        -moz-transition    : all 200ms linear;
        -webkit-transition : all 200ms linear;
        transition         : all 200ms linear;
    }

    .b-company-service__icon.down {
        -moz-transform    : rotate(-180deg);
        -webkit-transform : rotate(-180deg);
        transform         : rotate(-180deg);
    }





/*********************************************************\
    Видео из Vimeo
\*********************************************************/

.b-vimeo-video {
    background : url('/file/img/vimeo-logo-grey.png') no-repeat center center;
    min-height: 327px;
}





/*********************************************************\
    Виджет фейсбука Тэглайн
\*********************************************************/

.b-tagline-facebook {
    background    : url('/file/img/fb-logo-grey.png') no-repeat center center;
    margin-bottom : 15px;
    min-height    : 320px;
}

    .b-tagline-facebook iframe {
        background-color : white;
    }





/*********************************************************\
    Виджеты со спаршенными постами компаний
\*********************************************************/

.b-companys-facebook-widget {
    background : url('/file/img/fb-logo-grey.png') no-repeat center center;
    margin     : 0 auto 15px;
    min-height : 485px;
    text-align : center;
    width      : 300px;
}

    .b-companys-facebook-widget iframe {
        background-color : white;
    }

    .b-companys-facebook-widget__header {
        background-color : #2c2c2c;
        color            : white;
        margin           : 0 auto;
        padding          : 5px 10px;
        width            : 280px;
    }

    .b-companys-facebook-widget__header--font_big    { font-size : 20px; }
    .b-companys-facebook-widget__header--font_medium { font-size : 18px; }
    .b-companys-facebook-widget__header--font_small  { font-size : 16px; }





/*********************************************************\
    Виджет твиттер-ленты
\*********************************************************/

.b-companys-twitter-widget
{
    background : url('/file/img/twitter-logo-grey.gif') no-repeat center center;
    margin     : 0 auto 15px;
    min-height : 454px;
    width      : 300px;
}

    .b-companys-twitter-widget__header
    {
        background-color : #2c2c2c;
        color            : white;
        margin           : 0 auto;
        padding          : 5px 10px;
        text-align       : center;
        width            : 280px;
    }

    .b-companys-twitter-widget__header--font_big    { font-size : 20px; }
    .b-companys-twitter-widget__header--font_medium { font-size : 18px; }
    .b-companys-twitter-widget__header--font_small  { font-size : 16px; }

    .b-companys-twitter-widget__body
    {
        background-color : #ffffff;
        position         : relative;
        height           : 406px;
        background-color : #ffffff;
        font-family      : 'PT Sans';
        color            : #000000;
        width            : 298px;
        font-size        : 14px;
        padding-bottom   : 10px;
        margin           : 0;
        border           : 1px solid #aaaaaa;
        border-top       : 1px solid #55acee;
    }

    .b-companys-twitter-widget__user-info
    {
        border-bottom : 1px solid #ececec;
        padding       : 10px;
    }

    .b-companys-twitter-widget__user-picture
    {
        display        : inline-block;
        vertical-align : middle;
        margin-right   : 10px;
        width          : 50px;
    }

    .b-companys-twitter-widget__user-links
    {
        display        : inline-block;
        vertical-align : middle;
    }

    .b-companys-twitter-widget__username
    {
        display     : block;
        font-weight : bold;
    }

    .b-companys-twitter-widget__twitter-link
    {
        display    : inline-block;
        margin-top : 5px;
    }

    .b-companys-twitter-widget__numbers
    {
        border-bottom : 1px solid #ececec;
        display       : inline-block;
        width         : 100%;
        font-size     : 13px;
        padding       : 5px 0;
        text-align    : center;
    }

    .b-companys-twitter-widget__tweets
    {
        display : inline-block;
        width   : 47%;
    }

    .b-companys-twitter-widget__followers
    {
        border-left : 1px solid #ececec;
        display     : inline-block;
        width       : 48%;
    }

    .b-companys-twitter-widget__feed
    {
        height     : 300px;
        overflow-y : scroll;
    }

    .b-companys-twitter-widget__article
    {
        display : block;
        padding : 6px 0;
        margin  : 0 15px;
    }

    .b-companys-twitter-widget__article + .b-companys-twitter-widget__article
    {
        border-top    : 1px solid #eeeeee;
        border-bottom : 1px solid #ffffff;
    }

    .b-companys-twitter-widget__tweet-text
    {
        font-size : 14px;
        margin    : 0;
    }

    .b-companys-twitter-widget__tweet-info
    {
        margin-top  : 4px;
        font-size   : 12px;
        font-weight : bold;
    }








/*********************************************************\
    Виджет инстаграм-ленты
\*********************************************************/

.b-companys-instagram-widget {
    background : url('/file/img/instagram-logo-grey.jpg') no-repeat center center;
    border     : 1px solid #aaa;
    font-size  : 14px;
    margin     : 0 auto 15px;
    min-height : 516px;
    width      : 298px;
}

    .b-companys-instagram-widget__header {
        background-color : #2c2c2c;
        color            : white;
        margin           : 0 auto;
        padding          : 5px 10px;
        text-align       : center;
        width            : 280px;
    }

    .b-companys-instagram-widget__header--font_big    { font-size : 20px; }
    .b-companys-instagram-widget__header--font_medium { font-size : 18px; }
    .b-companys-instagram-widget__header--font_small  { font-size : 16px; }

    .b-companys-instagram-widget__body {
        background-color : white;
    }


    .b-companys-instagram-widget__user-info {
        border-bottom : 1px solid #ececec;
        padding       : 10px;
    }

    .b-companys-instagram-widget__user-picture {
        display      : inline-block;
        margin-right : 10px;
        width        : 50px;
    }

    .b-companys-instagram-widget__user-links {
        display : inline-block;
        width   : 210px;
    }

    .b-companys-instagram-widget__username {
        font-weight : bold;
    }

    .b-companys-instagram-widget__instagram-link {
        background : url(//badges.instagram.com/static/images/ig-badge-view-sprite-24.png) no-repeat 0 0;
        display    : block;
        height     : 24px;
        margin-top : 5px;
        width      : 137px;
    }

    .b-companys-instagram-widget__instagram-link        { background-position : 0 0; }
    .b-companys-instagram-widget__instagram-link:hover  { background-position : 0 -60px; }
    .b-companys-instagram-widget__instagram-link:active { background-position : 0 -120px; }

    .b-companys-instagram-widget__instagram-link img {
        visibility: hidden;
    }


    .b-companys-instagram-widget__numbers {
        border-bottom : 1px solid #ececec;
        float         : left;
        font          : 12px Arial;
        margin-bottom : 5px;
        padding       : 5px 0;
        text-align    : center;
        width         : 100%;
    }

    .b-companys-instagram-widget__media {
        float : left;
        width : 47.5%;
    }

    .b-companys-instagram-widget__followers {
        border-left : 1px solid #ececec;
        float       : left;
        width       : 48%;
    }


    .b-companys-instagram-widget__stream {
        max-height     : 350px;
        overflow       : auto;
        padding-bottom : 10px;
        text-align     : center;
        width          : 298px;
    }

    .b-companys-instagram-widget__photo-link {
        border  : 1px solid #ECECEC;
        display : inline-block;
        height  : 100px;
        margin  : 5px;
        padding : 5px;
        width   : 100px;
    }

    .b-companys-instagram-widget__photo-img {
        height : 100px;
        width  : 100px;
    }





/*********************************************************\
    Блок с кнопками лайков для центральной и правой колонки
\*********************************************************/

.b-company-likes {
}

    .b-company-likes__twitter,
    .b-company-likes__facebook,
    .b-company-likes__vkontakte {
        display        : inline-block;
        vertical-align : top;
    }

    .b-company-likes__twitter {
        height : 20px;
        width  : 90px;
    }

    .b-company-likes__facebook {
        width : 115px;
    }

    .b-company-likes__vkontakte {
        width : 82px;
    }





/*********************************************************\
    Тэги
\*********************************************************/

.b-tag {
    padding     : 2px 5px;
    color       : hsla(16, 24%, 38%, 1);;
    border      : 1px solid hsla(45, 100%, 51%, 1);
    white-space : normal;
    display     : inline-block;
    margin      : 2px 0;
}

    .b-tag--grade_1  { color: hsla(0, 24%, 38%, 1);     border: 1px solid hsla(45, 100%, 50%, 1);}
    .b-tag--grade_2  { color: hsla(0, 28%, 40%, 1);     border: 1px solid hsla(45, 100%, 52%, 1);}
    .b-tag--grade_3  { color: hsla(0, 32%, 42%, 1);     border: 1px solid hsla(45, 100%, 54%, 1);}
    .b-tag--grade_4  { color: hsla(0, 36%, 44%, 1);     border: 1px solid hsla(45, 100%, 56%, 1);}
    .b-tag--grade_5  { color: hsla(0, 40%, 46%, 1);     border: 1px solid hsla(45, 100%, 58%, 1);}
    .b-tag--grade_6  { color: hsla(0, 44%, 48%, 1);     border: 1px solid hsla(45, 100%, 60%, 1);}
    .b-tag--grade_7  { color: hsla(0, 48%, 50%, 1);     border: 1px solid hsla(45, 100%, 62%, 1);}
    .b-tag--grade_8  { color: hsla(0, 52%, 52%, 1);     border: 1px solid hsla(45, 100%, 64%, 1);}
    .b-tag--grade_9  { color: hsla(0, 56%, 54%, 1);     border: 1px solid hsla(45, 100%, 66%, 1);}
    .b-tag--grade_10 { color: hsla(0, 60%, 56%, 1);     border: 1px solid hsla(45, 100%, 68%, 1);}
    .b-tag--grade_11 { color: hsla(0, 64%, 58%, 1);     border: 1px solid hsla(45, 100%, 70%, 1);}





/*********************************************************\
    Стоимость услуг
\*********************************************************/

.b-service-cost {}

    .b-service-cost__roubles,
    .b-service-cost__text {
        width          : 50%;
        display        : inline-block;
        vertical-align : middle;
    }

    .b-service-cost__roubles {
        font-size   : 30px;
        line-height : 1;
        text-align  : center;
    }

    .b-service-cost__rouble {
        color: hsla(16,25%,38%,1);
    }
    .b-service-cost__rouble--off {
        color: hsla(16,25%,88%,1)
    }

    .b-service-cost__short {
        /*margin-top : -17px;*/
        /*text-transform: uppercase;*/
        font-size   : 28px;
        /*font-weight: bold;*/
        text-align  : center;
        line-height : 1;
    }

    .b-service-cost__long {
        font-size   : 12px;
        line-height : 1;
        text-align  : center;
        color       : #666666;
    }