/* Start:/local/templates/tpprf_chamber_responsive/components/rarus/chamber.main_constructor/.default/style.css?157190571065359*/

/* Допники          :: --------------------------  */
/* ----------------------------------------------  */
.footer-holder.ctr-panel-open {z-index: 0!important; display: none!important;}
#bx-panel.ctr-panel-open {z-index: 0!important; display: none!important;}
#bx-panel .bx-panel-edit-page-icon.constructor {
    background-position: -121px -1401px !important;
}
#bx-panel .bx-panel-button-hover .bx-panel-edit-page-icon.constructor {
    background-position-y: -1515px !important;
}
.selectmenu-menu.ctr-dropdown-menu ul {max-height: 200px;}
.selectmenu-menu.ctr-dropdown-menu ul .active,
.selectmenu-menu.ctr-dropdown-menu div.select-c > div > ul > li.active:nth-child(1) {
    font-weight: bold;
    background: #ebebeb;
}
.selectmenu-menu.ctr-dropdown-menu ul .active:hover,
.selectmenu-menu.ctr-dropdown-menu div.select-c > div > ul > li.active:hover:nth-child(1) {
    color: #fff;
    background: #ccc;
}
.selectmenu-menu.ctr-dropdown-menu div.select-c > div > ul > li:nth-child(1) {font-weight: normal;}
/* END: Допники */


/* Конструктор      :: --------------------------  */
/* ----------------------------------------------  */
.ctr-constructor {}
.ctr-constructor.ctr-save-data {position: relative;}
.ctr-constructor.ctr-save-data:before {
    content: '';
    display: block;
    position: absolute;
    top: -10px;
    bottom: -10px;
    left: -20px;
    right: -20px;
    background: #ddd;
    border-radius: 3px;
    z-index: 100;

    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}
.ctr-constructor .jspScrollable:focus,
.ctr-constructor .jspScrollable *:focus {
    outline: none;
}
.ctr-constructor.ctr-row-drag,
.ctr-constructor.ctr-component-drag {
    cursor: move;
}
.ctr-constructor .ctr-prototype {
    display: none;
}
.ctr-constructor .ctr-hidden {
    display: none;
}
.ctr-constructor .selectmenu {
    text-underline: none !important;
    text-decoration: none !important;
}
/* END: Конструктор */


/* Панель управления:: --------------------------  */
/* ----------------------------------------------  */
.ctr-control-panel-wrap * {box-sizing: border-box;}
.ctr-control-panel-wrap {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 400px;
    z-index: 999!important;
    box-sizing: border-box;

    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;

    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -o-user-select: none;
    user-select: none;
}
.ctr-control-panel-wrap.ctr-right-position {
    left: auto;
    right: 0;
    border-right: 1px solid #f9f9f9;
}
.ctr-control-panel-wrap.ctr-hidden-panel {
    left: -400px;
}
.ctr-control-panel-wrap.ctr-right-position.ctr-hidden-panel {
    left: auto;
    right: -400px;
}
.ctr-control-panel-wrap .css-button {
    text-underline: none !important;
    text-decoration: none !important;
}
.ctr-constructor.ctr-save-data .ctr-control-panel-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ddd;
    z-index: 100;

    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}
/* Управление панелью */
.ctr-control-panel-control-wrap {
    position: absolute;
    top: 0;
    right: -34px;
    z-index: 10;
}
.ctr-control-panel-wrap.ctr-right-position .ctr-control-panel-control-wrap {
    right: auto;
    left: -34px;
}
.ctr-constructor.ctr-save-data .ctr-control-panel-control-wrap {
    display: none;
}
.ctr-control-panel-control-btn {
    width: 35px;
    height: 35px;
    text-align: center;
    background: #ececec;
    padding: 8px;
    color: #767f8c;
    font-size: 17px;
    margin-top: 10px;
    border: 1px solid #16568b;
    border-left-width: 0;
    border-radius: 3px;
}
.ctr-control-panel-wrap.ctr-right-position .ctr-control-panel-control-btn {
    border-left-width: 1px;
    border-right: 0;
}
.ctr-control-panel-control-btn:hover {
    color: #2586d6;
    background: #ffffff;
    cursor: pointer;
}
.ctr-control-panel-control-btn[action="visible"] {}
.ctr-control-panel-control-btn[action="visible"]:after {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ctr-control-panel-control-btn[action="visible"]:after,
.ctr-control-panel-wrap.ctr-right-position.ctr-hidden-panel .ctr-control-panel-control-btn[action="visible"]:after {
    content: '\f060';
}
.ctr-control-panel-wrap.ctr-hidden-panel .ctr-control-panel-control-btn[action="visible"]:after,
.ctr-control-panel-wrap.ctr-right-position .ctr-control-panel-control-btn[action="visible"]:after {
    content: '\f061';
}
/* Контент панели */
.ctr-control-panel {
    position: relative;
    height: 100%;
    width: 100%;
    background: #f5cfd6;
    z-index: 1;
    cursor: default;

    -webkit-box-shadow: -1px 0px 11px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 0px 11px 1px rgba(0,0,0,0.75);
    box-shadow: -1px 0px 11px 1px rgba(0,0,0,0.75);
}
/* - Рабочая зона */
.ctr-work-area-wrap {
    position: absolute;
    top: 0;
    bottom: 200px;
    left: 0;
    right: 0;
    background: #f3f4f5;
    border-bottom: 1px solid #dedede;
}
.ctr-work-area-head-wrap {
    height: 34px;
    text-align: center;
    padding-top: 7px;
    border-bottom: 1px solid #ddd;
}
.ctr-content-wrapper {}
.ctr-content-wrapper[type="grid"] {
    display: none;
}
.ctr-change-content-wrapper {
    display: inline-block;
    border-bottom: 1px dashed #16568b;
    color: #16568b;
    font-size: 16px;
    cursor: pointer;
    text-decoration: none !important;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.ctr-change-content-wrapper:hover {
    border-bottom: 1px dashed #5ba2dc;
    color: #5ba2dc;
}
.ctr-work-area-content-wrap {
    position: absolute;
    top: 34px;
    bottom: 0;
    left: 0;
    right: 0;
}
.ctr-work-area-content-wrap:before,
.ctr-work-area-content-wrap:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 10px;
    z-index: 2;

    background: -moz-linear-gradient(top, rgba(243,244,245,1) 0%, rgba(243,244,245,0) 100%);
    background: -webkit-linear-gradient(top, rgba(243,244,245,1) 0%,rgba(243,244,245,0) 100%);
    background: linear-gradient(to bottom, rgba(243,244,245,1) 0%,rgba(243,244,245,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );

}
.ctr-work-area-content-wrap:after {
    top: auto;
    bottom: 0;

    background: -moz-linear-gradient(top, rgba(243,244,245,0) 0%, rgba(243,244,245,1) 100%);
    background: -webkit-linear-gradient(top, rgba(243,244,245,0) 0%,rgba(243,244,245,1) 100%);
    background: linear-gradient(to bottom, rgba(243,244,245,0) 0%,rgba(243,244,245,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.ctr-work-area-content {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 10px 20px;
    z-index: 1;
}
.ctr-column-desc {
    margin-top: 30px;
    font-size: 18px;
    text-align: center;
    color: #777;
}
.ctr-constructor-action-buttons-wrap {
    margin-top: 50px;
    text-align: center;
}
.ctr-constructor-action-buttons-wrap .css-button {
    width: 230px;
    font-size: 15px;
    margin-top: 20px;
}
.ctr-constructor.ctr-show-column-params .ctr-column-desc,
.ctr-constructor.ctr-show-components-list .ctr-column-desc {
    display: none;
}
.ctr-column-desc .ctr-column-desc-text i {
    position: relative;
    display: block;
    font-size: 30px;
    color: #adadad;
    padding: 30px 0;
    border: 3px dashed;
    border-radius: 12px;
    width: 100px;
    margin: 20px auto 0;
    text-align: center;
}
.ctr-column-desc .ctr-column-desc-text i:before {
    position: relative;
    z-index: 2;
}
.ctr-column-desc .ctr-column-desc-text i:after {
    content: '*';
    display: block;
    position: absolute;
    top: 20px;
    left: 34px;
    color: #f89192;
    font-size: 25px;
    z-index: 1;
}
.ctr-column-desc .ctr-new-component-wrap {
    position: relative;
    top: -30px;
}
.ctr-column-params {
    display: none;
}
.ctr-constructor.ctr-show-column-params .ctr-column-params {
    display: block;
}
.ctr-param-column {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 22px;
}
.ctr-param-column:after {
    content: '';
    display: block;
    clear: both;
}
.ctr-param-column.disabled {
    position: relative;
    cursor: default;

    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}
.ctr-param-column.disabled:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.ctr-param-column .checkboxArea {
    margin-right: 10px;
}
.ctr-param-column input {
    border: 1px solid #b3c9dd;
    width: 100%;
    padding: 5px;
    font-size: 12px;
    color: #585858;
    height: 30px;
}
.ctr-column-params-component-params-btn-wrap {
    text-align: center;
}
.ctr-column-params.ctr-is-empty .ctr-column-params-component-params-btn-wrap,
.ctr-column-params.ctr-is-include .ctr-column-params-component-params-btn-wrap {
    display: none;
}
.ctr-column-params.ctr-use-tabs .ctr-title-link-box {
    display: none;
}
.ctr-column-params-btn-wrap {
    margin-top: 50px;
    text-align: center;
}
.ctr-column-params-btn-wrap .css-button {
    font-size: 16px;
    padding: 7px 40px;
    display: block;
    margin-bottom: 16px;
}
.ctr-param-column.ctr-column-tab-control {
    text-align: center;
    margin-bottom: 20px;
}
.ctr-param-column.ctr-column-tab-control .css-button {
    padding: 4px 14px;
    margin: 0 4px;
    font-size: 12px;
}
.ctr-param-column.ctr-column-tab-control .css-button.ctr-tab-move {
    padding: 0 5px;
    margin: 0;
    position: relative;
    top: -1px;
    font-size: 10px;
}
.ctr-param-column.ctr-column-tab-control .css-button.ctr-tab-move:hover {
    border-color: #b3b3b3;
    color: #3e3e3e;
}
.ctr-param-column.ctr-column-tab-control .css-button:last-child {
    margin-right: 0;
}
.ctr-column-params .ctr-param-column.ctr-column-tab-control .ctr-column-use-tabs-btn,
.ctr-column-params.ctr-use-tabs.ctr-can-use-tabs .ctr-param-column.ctr-column-tab-control .ctr-column-use-tabs-btn,
.ctr-column-params.ctr-use-tabs .ctr-param-column.ctr-column-tab-control .ctr-column-use-tabs-btn,
.ctr-param-column.ctr-column-tab-control .ctr-column-add-tab-btn,
.ctr-param-column.ctr-column-tab-control .ctr-column-delete-tab-btn,
.ctr-param-column.ctr-column-tab-control .ctr-tab-move {
    display: none;
}
.ctr-column-params.ctr-can-use-tabs .ctr-param-column.ctr-column-tab-control .ctr-column-use-tabs-btn,
.ctr-column-params.ctr-use-tabs .ctr-param-column.ctr-column-tab-control .ctr-column-add-tab-btn,
.ctr-column-params.ctr-use-tabs .ctr-param-column.ctr-column-tab-control .ctr-column-delete-tab-btn,
.ctr-column-params.ctr-use-tabs .ctr-param-column.ctr-column-tab-control .ctr-tab-move {
    display: inline-block;
}
.ctr-sub-params-block {
    display: none;
    margin: 10px 20px 20px;
    padding: 2px 13px;
    border-left: 2px solid #d3e1ef;
}
.ctr-sub-params-block.active {
    display: block;
}
.ctr-param-column.disabled .ctr-sub-params-block,
.ctr-param-column.disabled .ctr-sub-params-block.active {
    display: none;
}
.ctr-sub-params-block .ctr-param-column {

}
.ctr-components-list-wrap {
    display: none;
}
.ctr-constructor[mode="content"].ctr-show-components-list .ctr-components-list-wrap {
    display: block;
}
.ctr-components-list-btn-wrap {
    margin-top: 24px;
    text-align: center;
}
.ctr-component-item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px 8px;
    font-size: 13px;
    border: 1px solid #276ea9;
    background: #e3edf5;
    border-radius: 3px;
    color: #16568b;
    margin-bottom: 4px;
    cursor: move;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -o-user-select: none;
    user-select: none;
}
.ctr-component-item:hover {
    border: 1px solid #12446d;
    background: #d1e1ec;
    color: #0063b5;
}
/* - - Режим сетки */
.ctr-constructor[mode="grid"].ctr-row-sizes-drag .ctr-work-area-content {
    overflow: hidden;
}
.ctr-new-row-wrap {
    text-align: center;
    margin-bottom: 14px;
}
.ctr-new-row {
    font-size: 14px;
}
.ctr-new-row i {
    margin-right: 6px;
    position: relative;
    top: 1px;
    text-shadow: none;

}
.ctr-row-desc {
    margin-top: 30px;
    font-size: 18px;
    text-align: center;
    color: #777;
}
.ctr-constructor.ctr-show-row-params .ctr-row-desc {
    display: none;
}
.ctr-row-desc i {
    position: relative;
    display: block;
    font-size: 30px;
    color: #adadad;
    padding: 30px 0;
    border: 3px dashed;
    border-radius: 12px;
    width: 100px;
    margin: 20px auto 0;
    text-align: center;
}
.ctr-row-desc i:before {
    position: relative;
    z-index: 2;
}
.ctr-row-desc i:after {
    content: '*';
    display: block;
    position: absolute;
    top: 20px;
    left: 34px;
    color: #f89192;
    font-size: 25px;
    z-index: 1;
}
.ctr-row-params {
    display: none;
}
.ctr-constructor.ctr-show-row-params .ctr-row-params {
    display: block;
}
.ctr-param-row {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 22px;
}
.ctr-param-row:after {
    content: '';
    display: block;
    clear: both;
}
.ctr-param-row .checkboxArea {
    margin-right: 10px;
}
.ctr-row-params-btn-wrap {
    margin-top: 24px;
    text-align: center;
}
.ctr-row-params-btn {
    font-size: 16px;
    padding: 7px 40px;
}
.ctr-row-sizes-control {
    /*margin: 0 10px;*/
    background: #308b2f;
    padding: 3px 0;
    border: 1px solid #3c7949;
    border-radius: 2px;
    overflow: hidden;
}
.ctr-row-sizes-control:after {
    content: '';
    display: block;
    clear: both;
}
.ctr-constructor[mode="grid"] .ctr-row-sizes-control .ctr-column {
    height: 60px;
    cursor: move;
    /*display: inline-block;*/
}
.ctr-row-sizes-control .ctr-column.ui-sortable-helper {
    width:  65px !important;
    height: 35px !important;
}
.ctr-row-sizes-control .ctr-column:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5px;
    right: 5px;
    background: #e4f1fb;
    border: 1px solid #d6d6d6;
    border-radius: 4px;
}
.ctr-row-sizes-control .ctr-column:hover:before,
.ctr-row-sizes-control .ctr-column.ui-sortable-helper:before {
    background: #fff4d6;
    border-color: #ffd256;
}
.ctr-row-sizes-control .ctr-column:after {
    content: attr(size)'%';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
    height: 20px;
    line-height: 20px;
    color: #16568b;
}
.ctr-row-sizes-control .ctr-drag-placeholder:before,
.ctr-row-sizes-control .ctr-drag-placeholder:hover:before {
    background: #f5f0d2;
    border: 1px solid #e0d19f;
}
.ctr-row-sizes-control .ctr-drag-placeholder:after {
    content: 'сюда';
}
/* - - Режим контента */

/* - Зона ожидания */
.ctr-waiting-area-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background: #7f9cb3;
    border-top: 1px solid #807e7e;
}
.ctr-constructor[mode="grid"] .ctr-waiting-area-wrap:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ddd;
    z-index: 10;

    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
}
.ctr-constructor[mode="grid"].ctr-row-drag .ctr-waiting-area-wrap.ctr-drop-active {
    background: #6e849b;
}
.ctr-constructor[mode="grid"].ctr-row-drag .ctr-waiting-area-wrap.ctr-drop-hover {
    background: #96b6cd;
}
.ctr-constructor[mode="content"] .ctr-waiting-area-wrap.ctr-drop-active {
    background: #accab0;
    border: 2px dashed #65ad6e;
}
.ctr-constructor[mode="content"] .ctr-waiting-area-wrap.ctr-drop-active.ctr-drop-hover {
    background: #71a578;
    border: 2px dashed #0b8405;
}
.ctr-constructor[mode="content"] .ctr-waiting-area-wrap.ctr-drop-active .ctr-waiting-area-desc {
    display: block;
    margin-top: 29px;
}
.ctr-constructor[mode="content"] .ctr-waiting-area-wrap.ctr-drop-active .ctr-waiting-list-wrap {
    display: none;
}
.ctr-waiting-area-desc {
    display: none;
    margin-top: 30px;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    cursor: default;
}
.ctr-empty-waiting-area .ctr-waiting-area-desc {
    display: block;
}
.ctr-waiting-area-desc i {
    position: relative;
    display: block;
    font-size: 30px;
    color: #efefef;
    padding: 30px 0;
    border: 3px dashed;
    border-radius: 12px;
    width: 100px;
    margin: 20px auto 0;
    text-align: center;
}
.ctr-waiting-area-desc i:before {
    position: relative;
    z-index: 2;
}
.ctr-waiting-area-desc i:after {
    content: '*';
    display: block;
    position: absolute;
    top: 22px;
    left: 30px;
    color: #f89192;
    font-size: 25px;
    z-index: 1;
}
.ctr-waiting-list-wrap {
    position: relative;
    padding: 10px;
    height: 100%;
}
.ctr-waiting-list-wrap:before,
.ctr-waiting-list-wrap:after {
    content: '';
    display: block;
    height: 10px;
    position: absolute;
    top: 27px;
    left: 0;
    right: 0;
    margin-right: 16px;
    background: linear-gradient(to bottom, rgba(127, 156, 179, 0.9), rgba(127, 156, 179, 0));
    z-index: 10;
}
.ctr-waiting-list-wrap:after {
    top: auto;
    bottom: 0;
    background: linear-gradient(to top, rgba(127, 156, 179, 0.9), rgba(127, 156, 179, 0));
}
.ctr-empty-waiting-area .ctr-waiting-list-wrap {
    display: none;
}
.ctr-waiting-title {
    margin-bottom: 10px;
    font-size: 18px;
    color: #ffffff;
    cursor: default;
}
.ctr-waiting-title .ctr-waiting-count {
    font-size: 14px;

    -webkit-transition: color 400ms linear;
    -moz-transition:    color 400ms linear;
    -o-transition:      color 400ms linear;
    -ms-transition:     color 400ms linear;
    transition:         color 400ms linear;
}
.ctr-waiting-title .ctr-waiting-count.ctr-new-items {
    color: #fffd00;
}
.ctr-waiting-list-box {
    overflow: hidden;
    position: absolute;
    top: 27px;
    left: 4px;
    right: -4px;
    bottom: 0;
}
.ctr-waiting-list-box:after {
    content: '';
    display: block;
    clear: both;
}
.ctr-waiting-list:after {
    content: '';
    display: block;
    clear: both;
}
.ctr-waiting-item {
    cursor: default;
    padding: 5px;
    float: left;
    width: 25%;
}
.ctr-item-content {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px 8px;
    font-size: 13px;
    border: 1px solid #276ea9;
    background: #cdddea;
    border-radius: 3px;
    color: #16568b;

    -webkit-transition: background 400ms linear;
    -moz-transition:    background 400ms linear;
    -o-transition:      background 400ms linear;
    -ms-transition:     background 400ms linear;
    transition:         background 400ms linear;

    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer */
    -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
    -webkit-user-select: none; /* Chrome, Safari, and Opera */
    -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
    -o-user-select: none; /* Currently not supported in Opera but will be soon */
    user-select: none;
}
.ctr-waiting-item[type="column"] .ctr-item-content {
    background: #ddd;
    color: #004079;
    border-color: #466a88;
}
.ctr-component-need-config .ctr-item-content {
    color: #8b1616;
}
.ctr-waiting-item.ctr-new-item .ctr-item-content {
    background: #fffdb6;
}
.ctr-constructor[mode="content"] .ctr-control-panel .ctr-drag-helper[type="column"],
.ctr-constructor[mode="content"] .ctr-control-panel .ctr-drag-helper[type="component"] {
    width: 200px;
}

#main .ctr-waiting-list-box .jspArrow {text-decoration: none;}
.ctr-waiting-list-box .jspContainer {padding-right: 21px;}
.ctr-constructor[mode="grid"] .ctr-waiting-list-box .jspVerticalBar {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
.ctr-waiting-list-box.jspScrollable .jspContainer {padding-right: 0;}
.ctr-waiting-list-box .jspPane {padding: 5px 0 8px !important;}
.ctr-waiting-list-box .jspVerticalBar {
    border: none;
    right: 4px;
    overflow: hidden;
}
.ctr-waiting-list-box .jspHorizontalBar {display: none;}
.ctr-waiting-list-box .jspTrack {
    background: #7f9cb3;
    padding: 0;
}
.ctr-waiting-list-box .jspTrack:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 6px;
    bottom: 0;
    width: 3px;
    background: #ccdce9;
}
.ctr-waiting-list-box .jspDrag {
    width: 5px;
    margin-left: 5px;
    background: transparent;
    position: relative;
}
.ctr-waiting-list-box .jspDrag:after {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 5px;
    top: 0;
    left: 0;
    z-index: 1;
    background: #6ebdff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.ctr-waiting-list-box .jspArrow {
    position: relative;
    background: transparent;
}
.ctr-waiting-list-box .jspArrow:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: #7f9cb3;
}
.ctr-waiting-list-box .jspArrow:after {
    content: "\f106";
    display: block;
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    height: 0;
    width: 0;
    top: 2px;
    left: 3px;
    z-index: 2;
    text-indent: 0;
    color: #fff;
}
.ctr-waiting-list-box .jspArrow.jspArrowDown:after {
    content: "\f107";
    top: -2px;
}
.ctr-waiting-list-box .jspArrow.jspDisabled:after {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}

/* - Зона удаления*/
.ctr-delete-area-wrap {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120px;
    background: #d67a7c;
    padding: 14px;
    z-index: 3;

    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;

    -webkit-transition: opacity 100ms linear;
    -moz-transition:    opacity 100ms linear;
    -o-transition:      opacity 100ms linear;
    -ms-transition:     opacity 100ms linear;
    transition:         opacity 100ms linear;

    -webkit-box-shadow: -1px 1px 4px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 1px 4px -1px rgba(0,0,0,0.75);
    box-shadow: -1px 1px 4px -1px rgba(0,0,0,0.75);
}
.ctr-constructor[mode="grid"].ctr-row-drag .ctr-delete-area-wrap,
.ctr-constructor[mode="content"].ctr-component-drag .ctr-delete-area-wrap,
.ctr-constructor[mode="content"].ctr-wait-item-drag .ctr-delete-area-wrap {
    display: block;
}
.ctr-constructor[mode="grid"].ctr-row-drag .ctr-delete-area-wrap.ctr-drop-active,
.ctr-constructor[mode="content"].ctr-component-drag .ctr-delete-area-wrap.ctr-drop-active,
.ctr-constructor[mode="content"].ctr-wait-item-drag .ctr-delete-area-wrap.ctr-drop-active {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.ctr-constructor[mode="grid"].ctr-row-drag .ctr-delete-area-wrap.ctr-drop-hover,
.ctr-constructor[mode="content"].ctr-component-drag .ctr-delete-area-wrap.ctr-drop-hover,
.ctr-constructor[mode="content"].ctr-wait-item-drag .ctr-delete-area-wrap.ctr-drop-hover {
    background: #d64944;
}
.ctr-delete-area {
    height: 100%;
    color: #b95d60;
    text-align: center;
    font-size: 60px;
    padding-top: 10px;
    border: 5px dashed #b95d60;
    border-radius: 4px;
}
.ctr-constructor[mode="grid"].ctr-row-drag .ctr-delete-area-wrap.ctr-drop-hover .ctr-delete-area,
.ctr-constructor[mode="content"].ctr-component-drag .ctr-delete-area-wrap.ctr-drop-hover .ctr-delete-area,
.ctr-constructor[mode="content"].ctr-wait-item-drag .ctr-delete-area-wrap.ctr-drop-hover .ctr-delete-area {
    color: #ffffff;
    border: 5px dashed #ffffff;
}

/* - Настройка компонента*/
.ctr-constructor .ui-widget-overlay {
    background: #000;
}
.ui-dialog.ctr-component-params-dialog.ctr-loader:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    cursor: progress;
    z-index: 1;

    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}
.ui-dialog.ctr-component-params-dialog.ctr-loader .ctr-close-button {
    z-index: 1000;
    position: relative;
}
.ui-dialog.ctr-component-params-dialog .ui-dialog-title {
    color: #f3f3f3;
}
.ui-dialog.ctr-component-params-dialog .ui-dialog-titlebar-close {
    display: none;
}
.ui-dialog.ctr-component-params-dialog .ui-dialog-buttonset {
    float: none;
    text-align: center;
}
.ui-dialog.ctr-component-params-dialog .ui-dialog-buttonset .css-button {
    font-size: 14px;
    margin: 4px 0 4px 30px;
    padding: 6px 32px;
}
.ui-dialog.ctr-component-params-dialog .ui-dialog-buttonset .css-button:focus {
    outline: 0;
}
.ui-dialog.ctr-component-params-dialog .ui-dialog-buttonset .css-button:first-child {
    margin-left: 0;
}
.ui-dialog .ctr-component-params-dialog-box {
    display: none;
}
.ui-dialog.ctr-component-params-dialog.ctr-loader .ctr-component-params-dialog-box:before {
    content: "\f021";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    cursor: progress;
    z-index: 1;
    font: normal normal normal 40px/1 FontAwesome;
    margin: -20px;
    color: #cacaca;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
.ui-dialog.ctr-component-params-dialog.ctr-loader .ctr-component-params-dialog-box:after {
    content: 'Загрузка...';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    cursor: progress;
    z-index: 1;
    text-align: center;
    margin-top: 26px;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #7b7b7b;
}
.ctr-component-params-list-wrap {}
.ctr-component-params-list-wrap .ctr-params-group-box {
    margin-bottom: 20px;
}
.ctr-component-params-list-wrap .ctr-params-group-title {
    font-size: 18px;
    margin-bottom: 10px;
    padding-bottom: 4px;
    border-bottom: 1px solid #97cbd2;
    color: #4b87b9;
    cursor: default;
}
.ctr-component-params-list-wrap .ctr-param-row {
    margin: 6px 0;
    padding: 6px;
    cursor: default;
}
.ctr-component-params-list-wrap .ctr-param-row:nth-child(even) {
    background: #ececec;
}
.ctr-component-params-list-wrap .ctr-param-row:hover {
    background: #e8eeff;
}
.ctr-component-params-list-wrap .ctr-param-row:nth-child(even):hover {
    background: #dee4f5;
}
.ctr-component-params-list-wrap .ctr-param-title-box {
    width: 40%;
    float: left;
    padding-right: 20px;
}
.ctr-component-params-list-wrap .ctr-param-name {
    font-size: 14px;
    color: #505050;
    font-weight: bold;
}
.ctr-component-params-list-wrap .ctr-param-tip {
    font-size: 12px;
    color: #868686;
    line-height: 13px;
}
.ctr-component-params-list-wrap .ctr-param-value-box {
    width: 60%;
    float: left;
}
.ctr-component-params-list-wrap .ctr-params-list select,
.ctr-component-params-list-wrap .ctr-params-list input[type='text'] {
    width: 100%;
    border: 1px solid #81b3dc;
    height: 28px;
    padding: 4px 6px;
    font-size: 13px;
    margin-bottom: 4px;
}
.ctr-component-params-list-wrap .ctr-params-list select[multiple] {
    height: auto;
    max-height: 75px;
}
.ctr-component-params-list-wrap .ctr-params-list select[multiple][size],
.ctr-component-params-list-wrap .ctr-params-list select[size] {
    height: auto;
    max-height: 250px;
}
.ctr-component-params-list-wrap .ctr-params-list input[type='text'] {
    padding: 4px 10px;
}
.ctr-component-params-list-wrap .ctr-param-input-wrap .css-button {
    display: none;
    position: absolute;
    top: 0;
    right: -35px;
    padding: 2px 6px;
}
.ctr-component-params-list-wrap .ctr-param-input-wrap .css-button.ctr-multiple-btn {
    padding: 2px 11px;
}
.ctr-component-params-list-wrap .ctr-param-input-wrap .css-button:not(.disabled):active {
    position: absolute;
}
.ctr-component-params-list-wrap .ctr-param-input-wrap.ctr-multiple .css-button.ctr-multiple-btn,
.ctr-component-params-list-wrap .ctr-param-input-wrap.ctr-refresh .css-button.ctr-refresh-btn {
    display: block;
}
.ctr-component-params-list-wrap .ctr-param-input-wrap.ctr-multiple,
.ctr-component-params-list-wrap .ctr-param-input-wrap.ctr-refresh,
.ctr-component-params-list-wrap .ctr-param-input-wrap[type="select"].ctr-refresh.ctr-multiple,
.ctr-component-params-list-wrap .ctr-param-input-wrap[type="select"].ctr-refresh.ctr-additional,
.ctr-component-params-list-wrap .ctr-param-input-wrap[type="select"].ctr-multiple.ctr-additional {
    position: relative;
    margin-right: 35px;
}
.ctr-component-params-list-wrap .ctr-param-input-wrap[type="select"].ctr-refresh {
    margin-right: 0;
}
.ctr-component-params-list-wrap .ctr-param-input-wrap.ctr-refresh.ctr-multiple {
    margin-right: 75px;
}
.ctr-component-params-list-wrap .ctr-param-input-wrap.ctr-refresh.ctr-multiple .css-button.ctr-refresh-btn {
    right: -75px;
}
.ctr-component-params-list-wrap .ctr-param-input-wrap[type="select"].ctr-multiple {
    margin-right: 0;
}
.ctr-component-params-list-wrap .ctr-param-input-wrap[type="select"] .ctr-adds-box {
    position: relative;
}
.ctr-component-params-list-wrap .ctr-param-input-wrap[type="select"].ctr-refresh.ctr-multiple .css-button.ctr-refresh-btn {
    right: -35px;
}

/* END: Панель управления */


/* Строка           :: --------------------------  */
/* ----------------------------------------------  */
.ctr-rows {}
.ctr-rows .ctr-drag-placeholder {
    height: 20px;
    margin: -20px 0;
    width: 100%;
    background: #f5f0d2;
    border: 1px solid #e0d19f;
}
.ctr-rows .ctr-drag-placeholder:first-child {
    margin-bottom: -20px;
    margin-top: -20px;
}
.ctr-rows .ctr-drag-placeholder:last-child {
    margin-bottom: 14px;
    margin-top: -14px;
}
.ctr-row {
    position: relative;
    margin: 40px auto;
}
.ctr-row:first-child {
    margin-top: 0 !important;
}

/* Режим сетки */
.ctr-constructor[mode="grid"] .ctr-row {
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer */
    -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
    -webkit-user-select: none; /* Chrome, Safari, and Opera */
    -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
    -o-user-select: none; /* Currently not supported in Opera but will be soon */
    user-select: none;
}
.ctr-constructor[mode="grid"] .ctr-row:before {
    content: '';
    display: block;
    position: absolute;
    top: -10px;
    bottom: -10px;
    left: -20px;
    right: -20px;
    background: #cedeeb;
    border: 1px solid #99d1ff;
    border-radius: 3px;
    cursor: pointer;

    -webkit-transition: all 100ms linear;
    -moz-transition:    all 100ms linear;
    -o-transition:      all 100ms linear;
    -ms-transition:     all 100ms linear;
    transition:         all 100ms linear;
}
.ctr-constructor[mode="grid"]:not(.ctr-row-drag) .ctr-row:hover:before {
    background: #16568b;
    border: 1px solid #004079;
}
.ctr-constructor[mode="grid"] .ctr-row.ui-sortable-helper {
    padding: 10px 32px 16px;
    height: 50px !important;
    width: 300px !important;
    overflow: hidden;
}
.ctr-constructor[mode="grid"] .ctr-row.ctr-row-selected:before,
.ctr-constructor[mode="grid"] .ctr-row.ctr-row-selected:hover:before,
.ctr-constructor[mode="grid"] .ctr-row.ui-sortable-helper:before,
.ctr-constructor[mode="grid"] .ctr-row.ui-sortable-helper:hover:before {
    background: #308b2f;
    border: 1px solid #3c7949;
    cursor: move;
}
.ctr-constructor[mode="grid"] .ctr-row.ctr-stop-drag:before {
    background: #fffdbe;
    border: 1px solid #ffce1a;

    -webkit-transition: all 700ms ease-in;
    -moz-transition:    all 700ms ease-in;
    -o-transition:      all 700ms ease-in;
    -ms-transition:     all 700ms ease-in;
    transition:         all 700ms ease-in;
}
.ctr-constructor[mode="grid"] .ctr-row.ctr-stop-drag.ctr-stop-drag-animate:before {
    background: #16568b;
    border: 1px solid #004079;
}
/* END: Строка */



/* Колонка          :: --------------------------  */
/* ----------------------------------------------  */
.ctr-columns {
    margin: 0 -25px;
}
.ctr-columns:after {
    content: '';
    display: block;
    clear: both;
}
.ctr-column {
    position: relative;
    box-sizing: border-box;
    padding: 0 24px;
}
.ctr-column.ctr-container[size] {
    float: left;
}
.ctr-column.ctr-container[size="100"] {
    width: 100%;
    float: none;
}
.ctr-column.ctr-container[size="75"] {
    width: 75%;
}
.ctr-column.ctr-container[size="66"] {
    width: 66.66%;
}
.ctr-column.ctr-container[size="50"] {
    width: 50%;
}
.ctr-column.ctr-container[size="33"] {
    width: 33.33%;
}
.ctr-column.ctr-container[size="25"] {
    width: 25%;
}
.ctr-column-box {position: relative;}
.ctr-column img {max-width: 100%;}

/* Режим наполнения */
.ctr-constructor[mode="content"] .ctr-column:before {
    content: '';
    display: none;
    position: absolute;
    top: -12px;
    bottom: -12px;
    left: -8px;
    right: -8px;
    background: #e5ffe5;
    border: 1px solid #9aff9a;
    border-radius: 10px;
}
.ctr-constructor[mode="content"] .ctr-column.ctr-column-selected:before,
.ctr-constructor[mode="content"]:not(.ctr-column-move-mode):not(.ctr-show-column-params) .ctr-column:hover:before {
    display: block;
}
.ctr-constructor[mode="content"] .ctr-column.ctr-wrong-size-in-column:after {
    content: '';
    display: block;
    position: absolute;
    top: -4px;
    bottom: -4px;
    left: 10px;
    right: 10px;
    border: 2px solid #ff7d7d;
    border-radius: 10px;
}
.ctr-constructor[mode="content"] .ctr-column.ctr-wrong-size-in-column.ctr-column-selected:after,
.ctr-constructor[mode="content"] .ctr-column.ctr-wrong-size-in-column.ctr-move-mode:after,
.ctr-constructor[mode="content"] .ctr-column.ctr-wrong-size-in-column.ctr-drop-active:after,
.ctr-constructor[mode="content"] .ctr-column.ctr-wrong-size-in-column:hover:after {
    display: none;
}
.ctr-column .ctr-column-move-btn {
    display: none;
    position: absolute;
    top: -6px;
    right: -3px;
    border: 1px solid #a3daa3;
    border-radius: 5px;
    color: #acd2ac;
    background: #f3fff3;
    text-align: center;
    padding: 3px 3px 2px 4px;
    font-size: 14px;
    cursor: pointer;
    z-index: 12;
}
.ctr-column .ctr-column-move-btn:hover {
    border-color: #767f8c;
    color: #767f8c;
    background: #ececec;
}
.ctr-constructor[mode="content"] .ctr-column:hover .ctr-column-move-btn {
    display: block;
}
.ctr-constructor[mode="content"].ctr-show-column-params .ctr-column .ctr-column-move-btn,
.ctr-constructor[mode="content"].ctr-column-move-mode .ctr-column .ctr-column-move-btn,
.ctr-constructor[mode="content"].ctr-show-column-params .ctr-column .ctr-column-move-btn:hover,
.ctr-constructor[mode="content"].ctr-column-move-mode .ctr-column .ctr-column-move-btn:hover {
    display: none;
}
.ctr-constructor[mode="content"].ctr-column-move-mode .ctr-column.ctr-move-mode .ctr-column-move-btn {
    display: block;
}
.ctr-constructor[mode="content"].ctr-column-move-mode .ctr-column.ctr-move-mode .ctr-column-move-btn:hover {
    border-color: #767f8c;
    color: #767f8c;
    background: #ececec;
}
.ctr-constructor[mode="content"] .ctr-column.ctr-move-mode:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 22px;
    right: 22px;
    background: #16568b;
    border: 1px solid #004079;
    border-radius: 3px;
    cursor: move;
    z-index: 10;

    -webkit-transition: all 100ms linear;
    -moz-transition:    all 100ms linear;
    -o-transition:      all 100ms linear;
    -ms-transition:     all 100ms linear;
    transition:         all 100ms linear;
}
.ctr-constructor[mode="content"] .ctr-column.ctr-move-mode:hover:before {
    background: #1869a5;
}
.ctr-constructor[mode="content"] .ctr-column.ctr-drop-active:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 8px;
    right: 8px;
    background: #e4fbe7;
    border: 3px dashed#00b518;
    border-radius: 3px;
    cursor: move;
    z-index: 10;
}
.ctr-constructor[mode="content"] .ctr-column.ctr-drop-active.ctr-drop-hover:before {
    background: #accab0;
    border: 2px dashed #0b8405;
}
.ctr-constructor[mode="content"] .ctr-drag-helper[type="column"] {
    width: 500px;
    height: 100px;
    background: #e4f1fb;
    border: 10px solid #308b2f;
    cursor: move;
    box-sizing: border-box;
}
.ctr-constructor[mode="content"] .ctr-drag-helper[type="column"][size="75"] {width: 375px;}
.ctr-constructor[mode="content"] .ctr-drag-helper[type="column"][size="66"] {width: 330px;}
.ctr-constructor[mode="content"] .ctr-drag-helper[type="column"][size="50"] {width: 250px;}
.ctr-constructor[mode="content"] .ctr-drag-helper[type="column"][size="33"] {width: 165px;}
.ctr-constructor[mode="content"] .ctr-drag-helper[type="column"][size="25"] {width: 125px;}
.ctr-constructor[mode="content"] .ctr-column.ctr-stop-drag:before {
    content: '';
    display: block;
    position: absolute;
    top: -4px;
    bottom: -4px;
    left: 10px;
    right: 10px;
    background: #fffdbe;
    border: 1px solid #ffce1a;
    z-index: 10;

    -webkit-transition: all 700ms ease-in;
    -moz-transition:    all 700ms ease-in;
    -o-transition:      all 700ms ease-in;
    -ms-transition:     all 700ms ease-in;
    transition:         all 700ms ease-in;
}
.ctr-constructor[mode="content"] .ctr-column.ctr-stop-drag.ctr-stop-drag-animate:before {
    background: transparent;
    border-color: transparent;
}

.ctr-column.ctr-container[size="100"] {
    width: 100%;
    float: none;
}
.ctr-column.ctr-container[size="75"] {
    width: 75%;
}
.ctr-column.ctr-container[size="66"] {
    width: 66.66%;
}
.ctr-column.ctr-container[size="50"] {
    width: 50%;
}
.ctr-column.ctr-container[size="33"] {
    width: 33.33%;
}
.ctr-column.ctr-container[size="25"] {
    width: 25%;
}
/* Режим сетки */
.ctr-constructor[mode="grid"] .ctr-column {
    cursor: pointer;
}
.ctr-constructor[mode="grid"] .ctr-row.ctr-row-selected .ctr-column {
    cursor: default;
}
.ctr-constructor[mode="grid"] .ctr-row.ui-sortable-helper .ctr-column {
    cursor: move;
}
.ctr-constructor[mode="grid"] .ctr-column-box:after {
    content: '';
    display: block;
    position: absolute;
    background: #FFF;
    background: rgba(255, 255, 255, 0.6);
    top: -5px;
    bottom: -5px;
    left: -10px;
    right: -10px;
    z-index: 5;
    border: 1px solid #d6d6d6;
    border-radius: 8px;

    -webkit-transition: all 100ms step-end;
    -moz-transition:    all 100ms step-end;
    -o-transition:      all 100ms step-end;
    -ms-transition:     all 100ms step-end;
    transition:         all 100ms step-end;
}
.ctr-constructor[mode="grid"] .ctr-row.ctr-row-selected .ctr-column-box:after,
.ctr-constructor[mode="grid"] .ctr-row.ctr-row-selected:hover .ctr-column-box:after,
.ctr-constructor[mode="grid"]:not(.ctr-row-drag) .ctr-row:hover .ctr-column-box:after,
.ctr-constructor[mode="grid"] .ctr-row.ui-sortable-helper .ctr-column-box:after {
    background: #e4f1fb;

    -webkit-transition: none;
    -moz-transition:    none;
    -o-transition:      none;
    -ms-transition:     none;
    transition:         none;
}
.ctr-constructor[mode="grid"] .ctr-row.ui-sortable-helper .ctr-column-box {
    overflow: hidden;
    height: 55px;
}
.ctr-constructor[mode="grid"] .ctr-row.ui-sortable-helper .ctr-column {
    padding: 0 8px;
}
.ctr-constructor[mode="grid"] .ctr-row.ctr-stop-drag .ctr-column-box:after {
    background: #fffdbe;

    -webkit-transition: all 700ms ease-in;
    -moz-transition:    all 700ms ease-in;
    -o-transition:      all 700ms ease-in;
    -ms-transition:     all 700ms ease-in;
    transition:         all 700ms ease-in;
}
.ctr-constructor[mode="grid"] .ctr-row.ctr-stop-drag.ctr-stop-drag-animate .ctr-column-box:after {
    background: #e4f1fb;
}
/* END: Колонка */



/* Заголовок        :: --------------------------  */
/* ----------------------------------------------  */
/* общие */
.ctr-column-title {
    margin: 0 0 20px;
    padding: 0 0 3px;

    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer */
    -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
    -webkit-user-select: none; /* Chrome, Safari, and Opera */
    -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
    -o-user-select: none; /* Currently not supported in Opera but will be soon */
    user-select: none;
}
.ctr-column-title .ctr-scroll-title {
    width: 100%;
}
.ctr-column-title .ctr-scroll-title .jspPane {
    margin: 0 !important;
    width: 100% !important;
}
.ctr-column-title ul {
    min-height: 35px;
    color: #000;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    position: relative;
}
.ctr-column-title ul li {
    display: inline-block;
    margin: 0 15px 0 0;
}
.ctr-column-title ul li:last-child {
    margin-right: 0;
}
.ctr-column-title ul li a {
    text-underline: none !important;
    text-decoration: none !important;
}
.ctr-column-title ul li a[href] {
}
.ctr-column-title ul li a[href]:hover {
}
/* пустой */
.ctr-column-title.ctr-empty {
    min-height: 37px;
}
.ctr-column-title.ctr-empty ul {
}
.ctr-column-title.ctr-empty ul li {
}
.ctr-column-title.ctr-empty ul li a {
}
.ctr-column-title.ctr-empty ul li a[href] {
}
.ctr-column-title.ctr-empty ul li a[href]:hover {
}
/* одиночный */
.ctr-column-title.ctr-single {
    border-bottom: 1px solid #cbd7e1;
    padding-right: 5px;
}
.ctr-column-title.ctr-single ul {
    margin-bottom: -1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 35px;
}
.ctr-column-title.ctr-single ul li {
    margin: 0;
    line-height: 30px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ctr-column-title.ctr-single ul li a {
    cursor: default;
    display: inline;
    font-size: 28px;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    color: #16568b;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
}
.ctr-column-title.ctr-single ul li a[href] {
    cursor: pointer;
}
.ctr-column-title.ctr-single ul li a[href]:hover {
    color: #5ba2dc;
    text-decoration: underline !important;
    margin-bottom: -1px;
}
.ctr-column-title.ctr-single .jspHorizontalBar,
.ctr-column-title.ctr-single .jspVerticalBar {
    width: 0;
    height: 0;
}
/* множественный */
.ctr-column-title.ctr-multi {
    position: relative;
    margin: 0;
    z-index: 3;
}
.ctr-column-title.ctr-multi:before,
.ctr-column-title.ctr-multi:after {
    content: '';
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 20px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0));
    z-index: 10;

    -webkit-transition: display 100ms linear;
    -moz-transition:    display 100ms linear;
    -o-transition:      display 100ms linear;
    -ms-transition:     display 100ms linear;
    transition:         display 100ms linear;
}
.ctr-column-title.ctr-multi:after {
    left: auto;
    right: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0));
}
.ctr-column-title.ctr-multi .ctr-scroll-title.ctr-fix-jsp-resize {
    border-right: 1px solid transparent;
    box-sizing: border-box;
}
.ctr-constructor[mode="content"]:not(.ctr-column-move-mode):not(.ctr-show-column-params) .ctr-column:hover .ctr-column-title.ctr-multi:before,
.ctr-constructor[mode="content"]:not(.ctr-column-move-mode).ctr-show-column-params .ctr-column.ctr-column-selected .ctr-column-title.ctr-multi:before {
    background: linear-gradient(to right, rgba(229, 255, 229, 0.95), rgba(229, 255, 229, 0));
}
.ctr-constructor[mode="content"]:not(.ctr-column-move-mode):not(.ctr-show-column-params) .ctr-column:hover .ctr-column-title.ctr-multi:after,
.ctr-constructor[mode="content"]:not(.ctr-column-move-mode).ctr-show-column-params .ctr-column.ctr-column-selected .ctr-column-title.ctr-multi:after {
    background: linear-gradient(to left, rgba(229, 255, 229, 0.95), rgba(229, 255, 229, 0));
}
.ctr-column-title.ctr-multi.left-enters:before {display: block;}
.ctr-column-title.ctr-multi.right-enters:after {display: block;}
.ctr-column-title.ctr-multi.ctr-hide-enters.left-enters:before,
.ctr-column-title.ctr-multi.ctr-hide-enters.right-enters:after {display: none;}
.ctr-column-title.ctr-multi ul {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    height: 55px;
}
.ctr-column-title.ctr-multi ul li {
    height: 35px;
    font: 21px/30px Calibri, Arial, Helvetica, sans-serif;
    font-weight: 400;
    /*padding: 3px 0 0;*/
}
.ctr-column-title.ctr-multi ul li span {
    font-size: 50%;
    border-bottom: 1px dashed;
}
.ctr-column-title.ctr-multi ul li span:hover {
    border-bottom: none;
}
.ctr-column-title.ctr-multi ul li a {
    cursor: pointer;
    font-size: 200%;
    color: #525252;
}
.ctr-column-title.ctr-multi ul li.active {
    color: #17568C;
    font-size: 28px;
}
.ctr-column-title.ctr-multi ul li.active span {
    border-bottom: none;
}
.ctr-column-title.ctr-multi ul li.active a {
    color: #17568C;
    cursor: default;
}

#main .ctr-column-title.ctr-multi .jspArrow {text-decoration: none;}
.ctr-column-title.ctr-multi .jspVerticalBar {display: none;}
.ctr-column-title.ctr-multi .jspHorizontalBar {
    height: 3px;
    bottom: 16px;
}
.ctr-column-title.ctr-multi .jspPane {
    border-bottom: 1px solid #cbd7e1;
}
.ctr-column-title.ctr-multi .jspTrack {
    background: #ccdce9; /*#c1c1c1;*/
    padding: 0;
    /*-webkit-border-radius: 3px;
    -moz-border-radius:3px;
    border-radius:3px;*/
}
.ctr-column-title.ctr-multi .jspDrag {
    height: 20px;
    top: -5px;
    background: transparent;
    position: relative;
}
.ctr-column-title.ctr-multi .jspDrag:after {
    content: "";
    display: block;
    position: absolute;
    height: 5px;
    width: 100%;
    top: 4px;
    left: 0;
    z-index: 1;
    background: #70b0e6;
    -webkit-border-radius: 4px;
    -moz-border-radius:4px;
    border-radius: 4px;
}
.ctr-column-title.ctr-multi .jspArrow {
    position: relative;
    top: -5px;
    background: transparent;
    width: 12px;
    height: 13px;
}
.ctr-column-title.ctr-multi .jspArrow:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: #fff;
}
.ctr-constructor[mode="content"]:not(.ctr-column-move-mode):not(.ctr-show-column-params) .ctr-column:hover .ctr-column-title.ctr-multi .jspArrow:before,
.ctr-constructor[mode="content"]:not(.ctr-column-move-mode).ctr-show-column-params .ctr-column.ctr-column-selected .ctr-column-title.ctr-multi .jspArrow:before {
    background: #e5ffe5;
}
.ctr-column-title.ctr-multi .jspArrow:after {
    content: "\f104";
    display: block;
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    height: 0;
    width: 0;
    top: -1px;
    left: 0;
    z-index: 2;
    text-indent: 0;
    color: #276ea9;
}
.ctr-column-title.ctr-multi .jspArrow.jspArrowRight:after {
    content: "\f105";
    left: auto;
    right: 4px;
}
.ctr-column-title.ctr-multi .jspArrow.jspDisabled:after {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}

/* Режим наполнения */

/* Режим сетки */
.ctr-constructor[mode="grid"] .ctr-row.ctr-row-selected .ctr-column-title {
    z-index: 6;
    position: relative;
}
.ctr-constructor[mode="grid"] .ctr-row.ctr-row-selected .ctr-column-title:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: none;
}
.ctr-constructor[mode="grid"] .ctr-column-title .jspVerticalBar,
.ctr-constructor[mode="grid"] .ctr-column-title .jspHorizontalBar {
    display: none;
}
.ctr-constructor[mode="grid"] .ctr-column-title.ctr-multi:before,
.ctr-constructor[mode="grid"] .ctr-column-title.ctr-multi:after {
    display: none;
}
/* END: Заголовок */



/* Контент          :: --------------------------  */
/* ----------------------------------------------  */
.ctr-column-content-block {position: relative;}
.ctr-column-content {
    position: relative;
    display: none;
    min-height: 10px;
}
.ctr-column-content:before,
.ctr-column-content:after {
    content: '';
    display: block;
    height: 1px; /* исправляет проблему с высотой контента блока, если внутри используется margin у элементов, который выходит за пределы контейнера*/
    clear: both; /* мб лишнее, вдруг на каком помпоненте это может помешать*/
}
.ctr-column-content.active {
    display: block;
}
.ctr-component-box {
    position: relative;
    min-height: 10px;
}
.ctr-component-box.ctr-component-empty {
    min-height: 100px;
    background: #fff1f1;
    border: 1px solid #f5b8b8;
}
.ctr-component-box.ctr-component-new-include {
    min-height: 100px;
    background: #ebf6ff;
    border: 1px solid #c2dff7;
}
.ctr-column[size="25"]  .ctr-component-box.ctr-component-new-include {
    min-height: 140px;
}
.ctr-component-box.ctr-component-need-config {
    min-height: 100px;
    background: #fff0d7;
    border: 1px solid #f5cba4;
}
.ctr-component-box .ctr-empty-desc,
.ctr-component-box .ctr-include-desc,
.ctr-component-box .ctr-need-config-desc {
    display: none;
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #d8d8d8;
    margin-top: -10px;
}
.ctr-component-box .ctr-include-desc {
    font-size: 18px;
    line-height: 20px;
    margin-top: -20px;
    color: #aec4d6;
}
.ctr-column[size="25"] .ctr-component-box .ctr-include-desc {
    font-size: 16px;
    margin-top: -40px;
}
.ctr-column[size="33"] .ctr-component-box .ctr-include-desc {
    font-size: 16px;
    margin-top: -30px;
}
.ctr-component-box.ctr-component-empty .ctr-empty-desc,
.ctr-component-box.ctr-component-new-include .ctr-include-desc,
.ctr-component-box.ctr-component-need-config .ctr-need-config-desc {
    display: block;
}
.ctr-component-box[slider-active="Y"].ctr-slider-with-arrows {
    margin: 0 35px;
    z-index: 3;
}
.ctr-move-mode .ctr-component-box[slider-active="Y"].ctr-slider-with-arrows {
    z-index: unset;
}
.ctr-component-box .ctr-owl-box {
    /* Скрыли из-за решения с display
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    z-index: 2;
    */

    /*
     * TODO - подумать, как лучше скрыть контент ДО инициализации слайдера, что бы весь контент не вылизал в высоту на пол страницы,
     * а после инициализации не пришлось делать рефреш для корректировки ширины (это есть и в JS)
     */
    display: none;
}
.ctr-component-box .ctr-owl-box.owl-loaded {
    /* Скрыли из-за решения с display
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    */

    /*
     * TODO - подумать, как лучше скрыть контент ДО инициализации слайдера, что бы весь контент не вылизал в высоту на пол страницы,
     * а после инициализации не пришлось делать рефреш для корректировки ширины (это есть и в JS)
     */
    display: block;
}
.ctr-component.ctr-container {
    /*
    position: relative; - при необходимости в конструкторе вернуть это значение ТОЛЬКО для конкретных состояний,
    т.к. на этот контейнер подвешиваются компоненты сами для позиционирования вокруг блока
    */
}
.ctr-component-box.ctr-component-empty .ctr-component.ctr-container,
.ctr-component-box.ctr-component-new-include .ctr-component.ctr-container,
.ctr-component-box.ctr-component-need-config .ctr-component.ctr-container {
    position: static;
}
.ctr-component-box ul.owl-carousel.owl-loaded {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Режим конструктора (оба) */
.ctr-constructor[mode] .ctr-columns {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.ctr-constructor[mode] .ctr-column-content {
    min-height: 30px;
}
.ctr-constructor[mode] .ctr-column-content .ctr-owl-box.owl-loaded .owl-stage-outer:after,
.ctr-constructor[mode] .ctr-column-footer:after,
.ctr-constructor[mode] .ctr-column-content-block:after,
.ctr-constructor[mode] .ctr-column-title.ctr-single:after {
    content: '';
    display: block;
    position: absolute;
    top: -12px;
    bottom: -12px;
    left: -32px;
    right: -32px;
    z-index: 2;
}
.ctr-constructor[mode] .ctr-component-box {
    min-height: 50px;
}

/* Режим наполнения */
.ctr-constructor[mode="content"] .ctr-column.ctr-move-mode .ctr-column-content.active .ctr-component-box[slider-active="Y"].ctr-slider-with-arrows {
    margin: 0;
}
.ctr-constructor[mode="content"] .ctr-column.ctr-move-mode .ctr-column-content.active .ctr-component-box:before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 22px;
    right: 22px;
    background: #e4f1fb;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    cursor: move;
    z-index: 10;
}
.ctr-constructor[mode="content"] .ctr-column.ctr-move-mode .ctr-column-content.active .ctr-component-box:hover:before {
    background: #eaf2ff;
    border: dashed #16568b;
}
.ctr-constructor[mode="content"] .ctr-column.ctr-move-mode .ctr-column-content.active .ctr-component-box.ctr-component-empty:hover:before,
.ctr-constructor[mode="content"] .ctr-column.ctr-move-mode .ctr-column-content.active .ctr-component-box.ctr-component-empty:before {
    background: #f3d6d6;
    border: 1px solid #ea9494;
}
.ctr-constructor[mode="content"] .ctr-column.ctr-move-mode .ctr-column-content.active .ctr-component-box > * {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
    filter: alpha(opacity=0) !important;
    -moz-opacity: 0 !important;
    -khtml-opacity: 0 !important;
    opacity: 0 !important;
}
.ctr-constructor[mode="content"] .ctr-component-box.ctr-component-wrong-size[slider-active="Y"] {
    margin: 0;
}
.ctr-constructor[mode="content"] .ctr-component-box.ctr-component-wrong-size[slider-active="Y"] .owl-nav {
    display: none;
}
.ctr-constructor[mode="content"] .ctr-component-box.ctr-component-wrong-size:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 7;
}
.ctr-constructor[mode="content"] .ctr-column:hover .ctr-component-box.ctr-component-wrong-size:before,
.ctr-constructor[mode="content"] .ctr-column.ctr-column-selected .ctr-component-box.ctr-component-wrong-size:before {
    background: #e5ffe5;
}
.ctr-constructor[mode="content"] .ctr-component-box.ctr-component-need-config.ctr-component-wrong-size {
    border: none;
    background: none;
}
.ctr-constructor[mode="content"] .ctr-component-box.ctr-component-wrong-size:after {
    content: 'Минимальный размер компонента 'attr(min-size)'%';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #ff6767;
    border: 1px solid #bf0000;
    font-size: 16px;
    color: #fff;
    padding: 10px;
    text-align: center;
    z-index: 8;
}
.ctr-constructor[mode="content"] .ctr-component-box.ctr-component-wrong-size .ctr-component {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
.ctr-constructor[mode="content"] .ctr-column .ctr-component-box.ctr-drop-active:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e4fbe7;
    border: 3px dashed #00b518;
    border-radius: 3px;
    cursor: move;
    z-index: 10;
}
.ctr-constructor[mode="content"] .ctr-column .ctr-component-box.ctr-drop-active.ctr-drop-hover:before {
    background: #accab0;
    border: 2px dashed #0b8405;
}
.ctr-constructor[mode="content"].ctr-over-wait-zone .ctr-column .ctr-component-box.ctr-drop-active.ctr-drop-hover:before,
.ctr-constructor[mode="content"].ctr-over-delete-zone .ctr-column .ctr-component-box.ctr-drop-active.ctr-drop-hover:before {
    background: #e4fbe7;
    border: 3px dashed #00b518;
}
.ctr-constructor[mode="content"] .ctr-drag-helper[type="component"] {
    width: 500px;
    height: 100px;
    border: 3px solid #16568b;
    background: #e4f1fb;
    cursor: move;
    box-sizing: border-box;
}
.ctr-constructor[mode="content"] .ctr-drag-helper[type="component"][size="75"] {width: 375px;}
.ctr-constructor[mode="content"] .ctr-drag-helper[type="component"][size="66"] {width: 330px;}
.ctr-constructor[mode="content"] .ctr-drag-helper[type="component"][size="50"] {width: 250px;}
.ctr-constructor[mode="content"] .ctr-drag-helper[type="component"][size="33"] {width: 165px;}
.ctr-constructor[mode="content"] .ctr-drag-helper[type="component"][size="25"] {width: 125px;}
.ctr-constructor[mode="content"] .ctr-column .ctr-column-content.active .ctr-component-box.ctr-stop-drag:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fffdbe;
    border: 1px solid #ffce1a;
    z-index: 10;

    -webkit-transition: all 700ms ease-in;
    -moz-transition:    all 700ms ease-in;
    -o-transition:      all 700ms ease-in;
    -ms-transition:     all 700ms ease-in;
    transition:         all 700ms ease-in;
}
.ctr-constructor[mode="content"] .ctr-column .ctr-column-content.active .ctr-component-box.ctr-stop-drag.ctr-stop-drag-animate:before {
    background: transparent;
    border-color: transparent;
}
.ctr-constructor[mode="content"] .ctr-column.ctr-column-selected .ctr-column-content.active:not(.ctr-column-box-selected) .ctr-component-box:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ff6565;
    background-image:
        linear-gradient(
            -45deg,
            rgba(0, 0, 0, 0) 49.9%, #ff3535 49.9%, #ff3535 60%,
            rgba(0, 0, 0, 0) 60%
        ),
        linear-gradient(
                -45deg,
                #ff3535 10%,
                rgba(0, 0, 0, 0) 10%
        );
    background-size: 40px 40px;
    border: 4px solid #d41717;
    z-index: 10;

    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
}
.ctr-constructor[mode="content"] .ctr-component-box.ctr-updating-content:after {
    content: "\f021";
    display: block;
    position: absolute;
    top: 64px;
    left: 50%;
    /*width: 40px;
    height: 40px;*/
    padding: 0;
    cursor: progress;
    font: normal normal normal 40px/1 FontAwesome;
    margin: -20px;
    color: #cacaca;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    background: transparent;
    border-color: transparent;
    z-index: 11;
}
.ctr-constructor[mode="content"] .ctr-component-box.ctr-updating-content:before {
    content: 'Загрузка...';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: progress;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #7b7b7b;
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    z-index: 10;
    padding-top: 20px;
}
.ctr-constructor[mode="content"] .ctr-column .ctr-column-content.active .ctr-component-box.ctr-stop-drag.ctr-updating-content:before,
.ctr-constructor[mode="content"] .ctr-column .ctr-column-content.active .ctr-component-box.ctr-stop-drag-animate.ctr-updating-content:before {
    content: 'Загрузка...';
}

/* Режим сетки */
.ctr-constructor[mode="grid"] .ctr-column-content-block {
    max-height: 100px;
    overflow: hidden;
}
.ctr-constructor[mode="grid"] .ctr-column-content-block .owl-nav {
    display: none;
}
/* END: Контент */



/* Сноска           :: --------------------------  */
/* ----------------------------------------------  */
.ctr-column-footer {
    font: 14px/17px 'casperbold', Calibri, Arial, Helvetica, sans-serif;
    border-top: 1px solid #cbd7e1;
    margin: 10px 0 0;
    padding-top: 5px;
    text-align: right;
}
.ctr-column-footer ul {
    display: inline-block;
    color: #000;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    overflow: hidden;
}
.ctr-column-footer ul li {
    display: none;
    float: left;
    margin: 0 0 0 15px;
}
.ctr-column-footer ul li.active:not(.ctr-hidden) {
    display: inline-block;
}
.ctr-column-footer ul li a {
    cursor: default;
    text-underline: none !important;
    text-decoration: none !important;
}
.ctr-column-footer ul li a[href] {
    color: #16568b;
    font-size: 12.5px;
}
.ctr-column-footer ul li a[href]:hover {
    text-decoration: underline !important;
    color: #5ba2dc;
}

/* Режим сетки */
.ctr-constructor[mode="grid"] .ctr-row.ctr-row-selected .ctr-column-footer {
    z-index: 6;
    position: relative;
}
.ctr-constructor[mode="grid"] .ctr-row.ctr-row-selected .ctr-column-footer:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: none;
}
/* END: Сноска */
/* End */


/* Start:/local/templates/tpprf_chamber_responsive/components/rarus/chamber.main_constructor.weather/.default/style.css?1571905711872*/
.ctr-component[component="weather"]  {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    color: #444;
    font-size: 16px;
}
.ctr-component[component="weather"] .weather-title {
    display: inline-block;

}
.ctr-component[component="weather"] .weather-temperature {
    display: inline-block;
    font-size: 22px;
    margin-left: 5px;
}
.ctr-component[component="weather"] .weather-temperature span {

}
.ctr-component[component="weather"] .weather-image {
    display: inline-block;
    vertical-align: middle;
    height: 35px;

    opacity: 0.3;
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    zoom: 1;
}
.ctr-component[component="weather"] .weather-image img {
    display: inline-block;

    max-height: 100%;
    max-width: 100%;
    width: auto;
}
/* End */


/* Start:/local/templates/tpprf_chamber_responsive/components/rarus/chamber.main_constructor.currency/.default/style.css?15719057111200*/
.ctr-component[component="currency"]  {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    color: #444;
    font-size: 16px;
}
.ctr-component[component="currency"] .currency-block-wrap.is-right {
    text-align: right;
}
.ctr-component[component="currency"] .currency-block {
    position: relative;
    display: inline-block;
    margin-right: 140px;
}
.ctr-component[component="currency"] .currency-block-title {
    display: inline-block;
    margin-top: 19px;
}
.ctr-component[component="currency"] .currencies {
    position: absolute;
    bottom: 0;
    right: -140px;
    font-size: 14px;
    color: #565656;
}
.ctr-component[component="currency"] .currency-box {}
.ctr-component[component="currency"] .currency-title {
    display: inline-block;
    font-weight: bold;
}
.ctr-component[component="currency"] .currency-value {
    display: inline-block;
    padding: 0 4px;
}
.ctr-component[component="currency"] .currency-dynamic {
    display: inline-block;
    font-size: 12px;
}
.ctr-component[component="currency"] .currency-dynamic span {
    padding: 0 3px;
    color: #ff9292;
}
.ctr-component[component="currency"] .currency-dynamic.is-positive span {
    color: #6cc158;
}


/* End */


/* Start:/local/templates/tpprf_chamber_responsive/components/rarus/chamber.main_constructor.main_theme/.default/style.css?1571905711656*/
.ctr-component[component="main-theme"] {}
.ctr-component[component="main-theme"] .news-item {}
#main .ctr-component[component="main-theme"] .news-item .theme-title {
    display: block;
    color: #000;
    padding-right: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 5px;
}
#main .ctr-component[component="main-theme"] .news-item .theme-more {
    color: #16568b;
    font: 14px/17px 'casperbold', Calibri, Arial, Helvetica, sans-serif;
}
#main .ctr-component[component="main-theme"] .news-item .theme-title:hover,
#main .ctr-component[component="main-theme"] .news-item .theme-more:hover {
    color: #8A8585;
}
/* End */


/* Start:/local/templates/tpprf_chamber_responsive/components/rarus/chamber.main_constructor.chamber_news/.default/style.css?15719057111742*/
.ctr-component[component="chamber-news"] {}
.ctr-component[component="chamber-news"] .news-item {
    border-bottom: 1px solid #C8D8E7;
    padding-bottom: 7px;
    margin: 0 0 7px;
}
.ctr-component[component="chamber-news"] .news-item:last-child {
    border-bottom: none;
}
.ctr-component[component="chamber-news"] .news-item:after {
    content: '';
    display: block;
    clear: both;
}
.ctr-component-box:not([slider-active="Y"]) .ctr-component[component="chamber-news"] .news-pic {
    float: left;
    width: 166px;
    height: 111px;
    text-align: center;
    position: relative;
    margin: 0 20px 0 0;
}
.ctr-component-box:not([slider-active="Y"]) .ctr-component[component="chamber-news"][column-size="25"] .news-pic {
    margin-bottom: 6px;
}
.ctr-component[component="chamber-news"] .play-mini {}
.ctr-component[component="chamber-news"] .text {}
.ctr-component[component="chamber-news"] .date {
    display: inline-block;
    background: #367cb7;
    margin: 0 0 4px;
    color: #585F67;
    background: none;
    font-size: 14px;
    padding: 0;
    font-weight: normal;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.ctr-component[component="chamber-news"] .text p {
    margin: 0;
}
#main .ctr-component[component="chamber-news"] .text a {
    text-decoration: none;
}
#main .ctr-component[component="chamber-news"] .text a:hover {
    text-decoration: underline;
}
@media screen and (max-width: 1140px) {
.ctr-component-box:not([slider-active="Y"]) .ctr-component[component="chamber-news"] .news-pic {
	width: 140px;
	margin: 0 15px 0 0;
}
.ctr-component-box .ctr-component[component="chamber-news"] .news-pic img{
	max-height: 100%;
	width: auto;
	height: auto;
	max-width: 100%;
}
}


/* End */


/* Start:/local/components/forumedia/chamber.main_news/templates/.default/style.css?15041948911385*/
.ctr-component[component="main-news"] {}
.ctr-component[component="main-news"] .news-item {
    border-bottom: 1px solid #C8D8E7;
    padding-bottom: 7px;
    margin: 0 0 7px;
}
.ctr-component[component="main-news"] .news-item:last-child {
    border-bottom: none;
}
.ctr-component[component="main-news"] .news-item:after {
    content: '';
    display: block;
    clear: both;
}
.ctr-component-box:not([slider-active="Y"]) .ctr-component[component="main-news"] .news-pic {
    float: left;
    width: 166px;
    height: 111px;
    text-align: center;
    position: relative;
    margin: 0 20px 0 0;
}
.ctr-component-box:not([slider-active="Y"]) .ctr-component[component="main-news"][column-size="25"] .news-pic {
    margin-bottom: 6px;
}
.ctr-component[component="main-news"] .play-mini {}
.ctr-component[component="main-news"] .text {}
.ctr-component[component="main-news"] .date {
    display: inline-block;
    background: #367cb7;
    margin: 0 0 4px;
    color: #585F67;
    background: none;
    font-size: 14px;
    padding: 0;
    font-weight: normal;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.ctr-component[component="main-news"] .text p {
    margin: 0;
}
#main .ctr-component[component="main-news"] .text a {
    text-decoration: none;
}
#main .ctr-component[component="main-news"] .text a:hover {
    text-decoration: underline;
}

/* End */


/* Start:/bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?145279342751*/
font.errortext{color:red}font.notetext{color:green}
/* End */


/* Start:/local/templates/tpprf_chamber_responsive/components/rarus/chamber.main_constructor.chamber_announcements/.default/style.css?157190571116592*/
.ctr-component[component="chamber-announcements"] {}
.ctr-component[component="chamber-announcements"] .announce-item {
    border-bottom: 1px solid #C8D8E7;
    padding-bottom: 7px;
    margin: 0 0 12px;
}
.ctr-component[component="chamber-announcements"] .announce-item-wrap:last-child .announce-item {
    border-bottom: none;
}
.ctr-component[component="chamber-announcements"] .announce-item:after {
    content: '';
    display: block;
    clear: both;
}
.ctr-component[component="chamber-announcements"] .announce-pic {
    /*float: left;*/
    width: 220px;
    max-width: 100%;
    height: auto !important;
    text-align: center;
    position: relative;
    margin: 0 20px 10px 0;
    overflow: hidden;
    border: solid 1px #E6E6E6;
    box-sizing: border-box;
}
.ctr-component[component="chamber-announcements"][column-size="66"] .announce-pic,
.ctr-component[component="chamber-announcements"][column-size="33"] .announce-pic {
    width: 100%;
}
.ctr-component[component="chamber-announcements"][column-size="66"] .owl-carousel .announce-pic {
    width: 220px;
}

.ctr-component[component="chamber-announcements"][column-size="75"] .announce-pic {
    width: 260px;
}
.ctr-component[component="chamber-announcements"] .announce-pic:before {
    content: '';
    display: block;
    margin-top: 50%;
}
.ctr-component[component="chamber-announcements"] .announce-pic img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    display: block;
    position: absolute;
    top: -300%;
    left: -300%;
    bottom: -300%;
    right: -300%;
    margin: auto;
}

.ctr-component[component="chamber-announcements"] .play-mini {}
.ctr-component[component="chamber-announcements"] .text {
    word-break: break-word;
    margin-left: 235px;
}
.ctr-component[component="chamber-announcements"][column-size="75"] .text {
    margin-left: 275px;
}
.ctr-component[component="chamber-announcements"][column-size="75"] .owl-carousel .text,
.ctr-component[component="chamber-announcements"][column-size="33"] .text,
.ctr-component[component="chamber-announcements"][column-size="66"] .text,
.ctr-component[component="chamber-announcements"][column-size="25"] .text {
    word-break: break-word;
    margin-left: 0;
}
.ctr-component[component="chamber-announcements"] .date {
    display: inline-block;
    margin: 0 0 4px;
    color: #5BA2DC;
    background: none;
    font-size: 16px;
    padding: 0;
    /*font-weight: normal;*/
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-weight: bold;
}
.antype {
    color: #16568b;
    font-size: 18px;
    text-transform: uppercase;
    padding-top: 2px;
    margin-bottom: 10px;
}
.ctr-component[component="chamber-announcements"] .text p {
    margin: 0;
}
#main .ctr-component[component="chamber-announcements"] .text a {
    text-decoration: none;
}
#main .ctr-component[component="chamber-announcements"] .text a.hover-gray:hover {
    color: #8A8585;
}
#main .ctr-component[component="chamber-announcements"] .text a:hover {
    text-decoration: underline;
}


/* > 50% */
.ctr-component-box:not([slider-active="Y"]) .ctr-component[component="chamber-announcements"][column-size="66"]  .ctr-component-content:after,
.ctr-component[component="chamber-announcements"][column-size="75"]  .ctr-component-content:after,
.ctr-component[component="chamber-announcements"][column-size="100"] .ctr-component-content:after {
    content: '';
    display: block;
    clear: both;
}
.ctr-component-box:not([slider-active="Y"]) .ctr-component[component="chamber-announcements"][column-size="66"]  .announce-item-wrap,
.ctr-component[component="chamber-announcements"][column-size="75"]  .announce-item-wrap,
.ctr-component[component="chamber-announcements"][column-size="100"] .announce-item-wrap {
    float: left;
    padding: 0 20px;
}

.ctr-component-box:not([slider-active="Y"]) .ctr-component[component="chamber-announcements"][column-size="66"]  .announce-item-wrap,
.ctr-component[component="chamber-announcements"][column-size="75"]  .announce-item-wrap {
    width: 50%;
    box-sizing: border-box;
}
.ctr-component[component="chamber-announcements"][column-size="66"]  .announce-item-wrap:nth-child(odd),
.ctr-component[component="chamber-announcements"][column-size="75"]  .announce-item-wrap:nth-child(odd) {
    padding-left: 0;
    clear: both;
}
.ctr-component-box:not([slider-active="Y"]) .ctr-component[component="chamber-announcements"][column-size="66"]  .announce-item-wrap:nth-child(even),
.ctr-component[component="chamber-announcements"][column-size="75"]  .announce-item-wrap:nth-child(even) {
    padding-right: 0;
}

.ctr-component[component="chamber-announcements"][column-size="100"]  .announce-item-wrap {
    /*width: 33.33%;*/
    width: 50%;
    box-sizing: border-box;
}
.ctr-component[component="chamber-announcements"][column-size="100"]  .announce-item-wrap:nth-child(2n+1) {
    padding-left: 0;
    clear: both;
}
.ctr-component[component="chamber-announcements"][column-size="100"]  .announce-item-wrap:nth-child(3n) {
    padding-right: 0;
}
.ctr-component-box:not([slider-active="Y"]) .ctr-component[component="chamber-announcements"][column-size="66"] .announce-item-wrap:nth-child(odd):nth-last-child(2) .announce-item,
.ctr-component[component="chamber-announcements"][column-size="75"] .announce-item-wrap:nth-child(odd):nth-last-child(2) .announce-item,
.ctr-component[component="chamber-announcements"][column-size="100"] .announce-item-wrap:nth-child(3n+1):nth-last-child(2) .announce-item,
.ctr-component[component="chamber-announcements"][column-size="100"] .announce-item-wrap:nth-child(3n+2):nth-last-child(2) .announce-item,
.ctr-component[component="chamber-announcements"][column-size="100"] .announce-item-wrap:nth-child(3n+1):nth-last-child(3) .announce-item {
    border-bottom: none;
}
.ctr-component[component="chamber-announcements"][column-size="50"] .announce-item-wrap  .announce-pic,
.ctr-component[component="chamber-announcements"][column-size="66"] .announce-item-wrap  .announce-pic,
.ctr-component[component="chamber-announcements"][column-size="75"] .announce-item-wrap  .announce-pic,
.ctr-component[component="chamber-announcements"][column-size="100"] .announce-item-wrap .announce-pic {
    float: left;
    height: 111px;
}


/* Слайдер */
.ctr-component[component="chamber-announcements"] .owl-carousel .owl-item img {
    width: auto;
    max-height: 100%;
}
.ctr-component[component="chamber-announcements"][column-size="50"]  .owl-item .announce-pic,
.ctr-component[component="chamber-announcements"][column-size="66"]  .owl-item .announce-pic,
.ctr-component[component="chamber-announcements"][column-size="75"]  .owl-item .announce-pic,
.ctr-component[component="chamber-announcements"][column-size="100"] .owl-item .announce-pic {
    margin-right: 10px;
}
.ctr-component-box:not([slider-active="Y"]) .ctr-component[component="chamber-announcements"][column-size="66"] .announce-item-wrap .announce-pic,
.ctr-component-box[slider-active="Y"] .ctr-component[component="chamber-announcements"][column-size="100"] .announce-item-wrap .announce-pic {
    /*max-width: 130px;*/
}

.ctr-component-box:not([slider-active="Y"]) .ctr-component[component="chamber-announcements"][column-size="75"] .announce-item-wrap{
    width: 100%;
    padding-left: 0;
}

