/* Сгенерировано tools/crit-css.js из /grp22/css/webster-all.css: правила, которые используются на основных страницах.
   Грузится сразу (webster-all.css — асинхронно), чтобы страница не прыгала при его загрузке (аудит п.7, CLS). Только navigatorgrp.ru. */
:root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --bs-gradient: linear-gradient(180deg,rgba(255,255,255,0.15),rgba(255,255,255,0)); }
*, ::after, ::before { box-sizing: border-box; }
@media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } }
body { margin: 0px; font-family: var(--bs-font-sans-serif); font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(33, 37, 41); background-color: rgb(255, 255, 255); text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
hr { margin: 1rem 0px; color: inherit; background-color: currentcolor; border: 0px; opacity: 0.25; }
hr:not([size]) { height: 1px; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.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 + 0.9vw); }
@media (min-width: 1200px) { .h2, h2 { font-size: 2rem; } }
.h3, h3 { font-size: calc(1.3rem + 0.6vw); }
@media (min-width: 1200px) { .h3, h3 { font-size: 1.75rem; } }
.h4, h4 { font-size: calc(1.275rem + 0.3vw); }
@media (min-width: 1200px) { .h4, h4 { font-size: 1.5rem; } }
p { margin-top: 0px; margin-bottom: 1rem; }
ol, ul { padding-left: 2rem; }
dl, ol, ul { margin-top: 0px; margin-bottom: 1rem; }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; }
b, strong { font-weight: bolder; }
.small, small { font-size: 0.875em; }
a { color: rgb(13, 110, 253); text-decoration: underline; }
a:hover { color: rgb(10, 88, 202); }
a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; }
figure { margin: 0px 0px 1rem; }
img, svg { vertical-align: middle; }
table { caption-side: bottom; border-collapse: collapse; }
th { text-align: -webkit-match-parent; }
tbody, td, tfoot, th, thead, tr { border-color: inherit; border-style: solid; border-width: 0px; }
label { display: inline-block; }
button { border-radius: 0px; }
button:focus:not(:focus-visible) { outline: 0px; }
button, input, optgroup, select, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }
button, select { text-transform: none; }
[role="button"] { cursor: pointer; }
[type="button"], [type="reset"], [type="submit"], button { appearance: button; }
[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) { cursor: pointer; }
textarea { resize: vertical; }
fieldset { min-width: 0px; padding: 0px; margin: 0px; border: 0px; }
legend { float: left; width: 100%; padding: 0px; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; }
@media (min-width: 1200px) { legend { font-size: 1.5rem; } }
legend + * { clear: left; }
::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { padding: 0px; }
::-webkit-inner-spin-button { height: auto; }
[type="search"] { outline-offset: -2px; appearance: textfield; }
::-webkit-search-decoration { appearance: none; }
::-webkit-color-swatch-wrapper { padding: 0px; }
::-webkit-file-upload-button { font: inherit; appearance: button; }
iframe { border: 0px; }
summary { display: list-item; cursor: pointer; }
[hidden] { display: none !important; }
.img-fluid { max-width: 100%; height: auto; }
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { 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, .container-sm { max-width: 540px; } }
@media (min-width: 768px) { .container, .container-md, .container-sm { max-width: 720px; } }
@media (min-width: 992px) { .container, .container-lg, .container-md, .container-sm { max-width: 960px; } }
@media (min-width: 1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px; } }
@media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px; } }
.row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5); }
.row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y); }
.col-12 { flex: 0 0 auto; width: 100%; }
.g-4, .gx-4 { --bs-gutter-x: 1.5rem; }
.g-4, .gy-4 { --bs-gutter-y: 1.5rem; }
@media (min-width: 576px) { .col-sm-5 { flex: 0 0 auto; width: 41.6667%; } .col-sm-7 { flex: 0 0 auto; width: 58.3333%; } }
@media (min-width: 768px) { .col-md-2 { flex: 0 0 auto; width: 16.6667%; } .col-md-4 { flex: 0 0 auto; width: 33.3333%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-12 { flex: 0 0 auto; width: 100%; } }
@media (min-width: 992px) { .col-lg-2 { flex: 0 0 auto; width: 16.6667%; } .col-lg-4 { flex: 0 0 auto; width: 33.3333%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-8 { flex: 0 0 auto; width: 66.6667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } }
.table { --bs-table-bg: transparent; --bs-table-accent-bg: transparent; --bs-table-striped-color: #212529; --bs-table-striped-bg: rgba(0,0,0,0.05); --bs-table-active-color: #212529; --bs-table-active-bg: rgba(0,0,0,0.1); --bs-table-hover-color: #212529; --bs-table-hover-bg: rgba(0,0,0,0.075); width: 100%; margin-bottom: 1rem; color: rgb(33, 37, 41); vertical-align: top; border-color: rgb(222, 226, 230); }
.table > tbody { vertical-align: inherit; }
.table > thead { vertical-align: bottom; }
.table-hover > tbody > tr:hover { --bs-table-accent-bg: var(--bs-table-hover-bg); color: var(--bs-table-hover-color); }
.table-secondary { --bs-table-bg: #e2e3e5; --bs-table-striped-bg: #d7d8da; --bs-table-striped-color: #000; --bs-table-active-bg: #cbccce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d2d4; --bs-table-hover-color: #000; color: rgb(0, 0, 0); border-color: rgb(203, 204, 206); }
.fade { transition: opacity 0.15s linear; }
@media (prefers-reduced-motion: reduce) { .fade { transition: none; } }
.fade:not(.show) { opacity: 0; }
.nav { display: flex; flex-wrap: wrap; padding-left: 0px; margin-bottom: 0px; list-style: none; }
.nav-link { display: block; padding: 0.5rem 1rem; color: rgb(13, 110, 253); text-decoration: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) { .nav-link { transition: none; } }
.nav-link:focus, .nav-link:hover { color: rgb(10, 88, 202); }
.nav-tabs { border-bottom: 1px solid rgb(222, 226, 230); }
.nav-tabs .nav-link { margin-bottom: -1px; background: 0px 0px; border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: rgb(233, 236, 239) rgb(233, 236, 239) rgb(222, 226, 230); isolation: isolate; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border-color: rgb(222, 226, 230) rgb(222, 226, 230) rgb(255, 255, 255); }
.tab-content > .tab-pane { display: none; }
.tab-content > .active { display: block; }
.d-block { display: block !important; }
.d-flex { display: flex !important; }
.d-none { display: none !important; }
.w-50 { width: 50% !important; }
.h-100 { height: 100% !important; }
.flex-column { flex-direction: column !important; }
.align-items-start { align-items: flex-start !important; }
.mt-0 { margin-top: 0px !important; }
.mt-3 { margin-top: 1rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.p-4 { padding: 1.5rem !important; }
.text-center { text-align: center !important; }
.text-white { color: rgb(255, 255, 255) !important; }
.bg-white { background-color: rgb(255, 255, 255) !important; }
@media (min-width: 576px) { .d-sm-block { display: block !important; } .d-sm-none { display: none !important; } }
@media (min-width: 768px) { .d-md-block { display: block !important; } .d-md-none { display: none !important; } }
@media (min-width: 992px) { .d-lg-block { display: block !important; } .d-lg-none { display: none !important; } }
.fadeIn { animation-name: fadeIn; }
.fa { display: inline-block; font-style: normal; font-variant: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; }
.fa-2x { font-size: 2em; }
.fa-heart::before { content: "\f004 "; }
.fa-star::before { content: "\f005 "; }
.fa-user::before { content: "\f007 "; }
.fa-check::before { content: "\f00c "; }
.fa-search-plus::before { content: "\f00e "; }
.fa-home::before { content: "\f015 "; }
.fa-download::before { content: "\f019 "; }
.fa-tag::before { content: "\f02b "; }
.fa-tags::before { content: "\f02c "; }
.fa-book::before { content: "\f02d "; }
.fa-list::before { content: "\f03a "; }
.fa-play::before { content: "\f04b "; }
.fa-chevron-left::before { content: "\f053 "; }
.fa-chevron-right::before { content: "\f054 "; }
.fa-arrow-left::before { content: "\f060 "; }
.fa-arrow-right::before { content: "\f061 "; }
.fa-fire::before { content: "\f06d "; }
.fa-calendar::before { content: "\f073 "; }
.fa-chevron-down::before { content: "\f078 "; }
.fa-folder-open::before { content: "\f07c "; }
.fa-key::before { content: "\f084 "; }
.fa-gears::before, .fa-cogs::before { content: "\f085 "; }
.fa-comments::before { content: "\f086 "; }
.fa-phone::before { content: "\f095 "; }
.fa-credit-card::before { content: "\f09d "; }
.fa-bullhorn::before { content: "\f0a1 "; }
.fa-bell::before { content: "\f0f3 "; }
.fa-hand-o-right::before { content: "\f0a4 "; }
.fa-briefcase::before { content: "\f0b1 "; }
.fa-copy::before, .fa-files-o::before { content: "\f0c5 "; }
.fa-paperclip::before { content: "\f0c6 "; }
.fa-navicon::before, .fa-reorder::before, .fa-bars::before { content: "\f0c9 "; }
.fa-truck::before { content: "\f0d1 "; }
.fa-envelope::before { content: "\f0e0 "; }
.fa-angle-left::before { content: "\f104 "; }
.fa-angle-right::before { content: "\f105 "; }
.fa-fire-extinguisher::before { content: "\f134 "; }
.fa-vk::before { content: "\f189 "; }
.fa-building::before { content: "\f1ad "; }
.fa-cubes::before { content: "\f1b3 "; }
.fa-automobile::before, .fa-car::before { content: "\f1b9 "; }
.fa-send::before, .fa-paper-plane::before { content: "\f1d8 "; }
.fa-plug::before { content: "\f1e6 "; }
.fa-calculator::before { content: "\f1ec "; }
.fa-battery-4::before, .fa-battery::before, .fa-battery-full::before { content: "\f240 "; }
.fa-tv::before, .fa-television::before { content: "\f26c "; }
.fa-industry::before { content: "\f275 "; }
.fa-drivers-license::before, .fa-id-card::before { content: "\f2c2 "; }
.fa-microchip::before { content: "\f2db "; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; }
.owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; }
.owl-carousel { display: none; width: 100%; z-index: 1; }
.owl-carousel .owl-stage { position: relative; }
.owl-carousel .owl-stage::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper { backface-visibility: hidden; transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-item { min-height: 1px; float: left; backface-visibility: hidden; }
.owl-carousel .owl-item img { display: block; width: 100%; }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; }
.no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; }
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; user-select: none; }
.owl-carousel.owl-drag .owl-item { user-select: none; }
body { font-family: "Fira Sans", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; color: rgb(98, 98, 98); }
a, .btn { transition: 0.3s ease-out; text-decoration: none; }
a:focus { text-decoration: none !important; }
a:focus, a:hover { color: rgb(132, 186, 63); text-decoration: none !important; }
a, button, input { color: rgb(132, 186, 63); outline: none medium !important; }
h1, h2, h3, h4, h5, h6 { font-family: "Fira Sans", sans-serif; font-weight: normal; color: rgb(54, 54, 54); margin-top: 0px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
label { font-weight: normal; }
h1 { font-size: 36px; font-style: normal; font-weight: 700; line-height: 40px; }
h2 { font-size: 32px; font-style: normal; font-weight: 600; line-height: 38px; }
h3 { font-size: 28px; font-style: normal; font-weight: 600; line-height: 32px; }
h4 { font-size: 22px; font-style: normal; font-weight: 500; line-height: 26px; }
ul { margin: 0px; padding: 0px; }
p { font-weight: normal; line-height: 1.5; color: rgb(98, 98, 98); }
hr { margin: 0px; padding: 0px; border-bottom: 1px dashed rgb(236, 239, 248); border-top: 0px; }
::selection { background: rgb(132, 186, 63); color: rgb(255, 255, 255); text-shadow: none; }
.text-white { color: rgb(255, 255, 255); }
section { }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-40 { margin-top: 40px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-30 { margin-bottom: 30px !important; }
.pt-10 { padding-top: 10px !important; }
.table { margin-bottom: 0px; }
.table td, .table th { vertical-align: middle; }
.table td, .table th { border-top: 1px solid rgb(222, 226, 230); }
.button { background: rgb(132, 186, 63); padding: 10px 20px; font-size: 13px; letter-spacing: 1px; font-family: "Fira Sans", sans-serif; color: rgb(255, 255, 255); text-transform: uppercase; font-weight: 900; display: inline-block; border-radius: 3px; text-align: center; border: 2px solid rgb(132, 186, 63); cursor: pointer; }
.button:hover, .button:focus { background: rgb(53, 53, 53); color: rgb(255, 255, 255); border-color: rgb(53, 53, 53); }
button { transition: 0.5s ease-in-out; }
.button.icon i { margin-left: 10px; }
.owl-carousel .owl-item img { width: auto; }
.owl-carousel .owl-nav { cursor: pointer; z-index: 999; width: 100%; }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { display: block; position: absolute; text-indent: inherit; width: auto; cursor: pointer; transition: 0.2s ease-in-out; }
.owl-carousel .owl-nav .owl-prev { left: 10px; display: block; position: absolute; text-indent: inherit; top: 50%; transform: translateY(-50%); }
.owl-carousel .owl-nav .owl-next { right: 10px; display: block; position: absolute; text-indent: inherit; top: 50%; transform: translateY(-50%); }
.owl-carousel .owl-nav i { font-size: 20px; width: 36px; height: 36px; line-height: 36px; display: inline-block; color: rgb(255, 255, 255); border-radius: 3px; background: rgb(132, 186, 63); border: 0px solid rgb(61, 61, 61); font-weight: normal; text-align: center; transition: 0.2s ease-in-out; }
.owl-carousel .owl-nav i:hover { background: rgb(51, 51, 51); color: rgb(255, 255, 255); }
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { margin: 0px !important; }
.owl-carousel .owl-dots { display: inline-block; margin-top: 20px; text-indent: inherit; width: 100%; cursor: pointer; text-align: center; }
.owl-carousel .owl-dots .owl-dot span { background: rgb(221, 221, 221); display: inline-block; width: 12px; min-height: 12px; margin-top: 5px; border-radius: 3px; transition: 0.5s ease-in-out; cursor: pointer; }
.owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span { background: rgb(132, 186, 63); min-height: 17px; margin-top: 0px; }
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { display: inline-block; margin: 14px 2px 0px; }
.bottom-right-dots .owl-dots { position: absolute; right: 30px; width: auto; bottom: 30px !important; }
.bottom-right-dots .owl-dots .owl-dot span { background: rgb(255, 255, 255); }
ul.page-breadcrumb li span { font-size: 14px; }
ul.page-breadcrumb { padding-top: 30px; }
ul.page-breadcrumb li { display: inline-block; list-style: none; }
ul.page-breadcrumb li i { font-size: 14px; padding: 0px 7px; }
ul.page-breadcrumb li a { font-size: 14px; }
ul.page-breadcrumb li a:hover { color: rgb(132, 186, 63); }
.nav-link { color: rgb(132, 186, 63); }
.nav-link:focus, .nav-link:hover { color: rgb(132, 186, 63); }
html, body, .st-container, .st-pusher, .st-content { }
.header.dark { background: rgb(50, 50, 50); position: relative; }
.portfolio-item { overflow: hidden; color: rgb(255, 255, 255); width: 100%; position: relative; border: 5px solid rgb(247, 247, 247); }
.portfolio-item img { width: 100%; transition: transform 0.35s; backface-visibility: hidden; }
.portfolio-item a.popup { position: absolute; right: 20px; top: -20px; z-index: 9; display: inline-block; width: 40px; height: 40px; background: rgb(238, 238, 238); color: rgb(98, 98, 98); border-radius: 50%; margin-right: 10px; padding-left: 0px; text-align: center; line-height: 40px; opacity: 0; transition: 0.5s ease-in-out; }
.portfolio-item a.popup:hover { background: rgb(132, 186, 63); color: rgb(255, 255, 255); }
.portfolio-item:hover img { transform: scale(1.03); }
.portfolio-item:hover a.popup { opacity: 0.75; top: 20px; }
.portfolio-item::before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; background-size: 115% auto; transition: 0.7s cubic-bezier(0.68, 0.11, 0.13, 0.98); box-sizing: border-box; }
.portfolio-item.only-popup { width: 100%; text-align: center; }
.portfolio-item.only-popup a.popup { display: inline-block; left: 50%; margin-left: -20px; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); }
.blog-info { position: relative; z-index: 9; }
.blog-info span { color: rgb(98, 98, 98); font-size: 14px; margin-right: 6px; }
.owl-carousel img { width: 100%; }
.remember-checkbox label::before, label::after { font-family: FontAwesome; font-size: 17px; position: absolute; top: -3px; left: 0px; padding-left: 2px; border-radius: 3px; }
.popup-video-image { position: relative; }
.popup-video-image::before { background: rgba(37, 41, 51, 0.4); content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 0; }
.blog-overlay { position: relative; text-align: left; z-index: 2; transition: 0.5s ease-in-out; }
.blog-overlay::before { position: absolute; width: 100%; height: 100%; content: ""; left: 0px; right: 0px; z-index: 1; }
.blog-overlay .blog-name { padding-left: 30px; position: absolute; bottom: 20px; left: 0px; right: 0px; width: 100%; z-index: 2; }
.blog-overlay .blog-image { overflow: hidden; position: relative; }
.blog-overlay .blog-image img { transition: 0.5s ease-in-out; }
.blog-overlay:hover .blog-image img { transform: scale(1.2); }
.blog-overlay:hover::before { z-index: 1; }
.blog-overlay .tag { background: rgb(132, 186, 63); color: rgb(255, 255, 255); padding: 2px 10px; }
.video-attribute { position: absolute; bottom: 10px; right: 10px; }
@media print { .sidebar, footer, .admin-header, header, .page-title, #back-to-top, .action-box { display: none !important; } }
h1, h2, h3, h4, h5, h6 { font-family: "Fira Sans", sans-serif; margin-top: 0px; font-weight: bold; }
@media (min-width: 1200px) { .container { max-width: 1170px; } }
@media (max-width: 1200px) { h2 { font-size: 28px; } h4 { font-size: 18px; } }
@media only screen and (min-width: 992px) and (max-width: 1200px) { .container { max-width: 94%; } }
@media only screen and (min-width: 768px) and (max-width: 999px) { .container { max-width: 96%; } }
@media (max-width: 991px) { .sm-mb-30 { margin-bottom: 30px !important; } h2 { font-size: 25px; line-height: 35px; } h3 { font-size: 20px; } h4 { font-size: 17px; } .button + .button { margin-left: 3px; } ul.page-breadcrumb { padding-top: 10px; } .blog-overlay .blog-image img { width: 100%; } }
@media (max-width: 767px) { h1 { font-size: 30px; } h2 { font-size: 26px; } ul.page-breadcrumb { padding-top: 30px; } .owl-carousel .owl-dots { bottom: -15px; } }
@media (max-width: 600px) { h3 { font-size: 22px; } .owl-carousel .owl-dots { bottom: 20px; } }
@media (max-width: 767px) { .container { max-width: 100%; } }
@media (max-width: 479px) { h2 { font-size: 22px; line-height: 30px; } .nav.nav-tabs li { display: block; float: none; margin-bottom: 10px; text-align: center; } .owl-carousel .owl-dots { bottom: 0px; } }
::selection { background: rgb(55, 197, 166); color: rgb(255, 255, 255); text-shadow: none; }
.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.accordion-border .acd-group.acd-active .acd-heading, .accordion.accordion-border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title::before, .section-title.bg span, .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary > .panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(2n+1) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: rgb(55, 197, 166); }
.popup-video-image a i, .conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon, .login-box-theme::before, .login-box-theme::after, .blog-overlay .tag, .blog.blog-simple .tag, .section-title.line-dabble .title::after, .book-counter .counter .icon, .plumber-contact .contact-form .section-field .form-control, .feature-box .feature-border, .skill-bar, .button.button-border:hover, .button.button-border:focus, .tab .nav.nav-tabs > li > a.active, .page-item.active .page-link, .button.button-border.gray:hover, .button.button-border.gray:focus, .bootstrap-datetimepicker-widget table td span.active, .section-title span.theme-bg, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus, .btn-primary.focus, .btn-primary:focus, .wishlist-page .table td.total a:hover, .wishlist-page .table td.total a:hover, .service ul li a:hover, .service ul li a.active, .fc-today-button, .fc-event, .fc-event-dot, .marketing-tab ul.nav.nav-tabs::before, .marketing-tab .tab-vertical .nav.nav-tabs li a, .play-video-section.black-button .play-video:hover, .portfolio-item .portfolio-overlay a.tag { background: rgb(55, 197, 166); }
a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.dropcap-border, .dropcap.gray, .feature-box i, #two + label::before, #two + label::after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active > .badge, .nav-pills > .active > a > .badge, .btn-primary .badge, ul.list li::after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info::before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(2n), section:focus .title-effect:nth-child(2n), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon::before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > li > a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover::before, .st-menu ul.menu li a.active::before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info, .header.fancy .mega-menu.desktopTopFixed .menu-links > li > a:hover, .header.fancy .mega-menu.desktopTopFixed .menu-links > li.active > a { color: rgb(55, 197, 166); }
.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.dropcap-border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label::before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary > .panel-heading, .panel-primary, .nav .open > a, .nav .open > a:focus, .nav .open > a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: rgb(55, 197, 166); }
.bg-overlay-theme-30::before { background: rgba(55, 197, 166, 0.3); }
*, ::before, ::after { margin: 0px; padding: 0px; box-sizing: border-box; }
h1 { padding: 50px 0px; font-weight: 400; text-align: center; }
.Nblue { color: blue; }
.Nbold { font-weight: bold; }
a img { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.table td { border-bottom: 1px solid rgba(71, 69, 70, 0.53); }
.cardborder { border: 1px solid rgba(0, 0, 0, 0.1) !important; }
.cardnoborder { border: 0px !important; padding: 15px !important; }
#NEWS_GRP { padding: 7px; border: 1px solid rgb(221, 221, 221); border-radius: 7px; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 7px; }
.parametr td, th { padding: 0.25rem; }
.parametr td { padding-left: 0.5rem; }
.show { animation-name: show; animation-duration: 0.5s; animation-fill-mode: forwards; display: block; }