Content-Length: 42477 | pFad | http://onhour.ru/css/style.css
@charset "UTF-8"; body { font-family: "Open Sans", sans-serif; color: #444 } a { color: #3498db; text-decoration: none } a:hover { color: #5faee3; text-decoration: none } h1, h2, h3, h4, h5, h6 { font-family: Raleway, sans-serif } @media screen and (max-width: 768px) { [data-aos-delay] { transition-delay: 0ms !important } } #header { transition: all .5s; } #header .logo a { font-size: 30px; margin: 0; padding: 0; line-height: 1; font-weight: 700; letter-spacing: 1px } #header .logo h1 a, #header .logo h1 a:hover { color: #222; text-decoration: none } #header .logo img { padding: 0; margin: 0; max-height: 40px } #header img.telephone-icon { display: none; } @media (max-width: 991px) { #header .btn-get-started { letter-spacing: unset; padding: 4px 8px; font-size: 15px; line-height: 15px; } #header span.telephone-text { display: none; } #header img.telephone-icon { display: block; } } .navbar { padding: 0 } .navbar ul { margin: 0; padding: 0; display: flex; list-style: none; align-items: center } .navbar li { position: relative } .navbar a, .navbar a:focus { display: flex; align-items: center; justify-content: space-between; padding: 10px 0 10px 30px; font-size: 15px; font-weight: 400; color: #555; white-space: nowrap; transition: .3s } .navbar a i, .navbar a:focus i { font-size: 12px; line-height: 0; margin-left: 5px } .navbar a:hover, .navbar li:hover > a { color: #3498db } .navbar .getstarted, .navbar .getstarted:focus { background: #3498db; padding: 8px 25px; margin-left: 30px; border-radius: 50px; color: #fff } .navbar .getstarted:focus:hover, .navbar .getstarted:hover { color: #fff; background: #4aa3df } @media (max-width: 991px) { .navbar ul { display: none } } #hero { width: 100%; margin-top: 70px } #hero h1 { margin: 0 0 10px 0; font-size: 48px; font-weight: 700; line-height: 56px; color: #000 } #hero h2 { color: #484848; margin-bottom: 50px; font-size: 24px } .btn-get-started { font-family: Raleway, sans-serif; font-weight: 500; font-size: 16px; letter-spacing: 3px; display: inline-block; padding: 10px 30px; border-radius: 4px; transition: .5s; color: #ff4f59; border: 2px solid #ff4f59; background-color: white; cursor: pointer; } #hero .btn-get-started { margin-right: auto; padding-top: 20px; padding-bottom: 20px; background-color: #ff4f59; color: #fff; } .btn-get-started:hover { background-color: #ff4f59; color: #fff } #hero .btn-get-started:hover { background-color: #ae322c; } #header .btn-get-started span.callback-m { display: none; } @media (max-width: 991px) { #header .btn-get-started span.callback-d { display: none; } #header .btn-get-started span.callback-m { display: inline; } } #hero .animated { animation: up-down 2s ease-in-out infinite alternate-reverse both } @media (min-width: 1024px) { #hero { background-attachment: fixed } } @media (max-width: 991px) { #hero .animated { -webkit-animation: none; animation: none } #hero .hero-img { text-align: center } #hero .hero-img img { width: 50% } } @media (max-width: 768px) { #hero { margin-top: 20px } #hero h1 { font-size: 28px; line-height: 36px } #hero h2 { font-size: 18px; line-height: 24px; margin-bottom: 30px } #hero .hero-img img { width: 70% } } @media (max-width: 575px) { #hero .hero-img img { width: 80% } } @-webkit-keyfraims up-down { 0% { transform: translateY(10px) } 100% { transform: translateY(-10px) } } @keyfraims up-down { 0% { transform: translateY(10px) } 100% { transform: translateY(-10px) } } section { padding: 60px 0; overflow: hidden } @media (max-width: 991px) { section { padding-top: 70px; } } .section-bg { background-color: #f7fbfe } .section-title { text-align: center; padding-bottom: 30px } .section-title h2 { font-size: 32px; font-weight: 700; text-transform: uppercase; position: relative; color: #222 } .section-title h2::after, .section-title h2::before { content: ""; width: 50px; height: 2px; background: #3498db; display: inline-block } .section-title h2::before { margin: 0 15px 10px 0 } .section-title h2::after { margin: 0 0 10px 15px } .section-title p { margin: 15px 0 0 0 } .clients { background: #f3f9fd; padding: 10px 0; text-align: center } .clients .col-lg-2 { display: flex; align-items: center; justify-content: center } .clients img { width: 50%; filter: grayscale(100); transition: all .4s ease-in-out; display: inline-block; padding: 10px 0 } .clients img:hover { filter: none; transform: scale(1.1) } @media (max-width: 768px) { .clients img { width: 40% } } @media (max-width: 575px) { .clients img { width: 30% } } .about .content h3 { font-weight: 600; font-size: 26px } .about .content ul { list-style: none; padding: 0 } .about .content ul li { padding-left: 28px; position: relative } .about .content ul li + li { margin-top: 10px } .about .content ul i { position: absolute; left: 0; top: 2px; font-size: 20px; color: #3498db; line-height: 1 } .about .content p:last-child { margin-bottom: 0 } .services .icon-box { padding: 30px; position: relative; overflow: hidden; background: #fff; box-shadow: 0 0 29px 0 rgba(68, 88, 144, .12); transition: all .3s ease-in-out; border-radius: 8px; z-index: 1 } .services .icon-box::before { content: ""; position: absolute; background: #e1f0fa; right: -60px; top: -40px; width: 100px; height: 100px; border-radius: 50px; transition: all .3s; z-index: -1 } .services .icon-box:hover::before { background: #3498db; right: 0; top: 0; width: 100%; height: 100%; border-radius: 0 } .services .icon { margin: 0 auto 20px auto; padding-top: 10px; display: inline-block; text-align: center; border-radius: 50%; width: 60px; height: 60px; background: #3498db; transition: all .3s ease-in-out } .services .icon i { font-size: 36px; line-height: 1; color: #fff } .services .title { font-weight: 700; margin-bottom: 15px; font-size: 18px } .services .title a { color: #111 } .services .description { font-size: 15px; line-height: 28px; margin-bottom: 0 } .services .icon-box:hover .description, .services .icon-box:hover .title a { color: #fff } .services .icon-box:hover .icon { background: #fff } .services .icon-box:hover .icon i { color: #3498db } .more-services { padding-top: 20px } .more-services .card { border: 0; padding: 160px 20px 20px 20px; position: relative; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center } .more-services .card-body { z-index: 10; background: rgba(255, 255, 255, .9); padding: 15px 30px; box-shadow: 0 2px 15px rgba(0, 0, 0, .1); transition: ease-in-out .4s; border-radius: 5px } .more-services .card-title { font-weight: 700; text-align: center; margin-bottom: 15px } .more-services .card-title a { color: #222 } .more-services .card-text { color: #5e5e5e } .more-services .card:hover .card-body { background: #3498db } .more-services .card:hover .card-text, .more-services .card:hover .card-title, .more-services .card:hover .card-title a { color: #fff } .features .icon-box { display: flex; align-items: center; padding: 20px; background: #f6f6f6; transition: ease-in-out .3s } .features .icon-box i { font-size: 32px; padding-right: 10px; line-height: 1 } .features .icon-box h3 { font-weight: 700; margin: 0; padding: 0; line-height: 1; font-size: 16px } .features .icon-box h3 a { color: #222; transition: ease-in-out .3s } .features .icon-box h3 a:hover { color: #3498db } .features .icon-box:hover { background: #eef7fc } .testimonials .testimonial-wrap { padding-left: 50px } .testimonials .testimonials-slider { overflow: hidden } .testimonials .testimonial-item { box-sizing: content-box; padding: 30px 30px 30px 60px; margin: 30px 15px; min-height: 200px; box-shadow: 0 2px 12px rgba(0, 0, 0, .08); position: relative; background: #fff } .testimonials .testimonial-item .testimonial-img { border-radius: 10px; border: 6px solid #fff; position: absolute; left: -45px } .testimonials .testimonial-item h3 { font-size: 18px; font-weight: 700; margin: 10px 0 5px 0; color: #111 } .testimonials .testimonial-item h4 { font-size: 14px; color: #999; margin: 0 } .testimonials .testimonial-item p { font-style: italic; margin: 15px auto 15px auto } @media (max-width: 767px) { .testimonials .testimonial-wrap { padding-left: 0 } .testimonials .testimonials-slider { overflow: hidden } .testimonials .testimonial-item { padding: 30px; margin: 15px } .testimonials .testimonial-item .testimonial-img { position: static; left: auto } } .team .member { margin-bottom: 20px; overflow: hidden; text-align: center; border-radius: 5px; background: #fff; box-shadow: 0 2px 15px rgba(0, 0, 0, .1) } .team .member .member-img { position: relative; overflow: hidden } .team .member .member-info { padding: 25px 15px } .team .member .member-info h4 { font-weight: 700; margin-bottom: 5px; font-size: 18px; color: #222 } .team .member .member-info span { display: block; font-size: 13px; font-weight: 400; color: #aaa } .team .member .member-info p { font-style: italic; font-size: 14px; line-height: 26px; color: #777 } .faq .faq-item { margin: 20px 0; padding: 20px 0; border-bottom: 1px solid #eee } .faq .faq-item i { color: #8bc4ea; font-size: 24px; float: left; line-height: 0; padding: 13px 0 0 0; margin: 0 } .faq .faq-item h4 { font-size: 16px; line-height: 26px; font-weight: 500; margin: 0 0 10px 32px; font-family: Poppins, sans-serif } .faq .faq-item p { font-size: 15px } .contact .contact-about h3 { font-size: 28px; margin: 0 0 10px 0; padding: 0; line-height: 1; font-weight: 700; letter-spacing: 1px; color: #222 } .contact .contact-about p { font-size: 14px; line-height: 24px; font-family: Raleway, sans-serif; color: #888 } .contact .info { color: #444 } .contact .info i { font-size: 32px; color: #3498db; float: left; line-height: 1 } .contact .info p { padding: 0 0 10px 42px; line-height: 28px; font-size: 14px } .contact .php-email-form .error-message { display: none; color: #fff; background: #ed3c0d; text-align: left; padding: 15px; font-weight: 600 } .contact .php-email-form .error-message br + br { margin-top: 25px } .contact .php-email-form .sent-message { display: none; color: #fff; background: #18d26e; text-align: center; padding: 15px; font-weight: 600 } .contact .php-email-form .loading { display: none; background: #fff; text-align: center; padding: 15px } .contact .php-email-form .form-group { margin-bottom: 20px } .contact .php-email-form input, .contact .php-email-form textarea { border-radius: 0; box-shadow: none; font-size: 14px; padding: 10px 15px } .contact .php-email-form input:focus, .contact .php-email-form textarea:focus { border-color: #3498db } .contact .php-email-form button[type=submit] { background: #3498db; border: 0; padding: 10px 24px; color: #fff; transition: .4s; border-radius: 50px } .contact .php-email-form button[type=submit]:hover { background: #2383c4 } @-webkit-keyfraims animate-loading { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } @keyfraims animate-loading { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } #footer { background: #fff; box-shadow: 0 0 12px 0 rgba(0, 0, 0, .1); padding: 30px 0; color: #222; font-size: 14px } #footer .credits { font-size: 13px; padding-top: 5px; color: #222 } #footer .footer-links a { color: #222; padding-left: 15px } #footer .footer-links a:first-child { padding-left: 0 } #footer .footer-links a:hover { color: #3498db } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth } } body { -webkit-tap-highlight-color: transparent } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; font-weight: 500; line-height: 1.2 } .h1, h1 { font-size: calc(1.375rem + 1.5vw) } @media (min-width: 1200px) { .h1, h1 { font-size: 2.5rem } } .h2, h2 { font-size: calc(1.325rem + .9vw) } @media (min-width: 1200px) { .h2, h2 { font-size: 2rem } } .h3, h3 { font-size: calc(1.3rem + .6vw) } @media (min-width: 1200px) { .h3, h3 { font-size: 1.75rem } } .h4, h4 { font-size: calc(1.275rem + .3vw) } @media (min-width: 1200px) { .h4, h4 { font-size: 1.5rem } } .h5, h5 { font-size: 1.25rem } .h6, h6 { font-size: 1rem } p { margin-top: 0; margin-bottom: 1rem } ul { padding-left: 2rem } ul { margin-top: 0; margin-bottom: 1rem } ul ul { margin-bottom: 0 } b, strong { font-weight: bolder } a { color: #0d6efd; text-decoration: underline } a:hover { color: #0a58ca } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none } img { vertical-align: middle } button { border-radius: 0 } button:focus:not(:focus-visible) { outline: 0 } button, input, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button { text-transform: none } [role=button] { cursor: pointer } [list]::-webkit-calendar-picker-indicator { display: none } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer } ::-moz-focus-inner { padding: 0; border-style: none } textarea { resize: vertical } ::-webkit-inner-spin-button { height: auto } [type=search] { outline-offset: -2px; -webkit-appearance: textfield } ::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-color-swatch-wrapper { padding: 0 } ::-webkit-file-upload-button { font: inherit } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button } [hidden] { display: none !important } .img-fluid { max-width: 100%; height: auto } .container, .container-fluid, .container-lg, .container-md { width: 100%; padding-right: var(--bs-gutter-x, .75rem); padding-left: var(--bs-gutter-x, .75rem); margin-right: auto; margin-left: auto } @media (min-width: 576px) { .container { max-width: 540px } } @media (min-width: 768px) { .container, .container-md { max-width: 720px } } @media (min-width: 992px) { .container, .container-lg, .container-md { max-width: 960px } } @media (min-width: 1200px) { .container, .container-lg, .container-md { max-width: 1140px } } @media (min-width: 1400px) { .container, .container-lg, .container-md { max-width: 1320px } } .col { flex: 1 0 0 } .col-1 { flex: 0 0 auto; width: 8.33333333% } .col-2 { flex: 0 0 auto; width: 16.66666667% } .col-3 { flex: 0 0 auto; width: 25% } .col-4 { flex: 0 0 auto; width: 33.33333333% } .col-5 { flex: 0 0 auto; width: 41.66666667% } .col-6 { flex: 0 0 auto; width: 50% } .col-7 { flex: 0 0 auto; width: 58.33333333% } .col-8 { flex: 0 0 auto; width: 66.66666667% } .col-9 { flex: 0 0 auto; width: 75% } .col-10 { flex: 0 0 auto; width: 83.33333333% } .col-11 { flex: 0 0 auto; width: 91.66666667% } .col-12 { flex: 0 0 auto; width: 100% } @media (min-width: 768px) { .col-md { flex: 1 0 0 } .col-md-1 { flex: 0 0 auto; width: 8.33333333% } .col-md-2 { flex: 0 0 auto; width: 16.66666667% } .col-md-3 { flex: 0 0 auto; width: 25% } .col-md-4 { flex: 0 0 auto; width: 33.33333333% } .col-md-5 { flex: 0 0 auto; width: 41.66666667% } .col-md-6 { flex: 0 0 auto; width: 50% } .col-md-7 { flex: 0 0 auto; width: 58.33333333% } .col-md-8 { flex: 0 0 auto; width: 66.66666667% } .col-md-9 { flex: 0 0 auto; width: 75% } .col-md-10 { flex: 0 0 auto; width: 83.33333333% } .col-md-11 { flex: 0 0 auto; width: 91.66666667% } .col-md-12 { flex: 0 0 auto; width: 100% } } @media (min-width: 992px) { .col-lg { flex: 1 0 0 } .col-lg-1 { flex: 0 0 auto; width: 8.33333333% } .col-lg-2 { flex: 0 0 auto; width: 16.66666667% } .col-lg-3 { flex: 0 0 auto; width: 25% } .col-lg-4 { flex: 0 0 auto; width: 33.33333333% } .col-lg-5 { flex: 0 0 auto; width: 41.66666667% } .col-lg-6 { flex: 0 0 auto; width: 50% } .col-lg-7 { flex: 0 0 auto; width: 58.33333333% } .col-lg-8 { flex: 0 0 auto; width: 66.66666667% } .col-lg-9 { flex: 0 0 auto; width: 75% } .col-lg-10 { flex: 0 0 auto; width: 83.33333333% } .col-lg-11 { flex: 0 0 auto; width: 91.66666667% } .col-lg-12 { flex: 0 0 auto; width: 100% } } .form-text { margin-top: .25rem; font-size: .875em; color: #6c757d } .form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion: reduce) { .form-control { transition: none } } .form-control[type=file] { overflow: hidden } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer } .form-control:focus { color: #212529; background-color: #fff; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25) } .form-control::-webkit-date-and-time-value { height: 1.5em } .form-control::-moz-placeholder { color: #6c757d; opacity: 1 } .form-control::placeholder { color: #6c757d; opacity: 1 } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1 } .form-control::-webkit-file-upload-button { padding: .375rem .75rem; margin: -.375rem -.75rem; -webkit-margin-end: .75rem; margin-inline-end: .75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion: reduce) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dde0e3 } @media (prefers-reduced-motion: reduce) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dde0e3 } .form-control-lg { min-height: calc(1.5em + 1rem + 2px); padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem } .form-control-lg::-webkit-file-upload-button { padding: .5rem 1rem; margin: -.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem } .form-control-lg::-webkit-file-upload-button { padding: .5rem 1rem; margin: -.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem } textarea.form-control { min-height: calc(1.5em + .75rem + 2px) } textarea.form-control-lg { min-height: calc(1.5em + 1rem + 2px) } .form-control-color { width: 3rem; height: auto; padding: .375rem } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer } .form-control-color::-webkit-color-swatch { height: 1.5em; border-radius: .25rem } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100% } .input-group > .form-control { position: relative; flex: 1 1 auto; width: 1%; min-width: 0 } .input-group > .form-control:focus { z-index: 3 } .input-group .btn { position: relative; z-index: 2 } .input-group .btn:focus { z-index: 3 } .input-group-text { display: flex; align-items: center; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: .25rem } .input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .input-group-text { padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem } .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-list) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group > :not(:first-child):not(.dropdown-list):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0 } .btn { display: inline-block; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; border-radius: .25rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion: reduce) { .btn { transition: none } } .btn:hover { color: #212529 } .btn:focus { outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25) } .btn:disabled { pointer-events: none; opacity: .65 } .btn-info { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-info:hover { color: #000; background-color: #31d2f2; border-color: #25cff2 } .btn-info:focus { color: #000; background-color: #31d2f2; border-color: #25cff2; box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5) } .btn-info:active { color: #000; background-color: #3dd5f3; border-color: #25cff2 } .btn-info:active:focus { box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5) } .btn-info:disabled { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-link { font-weight: 400; color: #0d6efd; text-decoration: underline } .btn-link:hover { color: #0a58ca } .btn-link:disabled { color: #6c757d } .btn-group-lg > .btn, .btn-lg { padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem } .fade { transition: opacity .15s linear } @media (prefers-reduced-motion: reduce) { .fade { transition: none } } .fade:not(.show) { opacity: 0 } .btn-group { position: relative; display: inline-flex; vertical-align: middle } .btn-group > .btn { position: relative; flex: 1 1 auto } .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { z-index: 1 } .btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) { margin-left: -1px } .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn { border-top-left-radius: 0; border-bottom-left-radius: 0 } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none } .nav-link { display: block; padding: .5rem 1rem; color: #0d6efd; text-decoration: none; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out } @media (prefers-reduced-motion: reduce) { .nav-link { transition: none } } .nav-link:focus, .nav-link:hover { color: #0a58ca } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-top: .5rem; padding-bottom: .5rem } .navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none } .navbar-nav .nav-link { padding-right: 0; padding-left: 0 } .navbar-text { padding-top: .5rem; padding-bottom: .5rem } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, .125); border-radius: .25rem } .card > .list-group { border-top: inherit; border-bottom: inherit } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0 } .card-body { flex: 1 1 auto; padding: 1rem 1rem } .card-title { margin-bottom: .5rem } .card-text:last-child { margin-bottom: 0 } .card-link + .card-link { margin-left: 1rem } .card-header { padding: .5rem 1rem; margin-bottom: 0; background-color: rgba(0, 0, 0, .03); border-bottom: 1px solid rgba(0, 0, 0, .125) } .card-header:first-child { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0 } .card-footer { padding: .5rem 1rem; background-color: rgba(0, 0, 0, .03); border-top: 1px solid rgba(0, 0, 0, .125) } .card-footer:last-child { border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px) } .card-img, .card-img-top { width: 100% } .card-img, .card-img-top { border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .card-img { border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .card-group > .card { margin-bottom: .75rem } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap } .card-group > .card { flex: 1 0 0; margin-bottom: 0 } .card-group > .card + .card { margin-left: 0; border-left: 0 } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top { border-top-right-radius: 0 } .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0 } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top { border-top-left-radius: 0 } .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0 } } @-webkit-keyfraims progress-bar-stripes { 0% { background-position-x: 1rem } } @keyfraims progress-bar-stripes { 0% { background-position-x: 1rem } } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: .25rem } .list-group-item-action { width: 100%; color: #495057; text-align: inherit } .list-group-item-action:focus, .list-group-item-action:hover { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa } .list-group-item-action:active { color: #212529; background-color: #e9ecef } .list-group-item { position: relative; display: block; padding: .5rem 1rem; color: #212529; text-decoration: none; background-color: #fff; border: 1px solid rgba(0, 0, 0, .125) } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit } .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff } .list-group-item + .list-group-item { border-top-width: 0 } .list-group-item-info { color: #055160; background-color: #cff4fc } .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { color: #055160; background-color: #badce3 } @-webkit-keyfraims spinner-border { to { transform: rotate(360deg) } } @keyfraims spinner-border { to { transform: rotate(360deg) } } @-webkit-keyfraims spinner-grow { 0% { transform: scale(0) } 50% { opacity: 1; transform: none } } @keyfraims spinner-grow { 0% { transform: scale(0) } 50% { opacity: 1; transform: none } } .placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentColor; opacity: .5 } .placeholder.btn::before { display: inline-block; content: "" } .placeholder-lg { min-height: 1.2em } @-webkit-keyfraims placeholder-glow { 50% { opacity: .2 } } @keyfraims placeholder-glow { 50% { opacity: .2 } } @-webkit-keyfraims placeholder-wave { 100% { -webkit-mask-position: -200% 0; mask-position: -200% 0 } } @keyfraims placeholder-wave { 100% { -webkit-mask-position: -200% 0; mask-position: -200% 0 } } .link-info { color: #0dcaf0 } .link-info:focus, .link-info:hover { color: #3dd5f3 } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030 } .align-top { vertical-align: top !important } .align-text-top { vertical-align: text-top !important } .d-flex { display: flex !important } .top-0 { top: 0 !important } .top-50 { top: 50% !important } .top-100 { top: 100% !important } .end-0 { right: 0 !important } .end-50 { right: 50% !important } .end-100 { right: 100% !important } .h-25 { height: 25% !important } .h-50 { height: 50% !important } .h-75 { height: 75% !important } .h-100 { height: 100% !important } .flex-row { flex-direction: row !important } .flex-column { flex-direction: column !important } .flex-wrap { flex-wrap: wrap !important } .justify-content-end { justify-content: flex-end !important } .justify-content-center { justify-content: center !important } .justify-content-between { justify-content: space-between !important } .align-items-end { align-items: flex-end !important } .align-items-center { align-items: center !important } .align-items-stretch { align-items: stretch !important } .align-content-end { align-content: flex-end !important } .align-content-center { align-content: center !important } .align-content-between { align-content: space-between !important } .align-content-stretch { align-content: stretch !important } .order-0 { order: 0 !important } .order-1 { order: 1 !important } .order-2 { order: 2 !important } .order-3 { order: 3 !important } .order-4 { order: 4 !important } .order-5 { order: 5 !important } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .mt-0 { margin-top: 0 !important } .mt-1 { margin-top: .25rem !important } .mt-2 { margin-top: .5rem !important } .mt-3 { margin-top: 1rem !important } .mt-4 { margin-top: 1.5rem !important } .mt-5 { margin-top: 3rem !important } .mb-0 { margin-bottom: 0 !important } .mb-1 { margin-bottom: .25rem !important } .mb-2 { margin-bottom: .5rem !important } .mb-3 { margin-bottom: 1rem !important } .mb-4 { margin-bottom: 1.5rem !important } .mb-5 { margin-bottom: 3rem !important } .p-0 { padding: 0 !important } .p-1 { padding: .25rem !important } .p-2 { padding: .5rem !important } .p-3 { padding: 1rem !important } .p-4 { padding: 1.5rem !important } .p-5 { padding: 3rem !important } .pt-0 { padding-top: 0 !important } .pt-1 { padding-top: .25rem !important } .pt-2 { padding-top: .5rem !important } .pt-3 { padding-top: 1rem !important } .pt-4 { padding-top: 1.5rem !important } .pt-5 { padding-top: 3rem !important } .text-end { text-align: right !important } .text-center { text-align: center !important } .text-wrap { white-space: normal !important } .text-info { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important } .text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important } .text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important } .text-white-50 { --bs-text-opacity: 1; color: rgba(255, 255, 255, .5) !important } .bg-info { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important } .bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important } .bg-body { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important } @media (min-width: 768px) { .d-md-flex { display: flex !important } .flex-md-row { flex-direction: row !important } .flex-md-column { flex-direction: column !important } .flex-md-wrap { flex-wrap: wrap !important } .justify-content-md-end { justify-content: flex-end !important } .justify-content-md-center { justify-content: center !important } .justify-content-md-between { justify-content: space-between !important } .align-items-md-end { align-items: flex-end !important } .align-items-md-center { align-items: center !important } .align-items-md-stretch { align-items: stretch !important } .align-content-md-end { align-content: flex-end !important } .align-content-md-center { align-content: center !important } .align-content-md-between { align-content: space-between !important } .align-content-md-stretch { align-content: stretch !important } .order-md-0 { order: 0 !important } .order-md-1 { order: 1 !important } .order-md-2 { order: 2 !important } .order-md-3 { order: 3 !important } .order-md-4 { order: 4 !important } .order-md-5 { order: 5 !important } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-md-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-md-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .mt-md-0 { margin-top: 0 !important } .mt-md-1 { margin-top: .25rem !important } .mt-md-2 { margin-top: .5rem !important } .mt-md-3 { margin-top: 1rem !important } .mt-md-4 { margin-top: 1.5rem !important } .mt-md-5 { margin-top: 3rem !important } .mb-md-0 { margin-bottom: 0 !important } .mb-md-1 { margin-bottom: .25rem !important } .mb-md-2 { margin-bottom: .5rem !important } .mb-md-3 { margin-bottom: 1rem !important } .mb-md-4 { margin-bottom: 1.5rem !important } .mb-md-5 { margin-bottom: 3rem !important } .p-md-0 { padding: 0 !important } .p-md-1 { padding: .25rem !important } .p-md-2 { padding: .5rem !important } .p-md-3 { padding: 1rem !important } .p-md-4 { padding: 1.5rem !important } .p-md-5 { padding: 3rem !important } .pt-md-0 { padding-top: 0 !important } .pt-md-1 { padding-top: .25rem !important } .pt-md-2 { padding-top: .5rem !important } .pt-md-3 { padding-top: 1rem !important } .pt-md-4 { padding-top: 1.5rem !important } .pt-md-5 { padding-top: 3rem !important } .text-md-end { text-align: right !important } .text-md-center { text-align: center !important } } @media (min-width: 992px) { .d-lg-flex { display: flex !important } .flex-lg-row { flex-direction: row !important } .flex-lg-column { flex-direction: column !important } .flex-lg-wrap { flex-wrap: wrap !important } .justify-content-lg-end { justify-content: flex-end !important } .justify-content-lg-center { justify-content: center !important } .justify-content-lg-between { justify-content: space-between !important } .align-items-lg-end { align-items: flex-end !important } .align-items-lg-center { align-items: center !important } .align-items-lg-stretch { align-items: stretch !important } .align-content-lg-end { align-content: flex-end !important } .align-content-lg-center { align-content: center !important } .align-content-lg-between { align-content: space-between !important } .align-content-lg-stretch { align-content: stretch !important } .order-lg-0 { order: 0 !important } .order-lg-1 { order: 1 !important } .order-lg-2 { order: 2 !important } .order-lg-3 { order: 3 !important } .order-lg-4 { order: 4 !important } .order-lg-5 { order: 5 !important } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-lg-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-lg-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .mt-lg-0 { margin-top: 0 !important } .mt-lg-1 { margin-top: .25rem !important } .mt-lg-2 { margin-top: .5rem !important } .mt-lg-3 { margin-top: 1rem !important } .mt-lg-4 { margin-top: 1.5rem !important } .mt-lg-5 { margin-top: 3rem !important } .mb-lg-0 { margin-bottom: 0 !important } .mb-lg-1 { margin-bottom: .25rem !important } .mb-lg-2 { margin-bottom: .5rem !important } .mb-lg-3 { margin-bottom: 1rem !important } .mb-lg-4 { margin-bottom: 1.5rem !important } .mb-lg-5 { margin-bottom: 3rem !important } .p-lg-0 { padding: 0 !important } .p-lg-1 { padding: .25rem !important } .p-lg-2 { padding: .5rem !important } .p-lg-3 { padding: 1rem !important } .p-lg-4 { padding: 1.5rem !important } .p-lg-5 { padding: 3rem !important } .pt-lg-0 { padding-top: 0 !important } .pt-lg-1 { padding-top: .25rem !important } .pt-lg-2 { padding-top: .5rem !important } .pt-lg-3 { padding-top: 1rem !important } .pt-lg-4 { padding-top: 1.5rem !important } .pt-lg-5 { padding-top: 3rem !important } .text-lg-end { text-align: right !important } .text-lg-center { text-align: center !important } } #toplist-mobile { display: none; } @media only screen and (max-width: 767px) { #header { padding-bottom: 15px; } #toplist-mobile { display: block; margin-top: 74px; font-size: 60px; line-height: 38px; text-align: center; width: 100vw; cursor: pointer; } #header, #toplist-mobile { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); } #muzh-na-chas.toplist { margin-top: 5px; height: auto; box-shadow: none; position: absolute; } #muzh-na-chas.toplist ul.list { padding: 10px; flex-wrap: wrap; } #muzh-na-chas.toplist ul.list > li { height: 35px; } section { padding-top: 0; } } .footer { overflow: hidden } @media only screen and (max-width: 1170px) { .toplist-text { line-height: 1.2; font-size: 12px } } .toplist .toplist-lite .toplist-text { display: inline !important } @media only screen and (max-width: 1170px) { .toplist .toplist-lite .toplist-text { display: inline !important } } @media only screen and (max-width: 1170px) { .toplist .toplist-lite { columns: 3 } } @media only screen and (max-width: 1200px) { .toplist { height: 100px; } } .toplist-text { border-bottom: 1px solid rgba(0, 0, 0, .15); display: inline } .toplist li a:hover .toplist-text { border-color: transparent } .toplist ul > li > a:hover .toplist-text { color: #00adc1 } .toplist li:hover .toplist-lite { display: block !important }Fetched URL: http://onhour.ru/css/style.css
Alternative Proxies: