@charset "UTF-8"; #cookies_alert { background: #fff; background: rgba(255,255,255, .9); position: fixed; z-index: 5000; bottom: 0; left: 0; right: 0; width: 100%; padding: 10px 0; box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, .2); display: none; } #cookies_alert p { color: #212529; line-height: 1.1; text-align: justify; font-size: 80%; margin: 0; } #cookies_alert a { color: #212529; text-decoration: underline; } #cookies_alert .cookies_text { display: grid; grid-template-columns: 1fr auto; } #cookies_alert .cookies_text .accept { padding-left: 25px; text-align: right; } #cookies_alert .cookies_text .mini { display: none; } @media (max-width: 1000px) { #cookies_alert .cookies_text .full { display: none; } #cookies_alert .cookies_text .mini { display: block; } } footer { text-align: center; background-color: #f9f9f9; border-top: 1px solid #e5e5e5; padding: 20px 0; margin: 20px 0 0 0; } footer p { color: #666; margin: 0; font-size: 14px; } footer p.sm { font-size: 12px; } footer p b { font-size: 16px; font-family: 'officinasansboldsccbold'; color: #e6332a; } footer p a { color: #666; text-decoration: none; } footer p a:hover { color: #333; } footer p.msm { display: none; } footer p.msm a { display: inline-block; font-family: 'officinasansboldsccbold'; font-size: 14px; color: #666; border-bottom: 1px dashed #666; margin: 2px 8px; line-height: 1; white-space: nowrap; } @media (max-width: 768px) { footer p span { display: none; } footer p.sm { display: none; } footer p.msm { display: block; } } footer div { text-align: left; color: #666; } footer div a { color: #666; text-decoration: none; } footer div a:hover { color: #666; } footer div b a { font-family: 'officinasansboldsccbold'; } footer ul { margin: 0; padding: 0; list-style: none; } footer ul li { margin: 0; padding: 0 0 0 10px; line-height: 1.2; } header .head { margin: 5px 0 10px 0; } header .head .logo img { float: left; margin-right: 15px; } header .head .logo { line-height: 1; } header .head .logo a { color: #646363; font-size: 24px; font-family: 'officinasansboldsccbold'; text-decoration: none; } header .head .logo b { display: block; color: #e6332a; font-size: 32px; margin: 10px 0 5px 0; } header .head .phone { text-align: right; font-family: 'officinasansboldsccbold'; line-height: 1; } header .head .phone .up { margin-top: 0px; margin-bottom: 8px; line-height: 1; } header .head .phone .up a { text-decoration: none; color: #e6332a; font-size: 16px; border-bottom: 1px dashed #dcdcdc; margin-left: 20px; } header .head .phone .big { text-align: right; font-size: 30px; color: #646363; font-family: 'officinasansboldsccbold'; line-height: 1; } header .head .phone .rotate small { display: block; margin-top: 8px; color: #646363; font-size: 12px; } header .head .phone .rotate small b { font-size: 14px; color: #e6332a; border-bottom: 1px dashed #dcdcdc; } header .head .phone .rotate b.email { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23646363' d='M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 14px; background-position: left center; padding-left: 18px; } header .head .phone .rotate .dropdown-menu { border: 1px solid #e6332a; } header .head .phone .rotate .dropdown-menu .dropdown-item { text-align: right; } header .head .phone .rotate .dropdown-menu .dropdown-item a { font-size: 12px; } header .head .phone .rotate .dropdown-menu .dropdown-item a b { font-size: 14px; color: #e6332a; } header .head .contact { text-align: center; } header nav.navbar { background-color: #e6332a; padding: 5px 0 0 0; } header nav.navbar .navbar-brand { color: #fff; text-decoration: none; padding-left: 35px; background-image: url('/img/nav_logo.svg'); background-repeat: no-repeat; background-position: left; background-size: 30px 30px; } header nav.navbar .navbar-brand:hover, header nav.navbar .navbar-brand:focus { color: #ccc; } header nav.navbar .navbar-nav .nav-link { color: #fff; font-family: 'officinasansboldsccbold'; font-size: 20px; text-decoration: none; padding: 10px 5px 8px 5px; border-radius: 15px 15px 0 0; border-bottom: none; transition: all .20s ease-out; } header nav.navbar .navbar-nav .nav-link:hover, header nav.navbar .navbar-nav .nav-link:focus { background: rgba(255,255,255,0.25); } header nav.navbar .navbar-nav .show > .nav-link, header nav.navbar .navbar-nav .active > .nav-link, header nav.navbar .navbar-nav .nav-link.show, header nav.navbar .navbar-nav .nav-link.active { color: #e6332a; background: #fff; } header nav.navbar .navbar-toggler { color: #fff; border-color: rgba(255, 255, 255, 0.3); } header nav.navbar .navbar-toggler i { /* background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22rgba(255,255,255,0.8)%22%20d%3D%22M256%208C119.043%208%208%20119.083%208%20256c0%20136.997%20111.043%20248%20248%20248s248-111.003%20248-248C504%20119.083%20392.957%208%20256%208zm0%20110c23.196%200%2042%2018.804%2042%2042s-18.804%2042-42%2042-42-18.804-42-42%2018.804-42%2042-42zm56%20254c0%206.627-5.373%2012-12%2012h-88c-6.627%200-12-5.373-12-12v-24c0-6.627%205.373-12%2012-12h12v-64h-12c-6.627%200-12-5.373-12-12v-24c0-6.627%205.373-12%2012-12h64c6.627%200%2012%205.373%2012%2012v100h12c6.627%200%2012%205.373%2012%2012v24z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); */ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.6 17.6 0 0 0 4.168 6.608 17.6 17.6 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.68.68 0 0 0-.58-.122l-2.19.547a1.75 1.75 0 0 1-1.657-.459L5.482 8.062a1.75 1.75 0 0 1-.46-1.657l.548-2.19a.68.68 0 0 0-.122-.58zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.75 1.75 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z'/%3E%3C/svg%3E"); } header nav.navbar .navbar-text { color: rgba(255, 255, 255, 0.5); } header nav.navbar .navbar-text a { color: #fff; } header nav.navbar .navbar-text a:hover, header nav .navbar-text a:focus { color: #fff; } header nav.navbar .nav-mobile { padding: 5px 0 5px 0; margin: 5px 0 5px 0; text-align: center; border-top: 1px dashed #fff; } header nav.navbar .nav-mobile a { display: inline-block; font-family: 'officinasansboldsccbold'; text-align: center; padding: 5px 10px; margin: 5px; border-radius: 3px; font-size: 14px; line-height: 1; } header nav.navbar .nav-mobile .nav-lk { border: 1px solid #ddd; background-color: #1b828c; color: #fff; } header nav.navbar .nav-mobile .nav-ttn { background-color: #ddd; color: #212529; border: 1px solid #1b828c; } /* header nav .dropdown:hover>.dropdown-menu { display: block; } */ header .contact-brand { padding: 5px 0 0 0; border: 1px solid #1b828c; background-color: #ddd; line-height: 1; border-radius: 3px; } header .contact-brand .name { position: relative; display: inline-block; padding: 0 5px 0 17px; font-size: 24px; color: #e6332a; font-family: 'officinasansboldsccbold'; text-decoration: none; border-bottom: 1px dashed transparent; } header .contact-brand .name:hover { border-bottom-color: #e6332a; } header .contact-brand .name:before { content: ''; line-height: 1; position: absolute; left: 0; top: 0; bottom: 0; width: 16px; background-image: url(/img/map_pin.svg); background-size: contain; background-position: left; background-repeat: no-repeat; opacity: 0.4; } header .contact-brand .name:hover::before { opacity: 0.8; } header .contact-brand .adr { padding: 0 5px; font-size: 14px; margin: 0px 0 5px 0; color: #212529; } header .contact-brand .adr a { text-decoration: none; color: #212529; } header .contact-brand .tel { padding: 0 5px; font-family: 'officinasansboldsccbold'; font-size: 16px; font-weight: bold; color: #212529; } header .contact-brand .tel a { color: #212529; text-decoration: none; } header .contact-brand .more { display: block; color: #fff; background: #1b828c; margin-top: 5px; padding: 2px 0; border-radius: 0 0 3px 3px; font-size: 14px; } header .contact-department { display: none; } header .contact-department .department { padding: 0; margin: 0 0 8px 0; } header .contact-department .department b { display: block; line-height: 1; margin: 0; padding: 0; font-family: 'officinasansboldsccbold'; font-size: 14px; text-align: center; color: #fff; padding: 4px; background: #e6332a; border-radius: 3px 3px 0 0; } header .contact-department .department div { font-family: 'officinasansboldsccbold'; font-size: 16px; padding: 4px; border: 1px dashed #e6332a; border-top: none; border-radius: 0 0 3px 3px; line-height: 1.1; color: #333; text-align: left; clear: both; } header .contact-department .department div::after { display: block; content: ""; clear: both; } header .contact-department .department span { float: right; } header .contact-department .department a { display: block; text-align: right; color: #333; } @media (max-width: 768px) { header .contact-department { display: block; margin-top: 10px; } header .contact-brand { margin-top: 10px; } nav.navbar { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; box-shadow: 0 .125rem .25rem rgba(0,0,0,.25)!important; } body { padding-top: 45px; } } .navbar-toggler:focus, .navbar-toggler:active { outline: 0; } .navbar-toggler { border: none; background: transparent !important; } .navbar-toggler span { width: 22px; height: 2px; background-color: #fff; display: block; transition: all 0.2s; margin-bottom: 4px } .navbar-toggler .top-bar { transform: rotate(45deg); transform-origin: 10% 10%; } .navbar-toggler .middle-bar { opacity: 0; } .navbar-toggler .bottom-bar { transform: rotate(-45deg); transform-origin: 10% 90%; } .navbar-toggler.collapsed .top-bar { transform: rotate(0); } .navbar-toggler.collapsed .middle-bar { opacity: 1; } .navbar-toggler.collapsed .bottom-bar { transform: rotate(0); } .dropdown:hover > .dropdown-menu { display: block; } .dropdown-menu { margin: 0; padding: 5px 0 10px 0; border-radius: 0 0 5px 5px; border: 3px solid #e6332a; border-top: none; box-shadow: 0 .5rem 1rem rgba(0,0,0,.25)!important; background: #fff; } .active .dropdown-menu { margin-left: -3px; } .active .dropdown-menu.dropdown-menu-right { margin-left: 0; margin-right: -3px; } .dropdown-menu a { color: #212529; border-bottom: 1px dashed #dcdcdc; text-decoration: none; } .dropdown-menu a:hover { color: #e6332a; border-bottom: 1px dashed #e6332a; text-decoration: none; } .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item:hover { background: #f8f9fa; } .dropdown-submenu:hover>.dropdown-menu { display: block; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -7px; margin-left: 0; border: 2px solid #e6332a; border-radius: 0 5px 5px 5px; } .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #e6332a; margin-top: 5px; margin-right: -10px; } .hot-department2 { display: block; padding: 0; margin: 0 0 8px 0; text-decoration: none; } .hot-department2 b { display: block; line-height: 1; margin: 0; padding: 0; font-family: 'officinasansboldsccbold'; font-size: 16px; text-align: center; color: #333; padding: 4px; background: #ddd; border-radius: 3px 3px 0 0; } .hot-department2 div { font-size: 16px; padding: 4px 8px; border: 1px dashed #999; border-top: none; border-radius: 0 0 3px 3px; line-height: 1.2; color: #000; } .hot-department2 a, .hot-department2 span { display: block; text-align: right; color: #000; } a.hot-department2:hover { text-decoration: none; box-shadow: 1px 1px 5px rgba(0,0,0,0.2); } a.hot-department2:hover b { text-decoration: underline; } .hot-department { display: block; text-align: left; padding: 0; margin: 0 0 10px 0; border: 1px solid #e6332a; border-radius: 3px; background: #ddd; list-style: none; } .hot-department li { display: block; line-height: 1; margin: 0; padding: 0; font-family: 'officinasansboldsccbold'; font-size: 16px; color: #333; padding: 5px; } .hot-department .head { text-align: center; color: #fff; background: #e6332a; } .hot-department .phone { } .hot-department .email { text-align: right; } .hot-department li a { text-decoration: none; border-bottom: 1px dashed #fff; color: #333; } .hot-department li span { border-bottom: 1px dashed #fff; } .hot-lk { display: block; background: #1b828c; color: #fff; text-align: center; font-family: 'officinasansboldsccbold'; font-size: 22px; padding: 10px; margin: 0 0 10px 0; border-radius: 3px; text-decoration: none; } .hot-lk:hover { color: #ccc; text-decoration: none; } .hot-calc { display: block; background: #5e8b0d; color: #fff; text-align: left; font-family: 'officinasansboldsccbold'; font-size: 20px; padding: 10px 10px 10px 55px; margin: 0 0 10px 0; border-radius: 3px; text-decoration: none; line-height: 1.1; position: relative; } .hot-calc:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 5px; width: 100%; background: url(/img/svg/online_calculator_white.svg); background-repeat: no-repeat; background-position: left center; background-size: 40px 40px; transition: all .1s ease-out; } .hot-calc:hover { color: #fff; text-decoration: none; } .hot-calc:hover:before { background-size: 50px 50px; left: 0; } .hot-track { display: block; text-align: left; padding: 10px; margin: 0 0 10px 0; border: 1px solid #1b828c; border-radius: 3px; background: #ddd; } .hot-track b { font-family: 'officinasansboldsccbold'; font-size: 16px; color: #333; display: block; margin-bottom: 5px; } .hot-link { margin: 15px 0; } .hot-link ul { list-style: none; margin: 0; padding: 0; } .hot-link ul li { margin: 0; padding: 0; } .hot-link ul li a { display: block; border-bottom: 1px dashed #dcdcdc; margin: 10px 0 10px 0; padding: 0 0 10px 0; position: relative; min-height: 45px; padding-left: 55px; line-height: 1.2; color: #1b828c; font-size: 18px; text-decoration: none; } /* .hot-link ul li:last-child a { border-bottom: none; } */ .hot-link ul li a:hover { text-decoration: none; color: #333; } .hot-link ul li a div { display: inline-block; position: absolute; left: 0; top: 0; width: 50px; text-align: center; } .hot-news { margin-top: 30px; } .hot-news > a { display: block; text-align: center; color: #1b828c; text-decoration: none; text-transform: uppercase; font-family: 'officinasansboldsccbold'; font-size: 20px; margin: 0 0 10px 0; } .hot-news ul { list-style: none; margin: 0; padding: 0; } .hot-news ul li { margin: 0; padding: 0; } .hot-news ul li a, .hot-news ul li span { display: block; margin: 0 0 15px 0; line-height: 1.2; font-size: 16px; text-decoration: none; color: #333; } .hot-news ul li a.red { color: #e6332a; } .hot-news ul li a:hover { text-decoration: none; color: #000; } .hot-news ul li a b, .hot-news ul li span b { display: block; font-family: 'officinasansboldsccbold'; font-size: 16px; color: #333; } .chess .row > div { padding: 0 5px 10px 5px; } .chess div .oche { display: block; border: 2px solid #999; border-radius: 5px; text-decoration: none; padding-bottom: 50px; position: relative; text-align: center; color: #e6332a; line-height: 1.2; font-size: 20px; text-decoration: none; } .chess div .oche div { color: #1b828c; height: 150px; font-family: 'officinasansboldsccbold'; line-height: 1.2; font-size: 30px; padding-top: 15px; } .chess div .oche img { position: absolute; left: 0; right: 0; bottom: 5px; display: block; /* 260x150 */ width: 64px; height: auto; margin: 0 auto; opacity: 0.4; transition: all .25s ease-out; } .chess div .oche:hover img { opacity: 0; } .chess div .oche span { position: absolute; text-align: left; left: 0; bottom: 5px; padding: 5px 10px; width: 70%; font-size: 15px; color: #fff; background-color: #e6332a; border-radius: 0 3px 3px 0; transition: all 0.3s ease-out; line-height: 1.1; } .chess div .oche:hover span { left: 5px; border-radius: 3px; } .chess div .oche p { position: absolute; text-align: left; left: 0; right: 0; bottom: 0; max-height: 0; overflow: hidden; padding: 0 10px; margin: 0; font-size: 14px; color: #fff; background-color: #e6332a; border-radius: 0 3px 3px 0; transition: all 0.3s ease-out; line-height: 1.1; } .chess div .oche:hover p { max-height: 200px; padding: 5px 10px; } .chess div .oche .brls { color: #5e8b0d; height: 365px; font-family: 'officinasansboldsccbold'; line-height: 1.1; font-size: 18px; padding-top: 10px; } .chess div .oche .brls b { display: block; color: #1b828c; font-size: 24px; margin-bottom: 5px; } .chess div .oche .brls strong { display: block; font-weight: normal; border-bottom: 1px dashed #dcdcdc; padding: 4px 10px; text-align: left; } .chess div .oche .brls strong a { color: #5e8b0d; } .chess div .oche .brls strong a.r { float: right; } div.carousel ol.carousel-indicators { bottom: -25px; } div.carousel ol.carousel-indicators li { background-color: #1b828c; height: 5px; } div.carousel ol.carousel-indicators li.active { background-color: #e6332a; } div.carousel div.carousel-inner { margin-bottom: 15px; } div.carousel div.carousel-inner img { border: 2px solid #e6332a; border-radius: 5px; /*outline: 1px solid #e6332a; outline-offset: -1px;*/ } .solution ul { margin: 0; padding: 0; list-style: none; } .solution ul li { line-height: 1.2; margin: 5px 5px 5px 0; font-size: 14px; } .solution ul li a { color: #212529; } .solution ul li a:before { content: "•"; margin-right: 5px; color: #e6332a; } @font-face { font-family: 'officinasansboldsccbold'; src: url('/font/offsbsc1-webfont.eot'); src: url('/font/offsbsc1-webfont.eot?#iefix') format('embedded-opentype'), url('/font/offsbsc1-webfont.woff2') format('woff2'), url('/font/offsbsc1-webfont.woff') format('woff'), url('/font/offsbsc1-webfont.ttf') format('truetype'), url('/font/offsbsc1-webfont.svg#officinasansboldsccbold') format('svg'); font-weight: normal; font-style: normal; } .jde-font { font-family: 'officinasansboldsccbold'; } .jde-color, .red { color: #e6332a; } /* 1b828c 5e8b0d dcdcdc*/ h1 { font-family: 'officinasansboldsccbold'; color: #e6332a; } .sticky-top { z-index: 980!important; } .text h2 { font-size: 25px; } .text h3 { font-size: 22px; } .text a { text-decoration: underline; color: #212529; } .text a.btn { text-decoration: none; color: #fff; } .text img { max-width: 100%; } .btn.btn-danger { background-color: #e6332a; border-color: #e6332a; } .btn.btn-info { background-color: #1b828c; border-color: #1b828c; color: #fff; } .not-tel, .not-tel a { pointer-events: none; text-decoration: none; color: inherit; } .lh1 { line-height: 1; } .width-full { overflow: auto; } .pdf_print { padding-left: 28px; position: relative; text-decoration: none!important; color: #666!important; } .pdf_print:hover { color: #333; text-decoration: underline; } .pdf_print:before { position: absolute; left: 0; content: " "; background-image: url(/img/filetype/pdf.svg); background-repeat: no-repeat; background-position: left center; background-size: 24px 24px; width: 24px; height: 24px; opacity: 0.3; transition: all .1s ease-out; } .pdf_print:hover:before { opacity: 1; } .text.max { max-height: 350px; overflow-y: hidden; position: relative; } .text.max:after { content: "показать полностью"; color: #e6332a; font-weight: bold; text-decoration: underline; font-size: 14px; cursor: pointer; position: absolute; text-align: center; bottom: 0; left: 0; right: 0; padding-top: 50px; background-color: rgba(125,125,125,0.5); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%); } .mainimg { position: relative; } .mainimg img { width: 100%; height: auto; border: 1px solid #e9ecef; border-radius: 5px; } .mainimg b { position: absolute; right: 1px; bottom: 1px; color: #fff; border-radius: 10px 0 5px 0; background-color: #e6332a; padding: 2px 10px; } .rightbadge { float: right; margin: 5px 0 0 0; color: #fff; padding: 2px 10px 2px 15px; border-radius: 10px 3px 3px 10px; background-color: #e6332a; font-weight: bold; } ul.redul { list-style: none; } ul.redul li:before { color: #e6332a; content: "\2022"; padding-right: 10px; } a { text-decoration: none; } a:hover { text-decoration: underline; } a.link { text-decoration: none; border-bottom: 1px dashed #dcdcdc; } a.link:hover { border-bottom-color: #e6332a; } a.btn:hover { text-decoration: none; } .form-group { margin-bottom: 0.5rem; } ul.document-list { list-style: none; margin: 0; padding: 0; } ul.document-list ul { list-style: none; margin: 0 0 0 25px; padding: 0; } ul.document-list li { margin: 0 0 5px 0; padding: 5px; } ul.document-list a { text-decoration: none; color: #212529; font-size: 18px; transition: all .1s ease-out; border-bottom: 1px dashed #ddd; } ul.document-list a:hover { color: #e6332a; border-bottom: 1px dashed #e6332a; } ul.document-list .ico { padding-left: 30px; position: relative; } ul.document-list .ico:before { position: absolute; left: 0; content: " "; background-image: url(/img/filetype/file.svg); background-repeat: no-repeat; background-position: left center; background-size: 24px 24px; width: 24px; height: 24px; opacity: 0.5; transition: all .1s ease-out; } ul.document-list .ico:hover:before { opacity: 1; } ul.document-list .doc:before { background-image: url(/img/filetype/doc.svg); } ul.document-list .docx:before { background-image: url(/img/filetype/docx.svg); } ul.document-list .html:before { background-image: url(/img/filetype/html.svg); } ul.document-list .jpg:before { background-image: url(/img/filetype/jpg.svg); } ul.document-list .pdf:before { background-image: url(/img/filetype/pdf.svg); } ul.document-list .rtf:before { background-image: url(/img/filetype/rtf.svg); } ul.document-list .xls:before { background-image: url(/img/filetype/xls.svg); } ul.document-list .xlsx:before { background-image: url(/img/filetype/xlsx.svg); } ul.document-list .zip:before { background-image: url(/img/filetype/zip.svg); } ul.document-list .pptx:before { background-image: url(/img/filetype/pptx.svg); } .img-list > div { line-height: 1.4; text-align: center; } .img-list a { text-decoration: none; border-bottom: 1px dashed #ddd; } .img-list a:hover { border-bottom: 1px dashed #e6332a; } .img-list a img { width: 100%; height: auto; border: 1px solid #e9ecef; border-radius: 5px; } .img-list a:hover img { border: 1px solid #e6332a; } ul.price-list { list-style: none; margin: 0; padding: 0; } ul.price-list ul { list-style: none; margin: 0 0 0 25px; padding: 0; } ul.price-list li { margin: 0 0 5px 0; padding: 5px; } ul.price-list a { text-decoration: none; color: #212529; font-size: 18px; transition: all .1s ease-out; border-bottom: 1px dashed #ddd; line-height: 1.2; } ul.price-list a b { display: block; } ul.price-list a:hover { color: #e6332a; border-bottom: 1px dashed #e6332a; } ul.price-list .ico { padding-left: 42px; position: relative; } ul.price-list .ico:before { position: absolute; content: " "; left: 0; top: 0; bottom: 0; min-height: 32px; width: 32px; background-image: url(/img/filetype/file.svg); background-repeat: no-repeat; background-position: left center; background-size: 32px 32px; opacity: 0.5; transition: all .1s ease-out; } ul.price-list .ico:hover:before { opacity: 1; } ul.price-list .in:before { background-image: url(/img/price/in.svg); } ul.price-list .out:before { background-image: url(/img/price/out.svg); } ul.price-list .auto:before { background-image: url(/img/price/auto.svg); } ul.price-list .box:before { background-image: url(/img/price/box.svg); } ul.price-list .house:before { background-image: url(/img/price/house.svg); } ul.price-list .air:before { background-image: url(/img/price/air.svg); } ul.service-list { list-style: none; margin: 0; padding: 0; } ul.service-list ul { list-style: none; margin: 0 0 0 25px; padding: 0; } ul.service-list li { margin: 0 0 5px 0; padding: 5px; } ul.service-list a { text-decoration: none; color: #212529; font-size: 18px; transition: all .1s ease-out; border-bottom: 1px dashed #ddd; } ul.service-list a:before { content: "•"; margin-right: 5px; color: #e6332a; } ul.service-list a:hover { color: #e6332a; border-bottom: 1px dashed #e6332a; } ul.service-list2 { list-style: none; margin: 0; padding: 0; } ul.service-list2 ul { list-style: none; margin: 10px 0 0 25px; padding: 0; } ul.service-list2 li { position: relative; margin: 0 0 10px 0; padding: 5px 5px 5px 70px; min-height: 65px; } ul.service-list2 li > img { position: absolute; width: 64px; height: 64px; left: 0; top: 10px; opacity: 0.4; } ul.service-list2 li > p { margin: 0 0 0 15px; } ul.service-list2 li > a { text-decoration: none; color: #e6332a; font-size: 20px; transition: all .1s ease-out; border-bottom: 1px dashed #fff; } ul.service-list2 li > a:before { content: "•"; margin-right: 5px; color: #e6332a; } ul.service-list2 li > a:hover { color: #e6332a; border-bottom: 1px dashed #e6332a; } nav ol.breadcrumb { background-color: #e9ecef; padding: .75rem 1rem; border-radius: .25rem; } nav ol.breadcrumb li.breadcrumb-item a { color: #212529; border-bottom: 1px dashed #dcdcdc; text-decoration: none; } nav ol.breadcrumb li.breadcrumb-item a:hover { border-bottom-color: #e6332a; } .callback { padding: 10px; margin: 25px 0 15px 0; border: 1px solid #ddd; border-radius: 3px; } .callback b { display: block; font-family: 'officinasansboldsccbold'; font-size: 18px; color: #333; text-align: center; margin-bottom: 10px; } .city-letter { list-style: none; padding: 0; margin: 0 0 15px 0; text-align: center; } .city-letter li { display: inline-block; margin: 0; padding: 0; min-width: 30px; } .city-letter li a { display: block; padding: 5px 8px 3px 8px; margin: 1px; border-radius: 5px; border: 1px dashed #dcdcdc; font-family: 'officinasansboldsccbold'; font-size: 18px; line-height: 1; text-align: center; text-decoration: none; transition: all .20s ease-out; } .city-letter li a.active { background: #e6332a; color: #fff; border: 1px solid #dcdcdc; } .city-list ul { list-style: none; } .city-list ul li { line-height: 1.2; } .city-list ul li a { color: #333; font-size: 16px; text-decoration: none; } .city-list ul li a:hover { text-decoration: underline; } .city-list ul li a.branch { font-family: 'officinasansboldscc'; font-size: 18px; font-weight: bold; color: #e6332a; } .city-search { margin: 15px 0 20px 0; } .city-search .input-group .input-group-text { background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23333' d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'%3E%3C/path%3E%3C/svg%3E"); background-size: 24px 24px; width: 40px; } a.branch-map { display: block; float: right; background-repeat: no-repeat; background-position: right top; background-size: 32px 32px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23e6332a' d='M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z'%3E%3C/path%3E%3C/svg%3E"); min-width: 32px; min-height: 32px; margin: 5px 0 0 0; padding: 5px 35px 0 0; text-decoration: none; font-size: 14px; } .branch-list ul { list-style: none; } .branch-list ul li a { font-family: 'officinasansboldsccbold'; color: #333; font-size: 18px; line-height: 1.5; } .branch-list h3 { display: block; overflow: hidden; color: #e6332a; font-family: 'officinasansboldsccbold'; font-size: 2rem; text-align: center; } .branch-list h3::before { content: ""; display: inline-block; vertical-align: middle; width: 100%; height: 1px; background-color: #dcdcdc; position: relative; margin-left: -100%; left: -15px; } .branch-list h3::after { content: ""; display: inline-block; vertical-align: middle; width: 100%; height: 1px; background-color: #dcdcdc; position: relative; margin-right: -100%; right: -15px; } .branch-letter { list-style: none; padding: 0; margin: 0 0 15px 0; } .branch-letter li { display: inline-block; margin: 0; padding: 0; min-width: 30px; } .branch-letter li a { display: block; padding: 5px 8px 3px 8px; margin: 3px; border-radius: 5px; border: 1px dashed #dcdcdc; font-family: 'officinasansboldsccbold'; font-size: 18px; line-height: 1; text-align: center; text-decoration: none; transition: all .20s ease-out; } .branch-letter li a:hover { background: #dcdcdc; } .branch-letter li a.active { background: #e6332a; color: #fff; border: 1px solid #dcdcdc; } .branch-popular { position: relative; margin: 35px 0 40px 0; padding: 5px 5px 3px 5px; font-family: 'officinasansboldsccbold'; font-size: 16px; border: 1px solid #1b828c; border-radius: 0px 3px 0 3px; } .branch-popular .hr { border-top: 1px dashed #ddd; text-align: right; } .branch-popular b { position: absolute; top: -25px; left: -1px; background: #ddd; color: #333; line-height: 1; height: 25px; border: 1px solid #1b828c; border-bottom: none; padding: 5px 15px 0 10px; border-radius: 3px 10px 0 0; font-weight: normal; } .branch-popular span { position: absolute; font-size: 14px; bottom: -25px; right: -1px; background: #ddd; color: #333; line-height: 1; height: 25px; border: 1px solid #1b828c; border-top: none; padding: 6px 15px 0 10px; border-radius: 0 0 3px 10px; font-weight: normal; } .branch-popular a { display: inline-block; margin-right: 10px; } .branch-popular .hr a { font-size: 14px; } .branch-search { margin: 15px 0 20px 0; } .branch-search .input-group .input-group-text { background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23333' d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'%3E%3C/path%3E%3C/svg%3E"); background-size: 24px 24px; width: 40px; } .station-header { cursor: pointer; margin: 10px 0; } .station-header h3 { color: #e6332a; font-family: 'officinasansboldsccbold'; margin: 15px 0 0 0; line-height: 1.2; } .station-header p { padding: 0; margin: 0; font-size: 14px; color: #1b828c; line-height: 1.2; } .current-time { float: right; border: 1px solid #1b828c; padding: 5px 10px; border-radius: 5px; line-height: 1; text-align: center; font-size: 16px; } .current-time small { display: block; color: #1b828c; font-size: 10px; padding-top: 2px; } .station-info { padding: 5px 0; } .station-hr { height: 1px; border-bottom: 1px dashed #1b828c; margin: 5px 0; } .station-list { list-style: none; margin: 0; padding: 0; } .station-list li { margin: 0 0 5px 0; padding: 5px 0; border-bottom: 1px dashed #dcdcdc; line-height: 1.2; } .station-list b { font-weight: 600; } .station-list b, .station-list span { padding: 2px 0; } .station-list li:last-child { border-bottom: none; } .station-list li.caption { border-bottom: none; margin-top: 10px; padding: 5px 15px; text-align: center; font-weight: 600; } .station-list .mini { font-size: 14px; line-height: 1.2; } .worktime { width: 100%; border: 1px solid #dcdcdc; border-collapse: collapse; } .worktime td, .worktime th { border: 1px solid #dcdcdc; vertical-align: middle; line-height: 1.2; padding: 5px 2px; text-align: center; } .worktime th { font-size: 16px; font-weight: 600; } .worktime td { font-size: 14px; /*font-weight: 600;*/ } .worktime td sup { font-weight: normal; color: #666; } .worktime tbody th { text-align: right; padding-right: 5px; } .worktime th small { display: block; } .worktime.holiday { background-color: #eee; } .worktime.holiday thead tr, .worktime.holiday thead th { background-color: #e6332a; color: #fff; } .worktime.holiday, .worktime.holiday td, .worktime.holiday th { border-color: #ddbbba; } .worktime.holiday td, .worktime.holiday td sup { color: #e6332a; } .station-map { text-align: center; } .station-map a { display: block; font-size: 14px; text-align: center; } .station-map a img { display: block; margin: 5px auto; max-width: 100%; border: 1px solid #dcdcdc; border-radius: 5px; } .station-obj { list-style: none; margin: 0; padding: 0; border-radius: 5px; border: 1px dashed #dcdcdc; } .station-obj li.top { margin: 0; padding: 5px 5px 5px 25px; line-height: 1.2; cursor: pointer; border-bottom: 1px solid #e6332a; border-radius: 5px 5px 0 0; color: #fff; background-color: #e6332a; background-repeat: no-repeat; background-position: 5px center; background-size: 16px 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z'%3E%3C/path%3E%3C/svg%3E"); transition: all .20s ease-out; } .station-obj li.top span.me-2 { font-weight: 600; } .station-obj li.top sup.text-muted { color: #fff !important; } .station-obj li.top.collapsed sup.text-muted { color: #6c757d !important; } .station-obj li.top span.red { color: #fff; } .station-obj li.top.collapsed span.red { color: #e6332a; } .station-obj li.top.collapsed { color: #212529; border-bottom: 1px dashed #dcdcdc; background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23e6332a' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'%3E%3C/path%3E%3C/svg%3E"); } .station-obj li.top:hover /*span.me-2*/ { /*border-bottom: 1px dashed #fff;*/ } .station-obj li.top.collapsed:hover /*span.me-2*/, .station-obj li.top.collapsed:hover sup.text-muted { /*border-bottom: 1px dashed #e6332a;*/ color: #e6332a !important; } .station-obj li.in { border: 1px dashed #e6332a; padding: 5px 10px 10px 15px; } .station-popular { margin: 20px 0; } .station-popular p, .station-popular h2 { font-family: 'officinasansboldsccbold'; text-align: center; margin: 0 0 5px 0; font-size: 20px; } .station-popular .popular { cursor: pointer; display: flex; gap: 5px; flex-direction: row; flex-wrap: wrap; margin-bottom: 3px; height: 28px; overflow: hidden; align-items: center; color: #646363; text-decoration: none; font-size: 14px; } .station-popular .popular b { color: #e6332a; font-size: 15px; border-bottom: 1px dashed #dcdcdc; } .station-popular .popular:hover b { border-bottom-color: #e6332a; } .station-popular .popular.active b { border-bottom-style: solid; border-bottom-color: #e6332a; } .station-popular .popular small { line-height: 1; font-size: 12px; margin-left: 5px; } .station-popular .popular small u { text-decoration: none; font-weight: bold; color: #212529; } ul.requisite-list { list-style: none; margin: 0; padding: 0; } ul.requisite-list li { margin: 0 0 5px 0; padding: 5px; border-bottom: 1px dashed #ddd; } ul.nav.nav-tabs.nav-fill { border-bottom: 1px solid #1b828c; margin-bottom: 10px; } ul.nav.nav-tabs.nav-fill li { margin-right: 5px; } ul.nav.nav-tabs.nav-fill li a { /* margin: 0 2px 0 0; */ /* padding: 8px 1px; */ color: #646363; text-decoration: none; font-size: 16px; border: 1px dashed #dcdcdc; border-radius: 5px 5px 0 0; border-bottom: none; } ul.nav.nav-tabs.nav-fill li:last-child { margin-right: 0; } ul.nav.nav-tabs.nav-fill li a:hover { color: #000; } ul.nav.nav-tabs.nav-fill a.active { color: #000; border: 1px solid #1b828c; border-bottom: 1px solid #fff; } @media (max-width: 768px) { ul.nav.nav-tabs.nav-fill li { margin-right: 2px; } ul.nav.nav-tabs.nav-fill li a { padding: 5px 1px; } } .pricelist { width: 100%; border: 1px solid #dcdcdc; border-collapse: collapse; } .pricelist thead th { border: 1px solid #dcdcdc; vertical-align: middle; text-align: center; line-height: 1.1; font-size: 11px; padding: 5px; } .pricelist thead th.normal { font-size: 14px; line-height: 1.5; } .pricelist tbody th { white-space: nowrap; } .pricelist tbody td, .pricelist tbody th { border: 1px solid #dcdcdc; vertical-align: middle; line-height: 1.5; font-size: 14px; padding: 5px; } .pricelist tbody tr:nth-child(odd) td, .pricelist tbody tr:nth-child(odd) th { background-color: #f9f9f9; } .pricelist tbody tr:hover td, .pricelist tbody tr:hover th { background-color: #f5f5f5; } .pricelist .wall { border-left-width: 2px; } .pricelist td.center { text-align: center; } .pricelist td.money { text-align: right; white-space: nowrap; } ul.news-list { list-style: none; margin: 0; padding: 0; } ul.news-list li { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px dashed #dcdcdc; } ul.news-list li a { display: block; margin: 0; padding: 0; line-height: 1.4; font-size: 16px; text-decoration: none; color: #333; } ul.news-list li a.red { color: #e6332a; } ul.news-list li a:hover { text-decoration: none; } ul.news-list li a b { display: block; font-family: 'officinasansboldsccbold'; font-size: 18px; color: #1b828c; } ul.news-month { margin-top: 25px; justify-content: center!important; } ul.news-month li.page-item a { color: #1b828c; } ul.news-month li.page-item.disabled span { color: #e6332a; } #Calculator .input-group .form-control { border-right: none; text-align: right; } #Calculator .input-group-append .input-group-text { background: #fff; border-left: none; color: #e6332a; font-weight: bold; border-top-left-radius: 0; border-bottom-left-radius: 0; border-color: #ced4da; } #Calculator .input-group input { border-color: #ced4da; } .calc-result { padding: 10px 2px; border-radius: 5px; margin-top: 15px; background: #ddd; border: 1px solid #1b828c; line-height: 1.2; text-align: center; } .calc-result .name { color: #1b828c; font-weight: bold; font-size: 22px; } .calc-result .price { font-family: 'officinasansboldsccbold'; font-size: 20px; color: #e6332a; } .calc-result .price b { font-size: 32px; font-weight: normal; } .calc-result .price .spinner-border { border-width: 2px; } .calc-result .time b { font-family: 'officinasansboldsccbold'; font-weight: normal; font-size: 20px; } .calc-result .time .spinner-border { border-width: 1px; } .calc-result .error { display: none; background: #e6332a; border-radius: 5px; margin: 10px 20px 0 20px; padding: 10px 15px; text-align: center; color: #fff; }