@font-face {
    font-family: 'PT Sans';
    src:
            url('/file/font/pt-sans/pt_sans.ttf') format('truetype'),
            url('/file/font/pt-sans/pt_sans-web-regular-webfont.woff2') format('woff2'),
            url('/file/font/pt-sans/pt_sans-web-regular-webfont.woff') format('woff'),
            url('/file/font/pt-sans/pt_sans-web-regular-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*********************/
/*** SEPATATE TAGS ***/
/*********************/

html, body {
    margin  : 0 auto;
    padding : 0;
    height  : 100%;
    width   : 100%;
}

body {
    margin           : 0 auto;
    padding          : 0;
    color            : black;
    background-color : #f6f8fb;
    font-family      : Arial, Helvetica, sans-serif;
    font-size        : 12px;
}

.body-fixed-when-pop-up {
    overflow: hidden;
}

#maket {
    min-height : 100%;
}

a {
    color           : #2a8ce7;
    text-decoration : underline;
}

a.btn, a.close {
    text-decoration : none;
}

a:hover {
    color : #159d15;
}

a.dashed { text-decoration : none; border-bottom : 1px dashed; }
a.dashed:hover { text-decoration : none; border-bottom : 1px dashed; }

/* Жирная большая ссылка */
a.fatlink
{
    font-size   : 20px;
    white-space : nowrap;
}


img {
    border         : 0;
    vertical-align : bottom;
    font-size      : 0;
    line-height    : 100%;
}

h1 {
    font-family : FreeSetLightC, Arial, Helvetica, sans-serif;
    font-size   : 23px;
    font-weight : normal;
    margin      : 1px 0 12px 0;
}

h2 {
    font-family : FreeSetLightC, Arial, Helvetica, sans-serif;
    font-size   : 21px;
    font-weight : normal;
    margin      : 21px 0 11px 0;
    line-height : 1.2;
}

h3 {
    font-size   : 18px;
    font-weight : normal;
    line-height : 1.3;
    margin      : 18px 0 9px 0;
}

h4 {
    font-size   : 16px;
    font-weight : normal;
    margin      : 20px 0 10px 0;
}

h5 {
    font-size : 15px;
    margin    : 0 0 13px 0;
}

h6 {
    font-size : 17px;
    margin    : 0;
    padding   : 0 0 15px 27px;
}


select option[disabled] {
    display: none !important;
}


hr {
    margin        : 0 !important;
    border        : 0;
    border-top    : 1px solid #fff;
    border-bottom : 1px solid #c0c0c0;
}

sup.green { color: #0eb113; }





/**********************/
/*** CONTAINER MAIN ***/
/**********************/

.page {
    width    : 1140px;
    height   : auto;
    overflow : auto;
    margin   : 0 auto;
}

.container-main {
    width   : 1040px;
    margin  : 0 auto;
    padding : 10px 0 146px 0;
}

.column-all {
    clear          : left;
    padding-bottom : 27px;
    width          : 1040px;
}


.column-left {
    float   : left;
    padding : 0;
    margin  : 0;
    width   : 240px;
}

    .column-left .sponsors {
        margin : 0 0;
    }

    .column-left .sponsors .image-container {
        text-align       : center;
        margin-top       : 15px;
        background-color : white;
        border           : 1px dashed #cad1dc;
        clear            : left;
        float            : left;
        padding          : 9px;
        width            : 220px;
    }

    .column-left .sponsors h6 {
        font-size        : 12px;
        line-height      : normal;
        background-image : none;
        padding          : 10px 0 5px 10px;
        width            : 210px;
        text-align       : center;
        text-transform   : none;
        font-weight      : normal;
    }


.column-center {
    float       : left;
    padding-top : 3px;
    margin-left : 30px;
    width       : 770px;
}





/*************/
/*** OTHER ***/
/*************/

.nowrap {
    white-space : nowrap;
}

.span5, .span8 {
    width     : 100% !important;
    max-width : 460px !important;
    min-width : 260px !important;
}

input.span5,
textarea.span8,
.control-group .controls select,
.uneditable-input.span5,
.chzn-container {
    margin-bottom : 5px;
}

.control-group label {
    font-size   : 14px;
    font-weight : bold;
}

.form-horizontal .control-label {
    width       : 240px;
    line-height : 16px;
}

.form-horizontal .controls {
    margin-left : 260px;
}





/*************************/
/*** Форма регистрации ***/
/*************************/

.reg-form {
    min-width      : 740px;
    clear          : left;
    padding-bottom : 27px;
}

.reg-form blockquote {
    padding          : 20px 10px 0 10px;
    margin           : 0 0 25px -10px;
    background-color : #eee;
}

.reg-form blockquote.region-info {
    margin-bottom : 15px;
}

.textfield-width-50 {
    width : 50px;
}

.checkbox-block .checkbox {
    font-size   : 14px;
    font-weight : bold;
}

.checkbox-block .checkbox input[type=checkbox] {
    margin-top: 2px;
}

.reg-form .checkbox-full-width .controls {
    margin-left : 0;
}


.reg-form .year-select {
    width : 120px;
}


.reg-form .company-names {
    overflow : hidden;
}


.reg-form .actions {
    text-align : center;
}


.b-reg-button {
    font-size   : 20px;
    line-height : 1.2;
    padding     : 20px;
    margin      : 0 auto;
    width       : 100%;
}

.b-reg-button--narrow {
    margin-bottom : 20px;
    width         : 240px;
}

.btn-appendix {
    font-size: 12px;
    line-height: 1.2;
}

.btn-appendix--narrow {
    margin-top : 5px;
}



.specialization-and-services label.control-label {
    margin      : 30px 0;
    width       : 100%;
    text-align  : center;
    font-size   : 30px;
    font-weight : normal;
}

.specialization-and-services div.controls {
    margin : 10px 0 0 100px;
    clear  : both;
}

.client-sectors-radios {
    font-size   : 14px;
    font-weight : bold;
    margin-left : -37px;
}

    .client-sectors-radios__th {
        padding    : 0 5px;
        text-align : center;
        font-size  : 12px;
    }

    .client-sectors-radios__row + .client-sectors-radios__row {
        border-top : 1px solid rgba(87, 87, 87, 0.25);
    }

    .client-sectors-radios__row:hover {
        background : rgba(216, 213, 213, 0.38);
    }

    .client-sectors-radios__td {
        padding : 5px;
    }

    .client-sectors-radios__td--radio {
        text-align : center;
    }

    .client-sectors-radios .client-sectors-radios__radio {
        margin : 0;
    }



/* Брейки в услугах */
.reg-form .services label.checkbox:nth-child(22),
.reg-form .services label.checkbox:nth-child(29),
.reg-form .services label.checkbox:nth-child(37),
.reg-form .services label.checkbox:nth-child(43) {
    margin-bottom : 20px;
}

.specialization-and-services .social_networks label.control-label {
    margin     : 15px 0 15px 100px;
    font-size  : 20px;
    text-align : left;
    width      : 500px;
}

.specialization-and-services .social_networks label.checkbox {
    width   : 40%;
    display : inline-block;
}


.multi-close {
    float       : none;
    display     : inline-block;
    margin-left : 2px;
}

.region-close {
    float      : left;
    margin     : -20px 0 0 150px;
    width      : 460px;
    height     : 20px;
    text-align : center;
}


label.required {
    position : relative;
}

label span.required {
    position     : absolute;
    top          : 9px;
    right        : 0;
    color        : red;
    margin-right : -11px;
    font-weight  : bold;
    font-size    : 20px;
}


blockquote.minimize {
    overflow : hidden;
}

blockquote.minimize legend {
    line-height    : 20px;
    margin         : 0;
    padding-bottom : 10px;
}

blockquote.minimize .for-hide {
    padding-top : 27px;
}

blockquote.minimize legend a.expand,
blockquote.minimize legend a.shrink {
    cursor    : pointer;
    font-size : 14px;
}


.good-message {
    color : #080;
}

.bad-message {
    color : #c00;
}


div.addLinkBlock {
    max-width  : 720px;
    min-width  : 520px;
    text-align : right;
    margin-top : -18px;
}


div.controls-narrow {
    width : 485px;
}


div.addlink-container {
    margin-right : 15px;
    float        : left;
    /*max-width: 460px;*/
    /*min-width: 260px;*/
}


.separator {
    color : white;
}


.just-text {
    max-width     : 740px;
    margin-bottom : 10px;
}

    .just-text--accent {
        background-color : rgba(255, 255, 0, 0.24);
        padding          : 10px 10px 1px 10px;
        margin-bottom    : 10px;
        border-radius    : 3px;
        box-shadow       : 0px 2px 7px rgba(0, 0, 0, 0.13);
    }


.big-link {
    font-size : 20px;
}

    .big-link--reduced {
        font-size : 16px;
    }

.big-text {
    font-size   : 16px;
}

.big-notice {
    font-size  : 20px;
    margin     : 0 0 20px;
    text-align : center;
}


.checkbox-sad {
    font-weight : normal !important;
    color       : grey;
}


.ajax-loading {
    width      : 100%;
    height     : 100%;
    min-height : 50px;
    background : url(/file/interface/ajax-loader.gif) no-repeat center;
}


.top-center-block {
    width : 730px;
}


.social,
.go-to-link {
    float : left;
}


.clients .controls {
    margin-left: 0;
}


.go-to-link {
    float       : right;
    font-size   : 24px;
    font-weight : bold;
}


.unvisible {
    visibility : hidden;
}


div.disabled * {
    color : #bebebe;
}


.calendar {
    width            : 240px;
    height           : 210px;
    background-color : #fff5d1;
}

    .body_calendar {
        width          : 210px;
        padding-top    : 10px;
        padding-left   : 16px;
        padding-right  : 10px;
        padding-bottom : 10px;
    }

    .title_calendar {
        width         : 240px;
        margin        : 0 0 10px 0;
        font          : normal 10pt Arial, Helvetica, sans-serif;
        color         : #111;
        font-size     : 1.6em;
        margin-bottom : 0.75em;
    }

    .event_title {
        width : 240px;
        font  : normal 13px Arial, Helvetica, sans-serif;
    }

    .event_information {
        width : 240px;
    }

    .event_city {
        width       : 120px;
        font-size   : 11px;
        color       : #999;
        padding-top : 6px;
        float       : left;
    }

    .event_date {
        width       : 90px;
        float       : left;
        text-align  : right;
        padding-top : 5px;
    }


.zag-social {
    width : 385px;
}

    .zag-social-bottom {
        width        : 330px;
        margin       : 0 auto;
        height       : 21px;
        padding-left : 30px;
    }

    .zag-social-fb {
        width          : 110px;
        display        : inline-block;
        vertical-align : middle;
        padding-top    : 1px;
    }

    .zag-social-twi {
        width          : 100px;
        display        : inline-block;
        vertical-align : middle;
        margin-left    : 15px;
    }

    .zag-social-vk {
        width          : 80px;
        display        : inline-block;
        vertical-align : middle;
        margin-left    : 15px;
    }

.zag-social-main
{
    width : 770px;
}

    .zag-social-main-fb {
        width        : 100px;
        float        : left;
        padding-left : 47px;
        padding-top  : 1px;
    }

    .zag-social-main-twi {
        width : 100px;
        float : left;
    }

    .zag-social-main-vk {
        width        : 100px;
        float        : left;
        padding-left : 5px;
    }


.studious h2 {
    line-height : 1.5;
    font-weight : bold;
    font-size   : 16px;
}

.studious h3 {
    font-size   : 18px;
    font-weight : normal;
    margin      : -5px 0 9px 0;
}

.studious ul {
    padding : 0;
    margin  : -13px 0 10px 25px;
}


.ourprojects li {
    line-height   : 16px;
    margin-bottom : 6px;
}


.delete-file {
    margin-top: -48px;
}


.form-horizontal .social-media-label {
    padding: 0;
}

.form-horizontal .social-media-label select {
    width: 240px;
}

.form-horizontal .social-media-add-link {
    display       : block;
    text-align    : center;
    margin-bottom : 30px;
}

.form-horizontal .social-media-mcc {
    margin     : 8px 0 0 30px;
    padding    : 0;
    min-height : 12px;
}





/************************/
/* Фиксы над бутстрапом */
/************************/

input[type="text"],
input[type="password"],
.ui-autocomplete-input,
textarea,
.uneditable-input {
    display               : inline-block;
    padding               : 4px;
    font-size             : 13px;
    line-height           : 18px;
    color                 : #808080;
    border                : 1px solid #ccc;
    -webkit-border-radius : 3px;
    -moz-border-radius    : 3px;
    border-radius         : 3px;
}


.addlink-container + .help-block
{
    margin-right : 60px;
}


/* надпись Лонг-лист в персонах */
.bigH3 h3 {
    font-size : 38px !important;
}

.InputSomething {
    width : 100px !important;
}


/* Стили для оранжевой ссылки в ЛК */
.zag-link .orange a       { color : #ff9002; }
.zag-link .orange a:hover { color : #000000; }


/* Стили для блоков в левой колонке в анкете */
.facebook-like-box {
    width         : 240px;
    height        : 320px;
    margin-bottom : 15px;
}


.banner-box-200x300 {
    width      : 238px;
    height     : auto;
    border     : 1px dashed #cccccc;
    text-align : center;
    padding    : 10px 0;
    margin     : 15px 0;
}

.banner-box-xcart {
    width      : 238px;
    height     : auto;
    border     : 1px dashed #999;
    text-align : center;
    padding    : 10px 0 10px 0;
}

.banner-box-elama {
    width      : 238px;
    height     : auto;
   /* background : #3FC5C6;*/
    border     : 1px dashed #cccccc;
    text-align : center;
    padding    : 10px 0;
    margin     : 15px 0;
}

.banner-box-rif-2015 {
    width      : 238px;
    height     : auto;
    /*background : #a10a13;*/
    border     : 1px dashed #cccccc;
    text-align : center;
    padding    : 10px 0;
    margin     : 15px 0;
}

.banner-box-mblt {
    width      : 238px;
    height     : auto;
    border     : 1px dashed #cccccc;
    text-align : center;
    padding    : 10px 0;
    margin     : 15px 0;
}

.banner-box {
    width      : 238px;
    height     : auto;
    border     : 1px dashed #cccccc;
    text-align : center;
    padding    : 10px 0;
    margin     : 15px 0;
}

.banner-box-offer {
    margin-top : 15px;
    width      : 238px;
    height     : 72px;
    border     : 1px dashed #999;
    text-align : center;
}

.banner-box-text-offer-a2a {
    background : #ffffff;
    border     : 1px solid #cccccc;
    height     : auto;
    margin     : 15px 0;
    padding    : 10px 15px;
    text-align : center;
}

.banner-box-text-offer-a2a .a2a-header {
    font-size      : 18px;
    border-bottom  : 1px solid #cccccc;
    padding-bottom : 5px;
    margin-bottom  : 5px;
}

.banner-box-text-offer-a2a .a2a-description {
    font-size   : 14px;
    line-height : normal;
    font-weight : bold;
    padding     : 5px 0 0px;
}

.banner-box-text-offer-a2a  .a2a-services {
    font-size   : 13px;
    line-height : 20px;
}

.banner-box-img-offer {
    height : auto;
    margin : 15px 0;
}


/* Блок с рекламой рекламы сверстанный */
.advert-tagline-block {
    padding       : 10px 1px;
    height        : auto;
    margin-bottom : 15px;
    background    : #ffffff;
    border        : 1px solid #cccccc;
    line-height   : 1.3;
    font-family   : 'PT Sans';
    font-size     : 15px;
    text-align    : center;
}

.advert-tagline-block .l-h_15 {
    line-height: 1.5;
}

.advert-tagline-block .text a {
    color           : #C31D1D;
    font-weight     : bold;
    text-decoration : none;
}

.advert-tagline-block .text a:hover {
    color           : #3472C9;
    text-decoration : underline;
}

.advert-tagline-block .text + .text {
    margin-top  : 10px;
    padding-top : 10px;
    border-top  : 1px solid #ccc;
}

.advert-tagline-block .text .green-bold {
    color       : #149C0A;
    font-weight : bold;
}


/* Блок с анонсами рейтингов */
.rating-announce_block {
    padding    : 10px 15px;
    height     : auto;
    margin     : 15px 0;
    background : #ffffff;
    border     : 1px solid #cccccc;
}

.rating-announce_block .announce-header {
    font-size     : 17px;
    line-height   : 130%;
    font-weight   : bold;
    color         : #444444;
    margin-bottom : 10px;
    padding-top   : 5px;
}

#table_rating-announce {
    font-size : 13px;
}

#table_rating-announce tr + tr {
    border-top : 1px dashed #cccccc;
}

#table_rating-announce tr .name {
    font-size   : 13px;
    font-weight : bold;
    color       : #2A8CE7;
    line-height : 130%;
}

#table_rating-announce tr .date {
    font-size      : 12px;
    color          : #515151;
    text-align     : right;
    vertical-align : bottom;
    line-height    : 130%;
}

#table_rating-announce td {
    padding : 8px 0;
}

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

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

.green-text {
    color : #3B8B29;
}


/* Стиль для текстового баннера в шапке */
.head-banner {
    min-width      : 1140px;
    margin         : 0 auto;
    height         : auto;
    font-size      : 14px;
    text-align     : center;
    width          : 100%;
    font-family    : Verdana, sans-serif;
    line-height    : 20px;
    padding-bottom : 10px;
    border-bottom  : 1px solid #c4c4c4;
    background     : #fff;
    padding-top    : 10px;
}

.head-banner .big {
    font-size   : 21px;
    line-height : 30px;
}

.head-offf {
    width      : 100%;
    min-width  : 1140px;
    background : #000000;
    text-align : center;
}

.head-etarget {
    width      : 100%;
    min-width  : 1280px;
    background : #fcb128;
    text-align : center;
}

.head-banner-ibc-wrap {
    height           : 60px;
    width            : 100%;
    min-width        : 1320px;
    background-color : #ff6b22;
    position         : relative;
    margin           : 0 auto;
}

.head-banner-ibc-wrap-inner {
    width      : 1280px;
    height     : 60px;
    margin     : 0 auto;
    text-align : center;
    position   : relative;
}

.head-banner-stachka-wrap {
    height           : 60px;
    width            : 100%;
    min-width        : 1140px;
    background-color : #000000;
    position         : relative;
    margin           : 0 auto;
}

.head-banner-stachka-wrap-inner {
    width      : 1140px;
    height     : 60px;
    margin     : 0 auto;
    text-align : center;
    position   : relative;
}

.head-banner-fakefestival-wrap {
    height     : 60px;
    width      : 100%;
    min-width  : 1140px;
    background : -webkit-linear-gradient(left, #00a5fe 50%, #00011f 50%);
    position   : relative;
    margin     : 0 auto;
}

.head-banner-fakefestival-wrap-inner {
    width      : 1000px;
    height     : 60px;
    margin     : 0 auto;
    text-align : center;
    position   : relative;
}

.head-banner-fakestival-2016
{
    width      : 100%;
    min-width  : 1280px;
    height     : 60px;
    margin     : 0 auto;
    text-align : center;
    position   : relative;
    background : #e9fedc;
}

.banner-box-text
{
    box-sizing  : border-box;
    width       : 240px;
    border      : 1px dashed #cccccc;
    background  : #ffffff;
    padding     : 10px;
    line-height : 1.5;
    font-size   : 16px;
    font-weight : bold;
    text-align  : center;
    margin      : 15px 0;
}

#blockquote-social .control-group .controls .control-group {
    display : inline-block;
    margin  : 9px 0 0 35px;
    padding : 0;
}

#blockquote-social .control-group .controls .control-group .controls {
    margin-left: 0;
}

