@font-face { font-family: 'Vinque'; font-display: swap; src: url('/fonts/vinque.eot'); src: local('Vinque'), url('/fonts/vinque.eot?#iefix') format('embedded-opentype'), url('/fonts/vinque.woff') format('woff'), url('/fonts/vinque.svg') format('svg'), url('/fonts/vinque.ttf') format('truetype'); font-weight: 500; font-style: normal; } /* fira-sans-regular - latin_cyrillic-ext */ @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/fira-sans-v15-latin_cyrillic-ext-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('/fonts/fira-sans-v15-latin_cyrillic-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/fira-sans-v15-latin_cyrillic-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/fira-sans-v15-latin_cyrillic-ext-regular.woff') format('woff'), /* Modern Browsers */ url('/fonts/fira-sans-v15-latin_cyrillic-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/fira-sans-v15-latin_cyrillic-ext-regular.svg#FiraSans') format('svg'); /* Legacy iOS */ } /* fira-sans-500 - latin_cyrillic-ext */ @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fonts/fira-sans-v15-latin_cyrillic-ext-500.eot'); /* IE9 Compat Modes */ src: local(''), url('/fonts/fira-sans-v15-latin_cyrillic-ext-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/fira-sans-v15-latin_cyrillic-ext-500.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/fira-sans-v15-latin_cyrillic-ext-500.woff') format('woff'), /* Modern Browsers */ url('/fonts/fira-sans-v15-latin_cyrillic-ext-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/fira-sans-v15-latin_cyrillic-ext-500.svg#FiraSans') format('svg'); /* Legacy iOS */ } /* fira-sans-600 - latin_cyrillic-ext */ @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/fira-sans-v15-latin_cyrillic-ext-600.eot'); /* IE9 Compat Modes */ src: local(''), url('/fonts/fira-sans-v15-latin_cyrillic-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/fira-sans-v15-latin_cyrillic-ext-600.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/fira-sans-v15-latin_cyrillic-ext-600.woff') format('woff'), /* Modern Browsers */ url('/fonts/fira-sans-v15-latin_cyrillic-ext-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/fira-sans-v15-latin_cyrillic-ext-600.svg#FiraSans') format('svg'); /* Legacy iOS */ } body { padding: 0; margin: 0; font-size: 15px; font-weight: 500; font-family: 'Fira Sans', 'Roboto', sans-serif; color: #2C1F0E; } section { padding: 100px 0; } ul, li, li, h1, h2, h3, h4, p, a { padding: 0; margin: 0; } h3 { font-size: 24px; line-height: 150%; margin-bottom: 15px; color: #481D0B; } h2 { font-size: 24px; margin-top: 30px; color: #481D0B; } h1 { color: #481D0B; font-size: 2rem; } a, a:focus, a:hover, a:active { outline: none; box-shadow: none; color: #6D4D4D; } a, a:hover, a:active, a:focus, button, input, button:hover, button:active, button:focus, input:focus, input:active { text-decoration: none; outline: none !important; } a:hover { color: #FF9000; transition: all .2s linear; } a { color: #752C0E; } p a { text-decoration: underline; } input[type=checkbox]:checked + label:before { color: red; } ul { list-style-type: none; } ul.usual{ list-style-type: disc; margin-top: 0; margin-bottom: 1rem; padding-left: 40px; } ul.rating li{ display:inline-block; width: 320px; padding:45px 0 45px 30px; background:#f7fbfe; margin: 0 30px 30px 0; } ul.rating li a{ font-size: 16px; display:block; padding: 3px 0 0 50px; height:30px; } .rating_1{ background: url(/images/icons/rating-icon1.png) no-repeat left center; } .rating_2{ background: url(/images/icons/rating-icon2.png) no-repeat left center; } .rating_3{ background: url(/images/icons/rating-icon3.png) no-repeat left center; } .rating_4{ background: url(/images/icons/rating-icon4.png) no-repeat left center; } ::-webkit-input-placeholder { /* Chrome */ /*color: #b7b7b7;*/ } :-ms-input-placeholder { /* IE 10+ */ /*color: #b7b7b7;*/ } ::-moz-placeholder { /* Firefox 19+ */ /*color: #b7b7b7; opacity: 1;*/ } :-moz-placeholder { /* Firefox 4 - 18 */ /*color: #b7b7b7;*/ } .content-main { padding-bottom: 80px; } .act { height: 50px; display: inline-block; text-align: center; background: #FF9839; border-radius: 3px; font-size: 13px; line-height: 20px; text-transform: uppercase; color: #FFFFFF; font-weight: 700; padding-left: 55px; padding-right: 55px; padding-top: 16px; z-index: 10; position: relative; letter-spacing: 0.02em; width: 250px; } .act__white { background: transparent; border: 1px solid #FF9839; color: #2C1F0E; cursor: pointer; } .act:hover { background: #FF7A00; text-transform: uppercase; color: #fff; transition: all .2s linear; } .act:active, .act:focus { text-transform: uppercase; } .act:focus { background: #FB8E00; color: #fff; } .act__arrow { font-size: 15px; line-height: 23px; color: #FF9839; position: relative; display: inline-block; margin-top: 10px; } .act__arrow::before { content: ""; width: 19px; height: 8px; display: block; position: absolute; background-image: url(../images/arrow-btn.svg); background-repeat: no-repeat; right: -29px; top: 7px; } .act__arrow:hover { color: #FF7A00; } .arrow-link { text-transform: uppercase; font-weight: 700; font-size: 9px; line-height: 22px; position: relative; } .arrow-link:hover, .arrow-link:focus { text-transform: uppercase; font-weight: 700; font-size: 9px; line-height: 22px; color: #FF9000; transition: all .2s linear; } .arrow-link::after { content: ""; width: 15px; height: 8px; display: block; position: absolute; background-image: url(../images/Arrow4.svg); background-repeat: no-repeat; right: -22px; top: 3px; } .arrow-link:hover::after { background-image: url(../images/Arrow3.svg); transition: all .2s linear; } .wrapper { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .wrapper-item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap; } .bolder { font-weight: 700; } .section__title { font-weight: 600; font-size: 12px; line-height: 16px; text-transform: uppercase; color: #481D0B; display: inline-block; border-bottom: 2px solid #481D0B; } .section__title-menu { color: #896F5F; position: relative; display: inline-block; border-bottom: 2px solid #896F5F; padding-left: 20px; } .section__title-menu::before { content: ""; position: absolute; display: block; width: 14px; height: 14px; top: 1px; left: 0; background-repeat: no-repeat; } .section__title-menu::after { content: ""; position: absolute; display: block; width: 14px; height: 14px; top: 3px; left: 0; background-repeat: no-repeat; } .section__title-menu--1::before { background-image: url(../images/sidebar-icon1.svg); } .section__title-menu--2::before { background-image: url(../images/sidebar-icon2.svg); } .section__title-menu--3::before { background-image: url(../images/sidebar-icon3.svg); } .section__title-menu--4::before { background-image: url(../images/sidebar-icon4.svg); } .section__title-menu--5::before { background-image: url(../images/sidebar-icon5.svg); } .section__title-menu--6::before { background-image: url(../images/sidebar-icon6.svg); } .section__title-menu--7::before { background-image: url(../images/sidebar-icon7.svg); } .section__title-menu--8::before { background-image: url(../images/sidebar-icon8.svg); } .section__title-menu--9::before { background-image: url(../images/sidebar-icon9.svg); } .sidebar-menu__lists { border-top: 1px solid #E7E5E2; margin-top: -1.5px; } .sidebar-menu__link { font-size: 15px; line-height: 23px; color: #2C1F0E; } .sidebar-menu__link-active { font-size: 15px; line-height: 23px; color: #FF9000; } .sidebar-menu__link-active:hover{ color: #2C1F0E; } .rel { position: relative; } .sidebar-menu__item { margin-bottom: 3px; } .main__title { margin-bottom: 30px; } .section-cubs { margin-top: 60px; } .block__text { color: #2C1F0E; } .cubs-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } /*Первый экран*/ .header { margin-bottom: 40px; } .header-panel { min-height: 98px; background-color: #FCF7EC; } .header-offer{ } .logo-block { position: absolute; margin-top: 10px; left: -5px; } .logo-block--footer { margin-top: 0; } .logo-block span { } .header-search { padding-top: 18px; } .logo { width: 173px; height: 165px; display: flex; align-items: center; } .logo img { max-width: 100%; height: auto; width: 90%; } .header__mail { } .logo__text { font-family: 'Vinque', 'Arial', serif; font-size: 16px; line-height: 19px; color: #F7F4E7; display: block; margin-top: 20px; } .header__mail::before { content: ""; position: absolute; display: block; width: 20.08px; height: 20.08px; top: 0px; left: 0; background-image: url(../images/mail.png); background-repeat: no-repeat; } .header__search-link { font-size: 11px; line-height: 8px; text-transform: uppercase; color: #481D0B; display: inline-block; border-bottom: 1px dashed #481D0B; padding-bottom: 3px; margin-top: 50px; position: relative; margin-left: 30px; } .header__search-link::before { content: ""; position: absolute; display: block; width: 16px; height: 16px; top: -2px; left: -21px; background-image: url(../images/search2.svg); background-repeat: no-repeat; } .header__search-link:hover { text-transform: uppercase; border-bottom: 1px dashed #FF9839; } .login-user__link { font-size: 11px; line-height: 17px; text-transform: uppercase; color: #481D0B; padding-left: 20px; position: relative; display: block; margin-top: 46px; margin-left: 30px; display: flex; justify-content: flex-end; } .auth { position: relative; } .auth::before { content: ""; position: absolute; display: block; width: 14px; height: 14px; top: 1px; left: -20px; background-image: url(../images/entrain.svg); background-repeat: no-repeat; } .login-user__link:hover { text-transform: uppercase; } .login-user__link span { } .header-search__label { font-size: 13px; line-height: 8px; color: rgba(44, 31, 14, 0.8); } /*Поиск*/ .header-search__field { background: #FFFFFF; border: 1px solid #F3EBDE; box-sizing: border-box; border-radius: 3px; outline: none!important; height: 30px; } .btn-search { height: 30px; background: #FF9839; border-radius: 0px 3px 3px 0px; position: relative; width: 65px; border-color:none!important; border: 0; } .form-control:focus { box-shadow: none; } .btn-search:hover { background-color: #FF7A00; } .btn-search::before { content: ""; position: absolute; display: block; width: 13px; height: 13px; margin-left: -6.5px; top: 30%; left: 50%; background-image: url(../images/search.svg); background-repeat: no-repeat; } .input-group--search { margin-bottom: 5px; } .header-offer { height: 320px; background-image: url(../images/banner-header.jpg); } .offer__title { font-family: 'Vinque', 'Arial', serif; font-size: 50px; line-height: 60px; color: #fff; margin-bottom: 13px; } .offer__text { font-family: 'Vinque', 'Arial', serif; font-size: 15px; line-height: 24px; color: #003053; margin-bottom: 30px; } .offer { margin-top: 40px; } .offer__span { font-size: 28px; font-family: 'Vinque', 'Arial', serif; color: #fff; } .offer__text { font-size: 18px; color: #fff; font-family: 'Vinque', 'Arial', serif; } .header-menu { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; align-items: center; align-items: flex-start; } .nav-main { padding-top: 15px; } .header-panel__list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; height: 55px; align-items: center; padding-top: 4px; } .header-menu__wrap { background-color: #311307; color: #fff; } .overlay-menu { display: none; } .menu-mobile { display: none; width: 100%; position: absolute; background: #311307; top: 150px; width: 50%; right: 0; z-index: 1000; } .header-panel__link--inner { position: relative; } .header-panel__link--inner::before { content: ""; position: absolute; display: block; width: 7.88px; height: 5px; margin-left: -6.5px; top: 5px; right: -15px; background-image: url(../images/menu-arrow.svg); background-repeat: no-repeat; } .header-panel__link--inner:hover:before { background-image: url(../images/menu-arrow-orange.svg); } /*Гамбургер*/ #menu-icon { display: none; margin-bottom: 7px; width: 24px; height: 30px; float: left; -webkit-transform: rotate(0); transform: rotate(0); transition: .5s ease-in-out; cursor: pointer; margin-top: 3px; margin-bottom: 7px; position: absolute; right: 15px; top: 116px; z-index: 500; } #menu-icon span { display: block; position: absolute; height: 3px; width: 100%; background: #fff; border-radius: 9px; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #menu-icon span:nth-child(1) { top: 4px; } #menu-icon span:nth-child(2) { top: 11px; } #menu-icon span:nth-child(3) { top: 18px; } #menu-icon.open span:nth-child(1) { top: 14px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } #menu-icon.open span:nth-child(2) { opacity: 0; left: -60px; } #menu-icon.open span:nth-child(3) { top: 14px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .overlay-menu { display: none; background: #a1c2e3; } .fade { opacity: 1; } .dropdown-menu { display: none; position: absolute; width: 300px; min-height: 423px; top: 30px; left: -30px; background: #311307; border-radius: 3px 3px 0px 0px; z-index: 1000; color: #fff; padding: 0; } .dropdown-menu .header-panel__item { padding-top: 20px; padding-bottom: 15px; padding-left: 30px; border-bottom: 1px solid #58392D; margin-right: 0; } /*Модальное окно*/ .popup__add .close, .popup__add2 .close, .popup__add3 .close { color: #fff; font-size: 1.8rem; font-weight: 400; } .popup-form .close { color: #fff; font-size: 1.8rem; font-weight: 400; } .popup__add .modal-content, .popup__add2 .modal-content, .popup__add3 .modal-content { background: #101010; color: #fff; border: 1px solid #fff; } .close { color: #fff; } .popup__add .modal-body, .popup__add2 .modal-body, .popup__add3 .modal-body { padding: 5px 30px 25px 30px; } .popup__text { margin-bottom: 10px; } .popup__text i { margin-right: 13px; } .modal-header--auth { background: #311307; border-radius: 3px 3px 0px 0px; /*height: 60px;*/ } .modal-title { margin: 0 auto; text-align: center; color: #fff; text-transform: uppercase; font-size: 20px; } .popup-user label { font-size: 15px; line-height: 23px; color: #2F1307; } .popup-user .modal-body { padding: 30px 50px; } .popup-user .popup-user__field { height: 50px; } .popup-user .popup-user__field:focus { border: 1px solid #F3EBDE; } .popup-user__check { font-size: 15px; line-height: 23px; color: #2F1307; margin-right: 7px; } .form-group--pass { position: relative; } .popup-user__btn { padding-top: 5px; margin-right: 20px; } .popup__form-link { font-size: 13px; line-height: 20px; text-decoration-line: underline; color: #752C0E; } .popup-user__link { position: absolute; right: 0; } .popup-check__label { margin-left: 5px; margin-bottom: 20px; } .header-panel__nav { height: 55px; } .nav-main { margin-top: 10px; z-index: 100; } .header-panel__link { font-weight: 600; font-size: 13px; line-height: 18px; text-transform: uppercase; color: #fff; } .header-panel__item { margin-right: 70px; } .header-panel__item:last-child { margin-right: 0; } .header-panel__link:hover { color: #FF9000; transition: all .2s linear; text-transform: uppercase; } .header-panel__link:focus { text-transform: uppercase; } .nav-main__link { color: #fff; font-size: 12px; line-height: 18px; text-transform: uppercase; display: block; margin-right: 38px; padding-bottom: 10px; line-height: 3; margin-top: 10px; } .close { margin-right: 20px; color: #fff; font-size: 2.5rem; cursor: pointer; margin-top: -9px; opacity: 1; font-weight: 500; position: absolute; right: 20px; top: 9px; } .popup-menu .modal-content { border-radius: 0; background: #E2F0F9; border: 0; min-height: 1000px; } .popup-menu .modal-dialog { width: 50%; margin-top: 0; margin-right: 0; } .popup-menu .modal-body { padding: 1px; padding-top: 30px; padding-left: 50px; padding-right: 40px; } .popup-menu .header__phone { display: inline-block; margin-bottom: 20px; padding-left: 28px; } .popup-menu .header__mail { display: block; margin-bottom: 25px; } .popup-menu .social { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 0.5px solid #C6DBEE; } .popup-menu .header-panel__link { margin-bottom: 20px; display: block; } .popup-menu .social__link { margin-right: 30px; } .modal-open .modal { background: rgb(249,252,252,0.7); } #overlay { display: none; position: fixed; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.68); left: 0px; top: 0px; cursor: pointer; z-index: 10; } #thx { background: #E2F0F9; box-shadow: 0px 4px 13px 0px rgba(4, 4, 4, 0.38); background-position: 100% 0; position: absolute; left: 50%; margin-left: -276px; top: 25%; padding: 25px; text-align: center; width: 502px; height: 413px; border-radius: 8px; } .popup-form .modal-content { background-color: #E2F0F9; padding: 50px 30px 40px 30px; width: 400px; margin: 0 auto; } .contacts-form__title { font-weight: bold; font-size: 22px; line-height: 20px; color: #001A2D; margin-bottom: 10px; } .contacts__form-text { font-weight: normal; font-size: 14px; line-height: 20px; color: #001A2D; margin-bottom: 30px; } .popup-form__field { background: #FFFFFF; border-radius: 3px; width: 100%; height: 50px; padding-left: 15px; } .popup-form__btn { width: 100%; border-radius: 3px; height: 60px; padding-top: 3px; border: none; } .popup-form__credit { font-weight: normal; font-size: 12px; line-height: 16px; color: #B5B5B5; margin-top: 10px; } .thanks-wrap { margin-top: 100px; } .popup-thanks__title { font-size: 26px; line-height: 32px; font-weight: 700; } /*Лоадер формы*/ #loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(240, 240, 240, 0.91); overflow: hidden; display: none; } #loader img { position: absolute; width: 50px; height: 50px; left: 50%; margin-left: -25px; top: 50%; margin-top: -25px; } /*10 сообщений*/ .main-wrapper { padding: 30px 70px 35px 45px; background-position: center; } .main-wrapper { background-image: url(../images/paper2.jpg); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; border-radius: 3px; margin-bottom: 30px; } .main-table { border-top: 1px solid #E7E5E2; margin-top: -1.5px; padding-top: 20px; width: 100%; text-align: left; } /*td, th { width: 2%; }*/ .main-table__item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; margin-bottom: 7px; } .main-table__text { font-size: 15px; line-height: 19px; color: #2C1F0E; } .main-table__msg { font-size: 13px; line-height: 8px; color: #6D4D4D; } .main-table__link { font-size: 15px; line-height: 23px; color: #752C0E; } .main-table__comment { font-size: 13px; line-height: 20px; color: #999999; } .col70 { width: 65%; margin-right: 5%; } .col60 { width: 55%; margin-right: 5%; } .col30 { width: 30%; } .col50 { width: 45%; margin-right: 5%; } .col20 { width: 20%; } .col10 { width: 10%; } .main-table__author { font-size: 15px; line-height: 20px; color: #752C0E; } .table__remark-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; padding-top: 7px; margin-top: 23px; border-top: 1px solid #DDD6BF; } .table__remark { padding-top: 13px; font-size: 13px; line-height: 16px; color: #B0A99E; } .banner-large { width: 100%; background-repeat: no-repeat; height: 210px; margin-bottom: 60px; border-radius: 3px; display: block; } .logo-mobile--footer { display: none; } .logo-desktop--footer { display: block; } /*Левое меню*/ .sidebar-menu__wrap { margin-bottom: 30px; } .sidebar-menu__wrap--main { margin-top: 30px; } .sidebar-menu__lists { padding-top: 16px; } .banner-small { width: 209px; height: 116px; background-repeat: no-repeat; background-image: url(/images/nhl.jpg); margin-bottom: 40px; border-radius: 3px; display: block; } .sidebar-menu__pegas { font-size: 18px; line-height: 20px; color: #752C0E; } /*Новости*/ .section-news { margin-bottom: 20px; } .news-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .billet__item { margin-right: 30px; margin-bottom: 30px; width: 33%; } .billet__item:nth-child(3n) { margin-right: 0; } .date { font-size: 13px; line-height: 20px; color: #AD9494; display: block; text-align: right; } .block-img { height: 200px; width: 100%; border-radius: 3px; background-repeat: no-repeat; margin-bottom: 15px; background-size: cover; background-position: center; } .news__btn { margin-bottom: 30px; margin-right: 20px; } /*Новые добавления*/ .fon { padding: 6px; background: #F7FBFE; border-radius: 3px; height:100%; } .s12 { font-size:12px !important; } .additions { margin-top: 60px; margin-bottom: 20px; } .additions-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; } .additions__item { padding: 25px 40px 40px 44px; background: #F7FBFE; border-radius: 3px; margin-right: 30px; margin-bottom: 30px; width: 48%; } .additions__item:nth-child(2n) { margin-right: 0; } .additions__title { font-size: 18px; line-height: 20px; margin-bottom: 25px; font-weight: 600; margin-top: 10px; color: #752C0E; margin-bottom: 25px; display: block; } .main-text { font-size: 14px; line-height: 18px; } .author { font-size: 14px; line-height: 18px; color: #2C1F0E; margin-top: 30px; } .author__link { color: #752C0E; } /*Подвал*/ .footer { background-color: #26120A; color: #fff; padding: 70px 0 80px 0; margin-top: -2px; } .logo-block--footer { position: static; } .header-panel__list--footer { border: none; height: auto; } .header-panel__nav--footer { margin-top: 0; margin-left: 0; } .header-panel__nav--footer { height: auto; } .header-panel__list--footer { flex-direction: column; align-items: baseline; } .header-panel__link--footer { font-size: 12px; line-height: 16px; text-transform: uppercase; font-weight: normal; color: #F7F4E7; margin-bottom: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .header-panel__link--footer:hover { text-transform: uppercase; transition: all .2s linear; color: #FF9000; } .header-panel__nav--right { margin-left: 50px; } .footer-credits { padding-top: 35px; border-top: 0.5px solid #674F45; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; margin-top: 23px; } .copyright { font-size: 13px; line-height: 20px; color: #674F45; } .copyright-link { font-size: 13px; line-height: 20px; color: #674F45; } .header__phone--footer { margin-bottom: 20px; display: block; padding-left: 28px; } .footer__link { width: 88px; height: 31px; background-repeat: no-repeat; } .footer__link-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-top: 15px; } .footer__link--1 { background-image: url(../images/footer-icon1.jpg); margin-right: 20px; } .footer__link--2 { background-image: url(../images/footer-icon2.jpg); } .footer__contacts { font-size: 16px; line-height: 20px; color: #F7F4E7; } /*Хлебные крошки*/ .breadcrumb { background-color: #fff; margin-top: 15px; margin-bottom: 13px; padding-left: 0; border-bottom: 1px solid #E7E5E2; width: fit-content; padding-bottom: 2px; padding-right: 0; border-radius: 0; } .breadcrumb a { margin-left: 17px; margin-right: 10px; color: #2F1307; font-size: 13px; } .breadcrumb a:hover { color: #FF9839; } .breadcrumb-item+.breadcrumb-item::before { content: ""; width: 17px; height: 8px; background: url(../images/arrow-bread.svg)no-repeat; } .breadcrumb-item:first-child a { margin-left: 0; } .breadcrumb-item.active { color: #B0A99E; font-size: 13px; padding-top: 2px; } .breadcrumb-item+.breadcrumb-item.active::before { padding-left: 30px; } /*Внутренние страницы*/ .logo--inner { width: 110px; height: 98px; } .logo__text--inner { margin-top: 8px; } .login__img { width: 28px; height: 28px; } .login__img img { max-width: 28px; max-height: 28px; } .login__author { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-top: 38px; justify-content: flex-end; position: relative; } .login__title { margin-left: 10px; margin-top: 7px; position: relative; max-width: 100%; font-size: 14px; line-height: 17px; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; margin: 0; position: absolute; right: -11px; top: 7px; display: block; } .dropdown-menu--auth { min-height: 180px; left: 0px; width: auto; } .title-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; margin-top: 36px; } .inner-title { margin-top: 10px; margin-bottom: 30px; } .nav-group { width: 35%; margin-left: 30px; } .filter-search { padding-top: 13px; } .input-group--inner { margin-bottom: 25px; } .inner-search { background: #FFFFFF; border: 1px solid #F3EBDE; box-sizing: border-box; border-radius: 3px; height: 36px; } .btn-search-inner { height: 36px; border-top-left-radius: 0; border-bottom-left-radius: 0; background: #FF9839; text-transform: uppercase; border:0; padding-left: 30px; padding-right: 30px; font-size: 12px; font-weight: 600; } .btn-search-inner:hover { background: #FF7A00;; } .links-block { display: flex; justify-content: flex-end; } .links-block__link { font-weight: 600; font-size: 12px; line-height: 19px; color: #752C0E; text-transform: uppercase; margin-right: 20px; cursor: pointer; } .links-block__link:hover { color: #FF9000; transition: all .2s linear; } .links-block__link-active{ font-weight: 600; font-size: 12px; line-height: 19px; text-transform: uppercase; margin-right: 20px; color: #FF9000; } .links-block__link:last-child { margin-right: 0; } .title-text { margin-top: -20px; font-size: 18px; line-height: 20px; color: #2F1307; margin-bottom: 15px; } .title__link-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; padding-left: 35px; margin-bottom: 30px; } .title__link { color: #752C0E; margin-bottom: 5px; } .inner-wrapper { padding: 35px 35px 35px 40px; background-image: url(../images/paper4.jpg); background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; margin-bottom: 30px; border-radius: 3px; } .inner-upper { padding-bottom: 40px; border-bottom: 1px solid rgba(176, 169, 158, 0.5); margin-bottom: 30px; } .title-remark { font-size: 12px; line-height: 20px; text-transform: uppercase; color: #896F5F; margin-bottom: 5px; } .title-other { font-size: 24px; line-height: 20px; color: #2F1307; font-weight: 600; margin-bottom: 24px; display: block; } .main-text--author { line-height: 22px; } .series-btn-block { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .review__btn { width: 190px; padding-left: 15px; padding-right: 15px; padding-top: 8px; font-weight: 500; height: 36px; font-size: 12px; cursor: pointer; } .review__btn--series { width: 230px; height: 36px; margin-top: 25px; padding-left: 20px; padding-right: 20px; padding-top: 9px; font-weight: 500; cursor: pointer; } .review-count { margin-top: 33px; margin-left: 15px; padding-left: 35px; font-size: 15px; line-height: 23px; color: #752C0E; position: relative; } .review-count::before { content: ""; position: absolute; display: block; width: 26px; height: 26px; top: -3px; left: 0; background-image: url(../images/review-icon1.svg); background-repeat: no-repeat; } .review-count--zero { color: #B0A99E; } .review-count--zero::before { background-image: url(../images/review-icon2.svg); } .inner-down { padding-left: 50px; margin-top: 30px; padding-bottom: 40px; border-bottom: 1px solid rgba(176, 169, 158, 0.5); margin-bottom: 50px; } .inner-down:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .work-wrap { margin-bottom: 25px; } .author-selection { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; } .author-selection__img { width: 158px; height: 236px; border-radius: 3px; margin-right: 30px; display: block; background-repeat: no-repeat; background-size: contain; background-position: center; } .author-selection__desc { width: 45%; } .main-text__link { text-decoration: underline; } .author-selection__rating { margin-top: 10px; } .rating-result { margin-right: 5px; margin-top: 1px; } .rating-result { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; font-size: 15px; } .rating-result span { padding: 0; font-size: 40px; line-height: 1; color: lightgrey; text-shadow: 1px 1px #bbb; margin-right: 4px; } .rating-result > span:before { content: ''; width: 14px; height: 14px; display: block; background: url(../images/star-half.png); background-repeat: no-repeat; } .rating-result > span.active:before { content: ''; width: 14px; height: 14px; display: block; background: url(../images/star.png); background-repeat: no-repeat; } .rating-result > span.active { color: gold; text-shadow: 1px 1px #c60; } .rating-result > span.empty:before { content: ''; width: 14px; height: 14px; display: block; background: url(../images/star-empty.png); background-repeat: no-repeat; } .rating-result > span.empty { color: gold; text-shadow: 1px 1px #c60; } .review-select { background: transparent; margin-left: 14px; border: 0; outline: none; border-bottom: 1px dashed #752C0E; cursor: pointer; } .review-select:hover { border-bottom: 1px dashed #FF9839; } .book__btn { position: relative; } .book__btn span { position: absolute; bottom: -24px; left: 0; text-transform: none; } .rating-result__text { font-size: 13px; line-height: 20px; color: #1A1A1A; } .author-selection__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .rating-result__text span { color: #896F5F; margin-right: 3px; } .comment-link { font-size: 13px; line-height: 20px; color: #A2A2A2; font-weight: 500; } .author-selection__lists { margin-top: 10px; } .author-selection__list { } .author-selection__list span { font-size: 12px; line-height: 19px; text-transform: uppercase; } .review-block { width: 190px; display: flex; flex-direction: column; align-items: flex-start; position: relative; } .review-golos{ font-size: 14px; line-height: 22px; color: #752C0E; } .review-select { font-size: 14px; line-height: 22px; color: #752C0E; margin-bottom: 15px; } .review-block::before { content: ''; width: 14px; height: 14px; display: block; position: absolute; background: url(../images/star.png); background-repeat: no-repeat; top: 0; left: 0; } .review-select option { border-bottom: 1px dashed #752C0E; } .review__add { margin-top: 18px; font-size: 10px; line-height: 15px; text-transform: uppercase; color: #752C0E; position: relative; margin-left: 20px; border-bottom: 1px dashed #752C0E; cursor: pointer; } .review__add::before { content: ''; width: 14px; height: 14px; display: block; position: absolute; background: url(../images/plus.svg); background-repeat: no-repeat; top: 1px; left: -19px; } .review__add:hover { border-bottom: 1px dashed #FF9839; } .book-btn-wrap { margin-top: 30px; padding-bottom: 30px; } .book__btn { width: auto; height: 36px; font-size: 12px; line-height: 19px; padding-left: 25px; padding-right: 25px; margin-right: 20px; margin-bottom: 30px; padding-top: 9px; cursor: pointer; } .book__btn--download { background: #752C0E; color: #fff; } /*Пагинация*/ .page-link { color: #2C1F0E; } .page-item.active { background: #FF9839; } .page-link:hover { color: #fff; background-color: #FF9000; border: 1px solid #F3EBDE; } .pagination { margin-top: 50px; } .page-item.active .page-link { border-color: #FF9000; background-color: #FF9000; } .search-block__btns .btn-default { width: 30px; height: 32px; background: #FCF7EC; border-radius: 1px; margin-right: 10px; margin-bottom: 10px; text-transform: uppercase; font-size: 14px; line-height: 25px; color: #2F1307; max-width: 30px; } .search-block__btn:hover { color: #FF9839; } .search-block__btn.focus, .search-block__btn:focus { box-shadow: 0 0 0 0.2rem rgba(255,152,27,0.5); } .search-block__btns-active { width: 30px; height: 32px; background: #FCF7EC; border-radius: 1px; margin-right: 10px; margin-bottom: 10px; text-transform: uppercase; font-size: 14px; line-height: 25px; color: #FF9839; max-width: 30px; padding: 3px 0 0 0; box-shadow: 0 0 0 0.2rem rgba(255,152,27,0.5); } .search-block__btns { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; margin-bottom: 30px; } .input-group--letter { width: 49%; margin-right: 30px; } .inner-search__group-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-top: 20px; justify-content: space-between; margin-bottom: 10px; } .input-group--letter:nth-child(2) { margin-right: 0; } .header--inner { margin-bottom: 20px; } .inner-search__table td { padding: 13px 20px; border-radius: 3px; } .table-gray { table-layout: fixed; width: 100%; } .table-gray tr:nth-child(odd){ background: #F7FBFE; } .table-brown tr:nth-child(odd){ background: #FCF7EC; } .search__letter { margin-bottom: 20px; font-size: 18px; font-weight: 600; line-height: 28px; text-transform: uppercase; } .inner-search__table-link { font-size: 16px; } .inner-search__table-link--author { font-size: 14px; } .inner-search__table__text--remark { font-size: 13px; line-height: 20px; } span.spanTextDropdown { position: absolute; top: 0px; left: 0px; font-family: Tahoma; z-index: 101; background-color: #f0f0f0; border: 1px solid #a43f13; padding: 4px 4px 4px 4px; overflow: visible; display: none; } .review-section { margin-top: 100px; } .review__title { margin-top: 0; font-size: 24px; line-height: 20px; color: #2F1307; color: #481D0B; display: inline-block; border-bottom: 1px solid #481D0B; padding-bottom: 5px; position: relative; margin-bottom: 0; } .review__title--wrap { border-bottom: 1px solid #DDD6BF; margin-bottom: 30px; } .review-wrapper { padding-bottom: 35px; margin-bottom: 30px; border-bottom: 0.5px solid rgba(176, 169, 158, 0.5); } .review__login { margin-bottom: 10px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: baseline; } .review__date { margin-right: 12px; } .review__link { margin-right: 15px; line-height: 20px; } .review__link-icon { width: 15px; height: 13px; display: block; } .review__link-icon--1 { background-image: url(../images/profile-icon1.svg); background-repeat: no-repeat; } .review__link-icon--1:hover { background-image: url(../images/profile-icon1-or.svg); } .review__link-icon--2 { background-image: url(../images/profile-icon2.svg); background-repeat: no-repeat; } .review__link-icon--2:hover { background-image: url(../images/profile-icon2-or.svg); } .review-container { border-radius: 10px; padding: 30px 30px 30px 30px; position: relative; margin-top: 20px; } .review-container::before { content: ''; position: absolute; top: -7px; left: 40px; width: 15px; height: 15px; background: #F7FBFE; transform: rotate(45deg); } .review-wrapper:nth-child(even) .review-container, .review-wrapper:nth-child(even) .review-container::before { background: #F7FBFE; } .review-wrapper:nth-child(odd) .review-container, .review-wrapper:nth-child(odd) .review-container::before { background: #FCF7EC; } .review__title-text { margin-top: 0; } .review-conteiner__text { } .review-wrapper:last-child { border-bottom: 0; } .table-search { font-size: 13px; font-weight: 400; } .td-search-color{ color: rgb(165, 60, 16); font-weight: 500; } .btn-button { height: 36px; background: #FF9839; text-transform: uppercase; border:0; padding-left: 30px; padding-right: 30px; font-size: 12px; font-weight: 600; } .btn-button:hover { background: #FF7A00;; } .popover_profile{ cursor: pointer; } .list-group-item{ cursor: pointer; } .list-group-item:hover{ background-color: #e2e3e5; }