/* Start:/bitrix/templates/.default/styles/vendor.css?1623430021113237*/ .dropzone,.dropzone *{box-sizing:border-box}.dropzone{position:relative}.dropzone .dz-preview{position:relative;display:inline-block;width:120px;margin:0.5em}.dropzone .dz-preview .dz-progress{display:block;height:15px;border:1px solid #aaa}.dropzone .dz-preview .dz-progress .dz-upload{display:block;height:100%;width:0;background:green}.dropzone .dz-preview .dz-error-message{color:red;display:none}.dropzone .dz-preview.dz-error .dz-error-message,.dropzone .dz-preview.dz-error .dz-error-mark{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{display:block}.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark{position:absolute;display:none;left:30px;top:30px;width:54px;height:58px;left:50%;margin-left:-27px} .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; } .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; } .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; } .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; } .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; } .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #cccccc; } .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); } .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: none; border: none; } /* ------------------------------------------------- Datepicker cells ------------------------------------------------- */ .datepicker--cells { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .datepicker--cell { border-radius: 4px; box-sizing: border-box; cursor: pointer; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 32px; z-index: 1; } .datepicker--cell.-focus- { background: #f0f0f0; } .datepicker--cell.-current- { color: #4EB5E6; } .datepicker--cell.-current-.-focus- { color: #4a4a4a; } .datepicker--cell.-current-.-in-range- { color: #4EB5E6; } .datepicker--cell.-in-range- { background: rgba(92, 196, 239, 0.1); color: #4a4a4a; border-radius: 0; } .datepicker--cell.-in-range-.-focus- { background-color: rgba(92, 196, 239, 0.2); } .datepicker--cell.-disabled- { cursor: default; color: #aeaeae; } .datepicker--cell.-disabled-.-focus- { color: #aeaeae; } .datepicker--cell.-disabled-.-in-range- { color: #a1a1a1; } .datepicker--cell.-disabled-.-current-.-focus- { color: #aeaeae; } .datepicker--cell.-range-from- { border: 1px solid rgba(92, 196, 239, 0.5); background-color: rgba(92, 196, 239, 0.1); border-radius: 4px 0 0 4px; } .datepicker--cell.-range-to- { border: 1px solid rgba(92, 196, 239, 0.5); background-color: rgba(92, 196, 239, 0.1); border-radius: 0 4px 4px 0; } .datepicker--cell.-range-from-.-range-to- { border-radius: 4px; } .datepicker--cell.-selected- { color: #fff; border: none; background: #5cc4ef; } .datepicker--cell.-selected-.-current- { color: #fff; background: #5cc4ef; } .datepicker--cell.-selected-.-focus- { background: #45bced; } .datepicker--cell:empty { cursor: default; } .datepicker--days-names { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 8px 0 3px; } .datepicker--day-name { color: #FF9A19; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; text-transform: uppercase; font-size: .8em; } .datepicker--cell-day { width: 14.28571%; } .datepicker--cells-months { height: 170px; } .datepicker--cell-month { width: 33.33%; height: 25%; } .datepicker--years { height: 170px; } .datepicker--cells-years { height: 170px; } .datepicker--cell-year { width: 25%; height: 33.33%; } .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; } .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; } .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; } .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; } .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; } .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #cccccc; } .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); } .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: none; border: none; } /* ------------------------------------------------- Datepicker ------------------------------------------------- */ .datepickers-container { position: absolute; left: 0; top: 0; } @media print { .datepickers-container { display: none; } } .datepicker { background: #fff; border: 1px solid #dbdbdb; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); border-radius: 4px; box-sizing: content-box; font-family: Tahoma, sans-serif; font-size: 14px; color: #4a4a4a; width: 250px; position: absolute; left: -100000px; opacity: 0; transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease; z-index: 100; } .datepicker.-from-top- { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .datepicker.-from-right- { -webkit-transform: translateX(8px); transform: translateX(8px); } .datepicker.-from-bottom- { -webkit-transform: translateY(8px); transform: translateY(8px); } .datepicker.-from-left- { -webkit-transform: translateX(-8px); transform: translateX(-8px); } .datepicker.active { opacity: 1; -webkit-transform: translate(0); transform: translate(0); transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; } .datepicker-inline .datepicker { border-color: #d7d7d7; box-shadow: none; position: static; left: auto; right: auto; opacity: 1; -webkit-transform: none; transform: none; } .datepicker-inline .datepicker--pointer { display: none; } .datepicker--content { box-sizing: content-box; padding: 4px; } .-only-timepicker- .datepicker--content { display: none; } .datepicker--pointer { position: absolute; background: #fff; border-top: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; width: 10px; height: 10px; z-index: -1; } .-top-left- .datepicker--pointer, .-top-center- .datepicker--pointer, .-top-right- .datepicker--pointer { top: calc(100% - 4px); -webkit-transform: rotate(135deg); transform: rotate(135deg); } .-right-top- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-bottom- .datepicker--pointer { right: calc(100% - 4px); -webkit-transform: rotate(225deg); transform: rotate(225deg); } .-bottom-left- .datepicker--pointer, .-bottom-center- .datepicker--pointer, .-bottom-right- .datepicker--pointer { bottom: calc(100% - 4px); -webkit-transform: rotate(315deg); transform: rotate(315deg); } .-left-top- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-bottom- .datepicker--pointer { left: calc(100% - 4px); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .-top-left- .datepicker--pointer, .-bottom-left- .datepicker--pointer { left: 10px; } .-top-right- .datepicker--pointer, .-bottom-right- .datepicker--pointer { right: 10px; } .-top-center- .datepicker--pointer, .-bottom-center- .datepicker--pointer { left: calc(50% - 10px / 2); } .-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer { top: 10px; } .-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer { bottom: 10px; } .-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer { top: calc(50% - 10px / 2); } .datepicker--body { display: none; } .datepicker--body.active { display: block; } .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; } .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; } .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; } .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; } .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; } .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #cccccc; } .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); } .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: none; border: none; } /* ------------------------------------------------- Navigation ------------------------------------------------- */ .datepicker--nav { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #efefef; min-height: 32px; padding: 4px; } .-only-timepicker- .datepicker--nav { display: none; } .datepicker--nav-title, .datepicker--nav-action { display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .datepicker--nav-action { width: 32px; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .datepicker--nav-action:hover { background: #f0f0f0; } .datepicker--nav-action.-disabled- { visibility: hidden; } .datepicker--nav-action svg { width: 32px; height: 32px; } .datepicker--nav-action path { fill: none; stroke: #9c9c9c; stroke-width: 2px; } .datepicker--nav-title { border-radius: 4px; padding: 0 8px; } .datepicker--nav-title i { font-style: normal; color: #9c9c9c; margin-left: 5px; } .datepicker--nav-title:hover { background: #f0f0f0; } .datepicker--nav-title.-disabled- { cursor: default; background: none; } .datepicker--buttons { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 4px; border-top: 1px solid #efefef; } .datepicker--button { color: #4EB5E6; cursor: pointer; border-radius: 4px; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 32px; } .datepicker--button:hover { color: #4a4a4a; background: #f0f0f0; } .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; } .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; } .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; } .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; } .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; } .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #cccccc; } .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); } .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: none; border: none; } /* ------------------------------------------------- Timepicker ------------------------------------------------- */ .datepicker--time { border-top: 1px solid #efefef; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 4px; position: relative; } .datepicker--time.-am-pm- .datepicker--time-sliders { -webkit-flex: 0 1 138px; -ms-flex: 0 1 138px; flex: 0 1 138px; max-width: 138px; } .-only-timepicker- .datepicker--time { border-top: none; } .datepicker--time-sliders { -webkit-flex: 0 1 153px; -ms-flex: 0 1 153px; flex: 0 1 153px; margin-right: 10px; max-width: 153px; } .datepicker--time-label { display: none; font-size: 12px; } .datepicker--time-current { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 14px; text-align: center; margin: 0 0 0 10px; } .datepicker--time-current-colon { margin: 0 2px 3px; line-height: 1; } .datepicker--time-current-hours, .datepicker--time-current-minutes { line-height: 1; font-size: 19px; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; position: relative; z-index: 1; } .datepicker--time-current-hours:after, .datepicker--time-current-minutes:after { content: ''; background: #f0f0f0; border-radius: 4px; position: absolute; left: -2px; top: -3px; right: -2px; bottom: -2px; z-index: -1; opacity: 0; } .datepicker--time-current-hours.-focus-:after, .datepicker--time-current-minutes.-focus-:after { opacity: 1; } .datepicker--time-current-ampm { text-transform: uppercase; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; color: #9c9c9c; margin-left: 6px; font-size: 11px; margin-bottom: 1px; } .datepicker--time-row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 11px; height: 17px; background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat; } .datepicker--time-row:first-child { margin-bottom: 4px; } .datepicker--time-row input[type='range'] { background: none; cursor: pointer; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 100%; padding: 0; margin: 0; -webkit-appearance: none; } .datepicker--time-row input[type='range']::-webkit-slider-thumb { -webkit-appearance: none; } .datepicker--time-row input[type='range']::-ms-tooltip { display: none; } .datepicker--time-row input[type='range']:hover::-webkit-slider-thumb { border-color: #b8b8b8; } .datepicker--time-row input[type='range']:hover::-moz-range-thumb { border-color: #b8b8b8; } .datepicker--time-row input[type='range']:hover::-ms-thumb { border-color: #b8b8b8; } .datepicker--time-row input[type='range']:focus { outline: none; } .datepicker--time-row input[type='range']:focus::-webkit-slider-thumb { background: #5cc4ef; border-color: #5cc4ef; } .datepicker--time-row input[type='range']:focus::-moz-range-thumb { background: #5cc4ef; border-color: #5cc4ef; } .datepicker--time-row input[type='range']:focus::-ms-thumb { background: #5cc4ef; border-color: #5cc4ef; } .datepicker--time-row input[type='range']::-webkit-slider-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; transition: background .2s; } .datepicker--time-row input[type='range']::-moz-range-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; transition: background .2s; } .datepicker--time-row input[type='range']::-ms-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; transition: background .2s; } .datepicker--time-row input[type='range']::-webkit-slider-thumb { margin-top: -6px; } .datepicker--time-row input[type='range']::-webkit-slider-runnable-track { border: none; height: 1px; cursor: pointer; color: transparent; background: transparent; } .datepicker--time-row input[type='range']::-moz-range-track { border: none; height: 1px; cursor: pointer; color: transparent; background: transparent; } .datepicker--time-row input[type='range']::-ms-track { border: none; height: 1px; cursor: pointer; color: transparent; background: transparent; } .datepicker--time-row input[type='range']::-ms-fill-lower { background: transparent; } .datepicker--time-row input[type='range']::-ms-fill-upper { background: transparent; } .datepicker--time-row span { padding: 0 12px; } .datepicker--time-icon { color: #9c9c9c; border: 1px solid; border-radius: 50%; font-size: 16px; position: relative; margin: 0 5px -1px 0; width: 1em; height: 1em; } .datepicker--time-icon:after, .datepicker--time-icon:before { content: ''; background: currentColor; position: absolute; } .datepicker--time-icon:after { height: .4em; width: 1px; left: calc(50% - 1px); top: calc(50% + 1px); -webkit-transform: translateY(-100%); transform: translateY(-100%); } .datepicker--time-icon:before { width: .4em; height: 1px; top: calc(50% + 1px); left: calc(50% - 1px); } .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; } .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; } .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; } .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; } .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; } .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #cccccc; } .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); } .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: none; border: none; } @-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-moz-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-moz-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-moz-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:2px solid rgba(0,0,0,0.3);background:white;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:0.5}.dropzone .dz-message{text-align:center;margin:2em 0}.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:white}.dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-ms-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,0.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,0.8);background-color:rgba(255,255,255,0.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,0.4);padding:0 0.4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-filter:blur(8px);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity 0.4s ease-in;-moz-transition:opacity 0.4s ease-in;-ms-transition:opacity 0.4s ease-in;-o-transition:opacity 0.4s ease-in;transition:opacity 0.4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;-moz-animation:pulse 6s ease infinite;-ms-animation:pulse 6s ease infinite;-o-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:rgba(255,255,255,0.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom, #666, #444);position:absolute;top:0;left:0;bottom:0;width:0;-webkit-transition:width 300ms ease-in-out;-moz-transition:width 300ms ease-in-out;-ms-transition:width 300ms ease-in-out;-o-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:linear-gradient(to bottom, #be2626, #a92222);padding:0.5em 1.2em;color:white}.dropzone .dz-preview .dz-error-message:after{content:'';position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626} /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/bitrix/templates/.default/styles/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('/bitrix/templates/.default/styles/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('/bitrix/templates/.default/styles/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('/bitrix/templates/.default/styles/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/bitrix/templates/.default/styles/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('/bitrix/templates/.default/styles/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(/bitrix/templates/.default/styles/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /*! lightslider - v1.1.3 - 2015-04-14 * https://github.com/sachinchoolur/lightslider * Copyright (c) 2015 Sachin N; Licensed MIT */.lSSlideWrapper,.lSSlideWrapper .lSFade{position:relative}.lSSlideWrapper .lSSlide,.lSSlideWrapper.usingCss .lSFade>*{-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important;-webkit-transition-duration:inherit!important;transition-duration:inherit!important}.lSSlideOuter,.lSSlideOuter .lSPager.lSGallery{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideWrapper>.lightSlider:after{clear:both}.lSSlideOuter{overflow:hidden;user-select:none}.lightSlider:after,.lightSlider:before{content:" ";display:table}.lightSlider{overflow:hidden;margin:0}.lSSlideWrapper{max-width:100%;overflow:hidden}.lSSlideWrapper .lSSlide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform,height;transition-property:transform,height}.lSSlideWrapper .lSFade>*{position:absolute!important;top:0;left:0;z-index:9;margin-right:0;width:100%}.lSSlideWrapper.usingCss .lSFade>*{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:opacity;transition-property:opacity}.lSSlideWrapper .lSFade>.active{z-index:10}.lSSlideWrapper.usingCss .lSFade>.active{opacity:1}.lSSlideOuter .lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center}.lSSlideOuter .lSPager.lSpg>li{cursor:pointer;display:inline-block;padding:0 5px}.lSSlideOuter .lSPager.lSpg>li a{background-color:#222;border-radius:30px;display:inline-block;height:8px;overflow:hidden;text-indent:-999em;width:8px;position:relative;z-index:99;-webkit-transition:all .5s linear 0s;transition:all .5s linear 0s}.lSSlideOuter .lSPager.lSpg>li.active a,.lSSlideOuter .lSPager.lSpg>li:hover a{background-color:#428bca}.lSSlideOuter .media{opacity:.8}.lSSlideOuter .media.active{opacity:1}.lSSlideOuter .lSPager.lSGallery{list-style:none;padding-left:0;margin:0;overflow:hidden;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;user-select:none}.lSSlideOuter .lSPager.lSGallery li{overflow:hidden;-webkit-transition:border-radius .12s linear 0s .35s linear 0s;transition:border-radius .12s linear 0s .35s linear 0s}.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{border-radius:5px}.lSSlideOuter .lSPager.lSGallery img{display:block;height:auto;max-width:100%}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideOuter .lSPager.lSGallery:before{content:" ";display:table}.lSAction>a{width:32px;display:block;top:50%;height:32px;background-image:url(/bitrix/templates/.default/styles/../img/controls.png);cursor:pointer;position:absolute;z-index:99;margin-top:-16px;opacity:.5;-webkit-transition:opacity .35s linear 0s;transition:opacity .35s linear 0s}.lSAction>a:hover{opacity:1}.lSAction>.lSPrev{background-position:0 0;left:10px}.lSAction>.lSNext{background-position:-32px 0;right:10px}.lSAction>a.disabled{pointer-events:none}.cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden}.lSSlideOuter.vertical{position:relative}.lSSlideOuter.vertical.noPager{padding-right:0!important}.lSSlideOuter.vertical .lSGallery{position:absolute!important;right:0;top:0}.lSSlideOuter.vertical .lightSlider>*{width:100%!important;max-width:none!important}.lSSlideOuter.vertical .lSAction>a{left:50%;margin-left:-14px;margin-top:0}.lSSlideOuter.vertical .lSAction>.lSNext{background-position:31px -31px;bottom:10px;top:auto}.lSSlideOuter.vertical .lSAction>.lSPrev{background-position:0 -31px;bottom:auto;top:10px}.lSSlideOuter.lSrtl{direction:rtl}.lSSlideOuter .lSPager,.lSSlideOuter .lightSlider{padding-left:0;list-style:none}.lSSlideOuter.lSrtl .lSPager,.lSSlideOuter.lSrtl .lightSlider{padding-right:0}.lSSlideOuter .lSGallery li,.lSSlideOuter .lightSlider>*{float:left}.lSSlideOuter.lSrtl .lSGallery li,.lSSlideOuter.lSrtl .lightSlider>*{float:right!important}@-webkit-keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@-webkit-keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@-webkit-keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@-webkit-keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}@keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}.lSSlideOuter .rightEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lSSlideOuter .leftEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.vertical .rightEnd{-webkit-animation:topEnd .3s;animation:topEnd .3s;position:relative}.lSSlideOuter.vertical .leftEnd{-webkit-animation:bottomEnd .3s;animation:bottomEnd .3s;position:relative}.lSSlideOuter.lSrtl .rightEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.lSrtl .leftEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lightSlider.lsGrab>*{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lightSlider.lsGrabbing>*{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing} .owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0)}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{display:none}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/bitrix/templates/.default/styles/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* * Remodal - v1.0.5 * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking. * http://vodkabears.github.io/remodal/ * * Made by Ilya Makarov * Under MIT License */ /* ========================================================================== Remodal's default mobile first theme ========================================================================== */ /* Default theme styles for the background */ .remodal-bg.remodal-is-opening, .remodal-bg.remodal-is-opened { -webkit-filter: blur(3px); filter: blur(3px); } /* Default theme styles of the overlay */ .remodal-overlay { background: rgba(43, 46, 56, 0.9); } .remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .remodal-overlay.remodal-is-opening { -webkit-animation: remodal-overlay-opening-keyframes 0.3s; animation: remodal-overlay-opening-keyframes 0.3s; } .remodal-overlay.remodal-is-closing { -webkit-animation: remodal-overlay-closing-keyframes 0.3s; animation: remodal-overlay-closing-keyframes 0.3s; } /* Default theme styles of the wrapper */ .remodal-wrapper { padding: 10px 10px 0; } /* Default theme styles of the modal dialog */ .remodal { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-bottom: 10px; padding: 35px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); color: #2b2e38; background: #fff; } .remodal.remodal-is-opening, .remodal.remodal-is-closing { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .remodal.remodal-is-opening { -webkit-animation: remodal-opening-keyframes 0.3s; animation: remodal-opening-keyframes 0.3s; } .remodal.remodal-is-closing { -webkit-animation: remodal-closing-keyframes 0.3s; animation: remodal-closing-keyframes 0.3s; } /* Vertical align of the modal dialog */ .remodal, .remodal-wrapper:after { vertical-align: middle; } /* Close button */ .remodal-close { position: absolute; top: 0; left: 0; display: block; overflow: visible; width: 35px; height: 35px; margin: 0; padding: 0; cursor: pointer; -webkit-transition: color 0.2s; transition: color 0.2s; text-decoration: none; color: #95979c; border: 0; outline: 0; background: transparent; } .remodal-close:hover, .remodal-close:focus { color: #2b2e38; } .remodal-close:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 25px; line-height: 35px; position: absolute; top: 0; left: 0; display: block; width: 35px; content: "\00d7"; text-align: center; } /* Dialog buttons */ .remodal-confirm, .remodal-cancel { font: inherit; display: inline-block; overflow: visible; min-width: 110px; margin: 0; padding: 12px 0; cursor: pointer; -webkit-transition: background 0.2s; transition: background 0.2s; text-align: center; vertical-align: middle; text-decoration: none; border: 0; outline: 0; } .remodal-confirm { color: #fff; background: #81c784; } .remodal-confirm:hover, .remodal-confirm:focus { background: #66bb6a; } .remodal-cancel { color: #fff; background: #e57373; } .remodal-cancel:hover, .remodal-cancel:focus { background: #ef5350; } /* Remove inner padding and border in Firefox 4+ for the button tag. */ .remodal-confirm::-moz-focus-inner, .remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner { padding: 0; border: 0; } /* Keyframes ========================================================================== */ @-webkit-keyframes remodal-opening-keyframes { from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes remodal-opening-keyframes { from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; } to { -webkit-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes remodal-closing-keyframes { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; } } @keyframes remodal-closing-keyframes { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; } } @-webkit-keyframes remodal-overlay-opening-keyframes { from { opacity: 0; } to { opacity: 1; } } @keyframes remodal-overlay-opening-keyframes { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes remodal-overlay-closing-keyframes { from { opacity: 1; } to { opacity: 0; } } @keyframes remodal-overlay-closing-keyframes { from { opacity: 1; } to { opacity: 0; } } /* Media queries ========================================================================== */ /* IE8 ========================================================================== */ .lt-ie9 .remodal-overlay { background: #2b2e38; } .lt-ie9 .remodal { width: 700px; } /* * Remodal - v1.0.5 * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking. * http://vodkabears.github.io/remodal/ * * Made by Ilya Makarov * Under MIT License */ /* ========================================================================== Remodal's necessary styles ========================================================================== */ /* Hide scroll bar */ html.remodal-is-locked { overflow: hidden; } /* Anti FOUC */ .remodal, [data-remodal-id] { display: none; } /* Necessary styles of the overlay */ .remodal-overlay { position: fixed; z-index: 9999; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; display: none; } /* Necessary styles of the wrapper */ .remodal-wrapper { position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: auto; text-align: center; -webkit-overflow-scrolling: touch; } .remodal-wrapper:after { display: inline-block; height: 100%; margin-left: -0.05em; content: ""; } /* Fix iPad, iPhone glitches */ .remodal-overlay, .remodal-wrapper { -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Necessary styles of the modal dialog */ .remodal { position: relative; outline: none; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } .remodal-is-initialized { /* Disable Anti-FOUC */ display: inline-block; } @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('/bitrix/templates/.default/styles/./ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/bitrix/templates/.default/styles/./fonts/slick.eot'); src: url('/bitrix/templates/.default/styles/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/.default/styles/./fonts/slick.woff') format('woff'), url('/bitrix/templates/.default/styles/./fonts/slick.ttf') format('truetype'), url('/bitrix/templates/.default/styles/./fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/bitrix/templates/.default/styles/main.css?1637843789424800*/ /*rgb(51,51,51)*/ /*rgb(173, 173, 173)*/ /*rgb(0, 168, 255)*/ /* Default */ * { -webkit-appearance: none; -moz-osx-font-smoothing: grayscale; } html { -webkit-text-size-adjust: none; font-family: "RostelecomBasis"; font-size: 18px; line-height: 1.333; } body { margin: 0; padding: 0; color: #6b6b6b; background: #fff; overflow-y: scroll; overflow-x: auto; /*background: url(/bitrix/templates/.default/styles/img/tmp/t18.jpg) 46% 183px no-repeat;*/ } body > * { opacity: 1.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=150)"; } /* @media @media-tablet { body { background: url(/bitrix/templates/.default/styles/img/tmp/t7.jpg) 50% 0px no-repeat; } } @media @media-desktop { body { background: url(/bitrix/templates/.default/styles/img/tmp/t6.jpg) 50% 0px no-repeat; } }*/ p { margin: 1.6em 0; font-family: "RostelecomBasis"; font-size: 1em; /* 18/18 */ line-height: 1.3333333333333333rem; /* 24/18 */ } td > p { margin: 0; } @media all and (max-width: 759px) { } h1 { font-size: 36px; font-size: 2em; font-family: "RostelecomBasis-Light"; color: #333333; font-weight: normal; line-height: 1.333; margin: .7em 0 .9em; letter-spacing: .0028em; } @media all and (max-width: 1204px) { h1 { margin: 1em 0 .9em; } } @media all and (max-width: 1204px) { h1 { margin: 1em 0 .9em; } } @media all and (max-width: 759px) { } h2 { font-family: "RostelecomBasis"; font-size: 1.3333333333333333em; /* 24/18 */ line-height: 2rem; /* 36/18 */ letter-spacing: .004em; color: #333333; } h3 { font-family: "RostelecomBasis-Light"; font-size: 1.17em; letter-spacing: .0048em; color: #333333; } @media all and (max-width: 759px) { h3 { font-size: 1.1em; } } h4 { font-family: "RostelecomBasis-Medium"; font-weight: normal; letter-spacing: .004em; margin: 1.6em 0 1.1em; } h1.header, h2.header, h3.header, h4.header, h5.header, h6.header { min-width: 0; } ol, menu { margin: 1em 0; padding: 0; list-style: none; } ul { margin: 1.6em 0; padding: 0; list-style: none; } ul > li { position: relative; left: 0; top: 0; margin: 0.6em 0; padding-left: 40px; } ul > li:first-child { margin-top: 0; } ul > li:before { content: '\2022'; position: absolute; left: 0; top: -0.28em; font-size: 1.6rem; display: block; color: #6b6b6b; } ul > li > ul { margin-top: 0.6em; } td > ul { margin: 0; } ul ol { counter-reset: olist-inner; } ul ol > li:before { counter-increment: olist-inner !important; content: counters(olist-inner, ".") "." !important; } ul ol > li > ol li:before { counter-increment: olist-inner !important; content: counters(olist-inner, ".") " " !important; } ol { counter-reset: olist; list-style-type: none; padding-left: 0; } ol > li { position: relative; margin: .6em 0; padding-left: 50px; } ol > li:before { counter-increment: olist; content: counters(olist, ".") "."; display: block; position: absolute; left: 0; top: 0; } ol ol, ol ul { margin: 0; } ol > li > ol li:before { content: counters(olist, ".") " "; } ol > li > ul > li:before { content: '\2022' !important; } ol > li > ol > li { padding-left: 54px; } ol > li > ol > li > ol > li { padding-left: 66px; } ol > li > ol > li > ol > li > ol > li { padding-left: 82px; } ol ul > li, ol ul > li:first-child { padding-left: 40px; margin: 0.6em 0; } table { border-collapse: collapse; border-spacing: 0; width: 100%; } tr:nth-child(odd) { background: #f8f8f8; } th, td { box-sizing: border-box; border: 1px solid #dedede; color: #333; text-align: left; vertical-align: top; } th { font-family: "RostelecomBasis-Medium"; font-size: .8125em; line-height: 1em; padding: 1.538461538461538em; /* 20px */ text-transform: uppercase; } td { font-size: 1em; line-height: 1.25em; padding: 1.25em; /* 20px */ } td img { height: auto; min-width: 30px; } img[align] { height: auto; margin-top: 0.333em; /* 6/18 */ padding-bottom: .3em; } @media all and (max-width: 479px) { img[align] { max-width: 45%; } } img[align="left"] { padding-right: 1em; } img[align="right"] { padding-left: 1em; } /*-- media for tables --*/ @media screen and (min-width: 481px) and (max-width: 1204px) { td, th { font-size: .8125em; /* 13px */ line-height: 1.230769230769231em; /* 16px */ padding: .7692307692307692em; /* 10px */ } } @media screen and (max-width: 480px) { td, th { font-size: .75em; /* 12px */ line-height: 1.166666666666667em; /* 14px */ padding: .6666666666666667em; /* 8px */ } } img { border: 0; max-width: 100%; } a, a:focus, a img, a img:focus { border: 0 none; } a, a img, textarea, input { outline: 0 none; } a:focus { outline: 0 none; } a { border-bottom: 1px dotted; color: #ff4f12; text-decoration: none; transition: color .2s; } a:hover { color: #7700ff; } svg { transition: fill .2s; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } [type="radio"], [type="checkbox"] { margin: 0; padding: 0; } [type="text"], [type="password"], [type="email"], [type="search"], select, textarea { font-family: "RostelecomBasis-Medium"; display: inline-block; margin: 0; padding: 1.35em 1.8em; box-sizing: border-box; resize: none; font-size: 13px; font-weight: normal; line-height: 1.333; letter-spacing: -0.01em; text-align: left; background: #fff; color: #333333; border: 1px solid #d5d6d9; transition: border-color 0.7s; } [type="text"]:focus, [type="password"]:focus, [type="email"]:focus, [type="search"]:focus, select:focus, textarea:focus { border-color: #93989f; } [type="text"]:-ms-input-placeholder, [type="password"]:-ms-input-placeholder, [type="email"]:-ms-input-placeholder, [type="search"]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder, .placeholder { color: #adadad; } [type="text"]::placeholder, [type="password"]::placeholder, [type="email"]::placeholder, [type="search"]::placeholder, select::placeholder, textarea::placeholder, .placeholder { color: #adadad; } .placeholder { color: #b8b8b8; } textarea { overflow: auto; } input[type="file"] { font-family: "RostelecomBasis-Medium"; display: inline-block; margin: 0; padding: 1.35em 1.8em; box-sizing: border-box; resize: none; font-size: 13px; line-height: 1.333; letter-spacing: -0.01em; text-align: left; background: #fff; color: #333; border: 1px solid #eaeaea; text-transform: uppercase; transition: border-color 0.7s; } span.invalid { font-family: "RostelecomBasis"; color: #ff4f12; font-size: 13px; line-height: 15px; display: block; margin-top: .3846153846153846em; text-transform: none; } [type="text"].invalid, [type="password"].invalid, [type="email"].invalid, [type="search"].invalid, select.invalid, textarea.invalid { border-color: #ff4f12; } [type="text"][disabled], [type="password"][disabled], [type="email"][disabled], [type="search"][disabled], select[disabled], textarea[disabled] { background-color: #ebebeb; color: #333333; color: rgba(51, 51, 51, 0.4); } [type="text"].inactive, [type="password"].inactive, [type="email"].inactive, [type="search"].inactive, select.inactive, textarea.inactive { color: #333333; color: rgba(51, 51, 51, 0.4); } hr { background-color: #dedede; border: 0; color: #dedede; display: block !important; height: 1px; margin: 0; padding: 0; } /*=============================* * * F O N T S * ==============================*/ @font-face { font-family: "RostelecomBasis-Bold"; src: url("/bitrix/templates/.default/styles/../fonts/rostelecombasis/RostelecomBasis-Bold.eot"); src: url("/bitrix/templates/.default/styles/../fonts/rostelecombasis/RostelecomBasis-Bold.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/.default/styles/../fonts/rostelecombasis/RostelecomBasis-Bold.woff2") format("woff2"), url("/bitrix/templates/.default/styles/../fonts/rostelecombasis/RostelecomBasis-Bold.woff") format("woff"), url("/bitrix/templates/.default/styles/../fonts/rostelecombasis/RostelecomBasis-Bold.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "RostelecomBasis-Medium"; src: url("/bitrix/templates/.default/styles/../fonts/rostelecombasis/RostelecomBasis-Medium.eot"); src: url("/bitrix/templates/.default/styles/../fonts/rostelecombasis/RostelecomBasis-Medium.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/.default/styles/../fonts/rostelecombasis/RostelecomBasis-Medium.woff2") format("woff2"), url("/bitrix/templates/.default/styles/../fonts/rostelecombasis/RostelecomBasis-Medium.woff") format("woff"), url("/bitrix/templates/.default/styles/../fonts/rostelecombasis/RostelecomBasis-Medium.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "RostelecomBasis-Light"; src: url("/bitrix/templates/.default/styles/../fonts/rostelecombasis/RostelecomBasis-Light.eot"); src: url("/bitrix/templates/.default/styles/../fonts/rostelecombasis/RostelecomBasis-Light.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/.default/styles/../fonts/rostelecombasis/RostelecomBasis-Light.woff2") format("woff2"), url("/bitrix/templates/.default/styles/../fonts/rostelecombasis/RostelecomBasis-Light.woff") format("woff"), url("/bitrix/templates/.default/styles/../fonts/rostelecombasis/RostelecomBasis-Light.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "RostelecomBasis"; src: url("/bitrix/templates/.default/styles/../fonts/rostelecombasis/RostelecomBasis-Regular.eot"); src: url("/bitrix/templates/.default/styles/../fonts/rostelecombasis/RostelecomBasis-Regular.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/.default/styles/../fonts/rostelecombasis/RostelecomBasis-Regular.woff2") format("woff2"), url("/bitrix/templates/.default/styles/../fonts/rostelecombasis/RostelecomBasis-Regular.woff") format("woff"), url("/bitrix/templates/.default/styles/../fonts/rostelecombasis/RostelecomBasis-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } .inner-page-container .header { line-height: 1; } .button_container { position: relative; min-height: 1.75em; margin: 1.6rem 0 0 0; padding-bottom: .2rem; text-align: center; } .form_row:before, .form_row:after { content: ""; display: table; clear: both; } .youtube-wrapper { width: 100%; height: 0; padding-bottom: 56.25%; position: relative; } .youtube-wrapper > iframe { position: absolute; height: 100%; width: 100%; } .youtube-wrapper.youtube-wrapper--high { padding-bottom: 76.825%; } span.hide { display: none; } #bx-panel.bx-panel-fixed { z-index: 9999 !important; } /* Медиа параметры */ /* Основные медиа очереди */ /* Вспомогательные для главной страницы */ /* Вспомогательные для формы в разделе контакты */ /* Дополнительные правила для скейла шрифтов главной страницы при адаптивности */ /* @m1204: ~"all and (max-width: 1203px)"; @m1060: ~"all and (max-width: 1059px)"; @m990: ~"all and (max-width: 989px)"; @m940: ~"all and (max-width: 939px)"; @m880: ~"all and (max-width: 879px)"; @m825: ~"all and (max-width: 824px)"; @m760: ~"all and (max-width: 759px)"; @m680: ~"all and (max-width: 679px)"; @m560: ~"all and (max-width: 559px)"; @m480: ~"all and (max-width: 479px)"; @m420: ~"all and (max-width: 419px)"; @m350: ~"all and (max-width: 349px)"; */ /*=============================* * * O V E R R I D E V E N D O R * ==============================*/ .global-zeroclipboard-container { cursor: pointer; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } /*=============================* * * W I D T H * ==============================*/ /* align */ .aCenter { text-align: center; } .aRight { text-align: right; } .aLeft { text-align: left; } .aMiddle { vertical-align: middle; } .aTop { vertical-align: top; } .aBottom { vertical-align: bottom; } .aBaseline { vertical-align: baseline; } /* align */ .align-center { text-align: center; } .align-right { text-align: right; } .align-left { text-align: left; } .align-middle { vertical-align: middle; } .align-top { vertical-align: top; } .align-bottom { vertical-align: bottom; } .align-baseline { vertical-align: baseline; } /* as */ .as-block { display: block; } .as-inline { display: inline-block; } .as-line { display: inline; } .as-cell { display: table-cell; } /* margin-bottom */ .bottom0 { margin-bottom: 0px; } .bottom10 { margin-bottom: 10px; } .bottom-10 { margin-bottom: -10px; } /* clearfix */ .clearfix:before { content: ""; display: table; } .clearfix:after { content: ""; display: table; clear: both; } .clear:before, .clear:after { content: ""; display: table; clear: both; } /* margin-bottom */ .indent { margin-top: 10px; margin-bottom: 10px; } /* link */ .reset-default-link { border-bottom: 0; } /* Размеры */ .size3 { font-size: 3px; font-size: .167em; } .size5 { font-size: 5px; font-size: .278em; } .size6 { font-size: 6px; font-size: .333em; } .size7 { font-size: 7px; font-size: .389em; } .size8 { font-size: 8px; font-size: .444em; } .size9 { font-size: 9px; font-size: .5em; } .size10 { font-size: 10px; font-size: .556em; } .size11 { font-size: 11px; font-size: .611em; } .size12 { font-size: 12px; font-size: 0.667em; } .size13 { font-size: 13px; font-size: .723em; } .size14 { font-size: 14px; font-size: .778em; } .size15 { font-size: 15px; font-size: .833em; } .size16 { font-size: 16px; font-size: .889em; } .size17 { font-size: 17px; font-size: .944em; } .size18 { font-size: 18px; font-size: 1em; } .size20 { font-size: 20px; font-size: 1.111em; } .size21 { font-size: 21px; font-size: 1.167em; } .size22 { font-size: 22px; font-size: 1.222em; } .size23 { font-size: 23px; font-size: 1.278em; } .size24 { font-size: 24px; font-size: 1.333em; } .size26 { font-size: 26px; font-size: 1.444em; } .size28 { font-size: 28px; font-size: 1.556em; } .size36 { font-size: 36px; font-size: 2em; } .size46 { font-size: 46px; font-size: 2.556em; } .size48 { font-size: 48px; font-size: 2.667em; } .size60 { font-size: 60px; font-size: 3.333em; } /* margin-top */ .top10 { margin-top: 10px; } .top-10 { margin-top: -10px; } /* Текст */ .txt-bold { font-weight: bold; } .txt-line { white-space: nowrap; } .txt-underline { text-decoration: underline; } /* width */ .w-entire { width: 100%; } .w-limit { max-width: 100%; } .w-half { width: 50%; } .w-shrink { width: 1px; } .w-box { box-sizing: border-box; } /*----- Стили цитат -----*/ blockquote { border: 1px solid #eaeaea; clear: both; margin: 1.6em 0; padding: 2.5em 3.125em 2.1875em 5.625em; /* 40px 50px 35px 90px */ position: relative; } blockquote:after { background: url('/img/symbols/quote.svg') no-repeat 0 0; content: ''; display: block; height: 20px; position: absolute; top: 2.5125em; /*40px*/ left: 2.5em; /*40px*/ width: 25px; } blockquote .quote-author { color: #333; font-family: "RostelecomBasis-Medium"; font-size: 1rem; line-height: 1; margin-top: 0; margin-bottom: 1.11em; } blockquote .quote-text { margin-bottom: 0; } @media screen and (max-width: 480px) { blockquote { padding: 1.875em 1.875em 1.875em 2.4875em; } blockquote:after { top: 1.7875em; left: 0.5125em; } } /* Коротенькие записи (например, в блоках на главной) */ .briefNews { position: absolute; bottom: 0; left: 0; } .briefNews_item { display: block; margin-bottom: 1.389em; /* 25/18 */ text-decoration: none; } .briefNews_item:last-child { margin-bottom: 0; } .briefNews_item:hover .briefNews_date { opacity: 0.85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; } .briefNews_item:hover .briefNews_desc { color: #ff4f12; } .briefNews_date { display: block; margin-top: 0; font-size: 1rem; font-family: "RostelecomBasis-Medium"; transition: color .2s; color: #7b929b; font-weight: bold; text-transform: lowercase; transition: opacity .2s; } .briefNews_date-day { font-size: 2rem; color: #ff4f12; } .briefNews_desc { max-height: 5.5rem; overflow: hidden; text-overflow: ellipsis; color: #333333; font-family: "RostelecomBasis"; font-weight: 300; word-wrap: break-word; transition: color .2s; font-size: 0.88888889rem; line-height: 1.5; } @media all and (max-width: 1204px) { .briefNews-home .briefNews_item:nth-child(n + 2), .briefNews-home2 .briefNews_item:nth-child(n + 2), .briefNews-home3 .briefNews_item:nth-child(n + 2) { margin-bottom: 0; } .briefNews-home .briefNews_item:last-child, .briefNews-home2 .briefNews_item:last-child, .briefNews-home3 .briefNews_item:last-child { display: none; } } @media all and (max-width: 989px) { .briefNews_item { margin-bottom: 1.33333333rem; } .briefNews-home .briefNews_item:nth-child(n + 2), .briefNews-home2 .briefNews_item:nth-child(n + 2), .briefNews-home3 .briefNews_item:nth-child(n + 2) { margin-bottom: 1.33333333rem; } .briefNews-home .briefNews_item:last-child, .briefNews-home2 .briefNews_item:last-child, .briefNews-home3 .briefNews_item:last-child { display: block; } .briefNews_date { font-size: 1rem; } } @media all and (max-width: 939px) { .briefNews-home .briefNews_item:nth-child(n + 2), .briefNews-home2 .briefNews_item:nth-child(n + 2), .briefNews-home3 .briefNews_item:nth-child(n + 2) { margin-bottom: 0; } .briefNews-home .briefNews_item:last-child, .briefNews-home2 .briefNews_item:last-child, .briefNews-home3 .briefNews_item:last-child { display: none; } } @media all and (max-width: 759px) { .briefNews-home .briefNews_item:nth-child(n + 2) { margin-bottom: 0; } .briefNews-home .briefNews_item:last-child { display: none; } .briefNews-home2 .briefNews_item:nth-child(n + 1), .briefNews-home3 .briefNews_item:nth-child(n + 1) { margin-bottom: 0; } .briefNews-home2 .briefNews_item:nth-child(n + 2), .briefNews-home3 .briefNews_item:nth-child(n + 2) { display: none; } .briefNews_date { font-size: 0.88888889rem; } .briefNews_date-day { font-size: 1.66666667rem; } .briefNews_desc { font-size: 0.77777778rem; line-height: 1.5; max-height: 6.2em; /* 60/10 */ } } @media all and (max-width: 459px) { .briefNews_date { font-size: 0.77777778rem; } .briefNews_date-day { font-size: 1.44444444rem; } .briefNews_desc { font-size: 0.66666667rem; line-height: 1.5; max-height: 6.2em; /* 60/10 */ } } @media all and (max-width: 419px) { .briefNews_date { font-size: 0.66666667rem; } .briefNews_date-day { font-size: 1.11111111rem; } .briefNews_desc { font-size: 0.55555556rem; } } /* btn */ .bnt-box--center { text-align: center; } .btn-box_elem { display: inline-block; margin: .7em .5em 0; } .btn-box_elem .btn { text-align: center; } .btn { -webkit-appearance: none; position: relative; left: 0; top: 0; display: inline-block; vertical-align: middle; min-height: 1.888888888888889em; margin: 0; padding: .5714285714285714em 1.428571428571429em; border: none; border-radius: 5px; outline: none; box-sizing: border-box; font-family: "RostelecomBasis"; font-size: .875em; line-height: 1.25; text-decoration: none; text-align: center; background: #ff4f12; color: #fff !important; cursor: pointer; transition: background .7s, color .4s; } .btn:not([disabled]):hover { background: #ff8218; } .btn-large { font-size: .8888888888888889em; padding: .9375em 1.25em .875em; } .btn[disabled] { background-color: #ebebeb; color: #333333; color: rgba(51, 51, 51, 0.4); cursor: default; } @media all and (max-width: 989px) { .btn { font-size: 0.722em; /* 13/18 */ min-height: 1.846em; /* 24/13 */ padding: 0.231em 0.231em; /* 3/13, 3/13 */ } .btn-large { font-size: 16px; padding: 15px 32px; } } @media all and (max-width: 759px) { .btn { font-size: 0.722em; /* 13/18 */ min-height: 1.875em; /* 15/8 */ padding: 0.375em 0.375em; /* 3/8, 3/8 */ text-align: left; } .btn-large { font-size: 16px; padding: 15px 32px; } } .btn--print { background-color: white; color: #6b6b6b !important; font-size: .8em; border: 1px solid #eee; padding: 20px 20px 20px 55px; transition: color .2s; float: right; margin-top: -15px; } .btn--print:hover { color: #363636 !important; background: #fff !important; } .btn--print--small { text-transform: none; border: none; } .btn--print:after { content: ""; position: absolute; top: 50%; left: 21px; margin-top: -9px; width: 20px; height: 18px; background: url(/img/symbols/print-icon.png) no-repeat 0 100%; } .btn--print:hover:after { background: url(/img/symbols/print-icon.png) no-repeat 0 0; } @media all and (max-width: 759px) { .btn--print { font-size: 0; padding-left: 20px; margin-top: -10px; } .btn--print:after { left: 10px; } } /********************************************************************/ /** ������ �� ������**/ .btn-blue { background: #19b1ff; } .btn-blue:hover:not([disabled]) { background: #4fc3ff; } .btn-purple { background: #7700ff; } .btn-purple:hover:not([disabled]) { background: #854aff; } .btn-yellow { background: #FFBE08; } .btn-yellow:hover:not([disabled]) { background: #ffbb55; } .btn-dark-blue { background: #273A64; } .btn-dark-blue:hover:not([disabled]) { background: #3c679b; } .btn-red { background: #BC104B; } .btn-red:hover:not([disabled]) { background: #ed2c88; } .btn-pink { background: #FFBFC3; } .btn-pink:hover:not([disabled]) { background: #ff728e; } .btn-green { background: #57D9B7; } .btn-green:hover:not([disabled]) { background: #95e7c7; } .btn-black { background: #101828; } .btn-black:hover:not([disabled]) { background: #26405f; } .btn-gray { background: #979799; } .btn-gray:hover:not([disabled]) { background: #bebebf; } .btn-cool-gray { background: #E3E8EC; } .btn-cool-gray:hover:not([disabled]) { background: #b5c6cd; } .btn-slate { background: #7A929B; } .btn-slate:hover:not([disabled]) { background: #a6b9bc; } .btn-dark-slate { background: #313948; } .btn-dark-slate:hover:not([disabled]) { background: #506276; } .btn-burgundy { background: #431525; } .btn-burgundy:hover:not([disabled]) { background: #7d2751; } .btn-black-90 { background: #101828; background: rgba(16, 24, 40, 0.9); } .btn-black-90:hover:not([disabled]) { background: #26405f; } .btn-black-80 { background: #101828; background: rgba(16, 24, 40, 0.8); } .btn-black-80:hover:not([disabled]) { background: #26405f; } .btn-black-70 { background: #101828; background: rgba(16, 24, 40, 0.7); } .btn-black-70:hover:not([disabled]) { background: #26405f; } .btn-black-60 { background: #101828; background: rgba(16, 24, 40, 0.6); } .btn-black-60:hover:not([disabled]) { background: #26405f; } .btn-cool-gray-50 { background: #e3e8ec; background: rgba(227, 232, 236, 0.5); } .btn-cool-gray-50:hover:not([disabled]) { background: #ffffff; } .btn-orange-transp { background-color: transparent; border: 1px solid #ff4f12; box-sizing: border-box; color: #ff4f12 !important; } .btn-orange-transp:hover { color: #fff !important; } .btn-special { font-size: .7777777777777778em; padding: .4285714285714286em 2em; text-transform: none; } .btn-tooltip { display: block; font-style: italic; } .btn-box .btn { margin-bottom: 1em; margin-right: 1em; } .button { display: inline-block; box-sizing: border-box; background-color: #ff4f12; border: none; outline: none; cursor: pointer; color: white; min-height: 3.0625em; font-size: .8888888888888889em; line-height: 1.25; padding: .875em 1.25em .9375em; border-radius: 5px; text-align: center; transition: all .2s; } .button[disabled] { background-color: #ebebeb; color: #333333; color: rgba(51, 51, 51, 0.4); cursor: default; } .button.successfully { background-color: #ff4f12; color: white; opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .button:not([disabled]):hover { background-color: #ff8218; color: #fff; } .button svg { fill: white; } .button.button--transparent { background-color: transparent; border: 2px solid #ffffff; border: 2px solid rgba(255, 255, 255, 0.2); } .button.button--transparent:hover { border-color: #ff8218; } .checkbox { display: inline-block; min-height: 1.6666666666666667rem; } .checkbox input { display: none; } .checkbox input:checked + .checkbox-ico { min-width: 1.6666666666666667rem; min-height: 1.6666666666666667rem; background-image: url('/img/symbols/checkbox.png'); } .checkbox .checkbox-ico { box-sizing: border-box; display: inline-block; height: 1.6666666666666667rem; /* 30/18 */ width: 1.6666666666666667rem; /* 30/18 */ border: 1px solid #eaeaea; border-radius: 1px; cursor: pointer; vertical-align: middle; margin-right: 0.8333333333333333rem; background-image: none; background-position: center center; background-repeat: no-repeat; } .checkbox .checkbox-text { color: #333333; vertical-align: middle; font-family: "RostelecomBasis-Medium"; font-size: 0.7222222222222222rem; /* 13/18 */ font-weight: normal; cursor: pointer; margin-right: 15px; } .checkbox .checkbox-text--big-block { width: calc(100% - 2.499999999999999rem); /*2.499999999999999rem = checkbox-ico width + checkbox-ico margin-right */ display: block; float: right; margin-right: 0; } @media all and (max-width: 759px) { .checkbox .checkbox-text--big-block { max-width: 100%; float: right; } } .checkbox .checkbox-text--light { color: #858585; } .checkbox .checkbox-text--upper { text-transform: uppercase; } .checkbox .checkbox-amount { display: inline-block; height: 1.3333333333333333rem; /* 24/18 */ line-height: 1.3333333333333333rem; /* 24/18 */ padding: 0 8px; font-family: "RostelecomBasis-Medium"; font-size: 0.7222222222222222rem; /* 13/18 */ color: #fff; background-color: #ff4f12; border-radius: 3px; font-family: "RostelecomBasis"; font-size: 14px; font-size: .778em; background-color: #e3e9ec; color: #333333; line-height: 1.4rem; padding-left: 0.42857143em; padding-right: 0.42857143em; vertical-align: middle; } .checkbox--dark .checkbox-ico { border-color: #b9bcc0; } #qust_form input[type=checkbox] { position: absolute; display: inline-block; /* --- hack for validation plagin --- */ left: -9999px; /* --- hack for validation plagin --- */ } /* date */ .date { display: block; white-space: nowrap; } .date_d { display: inline-block; vertical-align: top; font-size: 48px; font-size: 2.667em; } .date_sep { display: inline-block; vertical-align: top; font-size: 22px; font-size: 1.222em; margin: 0.455em 0 0 -0.182em; /* 10/22, -4/22 */ } .date_m { display: inline-block; vertical-align: top; font-size: 28px; font-size: 1.556em; margin: 0.25em 0 0 -0.107em; /* 6/28, -3/28 */ text-transform: lowercase; } @media all and (max-width: 759px) { .date_d { display: inline-block; vertical-align: top; font-size: 1.333em; /* 24/18 */ } .date_sep { display: inline-block; vertical-align: top; font-size: 0.556em; /* 10/18 */ } .date_m { display: inline-block; vertical-align: top; font-size: 0.667em; /* 12/18 */ margin: 0.333em 0 0 -0.25em; /* 4/12, -3/12 */ } } .drop-select { position: relative; display: inline-block; width: 230px; } .drop-select .mCSB_inside > .mCSB_container { margin-right: 0; } .drop-select .mCSB_inside > .mCSB_container li { height: auto; padding: 8px 0 8px 1.38889rem; line-height: 1.7em; } .drop-select .mCSB_scrollTools .mCSB_inside > .mCSB_container { margin-right: 0; } .drop-select .mCSB_scrollTools .mCSB_draggerRail { display: none; } .drop-select .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { top: 2%; height: 96%; box-sizing: border-box; } .drop-select .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #858585; } .drop-select .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .drop-select .mCSB_scrollTools .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: #ff4e00; } .drop-select .dbutton { box-sizing: border-box; display: inline-block; width: 100%; border: 1px solid #d5d6d9; font-family: "RostelecomBasis-Medium"; font-size: 13px; color: #333333; padding-left: 25px; padding: 1.35em 1.8em; cursor: pointer; position: relative; text-decoration: none; } .drop-select .dbutton:after { background: url('/img/symbols/dropdown-arrow.png') no-repeat; content: ""; display: block; height: 4px; margin: auto 0; position: absolute; top: 0; bottom: 0; right: 1em; width: 7px; } .drop-select .dbutton:hover { color: #ff4f12; } .drop-select .dlist { display: none; position: absolute; top: 3.3rem; left: 0; height: auto; width: calc(99%); background-color: white; border: 1px solid #d5d6d9; margin: 0; max-height: 11.5rem; overflow: hidden; z-index: 15; } .drop-select .dlist li { height: 2.3rem; line-height: 2.3rem; margin: 0; padding-left: 1.38889rem; color: #6b6b6b; font-family: "RostelecomBasis-Medium"; font-size: 0.7222222222222222rem; /* 13/18 */ transition: color .2s; cursor: pointer; } .drop-select .dlist li:before { display: none; } .drop-select .dlist li:hover { background: #cdcdcd; color: #333333; transition: none; } .drop-select .dlist li.active:hover, .drop-select .dlist li.active { color: white; background-color: #ff4f12; cursor: default; } .drop-select .dselect { display: none; } .drop-select.opened .dbutton:after { background-image: url('/img/symbols/dropdown-arrow-active.png'); } .drop-select--long { width: 100%; } /* Дополительная навигация внизу страницы: показать еще итд */ .extra { text-align: center; margin: 48px 0px 34px; } .extra_link { text-align: left; display: inline-block; vertical-align: middle; } .extra_btn { display: inline-block; vertical-align: middle; background: #00a8ff; background: rgba(0, 168, 255, 0.1); border-radius: .111em; min-width: 1.667em; padding: 0px .111em .167em; border: 1px solid transparent; text-align: center; } .extra_btn:before { content: ''; width: 1px; height: 1.278em; display: inline-block; vertical-align: middle; margin-right: -5px; } .extra_symbol { display: inline-block; vertical-align: middle; } .extra_text { font-size: 13px; font-size: .723em; text-transform: uppercase; font-family: "RostelecomBasis-Medium"; margin-left: 10px; display: inline-block; vertical-align: middle; } .extra-bg .extra_btn { border-color: #fff; background: none; } .extra-bg .extra_icon { fill: #fff; } .form { margin: 1em 0; } .form:before, .form:after { content: ""; display: table; clear: both; } .form .form_row { margin-bottom: 1em; } .form .form_row--block { margin-bottom: 2.222222222222222em; } @media all and (max-width: 989px) { .form .form_row--block { margin-bottom: 1em; } } .form .form_row--block .label-wrap { display: block; float: none; height: auto; margin-bottom: .9em; min-height: 0.96272193rem; width: 100%; } .form .form_row--block .label-wrap label { display: block; } @media all and (max-width: 989px) { .form .form_row--block .label-wrap label { white-space: normal; } } .form .form_row--block .label-wrap:not(.label-wrap--no-cut) label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media all and (max-width: 989px) { .form .form_row--block .label-wrap--empty { display: none; } } .form .form_row--block input, .form .form_row--block textarea, .form .form_row--block button, .form .form_row--block .drop-select, .form .form_row--block .form-group { float: none; width: 100%; } @media all and (max-width: 989px) { .form .form_row--block .checkbox-ico { float: none; } } @media all and (max-width: 989px) { .form .form_row--block .checkbox-text { float: none; width: 100%; } } .form .form_row--block span.invalid { margin-top: .5em; } .form .form_row--block:not(.form_row--half) .form_checkbox-row { display: block; height: auto; } .form .form_row--half { float: left; width: 48.14814814814815%; } .form .form_row--half:not(:first-child) { margin-left: 3.703703703703704%; } @media all and (max-width: 989px) { .form .form_row--half:not(:first-child) { margin-left: 0; } } @media all and (max-width: 989px) { .form .form_row--half { float: none; width: 100%; } } .form .label-wrap { float: left; clear: both; display: table; table-layout: fixed; height: 3em; padding: 0; width: 35%; } @media all and (max-width: 479px) { .form .label-wrap { width: 100%; float: none; display: block; height: auto; margin: 0.5em 0; } } .form .label-wrap label { word-wrap: break-word; } .form .label-wrap--spec { height: auto; } .form label { display: table-cell; vertical-align: middle; color: #858585; font-weight: 700; font-family: "RostelecomBasis-Medium"; font-size: 0.7222222222222222rem; } .form input, .form textarea, .form button, .form .form-group { float: right; width: 60%; } .form input:before, .form textarea:before, .form button:before, .form .form-group:before, .form input:after, .form textarea:after, .form button:after, .form .form-group:after { content: ""; display: table; clear: both; } @media all and (max-width: 479px) { .form input, .form textarea, .form button, .form .form-group { width: 100%; float: none; } } .form .form-group input, .form .form-group textarea, .form .form-group button { margin-bottom: 0; } .form .submit { width: 150px; float: right; clear: both; margin-bottom: 0; margin-top: 1em; } .form .popup { bottom: 70px; right: 162px; } .form .form-header { clear: both; margin-top: 1.5em; margin-bottom: 0.5em; } .form_radiobtn .radio { display: table; } .form_radiobtn .radio label { display: table-cell; height: 2.461538461538462em; line-height: 1.333333; padding: 0.84615385em 0 0.84615385em 3.46153846em; position: relative; } .form_radiobtn .radio label:before { margin: 0; position: absolute; top: .6923076923076923em; left: 0; } .form_radiobtn .radio label:after { margin: 0; top: 1.538461538461538em; } .form .form_checkbox-row { display: table; } .form .form_radio-row { padding-top: .7777777777777778rem; } .form .form_radio-row .radio { margin: 0 1em .5555555555555556em 0; } .form .form_radio-row .calendar-radio { margin-bottom: 1.1em; margin-right: 2.5rem; margin-top: 1.6em; } .form .form_radio-row .calendar-radio:last-child { margin-right: 0; } .form .form_radio-row .calendar-radio label { font-weight: normal; } .form .checkbox { height: 2.307692307692308em; min-height: 0; padding: 0.92307692em 0 0.92307692em 3.46153846em; position: relative; } .form .checkbox .checkbox-ico { margin-right: 0; position: absolute; left: 0; top: 0.92307692em; } .form .checkbox .checkbox-text { vertical-align: baseline; } .form .checkbox .checkbox-text--big-block { width: 100%; } .form_notice { color: #858585; font-size: .6111111111111111em; } .form_footer { border-collapse: 0; border-spacing: 0; display: table; width: 100%; } .form_footer .submit { float: none; margin-top: 0; } @media all and (max-width: 759px) { .form_footer { display: block; } } .form_footer-cell { display: table-cell; vertical-align: middle; } .form_footer-cell--full { text-align: left; width: 100%; } .form_footer-cell--side { text-align: right; white-space: nowrap; } @media all and (max-width: 759px) { .form_footer-cell { display: block; text-align: left; white-space: normal; } .form_footer-cell:not(:first-child) { margin-top: 1em; } } .form_radio-progress { display: table; table-layout: fixed; } .form_radio-progress--4 .form_radiobtn { width: 25%; display: table-cell; height: 88px; } @media all and (max-width: 1204px) { .form_radio-progress--4 .form_radiobtn { height: auto; } } .form_radio-progress--5 .form_radiobtn { width: 20%; display: table-cell; height: 88px; } @media all and (max-width: 1204px) { .form_radio-progress--5 .form_radiobtn { height: auto; } } .form_radio-progress .form_radiobtn { margin: 0; position: relative; } .form_radio-progress .form_radiobtn.checked-progress .form_radiobtn_circle { height: 8px; width: 8px; background-color: #ff4f12; border: none; bottom: 11px; right: 7px; } .form_radio-progress .form_radiobtn.checked-progress .form_radiobtn_bar { background-color: #ff4f12; } .form_radio-progress .form_radiobtn input:checked + label { color: #ff4f12; } .form_radio-progress .form_radiobtn input:checked + label .form_radiobtn_circle { border-color: #ff4f12; background-color: #fff; } .form_radio-progress .form_radiobtn input:checked + label .form_radiobtn_circle:after { content: ""; position: absolute; top: 50%; left: 50%; display: block; height: 8px; width: 8px; margin-top: -4px; margin-left: -4px; border-radius: 100%; background-color: #ff4f12; } .form_radio-progress .form_radiobtn input:checked + label .form_radiobtn_bar { background-color: #ff4f12; } .form_radio-progress .form_radiobtn label { display: table; table-layout: fixed; height: 40px; width: 100%; position: relative; text-align: center; padding-bottom: 30%; } @media all and (max-width: 1204px) { .form_radio-progress .form_radiobtn label { height: auto; padding-bottom: 50%; padding-top: 30px; } } @media all and (max-width: 759px) { .form_radio-progress .form_radiobtn label { padding-bottom: 60%; } } .form_radio-progress .form_radiobtn label:before, .form_radio-progress .form_radiobtn label:after { display: none !important; } .form_radio-progress .form_radiobtn label .form_radiobtn_text { font-weight: normal; } @media all and (max-width: 1204px) { .form_radio-progress .form_radiobtn label .form_radiobtn_text { display: table-cell; height: 100%; width: 100%; transform: rotate(320deg); font-size: 0.85em; vertical-align: bottom; padding-bottom: 2px; } } @media all and (max-width: 879px) { .form_radio-progress .form_radiobtn label .form_radiobtn_text { padding-right: 3px; } } @media all and (max-width: 759px) { .form_radio-progress .form_radiobtn label .form_radiobtn_text { padding-right: 0; } } .form_radio-progress .form_radiobtn label .form_radiobtn_circle { content: ""; position: absolute; left: 0; right: 0; bottom: 4px; display: block; width: 20px; height: 20px; border-radius: 100%; border: 1px solid #eaeaea; background-color: #fff; margin: -10px auto 0; z-index: 1; } .form_radio-progress .form_radiobtn label .form_radiobtn_bar { content: ""; position: absolute; bottom: 13px; left: 0; display: block; width: 100%; height: 4px; background-color: #f7f7f7; } .form_radio-progress .form_radiobtn label .form_radiobtn_line { display: none; } @media all and (max-width: 1204px) { .form_radio-progress .form_radiobtn label .form_radiobtn_line { position: absolute; right: 18px; bottom: 32px; height: 2px; width: 16%; background-color: #858585; border-radius: 1px; transform: rotate(50deg); } } @media all and (max-width: 519px) { .form_radio-progress .form_radiobtn label .form_radiobtn_line { width: 8%; bottom: 28px; } } @media all and (max-width: 479px) { .form_radio-progress .form_radiobtn label .form_radiobtn_line { width: 16%; bottom: 32px; } } @media all and (max-width: 359px) { .form_radio-progress .form_radiobtn label .form_radiobtn_line { width: 8%; bottom: 28px; } } .form_radio-progress .form_radiobtn:first-child .form_radiobtn_bar { border-left-top-radius: 2px; border-bottom-left-radius: 2px; } @media all and (max-width: 1204px) { .form_radio-progress--low .form_radiobtn label { padding-top: 0; } } .form--special { position: relative; } .form--special .drop-select { float: right; width: 60%; } .form--special .drop-select .dlist { top: auto; } @media all and (max-width: 479px) { .form--special .drop-select { width: 100%; } } .form--special input[type=radio] + label { color: #333333; } .form--special .date-input-wrapper { position: relative; } @media all and (max-width: 479px) { .form--special .date-input-wrapper input { float: left; } } .form--special .date-filter { float: none; } @media all and (max-width: 479px) { .form--special .date-filter .date-picker_submit button { float: right; } } .form--special .date-filter_button { border-radius: 0; height: auto; padding: 0; } .form--special .date-picker { left: auto; right: 0; } .form--special .form_radiobtn { margin: 0.5em 0 1em; } .form--special .form_radiobtn:last-child { margin-bottom: 0.5em; } .form--special .label-wrap_txt { margin-right: 7px; } .form--special .popup { right: 0; bottom: 50px; } .form--questions input, .form--questions textarea, .form--questions .form-group { width: 80%; } .form--questions input:before, .form--questions textarea:before, .form--questions .form-group:before, .form--questions input:after, .form--questions textarea:after, .form--questions .form-group:after { content: ""; display: table; clear: both; } @media all and (max-width: 479px) { .form--questions input, .form--questions textarea, .form--questions .form-group { width: 100%; } } .form--questions .button { width: 150px; } .form--questions .label-wrap { width: 20%; } @media all and (max-width: 479px) { .form--questions .label-wrap { width: 100%; } } .form_box--center { text-align: center; } .form_box--left { text-align: left; } .form_box--right { text-align: right; } .form--complex .form_fieldgroup { margin-bottom: 2.222222222222222em; } .form--complex .form_fieldgroup:last-child { margin-bottom: 0; } .form--complex .form_line { margin-bottom: 1.111111111111111em; } .form--complex .form_line--title .label-wrap { margin-bottom: 0; } .form--complex .form_line--related .label-wrap label { text-transform: none; } .form--complex .form_line:last-child { margin-bottom: 0; } .form--complex .form_line:after { clear: both; content: ""; display: block; } .form--complex .form_row { margin-bottom: 0; } .form--complex .form_radiobtn:last-child { margin-bottom: 0; } .form--complex .form-group--full { width: 100%; } @media all and (max-width: 989px) { .form--complex .form_row--half + .form_row--half { margin-top: 1.111111111111111em; } } /* Разделительная полоса */ .hr { display: block; } @media all and (min-width: 1205px) { .hr { height: 1px; background: #d5d6d9; margin: 31px 0px 33px; } } /* квадратное меню с изображениями */ .imageNav { display: none; } @media all and (min-width: 1205px) { .imageNav { position: relative; left: 0; top: 0; display: block; min-height: 302px; overflow: hidden; margin: 2.8em 0; background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% 100%; transition: background-size 0.7s; } .imageNav_bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: opacity .7s, transform .7s; } .imageNav_content { position: relative; left: 0; top: 0; padding: 33px 38px; } .imageNav_title { display: block; margin-bottom: 10px; color: #00a8ff; font-family: "RostelecomBasis-Bold"; font-size: 21px; text-transform: uppercase; } .imageNav_desc { color: #333333; font-size: 16px; } .imageNav:hover .imageNav_bg { opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } } .img_container { border-bottom: 0; } /* layer */ .layer { position: relative; left: 0; top: 0; } .layer-indent { padding: .1px 0; } .layer-info { background: #00a8ff; color: #fff; } .layer-light { background: #f7f8f8; } .layer-home { background: #f7f7f7; padding-bottom: 30px; } /* Блок в левой колонке */ .leftBox { display: block; margin: 2.8em 0px; border: 1px solid #d5d6d9; } .leftBox_title { color: #101828; display: block; padding: .8em 1.8em; border-bottom: 2px solid #7700ff; font-family: "RostelecomBasis-Medium"; font-size: 15px; font-size: .833em; } .leftBox_content { color: #ffffff; padding: 9px 30px; } .leftBox_content p.person_data, .leftBox_content p.leftBox_par { color: #6b6b6b; } .leftBox_content ul { margin: 0; } .leftBox_content ul li:last-child { margin-bottom: 0; } .leftBox_par { margin: 1em 0; font-size: 16px; font-size: .889em; } .leftBox_symbolTable { margin: 20px 0 15px; } @media all and (max-width: 1204px) { .leftBox { display: none; } } @keyframes loading { 0% { background: #ff8a12; } 25% { background: #ff7712; } 50% { background: #ff6312; } 75% { background: #ff4f12; } } .loader { position: absolute; top: 50%; left: 50%; margin-left: -12px; margin-top: -12px; height: 24px; width: 24px; z-index: 1; } .loader .loader_shape { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; height: 10px; width: 10px; border-radius: 1px; position: absolute; /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */ animation: loading 1.2s infinite; } .loader .loader_shape1 { top: 0; left: 0; animation-delay: 0; background: #ff8a12; } .loader .loader_shape2 { top: 0; right: 0; animation-delay: 0.3s; background: #ff7712; } .loader .loader_shape3 { bottom: 0; right: 0; animation-delay: 0.6s; background: #ff6312; } .loader .loader_shape4 { bottom: 0; left: 0; animation-delay: 0.9s; background: #ff4f12; } .media_tabs { text-align: right; margin-bottom: 1em; float: right; position: relative; z-index: 100; } .media_tabs a { border: 1px solid #eaeaea; border-right: 0; } .media_tabs a:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .media_tabs a:last-child { border-right: 1px solid #eaeaea; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } @media all and (max-width: 759px) { .media_tabs { text-align: left; float: none; margin: -0.5em 0 1.5em; } } .media_tabs-year { border-radius: 3px; display: inline-block; overflow: hidden; vertical-align: top; } .media_tabs-year a { color: #6b6b6b; display: block; font-family: "RostelecomBasis-Medium"; font-size: .722222rem; line-height: 30px; float: left; padding: 0 9px; text-align: center; text-decoration: none; } .media_tabs-year a:hover { color: #6b6b6b !important; } .media_tabs-year a.active { background: #ff4f12; border-color: #ff4f12; color: #fff; } .media_tabs-year a.active:hover { color: #fff !important; } .media_tabs-year a.active + a { border-left-color: #ff4f12; } .media_tabs-gallery { border-radius: 3px; display: inline-block; vertical-align: top; overflow: hidden; } .media_tabs-gallery-photo svg { height: 1em; width: 1.444em; /* 26/18 */ fill: none; stroke: #a2a3a4; transition: none; } .media_tabs-gallery-photo.active svg { stroke: #fff; } .media_tabs-gallery-video svg { height: 0.889em; /* 16/18 */ width: 1.111em; /* 20/18 */ fill: #a2a3a4; transition: none; } .media_tabs-gallery-video.active svg { fill: #fff; } .media_tabs-gallery a { display: inline-block; height: 30px; position: relative; text-align: center; width: 2em; } .media_tabs-gallery a:last-child { border-left: 0; margin-left: -4px; } .media_tabs-gallery a.active { background: #ff4f12; border-color: #ff4f12; } .ege-page h1 { display: inline-block; max-width: 50%; } .modal { display: none; width: 50%; background: white; border-radius: 5px; padding: 0 40px; text-align: left; } .modal.remodal-is-opened { display: inline-block; } @media all and (max-width: 759px) { .modal { font-size: 95%; width: 94%; padding: 0 15px; margin-left: -1%; } } .modal_close { border-bottom: 0; position: absolute; top: 0; right: -34px; line-height: 14px; color: white; opacity: inherit; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=NaN)"; text-decoration: none; } .modal_close:hover { color: #ff4f12; } @media all and (max-width: 759px) { .modal_close { right: -18px; } } .modal_close--symbol { left: auto; right: 23px; top: 23px; } .modal_close--symbol:before { display: none; } .modal_close--symbol .symbol-close { height: .8888888888888889rem; width: .8888888888888889rem; } .modal_close--symbol .symbol-close * { fill: #333333 !important; } @media all and (max-width: 759px) { .modal_close--symbol { right: 3px; top: 3px; } } .modal_title { margin-top: 0; } .flickr-popup .modal_close { right: -144px; } .modal_header { padding-left: 0; padding-right: 0; cursor: auto; } .modal_header-sub { margin-bottom: 1em; } @media all and (max-width: 759px) { .modal_header-main { font-size: 1.8em; } } .modal_body { padding: 40px 0; } html.remodal-is-locked { overflow: auto; overflow-y: hidden; } .remodal-is-locked .main_frame { left: -7.5px; } @media all and (max-width: 759px) { .remodal-is-locked .main_frame { left: 0; } } .modal-box { padding: 0; width: auto; } @media all and (max-width: 759px) { .modal-box { max-width: 90%; } } .modal-img_box { border-radius: 5px; line-height: 0; overflow: hidden; text-align: center; } .modal-img_box img { max-height: 90vh; } @media all and (max-height: 720px) { } .nav-pagenavigation { margin-top: 18px; } .nav-pagenavigation:after { content: ''; display: block; clear: both; } .nav-pagenavigation .page_nav { color: #999; font-size: 12px; } .nav-pagenavigation .page_nav:after { content: ''; display: block; clear: both; } .nav-pagenavigation .nav-current-page { color: #333333; display: inline-block; border-right: 1px solid #eaeaea; height: 54px; line-height: 54px; width: 54px; font-size: 18px; font-family: "RostelecomBasis-Medium"; min-width: 18px; float: left; text-align: center; } .nav-pagenavigation span { color: #333333; display: inline-block; border-right: 1px solid #eaeaea; width: 54px; height: 54px; line-height: 54px; font-size: 18px; font-family: "RostelecomBasis-Medium"; float: left; min-width: 18px; text-align: center; } .nav-pagenavigation .nav-pages { border: 1px solid #eaeaea; float: left; border-right: 0; } .nav-pagenavigation .nav-pages a { border-bottom: 0; float: left; border-right: 1px solid #eaeaea; width: 54px; height: 54px; line-height: 54px; font-family: "RostelecomBasis-Medium"; font-size: 18px; display: block; text-align: center; min-width: 18px; transition: background .2s, color .2s; color: #cdcdcd; text-decoration: none; } .nav-pagenavigation .nav-pages a:focus { border-right: 1px solid #eaeaea; } .nav-pagenavigation .nav-pages a:hover { color: #fff !important; background: #ff4f12; } .options-button, .filter_button, .view-options_button { box-sizing: border-box; float: left; width: auto; height: 30px; border: 1px solid #eaeaea; text-align: center; font-family: "RostelecomBasis-Medium"; font-size: 0.7222222222222222rem; /* 13/18 */ color: #6b6b6b; line-height: 1.5555555555555556rem; /* 28/18 */ padding: 0 9px; margin-left: -1px; } .options-button.active, .filter_button.active, .view-options_button.active { background-color: #ff4f12; border-color: #ff4f12; color: white; } .options-button.active:focus, .filter_button.active:focus, .view-options_button.active:focus { border: 1px solid #ff4f12; } .options-button:focus, .filter_button:focus, .view-options_button:focus { border: 1px solid #eaeaea; } .options-button:first-child, .filter_button:first-child, .view-options_button:first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; margin-left: 0; } .options-button:first-of-type, .filter_button:first-of-type, .view-options_button:first-of-type { margin-left: 0; } .options-button:last-child, .filter_button:last-child, .view-options_button:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .order318.drop-content { display: -ms-flexbox; display: flex; } @media all and (max-width: 759px) { .order318.drop-content { -ms-flex-direction: column; flex-direction: column; } } .order318 .drop-col { -ms-flex: 1 1 0; flex: 1 1 0; margin-left: 4%; } .order318 .drop-col:first-child { margin-left: 0; } @media all and (max-width: 759px) { .order318 .drop-col { margin-left: 0; } } .order318 .drop-select { width: 100%; } @media all and (max-width: 759px) { .order318 .drop-select { margin-right: 0; margin-bottom: 1em; width: 100%; } } .order318 ~ .for_mobile .drop-select { width: 100%; } .order318 ~ .for_mobile .drop-select.year-drop { margin-bottom: 1em; } @media all and (max-width: 759px) { .order318 .show-block { margin-top: 0; } } .owl-carousel.owl-theme .owl-nav.disabled + .owl-dots { position: absolute; width: 100%; bottom: 0; margin-top: -25px; } .owl-carousel.owl-theme .owl-dots .owl-dot span { height: 8px; width: 8px; border-radius: 50%; background: #ff4f12; } .owl-carousel.owl-theme .owl-dots .owl-dot.active span { background: none; } .modal .owl-theme .owl-nav { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 641px; margin-top: 0; } .modal .owl-theme .owl-nav [class*=owl-] { margin: 0; padding: 0; } .modal .owl-theme .owl-nav .owl-prev { position: absolute; top: 0; left: -110px; display: block; height: 100%; width: 110px; background: #000000; background: rgba(0, 0, 0, 0.2); border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .modal .owl-theme .owl-nav .owl-prev:hover { background: #000000; background: rgba(0, 0, 0, 0.2); } .modal .owl-theme .owl-nav .owl-prev:hover .prev_ico { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .modal .owl-theme .owl-nav .owl-prev .prev_ico { position: absolute; top: 50%; left: 50%; display: block; height: 40px; width: 22px; margin-left: -11px; margin-top: -20px; background: url(/img/symbols/slider-big-arrow-left.png) 50% 50% no-repeat; opacity: .3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); transition: opacity .7s; } .modal .owl-theme .owl-nav .owl-next { position: absolute; top: 0; right: -110px; display: block; height: 100%; width: 110px; background: #000000; background: rgba(0, 0, 0, 0.2); border-top-right-radius: 3px; border-bottom-right-radius: 3px; text-align: center; } .modal .owl-theme .owl-nav .owl-next:hover { background: #000000; background: rgba(0, 0, 0, 0.2); } .modal .owl-theme .owl-nav .owl-next:hover .next_ico { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .modal .owl-theme .owl-nav .owl-next .next_ico { position: absolute; top: 50%; left: 50%; display: block; height: 40px; width: 22px; margin-left: -11px; margin-top: -20px; background: url(/img/symbols/slider-big-arrow-right.png) 50% 50% no-repeat; opacity: .3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); transition: opacity .7s; } .owl-timer.pointTimer { margin: 3px 5px; height: 12px; width: 12px; } .owl-timer.pointTimer i.pointTimer_point { display: block; position: absolute; width: 3px; height: 3px; margin: -1.5px 0 0 -1.5px; border-radius: 50%; background: #ff4f12; transition: .7s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .owl-timer.pointTimer .pointTimer_point.js-active { opacity: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } /* pointTimer */ .pointTimer { position: relative; left: 0; top: 0; display: block; width: 60px; height: 60px; } .pointTimer_point { position: absolute; width: 3px; height: 3px; margin: -1.5px 0 0 -1.5px; border-radius: 50%; background: #fff; transition: .7s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .pointTimer_point.js-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .popup { display: none; position: absolute; max-width: 400px; padding: 0; border-radius: 2px; z-index: 1; } .popup.popup--success { background-color: #313948; } .popup_header { padding: 20px; border-bottom: 1px solid #cdcdcd; font-size: 0; } .popup_header > h1, .popup_header > p { display: inline-block; font-family: "RostelecomBasis-Medium"; font-size: 0.7222222222222222rem; /* 13/18 */ line-height: 1; color: white; margin: 0; } .popup--success .popup_header > h1, .popup--success .popup_header > p { font-size: 0.8888888888888888rem; } .popup_message { margin: 0; padding: 15px 20px 20px; font-family: "RostelecomBasis"; font-size: 0.8888888888888888rem; /* 16/18 */ color: white; } .popup_close { border-bottom: 0; display: block; float: right; height: 13px; width: 13px; } .popup_close svg { height: 13px !important; width: 13px; fill: #fff; } .popup--success .popup_close:hover svg { fill: #ff4f12; } .lm + .formList .popup { top: 53px; bottom: 0; z-index: 1; } .popup-img { border-bottom: 0; display: inline; } .radio { display: inline-block; line-height: 1; } #qust_form input[type=radio] { position: absolute; display: inline-block; /* --- hack for validation plagin --- */ left: -9999px; /* --- hack for validation plagin --- */ } input[type=radio] { display: none; } input[type=radio] + label { display: inline-block; min-height: 30px; position: relative; font-family: "RostelecomBasis-Medium"; font-size: 0.7222rem; font-weight: normal; color: #858585; cursor: pointer; } input[type=radio] + label:before { background-color: white; content: ""; display: inline-block; vertical-align: middle; width: 30px; height: 30px; border-radius: 100%; border: 1px solid #eaeaea; margin-right: 12px; margin-top: -0.1667em; } input[type=radio] + label:after { content: ""; position: absolute; left: 11px; top: 11px; display: none; width: 10px; height: 10px; border-radius: 100%; background-color: #ff4f12; margin-top: -0.1667em; } input[type=radio]:checked + label:after { display: block; } /* Ссылка подробнее */ .readMore { display: block; margin: -20px 0px 44px; } /* round */ .round { display: inline-block; vertical-align: middle; min-width: 2.25em; /* 54/24 */ min-height: 2.25em; /* 54/24 */ padding: 0.083em; /* 2/24 */ border-radius: 50%; border: 2px solid #939393; font-size: 1.333em; /* 24/18 */ text-align: center; } .round:before { content: ''; width: 0.042em; /* 1/24 */ height: 2.25em; /* 54/24 */ display: inline-block; vertical-align: middle; margin-right: -0.208em; /* -5/24 */ } .round_content { display: inline-block; vertical-align: middle; line-height: 1; } .round-info { border-color: transparent; background-color: #00a8ff; color: #fff; } @media all and (max-width: 1204px) { .round { min-width: 1.75em; /* 42/24 */ min-height: 1.75em; /* 42/24 */ } .round:before { height: 1.75em; /* 42/24 */ } } @media all and (max-width: 989px) { .round { min-width: 1.583em; /* 38/24 */ min-height: 1.583em; /* 38/24 */ } .round:before { height: 1.583em; /* 38/24 */ } .round_content { font-size: 0.667em; /* 16/24 */ } } @media all and (max-width: 759px) { .round { min-width: 2em; /* 24/12 */ min-height: 2em; /* 24/12 */ font-size: 0.667em; /* 12/18 */ } .round:before { height: 2em; /* 24/12 */ margin-right: -0.333em !important; /* -4/12 */ } .round_content { font-size: 1.167em; /* 14/12 */ } } /* Селект */ .select { position: relative; display: inline-block; vertical-align: middle; padding-right: 20px; /* отступ для стрелочки */ } .select_field { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); } .select_text { white-space: nowrap; overflow: hidden; color: #6b6b6b; font-family: "RostelecomBasis-Medium"; font-size: 0.723em; } .select_check { position: absolute; right: 0; top: 6px; } .no-js .select_field { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); } .show-all-btn { border-bottom: 0; display: inline-block; color: #333333; vertical-align: middle; font-size: 14px; font-size: .778em; line-height: 1.71428571; text-decoration: none; } .show-all-btn:before { content: "..."; display: inline-block; height: 1.3333333333333333rem; /* 24/18 */ line-height: 1.3333333333333333rem; /* 24/18 */ padding: 0 8px; vertical-align: middle; font-family: "RostelecomBasis-Medium"; font-size: 0.7222222222222222rem; /* 13/18 */ color: #fff; background-color: #ff4f12; border-radius: 3px; background-color: #e3e9ec; color: #333333; font-size: 1.444444444444444rem; height: 1.5rem; line-height: .8888888888888889rem; margin-top: -0.03846154em; margin-right: 0.61538462em; padding-left: 0.34615385em; padding-right: 0.34615385em; transition: all .2s; } .show-all-btn:hover, .content_section .show-all-btn:hover { color: #ff4f12; } .show-all-btn:hover:before, .content_section .show-all-btn:hover:before { background-color: #ff4f12; color: #fff; } /* Статус */ .status { color: #858585; display: inline-block; font-size: .7222222222222222em; /* 13/18 */ padding-left: 22px; position: relative; } .status:before { border-radius: 50%; content: ""; display: inline-block; height: 10px; margin: auto 0; position: absolute; top: 0; bottom: 0; left: 0; width: 10px; } .status_text { font-family: "RostelecomBasis-Medium"; } .status--blue:before { background-color: #00a8ff; } .status--green:before { background-color: #61c945; } .status--red:before { background-color: #BC104B; } .status--yellow:before { background-color: #f2d200; } /* Symbol */ .symbol { display: inline-block; height: 1em; } .symbol-logoIcon { font-size: 46px; font-size: 2.556em; width: .769em; } .symbol--mobile { width: 34px; height: 56px; } .symbol--info-mark { width: 14px; height: 14px; cursor: pointer; } .symbol-logoName { font-size: 15px; font-size: .833em; width: 7.8667em; } .symbol-loupe { font-size: 16px; font-size: .889em; width: 1em; } .symbol-strips { width: 1em; } .symbol-cabin { font-size: 16px; font-size: .889em; width: .867em; } .symbol-next { font-size: 9px; width: 1.556em; } .symbol-twitter { font-size: 13px; font-size: .723em; width: 1.154em; } .symbol-twitter--big { height: 1.4em; width: 1.6156em; } .symbol-facebook { font-size: 14px; font-size: .778em; width: 0.533em; } .symbol-facebook--big { height: 1.4em; width: 0.7462em; } .symbol-vk { font-size: 10px; font-size: .556em; width: 1.8em; } .symbol-vk--big { height: 1.4em; width: 2.52em; } .symbol-youtube { font-size: 10px; font-size: .556em; width: .909em; } .symbol-youtube--big { height: 1.4em; width: 1.2726em; } .symbol-flickr { font-size: 9px; font-size: .5em; width: 2em; } .symbol-flickr--big { height: 1.4em; width: 2.8em; } .symbol-ok { font-size: 14px; font-size: .778em; width: .625em; } .symbol-ok--big { height: 1.4em; width: 0.875em; } .symbolTable .symbol-ok { font-size: 16px; font-size: .889em; width: .825em; } .symbol-telegram { font-size: 14px; font-size: .778em; width: 1.164em; } .symbol-telegram--big { height: 1.4em; width: 1.6296em; } .symbol-inst { font-size: 13px; font-size: .723em; width: 1em; } .symbol-inst--big { height: 1.4em; width: 1.4em; } .symbol-in { font-size: 15px; font-size: .833em; width: 1em; } .symbol-in--big { position: relative; top: -2px; height: 1.3em; width: 1.3em; } .symbol-google { font-size: 13px; font-size: .723em; width: 1.154em; } .symbol-google--big { height: 1.4em; width: 1.6156em; } .symbol-buffer { font-size: 13px; font-size: .723em; width: 1.354em; height: 1.2em !important; } .symbol-livejournal { font-size: 13px; font-size: .723em; width: 1.154em; } .symbol-check { font-size: 5px; font-size: .278em; width: 2em; } .symbol-pdf { font-size: 60px; font-size: 3.333em; color: #00a8ff; height: 3.3333333333333335rem; /* 60/18 */ width: 2.7777777777777777rem; /* 50/18 */ } .symbol-doc, .symbol-docx, .symbol-xls, .symbol-xlsx, .symbol-rar, .symbol-zip, .symbol-tiff, .symbol-png, .symbol-gif, .symbol-jpg, .symbol-jpeg, .symbol-mp4, .symbol-mpeg, .symbol-mpeg4, .symbol-flv, .symbol-mp3, .symbol-mpp, .symbol-ppt, .symbol-pptx, .symbol-link { font-size: 60px; font-size: 3.333em; color: #00a8ff; height: 3.3333333333333335rem; /* 60/18 */ width: 2.7777777777777777rem; /* 50/18 */ } .symbol-out { transition: fill .2s; margin-top: -1px; font-size: 0.95em; width: 1.1667em; } .symbol-threeDots { font-size: 3px; font-size: .167em; width: 5em; } .symbol-play { font-size: 7px; font-size: .389em; width: .571em; } .symbol-close { font-size: 16px; font-size: .889em; width: 1em; } .symbol-contain { width: 1em; } .symbol-playArrow { font-size: 8px; font-size: .444em; width: .75em; } .symbol-iphone { font-size: 16px; font-size: .889em; width: .75em; } .symbol-letter { font-size: 12px; font-size: 0.667em; width: 1.333em; } .symbol-info { fill: #00a8ff; } .symbol-pale { fill: #cdcdcd; } .symbol-text { fill: #6b6b6b; } .layer-info .symbol-text { fill: #fff; } .symbol-bg { fill: #fff; } .symbol-bold { fill: #333333; } .symbol-star { width: 1em; } .symbol-calendar { color: #7700ff; height: 2.444444444444444rem; width: 2.111111111111111rem; } .symbol--small { height: 2.222222222222222rem; width: 1.888888888888889rem; } .symbol-trash { color: #333333; height: 1.666666666666667rem; width: 1.277777777777778rem; } .symbol-pencil { color: #333333; height: 1.666666666666667rem; width: 1.642777777777778rem; } .symbol-up-folder { color: #7700ff; height: 0.8277777777777778rem; width: 0.8888888888888889rem; } .symbol-share-link { color: #333333; height: 1.7777777777777777rem; width: 1.7777777777777777rem; } @media all and (max-width: 759px) { .symbol-logoIcon { font-size: 38px; width: 24px; } .symbol-logoName { font-size: 18px; width: 100px; } } @media all and (max-width: 479px) { .symbol-logoIcon { font-size: 32px; width: 20px; } .symbol-logoName { font-size: 11px; width: 85px; } } .svg-trans { transition: all .2s; } /* symbolBtn */ .symbolBtn { display: inline-block; vertical-align: middle; background: #00a8ff; background: rgba(0, 168, 255, 0.1); border-radius: .111em; min-width: 1.667em; padding: 0px .111em .167em; border: 2px solid transparent; text-align: center; transition: border .7s; } .symbolBtn:hover { border: 2px solid white; } .symbolBtn:before { content: ''; width: 1px; height: 1.278em; display: inline-block; vertical-align: middle; margin-right: -5px; } .symbolBtn_icon { display: inline-block; vertical-align: middle; } .symbolBtn_icon.symbol-next { font-size: 15px; width: .556em; } .symbolBtn-large { min-width: 2em; font-size: 23px; font-size: 1.278em; } .symbolBtn-bg { border-color: #ffffff; border-color: rgba(255, 255, 255, 0.2); background: none; } @media all and (max-width: 1204px) { .symbolBtn-large { padding-left: 2px; min-width: 2em; font-size: 1em; } } @media all and (max-width: 989px) { .symbolBtn-large { padding-left: 4px; min-width: 2em; font-size: 0.8em; } .symbolBtn_icon { font-size: 10px; } } @media all and (max-width: 759px) { .symbolBtn-large { padding-left: 0.245em; /* 6/11 */ min-width: 2em; /* 24/12 */ font-size: 11px; font-size: .611em; } .symbolBtn-large .symbolBtn_icon { font-size: 0.727em; /* 8/11 */ } .symbolBtn_icon { font-size: 8px; } } /* symbolStyle */ .symbolStyle { width: 0; height: 0; visibility: hidden; position: absolute; left: -9999px; top: -9999px; } /* Таблицы символов */ .symbolTable { display: table; text-decoration: none; } .symbolTable a.symbolTable_item { text-decoration: none; } .symbolTable a.symbolTable_item:hover { color: #ff4f12; } .symbolTable_item { display: table-row; overflow: hidden; } .symbolTable_icon { display: table-cell; vertical-align: middle; text-align: center; padding: 0 20px 0 0; } .symbolTable_desc { display: table-cell; vertical-align: middle; padding-bottom: 1px; } .symbolTable-bg .symbolTable_item { color: #fff; } .symbolTable-bold .symbolTable_item { font-family: "RostelecomBasis-Medium"; color: #333333; } .symbolTable-bold .symbolTable_icon { padding: 4px 12px 4px 0; } .symbolTable-bold .symbolTable_desc { padding-bottom: 1px; } /* SVG Иконка с текстом */ .symbolText { display: table; text-decoration: none; } .tabs, .tab_header, .region_tab, .vacancy_header { box-sizing: border-box; display: block; border-bottom: 1px solid #eaeaea; padding: 2.222222222222222rem 4.555555555555556rem 2.222222222222222rem 2.166666666666667rem; cursor: pointer; transition: background-color 0.2s, border 0.2s, color 0.2s, box-shadow 0.2s; } .tabs.active, .tab_header.active, .region_tab.active, .vacancy_header.active { border-bottom: 1px solid #879095; } .tabs .tabs_subheader, .tab_header .tabs_subheader, .region_tab .tabs_subheader, .vacancy_header .tabs_subheader, .vacancy_regions-available { color: #858585; text-transform: uppercase; font-family: "RostelecomBasis-Medium"; font-size: 0.7222222222222222rem; /* 13/18 */ margin: 0 0 1.1111111111111112rem 0; /* 20/18 */ } .tabs .tabs_header, .tab_header .tabs_header, .tab_header, .region_tab .tabs_header, .vacancy_header .tabs_header, .vacancy_name { color: #333333; font-family: "RostelecomBasis"; font-size: 1.222222222222222rem; line-height: 1.090909090909091; margin: 0; } @media all and (max-width: 759px) { .tabs, .tab_header, .region_tab, .vacancy_header { padding: 30px 17px; } } .tab:hover, .tab:focus { box-shadow: 0 -2px 5px 2px rgba(0, 0, 0, 0.1); } .tab:hover .tab_header:after, .tab:focus .tab_header:after { bottom: 0; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .tab.active { box-shadow: 0 -2px 10px 2px rgba(0, 0, 0, 0.1); } .tab.active .tab_header:after { bottom: 0; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .tab.active .tab_details { border-bottom: 1px solid #ffffff; } .no-js .tab.active .tab_details { display: block; } .tab_header { overflow: hidden; position: relative; text-decoration: none; } .tab_header:hover { color: #333333; } .tab_header:after { border-bottom: 205px solid #7b949b; border-left: 82px solid transparent; content: ""; display: block; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; bottom: -205px; right: 0; transition: all .2s; } @media all and (max-width: 759px) { .tab_header:after { border-bottom-width: 60px; border-left-width: 30px; } } .tab_details { display: none; padding: 1.611111111111111rem 2.166666666666667rem 1.944444444444444rem; border-bottom: 1px solid #eaeaea; background-color: #fff; font-size: 16px; font-size: .889em; transition: background-color 0.2s, border 0.2s, color 0.2s; color: #858585; } .tab_details > :first-child { margin-top: 0; } .tab_details > :last-child { margin-bottom: 0; } .tab_details > br:last-child { display: none; } @media all and (max-width: 759px) { .tab_details { padding: 30px 17px; } } .tab--small .tab_header { color: #858585; font-family: "RostelecomBasis-Medium"; font-size: .722222rem; padding: 0 15px .9em 0; /* 18/20 */ text-transform: uppercase; } .tab--small .tab_header:hover, .tab--small .tab_header:focus, .tab--small .tab_header.active { background-color: #fff; } .tab--small .tab_header:before { background: url("/img/symbols/dropdown-arrow.png") no-repeat 50% 50%; content: ""; display: block; height: 10px; transition: transform .2s; position: absolute; right: 5px; bottom: 15px; width: 10px; } .tab--small .tab_header.active:before { background: url("/img/symbols/dropdown-arrow-up.png") no-repeat 50% 50%; } .tab--small .tab_header:after { display: none; } .tab--small:hover, .tab--small:focus, .tab--small.active { background-color: #fff; box-shadow: none; } .tab--small .tab_details { padding: .9em 0; /* 18/20 */ } .tab--small.active .tab_details { background-color: #fff; } /* Стили таблиц различных типов */ /*-- Таблицы с картинками в 1 столбце --*/ .tbl--with-img td:first-child { text-align: center; } .tbl--with-img img { min-width: 50px; padding: 0; max-width: none; } @media screen and (max-width: 480px) { .tbl--with-img tr { border: 1px solid #dedede; } .tbl--with-img td { border: none; display: block; padding: 10px; } .tbl--with-img img { float: none; } } /*-- Таблицы с картинками в 2х первых столбцвх --*/ .tbl--with-2-img td.td-with-img { text-align: center; } .tbl--with-2-img img { min-width: 30px; } @media screen and (max-width: 480px) { .tbl--with-2-img tr { border: 1px solid #dedede; text-align: center; } .tbl--with-2-img td { border: none; display: block; padding: 10px; text-align: center; width: 100%; } .tbl--with-2-img td.td-with-img { display: inline-block; } } /*-- Табы для больших таблиц --*/ .table_tabs.wrap { background: #f7f8f8; box-sizing: border-box; border: 1px solid #dedede; border-bottom: none; margin: 0; padding: .3em; overflow: hidden; width: 100%; } .table_tabs p { color: #333333; font-family: "RostelecomBasis-Medium"; font-size: 13px; line-height: 28px; float: left; margin: .7em .25em; } .table_tabs li { border: 1px solid #333333; border: 1px solid rgba(51, 51, 51, 0.6); border-radius: 3px; color: #333333; color: rgba(51, 51, 51, 0.6); float: left; font-family: "RostelecomBasis-Medium"; font-size: 13px; line-height: 18px; margin: .7em .25em !important; padding: .5em 5px .4em; text-align: center; transition: all 0.2s ease 0s; } .table_tabs li:before { display: none; } .table_tabs li.active { background: #ff4f12; border-color: #ff4f12; color: #fff; } .table_tabs li.active:hover { color: #fff; } .table_tabs li:hover { border-color: #ff4f12; color: #ff4f12; cursor: pointer; } /* Таблица с границами только между строк */ .tbl--line tr { border: 1px solid #dedede; } .tbl--line .tbl_heading { color: #828282; font-family: "RostelecomBasis-Medium"; font-size: .7222222222222222em; text-transform: uppercase; } .tbl--line td { border: 0; padding: .9444444444444444rem .5rem 1.111111111111111rem .5555555555555556rem; } .tbl--line td:first-child { padding-left: 1.055555555555556rem; } .tbl--line td { font-size: .8888888888888889em; } .tbl--line .tbl_sub-heading { color: #333333; display: block; margin-bottom: .8461538461538462em; } .tbl--line .tbl_cell--user-name { width: 43.95061728395062%; } .tbl--line .tbl_cell--user-pass { width: 21.97530864197531%; } .tbl--line .tbl_cell--user-status { width: 20.49382716049383%; } .tbl--line .tbl_cell--user-action { width: 13.58024691358025%; } /* Простая таблица без украшающих элементов */ .table-transparent tr { background: none; } .table-transparent td { border: none; padding: 0 1em 1em 0; } /* Таблица внутри баннера в левом меню */ .content_aside table { table-layout: fixed; } .content_aside table td { word-wrap: break-word; padding: 10px; } .content_aside table a span { display: inline-block; } .content_aside table td img { min-width: 0; } @media all and (min-width: 1205px) { .tbl--small { font-size: 16px; font-size: .889em; } } .tbl--bold-head .tbl_head td { font-weight: bold; } .table-analyst:not(:last-of-type) { margin-bottom: 64px; } .table-analyst .t1 { font-weight: bold; } /* Заголовок в виде кнопки */ .titleBtn { border-bottom: 0; font-size: 13px; font-size: .723em; font-family: "RostelecomBasis"; font-weight: bold; display: inline-block; vertical-align: middle; border-radius: 2px; border: 2px solid #ffffff; border: 2px solid rgba(255, 255, 255, 0.3); color: #fff; margin-top: 0; line-height: 1.5; letter-spacing: .046em; padding: 4px 9px; transition: border .7s; } .titleBtn:hover { border: 2px solid white; } .titleBtn:after { content: ''; display: block; } .titleBtn-home, .titleBtn-home2, .titleBtn-home3 { background: none; border: none; margin-bottom: 40px; font-size: 0.88888889rem; z-index: 3; background-color: #7b929b; color: #fff; position: relative; display: inline-block; border-radius: 0; border-top-right-radius: 3px; box-sizing: border-box; line-height: 1rem; text-decoration: none; transition: background-color 0.2s; font-weight: bold; padding: 0.38888889rem 0.38888889rem 0.27777778rem; } .titleBtn-home:hover, .titleBtn-home2:hover, .titleBtn-home3:hover { background-color: #adadad; border: none; } .titleBtn-home:before, .titleBtn-home2:before, .titleBtn-home3:before { background: url("/img/fold_orange.svg") 50% 50% no-repeat; background-size: cover; content: ""; display: block; height: 10px; position: absolute; right: 0; top: 100%; width: 17px; z-index: -1; } @media all and (max-width: 1204px) { .titleBtn { font-size: .65em; padding: 0.231em 0.385em; } .titleBtn-home, .titleBtn-home2, .titleBtn-home3 { font-size: 0.88888889rem; padding: 0.38888889rem 0.38888889rem 0.27777778rem; } } @media all and (max-width: 989px) { .titleBtn { font-size: .565462962962963em; padding: .4166666666666667em; line-height: 1.1; } .titleBtn-home, .titleBtn-home2, .titleBtn-home3 { font-size: 0.88888889rem; padding: 0.38888889rem 0.38888889rem 0.27777778rem; line-height: 1rem; } } @media all and (max-width: 759px) { .titleBtn { font-size: .3928571428571429em; line-height: 1.1; letter-spacing: .036em; padding: .3636363636363636em; } .titleBtn-home, .titleBtn-home2, .titleBtn-home3 { font-size: 0.72222222rem; line-height: 1; padding: 0.27777778rem; } } @media all and (max-width: 419px) { .titleBtn-home, .titleBtn-home2, .titleBtn-home3 { font-size: 0.55555556rem; line-height: 1; padding: 0.11111111rem; } } .tooltip { display: inline-block; position: relative; } .tooltip_icon { -webkit-border-radius: 2px; -moz-border-radius: 2px; border: 1px solid #ff4f12; border-radius: 2px; color: #ff4f12; cursor: pointer; display: inline-block; font-family: "RostelecomBasis"; font-size: 14px; font-weight: normal; line-height: 1; padding: .3571428571428571em .5em; } .tooltip_info { background: #474747; border-radius: 2px; box-sizing: border-box; color: #fff; display: none; font-family: "RostelecomBasis"; font-size: 14px; font-weight: normal; line-height: 17px; margin-left: -90px; max-width: 200px; padding: .5em; position: absolute; bottom: calc(100% + 5px); left: 50%; text-align: center; text-transform: none; width: 180px; z-index: 1; } .tooltip_info:after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #474747; content: ""; display: block; margin-left: -5px; position: absolute; top: 100%; left: 50%; } .advantages-cite { padding: 20px 10px; background-color: #ebebeb; font-style: italic; } .advantages-cite_img { color: #333; float: left; padding: 5px 15px 5px 0; font-style: normal; } .advantages-cite_img span { display: block; } .advantages-cite > .first-par { margin-top: 0; } .advantages-cite p:last-child { margin-bottom: 0; } .banner { box-sizing: border-box; display: table; table-layout: fixed; width: 100%; min-width: 320px; height: 500px; padding-left: 10%; background-size: cover; background-position: center; } @media all and (max-width: 419px) { .banner { height: 320px; padding-left: 10px; } } .main-siteMap .banner { position: absolute; left: -9999px; top: -9999px; visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .banner_inner-content { display: table-cell; vertical-align: middle; } .banner_text { font-family: "RostelecomBasis"; font-size: 3rem; /* 54/18 */ color: white; width: 70%; margin-top: .2rem; } @media all and (max-width: 419px) { .banner_text { font-size: 2.2em; } } .banner_button { float: left; margin-right: 20px; } @media all and (max-width: 419px) { .banner_button { font-size: 85%; margin-right: 10px; margin-bottom: 10px; } } .content_aside .banner_out img { width: 100%; } /* breadCrumbs */ .breadCrumbs { display: block; transition: opacity .7s, visivility .7s; } .breadCrumbs_list { display: inline-block; margin: 10px 0; } .main-siteMap .breadCrumbs { position: absolute; left: -9999px; top: -9999px; visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .main-home .breadCrumbs { display: none; } @media all and (max-width: 1204px) { .breadCrumbs { border-bottom: 1px solid #eaeaea; } } @media all and (max-width: 759px) { .breadCrumbs { display: none; } } /* Хлебные крошки */ .breadCrumbsList { display: inline-block; margin: .45em 0 .85em; } .breadCrumbsList_item { display: inline-block; vertical-align: baseline; border-bottom: 0; font-size: 13px; font-size: .723em; color: #6b6b6b; transition: color .7s; line-height: 2; text-decoration: none; } .breadCrumbsList_item:hover { color: #333333; } .breadCrumbsList_icon { margin: 0 .7em; } @media all and (max-width: 1204px) { .breadCrumbsList { margin: .5em 0 .8em; } } /*.filter_date { box-sizing: border-box; float: left; width: 50%; &.filter_date--from {padding-right: 15px;} &.filter_date--to {padding-left: 10px;} } .filter_date--from { position: relative; &:after { content: "-"; display: block; position: absolute; left: 100%; margin-left: -6px; top: 0; line-height: 52px; color: #bbb; } } .filter_calendar { position: relative; input {width: 100%; padding-right: 50px;} }*/ .calendar-icon { position: absolute; right: 1em; height: 24px; width: 24px; margin-top: 0.7777777777777778rem; fill: #b9bcc0; cursor: pointer; } .calendar-icon:hover { fill: #ff4f12; } .calendar-icon svg { display: block; width: 100%; height: 100%; } .calendar-icon svg { display: block; width: 100%; height: 100%; } .card { position: relative; } .card::before { display: block; padding-top: calc(131.81818182%); content: ""; } @media all and (max-width: 1204px) { .card::before { padding: 0; } } .card--active .card__box { border-color: #ff4f12; } .card__box { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 40px 30px 30px; transition: border-color 0.2s; border: 1px solid #DEDEDE; box-sizing: border-box; } @media all and (max-width: 1204px) { .card__box { position: static; padding: 20px; } } .card__box:hover, .card__box:focus, .card__box:active { cursor: pointer; border: 1px solid #ff4f12; } .card__box:hover .card__button, .card__box:focus .card__button, .card__box:active .card__button { background-color: #ff8218; } .card__header { display: -ms-flexbox; display: flex; margin-bottom: 35px; } @media all and (max-width: 1204px) { .card__header { margin-bottom: 10px; } } .card__header:last-child { margin-bottom: 0; } .card__body { -ms-flex-positive: 1; flex-grow: 1; } .card__footer { margin-top: 15px; } .card__footer:first-child { margin-bottom: 0; } .card__image { -ms-flex-negative: 0; flex-shrink: 0; width: 40px; height: 40px; margin-right: 20px; } .card__image-pic { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: top; object-position: top; } .card__title { font-size: 18px; font-weight: 600; line-height: 21px; margin: 0; color: #333333; } .card__text { font-size: 14px; line-height: 18px; margin: 0; color: #979799; } .card__button { width: 100%; max-width: 280px; } .cards__list { display: -ms-flexbox; display: flex; margin: -13px; list-style: none; } @media all and (max-width: 1204px) { .cards__list { display: block; margin: 0; } } .cards__item { width: calc(33.33333333%); margin: 0; padding: 13px; } @media all and (max-width: 1204px) { .cards__item { width: 100%; margin-bottom: 15px; padding: 0; } } .cards__item::before { display: none; } .cards__item:last-child { margin-bottom: 0; } /* column */ .column { position: relative; left: 0; top: 0; display: block; margin-left: 10px; margin-right: 10px; min-width: 260px; } .column:before, .column:after { content: ""; display: table; clear: both; } .main-home .column { min-width: 300px; } @media all and (min-width: 1205px) { .column { max-width: 1204px; width: 100%; margin-left: auto; margin-right: auto; } .main-home .column { margin-left: auto; margin-right: auto; } } @media all and (max-width: 1204px) { .column { margin-left: 30px; margin-right: 30px; } .main-home .column { margin-left: 43px; margin-right: 43px; min-width: 0; } } @media all and (max-width: 989px) { .main-home .column { margin-left: 43px; margin-right: 43px; } } @media all and (max-width: 759px) { .main-home .column { margin-left: 88px; margin-right: 88px; } .main-home .cover .column { position: static; } } @media all and (max-width: 559px) { .main-home .column { margin-left: 10%; margin-right: 10%; } } @media all and (max-width: 519px) { .main-home .column { margin-left: 20px; margin-right: 20px; } } @media all and (max-width: 359px) { .main-home .column { margin-left: 20px; margin-right: 20px; min-width: 280px; } } /* content */ .content { transition: opacity .7s, visivility .7s; } .content:before { content: ""; display: table; } .content:after { content: ""; display: table; clear: both; } .inner-page .content_section > h1 { margin-top: -0.5rem; /* -9/18 */ } .content_aside { float: left; width: 320px; } @media all and (min-width: 1205px) { .content_aside { float: left; width: 320px; } } @media all and (max-width: 1204px) { .content_aside { float: left; width: 26.52849741%; } } @media all and (max-width: 989px) { .content_aside .lm { display: none; } } @media all and (max-width: 759px) { .content_aside { display: none; } } @media all and (max-width: 1204px) { .content_aside--associated { display: none; } } .content_aside > br:first-of-type { display: none; } .content_aside > br:first-of-type + .banner_out { margin-top: 1px; } .content_section { position: relative; margin-top: 2.8em; margin-bottom: 1.8em; color: #858585; } @media all and (min-width: 1205px) { .content_section { float: left; width: 810px; margin-left: 60px; } } @media all and (max-width: 1204px) { .inner-page-regions .content_section { width: 100%; } } @media all and (max-width: 1204px) { .content_section { float: left; width: 67.56476684%; margin-left: 5.90673575%; } } @media all and (max-width: 989px) { .inner-page .content_section { margin-top: 0; } } @media all and (max-width: 759px) { .content_section { width: 100%; margin-left: 0; float: none; } } @media all and (max-width: 989px) { .content_section--large { width: 100%; margin: 0 0 100px; } } .main-siteMap .content { position: absolute; left: -9999px; top: -9999px; visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; width: 100%; } .content_head { border-collapse: 0; border-spacing: 0; display: table; margin-bottom: 1.777777777777778em; width: 100%; } .content_head h1 { margin: 0; } @media all and (max-width: 759px) { .content_head { display: block; margin-bottom: 1em; } } .content_head-cell { display: table-cell; vertical-align: middle; } .content_head-cell--full { padding-right: 10px; width: 100%; } .content_head-cell--aside { white-space: nowrap; } @media all and (max-width: 759px) { .content_head-cell { display: block; } .content_head-cell--aside { margin-top: 1em; white-space: normal; } } /* cover */ .cover { position: relative; left: 0px !important; top: 0; overflow: hidden; width: 100%; height: 809px; margin: 0 auto; min-width: 320px; max-width: 1920px; transition: opacity 0.2s ease-out; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; z-index: 0; } .cover.cssanimated { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: opacity 0.4s ease-out 0.3s; } .cover_item { visibility: hidden; position: absolute; left: -13.97058824%; top: -1040px; width: 200%; height: 2720px; border-radius: 50%; overflow: hidden; transition: visibility 0.001s cubic-bezier(0.65, 0.05, 0.36, 1) 1s; } .cover_item.js-prepare { transition: none; z-index: 6; width: 0px; height: 0px !important; left: 86.029411764706%; top: 320px !important; } .cover_item.js-active { z-index: 5; visibility: visible; transition: width 1s cubic-bezier(0.65, 0.05, 0.36, 1) 0s, height 1s cubic-bezier(0.65, 0.05, 0.36, 1) 0s, left 1s cubic-bezier(0.65, 0.05, 0.36, 1) 0s, top 1s cubic-bezier(0.65, 0.05, 0.36, 1) 0s; } .cover .cover_gradBottom { display: none; } .cover_frame { position: absolute; left: 50%; top: 50%; display: block; width: 50%; height: 809px; overflow: hidden; margin: -320px 0 0 -1170px; margin: -320px 0 0 -86.02941176%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } @media all and (max-width: 759px) { .cover_frame--desktop { display: none; } } .cover_frame--mobile { display: none; } @media all and (max-width: 759px) { .cover_frame--mobile { display: block; } } @media all and (max-width: 759px) { .cover_frame--desktop { display: none; } } .cover_frame--mobile { display: none; } @media all and (max-width: 759px) { .cover_frame--mobile { display: block; } } .cover_content { position: relative; width: 53.57142857142857%; color: #fff; } .cover_title { margin: 2.35185185em 0 0.703125em; font-family: "RostelecomBasis-Bold"; font-weight: bold; font-size: 3em; line-height: 1.125; letter-spacing: .00015625em; color: #fff; } .cover_title span { display: inline-block; background-color: #ff4f12; padding: 0.03703704em 0.33333333em; white-space: nowrap; } .cover_title span:last-child { border-top-right-radius: 0.09259259em; position: relative; } .cover_title span:last-child:after { background: url(/img/fold_grey.svg) 100% 0% no-repeat; background-size: cover; content: ""; height: 0.37037037em; display: block; position: absolute; top: 100%; right: 0; width: 0.62962963em; } .cover_desc { font-size: 1.333333333333333em; margin-bottom: 2.083333333333333em; font-family: "RostelecomBasis-Bold"; line-height: 1.5; } .cover_preview { display: none; } .cover_timer { display: none; } .cover_next { display: none; } .cover_nextCenter { position: absolute; left: 50%; top: 50%; display: block; width: 26px; height: 26px; margin: -13px 0 0 -13px; background: #fff; border-radius: 50%; } .cover_nextBtn { position: absolute; left: 50%; top: 50%; margin: -4px 0 0 -3px; transition: .7s; } .cover_mnav { display: none; } .cover_animation-trigger { position: absolute; right: 0px; top: 100px; height: 1px; width: 100px; } .cover.js-active .cover_preview { display: block; position: absolute; width: 80px; height: 80px; left: 100%; margin-left: -80px; top: 15.27777778rem; background-position: 50% 50%; background-repeat: no-repeat; border-radius: 50%; z-index: 4; } .cover.js-active .cover_timer { display: block; position: absolute; z-index: 5; left: 100%; margin-left: -70px; top: 15.83333333rem; } .cover.js-active .cover_next { position: absolute; z-index: 6; display: block; width: 80px; height: 80px; left: 100%; margin-left: -80px; top: 15.27777778rem; background: url(/bitrix/templates/.default/styles/img/bg/px.gif); border-bottom: none; } .cover.js-active .cover_next:hover .cover_nextBtn { fill: #333333; transform: scale(1.3); } @media all and (max-width: 1204px) { .cover { height: 565px; } .cover_animation-trigger { top: 80px; } .cover_frame { height: 565px; margin: -320px 0 0 -910px; } .cover_content { padding-left: 0; padding-right: 310px; color: #fff; } .cover_title { margin: 1.25em 0 0.83333333em; font-family: "RostelecomBasis"; font-size: 2.5em; color: #fff; } .cover_desc { margin: 0 2.08333333em 1.66666667em 0; font-family: "RostelecomBasis-Medium"; line-height: 1.5; } .cover_preview { display: none; } .cover_timer { display: none; } .cover_next { display: none; } .cover_nextCenter { position: absolute; left: 50%; top: 50%; display: block; width: 26px; height: 26px; margin: -13px 0 0 -13px; background: #fff; border-radius: 50%; } .cover_nextBtn { position: absolute; left: 50%; top: 50%; margin: -4px 0 0 -3px; transition: .7s; } .cover .cover_gradBottom { display: none; } .cover.js-active .cover_preview { top: 192px; } .cover.js-active .cover_next { top: 192px; } .cover.js-active .cover_timer { top: 202px; } } @media all and (max-width: 989px) { .cover { height: 424px; } .cover_frame { height: 424px; margin-bottom: -660px; } .cover_title { font-family: "RostelecomBasis"; font-size: 2em; color: #fff; } .cover_desc { font-size: 1.111111111111111em; margin: 0 0 1.5em 0; font-family: "RostelecomBasis-Medium"; line-height: 1.4; } .cover.js-active .cover_preview { top: 148px; } .cover.js-active .cover_next { top: 148px; } .cover.js-active .cover_timer { top: 158px; } } @media all and (max-width: 759px) { .cover { height: 334px; } .cover_mnav { position: absolute; left: 0%; bottom: 85px; z-index: 10; width: 100%; text-align: center; display: block; } .cover_mnav-dot { border-bottom: 0; display: inline-block; height: 8px; width: 8px; background: white; border-radius: 50%; margin-right: 8px; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; transition: opacity 1s; } .cover_mnav-dot:last-child { margin-right: 0; } .cover_mnav-dot.js-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .cover_item { margin-top: -260px; margin-left: -30%; } .cover_item.js-prepare { left: 146.029411764706%; top: 320px !important; } .cover_frame { left: 80%; height: 334px; margin: -60px 0 0 -660px; } .cover_content { padding-left: 0px; padding-right: 0px; text-align: left; width: 100%; } .cover_title { margin-bottom: 1.25em; font-size: 1.33333333rem; text-align: left; } .cover_desc { display: none; font-size: 1rem; text-align: left; } .cover_more { font-size: 14px; font-size: .778em; padding: 0.64285714em 1.42857143em 0.57142857em; } .cover.js-active .cover_preview, .cover.js-active .cover_next, .cover.js-active .cover_timer { display: none; } .cover .cover_gradBottom { height: 63px; } } /* cubics & cubic */ .cubics { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cubics_item { box-sizing: border-box; width: 50%; } @media all and (max-width: 479px) { .cubics { -ms-flex-direction: column; flex-direction: column; } .cubics_item { width: 100%; } } .cubics_col { width: 50%; } @media all and (max-width: 479px) { .cubics_col { width: 100%; } } .cubic { font-size: 1rem; padding: 1.33333333em 1.22222222em; } @media all and (max-width: 759px) { .cubic { font-size: 0.88888889rem; } } .cubic_title { font-size: 1.72222222em; letter-spacing: 0.0483871em; margin-top: 0; margin-bottom: 0.48387097em; } .cubic_info { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; min-height: 11em; } @media all and (max-width: 479px) { .cubic_info { min-height: 0; } } .cubic_links-item { list-style: none; padding-left: 0; } .cubic_links-item:before { display: none; } .cubic_links-link { color: #333333; } .cubic_files .loadItem { margin-top: 1em; margin-bottom: 0; line-height: 1.333; } .cubic_files .loadItem:first-child { margin-top: 0; } .cubic_files .loadItem_icon { color: #333333; } .cubic_files .loadItem_info { color: #333333; } .cubic_files .loadItem:hover .loadItem_desc { color: #7700ff; } .date-select { padding: 0.8em 3.5em 0.8em 1.5em; position: relative; outline: none !important; } .date-select__wrapper { width: auto !important; margin-right: 0 !important; position: relative; } .date-select__wrapper:after { font-size: 13px; content: ""; display: block; position: absolute; top: 0.48em; right: 4px; width: 30px; height: 30px; background: url('/img/symbols/dropdown-arrow.png') 50% 50% no-repeat; z-index: 2; pointer-events: none; } .date-filter { float: left; position: relative; } .date-filter_button { position: relative; box-sizing: border-box; height: 30px; border: 1px solid #eaeaea; padding: 0 32px 0 12px; cursor: pointer; border-radius: 3px; } .date-filter_button span { font-family: "RostelecomBasis-Medium"; font-size: 0.7222222222222222rem; /* 13/18 */ color: #6b6b6b; line-height: 30px; } .date-filter_button .select_check { fill: #cdcdcd; top: 12px; right: 10px; } .date-filter_button .select_check:hover { fill: #ff4f12; } .date-picker { display: none; position: absolute; top: 40px; left: 0; width: 250px; background-color: white; border: 1px solid #eaeaea; z-index: 6; } .date-picker_year { position: relative; width: 100%; height: 50px; border-bottom: 1px solid #eaeaea; } .date-picker_prev-year-btn, .date-picker_next-year-btn { border-bottom: 0; display: block; position: absolute; height: 30px; width: 30px; left: 4%; top: 10px; text-align: center; } .date-picker_prev-year-btn i, .date-picker_next-year-btn i { display: inline-block; margin-top: 10px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #cdcdcd; transition: border-right-color 0.2s; } .date-picker_prev-year-btn i:hover { border-right-color: #ff4f12; } .date-picker_next-year-btn { border-bottom: 0; left: auto; right: 4%; } .date-picker_next-year-btn i { border-right: none; border-left: 5px solid #cdcdcd; transition: border-left-color 0.2s; } .date-picker_next-year-btn i:hover { border-left-color: #ff4f12; } .date-picker_year-scroller { height: 50px; width: 50%; margin: 0 auto; overflow: hidden; } .date-picker_year-scroller-shaft { height: 100%; width: 300%; margin-left: -100%; } .date-picker_year-scroller-shaft:before, .date-picker_year-scroller-shaft:after { content: ""; display: table; clear: both; } .date-picker_year-value { border-bottom: 0; float: left; display: block; width: 33.33333333%; height: 100%; line-height: 50px; font-family: "RostelecomBasis-Medium"; color: #6b6b6b; font-size: 0.7222222222222222rem; text-align: center; text-decoration: none; } a.date-picker_year-value:hover { color: #ff4f12; } .date-picker_month { padding: 10px 10px 0 10px; } .date-picker_month:before, .date-picker_month:after { content: ""; display: table; clear: both; } .date-picker_month input { display: none; } .date-picker_month input:checked + label { border-color: #ff4f12; color: #ff4f12; } .date-picker_month label { display: block; box-sizing: border-box; float: left; width: 47.82608696%; height: 30px; line-height: 30px; border: 1px solid #eaeaea; border-radius: 3px; margin-right: 4.34782609%; margin-bottom: 9px; font-family: "RostelecomBasis-Medium"; color: #6b6b6b; font-size: 0.7222222222222222rem; text-align: center; cursor: pointer; } .date-picker_month label:nth-of-type(2n) { margin-right: 0; } .date-picker_month label:hover { border: 1px solid #ff4f12; } .date-picker_submit { box-sizing: border-box; display: block; height: 30px; width: 100%; padding: 0 10px 0px 10px; margin: 10px 0; } .date-picker_submit button { cursor: pointer; height: 100%; width: 100%; padding: 0; background: #ff4f12; border-radius: 2px; outline: none; border: none; font-family: "RostelecomBasis-Medium"; font-size: 0.7222222222222222rem; line-height: 30px; color: white; } /* drafts & draft */ .drafts_container { display: -ms-flexbox; display: flex; } @media all and (max-width: 479px) { .drafts_container { -ms-flex-direction: column; flex-direction: column; } } .drafts_item { -ms-flex-positive: 1; flex-grow: 1; width: 0; } @media all and (max-width: 479px) { .drafts_item { width: 100%; } } .draft { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; color: #fff; font-size: 1rem; padding-bottom: 148.52941176%; position: relative; } @media all and (max-width: 1204px) { .draft { font-size: 0.83333333rem; } } @media all and (max-width: 759px) { .draft { font-size: 0.72222222rem; } } @media all and (max-width: 479px) { .draft { font-size: 0.88888889rem; } } .draft_container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 0.83333333em; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } @media all and (max-width: 479px) { .draft_container { padding: 1.33333333em; } } .draft_container::after { content: ""; display: block; opacity: .75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } .draft_label { -ms-flex-item-align: end; align-self: flex-end; border-radius: 0; border-top-right-radius: 3px; box-sizing: border-box; display: block; font-size: 1em; line-height: 1.11111111; max-width: 100%; text-align: right; width: -webkit-min-content; width: -moz-min-content; width: min-content; position: relative; padding: 0.33333333em 0.77777778em; transition: background-color 0.2s; } @media all and (-ms-high-contrast: none) { .draft_label { max-width: 70%; } } .draft_label-text { display: block; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .draft_label::after { background-image: url(/img/folds.svg); background-repeat: no-repeat; background-size: 100% auto; content: ""; height: 0.55555556em; display: block; position: absolute; top: 100%; right: 0; width: 0.94444444em; } .draft_num { font-family: "RostelecomBasis-Bold"; font-size: 3.33333333em; font-variant: small-caps; line-height: 1; margin-top: auto; position: relative; } .draft_num--dollar::before { content: "$"; font-size: 0.5em; position: absolute; bottom: calc(100% - 0.32em); right: calc(100% - 0.24em); } .draft_num-value { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .draft_title { color: #fff; height: 2.55555556em; font-size: 1em; letter-spacing: 0.02777778em; line-height: 1.27777778em; margin-top: 0.22222222em; margin-bottom: 0; overflow: hidden; } .draft_description { font-size: 1em; height: 5.33333333em; line-height: 1.33333333em; margin-top: 0.66666667em; overflow: hidden; margin-bottom: 20%; } @media all and (max-width: 1204px) { .draft_description { height: 4em; } } @media all and (max-width: 479px) { .draft_description { height: 6.66666667em; } } .draft--orange .draft_container::after { background-color: #fc5221; } .draft--orange .draft_label { background-color: #fc5221; } .draft--orange .draft_label::after { background-position: 0 -1.16666667em; } .draft--pink .draft_container::after { background-color: #b9174c; } .draft--pink .draft_label { background-color: #b9174c; } .draft--pink .draft_label::after { background-position: 0 -2.11111111em; } .draft--blue .draft_container::after { background-color: #283a62; } .draft--blue .draft_label { background-color: #283a62; } .draft--blue .draft_label::after { background-position: 0 -0.22222222em; } .dropzone { position: absolute; top: 0; bottom: 0; left: 0; right: 0; min-height: 0; background-color: transparent; border: 0; } .dropzone .dz-message { display: none; } .dropzone .dz-preview { display: none; } .dropzone__select { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; } /* entries */ .entries { width: 100%; display: block; border-collapse: collapse; margin: 33px 0px 48px; } .entries_row { display: block; } .entries_item { display: block; position: relative; left: 0; top: 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #d5d6d9; padding: 22px 36px; transition: background-color 0.7s, border-bottom-color 0.7s; } .entries_item:hover { background-color: #fafdff; border-bottom-color: #00a8ff; } .entries_item:hover .entries_image:after { height: 200%; } .entries_item:hover .entries_date { color: #333333; } .entries_item:hover .entries_title { color: #00a8ff; } .entries_item:hover .entries_desc { color: #6b6b6b; } .entries_content { position: relative; left: 0; top: 0; display: table; width: 100%; height: 195px; } .entries_top { display: table-row; } .entries_bottom { display: table-row; } .entries_header { display: table-cell; vertical-align: top; } .entries_date { color: #6b6b6b; transition: color .7s; } .entries_title { color: #6b6b6b; text-transform: uppercase; transition: color .7s; font-family: "RostelecomBasis-Medium"; font-size: 13px; } .entries_desc { display: table-cell; vertical-align: bottom; line-height: 1.4; color: #333333; transition: color .7s; } .entries_image { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background: #333333; background-position: 50% 50%; background-repeat: no-repeat; } .entries_image:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, #000000 0%, transparent 100%); background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%); transition: height .7s; } .entries_image + .entries_content .entries_date { color: #fff; } .entries_image + .entries_content .entries_title { color: #fff; } .entries_image + .entries_content .entries_desc { color: #fff; } @media all and (max-width: 1204px) { .entries { display: table; } .entries_row { display: table-row; } .entries_item { display: table-cell; vertical-align: top; width: 50%; padding: 22px 77px 40px 36px; } } .filter { margin-bottom: 1.666666666666667rem; } .filter:after { clear: both; content: ""; display: block; } .filter__inner { float: right; } .filter_button { line-height: 1.666666666666667rem; text-decoration: none; margin-left: 0; } /* footer */ .footer { padding-top: 1.5rem; padding-bottom: 2em; background: #96989a; transition: opacity .7s, visivility .7s; } .footer .column { box-sizing: border-box; min-width: 320px; } .footer_content { display: table; width: 100%; border-collapse: collapse; } .footer_cell { display: table-cell; vertical-align: top; } .footer_cell-view1 { display: none; } .footer_cell-view2 { padding-right: 3em; width: 20em; text-align: left; } .footer_cell-view2 .footer_addr { line-height: 1.5; } .footer_cell-view2 .footer_ros-logo { display: none; } .footer_cell-view2 .madeIn { margin-top: 0.94444444rem; margin-bottom: 0; margin-right: -0.4em; } .footer_cell-view2 .madeIn .madeIn_text { margin-top: 0.16666667rem; margin-right: 0.22222222rem; font-size: 0.77777778rem; } .footer_cell-view3 { display: table-cell; padding-right: 1em; } .footer_cell-view3 .about_company p { margin-top: 0; font-size: 0.777778rem; color: #cdcdcd; } .footer_cell-view3 .mistake { margin: 0; } .footer_cell-view3 .mistake .mistake_keyboard { margin-top: -0.111em; /* -2/18 */ } .footer_cell-view3 .mistake .mistake_text span { color: #333333; } .footer_cell-view4 { text-align: right; } .footer_cell-view4 .social { margin-top: 0; margin-right: -0.27777778rem; } .footer_cell-view4 .social_link { width: 1.38888889rem; } .footer_cell-view4 .social_link:hover .social_item { fill: #ffffff; } .footer_cell-view4 .madeIn { margin-top: 3.33333rem; margin-bottom: 0; margin-right: -0.4em; } .footer_cell-view4 .madeIn .madeIn_text { margin-top: 3px; margin-right: 5px; } .footer_logo { display: block; margin: 0 auto .5em; font-size: 38px; margin: .1em .7em 1.6em .2em; } .footer_ros-logo { margin-top: 3.33333333rem; margin-left: auto; width: 10.27777778rem; } .footer_ros-logo-img { max-width: 100%; } .footer_addr { font-size: 16px; font-size: .889em; font-family: "RostelecomBasis-Medium"; font-style: normal; margin: 0; padding: 0; color: #ffffff; } .footer_reg { margin-top: 0; margin-bottom: .15em; font-size: 0.74em; line-height: 1.8; color: #cdcdcd; } .main-siteMap .footer { position: absolute; left: -9999px; top: -9999px; visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } @media all and (max-width: 1204px) { .footer { padding-top: 2.22222222rem; padding-bottom: 1rem; } .inner-page .footer .column { box-sizing: border-box; width: 100%; padding: 0 30px; margin: 0; } .inner-page .footer .column { box-sizing: border-box; width: 100%; padding: 0 30px; margin: 0; } .footer .column { width: 100%; padding: 0 2.22222222rem; margin: 0 auto; } .footer_cell-view1 { display: none; } .footer_cell-view2 { width: 50%; padding-right: 1em; text-align: left; } .footer_cell-view2 .footer_reg br { display: none; } .footer_cell-view2 .madeIn { margin-top: 0.55555556rem; } .footer_cell-view3 { display: none; } .footer_cell-view4 { text-align: right; } .footer_cell-view4 .social { margin-bottom: 20px; } .footer_cell-view4 .madeIn { margin-top: -4px; } .footer_ros-logo { margin-top: 2.77777778rem; } } @media all and (max-width: 759px) { .footer { padding-top: 1.94444444rem; padding-bottom: 1.38888889rem; } .footer .column { padding: 0 1.11111111rem; } .footer_cell-view2 { display: block; width: 100%; padding: 0; text-align: center; } .footer_cell-view2 .footer_reg br { display: inline; } .footer_cell-view2 .footer_ros-logo { display: block; margin-top: 1.11111111rem; margin-left: auto; margin-right: auto; } .footer_cell-view4 { display: block; } .footer_cell-view4 .footer_ros-logo { display: none; } .footer_cell .social { display: none; } .footer_cell .madeIn { text-align: center; margin-top: 0.77777778rem; margin-right: 0; } } /* Форма списком */ .formList { display: none; } .formList #form-name { font: normal 13px/1.333; font-family: "RostelecomBasis"; } .formList #form-company { font: normal 13px/1.333; font-family: "RostelecomBasis"; } .formList #form-email { font: normal 13px/1.333; font-family: "RostelecomBasis"; border-radius: 0 !important; } .formList_title { display: block; margin: 0 0 -1px; padding: .8em 1.8em; font-family: "RostelecomBasis-Medium"; font-size: 15px; font-size: .833em; letter-spacing: -0.01em; text-align: left; color: #101828; border: 1px solid #d5d6d9; border-bottom: 2px solid #7700ff; } @media all and (min-width: 1205px) { .formList { display: block; position: relative; left: 0; top: 0; margin: 2.8em 0; } .formList_item { padding-left: 2.5em; width: 100%; margin-bottom: -1px; } :focus + .formList_item { border-top-color: #93989f; } .formList_item-btn { padding-right: 140px; } .formList_btn { position: absolute; bottom: 10px; right: 15px; left: auto; top: auto; } } .invalid + .formList_item { border-top-color: #ff4f12; } .formList_item:focus { border-color: #93989f; } .formList_item:focus + .formList_item:focus { border-top-color: #93989f; } .formList_item.invalid:focus { border-color: #ff4f12; } label[for="form-name"], label[for="form-company"], label[for="form-email"] { display: block; height: 16px; position: absolute; left: 9px; width: 17px; } label[for="form-name"] { background: url("/img/podpiska-face.png") no-repeat center center; top: 4.6em; } label[for="form-company"] { background: url("/img/podpiska-home.png") no-repeat center center; top: 7.55em; } label[for="form-email"] { background: url("/img/podpiska-mail.png") no-repeat center center; top: 10.57em; } .formList-box label[for="form-email"] { top: 3.65em; } .formList-box .popup { top: 118px; width: 100%; max-width: 100%; z-index: 11; } @media screen and (max-width: 1206px) { .formList-box { max-width: 100%; } .formList-box .formList { display: block; position: relative; left: 0; top: 0; margin: 2.8em 0; } .formList-box .formList_item { padding-left: 2.2em; width: 100%; margin-bottom: -1px; } :focus + .formList-box .formList_item { border-top-color: #7700ff; } .formList-box .formList_item-btn { padding-right: 140px; } .formList-box .formList_btn { position: absolute; bottom: 11px; right: 15px; left: auto; top: auto; } } @media screen and (min-width: 1100px) { .formList-box { margin: 0 auto; max-width: 60%; } } @media screen and (min-width: 481px) and (max-width: 759px) { .formList-box .formList_btn { font-size: .722em; line-height: 1.846em; padding: .231em; } } @media screen and (max-width: 480px) { .formList-box .formList_item-btn { padding-right: 105px; } .formList-box .formList_btn { font-size: .622em; bottom: 15px; right: 12px; } .formList-box label[for="form-email"] { display: none; } } .gallery { position: relative; margin: 40px 0; min-height: 164px; } .gallery ul > li { left: auto; top: auto; position: relative; margin: 0; padding: 0; } .gallery ul > li:before { display: none; } .gallery .lSPager { transition: opacity .3s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .gallery .lSPager.is-visible { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .gallery .lSSlideWrapper { margin: 0 50px; } .gallery .lSSlideWrapper.no-controls { margin: 0 100px 0 0; } .gallery .lSSlideWrapper.no-controls .gallery_slide:last-child { margin-right: 0 !important; } .gallery .lSSlideOuter .lSPager.lSpg { padding-top: 10px; } .gallery .lSSlideOuter .lSPager.lSpg > li.active a, .gallery .lSSlideOuter .lSPager.lSpg > li:hover a { background-color: #ff4f12; } .gallery .lSSlideOuter .lSPager.lSpg > li a { font-size: 0; background-color: #333947; border-bottom: 0; } .gallery_slider { position: relative; z-index: 1; transition: opacity .3s; } .gallery_slide { position: relative; width: auto; cursor: pointer; } .gallery_slide img { display: block; height: 204px; width: auto !important; } .gallery_slide:last-child { margin-right: 0 !important; } .gallery_slide::after { content: ''; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 5px; background-color: transparent; transition: background-color 0.1s linear; z-index: 1; } .gallery_slide:hover::after { background-color: #ff4f12; } .gallery_controls { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 0; } .gallery_btn { display: block; position: absolute; top: 0; width: 32px; height: 204px; border: 1px solid #eaeaea; margin: 0; transition: background-color 0.2s linear; } .gallery_btn:hover { background-color: #ff4f12; } .gallery_btn:focus { border: 1px solid #eaeaea; } .gallery_btn--prev { left: 0; background: #7b939b url(/img/symbols/slider-arrow-prev.png) 50% 50% no-repeat; } .gallery_btn--next { right: 0; background: #7b939b url(/img/symbols/slider-arrow-next.png) 50% 50% no-repeat; } .gallery-popup { width: 60%; padding: 0; margin-top: 20px; margin-bottom: 20px; background: white; } @media all and (max-width: 989px) { .gallery-popup { width: 546px; margin-bottom: 20px; } } @media all and (max-width: 759px) { .gallery-popup { width: 100%; margin-bottom: 20px; } } .gallery-popup .modal_close { right: -144px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; border-bottom: 0; transition: opacity .3s; } .gallery-popup .modal_close:hover { color: #ff4f12; } .gallery-popup .modal_close.is-visible { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } @media all and (max-width: 989px) { .gallery-popup .modal_close { right: -100px; top: -30px; } } @media all and (max-width: 759px) { .gallery-popup .modal_close { right: 0px; top: -30px; } } .gallery-popup ul > li { left: auto; top: auto; position: relative; margin: 0; padding: 0; } .gallery-popup ul > li:before { display: none; } .gallery-popup .lSPager { transition: opacity .3s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .gallery-popup .lSPager.is-visible { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .gallery-popup .lSSlideOuter .lSPager.lSpg { padding-top: 5px; line-height: 0; padding-bottom: 10px; } .gallery-popup .lSSlideOuter .lSPager.lSpg > li.active a, .gallery-popup .lSSlideOuter .lSPager.lSpg > li:hover a { background-color: #ff4f12; } .gallery-popup .lSSlideOuter .lSPager.lSpg > li a { background-color: #787878; border-bottom: 0; } .gallery-popup_body { padding-top: 28px; } @media all and (max-width: 759px) { .gallery-popup_body { width: 100%; } } .gallery-popup_slider { position: relative; height: 100%; width: 100%; padding-bottom: 0 !important; margin: 0; z-index: 1; transition: opacity .3s; } .gallery-popup_slide { float: left; background: transparent; } .gallery-popup_slide div { display: block; margin: 0 auto; width: 100%; height: 0; padding-bottom: 100%; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; } .gallery-popup_slide img { display: block; max-height: 641px; margin: 0 auto; } @media all and (max-height: 720px) { .gallery-popup_slide img { max-height: 400px; } } @media all and (max-width: 759px) { .gallery-popup_slide img { max-width: 100%; max-height: 480px; } } .gallery-popup_controls { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; transition: opacity .3s; } @media all and (max-width: 759px) { .gallery-popup_controls { display: none; } } .gallery-popup_btn { position: absolute; top: 0; bottom: 0; display: block; width: 110px; background: #000000; background: rgba(0, 0, 0, 0.2); border-bottom: 0; text-align: center; } .gallery-popup_btn:hover { background: #000000; background: rgba(0, 0, 0, 0.2); } .gallery-popup_btn:hover .gallery-popup_btn-icon { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .gallery-popup_btn .gallery-popup_btn-icon { position: absolute; top: 50%; left: 50%; display: block; height: 40px; width: 22px; margin-left: -11px; margin-top: -20px; opacity: .3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); transition: opacity .7s; } .gallery-popup_btn--prev { left: -110px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .gallery-popup_btn--prev .gallery-popup_btn-icon { background: url(/img/symbols/slider-big-arrow-left.png) 50% 50% no-repeat; } .gallery-popup_btn--next { right: -110px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .gallery-popup_btn--next .gallery-popup_btn-icon { background: url(/img/symbols/slider-big-arrow-right.png) 50% 50% no-repeat; } .photo-page-main .gallery, .photo-page-section .gallery, .news-detail .gallery { margin: 30px 0; } .photo-page-main .gallery_slide, .photo-page-section .gallery_slide, .news-detail .gallery_slide { width: auto; cursor: pointer; } .photo-page-main .gallery_slide img, .photo-page-section .gallery_slide img, .news-detail .gallery_slide img { display: block; height: 164px; width: auto !important; } .photo-page-main .gallery_btn, .photo-page-section .gallery_btn, .news-detail .gallery_btn { height: 164px; } /* header */ .header { transition: opacity .7s, visivility .7s; min-width: 320px; } .header_content { position: relative; display: table; width: 100%; border-collapse: collapse; } .header_left { vertical-align: middle; display: table-cell; } .header_right { vertical-align: middle; display: table-cell; text-align: right; } #bx-panel ~ .main_frame .header_right > div:not(.search) { display: inline-block; } .header_btn { vertical-align: middle; display: none; } .header_sep { display: inline-block; vertical-align: middle; width: 1px; height: 1.555555555555556em; margin: 0 1.25em; background-color: #c0c0c0; } .header_sep-search { visibility: hidden; margin-left: 1.444444444444444em; margin-right: 1.444444444444444em; margin-top: .3333333333333333em; } .header_sep-logo { display: none; } .header_logo-box { display: inline-block; } .header_slogan { font-size: 14px; font-size: .778em; display: inline-block; letter-spacing: -0.0107143em; margin-left: 1em; margin-top: -0.07142857em; max-width: 15.714286em; vertical-align: middle; } @media all and (max-width: 1204px) { .header_slogan { display: none; } } .header_search { vertical-align: middle; } @media all and (max-width: 1204px) { .header_search-form { display: none !important; } } @media all and (max-width: 1204px) { .header_search-toggle { display: none !important; } } .header-bottom { display: none; transition: opacity .7s, visivility .7s; background-color: #96989a; } .header-bottom .header_logo { display: none; } .header-bottom .lang_item:hover { color: #ffffff; } .header-bottom .lang_item.g-active { color: #6b6b6b; background: #ffffff; border-color: #ffffff; } .header-top { max-height: 100px; } .main-siteMap .header-top { position: relative; left: 0; top: 0; visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } #bx-panel ~ .main_frame .header-top { max-height: none; } @media all and (max-width: 759px) { .header-top .lang { display: none; } } .main-siteMap .header { position: absolute; left: -9999px; top: -9999px; visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .inner-page .header-top .column { box-sizing: border-box; max-width: 1205px; width: 100%; padding: 0; margin: 0 auto; } @media all and (min-width: 1205px) { .header_sep-logo { display: none; } .header_sep-search { visibility: visible; } } @media all and (max-width: 1204px) { .inner-page .header { border-bottom: 1px solid #eaeaea; } .inner-page .header-top .column { box-sizing: border-box; width: 100%; padding: 0 30px; margin: 0; } .inner-page .header-bottom .column { box-sizing: border-box; width: 100%; padding: 0 30px; margin: 0; } .header-top .column { box-sizing: border-box; width: 100%; padding: 0 42px; margin: 0 auto; } .main-siteMap .header-top { position: absolute; left: -9999px; top: -9999px; visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .header-bottom { display: block; padding: 1.94444444rem 0; } .header-bottom .column { box-sizing: border-box; width: 100%; padding: 0 2.22222222rem; margin: 0 auto; } .header-bottom .search_field { height: 40px; padding: 0 50px 0 20px; } .header-bottom .search_button { top: 13px; } .header-bottom .regions .select_dropdown { top: auto; bottom: 1.22222rem; } .header-bottom .lang { margin-top: 0; } .header_sep { display: none; margin: 0 0.55em; } .header_sep-search { margin: 0 0.5em; } .header_sep-logo { display: inline-block; visibility: hidden; } .header_btn { display: inline-block; fill: #ffffff; height: 1.38888889rem; width: 1.66666667rem; text-decoration: none; border-bottom: none; } .header_mm-toggler { border-bottom: none; } } @media all and (max-width: 989px) { .header_sep { margin: 0 0.444em; /* 8/18 */ } } @media all and (max-width: 759px) { .header-top { max-height: 75px; } .header-top .column { padding: 0 1.11111111rem; } .inner-page .header-top .column { padding: 0 20px; } .header_sep { margin: 0 0.444em; /* 8/18 */ } .header_sep-search { margin: 0 0.333em; /* 6/18 */ } .header-bottom { padding: 0; } .header-bottom .column { padding: 0 1.11111111rem; } .header-bottom .header_content { min-height: 3.05555556rem; } .header-bottom .lang { display: inline-block; } .header-bottom .lang_item { color: #fff; } .header-bottom .header_sep { margin: 0 6px; } .header-bottom .search { top: 1rem; } .header_btn { height: 0.88888889rem; width: 1.66666667rem; } } @media all and (max-width: 359px) { .inner-page .header-top .column { padding: 0 15px 0 10px; } .header_sep { margin: 0 2px; } .header_sep-search { margin: 0 1px; } } ul.history-year { margin-left: -10px; overflow: hidden; } .history-year .item_list_ent { float: left; margin: 10px; text-transform: uppercase; } .history-year .item_list_ent:before { display: none; } .history-year .item_list_ent a { border: 1px solid #333333; border: 1px solid rgba(51, 51, 51, 0.6); border-radius: 3px; color: #333333; color: rgba(51, 51, 51, 0.6); display: block; font-family: "RostelecomBasis-Medium"; font-size: 13px; line-height: 18px; padding: 0.53846154em 5px 0.38461538em; text-align: center; transition: all .2s ease 0s; text-decoration: none; } .history-year .item_list_ent a:hover { border-color: #ff4f12; color: #ff4f12; } .history-year .item_list_ent.current a { background: #ff4f12 !important; border-color: #ff4f12; } /* сетка на домашней странице */ .home { width: 100%; margin-bottom: 50px; margin-top: -200px; position: relative; z-index: 5; transition: margin 0.6s ease-out; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; /* Дополнительные правила для скейла шрифтов главной страницы при адаптивности */ /* @m1204: ~"all and (max-width: 1203px)"; @m1060: ~"all and (max-width: 1059px)"; @m990: ~"all and (max-width: 989px)"; @m940: ~"all and (max-width: 939px)"; @m880: ~"all and (max-width: 879px)"; @m825: ~"all and (max-width: 824px)"; @m760: ~"all and (max-width: 759px)"; @m680: ~"all and (max-width: 679px)"; @m560: ~"all and (max-width: 559px)"; @m480: ~"all and (max-width: 479px)"; @m420: ~"all and (max-width: 419px)"; @m350: ~"all and (max-width: 349px)"; */ } .home_height { padding-top: 225%; } .home.animated { margin-top: -610px; } .home.cssanimated { transform: translate3d(0, 0, 0); } @media all and (max-width: 1204px) { .home { margin-top: -100px; margin-bottom: 20px; } .home_height { padding-top: 225%; } .home.animated { margin-top: -500px; } } @media all and (max-width: 989px) { .home { margin-top: -50px; margin-bottom: 0; } .home_height { padding-top: 400%; } .home.animated { margin-top: -330px; } } @media all and (max-width: 759px) { .home { margin-top: -60px; margin-bottom: 0; } .home_height { padding-top: 850%; } .home.animated { margin-top: -220px; } } @media all and (max-width: 1203px) { .home { font-size: 100%; } } @media all and (max-width: 1059px) { .home { font-size: 100%; } } @media all and (max-width: 989px) { .home { font-size: 120%; } } @media all and (max-width: 879px) { .home { font-size: 110%; } } @media all and (max-width: 824px) { .home { font-size: 100%; } } @media all and (max-width: 759px) { .home { font-size: 130%; } } @media all and (max-width: 679px) { .home { font-size: 130%; } } @media all and (max-width: 619px) { .home { font-size: 126%; } } @media all and (max-width: 559px) { .home { font-size: 124%; } } @media all and (max-width: 479px) { .home { font-size: 114%; } } @media all and (max-width: 419px) { .home { font-size: 106%; } } @media all and (max-width: 359px) { .home { font-size: 100%; } } /* Вид блока на главной странице */ .homeBook { border-bottom: 0; color: #fff; /* Дополнительные правила для скейла шрифтов главной страницы при адаптивности */ /* @m1204: ~"all and (max-width: 1203px)"; @m1060: ~"all and (max-width: 1059px)"; @m990: ~"all and (max-width: 989px)"; @m940: ~"all and (max-width: 939px)"; @m880: ~"all and (max-width: 879px)"; @m825: ~"all and (max-width: 824px)"; @m760: ~"all and (max-width: 759px)"; @m680: ~"all and (max-width: 679px)"; @m560: ~"all and (max-width: 559px)"; @m480: ~"all and (max-width: 479px)"; @m420: ~"all and (max-width: 419px)"; @m350: ~"all and (max-width: 349px)"; */ } .homeBook_title { font-size: 26px; font-size: 1.444em; font-family: "RostelecomBasis-Bold"; line-height: 1.1; font-weight: normal; margin: 0 0 0.556em; /* 10/18 */ color: white; transition: color 0.5s ease 0s; } .homeBook_desc { font-size: 0.88888889rem; font-family: "RostelecomBasis-Medium"; margin: 0.556em 0 0.16666667rem; /* 10/18, 38/18 */ max-height: 7.384em; /* 96/13 */ line-height: 1.5; opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .homeBook_btn { margin-top: 0.556em; /* 10/18 */ margin-bottom: 0.556em; /* 10/18 */ background: #ff4f12; border: none; min-width: 3.11111111rem; line-height: 1.6; font-size: 1.27777778rem; transition: background-color 0.2s; } .homeBook_btn:hover { border: none; } .homeBook_btn .symbolBtn_icon.symbol-next { font-size: 1.11111111rem; } .homeBook_image { max-width: none; display: block; position: absolute; left: 0; bottom: 0; padding: 2.11em; height: auto; width: 100%; box-sizing: border-box; } .homeBook:hover { color: #fff; } .homeBook:hover .homeBook_title, .homeBook:hover .homeBook_desc { color: #ffffff; color: rgba(255, 255, 255, 0.85); } .homeBook:hover .homeBook_btn { background-color: #ff8218; } .homeBook-view1 { background-color: #7b929b; } .homeBook-view1 .homeBook_image { width: auto; padding: 0; left: 60%; bottom: 0; height: 58%; } .homeBook-view2 { background: #7b929b; color: #313948; } .homeBook-view2 .homeBook_title { color: #313948; } .homeBook-view2:hover { color: #313948; } .homeBook-view2:hover .homeBook_title, .homeBook-view2:hover .homeBook_desc { color: #313948; color: rgba(49, 57, 72, 0.85); } .homeBook-view3 { background: #c4c4c4; color: #ffffff; } .homeBook-view3 .homeBook_title, .homeBook-view3 .homeBook_desc { color: #ffffff; } .homeBook-view3:hover .homeBook_title, .homeBook-view3:hover .homeBook_desc { color: #ffffff; color: rgba(255, 255, 255, 0.85); } @media all and (min-width: 1205px) { .homeBook-view1 .homeBook_image { left: 24%; } } @media all and (max-width: 1204px) { .homeBook_title { font-size: 1.44444444rem; } .homeBook_desc { font-size: 0.88888889rem; } .homeBook_image { padding: 1.556em; } .homeBook-view1 .homeBook_image { left: 24%; } } @media all and (max-width: 989px) { .homeBook_image { padding: 1.111em; } } @media all and (max-width: 759px) { .homeBook_image { padding: 1em 0.556em; } .homeBook_title { font-size: 0.778em; /* 14/18 */ margin-bottom: 0.333em; /* 6/18 */ } .homeBook_desc { line-height: 1.2; font-size: 0.556em; /* 10/18 */ margin-bottom: 0.556em; /* 10/18 */ } .homeBook_desc br { display: none; } } @media all and (max-width: 1203px) { .homeBook .homeBox_content { font-size: 100%; } } @media all and (max-width: 1059px) { .homeBook .homeBox_content { font-size: 100%; } } @media all and (max-width: 989px) { .homeBook .homeBox_content { font-size: 100%; } } @media all and (max-width: 879px) { .homeBook .homeBox_content { font-size: 100%; } } @media all and (max-width: 824px) { .homeBook .homeBox_content { font-size: 100%; } } @media all and (max-width: 759px) { .homeBook .homeBox_content { font-size: 130%; } } @media all and (max-width: 679px) { .homeBook .homeBox_content { font-size: 120%; } } @media all and (max-width: 619px) { .homeBook .homeBox_content { font-size: 105%; } .homeBook_btn { min-width: 2.5rem; line-height: 1.6; font-size: 0.88888889rem; } .homeBook_btn .symbolBtn_icon.symbol-next { font-size: 0.83333333rem; } } @media all and (max-width: 559px) { .homeBook .homeBox_content { font-size: 116%; } } @media all and (max-width: 479px) { .homeBook .homeBox_content { font-size: 115%; } } @media all and (max-width: 419px) { .homeBook .homeBox_content { font-size: 110%; } .homeBook_btn { min-width: 2.22222222rem; line-height: 1.6; font-size: 0.77777778rem; } .homeBook_btn .symbolBtn_icon.symbol-next { font-size: 0.72222222rem; } } @media all and (max-width: 359px) { .homeBook .homeBox_content { font-size: 100%; } } /* блок на домашней странице */ .homeBox { border-bottom: 0; position: absolute; overflow: hidden; /**/ /**/ } .homeBox a { border-bottom: 0; } .homeBox_frame { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 1.66666667rem 1.66666667rem 2.22222222rem 1.66666667rem; } .homeBox_content { position: relative; left: 0; top: 0; height: 100%; overflow: hidden; } .homeBox_detail-link { display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 2; } .homeBox_height { position: relative; } .homeBox-sqLarge { width: 50%; } .homeBox-sqLarge .homeBox_height { padding-top: 100%; } .homeBox-sq { width: 25%; } .homeBox-sq .homeBox_height { padding-top: 100%; } .homeBox-rectVert { width: 25%; } .homeBox-rectVert .homeBox_height { padding-top: 200%; } .homeBox-rectHor { width: 50%; } .homeBox-rectHor .homeBox_height { padding-top: 50%; } .homeBox-newsFront { margin-top: 0; margin-left: 0; } .homeBox-vacancies { margin-top: 50%; margin-left: 0%; } .homeBox-twitter { margin-top: 0; margin-left: 50%; } .homeBox-twitter .homeBox_frame { padding: 1.666666666666667em 1.277777777777778em 1.444444444444444em 1.277777777777778em; } .homeBox-news { margin-top: 0%; margin-left: 75%; } .homeBox-report { margin-top: 25%; margin-left: 50%; } .homeBox-about { margin-top: 50%; margin-left: 75%; } .homeBox-twardowski { margin-top: 100%; margin-left: 25%; } .homeBox-result { margin-top: 100%; margin-left: 0%; } .homeBox-newsIR { margin-top: 125%; margin-left: 0%; } .homeBox-newsMacroCover { margin-top: 75%; margin-left: 25%; } .homeBox-flickr { margin-top: 150%; margin-left: 0%; width: 25%; } .homeBox-flickr .homeBox_height { padding-top: 100%; } .homeBox-pro { margin-top: 100%; margin-left: 50%; } .homeBox-newsMacro { margin-top: 75%; margin-left: 75%; width: 25%; } .homeBox-newsMacro .homeBox_height { padding-top: 200%; } .homeBox-strategy { margin-top: 125%; margin-left: 75%; } .homeBox-rating { margin-top: 75%; margin-left: 0%; width: 25%; } .homeBox-rating .homeBox_height { padding-top: 100%; } .homeBox-realEstate { margin-top: 175%; margin-left: 0%; } .homeBox-quotes { margin-top: 200%; margin-left: 0%; } .homeBox-newsSocialCover { margin-top: 150%; margin-left: 25%; } .homeBox-ege { margin-top: 175%; margin-left: 25%; } .homeBox-infographics { margin-top: 175%; margin-left: 50%; } .homeBox-newsProjects { margin-top: 150%; margin-left: 75%; width: 25%; } .homeBox-newsProjects .homeBox_height { padding-top: 200%; } .homeBox-history { margin-top: 200%; margin-left: 75%; } @media all and (max-width: 1204px) { .homeBox_frame { padding: 1.556em 1.556em; /* 28/18, 28/18 */ } } @media all and (max-width: 989px) { .homeBox { /**/ /**/ } .homeBox_frame { padding: 1.111em 1.111em; /* 20/18, 20/18 */ } .homeBox-sqLarge { width: 66.66%; } .homeBox-sqLarge .homeBox_height { padding-top: 100%; } .homeBox-sq { width: 33.33%; } .homeBox-sq .homeBox_height { padding-top: 100%; } .homeBox-rectVert { width: 33.33%; } .homeBox-rectVert .homeBox_height { padding-top: 200%; } .homeBox-rectHor { width: 66.66%; } .homeBox-rectHor .homeBox_height { padding-top: 50%; } .homeBox-newsFront { margin-top: 0; margin-left: 0; } .homeBox-vacancies { margin-top: 100%; margin-left: 33.33%; } .homeBox-twitter { margin-top: 0; margin-left: 66.66%; } .homeBox-news { margin-top: 33.33%; margin-left: 66.66%; } .homeBox-report { margin-top: 66.66%; margin-left: 0%; } .homeBox-about { margin-top: 66.66%; margin-left: 33.33%; } .homeBox-rating { margin-top: 133.33%; margin-left: 0%; width: 33.33%; } .homeBox-rating .homeBox_height { padding-top: 100%; } .homeBox-result { margin-top: 133.33%; margin-left: 33.33%; } .homeBox-newsIR { margin-top: 233.33%; margin-left: 0%; } .homeBox-newsMacroCover { margin-top: 166.66%; margin-left: 0%; } .homeBox-twardowski { margin-top: 200%; margin-left: 0%; } .homeBox-pro { margin-top: 200%; margin-left: 66.66%; } .homeBox-newsMacro { margin-top: 133.33%; margin-left: 66.66%; width: 33.33%; } .homeBox-newsMacro .homeBox_height { padding-top: 200%; } .homeBox-strategy { margin-top: 200%; margin-left: 33.33%; } .homeBox-flickr { margin-top: 266.66%; margin-left: 0%; width: 33.33%; } .homeBox-flickr .homeBox_height { padding-top: 100%; } .homeBox-realEstate { margin-top: 300%; margin-left: 33.33%; } .homeBox-quotes { margin-top: 366.66%; margin-left: 0%; } .homeBox-newsSocialCover { margin-top: 266.66%; margin-left: 33.33%; } .homeBox-ege { margin-top: 333.33%; margin-left: 33.33%; } .homeBox-infographics { margin-top: 300%; margin-left: 66.66%; } .homeBox-newsProjects { margin-top: 300%; margin-left: 0%; width: 33.33%; } .homeBox-newsProjects .homeBox_height { padding-top: 200%; } .homeBox-history { margin-top: 366.66%; margin-left: 66.66%; } } @media all and (max-width: 759px) { .homeBox { /* top: 300 */ /* top 550 */ } .homeBox_frame { padding: 1em 0.556em; /* 18/18, 10/18 */ } .homeBox-sqLarge { width: 100%; } .homeBox-sqLarge .homeBox_height { padding-top: 100%; } .homeBox-sq { width: 50%; } .homeBox-sq .homeBox_height { padding-top: 100%; } .homeBox-rectVert { width: 50%; } .homeBox-rectVert .homeBox_height { padding-top: 200%; } .homeBox-rectHor { width: 100%; } .homeBox-rectHor .homeBox_height { padding-top: 50%; } .homeBox-newsFront { margin-top: 0; margin-left: 0; } .homeBox-vacancies { margin-top: 250%; margin-left: 0%; } .homeBox-twitter { margin-top: 100%; margin-left: 0%; } .homeBox-report { margin-top: 150%; margin-left: 0%; } .homeBox-news { margin-top: 100%; margin-left: 50%; } .homeBox-about { margin-top: 200%; margin-left: 50%; } .homeBox-rating { margin-top: 300%; margin-left: 0%; width: 50%; } .homeBox-rating .homeBox_height { padding-top: 100%; } .homeBox-result { margin-top: 350%; margin-left: 0%; } .homeBox-newsIR { margin-top: 500%; margin-left: 0%; } .homeBox-newsMacroCover { margin-top: 300%; margin-left: 50%; width: 50%; } .homeBox-newsMacroCover .homeBox_height { padding-top: 100%; } .homeBox-twardowski { margin-top: 350%; margin-left: 50%; } .homeBox-pro { margin-top: 400%; margin-left: 0%; } .homeBox-newsMacro { margin-top: 400%; margin-left: 50%; width: 50%; } .homeBox-newsMacro .homeBox_height { padding-top: 100%; } .homeBox-strategy { margin-top: 450%; margin-left: 50%; } .homeBox-flickr { margin-top: 550%; margin-left: 0%; width: 50%; } .homeBox-flickr .homeBox_height { padding-top: 100%; } .homeBox-realEstate { margin-top: 600%; margin-left: 0%; } .homeBox-quotes { margin-top: 750%; margin-left: 0%; } .homeBox-quotes .homeBox_height { padding-top: 100%; } .homeBox-newsSocialCover { margin-top: 550%; margin-left: 50%; width: 50%; } .homeBox-newsSocialCover .homeBox_height { padding-top: 100%; } .homeBox-ege { margin-top: 600%; margin-left: 50%; } .homeBox-infographics { margin-top: 650%; margin-left: 0%; } .homeBox-newsProjects { margin-top: 650%; margin-left: 50%; width: 50%; } .homeBox-newsProjects .homeBox_height { padding-top: 100%; } .homeBox-history { margin-top: 700%; margin-left: 50%; } } .homeBox-flickr, .flickr-popup { background: #101828; } @media all and (max-width: 759px) { .homeBox-flickr .homeBox_frame, .flickr-popup .homeBox_frame { padding: 10px 10px; } } .homeBox-flickr .flickr_slider, .flickr-popup .flickr_slider { box-sizing: border-box; height: 100%; width: 100%; padding-bottom: 20%; overflow: hidden; border-radius: 15px; } .homeBox-flickr .flickr_slide-height, .flickr-popup .flickr_slide-height { padding-bottom: 70%; } .homeBox-flickr .flickr_slide, .flickr-popup .flickr_slide { position: relative; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .homeBox-flickr .flicker_slider-bottom, .flickr-popup .flicker_slider-bottom { display: block; position: absolute; bottom: 0; left: 0; height: 27%; width: 100%; background: white; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; z-index: 1; } @media all and (max-width: 759px) { .homeBox-flickr .flicker_slider-bottom, .flickr-popup .flicker_slider-bottom { height: 33%; } } @media all and (max-width: 759px) { .homeBox-flickr .flicker_slider-bottom .flickr_logo, .flickr-popup .flicker_slider-bottom .flickr_logo { right: 4%; width: 16%; } } .homeBox-flickr .flicker_slider-bottom.owl-carousel.owl-theme .owl-nav.disabled + .owl-dots, .flickr-popup .flicker_slider-bottom.owl-carousel.owl-theme .owl-nav.disabled + .owl-dots { bottom: auto; top: 50%; margin-top: -9px; width: auto; left: 8%; line-height: 0; } @media all and (max-width: 1204px) { .homeBox-flickr .flicker_slider-bottom.owl-carousel.owl-theme .owl-nav.disabled + .owl-dots, .flickr-popup .flicker_slider-bottom.owl-carousel.owl-theme .owl-nav.disabled + .owl-dots { left: 2%; } } @media all and (max-width: 759px) { .homeBox-flickr .flicker_slider-bottom.owl-carousel.owl-theme .owl-nav.disabled + .owl-dots, .flickr-popup .flicker_slider-bottom.owl-carousel.owl-theme .owl-nav.disabled + .owl-dots { left: 2%; width: 98%; padding-right: 24%; box-sizing: border-box; } .homeBox-flickr .flicker_slider-bottom.owl-carousel.owl-theme .owl-nav.disabled + .owl-dots .owl-dot, .flickr-popup .flicker_slider-bottom.owl-carousel.owl-theme .owl-nav.disabled + .owl-dots .owl-dot { width: 20%; } .homeBox-flickr .flicker_slider-bottom.owl-carousel.owl-theme .owl-nav.disabled + .owl-dots span, .flickr-popup .flicker_slider-bottom.owl-carousel.owl-theme .owl-nav.disabled + .owl-dots span { margin: 5px auto; } .homeBox-flickr .flicker_slider-bottom.owl-carousel.owl-theme .owl-nav.disabled + .owl-dots .owl-timer.pointTimer, .flickr-popup .flicker_slider-bottom.owl-carousel.owl-theme .owl-nav.disabled + .owl-dots .owl-timer.pointTimer { margin: 3px auto; } } .homeBox-flickr .flickr_logo, .flickr-popup .flickr_logo { display: block; position: absolute; right: 8%; top: 50%; width: 17.777%; transform: translateY(-50%); } .homeBox-flickr .owl-carousel.owl-theme .owl-dots .owl-dot.active span, .flickr-popup .owl-carousel.owl-theme .owl-dots .owl-dot.active span { background: white; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .homeBox-flickr .owl-carousel.owl-theme .owl-dots .owl-dot span, .flickr-popup .owl-carousel.owl-theme .owl-dots .owl-dot span { background: #010101; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .homeBox-flickr .owl-timer i.pointTimer_point, .flickr-popup .owl-timer i.pointTimer_point { background: #ff4f12; } .flickr-popup { display: none; height: 641px; width: 641px; padding: 0; margin-top: 20px; margin-bottom: 70px; background: #fff; } @media all and (max-width: 759px) { .flickr-popup { width: 100%; height: 0; padding-bottom: 100%; } .flickr-popup .modal_close { right: 0; top: -30px; } } .flickr-popup_body { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: opacity 1s; } .flickr-popup_slider { height: 100%; width: 100%; border-radius: 5px; } @media all and (max-width: 759px) { .flickr-popup_slider { position: absolute; } } .flickr-popup_slider.owl-carousel.owl-hidden { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } @media all and (max-width: 759px) { .flickr-popup_slider .owl-nav { display: none !important; } } .flickr-popup_slider.owl-carousel.owl-theme .owl-nav + .owl-dots { position: absolute; bottom: -50px; width: 100%; margin-top: 0; margin-bottom: 0; } .flickr-popup_slider.owl-carousel.owl-theme .owl-dots .owl-dot span { background: #00a8ff; opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; } .flickr-popup_slider.owl-carousel.owl-theme .owl-dots .owl-dot.active span { background: #00a8ff; } .flickr-popup_slide { height: 641px; width: 100%; margin: 0 auto; background-size: contain; background-repeat: no-repeat; background-position: center; float: none; border-radius: 5px; } @media all and (max-width: 759px) { .flickr-popup_slide { width: 100%; height: 0; padding-bottom: 100%; } } .flickr_tooltip { display: none; box-sizing: border-box; z-index: 3; background: white; max-width: 200px; padding: 5px; } .flickr_tooltip .ui-tooltip-content { font-size: 11px; width: auto; } /* Главный блок на главной */ .homeFront { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; color: #fff; /*@media @m620 { .homeBox_content { font-size: 91%; } }*/ } .csstransitions .homeFront:hover .homeFront_cover { transform: scale(1); -ms-transform: scale(1); transition: transform 0.5s 0.1s ease-in; } .homeFront .homeBox_frame { padding: 1.66666667em 1.66666667em 2.22222222em 1.66666667em; } .homeFront_cover { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; } .csstransitions .homeFront_cover { transform: scale(1.05); -ms-transform: scale(1.05); transition: transform 0.5s ease-out; } .no-csstransitions .homeFront_cover { transform: scale(1.06); -ms-transform: matrix(1.06, 0, 0, 1.06, 0, 0); } .homeFront_mask { content: ""; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: black; z-index: 1; opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .homeFront_date { background-color: #ff4f12; position: relative; float: left; display: inline-block; max-width: 48%; margin-right: 2%; padding: 0.27777778em 0.44444444em 0.05555556em; z-index: 3; font-size: 18px; font-weight: bold; } .homeFront_date .date_d { line-height: 1; font-size: 2em; } .homeFront_date .date_m { line-height: 1; font-size: 1em; margin-left: 0.38888889rem; margin-top: 0; } .homeFront_btn { margin-bottom: 40px; font-size: 0.88888889rem; z-index: 3; float: right; background-color: #ff4f12; color: #fff; position: relative; display: inline-block; border-radius: 0; border-top-right-radius: 3px; box-sizing: border-box; line-height: 1em; text-decoration: none; transition: background-color 0.2s; font-weight: bold; padding: 0.38888889rem 0.38888889rem 0.27777778rem; } .homeFront_btn:hover { background-color: #ffffff; } .homeFront_btn:before { background: url("/img/fold_grey.svg") 50% 50% no-repeat; background-size: cover; content: ""; display: block; height: 10px; position: absolute; right: 0; top: 100%; width: 17px; z-index: -1; } .homeFront_desc { position: absolute; left: 0; bottom: 0; font-size: 24px; font-size: 1.333em; max-height: 8.4em; overflow: hidden; font-weight: bold; line-height: 1.5; text-align: left; text-shadow: 0 0 5px rgba(0, 0, 0, 0.4); } @media all and (max-width: 1204px) { .homeFront_desc { position: absolute; left: 0; bottom: 0; font-size: 1em; line-height: 1.4; } } @media all and (max-width: 989px) { .homeFront .homeBox_frame { padding-bottom: 1.66666667rem; } .homeFront_desc { /*font-size: 0.8888888888888888em; !* 16/18 *!*/ } } @media all and (max-width: 759px) { .homeFront .homeBox_frame { padding: 1.11111111rem 1.11111111rem 1.38888889rem 1.11111111rem; } .homeFront_btn { /*min-height: 30px; padding: 6px 8px; .med; font-weight: normal; font-size: 0.722em; line-height: 1.333;*/ float: none; font-size: 0.77777778rem; margin-bottom: 0.83333333rem; } .homeFront_desc { font-size: 0.88888889rem; } .homeFront .date { margin-right: 80%; margin-bottom: 0.11111111rem; padding-top: 0.22222222em; padding-bottom: 0.11111111em; line-height: 1; } .homeFront .date_d { display: inline-block; vertical-align: top; font-size: 1rem; } .homeFront .date_sep { display: inline-block; vertical-align: top; margin: 0.455em 0 0 -0.182em; /* 10/22, -4/22 */ } .homeFront .date_m { display: inline-block; vertical-align: top; margin: 0 0 0 0.22222222rem; font-size: 0.77777778rem; margin-left: 0.22222222rem; } } /* Вид блока на главной странице */ .homeImageLink { border-bottom: 0; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .homeImageLink .homeBox_frame { padding: 1.22222222rem 1.38888889rem 1.22222222rem 1.66666667rem; } .homeImageLink_title { font-family: "RostelecomBasis-Bold"; font-weight: normal; color: #fff; margin: 0; font-size: 1.44444444rem; line-height: 1.154; position: absolute; bottom: 0; right: 0; } .homeImageLink.homeBox-realEstate .homeImageLink_title { text-align: right; } .homeImageLink.homeBox-history .homeImageLink_title { left: 0; right: auto; max-width: 6.66666667rem; } .homeImageLink_desc { font-size: 16px; font-size: .889em; color: #333333; margin: 0 0 0.625em; /* 10/16, 10/16 */ } @media all and (max-width: 1204px) { .homeImageLink_desc { font-size: 0.778em; /* 14/18 */ line-height: 1; margin: 0; } } @media all and (max-width: 759px) { .homeImageLink .homeBox_frame { padding: 1.22222222rem 1.22222222rem 1.22222222rem 1.22222222rem; } } @media all and (max-width: 879px) { .homeImageLink_title { font-size: 1.11111111rem; } } @media all and (max-width: 759px) { .homeImageLink .homeBox_content { font-size: 110%; } } @media all and (max-width: 679px) { .homeImageLink .homeBox_content { font-size: 105%; } } @media all and (max-width: 619px) { .homeImageLink .homeBox_content { font-size: 91%; } } @media all and (max-width: 559px) { .homeImageLink .homeBox_content { font-size: 100%; } } @media all and (max-width: 459px) { .homeImageLink_title { font-size: 0.88888889rem; } } @media all and (max-width: 359px) { .homeImageLink .homeBox_frame { padding: 0.61111111rem 0.61111111rem 0.61111111rem 0.61111111rem; } .homeImageLink .homeBox_content { font-size: 100%; } } /* homeNews */ .homeNews { color: #333333; background: white; /* Дополнительные правила для скейла шрифтов главной страницы при адаптивности */ } .homeNews_date { display: none; margin-top: -15px; margin-bottom: -12px; } @media all and (max-width: 759px) { .homeNews .homeBox_frame { padding: 1em 0.556em .8em; /* 18/18, 10/18 */ } .homeNews-view1 .homeBox_frame { padding: 1em 0.556em 1.556em; /* 18/18, 10/18, 28/18 */ } } @media all and (max-width: 1203px) { .homeNews .homeBox_content { font-size: 111%; } } @media all and (max-width: 1059px) { .homeNews .homeBox_content { font-size: 100%; } } @media all and (max-width: 989px) { .homeNews .homeBox_content { font-size: 108%; } .homeNews .homeBox_content > a { font-size: 92%; } } @media all and (max-width: 879px) { .homeNews .homeBox_content { font-size: 105%; } .homeNews .homeBox_content > a { font-size: 95%; } } @media all and (max-width: 824px) { .homeNews .homeBox_content { font-size: 102%; } } @media all and (max-width: 759px) { .homeNews .homeBox_content { font-size: 123%; } .homeNews .homeBox_content > a { font-size: 112%; } } @media all and (max-width: 679px) { .homeNews .homeBox_content { font-size: 116%; } .homeNews .homeBox_content > a { font-size: 112%; } } @media all and (max-width: 619px) { .homeNews .homeBox_content { font-size: 104%; } .homeNews .homeBox_content > a { font-size: 100%; } } @media all and (max-width: 559px) { .homeNews .homeBox_content { font-size: 114%; } .homeNews .homeBox_content > a { font-size: 110%; } } @media all and (max-width: 479px) { .homeNews .homeBox_content { font-size: 100%; } .homeNews .homeBox_content > a { font-size: 102%; } } @media all and (max-width: 359px) { .homeNews .homeBox_content { font-size: 100%; } .homeNews .homeBox_content > a { font-size: 100%; } } /* homeNews2 */ .homeNews2 { background-position: 0% 50%; background-repeat: no-repeat; background-size: cover; color: #fff; /* Дополнительные правила для скейла шрифтов главной страницы при адаптивности */ } .csstransitions .homeNews2:hover .homeNews2_cover { transform: scale(1); -ms-transform: scale(1); transition: transform 0.5s 0.1s ease-in; } .homeNews2_cover { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; } .csstransitions .homeNews2_cover { transform: scale(1.05); -ms-transform: scale(1.05); transition: transform 0.5s ease-out; } .no-csstransitions .homeNews2_cover { transform: scale(1.06); -ms-transform: matrix(1.06, 0, 0, 1.06, 0, 0); } .homeNews2_mask { content: ""; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: black; z-index: 1; opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .homeNews2_content { display: table; border-collapse: collapse; width: 100%; } .homeNews2_frame { display: table-cell; position: relative; height: 100%; text-align: center; } .homeNews2_date { background-color: #ff4f12; position: relative; float: left; display: inline-block; max-width: 48%; margin-right: 2%; padding: 0.27777778em 0.44444444em 0.05555556em; z-index: 3; font-size: 18px; font-weight: bold; } .homeNews2_date .date_d { line-height: 1; font-size: 2em; } .homeNews2_date .date_m { line-height: 1; font-size: 1em; margin-left: 0.38888889rem; margin-top: 0; } .homeNews2_btn { margin-bottom: 40px; font-size: 0.88888889rem; z-index: 3; float: right; background-color: #ff4f12; color: #fff; position: relative; display: inline-block; border-radius: 0; border-top-right-radius: 3px; box-sizing: border-box; line-height: 1em; text-decoration: none; transition: background-color 0.2s; font-weight: bold; padding: 0.38888889rem 0.38888889rem 0.27777778rem; text-align: left; } .homeNews2_btn:hover { background-color: #ffffff; } .homeNews2_btn:before { background: url("/img/fold_grey.svg") 50% 50% no-repeat; background-size: cover; content: ""; display: block; height: 10px; position: absolute; right: -1px; top: 100%; width: 17px; z-index: -1; } .homeNews2_desc { overflow: hidden; font-size: 1.33333333rem; font-weight: bold; line-height: 1.25; text-align: center; text-shadow: 0 0 5px rgba(0, 0, 0, 0.4); position: absolute; /*bottom: 0;*/ left: 0; right: 0; max-height: 6rem; top: 50%; transform: translateY(-50%); margin-top: 3.44444444rem; } @media all and (max-width: 1139px) { .homeNews2_desc { margin-top: 1.66666667rem; } } @media all and (max-width: 989px) { .homeNews2_desc { margin-top: 3.66666667rem; } } @media all and (max-width: 879px) { .homeNews2_btn { max-width: 11.66666667rem; } .homeNews2_desc { margin-top: 1.66666667rem; font-size: 1.11111111rem; } } @media all and (max-width: 759px) { .homeNews2_frame { text-align: left; } .homeNews2_date { position: static; line-height: 1; margin-bottom: 0.11111111rem; margin-right: 80%; max-width: 70%; padding-top: 0.22222222em; padding-bottom: 0.11111111em; } .homeNews2 .date_d { display: inline-block; vertical-align: top; font-size: 1rem; } .homeNews2 .date_sep { display: inline-block; vertical-align: top; margin: 0.455em 0 0 -0.182em; /* 10/22, -4/22 */ } .homeNews2 .date_m { display: inline-block; vertical-align: top; margin: 0 0 0 0.22222222rem; font-size: 0.77777778rem; margin-left: 0.22222222rem; } .homeNews2_btn { margin-bottom: 1.111em; /* 20/18 */ font-size: 0.72222222rem; line-height: 1; letter-spacing: .036em; padding: 0.27777778rem; min-height: 0; float: left; margin-top: 0.11111111rem; } .homeNews2_desc { font-size: 0.556em; /* 10/18 */ line-height: 1.2; max-height: 4.8em; /* 48/10 */ } } @media all and (max-width: 1203px) { .homeNews2 .homeNews2 .homeBox_content { font-size: 100%; } } @media all and (max-width: 1059px) { .homeNews2 .homeNews2 .homeBox_content { font-size: 100%; } } @media all and (max-width: 989px) { .homeNews2 .homeNews2 .homeBox_content { font-size: 100%; } } @media all and (max-width: 879px) { .homeNews2 .homeNews2 .homeBox_content { font-size: 100%; } } @media all and (max-width: 824px) { .homeNews2 .homeBox_content { font-size: 100%; } } @media all and (max-width: 759px) { .homeNews2 .homeBox_content { font-size: 123%; } } @media all and (max-width: 679px) { .homeNews2 .homeBox_content { font-size: 116%; } } @media all and (max-width: 619px) { .homeNews2 .homeBox_content { font-size: 108%; } } @media all and (max-width: 559px) { .homeNews2 .homeBox_content { font-size: 114%; } } @media all and (max-width: 479px) { .homeNews2 .homeBox_content { font-size: 120%; } } @media all and (max-width: 419px) { .homeNews2 .homeBox_content { font-size: 100%; } .homeNews2_date { font-size: 0.66666667rem; padding: 0.11111111rem; } .homeNews2 .date_d { font-size: 0.77777778rem; } .homeNews2 .date_m { font-size: 0.55555556rem; margin-left: 0.11111111rem; } .homeNews2_btn { font-size: 0.55555556rem; line-height: 1; padding: 0.11111111rem; } } @media all and (max-width: 359px) { .homeNews2 .homeBox_content { font-size: 100%; } } .homeBox-newsIR { background: white; } .homeBox-newsIR .owl-nav { position: absolute; top: 0; right: 0; margin-top: 0; line-height: 1; } .homeBox-newsIR .owl-nav .owl-prev { box-sizing: border-box; margin: 0; padding: 0; height: 30px; width: 30px; border-radius: 0; border: none; background: url('/img/symbols/ir-slider-arrow-prev.svg') 50% 50% no-repeat; } .homeBox-newsIR .owl-nav .owl-prev:hover { background: url('/img/symbols/ir-slider-arrow-prev-red.svg') 50% 50% no-repeat; } .homeBox-newsIR .owl-nav .owl-next { box-sizing: border-box; margin: 0; padding: 0; height: 30px; width: 30px; border-radius: 0; border: none; background: url('/img/symbols/ir-slider-arrow-next.svg') 100% 50% no-repeat; } .homeBox-newsIR .owl-nav .owl-next:hover { background: url('/img/symbols/ir-slider-arrow-next-red.svg') 100% 50% no-repeat; } .newsIR_container { position: relative; } .newsIR_slider { height: 100%; width: 100%; padding-top: 65px; box-sizing: border-box; } .newsIR_header { position: absolute; top: 0; left: 0; margin: 0; background: none; border: none; margin-bottom: 40px; font-size: 0.88888889rem; z-index: 3; background-color: #7b929b; color: #fff; display: inline-block; border-radius: 0; border-top-right-radius: 3px; box-sizing: border-box; line-height: 1em; text-decoration: none; transition: background-color 0.2s; font-weight: bold; padding: 0.33333333rem 0.38888889rem; } .newsIR_header:hover { background-color: #adadad; border: none; color: white; } .newsIR_header:before { background: url("/img/fold_orange.svg") 50% 50% no-repeat; background-size: cover; content: ""; display: block; height: 10px; position: absolute; right: 0; top: 100%; width: 17px; z-index: -1; } .newsIR_header a { color: white; } .newsIR_header a:hover { color: white; } .newsIR_block { display: -ms-flexbox; display: flex; padding-bottom: 1.22222222rem; padding-top: 1.22222222rem; border-top: 1px solid #c1c1c1; } .newsIR_block:before, .newsIR_block:after { content: ""; display: table; clear: both; } .newsIR_block:first-child { padding-top: 0; border-top: none; } .newsIR_block:hover .newsIR_date { color: #ff4f12; opacity: 0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; } .newsIR_block:hover .newsIR_text a { display: block; width: 100%; color: #ff4f12; } .newsIR_date { -ms-flex-negative: 0; flex-shrink: 0; width: 145px; margin-right: 15px; font-size: 2rem; font-weight: bold; color: #ff4f12; transition: all .2s; } .newsIR_date--unwrap { white-space: nowrap; } .newsIR_date-month { margin-top: 0; font-size: 1rem; padding-left: 5px; font-family: "RostelecomBasis-Medium"; transition: color .2s; color: #7b929b; text-transform: lowercase; } .newsIR_text { font-size: 0.88888889rem; line-height: 1.5; max-height: 3.167em; /* 57/18 */ margin: 0; transition: color .3s; overflow: hidden; color: #010101; padding-bottom: 4px; } .newsIR_text > a { color: #010101; text-decoration: none; } @media all and (max-width: 1139px) { .newsIR_block { padding-bottom: 0.66666667rem; padding-top: 0.66666667rem; } .newsIR_block:before, .newsIR_block:after { content: ""; display: table; clear: both; } } @media all and (max-width: 1079px) { .newsIR_date { margin-right: 10px; font-size: 1.66666667rem; } .newsIR_date-month { font-size: 0.88888889rem; } .newsIR_text { font-size: 0.77777778rem; } } @media all and (max-width: 989px) { .newsIR_block { padding-bottom: 1.22222222rem; padding-top: 1.22222222rem; } .newsIR_block:before, .newsIR_block:after { content: ""; display: table; clear: both; } .newsIR_date { margin-right: 10px; font-size: 2rem; } .newsIR_date-month { font-size: 1rem; } .newsIR_text { font-size: 0.88888889rem; } } @media all and (max-width: 759px) { .homeBox-newsIR .owl-nav .owl-prev { height: 25px; width: 25px; } .homeBox-newsIR .owl-nav .owl-next { height: 25px; width: 25px; } .newsIR_header { margin-bottom: 1.111em; font-size: 0.72222222rem; line-height: 1; letter-spacing: .036em; padding: 0.27777778rem; min-height: 0; float: left; } .newsIR_slider { padding-top: 2.2222222222222223em; /* 40/18 */ } .newsIR_text { font-size: 0.88888889rem; line-height: 1.25; max-height: 2.61em; } .newsIR_date { font-size: 1.66666667rem; line-height: 1; width: 110px; } .newsIR_date-month { font-size: 0.88888889rem; line-height: 1.19; padding-left: 3px; letter-spacing: -0.083em; /* -1/12 */ } .newsIR_block { margin-top: 0; } .newsIR_block:first-child { margin-top: 0; } } /* �������������� ������� ��� ������ ������� ������� �������� ��� ������������ */ @media all and (max-width: 1203px) { .homeBox-newsIR .homeBox_content { font-size: 100%; } } @media all and (max-width: 1059px) { .homeBox-newsIR .homeBox_content { font-size: 96%; } } @media all and (max-width: 989px) { .homeBox-newsIR .homeBox_content { font-size: 102%; } } @media all and (max-width: 939px) { .homeBox-newsIR .homeBox_content { font-size: 99%; } .newsIR_slider { padding-top: 12%; } } @media all and (max-width: 879px) { .homeBox-newsIR .homeBox_content { font-size: 100%; } } @media all and (max-width: 824px) { .homeBox-newsIR .homeBox_content { font-size: 100%; } .newsIR_slider { padding-top: 11%; } } @media all and (max-width: 759px) { .homeBox-newsIR .homeBox_content { font-size: 134%; } .homeBox-newsIR .homeBox_frame { padding: 1.111em 1.111em; } .newsIR_slider { padding-top: 14%; } } @media all and (max-width: 679px) { .homeBox-newsIR .homeBox_content { font-size: 116%; } .newsIR_slider { padding-top: 12%; } .newsIR_block { padding-bottom: 1rem; padding-top: 1rem; } } @media all and (max-width: 619px) { .homeBox-newsIR .homeBox_content { font-size: 108%; } .newsIR_text { font-size: 0.77777778rem; } .newsIR_block { padding-bottom: 0.77777778rem; padding-top: 0.77777778rem; } } @media all and (max-width: 559px) { .homeBox-newsIR .homeBox_content { font-size: 114%; } } @media all and (max-width: 479px) { .homeBox-newsIR .homeBox_content { font-size: 120%; } } @media all and (max-width: 459px) { .newsIR_date { width: 100px; font-size: 1.44444444rem; } .newsIR_date-month { font-size: 0.77777778rem; } .newsIR_text { font-size: 0.66666667rem; } .newsIR_block { padding-bottom: 0.66666667rem; padding-top: 0.66666667rem; } } @media all and (max-width: 419px) { .homeBox-newsIR .homeBox_content { font-size: 110%; } .homeBox-newsIR .homeBox_frame { padding: 1em 0.556em; } .newsIR_header { font-size: 0.55555556rem; line-height: 1; padding: 0.11111111rem; } .newsIR_date { font-size: 1.11111111rem; width: 80px; } .newsIR_date-month { font-size: 0.66666667rem; } .newsIR_block { padding-bottom: 0.44444444rem; padding-top: 0.44444444rem; } } @media all and (max-width: 359px) { .homeBox-newsIR .homeBox_content { font-size: 100%; } .newsIR_slider { padding-top: 14%; } .newsIR_text { font-size: 0.55555556rem; } } /* @m990: ~"all and (max-width: 989px)"; @m940: ~"all and (max-width: 939px)"; @m880: ~"all and (max-width: 879px)"; @m825: ~"all and (max-width: 824px)"; @m680: ~"all and (max-width: 679px)"; @m560: ~"all and (max-width: 559px)"; @m480: ~"all and (max-width: 479px)"; @m420: ~"all and (max-width: 419px)"; @m350: ~"all and (max-width: 349px)"; */ /* homeQuotes */ .homeQuotes_iframe { z-index: 1; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } /* homeRating */ .homeRating { background: #ff4f12; color: #fff; } .homeRating a { text-decoration: none; } .homeRating .homeBox_frame { padding-bottom: 1.66666667rem; } .homeRating .rating_container { height: 100%; width: 100%; } .homeRating .rating_slide { width: 100%; } .homeRating .rating_agency { font-size: 2em; /* 36/18 */ margin-top: 0; margin-bottom: 0.389em; /* 14/36 */ color: white; line-height: 1; } .homeRating .rating_text { color: #fff; margin: 0.625em 0 0.375em; /* 10/16, 6/16 */ font-size: 0.889em; /* 16/18 */ text-transform: uppercase; opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .homeRating .rating_mark { font-size: 4em; /* 72/18 */ line-height: 1; color: white; font-family: "RostelecomBasis-Light"; margin: 0; font-weight: 100; letter-spacing: -0.1em; margin-left: -0.045em; } .homeRating .rating_mark--without--shift { margin-left: 0; } .homeRating .owl-carousel.owl-theme .owl-dots { text-align: left; margin-left: 0px; } .homeRating .owl-carousel.owl-theme .owl-dots .owl-dot.active span { background: white; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .homeRating .owl-carousel.owl-theme .owl-dots .owl-dot span { background: white; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .homeRating .owl-timer i.pointTimer_point { background: white; } @media all and (max-width: 1204px) { .homeRating .homeBox_frame { padding: 1.1em; padding-bottom: 18px; } .homeRating .rating_agency { font-size: 1.667em; /* 30/18 */ margin-top: 0; margin-bottom: 0.2em; /* 6/30 */ letter-spacing: -0.033em; /* -1/30 */ } .homeRating .rating_text { margin: 0.167em 0 0.5em; /* 2/12, 6/12 */ font-size: 0.667em; /* 12/18 */ } .homeRating .rating_mark { font-size: 3em; /* 54/18 */ } } @media all and (max-width: 989px) { .homeRating .homeBox_frame { padding-bottom: 10px; } .homeRating .rating_agency { font-size: 1.444em; /* 26/18 */ margin-top: 0; } .homeRating .rating_text { margin: 0.182em 0 0.545em; /* 2/11, 6/11 */ font-size: 0.611em; /* 11/18 */ } .homeRating .rating_mark { font-size: 2.556em; /* 46/18 */ } } @media all and (max-width: 759px) { .homeRating .homeBox_frame { padding: 1em 0.556em; padding-bottom: 8px; } .homeRating .rating_agency { font-size: 1.222em; /* 22/18 */ line-height: 0.8; } .homeRating .rating_text { margin: 1.25em 0 0.75em; /* 10/8, 6/8 */ font-size: 0.444em; /* 8/18 */ line-height: 1; } .homeRating .rating_mark { font-size: 2em; /* 36/18 */ } } @media all and (max-width: 759px) { .homeRating .homeBox_content { font-size: 130%; } } @media all and (max-width: 679px) { .homeRating .homeBox_content { font-size: 125%; } } @media all and (max-width: 619px) { .homeRating .homeBox_content { font-size: 106%; } } @media all and (max-width: 559px) { .homeRating .homeBox_content { font-size: 122%; } } @media all and (max-width: 479px) { .homeRating .homeBox_content { font-size: 116%; } } @media all and (max-width: 419px) { .homeRating .homeBox_content { font-size: 100%; } } @media all and (max-width: 359px) { .homeRating .homeBox_content { font-size: 100%; } } /* homeTwitter */ .homeTwitter { background: #f7f7f7; color: #010101; } .homeTwitter .homeBox_content { position: relative; color: #333333; } .homeTwitter .cover_timer { display: block; } .homeTwitter .owl-carousel.owl-theme .owl-dots .owl-dot.active span { background: #ff4f12; } .homeTwitter .owl-carousel.owl-theme .owl-dots .owl-dot span { background: #101828; } .homeTwitter .owl-timer i.pointTimer_point { background: #ff4f12; } .homeTwitter a { color: #03a9f4; } .homeTwitter a:hover { color: #03a9f4; } .twitter_link { position: absolute; top: 0; left: 50%; margin-left: -1.05555556em; z-index: 2; } .twitter_link svg { font-size: 1em; height: 1.777777777777778em; width: 2.111111111111111em; fill: #03a9f4; } .twitter_container { box-sizing: border-box; height: 100%; width: 100%; padding-top: 1.777777777777778em; } .tweet_outer-wrap { position: relative; width: 100%; height: 0; padding-bottom: 64%; margin-top: 5px; } .tweet_height { position: absolute; width: 100%; height: 100%; } .tweet { display: table; width: 100%; height: 100%; table-layout: fixed; } .tweet_wrap { display: table-cell; vertical-align: middle; width: 100%; } .tweet_text { display: block; overflow: hidden; font-size: 0.88888889rem; line-height: 1.5; max-height: 7.5em; margin: 0; width: 100%; } @media all and (max-width: 1204px) { .homeTwitter .homeBox_frame { padding: 1.66666667rem 1.38888889rem 1.11111111rem; } .twitter_link { margin-left: -0.556em; /* -10/18 */ margin-top: -0.278em; /* -5/18 */ } .twitter_link svg { height: 1.88888889rem; width: 1.88888889rem; margin: 2px; } .tweet_text { font-size: 0.88888889rem; line-height: 1.5; } .twitter_container { padding-top: 1.66666667rem; } .twitter_container .owl-carousel.owl-theme .owl-nav.disabled + .owl-dots { bottom: -10px; } } @media all and (max-width: 1023px) { .tweet_text { font-size: 0.88888889rem; line-height: 1.5; max-height: 5.55555556rem; } } @media all and (max-width: 989px) { .homeTwitter .homeBox_frame { padding: 1.66666667rem 1.66666667rem 1.66666667rem; } .twitter_link { margin-left: -0.556em; /* -10/18 */ margin-top: -0.278em; /* -5/18 */ } .twitter_link svg { height: 1.88888889rem; width: 1.88888889rem; margin: 2px; } .tweet_text { max-height: 5.55555556rem; } .twitter_container { padding-top: 1.66666667rem; } .twitter_container .owl-carousel.owl-theme .owl-nav.disabled + .owl-dots { bottom: -10px; } } @media all and (max-width: 759px) { .homeTwitter .homeBox_frame { padding: 1.11111111rem 0.66666667rem 0.55555556rem; } .tweet_text { font-size: 0.77777778rem; margin: 0; } } @media all and (max-width: 639px) { .tweet_text { max-height: 4.44444444rem; } } @media all and (max-width: 529px) { .twitter_link svg { height: 1.11111111rem; width: 1.11111111rem; } .twitter_container { padding-top: 0.55555556rem; } .tweet_text { max-height: 3.33333333rem; } } @media all and (max-width: 519px) { .tweet_text { max-height: 2.77777778rem; font-size: 0.66666667rem; } } /* @media @m760 { .homeTwitter .homeBox_content { font-size: 116%; } } @media @m680 { .homeTwitter .homeBox_content { font-size: 109%; } } @media @m620 { .homeTwitter .homeBox_content { font-size: 96%; } } @media @m560 { .homeTwitter .homeBox_content { font-size: 101%; } } @media @m480 { .homeTwitter .homeBox_content { font-size: 104%; } .tweet_text { line-height: 1; } } @media @m420 { .homeTwitter .homeBox_content { font-size: 110%; } } @media @m350 { .homeTwitter .homeBox_content { font-size: 100%; } } */ /* Вид блока на главной странице */ .homeVacancies { background: #f7f7f7; } .homeVacancies_content { display: table; border-collapse: collapse; width: 100%; height: 100%; } .homeVacancies_logo { height: 1.94444444rem; margin: 0 0 0.55555556rem 0; width: 1.16666667rem; } .homeVacancies_logo-img { height: 100%; width: 100%; } .homeVacancies_header { margin-bottom: 0.72222222rem; } .homeVacancies_header:before { content: ""; display: table; } .homeVacancies_header:after { content: ""; display: table; clear: both; } .homeVacancies_header-link { font-size: 0.88888889rem; margin-top: 0.44444444rem; float: right; color: #010101; border-bottom: 1px dotted; padding-bottom: 0.11111111rem; } .homeBox .homeVacancies_header-link { border-bottom: 1px dotted; } .homeVacancies_header-link:hover { color: #ff4f12; } .homeVacancies_top { display: table-cell; vertical-align: top; } .homeVacancies_bottom { display: table-cell; vertical-align: bottom; } .homeVacancies_title { display: inline-block; margin-top: 0; margin-bottom: 0; font-size: 26px; font-size: 1.444em; font-family: "RostelecomBasis-Bold"; color: #333333; } .homeVacancies_desc { font-size: 0.88888889rem; color: #7b929b; line-height: 1.5; } .homeVacancies_data { width: 100%; display: block; } .homeVacancies_data:before, .homeVacancies_data:after { content: ""; display: table; clear: both; } .homeVacancies_dataItem { float: left; font-weight: bold; margin-right: 2.22222222rem; text-decoration: none; } .homeVacancies_dataItem:last-of-type { margin-right: 0; } .homeVacancies_dataItem-last { text-align: center; float: right; margin-right: 0; } .homeVacancies_dataNum { display: inline-block; color: #ff4f12; font-size: 2rem; vertical-align: baseline; } .homeVacancies_dataNum .round_content { font-size: inherit; } .homeVacancies_dataNum-last { display: inline-block; border-color: #ff4f12; transition: background .3s, border .3s; } .homeVacancies_dataNum-last .symbol { fill: #ff4f12; } .homeVacancies_dataNum-last:hover { background: #ff4f12; } .homeVacancies_dataNum-last:hover .symbol { fill: white; } .homeVacancies_dataText { display: inline-block; vertical-align: baseline; font-family: "RostelecomBasis-Medium"; color: #7b929b; font-size: 1rem; padding-bottom: 0.05555556rem; text-transform: lowercase; } .homeVacancies_dataText:before { content: ''; display: block; } .homeVacancies_dataText-last { font-family: "RostelecomBasis-Bold"; transition: color .2s; color: #ff4f12; } @media all and (max-width: 1139px) { .homeVacancies_header { margin-bottom: 0.44444444rem; } .homeVacancies_desc { font-size: 0.77777778rem; } .homeVacancies_dataItem { margin-right: 1.66666667rem; } .homeVacancies_dataNum { font-size: 1.66666667rem; } .homeVacancies_dataText { font-size: 0.88888889rem; } } @media all and (max-width: 1079px) { .homeVacancies_header { margin-bottom: 0; } .homeVacancies_desc { font-size: 0.66666667rem; } .homeVacancies_dataItem { margin-right: 1.55555556rem; } .homeVacancies_dataNum { font-size: 1.55555556rem; } .homeVacancies_dataText { font-size: 0.77777778rem; } } @media all and (max-width: 989px) { .homeVacancies_header { margin-bottom: 0.72222222rem; } .homeVacancies_desc { font-size: 0.88888889rem; } .homeVacancies_dataItem { margin-right: 2.22222222rem; } .homeVacancies_dataNum { font-size: 2rem; } .homeVacancies_dataText { font-size: 1rem; padding-bottom: 0.05555556rem; } .homeVacancies_dataText-last { margin-right: 0; } .homeVacancies_dataItem-last { margin-right: 0; } } @media all and (max-width: 879px) { .homeVacancies_header { margin-bottom: 0.44444444rem; } .homeVacancies_desc { font-size: 0.77777778rem; } .homeVacancies_dataItem { margin-right: 1.55555556rem; } .homeVacancies_dataNum { font-size: 1.55555556rem; } .homeVacancies_dataText { font-size: 0.77777778rem; } } @media all and (max-width: 759px) { .homeVacancies_title { font-size: 1.22222222rem; line-height: 1; margin-bottom: 0; } .homeVacancies_header { margin-bottom: 0.16666667rem; line-height: 1; } .homeVacancies_header-link { font-size: 0.77777778rem; margin-top: 0.61111111rem; } .homeVacancies_desc { font-size: 0.88888889rem; line-height: 1.2; margin-bottom: 0.667em; /* 12/18 */ } .homeVacancies_dataItem { margin-right: 0.778em; /* 14/18 */ } .homeVacancies_dataItem-last { margin-right: 0; } .homeVacancies_dataText { font-size: 9px; } } @media all and (max-width: 759px) { .homeVacancies .homeBox_content { font-size: 123%; } .homeVacancies_bottom { font-size: 130%; } .homeVacancies_dataText { font-size: 12px; } .homeVacancies_desc { font-size: 0.83333333rem; line-height: 1.2; margin-top: 1em; margin-bottom: 0.667em; /* 12/18 */ } } @media all and (max-width: 719px) { .homeVacancies_bottom { line-height: 1; } } @media all and (max-width: 679px) { .homeVacancies .homeBox_content { font-size: 116%; } .homeVacancies_bottom { font-size: 110%; } .homeVacancies_desc { font-size: 0.77777778rem; line-height: 1.2; margin-top: 0.4em; } .homeVacancies_dataText { font-size: 11px; } .homeVacancies_dataNum { font-size: 1.22222222rem; } } @media all and (max-width: 619px) { .homeVacancies .homeBox_content { font-size: 103.5%; } .homeVacancies_title { font-size: 1rem; } .homeVacancies_header-link { font-size: 0.66666667rem; margin-top: 0.61111111rem; } .homeVacancies_desc { font-size: 0.66666667rem; margin-bottom: 0.22222222rem; } } @media all and (max-width: 559px) { .homeVacancies .homeBox_content { font-size: 115%; } } @media all and (max-width: 479px) { .homeVacancies .homeBox_content { font-size: 100%; } .homeVacancies_title { font-size: 0.88888889rem; } .homeVacancies_header-link { font-size: 0.55555556rem; margin-top: 0.27777778rem; } .homeVacancies_bottom { font-size: 130%; } .homeVacancies_desc { line-height: 1.3; margin-top: 0.2em; font-size: 0.65em; } .homeVacancies_dataText { font-size: 10px; padding-bottom: 0; } .homeVacancies_dataNum { font-size: 1rem; } } @media all and (max-width: 419px) { .homeVacancies .homeBox_content { font-size: 100%; } .homeVacancies_logo { height: 1.11111111rem; margin-bottom: 0.27777778rem; width: 0.66666667rem; } .homeVacancies .homeVacancies_bottom { font-size: 120%; } .homeVacancies .homeVacancies_desc { line-height: 1; margin-top: 0; font-size: 0.611em; /* 11/18 */ } .homeVacancies_dataText { font-size: 9px; } .homeVacancies_dataNum { font-size: 0.88888889rem; } } @media all and (max-width: 359px) { .homeVacancies .homeBox_content { font-size: 100%; } .homeVacancies .homeVacancies_bottom { font-size: 100%; } .homeVacancies .homeVacancies_desc { font-size: 0.556em; /* 10/18 */ line-height: 1.2; } } .inf-item { border: 1px solid #ddd; cursor: pointer; margin-bottom: 2.5em; width: 45.4320987654321%; transition: all .2s linear; } .inf-item .item_date { float: none; margin: 0; max-width: 100%; transition: all 0.7s ease 0s; } .inf-item:hover { border-color: transparent; box-shadow: 0 0 20px rgba(0, 0, 0, 0.07); } .inf-item:hover .item_date span { color: #333; } .inf-item:hover .infographics_content .infographs-title_value { color: #ffffff; background-color: #77959f; } .inf-item:hover .infographics_content .infographs-title_value::after { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .inf-item:hover .infographics_img-box::before { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .inf-item .vacancy_bottom-btns-wrapper { padding: 0 11.11111111111111% 2.5em 11.11111111111111%; margin-top: 0; } .inf-item .vacancy_social-btns-block { float: none; } .inf_link-top { display: block; padding: 2.5em 11.11111111111111% 0 11.11111111111111%; } .inf_link-bottom { display: block; text-decoration: none; border-bottom: 0; } p.infographs-from { margin: 0; } a.infographs-from { padding-left: 11.11111111111111%; padding-right: 11.11111111111111%; } .infographs-from { color: #b9b9b9; display: block; font-family: "RostelecomBasis-Medium"; font-size: 1.125em; padding-top: 1em; transition: all 0.7s ease 0s; } a.infographs-from:hover { color: #00a8ff; } .infographics_img-box { position: relative; margin: 0 0 2em; width: 100%; line-height: 0; overflow: hidden; } .infographics_img-box::before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: black; opacity: .52; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=52)"; transition: opacity .2s linear; z-index: 1; } .infographics_img-box img { max-width: 100%; width: 100%; } .infographics_content { padding: 0 11.11111111111111% 30px; } .infographics_content--program { padding-bottom: 2em; } .infographics_content h3, .infographics_content p { margin: 0; } .infographics_content :last-child { margin-bottom: 0; } .infographics_content .infographs-title { display: inline-block; color: #333; font-weight: bold; font-size: 1.33em; line-height: 1.2; margin-bottom: 1.5em; vertical-align: top; } .infographics_content .infographs-title_value { position: relative; color: #333; font-size: inherit; transition: all .2s linear; word-break: break-word; } .infographics_content .infographs-title_value::after { background: url(/img/fold_orange.svg) 50% 50% no-repeat; background-size: cover; content: ""; display: block; height: 10px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; right: -1px; top: 100%; width: 17px; z-index: -1; transition: all .2s linear; } .infographics_content .infographs-caption { color: #888; font-size: 1em; } .infographics_content .titleBtn { background-color: #cdcdcd; border-color: #cdcdcd; border-radius: 0; color: #fff; margin-top: 5px; } @media all and (max-width: 759px) { .inf-item { width: 100%; font-size: 94%; } } .item { position: relative; box-sizing: border-box; width: 50%; height: 14.166666666666666rem; float: left; background-color: #fff; padding: 1.611111111111111em 1.166666666666667em 1.277777777777778em 1.388888888888889em; border-bottom: 1px solid #eaeaea; border-right: 1px solid #fff; transition: background-color 0.3s; } .item:after { content: " "; display: block; height: 3px; width: 100%; position: absolute; left: 0; bottom: -1px; background: #ff4f12; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: opacity .2s; } .item:hover { cursor: pointer; } .item:hover.is-cat-open { background-color: #fff; } .item:hover:after { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .item:hover .item_category { color: #7700ff; } .item:hover .item_cover { transition: transform 0.5s ease-in 0.1s; transform: scale(1.1); } .item .item_category-wrap a { border-bottom: 0; background-color: #ffffff; color: #7b929a; position: relative; display: inline-block; border-radius: 3px; box-sizing: border-box; font-size: .9230769230769231em; line-height: 22px; border: 1px solid #7b929a; letter-spacing: 0; padding: 0 8px; text-decoration: none; transition: background-color 0.2s; } .item .item_category-wrap a:hover { background-color: #7b929a; border: 1px solid #7b929a; color: #fff; } .news--grid-view .item.item--covered { background: #333; overflow: hidden; } .news--grid-view .item.item--covered .item_category-wrap a, .news--grid-view .item.item--covered .item_category-wrap span { background-color: #ff4f12; color: #fff; border-color: #ff4f12; } .news--grid-view .item.item--covered .item_category-wrap a:hover, .news--grid-view .item.item--covered .item_category-wrap span:hover { background-color: #ff8218; } .news--grid-view .item.item--covered .item_category-wrap a:before, .news--grid-view .item.item--covered .item_category-wrap span:before { background-image: url("/img/fold_grey.svg"); } .news--grid-view .item.item--covered .item_category-wrap.item_category-wrap--single a { min-height: 24px; max-height: 48px; border-color: #ff4f12; } .news--grid-view .item.item--covered .item_category-wrap.is-opened a, .news--grid-view .item.item--covered .item_category-wrap.is-opened span { background-color: #ff8218; } .news--grid-view .item.item--covered .item_category-wrap-multicontainer { background: none; overflow: initial; } .news--grid-view .item.item--covered .item_text { color: white; } .news--grid-view .item.item--covered .item_cover { display: block; transition: transform 0.5s ease-out 0s; } .news--grid-view .item.item--covered:before { display: block; content: " "; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #000000; background: rgba(0, 0, 0, 0.65); z-index: 4; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: opacity .2s; pointer-events: none; } .news--grid-view .item.item--covered:after { display: none; } .news--grid-view .item.item--covered.is-cat-open:before { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .item_wrapper { height: 100%; width: 100%; position: relative; } .item_wrapper--hide_background { display: block; height: 100%; position: absolute; width: 100%; background-color: white; top: 0; left: 0; z-index: 2; } .item_date { position: relative; float: left; display: inline-block; max-width: 48%; margin-right: 2%; z-index: 3; bottom: 2px; } .news--grid-view .item_date { background-color: #7c9099; padding: .2222222222222222em .4444444444444444em .1666666666666667em .3333333333333333em; } .news--grid-view .item.item--covered .item_date { background-color: #ff4f12; } .item_date-day, .item_date-separator, .item_date-month, .item_date-year { font-family: "RostelecomBasis-Bold"; position: relative; color: #ff4f12; font-size: 1.333333333333333em; line-height: 1; letter-spacing: 0; transition: color .3s; vertical-align: baseline; } .news--grid-view .item_date-day { color: #fff; vertical-align: top; } .item_date-separator { color: #7b929b; } .news--grid-view .item_date-separator { color: #fff; } .item_date-month, .item_date-year { font-size: 14px; font-size: .778em; color: #7b929b; text-transform: lowercase; } .news--grid-view .item_date-month { color: #fff; top: .1666666666666667em; vertical-align: top; } .news--grid-view .item_date-year { color: #fff; top: .1666666666666667em; vertical-align: top; } .item_category { position: relative; display: table; float: right; max-width: 50%; z-index: 5; } .news--grid-view .item_category--some { text-indent: 0; } .news--grid-view .item_category--some a { margin: 0 9px 9px 0; } .news--list-view .item_category--some { max-width: 100%; width: auto; } .news--list-view .item_category--some a { display: inline-block; margin: 0 9px 9px 0; } @media screen and (min-width: 760px) { .news--grid-view .item_category--some a { margin: 0 0 9px 9px; text-indent: 0; } .news--grid-view .item_category--some .item_category-wrap { text-align: right; } } .item_category-wrap { display: table-cell; vertical-align: middle; line-height: 1.0333333333333333rem; font-size: 0.7222222222222222rem; transition: color .3s; } .news--list-view .item_category-wrap { text-align: left; } @media all and (max-width: 989px) { .item_category-wrap { text-align: left; } } .item_category-wrap a { display: block; margin-bottom: 5px; } .item_category-wrap.item_category-wrap--multi { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; height: 24px; line-height: 24px; margin-left: 8px; margin-bottom: 4px; } .item_category-wrap.item_category-wrap--multi a { line-height: normal; padding-top: 0.29em; padding-bottom: 0.29em; height: 100%; overflow: auto; } .news--list-view .item_category-wrap.item_category-wrap--multi { float: none; display: inline-block; text-indent: 0px; margin-left: 0; margin-right: 8px; } .item_category-wrap--toggle.is-opened span:after { transform: rotate(180deg); } .item_category-wrap--toggle span { border-bottom: 0; background-color: #ffffff; color: #7b929a; position: relative; display: inline-block; border-radius: 3px; box-sizing: border-box; font-size: .9230769230769231em; line-height: normal; border: 1px solid #7b929a; letter-spacing: 0; padding-top: 0.29em; padding-bottom: 0.29em; padding-left: 8px; padding-right: 30px; text-decoration: none; transition: background-color 0.2s; } .item_category-wrap--toggle span:hover { background-color: #7b929a; border: 1px solid #7b929a; color: #fff; } .item_category-wrap--toggle span:after { content: " "; display: block; height: 10px; width: 10px; position: absolute; top: 50%; transform: translateY(-50%); right: 8px; background: url('/img/symbols/dropdown-arrow-gray.png') 50% 50% no-repeat; transition: transform .1s; } .item_category-wrap--toggle span:hover:after { background: url('/img/symbols/dropdown-arrow-white.png') 50% 50% no-repeat; } .item_category-wrap--toggle.is-opened span { background-color: #ffffff; color: #7b929a; } .item_category-wrap--toggle.is-opened span:after { background: url('/img/symbols/dropdown-arrow-gray.png') 50% 50% no-repeat; transform: rotate(180deg); top: 6px; } .item_category-wrap-multicontainer { display: none; position: absolute; right: 0; top: 25.5345679%; z-index: 4; width: 100%; background: #ffffff; background: rgba(255, 255, 255, 0.9); box-sizing: border-box; max-height: 160px; overflow: hidden; } .item_category-wrap-multicontainer .item_category-wrap-multicontainer-items { display: -ms-flexbox; display: flex; overflow: initial; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } .item_category-wrap-multicontainer .news-grid-horizontal { margin-top: 27px; } @media (max-width: 760px) { .item_category-wrap-multicontainer .news-grid-horizontal { margin-top: 57px; } } .item_category-wrap-multicontainer .news-grid-horizontal div:first-child { margin-left: 105px; } .item_category-wrap-multicontainer .news-grid-vertical { float: right; } .news--list-view .item_category-wrap-multicontainer { right: 0; height: auto; top: 0; text-indent: 130px; box-shadow: 0 2px 0px 5px rgba(255, 255, 255, 0.9); } @media (min-width: 760px) { .news--list-view .item_category-wrap-multicontainer { left: 150px; overflow: initial; width: 80%; } } .item_text { position: absolute; bottom: 0px; left: 0px; right: 0px; font-size: 16px; font-size: .889em; font-family: "RostelecomBasis-Bold"; color: #333333; clear: both; transition: color .3s; z-index: 3; line-height: 1.5; max-height: 84px; overflow: hidden; } .item_cover { display: none; width: 100%; height: 100%; position: absolute; left: 0; bottom: -1px; overflow: hidden; background-position: center; background-size: cover; } .item_cover img { width: 100%; height: auto; opacity: .6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } .item_cover:before { content: " "; display: block; height: 100%; width: 100%; width: calc(101%); position: absolute; top: 0; left: 0; background: linear-gradient(to bottom, #191919 0%, #272727 20%, transparent); opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; transition: opacity .7s; z-index: 2; } .item_cover:after { content: " "; display: block; height: 100%; width: 100%; width: calc(101%); position: absolute; top: 0; left: 0; background: black; opacity: .2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; z-index: 1; } .item_place { color: #333333; margin: 1em 0; } .item_place-city { font-size: 1.333333333333333em; } .item_place-address { margin-top: .1666666666666667em; } .item_btn { margin-top: 1.125em; } @media all and (max-width: 1204px) { .item { padding: 3.06748466% 4.60122699%; } .item_category-wrap-multicontainer { top: 23.5%; } } @media all and (max-width: 989px) { .item { padding: 4.60122699% 3.06748466%; width: 85%; float: none; } .item_category-wrap-multicontainer { overflow: visible; top: 24%; } } @media all and (max-width: 759px) { .item { width: 100%; padding: 20px; } .date-picker { top: 40px; } .item_date { float: none; max-width: 100%; margin-bottom: 0.2em; } .item_category { bottom: auto; left: auto; right: auto; float: none; margin-top: .2em; max-width: 100%; } .item_category-wrap { font-size: .65rem; line-height: 1.2rem; vertical-align: top; } .item_category-wrap a { display: block; } .item_category-wrap.item_category-wrap--multi { float: left; margin-bottom: 3px; margin-right: 9px; margin-left: 0; } .item--covered .item_category { margin-top: .3em; } .item_category-wrap-multicontainer { top: 33%; } } .item--variable { display: table-cell; float: none; height: auto; width: 50%; } .news_row--single .item--variable { padding: 9.876543209876%; width: 100%; } .item--variable .item_date { float: none; margin-right: 0; max-width: none; } .item--variable .item_text { max-height: none; position: static; } @media all and (max-width: 989px) { .item--variable { display: block; width: 100%; } } /* keyboard */ .keyboard { display: none; } @media all and (min-width: 1205px) { .keyboard { display: inline-block; white-space: nowrap; } .keyboard_btn { font-size: .47em; display: inline-block; min-width: 26px; min-width: 1.444rem; min-height: 26px; min-height: 1.444rem; box-sizing: border-box; padding: 4px 6px; background: #f7f8f8; border-radius: 3px; font-family: 'Arial'; text-align: center; letter-spacing: 0; } .keyboard_btn-large { margin-left: 6px; min-width: 42px; text-align: right; } } .labels_container { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -9px; margin-right: -5px; margin-left: -4px; } .labels_item { box-sizing: border-box; margin-top: 9px; padding-right: 5px; padding-left: 4px; width: 16.66666666666667%; } @media all and (max-width: 1204px) { .labels_item { width: 20%; } } @media all and (max-width: 759px) { .labels_item { width: 25%; } } @media all and (max-width: 479px) { .labels_item { width: 33.33333333%; } } .labels_link { border: 1px solid #eaeaea; border-radius: 3px; color: #6b6b6b; display: block; font-family: "RostelecomBasis-Medium"; font-size: 0.7222222222222222rem; height: 30px; line-height: 30px; padding-right: 3px; padding-left: 3px; text-align: center; transition: background-color 0.2s, border-color 0.2s, color 0.2s; } .labels_link:hover { border-color: #ff4f12; color: #6b6b6b; } .labels_link:active, .labels_link:focus { border: 1px solid #ff4f12; } .labels_link.active { background-color: #ff4f12; border-color: #ff4f12; color: #fff; } /* Выбор языка в шапке */ .lang { display: inline-block; vertical-align: middle; margin-left: 1.555555555555556em; margin-top: .3888888888888889em; white-space: nowrap; } @media all and (max-width: 1204px) { .lang { margin-left: 0; } } @media all and (max-width: 759px) { .lang { margin: 0; } } .lang_item { box-sizing: border-box; width: 31px; padding-top: 0.61538462em; padding-bottom: 0.38461538em; text-align: center; font-size: 13px; font-size: .723em; line-height: 1; float: left; border: 1px solid #d5d6d9; color: #6b6b6b; transition: color .7s; text-transform: uppercase; text-decoration: none; } .lang_item:first-child { border-left: 1px solid #d5d6d9; margin-left: 0; } .lang_item:focus { border: 1px solid #eaeaea; } .lang_item:focus.ru { border-right: none; } @media all and (max-width: 759px) { .lang_item:focus.ru { border: 1px solid #eaeaea; } } .lang_item:focus.en { border-left: 0; } @media all and (max-width: 759px) { .lang_item:focus.en { border: 1px solid #eaeaea; } } .lang_item.g-active { background: #7700ff; border-color: #7700ff; color: #fff; cursor: default; } @media all and (max-width: 759px) { .lang_item.g-active { display: none; } } @media all and (max-width: 759px) { .lang_item { border-radius: 5px; padding-top: 0.38461538em; padding-bottom: 0.15384615em; margin-top: -0.61538462em; width: 2.153846153846154em; } } .lang_item.ru { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-right: 0; padding-right: 1px; } @media all and (max-width: 759px) { .lang_item.ru { border-right: 1px solid #eaeaea; } } .lang_item.en { border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-left: 0; } @media all and (max-width: 759px) { .lang_item.en { border-left: 1px solid #eaeaea; } } /* lm */ .lm { position: relative; top: 0; border-top: 1px solid #d5d6d9; border-bottom: 1px solid #d5d6d9; left: 0; margin: 2.8em 0; border-left: 1px solid #d5d6d9; border-right: 1px solid #d5d6d9; border-bottom: none; white-space: normal; } .lm-indent { padding: .1px 0; } .lm-info { background: #00a8ff; color: #fff; } .lm-light { background: #f7f8f8; } .lm-home { background: #f7f7f7; padding-bottom: 30px; } .lm ul { display: none; margin: 0; } .lm ul ul { margin: 0 0 0 6%; } .lm li { margin: 0; padding: 0; } .lm li:before { display: none; } .lm .lm_1st-lvl > li > ul { display: block; margin: 0 6% 0 0; } .lm .lm_1st-lvl > li > ul > li > a.g-active { color: #ff4f12; padding-right: 3.2em; position: relative; } .lm .lm_1st-lvl > li > ul > li > a.g-active::before { content: ""; display: block; position: absolute; left: 0; top: 0; height: 100%; width: .308em; background-color: #ff4f12; } .lm .lm_1st-lvl > li > ul > li > a.g-active + ul a.g-active { color: #ff4f12; } .lm .lm_1st-lvl > li > ul > li > a.g-active + ul a:hover { color: #ff4f12; } .lm .lm_1st-lvl > li > ul > li > a + ul > li > ul a { border-bottom: none; } .lm_item { position: relative; font-family: "RostelecomBasis-Medium"; font-size: 15px; font-size: .833em; letter-spacing: .004em; color: #858585; display: inline-block; text-decoration: none; transition: color .7s, padding .7s; margin: 0 20px; padding: 1.9em 0; display: block; margin: 0; padding: .8em 1.8em; border-bottom: 1px solid #d5d6d9; } .lm_item:hover { color: #101828; } .lm_item:focus { border-bottom: 1px solid #eaeaea; } .lm_item.lm_item.g-active { color: #101828; } .lm_item.lm_item--parent { cursor: pointer; } .lm_item.lm_item--parent.is-opened .lm_item-dropdown-ico { transform: rotate(180deg); } .lm_item.lm_item--title { border-bottom: 2px solid #7700ff; color: #101828; } .lm_item-dropdown-ico { display: block; position: absolute; top: 50%; right: -10px; margin-top: -14px; height: 30px; width: 30px; background: url('/img/symbols/dropdown-arrow.png') 50% 50% no-repeat; transition: transform .2s; } .lm_1st-lvl { position: relative; } @media all and (max-width: 989px) { .lm_1st-lvl { border: 1px solid #eee; border-top: none; } } .lm .lm_1st-lvl { display: block; } .lm_1st-lvl:after { content: " "; display: block; height: 1px; width: 100%; position: absolute; left: 0; bottom: 0; background: #eaeaea; } .lm_1st-lvl > li > ul { display: block; margin: 0 6%; } .lm_1st-lvl .lm_item.g-active + ul { display: block; } .lm_1st-lvl > li > .lm_item.g-active { position: relative; } .lm_1st-lvl > li > .lm_item.g-active::before { content: ""; display: block; position: absolute; left: 0; top: 0; height: 100%; width: .308em; background-color: #7700ff; } .lm_1st-lvl > li > .lm_item.g-active.lm_item--parent .lm_item-dropdown-ico { right: 10px; } @media all and (min-width: 990px) { .mobile-menu .lm { display: none; } } @media all and (min-width: 1205px) { .lm { left: 0; margin: 2.8em 0; border-left: 1px solid #d5d6d9; border-right: 1px solid #d5d6d9; border-bottom: none; white-space: normal; } .lm_item { display: block; margin: 0; border-bottom: 1px solid #d5d6d9; } } @media all and (max-width: 989px) { .lm { border-left: none; border-right: none; margin: 0 0 30px; border-top: none; } .lm .lm_item-dropdown-ico { right: -4px; background: url('/img/symbols/dropdown-big.png') 50% 50% no-repeat; background-size: 15px 8px; } .lm .lm_1st-lvl > li > .lm_item.g-active { position: relative; } .lm .lm_1st-lvl > li > .lm_item.g-active::before { content: ""; display: block; position: absolute; left: 0; top: 0; height: 100%; width: .308em; background-color: #7700ff; } .lm .lm_1st-lvl > li > .lm_item.g-active.lm_item--parent .lm_item-dropdown-ico { right: 15px; } .lm .lm_1st-lvl > li > .lm_item.g-active + ul { display: none; } .mobile-menu .lm { display: block; } } @media all and (max-width: 759px) { .lm .lm_1st-lvl > li > .lm_item.g-active.lm_item--parent .lm_item-dropdown-ico { right: 5px; } } @media all and (max-width: 989px) { .mobile-menu { margin: 0 -20px; } } .pr-logout-button { display: none; text-align: right; } .btn-form { color: #fff !important; } .pr-logout-button-form-new { float: right; margin-top: 1em; } .pr-logout-link { display: inline-block; } @media all and (max-width: 989px) { .pr-logout-button { display: block; } .pr-logout-link { display: none; } .button-left { float: left !important; } } /* loadItem */ .loadItem { border-bottom: 0; position: relative; left: 0; top: 0; display: block; min-width: 130px; margin: 1.666666666666667rem 0; } .loadItem:before { content: ""; display: table; } .loadItem:after { content: ""; display: table; clear: both; } .loadItem_icon { color: #ccc; float: left; margin-right: 20px; } @media all and (max-width: 479px) { .loadItem_icon { margin-right: 10px; height: 42px; width: 35px; } } .loadItem_content { display: block; float: left; width: calc(100% - 70px); } @media all and (max-width: 479px) { .loadItem_content { width: calc(100% - 55px); } } .loadItem_date { display: block; margin-top: -3px; margin-bottom: 5px; font-family: 'RostelecomBasis-Medium'; font-size: 13px; text-transform: uppercase; color: #858585; } .loadItem_separator { display: block; margin-top: -3px; margin-bottom: 5px; font-family: 'RostelecomBasis-Medium'; font-size: 13px; text-transform: uppercase; color: #858585; } .loadItem_info { display: block; margin-top: -1px; margin-bottom: 5px; font-family: "RostelecomBasis-Medium"; font-size: 13px; text-transform: uppercase; color: #6b6b6b; } .loadItem_desc { overflow: hidden; color: #333333; transition: color .25s ease; } @media all and (max-width: 479px) { .loadItem_desc { font-size: 0.889em; /* 16/18 */ } } .loadItem:hover .loadItem_desc { color: #ff4f12; } td .loadItem { margin: 0; } p > .loadItem { margin: 1.6em 0; } .loadItem .date_info { font-weight: bold; } .loadItem--with-date .loadItem_desc { display: block; } .loadItem--with-date .loadItem_meta { display: block; margin-top: -1px; } .loadItem--with-date .loadItem_date { display: inline; margin: 0; vertical-align: top; font-weight: bold; } .loadItem--with-date .loadItem_separator { display: inline; margin: 0; vertical-align: top; } .loadItem--with-date .loadItem_info { display: inline; margin: 0; vertical-align: top; } /* logo */ .logo { border-bottom: 0; display: inline-block; margin-bottom: 1.222222222222222em; margin-top: 1.055555555555556em; vertical-align: middle; } .logo_icon { vertical-align: middle; } .logo_name { display: inline-block; vertical-align: middle; } .logo_img { display: block; height: 60px; } .logo--ru .logo_img { width: 193px; } .logo--en .logo_img { width: 193px; } .logo_img--device { display: none; } @media all and (max-width: 1204px) { .logo { margin-bottom: 1.166666666666667em; margin-top: 1.166666666666667em; } .logo_img { height: 2.33333333em; } .logo--ru .logo_img { width: 6.33333333em; } .logo--en .logo_img { width: 6em; } .logo_img--desktop { display: none; } .logo_img--device { display: inline-block; } } @media all and (max-width: 759px) { .logo { margin-bottom: .7777777777777778em; margin-top: .7777777777777778em; } .logo_img { height: 2.33333333em; } .logo--ru .logo_img { width: 6em; } } @media all and (max-width: 479px) { .logo { margin-bottom: .5em; margin-top: .5em; } .logo_img { height: 34px; } } /* Сделано в */ .madeIn { margin-bottom: 1.6em; } .madeIn_text { display: inline-block; vertical-align: top; font-family: Arial; color: #cdcdcd; font-size: 0.722em; line-height: 2.154; } .madeIn_logo { display: inline-block; vertical-align: top; width: 6.167em; height: auto; margin-left: .1em; margin-top: .4em; } .madeIn a { border-bottom: 0; } /* margin-bottom */ .main { padding-right: 0; } .remodal-is-locked .main { overflow-y: hidden; } .main_frame { min-height: 100%; width: 100%; overflow: hidden; } /* Про ошибку в футере */ .mistake { margin-bottom: 1.6em; } .mistake:before { content: ""; display: table; } .mistake:after { content: ""; display: table; clear: both; } .mistake_keyboard { float: left; margin-right: 1.1em; } .mistake_text { overflow: hidden; font-size: .64em; line-height: 1.5em; } .mistake_btn--confirm { margin-top: 2em; margin-bottom: 0; padding: 0 30px; line-height: 30px; } /* Основное меню в шапке */ .mm { margin: 1.15em .2777777777777778em 1.45em 0; display: inline-block; vertical-align: middle; } .nav-bottom .mm { margin-left: 0; margin-right: 0; margin-bottom: 1.11111111rem; white-space: nowrap; } .mm_item { border-bottom: 0; font-size: 14px; font-size: .778em; font-family: "RostelecomBasis-Bold"; margin-left: 1.857142857142857em; color: #a8b3ba; white-space: nowrap; letter-spacing: 0.004em; text-decoration: none; } .mm_item:hover { color: #fff; } .mm_item:first-child { margin-left: 0; } .main-en .mm_item:first-child, .en .mm_item:first-child { margin-left: 2em; } .nav-bottom .mm_item { color: #cdcdcd; font-weight: bold; font-size: 0.88888889rem; margin-left: 2.16666667rem; } .nav-bottom .mm_item:first-child { margin-left: 0; } .nav-bottom .mm_item:hover { color: #ffffff; } @media all and (max-width: 1204px) { .mm { display: none; } } .mosaic-box { position: relative; width: 100%; } .mosaic-box .symbolBtn-bg { display: none; } .mosaic-box .mosaic_content { text-align: right; } .mosaic-box.soc .mosaic_content { text-align: left; } .mosaic-box a .mosaic_content { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.9), rgba(255, 255, 255, 0) 50%); } .mosaic { background-color: #000000; background-color: rgba(0, 0, 0, 0.1); display: block; overflow: hidden; position: absolute; top: 0; left: 0; width: 25%; border-bottom: 0; } .mosaic .btn { letter-spacing: .046em; border-radius: 0 6px 0 0; } .mosaic .btn::after { background: url(/img/fold_grey.svg) 50% 50% no-repeat; background-size: cover; content: ""; display: block; height: 10px; position: absolute; right: -1px; top: 100%; width: 17px; z-index: -1; } .mosaic .titleBtn { border-radius: 0 6px 0 0; } .mosaic .titleBtn::after { background: url(/img/fold_grey.svg) 50% 50% no-repeat; background-size: cover; content: ""; display: block; height: 10px; margin-top: 2px; position: absolute; right: -2px; top: 100%; width: 17px; z-index: -1; } .mosaic--big { width: 50%; } .mosaic--accounting { top: 50%; left: 25%; } .mosaic--financial-results { top: 0; left: 25%; } .mosaic--present { top: 0; left: 75%; } .mosaic--graph { top: 50%; left: 0; } .mosaic--report { top: 0; left: 0; } .mosaic--strategy { top: 50%; left: 50%; } .mosaic--calendar { top: 50%; left: 75%; } .mosaic--learn { top: 0; left: 0; } .mosaic--noon { top: 0; left: 25%; } .mosaic--cool { top: 0; left: 75%; } .mosaic--it-height { top: 50%; left: 0; } .mosaic--give { top: 50%; left: 25%; } .mosaic--star { top: 50%; left: 50%; } .mosaic--alphabet { top: 50%; left: 75%; } .mosaic--patt1 { background: #f7f7f7; } .mosaic--patt1 .mosaic_title { color: #262626; } .mosaic--patt1 .titleBtn { background-color: #ff4f12; border-color: #ff4f12; } .mosaic--patt2 { background: #f7f7f7; } .mosaic--patt2 .mosaic_title { color: #262626; } .mosaic--patt2 .titleBtn { background-color: #ff4f12; border-color: #ff4f12; } .mosaic--bg .mosaic_bg { background-size: cover; background-position: center center; background-repeat: no-repeat; height: 100%; position: absolute; top: 0; left: 0; transform: scale(1.05); transition: transform 0.5s ease-out 0s; width: 100%; } .mosaic--bg:after { background: #000000; background: rgba(0, 0, 0, 0.1); content: ''; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; z-index: 0; } .mosaic--accounting .mosaic_bg { background-position: 70% 0; } .mosaic:hover .mosaic_bg { transform: scale(1); transition: transform 0.5s ease-in 0.1s; } .mosaic_content { box-sizing: border-box; height: 100%; position: absolute; padding: 14.85148514851485% 9.900990099009901%; top: 0; left: 0; width: 100%; z-index: 10; } .mosaic--big .mosaic_content { padding: 7.425742574257426% 4.95049504950495%; } .mosaic-box.soc .mosaic_content { padding: 9.900990099009901% 7.425742574257426%; } .mosaic-box.soc .mosaic--big .mosaic_content { padding: 4.95049504950495% 3.712871287128713%; } .mosaic-box.soc .titleBtn { background-color: #ff4f12; border-color: #ff4f12; position: relative; } .mosaic_name { position: relative; display: inline-block; margin-bottom: 0; padding: .286em .715em; background-color: #ff4f12; color: #fff; font-family: "RostelecomBasis-Bold"; font-size: .778em; line-height: 1.65; vertical-align: top; border-top-right-radius: 6px; } .mosaic_name::after { background: url(/img/fold_grey.svg) 50% 50% no-repeat; background-size: cover; content: ""; display: block; height: 10px; position: absolute; right: -1px; top: 100%; width: 17px; z-index: -1; } .mosaic_tag { text-align: right; } .mosaic_tag span { margin-bottom: 4.583333333333333em; } .mosaic_title { position: absolute; bottom: 0; left: 0; padding: 0 1.08em 1.08em; color: #fff; font-family: "RostelecomBasis-Bold"; font-size: 16px; font-size: .889em; line-height: 1.5; z-index: 1; } .mosaic_height { padding-top: 100%; } .mosaic--big .mosaic_height { padding-top: 50%; } .mosaic-box_height { padding-top: 50%; } @media screen and (min-width: 990px) and (max-width: 1199px) { .mosaic { width: 33.33333333333333%; } .mosaic--big { width: 66.66666666666667%; } .mosaic--accounting { top: 0; left: 33.33333333333333%; } .mosaic--financial-results { top: 33.33333333333333%; left: 0; } .mosaic--present { top: 33.33333333333333%; left: 66.66666666666667%; } .mosaic--graph { top: 0; left: 66.66666666666667%; } .mosaic--report { top: 0; left: 0; } .mosaic--strategy { top: 66.66666666666667%; left: 0; } .mosaic--calendar { top: 66.66666666666667%; left: 33.33333333333333%; } .mosaic--learn { top: 0; left: 0; } .mosaic--noon { top: 0; left: 33.33333333333333%; } .mosaic--cool { top: 33.33333333333333%; left: 0; } .mosaic--it-height { top: 33.33333333333333%; left: 33.33333333333333%; } .mosaic--give { top: 33.33333333333333%; left: 66.66666666666667%; } .mosaic--star { top: 66.66666666666667%; left: 0; } .mosaic--alphabet { top: 66.66666666666667%; left: 33.33333333333333%; } .mosaic--alphabet { width: 66.66666666666667%; } .mosaic--alphabet .mosaic_height { padding-top: 50%; } .mosaic-box.soc .mosaic--alphabet .mosaic_content { padding: 4.95049504950495% 3.712871287128713%; } .mosaic--calendar { width: 66.66666666666667%; } .mosaic--calendar .mosaic_height { padding-top: 50%; } .mosaic--calendar .mosaic_content { padding: 7.425742574257426% 4.95049504950495%; } .mosaic-box_height { padding-top: 100%; } } @media screen and (min-width: 760px) and (max-width: 989px) { .mosaic { width: 50%; } .mosaic--big { width: 100%; } .mosaic--accounting { top: 25%; left: 0; } .mosaic--financial-results { top: 0; left: 0; } .mosaic--present { top: 50%; left: 0; } .mosaic--graph { top: 25%; left: 50%; } .mosaic--report { top: 50%; left: 50%; } .mosaic--strategy { top: 75%; left: 0; } .mosaic--calendar { top: 75%; left: 50%; } .mosaic-box_height { padding-top: 200%; } } @media screen and (max-width: 759px) { .mosaic { width: 50%; } .mosaic--big { width: 100%; } .mosaic--accounting { top: 0; left: 0; } .mosaic--financial-results { top: 25%; left: 0; } .mosaic--present { top: 50%; left: 50%; } .mosaic--graph { top: 0; left: 50%; } .mosaic--report { top: 50%; left: 0; } .mosaic--strategy { top: 75%; left: 0; } .mosaic--calendar { top: 75%; left: 50%; } .mosaic_name { font-family: "RostelecomBasis-Medium"; font-size: .778rem; line-height: 1.45em; } .mosaic-box_height { padding-top: 200%; } } @media screen and (min-width: 481px) and (max-width: 989px) { .mosaic--learn { top: 0; left: 0; } .mosaic--noon { top: 25%; left: 0; } .mosaic--cool { top: 50%; left: 0; } .mosaic--it-height { top: 0; left: 50%; } .mosaic--give { top: 50%; left: 50%; } .mosaic--star { top: 75%; left: 0; } .mosaic--alphabet { top: 75%; left: 50%; } .mosaic_tag span { font-family: "RostelecomBasis-Medium"; font-size: .75em; line-height: 2em; min-height: 2em; margin-bottom: 5em; padding: 0 1em; } } @media screen and (max-width: 480px) { .mosaic--learn { top: 0; left: 0; } .mosaic--noon { top: 25%; left: 0; } .mosaic--cool { top: 50%; left: 0; } .mosaic--it-height { top: 0; left: 50%; } .mosaic--give { top: 50%; left: 50%; } .mosaic--star { top: 75%; left: 0; } .mosaic--alphabet { top: 75%; left: 50%; } .mosaic_tag span { font-family: "RostelecomBasis-Medium"; font-size: 8px; line-height: 24px; min-height: 24px; margin-bottom: 3.75em; padding: 0 1em; } .mosaic_title { font-family: "RostelecomBasis-Medium"; font-size: 12px; line-height: 16px; } } /* nav */ .nav { position: relative; left: 0; top: 0; z-index: 10; width: 100%; display: block; transition: opacity .7s, visivility .7s; } .nav_frame { height: 69px; background: #313948; color: #fff; } .nav_frame-fixed { position: fixed; left: 0; top: 0; width: 100%; } #bx-panel.bx-panel-fixed ~ .main_frame .nav_frame-fixed { top: 147px; } #bx-panel.bx-panel-folded.bx-panel-fixed ~ .main_frame .nav_frame-fixed { top: 39px; } @media all and (max-width: 759px) { .nav_frame { height: 50px; } } .nav_content { display: table; width: 100%; border-collapse: collapse; } @media all and (max-width: 1204px) { .nav_content { height: 100%; } } .nav_left { vertical-align: middle; display: table-cell; } .nav_right { vertical-align: middle; display: table-cell; text-align: right; } .nav_burger-btn { border-bottom: 0; display: inline-block; line-height: 0; } .nav_btn { display: inline-block; height: 1.166666666666667em; margin-top: .2222222222222222em; width: 1.388888888888889em; } .nav_burger-btn:hover .nav_btn { fill: #a8b3ba; } @media all and (max-width: 1204px) { .nav_btn { margin-top: .2777777777777778em; } } @media all and (max-width: 759px) { .nav_btn { height: .8333333333333333em; margin-top: .3333333333333333em; width: 1.166666666666667em; fill: #fff !important; } } .nav_search { display: none; } @media all and (max-width: 1204px) { .nav_search .search { right: 2em; top: .4444444444444444em; } } @media all and (max-width: 989px) { .nav_search .search { right: 4em; } } @media all and (max-width: 759px) { .nav_search .search { right: 1.5em; } } .nav_search .search_toggle { margin-top: 0; } .nav_search .search_toggle .search_loupe { fill: #fff; height: 1.4em; width: 1.4em; } @media all and (max-width: 759px) { .nav_search .search_toggle .search_loupe { height: 1em; width: 1em; fill: #fff !important; } } .nav_search .search_toggle .symbol-close { fill: #fff; } .nav_search .search_toggle:hover .search_loupe { fill: #a8b3ba; } .nav_search .search_toggle:hover .symbol-close { fill: #a8b3ba; } @media all and (max-width: 759px) { .nav_search .search_toggle { margin-right: -0.25em; } } @media all and (max-width: 759px) { .nav_search .search_field { height: 2.461538461538462em; padding: .3846153846153846em 3em .3846153846153846em .7692307692307692em; } } @media all and (max-width: 759px) { .nav_search .search_button { right: .8em; top: .5em; } } @media all and (max-width: 1204px) { .nav_search { display: block; } } @media all and (max-width: 759px) { .nav_search { display: inline-block; margin-right: .1111111111111111em; vertical-align: middle; } } .nav_lang { display: none; } .nav_lang .lang_item { border-color: #fff; color: #fff; } @media all and (max-width: 759px) { .nav_lang { display: inline-block; margin-top: .2222222222222222em; vertical-align: middle; } } .nav_sep { display: none; } @media all and (max-width: 759px) { .nav_sep { background-color: #c0c0c0; display: inline-block; height: 1em; margin: 0 1em; vertical-align: middle; width: 1px; } } .nav-bottom { margin: 0 auto; padding: 10px 0; border-bottom: 1px solid #cdcdcd; background: #96989a; color: #cdcdcd; } .nav-bottom .nav_left { display: none; } .nav-bottom .nav_right { text-align: center; } .main-home .nav-bottom { background: #96989a; } @media all and (max-width: 1204px) { .nav-bottom { padding: 0; } } .nav-top { height: 69px; } @media all and (max-width: 759px) { .nav-top { height: 50px; } } .main-siteMap .nav { position: absolute; left: -9999px; top: -9999px; visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } @media all and (max-width: 1204px) { .nav .column { height: 100%; } } @media all and (max-width: 989px) { .nav .column { margin: 0; padding: 0 42px; } } @media all and (max-width: 759px) { .nav .column { margin-left: 20px; margin-right: 20px; padding: 0; } } .news-section { position: relative; margin-top: 1.4rem; } .news-section_top { margin-bottom: 30px; } .news-section_top:before, .news-section_top:after { content: ""; display: table; clear: both; } .news-section_period-wrap { display: table; height: 30px; margin-right: 240px; } @media all and (max-width: 759px) { .news-section_period-wrap { margin-right: 85px; } } .news-section_period { display: table-cell; vertical-align: middle; text-transform: uppercase; font-family: "RostelecomBasis-Medium"; line-height: 1em; font-size: 0.778em; /* 14/18 */ color: #adadad; } @media all and (max-width: 759px) { .news-section_period { line-height: 1.5em; font-size: 0.722em; /* 13/18 */ } } .news-section_header { display: inline-block; margin: -0.5rem 0 0.75em; } .news-section .controls { display: inline-block; vertical-align: middle; float: right; } .content_section h1 + .news-section { margin-top: 0; } .news { border-top: 1px solid #eaeaea; } .news:before, .news:after { content: ""; display: table; clear: both; } @media screen and (max-width: 989px) { .news_item { width: 100%; } } .news--list-view .item { width: 100%; height: auto; } .news--list-view .item.item--covered:before { display: none; } .news--list-view .item.item--covered .item_cover { display: none; } .news--list-view .item_category { float: none; height: auto; margin-bottom: 20px; margin-left: 150px; text-align: left; } @media (max-width: 760px) { .news--list-view .item_category { margin-left: 0; } } .news--list-view .item_text { position: relative; bottom: 0; left: 0; right: 0; clear: none; margin-left: 150px; max-height: 100%; margin-bottom: 0.2em; } @media (max-width: 760px) { .news--list-view .item_text { margin-left: 0; } } .news-detail .navigation { padding-top: 15px; } .news-detail .social_link { line-height: 1rem; } .news_row { display: table; width: 100%; } @media all and (max-width: 989px) { .news_row { display: block; } } .news_row--single { width: 50%; } @media all and (max-width: 989px) { .news_row--single { width: 100%; } } /* Партнеры */ .partners { font-size: 0; margin: -4.66666667rem -2.14814815rem 0; } .partners__col { box-sizing: border-box; display: inline-block; margin-top: 4.666666666666667rem; padding: 0 2.148148148148148rem; text-align: center; vertical-align: middle; width: 25%; } .partners__logo { line-height: 0; } .partners__logo:hover .partners__image--default { display: inline; } .partners__logo:hover .partners__image--black { display: none; } .partners__logo a { border-bottom: 0; } .partners__image { max-width: 100%; } .partners__image--default { display: none; } @media all and (max-width: 759px) { .partners__col { width: 33.33333333333333%; } } @media all and (max-width: 479px) { .partners { margin-top: -2rem; } .partners__col { margin-top: 2rem; width: 50%; } } .person { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 30px 0; padding-left: 20px; } @media all and (max-width: 479px) { .person { display: block; } } .person_photo { line-height: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-top: 6px; width: 90px; } @media all and (max-width: 479px) { .person_photo { margin-bottom: .2rem; } } .person_img { width: 100%; } .person_info { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 70%; flex-basis: 70%; margin-left: 20px; } @media all and (max-width: 759px) { .person_info { -ms-flex-preferred-size: 40%; flex-basis: 40%; } } @media all and (max-width: 479px) { .person_info { margin-left: 0; } } .person_name { font-weight: bold; margin: 0; } .person_data { margin: .3rem 0; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .person_data--one-line { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .person_data--one-line a { line-height: 1.5; } /* person in aside */ .person--aside { padding-left: 0; } .person--aside:first-child { margin-top: 0; } .person--aside:last-child { margin-bottom: 0; } .person--aside .person_photo { float: left; width: 70px; } .person--aside .person_info { margin-left: 85px; } .person--aside .person_contact { margin-top: .625em; } .person--aside .person_contact .person_data { color: #333333; font-family: "RostelecomBasis-Medium"; margin: 0; } .person--aside .person_name { color: #333333; font-size: .9444444444444444em; } .person--aside .person_data { font-size: .889em; line-height: 1.33333em; } .person--aside .person_data--one-line a { line-height: 1.5; } /* /person in aside */ .pictograms { position: relative; width: 100%; } .pictograms:before, .pictograms:after { display: table; clear: both; content: ''; } .pictograms li { float: left; padding-left: 0; position: static; } .pictograms > li.picto:before, ul.vacancy li:before { display: none; } .picto span { background-color: #fff; background-image: url(/img/career/sprite_pic.png); background-repeat: no-repeat; display: block; height: 32px; width: 32px; } .picto1 span { background-position: -5px -5px; } .picto2 span { background-position: -89px -5px; } .picto3 span { background-position: -5px -47px; } .picto4 span { background-position: -89px -47px; } .picto5 span { background-position: -5px -89px; } .picto6 span { background-position: -89px -89px; } .picto7 span { background-position: -5px -131px; } .picto8 span { background-position: -89px -131px; } .picto9 span { background-position: -173px -5px; } .picto1.active span { background-position: -47px -5px; } .picto2.active span { background-position: -131px -5px; } .picto3.active span { background-position: -47px -47px; } .picto4.active span { background-position: -131px -47px; } .picto5.active span { background-position: -47px -89px; } .picto6.active span { background-position: -131px -89px; } .picto7.active span { background-position: -47px -131px; } .picto8.active span { background-position: -131px -131px; } .picto9.active span { background-position: -173px -47px; } .pictograms li.active .picto-text { display: block; } @media only screen and (min-width: 990px) { .pictograms { margin-bottom: 7em; } .pictograms li { margin-left: 7.9%; } .pictograms li:first-child { margin-left: 0; } .picto-text { display: none; position: absolute; top: 33px; left: 0; width: 100%; } .picto-text p { border-top: 1px solid #e6e6e7; padding: 1.75em 0; } } @media only screen and (min-width: 990px) and (max-width: 1150px) { .pictograms li { margin-left: 6.5%; } } @media only screen and (min-width: 1151px) and (max-width: 1240px) { .pictograms li { margin-left: 7.5%; } } @media only screen and (min-width: 481px) and (max-width: 989px) { .pictograms li { float: none; display: inline-block; margin-bottom: 10px; overflow: hidden; width: 49%; vertical-align: top; } .pictograms li span { float: left; position: relative; top: 5px; } .picto-text { margin-left: 35px; padding: 0 .625em; } .picto-text p { margin: 0; } } @media only screen and (max-width: 480px) { .pictograms li { float: none; margin-top: 10px; overflow: hidden; width: 100%; } .pictograms li :first-child { margin-top: 0; } .pictograms li span { float: left; position: relative; top: 5px; } .picto-text { padding-left: .625em; margin-left: 35px; } } .pr-files { margin-bottom: 1em; } .pr-files:before { content: ""; display: table; } .pr-files:after { content: ""; display: table; clear: both; } .pr-files .tbl--line .pr-files_cell { vertical-align: middle; } .pr-files .tbl--line .pr-files_cell--title { font-family: "RostelecomBasis-Medium"; font-size: .7222222222222222em !important; line-height: 1; text-transform: uppercase; } @media all and (max-width: 479px) { .pr-files .tbl--line .pr-files_cell--title { line-height: inherit; } } .pr-files .tbl--line .pr-files_cell--addfile { font-size: .8888888888888889em !important; padding-right: 1em; text-transform: none; text-align: right; width: 30%; } .pr-files .tbl--line .pr-files_cell--addfile .pr-files_addfile { border-bottom: 1px dotted #00a8ff; } .pr-files .tbl--line .pr-files_cell--addfile .pr-files_addfile-plus { font-family: "RostelecomBasis"; font-size: 170%; font-weight: 700; vertical-align: -4px; } @media all and (max-width: 479px) { .pr-files .tbl--line .pr-files_cell--addfile .pr-files_addfile-plus { display: none; } } .pr-files .pr-files_block { margin-bottom: 2.222222222222222em; } .pr-files .symbol-up-folder { vertical-align: middle; } @media all and (max-width: 479px) { .pr-files { font-size: 90%; } } .pr-files_up-folder { margin-left: 0.1111111111111111em; vertical-align: middle; } .pr-files_link { font-family: "RostelecomBasis-Medium"; line-height: 1; } .pr-files_link:hover .symbol-up-folder { color: #4fc3ff; } .pr-files_file .loadItem_desc { font-family: "RostelecomBasis-Medium"; } @media all and (max-width: 479px) { .pr-files_file .loadItem_info { font-size: 0.7222222222222222em; margin-bottom: 0; } .pr-files_file .loadItem_desc { line-height: 1; } } .pr-files_file-info { color: #858585; font-size: .8125em; margin-top: 1.25em; } .pr-files_file-info span:first-child { font-family: "RostelecomBasis-Medium"; } .pr-files_file-info .pr-files_date { display: inline-block; margin-right: 1em; } @media all and (max-width: 479px) { .pr-files_file-info .pr-files_date { margin-rigth: 0; } } .pr-files_file-info .pr-files_author { display: inline-block; } .pr-files_action-box { padding-right: 0.625em; text-align: right; white-space: nowrap; } @media all and (max-width: 479px) { .pr-files_action-box { font-size: 1.8em; white-space: normal; } .pr-files_action-box .symbol-share-link { height: 1em; width: auto; } .pr-files_action-box .symbol-pencil { height: 1em; width: auto; } .pr-files_action-box .symbol-trash { margin-right: 2px; height: 1em; width: auto; } } .pr-files_action { display: inline-block; margin-bottom: 0.5em; } @media all and (max-width: 479px) { .pr-files_action { display: block; } } .pr-files_action:not(:first-child) { margin-left: .9375em; } .pr-files_action :last-child { margin-bottom: 0; } .pr-files_action .symbol { color: #a2a3a4; } .pr-files_action .symbol:hover { color: #00a8ff; } .pr-files_modal { max-width: 850px; padding: 2.666666666666667rem 3.333333333333333rem 2.333333333333333rem 2.944444444444444rem; text-align: left; } .pr-files_modal .form_row { margin-bottom: 1.666666666666667em; } .pr-files_modal--delete { max-width: 662px; padding-bottom: 3.277777777777778rem; text-align: center; } @media all and (max-width: 479px) { .pr-files_modal { padding: 1.5rem; } .pr-files_modal .popup--success { right: 1.5rem !important; } } @media all and (max-width: 759px) { .pr-files_modal .form_footer-cell--full { display: block; } .pr-files_modal .form_footer-cell { text-align: right; } } @media all and (min-width: 1205px) { .pr-files_modal .form .label-wrap { width: 25%; } .pr-files_modal .form input, .pr-files_modal .form textarea, .pr-files_modal .form .form-group, .pr-files_modal .filter_item-field { width: 70%; } } .pr-files_modal-name { color: #ff4f12; font-family: "RostelecomBasis-Medium"; font-size: .8888888888888889em; text-transform: uppercase; } .pr-files_modal-text { color: #858585; letter-spacing: -0.03em; margin: 1.055555555555556em auto 1.777777777777778em; max-width: 72.85974499089253%; } @media all and (max-width: 479px) { .pr-files_modal-text { max-width: 100%; } } .pr-files_modal-btn { margin: .3125em .5em; padding: 17px 45px; } .pr-files_popup { margin: 0 auto; max-width: 394px; left: 0; right: 0; } .filter_item-field { float: right; width: 60%; display: inline-block; margin: 0; padding: 1.25em 1.5em; box-sizing: border-box; resize: none; font: normal 13px/1.333; font-family: "RostelecomBasis"; letter-spacing: -0.01em; text-align: left; background: #fff; color: #333333; border: 1px solid #eaeaea; transition: border-color 0.7s; } @media all and (max-width: 479px) { .filter_item-field { width: 100%; float: none; } } .pr-files_modal .NFI-wrapper { overflow: hidden !important; width: 100%; display: inline-block; vertical-align: top; } .pr-files_modal .NFI-button { position: absolute !important; left: 0; top: 0; height: 100%; width: 100%; } .pr-files_modal .NFI-button input { width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; resize: both; font-size: 0 !important; } .pr-files_modal .NFI-button:after { content: ""; position: absolute; left: 20px; top: 14px; display: block; height: 22px; width: 24px; background: url('/img/paper-clip.png') 0 0 no-repeat; background-size: 100% 100%; pointer-events: none; } .pr-files_modal .NFI-filename { outline: none; border: none; background: none; font-family: "RostelecomBasis-Medium"; padding-left: 35px !important; padding-right: 20px !important; width: 100%; white-space: nowrap; text-overflow: ellipsis; } .pr-files_modal .typefiles { position: relative; } .pr-files_modal .typefiles .delete_file { position: absolute; cursor: pointer; top: 2px; font-size: 1.7rem; right: 0.7692307692307692rem; color: #adadad; } .pr-files_modal .typefiles .delete_file:hover { color: #333333; } .pr-files_modal--edit input[type="text"] { text-transform: uppercase; } .pr-files_modal--add input[type="text"] { text-transform: uppercase; } .pr-user_tbl-box { position: relative; } .pr-user_tbl .checkbox .checkbox-ico { background-color: #fff; } .pr-user_cell--name { width: 45.06172839506173%; } .pr-user_cell--pass { width: 21.97530864197531%; } .pr-user_cell--status { width: 20.61728395061728%; } .pr-user_cell--action { width: 12.34567901234568%; } .pr-user_name { display: block; font-family: "RostelecomBasis-Medium"; margin-top: .3125em; } .pr-user_email { display: block; margin-top: .5625em; padding-top: .4375em; position: relative; } .pr-user_email:before { background-color: #7700ff; content: ""; display: block; height: 2px; position: absolute; top: 0; left: 0; width: 30px; } .pr-user_link { display: inline-block; margin-top: .3125em; } .pr-user_inactive .pr-user_name { opacity: .4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; } .pr-user_inactive .pr-user_email { opacity: .4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; } .pr-user_action-box { white-space: nowrap; } .pr-user_action { border-bottom: 0; display: inline-block; } .pr-user_action:not(:first-child) { margin-left: .9375em; } .pr-user_action .symbol { color: #a2a3a4; } .pr-user_action .symbol:hover { color: #ff4f12; } .pr-user_footnote { color: #333333; font-size: .8888888888888889em; } .pr-user_modal { max-width: 588px; padding: 2.666666666666667rem 3.333333333333333rem 2.333333333333333rem 2.944444444444444rem; text-align: left; } .pr-user_modal .form_row { margin-bottom: 1.666666666666667em; } .pr-user_modal--delete { max-width: 662px; padding-bottom: 3.277777777777778rem; text-align: center; } @media all and (max-width: 479px) { .pr-user_modal { padding: 1.5rem; } } .pr-user_modal-name { color: #ff4f12; font-family: "RostelecomBasis-Medium"; font-size: .8888888888888889em; text-transform: uppercase; } .pr-user_modal-text { color: #858585; letter-spacing: -0.03em; margin: 1.055555555555556em auto 1.777777777777778em; max-width: 72.85974499089253%; } @media all and (max-width: 479px) { .pr-user_modal-text { max-width: 100%; } } .pr-user_modal-btn { margin: .3125em .5em; padding: 17px 45px; } .pr-user_popup { margin: 0 auto; max-width: 394px; left: 0; right: 0; } .pressTwitter { position: relative; width: 100%; height: auto; border: 1px solid #eaeaea; margin-top: 20px; } .pressTwitter a { color: #03a9f4; border-bottom: 0; } .pressTwitter .homeBox_frame { padding: 1.666666666666667em 1.277777777777778em 1.444444444444444em 1.277777777777778em; } .pressTwitter .homeBox_height { padding-bottom: 100%; } .pressTwitter .twitter_container { box-sizing: border-box; height: 100%; width: 100%; padding-top: 30px; padding-bottom: 35px; } .pressTwitter .twitter_link { position: absolute; top: 0; left: 50%; margin-left: -20px; z-index: 2; border-bottom: 0; } .pressTwitter .owl-carousel.owl-theme .owl-dots .owl-dot span { background: #101828; } @media all and (max-width: 1204px) { .pressTwitter .homeBox_content { height: auto; } .pressTwitter .homeBox_frame { position: static; height: auto; padding: 1.66666667rem 1.38888889rem 1.11111111rem; } .pressTwitter .homeBox_height { padding-bottom: 0; } .pressTwitter .tweet_wrap { padding-top: 2px; } .pressTwitter .tweet_wrap { padding-top: 2px; } .pressTwitter .tweet_outer-wrap { height: auto; padding-bottom: 0; } .pressTwitter .tweet_height { position: static; height: auto; } .pressTwitter .tweet_text { max-height: initial; } .pressTwitter .owl-carousel.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 0; } } @media all and (max-width: 1023px) { .pressTwitter .tweet_text { max-height: initial; } } .program a { text-decoration: none; } .program a:last-child .program_item { margin-bottom: 0; } .program_item { margin-bottom: 40px; transition: all 0.2s; } .program_item:hover { box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.1); } .program_item:hover .program_img:before { background-color: transparent; } .program_item:hover .program_img:after { bottom: 0; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .program_item:hover .program_heading { background-color: #7b949b; border-top-right-radius: 3px; } .program_item:hover .program_heading:before { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .program_item:hover .program_description { border-bottom-color: transparent; } .program_img-wpapper { border-collapse: collapse; border-spacing: 0; display: table; overflow: hidden; position: relative; width: 100%; } @media all and (max-width: 479px) { .program_img-wpapper { position: relative; table-layout: fixed; } } .program_img { background-size: cover; background-position: center center; display: table-cell; height: 70px; padding: 1.611111111111111em 4.555555555555556em 2.833333333333333em 1.833333333333333em; position: relative; vertical-align: bottom; z-index: 1; width: 100%; } .program_img:before { background-color: #000000; background-color: rgba(0, 0, 0, 0.3); content: ""; display: block; position: absolute; bottom: -100%; left: 0; right: 0; top: 0; z-index: -1; transition: all .2s; } .program_img:after { border-bottom: 205px solid #7b949b; border-left: 82px solid transparent; content: ""; display: block; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; bottom: -205px; right: 0; transition: all .2s; } @media all and (max-width: 759px) { .program_img:after { border-bottom-width: 60px; border-left-width: 30px; } } .program_img--tablet { display: none; } .program_img--mobile { display: none; } @media all and (max-width: 1023px) { .program_img { display: table-cell; } .program_img--desktop { display: none; } .program_img--mobile { display: none; } } @media all and (max-width: 479px) { .program_img { display: table-cell; height: 90px; padding: 1.681818181818182em 1.590909090909091em 1.681818181818182em .8181818181818182em; position: relative; vertical-align: bottom; } .program_img--desktop { display: none; } .program_img--tablet { display: none; } } .program_heading { color: #fff; display: inline-block; font-size: 1.222222222222222em; line-height: 1.409090909090909; margin: 0; letter-spacing: .0754em; padding-left: .3636363636363636em; padding-right: .3636363636363636em; position: relative; transition: background-color 0.2s; } .program_heading:before { background: url("/img/fold_orange.svg") 50% 50% no-repeat; background-size: cover; content: ""; display: block; height: 10px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; right: 0; top: 100%; width: 17px; z-index: -1; transition: opacity .2s; } @media all and (max-width: 479px) { .program_heading { max-width: 100%; word-wrap: break-word; } } a .program_description { cursor: pointer; } .program_description { border-bottom: 1px solid #d5d6d9; color: #333333; padding: 2.2222em 2.2222em; transition: all 0.3s; } .program_description ul { margin: 0; } .program_description li:last-child { margin-bottom: 0; } .program_description li { margin: 1.1111em 0; padding-left: 2.2em; } .program_description p { margin: 0; } @media all and (max-width: 479px) { .program_description { font-size: 16px; padding: 1.25em; } } .program_description.program_description--relative { position: relative; transition: height 0.3s; } .program_description.program_description--relative .limit_height { height: 245px !important; transition: height 0.3s; overflow: hidden; } .program_description.program_description--relative .show_button { transition: height 0.3s; height: auto; } .program_description.program_description--relative .show_button + .show_more { color: #858585; font-size: 1em; background: none; border: none; display: block !important; position: absolute; bottom: 9px; right: 15px; z-index: 2; cursor: pointer; outline: none; } .rating { margin-top: -0.83333333em; } .rating:before, .rating:after { content: ""; display: table; clear: both; } .rating_col { float: left; width: 48.76543209876543%; } .rating_col:last-child { margin-left: 2.469135802469136%; } .rating_item { border: 1px solid #eaeaea; margin-top: 1.9em; transition: box-shadow 0.2s linear; } .rating_item:hover { box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); } .rating_item--active { box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); } .rating_item--active:hover { box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); } .rating_item--active .rating_title { background-color: #ff4f12; } .rating_item .tab.active, .rating_item .tab:focus, .rating_item .tab:hover { box-shadow: none; } .rating_title { color: white; font-size: 1.445em; background-color: #7b939b; margin: 0; padding: .31em 1.25em; text-align: center; transition: background-color 0.1s linear; } .rating_title--align-l { text-align: left; } .rating_info { padding: 1.388888888888889em 1.666666666666667em; } .rating_date { font-family: "RostelecomBasis-Light"; display: block; margin-bottom: 1.277777777777778em; } .rating_forecast { color: #333333; display: block; margin-bottom: .3888888888888889em; } .ratign_value { font-family: "RostelecomBasis-Bold"; color: #333333; display: block; font-size: 2.1em; } .rating_history { margin-top: 1.111111111111111em; } .rating_history.tab .tab_header { background-color: transparent; border-bottom: 0; color: #333333; display: inline-block; color: #ff4f12; font-size: 1em; padding: 0 .8888888888888889em 0 0; position: relative; } .rating_history.tab .tab_header:after { background: url("/img/symbols/tab-header-arrow.png") 0 0 no-repeat; content: ""; display: block; height: 5px; position: absolute; top: .45em; right: 0; width: 9px; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; border-bottom: 0; border-left: 0; transition: transform .2s linear; } .rating_history.tab .tab_details { border-bottom: 0; background-color: transparent; padding: 0; } .rating_history.tab .rating_date { margin-bottom: 0; } .rating_history.tab .rating_forecast { margin-bottom: 0; } .rating_history.tab.active .tab_header:after { transform: rotate(-180deg); } .rating_history-list { border-collapse: collapse; border-spacing: 0; display: table; font-size: 1.145em; width: 100%; } .rating_history-row { display: table-row; } .rating_history-row:first-child .rating_history-block { padding-top: 1.0625em; } .rating_history-block { display: table-cell; padding-top: .9375em; vertical-align: top; } .rating_history-block--date { padding-right: .5em; width: 31.53153153153153%; } .rating_history-block--forecast { width: 68.46846846846847%; } @media all and (max-width: 1204px) { .rating_col { float: none; width: 100%; } .rating_col:last-child { margin-left: 0; } } @media all and (max-width: 479px) { .rating_title { font-size: 1em; } } @media all and (max-width: 359px) { .rating_title { padding-left: 1em; padding-right: 1em; } } .region { padding: 45px 21px 34px; background-color: #ffffff; border-radius: 5px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); box-sizing: border-box; } @media all and (min-width: 760px) { .region { padding: 45px 42px; } } @media all and (min-width: 760px) { .region__header { margin-bottom: 42px; } } .region--opened .region__toggle { transform: rotate(180deg); color: #ff4f12; } .region--opened .region__body { display: block; } .region--opened .region__header { margin-bottom: 30px; } .region__panel { box-sizing: border-box; position: absolute; top: -18.5px; left: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 100%; padding: 0 21px; } @media all and (min-width: 760px) { .region__panel { padding: 0 42px; } } .region__title { font-size: 18px; line-height: 1.27777778; overflow: hidden; max-width: calc(100% - 78px); margin: 0; padding: 7px 15px; white-space: nowrap; text-overflow: ellipsis; color: #ffffff; border-radius: 5px; background-color: #ff4f12; } @media all and (min-width: 1204px) { .region__title { font-size: 16px; line-height: 1.3125; } } .region__toggle { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; width: 39px; height: 37px; margin-left: auto; cursor: pointer; transition: color .2s; color: #313948; border-radius: 5px; background-color: #f7f8f8; } .region__toggle:hover, .region__toggle:focus { color: #ff4f12; } @media all and (min-width: 760px) { .region__toggle { display: none; } } .region__tab { box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -7.5px; } .region__tab-link { box-sizing: border-box; font-size: 16px; line-height: 1.3; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: calc(100% / 2 - 15px); margin: 7.5px; padding: 13px 7px 12px; transition: background-color 0.2s; color: #313948; border-bottom: none; border-radius: 5px; background-color: #f7f8f8; } .region__tab-link:hover, .region__tab-link:focus { color: #7700ff; } @media all and (min-width: 760px) { .region__tab-link:last-child { margin-right: 0; } } @media all and (min-width: 760px) { .region__tab-link { -ms-flex-direction: column; flex-direction: column; font-size: 12px; width: auto; min-width: 94px; height: 79px; margin-right: 25px; } } .region__tab-link--director { color: #ffffff; background-color: #7A929B; } .region__tab-link--director:hover, .region__tab-link--director:focus { color: #ffffff; background-color: #6c8690; } @media all and (min-width: 760px) { .region__tab-link--contacts { -ms-flex-order: 1; order: 1; margin-left: auto; } } @media all and (min-width: 760px) { .region__tab-link--with-count { font-size: 12px; line-height: 1.25; -ms-flex-direction: row; flex-direction: row; min-width: 165px; } } .region__tab-link--with-count .region__tab-icon { margin-right: 20px; padding-top: 2px; } .region__tab-link--with-count .region__tab-icon::after { position: absolute; top: -2px; right: -10px; width: 1px; height: calc(100% + 4px); content: ""; background-color: currentColor; } @media all and (min-width: 375px) { .region__tab-link--with-count .region__tab-icon { margin-right: 30px; } .region__tab-link--with-count .region__tab-icon::after { right: -15px; } } .region__tab-icon { position: relative; display: block; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 11px; } @media all and (min-width: 760px) { .region__tab-icon { margin-right: 0; } } .region__tab-icon-director { width: 24px; height: 28px; } .region__tab-icon-user-call { width: 28px; height: 30px; } .region__tab-icon-building { width: 32px; height: 28px; } .region__tab-icon-search-people { width: 29px; height: 29px; } .region__tab-count { font-size: 16px; line-height: 1.125; font-weight: bold; } .region__body { display: none; color: #6b6b6b; } @media all and (min-width: 760px) { .region__body { display: block; } } .region__body-content { padding-bottom: 25px; border-bottom: 1px solid #eaeaea; } @media all and (min-width: 760px) { .region__body-content { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; padding-bottom: 30px; } } @media all and (min-width: 760px) { .region__body-info { max-width: calc(100% - 10px - 140px); } } .region__body-title { font-family: "RostelecomBasis-Medium"; font-size: 16px; line-height: 1.26666667; margin: 0; margin-bottom: 20px; } @media all and (min-width: 1204px) { .region__body-title { font-size: 18px; line-height: 1.3125; } } .region__body-text { font-size: 14px; line-height: 1.25; margin-bottom: 3px; color: #161616; } @media all and (min-width: 1204px) { .region__body-text { font-size: 16px; line-height: 1.30769231; } } .region__meta { -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 25px; color: #161616; } @media all and (min-width: 760px) { .region__meta { margin-bottom: 0; } } .region__meta-item, .region__meta-name, .region__meta-value { font-size: 14px; line-height: 1.25; margin: 0; } @media all and (min-width: 1204px) { .region__meta-item, .region__meta-name, .region__meta-value { font-size: 16px; line-height: 1.30769231; } } .region__meta-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-right: 10px; } .region__meta-item:last-child { margin-right: 0; } .region__meta-name { margin-right: 3px; } .region__meta-value { color: #858585; } .region__map { box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; min-height: 110px; } @media all and (min-width: 760px) { .region__map { -ms-flex-negative: 0; flex-shrink: 0; width: 135px; min-height: auto; margin-left: auto; } } .region__map-inner { max-width: 185px; } @media all and (min-width: 760px) { .region__map-inner { width: 135px; } } .region__info { box-sizing: border-box; padding-top: 33px; } @media all and (min-width: 760px) { .region__info { padding-top: 36px; } } .region__info-text { font-size: 14px; line-height: 1.25; margin: 0; margin-bottom: 10px; } .region__info-text:last-of-type { margin-bottom: 20px; } @media all and (min-width: 1204px) { .region__info-text { font-size: 16px; line-height: 1.30769231; } } .region__departments { margin: 0; margin-bottom: -5px; padding: 0; list-style: none; } @media all and (min-width: 760px) { .region__departments { column-count: 3; column-gap: 20px; } } .region__departments-item { font-size: 14px; line-height: 1.25; margin: 0; margin-bottom: 5px; padding: 0; } .region__departments-item:before { display: none; } @media all and (min-width: 760px) { .region__departments-item { font-size: 14px; break-inside: avoid; page-break-inside: avoid; } } @media all and (min-width: 1204px) { .region__departments-item { font-size: 16px; line-height: 1.30769231; } } .region__departments-link { position: relative; padding-left: 7px; border-bottom: none; } .region__departments-link::before { position: absolute; top: 7px; left: 0; width: 3px; height: 3px; content: ""; border-radius: 50%; background-color: currentColor; } @media all and (min-width: 1204px) { .region__departments-link::before { top: 8px; } } .regions-list { margin: 0 -10px; border-top: none !important; } @media all and (min-width: 760px) { .regions-list { margin: 0 -20px; } } @media all and (min-width: 1204px) { .regions-list { margin: 0; } } .regions-list__content { margin: 0; padding: 0; list-style: none; } .regions-list__item { box-sizing: border-box; margin: 0; margin-bottom: 59px; padding: 0; } .regions-list__item::before { display: none; } .regions-list__item:last-child { margin-bottom: 0; } @media all and (min-width: 760px) { .regions-list__item { margin-bottom: 54px; } } @media all and (min-width: 1204px) { .regions-list__item { margin-bottom: 43px; } } /* regions */ .regions { text-align: left; display: inline-block; vertical-align: middle; letter-spacing: -0.01em; margin-right: 1.555555555555556em; white-space: nowrap; } .regions_title { display: block; color: #858585; font-size: 13px; font-size: .723em; } .regions_select { display: inline-block; cursor: pointer; padding-right: .8333333333333333em; position: relative; vertical-align: middle; } .regions_select .select_text { border-bottom: 1px dotted; color: #333333; font-family: "RostelecomBasis-Bold"; font-size: 14px; font-size: .778em; line-height: 1.33; } .regions_select .select_text:hover { color: #ff4f12; } .regions_select .select_check { fill: #ff4f12; top: 1.6em; } .regions_select .select_check:hover { fill: #ff4f12; } .regions_select .select_dropdown li a { border-bottom: 0; line-height: 1.33; } .regions form { margin-bottom: 0; line-height: 0; } .select_text:hover { color: #4fc3ff; } .select_check:hover { fill: #4fc3ff; } .select_field { visibility: hidden; } .select_tip-wrapper { display: none; position: absolute; top: -1.5rem; left: 8.61111rem; z-index: 12; padding-left: 4px; } .select_tip-wrapper.left-sided { left: auto; right: 8.61111rem; padding-left: 0px; padding-right: 4px; } .select_tip-wrapper.left-sided .select_tip:after { left: auto; right: -4px; margin-top: -2px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #474747; border-left: 4px solid rgba(71, 71, 71, 0.9); border-right: none; } .select_tip { padding: 1rem; position: relative; background: #474747; background: rgba(71, 71, 71, 0.9); text-align: left; } .select_tip:after { content: " "; display: block; width: 0; height: 0; position: absolute; top: 50%; left: -4px; margin-top: -2px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #474747; border-right: 4px solid rgba(71, 71, 71, 0.9); } .select_tip:before { content: " "; display: inline-block; height: 100%; vertical-align: middle; } .select_tip p { display: inline-block; vertical-align: middle; margin: 0; margin-top: -0.333333rem; font-size: 14px; line-height: 1rem; color: #ffffff; text-transform: none; } .select_text, .select_field { cursor: pointer; } .select_text:hover { color: #4fc3ff; } .select_check:hover { fill: #4fc3ff; } .select_field { visibility: hidden; } .select_dropdown { display: none; position: absolute; top: 1.22222rem; left: 0; width: 15.5556rem; margin: 0; z-index: 11; background: white; border: 1px solid #d5d6d9; } .select_dropdown li { margin: 0; padding-left: 0; } .select_dropdown li:before { display: none; } .select_dropdown li.active a { background: #00a8ff; color: white; } .select_dropdown li.active a:hover { color: white; } .select_dropdown li a { font-size: 15px; font-size: .833em; display: block; color: #858585; padding: .8em 1.8em .8em 1.38889rem; text-decoration: none; transition: none; } .select_dropdown li a:hover { color: #ff4f12; } @media all and (max-width: 1204px) { .regions { margin-right: 1.166666666666667em; } .regions_title { display: none; } .regions_select .select_text { font-size: 13px; font-size: .723em; } .regions_select .select_dropdown li a { font-size: 14px; font-size: .778em; line-height: 1; padding: .6428571428571429em 1.285714285714286em; } .select_tip-wrapper { left: auto; right: 7.222222222222222em; top: -1.05555556em; padding-left: 0px; padding-right: 4px; white-space: normal; width: 200px; min-width: 200px; } .select_tip { padding: .6111111111111111em; } .select_tip:after { left: auto; right: -4px; margin-top: -2px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #474747; border-left: 4px solid rgba(71, 71, 71, 0.9); border-right: none; } .select_tip p { font-size: 11px; font-size: .611em; line-height: 1.33; margin: 0; } } @media all and (max-width: 759px) { .regions { display: none; } } /* reports & report */ .reports_container { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -1.11111111em; margin-right: -0.55555556em; margin-left: -0.55555556em; } .reports_item { box-sizing: border-box; margin-top: 1.11111111em; padding-left: 0.55555556em; padding-right: 0.55555556em; width: 33.33333333%; } @media all and (max-width: 479px) { .reports_item { width: 100%; } } .report { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; font-size: 0.8rem; } @media (min-width: 480px) { .report { font-size: 0.54rem; } } @media (min-width: 567px) { .report { font-size: 0.65rem; } } @media all and (min-width: 990px) { .report { font-size: 0.9rem; } } @media all and (min-width: 1205px) { .report { font-size: 1rem; } } .report_wrapper { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; word-break: break-word; } @media (max-width: 479px) { .report_wrapper { -ms-flex-direction: column; flex-direction: column; width: 100%; } } .report_img { border-bottom: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 0.83333333em; width: 43.47826086956522%; } .report_img-pic { display: block; width: 100%; transition: all 0.2s ease-in-out; } .report_img-pic:hover { transform: scale(1.1); } .report_img:hover + .report_info { color: #ff4f12; } .report_info { color: #333333; border-bottom: 0; } .report_info:hover { color: #ff4f12; } .report_title { color: currentColor; font-size: 1em; line-height: 1.27777778; margin-top: -0.16666667em; margin-bottom: 0; } .report_year { color: inherit; font-family: "RostelecomBasis-Bold"; } .schedule__list { list-style: none; margin: 0; } .schedule__item { display: -ms-flexbox; display: flex; -ms-flex-align: baseline; align-items: baseline; margin-top: 10px; padding: 0; } @media (min-width: 768px) { .schedule__item { margin-top: 20px; } } @media (min-width: 1204px) { .schedule__item { margin-top: 40px; } } .schedule__item::before { display: none; } .schedule__item:first-child { margin-bottom: 0; } .schedule__text { font-size: 18px; font-weight: 600; margin-right: 20px; color: #333333; } .schedule__text:last-child { margin-right: 0; } .schedule__text--acented { color: #ff4f12; } .search { display: none; position: absolute; top: 1.255rem; right: 2.38889rem; border-right: 1px solid #eaeaea; } .search_form { display: none; width: 31.6667rem; position: absolute; right: 0; margin-bottom: 0; padding-right: 1px; } .search_field { width: 100%; height: 53px; border-bottom: 1px solid #d5d6d9; margin-right: -1px; padding-right: 3em; } .search_button { border-bottom: 0; position: absolute; top: 20px; right: 1rem; height: 16px; line-height: 16px; } .search_button .symbol-loupe-input { fill: #333333; display: block; } .search_button .symbol-loupe-input:hover { fill: #ff4f12; } .search_toggle { border-bottom: 0; display: inline-block; width: 24px; height: 1.483em; /* 26.7/18 */ line-height: 1.183em; margin-top: .5em; vertical-align: middle; text-align: center; } .search_toggle:hover .symbol-loupe { fill: #ff4f12; } .search_toggle .symbol-close { display: none; vertical-align: middle; fill: #333333; } .search_toggle.search-open .symbol-loupe { display: none; } .search_toggle.search-open .symbol-close { display: inline-block; } .search_loupe { vertical-align: middle; } @media all and (max-width: 989px) { .search { right: 38px; } .search_form { width: 400px; } } @media all and (max-width: 759px) { .search_form { width: 100%; } .search { top: 1.6822rem; right: 35px; left: 45px; } .search_field { height: 42px; width: 100%; } .search_button { position: absolute; top: 14px; right: 1rem; height: 16px; line-height: 16px; } } @media all and (max-width: 359px) { .search { right: 28px; left: 38px; } .header-bottom .search { top: 1rem; } } /* siteMap */ .siteMap { position: absolute; left: -9999px; top: -9999px; visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: opacity .7s, visivility .7s; } .main-siteMap .siteMap { position: relative; left: 0; top: 0; visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; background: #313948; } .main-siteMap .siteMap_close { border-bottom: 0; position: absolute; right: -5px; top: 14px; display: block; padding: 5px; } .main-siteMap .siteMap_close.is-fixed { position: fixed; right: -5px; margin-right: 60px; } .main-siteMap .siteMap_close-trigger { position: absolute; top: 0; right: 0; height: 1px; width: 100px; } .main-siteMap .siteMap_sections { font-size: 0; } .main-siteMap .siteMap_section { padding-bottom: 10px; display: inline-block; vertical-align: top; margin: 20px 0 30px; font-size: 1rem; } .main-siteMap .siteMap_section-large { box-sizing: border-box; } .main-siteMap .siteMap_section-large .siteMap_title { margin-right: 10%; } .main-siteMap .siteMap_section-large .siteMap_list { margin-left: 0; } .main-siteMap .siteMap_section-large .siteMap_link { padding-left: 0; width: 313px; margin-right: 40px; } .main-siteMap .siteMap_section-large .siteMap_link:hover { padding-left: 10px; } .main-siteMap .siteMap_title { width: 100%; display: table; vertical-align: bottom; box-sizing: content-box; font-family: "RostelecomBasis-Medium"; font-size: 24px; font-weight: normal; padding: 0 25px 24px 0; margin: 0 0 22px; border-bottom: 1px solid #fafdff; color: #fff; } .main-siteMap .siteMap_title span { display: table-cell; vertical-align: bottom; } .main-siteMap .siteMap_title a { border-bottom: 0; color: white; transition: opacity .2s; text-decoration: none; } .main-siteMap .siteMap_title a:hover { opacity: .85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; } .main-siteMap .siteMap_list:before, .main-siteMap .siteMap_list:after { content: ""; display: table; clear: both; } .main-siteMap .siteMap_list .siteMap_list-column { width: 40%; margin-right: 10%; float: left; } .main-siteMap .siteMap_link { border-bottom: 0; display: block; box-sizing: border-box; transition: padding .15s; padding: 6px 14%; padding-left: 0; margin: 2px 0; line-height: 1; width: 100%; color: #fff; text-decoration: none; } .main-siteMap .siteMap_link:hover { background: url(/img/symbols/link-arrow-purple.png) 97% 50% no-repeat, white; color: #313948; padding-left: 4%; padding-right: 10%; border-radius: 3px; } .main-siteMap .siteMap_link:hover .symbolText_icon { fill: #313948; } .main-siteMap .siteMap_symbolTable { display: block; width: 100%; } .main-siteMap .siteMap_symbolTable .symbolTable_item { border-bottom: 0; display: block; box-sizing: border-box; transition: padding .15s; padding: 6px 14%; padding-left: 0; margin: 2px 0; line-height: 1; width: 100%; color: #fff; text-decoration: none; } .main-siteMap .siteMap_symbolTable .symbolTable_item:hover { background: url(/img/symbols/link-arrow-purple.png) 97% 50% no-repeat, white; color: #313948; padding-left: 4%; padding-right: 10%; border-radius: 3px; } .main-siteMap .siteMap_symbolTable .symbolTable_item:hover .symbolText_icon { fill: #313948; } .main-siteMap .siteMap_symbolTable .symbolTable_icon { width: 18px; } .main-siteMap .siteMap_symbolTable .symbolTable_icon .symbol { height: 13px; } @media all and (min-width: 1205px) { .main-siteMap .siteMap_close { right: 20px; top: 40px; } .main-siteMap .siteMap_close.is-fixed { right: auto; left: 50%; top: 30px; margin-left: 557px; } .main-siteMap .siteMap_sections { margin-left: 37px; padding-top: 49px; padding-bottom: 60px; } .main-siteMap .siteMap_section { width: 313px; margin: 32px 0 32px 40px; } .main-siteMap .siteMap_section-large { width: 666px; } .main-siteMap .siteMap_title { padding: 0 0 24px; margin: 0 0 22px; border-bottom: 1px solid #fafdff; color: #fff; } .main-siteMap .siteMap_list .siteMap_list-column { width: 313px; margin-right: 40px; } .main-siteMap .siteMap_list .siteMap_list-column:last-child { margin-right: 0; } } @media all and (max-width: 1204px) { .main-siteMap .siteMap_close { top: 22px; } .main-siteMap .siteMap_column { width: auto; margin: 0 60px; } .main-siteMap .siteMap_sections { padding-bottom: 30px; } .main-siteMap .siteMap_section { width: 40%; margin-right: 10%; } .main-siteMap .siteMap_section-large { width: 100%; margin-right: 0; } .main-siteMap .siteMap_section-large .siteMap_link { padding-left: 0; width: 100%; } .main-siteMap .siteMap_section-large .siteMap_link:hover { padding-left: 10px; } .main-siteMap .siteMap_title { width: 90%; box-sizing: border-box; font-size: 24px; padding: 0 10% 24px 0; margin: 0 0 22px; } } @media all and (max-width: 759px) { .main-siteMap .siteMap_close { top: 27px; } .main-siteMap .siteMap_close.is-fixed { position: fixed; top: 10px; right: -5px; margin-right: 10%; } .main-siteMap .siteMap_column { width: 80%; margin: 0 auto; } .main-siteMap .siteMap_sections { padding-top: 16px; } .main-siteMap .siteMap_section { width: 100%; margin: 10px 0 20px; } .main-siteMap .siteMap_list .siteMap_list-column { width: 100%; margin-right: 0; float: none; } .main-siteMap .siteMap_title { padding: 0 10% 18px 0; margin: 0 10% 16px 0; } } /* slider-pic */ .slider-pic { position: relative; } .slider-pic .slick-track { margin: 0; } .slider-pic_slides { border-right: 1px solid #ececec; border-left: 1px solid #ececec; margin-right: 0.05555556em; display: -ms-flexbox; display: flex; } .slider-pic_slides.slick-slider { display: block; } .slider-pic_item { display: block !important; padding-bottom: 11.11111111%; position: relative; width: 25%; } .slick-slider .slider-pic_item { padding-bottom: 44.55445545%; } .slider-pic_item::after { background: #ececec; content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 0; width: 1px; } .slick-slide:last-child .slider-pic_item::after { display: none; } .slider-pic_box { border-bottom: 0; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .slider-pic_img { display: block; max-height: 55.55555556%; max-width: 70%; } .slider-pic_arrows { display: -ms-flexbox; display: flex; position: absolute; right: 0; bottom: calc(100% + 19px); } .slider-pic_arrow { border: 1px solid #ececec; border-radius: 2px; cursor: pointer; height: 1.94444444em; width: 1.94444444em; position: relative; } .slider-pic_arrow::after { border-bottom: 0.11111111em solid #7c929a; border-left: 0.11111111em solid #7c929a; content: ""; display: block; height: 0.44444444em; margin: auto; position: absolute; top: 0; bottom: 0; transition: border-color 0.2s; width: 0.44444444em; } .slider-pic_arrow--prev { border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .slider-pic_arrow--prev::after { right: 0; left: 0.22222222em; transform: rotate(45deg); } .slider-pic_arrow--next { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .slider-pic_arrow--next::after { right: 0.22222222em; left: 0; transform: rotate(-135deg); } .slider-pic_arrow:hover::after { border-color: #ff4f12; } .slider-pic_arrow.slick-disabled { cursor: default; } .slider-pic_arrow.slick-disabled::after { border-color: #ececec; } .slider-pic_arrow.slick-disabled:hover::after { border-color: #ececec; } .slider-pic_tooltip { background: #f3f5f6; box-shadow: 0 0.53333333em 0.53333333em rgba(0, 0, 0, 0.1); border-radius: 8px; box-sizing: border-box; color: #333333; display: none; font-size: 0.83333333em; line-height: 1.2; padding: 1.33333333em; position: absolute; bottom: 100%; width: calc(50% - 2em); z-index: 1; } .slider-pic_tooltip.is-active { display: block; } @media all and (max-width: 1204px) { .slider-pic_tooltip.is-active { display: none; } } .slider-pic_tooltip-files { margin-top: 1em; } .slider-pic_tooltip-files .loadItem { margin-top: 1em; margin-bottom: 0; } .slider-pic_tooltip-files .loadItem:first-child { margin-top: 0; } .slider-pic_tooltip-files .loadItem_icon { color: #333333; } .slider-pic_tooltip-files .loadItem_info { color: #333333; } .slider-pic_tooltip-files .loadItem:hover .loadItem_desc { color: #ff4f12; } .slider-pic_tooltip::after { background-color: #f3f5f6; border-bottom: 1px solid #000000; border-bottom: 1px solid rgba(0, 0, 0, 0.08); border-left: 1px solid #000000; border-left: 1px solid rgba(0, 0, 0, 0.08); content: ""; display: block; height: 0.66666667em; position: absolute; bottom: -0.38888889em; transform: rotate(-45deg); width: 0.66666667em; z-index: 0; } .slider-pic_tooltip--pos-left { left: 0; } .slider-pic_tooltip--pos-right { right: 0; } .slider-pic_tooltip--tail-left::after { left: 1.38888889em; } .slider-pic_tooltip--tail-right::after { right: 1.38888889em; } /* Социальные иконки в футере */ .social { margin-top: -0.2em; margin-right: -0.92em; margin-bottom: 1em; } .social_item { display: inline-block; fill: #cdcdcd; transition: fill .7s; margin: 0; vertical-align: middle; } .social_link { border-bottom: 0; box-sizing: border-box; display: inline-block; height: 40px; width: 40px; text-align: center; padding-top: 10px; } .social_link:hover .social_item { fill: #333333; } /*----- Социальные иконки на контентных страницах -----*/ .social-square:before, .social-square:after { content: ""; display: table; clear: both; } .social-square a { float: left; box-sizing: border-box; display: block; width: 3rem; height: 3rem; line-height: 3rem; border: 1px solid #eaeaea; text-align: center; padding: 0; margin-left: -1px; } .social-square a.social_link:hover svg { fill: #333333; } .social-square a:hover svg { fill: #333333; } .social-square a:first-child { margin-left: 0; } .social-square svg { height: 1rem; margin: 0; } .spiker-card__block { margin-top: 20px; } .spiker-card__block:first-child { margin-top: 0; } .spiker-card__block--image { position: relative; display: block; border-bottom: 0; border-radius: 5px; } @media (min-width: 529px) { .spiker-card__block--header { height: 100px; } } .spiker-card__block--content { max-height: 150px; } @media (min-width: 529px) { .spiker-card__block--content { height: 165px; max-height: none; } } @media (min-width: 768px) { .spiker-card__block--content { height: 165px; } } @media (min-width: 1204px) { .spiker-card__block--content { height: 145px; } } .spiker-card__name { margin: 0; margin-bottom: 10px; color: black; } .spiker-card__name:last-child { margin-bottom: 0; } .spiker-card__header { height: 100%; } .spiker-card__office-place { font-size: 14px; line-height: 1.2; margin: 0; overflow: hidden; -ms-flex-positive: 1; flex-grow: 1; } .spiker-card__image { position: relative; display: block; height: 100%; border-radius: 5px; } .spiker-card__image::before { display: block; padding-top: 120%; content: ""; } .spiker-card__image-wrap { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .spiker-card__image-photo { width: 100%; height: 100%; border-radius: 5px; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover; object-position: top"; -o-object-position: top; object-position: top; } .spiker-card__content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; height: 100%; } .spiker-cards__list { margin: -25px; list-style: none; } .spiker-cards__item { box-sizing: border-box; width: 100%; margin: 0; padding: 25px; } @media (min-width: 529px) { .spiker-cards__item { display: inline-block; vertical-align: top; width: 49%; } } @media (min-width: 1204px) { .spiker-cards__item { width: 32%; } } .spiker-cards__item::before { display: none; } .sprint { display: inline-block; } .sprint_icon { background: url(/img/symbols/sprint.png) 0 0 no-repeat; background-size: cover; display: inline-block; height: 18px; margin-right: 5px; vertical-align: middle; width: 18px; } .sprint_text { vertical-align: middle; } /* thesis */ .thesis-box { margin: -0.55555556rem; } .thesis-box:after { clear: both; content: ""; display: block; } .thesis__col { box-sizing: border-box; float: left; padding: .5555555555555556rem; width: 50%; } .thesis { background-color: #fcfcfc; box-sizing: border-box; letter-spacing: -0.01388889rem; padding: 7rem 1.5rem 2.611111111111111rem; position: relative; text-align: center; } .thesis:nth-child(even) { margin-left: 2.469135802469136%; } .thesis:before { background-image: url("/img/theses.png"); background-repeat: no-repeat; background-size: auto 100%; content: ""; display: none; height: 4.111111111111111rem; margin: 0 auto; position: absolute; left: 0; right: 0; top: 1.666666666666667em; } .thesis_icon { position: absolute; left: 0; right: 0; top: 1.666666666666667em; display: inline-block; height: 4.111111111111111rem; margin: 0 auto; } .thesis_icon--business { width: 5.5rem; } .thesis_icon--client { width: 5.277777777777778rem; } .thesis_icon--marketing { width: 6.722222222222222rem; } .thesis_icon--events { width: 6.388888888888889rem; } .thesis--business:before { background-position: 0 0; width: 5.5rem; } .thesis--client:before { background-position: -6.05555556rem 0; width: 5.277777777777778rem; } .thesis--marketing:before { background-position: -11.88888889rem 0; width: 6.722222222222222rem; } .thesis--events:before { background-position: -19.16666667rem 0; width: 6.388888888888889rem; } .thesis_title { font-family: "RostelecomBasis-Medium"; font-size: 1em; line-height: 1; margin-bottom: .7777777777777778rem; margin-top: 0; } .thesis_text { font-size: .8888888888888889rem; line-height: 1.125; } @media all and (max-width: 479px) { .thesis__col { width: 100%; } } [data-id="container"] { perspective: 80px; } [data-id="inner"] { width: 258px; height: 341px; transition: transform 0.3s; -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -o-transition: transform 0.3s; } .tile-box { overflow: hidden; width: 100%; } .tile-box--magazine { margin: 0 -1.51515152%; overflow: visible; width: auto; } .tile { box-sizing: border-box; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; float: left; font-size: 1.125em; width: 25%; } .tile:hover img { height: auto; max-width: 100%; } .tile--newspaper:hover .tile_image-wrap img { max-width: 100%; } .tile_content { box-sizing: border-box; padding: 14.85148514851485% 8.910891089108911%; } .tile--newspaper .tile_content { padding: 5%; } .tile_title { color: #333; font-family: "RostelecomBasis-Bold"; font-size: 1em; line-height: 1.111111111111111em; height: 4.444444444444444em; overflow: hidden; text-transform: uppercase; } .tile--newspaper .tile_title { height: 2.2222222222em; overflow: hidden; } .tile_image-wrap { box-sizing: border-box; height: 12.77777777777778em; line-height: 12.77777777777778em; text-align: center; width: 100%; margin-top: -19px; } .tile_image-wrap img { box-shadow: 0 0 13px rgba(0, 0, 0, 0.3); height: auto; max-height: 100%; transition: all 0.2s ease-in-out; max-width: 67%; vertical-align: middle; } .tile--magazine .tile_image-wrap { margin-top: 0; } .tile--magazine .tile_image-wrap img { width: 100%; height: 100%; } .tile--magazine { border: none; margin-left: -0.48484848%; padding: 0 1.5151515151515151515151515151515%; width: 33.3333333%; display: inline-block; float: none; vertical-align: top; } .tile--magazine .tile_content { padding: 0 0 23%; } .tile--magazine .tile_title { font-family: "RostelecomBasis"; font-size: 1.185185185185185185em; height: auto; letter-spacing: -0.025em; line-height: 1; margin-top: 25px; text-transform: none; } .tile--magazine .tile_image-wrap { padding-bottom: 134.91525423728813559322033898305%; position: relative; } .tile--magazine .tile_image-wrap img { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.35); } .tile--magazine .tile_image-wrap:hover .tile_file-link { bottom: -5px; left: -5px; right: -5px; top: -5px; } .tile--magazine .tile_image-wrap:hover [data-id="container"] { position: absolute; bottom: 0; left: 0; right: 0; top: 0; } .tile--magazine .tile_annotation { color: #888888; font-size: 0.79022222em; letter-spacing: 0; line-height: 1.25; margin: 13px 0 5px; } .tile--magazine .tile_link-block--several { padding-bottom: 7px; color: red; } .tile--magazine .tile_link-block--several:hover + .tile_link-list { display: block; } .tile--magazine .tile_link-list:hover { display: block; } .tile--magazine .tile_link-list { position: absolute; z-index: 5; display: none; border: 1px solid #E3E8EC; border-radius: 2px; background-color: #fff; } .tile--magazine .tile_link-wrapper { padding: 20px; } .tile--magazine .tile_link-wrapper:not(:last-child) { border-bottom: 1px solid #E3E8EC; } .tile--magazine .tile_link-block { position: relative; } .tile--magazine .tile_link-block svg { height: 2.222222222222222rem; position: absolute; left: 0; top: 3px; width: 1.888888888888889rem; } .tile--magazine .tile_file { color: #333333; letter-spacing: -0.015em; margin-left: 49px; position: relative; border-bottom: 0; } .tile--magazine .tile_file-info { display: block; font-size: 0.64888889em; opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; } .tile--magazine .tile_file a { color: #333333; display: block; font-size: 0.88888889em; letter-spacing: -0.025em; line-height: 1.2; margin-top: 3px; position: static; } .tile--magazine .tile_file a:hover { color: #ff4f12; } .tile--magazine .tile_file-link { border-bottom: 0; position: absolute; bottom: 0; left: 0; right: 0; top: 0; } @media screen and (min-width: 1200px) { .tile:nth-child(4n) { border-right-color: transparent; } .tile--magazine .tile_content { padding-bottom: 20%; } .tile--magazine .tile_image-wrap, .tile--newspaper .tile_image-wrap { margin-top: 0; } .tile--magazine .tile_image-wrap img { max-width: 100%; } .tile--newspaper .tile_image-wrap img { max-width: 90%; } } @media screen and (min-width: 990px) and (max-width: 1199px) { .tile { width: 33.33333333333333%; } .tile:nth-child(3n) { border-right-color: transparent; } .tile--newspaper:hover .tile_image-wrap img { max-width: 100%; } .tile--newspaper .tile_title { height: 2.2222222222em; margin-bottom: 15px; } .tile--newspaper .tile_content { padding: 8%; } .tile--newspaper .tile_image-wrap { margin-top: 0; } .tile--newspaper .tile_image-wrap img { max-width: 90%; } .tile_image-wrap { height: 13.74767968935388em; line-height: 13.74767968935388em; } .tile--magazine .tile_image-wrap { margin-top: 0; } .tile--magazine .tile_image-wrap img { max-width: 100%; } .tile--magazine { width: 31.25%; } .tile--magazine.tile_title { font-size: 1em; margin-top: 5px; } } @media screen and (min-width: 481px) and (max-width: 989px) { .tile { width: 50%; } .tile:nth-child(2n) { border-right-color: transparent; } .tile--newspaper:hover .tile_image-wrap img { max-width: 100%; } .tile--newspaper .tile_title { height: 2.2222222222em; margin-bottom: 15px; } .tile--newspaper .tile_content { padding: 8%; } .tile--magazine .tile_image-wrap { margin-top: 10px; } .tile--newspaper .tile_image-wrap { margin-top: 0; } .tile--magazine .tile_image-wrap img { max-width: 100%; } .tile--newspaper .tile_image-wrap img { max-width: 90%; } .tile--magazine { width: 50%; } } @media screen and (max-width: 759px) { .tile_image-wrap img { max-width: 100%; } } @media screen and (max-width: 480px) { .tile { border-right: none; width: 100%; } .tile_title { font-size: 0.9em; } .tile_content { padding: 10%; } .tile--magazine .tile_image-wrap, .tile--newspaper .tile_image-wrap { margin-top: 0; } } /* tm */ .tm { display: inline-block; vertical-align: middle; text-align: right; } .tm--device { display: none; } .tm_item { display: inline-block; vertical-align: middle; text-align: left; font-size: 13px; font-size: .723em; border-bottom: 0; margin-left: 2.153846153846154em; line-height: 1.33; text-decoration: none; } .tm_item:first-child { margin-left: 0; } .tm_item:hover .tm_name { color: #ff4f12; } .tm_group { display: inline-block; margin-right: 1.166666666666667em; margin-top: -0.11111111em; } .tm_elem { display: block; text-align: left; } .tm_title { display: block; color: #858585; transition: color .7s; } .tm_title--mobile { border-bottom: 1px dotted; color: #333333; font-size: 1em; letter-spacing: -0.038466em; font-family: "RostelecomBasis-Bold"; display: none; } .tm_title--mobile:hover { color: #ff4f12; } .tm_name { display: inline-block; vertical-align: middle; font-family: "RostelecomBasis-Bold"; border-bottom: 1px dotted; color: #333333; font-size: 1.076923076923077em; transition: color .7s; } @media all and (max-width: 1204px) { .tm--desktop { display: none; } .tm--device { display: inline-block; } .tm_title { display: none; } .tm_title--mobile { display: inline-block; } .tm_name { display: none; } } @media all and (max-width: 759px) { .tm_group { margin-right: 0; } .tm_item { display: none; } .tm_item--rt { display: inline-block; } } .topManage { overflow: hidden; } .topManage a { border-bottom: 0; } .topManage .col1 { width: 100%; overflow: hidden; margin-top: 30px; } .topManage .lvl1 .clear, .topManage .lvl2 .clear { font-size: 13.014px; } .topManage .shadow { float: left; } .topManage .shadow a { display: block; line-height: 0; width: 100%; } .topManage .shadow img { max-width: 100%; width: 100%; } .topManage .desc { float: left; color: #666; line-height: 12px; padding-top: 2px; } .topManage .name { color: #000; text-decoration: none; font-family: "RostelecomBasis-Bold"; } .topManage .name.hover, .topManage .name:hover { color: #F3693B; } .topManage .lvl3 { margin-bottom: 60px; padding: 4px 0 4px 4px; overflow: hidden; } .topManage .lvl3 .shadow { width: 15.06172839506173%; min-height: 40px; } .topManage .lvl3 .desc { margin: -3px 0 0 1.2345679%; width: 41.97530864197531%; font-size: 12px; } .topManage .lvl3 .clear { padding: 11px 0 0 0px; font-size: 16px; line-height: 1.1; } .topManage .lvl3 .name { font-size: 19px; line-height: 21px; } .topManage .lvl2 { display: inline-block; margin-right: 4.514814814814815%; margin-bottom: 30px; width: 28.39506172839506%; vertical-align: top; } .topManage .lvl2 .shadow { width: 37.39130434782609%; min-height: 50px; } .topManage .lvl2 .desc { margin: 0 0 0 4.347826086956522%; width: 54.78260869565217%; } .topManage .lvl2 .clear { padding: 7px 0 0 2px; line-height: 12px; } .topManage .lvl2 .name { font-size: 14px; line-height: 14px; } .topManage.branches .shadow, .topManage.branches .desc { float: none; } .topManage.branches .lvl2 { margin-right: 0; margin-bottom: 50px; width: 24.2%; } .topManage.branches .lvl2 .desc { margin: 5px 0 0; width: 85%; } .topManage.branches .lvl2 .shadow { width: 60.2%; } @media screen and (max-width: 1199px) and (min-width: 990px) { .topManage .lvl3 .shadow { width: 20.5521472392638%; } .topManage .lvl2 .desc { width: 54%; } .topManage .lvl2 { width: 28.2%; } } @media screen and (max-width: 989px) and (min-width: 481px) { .topManage .lvl3 .shadow { width: 28.15126050420168%; } .topManage .lvl2 { margin-right: 1.680672268907563%; width: 47.7%; } } @media screen and (max-width: 989px) and (min-width: 760px) { .topManage.branches .lvl2 { width: 32.5%; } .topManage.branches .lvl2 .desc { width: 85%; } .topManage.branches .lvl2 .shadow { width: 50%; } } @media screen and (max-width: 759px) and (min-width: 481px) { .topManage.branches .lvl2 { width: 49.2%; } .topManage.branches .lvl2 .desc { width: 80%; } .topManage.branches .lvl2 .shadow { width: 40%; } } @media screen and (max-width: 480px) { .topManage .lvl3, .topManage .lvl2 { margin-bottom: 10px; } .topManage .lvl3 .shadow { width: 45.3%; } .topManage .lvl3 .desc { margin-left: 3.846153846153846%; width: 48.46153846153846%; } .topManage .lvl2 { margin-right: 0; width: 88.46153846153846%; } .topManage.branches .lvl2 { margin-bottom: 20px; width: 100%; } .topManage.branches .lvl2 .desc { width: 70%; } .topManage.branches .lvl2 .shadow { width: 40%; } } .transfer-agents__wrapper { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; } .transfer-agents { max-width: 810px; margin: 100px auto 0; } .transfer-agents .mCSB_container { margin-right: 0; } .transfer-agents .mCSB_draggerRail { background-color: transparent; } .transfer-agents a { font-size: 16px; display: inline-block; } .transfer-agents__search { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .transfer-agents__input--group { position: relative; width: 100%; } .transfer-agents__input--group:first-child { margin-bottom: 10px; } .transfer-agents__input-arrow { position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotateX(0); } .transfer-agents__input-arrow--active { transform: rotateX(180deg); } .transfer-agents__input-arrow .first { content: ''; position: absolute; top: 50%; right: 16px; transform: translateY(-50%) rotate(40deg); width: 8px; height: 2px; background-color: #b5b5b5; } .transfer-agents__input-arrow .second { content: ''; position: absolute; top: 50%; right: 11px; transform: translateY(-50%) rotate(-40deg); width: 8px; height: 2px; background-color: #b5b5b5; } .transfer-agents__input { outline: none; padding: 10px; border: 1px solid #b5b5b5; border-radius: 5px; width: 100%; height: 100%; } .transfer-agents__select-wr { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; max-width: 334px; width: 100%; margin: 0 auto; } .transfer-agents__map--wr { margin: 20px 0; text-align: center; } .transfer-agents__map--wr a { display: inline-block; } .transfer-agents__map-info:empty { margin-bottom: 0 !important; } .transfer-agents__map { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; } .transfer-agents__map .transfer-agents__map-info { width: 100%; margin-bottom: 25px; } .transfer-agents__map .transfer-agents__map-info img { max-width: 100%; height: 100%; } .transfer-agents__map .transfer-agents__map-info p { margin: 0 0 5px 0; } .transfer-agents__map .transfer-agents__map-info--hide { display: none; } .transfer-agents__map .transfer-agents__map-info a { display: block !important; font-size: 16px; } .transfer-agents__map .transfer-agents__map-info a:not(:last-child) { margin-bottom: 5px; } .transfer-agents__map .transfer-agents__map-wrapper { position: relative; padding-top: 63%; } .transfer-agents__map .transfer-agents__map-conteiner { border: 1px solid #aaa; position: absolute; bottom: 0; left: 0; right: 0; top: 0; width: 100%; margin-bottom: 30px; } .transfer-agents__map .transfer-agents__map-conteiner > ymaps { width: 100% !important; } .transfer-agents__map .transfer-agents__map-conteiner > ymaps > ymaps { width: 100% !important; } .transfer-agents__table-header { padding: 20px; margin-right: 1px; margin-left: 1px; display: none; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; background-color: #101828; background-color: rgba(16, 24, 40, 0.5); border-radius: 5px; } .transfer-agents__table-header p { width: 28%; } .transfer-agents__table-item { margin: 0 auto 24px; padding: 17px 22px; width: 100%; max-width: 320px; background-color: #ffffff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .transfer-agents__table-wr:not(:last-child) { margin-bottom: 20px; } .transfer-agents__table-wr--mobile { height: auto; min-height: 48px; margin: -20px -20px 0; padding: 17px 19px; background-color: #abadaf; background-color: rgba(171, 173, 175, 0.1); } .transfer-agents__address { font-size: 16px; line-height: 22px; } @media (min-width: 1280px) { .transfer-agents__address { margin: 5px 0 0; } } .transfer-agents__address--light { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .transfer-agents__text { font-size: 16px; margin: 0; text-decoration: none; color: #2C2E32; } .transfer-agents__text--header { color: #ffffff; } .transfer-agents__phone { display: block; } .transfer-agents__place { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .transfer-agents__svg-wr { margin-right: 10px; } .transfer-agents__svg { width: 12px; height: 16px; } .transfer-agents__btn { cursor: pointer; outline: none; margin: 30px auto 0; padding: 15px; max-width: 334px; width: 100%; background-color: #FF4F12; border: none; color: #ffffff; border-radius: 5px; } .transfer-agents__btn--more-mobile { display: block; } .transfer-agents__remodal h1 { margin-top: 0; font-size: 30px; color: #333333; font-weight: normal; line-height: 1.333; margin: 23px 0 30px; } .remodal-wrapper { padding: 0; overflow-y: hidden; } .transfer-agents__remodal { display: none; width: 90%; background: white; border-radius: 5px; padding: 0 15px; text-align: left; } .remodal.remodal-is-opened { display: inline-block; } .remodal-close { top: -10px; right: -27px; left: auto; } .remodal-close:hover::before { color: #FF4F12; } .transfer-agents__search-block { width: calc(100% + 2px) !important; box-shadow: none !important; border: 1px solid #b5b5b5; } .transfer-agents__search-block li { font-size: 13px; line-height: 1.7em; height: auto; padding: 13px 0 13px 1.38889rem; } .transfer-agents__search-block li::before { content: ""; } .remodal-close::before { font-size: 33px; color: white; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .transfer-agents__map-info-desc { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; } @media (min-width: 1024px) { .transfer-agents__search { -ms-flex-direction: row !important; flex-direction: row !important; border: 1px solid #b5b5b5; padding: 3px; border-radius: 5px; } .transfer-agents__input { border: none; } .transfer-agents__input--group:first-child { margin: -3px 0; border-right: 1px solid #b5b5b5; } .transfer-agents__input--left .transfer-agents__search-block { margin: 10px 0 0 -3px !important; border-radius: 5px 0 0 5px !important; } .transfer-agents__input--right .transfer-agents__search-block { margin: 12px -3px 0 0 !important; border-radius: 0 5px 5px 0 !important; } .transfer-agents__map-info-desc { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; text-align: left; margin-left: 10px; } .transfer-agents__btn { margin: 0 0 0 10px; max-width: 150px; } .transfer-agents__select-wr { -ms-flex-direction: row; flex-direction: row; max-width: 100%; width: 100%; } } @media (min-width: 768px) { .transfer-agents__remodal { width: 50%; padding: 0 40px 0; } .remodal-close { right: -35px; } } @media (max-width: 680px) { .transfer-agents__table-wr--desktop { display: none; } } @media (min-width: 680px) and (max-width: 1280px) { .transfer-agents__table-item { margin: 0 auto 24px; max-width: 250px; } .transfer-agents__map--wr { text-align: center; } .transfer-agents__table-wr--desktop { display: none; } } @media (min-width: 1280px) { .transfer-agents__wrapper { margin-top: 10px; padding: 10px; background: #abadaf; background: rgba(171, 173, 175, 0.1); border-radius: 5px; } .custom-select:first-child { margin-bottom: 0; } .transfer-agents__map--wr { text-align: right; } .transfer-agents__map { -ms-flex-pack: end; justify-content: flex-end; } .transfer-agents__table-item { margin-bottom: 10px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; padding: 20px 10px; border-radius: 5px; max-width: 810px; } .transfer-agents__table-item:last-child { margin-bottom: 0; } .transfer-agents__table-header { display: -ms-flexbox; display: flex; } .transfer-agents__table-header > p:first-child { width: 30%; } .transfer-agents__table-wr { width: 28%; } .transfer-agents__table-wr--first { width: 30%; } .transfer-agents__table-wr:nth-child(n) { margin: 0 !important; } .transfer-agents__table-wr--mobile { display: none; } .transfer-agents__table-wr--desktop { display: block; } .transfer-agents__btn--more-mobile { display: none; } .center:first-child { margin: 0; border-right: 1px solid #b5b5b5; } .custom-select-trigger { border: none; } .remodal-wrapper { padding: 10px 10px 0; } .remodal-close { right: -45px; } } @media (min-width: 1440px) { .transfer-agents__remodal h1 { font-size: 32px; line-height: 1; margin-bottom: 40px; } .transfer-agents__map-info { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .transfer-agents__map-info > img { height: 100%; } } .user { border-bottom: 1px solid #eaeaea; padding: 1.388888888888889em 0.8305647840531561% 1.666666666666667em 1.162790697674419%; } .user:first-child { border-top: 1px solid #eaeaea; } .user:nth-child(2n) { background-color: #f7f8f8; } @media all and (max-width: 1204px) { .user { padding-left: 1em; } } .user_row:before, .user_row:after { content: ""; display: table; clear: both; } .user_row:first-child { margin-bottom: 1.388888888888889em; } @media all and (max-width: 1204px) { .user_row:first-child { margin-bottom: 0; } } .user_field { box-sizing: border-box; float: left; } @media all and (max-width: 1204px) { .user_field { margin: .2777777777777778em 0; } } .user_field--meta { padding: 0 2% 0 28px; position: relative; width: 58.47176079734219%; } @media all and (max-width: 1204px) { .user_field--meta { width: 100%; } } .user_field--status { text-align: right; width: 41.52823920265781%; } @media all and (max-width: 759px) { .user_field--status .radio { display: block; margin: .5555555555555556em 0; } } .user_field--status .radio:not(:first-child) { margin-left: 3%; } @media all and (max-width: 759px) { .user_field--status .radio:not(:first-child) { margin-left: 0; } } @media all and (max-width: 1204px) { .user_field--status { text-align: left; padding-left: 28px; width: 100%; } } .user_field--company { padding: 0 2% 0 28px; width: 30.23255813953488%; } @media all and (max-width: 1204px) { .user_field--company { width: 100%; } } .user_field--phone { padding-right: 2%; width: 15.28239202657807%; } @media all and (max-width: 1204px) { .user_field--phone { padding-left: 28px; width: 100%; } } .user_field--email { overflow: hidden; padding-right: 2%; text-overflow: ellipsis; width: 33.55481727574751%; white-space: nowrap; } @media all and (max-width: 1204px) { .user_field--email { padding-left: 28px; width: 100%; } } .user_field--date { font-size: .7222222222222222em; line-height: 1.846153846153846em; text-align: right; width: 20.930232558139537%; } @media all and (max-width: 1204px) { .user_field--date { padding-left: 28px; text-align: left; width: 100%; } } .user_status { border-radius: 50%; display: block; height: 14px; position: absolute; top: .5555555555555556em; /* 10/18 */ left: 0; width: 14px; } .user_status--blue { background-color: #00a8ff; } .user_status--red { background-color: #BC104B; } .user_status--green { background-color: #61c945; } .user_status--yellow { background-color: #f2d200; } .user_name { display: inline-block; line-height: 1.1em; margin: 0; } @media all and (max-width: 989px) { .ve-table-compact td, .ve-table-compact th { font-size: .8em; } } @media all and (max-width: 759px) { .ve-table-compact td, .ve-table-compact th { font-size: .75em; padding: .37em; } .ve-table-compact td p, .ve-table-compact th p { line-height: 1.2; } } @media all and (max-width: 479px) { .ve-table-compact td, .ve-table-compact th { font-size: .53em; padding: .22em; } } /*--- Контейнер для адаптивного видео ---*/ .video { height: 0; overflow: hidden; position: relative; padding-bottom: 56.25%; } .video iframe, .video object, .video embed { height: 100%; position: absolute; top: 0; left: 0; width: 100%; } .view-options_svg--hover, .view-options_svg--active { display: none; } .view-options_button:hover:not(.active) .view-options_svg--static rect { fill: #979799; } .view-options_button.active .view-options_svg--static { display: none; } .view-options_button.active .view-options_svg--active { display: inline-block; } .view-options_button { text-decoration: none; } a.view-options_button--grid, a.view-options_button--list { position: relative; } a.view-options_button--grid svg { width: 1.1em; height: 1.1em; margin-top: 0.4em; } a.view-options_button--list svg { width: 1.3em; height: 1.1em; margin-top: 0.45em; } .view-options_button--grid:after, .view-options_button--list:after { background-color: #474747; border-radius: 2px; color: #fff; display: none; font-family: "RostelecomBasis"; font-size: 14px; line-height: 30px; overflow: hidden; position: absolute; text-transform: none; text-align: center; top: -40px; left: -37px; z-index: 10; width: 110px; height: 30px; } .view-options_button--grid:before, .view-options_button--list:before { border-top: 5px solid #474747; border-left: 5px solid transparent; border-right: 5px solid transparent; content: ""; display: none; position: absolute; top: -11px; left: 10px; z-index: 10; } .view-options_button--grid:hover:after, .view-options_button--grid:hover:before, .view-options_button--list:hover:after, .view-options_button--list:hover:before { display: block; } #search_form #search-request { height: 1.6em; margin: 30px 0 40px 0; line-height: 2.8rem; border: 1px solid #EAEAEA; } #search_form .search-form_submit { margin-top: -18px; } @media all and (max-width: 989px) { .page-404 > h1 { padding-top: 1em; } } .associated { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; visibility: hidden; } .associated--grid-mode .associated-group-detail__list { -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; } .associated--grid-mode .associated-group-detail__item { width: 100%; margin: 0; border: none; border-bottom: 1px solid #eaeaea; } @media all and (min-width: 760px) { .associated--grid-mode .associated-group-detail__item { width: 50% !important; } } .associated--grid-mode .associated-group-detail__card { height: auto; } .associated--grid-mode .associated-group-detail-card { padding: 40px 0; cursor: pointer; } @media all and (min-width: 760px) { .associated--grid-mode .associated-group-detail-card { padding: 40px 20px; } } .associated--grid-mode .associated-group-detail-card:hover:after { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .associated--grid-mode .associated-group-detail-card:after { content: ''; position: absolute; bottom: -1px; left: 0; display: block; width: 100%; height: 3px; transition: opacity .1s linear; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; background-color: #ff4f12; } .associated--grid-mode .associated-group-detail-card__percent { position: absolute; bottom: 0; right: 0; font-size: 1.3rem; line-height: 1; display: block; } .associated--grid-mode .associated-group-detail-card__logo { -ms-flex-pack: start; justify-content: flex-start; -ms-flex-order: 3; order: 3; margin-bottom: 35px; } .associated--grid-mode .associated-group-detail-card__logo--empty { display: none; } .associated--grid-mode .associated-group-detail-card__info { -ms-flex-order: 1; order: 1; width: 100%; min-height: 45px; margin: 0 0 30px 0; } .associated--grid-mode .associated-group-detail-card__title { font-family: RostelecomBasis; font-size: 1.16666667rem; line-height: 1.27777778rem; overflow: hidden; width: 100%; max-height: 92px; color: #333333; } .associated--grid-mode .associated-group-detail-card__cooperation { display: inline; margin-left: 12px; vertical-align: middle; } .associated--grid-mode .associated-group-detail-card__inner { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: start; justify-content: flex-start; height: 100%; } @media all and (min-width: 760px) { .associated--grid-mode .associated-group-detail-card__inner { min-height: 320px; } } .associated--grid-mode .associated-group-detail-card__description { display: block; -ms-flex-order: 2; order: 2; margin: 0 0 1.94444444rem; } @media all and (min-width: 760px) { .associated--grid-mode .associated-group-detail-card__description { min-height: 110px; } } .associated--grid-mode .associated-group-detail-card__description-text { font-size: 1rem; line-height: 1.16666667rem; height: auto; margin: 0; } @media all and (min-width: 760px) { .associated--grid-mode .associated-group-detail-card__description-text { max-height: 110px; } } .associated--grid-mode .associated-group-detail-card__link { display: block !important; -ms-flex-order: 4; order: 4; margin: 0; -webkit-text-decoration-line: unset; text-decoration-line: unset; color: #ff4f12; border-bottom: 1px dotted; } .associated--grid-mode .associated-group-detail-card__link:hover { color: #7700ff; } .associated--grid-mode .associated-group-detail-card__mark { display: none; } .associated--grid-mode .associated-group-detail-card__btn { display: none; } .associated__header { margin-bottom: 32px; } .associated__views { margin-bottom: 20px; } .associated__views-link { cursor: pointer; } .associated__page-title { font-family: RostelecomBasis; font-size: 24px; font-weight: 700; line-height: 32px; margin: 0; color: #6b6b6b; } @media all and (min-width: 760px) { .associated__page-title { font-size: 32px; line-height: 40px; } } @media all and (min-width: 1204px) { .associated__page-title { font-size: 46px; font-weight: 400; line-height: 60px; } } .associated-group.ie9-fix .associated-group__list { display: table; } .associated-group.ie9-fix .associated-group__item { float: left; } .associated-group__header { margin-bottom: 40px; } .associated-group__title { font-family: RostelecomBasis-Medium; font-size: 24px; font-weight: 500; margin: 0; color: #333333; } .associated-group__list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px; padding: 0; list-style-type: none; } .associated-group__item { position: static; width: 100%; margin: 0; padding: 0; } @media all and (min-width: 760px) { .associated-group__item { width: 50%; } } .associated-group__item::before { display: none; } .associated-group-card { position: relative; height: 95%; margin: 10px; background-color: #f7f8f8; } .associated-group-card.ie9-fix { min-height: 510px; } .associated-group-card.ie9-fix .associated-group-card__header { display: table; } .associated-group-card.ie9-fix .associated-group-card__logo { float: left; } .associated-group-card.ie9-fix .associated-group-card__title { float: left; } .associated-group-card:hover { box-shadow: 0px 5px 25px -9px rgba(0, 0, 0, 0.2); } .associated-group-card__ref { display: block; height: 100%; border: none; } .associated-group-card__img { display: block; max-width: 105px; max-height: 100%; } .associated-group-card__inner { padding: 25px 20px 25px; } .associated-group-card__description { font-family: RostelecomBasis; font-size: 14px; line-height: 20px; display: inline-block; margin: 0; color: #979799; } @media all and (min-width: 760px) { .associated-group-card__description { line-height: 18px; } } .associated-group-card__body { min-height: 72px; margin-bottom: 50px; } .associated-group-card__header { display: -ms-flexbox; display: flex; } .associated-group-card__title { font-family: RostelecomBasis-Medium; font-size: 18px; font-weight: 500; display: block; height: 46px; margin: 0 0 30px; } .associated-group-card__title.ie-fix { max-width: 195px; } .associated-group-card__logo { height: auto; margin-right: 20px; } .associated-group-card__link { font-family: RostelecomBasis-Medium; font-size: 16px; font-weight: 500; line-height: 21px; margin-left: auto; -webkit-text-decoration-line: underline; text-decoration-line: underline; border: none; } .associated-group-card__footer { position: absolute; bottom: 25px; left: 20px; } .associated-group-detail.ie9-fix .associated-group-detail__list { display: table; width: 100%; } .associated-group-detail.ie9-fix .associated-group-detail__item { float: left; width: 100%; } .associated-group-detail__title { font-family: RostelecomBasis-Medium; font-size: 18px; line-height: 24px; display: inline-block; max-width: 100%; margin: 0 0 16px; } @media all and (min-width: 760px) { .associated-group-detail__title { font-size: 20px; margin: 0 0 24px; } } @media all and (min-width: 1204px) { .associated-group-detail__title { font-size: 18px; line-height: 21px; max-width: 500px; margin: 0 0 30px; } } .associated-group-detail__description { font-size: 18px; line-height: 20px; display: inline-block; max-width: 100%; margin: 0; color: #979799; } @media all and (min-width: 760px) { .associated-group-detail__description { font-size: 18px; line-height: 20px; } } .associated-group-detail__header { margin-bottom: 40px; } .associated-group-detail__list { display: none; -ms-flex-direction: column; flex-direction: column; margin: 0; padding: 0; list-style-type: none; border-top: 1px solid #eaeaea; } .associated-group-detail__item { margin: 0; padding: 0; border-bottom: 1px solid #eaeaea; } .associated-group-detail__item::before { display: none; } .associated-group-detail-card { box-sizing: border-box; height: 82px; padding: 22px 0; } .associated-group-detail-card.ie9-fix .associated-group-detail-card__inner { display: table; width: 100%; } .associated-group-detail-card.ie9-fix .associated-group-detail-card__logo { float: left; } .associated-group-detail-card.ie9-fix .associated-group-detail-card__description { float: left; } .associated-group-detail-card.ie9-fix .associated-group-detail-card__info { float: left; } .associated-group-detail-card.ie9-fix .associated-group-detail-card__btn { float: right; } .associated-group-detail-card__percent { display: none; } .associated-group-detail-card__description { display: none; width: 100%; } .associated-group-detail-card__cooperation { display: none; } .associated-group-detail-card__inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } .associated-group-detail-card__header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: auto; height: 42px; } .associated-group-detail-card__logo { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-pack: center; justify-content: center; width: 105px; height: 42px; } .associated-group-detail-card__img { max-width: 105px; max-height: 100%; } .associated-group-detail-card__info { display: -ms-flexbox; -ms-flex-align: center; align-items: center; margin-right: auto; margin-left: 14px; } @media all and (min-width: 1204px) { .associated-group-detail-card__info { margin-left: 40px; } } .associated-group-detail-card__title { font-family: RostelecomBasis-Medium; font-size: 16px; font-weight: 500; line-height: 21px; display: block; max-width: 330px; margin: 0; } .associated-group-detail-card__btn { padding: 10px 30px; } .associated-group-detail-card__link { font-size: 16px; line-height: 21px; display: inline-block; margin: 0 18px; white-space: nowrap; -webkit-text-decoration-line: underline; text-decoration-line: underline; border: none; color: #858585; } @media all and (min-width: 1204px) { .associated-group-detail-card__link { margin: 0 40px 0 20px; } } .associated-group-detail-card__link:hover { color: #ff4f12; } .associated-group-detail-card__link.ie-fix { display: none; float: left; } .associated-group-detail-card__mark { position: relative; display: inline; -ms-flex-item-align: start; align-self: flex-start; width: 14px; height: 21px; margin-left: 4px; cursor: pointer; } .associated-group-detail-card__mark:hover:after { font-size: 14px; line-height: 16px; position: absolute; z-index: 20; top: 25px; left: -190px; width: 321px; padding: 30px; content: attr(data-title); color: #333333; border: 1px solid #eaeaea; background: #ffffff; box-shadow: 5px 4px 10px rgba(0, 0, 0, 0.05), -5px -4px 10px rgba(0, 0, 0, 0.05); } .associated-group-detail-card__mark:hover:before { position: absolute; z-index: 3; top: 23px; left: -3px; width: 20px; height: 20px; content: ''; transform: rotate(45deg); background: #fff; } .associated-filter.ie9-fix .associated-filter__search { display: table; } .associated-filter.ie9-fix .associated-filter__search-field { float: left; } .associated-filter.ie9-fix .associated-filter__search-settings { display: table; float: right; } .associated-filter.ie9-fix .associated-filter__inside { float: left; } .associated-filter__switcher { display: none; margin-bottom: 20px; } @media all and (min-width: 760px) { .associated-filter__switcher { display: block; } } .associated-filter__search-submit { line-height: 18px; position: absolute; right: auto; top: 4px; left: 0; height: 18px; width: 18px; padding: 0; cursor: pointer; text-align: center; border: none; background: none; outline: none; } .associated-filter__controls { display: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media all and (min-width: 760px) { .associated-filter__controls { display: block; } } .associated-filter__controls--visiable { display: block; } @media all and (min-width: 760px) { .associated-filter__inside { margin-right: 20px; } } .associated-filter__search { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-bottom: 10px; } @media all and (min-width: 760px) { .associated-filter__search { -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding-bottom: 20px; } } .associated-filter__search-field { position: relative; } .associated-filter__search-settings { display: block; padding-top: 10px; } @media all and (min-width: 760px) { .associated-filter__search-settings { display: -ms-flexbox; display: flex; padding-top: 0; } } .associated-filter__search-input { width: 100%; padding: 0 23px 8px; border: none; border-bottom: 1px solid #d5d6d9; } @media all and (min-width: 760px) { .associated-filter__search-input { width: 300px; } } .associated-filter__search-input:-ms-input-placeholder { font-family: RostelecomBasis; font-size: 14px; line-height: 18px; color: #333333; } .associated-filter__search-input::placeholder { font-family: RostelecomBasis; font-size: 14px; line-height: 18px; color: #333333; } .associated-filter__search-input::-ms-clear { display: none; } .associated-filter__svg { display: inline-block; height: 12px; width: 12px; fill: #333333; } #mrk_stock td { vertical-align: middle; } .dividend-table td { vertical-align: middle; } #comp td { vertical-align: middle; } #stock td { vertical-align: middle; } #stat select { width: 320px; } /*=========================================================== Страницы раздела Конференции ===========================================================*/ /*--- программа конференции ---*/ .conf-controls { float: left; margin-bottom: 1rem; width: 50%; } .conf-controls:before, .conf-controls:after { content: ""; display: table; clear: both; } @media all and (max-width: 1204px) { .conf-controls { float: none; width: 100%; } } .conf-controls .filters { float: none; } @media all and (max-width: 479px) { .conf-controls .filter_button { margin-left: 0; text-align: left; width: 100%; } .conf-controls .filter_button:not(:first-child) { border-top: 0; } } .conf-controls .filter_button:hover { color: #858585; } .conf-controls .filter_button.active { color: #fff; } .conf-controls_label { color: #333333; display: inline-block; font-family: "RostelecomBasis-Medium"; font-size: .7222222222222222em; margin-bottom: 1em; } .conf-tab:hover, .conf-tab:focus { box-shadow: 0 -2px 5px 2px rgba(0, 0, 0, 0.1); } .conf-tab:hover .conf-tab_header:after, .conf-tab:focus .conf-tab_header:after { bottom: 0; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .conf-tab.active { box-shadow: 0 -2px 10px 2px rgba(0, 0, 0, 0.1); } .conf-tab.active .conf-tab_header:after { bottom: 0; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .conf-tab.active .conf-tab_details { border-bottom: 1px solid #ffffff; } .no-js .conf-tab.active .conf-tab_details { display: block; } .conf-tab_header { border-bottom: 1px solid #d5d6d9; box-sizing: border-box; overflow: hidden; padding: 30px 20px; position: relative; -webklit-transition: border-bottom-color 0.2s; transition: border-bottom-color 0.2s; padding: 2.222222222222222rem 4.555555555555556rem 2.222222222222222rem 2.166666666666667rem; } .conf-tab_header.active { border-bottom-color: #879095; } .conf-tab_header:after { border-bottom: 205px solid #7b949b; border-left: 82px solid transparent; content: ""; display: block; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; bottom: -205px; right: 0; transition: all .2s; } @media all and (max-width: 759px) { .conf-tab_header:after { border-bottom-width: 60px; border-left-width: 30px; } } @media all and (max-width: 759px) { .conf-tab_header { padding: 30px 17px; } } .conf-tab_star { direction: rtl; position: absolute; top: 27px; right: 20px; z-index: 10; } @media all and (max-width: 1204px) { .conf-tab_star { top: 30px; } } @media all and (max-width: 759px) { .conf-tab_star { top: 32px; } } @media all and (max-width: 479px) { .conf-tab_star { direction: ltr; margin-bottom: 1em; position: static; } } .conf-tab_star .conf-tab_star-text { color: #333333; display: none; font-family: "RostelecomBasis-Medium"; font-size: .7222222222222222em; margin-right: .7692307692307692em; text-transform: uppercase; transition: all .2s; vertical-align: middle; } @media all and (max-width: 479px) { .conf-tab_star .conf-tab_star-text { margin-left: .7692307692307692em; margin-right: 0; } } .conf-tab_star .symbol-star { cursor: pointer; display: inline-block; fill: transparent; height: 1.5em; opacity: .6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; stroke: #858585; vertical-align: middle; width: 1.5em; /* 27/18 */ } .conf-tab_star.active .conf-tab_star-text { display: inline-block; } .conf-tab_star.active .symbol-star { fill: #00a8ff; stroke: #00a8ff; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .conf-tab_star:not(.active) .symbol-star:hover + .conf-tab_star-text { display: inline-block; opacity: .3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; } .conf-tab_time { font-size: 15px; font-size: .833em; float: left; line-height: 1; margin-right: 2%; width: 23%; } @media all and (max-width: 1204px) { .conf-tab_time { font-size: 14px; font-size: .778em; float: none; margin: 0 0 1em; width: 100%; } } .conf-tab_time-hour, .conf-tab_time-separator, .conf-tab_time-minute { position: relative; font-family: "RostelecomBasis"; color: #bfbfbf; font-size: 1.66667em; line-height: 1; } .conf-tab_time-separator { font-size: .7777777777777778em; /* 14/18 */ top: -0.8em; /* -12/18 */ } .conf-tab_time-minute { font-size: 1em; /* 18/18 */ top: -0.42em; /* -9/18 */ } .conf-tab_time-text { color: #bfbfbf; font-size: 1em; } .conf-tab_separator { color: #bfbfbf; line-height: 1; margin: 0 .4em; position: relative; top: -0.5em; } .conf-tab_comment { color: #bfbfbf; font-size: .8888888888888889em; line-height: 1.2; margin-top: .5em; } .conf-tab_info { float: right; line-height: 1; width: 75%; } @media all and (max-width: 1204px) { .conf-tab_info { float: none; width: 100%; } } .conf-tab_place { color: #bfbfbf; display: inline-block; font-family: "RostelecomBasis-Medium"; font-size: 0.722222rem; line-height: 1; margin-bottom: .6111111111111111rem; max-width: 75%; } @media all and (max-width: 1204px) { .conf-tab_place { max-width: 100%; } } .conf-tab_event { color: #333333; font-size: 1.16667rem; margin: 0; position: relative; transition: color .3s ease; } .conf-tab_event--short { max-width: 75%; } @media all and (max-width: 1204px) { .conf-tab_event--short { max-width: 100%; } } .conf-tab_toggle { color: #333333; cursor: pointer; display: inline-block; margin-top: 1em; } .conf-tab_toggle:hover { color: #ff4f12; } .conf-tab_toggle:after { background: url(/img/symbols/dropdown-arrow-active-down.png) no-repeat 50% 50%; content: ""; display: inline-block; height: 10px; margin-left: .5555555555555556em; vertical-align: middle; width: 10px; } .conf-tab_header.active .conf-tab_toggle:after { background-image: url(/img/symbols/dropdown-arrow-active.png); } .conf-tab_details { border-bottom: 1px solid #c5c5c5; font-size: 16px; font-size: .889em; color: #858585; display: none; padding: 1.611111111111111rem 2.166666666666667rem 1.944444444444444rem; } .conf-tab_details p:first-child, .conf-tab_details ul:first-child, .conf-tab_details ol:first-child { margin-top: 0; } .conf-tab_details p:last-child, .conf-tab_details ul:last-child, .conf-tab_details ol:last-child { margin-bottom: 0; } @media all and (max-width: 759px) { .conf-tab_details { padding: 30px 17px; } } .conf-tab.active .conf-tab_details { display: block; } /*--- /программа конференции ---*/ .conference-page .label-wrap { width: 30%; } @media all and (max-width: 479px) { .conference-page .label-wrap { width: 100%; } } .conference-page input, .conference-page textarea, .conference-page button, .conference-page .form-group { width: 65%; } @media all and (max-width: 479px) { .conference-page input, .conference-page textarea, .conference-page button, .conference-page .form-group { width: 100%; } } .conference-page .tab_details .form_checkbox-row { line-height: normal; margin-bottom: 1em; } .conf_btn { margin: 5px 10px; } .conf-link { border-bottom: 0; } /*===== End of Страницы раздел Конференции ======*/ .qust_form.b-feedback .label-wrap { width: 30%; } @media all and (min-width: 1205px) { .qust_form.b-feedback .label-wrap { width: 20%; } } @media all and (max-width: 759px) { .qust_form.b-feedback .label-wrap { width: 40%; } } @media all and (max-width: 479px) { .qust_form.b-feedback .label-wrap { width: 100%; float: none; } } @media all and (min-width: 760px) { .qust_form.b-feedback textarea { float: left; } } .qust_form.b-feedback .drop-select { width: 60%; } @media all and (max-width: 479px) { .qust_form.b-feedback .drop-select { width: 100%; float: none; } } .qust_form.b-feedback input, .qust_form.b-feedback textarea { float: left; } .qust_form.b-feedback .submit { float: right; margin-right: 20%; } @media all and (max-width: 1204px) { .qust_form.b-feedback .submit { margin-right: 10%; } } @media all and (max-width: 759px) { .qust_form.b-feedback .submit { margin-right: 0; } } .contacts-map { display: none; position: relative; margin-bottom: 30px; } .contacts-map #svg_map { min-width: 810px; width: 100%; height: auto; overflow: hidden; } .contacts-map #svg_map-2 { min-width: 810px; width: 100%; height: auto; overflow: hidden; } .contacts-map-wrap { overflow: auto; } @media all and (max-width: 759px) { .contacts-map-wrap { height: 350px; } } .contacts-map-popup { box-sizing: border-box; position: relative; display: none; position: absolute; top: 0; left: 0; z-index: 2; padding: 20px; border-radius: 2px; background-color: #333333; background-color: rgba(51, 51, 51, 0.9); max-width: 260px; } .contacts-map-popup:after { content: ""; display: block; width: 0; height: 0; position: absolute; bottom: -7px; left: 50%; margin-left: -7px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid; border-top-color: #333; border-top-color: rgba(51, 51, 51, 0.9); } .contacts-map-popup img { display: block; width: 100%; height: auto; margin-bottom: 15px; } .contacts-map-popup span { color: #b5b5b5; font-family: "RostelecomBasis"; font-size: 0.889em; } .ymaps-wrap.active { width: 100%; height: 350px; margin-bottom: 30px; } .b-social-links__item { display: inline-block; margin-right: 15px; margin-bottom: 10px; color: #999; text-decoration: none; } .b-social-links__item:last-child { margin-right: 0; } .b-social-links__item:hover { color: #333333; } .b-social-links__item:hover .social_item { fill: #333333; } .b-social-links__item .social_item { fill: #9a9a9a; margin-right: 2px; margin-top: 1px; } .b-social-links__item .symbol-inst { margin-top: 2px; } .b-social-links__item span { display: inline-block; vertical-align: middle; } .events-page .controls { text-align: right; } @media all and (max-width: 479px) { .events-page .controls { text-align: left; } } .events-page .view-options, .events-page .filters, .events-page .date-filter, .events-page .checkboxes_container { display: inline-block; float: none; margin: 0 0 15px 17px; vertical-align: middle; } @media all and (max-width: 759px) { .events-page .view-options { display: none; } } .events-page .date-picker { left: auto; right: 0; } @media all and (max-width: 479px) { .events-page .date-picker { left: 0; right: auto; } } .events-page .checkbox .checkbox-text { margin-right: 0; } @media all and (max-width: 759px) { .events-page .checkbox .checkbox-text { float: none; max-width: 100%; } } .events-page .no-uppercase { text-transform: none; } .events-page .item_date { max-width: 100%; } @media all and (max-width: 1079px) { .events-page .item_date-day { font-size: 2.15rem; } } @media all and (max-width: 1079px) { .events-page .item_date-month { font-size: 1rem; } } @media all and (max-width: 1079px) { .events-page .item_date-year { font-size: 1rem; } } @media all and (max-width: 1079px) { .events-page .item_date-separator { font-size: 1rem; top: -0.9rem; } } .events-page .news--grid-view .item_date { margin-right: 0; } .events-page .news--grid-view .item_category-wrap a { margin: 0 0 11px 11px; } @media all and (max-width: 759px) { .events-page .news--grid-view .item_category-wrap a { margin: 0 11px 11px 0; } } .events-page .news--list-view .item_date { margin-right: 3%; } .events-page .news--list-view .item_category { margin-left: 0; } .events-page .news--list-view .item_category-wrap a { margin: 0 11px 11px 0; } .events-page .news--list-view .item_text { margin-left: 50px; } @media all and (max-width: 1203px) { .events-page .news--list-view .item_text { margin-left: 45px; } } @media all and (max-width: 1079px) { .events-page .news--list-view .item_text { margin-left: 40px; } } /*=========================================================== = С т р а н и ц а С Т А Ж И Р О В К И = ===========================================================*/ .internship-page .header { border-bottom: 1px solid #eaeaea; padding-bottom: 40px; margin-bottom: 40px; } .internship-page .internship-page_banner { background-image: url('/img/tmp/internship-banner.jpg'); } .internship-page .description_header { margin-bottom: 0; } @media all and (max-width: 679px) { .internship-page .description_header { margin-bottom: 1em; } } .internship-page .description_text { margin-top: 5px; margin-bottom: 30px; } .internship-page .description_looking-for { margin-bottom: 70px; } @media all and (min-width: 1205px) { .internship-page .description_list { column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; column-gap: 10px; -moz-column-gap: 10px; -webkit-column-gap: 10px; } } .internship-page .features:before, .internship-page .features:after { content: ""; display: table; clear: both; } .internship-page .feature { float: left; box-sizing: border-box; min-height: 260px; background-color: #fcfcfc; width: 30.86419753%; margin-right: 3.7037037%; text-align: center; padding: 45px 17px 20px 17px; } .internship-page .feature:last-child { margin-right: 0; } @media all and (max-width: 679px) { .internship-page .feature { float: none; width: 100%; min-height: 0; padding: 0px 17px 40px 17px; } .internship-page .feature:first-child { padding-top: 40px; } } .internship-page .feature_icon, .internship-page .feature_svg { margin-bottom: 1.4em; } @media all and (max-width: 679px) { .internship-page .feature_icon, .internship-page .feature_svg { margin-bottom: 10px; } } .internship-page .feature_svg { display: inline-block; vertical-align: top; } .internship-page .feature_svg--experience { width: 5.1666666em; height: 4em; } .internship-page .feature_svg--priority { width: 5.7222222em; height: 3.8333333em; } .internship-page .feature_svg--schedule { width: 6.2222222em; height: 4.1666666em; } .internship-page .feature_name { font-family: "RostelecomBasis-Medium"; font-size: 1rem; /* 18/18 */ color: #333333; margin: 0; } .internship-page .feature_text { font-size: 0.8888888888888888rem; /* 16/18 */ color: #6b6b6b; margin: 0; } .internship-form { position: relative; margin-bottom: 0; } .internship-form:before, .internship-form:after { content: ""; display: table; clear: both; } .internship-form_header { margin-bottom: 2em; text-align: center; } .internship-form #file { border: 1px dashed #eaeaea; } .internship-form .resume_submit { width: 150px; clear: both; padding: 0; margin-top: 20px; margin-bottom: 0; } .internship-form .birthday-select { float: left; width: 30%; margin-right: 5%; } .internship-form .birthday-select:last-child { margin-right: 0; } .internship-form .city-select { float: left; width: 48%; margin-right: 4%; } .internship-form .city-select:last-child { margin-right: 0; } @media all and (max-width: 989px) { .internship-form .city-select { margin-bottom: 1rem; width: 100%; } } .internship-form .city-input { width: 48%; } @media all and (max-width: 989px) { .internship-form .city-input { margin-bottom: 0; width: 100%; } } .internship-form .studying-select { float: left; width: 48%; margin-right: 4%; } .internship-form .studying-select:last-child { margin-right: 0; } @media all and (max-width: 989px) { .internship-form .studying-select { margin-bottom: 1rem; width: 100%; } .internship-form .studying-select:last-child { margin-bottom: 0; } } .internship-form .division-select { width: 100%; } hr + .internship-form { margin-top: 1.6em; } /*===== End of РАЗДЕЛ С Т А Ж И Р О В К И ======*/ /*===== IR-календарь =====*/ .ir-calendar_filter-title { color: #333333; display: block; font-family: "RostelecomBasis-Medium"; font-size: .7222222222222222em; margin-bottom: .7692307692307692em; text-transform: uppercase; } .ir-calendar_filter .filters, .ir-calendar_filter .date-filter, .ir-calendar_filter .ir-calendar_download { margin-bottom: 1.111111111111111rem; } .ir-calendar_filter .filters:before { content: ""; display: table; } .ir-calendar_filter .filters:after { content: ""; display: table; clear: both; } .ir-calendar_filter .filters .filter_button.active:hover { color: #fff; } .ir-calendar_filter .date-filter .symbol-check { font-size: 0.2777777777777778rem; height: 0.2777777777777778rem; width: 0.5555555555555556rem; } .ir-calendar_filter-box { font-size: 0; line-height: 1; text-align: justify; } .ir-calendar_filter-box:before { content: ""; display: table; } .ir-calendar_filter-box:after { content: ""; display: table; clear: both; } .ir-calendar_filter-box:after { content: ""; display: inline-block; width: 100%; } .ir-calendar_filter-switch { display: inline-block; margin-right: 10px; vertical-align: middle; } .ir-calendar_filter-switch:before { content: ""; display: table; } .ir-calendar_filter-switch:after { content: ""; display: table; clear: both; } .ir-calendar_download { position: relative; display: inline-block; font-family: "RostelecomBasis-Medium"; font-size: .8888888888888889rem; text-decoration: none; vertical-align: middle; } .ir-calendar_download:hover::before { opacity: .8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .ir-calendar_download:before { content: ""; position: absolute; top: 0; left: -25px; display: inline-block; width: 16px; height: 15px; margin-right: 5px; background: url(/img/symbols/download-calendar.png) no-repeat; vertical-align: middle; transition: opacity .1s linear; } @media all and (max-width: 1139px) { .ir-calendar_download { margin-left: 1.65em; } } .ir-calendar_list { border: 1px solid #dedfdf; } .ir-calendar_meta { margin-bottom: 1.111111111111111em; } .ir-calendar_meta:before { content: ""; display: table; } .ir-calendar_meta:after { content: ""; display: table; clear: both; } .ir-calendar_item { border-bottom: 1px solid #dedfdf; padding: 1.055555555555556em; } .ir-calendar_item:last-child { border-bottom: 0; } .ir-calendar_item.is-colored { background-color: #f8f8f8; } .ir-calendar_item .item_date { margin: 0; min-width: 165px; max-width: 100%; margin-right: 1.055555555555556em; padding: 0.38888889em 0 0; background: transparent; } .ir-calendar_item .item_date-day { color: #ff4f12; font-size: 1.15em; vertical-align: baseline; } .ir-calendar_item .item_date-separator { color: #ff4f12; font-size: 1em; vertical-align: baseline; } .ir-calendar_item .item_date-month, .ir-calendar_item .item_date-year { top: auto; color: #7b929b; font-size: 1em; vertical-align: baseline; } .ir-calendar_item .item_date-month { margin-left: -0.1em; } .ir-calendar_cat { float: right; margin-left: 1.055555555555556em; margin-top: 0.1666666666666667em; } .ir-calendar_cat:before { content: ""; display: table; } .ir-calendar_cat:after { content: ""; display: table; clear: both; } .ir-calendar_cat-item { position: relative; color: white; height: 1.7222222rem; font-family: "RostelecomBasis-Medium"; font-size: 0.89em; float: left; margin-left: 0.9230769230769231em; padding: 0 .515em; text-decoration: none; background-color: #7b929b; border-bottom: 0; line-height: 2; transition: all .2s linear; } .ir-calendar_cat-item:hover { color: #ffffff; background-color: #ffffff; } .ir-calendar_cat-item::after { content: ''; position: absolute; top: 100%; right: 0; display: block; width: 17px; height: 10px; background: url(/img/fold_orange.svg) 50% 50% no-repeat; background-size: cover; z-index: 1; } .ir-calendar_cat-item:first-child { margin-left: 0; } .ir-calendar_place { color: #666; font-size: 0.8888888888888889em; margin: 0.4375em 0 0; } .ir-calendar_info { display: table; width: 100%; } .ir-calendar_info .ir-calendar_title { font-size: .89rem; } .ir-calendar_cell { display: table-cell; vertical-align: middle; } .ir-calendar_cell--title { width: 100%; } .ir-calendar_cell--links { padding-left: 1.055555555555556em; white-space: nowrap; } .ir-calendar_icon { display: inline-block; line-height: 0; margin-left: 0.4444444444444444em; border-bottom: 0; } .ir-calendar_icon:first-child { margin-left: 0; } .ir-calendar_icon .symbol-link, .ir-calendar_icon .symbol-pdf, .ir-calendar_icon .symbol-calendar { color: #ff4f12; height: 2.444444444444444rem; width: 2.055555555555556rem; } .ir-calendar_icon .symbol-link:hover, .ir-calendar_icon .symbol-pdf:hover, .ir-calendar_icon .symbol-calendar:hover { color: #ff8218; } .ir-calendar_title { color: #333333; font-family: "RostelecomBasis-Medium"; margin: 0; } .ir-calendar_modal { padding: 60px 32px 32px 60px; } .ir-calendar_modal .radio { display: block; margin-bottom: 1.111111111111111em; } .ir-calendar_modal .btn { margin-top: 1.625em; } .ir-calendar_modal .modal_close { color: #333333; line-height: 0.8888888888888889em; right: 32px; top: 32px; } .ir-calendar_modal-title { font-size: 2em; font-family: "RostelecomBasis-Light"; margin: 0 0 1.333333333333333em; } @media all and (max-width: 1204px) { .ir-calendar_place { clear: both; margin: 0; padding-top: 1.111111111111111em; } .ir-calendar_item .item_date { padding-top: 0.33333333em; } } @media all and (max-width: 759px) { .ir-calendar_filter-switch { display: block; width: 100%; } .ir-calendar_filter .filters { float: none; margin-right: 0; } .ir-calendar_filter .filters .filter_button { margin-left: 0; margin-bottom: -1px; width: 100%; } .ir-calendar_item { padding: 0.5555555555555556em; } .ir-calendar_item .item_date { margin: 0 0 1.111111111111111em; float: none; } .ir-calendar_cat { float: none; margin: 0 0 1.111111111111111em 0; } .ir-calendar_place { padding: 0; } .ir-calendar_info { display: block; } .ir-calendar_cell { display: block; } .ir-calendar_cell--title { margin-bottom: 1.111111111111111em; } .ir-calendar_cell--links { padding-left: 0; } .ir-calendar_modal { padding: 60px 20px 20px; } .ir-calendar_modal .btn { width: 100%; text-align: center; } .ir-calendar_modal .modal_close { right: 20px; top: 20px; } .ir-calendar_modal-title { font-size: 1.333333333333333em; } } .lp-strategy { padding-bottom: 50px; } @media (min-width: 1024px) { .lp-strategy { padding-bottom: 80px; } } @media (min-width: 1205px) { .lp-strategy { padding-bottom: 110px; } } .lp-strategy__section { margin-bottom: 30px; } @media (min-width: 768px) { .lp-strategy__section { margin-bottom: 40px; } } @media (min-width: 1205px) { .lp-strategy__section { margin-bottom: 80px; } } .lp-strategy__section:last-child { margin-bottom: 0; } .lp-strategy__header { position: relative; overflow: hidden; min-height: 300px; color: #fff; background: #272F3D; } .lp-strategy__header::before { display: block; padding-top: 40.49382716%; content: ""; } .lp-strategy__header-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .lp-strategy__header-bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } @media (min-width: 768px) { .lp-strategy__header-bg { background-position: 100% 50%; background-size: auto 100%; } } .lp-strategy__header-bg-block { width: 55%; height: 100%; background: #272F3D; transform: skewX(-16deg); } .lp-strategy__header-image { position: absolute; right: 0; top: 0; bottom: 0; width: 70%; } @media (min-width: 529px) { .lp-strategy__header-image { width: 59%; } } @media (min-width: 1205px) { .lp-strategy__header-image { width: 53%; } } .lp-strategy__header-image-pic { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: left; object-position: left; font-family: "object-fit: cover; object-position: left"; } .lp-strategy__header-body { position: relative; z-index: 3; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 20px 20px; height: 100%; box-sizing: border-box; } @media (min-width: 768px) { .lp-strategy__header-body { -ms-flex-align: stretch; align-items: stretch; padding: 60px 40px; } } .lp-strategy__header-content { width: 58%; } @media (min-width: 768px) { .lp-strategy__header-content { width: 50%; } } @media (min-width: 1205px) { .lp-strategy__header-content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; width: 60%; } } .lp-strategy__header-title { font-size: 20px; margin-top: 0; margin-bottom: 20px; } @media (min-width: 1024px) { .lp-strategy__header-title { font-size: 25px; margin-bottom: 30px; } .lp-strategy__header-title .lp-strategy__header-title br { display: none; } } @media (min-width: 1205px) { .lp-strategy__header-title { font-size: 30px; line-height: 41px; margin-bottom: 40px; } } .lp-strategy__header-text { line-height: 144%; } @media (min-width: 1024px) { .lp-strategy__header-text { max-width: 420px; } } .lp-strategy__title { font-size: 24px; margin-top: 0; margin-bottom: 20px; } @media (min-width: 768px) { .lp-strategy__title { font-size: 40px; margin-bottom: 30px; } } .lp-strategy__header-button .button { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-weight: 500; font-size: 16px; padding: 4px 15px; width: auto; min-height: auto; } .lp-strategy__header-button-text { display: inline-block; vertical-align: middle; } @media (min-width: 1024px) { .lp-strategy__header-button .button { font-size: 18px; padding: 15px 30px; width: auto; } } .lp-strategy__header-button .button .symbol { display: inline-block; width: 24px; height: 24px; margin-left: 15px; vertical-align: middle; color: #fff; fill: transparent; } @media (min-width: 1024px) { .lp-strategy__header-button .button .symbol { margin-left: 25px; } } /*=================================================================================== = РАЗДЕЛ С О Б Р А Н И Я А К Ц И О Н Е Р О В = ===================================================================================*/ .meetings-event-page { position: relative; padding-bottom: 1em; } @media all and (max-width: 619px) { .meetings-event-page .date-filter { margin-top: 0.8em; } } @media all and (max-width: 989px) { .meetings-event-page .controls { position: relative !important; float: none !important; top: 0em !important; margin-bottom: 1.8rem; } } .meetings-event-page .hr { clear: both; margin-bottom: 0; } .meetings-event-page .entries { margin-top: 0; } h1 + .meetings-event-page > .controls { position: absolute; right: 0; top: -3.92rem; } @media all and (max-width: 619px) { h1 + .meetings-event-page > .controls { position: static; display: block; float: none; margin-top: -1em; } } .filter_button { display: inline-block; } .filter_button.active:hover { color: #fff !important; } .entries_item:focus { border-bottom: 1px solid #eaeaea; } /*===== End of РАЗДЕЛ С О Б Р А Н И Я А К Ц И О Н Е Р О В ======*/ /*-------- Страница модератора конференций --------*/ .moderator-page .moderator_row { display: table; width: 100%; } @media all and (max-width: 989px) { .moderator-page .moderator_row { display: block; } } .moderator-page .moderator_cell { display: table-cell; vertical-align: middle; } @media all and (max-width: 989px) { .moderator-page .moderator_cell { display: block; } } @media all and (max-width: 989px) { .moderator-page .moderator_cell:not(:first-child) { margin-top: 1em; } } .moderator-page .moderator_filter-btn { color: #00a8ff; cursor: pointer; display: inline-block; float: right; padding-right: 15px; position: relative; } .moderator-page .moderator_filter-btn:after { background: url(/img/symbols/dropdown-arrow-active.png) no-repeat 100% center; content: ""; display: block; height: 10px; position: absolute; bottom: .3333333333333333em; right: 0; width: 10px; } .moderator-page .moderator_filter-btn.closed:after { transform: rotate(180deg); } @media all and (max-width: 989px) { .moderator-page .moderator_filter-btn { float: none; margin-bottom: 1em; } } .moderator-page .moderator_filter { border-top: 1px solid #eaeaea; padding: 1.222222222222222em 0; /* 22/18 */ } .moderator-page .moderator_filter-label { color: #333333; font-family: "RostelecomBasis-Medium"; font-size: .722222rem; margin: 0 0 .7692307692307692em; text-transform: uppercase; } .moderator-page .moderator_search { display: table; margin-bottom: 1.388888888888889em; width: 100%; } .moderator-page .moderator_search-input { float: left; padding-bottom: 1.35em; padding-top: 1.35em; width: calc(100% - 230px - 58px); } @media all and (max-width: 759px) { .moderator-page .moderator_search-input { font-size: 11px; padding: 1.1em; width: calc(100% - 130px - 40px); } } .moderator-page .moderator_search_date-input { float: left; padding-bottom: 1.35em; padding-top: 1.35em; width: calc((100% - 230px - 58px)/2); } @media all and (max-width: 759px) { .moderator-page .moderator_search_date-input { font-size: 11px; padding: 1.1em; width: calc((100% - 130px - 40px)/2); } } .moderator-page .moderator_search-drop { float: left; } @media all and (max-width: 759px) { .moderator-page .moderator_search-drop { width: 130px; } } .moderator-page .moderator_search-drop .dbutton { border-left: 0; border-right: 0; } @media all and (max-width: 759px) { .moderator-page .moderator_search-drop .dbutton { font-size: 11px; padding: 1.1em; } } @media all and (max-width: 759px) { .moderator-page .moderator_search-drop .dlist { top: 2.5rem; } } @media all and (max-width: 759px) { .moderator-page .moderator_search-drop .mCSB_inside > .mCSB_container li { font-size: .6111111111111111rem; padding: 1.1em; } } .moderator-page .moderator_search-btn { background: transparent; border: 1px solid #eaeaea; cursor: pointer; display: block; float: left; font-size: 13px; line-height: 1.333; padding: 1.35em 0; width: 58px; } .moderator-page .moderator_search-btn:hover .symbol-loupe { fill: #00a8ff; } @media all and (max-width: 759px) { .moderator-page .moderator_search-btn { font-size: 11px; padding: 1.1em 0; width: 40px; } } .moderator-page .moderator_tabs { float: left; margin-right: 0; } @media all and (max-width: 989px) { .moderator-page .moderator_tabs { float: none; } } .moderator-page .moderator_tabs .filter_button.active .status_text { color: #fff; } @media all and (max-width: 759px) { .moderator-page .moderator_tabs .filter_button { margin-left: 0; text-align: left; width: 100%; } .moderator-page .moderator_tabs .filter_button:not(:first-child) { border-top: 0; } } .moderator-page .moderator_file { float: right; margin: 0; } @media all and (max-width: 989px) { .moderator-page .moderator_file { float: none; } } .moderator-page .moderator_file .loadItem_icon { height: 42px; margin-right: 10px; width: 42px; } .moderator-page .moderator_file .loadItem_content { display: inline-block; } .moderator-page .moderator_file .loadItem_desc { font-size: .889em; } .moderator-page .status_text { font-size: .722222rem; font-family: "RostelecomBasis"; } .moderator-page .user_name { margin-right: 3.90625%; } .moderator-page .sprint { vertical-align: top; } @media all and (max-width: 1204px) { .moderator-page .sprint { display: block; margin-top: .5555555555555556em; } } .moderator-page .nav-pagenavigation .nav-title { display: none; } /*-------- End of Страница модератора конференций --------*/ /*=========================================================== = С т р а н и ц а Н О В О С Т И = ===========================================================*/ .news-page { position: relative; } .news-page > h1 { display: inline-block; margin-bottom: 0.6em; } .news-page > h1.no-news-followed { display: block; margin-right: 0; } .news-page .date-picker { right: 0; left: auto; } .news-page .social-header a { border-bottom: 0; } .news-page .social-header a h2 { display: inline; color: inherit; font-size: 1rem; border-bottom: 1px dotted; } .news-page .social-header a:hover { color: #ff4f12; } .news-page .social-header a:hover h2 { border-bottom-color: transparent; } .news-page .social-header .social-vision-info { display: block; } @media all and (max-width: 1079px) { .news-page .social-header { padding-left: .5em; box-sizing: border-box; } } @media all and (max-width: 759px) { .news-page .social-header { padding-left: 0; } } .news-detail p:first-of-type { margin-top: 0; } .news-detail .back2news { padding-bottom: 20px !important; } .controls { float: right; } .controls:before, .controls:after { content: ""; display: table; clear: both; } .view-options, .filters { float: left; margin-right: 10px; } .view-options:before, .view-options:after { content: ""; display: table; clear: both; } .view-options_button { letter-spacing: 2px; width: 35px; padding-bottom: 10px; margin-left: 0; font-size: 15px; font-size: .833em; line-height: 1.8; } .view-options_button:after { letter-spacing: 0; } .view-options_button--grid { padding-left: 0; padding-right: 1px; } .view-options_button--list { padding-left: 0; padding-right: 1px; } @media screen and (max-width: 480px) { .news-page > h1 { display: block; margin-right: 0; } } .navigation { margin-top: 30px; } @media all and (max-width: 1204px) { .navigation { margin-top: 1em; } } /* Шаблон для печати */ @page { size: A4; margin-top: 3em; margin-bottom: 3em; } #print-template h1, #print-template h2, #print-template h3, #print-template h4, #print-template h5 { page-break-after: avoid; } #print-template * { -webkit-print-color-adjust: exact; print-color-adjust: exact; } #print-template .tm, #print-template .nav, #print-template .lang, #print-template .regions, #print-template .share_frame, #print-template .share_buttons_frame, #print-template .toolbar-rtk-special, #print-template .header-right, #print-template .header_left > a:first-child, #print-template .header_left > span, #print-template .header_sep, #print-template .header-bottom, #print-template .mobile-menu, #print-template .view-options, #print-template .search_toggle, #print-template .button_container, #print-template .mobile-menu, #print-template .content_aside, #print-template .footer_cell.footer_cell-view4 > .social, #print-template .vacancy_social-btns-block, #print-template .mistake, #print-template #pics-text, #print-template .gallery, #print-template .about_company br { display: none !important; } #print-template body { background-color: #fff; color: #444; } #print-template .main_frame { top: 15px; width: 740px !important; margin-left: 73px; } #print-template .column { width: 100% !important; margin: 0; } #print-template .content_section { float: none; width: 100%; margin-left: 0; margin-top: 1.5em; margin-bottom: 0; } #print-template img { max-width: 100% !important; } #print-template ul, #print-template img { page-break-inside: avoid; } #print-template h2, #print-template h3 { page-break-after: avoid; } #print-template .item:hover:after { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } #print-template .item:hover { background: inherit; } #print-template .item:hover .item_date-day { color: #6b6b6b; } #print-template .news { width: 100%; margin: 0; padding: 0; position: relative; left: -57px; } #print-template .column { margin: 0; padding: 0; } #print-template .layer-light { background: none; margin-bottom: 2em; } #print-template .inner-page .header { border-bottom: none; } #print-template .footer { margin-top: 1.5em; } #print-template .footer_cell.footer_cell-view2 { float: left; width: 35%; text-align: left; padding-right: 3em; } #print-template .breadCrumbs, #print-template .footer_cell.footer_cell-view3, #print-template .header.header-top, #print-template img { display: block; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; } #print-template .header_left { padding-bottom: 1px; } #print-template .header-top .header_logo.logo { margin: 1em 0 3em; } #print-template .header-top .header_logo.logo--ru .logo_img { width: 4.348em; } #print-template .header-top .header_logo.logo--en .logo_img { width: 3.935em; } #print-template .breadCrumbs { border-bottom: 1px solid #f3f3f3; } #print-template .footer_cell.footer_cell-view3 { float: right; width: 55%; margin: 0; } #print-template .footer_cell.footer_cell-view4 { display: block; float: left; margin-top: -17px; } #print-template .footer_cell .madeIn { margin-top: 0.5em; } #print-template .footer_cell .madeIn img { display: inline-block; } #print-template .item { position: relative; box-sizing: border-box; width: 50%; height: 14.166666666666666rem; float: left; background-color: #fff; padding: 4.938271604938%; border-bottom: 1px solid #eaeaea; margin-bottom: 70px; direction: block; } #print-template .item.item--covered:before { display: block; content: " "; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #000000; background: rgba(0, 0, 0, 0.65); z-index: 4; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: opacity .2s; pointer-events: none; } #print-template .item_date, #print-template .item-wrapper { font-size: 6pt; display: block; } #print-template .item_category-wrap--single, #print-template .item_text, #print-template a { color: #333; } #print-template .gallery-popup { display: none !important; } #print-template .btn--print { margin-top: -17px; padding-left: 55px; font-size: .8em; } #print-template .btn--print:after { left: 21px; } @media print { #print-template .main_frame { margin-left: 13px; } } /* /Шаблон для печати */ /*============================================================================= = С т р а н и ц а Р Е Г И О Н Ы = =============================================================================*/ #rostelecom_map { position: relative; } #rostelecom_map .st0 { fill: #D0EFFF; stroke: #FFFFFF; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; } #rostelecom_map .st1 { opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; fill: #00A8FF; } #rostelecom_map .st2 { fill: #00A8FF; } #rostelecom_map .st0, #rostelecom_map .st1, #rostelecom_map .st2 { transition: fill .4s; } #rostelecom_map .map-region.is-hovered .st0 { fill: #13aeff; } #rostelecom_map .map-region.is-hovered .st1 { fill: white; opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } #rostelecom_map .map-region.is-hovered .st2 { fill: white; } #map { position: relative; width: 100% !important; height: 100% !important; float: none; margin-bottom: 50px; margin-top: -15px; } #svg_map { width: 100% !important; height: auto; overflow: hidden; } #svggroup > svg { width: 100% !important; height: 100% !important; } .regions-popup { position: absolute; display: none; box-sizing: border-box; padding: 20px; background-color: white; width: 450px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); } .regions-popup:after { content: ""; position: absolute; bottom: -7px; left: 50%; margin-left: -7px; display: none; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #333; } .regions-popup_name { margin: 0; font-family: "RostelecomBasis"; font-size: 24px; color: #333333; } .regions-popup_message { margin: 18px 0; font-family: "RostelecomBasis"; font-size: 16px; color: #959595; line-height: 21px; } .regions-popup_link { font-family: "RostelecomBasis-Medium"; font-size: 14px; color: black; text-decoration: none; transition: color .2s; border-bottom: 1px dotted; } .regions-popup_link:after { content: ""; display: none; vertical-align: middle; margin-left: 7px; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 3px solid #ff4f12; transition: border .2s; } .regions-popup_link:hover { color: #ff4f12; } .regions-popup .person { padding-left: 0; } .regions-popup .person:last-child { margin-bottom: 0; } .regions-popup .person_data { margin: 0; } @media all and (max-width: 1204px) { .regions-popup { padding: 18px; } .regions-popup_name { font-size: 17px; } .regions-popup_message { font-size: 16px; } .regions-popup_link { font-size: 13px; } } @media all and (max-width: 989px) { .regions-popup { padding: 16px; } .regions-popup_name { font-size: 15px; } .regions-popup_message { font-size: 13px; } } @media all and (max-width: 759px) { .regions-popup { padding: 10px; } .regions-popup p { line-height: 1rem; } .regions-popup_name { font-size: 12px; } .regions-popup_message { font-size: 11px; } .regions-popup_link { font-size: 10px; } .regions-popup_link:after { margin-left: 5px; margin-top: -8px; } } .regions-page .header { margin-top: 1em; } .regions-page .news { border-top: 1px solid #eaeaea; } .regions-list { border-top: 1px solid #eaeaea; margin-bottom: 50px; } .region_tab { position: relative; padding: 0; cursor: default; } .region_tab::after { content: ''; position: absolute; display: block; } .region_tab:hover { border-bottom-color: transparent; } .region_tab:hover .region_tab_inside { box-shadow: 0 0 15px rgba(0, 0, 0, 0.06); } .region_tab:hover .region_tab_inside::after { bottom: 0; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .region_tab_inside { position: relative; width: 100%; padding: 2.222222222222222rem 4.555555555555556rem 2.222222222222222rem 2.166666666666667rem; cursor: pointer; overflow: hidden; box-sizing: border-box; transition: box-shadow 0.2s linear; } .region_tab_inside:after { border-bottom: 205px solid #7b949b; border-left: 82px solid transparent; content: ""; display: block; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; bottom: -205px; right: 0; transition: all .2s; } @media all and (max-width: 759px) { .region_tab_inside:after { border-bottom-width: 60px; border-left-width: 30px; } } @media all and (max-width: 759px) { .region_tab_inside { padding-right: 2.166666666666667rem; } } @media all and (max-width: 479px) { .region_tab_inside { padding-left: 1rem; padding-right: 1rem; } } .region_icon { display: inline-block; width: 5%; height: 100%; margin-right: 3.5%; text-align: left; vertical-align: top; } .region_main-block { display: inline-block; vertical-align: top; width: 37%; margin-right: 3.5%; } .region_name { font-family: "RostelecomBasis"; font-size: 1.3333333333333333rem; /* 24/18 */ line-height: 1; font-weight: normal; margin: 0; margin-bottom: 20px; } .region_text { font-family: "RostelecomBasis"; font-size: .89rem; /* 18/18 */ line-height: 1rem; color: #959595; margin: 0; } .region_branch-block { display: inline-block; vertical-align: top; width: 16.5%; border-bottom: 0; } .region_branch-number, .region_vacancies-number { margin: 0 0 23px; font-family: "RostelecomBasis-Bold"; font-size: 1.1666666666666667rem; /* 21/18 */ line-height: 1; color: #333333; } .region_branch-text, .region_vacancies-text { font-family: "RostelecomBasis"; font-size: 0.89rem; /* 16/18 */ line-height: 1; color: #959595; margin: 0; } .region_vacancies-block { display: inline-block; vertical-align: top; width: 16.5%; border-bottom: 0; } .region_contacts-block { display: inline-block; vertical-align: top; width: 18%; } .region_contacts-director, .region_contacts-all { display: block; font-family: "RostelecomBasis-Medium"; font-size: .778em; line-height: 1; transition: opacity .2s; border-bottom: 0; } .region_contacts-director:hover, .region_contacts-all:hover { color: #ff4f12; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .region_contacts-all { margin-top: 11px; margin-left: -1px; } .region_contacts-director-i, .region_contacts-all-i { display: inline-block; background-position: center; background-repeat: no-repeat; margin-right: 11px; vertical-align: middle; } .region_contacts-director-i { width: 13px; height: 15px; margin-top: -1px; background-image: url(/img/symbols/icon-person-orange.png); } .region_contacts-all-i { width: 15px; height: 12px; margin-top: -2px; background-image: url(/img/symbols/icon-email-orange.png); } .region-branches { overflow: hidden; } .region-branches ul, .region-branches ol, .region-branches img { font-size: 16px; float: left; width: 50%; } .region-branches img { display: block; height: auto; max-width: 50%; } @media screen and (max-width: 480px) { .region-branches ul, .region-branches ol, .region-branches img { float: none; max-width: 100%; width: 100%; } } @media screen and (max-width: 989px) { .region_tab { text-align: center; } .region_icon { margin-right: 0; text-align: center; width: 15%; } .region_main-block { margin-right: 0; margin-bottom: 2rem; width: 100%; } .region_branch-block { width: 40%; margin-bottom: 2rem; } .region_vacancies-block { margin-right: 0; margin-bottom: 2rem; width: 40%; } .region_contacts-block { width: 80%; } } @media screen and (min-width: 481px) and (max-width: 989px) { .region_branch-block, .region_vacancies-block { width: 25%; } } @media screen and (min-width: 990px) and (max-width: 1199px) { .region_main-block { width: 32.5%; } .region_contacts-block { width: 22.5%; } } @media screen and (max-width: 1199px) { .inner-page .regions-page .header { border-bottom: 0; } } /*===== End of страница Р Е Г И О Н Ы ======*/ /*============================================================================= = С т р а н и ц а П о и с к а = =============================================================================*/ .search-page .controls { position: absolute; top: 2.0555555555555554rem; /* 37/18 */ right: 0; } @media all and (max-width: 759px) { .search-page .controls { margin-top: -35px; } } .search-request { position: relative; } .search-request:before, .search-request:after { content: ""; display: table; clear: both; } .search-request #search-request { height: 1.6em; margin: 30px 0 40px 0 ; line-height: 2.8rem; padding-left: 18px; border: 1px solid #EAEAEA; } .search-request .search-form_submit { margin-top: -18px; } .search-request .filters { margin-right: 10px; } @media all and (max-width: 359px) { .search-request .filters a { font-size: .6em; padding: 0 7px; } } .search-form-help { font-size: 1em; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; margin-bottom: -10px; } .search-basic-filter { position: relative; } #search_form { margin-bottom: 1em; } #search-form { width: 100%; position: relative; } #search-request { width: 100%; height: 5.555555555555555rem; /* 100/18 */ line-height: 5.555555555555555rem; /* 100/18 */ font-size: 2rem; /* 36/18 */ padding: 0 40px; font-family: "RostelecomBasis-Light"; text-transform: none; border: none; outline: none; border-bottom: 1px solid #eaeaea; } .search-form_submit { cursor: pointer; position: absolute; top: 50%; right: 260px; border: none; height: 30px; width: 30px; background: none; outline: none; padding: 0; margin-top: -13px; text-align: center; line-height: 30px; } .search-form_submit svg { display: inline-block; height: 16px; width: 16px; fill: #333333; } .search-form_submit:hover svg { fill: #ff4f12; } .advanced-filter-toggle { float: left; } .search-advanced-filters { padding-top: 40px; } .search-advanced-filters:before, .search-advanced-filters:after { content: ""; display: table; clear: both; } .filter-label { font-family: "RostelecomBasis-Medium"; font-size: 0.7222222222222222rem; /* 13/18 */ color: #6b6b6b; margin: 0 0 10px 0; } .filter-block { margin-bottom: 10px; } .filter-block:before, .filter-block:after { content: ""; display: table; clear: both; } .filter-block--where { float: left; width: 60%; } .filter-block--lang { float: left; width: 20%; min-width: 200px; } .filter-block--amount { float: left; width: 20%; min-width: 160px; } .filter-block--additional { float: left; width: 40%; min-width: 330px; margin-top: 10px; } .filter-block--additional input { display: none; } .filter-block--additional .checkbox-ico { margin-right: 5px; } .filter-block--additional .checkbox-text { color: #9d9d9d; } .filter-block--additional .checkbox-details-link { margin-left: 5px; } .filter-block--additional input:checked + label .checkbox-ico { background-image: url('/img/symbols/checkbox.png'); } .filter_button { cursor: pointer; } .filter_button:after { display: none !important; } .filter_button:before { display: none !important; } .filter_button--section { margin-right: 10px; margin-bottom: 10px; border-radius: 2px; } .filter-checkbox { display: none; } .filter-checkbox:checked + .filter_button { background-color: #ff4f12; border-color: #ff4f12; color: white; } .filter-checkbox:checked + .filter_button:focus { border: 1px solid #ff4f12; } .filter-checkbox[name="all_sections"]:checked ~ .filter_button { background-color: #ff4f12; border-color: #ff4f12; color: white; } .filter-radio { display: none; } .filter-radio:checked + .filter_button { background-color: #ff4f12; border-color: #ff4f12; color: white; } .filter-radio:checked + .filter_button:focus { border: 1px solid #ff4f12; } .result-tab { position: relative; border-bottom: 1px solid #eaeaea; padding: 2.77em 8.5em 2.77em 2.2em; overflow: hidden; transition: box-shadow 0.2s linear; } .result-tab:after { border-bottom: 410px solid #7b949b; border-left: 123px solid transparent; content: ""; display: block; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; bottom: -410px; right: 0; transition: all .2s; } @media all and (max-width: 759px) { .result-tab:after { border-bottom-width: 60px; border-left-width: 30px; } } .result-tab:hover { box-shadow: 0 0 25px rgba(0, 0, 0, 0.06); } .result-tab:hover::after { bottom: 0; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } @media all and (max-width: 759px) { .result-tab { padding-right: 2.2em; } } @media all and (max-width: 479px) { .result-tab { padding-left: 1em; padding-right: 1em; } } .result-tab_header { font-family: "RostelecomBasis"; font-size: 1.3333333333333333rem; /* 24/18 */ line-height: 1.7rem; /* 36/18 */ color: #333947; font-weight: normal; margin-top: 0; } .result-tab_header a { color: inherit; border-bottom: 0; } .result-tab_text-fragment { font-size: 0.8888888888888888rem; /* 16/18 */ line-height: 1.3333333333333333rem; /* 24/18 */ color: #333333; margin: 1.5rem 0; } @media all and (max-width: 479px) { .result-tab_text-fragment { word-break: break-word; } } .result-tab_date, .result-tab_sep { font-family: "RostelecomBasis"; font-size: 0.7222222222222222rem; /* 13/18 */ color: #333333; } .result-tab_section { font-family: "RostelecomBasis"; font-size: 0.7222222222222222rem; /* 13/18 */ color: #bdbdbd; } .result-tab_section a { color: #bdbdbd; transition: color .2s; } .result-tab_section a:hover { color: #00a8ff; } .search-highlight { background-color: #e5f6ff; } .search-results b { background-color: #b9babb; font-weight: normal; } /*--- adaptive search ---*/ .search-form_submit:hover { cursor: pointer; } #show_search { height: 30px; padding: 0; width: 30px; } #show_search svg { display: inline-block; fill: #6b6b6b; height: 16px; padding-bottom: 5px; width: 16px; vertical-align: middle; } #show_search.active svg { fill: #fff; } #search_full .filter_button { margin-left: 0; } @media screen and (max-width: 759px) { #search_form { padding-top: 25px; } #search-request { border: 0; height: 2.1rem; line-height: 2.1rem; padding: 0 35px 0 0; } .search-form_submit { right: 0; margin-top: -15px; } .search-page .controls { border-bottom: 1px solid #eaeaea; position: static; padding: 30px 0; width: 100%; } .search-form-help { position: static; margin-top: 35px; width: 100%; } .search-advanced-filters { border-bottom: 1px solid #eaeaea; padding-top: 115px; } .filters { display: block; } .filter-block { margin-bottom: 30px; float: none; } .filter-block--where { width: 100%; } .filter-block--additional { margin-top: 0; } .filter-block--additional .checkbox-text { display: inline-block; } .filter-block--additional .checkbox-details-link { display: block; margin-left: 0; } } @media screen and (min-width: 760px) and (max-width: 989px) { #search_form { border-bottom: 1px solid #eaeaea; } .search-basic-filter { margin-right: 260px; } #search-request { border: 0; height: 2.1rem; line-height: 2.1rem; padding: 0 45px 0 0; margin: 40px 0; } .search-form_submit { right: 10px; margin-top: -15px; } .search-page .controls { top: 2.5rem; } .search-advanced-filters { border-top: 1px solid #eaeaea; } .filter-block { margin-bottom: 40px; } .filter-block--where { width: 100%; } .filter-block--lang, .filter-block--additional { display: inline-block; float: none; vertical-align: bottom; } .filter-block--additional { margin-left: 35px; } .filter-block--amount { float: none; } } @media screen and (min-width: 760px) and (max-width: 900px) { .search_main-box .filter-block--additional { margin-left: 0; } } @media screen and (min-width: 900px) and (max-width: 1199px) { #search_form { border-bottom: 1px solid #eaeaea; } .search-basic-filter { margin-right: 260px; } #search-request { border: 0; height: 2.1rem; line-height: 2.1rem; padding: 0 45px 0 0; margin: 40px 0; } .search-form_submit { right: 10px; margin-top: -15px; } .search-page .controls { top: 2.5rem; } .search-advanced-filters { border-top: 1px solid #eaeaea; } .filter-block { margin-bottom: 40px; } .filter-block--where { width: 100%; } .filter-block--lang, .filter-block--additional, .filter-block--amount { display: inline-block; float: none; min-width: auto; vertical-align: bottom; width: auto; } .filter-block--additional, .filter-block--amount { margin-left: 35px; } .checkbox .checkbox-text { margin-right: 0; } .search_main-box .filter-block--amount { display: block; margin-left: 0; } } @media screen and (min-width: 1200px) { #search_form { border-bottom: 1px solid #eaeaea; } .search-basic-filter { margin-right: 260px; } #search-request { border: 0; height: 2.1rem; line-height: 2.1rem; padding: 0 45px 0 0; margin: 40px 0; } .search-form_submit { right: 10px; margin-top: -15px; } .search-page .controls { top: 2.5rem; } .search-advanced-filters { border-top: 1px solid #eaeaea; position: relative; padding-bottom: 35px; } .filter-block--where { width: 67%; } .filter-block--lang, .filter-block--additional, .filter-block--amount { min-width: auto; width: auto; } .filter-block--amount { position: absolute; top: 40px; right: 0; } .search_main-box .filter-block--where { width: 80%; } .search_main-box .filter-block--lang, .search_main-box .filter-block--additional, .search_main-box .filter-block--amount { display: inline-block; float: none; min-width: auto; vertical-align: bottom; width: auto; } .search_main-box .filter-block--additional, .search_main-box .filter-block--amount { margin-left: 35px; } .search_main-box .checkbox .checkbox-text { margin-right: 0; } } /*===== End of РАЗДЕЛ С Т Р А Н И Ц А П О И С К А ======*/ .to-top-btn { width: 60px; height: 40px; border: 1px solid #ccc; border-radius: 5px; background-color: #f7f7f7; position: fixed; bottom: 10px; right: 10px; cursor: pointer; display: none; z-index: 1000; outline: none; transition: all 0.2s; } .to-top-btn::before { position: absolute; content: ""; display: block; top: 26px; left: 50%; width: 10px; height: 10px; margin-top: -10px; margin-left: -5px; transform: rotate(45deg); border: 1px solid #ccc; border-right: none; border-bottom: none; background-color: transparent; z-index: 1001; } .to-top-btn:hover::before { border-top: 1px solid #333; border-left: 1px solid #333; transition: all 0.2s; } .to-top-btn:active { opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; } .history-company b { position: relative; background-color: #ff4f12; color: #fff; padding: 3px 16px; left: -40px; border-top-right-radius: 3px; } .history-company b::before { background: url(/img/fold_grey.svg) 50% 50% no-repeat; background-size: cover; content: ""; display: block; height: 10px; position: absolute; right: 0; top: 100%; width: 17px; z-index: -1; } .strategy { margin-bottom: 30px; } .strategy-item { margin-top: 20px; min-height: 135px; overflow: hidden; position: relative; } .strategy-item:first-child { margin-bottom: 0; } .strategy-item:before { border-left: 1px dotted #b2b2b2; content: ''; display: block; height: 100%; position: absolute; top: 0; left: 27px; width: 0; z-index: -1; } .strategy-item:last-child:before { display: none; } .strategy-num { background: #fff; float: left; padding-bottom: 20px; position: relative; z-index: 10; } .strategy-num span { background: inherit; border: 1px solid #00a8ff; border-radius: 3px; color: #00a8ff; display: block; height: 52px; font-family: "RostelecomBasis"; font-size: 24px; line-height: 52px; text-align: center; width: 52px; } .strategy-info { margin-left: 80px; } .strategy-info p { margin: 12px 0; } .strategy-info p:first-child { color: #333; margin: 0 0 30px; } /* Раздел About -> Subsidiary (О компании -> Дочерние и зависимые компании) */ .subsidiary-filter { border-bottom: 1px solid #eaeaea; padding-bottom: .55555555555555555555555555555556rem; } .subsidiary-filter_search { float: left; width: 37.03703704%; margin-right: 10px; } .subsidiary-filter_search-input { padding-left: 3.2em; width: 100%; } .subsidiary-filter_search-submit { left: 10px; right: auto; } .subsidiary-filter_share, .subsidiary-filter_inside-sp { float: left; padding-top: .55555555555555555555555555555556rem; text-align: right; margin-right: 20px; width: 45.67901235%; } .checkbox .subsidiary-filter_share-text.checkbox-text, .checkbox .subsidiary-filter_inside-sp-text.checkbox-text { margin-right: 0; } .subsidiary-filter_controls { float: right; padding-top: .55555555555555555555555555555556rem; text-align: right; } .subsidiary-filter_tab { display: none; overflow: hidden; padding-top: .55555555555555555555555555555556rem; text-align: right; } .subsidiary-filter_tab-inner { display: inline-block; } .subsidiary--list-mode .subsidiary-filter_tab { display: block; margin-left: 40.12345679%; margin-right: 48.7654321%; } .subsidiary-company { position: relative; border-bottom: 1px solid #eaeaea; box-sizing: border-box; cursor: pointer; display: table-cell; font-size: 0; padding: 2.22222222rem 0; vertical-align: top; width: 50%; } .subsidiary-company::after { content: ''; position: absolute; bottom: -1px; left: 0; display: block; width: 100%; height: 3px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; background-color: #ff4f12; transition: opacity .1s linear; } .subsidiary--list-mode .subsidiary-company { display: block; padding: 0; } .subsidiary-company:hover::after { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .subsidiary-company-row { display: table; width: 100%; } .subsidiary-company-row--single { width: 50%; } .subsidiary--list-mode .subsidiary-company-row { display: block; width: 100%; } .subsidiary-company:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .subsidiary-company_container { box-sizing: border-box; display: inline-block; padding: 0 2.22222222rem; vertical-align: top; width: 100%; } .subsidiary--list-mode .subsidiary-company_container { vertical-align: middle; } .subsidiary-company_preview { font-size: 1rem; line-height: 1.16666667rem; margin: 1.66666667rem 0 1.94444444rem; height: 110px; } .subsidiary--list-mode .subsidiary-company_preview { display: none; } .subsidiary-company_logo { line-height: 0; margin: 1.94444444rem 0; } .subsidiary-company_logo-image { max-height: 3.33333333rem; max-width: 95px; -ms-interpolation-mode: bicubic; } .subsidiary--list-mode .subsidiary-company_logo { margin: 0; } .subsidiary-company_percent { display: none; font-size: 1.3rem; } .subsidiary-company_name { color: #333; font-size: 1.16666667rem; line-height: 1.27777778rem; margin: 1.38888889rem 0; max-height: 92px; overflow: hidden; } .subsidiary-company_name--top { margin: 0 0 1.66666667rem; min-height: 45px; } .subsidiary--list-mode .subsidiary-company_name--top { display: none; } .subsidiary-company_name--bottom { display: none; } .subsidiary--list-mode .subsidiary-company_name--bottom { display: block; } .subsidiary-company_name img { vertical-align: middle; width: 28px; } .subsidiary-company_site { display: inline-block; font-size: 1rem; line-height: 1.22222222rem; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .subsidiary-detail_page { font-size: 28px; display: table-cell; padding-bottom: 20px; color: #333; } .subsidiary-detail_page img { vertical-align: middle; } .subsidiary-detail_logo { max-width: 300px; } @media screen and (min-width: 1025px) { .subsidiary--list-mode .subsidiary-company { float: none; height: 8.05555556rem; width: 100%; } .subsidiary--list-mode .subsidiary-company:before { display: none; } .subsidiary--list-mode .subsidiary-company_container { display: block; height: 100%; padding: 0; } .subsidiary--list-mode .subsidiary-company_logo { float: left; text-align: center; width: 20.98765432%; box-sizing: border-box; height: 100%; } .subsidiary--list-mode .subsidiary-company_logo:before { content: ""; display: inline-block; height: 100%; margin-left: -0.26em; vertical-align: middle; } .subsidiary--list-mode .subsidiary-company_logo-image { vertical-align: middle; max-width: 50%; } .subsidiary--list-mode .subsidiary-company_percent { display: block; float: right; text-align: center; width: 21.60493827%; box-sizing: border-box; height: 100%; } .subsidiary--list-mode .subsidiary-company_percent:before { content: ""; display: inline-block; height: 100%; margin-left: -0.26em; vertical-align: middle; } .subsidiary--list-mode .subsidiary-company_desc { margin-left: 20.98765432%; margin-right: 21.60493827%; box-sizing: border-box; height: 100%; } .subsidiary--list-mode .subsidiary-company_desc:before { content: ""; display: inline-block; height: 100%; margin-left: -0.26em; vertical-align: middle; } .subsidiary--list-mode .subsidiary-company_desc-container { display: inline-block; padding-top: 1.22222222rem; position: relative; vertical-align: middle; width: 100%; } .subsidiary--list-mode .subsidiary-company_desc--name-only .subsidiary-company_desc-container { padding-top: 0; } .subsidiary--list-mode .subsidiary-company_name { margin: 1.11111111rem 0 0; font-size: 1rem; } .subsidiary--list-mode .subsidiary-company_desc--name-only .subsidiary-company_name { margin-top: 0; } .subsidiary--list-mode .subsidiary-company_site { position: absolute; top: 0; left: 0; } } @media screen and (min-width: 760px) and (max-width: 1024px) { .subsidiary-filter_search { width: 100%; } .subsidiary--list-mode .subsidiary-filter_search { float: none; width: 100%; } .subsidiary-filter_share, .subsidiary-filter_inside-sp { float: left; width: auto; } .subsidiary--list-mode .subsidiary-filter_share, .subsidiary--list-mode .subsidiary-filter_inside-sp { float: left; padding-top: 1rem; text-align: left; width: 60%; } .subsidiary--list-mode .subsidiary-filter_tab { float: left; margin: 0; padding-top: 1rem; width: 40%; } .subsidiary-company { display: block; width: 100%; } .subsidiary--list-mode .subsidiary-company { height: 6.66666667rem; } .subsidiary-company:before { display: none; } .subsidiary-company-row { display: block; width: 100%; } .subsidiary-company_container { display: block; height: 100%; } .subsidiary--list-mode .subsidiary-company_container { padding: 0; } .subsidiary-company_logo { box-sizing: border-box; height: 100%; } .subsidiary--list-mode .subsidiary-company_logo { float: left; text-align: center; width: 20.98765432%; } .subsidiary-company_logo:before { content: ""; display: inline-block; height: 100%; margin-left: -0.26em; vertical-align: middle; } .subsidiary-company_logo-image { vertical-align: middle; max-width: 60%; } .subsidiary--list-mode .subsidiary-company_percent { display: block; float: right; text-align: center; width: 21.60493827%; box-sizing: border-box; height: 100%; } .subsidiary--list-mode .subsidiary-company_percent:before { content: ""; display: inline-block; height: 100%; margin-left: -0.26em; vertical-align: middle; } .subsidiary-company_desc { box-sizing: border-box; height: 100%; } .subsidiary-company_desc:before { content: ""; display: inline-block; height: 100%; margin-left: -0.26em; vertical-align: middle; } .subsidiary--list-mode .subsidiary-company_desc { margin-left: 20.98765432%; margin-right: 21.60493827%; padding-right: 1.66666667rem; } .subsidiary-company_desc-container { display: inline-block; padding-top: 1.22222222rem; position: relative; vertical-align: middle; width: 100%; } .subsidiary-company_desc--name-only .subsidiary-company_desc-container { padding-top: 0; } .subsidiary-company_name { margin: 1.11111111rem 0 0; } .subsidiary--list-mode .subsidiary-company_name { font-size: 1rem; } .subsidiary-company_desc--name-only .subsidiary-company_name { margin-top: 0; } .subsidiary-company_site { position: absolute; top: 0; left: 0; } } @media screen and (max-width: 759px) { .subsidiary-filter_search { float: none; width: 100%; } .subsidiary-filter_share, .subsidiary-filter_inside-sp { float: left; text-align: left; width: auto; } .checkbox .subsidiary-filter_share-text.checkbox-text, .checkbox .subsidiary-filter_inside-sp-text.checkbox-text { float: none; max-width: 100%; } .subsidiary-filter_constrols { padding-top: 1rem; } .subsidiary-filter_tab { float: none; padding-top: 1rem; text-align: left; width: 100%; } .subsidiary--list-mode .subsidiary-filter_tab { margin: 0; } .subsidiary-company { display: block; width: 100%; } .subsidiary--list-mode .subsidiary-company { height: 12.22222222rem; } .subsidiary-company_name { font-size: 1rem; } .subsidiary-company_container { padding: 0 1.66666667rem; } .subsidiary-company-row { display: block; width: 100%; } .subsidiary--list-mode .subsidiary-company_logo { display: inline-block; vertical-align: middle; width: 50%; } .subsidiary--list-mode .subsidiary-company_logo-image { max-width: 100%; } .subsidiary--list-mode .subsidiary-company_percent { display: inline-block; font-size: 1.3rem; margin-left: -0.26em; text-align: right; vertical-align: middle; width: 50%; } img.subsidiary-detail_logo { max-width: 240px; } } /*=========================================================== = РАЗДЕЛ В А К А Н С И И = ===========================================================*/ .search_block:before, .search_block:after { content: ""; display: table; clear: both; } .vacancy-search-form { position: relative; } .vacancy-search-form .loader { margin-top: -52px; } .vacancy-search-form .selects_container:before, .vacancy-search-form .selects_container:after { content: ""; display: table; clear: both; } .vacancy-search-form .checkboxes_container { padding-bottom: 20px; border-bottom: 1px solid #eaeaea; } .vacancy-search-form .checkboxes_container:before, .vacancy-search-form .checkboxes_container:after { content: ""; display: table; clear: both; } .vacancy-search-form .error { margin: 30px 0 0 0; font-size: 1rem; } .vacancy-search-form .drop-select { display: block; float: left; margin-right: 20px; } .vacancy-search-form .vacancy-name_input { display: block; float: left; margin-right: 20px; font-family: "RostelecomBasis-Medium"; padding: 1.347em 1.5em; } .vacancy-search-form .search_btn { display: block; width: 3.333em; /* 60/18 */ height: 3em; line-height: 1; float: left; font-size: 1rem; text-align: center; padding: 0; } .vacancy-search-form .job-field_select { float: left; width: 45%; margin-right: 5%; margin-bottom: 20px; } .results_block { margin-top: 40px; } .results_block .button_container { margin-top: 2.7777777777777777rem; /* 50/18 */ } .results_header { margin: 0 0 2.2222222222222223rem 0; /* 40/18 */ } .results_amount { margin-top: -1.111em; /* -20/18 */ } .vacancy_tab { position: relative; } .vacancy_tab:hover, .vacancy_tab:focus { box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); } .vacancy_tab:hover .vacancy_header:after, .vacancy_tab:focus .vacancy_header:after { bottom: 0; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .vacancy_tab.active { box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); } .vacancy_tab.active .vacancy_header:after { bottom: 0; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .vacancy_tab.active .vacancy_details { display: block; border-bottom: 1px solid #ffffff; } .vacancy_header { overflow: hidden; padding-bottom: 2.277777777777778em; padding-top: 1.833333333333333em; position: relative; text-decoration: none; } .vacancy_header:hover { color: #333333; } .vacancy_header:after { border-bottom: 205px solid #7b949b; border-left: 82px solid transparent; content: ""; display: block; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; bottom: -205px; right: 0; transition: all .2s; } @media all and (max-width: 759px) { .vacancy_header:after { border-bottom-width: 60px; border-left-width: 30px; } } .vacancy_regions-available { line-height: 1; margin-bottom: .6666666666666667rem; text-transform: none; } .vacancy_details { display: none; padding: 1.611111111111111rem 2.166666666666667rem 1.944444444444444rem; border-bottom: 1px solid #eaeaea; font-size: 16px; font-size: .889em; } @media all and (max-width: 759px) { .vacancy_details { padding: 30px 17px; } } .vacancy_details ul { font-size: 0.8888888888888888rem; /* 16/18 */ font-family: "RostelecomBasis"; margin-bottom: 40px; } @media all and (max-width: 759px) { .vacancy_details ul { margin-bottom: 10px; } } .vacancy_details ul li::before { top: -0.28em; font-size: 1.6rem; line-height: normal; } .vacancy_details-header { color: #333333; font-size: 1rem; font-family: "RostelecomBasis-Medium"; margin: 40px 0 25px 0; } .vacancy_details-header:first-child { margin-top: 0; } @media all and (max-width: 759px) { .vacancy_details-header { margin: 25px 0 5px 0; } } .vacancy_details-region { font-size: 0.8888888888888888rem; /* 16/18 */ font-family: "RostelecomBasis"; margin: 0.3333333333333333rem 0; /* 6/18 */ } .vacancy_details-work-place { font-size: 0.8888888888888888rem; /* 16/18 */ font-family: "RostelecomBasis"; margin: 0.3333333333333333rem 0; /* 6/18 */ } .vacancy_details-work-place b { font-family: "RostelecomBasis-Bold"; } .vacancy_table-contacts { width: 100%; margin-bottom: 30px; } .vacancy_table-contacts td { width: 33%; padding-bottom: 20px; } @media all and (max-width: 759px) { .vacancy_table-contacts { display: block; } .vacancy_table-contacts tbody, .vacancy_table-contacts tr, .vacancy_table-contacts td { display: block; width: 100%; } .vacancy_table-contacts td:not(:last-child) { border-bottom: none; } .vacancy_table-contacts td:not(:first-child) { border-top: none; } .vacancy_table-contacts td { padding-bottom: .6666666666666667em; } } @media all and (max-width: 1204px) { .vacancy_table-contacts td { font-size: 1em; } } .vacancy_bottom-btns-wrapper { margin-top: 30px; } .vacancy_bottom-btns-wrapper:before, .vacancy_bottom-btns-wrapper:after { content: ""; display: table; clear: both; } .vacancy_apply-button { float: left; width: 190px; height: 3rem; /* 54/18 */ line-height: 1.6rem; /* 29/18 */ text-decoration: none; } .vacancy_apply-button:hover { color: white !important; } .social-btns-block { float: right; position: relative; margin-top: 30px; } .social-btns-block:before, .social-btns-block:after { content: ""; display: table; clear: both; } .social-btns-block--normal { float: none; } .vacancy_social-btns-block { float: right; position: relative; } .vacancy_social-btns-block:before, .vacancy_social-btns-block:after { content: ""; display: table; clear: both; } .social-btns-block .social_link, .vacancy_social-btns-block .social_link { float: left; box-sizing: border-box; display: block; width: 3rem; height: 3.25rem; line-height: 3rem; border: 1px solid #eaeaea; text-align: center; padding: 0; margin: -1px -1px 0 0; } .social-btns-block .social_link.social_link:hover svg, .vacancy_social-btns-block .social_link.social_link:hover svg { fill: #333333; } .social-btns-block .social_link.copy.zeroclipboard-is-hover svg, .vacancy_social-btns-block .social_link.copy.zeroclipboard-is-hover svg { fill: #333333 !important; } .social-btns-block .social_link.copy svg, .vacancy_social-btns-block .social_link.copy svg { width: 1.16em; height: 1.4em !important; } @media all and (max-width: 759px) { .social-btns-block .social_link, .vacancy_social-btns-block .social_link { height: 3rem; line-height: 2.75rem; } } .social-btns-block svg, .vacancy_social-btns-block svg { height: 1rem; margin: 0; } .social-btns-block .social_num, .vacancy_social-btns-block .social_num { color: #333; font-size: 13px; opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; padding: 0 2px 0 1px; vertical-align: middle; } .copy_popup { position: absolute; right: 0; bottom: 4.25rem; padding: 0; } @media all and (max-width: 759px) { .copy_popup { right: 0; left: 0; bottom: 3.9em; max-width: 9999px; } } @media all and (max-width: 1204px) { .touchevents .copy_popup { right: 0; left: 0; bottom: 3.9em; max-width: 100%; } } .copy_popup input { padding: 1em .4em; } .copy_popup .popup_close { padding: 10px !important; margin-top: -10px; margin-right: -10px; } .resume .modal_body { padding: 0 0 1em; } .resume_form { margin-bottom: 0; } .resume_form:before, .resume_form:after { content: ""; display: table; clear: both; } .resume_form label { float: left; clear: both; color: #858585; text-transform: uppercase; font-family: "RostelecomBasis-Medium"; font-size: 0.7222222222222222rem; /* 13/18 */ padding: 1.1111111111111112rem 0; /* 20/18 */ width: 35%; } .resume_form input, .resume_form textarea, .resume_form button { float: right; margin-bottom: 20px; width: 60%; } .resume_form #file { border: 1px dashed #eaeaea; } .resume_form .resume_submit { width: 150px; clear: both; padding: 0; margin-top: 20px; margin-bottom: 0; } .popup_thanks { box-sizing: border-box; padding-left: 2em; padding-right: 2em; } .vacancy_QA .tab_header > p { margin: 0; } @media screen and (min-width: 1200px) { .vacancy-search-form .drop-select, .vacancy-name_box { margin-right: 2%; width: 28.5%; } .vacancy-name_box { float: left; } .vacancy-search-form .vacancy-name_input { margin-right: 0; width: 100%; } } @media screen and (max-width: 1199px) { .vacancy-search-form .drop-select { margin-bottom: 1em; } .vacancy-search-form .drop-select.region_select { margin-right: 2%; width: 49%; } .vacancy-search-form .drop-select.branch-office_select { margin-right: 0; width: 49%; } .vacancy-name_box { margin-right: 70px; } .vacancy-name_box .vacancy-name_input { margin-right: 0; width: 100%; } .vacancy-search-form .search_btn { float: right; } .vacancy-search-form .job-field_select { width: 100%; } } @media all and (max-width: 1023px) { .vacancy_apply-button { float: none; } .vacancy_social-btns-block { float: none; margin-top: 1em; } } @media screen and (max-width: 759px) { .vacancy-name_box { margin-right: 70px; } .vacancy-name_box .vacancy-name_input { margin-right: 0; width: 100%; } .vacancy-search-form .search_btn { float: right; } .vacancy-search-form .job-field_select { width: 100%; } .vacancy-search-form .checkbox .checkbox-ico { float: left; } .vacancy-search-form .checkbox .checkbox-text { float: left; max-width: 65%; } .vacancy-search-form .checkbox .checkbox-amount { float: right; } } @media screen and (max-width: 480px) { .vacancy-search-form .drop-select.region_select, .vacancy-search-form .drop-select.branch-office_select { width: 100%; margin-bottom: 1em; } } /*===== End of РАЗДЕЛ В А К А Н С И И ======*/ .main-en .home_height { padding-top: 75%; } .main-en .homeBox-quotes { margin-top: 50%; margin-left: 0; } .main-en .homeBox-result { margin-top: 0%; margin-left: 50%; } .main-en .homeBox-subscribe { margin-top: 0%; margin-left: 75%; width: 25%; background: white; } .main-en .homeBox-subscribe .homeBox_height { padding-top: 100%; } .main-en .homeBox-subscribe h2 { margin: 0 0 40px; font-size: 1.3333333333333333rem; z-index: 3; float: right; background-color: #ff4f12; color: #fff; display: inline-block; border-radius: 0; border-top-right-radius: 3px; box-sizing: border-box; line-height: 1em; text-decoration: none; transition: background-color 0.2s; font-weight: bold; padding: 0.33333333rem 0.38888889rem; text-align: left; position: absolute; bottom: 0; right: 0; } .main-en .homeBox-subscribe h2:hover { background-color: #ff8218; } .main-en .homeBox-subscribe h2:before { background: url("/img/fold_grey.svg") 50% 50% no-repeat; background-size: cover; content: ""; display: block; height: 10px; position: absolute; right: -1px; top: 100%; width: 17px; z-index: -1; } .main-en .homeBox-subscribe label { font-family: "RostelecomBasis-Medium"; font-size: 0.7222222222222222rem; /* 13/18 */ text-transform: uppercase; line-height: 1; } .main-en .homeBox-subscribe input { font-family: "RostelecomBasis-Medium"; margin: 12px 0 20px; width: 100%; } .main-en .homeBox-subscribe button { width: 100%; } .main-en .homeBox-rating { background-color: #ff4f12; margin-top: 25%; margin-left: 0%; } .main-en .homeBox-rating .owl-dot span { background-color: #e6e6e6; } .main-en .homeBox-strategy { margin-top: 25%; margin-left: 25%; } .main-en .homeBox-flickr, .main-en .flickr-popup { margin-top: 25%; margin-left: 50%; } .main-en .flickr-popup { margin: 0; } .main-en .homeBox-report { margin-top: 25%; margin-left: 75%; } .main-en .homeBox-newsIR { margin-top: 0%; margin-left: 0%; } .main-en .homeBox-about { margin-top: 50%; margin-left: 50%; } .main-en .homeRating .owl-carousel.owl-theme .owl-dots .owl-dot span { background-color: #fff; opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .main-en .homeSubscribe h2 { position: absolute; top: 0; } .main-en .homeSubscribe form { margin-top: 3em; } .main-en .homeSubscribe button { padding: 15px; } .main-en .homeSubscribe input { padding: 1.2em 1.8em; } .main-en .homeSubscribe input:invalid { box-shadow: none; } @media screen and (min-width: 990px) and (max-width: 1199px) { .main-en .homeSubscribe h2 { font-size: 1em; } .main-en .homeSubscribe form { margin-top: 2em; } .main-en .homeSubscribe label { font-size: 12px; } .main-en .homeSubscribe input { font-size: 12px; margin: 10px 0; padding: .9em 1.3em; } .main-en .homeSubscribe button { font-size: 13px; padding: 10px; } .main-en .homeBox-subscribe h2 { margin-bottom: 10px; } } @media screen and (min-width: 760px) and (max-width: 989px) { .main-en .homeSubscribe h2 { font-size: .889em; } .main-en .homeSubscribe form { margin-top: 2em; } .main-en .homeSubscribe label { font-size: 12px; } .main-en .homeSubscribe input { font-size: 12px; margin: 9px 0; padding: .8em 1.1em; } .main-en .homeSubscribe button { font-size: 12px; padding: 10px; } .main-en .homeBox-subscribe h2 { margin-bottom: 10px; } } @media screen and (min-width: 659px) and (max-width: 759px) { .main-en .homeSubscribe h2 { font-size: .667em; } .main-en .homeSubscribe form { margin-top: 1.5em; } .main-en .homeSubscribe button { font-size: 13px; padding: 12px; text-align: center; } .main-en .homeBox-subscribe h2 { font-size: .667em; } } @media screen and (min-width: 610px) and (max-width: 658px) { .main-en .homeSubscribe h2 { font-size: .667em; } .main-en .homeSubscribe form { margin-top: 1.5em; } .main-en .homeSubscribe label { font-size: 11px; } .main-en .homeSubscribe input { font-size: 11px; margin: 10px 0; padding: .83em 1.1em; } .main-en .homeSubscribe button { font-size: 11px; padding: 10px; text-align: center; } .main-en .homeBox-subscribe h2 { font-size: .667em; } } @media screen and (min-width: 581px) and (max-width: 611px) { .main-en .homeSubscribe h2 { font-size: .667em; } .main-en .homeSubscribe form { margin-top: 1.33em; } .main-en .homeSubscribe label { font-size: 10px; } .main-en .homeSubscribe input { font-size: 10px; margin: 7px 0; padding: .8em 1em; } .main-en .homeSubscribe button { font-size: 10px; padding: 10px; text-align: center; } .main-en .homeBox-subscribe h2 { font-size: .667em; } } @media screen and (min-width: 481px) and (max-width: 580px) { .main-en .homeSubscribe h2 { font-size: .667em; } .main-en .homeSubscribe form { margin-top: 1.35em; } .main-en .homeSubscribe label { font-size: 11px; } .main-en .homeSubscribe input { font-size: 11px; margin: 9px 0; padding: .85em 1em; } .main-en .homeSubscribe button { font-size: 11px; padding: 11px; text-align: center; } .main-en .homeBox-subscribe h2 { font-size: .667em; } } @media screen and (max-width: 480px) { .main-en .homeSubscribe h2 { font-size: .667em; } .main-en .homeSubscribe form { margin-top: 1.32em; } .main-en .homeSubscribe label { font-size: 9px; } .main-en .homeSubscribe input { font-size: 9px; margin: 6px 0; padding: .7em 1em; } .main-en .homeSubscribe button { font-size: 9px; padding: 7px; text-align: center; } .main-en .homeBox-subscribe h2 { margin-bottom: 10px; font-size: .667em; } } @media screen and (max-width: 759px) { .main-en .home_height { padding-top: 350%; } .main-en .homeBox-quotes { margin-top: 150%; margin-left: 0%; width: 100%; } .main-en .homeBox-quotes .homeBox_height { padding-top: 100%; } .main-en .homeBox-result { margin-top: 50%; margin-left: 0%; } .main-en .homeBox-subscribe { margin-top: 50%; margin-left: 50%; width: 50%; } .main-en .homeBox-subscribe h2 { margin-bottom: 10px; } .main-en .homeBox-rating { margin-top: 100%; margin-left: 0%; } .main-en .homeBox-strategy { margin-top: 100%; margin-left: 50%; } .main-en .homeBox-flickr, .main-en .flickr-popup { margin-top: 250%; margin-left: 50%; } .main-en .homeBox-report { margin-top: 250%; margin-left: 0%; } .main-en .homeBox-newsIR { margin-top: 0%; margin-left: 0%; width: 100%; } .main-en .homeBox-about { margin-top: 300%; margin-left: 50%; } } @media screen and (min-width: 760px) and (max-width: 989px) { .main-en .home_height { padding-top: 133.33333333333333%; } .main-en .homeBox-quotes { margin-top: 66.66666666666667%; margin-left: 33.33333333333333%; width: 66.66666666666667%; } .main-en .homeBox-result { margin-top: 0%; margin-left: 66.66666666666667%; } .main-en .homeBox-subscribe { margin-top: 33.33333333333333%; margin-left: 0%; width: 33.33333333333333%; } .main-en .homeBox-rating { margin-top: 33.33333333333333%; margin-left: 33.33333333333333%; } .main-en .homeBox-strategy { margin-top: 33.33333333333333%; margin-left: 66.66666666666667%; } .main-en .homeBox-flickr, .main-en .flickr-popup { margin-top: 100%; margin-left: 66.66666666666667%; } .main-en .homeBox-report { margin-top: 66.66666666666667%; margin-left: 0%; } .main-en .homeBox-newsIR { margin-top: 0%; margin-left: 0%; width: 66.66666666666667%; } .main-en .homeBox-about { margin-top: 100%; margin-left: 33.33333333333333%; } } .bx-ed-type-selector-item input[type="radio"] + label { text-transform: none; } .bx-core-adm-dialog table table td { border: 0; padding: 0; } .bx-core-adm-dialog table table tr:nth-child(odd) { background: transparent; } #toolbar-rt-generated .tr-gr-hidrr-menu > li:before { display: none !important; } /*----- -----*/ .license-table td { position: relative; } .sort_buttons { position: absolute; top: 27%; right: 8px; margin: auto 0; } .sort_buttons a { display: block; text-decoration: none; } /*---*/ .license-table .loadItem, .license-table .loadItem_icon { margin: 0; } /*---*/ .egov-form .submit { margin-top: 10px; } /*---*/ #last_items_block ul > li { padding-left: 0; } #last_items_block ul > li:first-child { margin: .5em 1.5em; } #last_items_block ul > li:before { display: none; } #last_items_block ul > li a { border-bottom: 0; line-height: 0; } /*--- left banners ---*/ .banner_out { border-bottom: 0; display: block; line-height: 0; margin: 30px 0; text-align: right; } .banner_out img { height: auto; margin-bottom: 0; width: 88%; } /* Вре�?енные фиксы */ body.main p > iframe{ height: 445px; } .news_list li{ padding-left: 1.5em; } .main table + hr{ margin-top: 2em; } .internship-form + hr{ margin: 20px 0 20px 0; } h3>img + b{ position: relative; top: -1.6em; } .list_code{ width: 100%; } .list_code.str_tab td{ vertical-align: middle; } .fix-for-first-column{ width: 14%; } /* ��� �������� */ @media (min-width: 1204px) { .titleBtn{ position: relative; top: 1px; } } .pressTwitter { margin: -27px 0 50px 0; } .item_category-wrap a{ color: #333; } .news_item a:hover{ color: #7700ff; } .item_category-wrap-multicontainer{ height: 100%; } /* show-all-btn for IE10 and IE11 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .button_container .show-all-btn::before{ height: 0.9em; padding: 6px 8px 0 8px; } } /*--social/programms--*/ .program-inner-box img{ width: 11%; } @media (max-width: 1115px){ .program-inner-box img{ width: 13%; } } @media (max-width: 892px){ .program-inner-box img{ width: 18%; } } @media (max-width: 760px){ .program-inner-box img{ width: 15%; } } @media (max-width: 538px){ .program-inner-box img{ width: 23%; } } .ir-calendar__table td.date{ border: none; } #stock_otvet table, #spravochno table{ width: 100%; } #stock_otvet table tr:first-child th, #spravochno table tr:first-child th{ padding-left: 4%; } .year_select #year{ margin-top: 5px; } .program-inner-box_title { margin-bottom: 4px; margin-top: 2em; } .program-inner-box_title + span { display: block; margin-bottom: 10px; } .program-inner-box_title ~ p { margin: 0.5em 0; } .program-inner-box_title + span ~ p { margin: 0.5em 0; } .program-inner-box:last-child { margin-bottom: 2em; } .bxedtbutton { min-width: 0 !important; } .bx-core-adm-dialog textarea, .bx-core-adm-dialog input, .bx-core-adm-dialog select { text-transform: none; } .adm-detail-content-cell-l { vertical-align: inherit; } .bx-calendar-form-input { padding: 0 11px; height: 35px; width: 40px; } .bx-calendar-set-time { height: 16px; line-height: 14px; } .bxedtaskbarset > table{ table-layout: fixed; } .bxedmain-cont td { border: none; } .bxedmain-cont td img{ min-width: 0; } .bxedmain-cont .bxedtaskbar td img{ min-width: 30px; } .bx_ed_context_menu .item { width: auto; position: static; height: auto; float: none; border: none; } .bx_ed_context_menu .popupitem.popupitemover { border: none !important; margin: 1px !important; background: none !important; } .bxedmainframe table.bxgroupblock0 td.pluscell0, .bxedmainframe table.bxgroupblock0 td.titlecell0 { vertical-align: middle; } #sosial-profiles { margin: 2em 0 0; } .bx-core-window .bx-ed-type-selector-item input[type="radio"] { display: inline-block; -webkit-appearance: radio; margin-right: 5px !important; } .bx-core-window .bx-ed-type-selector-item label:after, .bx-core-window .bx-ed-type-selector-item label:before { display: none !important; content: none; } #bx-admin-prefix .add-file-popup-btn { height: 29px !important; width: 44px !important; } .bx-calendar a { border-bottom: 0; } .bx-ie8 #bx-admin-prefix .add-file-popup-btn, .bx-ie9 #bx-admin-prefix .add-file-popup-btn { height: 19px !important; width: 15px !important; } .bx-ie8 .adm-workarea .bx-core-adm-dialog-buttons input[type="button"], .bx-ie8 .adm-workarea .bx-core-adm-dialog-buttons input[type="reset"], .bx-ie8 .adm-workarea .bx-core-adm-dialog-buttons input[type="submit"], .bx-ie9 .adm-workarea .bx-core-adm-dialog-buttons input[type="button"], .bx-ie9 .adm-workarea .bx-core-adm-dialog-buttons input[type="reset"], .bx-ie9 .adm-workarea .bx-core-adm-dialog-buttons input[type="submit"] { height: auto !important; } .main-home .bx-context-toolbar-empty-area { min-height: 0px !important; } #global-zeroclipboard-flash-bridge { opacity: 0.0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .leftBox--custom { border: 0; } .leftBox--custom .leftBox_title { padding: .675em 1.675em .575em; background: #ebebeb; border-bottom-color: #ff4f12; font-size: 1.125em; font-family: "RostelecomBasis"; } .leftBox--custom .leftBox_content { color: inherit; border: 1px solid #d5d6d9; border-top: 0; padding-top: 1.25em; } .leftBox--custom .leftBox_content ul li { padding-left: 0; font-size: .833em; } .leftBox--custom .leftBox_content ul li::before { display: none; } .news-detail ul li:first-child { display: inline; } .news-detail ol li:first-child { display: inline; } a { text-decoration: none; } .transfer-agents { padding: 0 20px; max-width: 810px; margin: 100px auto 0; } .transfer-agents__input--group{ position: relative; } .transfer-agents__input--group.is-active { width: 100%; } .transfer-agents__input--group.is-active .transfer-agents__search-block{ overflow: hidden; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; z-index: 10; margin-top: 10px; } .transfer-agents__search-block{ opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; left: 0; background-color: #fff; width: 100%; z-index: -1; list-style-type: none; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); max-height: 215px; overflow-y: auto; } .transfer-agents__search-block li{ margin: 0; padding: 10px 10px 10px 20px; cursor: pointer; } .transfer-agents__search-block > li:before { position: absolute; left: 5px; top: 50% !important; transform: translateY(-50%) !important; font-size: 1.6rem; display: block; color: #6b6b6b; } .transfer-agents__search-block li:hover, .transfer-agents__search-block > li:hover:before { color: #ffffff; background-color: #FF4F12; } .transfer-agents__search-block .mCSB_dragger_bar { background-color: #101828 !important; background-color: rgba(16, 24, 40, 0.4) !important; } .transfer-agents__search-block .mCSB_scrollTools { opacity: 1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .transfer-agents__table-wr:not(:last-child) { margin-bottom: 20px; } .transfer-agents__table-wr--mobile { margin: -20px -20px 0; padding: 17px 19px; background-color: #abadaf; background-color: rgba(171, 173, 175, 0.1); } /*.transfer-agents__table-wr--desktop {*/ /* display: block;*/ /*}*/ .transfer-agents__text { color: #2C2E32; text-decoration: none; } .transfer-agents__text--header { color: #ffffff; } .transfer-agents__text--light { margin-top: 10px; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .transfer-agents__place { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .transfer-agents__svg-wr { margin-right: 10px; } .transfer-agents__svg { width: 12px; height: 16px; } .transfer-agents__btn--more-mobile { display: block; } @media (min-width: 768px) { .transfer-agents__wrapper { margin-top: 10px; padding: 10px; background: #abadaf; background: rgba(171, 173, 175, 0.1); border-radius: 5px; } .custom-select:first-child { margin-bottom: 0; } .transfer-agents__btn--more-mobile { display: none; } .center:first-child { margin: 0; border-right: 1px solid #b5b5b5; } .custom-select-trigger { border: none; } } @media (min-width: 1024px) { .transfer-agents { padding: 0; } } /* End */ /* Start:/bitrix/components/rt/alert.error/templates/en/style.css?16318055191065*/ .mis { margin:5px; background: url("/new_assets/images/sprite-paging.png") no-repeat scroll 0 0 transparent; border: 0 none; color: #FFFFFF; cursor: pointer; height: 23px; max-width: 100px; width: 100px; } #mis_cont_right { width:100%; text-align:right; } #mis_cont_center { width:100%; text-align:center; } #mis_er_text { background-color:#EEE; font-style: italic; margin: .3em 0 1.25em; padding:5px; } #mis_er_comment { width: 100%; height: 7em; margin: 1em 0; } .modal-box--error-popup { max-width: 55%; margin-top: 20px; } .modal-box_inner { padding: 1.5em; } .modal-box_inner h2 { margin-top: 0; } .modal-box_inner p { margin: 0; } .modal-box_thanks { font-weight: bold; text-align: center; } .mis_thanks { font-size: 0.7222222222222222rem; margin-top: 1em !important; line-height: 1.2em; } @media screen and (max-width: 1024px) { .modal-box--error-popup { max-width: 70%; } } @media screen and (max-width: 759px) { #mis_send { width: 100%; text-align: center; } .modal-box--error-popup { max-width: 90%; } } /* End */ /* Start:/bitrix/templates/redesign-inner/styles.css?15734548185945*/ /* */ .table-transparent{} .table-transparent tr { background: none; } .table-transparent td { border: none; padding: 0 1em 1em 0; } .ve-table-wheaders {} .ve-table-wheaders tr:first-child td { } .ve-table-compact-wheaders {} .ve-table-compact-wheaders tr:first-child td { } @media (min-width: 1204px) { .ve-table-compact-wheaders { font-size: 16px; } .ve-table-compact-wheaders th, .ve-table-compact-wheaders td { padding: 0.89em 1em; } } .ve-table-supercompact-wheaders {} .ve-table-supercompact-wheaders tr:first-child td { } .ve-table-supercompact-wheaders th, .ve-table-supercompact-wheaders td { font-size: 12px !important; padding: 0.95em 0.667em !important; } @media (max-width: 759px) { .ve-table-supercompact-wheaders th, .ve-table-supercompact-wheaders td { font-size: 11px !important; } } .ve-table-compact {} @media (min-width: 1204px) { .ve-table-compact { font-size: 16px; } .ve-table-compact th, .ve-table-compact td { padding: 0.89em 1em; } } .ve-table-supercompact { } .ve-table-supercompact th, .ve-table-supercompact td { font-size: 12px !important; padding: 0.95em 0.667em !important; } @media (max-width: 759px) { .ve-table-supercompact th, .ve-table-supercompact td { font-size: 11px !important; } } .ve-table-header { font: .8125em/1em 'dinpro-medium'; text-transform: uppercase; } .ve-note { color: #666666; font-size: 0.9em; } body.bxwysiwyg svg { width: 40px; height: 40px; } body.bxwysiwyg svg.symbol-info { color: #00a8ff; fill: #00a8ff; } body.bxwysiwyg svg.social_item { height: 1.4em; width: 1.6156em; font-size: .723em; fill: #9a9a9a; margin-right: 2px; margin-top: 1px; } body.bxwysiwyg svg.symbol-twitter--big { height: 1.4em; width: 1.6156em; font-size: .723em; fill: #9a9a9a; margin-right: 2px; margin-top: 1px; } body.bxwysiwyg svg.symbol-facebook--big { height: 1.4em; width: 0.7462em; font-size: .778em; fill: #9a9a9a; margin-right: 2px; margin-top: 1px; } body.bxwysiwyg svg.symbol-vk--big { height: 1.4em; width: 2.52em; font-size: .556em; fill: #9a9a9a; margin-right: 2px; margin-top: 1px; } body.bxwysiwyg ul { list-style-type: disc; } body.main.black .bx-core-adm-dialog .bx-core-adm-dialog-content-wrap-inner{ padding: 0px !important; } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { body.bxwysiwyg svg.symbol-doc { background-image: url("/bitrix/templates/.default/snippets/images/files/doc.png"); background-repeat: no-repeat; background-size: 33 40; } body.bxwysiwyg svg.symbol-docx { background-image: url("/bitrix/templates/.default/snippets/images/files/docx.png"); background-repeat: no-repeat; background-size: 33 40; } body.bxwysiwyg svg.symbol-flv { background-image: url("/bitrix/templates/.default/snippets/images/files/flv.png"); background-repeat: no-repeat; background-size: 33 40; } body.bxwysiwyg svg.symbol-gif { background-image: url("/bitrix/templates/.default/snippets/images/files/gif.png"); background-repeat: no-repeat; background-size: 33 40; } body.bxwysiwyg svg.symbol-jpeg { background-image: url("/bitrix/templates/.default/snippets/images/files/jpeg.png"); background-repeat: no-repeat; background-size: 33 40; } body.bxwysiwyg svg.symbol-jpg { background-image: url("/bitrix/templates/.default/snippets/images/files/jpg.png"); background-repeat: no-repeat; background-size: 33 40; } body.bxwysiwyg svg.symbol-mp3 { background-image: url("/bitrix/templates/.default/snippets/images/files/mp3.png"); background-repeat: no-repeat; background-size: 33 40; } body.bxwysiwyg svg.symbol-mpeg4 { background-image: url("/bitrix/templates/.default/snippets/images/files/mpeg4.png"); background-repeat: no-repeat; background-size: 33 40; } body.bxwysiwyg svg.symbol-mpp { background-image: url("/bitrix/templates/.default/snippets/images/files/mpp.png"); background-repeat: no-repeat; background-size: 33 40; } body.bxwysiwyg svg.symbol-pdf { background-image: url("/bitrix/templates/.default/snippets/images/files/pdf.png"); background-repeat: no-repeat; background-size: 33 40; } body.bxwysiwyg svg.symbol-png { background-image: url("/bitrix/templates/.default/snippets/images/files/png.png"); background-repeat: no-repeat; background-size: 33 40; } body.bxwysiwyg svg.symbol-ppt { background-image: url("/bitrix/templates/.default/snippets/images/files/ppt.png"); background-repeat: no-repeat; background-size: 33 40; } body.bxwysiwyg svg.symbol-pptx { background-image: url("/bitrix/templates/.default/snippets/images/files/pptx.png"); background-repeat: no-repeat; background-size: 33 40; } body.bxwysiwyg svg.symbol-rar { background-image: url("/bitrix/templates/.default/snippets/images/files/rar.png"); background-repeat: no-repeat; background-size: 33 40; } body.bxwysiwyg svg.symbol-tiff { background-image: url("/bitrix/templates/.default/snippets/images/files/tiff.png"); background-repeat: no-repeat; background-size: 33 40; } body.bxwysiwyg svg.symbol-xls { background-image: url("/bitrix/templates/.default/snippets/images/files/xls.png"); background-repeat: no-repeat; background-size: 33 40; } body.bxwysiwyg svg.symbol-xlsx { background-image: url("/bitrix/templates/.default/snippets/images/files/xlsx.png"); background-repeat: no-repeat; background-size: 33 40; } body.bxwysiwyg svg.symbol-zip { background-image: url("/bitrix/templates/.default/snippets/images/files/zip.png"); background-repeat: no-repeat; background-size: 33 40; } body.bxwysiwyg a.loadItem { text-decoration: none; } } /* End */ /* /bitrix/templates/.default/styles/vendor.css?1623430021113237 */ /* /bitrix/templates/.default/styles/main.css?1637843789424800 */ /* /bitrix/components/rt/alert.error/templates/en/style.css?16318055191065 */ /* /bitrix/templates/redesign-inner/styles.css?15734548185945 */