#blockquote-social .control-group .controls .control-group .controls label {
    margin     : 0;
    padding    : 0;
    min-height : 12px;
}


.helpful-links {
    margin: 0;
}

    .helpful-links h2 {
        margin      : 0;
        font-weight : bold;
        font-size   : 18px;
    }

    .helpful-links p {
        line-height : 1.5;
        font-size   : 14px;
    }





/*** Класс для расширителя блоков в рег.анкете и лич.кабе ***/

.reg-form .b-fullwidth {}

    .reg-form .b-fullwidth label {
        width: 98%;
        float: none;
        text-align: left;
    }

    .reg-form .b-fullwidth .controls {
        margin-left: 0;
    }

    .reg-form .b-fullwidth textarea {
        width: 98%;
    }

    .reg-form .b-fullwidth .help-block {
        max-width: 740px;
    }





/*** Класс для выделения (акцентирования) свежих вопросов ***/

.accent,
blockquote.accent,
.ques--accent {
    background-color: rgba(255, 255, 102, 0.58) !important;
}

    blockquote.accent {
        border-left: 5px solid rgba(255, 255, 102, 0.58);
    }

    .ques--accent {
        padding: 10px;
    }

    .accent--green {
        background-color: rgba(139, 195, 74, 0.59) !important;
    }