/* Календарь */
.ctr-scroll-title .ctr-announcement-calendar-margin {
    padding-right: 28px;
    box-sizing: border-box;
}
.ctr-component[component="chamber-announcements"] .announcements-calendar {
    z-index: 100;
    position: relative;
}
.ctr-component[component="chamber-announcements"] .announcements-calendar .calendar-icon-btn {
    background: url(/local/templates/tpprf_chamber_responsive/components/rarus/chamber.main_constructor.chamber_announcements/.default/./images/calendar_icon.png);
    width: 44px;
    height: 37px;
    cursor: pointer;

    position: absolute;
    top: -59px;
    right: -8px;
}
.ctr-component-box[slider-active="Y"] .ctr-component[component="chamber-announcements"] .announcements-calendar .calendar-icon-btn {
    right: -43px;
}
.ctr-constructor[mode] .ctr-component[component="chamber-announcements"] .announcements-calendar .calendar-icon-btn {
    display: none;
}
.ctr-component[component="chamber-announcements"] .announcements-calendar .calendar-icon-btn:hover {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
.ctr-component[component="chamber-announcements"] .announcements-calendar .calendar-box {
    display: none;
    position: absolute;
    top: -59px;
    right: -8px;
}
.ctr-component-box[slider-active="Y"] .ctr-component[component="chamber-announcements"] .announcements-calendar .calendar-box {
    right: -43px;
}



/* Стиль самого календаря - взят со старого компонента */
.ctr-component[component="chamber-announcements"] .announcements-calendar th {
    color: white;
    font-weight: normal;
    background: #579ad1 linear-gradient(to top, #579ad1, #63a7de);
    text-transform: uppercase;
    font-size: 12px;
}
.ctr-component[component="chamber-announcements"] .announcements-calendar tr th:first-child {
    border-left: 1px solid #5FA2D9
}
.ctr-component[component="chamber-announcements"] .announcements-calendar .ui-datepicker .ui-datepicker-header {
    padding: 0;
    height: 38px;
    background: #0069A4 linear-gradient(to top, #0069A4, #0076B0);
}
.ctr-component[component="chamber-announcements"] .announcements-calendar .ui-datepicker-prev {
    background: url(/local/templates/tpprf_chamber_responsive/components/rarus/chamber.main_constructor.chamber_announcements/.default/images/arr-left.png) 0 0 no-repeat;
    width: 42px;
    height: 38px;
    border-radius: 0;
    top: 0;
    left: 0;
}
.ctr-component[component="chamber-announcements"] .announcements-calendar .ui-datepicker-prev-hover.ui-state-hover {
    background: url(/local/templates/tpprf_chamber_responsive/components/rarus/chamber.main_constructor.chamber_announcements/.default/images/arr-left.png) 0 0 no-repeat !important;
    border: medium none !important;
    width: 42px;
    height: 38px;
    border-radius: 0;
    top: 0;
    left: 0;
}
.ctr-component[component="chamber-announcements"] .announcements-calendar .ui-datepicker-prev span {
    display: none;
}
.ctr-component[component="chamber-announcements"] .announcements-calendar .ui-datepicker-next {
    background: url(/local/templates/tpprf_chamber_responsive/components/rarus/chamber.main_constructor.chamber_announcements/.default/images/arr-right.png) 0 0 no-repeat;
    width: 42px;
    height: 38px;
    border-radius: 0;
    top: 0;
    right: 0;
}
.ctr-component[component="chamber-announcements"] .announcements-calendar .ui-datepicker-next-hover.ui-state-hover {
    background: url(/local/templates/tpprf_chamber_responsive/components/rarus/chamber.main_constructor.chamber_announcements/.default/images/arr-right.png) 0 0 no-repeat !important;
    border: medium none !important;
    width: 42px;
    height: 38px;
    border-radius: 0;
    top: 0;
    right: 0;
}
.ctr-component[component="chamber-announcements"] .announcements-calendar .ui-datepicker-next span {
    display: none;
}
.ctr-component[component="chamber-announcements"] .announcements-calendar .ui-datepicker-title .ui-datepicker-month {
    color: White;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    top: 5px;
    position: relative;
    font-weight: normal;
    text-transform: uppercase;
}
.ctr-component[component="chamber-announcements"] .announcements-calendar .ui-datepicker.ui-widget {
    border: medium none;
    border-radius: 0;
    padding: 0;
    background: #ccdbe8
}
.ctr-component[component="chamber-announcements"] .announcements-calendar .ui-datepicker.ui-widget td {
    padding: 0;
    margin: 0;
}
.ctr-component[component="chamber-announcements"] .announcements-calendar table.ui-datepicker-calendar {
    margin-bottom: 0;
}
.ctr-component[component="chamber-announcements"] .announcements-calendar table.ui-datepicker-calendar td {
    background: transparent none;
    margin: 0;
    border: 1px solid #5fa2d9;
    opacity: 1 !important;
}
.ctr-component[component="chamber-announcements"] .announcements-calendar table.ui-datepicker-calendar td span,
.ctr-component[component="chamber-announcements"] .announcements-calendar table.ui-datepicker-calendar td a {
    display: block;
    width: 100%;
    height: 34px;
    line-height: 34px;
    text-decoration: none !important;
    text-align: center;
    padding: 0;
    margin: 0;
    border: medium none;
    background: #00558e;
    color: white;
    font-weight: bold;
}
.ctr-component[component="chamber-announcements"] .announcements-calendar table.ui-datepicker-calendar td.date-not-selected span,
.ctr-component[component="chamber-announcements"] .announcements-calendar table.ui-datepicker-calendar td.date-not-selected a {
    background: transparent none;
    color: black;
    font-weight: normal;
}
.ctr-component[component="chamber-announcements"] .announcements-calendar .ui-datepicker .ui-datepicker-title > select {
    font-size: 12px !important
}
.ctr-component[component="chamber-announcements"] .announcements-calendar .ui-datepicker .ui-datepicker-title > select {
    font-size: 12px !important
}
.ctr-component[component="chamber-announcements"] .announcements-calendar .ui-datepicker .ui-datepicker-title {
    position: relative;
}
.ctr-component[component="chamber-announcements"] .announcements-calendar .ui-datepicker .ui-datepicker-title .ui-datepicker-year {
    position: absolute;
    font-size: 10px;
    top: -5px;
    right: 12px;
    color: #8bd6f5;
}
/*адаптив*/
.ctr-component-box[slider-active="Y"] .ctr-component[component="chamber-announcements"][column-size="75"] .announce-item-wrap,
.ctr-component-box[slider-active="Y"] .ctr-component[component="chamber-announcements"][column-size="100"] .announce-item-wrap {
	width: 99%;
}
.ctr-component-box[slider-active="Y"] .ctr-component[component="chamber-announcements"] .text {
    margin-left: 0;
}
@media screen and (max-width: 1140px) {
.ctr-component[component="chamber-announcements"][column-size="75"] .text,
.ctr-component[component="chamber-announcements"] .text {
	margin-left: 0;
}
.ctr-component-box:not([slider-active="Y"]) .ctr-component[component="chamber-announcements"][column-size="66"] .announce-item-wrap, .ctr-component[component="chamber-announcements"][column-size="75"] .announce-item-wrap {
	width: 99%;
}
.ctr-component-box:not([slider-active="Y"]) .ctr-component[component="chamber-announcements"][column-size="66"] .announce-item-wrap, .ctr-component[component="chamber-announcements"][column-size="75"] .announce-item-wrap, .ctr-component[component="chamber-announcements"][column-size="100"] .announce-item-wrap {
    padding: 0;
}
.ctr-component[component="chamber-announcements"][column-size="66"] .announce-pic,
.ctr-component[component="chamber-announcements"][column-size="33"] .announce-pic,
.ctr-component[component="chamber-announcements"][column-size="50"] .announce-item-wrap .announce-pic,
.ctr-component[component="chamber-announcements"][column-size="66"] .announce-item-wrap .announce-pic,
.ctr-component[component="chamber-announcements"][column-size="75"] .announce-item-wrap .announce-pic {
    width: 220px;
    max-width: 99%;
    float: none;
}
}
@media screen and (min-width: 841px) and (max-width: 1140px) {
.ctr-column.ctr-container[size="50"] ~ .ctr-column.ctr-container[size="25"]:last-child .ctr-component[component="chamber-announcements"][column-size="25"] .announce-item-wrap .announce-pic,
.ctr-column.ctr-container[size="25"] ~ .ctr-column.ctr-container[size="50"] .ctr-component[component="chamber-announcements"][column-size="50"] .announce-item-wrap .announce-pic,
.ctr-column.ctr-container[size="33"]:last-child .ctr-component[component="chamber-announcements"][column-size="33"] .announce-pic {
	float: left !important;
}
}
@media screen and (min-width: 451px) and (max-width: 840px) {
.ctr-component[component="chamber-announcements"][column-size="100"] .announce-pic,
.ctr-component[component="chamber-announcements"][column-size="75"] .announce-pic,
.ctr-component[component="chamber-announcements"][column-size="66"] .announce-pic,
.ctr-component[component="chamber-announcements"][column-size="50"] .announce-pic,
.ctr-component[component="chamber-announcements"][column-size="33"] .announce-pic,
.ctr-component[component="chamber-announcements"][column-size="25"] .announce-pic {
	width: 220px;
	max-width: 100%;
}
}
@media screen and (max-width: 450px) {
.ctr-component[component="chamber-announcements"][column-size="50"] .announce-item-wrap .announce-pic, .ctr-component[component="chamber-announcements"][column-size="66"] .announce-item-wrap .announce-pic, .ctr-component[component="chamber-announcements"][column-size="75"] .announce-item-wrap .announce-pic, .ctr-component[component="chamber-announcements"][column-size="100"] .announce-item-wrap .announce-pic {
	float: none;
}
}

/* End */


/* Start:/local/components/rarus/mco.list/templates/constructor/style.css?15041948912283*/
.ctr-component[component="mco_offers"] .ctr-offers-list-wrap {}
.ctr-component[component="mco_offers"] .ctr-offers-list-wrap .mco-offer-row {
    border-bottom: 1px solid #C8D8E7;
    padding-bottom: 5px;
    margin: 0 0 5px;
}
.ctr-component[component="mco_offers"] .ctr-offers-list-wrap .mco-offer-row:last-child {
    border-bottom: none;
}
.ctr-component[component="mco_offers"] .ctr-offers-list-wrap .mco-offer-row:after {
    content: '';
    display: block;
    clear: both;
}
.ctr-component[component="mco_offers"] .ctr-offers-list-wrap .mco-offer-pic {
    width: 60px;
    height: 25px;
    float: left;
    text-align: center;
}
.ctr-component[component="mco_offers"] .ctr-offers-list-wrap .mco-offer-pic img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.ctr-component[component="mco_offers"] .ctr-offers-list-wrap .mco-offer-text {
    margin-left: 70px;
    word-break: break-word;
    word-wrap: break-word;
}
.ctr-component[component="mco_offers"] .ctr-offers-list-wrap a {
    text-decoration: none !important;
}
.ctr-component[component="mco_offers"] .ctr-offers-list-wrap .mco-offer-text a:hover {
    text-decoration: underline !important;
}


/* РАЗМЕРЫ */
.ctr-component[component="mco_offers"][column-size='25'] .ctr-offers-list-wrap .mco-offer-pic {
    width: 50px;
    height: 40px;
}
.ctr-component[component="mco_offers"][column-size='25'] .ctr-offers-list-wrap .mco-offer-text {
    margin-left: 60px;
}


/* СЛАЙДЕРЫ */
.ctr-component-box.ctr-slider-with-arrows .ctr-component[component="mco_offers"][column-size='25'] .ctr-offers-list-wrap .mco-offer-row {
    padding-bottom: 12px;
    margin: 0 0 12px;
}
.ctr-component-box.ctr-slider-with-arrows .ctr-component[component="mco_offers"][column-size='25'] .ctr-offers-list-wrap .mco-offer-pic {
    width: 100%;
    height: auto;
    float: none;
    margin-bottom: 10px;
}
.ctr-component-box.ctr-slider-with-arrows .ctr-component[component="mco_offers"][column-size='25'] .ctr-offers-list-wrap .mco-offer-pic img {
    display: block !important;
    margin: 0 auto;
    max-height: 70px;
}
.ctr-component-box.ctr-slider-with-arrows .ctr-component[component="mco_offers"][column-size='25'] .ctr-offers-list-wrap .mco-offer-text {
    margin-left: 0;
}
/* End */


/* Start:/local/templates/tpprf_chamber_responsive/components/rarus/chamber.main_constructor.chamber_key_events/.default/style.css?15719057114142*/
.ctr-component[component="chamber-key-events"] {}
.ctr-component[component="chamber-key-events"] .ctr-component-content:after {
    content: '';
    display: block;
    clear: both;
}
.ctr-component[component="chamber-key-events"] .key-event-item-box {
    border-bottom: 1px solid #C8D8E7;
    padding-bottom: 14px;
    margin: 0 0 10px;
}
.ctr-component[component="chamber-key-events"] .key-event-item:last-child .key-event-item-box {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.ctr-component[component="chamber-key-events"] .key-event-item-box:after {
    content: '';
    display: block;
    clear: both;
}
.ctr-component[component="chamber-key-events"] .key-event-pic {
    float: left;
    width: 48px;
    height: 48px;
    overflow: hidden;
    position: relative;
}
.ctr-component[component="chamber-key-events"] .key-event-pic img {
    width: 100%;
    height: auto;
    margin: auto;
    position: absolute;
    top: -300%;
    bottom: -300%;
    left: -300%;
    right: -300%;
}
.ctr-component[component="chamber-key-events"] .text {
    margin-left: 70px;
    word-break: break-word;
    word-wrap: break-word;
}
.ctr-component[component="chamber-key-events"] .date {
    display: inline-block;
    margin: 0 0 4px;
    color: #585F67;
    background: none;
    font-size: 14px;
    padding: 0;
    font-weight: normal;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.ctr-component[component="chamber-key-events"] .text a {
    text-decoration: none !important;
    cursor: default;
}
.ctr-component[component="chamber-key-events"] .text a[href]:hover {
    text-decoration: underline !important;
    cursor: pointer;
}


/* Размеры */
.ctr-component[component="chamber-key-events"][column-size="66"] .key-event-item,
.ctr-component[component="chamber-key-events"][column-size="75"] .key-event-item,
.ctr-component[component="chamber-key-events"][column-size="100"] .key-event-item {
    float: left;
    width: 50%;
    padding-left: 10px;
    box-sizing: border-box;
}
.ctr-component[component="chamber-key-events"][column-size="66"] .key-event-item:nth-child(odd),
.ctr-component[component="chamber-key-events"][column-size="75"] .key-event-item:nth-child(odd),
.ctr-component[component="chamber-key-events"][column-size="100"] .key-event-item:nth-child(odd) {
    clear: both;
    padding-left: 0;
    padding-right: 10px;
}
.ctr-component[component="chamber-key-events"][column-size="66"] .key-event-item:nth-child(odd):nth-last-child(2) .key-event-item-box,
.ctr-component[component="chamber-key-events"][column-size="75"] .key-event-item:nth-child(odd):nth-last-child(2) .key-event-item-box,
.ctr-component[component="chamber-key-events"][column-size="100"] .key-event-item:nth-child(odd):nth-last-child(2) .key-event-item-box {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}



/* Слайдеры */
.ctr-component-box.ctr-slider-with-arrows .ctr-component[component="chamber-key-events"] .owl-prev,
.ctr-component-box.ctr-slider-with-arrows .ctr-component[component="chamber-key-events"] .owl-next {
    top: 5px;
}
.ctr-component-box.ctr-slider-with-arrows .ctr-component[component="chamber-key-events"][column-size="25"] .key-event-pic {
    float: none;
    margin: 0 auto 10px;
}
.ctr-component-box.ctr-slider-with-arrows .ctr-component[component="chamber-key-events"][column-size="25"] .text {
    margin-left: 0;
}
/*адаптив*/
.ctr-component-box[slider-active="Y"] .ctr-component[component="chamber-key-events"][column-size="66"] .key-event-item,
.ctr-component-box[slider-active="Y"] .ctr-component[component="chamber-key-events"][column-size="75"] .key-event-item,
.ctr-component-box[slider-active="Y"] .ctr-component[component="chamber-key-events"][column-size="100"] .key-event-item {
	width: 100%;
}
@media screen and (max-width: 1140px) {
.ctr-component[component="chamber-key-events"][column-size="66"] .key-event-item, .ctr-component[component="chamber-key-events"][column-size="75"] .key-event-item, .ctr-component[component="chamber-key-events"][column-size="100"] .key-event-item {
	width: 100%;
}
}
/* End */


/* Start:/local/templates/tpprf_chamber_responsive/components/rarus/chamber.main_constructor.chamber_special_projects/.default/style.css?15719057117590*/
.ctr-component[component="chamber-special-projects"] {}
.ctr-component[component="chamber-special-projects"] .ctr-component-content:after {
    content: '';
    display: block;
    clear: both;
}
.ctr-component[component="chamber-special-projects"] .key-event-item-box {
    border-bottom: 1px solid #C8D8E7;
    padding-bottom: 14px;
    margin: 0 0 14px;
}
.ctr-component[component="chamber-special-projects"] .key-event-item:last-child .key-event-item-box {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.ctr-component[component="chamber-special-projects"] .key-event-item-box:after {
    content: '';
    display: block;
    clear: both;
}
.ctr-component[component="chamber-special-projects"] .key-event-pic {
    float: left;
    width: 97px;
    height: 67px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.ctr-component[component="chamber-special-projects"] .key-event-pic img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
}
.ctr-component[component="chamber-special-projects"] .text {
    margin-left: 120px;
    word-break: break-word;
    word-wrap: break-word;
}
.ctr-component[component="chamber-special-projects"] .date {
    display: inline-block;
    margin: 0 0 4px;
    color: #585F67;
    background: none;
    font-size: 14px;
    padding: 0;
    font-weight: normal;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.ctr-component[component="chamber-special-projects"] .text a {
    text-decoration: none !important;
    cursor: default;
}
.ctr-component[component="chamber-special-projects"] .text a[href]:hover {
    text-decoration: underline !important;
    cursor: pointer;
}


/* Размеры */
.ctr-component[component="chamber-special-projects"][column-size="25"] .key-event-pic {
    float: none;
    width: 100%;
    height: auto;
    max-height: 100px;
    margin: 0 auto 14px;
}
.ctr-component[component="chamber-special-projects"][column-size="25"] .text {
    margin-left: 0;
}
.ctr-component[component="chamber-special-projects"][column-size="66"] .key-event-item,
.ctr-component[component="chamber-special-projects"][column-size="75"] .key-event-item {
    float: left;
    padding-left: 10px;
    box-sizing: border-box;
}
.ctr-component[component="chamber-special-projects"][column-size="66"] .key-event-item:nth-child(odd),
.ctr-component[component="chamber-special-projects"][column-size="75"] .key-event-item:nth-child(odd) {
    clear: both;
    padding-left: 0;
    padding-right: 10px;
}
.ctr-component[component="chamber-special-projects"][column-size="66"] .key-event-item:nth-child(odd):nth-last-child(2) .key-event-item-box,
.ctr-component[component="chamber-special-projects"][column-size="75"] .key-event-item:nth-child(odd):nth-last-child(2) .key-event-item-box {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.ctr-component[component="chamber-special-projects"][column-size="100"] .key-event-item {
    float: left;
    padding: 0 20px;
    box-sizing: border-box;
}
.ctr-component[component="chamber-special-projects"][column-size="100"] .key-event-item:nth-child(3n+1) {
    clear: both;
    padding-left: 0;
}
.ctr-component[component="chamber-special-projects"][column-size="100"] .key-event-item:nth-child(3n+3) {
    padding-right: 0;
}
.ctr-component[component="chamber-special-projects"][column-size="100"] .key-event-item:nth-child(3n+1):nth-last-child(3) .key-event-item-box,
.ctr-component[component="chamber-special-projects"][column-size="100"] .key-event-item:nth-child(3n+1):nth-last-child(2) .key-event-item-box,
.ctr-component[component="chamber-special-projects"][column-size="100"] .key-event-item:nth-child(3n+2):nth-last-child(2) .key-event-item-box {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}



/* Слайдеры */
.ctr-component-box.ctr-slider-with-arrows .ctr-component[component="chamber-special-projects"] .owl-prev,
.ctr-component-box.ctr-slider-with-arrows .ctr-component[component="chamber-special-projects"] .owl-next {
    top: 12px;
}
.ctr-component-box.ctr-slider-with-arrows .ctr-component[component="chamber-special-projects"][column-size="33"] .key-event-pic {
    float: none;
    width: 100%;
    height: auto;
    max-height: 100px;
    margin-bottom: 14px;
}
.ctr-component-box.ctr-slider-with-arrows .ctr-component[component="chamber-special-projects"][column-size="33"] .text {
    margin-left: 0;
}

/*адаптив*/
.ctr-component-box[slider-active="N"] .ctr-component[component="chamber-special-projects"][column-size="66"] .key-event-item,
.ctr-component-box[slider-active="N"] .ctr-component[component="chamber-special-projects"][column-size="75"] .key-event-item,
.ctr-component-box[slider-active="N"] .ctr-component[component="chamber-special-projects"][column-size="100"] .key-event-item {
    width: 33.3333%
}
.ctr-component-box[slider-active="N"] .ctr-component[component="chamber-special-projects"][column-size="50"] .key-event-item,
.ctr-component-box[slider-active="N"] .ctr-component[component="chamber-special-projects"][column-size="33"] .key-event-item,
.ctr-component-box[slider-active="N"] .ctr-component[component="chamber-special-projects"][column-size="25"] .key-event-item {
    width: 100%
}
@media screen and (max-width: 1140px) {
.ctr-component-box[slider-active="Y"] .ctr-component[component="chamber-special-projects"][column-size="100"] .key-event-item {
	width: 100%;
}
.ctr-component[component="chamber-special-projects"][column-size="66"] .key-event-item, .ctr-component[component="chamber-special-projects"][column-size="75"] .key-event-item {
	width: 100%;
}
.ctr-component-box.ctr-slider-with-arrows .ctr-component[component="chamber-special-projects"][column-size="25"] .key-event-pic,
.ctr-component-box.ctr-slider-with-arrows .ctr-component[component="chamber-special-projects"][column-size="33"] .key-event-pic,
.ctr-component[component="chamber-special-projects"][column-size="33"] .key-event-pic,
.ctr-component[component="chamber-special-projects"][column-size="25"] .key-event-pic {
	float: left;
	width: 97px;
	height: 67px;
	margin: 0 15px 0 0;
}
}
@media screen and (min-width: 841px) and (max-width: 1140px) {
.ctr-component[component="chamber-special-projects"] .text {
	margin-left: 90px;
}
.ctr-component[component="chamber-special-projects"] .key-event-pic {
	width: 80px;
}
}
@media screen and (max-width: 840px) {
.ctr-component[component="chamber-special-projects"][column-size="100"] .key-event-item {
	width: 100%;
	padding: 0
}
.ctr-component[component="chamber-special-projects"][column-size="100"] .key-event-item .key-event-item-box,
.ctr-component[component="chamber-special-projects"][column-size="100"] .key-event-item:nth-child(3n+1):nth-last-child(3) .key-event-item-box,
.ctr-component[component="chamber-special-projects"][column-size="100"] .key-event-item:nth-child(3n+1):nth-last-child(2) .key-event-item-box,
.ctr-component[component="chamber-special-projects"][column-size="100"] .key-event-item:nth-child(3n+2):nth-last-child(2) .key-event-item-box {
    border-bottom: 1px solid #C8D8E7;
    padding-bottom: 14px;
    margin: 0 0 14px;
}
.ctr-component-box[slider-active="N"] .ctr-component[component="chamber-special-projects"][column-size="66"] .key-event-item,
.ctr-component-box[slider-active="N"] .ctr-component[component="chamber-special-projects"][column-size="75"] .key-event-item,
.ctr-component-box[slider-active="N"] .ctr-component[component="chamber-special-projects"][column-size="100"] .key-event-item {
    width: 100%
}
}
/* End */


/* Start:/local/components/rarus/feedback.question.form/templates/constructor/style.css?15191172324134*/
div.question_form-holder .file-row{
    display:none;
}
div.question_form-holder .inputfile{
    cursor: pointer;
    font-size: 50px;
    height: 29px;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    filter:alpha(opacity=1);
}
div.question_form-holder .delete{
    cursor:pointer;
}
div.question_form-holder div.thank{
    border: 1px solid #e99500;
    border-radius: 5px;
    padding: 20px 50px;
    text-align: center;
    color: #6b5e00;
    font-size: 16px;
    font-weight: bold;
    background-color: #f5ed8f;
    width:230px;
    display:inline-block;
}
div.question_form-holder div.thank span.ask_again{
    cursor: pointer;
    text-decoration: underline;
}
div.question_form-holder div.result-message-holder{
    display:none;
    text-align: center;
}
table.feedback-holder td.second div.question_form-holder form.question_form .textarea-holder,
div.question_form-holder form.question_form #message{
    font-size: 14px;
    padding: 5px 8px;
    line-height: 16px;
}

.question_form .file-block {margin-left: 160px;}
.question_form .file-block:after {content: "";clear: both;display: block;}
.question_form .file-row .delete:hover {color: #5ba2dc;}
.question_form .add-file { margin: 0;line-height: 30px;height: 30px;}
.question_form .add-file:hover .add-file-btn {color: #5ba2dc;}
.question_form .file-row {line-height: 20px;padding: 5px 0 5px;margin: 0 0 5px;}

.ctr-column-title.ctr-feedback-switcher-btn li span {
    border-bottom: 1px dashed #16568b;
    line-height: 24px;
    margin-bottom: 1px;
    display: inline-block;
    cursor: pointer;
}
.ctr-column-title.ctr-feedback-switcher-btn li span a {
    cursor: pointer;
}
.ctr-column-title.ctr-feedback-switcher-btn li span:hover {
    border: none;
}
.ctr-column-title.ctr-feedback-switcher-btn li span:hover a {
    color: #5ba2dc;
}

.ctr-feedback-form-wrap {
    display: block;
}
.ctr-feedback-form-wrap[data-show-content='N'] {
    display: none;
}
.ctr-constructor[mode] .ctr-feedback-form-wrap[data-show-content='N'] {
    display: block;
}
.ctr-feedback-form-wrap .input-holder,
.ctr-feedback-form-wrap .textarea-holder {
    box-sizing: border-box;
}


.ctr-component[column-size="25"] .ctr-feedback-form-wrap .row .col-left,
.ctr-component[column-size="25"] .ctr-feedback-form-wrap .row .col-right,
.ctr-component[column-size="33"] .ctr-feedback-form-wrap .row .col-left,
.ctr-component[column-size="33"] .ctr-feedback-form-wrap .row .col-right {
    width: 100% !important;
    float: none !important;
    display: block;
    margin-bottom: 10px;
}
.ctr-component[column-size="25"] .ctr-feedback-form-wrap .row label,
.ctr-component[column-size="33"] .ctr-feedback-form-wrap .row label {
    display: block;
    width: 100% !important;
    text-align: left !important;
    float: none !important;
    margin: 0 !important;
}
.ctr-component[column-size="25"] .ctr-feedback-form-wrap .row .file-block,
.ctr-component[column-size="33"] .ctr-feedback-form-wrap .row .file-block {
    margin: 0 !important;
}


.ctr-component[column-size="50"] .ctr-feedback-form-wrap .row .col-left,
.ctr-component[column-size="50"] .ctr-feedback-form-wrap .row .col-right {
    width: 100% !important;
    float: none !important;
    display: block;
    margin-bottom: 10px;
}
.ctr-component[column-size="50"] .ctr-feedback-form-wrap .row .control-label-box {
    width: 140px !important;
    text-align: left !important;
}
.ctr-component[column-size="50"] .ctr-feedback-form-wrap .row .input-holder,
.ctr-component[column-size="50"] .ctr-feedback-form-wrap .row .file-block {
    margin-left: 140px !important;
}

.question_form-holder .error-recaptcha {
    color: red;
}
.question_form-holder .error-recaptcha.hidden {
    display: none;
}
#tpp-chamber .question_form .row .col-left.recaptcha {
    width: 35%;
    padding-left: 140px;
}
#tpp-chamber .question_form .row .col-right.recaptcha {
    width: 48%;
}
#tpp-chamber .ctr-component[column-size="25"] .question_form .row .col-left.recaptcha,
#tpp-chamber .ctr-component[column-size="33"] .question_form .row .col-left.recaptcha {
    padding-left: 0px;
}
/* End */
/* /local/templates/tpprf_chamber_responsive/components/rarus/chamber.main_constructor/.default/style.css?157190571065359 */
/* /local/templates/tpprf_chamber_responsive/components/rarus/chamber.main_constructor.weather/.default/style.css?1571905711872 */
/* /local/templates/tpprf_chamber_responsive/components/rarus/chamber.main_constructor.currency/.default/style.css?15719057111200 */
/* /local/templates/tpprf_chamber_responsive/components/rarus/chamber.main_constructor.main_theme/.default/style.css?1571905711656 */
/* /local/templates/tpprf_chamber_responsive/components/rarus/chamber.main_constructor.chamber_news/.default/style.css?15719057111742 */
/* /local/components/forumedia/chamber.main_news/templates/.default/style.css?15041948911385 */
/* /bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?145279342751 */
/* /local/templates/tpprf_chamber_responsive/components/rarus/chamber.main_constructor.chamber_announcements/.default/style.css?157190571116592 */
/* /local/components/rarus/mco.list/templates/constructor/style.css?15041948912283 */
/* /local/templates/tpprf_chamber_responsive/components/rarus/chamber.main_constructor.chamber_key_events/.default/style.css?15719057114142 */
/* /local/templates/tpprf_chamber_responsive/components/rarus/chamber.main_constructor.chamber_special_projects/.default/style.css?15719057117590 */
/* /local/components/rarus/feedback.question.form/templates/constructor/style.css?15191172324134 */