Орла
Области
Компаний
Пользователи
Галерея
Фиксированные новости
Орла
Отзывы о фирмах
Тарифы
Пользователи
Области
Банкоматы
Торговые точки
Доска объявлений
Курсы валют
Скидки
организации Орла
организации области
товары
сайты
сайты Орел
Данные
Разделы
Поиск
Поиск запросы
Статистика
Показы каталога организаций
Статистика клиенты
Пользователи
Сайты
Управление сайтом
Анкета
Аптеки
Афиша
Афиша новая
Баннеры
Бизнес >
Викторина
Голосование
Гость на сайте
Истории
Календарь событий
Каталоги >
Конкурс красоты
Конкурс аудио
Консультации
Меню
Новое на сайте
Новости >
Организации >
Программа ТВ
Публикации
Разделы сайта
Рассылка
Рестораны
Секрет фирмы >
Сервисы >
Ссылки
Тесты
Файловый менеджер
Форум
Фотогалерея
Обратная связь
Недвижимость
Новый год
Тексты
Пользователи
Юридический рейтинг
Отзывы на товары
Бан пользователей
Жалобы
Новые тесты
Коронавирус
Файловый менеджер
Имя файла
layout.css
Содержимое
@charset "utf-8"; /* Reset */ /* text.css*/ @font-face { font-family: "icon"; src: url("../fonts/icon/icon.eot"); src: url("../fonts/icon/icon.eot#iefix") format("embedded-opentype"), url("../fonts/icon/icon.woff") format("woff"), url("../fonts/icon/icon.ttf") format("truetype"), url("../fonts/icon/icon.svg") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "OpenSansRegular"; src: url("../fonts/OpenSans/OpenSansRegular/OpenSansRegular.eot"); src: url("../fonts/OpenSans/OpenSansRegular/OpenSansRegular.eot?#iefix")format("embedded-opentype"), url("../fonts/OpenSans/OpenSansRegular/OpenSansRegular.woff") format("woff"), url("../fonts/OpenSans/OpenSansRegular/OpenSansRegular.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: swap; } @font-face { font-family: "OpenSansLight"; src: url("../fonts/OpenSans/OpenSansLight/OpenSansLight.eot"); src: url("../fonts/OpenSans/OpenSansLight/OpenSansLight.eot?#iefix")format("embedded-opentype"), url("../fonts/OpenSans/OpenSansLight/OpenSansLight.woff") format("woff"), url("../fonts/OpenSans/OpenSansLight/OpenSansLight.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: swap; } @font-face { font-family: "OpenSansBold"; src: url("../fonts/OpenSans/OpenSansBold/OpenSansBold.eot"); src: url("../fonts/OpenSans/OpenSansBold/OpenSansBold.eot?#iefix")format("embedded-opentype"), url("../fonts/OpenSans/OpenSansBold/OpenSansBold.woff") format("woff"), url("../fonts/OpenSans/OpenSansBold/OpenSansBold.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: swap; } @font-face { font-family: "OpenSansSemiBold"; src: url("../fonts/OpenSans/OpenSansSemiBold/OpenSansSemiBold.eot"); src: url("../fonts/OpenSans/OpenSansSemiBold/OpenSansSemiBold.eot?#iefix")format("embedded-opentype"), url("../fonts/OpenSans/OpenSansSemiBold/OpenSansSemiBold.woff") format("woff"), url("../fonts/OpenSans/OpenSansSemiBold/OpenSansSemiBold.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: swap; } @font-face { font-family: 'Ubuntu'; src: url('../../fonts/Ubuntu.eot'); src: url('../../fonts/Ubuntu.eot?#iefix') format('embedded-opentype'), url('../../fonts/Ubuntu.woff') format('woff'), url('../../fonts/Ubuntu.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Ubuntu Medium'; src: url('../../fonts/Ubuntu-Medium.eot'); src: url('../../fonts/Ubuntu-Medium.eot?#iefix') format('embedded-opentype'), url('../../fonts/Ubuntu-Medium.woff') format('woff'), url('../../fonts/Ubuntu-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Product Sans'; src: url('../../fonts/ProductSans-Black.eot'); src: url('../../fonts/ProductSans-Black.eot?#iefix') format('embedded-opentype'), url('../../fonts/ProductSans-Black.woff2') format('woff2'), url('../../fonts/ProductSans-Black.woff') format('woff'), url('../../fonts/ProductSans-Black.ttf') format('truetype'), url('../../fonts/ProductSans-Black.svg#ProductSans-Black') format('svg'); font-weight: 900; font-style: normal; font-display: swap; } /* end text.css*/ .openSans{font-family: OpenSansRegular;} .open_sans_bold {font-family: "OpenSansBold";} .open_sans_semibold {font-family: "OpenSansSemiBold";} .pt_sans {font-family: 'PT Sans', sans-serif;} .product_sans {font-family: 'Product Sans';} /*organization.css*/ .org-header{ font-family: 'OpenSansRegular'; font-size: 14px; line-height: 20px; margin-bottom: 8px; } .text-primary{ color: #133e9d !important; } a.text-primary:focus, a.text-primary:hover{ color: #fb8100 !important } .org-item-header{ font-size: 18px; font-family: 'OpenSansSemiBold'; } .font-size-11 { font-size: 0.6875rem; } .font-size-12 { font-size: 0.75rem; } .font-size-13 { font-size: 0.8125rem; } .font-size-15{ font-size: 0.9375rem; } .font_size_15_5 { font-size: .96rem; } .font-size-16{ font-size: 1rem; } .font-size-17{ font-size: 17px; } .font-size-18{ font-size: 1.125rem; } .font-size-19{ font-size: 1.1875rem; } .font-size-21 { font-size: 1.3rem; } .font-size-22 { font-size: 1.375rem; } .font-size-28 { font-size: 1.75rem; } .letter-spacing-0-5 { letter-spacing: .5px; } .letter-spacing-1 { letter-spacing: 1px; } .text-uppercase { text-transform: uppercase; } .text-underline { text-decoration: underline; } /*-------borders-------*/ .border-1{border: 1px solid #ddd;} .border-bottom-1{ border-bottom: 1px solid #ddd; } .border_radius_4 {border-radius: 4px;} .hover-gray:hover{ background: #f9f9f9; } .border_transparent_5 { border: 5px solid transparent; } .border_orange_hover_4 { border: 4px solid transparent; transition: all ease .3s; } .border_orange_hover_4:hover { border: 4px solid #fb8100; } /*----backgrounds---------*/ .bg-white{background: #fff;} .bg-transparent{background: transparent;} .bg_orange {background-color: #fb9900;} .text-left .uk-pagination{ text-align: left!important; } .link-orange{ cursor: pointer; color: #fb8100!important; text-decoration: underline; } /*----buttons----*/ .btn_bg_orange_hover:hover { background: #fb9900; border: 1px solid #fb9900; color: #fff; transition: all ease .2s; } /*end organization.css*/ html { box-sizing: border-box; font-size: 16px; font-family: 'PT Sans', sans-serif; } *, *:before, *:after { box-sizing: inherit; } body, ul, ol, li, figure { margin: 0; padding: 0; } p, h1, h2, h3, h4, h5, h6 { margin-top: 0; font-style: normal; font-weight: normal;} img{max-width: 100%;} .h6 { font-size: 16px; line-height: 23px; } time{ white-space: nowrap; } .ws-nowrap{ white-space: normal!important; } a { color:#202020; outline: none; text-decoration: none; } .mr_10 { margin-right: 10px; } .list_style_type_none { list-style-type: none; } .lh-small { line-height: 15px; } .lh-large { line-height: 39px; } .lh_1_2{ line-height: 1.2; } .lh_1_4 { line-height: 1.4; } .lh-20 { line-height: 20px; } .lh-30{ line-height: 30px; } .mt-mini {margin-top: 22px;} .mt-6 { margin-top: -6px; } .ml85 { margin-left: 85px; } .p40 { padding: 20px 40px; } .pl30 { padding-left: 30px; } .plr-10 { padding: 0 10px; } .p-registr { padding: 20px 40px; } .cb { clear: both; } .db { display: block; } .text_unline { border-bottom: 1px solid #133e9d; } .fw-normal { font-weight: normal; } .white{ color: #fff!important; } .pt-20{ padding-top: 20px!important; } .uk-border-bottom{ border-bottom: 1px solid #e0e0e0; } .uk-font-regular{ font-family: 'OpenSansRegular'; font-weight: normal; font-style: normal; } .uk-font-regular a{ word-break: break-all; } /* tooltips */ .tooltip { position: relative; display: inline-block; } .tooltip .tooltiptext { visibility: hidden; width: 200px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; top: 105%; left: 50%; margin-left: -60px; z-index: 999; } .tooltip .tooltiptext::after { position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent black transparent; } .tooltip:hover .tooltiptext { visibility: visible; } .tooltiptext img{ background: #b9b9b9; max-width: 48px; width: 48px; height: 48px; margin: 4px; } .forum-cat-item i:hover{ cursor: pointer; } .search-result-icon{ width: 64px; height: 64px;; } /* -- // -- */ /* COLORS */ .orange { color: #fb8100!important; } .gray{ color:#999999!important; } .gray_light, .gray_light:focus, .gray_light:hover { color: #ccc; } .orange-bg, .orange-bg:hover{ background: #fb8100; color: #fff; } .border-btn-gray{ background: transparent; border: 1px solid #afafaf; color: #525252; } .uk-border-remove{ border: none!important; } .uk-h2{ font-size: 24px; line-height: 28px; color: #2e2e2e; text-transform: uppercase; font-weight: 700; margin-bottom: 30px; } .a-border-bottom{ padding-bottom: 20px; border-bottom: 1px dotted #999; } .a-link-orange-border-btn{ border: 2px solid #fb8100; padding: 10px 20px; border-radius: 4px; } .a-small-caps{ font-style: normal; font-weight: normal; text-transform: uppercase; font-size: 13px; } .a-restoran-item-h4{ font-size: 24px; } .uk-header-with-p{ font-weight: bold; } .a-list-restioran li{ margin-bottom: 10px; } .uk-border-none{ border:none!important; } /* DEMO */ body{ font-family: 'PT Sans', sans-serif; font-size: 14px; line-height: 21px; color:#202020; height: 100%; } h1 { font-size: 32px; } h2 { font-size: 26px; } h3 { font-size: 22px; } h4{ font-size: 19px; line-height: 26px; } h5{ font-size: 16px; /*line-height: 24px;*/ } a:hover, a:visited{ color:#202020; text-decoration: none; } h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a, dt > a, dl > a, dd > a{ color:#202020; text-decoration: none; } h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover, dt > a:hover, dl > a:hover, dd > a:hover{ color:#fb8100; text-decoration: none; } .small{ font-size: 14px; } .uppercase{ text-transform: uppercase; letter-spacing: 0.2px; } input, button, select, textarea { border-radius: 4px; outline: none; } .grid-column-2{ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; display: -webkit-flex; /* NEW, Spec - Firefox, Chrome, Opera */ -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row wrap; flex-flow:row wrap; } .grid-column-2 div{ -webkit-box-flex:1; -ms-flex:1; flex:1; } .scrollup { width: 40px; height: 40px; position: fixed; bottom: 50px; right: 100px; display: none; text-indent: -9999px; background: orange url(../../images/scrollup.png) no-repeat; border-radius: 50px; background-position: center center; z-index: 999; /* position: fixed; bottom: 50px; right: 100px; display: none; text-indent: -9999px; background: url(../../images/design/scroll_top_ng.png) no-repeat; background-position: center center; z-index: 999; width: 71px; height: 69px;*/ } .news-view ul, .news-view ol{ list-style-position: outside; margin-left: 20px; font-size: 17px; line-height: 25px; margin-bottom: 30px; color: #303030; } .news-view a{ color:#fb8100; } .small-header{ font-family: 'OpenSansSemiBold'; font-weight: 500; line-height: 26px; font-size: 18px; font-weight: bold; } .small-header:first-letter{ text-transform: uppercase; } .small-header a{ color: #202020; } .small-text{ font-size: 16px; line-height: 24px; color: #202020; font-family: 'Open Sans'; } .container-full{ max-width: 100%; width: 100%; } .container { width: 100%; max-width: 1660px; margin: 0 auto; height: 100%; } @media(min-width: 1280px) and (max-width: 1360px){ .container { max-width: 1200px; } } .container > * { padding: 20px; -webkit-box-flex: 1; -ms-flex: 1 100%; flex: 1 100%; } .columns{ display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .col-20{ max-width: 20%; } .col-30{ max-width: 30%; } .col-40{ max-width: 40%; } .col-50{ max-width: 50%; } .col-60{ max-width: 60%; } .fluid-light-background { background: #fafafa; } .main { /*border:1px solid red;*/ /*width: 100%;*/ } .aside { border:1px solid green; } @media all and (min-width: 600px) { .aside { -webkit-box-flex: 1; -ms-flex: 1 0px; flex: 1 0px; max-width: 340px; min-width: 240px; } } .forum-quote{ border: 1px solid #dcdcdc; padding: 10px; font-style: italic; color: #9a9a9a; max-width: 90%; margin: 5px 0; } .forum-last-edit-message{ position: absolute; top: 2px; right: 76px; color: #999; } /* Header */ .top-bar{ background: #535353; font-size: 15px; font-family: 'OpenSansRegular'; padding: 0; min-height: 50px; /*color: #fff;*/ display: flex; display: -webkit-flex; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; display: -webkit-flex; /* NEW, Spec - Firefox, Chrome, Opera */ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; /* Safari 6.1+ */ } .top-bar-inner{ max-width: 1660px; margin: 0 auto; padding: 0 40px; width: 100%; } @media (min-width: 1000px){ .header-logo { max-width: 150px; } } @media (min-width: 1400px){ .header-logo{ max-width: 220px; } } .header-navbar li.nav-hidden > ul.dropdown-menu{ display: none; } .header-dropdown-icon{ position: relative; } .header-dropdown-icon:before{ content: ''; position: absolute; display: block; border-left: 10px solid rgba(255, 255, 255, 0); border-right: 10px solid rgba(255, 255, 255, 0); z-index: 9999; left: 40%; } .header-dropdown-icon:after{ content: ''; position: absolute; display: block; border-left: 10px solid rgba(255, 255, 255, 0); border-right: 10px solid rgba(255, 255, 255, 0); z-index: 9999; left: 40%; } #vk_widget, #vk_groups { width: 100%; } .header-navbar > li{ list-style: none; } .header-navbar > li > a:hover{ color:#fb9900; } @media (min-width: 1000px){ .header-navbar > li > a { padding: 8px; font-size: 19px; color: #404040; font-weight: bold; } } @media (min-width: 1440px){ .header-navbar > li > a { padding: 10px 25px; font-size: 17px; } } .header-navbar > li.active > a:after{ content: ''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #d6d6d6; margin: auto; display: block; margin-top: 1px; } .header-navbar > li > a:after{ content: ''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid transparent; margin: auto; display: block; margin-top: 4px; } .top-bar-soc-link span{ /*font-size: 18px;*/ } .header-search-wrapper{ margin-left: auto; margin-right: 0; list-style: none; position: absolute; width: 400px; right: 0; -webkit-transition: width 0.3s; /* Safari */ transition: width 0.3s; } .search-select{ border: none; background: none; width: 100px; margin-right: 11px; color: #999; font-size: 13px; } .search-select-mobile{ display: block; position: absolute; right: 50px; width: 102px; padding: 0!important; color: #999!important; border: none!important; background: none!important; } .header-search-wrapper:hover{ /*width: 50%;*/ } .header-search-wrapper li{ /*margin-bottom: 0;*/ } .header-search{ /*-webkit-box-flex: 1;*/ /*-ms-flex: 1 10%;*/ /*flex: 1 10%;*/ /*-ms-flex-item-align: center;*/ /*-ms-grid-row-align: center;*/ /*align-self: center;*/ } .search-group-btn{ border: 1px solid #d6d6d6; /*padding: 0;*/ overflow: hidden; border-radius: 5px; margin-top: -11px; padding-left: 10px; height: 38px; } .search-input{ border: none; height: 42px; outline: none; padding: 0; width: 100%; } .header-navbar .dropdown-menu{ position: absolute; left: 0; font-size: 15px; top: 100%; border: 1px solid #d6d6d6; margin-top: -26px; border-radius: 5px; width: 100%; list-style: none; } .header-navbar .dropdown-menu li a{ padding: 8px 14px; /*white-space: nowrap;*/ display: block; } .header-navbar .dropdown-menu li a:hover{ color:#fb8100; } .header-navbar .dropdown-menu:after{ content: " "; display: table; } /* News scroll date */ /* -------------------------------- Main Components -------------------------------- */ .cd-horizontal-timeline { opacity: 0; margin: 2em auto; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .cd-horizontal-timeline::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'mobile'; display: none; } .cd-horizontal-timeline.loaded { /* show the timeline after events position has been set (using JavaScript) */ opacity: 1; } .cd-horizontal-timeline .timeline { position: relative; height: 100px; width: 90%; max-width: 800px; margin: 0 auto; } .cd-horizontal-timeline .events-wrapper { position: relative; height: 100%; margin: 0 40px; overflow: hidden; } .cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before { /* these are used to create a shadow effect at the sides of the timeline */ content: ''; position: absolute; z-index: 2; top: 0; height: 100%; width: 20px; } .cd-horizontal-timeline .events-wrapper::before { left: 0; background-image: -webkit-linear-gradient( left , #f8f8f8, rgba(248, 248, 248, 0)); background-image: -webkit-linear-gradient(left, #f8f8f8, rgba(248, 248, 248, 0)); background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0)); } .cd-horizontal-timeline .events-wrapper::after { right: 0; background-image: -webkit-linear-gradient( right , #f8f8f8, rgba(248, 248, 248, 0)); background-image: -webkit-linear-gradient(right, #f8f8f8, rgba(248, 248, 248, 0)); background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0)); } .cd-horizontal-timeline .events { /* this is the grey line/timeline */ position: absolute; z-index: 1; left: 0; top: 49px; height: 2px; /* width will be set using JavaScript */ background: #dfdfdf; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .cd-horizontal-timeline .filling-line { /* this is used to create the green line filling the timeline */ position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 100%; background-color: #7b9d6f; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .cd-horizontal-timeline .events a { position: absolute; bottom: 0; z-index: 2; text-align: center; font-size: 1.3rem; padding-bottom: 15px; color: #383838; /* fix bug on Safari - text flickering while timeline translates */ -webkit-transform: translateZ(0); transform: translateZ(0); } .cd-horizontal-timeline .events a::after { /* this is used to create the event spot */ content: ''; position: absolute; left: 50%; right: auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -5px; height: 12px; width: 12px; border-radius: 50%; border: 2px solid #dfdfdf; background-color: #f8f8f8; -webkit-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s; } .no-touch .cd-horizontal-timeline .events a:hover::after { background-color: #7b9d6f; border-color: #7b9d6f; } .cd-horizontal-timeline .events a.selected { pointer-events: none; } .cd-horizontal-timeline .events a.selected::after { background-color: #7b9d6f; border-color: #7b9d6f; } .cd-horizontal-timeline .events a.older-event::after { border-color: #7b9d6f; } @media only screen and (min-width: 1100px) { .cd-horizontal-timeline { margin: 6em auto; } .cd-horizontal-timeline::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'desktop'; } } .cd-timeline-navigation a { /* these are the left/right arrows to navigate the timeline */ position: absolute; z-index: 1; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 34px; width: 34px; border-radius: 50%; border: 2px solid #dfdfdf; /* replace text with an icon */ overflow: hidden; color: transparent; text-indent: 100%; white-space: nowrap; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; } .cd-timeline-navigation a::after { /* arrow icon */ content: ''; position: absolute; height: 16px; width: 16px; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: url(../img/cd-arrow.svg) no-repeat 0 0; } .cd-timeline-navigation a.prev { left: 0; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .cd-timeline-navigation a.next { right: 0; } .no-touch .cd-timeline-navigation a:hover { border-color: #7b9d6f; } .cd-timeline-navigation a.inactive { cursor: not-allowed; } .cd-timeline-navigation a.inactive::after { background-position: 0 -16px; } .no-touch .cd-timeline-navigation a.inactive:hover { border-color: #dfdfdf; } .cd-horizontal-timeline .events-content { position: relative; width: 100%; margin: 2em 0; overflow: hidden; -webkit-transition: height 0.4s; transition: height 0.4s; } .cd-horizontal-timeline .events-content li { position: absolute; z-index: 1; width: 100%; left: 0; top: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); padding: 0 5%; opacity: 0; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .cd-horizontal-timeline .events-content li.selected { /* visible event content */ position: relative; z-index: 2; opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right { -webkit-animation-name: cd-enter-right; animation-name: cd-enter-right; } .cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left { -webkit-animation-name: cd-enter-left; animation-name: cd-enter-left; } .cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left { -webkit-animation-direction: reverse; animation-direction: reverse; } .cd-horizontal-timeline .events-content li > * { max-width: 800px; margin: 0 auto; } .cd-horizontal-timeline .events-content h2 { font-weight: bold; font-size: 2.6rem; font-family: "Playfair Display", serif; font-weight: 700; line-height: 1.2; } .cd-horizontal-timeline .events-content em { display: block; font-style: italic; margin: 10px auto; } .cd-horizontal-timeline .events-content em::before { content: '- '; } .cd-horizontal-timeline .events-content p { font-size: 1.4rem; color: #959595; } .cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p { line-height: 1.6; } @media only screen and (min-width: 768px) { .cd-horizontal-timeline .events-content h2 { font-size: 7rem; } .cd-horizontal-timeline .events-content em { font-size: 2rem; } .cd-horizontal-timeline .events-content p { font-size: 1.8rem; } } @-webkit-keyframes cd-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } @keyframes cd-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes cd-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } @keyframes cd-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } } /*News*/ .news{ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; /* Safari 6.1+ */ } .news > .news-item:first-child{ -webkit-box-flex: 1; -ms-flex: 1 50%; flex: 1 50%; max-width: 615px; } .news-item{ max-width: 300px; -webkit-box-flex: 1; -ms-flex: 1 20%; flex: 1 20%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; background: #fff; margin: 1rem; } .news-swiper .news-item-pic-count, .news-swiper .news-item-video-count { margin-top: 5px; font-size: 0.75rem; } @media(min-width: 1280px) and (max-width: 1360px){ .news-item{ -webkit-box-flex: 1; -ms-flex: 1 30%; flex: 1 30%; } } .news-item-first{ -webkit-box-flex:1; -ms-flex:1 50%; flex:1 50%; max-width: 632px; } .news-item-img{ height: 220px; background-repeat: no-repeat; background-size: cover; background-position: center center; overflow: hidden; } .news-item-img img{ max-width: 100%; min-width: 180px } .article-body { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-positive: 1; flex-grow: 1; position: relative; } .article-title { -ms-flex-negative: 0; flex-shrink: 0; max-height: 200px; overflow: hidden; font-family: bitter; font-size: 18px; text-transform: none; line-height: 24px; } .article-title a{ color: #404040; } .article-content { margin-top: 5px; } .article-info { font-size: 12px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; /* Safari 6.1+ */ margin: 5px 0; text-transform: uppercase; letter-spacing: 1px; } .sidebar-name-cafe { font-size: 13px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; /* Safari 6.1+ */ margin: 10px 0; text-transform: uppercase; letter-spacing: 1px; } .article-overlay-shadow{ width: 100%; height: 60px; position: absolute; bottom: 30px; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.66) 50%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.66) 50%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } /* News-medium horizontal */ .news-medium{ -webkit-box-flex: 1; -ms-flex: 1 100%; flex: 1 100%; max-width: none; } .medium-news-item{ -webkit-box-flex: 1; -ms-flex: 1 100%; flex: 1 100%; max-width: none; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .medium-news-item-left-col{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 40px; max-width: 240px; } .medium-news-item-img{ } .medium-news-item-img img{ max-width: 100%; } .medium-news-item-right-col{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .medium-article-info{ margin-top: 0; } footer.medium-article-info{ display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; } /* News-small horizontal */ .short-news{ } section.columns.short-news .short-news-item .short-news-item-left-col{ margin-bottom: 20px; } .short-news-item { display: -ms-flexbox; display: -webkit-box; display: flex; display: -webkit-flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; margin: 10px; padding: 0; -webkit-box-flex: 1; -ms-flex: 1 1 30%; flex: 1 1 30%; } .short-news-item .short-news-item-left-col { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; -ms-flex: auto; -webkit-box-flex: 1; flex: auto; -webkit-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; } .short-news-item .short-news-item-right-col { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 calc(100% - 130px); -webkit-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; min-width: 200px; } .short-news-item .small-article-body{ display: -ms-flexbox; display: -webkit-box; display: flex; display: -webkit-flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-line-pack: start; align-content: space-between; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; padding: 0; height: 100%; padding-bottom: 20px; } .short-news-item .small-article-info { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; -ms-flex: 1 1 100%; -webkit-box-flex: 1; flex: 1 1 100%; -webkit-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; margin-top: 0; } .short-news-item .small-article-title { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; -ms-flex: 1 1 100%; -webkit-box-flex: 1; flex: 1 1 100%; -webkit-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; font-size: 17px; text-transform: none; line-height: 24px; font-weight: normal; min-height: 71px; } .short-news-item .small-article-title a{ color:#404040; } .short-news-item .small-article-content { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; -ms-flex: 1 1 100%; -webkit-box-flex: 1; flex: 1 1 100%; -webkit-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; } .short-news-item .small-article-info { } /* NEWS VIEW*/ .news-view{ position: relative; } .news-view p{ font-size: 17px; line-height: 25px; margin-bottom: 15px; color: #303030; } .news-view h3{ font-weight: bold; font-family: 'OpenSansRegular'; font-size: 17px; line-height: 33px; margin-bottom: 10px; } .news-view h4{ text-transform: uppercase; font-weight: bold; font-size: 16px; letter-spacing: 2px; margin-bottom: 10px; } .news-view-quote-with-author{ position: relative; font-size: 20px; line-height: 32px; margin: 60px 0; padding: 0 100px; border: none; } .news-view-quote-with-author footer{ display: block; font-size: 80%; line-height: 1.25; color: #666666; margin-top: 20px; } .news-view-quote-with-author:before{ content: "«"; font-size: 96px; left: 20px; position: absolute; top: 0; color: #fb8100; font-style: normal; } .news-view-big-img{ margin-bottom: 30px; } .zoomout { width: 460px !important; cursor: zoom-in; } .zoomin { width: 810px !important; max-width: 100%; cursor: zoom-out; } .news-view-big-img img{ max-width: 100%; } .news-view-big-img-label{ font-size: 13px; color: #999; padding: 16px 0; display: block; border-bottom: 1px solid #dcdcdc; } .news-view-info{ display: flex; margin-bottom: 20px; font-size: 14px; color: #999; } .news-view-date-header{ margin-right: 40px; } ._autor { text-transform: none; font-size: 15px; margin-bottom: 10px; } ._watch { margin-right: 10px; color: #999; } ._watch:before { font-family: 'icon'; content: '\e024'; font-size: 20px; display: inline-block; vertical-align: middle; line-height: 12px; margin-right: 5px; } ._commit { margin-right: 5px; color: #999; } ._commit:before { font-family: 'icon'; content: "\e01f"; font-size: 15px; display: inline-block; vertical-align: middle; line-height: 12px; margin-right: 10px; } ._like { margin-right: 10px; } ._like:before { font-family: 'icon'; content: "\e012"; font-size: 18px; display: inline-block; vertical-align: middle; line-height: 19px; margin-right: 10px; } .news-view .news-view-header{ line-height: 1.2; font-size: 26px; margin-bottom: 20px; color: #202020; } .news-view .lead{ font-size: 16px; line-height: 25px; margin-bottom: 25px; } /* NEWS VIEW SWIPER */ .swiper-container { width: 100%; margin-left: auto; margin-right: auto; } .swiper-slide { width: 100%; background-size: cover; background-position: center; } .gallery-top { height: 500px; width: 100%; } .gallery-thumbs { height: 20%; box-sizing: border-box; padding: 10px 0; } .gallery-thumbs .swiper-slide { height: 100%; opacity: 0.4; width: 150px; } .gallery-thumbs .swiper-slide-active { opacity: 1; } /* NEWS VIEW COMMENTS */ .news-view-comment h4{ text-transform: none; letter-spacing: 0; font-size: 28px; color: #303030; margin-bottom: 0; background: #f7f7f7; padding-bottom: 0; padding: 20px; } .news-company-h5{ position: absolute; bottom: 0; color: #fff; padding: 0 20px; z-index: 1; } .news-company-shadowz{ width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: -webkit-linear-gradient(top, transparent 0%, transparent 5%, rgba(23, 23, 23, 0.68) 100%); background: linear-gradient(to bottom, transparent 0%, transparent 5%, rgba(23, 23, 23, 0.68) 100%); z-index: 0; } .news-company-figure{ position: absolute; top: 0; width: 100%; height: 100%; background-size: cover; } .news-company-shadow-down{ width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0) 5%, rgba(0, 0, 0, 0.72) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0) 5%, rgba(0, 0, 0, 0.72) 100%) } .news-view-comment-field{ display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; padding: 0 20px 20px 20px; } .news-view-comment-img{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 20px; } .news-view-comment-add-form{ -webkit-box-flex: 1; -ms-flex: 1 calc(100% - 100px); flex: 1 calc(100% - 100px); } .news-view-comment-add-form textarea{ /*width: 100%;*/ height: 160px; padding: 10px; font-family: 'PT Sans', sans-serif; font-size: 15px; /*margin-bottom: 20px;*/ outline: none; } .news-view-comment-add-btn-box, .entity-view-comment-add-btn-box { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .news-view-comment-add-btn-box, .entity-view-comment-add-btn-box { background: #fb8100; border: none; padding: 10px 20px; color: #fff; font-size: 15px; margin-right: 20px; outline: none; } .news-view-comment-add-btn-box:hover, .entity-view-comment-add-btn-box:hover { background: #ff8f17; } .news-view-comment-add-btn-box:active, .entity-view-comment-add-btn-box:active { background: #fba01f; } .news-view-comment-add-btn-box span, .entity-view-comment-add-btn-box span { font-size: 14px; color: #999; } .news-view-comment-add-btn-box:hover, .entity-view-comment-add-btn-box:hover { cursor: pointer; } .news-restoran-header{ font-size: 26px; } .news-view-comment-item, .entity-view-comment-item { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .comment-items ul{ list-style: none; } .comment-items li{ margin-left: 0px; margin-bottom: 0; } .comment-items > ul > li:first-child{ border: none; } .comment-items > ul > li{ border-top: 1px solid #e6e6e6; padding-top: 20px; } .news-view-comment-item ul, .entity-view-comment-item ul { list-style: none; margin-bottom: 20px; } .news-view-comment-item ul li, .entity-view-comment-item ul li { padding: 20px 0 0 0; margin-bottom: 0; } .news-view-comment-item-img, .entity-view-comment-item-img { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 60px; margin-right: 20px; } @media(max-width: 767px){ .entity-view-comment-item-img { margin-right: 7px; } } .news-view-comment-item-message, .entity-view-comment-item-message { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; /* Safari 6.1+ */ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 30px; } @media(max-width: 767px){ .entity-view-comment-item-message { margin-bottom: 15px; } } .news-view-comment-header, .entity-view-comment-header{ margin-bottom: 0px; } .news-view-comment-header a, .entity-view-comment-header a { font-size: 16px; color: #133e9d; } .news-view-comment-header time, .entity-view-comment-header time { margin-left: 15px; font-size: 16px; color: #999999; text-transform: none; font-weight: normal; font-family: 'PT Sans', sans-serif; } .news-view-comment-icons, .entity-view-comment-icons { color: #8899a7; } .news-view-comment-like, .entity-view-comment-like { line-height: 32px; } .news-view-comment-like i, .entity-view-comment-like i { margin-right: 7px; cursor: pointer; } .news-view-comment-body, .entity-view-comment-body { text-align: left; font-size: 16px; line-height: 24px; margin-bottom: 10px; word-wrap: break-word; width: 100%; } @media(max-width: 767px){ .entity-view-comment-body { line-height: 1.3; } } .news-view-comment-answer, .entity-view-comment-answer{ margin-top: 10px; padding-right: 15px; font-size: 15px; color: #8899a7; cursor: pointer; } .news-view-comment-answer i, .entity-view-comment-answer { font-size: 13px; } /* NEWS-VIEW-TAGS */ .news-view-tags{ display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; /* Safari 6.1+ */ border-top: 1px solid #dcdcdc; padding-top: 30px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-bottom: 40px; } .news-view-tags-items{ -webkit-box-flex: 1; -ms-flex: 1 calc(100% - 200px); flex: 1 calc(100% - 200px); } .news-view-tags-items span:first-child{ margin-right: 10px; } .news-view-tags-item{ border: 1px solid #dcdcdc; color: #a29fa7; border-radius: 4px; padding: 10px 12px; margin-right: 10px; font-size: 14px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-bottom: 10px; } .news-view-tags-author{ color: #999; font-size: 14px; -webkit-box-flex: 1; -ms-flex: 1 200px; flex: 1 200px; } .news-view-like{ display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 40px; } .news-view-like ul{ margin-bottom: 0; } .ya-share2__icon{ width: 32px!important; height: 32px!important; } /* FORUM WIDGET */ .forum-widget{ display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: block; } @media (min-width: 992px) { .forum-widget { overflow-y: hidden; max-height: 100%; } } .forum-widget-item{ margin-bottom: 5px; padding-bottom: 10px; width: 100%; } .forum-widget-item h5{ font-family: 'OpenSansRegular'; font-style: normal; font-weight: normal; } .forum-widget-item .forum-widget-item-user{ display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; /* Safari 6.1+ */ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .forum-widget-item-user a{ font-size: 14px; color: #8899a7; } .forum-widget-item-pages a i, .forum-widget-item-pages time i{ margin-right: 2px; } /* FORUM */ .forum{ position: relative; } .forum-quote-begin{ margin-top: 10px; } .forum .small{ font-family: Tahoma; font-size: 13px; } .forum-signature{ padding-top: 10px; color: #999; position: absolute; bottom: 0px; margin-top: 20px; font-size: 12px; padding-right: 20px; font-family: verdana; } .forum-massage a{ color: #fb8100!important; text-decoration: underline; } .forum-message-number{ position: absolute; top: 0px; right: 12px; font-size: 13px; } .forum-message-number > a{ color: #999; } .forum-user-avatar{ width: 60px; height: 60px; background-position: top center; background-size: cover; background-repeat:no-repeat; background: #f1f1f1; } .forum .status-item{ display: block; position: absolute; left: 10px; } .uk-margin-left-remove{ margin-left: 0; } .uk-padding-left-remove{ padding-left: 0; } .forum:first-child{ margin-top:0; } .forum-cat > .forum-cat-item:first-child{ background: #c8bfbd; padding-top: 10px; padding-bottom: 10px; border: none; color: #fff; } .forum-cat > .forum-cat-item{ padding: 15px 0; border: 1px solid #dfdfdf; border-bottom: 0; margin-top: 0; } .forum-cat > .forum-cat-item:last-child{ border-bottom: 1px solid #dfdfdf; } .forum-cat > .forum-cat-item:nth-child(2){ margin-top: 0; } .forum-cat > .forum-cat-item-bottom{ background: #f5f5f5; padding: 0; color: #666666; } /* --- // --- */ /* PAGE HEADER */ /* SECOND PAGE HEADER BOX */ .second-page-header-box{ display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; /* Safari 6.1+ */ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px dotted #b7b7b7; border-top: 1px solid #dedede; margin-bottom: 40px; } /* --- END SECOND PAGE HEADER BOX --- */ .section-header{ padding: 0; margin-bottom: 50px; border-top: 1px solid #e8e8e8; border-bottom: 1px dotted #000; } .section-header-inner{ display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; /* Safari 6.1+ */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-box { font-size: 30px; line-height: 32px; color: #000000; text-transform: uppercase; font-weight: 700; border-top: 5px solid #fb8100; padding: 28px 0; margin: 0; letter-spacing: 0.5px; } .header-box a{ } .header-box a.no-top-border{ border-top: none; } .header-slider-btn > span{ font-size: 36px; border: 1px solid rgba(0, 0, 0, 0.28); padding: 0 16px; border-radius: 5px; /*display: inline-block;*/ } /* COMPANY INDEX */ .company-index-item{ display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; } .company-index-item-img{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 20px; min-width: 96px; } /* AFISHA INDEX */ .afisha-index-item{ height: 370px; } .afisha-index-item .age { position: absolute; width: 20%; height: 20%; background-color: rgba(0, 0, 0, 0.35); color: #fff; font-size: 1.7em; bottom: 0; right: 0; display: flex; justify-content: center; align-items: center; } .afisha-index-item figure { position: relative; } footer.afisha-index-article-info{ width: 80%; bottom: 20px; } /* AFISHA PAGE */ .afisha-item{ display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; margin-bottom:20px; } .afisha-item > figure{ margin-right: 20px; } /* REVIEW INDEX */ .restoran-index-item-info a{ color: #303030; } /* RESTORAN INDEX > RESTORAN.PHP */ .restoran-search-input{ width: calc(100% - 90px); } .restoran-filter-wrapper{ position: relative; height: 120px; margin-bottom: 40px; } .restoran-index-filter{ list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; background: #f5f5f5; padding: 20px; } .restoran-index-filter > li{ margin-right: 40px; } .restoran-index-filter > li > a{ font-size: 15px; font-weight: bold; color: #404040; text-transform: uppercase; } .restoran-index-filter-dropdown{ list-style: none; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; background: #fff; width: 100%; margin: 20px 0; left: 0; padding-left: 20px; border-bottom: 1px dotted #b7b7b7; } .restoran-index-filter-dropdown > li{ margin-right: 30px; padding: 18px 0; } .restoran-index-filter-dropdown > li > a{ color: #202020; } .restoran-item{ display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; /* Safari 6.1+ */ margin-bottom: 30px; padding-bottom: 30px; position: relative; } .restoran-item-rating-txt{ display: block; } .restoran-item-logo{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 240px; text-align: center; margin-right: 60px; } .restoran-item-logo figure{ margin-bottom: 20px; } .restoran-item-logo img{ max-width: 150px; } .restoran-item-info{ display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 30px; } .restoran-item-address span { margin-bottom: 20px; font-weight: bold; margin-top: 10px; display: block; } .restoran-item-type, .restoran-item-kitchen{ margin-bottom: 4px; line-height: 26px; } .restoran-item-kitchen a, .restoran-item-type a{ color: #202020; } .restoran-item-kitchen a:after, .restoran-item-type a:after{ content: ' / '; color: #999; } .restoran-item-kitchen a:last-child:after, .restoran-item-type a:last-child:after{ content: ''; } .restoran-item-index-img{ -webkit-box-flex:1; -ms-flex:1; flex:1; } .restoran-item-name{ font-family: "OpenSansSemiBold"; font-size: 20px; line-height: 28px; color: #000000; } .restoran-item-address{ font-style: normal; } .restoran-item-address i{ font-style: normal; font-weight: normal; text-transform: uppercase; font-size: 13px; } .restoran-item-address a{ display: block; } /* SVODKI INDEX */ .svodki-index-header{ /* font-family: 'OpenSansRegular'; font-weight: normal; font-style: normal;*/ } /* RESTORAN VIEW */ .restoran-view-item-type{ display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .restoran-view-slider{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 480px; } .restoran-view-about{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 40px; } .restoran-view-about > div{ margin-bottom: 10px; } .restoran-view-soc-link{ -webkit-box-flex:1; -ms-flex:1; flex:1; } /* ORGANIZATION INDEX */ .organization-container{ display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; } .organization-index-list{ display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; list-style: none; } .organization-index-list > li{ margin-right: 20px; } .organization-index-list > li > a{ font-size: 17px; color: #fa6f00; font-family: 'bitter'; padding-bottom: 16px; display: block; font-weight: bold; } .organization-index-list-children{ display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; list-style: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .organization-index-list-children li{ margin-right: 16px; } .organization-index-list-children li a{ color:#202020; } .organization-index-list-badge{ color: #fb8100; } .organization-article figure.news-company-figure{ -webkit-transition: all 250ms; transition: all 250ms; } .organization-article:hover figure.news-company-figure{ -webkit-transform: scale(1.2); transform: scale(1.2); overflow: hidden; -webkit-transition: all 250ms; transition: all 250ms; } .organization-item{ display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-bottom: 1px dotted #ccc; padding-bottom: 20px; margin-bottom: 20px; } .organization-item-info-index{ margin-bottom: 16px; font-size: 16px; color: #404040; } .organization-item-info-index i:before{ margin-right: 8px; color: #f96200; font-size: 22px; } .comment-item-user-avatar > img{ height: 64px; width: 64px; } /* DEFAULT */ .a__time__img__inner{ /*text-transform: none;*/ /*letter-spacing: 0;*/ font-family: 'OpenSansRegular'; font-size: 12px; color: #fff; /*margin-right: 20px;*/ background: rgba(0, 0, 0, 0.4); padding: 2px 6px; bottom: 0; position: absolute; width: 100%; overflow: hidden; } .a__time{ text-transform: none; letter-spacing: 0; font-family: 'OpenSansRegular'; font-size: 12px; color: #999; margin-right: 20px; } /*заменен на главной uk-position-relative*/ .a__img{ position: relative; } h4.a__news__header__big a { font-family: 'OpenSansSemiBold', sans-serif; font-size: 18px; } .a__news__header__medium{ font-size: 15px; margin-bottom: 10px; line-height: 22px; color:#202020; } .a__user__without__icon, a.a__user__without__icon{ color: #1759e1; margin-right: 10px; } .row-1 { max-width: 1300px; margin-left: auto; margin-right: auto; display: -ms-flexbox; display: -webkit-box; display: flex; display: -webkit-flex; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; } .box-top-name { /*display: flex; display: -webkit-flex;*/ border-bottom: 1px solid #d2d2d2; padding: 10px 0px 30px; } .header-box-1 { font-size: 32px; line-height: 41px; color: #000000; font-weight: 500; /*padding: 20px 0;*/ margin: 0; font-family: 'OpenSansSemiBold', sans-serif; letter-spacing: 0.5px; } .name-restoran-card { /*flex: 1 1 70%;*/ } .btn-otziv-podel { /*flex: 1 1 25%;*/ /*align-self: center;*/ /*display: flex; display: -webkit-flex;*/ /*justify-content: end;*/ } .gray-rating { color: #999999; font-size: 14px; } .podelitsa { width: 160px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; padding: 5px 22px; margin-right: 25px; } .podelitsa:before { content:''; background: url('/images/set.png') no-repeat center; width: 20px; height: 20px; display: inline-block; margin-right: 10px; margin-top: 3px; } .contacts-restoran { line-height: 35px; font-size: 18px; } .contacts-restoran li { list-style-type: none; } .contacts-restoran li a { color: #133e9d; } .blue-title { font-size: 19px; color: #133e9d; } .blue-title a { color: #133e9d; } .pt35 {padding-top: 35px;} .list-about-restoran { list-style-type: none; font-size: 18px; } .list-about-restoran li a:after { content: ','; margin-left: -3px; } .list-about-restoran li a:last-child:after { content: ''; } .btm-restoran-menu:before { content: ''; background: url('/images/pribori.png') no-repeat center; display: inline-block; width: 23px; height: 29px; margin-right: 10px; float: left; } .soobsit-error:before { content: ''; background: url('/images/znak.png') no-repeat center; display: inline-block; width: 25px; height: 32px; margin-right: 10px; float: left; margin-top: -2px; } .uk-modal-dialog-no-padding { padding: 0 !important; } .user-avatar-50 { width: 50px; height: 50px; border-radius: 50%; background-position: top center; background-size: cover; background-repeat: no-repeat } .modal-time { font-size: 12px; color: #666; } .modal-right-title { background: #f5f7f9; padding: 5px; } .tabs-about-restoran { background: #f5f5f5; padding: 15px 40px 0px; } .tabs-about-restoran li.active { background: #fff; border: 1px solid #dbdbdb; border-radius: 5px; border-bottom: none; } .tabs-about-restoran li { /* display: inline-block; padding: 15px 25px 15px 25px;*/ } .tabs-about-restoran li a { font-family: 'OpenSansSemiBold'; font-size: 14px; text-transform: uppercase; color: #000; font-weight: 500; } .box-desc-restoran { padding-bottom: 25px; } .box-desc-restoran:last-child { border-bottom: none; } .uk-open { } .btn-gray, .uk-block-primary .btn-gray { background: transparent; border: 1px solid #d2d2d2; color: #505050; } .restoran-btn-otziv { background: #fb8100; border-radius: 4px; text-align: center; padding: 8px; width: 160px; height: 40px; } .restoran-btn-otziv a { color: #fff; font-size: 16px; display: block; } .btn-orange { color: #fff; background: #fa7600; -webkit-transition: all ease 0.2s; transition: all ease 0.2s; } .btn-orange:hover { background: #fa5800; color: #fff; } .title-menu-restoran a { color: #133e9d; } .title-menu-restoran { margin-top: 10px; } .img-like { color: #63a51d; margin-top: -5px; margin-right: 10px; } .un-like { color: #ff2023; margin-top: 2px; margin-right: 10px; } .gray-time { color: #999999; } .anons-news-restoran { #text-transform: lowercase; } @media (min-width: 768px) and (max-width: 940px){ .btm-restoran-menu { margin-bottom: 20px; } } @media (max-width: 767px){ .small-mt { margin-top: 20px; } .forum-massage iframe, .entity-view-comment-body iframe, .news-view iframe, .afisha-text-block iframe { width: 100% !important; height: auto !important; } } .uk-form-select { display: inline-block; vertical-align: middle; position: relative; overflow: hidden; } .uk-form-select select { position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; cursor: pointer; left: 0; -webkit-appearance: none; } .btn-filter-bottom { text-align: left; width: 100%; padding: 0 0 5px 15px; } .uk-block-primary .uk-button.btn-gray-hover { background: #f5f5f5; color: #505050; } .uk-block-primary .btn-gray-hover:hover { background: #f5f5f5; } .input-search-btn { } .input-search { border: none; background: transparent; border-radius: 0px; cursor: pointer; } .input-search:before { content: ""; background: url('/images/restoran/lupa.png') no-repeat center; width: 20px; height: 35px; display: inline-block; margin-left: 10px; } .input-group { display: -ms-flexbox; display: -webkit-box; display: flex; display: -webkit-flex; width: 100%; margin-bottom: 1rem; -ms-flex-align: stretch; -webkit-box-align: stretch; align-items: stretch; padding: 0px; margin-top: 0; border-radius: 5px; background: #fff; margin-bottom: 0; height: 36px; } .input-group input.uk-form-medium { border: none; } .restoran-form-left { float: left; } .restoran-form-right { float: right; } .pl0 { padding-left: 25px; } .kitchen-schet span a:after { content: ','; } .kitchen-schet span a:last-child:after { content: ''; } @media (max-width: 1219px) { .restoran-form-left { float: none; } } @media (max-width: 767px) { .restoran-form-btn, .restoran-form-btn button { width: 100%; } .uk-padding-restoran { padding: 15px; } .restoran-form-btn { /*margin-bottom: 10px;*/ } .restoran-form-btn button { text-align: left; } .restoran-form-btn button i { margin: 0; float: right; margin-top: 7px; } .restoran-form-right { width: 100%; } .input-group input { width: 100%; } .pl0 { padding-left: 25px; } } .type-zavedenie { /*margin-bottom: 5px;*/ } .type-zavedenie a { color: #999999; } .restoran-raiting { margin: 10px 0; } .restoran-raiting span { margin-left: 10px; } .kitchen-schet { margin-top: 5px; color: #999999; } .kitchen-schet a, .kitchen-schet span { color: #999999; } .search-news-btn { border-radius: 5px; border: 1px solid #d2d2d2; height: 40px; } .user_name:before { content: ''; background: url('/images/chel.png') no-repeat; width: 20px; height: 17px; display: inline-block; margin-top: 3px; float: left; margin-right: 5px; } .razdel-foto a { color: #133e9d; } .foto-comment-user { line-height: 18px; } .foto-comment-user div, .foto-comment-user a { font-size: 14px; } #jq-album-list { /* max-width: 1200px;*/ margin-left: auto; margin-right: auto; display: -ms-flexbox; display: -webkit-box; display: flex; display: -webkit-flex; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; } .foto-form-comment textarea { width: 300px; } .box-btn-fotogal { text-align: right; } @media (max-width: 479px) { .box-btn-fotogal { text-align: center; } .box-btn-fotogal a { display: block; } .box-btn-fotogal a button { width: 170px; margin-top: 10px; } } .comment-form h4 { text-transform: uppercase; font-weight: bold; font-size: 16px; letter-spacing: 2px; } .comment-form { margin-bottom: 10px; } .mobile-menu { padding: 15px; box-shadow: 0px 0px 10px rgba(83, 83, 83, 0.3); position: relative; } .mobile-logo { padding: 0; } .box-icon { } .b-search_top .b-search__close { display: none; } .mobile-logo img { display: block; height: auto; max-width: 100%; padding: 0; } .b-search_top .b-search__field { display: none; padding-left: 50px; font-size: 14px; line-height: 17px; } .btn-mobile-menu { background: transparent; border-radius: 3px; display: block; position: relative; padding: 10px 10px; float: left; border: 1px solid #cccccc; border-radius: 3px; padding-bottom: 5px; } .btn-mobile-menu .bar { /* display: block; width: 23px; margin-bottom: 5px; height: 3px; background-color: #fff; border-radius: 1px; transition: 1s;*/ } .b-search__btn i { /* color: #cccccc; font-size: 23px;*/ } .box-mobile-menu { /*position: relative;*/ } .box-mobile-menu .header-nav-wrapper{ /* background: #535353; border-top: 1px solid #cccccc; margin-top: 0!important;*/ position: relative; top: -100px; z-index: -1; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; } .box-mobile-menu.open-menu .header-nav-wrapper{ /* background: #535353; border-top: 1px solid #cccccc; margin-top: 0!important;*/ top: 200px; z-index: 0; } .mobile-gray { color: #cccccc } @media (max-width: 959px) { .top-bar, .header-nav { display: none; } .mobile-menu { /*display: block;*/ /*margin-left: 0!important;*/ } } .uk-accordion .uk-panel { /*list-style-type: none;*/ /*font-size: 21px;*/ } .uk-accordion .uk-panel li a { /*color: #fff;*/ } .uk-navbar-toggle { font-size: 23px; } .uk-dropdown.top-search { width: 100%; left: 0px; top: 100%; } .address-footer { margin: 0 auto; margin-top: 20px; } .address-footer > div { margin: 0 auto; margin-right: 25px; } .bold { font-weight: bold; } .no-bold { font-weight: normal; } @media (min-width: 640px) and (max-width: 959px) { .header-navbar .dropdown-menu li a { line-height: 13px; } } @media (min-width: 768px) and (max-width: 915px) { .header-search-wrapper { width: 120px; } .header-navbar > li > a { padding: 10px 7px; font-size: 15px; font-weight: bold; } .header-logo { max-width: 125px; margin-right: 10px; } } @media (min-width: 915px) and (max-width: 1000px) { .header-logo { margin-right: 20px; max-width: 135px; } .header-search-wrapper { width: 150px; } .search-group-btn { padding: 0 0px 0 5px; } .header-navbar > li > a { padding: 10px 10px; font-size: 1.05rem; color: #404040; font-weight: bold; } } @media (max-width: 949px) { .address-footer > div { margin: 0 auto; } } @media (min-width: 950px) and (max-width: 1024px) { .address-footer > div { margin: 0 5px; } } @media (min-width: 960px) and (max-width: 1279px) { .header { margin-bottom: 70px!important; } .header-search-wrapper { width: 285px; } .header-logo { margin-right: 20px; } } @media (min-width: 1280px) and (max-width: 1400px) { } @media (min-width: 1401px) and (max-width: 1600px) { .header { margin-bottom: 45px!important; } } .list-pagin li{ list-style-type: none; display: inline-block; color: #999; } .list-pagin li a { color: #999; } .box-sidebar { padding: 20px; background: #f9f9f9; } .text-comment { font-size: 14px; line-height: 20px; margin-bottom: 10px; } .reviews-organizations > div { margin-top: 15px; } #upload-drop a:hover { cursor: pointer; } .all-reviews div { width: 135px; padding-left: 15px; } .positive { border-left: 3px solid #63a51d; padding-left: 20px; } .negative { border-left: 3px solid red; padding-left: 20px; } .neutral { border-left: 3px solid #999; padding-left: 20px; } .reviews-full { padding: 15px 0; } .reviews-full > div:nth-child(1) { /*width: 5%;*/ } #more { text-align: center; margin: 0 auto; width: 77px; display: block; border-bottom: 1px dashed; font-size: 15px; } .share-block ul li { margin-bottom: 5px; margin-right: 10px; } .ya-share2__list_direction_horizontal > .ya-share2__item { margin-bottom: 5px!important; margin-right: 5px!important; margin-left: 5px!important; } .flex-width-1-10 { -webkit-box-flex: 1; -ms-flex: 1 1 10%; flex: 1 1 10%; } .flex-width-9-10 { -webkit-box-flex: 1; -ms-flex: 1 1 90%; flex: 1 1 90%; } .box-vopros { padding: 10px 20px; } .form_block { padding: 40px; } .uk-form.form_block input[type="text"]:focus, .uk-form.form_block input[type="text"]:active, .uk-form.form_block input[type="password"]:focus, .uk-form.form_block input[type="password"]:active { border: none; border-bottom: 1px solid #fb8100; } .uk-form.form_block input[type="text"], .uk-form.form_block input[type="password"] { border: none; border-bottom: 1px solid #999; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; } .btn-vhod { text-transform: uppercase; letter-spacing: 1px; font-weight: bold; height: 50px; font-size: 18px; margin-top: 20px; } .jq-register-button { background: none; border: none; color: #999; padding: 0; font-size: 12px; } .uk-modal-footer .fa-vk { background: #4c74a2; padding: 10px; font-size: 20px; color: #fff; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; } .uk-modal-footer .fa-vk:hover { background: #446892; } .uk-modal-footer .fa-odnoklassniki { background: #ed812b; padding: 10px 15px; font-size: 20px; color: #fff; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; } .uk-modal-footer .fa-odnoklassniki:hover { background: #d57427; } .uk-modal-footer .fa-facebook { background: #3b579d; padding: 10px 15px; font-size: 20px; color: #fff; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; } .uk-modal-footer .fa-facebook:hover { background: #354e8d; } .uk-modal-footer .fa-google { background: #dd483a; padding: 10px 15px; font-size: 20px; color: #fff; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; } .uk-modal-footer .fa-google:hover { background: #c74134; } .uk-form-file { border-radius: 4px; } input[type=radio].css-checkbox { position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; } input[type=radio].css-checkbox + label.css-label { padding-left:27px; height:22px; display:inline-block; line-height:22px; background-repeat:no-repeat; background-position: 0 0; font-size:22px; vertical-align:middle; cursor:pointer; } input[type=radio].css-checkbox:checked + label.css-label { background-position: 0 -22px; } label.css-label { background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_e18b91de46531a0790a36e4fbfe9fc29.png); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .graph div { width: 100%; clear: both; } .bar-title { position: relative; float: left; width: 180px; line-height: 18px; margin-right: 17px; text-align: right; font-size: 16px; margin-bottom: 15px; font-weight: normal; } .bar-container { position: relative; float: left; height: 10px; margin: 0px 0px 15px; width: 175px; } .bar-container div { background-color: #63a51d; height: 20px; float: left; margin-right: 15px; } .uk-modal-dialog.callback { width: 355px; } .uk-modal-dialog.callback input, .uk-modal-dialog.callback textarea, .uk-modal-dialog.callback button.btn-gray, .uk-modal-dialog.callback div.uk-dropdown { width: 100%; } #jq-registration-form input { width: 100%; } .green { color: #63a51d; } .red { color: red; } a.green:hover { color: #63a51d; } a.red:hover { color: red; } .form-reviews-company { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 15px; padding-top: 15px; } .form-reviews-company time { padding-right: 15px; } .uk-width-large-1-7 { width: 14.285%; } .zf .zf-error { color: red; width: 13.4em; top: 0; display: none; } .uk-list a { color: #133e9d; } .avatar-user-comment-org { width: 70px; } .form-errors li { list-style-type: none; color: red; font-size: 14px; } .uk-button.btn-orange-link { display: block; width: 155px; border-radius: 4px; padding: 2px; color: #fff; } .uk-button.btn-orange-link:focus { color: #fff; } #feedback-recaptcha >div { margin: 0 auto; } #section_id i.fa-angle-down { margin-top: 8px; } .jq-modal-report-form-container { padding: 20px 40px; } #report-modal div.uk-modal-footer button { background: #63a51d; } #report-modal .uk-modal-footer { background: none; } .restoran_menu_img { width: auto; height: 220px; } .news-view-comment-item-img img, .entity-view-comment-item-img img { /*height: 50px;*/ width: 100%; height: 50px; width:50px; } .comment-view-avatar-restoran img { width: 85px; max-width: 85px; } .view-restoran-fotogal-img { width: 100%; height: 225px; background-size: cover; } .uk-dropdown.uk-datepicker { padding: 10px 20px; width: auto; } table.uk-datepicker-table > tbody > tr > td a { padding: 0 5px; } .uk-datepicker-table-muted { color: rgba(0, 0, 0, 0.3); } table.uk-datepicker-table > tbody > tr > td a.uk-active { background: #63a51d; color: #fff; } .uk-datepicker-heading { text-align: center; font-weight: bold; } .uk-datepicker-heading span.uk-form-select:first-child { margin-right: 10px; } .fotogal-view-comment-add-form { -webkit-box-flex: 1; -ms-flex: 1 calc(100% - 100px); flex: 1 calc(100% - 100px); } .comment-view-avatar-fotogal img { width: 60px; } .fotogal-view-comment-item { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .fotogal-view-comment-item-img { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 50px; margin-right: 20px; } .fotogal-view-comment-item-message { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; /* Safari 6.1+ */ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 30px; } .fotogal-view-comment-header a { font-size: 17px; color: #133e9d; } .forum-cat > .forum-cat-item-footer{ padding: 5px 0; border: 1px solid #dfdfdf; border-bottom: 0; margin-top: 0; } /* Photogal .jq-gallery-photo-item{ } */ .jq-gallery-photo-item > .photo img{ max-width: 100%; overflow: hidden; height: 200px; overflow: hidden; max-height: 100%; } .jq-gallery-photo-item > .photo { position: relative; } .jq-gallery-photo-item > .photo .info{ display: none; -webkit-transition: width 2s; /* Safari */ transition: width 2s; } .jq-gallery-photo-item > .photo:hover .info{ position: absolute; bottom: 0; padding: 10px; background: rgba(0, 0, 0, 0.5); color: #fff!important; width: 100%; overflow: hidden; display: block; } .profile-avater { width: 80px; } .btn-profile-foto { opacity: 0; } .btn-profile-avatar { /*width: 70%;*/ } @media (min-width: 960px ) and (max-width: 1220px) { #edit-user { padding-left: 20px; font-size: 15px; } .comment-view-avatar-restoran img { width: 65px; max-width: 85px; } } #jq-auth-registration-recaptcha > div { height: auto!important; } .form-errors { text-align: center; } .markItUpContainer { border:none!important; } .button.form-sender.btn-green.uk-button, #bpreview, .brd-radius { border-radius: 4px!important; } .contacts-organization-obl li { list-style-type: none; } .p_title { font-size: 19px; color: #133e9d; } table.TableSearch > tbody > tr > td > img{ margin-bottom: 5px; } .p_green { color: #63a51d } .p_rubr { color: #133e9d; } .search-summary-info i { font-size: 16px; color: #133e9d; } /* Forum table responsive */ @media only screen and (max-width: 760px) { /* Force table to not be like tables anymore */ table.responsive-table-forum, table.responsive-table-forum thead, table.responsive-table-forum tbody, table.responsive-table-forum th, table.responsive-table-forum td, table.responsive-table-forum tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ table.responsive-table-forum thead tr { position: absolute; top: -9999px; left: -9999px; } table.responsive-table-forum tr { border: 1px solid #ccc; } table.responsive-table-forum td { border: none; border-bottom: 1px solid #eee; position: relative; padding: 10px; } table.responsive-table-forum td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } } #subject{ width: 100%; } /* Фотоконкурс */ .konkurs-item-header{ font-size: 25px; line-height: 28px; margin: 0; font-family: Georgia; border-top: 1px dashed #acb5be; margin-top: 30px; padding-top: 25px; margin-bottom: 25px; } h3.konkurs-item-header:nth-child(3){ border: none; } .konkurs-photo-list{ } .konkurs-sponsor{ text-align: center; border: 1px solid #d1d1d1; padding: 20px; border-radius: 4px;} .sponsor-modal{ padding: 20px; } .sponsor-name{ font-family: georgia; font-size: 16px; margin-top: 20px; line-height: 20px; } .konkurs-sponsor:hover{ box-shadow: 0 5px 15px rgba(255, 102, 0, 0.19); border: 1px solid rgba(255, 102, 0, 0.46); cursor: pointer; } .modal-open .modal{ background: rgba(0, 0, 0, 0.34); } .modal-content{ box-shadow: 0 5px 15px rgba(255, 102, 0, 0.19)!important; border: 1px solid rgba(255, 102, 0, 0.46)!important; } .konkurs-preview-img{ background-repeat: no-repeat; background-size: cover; background-position: top center; } /* Общие стили */ .header { margin-bottom: 40px; } .uk-block-primary .uk-button{ background: #fff; color:#505050; border: none; } .uk-subnav-pill > .uk-active > * { background: #fb9900; color: #fff; border-radius: 4px; } .uk-top-cover-background{ background-position: 50% top; background-size: 260px auto; background-repeat: no-repeat; } .uk-margin-right-auto{ margin-right: auto!important; } .uk-margin-left-auto{ margin-left: auto!important; } .uk-dropdown{ padding: 10px 15px; background: #fff; color: #444; border: 1px solid #d2d2d2; font-size: 0.85rem; vertical-align: top; border-radius: 4px; } .uk-nav-dropdown > li > a:hover, .uk-nav-dropdown > li > a:focus{ background: rgb(249, 101, 0); } .btn-green, .uk-block-primary .btn-green{ background: #68ad1f; color:#fff!important; } .btn-green, .btn-green:hover, .btn-green:focus{ background: #63a51d; color:#fff!important; } .uk-block-primary .uk-dropdown .btn-gray { background: transparent; border: 1px solid #d2d2d2; color: #505050; } .uk-block-primary .btn-black, .btn-black{ background: #505050; color: #fff; } .uk-block-primary .btn-black:hover, .uk-block-primary .btn-black:focus, .btn-black:hover, .btn-black:focus{ background: #3e3e3e; color: #fff; } .black{ color: #202020!important; } .black_dark{ color: #000; } .uk-search-custom button{ position: absolute; right: 15px; background: none; border: none; top: calc(100% - 25px); } .uk-form-horizontal-big{ } h2.header-h2{ font-size: 24px; font-family: 'OpenSansSemiBold'; font-style: normal; font-weight: normal; } h4{ font-size: 17px; font-family: 'OpenSansSemiBold'; font-style: normal; font-weight: normal; } h5{ font-size: 14px; line-height: 20px; font-style: normal; font-weight: normal; font-family: 'OpenSansSemiBold'; } .a__time{ font-weight: 400; } /* Работа */ .job-empty-logo{ width: 100%; height: 100%; background: #f1f1f1; position: relative; min-height: 160px; } .job-empty-logo > i{ position: absolute; top: calc(50% - 14px); right: calc(50% - 18px); color: #ccc; font-size: 30px; } .page-header > h1{ font-size: 28px; line-height: 33px; color: #000000; font-weight: 600; margin: 0; font-family: 'Open Sans', sans-serif; } .header-link-inner > a{ font-weight: normal; color: #133e9d; display: block; margin-bottom: 4px; } input.job-search{ /*min-width: 320px;*/ } .blue{ color: #133e9d!important; } .job-view{ font-size: 17px; line-height: 28px; } .uk-padding-top{ padding-top: 30px!important; } .uk-padding-bottom{ padding-bottom: 30px!important; } /* Организации */ .organization-vip-navbar li a{ font-family: 'PT SANS'; font-weight: bold; font-size: 15px; color: #fff; } .organization-list{ -webkit-box-flex: 1; -ms-flex: 1 30%; flex: 1 30%; /*margin-bottom: 40px;*/ } .organization-list > li{ display: inline-block; margin-right: 4px; margin-bottom: 4px; } .organization-list > li:first-child{ display: block; } .organization-list > li:first-child h4{ margin-bottom: 10px; } .organization-list > li > a{ color:#202020; } .organization-vip-map-contacts-block{ position: absolute; z-index: 999; top: 15%; right: 25%; background: #fff; padding: 20px; } .mobile-nav-bg-dark .uk-navbar-toggle:after { color: #fff; } @media (max-width: 480px) { #organization-captcha { transform: scale(.85); margin-left: -15px; } } @media (max-width: 321px){ .organization-vip-map-contacts-block{ padding: 20px 0; position: static; } .uk-small-padding-small{ padding: 20px; } } @media (max-width: 768px) { .mobile-nav-bg-dark{ width: 100%; display: block; height: 42px; padding: 0px 10px; color: #fff; } } /* Страница пользователя */ .user-cat-img{ font-size: 32px; color: #fa7600; } /* Стлайдер новостей на главной странице */ .index-news-slider{ height:440px; } .index-news-slider-desc{ position: absolute; bottom: 0; width: 100%; overflow: hidden; color: #fff; padding: 10px 20px; box-sizing: border-box; background: rgba(0, 0, 0, 0.59); } .index-news-slider-desc h2, .index-news-slider-desc a{ color:#fff; /*display: block;*/ text-shadow: 1px 1px 0px rgb(58, 56, 56); } .index-news-shadow{ position: absolute; width: 100%; height: 60px; bottom: 0; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } @media(max-width: 700px){ .index-news-shadow{ height: 0 !important; } } /* Новости Организаций */ .index-news-company-item{ position: relative; height: 220px; } .index-news-company-item figure{ position: absolute; top: 0; width: 100%; height: 100%; background-size: cover; } .index-news-company-item figure h5{ position: absolute; bottom: 0; color: #fff; padding: 0 20px; z-index: 1; } .index-news-company-item figure h5 time, .index-news-company-item figure h5 a{ color:#fff; } .index-news-company-shadow{ width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.15); } .header-navbar > li.active > a{ color:#fb9900; } .header-navbar > li.active > a:after{ border-bottom: 10px solid #fb9900!important; } .link-place-afisha { line-height: 16px; padding: 5px 10px!important; font-size: 14px; } .btn-restoran-two { text-align: right; } .comment-view-text-restoran { } .comment-view-avatar-restoran { } .header-btn-serch { background: orange; color: #fff; padding: 14px; border: none; cursor: pointer; } .jq-restore-button { background: none; border: none; color: #999; padding: 0; font-size: 12px; cursor: pointer; } .uk-breadcrumb-new > li:nth-child(n+2)::before { content: "/"; display: inline-block; margin: 0 8px; color: #999; } .uk-breadcrumb-new { padding: 0; list-style: none; font-size: 0.001px; } .group-btn-forum a button { margin-top: 15px; } .group-btn-forum { margin-bottom: 10px; } .autor-blog-main { position: absolute; bottom: -10px; } .autor-blog-main a { color: #fb8100; } .blog-main-item { position: relative; } .dropdown-menu.uk-accordion-content.uk-panel li { /*padding: 5px 0;*/ } .uk-accordion > .uk-panel li{ /*padding: 10px 0;*/ } .t_longfore .row { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .t_longfore .c1 { width: 19%; text-align: center; line-height: 1.2em; border: 1px solid #ebeaea; margin-right: 3px; margin-bottom: 3px; } .padding-modal { padding: 20px 40px; } .tabs-about-konsult { background: #f5f5f5; padding: 15px 40px 0px; } .tabs-about-konsult > li > a { font-family: 'Open Sans'; font-size: 14px; text-transform: uppercase; color: #000; font-weight: 600; } h3.header-h2 { font-size: 22px; font-weight: 600; font-family: 'Open Sans'; } h1.header-h2 { font-size: 32px; font-weight: 600; font-family: 'Open Sans'; } .profile-friend-avatar { width: 75px; height: 75px; } .profile-add-friend { background: none; border: none; color: #63a51d; cursor: pointer; } .profile-del-friend { background: none; border: none; color: #999; cursor: pointer; } .profile-icon a:hover h5 { color: #fb8100; } .forum-link-del { border-radius: 5px; padding: 1px 20px; } .drdown-afisha { } .header-avatar { width: 32px; height: 32px; } .share-block.uk-display-inline-block ul { margin: 0; } .view-news-share { text-align: right; } .cat-pravila-forum { padding: 10px 25px; color: #fff; font-size: 18px; background: #c8bfbd; } .cat-pravila-forum-list { border: 1px solid #c8bfbd; padding: 10px 40px; } .box { height: 36px; -webkit-appearance: none; margin: 0; overflow: visible; font: inherit; color: #444; text-transform: none; display: inline-block; box-sizing: border-box; padding: 0 12px; /*background: #eee;*/ vertical-align: middle; line-height: 30px; min-height: 30px; font-size: 1rem; text-decoration: none; text-align: center; border: 1px solid #eee; border-radius: 5px; } .forum-new-message-item { background: #c8bfbd; padding-top: 10px; padding-bottom: 10px; border: none; color: #fff; } .forum-new-message-tema { padding: 30px 0; border: 1px solid #dfdfdf; border-bottom: 0; margin-top: 0; } .forum-new-message-tema:last-child { border-bottom: 1px solid #dfdfdf; } .forum-new-tema-form { padding: 40px 0; } .doska-forum-title { background: #c8bfbd; padding: 10px 20px; border: none; color: #fff; } .doska-item { padding: 10px 0; } .doska-photo { padding: 0px 20px 10px; } .b-rad { border-radius: 3px!important; } @media (min-width: 320px) and (max-width: 639px) { h4 { line-height: 23px; } .index-news-slider-desc h2 { font-size: 16px; line-height: 23px; } .header-slider-btn { /*margin-bottom: 15px;*/ } .index-news-company-item figure h5 { padding: 12px 20px; line-height: 21px; background: rgba(0, 0, 0, 0.5); font-size: 14px; margin: 0; } .banner { text-align: center; } .news-view .news-view-header { font-size: 28px; } #search-news { margin-top: 15px; } .box-btn-afisha, .afisha-place { margin-top: 15px; } .title-page-afisha { width: 100%; } .btm-restoran-menu { margin-bottom: 15px; } .tabs-about-restoran li { /*margin-bottom: 10px;*/ } .restoran-photos-swiper { margin-top: 15px; } .btn-top-vakansia { margin-top: 15px; } .restoran-form-btn { margin-bottom: 10px; } .job-filter-btn { width: 100%; margin-bottom: 10px!important; } .job-filter-btn > button { width: 100%; text-align: left; } .job-filter-btn > button > i.fa-angle-down { float: right; margin-top: 7px; } .job-view-name, .job-view-phone, .job-viewe-mail { margin-bottom: 15px; width: 100%; } .job-empty-logo { margin-bottom: 15px!important; } .btn-top-realty { margin-top: 15px; } .realty-filter > div { width: 100%; margin-bottom: 10px; } .realty-filter > div > button { width: 100%; text-align: left; } .realty-filter > div > button > i { float: right; margin-top: 7px; } .realty-list { width: 100%; margin-right: 0px!important; } .forum-massage{ margin: 15px 0; } .form-forum-table { width: 100%; height: 250px; overflow: hidden; overflow-y: auto; overflow-x: auto; display: block; } .forum-signature { position: relative; bottom: 0; } .forum-quote { max-width: 100%; padding: 10px 10px; font-size: 14px; line-height: 1.4; } .Otz4 { width: 100%!important; } .t_longfore .c1 { width: 100%; margin-right: 0px; margin-bottom: 20px; } .jq-show-add-vacancy-message-modal, .report-button, .share-block { } .title-flat { font-size: 20px; line-height: 25px; } .realty-btn-modal { display: block; margin-bottom: 10px; } .forum-link-del { padding: 1px 15px; font-size: 13px; } .view-news-share { text-align: left; margin: 15px 0; } .profile-user-name { font-size: 27px; } .comment-view-avatar-restoran img { width: 60px; max-width: 60px; } .comment-view-avatar-restoran { display: inline-block; margin-right: 15px; margin-top: 30px; } .top_banner { text-align: center; } } @media (min-width: 320px) and (max-width: 479px) { .uk-width-small-1-10 { width: 20%; } #vk_groups { width: 300px!important; margin: 0 auto; } #vk_groups iframe { width: 100%!important; } .restoran-form-right { margin-top: 10px; } .btn-restoran-two { text-align: left; } h3.job-title { margin-bottom: 10px!important; } object { display: none; } .article-body { height: auto; } } @media (max-width: 428px) { .btn-owner { margin-bottom: 15px; width: 100%; text-align: center; } } @media (min-width: 480px) and (max-width: 639px) { .restoran-form-right { margin-top: 10px; } .btn-restoran-two { text-align: left; } h3.job-title { margin-bottom: 10px!important; } .article-body { height: auto; } } @media (min-width: 640px) and (max-width: 767px) { #search-news { margin-top: 15px; } .restoran-form-btn, .restoran-form-btn button { width: 160px; } .restoran-form-right { margin-top: 10px; } .btn-restoran-two { text-align: left; } .restoran-photos-swiper { margin-top: 15px; } .job-filter-btn { width: 100%; margin-bottom: 10px!important; } .job-filter-btn > button { width: 100%; text-align: left; } .job-filter-btn > button > i.fa-angle-down { float: right; margin-top: 7px; } .view-news-share { text-align: left; margin: 15px 0; } .Otz4 { width: 100%!important; } .form-forum-table { width: 100%; height: 250px; overflow: hidden; overflow-y: auto; overflow-x: auto; display: block; } .forum-signature { position: relative; bottom: 0; } .forum-quote { max-width: 100%; padding: 10px 10px; font-size: 14px; line-height: 23px; } .forum-button { margin-bottom: 0!important; } .t_longfore .c1 { width: 50%; margin-right: 0px; margin-bottom: 20px; } .top_banner { text-align: center; } } @media (min-width: 640px) and (max-width: 959px) { .index-news-company-item figure h5 { padding: 12px 20px; line-height: 21px; background: rgba(0, 0, 0, 0.5); font-size: 14px; margin: 0; } body > div:nth-child(10) > div > div.uk-width-large-2-10.uk-width-small-1-1 > figure.banner { float: left; width: 50%; text-align: center; } body > div:nth-child(10) > div > div.uk-width-large-2-10.uk-width-small-1-1 > br { display: none; } .banner { text-align: center; } } @media (min-width: 768px) and (max-width: 959px) { #search-restoran > div > div > input { width: 80%; } .main-item-photo { /* width: 50%; float: left;*/ } .box-maim-photogal { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .uk-padding-medium-media { padding: 15px!important; } .uk-medium-media-top { margin-top: 15px!important; } .uk-medium-media-bottom { margin-bottom: 15px!important; } .uk-medium-media-left { margin-left: 15px; } .uk-medium-media-right { margin-left: 15px; } .Otz4 { width: 50%!important; } .tabs-about-restoran { padding: 15px 20px 0px; } .job-view-name, .job-view-phone, .job-viewe-mail { margin-bottom: 15px; width: 100%; } .view-news-share { text-align: left; margin: 15px 0; } } @media (max-width: 959px) { #vk_groups { display: none; } } @media (min-width: 960px) and (max-width: 1219px) { h2.header-h2 { /*font-size: 22px;*/ } .index-news-company-item figure h5 { padding: 12px 20px; line-height: 21px; background: rgba(0, 0, 0, 0.5); font-size: 14px; margin: 0; } .uk-button.btn-orange-link { margin-top: 15px; } .restoran-form-right { float: left; margin-top: 10px; } .btn-restoran-two { text-align: left; } .restoran-photos-swiper { margin-top: 15px; } .job-filter-btn { width: 100%; margin-bottom: 10px!important; } .job-filter-btn > button { width: 100%; text-align: left; } .job-filter-btn > button > i.fa-angle-down { float: right; margin-top: 7px; } h3.job-title { margin-bottom: 10px!important; } object { display: none; } .uk-padding-large-media { padding: 15px!important; } .uk-medium-large-top { margin-top: 15px!important; } .uk-medium-large-bottom { margin-bottom: 15px!important; } .uk-medium-large-left { margin-left: 15px; } .uk-medium-large-right { margin-left: 15px; } .Otz4 { width: 50%!important; } #vk_groups { display: none; } .title-flat { font-size: 25px; line-height: 30px; } .db-medium-media { display: block; } .realty-btn-modal { display: block; margin-bottom: 10px; } .job-view-name, .job-view-phone, .job-viewe-mail { margin-bottom: 15px; width: 100%; } .view-news-share { text-align: left; margin: 15px 0; } .header-btn-serch { padding: 10px; } .search-input { width: 90%; height: 32px!important; font-size: 14px!important; } } @media (min-width: 1220px) and (max-width: 1400px) { h2.header-h2 { font-size: 28px; } .input-group > .uk-form-medium{ width: 125px; } .header-navbar > li > a { padding: 20px; } .article-info span { display: block; } #edit-user > div > label { font-size: 14px; } .header-btn-serch { padding: 14px 10px; } .search-input { width: 90%; } } @media (min-width: 1220px) and (max-width: 1285px) { .uk-margin-top-header { margin-top: 15px; } } @media (min-width: 768px) and (max-width: 1023px) { .uk-button.btn-orange-link { margin-top: 15px; } div.uk-width-large-1-2:nth-child(1) > div:nth-child(3) { margin-bottom: 15px; } } @media (min-width: 768px) and (max-width: 959px) { .restoran-form-btn { margin-bottom: 0; } .input-group { width: 145%; } .restoran-form-right { float: right; margin-top: 0; margin-left: 15px; width: 23%; } .restoran-form-left { float: left; } .input-group > .uk-form-medium { width: 120px; } .input-search::before { margin-left: 0; } } @media (min-width: 1280px) and (max-width: 1400px) { .header-navbar .dropdown-menu li a { padding: 8px 10px; } } #jq-photo-gallery-modal-photo-viewer { background: #303030; height: 650px; text-align: center; } .height-40 { height: 40px; } .height-160 { height: 160px; } .height-200 { height: 12.5rem; } .height-225 { height: 225px; } .height-250 { height: 250px; overflow: hidden; } .height-370 { height: 370px; } .overflow-hidden { overflow: hidden; } .margin-top-5 { margin-top: 5px !important; } .padding-left-20 { padding-left: 20px; } .padding-right-20 { padding-right: 20px; } .padding-right-10 { padding-right: 10px; } .padding-top-5 { padding-top: 5px; } #jq-photo-gallery-modal-photo-viewer:before { content: ' '; display: inline-block; vertical-align: middle; /* vertical alignment of the inline element */ height: 100%; } #jq-photo-gallery-modal-photo-viewer img { max-height:100%; display: inline-block; vertical-align: middle; /* vertical alignment of the inline element */ font: 16px/1 Arial sans-serif; /* <-- reset the font property */ } #jq-photo-gallery-modal-photo-name { padding: 10px 0; } .jq-photo-gallery-modal-rating { padding-bottom: 10px; border-bottom: 1px solid #f5f7f9; } .padding-left-0 { padding-left: 0 !important; } .fa-star { color: #ffd916; } .fa-star-o { color: #a7a7a7; } .photo-modal-comment-item .comment-body { font: 13px Tahoma; line-height: 18px; word-wrap: break-word; } .photo-modal-comment-item .user-info { font-weight: bold; font-size: 14px; line-height: 15px; } .photo-modal-comment-item { margin-top: 20px; } #photo-gallery-modal .author-photo-info { padding-left: 10px !important; } form[name=photo-form-comment-modal] textarea { font-size: 13px; } .jq-photo-gallery-modal-nav-left, .jq-photo-gallery-modal-nav-right { position: absolute; display: none; left: 0; z-index: 999; color:#FFF; font-size: 32px; opacity: 0.8; -ms-user-select: none; user-select: none; -moz-user-select: none; -webkit-user-select: none; } .uk-form-file{display:inline-block;vertical-align:middle;position:relative;overflow:hidden} .uk-form-file input[type=file]{position:absolute;top:0;z-index:1;width:100%;opacity:0;cursor:pointer;left:0;font-size:500px} .uk-video-modal-dialog { width: 576px; height: 475px; } .player { display: block; height: 450px; width: 576px; } .forum-list-pagination { text-align: left; } .forum-list-pagination li { padding: 0; } .forum-button { padding: 0px 10px; height: 26px; font-size: 13px; color: #999; border: none; padding: 0; margin: 0 7px; text-decoration: none; font-family: Tahoma; } .Otz4 { padding: 10px 7px 15px 7px; float: left; width: 23%; } .Otz4 .HeaderNews { font-size: 15px; line-height: 21px; } .Otz4 .HeaderNews a { text-decoration: underline; } .hidden { display: none; } .restoran-like { cursor: pointer; } .forum-bottom-pagination-container { border-bottom: 1px solid #dfdfdf !important; padding: 5px !important; } .vazhno-news-mobile-only{ display: none; } .forum-massage{ margin-bottom: 70px; padding: 0 10px 0 0; font-family: verdana; line-height: 21px; font-size: 14px; color: #202020; max-width: 800px; word-wrap: break-word; } /* Шрифты */ @media (min-width: 1026px) and (max-width: 1500px){ body{ font-size: 14px; line-height: 20px; } h5{ font-size: 14px; line-height: 20px; } .news-item-img{ height: 160px; } .index-news-slider{ height: 380px; } .header-navbar .dropdown-menu{ font-size: 14px; margin-top: -22px; } .header-navbar > li > a{ font-size: 16px; } .header-search-wrapper{ width: 330px; } .header-logo{ max-width: 160px; margin-right: 30px; } .header-navbar > li.active > a:after{ margin-top: 6px; } .header-avatar{ width: 32px; height: 32px; } .forum-massage{ max-width: 500px; } } @media (max-width: 1025px){ .index-news-slider-box{ display: none!important; } .vazhno-news-mobile-only{ display: block; } } .index-news-item{ position:relative; height: 440px; overflow: hidden; } @media (min-width: 310px) and (max-width: 1025px){ body{ font-size: 13px; line-height: 20px; } h5{ font-size: 13px; line-height: 20px; } .news-item-img{ height: 160px; } .index-news-slider{ height: 380px; } .header-navbar .dropdown-menu{ font-size: 14px; margin-right: 8px; margin-top: -22px; } .header-navbar > li > a{ font-size: 15px; margin-right: 5px; } .header-search-wrapper{ width: 260px; } .header-logo{ max-width: 140px; margin-right: 20px; position: relative; } .header-navbar > li.active > a:after{ margin-top: 6px; } .header-avatar{ width: 32px; height: 32px; } .index-news-item:last-child{ display: none } .forum-massage{ max-width: 480px; } } @media (min-width: 330px) and (max-width: 660px){ .news-item-img{ height: 220px; } .index-news-item{ position:relative; height: auto; overflow: hidden; } .forum-massage{ padding: 0 10px 0 0!important; } } .action { border-bottom: 1px dotted #fb9900; color: #fb9900; text-decoration: none; } .action:hover { border-bottom: 1px dotted #fb8f29; color: #fb8f29; } .news-company-section-index a { color: #FFF; } .news-company-section-index a:hover { color: #FFF; } .banner-statistic-chart { padding-top: 40px; height: 450px; } .table-bordered td, .table-bordered th { border: 1px solid #DEDEDE; border-collapse: collapse; } .a-background-orange { background: #fb8100; color: #FFF !important; border-radius: 2px; } .a-background-orange:hover { background: #ffa13e; } .banner { text-align: right; position: relative; } .banner > a:nth-child(2):after{ display: none; } .text_commercial { font-size: 12px; color: rgba(0, 0, 0, 0.5); text-align: left; padding-right: 10px; } .uk-text-right .text_commercial { padding-left: 50px; } @media (min-width: 959px) and (max-width: 1025px){ .index-news-item:nth-child(10){ display: none; } } .color-orange-links a { color: #fb8100!important; } .color-orange-links a:hover { color: #fba711 !important; } .news-no-comments { padding-bottom: 20px; text-align: center; color: #666; } .news-comments-need-auth, .entity-comments-need-auth { text-align: center; } .viktorina-winner-block{ padding-left: 20px; background: rgba(255, 165, 0, 0.19); padding: 20px; border-radius: 20px; } .viktorina-user-item{ margin-bottom: 7px; color: #fb8100; } /* Версия для печати */ .afisha-price { font-weight: bold; color: #41a741; } .public ul, .public ol, .block-text-visitka ul, .block-text-visitka ol { padding-left: 20px !important; } .afisha-text-block ul, .afisha-text-block ol { padding-left: 20px !important; } .first-word-upper:first-letter { text-transform: uppercase !important; } .normal-h3 { font-size: 14px !important; } .ul-padding-left-20 ul { padding-left: 20px; } .jq-restoran-comment-body img:not([src^='/chat/']) { max-width: 100px; margin-left: 5px; cursor: pointer; } .forum_widget_first_item .forum-widget-item a{ font-weight: bold; color: red; font-family: 'OpenSansSemiBold'; } .top-border-line{ border-top: 5px solid #f7a504; padding-top: 20px; } .float-img{ max-width: 400px; float: left; margin-right: 30px;} @media (max-width: 1280px){ .float-img{ max-width: none; } } .plus18{ font-size: 56.5px!important; color: rgba(255, 255, 255, 0.24); line-height: 1; font-weight: 300; font-family: OpenSansLight; } .plus18.inner{ position: absolute; top:0; right: 0; color: #d2d2d2; } @media(max-width: 768px){ .plus18{ font-size: 32.5px!important; color: rgba(255, 255, 255, 0.24); line-height: 1; font-weight: 300; font-family: OpenSansLight; } .plus18.inner{ position: static; top:0; right: 0; color: #d2d2d2; margin-right: 10px; } .forum-message-number { opacity: 0; } } .for_links > div > a, .for_links > a { color: #fb8100; } .like-seti .hidden-print .uk-width-xlarge-1-4:first-child iframe{ /*overflow: hidden;*/ max-height: 30px; } .photo-uploader-container .preview-photo-container{ display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; } .photo-uploader-container .preview-photo-container .image-item{ width: 100px; height: 100px; position: relative; border-radius: 3px; margin-bottom: 10px; margin-right: 10px; margin-top: 10px; } .photo-uploader-container .preview-photo-container .image-item .uploaded-image-delete{ position: absolute; right: 5px; top: 5px; background: url(/images/error_icon.png) no-repeat center center; width: 24px; height: 24px; border: 0; cursor: pointer; } .photo-uploader-container .preview-photo-container .image-item.image-item-progress{ border: 1px solid #f1f1f1; } .photo-uploader-container .preview-photo-container .image-item.image-item-progress:after{ content: ''; background: url(/images/preloader.gif) no-repeat center center; width: 64px; height: 64px; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); background-size: 100%; } .photo-uploader-container .uploader-drop-zone.uk-dragover{ position: relative; border: 1px dashed #dddddd; padding: 50px; color: #999; border-radius: 3px; margin: 20px 0; } .photo-uploader-container:hover .uploader-drop-zone.uk-dragover:after{ content: 'Перетащите сюда изображение'; position: absolute; color: #999; top: 50%; left: 50%; transform: translate(-50%, -50%); } .photo-uploader-container .uploader-drop-zone.uk-dragover .uk-form-file{ display: none; } .btn-neutral{ border: 1px solid rgba(0,0,0,.2); border-bottom-color: rgba(0,0,0,.3); background-origin: border-box; background-image: -webkit-linear-gradient(top,#fff,#eee); background-image: linear-gradient(to bottom,#fff,#eee); border-radius: 0; text-shadow: 0 1px 0 #fff; } .btn-negative, .btn-negative:hover{ border: 1px solid rgba(255, 54, 54, 0.2); border-bottom-color: rgba(130, 1, 1, 0.3); background-origin: border-box; background-image: -webkit-linear-gradient(top,#ff7979,#f15656); background-image: linear-gradient(to bottom,#ff7979,#f15656); border-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; color: #fff; } .btn-success, .btn-success:hover{ border: 1px solid rgb(105, 171, 34); border-bottom-color: rgb(59, 99, 16); background-origin: border-box; background-image: -webkit-linear-gradient(top,#95dc48,#7bb33f); background-image: linear-gradient(to bottom,#95dc48,#7bb33f); border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; color: #fff; } .btn-neutral.uk-active{ background-color: #f5f5f5; color: #666; border-color: rgba(0,0,0,.2); border-top-color: rgba(0,0,0,.3); background-image: none; box-shadow: inset 0 2px 4px rgba(0,0,0,.1); } .btn-success.uk-active{ background-image: -webkit-linear-gradient(top,#63a51d,#95dc48); background-image: linear-gradient(to bottom,#63a51d,#95dc48); color: #fff; border-color: rgba(0,0,0,.2); border-top-color: rgb(88, 148, 24); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.32); } .btn-negative.uk-active{ background-image: -webkit-linear-gradient(top,#ff0000,#f16f6f); background-image: linear-gradient(to bottom,#ff0000,#f16f6f); color: #fff; border-color: rgba(0,0,0,.2); border-top-color: rgba(0,0,0,.3); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.42); } /*заменен на главной .uk-flex, .uk-flex-space-between, .uk-flex-wrap*/ .index-page-news__arrows{ display: flex; justify-content: space-between; flex-wrap: wrap; } /*замененн на главной .border-1 */ .index-page-news__arrows .uk-button{ background: transparent; border: 1px solid #b8b8b8; } .index-page-news__arrows .uk-button:hover{ background: #fb9900; border: 0; color: #fff; } .restoran-raiting_item__link{ color: #000; font-size: 16px; text-decoration: underline; } .site-block-preloader { height: 100%; position: absolute; width: 100%; background: rgba(255,255,255,0.5); z-index: 99; display: none; align-items: center; justify-content: center; } .box-desc-restoran ol, .box-desc-restoran ul { padding-left: 30px; } #my-id ul, #my-id ol { list-style-position: inside; padding-left: 15px; } .entity-view-comment-item-message { max-width: 100%; } .box_img_search { display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; overflow: hidden; border-radius: 50%; margin-right: 10px; } .panel_admin { font-size: 18px; padding: 0; margin-bottom: 35px; } #about-restoran-tabs-content form[name=add-restoran-comment-form] a { color: #000; } .uk-button.bg-transparent:focus { background-color: transparent; } .block_all_news { display: none; } footer .footer_text { align-items: flex-end; color: rgba(0, 0, 0, 0.7); } footer .footer__inner .column-5-1 { min-width: 150px; flex: 5 1; } footer .footer__inner .column-1-1 { min-width: 150px; flex: 1 1; } footer .banner__block a:after, .banner a:after, .top_banner a:after { content: ''; display: block; font-size: 12px; color: rgba(0, 0, 0, 0.5); } .top_banner { position: relative; } .top_banner > a:nth-child(2) { left: 0; right: auto; } .top_banner > a:nth-child(2):after { display: none; } /*доставка на главной*/ .product-delivery { background-color: #F0F5FC; margin-top: 65px; padding-top: calc((100vw - 320px)/(1920 - 320) * (70 - 30) + 30px); padding-bottom: calc((100vw - 320px)/(1920 - 320) * (70 - 30) + 30px); } .product-delivery__banner { margin-bottom: 35px; } .product-delivery .section-header-inner { margin-bottom: 30px; } .product-delivery__title { text-transform: uppercase; font-size: calc((100vw - 320px)/(1920 - 320) * (36 - 21) + 21px); font-family: 'Product Sans'; margin-right: 70px; margin-bottom: 0; } .product-delivery__btn-swiper span { background-color: #fb8100; } .product-delivery__count-organization { font-family: 'Product Sans'; color: #fb8100; text-decoration: underline; line-height: 1.3; font-size: calc((100vw - 320px)/(1920 - 320) * (20 - 17) + 17px); } .product-delivery__btn-swiper_arrow { background-color: #fb8100; border-radius: 50%; display: flex; justify-content: center; align-items: center; width: calc((100vw - 320px)/(1920 - 320) * (54 - 40) + 40px); height: calc((100vw - 320px)/(1920 - 320) * (54 - 40) + 40px); cursor: pointer; } .product-delivery__btn-swiper_arrow.product-left { margin-right: 15px; } .product-swiper { margin-bottom: 45px; } .product-swiper__slide { background-color: #fff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); border-radius: 4px; font-weight: 600; font-size: 16px; } .product-swiper__slide_content { padding: 25px; font-family: 'OpenSansSemiBold'; min-height: 260px; } .product-swiper__slide_img { background-size: 100%; background-position: center; background-repeat: no-repeat; width: 225px; max-width: 100%; /*width: 100%;*/ height: 165px; margin:0 auto; margin-bottom: 20px; } .product-swiper__slide_img img { display: none; } @media(max-width: 1280px) { .product-swiper__slide_img { width: 200px; } } @media(max-width: 1220px) { .product-swiper__slide_img { width: 200px; } } @media(max-width: 992px) { .product-swiper__slide_img { width: 280px; } } @media(max-width: 768px) { .product-swiper__slide_img { width: 200px; } } @media(max-width: 640px) { .product-swiper__slide_img { width: 100%; background-image: none!important; height: auto; } .product-swiper__slide_img img { display: block; margin: 0 auto; width: 100%; height: auto; } } .product-delivery__data { height: 190px; overflow: hidden; } @media(max-width: 640px){ .product-delivery__data { height: auto; } } .product-swiper__slide_category { text-transform: uppercase; font-size: 11px; color: #FB8100; margin-bottom: 5px; } .product-swiper__slide_name { margin-bottom: 10px; } .product-swiper__slide_desc { font-family: 'PT Sans', sans-serif; color: #717171; font-weight: 400; } .product-swiper__slide-bottom { border-top: 1px solid #E2E2E2; padding: 25px; font-weight: 400; min-height: 95px; /* font-family: 'PT Sans', sans-serif; */ } .product-swiper__slide-bottom_time { margin-bottom: 5px; } .product-swiper__slide-bottom_time svg { margin-left: 2px; margin-right: 13px; } .product-swiper__slide-bottom_status-delivery svg { margin-right: 10px; } .add-organization { background-color: #FB8100; font-weight: bold; color: #fff; display: flex; font-size: 16px; align-items: center; border-radius: 3px; order:1; } .add-organization:before { content: '+'; display: block; font-size: 35px; padding: 10px; border-right: 1px solid rgba(255, 255, 255, 0.4); } .add-organization > div { padding: 10px; } .add-organization:hover, .add-organization:focus { color: #fff; } .product-swiper__pagination { width: 50%; order:2; } .product-pagination { right: 0; } .product-pagination span { background-color: #C6C6C6; border: 3px solid transparent; width: 13px; height: 13px; margin-right: 10px; } .product-pagination span.swiper-pagination-bullet-active { border-color: #fb8100; background-color: transparent; } .product-pagination span:last-child { margin-right: 0px; } .product-swiper__slide-bottom_status-delivery.not--delivery svg path{ fill: #BEBEBE; } @media (max-width: 1200px) { .product-delivery__count-organization { line-height: 1.6; } } @media (max-width: 992px) { .product-delivery__btn-swiper { display: none; } } @media (max-width: 768px) { .product-delivery__title, .product-delivery__count-organization { margin-bottom: 10px; } } @media (max-width: 480px) { .product-swiper__pagination { order: 1; height: 35px; } .product-pagination { right: auto; left: 0; } .add-organization { order:2; } } /*блок картинка-название-цена*/ .card__item { padding-left: 10px; padding-right: 10px; margin-bottom: 50px; } .card__img { width: 100%; height: 190px; background-repeat: no-repeat; background-size: cover; background-position: center; } .no-photo { background-image: url('/images/inc/no-photo.png')!important; background-color: #E8E8E8; background-size: auto; } /*--------------*/ @media(max-width: 767px){ .banner { text-align: center; } } .print-block-banner-wrapper { margin-left: auto; font-family: 'PT Sans', sans-serif; position: absolute; bottom: 0; left: 0; border-radius: 4px; background: rgba(0, 0, 0, 0.60); color: #FFF !important; font-size: 11px !important; font-weight: 700 !important; line-height: normal !important; display: flex; gap: 5px; padding: 4px 8px; text-align: center; } .top_banner a img { width: 100%; } .print-block-info-wrapper { margin-left: auto; color: #444; font-family: 'PT Sans', sans-serif; font-size: 12px; font-weight: 400; line-height: 20px; } .top-banner-wrapper .print-block-info-wrapper { display: flex; gap: 10px; } .position-relative { position: relative; }
/css/2.0/
Имя
Дата
Размер
..
2019-12-13
bootstrap
2019-05-07
plugins
2017-02-14
snow
2019-12-13
base.css
2018-09-04
176 кб.
base.min.css
2019-09-02
129 кб.
corona.css
2021-11-08
844 байт
corona.css~
2020-04-15
643 байт
font-awesome.min.css
2026-03-02
30 кб.
font-awesome.min.css~
2017-02-14
30 кб.
ionicons.css
2016-11-29
56 кб.
ionicons.min.css
2016-11-29
50 кб.
jquery.scrollbar.css
2016-12-27
52 кб.
jquery.scrollbar.min.css
2017-06-13
42 кб.
layout.css
2026-03-02
116 кб.
layout.css~
2023-09-05
116 кб.
layout.min.css
2017-06-13
73 кб.
layout_back.css
2020-02-19
109 кб.
organization.css
2020-04-10
1 кб.
print.css
2023-07-03
809 байт
print.css~
2017-08-01
749 байт
prod.min.css
2017-02-14
252 кб.
swiper.min.css
2017-01-31
17 кб.
text.css
2016-12-26
1 кб.
vip-organization.css
2019-08-08
22 кб.
/css/2.0
Загрузить файлы
Файл 1
Файл 2
Файл 3
..