/*** Класс для восклицательного знака о важности вопроса ***/

.exclamation {
    float         : left;
    font-size     : 30px;
    color         : orange;
    background    : white;
    margin        : 0 10px 10px -20px;
    cursor        : help;
    border-radius : 100%;
}





/*** Класс для верстки Аутсорса внедренного в личкаб из Анкеты ***/

.outsource .controllo-3901-bottom-text,
.outsource .controllo-3623-bottom-text {
    display: none;
}

.form-horizontal .outsource .control-group,
.form-horizontal .outsource .controls {
    margin: 0;
}





/*** Сертификаты ***/

.certificates {}

    .certificates .checkbox {
        display: inline-block;
        margin-right: 4px;
        margin-bottom: 12px;
    }

    .certificates .certificate_count {
        width: 20px;
    }





.b-administrative-mode {
    width          : 100%;
    padding        : 10px;
    text-align     : center;
    background     : red;
    color          : white;
    font-weight    : bold;
    vertical-align : middle;
    opacity        : 0.8;
}



/*** Яркие блоки в левой колонке ***/
.b-text-block {
    height        : auto;
    font-family   : 'PT Sans', sans-serif;
    font-size     : 15px;
    line-height   : 1.3;
    text-align    : center;
    margin-bottom : 15px;
    border        : 1px solid #cccccc;
    background    : black;
    color         : white;
}

    .b-text-block__header {
        display       : block;
        width         : 100%;
        padding       : 10px 0;
        border-bottom : 1px solid #ccc;
        font-size     : 20px;
        color         : gold;
    }

    .b-text-block__body {
        background : #333;
        padding    : 10px 0;
    }

    .b-text-block__text {
        color : white;
    }

    .b-text-block__text--sub {
        margin-top : 10px;
        font-size  : 14px;
    }

    .b-text-block__button {
        font-size       : 18px;
        display         : block;
        width           : 100%;
        padding         : 10px 0;
        border-top      : 1px solid #ccc;
        color           : #ccf;
        font-weight     : bold;
        text-decoration : none;
    }


.head-ux-design-school {
    width            : 100%;
    height           : 60px;
    text-align       : center;
    background-color : #041030;
}



.b-guides-link {
    padding       : 10px;
    margin-bottom : 15px;
    background    : #ffffff;
    border        : 3px solid #000000;
    line-height   : 1.3;
    font-family   : 'PT Sans', serif;
    font-size     : 21px;
    text-align    : center;
    width         : 213px;
}

.b-guides-link a {
    color : black;
}





.inline-radio {
    margin-bottom : 20px;
}

    .inline-radio .control-group {
        margin: 0;
    }

    .inline-radio label.control-label {
        display : inline-block;
        width   : 200px;
    }

    .inline-radio .controls {
        display : inline-block;
    }

    .inline-radio .controls input {
        margin-right : 50px;
    }

.inline-radio-header {
    margin-left : 200px;
    font-weight : bold;
    font-size   : 14px;
}

    .inline-radio-header__yes,
    .inline-radio-header__no {
        display : inline-block;
    }

    .inline-radio-header__no {
        margin-left : 36px;
    }