/* Базовые исправления для адаптивности */
* {
  box-sizing: border-box;
}

body {
  width: 100%;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

/**/
.feedback-akcii {
  max-width: 45%;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: solid 1px #e8e8e8;
  border-radius: 15px;
  padding: 40px 0;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 0px 0px 15px 0px rgba(34, 60, 80, 0.2);
  box-shadow: 0px 0px 15px 0px rgba(34, 60, 80, 0.2);
  position: relative;
  z-index: 12;
  display: none;
  background-color: white;
  position: absolute;
  top: 200px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}

.akcii_logo {
  max-width: 230px;
  width: 100%;
}

.feedback-akcii .mf-name input {
  border-radius: 15px;
  color: black;
}

#akcii_close {
  top: -35px;
  right: -35px;
  cursor: poiner;
  z-index: 12;
}

#get_akcii {
  cursor: pointer;
}

.akcii-btn {
  color: black;
  margin-top: 20px;
  border-radius: 5px;
  max-width: 35%;
  width: 100%;
}

/**/

.feedback-akcii {
  max-width: 45%;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: solid 1px #e8e8e8;
  border-radius: 15px;
  padding: 40px 0;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 0px 0px 15px 0px rgba(34, 60, 80, 0.2);
  box-shadow: 0px 0px 15px 0px rgba(34, 60, 80, 0.2);
  position: relative;
  z-index: 12;
  display: none;
  background-color: white;
  position: absolute;
  top: 200px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}

.akcii_logo {
  max-width: 230px;
  width: 100%;
}

.feedback-akcii .mf-name input {
  border-radius: 15px;
  color: black;
}

#akcii_close {
  top: -35px;
  right: -35px;
  cursor: poiner;
  z-index: 12;
}

#get_akcii {
  cursor: pointer;
}

.akcii-btn {
  color: black;
  margin-top: 20px;
  border-radius: 5px;
  max-width: 35%;
  width: 100%;
}

.footer__title {
  font-size: 17px;
  font-weight: normal;
}

.background_akcii {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.3;
  z-index: 10;
}

.popup-fade {
  display: none;
}

.popup-fade:before {
  content: "";
  background: #000;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  z-index: 9999;
}

.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  padding: 40px;
  width: 500px;
  margin-left: -300px;
  background: #fff;
  border: 3px solid #003399;
  border-radius: 4px;
  z-index: 99999;
  opacity: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.popup-close {
  position: absolute;
  cursor: pointer;
  top: 10px;
  right: 10px;
  backface-visibility: hidden;
  transition:
    opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1),
    transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
  transition-delay: 0.3s;
  z-index: 9999999;
}

.popup-close svg {
  width: 20px;
  height: 20px;
}

form {
  width: 100%;
}

label {
}

input {
  display: block;
  width: 100%;
  line-height: 20px;
  font-size: 14px;
  padding: 15px 0 15px 20px;
  border: 1px solid #b7b7b7;
  outline: none;
  background: #fff;
  color: #b7b7b7;
}

input::placeholder {
  color: #b7b7b7;
}

input.btn {
  padding: 10px;
  height: initial;
}

.check_politic {
  margin: 20px 0;
}

.check_politic input[type="checkbox"] {
  opacity: 0;
}

.check_politic label {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  line-height: 30px;
}

.check_politic label::before,
.check_politic label::after {
  position: absolute;
  content: "";
  display: inline-block;
}

.check_politic label::before {
  height: 22px;
  width: 22px;
  border-radius: 3px;
  border: 1px solid #1a2794;
  background: #1a2794;
  left: 0px;
  top: 3px;
  -webkit-box-shadow: inset 0px 0px 0px 12px rgba(255, 255, 255, 1);
  -moz-box-shadow: inset 0px 0px 0px 12px rgba(255, 255, 255, 1);
  box-shadow: inset 0px 0px 0px 12px rgba(255, 255, 255, 1);
  transition: all 0.3s;
}

.check_politic label::after {
  height: 7px;
  width: 13px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
  left: 5px;
  top: 8px;
}

.check_politic input[type="checkbox"] + label::after {
  content: none;
}

.check_politic input[type="checkbox"]:checked + label::after {
  content: "";
}

.check_politic input[type="checkbox"]:checked + label::before {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.check_politic input[type="checkbox"]:focus + label::before {
  outline: rgb(26, 39, 148) auto 5px;
}

.prodoc-img {
  width: 145px;
}

.feedback-fon {
  content: "";
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  display: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  overflow: auto;
}

.f1eedback-main {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  position: fixed;
  top: 50%;
  left: auto;
  right: auto;
  z-index: 99999 !important;
  opacity: 1 !important;
  transform: translateY(-50%);
  padding: 40px;
  width: auto;
  max-width: 80%;
  background-color: white;
  padding: 30px;
}

.prodoc-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

.prodoc-btn {
  transition: all 0.7s;
  justify-content: center;
  align-items: center;
  background: #1e3695;
  border-radius: 20px;
  width: 116px;
  height: 22px;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  display: flex;
  color: white;
  text-decoration: none;
}

.prodoc-btn:hover {
  color: white;
  text-decoration: none;
  transform: scale(1.1);
}

.footer-contacts .social-icons {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  text-align: left;
}

.footer-contacts .social-icons li {
  display: inline-block;
  padding: 0;
  margin: 0;
  float: none;
  margin: 5px 6px 5px 0;
}

.footer-contacts .social-icons li img {
  max-width: 32px;
}

.zvonok {
  display: block;
  border: 2px solid #003399;
  border-radius: 30px;
  color: #003399;
  cursor: pointer;
  font-size: 16px;
  text-decoration: none;
  padding: 10px 15px 10px 35px;
  position: relative;
  margin-top: 10px;
  margin-bottom: 0px;
}

.zvonok:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: url(/upload/callback_icon.png);
  background-size: contain;
  width: 25px;
  height: 25px;
}

.holidays {
  margin: 0;
  color: red;
  font-size: 16px;
}

.sidebar {
  position: fixed;
  right: 0;
  display: none;
  top: 45%;
  z-index: 99;
  background-color: white;
  padding: 10px 10px 10px 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.sideapp {
  position: fixed;
  top: 50%;
  z-index: 11;
  width: 35px;
  transition: 0.2s linear;
  border-radius: 10px 0px 0px 10px;
  right: 0;
  transform: translate(0%, -50%);
  padding: 10px 10px 10px 5px;
  background-color: white;
  -webkit-box-shadow: -4px 0px 14px 0px rgb(34 60 80 / 20%);
  -moz-box-shadow: -4px 0px 14px 0px rgba(34, 60, 80, 0.2);
  box-shadow: -4px 0px 14px 0px rgb(34 60 80 / 20%);
}

@media (max-width: 767px) {
  .sideapp {
    display: none;
  }
}

.sideapp-links {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.sideapp-link {
  display: inline-block;
  position: fixed;
  width: 28px;
  height: 28px;
  z-index: 9;
  right: 10px;
  background-color: white;
}

.sideapp-link img {
  background-color: white;
}

.sideapp-link-block {
  margin-bottom: 5px;
  display: flex;
  width: 100%;
  height: 28px;
  position: relative;
  align-items: center;
  justify-content: space-between;
}

.sideapp-link-block:last-child {
  margin-bottom: 0px;
}

.sideapp:hover {
  width: 250px;
  transition: 0.2s linear;
}

.sideapp:hover .sideapp-link-hide {
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  opacity: 1;
  transition: 0.2s;
}

.sideapp:hover .sideapp-link-hide p {
  margin: 0px;
}

.sideapp-links:hover .sideapp-link-hide {
  opacity: 1;
  transition: 0.2s;
}

.podlozhka {
  width: 42px;
  position: absolute;
  height: 100%;
  top: 0;
  z-index: 5;
  background-color: white;
  right: 0;
  border-radius: 10px 0px 0px 10px;
}

.sideapp-link-hide {
  opacity: 0;
  padding-left: 10px;
  font-size: 14px;
  transition: all 0.2s;
  white-space: nowrap;
}

/*======*/
.mobile_head_contact .phone {
  display: inline-block;
  position: relative;
  fill: #3249c6;
  font-size: 14px;
  line-height: 24px;
}

.phone {
  display: block;
  color: #003399;
  font-size: 28px;
  font-weight: bold;
  text-decoration: none;
  padding: 35px 0 10px 0px;
  margin-top: 30px;
  /* margin-bottom: 10px;*/
  /* удалить*/
  fill: #295cc2;
  position: relative;
}

.mobile_head_contact .address {
  font-size: 14px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  fill: #3249c6;
}

.closeForm {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 99;
}

.phone svg {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
}

.address {
  margin-top: 20px;
  color: rgb(0, 51, 153);
}

/* /06,09,2024 */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
img,
legend {
  border: 0;
}

legend,
td,
th {
  padding: 0;
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
optgroup,
strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre,
textarea {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ==========================================================================
    BASE SITE STYLES */
/* ========================================================================== */
html,
body {
  height: 100%;
  /* min-width: 992px; */
}

body {
  position: relative;
  /* min-width: 992px; */
}

html,
button,
input,
select,
textarea {
  color: #4c4c4c;
}

p ul li {
  margin: 0;
  padding: 0;
}

body {
  font-size: 17px !important;
  line-height: 24px;
  font-family: Arial, sans-serif;
  color: #4c4c4c;
  background: #f5f5f5;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  background: rgba(0, 0, 0, 0.2);
  margin: 1em 0;
  padding: 0;
}

.container-white hr,
.white-box hr,
.white-content-box hr {
  background: #e8e8e8;
}

img {
  vertical-align: middle;
  max-width: 100%;
}

.bxedtaskbarset img {
  max-width: none;
}

.bx-yandex-view-map img {
  max-width: inherit;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
  line-height: 24px;
}

a,
.pseudolink {
  color: #3249c6;
  text-decoration: none;
}

a:hover,
.pseudolink:hover,
a:focus,
.pseudolink:focus,
a.active,
.pseudolink.active {
  color: #3650db;
  text-decoration: underline;
}

.border-link,
.dotted-link {
  display: inline-block;
  text-decoration: none;
  border-bottom: solid 1px rgba(50, 73, 198, 0.4);
  padding: 0;
  line-height: 1.1;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.border-link:hover,
.dotted-link:hover,
.border-link:focus,
.dotted-link:focus,
.border-link.active,
.dotted-link.active {
  color: #3650db;
  text-decoration: none;
  border-bottom-color: #3650db;
}

.dotted-link {
  border-bottom-style: dotted;
}

.border-link-dark {
  color: #4c4c4c;
  border-bottom: solid 1px rgba(50, 73, 198, 0.2);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.border-link-dark:hover,
.border-link-dark:focus {
  text-decoration: none;
  color: #3650db;
  border-bottom-color: #3650db;
}

*[data-target-self],
*[data-target-blank],
.pseudolink {
  cursor: pointer;
}

h1,
.h1 {
  margin: 0;
  font:
    normal 26px/40px Arial,
    sans-serif;
  color: #000000;
}

h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin: 1em 0;
}

h2,
.h2 {
  font:
    normal 23px/30px Arial,
    sans-serif;
}

h3,
.h3 {
  font:
    normal 20px/26px Arial,
    sans-serif;
}

h4,
.h4 {
  font:
    bold 18px/22px Arial,
    sans-serif;
}

h5,
.h5 {
  font:
    bold 16px/20px Arial,
    sans-serif;
}

h6,
.h6 {
  font:
    bold 14px/18px Arial,
    sans-serif;
}

:-moz-placeholder {
  color: #b4b4b4;
}

:-ms-input-placeholder {
  color: #b4b4b4;
}

::-webkit-input-placeholder {
  color: #b4b4b4;
}

blockquote {
  background: rgba(180, 180, 180, 0.2);
  border-left: 2px solid #b4b4b4;
  margin: 1.5em 10px;
  padding: 1em 10px;
  quotes: "\201C" "\201D" "\2018" "\2019";
  position: relative;
}

blockquote cite {
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
  color: #808080;
}

blockquote:before,
blockquote:after {
  color: #b4b4b4;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  position: absolute;
}

blockquote:after {
  content: close-quote;
  bottom: -15px;
  right: -10px;
  position: absolute;
}

/* ==========================================================================
   CODE */
/* ========================================================================== */
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #ffffff;
  background-color: #333333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: none;
  box-shadow: none;
}

pre code {
  padding: 0;
  line-height: 1.4;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

pre code,
pre code.hljs {
  font-size: 14px;
}

/* ==========================================================================
   GRID */
/* ========================================================================== */
.content {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 992px;
  max-width: 1024px;
}

.content:before,
.content:after {
  content: " ";
  display: table;
}

.content:after {
  clear: both;
}

.content .content {
  width: auto;
  max-width: auto;
  min-width: initial;
}

.bx-ie .content .content {
  min-width: auto;
}

@media (max-width: 768px) {
  .content .content {
    margin-left: -5px;
    margin-right: -5px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .content .content {
    margin-left: -10px;
    margin-right: -10px;
  }
}

@media (min-width: 992px) and (max-width: 1279px) {
  .content .content {
    margin-left: -10px;
    margin-right: -10px;
  }
}

@media (min-width: 1280px) {
  .content .content {
    margin-left: -10px;
    margin-right: -10px;
  }
}

.col {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .col {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 992px) and (max-width: 1279px) {
  .col {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 1280px) {
  .col {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.col {
  float: left;
}

.col-12 {
  width: 100%;
}

.col-11 {
  width: 91.66666667%;
}

.col-10 {
  width: 83.33333333%;
}

.col-9 {
  width: 75%;
}

.col-8 {
  width: 66.66666667%;
}

.col-7 {
  width: 58.33333333%;
}

.col-6 {
  width: 50%;
}

.col-5 {
  width: 41.66666667%;
  float: right;
}

.col-4 {
  width: 33.33333333%;
}

.col-3 {
  width: 25%;
}

.col-2 {
  width: 16.66666667%;
}

.col-1 {
  width: 8.33333333%;
}

.center-block {
  margin: 0 auto;
}

@media (max-width: 767px) {
  .col-mb-hide,
  .mb-hide,
  .tablet-block,
  .dt-block,
  .ld-block {
    display: none;
  }

  .mb-block {
    display: block;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-hide,
  .tablet-hide,
  .mb-block,
  .dt-block,
  .ld-block {
    display: none;
  }

  .tablet-block {
    display: block;
  }
}

@media (min-width: 992px) and (max-width: 1279px) {
  .col-dt-hide,
  .dt-hide,
  .mb-block,
  .tablet-block,
  .ld-block {
    display: none;
  }

  .dt-block {
    display: block;
  }
}

@media (min-width: 1280px) {
  .col-ld-hide,
  .ld-hide,
  .mb-block,
  .tablet-block,
  .dt-block {
    display: none;
  }

  .ld-block {
    display: block;
  }
}

@media (max-width: 768px) {
  .col-padding {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-padding {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1279px) {
  .col-padding {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media (min-width: 1280px) {
  .col-padding {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media (max-width: 768px) {
  .col-margin {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-margin {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1279px) {
  .col-margin {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media (min-width: 1280px) {
  .col-margin {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  .col-margin-bottom {
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-margin-bottom {
    margin-bottom: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1279px) {
  .col-margin-bottom {
    margin-bottom: 20px;
  }
}

@media (min-width: 1280px) {
  .col-margin-bottom {
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  .col-margin-top {
    margin-top: 10px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-margin-top {
    margin-top: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1279px) {
  .col-margin-top {
    margin-top: 20px;
  }
}

@media (min-width: 1280px) {
  .col-margin-top {
    margin-top: 20px;
  }
}

/* ==========================================================================
   BUTTONS */
/* ========================================================================== */
form {
  position: relative;
}

.btn {
  position: absolute;
  left: 0;
  display: inline-block;
  color: #ffffff;
  margin-bottom: 0;
  font:
    normal 17px/36px Arial,
    sans-serif;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background: url("/upload/search_icon.png") no-repeat center;
  border: 0;
  text-decoration: none;
  white-space: nowrap;
  height: 36px;
  padding: 0 20px;
  border-radius: 20px;
  text-shadow: none;
  box-shadow: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.btn-green {
  position: relative;
  left: initial;
  display: inline-block;
  color: #ffffff;
  margin-bottom: 0;
  font:
    normal 16px/36px Arial,
    sans-serif;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  background: #3650db;
  border: 0;
  text-decoration: none;
  white-space: nowrap;
  height: 36px;
  padding: 0 20px;
  border-radius: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus {
  outline: 0;
  color: #ffffff;
  /*background: #3249c6;*/
  text-decoration: none;
}

.btn:active,
.btn.active {
  outline: 0;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
}

.btn-primary {
  background: #3650db;
  color: #ffffff;
}

.btn-primary:hover,
.btn-primary:focus {
  color: #ffffff;
  background: #233dc5;
  text-decoration: none;
}

.btn-primary:active,
.btn-primary.active {
  color: #ffffff;
  background: #233dc5;
}

.btn-secondary {
  background: #3249c6;
  color: #ffffff;
}

.btn-secondary:hover,
.btn-secondary:focus {
  color: #ffffff;
  background: #2a3da5;
  text-decoration: none;
}

.btn-secondary:active,
.btn-secondary.active {
  color: #ffffff;
  background: #2a3da5;
}

.btn-block {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.btn-square {
  border-radius: 0;
}

.btn-link {
  color: #3249c6;
  cursor: pointer;
  border-radius: 0;
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
}

.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none;
}

.btn-link:hover,
.btn-link:focus {
  color: #3650db;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  background-color: transparent;
  color: #3650db;
  text-decoration: none;
}

.btn-big {
  height: 44px;
  line-height: 44px;
  padding: 0 22px;
  border-radius: 40px;
}

.btn-small {
  height: 32px;
  font:
    normal 14px Arial,
    sans-serif;
  line-height: 32px;
  padding: 0 10px;
  min-width: 15px;
}

.btn-mini {
  height: 24px;
  font:
    normal 13px Arial,
    sans-serif;
  line-height: 24px;
  padding: 0 10px;
}

.btn-outline {
  background-color: transparent;
  color: #3650db;
  border: solid 1px #cecece;
  line-height: 34px;
}

.btn-outline:hover,
.btn-outline:focus {
  color: #ffffff;
  background: #3650db;
  text-decoration: none;
  border-color: #3650db;
}

.btn-outline:active,
.btn-outline.active {
  color: #ffffff;
  background: #3249c6;
  border-color: #3249c6;
}

.btn-outline.btn-big {
  line-height: 42px;
}

.btn-outline.btn-small {
  line-height: 30px;
}

.btn-outline.btn-mini {
  line-height: 22px;
}

.btn-outline-bold {
  border-width: 2px;
  line-height: 32px;
}

.btn-outline-bold.btn-big {
  line-height: 40px;
}

.btn-outline-bold.btn-small {
  line-height: 28px;
}

.btn-outline-bold.btn-mini {
  line-height: 20px;
}

.btn-outline.disabled {
  color: #4c4c4c;
}

.btn-schedule {
  display: block;
  width: 100%;
  background-color: transparent;
  color: #3650db;
  border: solid 2px #cecece;
  font:
    normal 17px/28px Arial,
    sans-serif;
  height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.btn-schedule:hover,
.btn-schedule:focus {
  color: #ffffff;
  background: #3650db;
  text-decoration: none;
  border-color: #3650db;
}

.btn-schedule:active,
.btn-schedule.active {
  color: #ffffff;
  background: #3249c6;
  border-color: #3249c6;
}

.btn-bottom-right {
  position: absolute;
  bottom: 30px;
  right: 30px;
}

/* ==========================================================================
   ICONS */
/* ========================================================================== */
.icon {
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 20px;
  vertical-align: text-top;
  background: url("images/all-icons-darkblue.png") 0 0 no-repeat;
}

@media screen and (min-resolution: 192dpi) {
  .icon {
    background-image: url("images/all-icons-darkblue@2x.png");
    background-size: 80px 180px;
  }
}

.icon-record,
.icon-lk {
  background-position: 0 0;
  width: 30px;
  height: 30px;
  float: left;
}

.icon-lk {
  background-position: 0 -30px;
}

.icon-search {
  background-position: -40px -40px;
  vertical-align: baseline;
  display: block;
}

.icon-addcomment {
  background-position: 0 -60px;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin-right: 10px;
}

.icon-dot {
  background-position: -60px -150px;
  width: 11px;
  height: 11px;
  vertical-align: baseline;
}

.icon-help {
  background-position: 0 -150px;
  cursor: pointer;
}

.icon-help:hover,
.icon-help:focus {
  background-position: -30px -150px;
}

.icon-search-reset {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAATUlEQVR42pWRAQoAIAgDfXiKD6u3VQKDQGY1iGTcBFXcfe7XhCsYDS4KQ6AC44dhMCgIpQABWWCUIHSA/QYq6cynTjMwkPowXvf8dcEF0ml9AAlSf/kAAAAASUVORK5CYII=")
    no-repeat 50% 50%;
  vertical-align: top;
  opacity: 0.6;
  position: relative;
  top: -1px;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

button:hover .icon-search-reset,
button:focus .icon-search-reset {
  opacity: 1;
}

/* ==========================================================================
   FORMS */
/* ========================================================================== */
.input {
  display: inline-block;
  width: 100%;
  line-height: 15px;
  padding: 0 10px;
  position: relative;
  margin-bottom: 12px;
  color: #4c4c4c;
  vertical-align: middle;
  border: 0;
  outline: none;
  background-color: transparent;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.input:focus {
  outline: none;
  border-color: #3650db;
}

textarea.input {
  padding: 10px;
  height: auto;
}

select.input {
  padding: 0;
  cursor: pointer;
  border-radius: 5px;
  -webkit-appearance: menulist;
}

select.input[multiple],
select.input.multiple {
  -webkit-appearance: none;
  height: auto;
}

.input[type="file"] {
  padding: 5px;
}

.input[type="number"],
.input[type="date"],
.input[type="time"] {
  padding: 0 0 0 10px;
}

.input[type="color"] {
  padding: 0;
}

.input-required,
.input[required] {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAI5JREFUeNpi/P//PwM1ARMDlcGogaMGkgEYdysrEK3Y5c59klzoC8T7gPgzFIPYPuR6uQWINwGxIxDzQDGIvRkqR5KBIFdU41FTDXU90QYWEaGukBQDTYhQZ0LtZMNIioFniFB3mhQD+4lQ10+KgaCk0YpHTStUDUlhWAPE/kC8H4i/QjGI7QeVIxoABBgA0UkaIFtFpqkAAAAASUVORK5CYII=");
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: 100% 0;
}

.input.disabled,
.input-disabled,
.input:disabled {
  opacity: 0.5;
}

.input.disabled:hover,
.input-disabled:hover,
.input:disabled:hover {
  background-color: #ffffff;
  color: #4c4c4c;
}

.input-block {
  width: 100%;
}

.input-search {
  padding: 10px 30px;
  border-bottom: 1px solid #bdbdbd;
}

.input-accent {
  border-color: #3650db;
  box-shadow:
    inset 0 2px 1px rgba(0, 0, 0, 0.05),
    0 0 5px #3650db;
}

.input-pulse {
  border-color: #3650db;
  -webkit-animation-name: inputPulse;
  animation-name: inputPulse;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.input-pulse:focus {
  -webkit-animation-name: none;
  animation-name: none;
}

.checkbox {
  position: absolute;
  left: -9999px;
}

.checkbox + label {
  cursor: pointer;
  margin-top: 4px;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkbox + label > span,
label > .checkbox + span {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: -2px 10px 0 0;
  vertical-align: middle;
  background: #ffffff;
  cursor: pointer;
  border: solid 1px #b4b4b4;
  border-radius: 2px;
  position: relative;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.checkbox + label:hover > span,
label:hover > .checkbox + span {
  border-color: #b4b4b4;
}

.checkbox:checked + label > span,
label > .checkbox:checked + span {
  border-color: #b4b4b4;
}

.checkbox:checked + label > span:before,
label > .checkbox:checked + span:before {
  content: " ";
  position: absolute;
  border: solid #3650db;
  border-width: 0 0 2px 2px;
  height: 4px;
  width: 9px;
  left: 3px;
  top: 4px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.checkbox:focus + label > span,
label > .checkbox:focus + span {
  border-color: #3650db;
}

.checkbox:focus + label,
label > .checkbox:focus {
  color: #3650db;
}

.checkbox:checked:disabled + label > span,
.checkbox:checked:disabled + label:hover > span {
  border-color: #4c4c4c;
  background-color: #7f7f7f;
  cursor: default;
}

.checkbox:checked:disabled + label > span:before,
.checkbox:checked:disabled + label:hover > span:before {
  border-color: #4c4c4c;
}

.checkbox:disabled + label > span,
.checkbox:disabled + label > span:hover,
.checkbox:disabled + label:hover > span {
  border-color: #4c4c4c;
  background-color: #666666;
  cursor: default;
}

.checkbox:disabled + label > span:before,
.checkbox:disabled + label > span:hover:before,
.checkbox:disabled + label:hover > span:before {
  border-color: #4c4c4c;
}

.checkbox:disabled + label,
.checkbox:disabled + label:hover {
  color: #4c4c4c;
  cursor: default;
}

.radio {
  position: absolute;
  left: -9999px;
}

.radio + label {
  cursor: pointer;
  margin-top: 4px;
  display: inline-block;
}

.radio + label > span {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: -2px 10px 0 0;
  vertical-align: middle;
  background: #ffffff;
  cursor: pointer;
  border: solid 1px #b4b4b4;
  position: relative;
  border-radius: 10px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.radio + label:hover > span,
.radio + label:focus > span {
  border-color: #b4b4b4;
}

.radio:checked + label > span {
  border-color: #b4b4b4;
}

.radio:checked + label > span:before {
  content: " ";
  position: absolute;
  height: 12px;
  width: 12px;
  background: #3650db;
  left: 3px;
  top: 3px;
  background-image: -webkit-linear-gradient(left, #000000 0%, #ffffff 100%);
  background-image: -o-linear-gradient(left, #000000 0%, #ffffff 100%);
  background-image: linear-gradient(
    rgba(255, 255, 255, 0.2) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  border-radius: 15px;
}

.radio:focus + label > span {
  border-color: #3650db;
}

.radio:focus + label {
  color: #3650db;
}

.radio:checked:disabled + label > span,
.radio:checked:disabled + label:hover > span {
  border-color: #4c4c4c;
  background-color: #7f7f7f;
  cursor: default;
}

.radio:checked:disabled + label > span:before,
.radio:checked:disabled + label:hover > span:before {
  background: #4c4c4c;
}

.radio:disabled + label > span,
.radio:disabled + label > span:hover,
.radio:disabled + label:hover > span {
  border-color: #4c4c4c;
  background-color: #666666;
  cursor: default;
}

.radio:disabled + label > span:before,
.radio:disabled + label > span:hover:before,
.radio:disabled + label:hover > span:before {
  background: #4c4c4c;
}

.radio:disabled + label,
.radio:disabled + label:hover {
  color: #4c4c4c;
  cursor: default;
}

.bx-auth-reg .alert p {
  margin: 0 !important;
}

.form-control {
  margin: 1em 0;
}

.form-control .input {
  margin: 0;
}

.form-label {
  display: inline-block;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .form-label {
    text-align: right;
  }
}

.alert-label {
  display: inline-block;
  position: relative;
  padding-left: 40px;
  line-height: 36px;
  vertical-align: middle;
  margin-bottom: 10px;
}

.alert-label:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  margin-top: -16px;
  width: 29px;
  height: 26px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAaCAYAAABLlle3AAABpklEQVR42rWVsUsCURzHUw1BCmwQbhLsD3BycnMtF0dbHIJwFYfcbMr+AqWlWhQUaqpJaAhvyqXJ6Q6aDhoKgrChsu+Dr8vJ3bt33hM+yO+93+/3uXf8Hrel+qtUKilwDp5AV8SqPcJIR2AJbP6PdAsPKOox7jE+1CXcBnPwBjJcyzCei30d0iZP1XCtN7jejFqYBR/gBSRcewmxzv1slNI+T1P22C9zvx+VsAB+wK0k7455hSikj2AB8pK8PPgW+ZsKq3xt3fXd5BJMXPld5lfDClPABg7YCSjdBQ7rUmGkbT51nUtSKevqrGurCg3wCZ5BXFEaF3WsN1SkN+APlLyzku9g7FFfYv11UGER/IKBf2bSApc+fQbsU5QJY8AEXyAnkc7AhU+vHPtMQcxPesQh6IhYIp2AU8khOuxX80pIg1eSDiAdgxMG6j2ZcOZ6Kpl0L+CM1Ni3I3n/ciGweGWCzMl0bU4QDF2TJpPu855aijdiKLtTUX+Tr+gprU65AIZmqUHPUAQmsEFcszRBjymCFqfLATONOPS0VtN1DB40S+/pif0D53VSSqAissQAAAAASUVORK5CYII=")
    no-repeat 0 0;
}

@-webkit-keyframes inputPulse {
  from {
    border-color: #b4b4b4;
    box-shadow:
      inset 0 2px 1px rgba(0, 0, 0, 0.05),
      0 0 0 rgba(0, 0, 0, 0);
  }

  50% {
    border-color: #3650db;
    box-shadow:
      inset 0 2px 1px rgba(0, 0, 0, 0.05),
      0 0 12px rgba(54, 80, 219, 0.5);
  }

  to {
    border-color: #b4b4b4;
    box-shadow:
      inset 0 2px 1px rgba(0, 0, 0, 0.05),
      0 0 0 rgba(0, 0, 0, 0);
  }
}

@keyframes inputPulse {
  from {
    border-color: #b4b4b4;
    box-shadow:
      inset 0 2px 1px rgba(0, 0, 0, 0.05),
      0 0 0 rgba(0, 0, 0, 0);
  }

  50% {
    border-color: #3650db;
    box-shadow:
      inset 0 2px 1px rgba(0, 0, 0, 0.05),
      0 0 12px rgba(54, 80, 219, 0.5);
  }

  to {
    border-color: #b4b4b4;
    box-shadow:
      inset 0 2px 1px rgba(0, 0, 0, 0.05),
      0 0 0 rgba(0, 0, 0, 0);
  }
}

/* ==========================================================================
     TABLES */
/* ========================================================================== */
.responsive-table {
  position: relative;
  width: 100%;
}

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}

.table th,
.table td {
  padding: 10px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #e8e8e8;
}

.table th {
  font-weight: bold;
  background: #f2f2f2;
}

.table thead th {
  vertical-align: bottom;
}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}

.table tbody + tbody {
  border-top: 2px solid #e8e8e8;
}

.table .table {
  background-color: #f0f0f0;
}

.table-bordered {
  border: 1px solid #e8e8e8;
  border-collapse: separate;
  border-left: 0;
}

.table-bordered th,
.table-bordered td {
  border-left: 1px solid #e8e8e8;
}

.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}

.table-bordered tbody + tbody tr:first-child td {
  border-top: solid 2px #e8e8e8;
}

.table-striped tbody > tr:nth-child(even) > td,
.table-striped tbody > tr:nth-child(even) > th {
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-box .table-striped tbody > tr:nth-child(even) > td,
.primary-box .table-striped tbody > tr:nth-child(even) > th,
.secondary-box .table-striped tbody > tr:nth-child(even) > td,
.secondary-box .table-striped tbody > tr:nth-child(even) > th {
  background-color: rgba(255, 255, 255, 0.2);
}

.table-hover tr:hover > th,
.table-hover tr:hover > td {
  background-color: #f0f0f0;
}

.table-noborder th,
.table-noborder td {
  border: 0;
  padding: 8px;
}

.table-noborder th p:first-child,
.table-noborder td p:first-child {
  margin-top: 0;
}

.table-noborder th p:last-child,
.table-noborder td p:last-child {
  margin-bottom: 0;
}

.table-noborder th:first-child,
.table-noborder td:first-child {
  padding-left: 0;
}

.table-noborder th:last-child,
.table-noborder td:last-child {
  padding-right: 0;
}

.table-white-box {
  border-radius: 3px;
}

.table-white-box td,
.table-white-box th {
  background: #ffffff;
  padding: 20px;
}

.table-white-box th {
  vertical-align: middle;
}

.table-white-box thead:first-child tr:first-child th:first-child,
.table-white-box tbody:first-child tr:first-child th:first-child,
.table-white-box tbody:first-child tr:first-child td:first-child {
  border-radius: 3px 0 0 0;
}

.table-white-box thead:first-child tr:first-child th:last-child,
.table-white-box tbody:first-child tr:first-child th:last-child,
.table-white-box tbody:first-child tr:first-child td:last-child {
  border-radius: 0 3px 0 0;
}

.table-white-box tbody:last-child tr:last-child td:first-child {
  border-radius: 0 0 0 3px;
}

.table-white-box tbody:last-child tr:last-child td:last-child {
  border-radius: 0 0 3px 0;
}

.table-white-box tbody > tr:nth-child(even) > td,
.table-white-box tbody > tr:nth-child(even) > th {
  background-color: #fcfcfc;
}

/* Breadcrumb
-----------------------------------------------------------------------------*/
.breadcrumb {
  margin-bottom: 20px;
}

.breadcrumb ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  color: #808080;
  margin-bottom: 20px;
}

.breadcrumb ul li {
  display: inline-block;
  margin: 0 5px 0 0;
  vertical-align: middle;
}

.breadcrumb ul li .crumb_marker {
  font-size: 20px;
  color: #808080;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #cccccc;
}

.mfp-preloader a:hover {
  color: white;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid white;
  margin-left: 31px;
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid white;
  margin-left: 39px;
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444;
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape),
  screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

.mfp-ie7 .mfp-img {
  padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
  padding: 0;
}

.mfp-ie7 .mfp-content {
  padding-top: 44px;
}

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

/* ==========================================================================
   TOPNAVI */
/* ========================================================================== */
.container-top-navigation {
  position: relative;
  background: #e8ecf7;
  color: #003399;
  padding: 0;
  line-height: 22px;
  /*z-index: 1001;*/
}

.container-top-navigation > .content > .col {
  position: static;
}

.container-top-navigation ul,
.container-top-navigation li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.container-top-navigation ul li {
  border-left: 3px solid #f4f4f4;
}

.container-top-navigation nav ul.root {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.container-top-navigation ul li:last-child {
  border-right: 3px solid #f4f4f4;
}

.container-top-navigation ul li a {
  display: block;
  min-width: 115px;
  text-align: center;
  padding: 10px 0;
  color: #003399;
  text-decoration: none;
  font-size: 16px;
  line-height: 30px;
}

.container-top-navigation ul li a:hover {
  background: rgba(255, 255, 255, 0.5);
}

.container-top-navigation ul li.active > a {
  font-weight: bold;
}

.container-top-navigation ul li ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1001;
  margin-top: 10px;
  color: #4c4c4c;
  background: #ffffff;
}

.container-top-navigation ul li ul:after {
  position: absolute;
  content: "";
  top: -10px;
  left: 0;
  right: 0;
  height: 10px;
  background: transparent;
}

.container-top-navigation ul li ul a {
  display: inline;
  padding: 0;
  color: #4c4c4c;
  font-size: 16px;
  border: 0;
  border-bottom: solid 1px rgba(50, 73, 198, 0.2);
  border-radius: 0;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.container-top-navigation ul li ul a:hover,
.container-top-navigation ul li ul a:focus {
  color: #3650db;
  border-bottom-color: #3650db;
  background: transparent !important;
}

.container-top-navigation ul li.parent {
  position: relative;
}

.container-top-navigation ul li.parent > a {
  position: relative;
  padding-right: 24px;
}

.container-top-navigation ul li.parent > a:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 20px;
  width: 0;
  height: 0;
  border: solid 4px transparent;
  border-top-color: #003399;
  margin-top: -1px;
}

.container-top-navigation ul li.parent:hover ul,
.container-top-navigation ul li.parent:focus ul {
  display: block;
}

@media (min-width: 1279px) {
  .container-top-navigation .root {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  /*.container-top-navigation .root:before,*/
  /*.container-top-navigation .root:after {*/
  /*    content: " ";*/
  /*    display: table;*/
  /*}*/
  /*.container-top-navigation .root:after {*/
  /*    clear: both;*/
  /*}*/
}

.container-top-navigation .root > li:hover > a,
.container-top-navigation .root > li:focus > a,
.container-top-navigation .root > li.active > a,
.container-top-navigation .root > li > a:hover,
.container-top-navigation .root > li > a:focus {
  font-weight: normal;
  background: rgba(0, 0, 0, 0.2);
}

.cn-modal {
  margin: 0 auto;
  background: #ffffff;
  position: relative;
  border-radius: 5px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}

.cn-modal.cn-modal-medium {
  width: 640px;
}

.cn-modal .content {
  width: auto;
  max-width: auto;
  min-width: initial;
}

.bx-ie .cn-modal .content {
  min-width: auto;
}

.cn-modal-close,
.cn-modal-close.mfp-close {
  color: #4c4c4c;
  cursor: pointer;
  margin: 4px 0 0 0;
  line-height: 50px;
  padding: 0;
  width: 50px;
  height: 50px;
  display: inline-block;
  font-size: 40px;
}

.cn-modal-header {
  font-size: 24px;
  padding: 15px 40px 15px 20px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  border-radius: 5px 5px 0 0;
}

.cn-modal-content {
  padding: 20px;
}

.cn-modal-footer {
  padding: 20px;
}

.cn-modal-error {
  margin: -20px -20px 0;
  padding: 10px 20px;
  background: #a42338;
  color: #3650db;
}

.cn-modal-error p {
  margin: 0;
  font-weight: bold;
}

.cn-modal-error font.errortext,
.cn-modal-error font.notetext {
  color: inherit !important;
}

.cn-modal-error.noerror {
  background: #409990;
}

.cn-modal-errors {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* ==========================================================================
   TABS */
/* ========================================================================== */
.tabs-switchers {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: solid 1px #e8e8e8;
}

.tabs-switchers:before,
.tabs-switchers:after {
  content: " ";
  display: table;
}

.tabs-switchers:after {
  clear: both;
}

.tabs-switcher {
  font-size: 19px;
  line-height: 20px;
  padding: 20px 25px;
  color: rgba(54, 80, 219, 0.8);
  float: left;
  cursor: pointer;
  position: relative;
  border-bottom: solid 2px transparent;
  margin-bottom: -2px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA7CAYAAAC69OBCAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAANUlEQVQY02O4ffv2fyYGBoZ/TAwMDH9RWQjiDyoLJ/EblUUS8Yuw2C/yTEZzGk4CzasI4h8AUNo9C9Iwh+4AAAAASUVORK5CYII=")
    no-repeat 100% 0;
}

.tabs-switcher.disabled,
.tabs-switcher.active,
.tabs-switcher.disabled:hover,
.tabs-switcher.active:hover {
  cursor: default;
}

.tabs-switcher.active {
  color: #4c4c4c;
  border-bottom-color: #3650db;
}

.tabs-switcher:hover {
  color: #4c4c4c;
}

.tabs-item {
  display: none;
  padding: 40px;
}

.tabs-item p:first-child {
  margin-top: 0;
}

.tabs-item p:last-child {
  margin-bottom: 0;
}

.tabs-item.active {
  display: block;
}

.tabs-gray .tabs-switchers {
  border-color: #dbdbdb;
}

.tabs-gray .tabs-switcher {
  background: none;
  color: #3650db;
  padding-left: 0;
  padding-right: 0;
  margin: 0 25px 0 0;
}

.tabs-gray .tabs-switcher.active,
.tabs-gray .tabs-switcher:hover {
  color: #4c4c4c;
}

.tabs-gray .tabs-item {
  padding: 0 0 20px 0;
}

.tabs-switcher.disabled,
.tabs-switcher.disabled:hover {
  cursor: default;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/*
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
  display: none;
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}

.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}

.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/*
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

.owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  margin: 0 15px 0 0;
  border: solid 3px #fff;
  background: white;
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  border-radius: 10px;
}

.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
  background: transparent;
}

/* perfect-scrollbar v0.6.3 */
.ps-container {
  -ms-touch-action: none;
  overflow: hidden !important;
}

.ps-container.ps-active-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
  display: block;
}

.ps-container.ps-in-scrolling {
  pointer-events: none;
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: rgba(0, 0, 0, 0.1);
  opacity: 0.9;
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: rgba(0, 0, 0, 0.2);
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: rgba(0, 0, 0, 0.1);
  opacity: 0.9;
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: rgba(0, 0, 0, 0.2);
}

.ps-container > .ps-scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  border-radius: 8px;
  opacity: 0;
  -webkit-transition:
    background-color 0.2s linear,
    opacity 0.2s linear;
  transition:
    background-color 0.2s linear,
    opacity 0.2s linear;
  bottom: 3px;
  /* there must be 'bottom' for ps-scrollbar-x-rail */
  height: 8px;
}

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  bottom: 0;
  /* there must be 'bottom' for ps-scrollbar-x */
  height: 8px;
}

.ps-container > .ps-scrollbar-y-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  border-radius: 8px;
  opacity: 0;
  -webkit-transition:
    background-color 0.2s linear,
    opacity 0.2s linear;
  transition:
    background-color 0.2s linear,
    opacity 0.2s linear;
  right: 3px;
  /* there must be 'right' for ps-scrollbar-y-rail */
  width: 8px;
}

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  right: 0;
  /* there must be 'right' for ps-scrollbar-y */
  width: 8px;
}

.ps-container:hover.ps-in-scrolling {
  pointer-events: none;
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: rgba(0, 0, 0, 0.1);
  opacity: 0.9;
}

.ps-container:hover.ps-in-scrolling.ps-x
  > .ps-scrollbar-x-rail
  > .ps-scrollbar-x {
  background-color: rgba(0, 0, 0, 0.2);
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: rgba(0, 0, 0, 0.1);
  opacity: 0.9;
}

.ps-container:hover.ps-in-scrolling.ps-y
  > .ps-scrollbar-y-rail
  > .ps-scrollbar-y {
  background-color: rgba(0, 0, 0, 0.2);
}

.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
  opacity: 0.6;
}

.ps-container:hover > .ps-scrollbar-x-rail:hover {
  background-color: rgba(0, 0, 0, 0.1);
  opacity: 0.9;
}

.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
  background-color: rgba(0, 0, 0, 0.2);
}

.ps-container:hover > .ps-scrollbar-y-rail:hover {
  background-color: rgba(0, 0, 0, 0.1);
  opacity: 0.9;
}

.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
  background-color: rgba(0, 0, 0, 0.2);
}

.tooltip {
  cursor: help;
}

.tooltipster-default {
  border-radius: 5px;
  border: 2px solid #4c4c4c;
  background: #4c4c4c;
  color: #ffffff;
  max-width: 100%;
}

.tooltipster-default .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px;
  overflow: hidden;
}

.tooltipster-icon {
  cursor: help;
  margin-left: 4px;
}

.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible;
}

.tooltipster-base .tooltipster-content {
  overflow: hidden;
}

.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.tooltipster-arrow span,
.tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}

.tooltipster-arrow-top span,
.tooltipster-arrow-top-right span,
.tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px;
}

.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px;
}

.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px;
}

.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px;
}

.tooltipster-arrow-top span,
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto;
}

.tooltipster-arrow-top-left span,
.tooltipster-arrow-bottom-left span {
  left: 6px;
}

.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px;
}

.tooltipster-arrow-top-right span,
.tooltipster-arrow-bottom-right span {
  right: 6px;
}

.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px;
}

.tooltipster-arrow-left span,
.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px;
}

.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px;
}

.tooltipster-arrow-right span,
.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px;
}

.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px;
}

.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}

.tooltipster-fade-show {
  opacity: 1;
}

.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}

.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}

.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0 !important;
  opacity: 0;
}

.tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0 !important;
  opacity: 0;
}

.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

/* ==========================================================================
   Файловые инпуты */
/* ========================================================================== */
.jq-file {
  border-radius: 2px;
  margin-bottom: 10px;
}

.jq-file input {
  cursor: pointer;
  height: auto;
  line-height: 1em;
}

.jq-file:active .jq-file__browse {
  color: #ffffff;
  background: #3650db;
  border-color: #3650db;
}

.jq-file:active .jq-file__name {
  border-color: #3650db;
  color: #3650db;
}

.jq-file.disabled {
  color: #b4b4b4;
  border-color: #b4b4b4;
}

.jq-file.disabled .jq-file__name {
  color: #b4b4b4;
  border-color: #b4b4b4;
}

.jq-file.disabled:hover .jq-file__browse,
.jq-file.disabled:active .jq-file__browse {
  background: #b4b4b4;
  border-color: #b4b4b4;
}

.jq-file.disabled .jq-file__browse {
  border-color: #b4b4b4;
  background: #b4b4b4;
  color: #4c4c4c;
}

.jq-file__name {
  box-sizing: border-box;
  width: 100%;
  height: 36px;
  padding: 0 80px 0 10px;
  color: #4c4c4c;
  font:
    15px/36px Arial,
    sans-serif;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border: solid 1px #b4b4b4;
  border-radius: 2px;
  box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.05);
}

.focused .jq-file__name {
  border-color: #3650db;
  color: #3650db;
}

.jq-file__browse {
  position: absolute;
  top: 0;
  right: 0;
  color: #ffffff;
  font:
    15px/36px Arial,
    sans-serif;
  padding: 0 10px;
  border-radius: 0 2px 2px 0;
  background: #3650db;
}

.focused .jq-file__browse {
  color: #ffffff;
  background: #233dc5;
}

/* ==========================================================================
   Селекты */
/* ========================================================================== */
select.styler {
  opacity: 0;
}

.jq-selectbox {
  vertical-align: middle;
  cursor: pointer;
  max-width: 100%;
  opacity: 0;
  -webkit-transition: opacity ease 0.1s;
  transition: opacity ease 0.1s;
}

.jq-selectbox.opacity-one {
  opacity: 1;
}

.jq-selectbox.disabled .jq-selectbox__select {
  background: #b4b4b4;
  color: #000000;
  opacity: 0.7;
  cursor: default;
  border-color: #cecece;
}

.jq-selectbox:hover .jq-selectbox__trigger-arrow {
  opacity: 1;
  filter: alpha(opacity=100);
}

.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.jq-selectbox ul {
  margin: 0;
  padding: 0;
}

.jq-selectbox li {
  min-height: 20px;
  padding: 8px 16px 8px 30px;
  position: relative;
  margin: 7px 0;
  color: #4c4c4c;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  font-size: 15px;
}

.jq-selectbox li:after {
  content: "";
  position: absolute;
  top: -4px;
  left: 30px;
  right: 0;
  height: 1px;
  background: #e8e8e8;
}

.jq-selectbox li:first-child:after {
  content: none;
}

.jq-selectbox li.selected:before,
.jq-selectbox li.sel:before {
  position: absolute;
  content: "";
  border: solid #3650db;
  border-width: 0 0 2px 2px;
  top: 50%;
  left: 8px;
  height: 4px;
  width: 9px;
  margin-top: -5px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.jq-selectbox li.selected:hover:before,
.jq-selectbox li.sel:hover:before {
  border-color: #ffffff;
}

.jq-selectbox li:hover {
  color: #ffffff;
  background: #3650db;
}

.jq-selectbox li.disabled {
  color: #b4b4b4;
  cursor: default;
}

.jq-selectbox li.disabled:hover {
  background: none;
}

.jq-selectbox li.optgroup {
  font-weight: bold;
}

.jq-selectbox li.optgroup:hover {
  background: none;
  color: #ffffff;
  cursor: default;
}

.jq-selectbox li.option {
  padding-left: 25px;
}

.jq-selectbox__select {
  height: 36px;
  padding: 0 40px 0 15px;
  border: solid 1px #cecece;
  border-radius: 20px;
  background: #ffffff;
  color: #000000;
  font:
    16px / 36px Arial,
    sans-serif;
}

.jq-selectbox__select:hover,
.jq-selectbox__select:active,
.focused .jq-selectbox__select,
.dropdown .jq-selectbox__select {
  color: #4c4c4c;
  border-color: #3650db;
}

.jq-selectbox__select-text {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

.jq-selectbox__trigger {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
}

.jq-selectbox__trigger-arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-top: -6px;
  margin-left: -4px;
  border: solid 2px #3650db;
  border-top: 0;
  border-right: 0;
  border-radius: 0 0 0 2px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: transform ease 0.3s;
  transition: transform ease 0.3s;
}

.opened .jq-selectbox__trigger-arrow {
  margin-top: -2px;
  -webkit-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  transform: rotate(-225deg);
}

.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
  border-color: #4c4c4c;
}

.jq-selectbox__dropdown {
  top: 36px;
  width: 100%;
  margin: 10px 0;
  padding: 0;
  font:
    16px / 20px Arial,
    sans-serif;
  background: #ffffff;
  border: solid 1px #cecece;
  border-radius: 1px;
  min-width: 180px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}

.jq-selectbox__search {
  margin: 0;
  padding: 10px;
  background: #fcfcfc;
  border-bottom: solid 1px #e8e8e8;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.jq-selectbox__search input {
  width: 100%;
  margin: 0;
  padding: 0 20px 0 40px;
  height: 36px;
  display: block;
  outline: none;
  border: solid 1px #cecece;
  border-radius: 20px;
  color: #4c4c4c;
  background: #ffffff
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABtUlEQVR42u3TQUuUURTGcS1HalWAUoFZqWlgWOHGcufMpkINw5VF7uoTFAUFUh9F+KEYAoYZRCFQq3IvA00gqNSgUMz2vRGQMLyvM3Oxpefunufwv4fnntuUXXL6FIzJ65Vrii/HTHurIuyd396Y0to44oiHtiVWPZHX47SLCp75LLFhWnMjkFM+SMzqy/D6zQneaa8H6VayZaRGx00/FF2oBTnju3Xn6lzV45uitv0z+WhLR8rIApUty87II4l8g88wKriXZRy3aTZiJRaVtKTlBxK9EZhrgsm0vGw1ckW/WEivfcXjSMyMHdUxuyQYicTcFnRWS3lBdyTmiuBGmtwRiekSjBx8mquC69VSr6AQiRkTnK2WWlQ8jcS8VE6LSz5FYtbMpcUpif4IyKDgTlputWE+ArOkqCXLmBbcahByVzCZbTVb8VNPQ0+96/X+druikst1U0lsOlGr5bx1v0zU6Jiwa1vwovZdbVYE7w1mzrEkWHTS8/qgZveVBF/NGDWgy4Bxr6wJiv+CTYGySs6kBTvC3imbN+7oXzcNqjdXpyEFQ1V/JwWKqkPQAUDD/wM0LPcHLqgsRPATNpMAAAAASUVORK5CYII=")
    no-repeat 12px 8px;
  background-size: 20px 20px;
  -webkit-appearance: textfield;
  box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.05);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
  -webkit-appearance: none;
}

.jq-selectbox__search input:focus {
  border-color: #3650db;
}

.jq-selectbox__not-found {
  margin: 0;
  padding: 10px;
  text-align: center;
  color: #3650db;
  font-size: 15px;
}

/* ==========================================================================
   COMMON STYLES */
/* ========================================================================== */
.container-white,
.white-box,
.white-content-box {
  background: #ffffff;
}

.container-white {
  border-bottom: solid 1px #e8e8e8;
}

.white-box,
.white-content-box {
  border-radius: 2px;
  border: solid 1px #e8e8e8;
}

.white-content-box {
  padding: 40px;
}

.white-content-box p:first-child {
  margin-top: 0;
}

.white-content-box p:last-child {
  margin-bottom: 0;
}

.container-h1 {
  padding-top: 20px;
}

/* ==========================================================================
   HEADER */
/* ========================================================================== */

#fix_header {
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  background-color: #f5f5f5;
  z-index: 9;
  transition: all 0.3s;
}

.fixOn {
  top: 0 !important;
}

.container-top-line {
  background: #f5f5f5;
  border-bottom: solid 1px #e8e8e8;
  padding: 8px 0;
}

.top-line-link {
  line-height: 30px;
  display: inline-block;
}

.logo-link {
  display: block;
  text-decoration: none;
}

.logo-link:hover,
.logo-link:focus {
  color: #3650db;
  text-decoration: none;
}

.logo-link img {
  float: left;
  margin-right: 20px;
}

.logo-block {
  font-size: 14px;
  color: #808080;
  display: block;
  overflow: hidden;
}

.logo-block .h1 {
  margin: 0;
  display: block;
}

a:hover .logo-block .h1,
a:focus .logo-block .h1 {
  color: #3650db;
}

.header-phone {
  font-size: 21px;
}

/* ==========================================================================
   SIDEBAR */
/* ========================================================================== */
/* ==========================================================================
   CONTENT */
/* ========================================================================== */
.big-stat-block {
  font:
    normal 60px/60px Arial,
    sans-serif;
  float: left;
  margin-right: 10px;
}

.half-stat-block {
  overflow: hidden;
  font:
    normal 19px/24px Arial,
    sans-serif;
  margin-top: 6px;
}

/* ==========================================================================
       BIG-SLIDER */
/* ========================================================================== */
.big-slider {
  height: 400px;
  background: url(images/loader.svg) no-repeat 50% 50%;
  overflow: hidden;
}

.big-slider .slider-item {
  opacity: 0;
  height: 400px;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.big-slider .slider-item-text {
  position: absolute;
  top: 40px;
  left: 40px;
  padding: 30px 30px 80px 30px;
  height: 130px;
  width: 260px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.4);
  color: #ffffff;
  font-size: 21px;
  line-height: 26px;
  border-radius: 3px;
}

.big-slider .slider-item-text a {
  display: inline-block;
  color: #ffffff;
  text-decoration: none;
  overflow: hidden;
  max-height: 130px;
}

.big-slider .slider-item-text a:hover,
.big-slider .slider-item-text a:focus {
  text-decoration: none;
}

.big-slider-nav {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  height: 20px;
  text-align: center;
}

.big-slider-nav .owl-dot {
  display: inline-block;
  cursor: pointer;
  border: solid 3px transparent;
  border-radius: 10px;
  margin: 0 15px 0 0;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.big-slider-nav .owl-dot span {
  width: 10px;
  height: 10px;
  background: #ffffff;
  display: block;
  -webkit-backface-visibility: visible;
  border-radius: 10px;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.big-slider-nav .owl-dot.active,
.big-slider-nav .owl-dot:hover {
  border-color: #ffffff;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.8);
}

.big-slider-nav .owl-dot.active span,
.big-slider-nav .owl-dot:hover span {
  background: transparent;
}

.big-slider.owl-loaded {
  overflow: auto;
}

.big-slider.owl-loaded .slider-item {
  opacity: 1;
}

/* ==========================================================================
       MAIN-EXPAND */
/* ========================================================================== */
.main-expand-wrapper {
  height: 163px;
  overflow: hidden;
}

.main-expand-wrapper.main-expand-wrapper-insurance,
.main-expand-wrapper.expanded {
  height: auto;
  overflow: auto;
}

.main-expand-wrapper-insurance {
  background: #ffffff;
}

.main-expand-footer-block {
  margin: 0 -40px -20px;
  padding: 20px 40px 0;
  text-align: center;
  border-top: solid 1px #e8e8e8;
}

.main-specialty-list {
  margin: 0 0 0 -30px;
  padding: 0;
  list-style: none;
}

.main-specialty-list li {
  width: 33.33333333%;
  float: left;
  padding-left: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.main-specialty-list li a {
  display: block;
  padding: 10px 0;
  border-top: solid 1px #e8e8e8;
  line-height: 20px;
  color: #4c4c4c;
  text-decoration: none;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.main-specialty-list li a:hover,
.main-specialty-list li a:focus {
  color: #3650db;
}

.main-specialty-list li:nth-child(1) a,
.main-specialty-list li:nth-child(2) a,
.main-specialty-list li:nth-child(3) a {
  border-top: 0;
}

.main-insurance-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.main-insurance-list li {
  width: 25%;
  float: left;
}

.main-insurance-list li a {
  display: block;
  height: 180px;
  margin: -1px 0 0 -1px;
  vertical-align: middle;
  text-align: center;
  border: solid 1px #e8e8e8;
  overflow: hidden;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.main-insurance-list li a img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.main-insurance-list li a:hover,
.main-insurance-list li a:focus {
  background: rgba(0, 0, 0, 0.05);
}

.content-directions ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.content-directions ul li {
  font-size: 18px;
}

.content-directions ul li > ul {
  margin-top: 20px;
}

.content-directions ul li li {
  font-size: 15px;
  padding: 0 0 0 0;
}

.block-links-list {
  padding: 0;
  list-style: none;
  font-size: 17px;
}

.block-links-list li {
  float: left;
}

.block-links-list li .block-link-item {
  padding: 20px;
  text-align: center;
  background: #ffffff;
  border-radius: 2px;
  border: solid 1px #e8e8e8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.block-links-list li .block-link-item.ta-left {
  text-align: left;
}

.block-links-list li .block-link-item img {
  max-height: 80px;
  margin-bottom: 10px;
}

.block-links-list li .block-link-item .vertical-wrapper {
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* ==========================================================================
       SEARCH-IN-PAGE */
/* ========================================================================== */
.search-in-page-wrapper {
  position: relative;
}

.search-in-page-input {
  margin: 3px 0;
  padding-left: 40px;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.search-in-page-input:focus {
  box-shadow: 0 0 0 3px rgba(54, 80, 219, 0.15);
}

.search-in-page-input.not-empty + .search-in-page-reset {
  opacity: 1;
}

.search-in-page-btn,
.search-in-page-reset {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  margin-top: -9px;
  top: 50%;
  left: 15px;
  background: transparent;
  border: 0;
  padding: 0;
}

.search-in-page-reset {
  left: auto;
  right: 15px;
  opacity: 0;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.search-in-page.noshadow .search-in-page-input {
  margin: 0;
  box-shadow: none;
}

.search-in-page-btn:focus .icon-search,
.search-in-page-input:focus + .search-in-page-btn .icon-search {
  background-position: -60px -40px;
}

/* ==========================================================================
       SERVICES-LIST */
/* ========================================================================== */
.services-list-header {
  font-size: 19px;
  line-height: 30px;
  margin: 10px 0;
  padding-left: 40px;
  position: relative;
  cursor: pointer;
}

.services-list-header:after {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  top: 0;
  left: 0;
  background: url("images/all-icons-darkblue.png") no-repeat 0 -90px;
}

@media screen and (min-resolution: 192dpi) {
  .services-list-header:after {
    background-image: url("images/all-icons-darkblue@2x.png");
    background-size: 80px 180px;
  }
}

.services-list-header.active + .services-list-content,
.services-list-header.active + .services-list-content-small {
  display: block;
}

.services-list-header.active:after {
  background-position: 0 -120px;
}

.services-list-header-small {
  font-size: 15px;
  padding-left: 30px;
}

.services-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.services-list ul ul {
  border-top: solid 2px #3650db;
  padding-left: 35px;
  margin-top: 8px;
}

.services-list ul ul li {
  border-bottom: solid 1px #e8e8e8;
  padding: 8px 0;
  margin: 0;
}

.services-list ul:last-child li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.services-list-content {
  display: none;
}

.services-list-content > ul > li + li {
  margin-top: 8px;
  padding-top: 8px;
  border-top: solid 1px #e8e8e8;
  clear: both;
}

.services-list-content a {
  display: block;
}

.services-list-content a .fl-r {
  color: #4c4c4c;
}

.services-list-content-small {
  display: none;
}

.services-list-content.services-list-content a {
  color: #4c4c4c;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  width: 93%;
}

.services-list-content.services-list-content a:hover,
.services-list-content.services-list-content a:focus {
  color: #3650db;
  text-decoration: none;
}

.services-list-small .services-list-content {
  padding-left: 30px;
  margin-top: 10px;
}

.services-list-small .services-list-content ul,
.services-list-small .services-list-content li {
  border: 0;
}

.services-list-small .services-list-content li {
  margin: 0 0 5px 0;
  padding: 0 0 0 20px;
  color: #808080;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAR0lEQVR42mNgAIKDBw+qAvFaIP4IxSC2KgNUUh2I3wPxfzQMElNngKr+jwOvZYAaiUvBZ6IUELQCvyORfAIy6RMUg9hqIDkAn8C5evfz+oMAAAAASUVORK5CYII=")
    no-repeat 0 7px;
}

.services-list-small .services-list-header {
  font-size: 15px;
  padding-left: 30px;
  margin: 0;
}

.services-list-small .services-list-header.active {
  font-weight: bold;
}

.services-list-small .services-list-item {
  padding: 10px 0;
  border-top: solid 1px #e8e8e8;
}

.services-list-small .services-list-item:first-child {
  border-top: 0;
}

/* ==========================================================================
       DOCTOR */
/* ========================================================================== */
.doctor-short-info {
  display: flex;
  align-items: center;
}

.doctor-photo {
  width: 180px;
  height: 180px;
  overflow: hidden;
  background-position: 50% 50%;
  background-size: cover;
  margin-right: 20px;
}

.doctor-short-info h1,
.doctor-short-info .h1 {
  line-height: 36px;
}

.doctor-menu {
  border-top: solid 1px #e8e8e8;
}

.doctor-menu ul {
  margin: 0;
  padding: 20px 0;
  list-style: none;
}

.doctor-menu ul:before,
.doctor-menu ul:after {
  content: " ";
  display: table;
}

.doctor-menu ul:after {
  clear: both;
}

.doctor-menu ul li {
  float: left;
  margin-left: 24px;
  padding-left: 24px;
  font-size: 17px;
  border-left: solid 1px #e8e8e8;
}

.doctor-menu ul li:first-child {
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
}

.doctor-menu ul a.active {
  color: #4c4c4c;
  font-weight: bold;
  text-decoration: none;
}

.doctor-menu ul a.active:hover {
  text-decoration: underline;
}

.timeline-item {
  margin-top: 20px;
  padding-top: 20px;
  border-top: solid 1px #e8e8e8;
}

.timeline-item:before,
.timeline-item:after {
  content: " ";
  display: table;
}

.timeline-item:after {
  clear: both;
}

.timeline-item:first-child {
  margin-top: 0;
  padding-top: 0;
  border: 0;
}

.timeline-date {
  width: 130px;
  float: left;
  margin-right: 10px;
  font-size: 17px;
  font-weight: bold;
}

.timeline-content {
  overflow: hidden;
}

.feedback-item-header {
  font-size: 17px;
  margin-bottom: 20px;
  color: #333333;
}

.feedback-item-header:before,
.feedback-item-header:after {
  content: " ";
  display: table;
}

.feedback-item-header:after {
  clear: both;
}

.doctors-search {
  text-align: right;
  padding-right: 10px;
}

.doctors-search .input-round-search {
  float: none;
  padding: 15px 20px 15px 40px !important;
}

.doctors-search .btn-round-search {
  float: right;
  margin-left: 45px;
  margin-top: 5px;
}

.doctors-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 15px;
}

.doctor-item {
  color: #4c4c4c;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: none;
  border-radius: 10px;
  transition: all 0.3s;
  box-shadow: 0px 5px 16px 0px rgb(10 36 106 / 50%);
  position: relative;
  align-content: center;
  border-radius: 15px;
  padding: 30px 15px;
  text-align: center;
}

.doctor-item .user-stazh {
  margin: 0;
  margin-top: auto;
  margin-bottom: 10px;
}

.doctor-item-image {
  display: block;
  margin: 0 auto;
  width: 150px;
  height: 150px;
  border-radius: 120px;
  background-color: #f5f5f5;
  background-position: 50% 50%;
  background-size: cover;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.doctor-item-image:hover {
  box-shadow: 0 0 0 5px rgba(54, 80, 219, 0.2);
}

.doctor-item-content {
  position: relative;
  text-align: center;
  min-height: 50px;
}

.doctor-item-content.have-footer {
  padding-bottom: 40px;
}

.doctor-item-content.have-footer.have-question {
  padding-bottom: 60px;
}

.doctor-item-content.have-footer.have-question .addquestion-link-block {
  bottom: 25px;
}

.doctor-item-header {
  font:
    normal 17px/20px Arial,
    sans-serif;
  margin: 20px 0 10px 0;
}

.doctor-item-description {
  font-size: 14px;
  line-height: 16px;
  color: #808080;
  margin-bottom: 12px;
}

.doctor-item-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 14px;
  line-height: 20px;
}

.doctor-item-footer .day {
  display: inline-block;
  margin-right: 10px;
}

.doctor-item-footer .addquestion-link-block {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.doctor-item-comments {
  position: absolute;
  display: block;
  width: 34px;
  height: 34px;
  top: 20px;
  right: 20px;
  background: url("images/all-icons-darkblue.png") no-repeat -30px 0;
  font-size: 14px;
  line-height: 34px;
  color: #808080;
  text-decoration: none;
  text-align: center;
}

@media screen and (min-resolution: 192dpi) {
  .doctor-item-comments {
    background-image: url("images/all-icons-darkblue@2x.png");
    background-size: 80px 180px;
  }
}

.doctor-item-comments:hover,
.doctor-item-comments:focus {
  color: #3650db;
  text-decoration: none;
}

.doctor-button {
  background-color: #3249c6;
  padding: 7px 7px;
  color: white;
  display: block;
  bottom: -60px;
  width: 200px;
  text-align: center;
  margin-top: 10px;
  border-radius: 10px;
}

.doctor-button:hover {
  color: white;
  text-decoration: underline;
}

/* ==========================================================================
       PHOTOALBUM */
/* ========================================================================== */
.photoalbum-cover {
  position: relative;
}

@media (max-width: 768px) {
  .photoalbum-cover {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .photoalbum-cover {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1279px) {
  .photoalbum-cover {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media (min-width: 1280px) {
  .photoalbum-cover {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.photoalbum-cover-btn {
  position: absolute;
  top: 40px;
  left: 40px;
  background-color: rgba(255, 255, 255, 0.5);
}

/* ==========================================================================
       IN-PAGE-NAV */
/* ========================================================================== */
.in-page-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background: #ffffff;
  border-radius: 2px;
  border: solid 1px #e8e8e8;
}

.in-page-nav-price {
  border-width: 2px;
}

.in-page-nav li a {
  display: block;
  padding: 13px 20px;
  border-top: solid 1px #e8e8e8;
  line-height: 20px;
  color: #4c4c4c;
  text-decoration: none;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.in-page-nav li a:hover,
.in-page-nav li a:focus {
  color: #3650db;
  background-color: #f8f8f8;
}

.in-page-nav li:first-child a {
  border-top: 0;
}

.in-page-nav-noborder {
  border-width: 0;
}

.in-page-nav-noborder li a {
  padding: 8px 0;
}

.in-page-nav-noborder li a:hover,
.in-page-nav-noborder li a:focus {
  background-color: transparent;
}

.in-page-nav-noborder li:first-child a {
  padding-top: 0;
}

.in-page-nav-noborder li:last-child a {
  padding-bottom: 0;
}

/* ==========================================================================
       NEWS-ITEM */
/* ========================================================================== */
.more_news {
  font-size: 20px;
  color: #525050;
  margin-top: 40px;
  display: block;
}

.news-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1rem;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  padding: 0;
}

.news-item {
  width: 33.33%;
  min-width: 270px;
  height: 550px;
  margin: 0;
  padding: 15px 15px 50px 15px;
  border-right: solid 2px #e8e8e8;
  box-sizing: border-box;
  position: relative;
}

.news-item:last-child {
  border-right: none;
}

.news-item:before,
.news-item:after {
  content: " ";
  display: table;
}

.news-item:after {
  clear: both;
}

.news-item-image {
  margin-bottom: 5px;
  width: 100%;
}

.news-item-image a {
  display: block;
}

.news-item-image a img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}

.news-item-image + .news-item-content {
  overflow: hidden;
}

.news-item-content {
  padding: 10px;
}

.news-item-header {
  font:
    normal 16px/28px Arial,
    sans-serif;
  margin: 0 0 20px 0;
  font-weight: 700;
}

.news-item-header a {
  color: #4c4c4c;
  text-decoration: none;
}

.news-item-header a:hover,
.news-item-header a:focus {
  color: #3650db;
}

.news-item-date {
  font-size: 14px;
  margin-bottom: 10px;
  color: #797ea7;
  font-weight: 700;
  padding: 0 15px;
}

.news-item-more {
  position: absolute;
  bottom: 20px;
  left: 30px;
  font-size: 14px;
  font-weight: 700;
  color: #797ea7;
}

.short-news-image {
  float: right;
  padding: 40px 40px 40px 20px;
  width: 50%;
  text-align: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.short-news-image + .short-news-item-big {
  float: left;
  width: 50%;
}

.short-news-item {
  float: left;
  width: 50%;
  padding: 40px;
  border-right: solid 1px #e8e8e8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.short-news-item + .short-news-item {
  border-right: 0;
  border-left: solid 1px #e8e8e8;
  margin-left: -1px;
}

.short-news-item-big {
  border: 0;
  overflow: hidden;
  padding-right: 20px;
  float: none;
  width: auto;
}

.short-news-date {
  color: #808080;
  margin-bottom: 10px;
}

.short-news-header {
  font-size: 19px;
}

.short-news-text {
  margin-top: 20px;
  color: #808080;
}

/* ==========================================================================
           NEWS-BLOCK */
/* ========================================================================== */
.news-block-square {
  background: #ffffff;
  border-radius: 2px;
  border: solid 1px #e8e8e8;
}

.news-block-square .news-block-items {
  margin: -1px 0 0 -1px;
}

.news-block-square .news-block-item {
  float: left;
  border-top: solid 1px #e8e8e8;
  border-left: solid 1px #e8e8e8;
  padding: 40px;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.news-block-line .news-block-item {
  margin-top: 30px;
}

.news-block-line .news-block-item:first-child {
  margin-top: 0;
}

/* ==========================================================================
       PAGE-NAVIGATION */
/* ========================================================================== */
.page-navigation {
  display: inline-block;
  margin: 20px 0;
}

.page-navigation-wrapper {
  text-align: center;
}

.page-navigation-pages a {
  display: inline-block;
  min-width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 36px;
  padding: 0 5px;
  color: #4c4c4c;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.page-navigation-pages a:hover,
.page-navigation-pages a:focus {
  text-decoration: none;
  color: #3650db;
  background: #ffffff;
}

.page-navigation-pages a.current {
  color: #ffffff;
  background: #3650db;
}

.page-navigation .right-arr,
.page-navigation .left-arr {
  font-size: 18px;
  color: #808080;
}

.page-navigation .right-arr:hover,
.page-navigation .left-arr:hover {
  color: #3650db;
  text-decoration: none;
}

.page-navigation .right-arr {
  margin-left: 20px;
}

.page-navigation .left-arr {
  margin-right: 20px;
}

/* ==========================================================================
   FOOTER */
/* ========================================================================== */
.footer-wrapper {
  margin-top: 40px;
}

.container-primary-line {
  background: #3650db;
  color: #ffffff;
  font-size: 19px;
  text-align: center;
}

.footer-header {
  font:
    normal 17px/40px Arial,
    sans-serif;
  margin-bottom: 10px;
  /* border-bottom: solid 1px #e8e8e8; */
}

.footer-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
}

.footer-nav li {
  margin-bottom: 15px;
  line-height: 18px;
}

.footer-nav a {
  color: #4c4c4c;
  /*border-bottom: solid 1px rgba(50, 73, 198, 0.2);*/
  text-decoration: none;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.footer-nav a:hover,
.footer-nav a:focus {
  text-decoration: none;
  color: #3650db;
  border-bottom-color: #3650db;
}

.footer-contacts p {
  margin-top: 0;
}

.round-search {
  margin-top: 20px;
}

.input-round-search {
  border-radius: 20px 0 0 20px;
  margin-bottom: 0;
  float: left;
  border-right: 0;
  width: 190px;
}

@media (min-width: 1279px) {
  .input-round-search {
    width: 100%;
  }
}

.doctors-search .input-round-search {
  width: 310px;
}

.input-round-search.input-block {
  width: 860px;
}

.btn-round-search {
  padding: 0;
  width: 30px;
}

.footer-carousel-wrapper {
  padding: 20px 50px;
  position: relative;
}

.footer-carousel.owl-carousel .owl-item a {
  display: block;
  text-align: center;
  background: #ffffff;
  padding: 16px;
  border: solid 1px #e8e8e8;
  border-radius: 4px;
  color: #808080;
  text-decoration: none;
  font-size: 12px;
  line-height: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.footer-carousel.owl-carousel .owl-item img {
  width: auto;
  margin: 0 auto 10px;
}

.footer-carousel .owl-next,
.footer-carousel .owl-prev {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  width: 18px;
  height: 34px;
  text-indent: -9999px;
  background: url("images/all-icons-darkblue.png") no-repeat -30px -70px;
}

@media screen and (min-resolution: 192dpi) {
  .footer-carousel .owl-next,
  .footer-carousel .owl-prev {
    background-image: url("images/all-icons-darkblue@2x.png");
    background-size: 80px 180px;
  }
}

.footer-carousel .owl-next:hover,
.footer-carousel .owl-prev:hover {
  background-position: -30px -110px;
}

.footer-carousel .owl-prev {
  left: -50px;
}

.footer-carousel .owl-next {
  background-position: -60px -70px;
  right: -50px;
}

.footer-carousel .owl-next:hover {
  background-position: -60px -110px;
}

.footer-carousel .carousel-item-image {
  height: 50px;
  display: block;
  margin-bottom: 5px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.footer-carousel .carousel-item-image img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.footer-carousel .carousel-item-image img {
  max-height: 50px;
}

.price-download-block,
.sale-block,
.municipal-org-link span {
  display: block;
  height: 80px;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.price-download-block,
.sale-block,
.municipal-org-link span,
.price-download-block:hover,
.sale-block:hover,
.municipal-org-link span:hover,
.price-download-block:focus,
.sale-block:focus,
.municipal-org-link span:focus {
  text-decoration: none;
}

.sale-block {
  padding: 20px 20px 20px 100px;
}

.sale-block-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 78px;
  height: 78px;
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 2px 0 0 2px;
}

.price-download-block {
  padding: 12px;
  height: 80px;
  color: #3650db;
}

.price-download-block,
.price-download-block:hover,
.price-download-block:focus {
  text-decoration: none;
}

.price-download-block:after {
  position: absolute;
  content: "";
  top: -1px;
  right: -1px;
  width: 13px;
  height: 13px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAAAAABXgLugAAAANklEQVR42k3HMQoAIAwEwfz/pQaEYGEjiLJN7qabqG1iUG2W79LeoxrVVKYylanMGnmssXK0+nNOoaGGiRugAAAAAElFTkSuQmCC")
    no-repeat 0 0;
}

.price-download-left {
  display: block;
  padding: 8px;
  text-align: center;
  overflow: hidden;
}

.price-download-right {
  display: block;
  padding: 8px 8px 8px 20px;
  float: right;
  border-left: solid 1px #e8e8e8;
  width: 40px;
}

.municipal-org-link {
  display: block;
  color: #ffffff;
  text-align: center;
  background: url(images/content/municipal-org.png) no-repeat 50% 50%;
  background-size: cover;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
}

.municipal-org-link:hover,
.municipal-org-link:focus {
  color: #ffffff;
  text-decoration: none;
}

.municipal-org-link span {
  padding: 20px;
  background-color: rgba(54, 80, 219, 0.5);
}

.big-footer-icon {
  display: block;
  border: solid 1px #f5f5f5;
  border-radius: 5px;
  font-size: 16px;
  padding: 11px 5px 10px 5px;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.big-footer-icon:hover,
.big-footer-icon:focus {
  border-color: #3650db;
  text-decoration: none;
}

.big-footer-icon img {
  padding-bottom: 5px;
  max-width: 100%;
}

/*.footer-menu-wrapper .col-2,*/
/*.footer-menu-wrapper .col-3 {*/
/*    padding: 0 20px 0 0;*/
/*}*/
@media (min-width: 1279px) {
  /*.footer-menu-wrapper .col-2,*/
  /*.footer-menu-wrapper .col-3 {*/
  /*    padding-right: 40px;*/
  /*}*/
}

/*.footer-menu-wrapper .col-3 {*/
/*    width: 230px;*/
/*    padding-left: 20px;*/
/*}*/
/*@media (min-width: 1279px) {*/
/*    .footer-menu-wrapper .col-3 {*/
/*        padding-left: 0;*/
/*    }*/
/*}*/
/*.footer-menu-wrapper .col-2 {*/
/*    width: 190px;*/
/*}*/
/*.footer-menu-wrapper .col-2 + .col-3 {*/
/*    width: 270px;*/
/*    padding-left: 0;*/
/*}*/
@media (min-width: 1279px) {
  /*.footer-menu-wrapper .col-2 + .col-3 {*/
  /*    width: 260px;*/
  /*}*/
}

.footer-menu-wrapper .col-4 {
  padding: 0;
  width: 280px;
}

@media (min-width: 1279px) {
  .footer-menu-wrapper .col-4 {
    padding: 0;
    width: 330px;
  }
}

/* ==========================================================================
   SPECIAL VERSION */
/* ========================================================================== */
.aa-enable {
  cursor: pointer;
  color: #3650db;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 30px;
  font-weight: bold;
  vertical-align: middle;
}

.aa-enable:hover,
.aa-enable:focus {
  color: #000000;
}

.aa-enable span {
  font-size: 24px;
  line-height: 30px;
}

.special-settings {
  display: none;
}

.special-aaVersion-on .special-settings {
  display: block;
}

.aa-show {
  display: none;
}

.special-aaVersion-on .aa-show {
  display: inline-block;
  float: right;
}

.special-aaVersion-on .aa-hide {
  display: none;
}

/* ==========================================================================
   ERROR PAGES */
/* ========================================================================== */
.container-error-page {
  position: relative;
}

.container-error-page h1 {
  margin-top: 200px;
  margin-bottom: 40px;
  font-size: 37px;
  color: #3f3f3f;
}

.container-error-page .round-search {
  width: 370px;
  margin: 0 auto 40px;
}

.container-error-page .round-search .input-round-search {
  width: 290px;
}

.error-page-big-text {
  position: absolute;
  top: 30px;
  left: 50%;
  width: 800px;
  margin-left: -400px;
  color: #ececec;
  font-size: 400px;
  line-height: 400px;
  text-align: center;
}

/* ==========================================================================
   SCHEDULE */
/* ========================================================================== */
.schedule:before,
.schedule:after {
  content: " ";
  display: table;
}

.schedule:after {
  clear: both;
}

.schedule-item {
  margin-top: -1px;
  border-radius: 0 0 2px 2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.schedule-item + .schedule-item {
  border-radius: 2px;
  box-shadow: none;
}

@media (max-width: 768px) {
  .schedule-item + .schedule-item {
    margin-top: 10px;
  }

  .max-width-17 {
    max-width: 39%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .schedule-item + .schedule-item {
    margin-top: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1279px) {
  .schedule-item + .schedule-item {
    margin-top: 20px;
  }
}

@media (min-width: 1280px) {
  .schedule-item + .schedule-item {
    margin-top: 20px;
  }
}

.schedule-item .hour-relax,
.schedule-item .hour-busy {
  font-size: 13px;
}

.schedule-doctor,
.schedule-search {
  float: left;
}

.schedule-doctor-item {
  padding: 15px;
}

.schedule-doctor-image {
  float: left;
  width: 80px;
  height: 80px;
  border-radius: 60px;
  overflow: hidden;
  background-position: 50% 50%;
  background-size: cover;
  margin-right: 15px;
}

.schedule-doctor-content {
  overflow: hidden;
}

.schedule-doctor-name {
  font-size: 17px;
  line-height: 20px;
  margin-bottom: 10px;
}

.schedule-doctor-schedule {
  font-size: 13px;
  margin-top: 10px;
}

.schedule-doctor-schedule .day-wrapper {
  color: #a7a7a7;
}

.schedule-doctor-schedule .day-wrapper.today {
  color: #4c4c4c;
}

.schedule-doctor-schedule .day-wrapper.today .day {
  font-weight: bold;
}

.schedule-doctor-schedule .day {
  display: inline-block;
  width: 50px;
}

.schedule-search {
  padding: 10px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.schedule-header {
  padding: 10px 20px;
  border-bottom: solid 1px #e8e8e8;
}

.schedule-header-wrapper {
  border-bottom: solid 1px #e8e8e8;
  border-radius: 2px 2px 0 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.schedule-header-wrapper.is_stuck {
  z-index: 100;
  background: #ffffff;
  border-radius: 0;
}

.schedule-header-wrapper .schedule-week-wrapper {
  border-left: 0;
}

.schedule-header-wrapper .schedule-week-header {
  padding: 16px 3px;
  box-shadow: none;
  border-bottom: 0;
}

.schedule-header-wrapper .search-in-page-input {
  margin: 0;
  box-shadow: none;
}

.schedule-week-wrapper {
  float: right;
  border-left: solid 1px #e8e8e8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.schedule-week:before,
.schedule-week-header:before,
.schedule-week:after,
.schedule-week-header:after {
  content: " ";
  display: table;
}

.schedule-week:after,
.schedule-week-header:after {
  clear: both;
}

.schedule-week-header {
  padding: 7px 3px;
  border-bottom: solid 1px #e8e8e8;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.schedule-day {
  min-height: 270px;
  border-left: solid 1px #e8e8e8;
}

.collapsed .schedule-day {
  min-height: none;
}

.schedule-day,
.schedule-day-header {
  float: left;
  width: 14%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 3px;
  text-align: center;
  color: #a7a7a7;
}

.schedule-day:last-child,
.schedule-day-header:last-child {
  width: 16%;
}

.schedule-day-header.today {
  font-weight: bold;
  color: #4c4c4c;
}

.schedule-day:first-child {
  border-left: 0;
}

.schedule .hour {
  height: 33px;
  line-height: 33px;
  padding: 3px 0 0 0;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.schedule .hour-busy {
  border: dashed 1px #cfcfcf;
  background: #f5f5f5;
  border-radius: 2px;
}

.schedule .hour-relax {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACVBMVEUAAAAAAAAAAACDY+nAAAAAAnRSTlMAGovxNEIAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAAGElEQVQI12NwYGBgYGRgYGFgEGBgcIAzAQm3AKut7peOAAAAAElFTkSuQmCC")
    repeat 0 0;
  margin-bottom: 3px !important;
}

.schedule .hour-text {
  line-height: 20px;
  vertical-align: top;
  display: inline-block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.schedule .hour[class*="hour-height-"] {
  margin: 3px 0 0 0;
  padding: 0;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.schedule .hour-height-16 {
  height: 525px;
}

.schedule .hour-height-15 {
  height: 492px;
}

.schedule .hour-height-14 {
  height: 459px;
}

.schedule .hour-height-13 {
  height: 426px;
}

.schedule .hour-height-12 {
  height: 393px;
}

.schedule .hour-height-11 {
  height: 360px;
}

.schedule .hour-height-10 {
  height: 327px;
}

.schedule .hour-height-9 {
  height: 294px;
}

.schedule .hour-height-8 {
  height: 261px;
}

.schedule .hour-height-7 {
  height: 228px;
}

.schedule .hour-height-6 {
  height: 195px;
}

.schedule .hour-height-5 {
  height: 162px;
}

.schedule .hour-height-4 {
  height: 129px;
}

.schedule .hour-height-3 {
  height: 96px;
}

.schedule .hour-height-2 {
  height: 63px;
}

.schedule .hour-height-1 {
  height: 30px;
}

.schedule .collapsed .hour.reserved {
  display: none;
}

.schedule-expand-block {
  padding: 10px;
  text-align: center;
  border-top: solid 1px #e8e8e8;
}

/* ==========================================================================
   SCHEDULE */
/* ========================================================================== */
.container-steps-select {
  margin-top: -1px;
}

.steps-select {
  background: url("data:image/gif;base64,R0lGODlhAgACAPAAAOjo6AAAACH5BAAAAAAALAAAAAACAAIAAAIChFEAOw==")
    repeat-x 0 50%;
  margin-bottom: 20px;
}

.step-item {
  float: left;
  height: 50px;
  text-align: center;
}

.step-item-inner {
  height: 50px;
  vertical-align: middle;
  font-size: 16px;
  max-width: 140px;
  color: #4c4c4c;
  display: inline-block;
  position: relative;
  margin: 0 auto;
  padding: 0 5px 0 60px;
  background: #ffffff;
  text-align: left;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.step-item-inner.current,
.step-item-inner:hover,
.step-item-inner:focus {
  color: #4c4c4c;
}

.step-item-inner.current .step-item-num,
.step-item-inner:hover .step-item-num,
.step-item-inner:focus .step-item-num {
  border-color: #3650db;
  box-shadow: 0 0 0 4px rgba(54, 80, 219, 0.2);
}

.step-item-inner.current .step-item-num {
  font-weight: bold;
}

.step-item-inner.checked .step-item-num {
  background: #ffffff
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAAVklEQVR42p2PQQrAMAgE+wj7nPRtPrlI740BL0mACSssXnZGvJRx93tEhVsmMm/GFPjL/CUxCa79bD+psNU/MYqn8CqIqcAwXwGYJQCzBGCWMMySdtLtFG2Y+yIZspAAAAAASUVORK5CYII=")
    no-repeat 50% 50%;
  text-align-last: left;
  text-indent: -9999px;
}

.step-item:first-child .step-item-inner {
  margin-left: 0;
  padding-left: 40px;
  float: left;
}

.step-item:first-child .step-item-inner .step-item-num {
  left: 0;
}

.step-item:last-child .step-item-inner {
  margin-right: 0;
  padding-right: 0;
  float: right;
}

.step-item-num {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -17px;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 32px;
  border: solid 2px #b4b4b4;
  text-align: center;
  border-radius: 30px;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.step-item-text {
  overflow: hidden;
  line-height: 20px;
  vertical-align: top;
  display: inline-block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.steps-breadcrumbs {
  margin-bottom: 8px;
}

.steps-breadcrumb {
  display: block;
  float: left;
  margin: 0 8px 16px 8px;
  padding: 0 1px 0 15px;
  max-width: 100%;
  height: 36px;
  line-height: 34px;
  border: solid 1px #b4b4b4;
  border-radius: 36px;
  text-decoration: none;
  color: #7f7f7f;
  position: relative;
  left: -8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.steps-breadcrumb-text:after {
  position: absolute;
  content: "";
  width: 34px;
  height: 34px;
  top: 0;
  right: 5px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAATUlEQVR42pWRAQoAIAgDfXiKD6u3VQKDQGY1iGTcBFXcfe7XhCsYDS4KQ6AC44dhMCgIpQABWWCUIHSA/QYq6cynTjMwkPowXvf8dcEF0ml9AAlSf/kAAAAASUVORK5CYII=")
    no-repeat 50% 50%;
  opacity: 0.7;
}

.steps-breadcrumb:hover,
.steps-breadcrumb:focus {
  color: inherit;
  text-decoration: none;
}

.steps-breadcrumb:hover .steps-breadcrumb-text:after,
.steps-breadcrumb:focus .steps-breadcrumb-text:after {
  opacity: 1;
}

.steps-breadcrumb:last-child {
  margin-right: 0;
}

.steps-breadcrumb-name {
  display: block;
  float: left;
  padding-right: 18px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAiCAAAAABDphc6AAAAbUlEQVR42mXQsQrAIAwEUP//HyuCBQehWBCqhpIG2rsOcXqDesmFVuQ74Y4D1FpJiRPUcpBXWqDuJ9kzqamTrZAWA1oMaTGgxZAjLdBiyJ4dcQHP/GeyTReMcTCkGx0LYU0s7yp5v2d9vtS/6gff4UsUZKjacQAAAABJRU5ErkJggg==")
    no-repeat 100% 50%;
}

.steps-breadcrumb-text {
  display: block;
  color: #4c4c4c;
  padding: 0 40px 0 10px;
  background: #fbfbfb;
  border-radius: 0 34px 34px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bx-firefox .steps-breadcrumb-text {
  display: inline-block;
  max-width: 500px;
}

.tree-column {
  margin: 0;
  list-style: none;
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
  -moz-column-gap: 10px;
  -webkit-column-gap: 10px;
  column-gap: 10px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .tree-column {
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1279px) {
  .tree-column {
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
  }
}

@media (min-width: 1280px) {
  .tree-column {
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
  }
}

@media (max-width: 768px) {
  .tree-column {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .tree-column {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 992px) and (max-width: 1279px) {
  .tree-column {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 1280px) {
  .tree-column {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.bx-ie9 .tree-column {
  padding: 0 !important;
}

.column-item {
  width: 100%;
  display: inline-block;
}

.column-item-letter {
  float: left;
  width: 30px;
  font:
    normal 17px/17px Arial,
    sans-serif;
  margin-top: -5px;
}

.links-block {
  margin: -20px 0 0 -20px;
  padding: 0;
  list-style: none;
}

.links-block li {
  float: left;
  margin: 20px 0 0 20px;
}

.links-block li a {
  display: inline-block;
  padding: 7px 15px;
  text-decoration: none;
  color: #4c4c4c;
  background: #ffffff;
  border-radius: 2px;
  border: solid 1px #e8e8e8;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.links-block li a:hover,
.links-block li a:focus {
  color: #3650db;
  border-color: #3650db;
}

/* ==========================================================================
       STEPS-DOCTORS */
/* ========================================================================== */
.step-doctor {
  background: #ffffff;
  border-radius: 2px;
  border: solid 1px #e8e8e8;
}

.step-doctor .doctor-photo {
  width: 80px;
  height: 80px;
  margin: 0;
}

.step-doctor-header {
  display: table;
  width: 100%;
}

.step-doctor-col {
  display: table-cell;
  vertical-align: middle;
  padding: 20px;
}

.step-doctor-name {
  font-size: 19px;
}

.step-doctor-info {
  line-height: 18px;
  color: #808080;
}

.step-doctor-week {
  border-top: solid 1px #e8e8e8;
}

.step-doctor-day {
  border-left: solid 1px #e8e8e8;
  display: block;
  width: 14%;
  height: 72px;
  float: left;
  padding: 12px 15px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.step-doctor-day:last-child {
  width: 16%;
}

.step-doctor-day:first-child {
  border-left: 0;
}

.step-doctor-day .doctor-tikket {
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 15px;
  height: 20px;
  width: 32px;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  color: #858585;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAUCAYAAADskT9PAAAAmUlEQVR42u2WMQ5AQBREt6FwBjdBQ8Vh6BSuJU6hod5W6FW6NSMke4L/FbvJk8lv3iTYXWOtrcEOnDA73eYNuRFedNLN4IzSojsUeB4gVZCnX4EBrCASlEdgAf03GEErWKADkz8owCxYYAaVP0jAKVjgolO9gPYrKJnVP0L/N4wFC8Svc1DdiMJZ8IsCmheSDBwMDQNwwmx034BPq+tzzwQSAAAAAElFTkSuQmCC")
    no-repeat 0 0;
}

.step-services-theme .in-page-nav-price li a {
  padding-top: 8px;
  padding-bottom: 8px;
}

.step-services-theme-header {
  font-size: 17px;
}

.step-services-theme-content {
  margin: 20px 0;
  padding-left: 40px;
  border-left: solid 1px #e8e8e8;
}

.styler-steps.jq-selectbox {
  float: left;
}

.styler-steps .jq-selectbox__select {
  height: 34px;
  line-height: 34px;
  font-size: 15px;
  border: 0;
  background: #fbfbfb;
  border-radius: 0 20px 20px 0;
  max-width: 790px;
}

.styler-steps .jq-selectbox__dropdown {
  font-size: 15px;
}

.styler-steps .jq-selectbox__select:hover,
.styler-steps .jq-selectbox__select:active,
.styler-steps.focused .jq-selectbox__select,
.styler-steps.dropdown .jq-selectbox__select {
  color: #3650db;
}

.record-tikket {
  padding: 20px;
}

.record-tikket-date {
  margin-bottom: 20px;
  font-size: 17px;
  line-height: 23px;
}

.record-tikket-time {
  float: right;
  font-size: 20px;
}

.record-tikket-header {
  color: #808080;
  margin-bottom: 10px;
}

.record-tikket-text {
  margin-bottom: 10px;
}

.record-tikket-price {
  border-top: solid 1px #e8e8e8;
  border-bottom: solid 1px #e8e8e8;
  margin: 20px -20px;
  padding: 20px;
  font-size: 17px;
}

/* ==========================================================================
   HELPER CLASSES */
/* ========================================================================== */
ol.unstyled,
ul.unstyled {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.big-list {
  margin: 20px 0;
  padding: 0;
  list-style: none;
}

ul.big-list li {
  margin: 5px 0;
  font-size: 18px;
  line-height: 25px;
}

ul.list-dot {
  margin: 20px 0;
  padding: 0;
  list-style: none;
}

ul.list-dot li {
  margin: 0 0 3px 0;
  padding: 0 0 0 20px;
  color: #808080;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAR0lEQVR42mNgAIKDBw+qAvFaIP4IxSC2KgNUUh2I3wPxfzQMElNngKr+jwOvZYAaiUvBZ6IUELQCvyORfAIy6RMUg9hqIDkAn8C5evfz+oMAAAAASUVORK5CYII=")
    no-repeat 0 7px;
}

ul.list-dot-white {
  margin-bottom: 0;
}

ul.list-dot-white li {
  color: #ffffff;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAQAAABuBnYAAAAAOUlEQVQY022NyQ3AIBDE3AzZ6rc2FFKA8wJx+WlpxoDFtNlMC2BY7VQD05nEdxHfRRyT/RSMkX3gBx9cbYxtL8tVAAAAAElFTkSuQmCC");
}

.ta-center,
.table th.ta-center,
.table td.ta-center {
  text-align: center;
}

.ta-left,
.table th.ta-left,
.table td.ta-left {
  text-align: left;
}

.ta-right,
.table th.ta-right,
.table td.ta-right {
  text-align: right;
}

.va-bottom,
.table th.va-bottom,
.table td.va-bottom {
  vertical-align: bottom;
}

.va-top,
.table th.va-top,
.table td.va-top {
  vertical-align: top;
}

.va-middle,
.table th.va-middle,
.table td.va-middle {
  vertical-align: middle;
}

.td-n {
  text-decoration: none;
}

.td-u {
  text-decoration: underline;
}

.tt-u {
  text-transform: uppercase;
}

.tt-n {
  text-transform: none;
}

.hide,
.d-n {
  display: none;
}

.show,
.d-b {
  display: block;
}

.inline-block,
.d-ib {
  display: inline-block;
}

.inline,
.d-i {
  display: inline;
}

.invisible,
.vis-h {
  visibility: hidden;
}

.verdana {
  font-family: Verdana, sans-serif;
}

.tahoma {
  font-family: Tahoma, sans-serif;
}

.arial {
  font-family: Arial, sans-serif;
}

.p-r,
.pos-r {
  position: relative;
}

.p-a,
.pos-a {
  position: absolute;
}

.p-f,
.pos-f {
  position: fixed;
}

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

.ov-h {
  overflow: hidden;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible,
.viz-h {
  visibility: hidden;
}

.p0 {
  padding: 0;
}

.p10 {
  padding: 10px;
}

.p20 {
  padding: 20px;
}

.p30 {
  padding: 30px;
}

.p40 {
  padding: 40px;
}

.pt0 {
  padding-top: 0;
}

.pt10 {
  padding-top: 10px;
}

.pt20 {
  padding-top: 20px;
}

.pt30 {
  padding-top: 30px;
}

.pt40 {
  padding-top: 40px;
}

.pr0 {
  padding-right: 0;
}

.pr10 {
  padding-right: 10px;
}

.pr20 {
  padding-right: 20px;
}

.pr30 {
  padding-right: 30px;
}

.pr40 {
  padding-right: 40px;
}

.pb0 {
  padding-bottom: 0;
}

.pb10 {
  padding-bottom: 10px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb40 {
  padding-bottom: 40px;
}

.pl0 {
  padding-left: 0;
}

.pl10 {
  padding-left: 10px;
}

.pl20 {
  padding-left: 20px;
}

.pl30 {
  padding-left: 30px;
}

.pl40 {
  padding-left: 40px;
}

.m0 {
  margin: 0;
}

.m10 {
  margin: 10px;
}

.m20 {
  margin: 20px;
}

.m30 {
  margin: 30px;
}

.m40 {
  margin: 40px;
}

.m50 {
  margin: 50px;
}

.mt0 {
  margin-top: 0;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt38 {
  margin-top: 38px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mr0 {
  margin-right: 0;
}

.mr10 {
  margin-right: 10px;
}

.mr20 {
  margin-right: 20px;
}

.mr30 {
  margin-right: 30px;
}

.mr40 {
  margin-right: 40px;
}

.mr50 {
  margin-right: 50px;
}

.mb0 {
  margin-bottom: 0;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.ml0 {
  margin-left: 0;
}

.ml10 {
  margin-left: 10px;
}

.ml20 {
  margin-left: 20px;
}

.ml30 {
  margin-left: 30px;
}

.ml40 {
  margin-left: 40px;
}

.ml50 {
  margin-left: 50px;
}

.text-light,
a.text-light {
  color: #808080;
}

.text-dark,
a.text-dark {
  color: #4c4c4c;
}

.text-muted,
a.text-muted {
  color: #cdcdcd;
}

.text-primary,
a.text-primary {
  color: #3650db;
}

.text-secondary,
a.text-secondary {
  color: #3249c6;
}

.fz12 {
  font-size: 12px;
}

.fz14 {
  font-size: 14px;
}

.fz16 {
  font-size: 16px;
}

.fz17 {
  font-size: 17px;
}

.fz18 {
  font-size: 18px;
}

.fz19 {
  font-size: 19px;
}

.fz20 {
  font-size: 20px;
}

.fz21 {
  font-size: 21px;
}

.fz22 {
  font-size: 22px;
}

.fz24 {
  font-size: 24px;
}

.fz26 {
  font-size: 26px;
}

.fz30 {
  font-size: 30px;
}

.alert {
  border: solid 1px #ea5600;
  background: rgba(234, 86, 0, 0.1);
  color: #ea5600;
  padding: 20px;
  border-radius: 5px;
}

.alert-info {
  color: #45a3ba;
  background: rgba(69, 163, 186, 0.2);
  border-color: #45a3ba;
}

.alert-success {
  color: #409990;
  background: rgba(64, 153, 144, 0.2);
  border-color: #409990;
}

.alert-error {
  color: #a42338;
  background: rgba(164, 35, 56, 0.2);
  border-color: #a42338;
}

.alert p:first-child {
  margin-top: 0;
}

.alert p:last-child {
  margin-bottom: 0;
}

.body-wrapper .alert font.errortext,
.body-wrapper .alert font {
  color: inherit !important;
}

.body-wrapper .errortext,
.body-wrapper .notetext {
  display: block;
  border: solid 1px #45a3ba;
  background: rgba(69, 163, 186, 0.2);
  color: #45a3ba !important;
  padding: 20px;
  border-radius: 5px;
}

.body-wrapper .errortext {
  color: #a42338 !important;
  background: rgba(164, 35, 56, 0.2);
  border-color: #a42338;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clr {
  clear: both;
  height: 0;
  overflow: hidden;
}

.fleft,
.fll,
.fl-l {
  float: left;
}

.fright,
.flr,
.fl-r {
  float: right;
}

img[align="right"] {
  padding: 0 0 20px 20px;
}

img[align="left"] {
  padding: 0 20px 20px 0;
}

img.ta-center,
img[align="center"] {
  display: block;
  margin: 0 auto;
}

.badge {
  display: inline-block;
  font:
    normal 14px/24px Arial,
    sans-serif;
  height: 24px;
  min-width: 24px;
  padding: 0 8px;
  text-align: center;
  background: #f5f5f5;
  color: #808080;
  border-radius: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* ==========================================================================
       HILIGHT-BLOCKS */
/* ========================================================================== */
.h-block {
  background-position: 0 0;
  border-radius: 3px;
  background-image: url(images/pills.png);
  background-repeat: repeat;
}

.h-block[style*="background-image"] {
  background-size: cover;
  background-position: 50% 50%;
}

.h-block-inner {
  color: #ffffff;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  padding: 30px;
  border-radius: 3px;
  position: relative;
}

.h-block-inner.violet {
  background-image:
    -webkit-linear-gradient(
      top left,
      rgba(223, 130, 199, 0.9) 0%,
      rgba(121, 108, 180, 0.9) 100%
    ),
    -webkit-linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
  background-image:
    -o-linear-gradient(
      top left,
      rgba(223, 130, 199, 0.9) 0%,
      rgba(121, 108, 180, 0.9) 100%
    ),
    -o-linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
  background-image:
    linear-gradient(
      to bottom right,
      rgba(223, 130, 199, 0.9) 0%,
      rgba(121, 108, 180, 0.9) 100%
    ),
    linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}

.bx-ie9 .h-block-inner.violet {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGY4MmM3IiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNzk2Y2I0IiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
}

.h-block-inner.violet .btn {
  color: #796cb4;
}

.h-block-inner.blue {
  background:
    -webkit-linear-gradient(
      top left,
      rgba(76, 181, 255, 0.9) 0%,
      rgba(76, 131, 255, 0.9) 100%
    ),
    -webkit-linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  background:
    -o-linear-gradient(
      top left,
      rgba(76, 181, 255, 0.9) 0%,
      rgba(76, 131, 255, 0.9) 100%
    ),
    -o-linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  background:
    linear-gradient(
      to bottom right,
      rgba(76, 181, 255, 0.9) 0%,
      rgba(76, 131, 255, 0.9) 100%
    ),
    linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}

.bx-ie9 .h-block-inner.blue {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNGNiNWZmIiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNGM4M2ZmIiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
}

.h-block-inner.blue .btn {
  color: #4c83ff;
}

.h-block-inner.green {
  background:
    -webkit-linear-gradient(
      top left,
      rgba(34, 208, 119, 0.9) 0%,
      rgba(26, 164, 93, 0.9) 100%
    ),
    -webkit-linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  background:
    -o-linear-gradient(
      top left,
      rgba(34, 208, 119, 0.9) 0%,
      rgba(26, 164, 93, 0.9) 100%
    ),
    -o-linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  background:
    linear-gradient(
      to bottom right,
      rgba(34, 208, 119, 0.9) 0%,
      rgba(26, 164, 93, 0.9) 100%
    ),
    linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}

.bx-ie9 .h-block-inner.green {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjJkMDc3IiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMWFhNDVkIiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
}

.h-block-inner.green .btn {
  color: #1aa45d;
}

.h-block-inner .btn {
  background-color: #ffffff;
  text-shadow: none;
  border: solid 2px transparent;
}

.h-block-inner .btn.btn-big {
  line-height: 40px;
}

.h-block-inner .btn.btn-small {
  line-height: 28px;
}

.h-block-inner .btn.btn-mini {
  line-height: 20px;
}

.h-block-inner .btn:hover,
.h-block-inner .btn:focus {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.2);
  border-color: #ffffff;
}

.h-block-inner .va-middle {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.h-block-header {
  height: 3em;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 10px;
  color: #ffffff;
}

/* ==========================================================================
       SALE-LABELS */
/* ========================================================================== */
.sale-label {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  background: #3249c6;
  color: #ffffff;
  position: relative;
  margin-right: 13px;
  padding: 0 7px 0 10px;
  border-radius: 2px 3px 3px 2px;
  z-index: 1;
}

.sale-label:after {
  position: absolute;
  content: "";
  top: 4px;
  right: -8px;
  width: 18px;
  height: 18px;
  border-radius: 0 0 4px 0;
  background: #3249c6;
  z-index: -1;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.sale-label.violet {
  background: #796cb4;
}

.sale-label.violet:after {
  background: #796cb4;
}

.sale-label.green {
  background: #1aa45d;
}

.sale-label.green:after {
  background: #1aa45d;
}

.sale-label.blue {
  background: #4c83ff;
}

.sale-label.blue:after {
  background: #4c83ff;
}

.sale-label.info {
  background: #45a3ba;
}

.sale-label.info:after {
  background: #45a3ba;
}

.sale-label.warning {
  background: #ea5600;
}

.sale-label.warning:after {
  background: #ea5600;
}

.sale-label.success {
  background: #409990;
}

.sale-label.success:after {
  background: #409990;
}

@media print {
  .print-hide {
    display: none;
  }

  .print-block {
    width: 15cm;
    font-size: 110%;
  }

  .print-block hr {
    border-bottom: solid 1px #f5f5f5;
  }
}

/* ==========================================================================
   FIXES FOR BLOGS */
/* ========================================================================== */
.blog-tab-left,
.blog-tab-right {
  display: none;
}

.blog-tab-container {
  border-radius: 5px 5px 0 0;
}

.blog-tab {
  border-radius: 5px 5px 0 0;
  height: auto;
}

.blog-tab:before,
.blog-tab:after {
  content: " ";
  display: table;
}

.blog-tab:after {
  clear: both;
}

/* ==========================================================================
   FIXES OLD CLIENTS */
/* ========================================================================== */
.personal-link1 a,
.personal-link2 a,
.personal-right a {
  background-image: none !important;
  padding-left: 0 !important;
}

/*Правки шаблона*/
#bx-soa-order-form {
  border: 0;
}

.container #bx-soa-order-form {
  margin: -42px;
}

.container .bx-soa {
  counter-reset: step;
  padding: 30px 40px;
  border-radius: 2px;
  border: solid 1px #e8e8e8;
  background: #fff;
}

.container .bx-soa-sidebar {
  padding: 0 15px 0 20px;
}

.container .bx-soa-cart-total {
  padding: 20px 15px;
  background: #fff;
}

.container
  .bx-soa-cart-total
  .bx-soa-cart-total-line:first-child
  .bx-soa-cart-t,
.container .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-t {
  font-weight: normal;
  font-size: 14px;
}

.container .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d {
  font-size: 24px !important;
}

.container .bx-soa-cart-total .bx-soa-cart-total-line:nth-child(2) {
  border-bottom-width: 2px;
  border-bottom-color: #a1a1a1;
}

.container .bx-soa-cart-total-line {
  padding: 0 0 20px;
}

.container .bx-soa-cart-total .bx-soa-cart-total-line-total {
  padding: 20px 0 0;
}

.container .bx-soa-cart-d {
  font-size: 17px;
}

.container .bx-soa-pp-company-graf-container {
  overflow: hidden;
  border: 1px solid #d9d9d9;
}

.container .bx-soa-pp-company-checkbox {
  opacity: 0;
  position: absolute;
  right: 100%;
  bottom: 100%;
}

.container .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  border-color: #a1a1a1;
}

.container .bx-soa-pp-company-image::before {
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #a1a1a1;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.container .bx-soa-pp-company.bx-selected .bx-soa-pp-company-image::before,
.container .bx-soa-pp-company:hover .bx-soa-pp-company-image::before {
  opacity: 1;
}

.container .bx-soa-pp-company.bx-selected .bx-soa-pp-company-image::before {
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8' width='11' height='8'%3E%3Cpath fill='none' stroke='rgb(54, 80, 219)' stroke-width='2' d='m1,4 l3,3 5,-6'/%3E%3C/svg%3E");
}

.container .bx-soa-coupon-label label {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: normal;
}

.container .bx-soa-coupon-input {
  position: relative;
  padding-right: 70px;
}

.container .bx-soa-coupon-input input[type="text"].form-control {
  height: 38px;
  margin: 0;
  padding: 0 15px;
  border-radius: 19px 0 0 19px;
  border: 1px solid #d9d9d9;
  background: transparent;
}

.container .bx-soa-coupon-input:after {
  content: "OK";
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  width: 72px;
  height: 100%;
  border: 0;
  border-radius: 0 19px 19px 0;
  text-align: center;
  line-height: 38px;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  color: #fff;
  background: #3650db;
}

.container .bx-red .btn.btn-default {
  padding: 0 30px;
  border-width: 2px;
  border-style: solid;
  border-color: #3650db;
  line-height: 34px;
}

.container .bx-red .btn.btn-default.pull-left {
  color: #3650db;
  background: transparent;
}

.container .bx-red .btn.btn-default.pull-right {
  color: #fff;
  background: #3650db;
}

.container .bx-red .btn.btn-default:hover {
  border-color: #3650db;
}

.container .bx-soa-section {
  border: 0;
}

.container .bx-soa-pp-item-container {
  width: 100%;
}

.container .bx-soa-pp .bx-soa-pp-company {
  width: 25%;
}

.container .bx-soa-more {
  margin-top: 25px;
  padding-top: 20px;
}

.container .bx-soa-section:not(.bx-selected) .bx-soa-section-title-container {
  padding: 10px 0 5px;
  border-radius: 2px;
}

.container .bx-soa-section-content {
  padding-right: 0;
  padding-left: 0;
}

.container .bx-soa-section.bx-selected {
  border: 0;
}

.container .bx-soa-pp.row {
  margin-right: -20px;
  margin-left: -20px;
}

.container .bx-soa-section-title-container {
  padding: 10px 0;
  background: none;
}

.container .bx-soa-section-title {
  overflow: hidden;
  display: inline-block;
  width: 80%;
  padding: 0;
  font-size: 18px;
  /*font-weight: 300;*/
  line-height: normal;
}

.container .bx-soa-section .text-right {
  width: 20%;
  font-size: 15px;
}

.container .bx-soa-section.bx-selected .text-right {
  display: none;
}

.container .bx-soa-section.bx-selected .bx-soa-section-title {
  width: 100%;
}

.container .bx-soa-section .bx-soa-section-title::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 100%;
  height: 2px;
  margin: 2px 0 0 15px;
  background: #e8e8e8;
}

.container .bx-soa-section.bx-selected .bx-soa-section-title::after {
  display: inline-block;
}

.container .bx-soa-section.bx-step-completed {
  border: 0;
}

.container .bx-soa-section.bx-active {
  counter-increment: step;
}

.container .bx-soa-section .bx-soa-section-title {
  padding: 3px 0;
  font-size: 23px;
}

.container .bx-soa-section-title-count {
  display: inline-block;
  position: relative;
  width: 32px;
  height: 32px;
  margin: -3px 10px 0 2px;
  border-radius: 50%;
  border: 2px solid #a1a1a1;
  text-align: center;
  vertical-align: middle;
  font-size: 17px;
  font-weight: bolder;
  line-height: 30px;
  color: #a1a1a1;
  background: #fff;
}

.container .bx-soa-section.bx-active.bx-step-error .bx-soa-section-title-count {
  color: #000;
}

.container .bx-soa-section.bx-step-complete .bx-soa-section-title-count {
  border-color: #3650db;
  background: #fff;
}

.container
  .bx-soa-section.bx-step-completed:not(.bx-step-error)
  .bx-soa-section-title-count {
  border-color: #3650db;
  background: #fff;
}

.container
  .bx-soa-section:not(.bx-selected):not(.bx-step-completed)
  .bx-soa-section-title-count {
  color: inherit;
  border-color: #3650db;
  background: #fff;
}

.container .bx-soa-section.bx-step-error .bx-soa-section-title-count {
  background: #fff;
  box-shadow:
    0 0 0 1px #db4c4c,
    inset 0 0 0 1px #db4c4c;
}

.container .bx-soa-section.bx-step-error .bx-soa-section-title-count::before,
.container
  .bx-soa-section.bx-step-completed
  .bx-soa-section-title-count::before {
  /*color: #fff;*/
}

.container .alert-danger {
  padding: 15px 0;
  border: 0;
  line-height: 1.5;
  color: #e2011a;
  background: none;
}

.container .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-inner {
  padding: 6px 10px;
  color: #e2011a;
  background: rgba(219, 76, 76, 0.1);
}

.container .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-arrow {
  border-top-color: rgba(54, 80, 219, 0.08);
}

.container .bx-soa-editstep {
  font-size: 15px;
  text-decoration: none;
}

.container .bx-soa-section .bx-soa-section-title-count:after {
  content: none;
}

.container .bx-soa-section-title-count::before {
  content: counter(step);
  display: inline;
  position: static;
  width: auto;
  height: auto;
  background: none;
}

.container .bx-soa-section.bx-step-error {
  border: 0;
}

.container .form-control:focus {
  border-color: #b4b4b4;
  box-shadow: inset 0 0 0 1px rgb(180, 180, 180);
}

.container .has-error .form-control:focus {
  border-color: #3650db;
  box-shadow: inset 0 0 0 1px rgb(54, 80, 219);
}

.container .bx-soa-pp-desc-container {
  width: auto;
}

.container .bx-soa-pp-desc-container .bx-soa-pp-company {
  width: 100%;
  border: none;
  background: none;
}

.container .bx-soa-pp-desc-container .bx-soa-pp-company div,
.container .bx-soa-pp-desc-container .bx-soa-pp-company hr {
  display: none;
}

.container .bx-soa-pp-desc-container .bx-soa-pp-company div.bx-soa-pp-inner-ps,
.container
  .bx-soa-pp-desc-container
  .bx-soa-pp-company
  div.bx-soa-pp-inner-ps
  div {
  display: block;
}

.container .bx-soa-customer .form-control,
.container .bx-soa-customer-field .form-control {
  margin-top: 5px;
  border: 1px solid #b4b4b4;
  background: #fff;
}

.container .bx-soa-pp-company-selected strong {
  font-weight: normal;
  font-size: 17px;
}

.container .bx-soa-item-title {
  margin-bottom: 15px;
}

.container .bx-soa-item-title a {
  font-size: 19px;
  line-height: normal;
  color: inherit;
}

.container .bx-scu-container .bx-soa-item-td-title,
.container .bx-scu-container .bx-soa-item-td-text {
  font-size: 15px;
}

.container .bx-scu-container .bx-soa-item-td-text {
  margin-bottom: 10px;
}

.container .bx-soa-item-td-text {
  font-size: 17px;
}

.container .bx-soa-item-content .bx-scu-container {
  max-width: none;
}

.container .bx-soa-item-td-text strong {
  font-weight: normal;
}

.container .bx-soa-info-shower {
  padding: 5px 10px;
  border: 1px solid #ddd;
}

/*special-aaVersion-on*/
html:not(.special-aaVersion-on) .container #bx-soa-order-form {
  background: #f5f5f5;
}

.special-aaVersion-on .container .white-content-box {
  border: 0;
}

.special-aaVersion-on .container .bx-soa-item-imgcontainer,
.special-aaVersion-on .container .bx-soa-pp-company-image,
.special-aaVersion-on .container .bx-soa-pp-company-selected {
  filter: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grayscale'%3E%3CfeColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3C/svg%3E#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.special-aaVersion-on
  .container
  .bx-soa-pp-company.bx-selected
  .bx-soa-pp-company-image::before {
  border-color: #000;
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8' width='11' height='8'%3E%3Cpath fill='none' stroke='rgb(0, 0, 0)' stroke-width='2' d='m1,4 l3,3 5,-6'/%3E%3C/svg%3E");
}

.special-aaVersion-on
  .container
  .bx-soa-coupon-input
  input[type="text"].form-control {
  border-color: #000;
}

.special-aaVersion-on .container .bx-soa-coupon-input:after {
  background: #000;
}

.special-aaVersion-on .container .bx-soa-cart-t,
.special-aaVersion-on .container .bx-soa-cart-d {
  float: none;
  display: block;
}

.special-aaVersion-on
  .container
  .bx-soa-cart-total
  .bx-soa-cart-total-line:first-child
  .bx-soa-cart-t,
.special-aaVersion-on
  .container
  .bx-soa-cart-total
  .bx-soa-cart-total-line-total
  .bx-soa-cart-t {
  font-size: 17px;
}

.special-aaVersion-on .container .bx-soa-section .bx-soa-section-title::after {
  background: #000;
}

.special-aaVersion-on .container .bx-soa-section-title-count {
  width: 36px;
  height: 36px;
  margin: -4px 10px 0 2px;
  font-size: 22px;
  line-height: 30px;
  font-weight: normal;
}

.special-aaVersion-on
  .container
  .bx-soa-section.bx-selected
  .bx-soa-section-title {
  font-size: 24px;
}

.special-aaVersion-on .bx-soa-cart-total .bx-soa-cart-total-line:nth-child(2) {
  border-color: #000;
}

.special-aaVersion-on
  .container
  .bx-soa-section:not(.bx-selected):not(.bx-step-completed)
  .bx-soa-section-title-count {
  border-color: #000;
}

.special-aaVersion-on .container .bx-red .btn.btn-default {
  border-color: #000;
  text-decoration: none;
  box-shadow: none;
}

.special-aaVersion-on .container .bx-red .btn.btn-default.pull-right {
  background: #000;
}

.special-aaVersion-on .container .bx-red .btn.btn-default.pull-left {
  color: inherit;
}

.special-aaVersion-on .container .alert {
  background: none !important;
  color: #e2011a !important;
}

.special-aaVersion-on .container .alert * {
  color: inherit;
}

.special-aaVersion-on
  .container
  .bx-soa-tooltip.bx-soa-tooltip-danger
  .tooltip-inner {
  max-width: 400px;
  font-size: 15px;
  color: #fff;
  background: #e2011a;
}

.special-aaVersion-on
  .container
  .bx-soa-tooltip.bx-soa-tooltip-danger
  .tooltip-arrow {
  border-color: transparent;
  border-top-color: #e2011a;
}

.special-aaVersion-on .container .bx-soa-info-shower {
  border: 0;
}

.special-aaVersion-on
  .container
  .bx-soa-section.bx-step-completed:not(.bx-step-error)
  .bx-soa-section-title-count {
  border-color: #000;
}

/*Жёлтый вариант*/
.special-aaVersion-on.special-aaColor-yellow .bx-scu-container::after {
  background: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  background: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}

.special-aaVersion-on.special-aaColor-yellow
  .container
  .bx-soa-coupon-input
  input[type="text"].form-control,
.special-aaVersion-on.special-aaColor-yellow
  .bx-soa-cart-total
  .bx-soa-cart-total-line:nth-child(2),
.special-aaVersion-on.special-aaColor-yellow
  .container
  .bx-soa-section:not(.bx-selected):not(.bx-step-completed)
  .bx-soa-section-title-count,
.special-aaVersion-on.special-aaColor-yellow
  .container
  .bx-red
  .btn.btn-default {
  border-color: #ff0;
}

.special-aaVersion-on.special-aaColor-yellow
  .container
  .bx-soa-coupon-input
  input[type="text"].form-control,
.special-aaVersion-on.special-aaColor-yellow
  .container
  .bx-soa-coupon-input::after,
.special-aaVersion-on.special-aaColor-yellow
  .container
  .bx-soa-section.bx-step-completed:not(.bx-step-error)
  .bx-soa-section-title-count,
.special-aaVersion-on.special-aaColor-yellow
  .container
  .bx-red
  .btn.btn-default.pull-right {
  color: #000;
}

.special-aaVersion-on.special-aaColor-yellow
  .container
  .bx-red
  .btn.btn-default.pull-right,
.special-aaVersion-on.special-aaColor-yellow
  .container
  .bx-soa-coupon-input::after,
.special-aaVersion-on.special-aaColor-yellow
  .container
  .bx-soa-section.bx-step-completed:not(.bx-step-error)
  .bx-soa-section-title-count {
  background: #ff0;
}

.special-aaVersion-on.special-aaColor-yellow
  .container
  .bx-red
  .btn.btn-default.pull-left {
  color: #ff0;
}

.special-aaVersion-on.special-aaColor-yellow
  .container
  .bx-soa-section.bx-step-error
  .bx-soa-section-title-count {
  color: #fff;
  background: #e2011a;
  box-shadow:
    0 0 0 1px #e2011a,
    inset 0 0 0 1px #e2011a;
}

.special-aaVersion-on.special-aaColor-yellow
  .container
  .bx-soa-section:not(.bx-selected):not(.bx-step-completed)
  .bx-soa-section-title-count,
.special-aaVersion-on.special-aaColor-yellow
  .container
  .bx-soa-customer
  .form-control,
.special-aaVersion-on.special-aaColor-yellow
  .container
  .bx-soa-customer-field
  .form-control,
.special-aaVersion-on.special-aaColor-yellow .container .bx-soa,
.special-aaVersion-on.special-aaColor-yellow .container .bx-soa-cart-total,
.special-aaVersion-on.special-aaColor-yellow .breadcrumb,
.special-aaVersion-on.special-aaColor-yellow
  .container
  .bx-soa-section-title-count {
  background: none;
}

/*Голубой вариант*/
.special-aaVersion-on.special-aaColor-blue .container .bx-red .btn.btn-default,
.special-aaVersion-on.special-aaColor-blue
  .container
  .bx-soa-coupon-input
  input[type="text"].form-control,
.special-aaVersion-on.special-aaColor-blue
  .container
  .bx-soa-section:not(.bx-selected):not(.bx-step-completed)
  .bx-soa-section-title-count {
  border-color: #143c5a;
}

.special-aaVersion-on.special-aaColor-blue
  .container
  .bx-red
  .btn.btn-default.pull-right,
.special-aaVersion-on.special-aaColor-blue
  .container
  .bx-red
  .btn.btn-default.pull-left,
.special-aaVersion-on.special-aaColor-blue
  .container
  .bx-soa-coupon-input
  input[type="text"].form-control,
.special-aaVersion-on.special-aaColor-blue
  .container
  .bx-soa-coupon-input::after {
  color: #143c5a;
}

.special-aaVersion-on.special-aaColor-blue
  .container
  .bx-red
  .btn.btn-default.pull-right,
.special-aaVersion-on.special-aaColor-blue
  .container
  .bx-soa-coupon-input::after {
  background: #143c5a;
}

.special-aaVersion-on.special-aaColor-blue .bx-soa .input,
.special-aaVersion-on.special-aaColor-blue .bx-soa input[type="text"],
.special-aaVersion-on.special-aaColor-blue .bx-soa input[type="password"],
.special-aaVersion-on.special-aaColor-blue .bx-soa textarea {
  background: none;
}

header {
  background:
    url("/upload/head_bg1.png") no-repeat left top,
    url("/upload/head_bg2.png") no-repeat right top;
}

header .header__left_block,
header .header__center_block,
header .header__right_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

header .header__left_block {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  justify-content: flex-start;
}

header .header__left_block .vis_version {
  display: block;
  font-size: 16px;
  text-transform: none;
  margin-right: auto;
  text-decoration: none;
  color: #003399;
  padding: 20px 0;
  cursor: pointer;
}

header .header__left_block .working_hours {
  margin: 15px 100px 0 00px;
}

header .header__left_block .working_hours .working__ttile {
  font-size: 14px;
  color: #a7aec6;
}

header .header__left_block .working_hours ul.working__list {
  /*BACKUP*/
  /* uncomment*/
  padding: 0 0 0 15px;
  margin: 5px 0 20px 0;
  /**/
  /*del*/
  /*margin: 0px 0;*/
  /*padding: 0 0 0 0px;*/
  /**/
  list-style: none;
  position: relative;
}

header .header__left_block .working_hours ul.working__list:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  background: url("/upload/working_hours.png") no-repeat center;
  width: 7px;
  height: 61px;
}

header .header__left_block .working_hours ul.working__list li {
  font-size: 15px;
  line-height: 24px;
  color: #003399;
}

header .header__left_block .working_hours .working__ttile-weekend {
  color: #c6a7a7;
}

header .header__left_block .working_hours ul.working_weekend:before {
  background: url("/upload/working_hours_weekend.png") no-repeat center;
  top: 0;
  height: 95px;
}

header .header__left_block .working_hours ul.working_weekend li {
  color: #990000;
}

header .header__center_block {
  margin: 20px 0;
}

#fix_header .logo {
  display: block;
  max-width: 260px;
}

#fix_header .appointment,
header .header__right_block .appointment {
  max-width: 250px;
  width: 100%;
  display: block;
  background: #003399;
  padding: 10px 50px 20px 80px;
  margin-bottom: 30px;
  border-radius: 0 0 8px 8px;
  color: #fff;
  font-size: 22px;
  text-align: center;
  position: relative;
  box-sizing: border-box;
}

#fix_header .appointment:before,
header .header__right_block .appointment:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 20px;
  background: url("/upload/calendar.png") no-repeat center;
  background-size: contain;
  width: 42px;
  height: 48px;
}

#fix_header .appointment {
  padding: 10px 10px 10px 40px;
  font-size: 18px;
}

#fix_header .appointment:before {
  left: 10px;
  width: 30px;
  height: 30px;
}

#fix_header .callback_block a.phone,
header .header__right_block .callback_block a.phone {
  display: block;
  color: #003399;
  font-size: 28px;
  font-weight: bold;
  text-decoration: none;
  padding: 10px 0 10px 30px;
  fill: #295cc2;
  position: relative;
}

#fix_header .callback_block a.phone {
  font-size: 22px;
}

#fix_header .callback_block a.phone span,
header .header__right_block .callback_block a.phone span {
  color: #466de3;
}

#fix_header .callback_block a.phone svg,
header .header__right_block .callback_block a.phone svg {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
}

header .header__right_block .callback_block a.callback {
  display: block;
  border: 2px solid #003399;
  border-radius: 30px;
  color: #003399;
  font-size: 16px;
  text-decoration: none;
  padding: 10px 15px 10px 35px;
  position: relative;
  margin-top: 10px;
  margin-bottom: 00px;
}

header .header__right_block .callback_block a.callback:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: url("/upload/callback_icon.png");
  background-size: contain;
  width: 25px;
  height: 25px;
}

header .header__right_block .callback_block a.callback:hover {
  text-decoration: underline;
}

header .header__right_block .callback_block .search {
  max-width: 220px;
  margin-top: 50px;
}

#fix_header .callback_block .callback {
  display: none;
}

#fix_header .col {
  display: flex;
  justify-content: center;
}

#fix_header .content {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.more-btn {
  position: relative;
  color: #4c4c4c;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: initial;
}

.more-btn:hover {
  background: #3650db;
  border-color: #3650db;
  color: #fff;
}

/*///////////////*/
/*/////пїЅпїЅпїЅпїЅпїЅ/////*/
/*///////////////*/

.rashidapp {
  background-color: #039;
  color: #fff;
  margin: 0 0.9%;
  padding: 4%;
}

.rashidapp1 {
  background-color: #e8ecf7;
  color: #4c4c4c;
  margin: 0 0.9% 1% 0.9%;
  padding: 4%;
}

.flex_container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: -20px;
}

.img_doctor,
.description {
  width: 49%;
  min-width: 300px;
  margin-bottom: 30px;
}

.description {
  padding: 20px;
  box-sizing: border-box;
  background: #e8ecf7;
  text-align: justify;
}

.description .title {
  position: relative;
  font-size: 18px;
  margin-bottom: 5px;
}

.description .title span {
  color: #ff0000;
}

.description .title:before {
  content: "";
  position: absolute;
  bottom: -50px;
  left: 0;
  width: 50px;
  height: 4px;
  background: #1a2694;
}

.description ul {
  padding-left: 20px;
  margin: 0;
}

.description ul li {
  padding: 5px 0;
  color: #1a2694;
}

.description ul li span {
  color: #4c4c4c;
}

/*///////////////*/
/*///End пїЅпїЅпїЅпїЅпїЅ///*/
/*///////////////*/

.user-information {
  text-align: center;
  color: red;
  background: #fff;
  font-size: 20px;
  padding: 20px 50px;
}

.form-result__ok {
  text-align: center;
  color: green;
  padding: 20px;
  border: 2px solid green;
  margin: 5px;
}

.important-info {
  text-align: center;
  padding: 10px;
}

.lincenses-doctor {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.lincenses-doctor > div {
  width: 30%;
  margin-right: 10px;
}

.lincense_show_all_box {
  display: flex;
  justify-content: center;
}

.lincense_show_all_box a,
.lincense_show_all_box a.active {
  color: blue;
}

.lincense_show_all_box a:hover {
  text-decoration: underline;
  color: blue;
}

@media (max-width: 1024px) {
  .container {
    margin: 0 auto;
  }

  .but_fs {
    font-size: 17px;
  }

  .partners__logos,
  .partners__text,
  .container__prof {
    padding: 0 15px;
  }

  .max-width-17 {
    max-width: 39%;
  }

  .container_big {
    padding: 0 !important;
  }
}

/* Исправление основного контейнера */
.content {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: auto !important;
  /* Убираем фиксированную минимальную ширину */
  max-width: 1024px;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
  .content {
    padding: 0 15px;
    box-sizing: border-box;
  }

  /* Исправление карточек услуг */
  .block_card {
    flex-direction: column;
  }

  .card {
    width: 100% !important;
    margin-bottom: 20px;
  }

  /* Исправление разделов с программами */
  .razdely {
    flex-direction: column;
  }

  .news-item {
    width: 100% !important;
    max-width: 100% !important;
    min-width: auto !important;
    /* height: auto !important; */
    margin-bottom: 20px;
    border-right: none !important;
  }

  /* Исправление flex-контейнеров */
  .flex_container {
    margin: -10px;
    flex-direction: column;
  }

  .img_doctor,
  .description {
    width: 100% !important;
    min-width: auto !important;
  }

  /* Исправление верхнего меню */
  header .header__left_block,
  header .header__center_block,
  header .header__right_block {
    flex-direction: column;
    text-align: center;
  }

  header .header__left_block .working_hours {
    margin: 15px 0;
  }

  /* Исправление таблиц */
  .table-2 {
    font-size: 12pt;
    width: 100%;
    overflow-x: auto;
    display: block;
  }

  /* Исправление текста */
  .workspace p,
  .workspace li,
  .workspace h2 {
    font-size: 14pt !important;
    text-align: left !important;
  }

  /* Исправление кнопок */
  .online_write,
  .call_btn {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  /* Исправление изображений */
  img {
    max-width: 100%;
    height: auto;
  }

  /* Исправление навигации */
  .container-top-navigation {
    overflow-x: auto;
    white-space: nowrap;
  }

  .container-top-navigation nav ul.root {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}

/* Дополнительные исправления для очень маленьких экранов */
@media (max-width: 480px) {
  .content {
    padding: 0 10px;
  }

  .workspace p,
  .workspace li,
  .workspace h2 {
    font-size: 12pt !important;
  }

  .card h2 {
    font-size: 16px !important;
  }

  .news-item-header a {
    font-size: 14px !important;
  }
}

/* Исправление для двухколоночного layout */
@media (max-width: 768px) {
  .two_columns {
    flex-direction: column;
  }

  .two_columns li {
    min-width: 100% !important;
    width: 100% !important;
  }
}

/* Исправление логических блоков */
@media (max-width: 768px) {
  .logic {
    flex-direction: column;
  }

  .logic-left,
  .logic-left-reverse,
  .logic-right {
    width: 100% !important;
  }

  .logic-right img {
    width: 100%;
    height: auto;
  }
}

/* Исправление процесса УЗИ */
@media (max-width: 768px) {
  .how_does_ultrasound_go_content {
    flex-direction: column;
  }

  .how_does_ultrasound_go_content div {
    width: 100% !important;
    margin-bottom: 20px;
  }

  .how_does_ultrasound_go_content_clock {
    justify-content: flex-start;
  }
}

/* Исправление текста с картинками */
@media (max-width: 768px) {
  .text_with_picture {
    flex-direction: column;
    text-align: center;
  }

  .col-4 {
    width: 100%;
  }

  .picture {
    padding-right: 0;
    padding-bottom: 10px;
  }

  .pd_widget_app .pd_doctorlist_main_info {
    display: block !important;
  }

  .doctor-photo {
    border-radius: 0% !important;
  }

  .pd_widget_app .pd_doctorlist_main_info {
    gap: 0px;

    .pd_widget_app .pd_doctorlist_main_info {
      padding: 0px !important;
    }
  }
}

.col-9 {
  width: 100%;
}

.white-content-box {
  padding: 15px;
}

.col.col-12.spec::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -40px;
  width: 100px;
  height: 100px;
  background-size: contain;
  background-image: url(/upload/icons/star.png);
}

.col.col-12.spec {
  text-transform: uppercase;
  color: #fff;
  max-width: 700px;
  width: 100%;
  position: relative;
  padding: 24px 30px 30px 72px;
  font-weight: 600;
  background: rgb(0, 212, 200);
  background: linear-gradient(
    90deg,
    rgba(0, 212, 200, 1) 0%,
    rgba(75, 152, 207, 0.16850490196078427) 80%,
    rgba(75, 152, 207, 0) 100%
  );
  float: unset;
}

/*13.06.2024*/
.white-content-box.col-margin-top.twooooo,
.white-content-box.col-margin-top.threeee {
  display: none;
}

/*/13.06.2024*/

#bx-admin-prefix,
.bx-core-popup-menu,
.bx-component-opener {
  z-index: 1034 !important;
}

.bx-core-dialog-overlay {
  z-index: 1003 !important;
}

.callback_block {
  /*margin-right: 20px;*/
}

.sidebar {
  position: fixed;
  right: 0;
  top: 45%;
  z-index: 99;
  background-color: white;
  padding: 10px 10px 10px 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.sidebar-item {
  width: 32px;
  margin-bottom: 10px;
}

.sidebar-item:last-child {
  width: 32px;
  margin-bottom: 0px;
}

#bx-panel.bx-panel-fixed,
div.bx-component-opener {
  z-index: 1002 !important;
}

.popupmenu table td {
  padding: 0;
}

.bxfd-window-cont table td img {
  max-width: none;
  vertical-align: baseline;
}

.bxmap-overlay {
  z-index: 1001;
}

.doctor-menu ul .active {
  color: #4c4c4c;
  font-weight: bold;
  text-decoration: none;
}

.sale-order-payment-change-pp .sale-order-payment-change-pp-company {
  display: inline-block;
  width: 120px;
}

.sale-order-list-title,
.sale-order-list-accomplished-title {
  margin: 10px 0 0;
  padding: 5px 15px;
}

.sale-order-list-inner-container {
  border-color: rgba(194, 243, 136, 0.5);
}

.sale-order-list-accomplished-date-container {
  padding: 0 15px;
}

.sale-order-detail-general {
  padding: 0 !important;
}

.form-block {
  display: flex;
  width: 100%;
  height: 50px;
  align-items: flex-start;
  justify-content: space-between;
}

.search-button {
  padding: 5px 15px 5px;
  border: 0px;
  border-bottom: 1px solid;
  background: url(/upload/search_icon.png) no-repeat center;
}

.search-field {
  background: transparent;
  border: 0px;
  width: 81% !important;
  border-bottom: 1px solid;
  padding: 5px 5px 5px;
}

header .header__right_block .callback_block .search {
  max-width: 100% !important;
  /* margin-top: 20px; */
}

.search-form {
  width: 100%;
}

.close {
  width: 30px;
  height: 30px;
}

/* Основная кнопка */
.main-btn-container {
  text-align: center;
  margin: 30px 0;
  padding: 20px 0;
  /* Добавляем отступы вокруг кнопки */
}

.main-appointment-btn {
  display: inline-block;
  background: #203ba6;
  color: white;
  padding: 18px 45px;
  /* Увеличиваем отступы */
  border-radius: 30px;
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  /* Добавляем высоту строки */
  transition: all 0.3s ease;
  min-height: 60px;
  /* Минимальная высота */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.main-appointment-btn span {
  display: inline-block;
  line-height: 1.3;
}

.main-appointment-btn:hover {
  background: #1a2f8a;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(32, 59, 166, 0.3);
}

/* Мобильная адаптация */
@media (max-width: 768px) {
  .main-appointment-btn {
    padding: 16px 35px;
    font-size: 16px;
    min-height: 55px;
    width: 100%;
    max-width: 300px;
  }
}

@media (max-width: 480px) {
  .main-appointment-btn {
    padding: 14px 30px;
    font-size: 15px;
    min-height: 50px;
  }
}

/* Хедер с изображением */
.detail-img-wrap {
  margin-bottom: 40px;
  /* Увеличиваем отступ снизу */
  border-radius: 10px;
  overflow: hidden;
}

/* Введение - добавляем отступ сверху */
.intro-section {
  margin-top: 30px;
  /* Отступ сверху перед текстом */
  padding: 20px 0;
}

.intro-text {
  font-size: 16px;
  line-height: 1.6;
  color: #4c4c4c;
  text-align: center;
  margin-bottom: 20px;
}

/* Мобильная адаптация для направлений */
@media (max-width: 1024px) {
  .directions-section {
    padding: 35px 15px;
    margin: 50px 0;
  }

  .directions-grid {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
  }

  .direction-card {
    padding: 25px 20px;
    min-height: 260px;
  }

  .direction-icon {
    font-size: 45px;
  }

  .direction-title {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  .directions-section {
    margin: 40px 0;
    padding: 30px 15px;
    border-radius: 10px;
  }

  .directions-grid {
    grid-template-columns: 1fr;
    /* Одна колонка на мобильных */
    gap: 20px;
    margin-top: 30px;
  }

  .direction-card {
    padding: 25px 20px;
    min-height: auto;
    /* Убираем фиксированную высоту */
    margin: 0 10px;
    /* Добавляем небольшие боковые отступы */
  }

  .direction-icon {
    font-size: 40px;
    margin-bottom: 15px;
  }

  .direction-title {
    font-size: 18px;
    margin-bottom: 12px;
  }

  .direction-desc {
    font-size: 14px;
    margin-bottom: 15px;
  }
}

@media (max-width: 480px) {
  .directions-section {
    margin: 30px -10px;
    /* Расширяем на всю ширину экрана */
    padding: 25px 15px;
    border-radius: 0;
  }

  .directions-grid {
    gap: 15px;
    margin-top: 25px;
  }

  .direction-card {
    padding: 20px 15px;
    margin: 0 5px;
    border-radius: 10px;
  }

  .direction-icon {
    font-size: 35px;
    margin-bottom: 12px;
  }

  .direction-title {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .direction-desc {
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 12px;
  }

  .direction-link {
    font-size: 13px;
  }
}

/* Направления - центрирование */
.directions-section {
  margin: 60px 0;
  padding: 40px 20px;
  background: #f8f9fa;
  border-radius: 15px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* Центрируем содержимое */
}

.directions-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 25px;
  margin-top: 40px;
  width: 100%;
  /* Занимает всю ширину контейнера */
  max-width: 1200px;
  /* Ограничиваем максимальную ширину */
  justify-content: center;
  /* Центрируем grid */
  margin-left: auto;
  margin-right: auto;
}

.direction-card {
  background: white;
  padding: 30px 25px;
  border-radius: 15px;
  text-align: center;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  min-height: 280px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  /* Занимает всю доступную ширину */
  box-sizing: border-box;
}

/* Центрирование всех секций */
.page-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* Центрируем все дочерние элементы */
}

/* Каждая секция должна занимать всю ширину контейнера */
.diseases-section,
.doctors-info,
.directions-section,
.advantages-section,
.symptoms-section,
.steps-section,
.specialists-section,
.promo-section,
.cta-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Центрирование заголовков */
.section-title {
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  color: #203ba6;
  margin-bottom: 30px;
  line-height: 1.3;
  width: 100%;
}

/* Центрирование grid контейнеров */
.diseases-grid,
.advantages-grid,
.steps-container,
.specialists-container {
  display: grid;
  justify-content: center;
  /* Добавляем центрирование */
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* Заболевания - центрирование */
.diseases-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 15px;
  margin-top: 30px;
  justify-items: center;
  /* Центрируем элементы внутри grid */
  width: 100%;
}

.disease-item {
  background: #f8f9fa;
  padding: 15px 20px;
  border-radius: 10px;
  border-left: 4px solid #79d2c5;
  transition: all 0.3s ease;
  width: 100%;
  /* Занимает всю ширину ячейки */
  max-width: 300px;
  /* Ограничиваем максимальную ширину */
}

/* Преимущества - центрирование */
.advantages-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
  justify-items: center;
  width: 100%;
}

.advantage-card {
  background: white;
  padding: 30px 25px;
  border-radius: 15px;
  text-align: center;
  border: 1px solid #e8ecf7;
  transition: all 0.3s ease;
  width: 100%;
  max-width: 350px;
}

/* Специалисты - центрирование */
.specialists-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  margin-top: 40px;
  justify-items: center;
  width: 100%;
}

.specialist-card {
  background: white;
  border-radius: 15px;
  padding: 25px;
  text-align: center;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  width: 100%;
  max-width: 320px;
}

@media (max-width: 768px) {
  .page-container {
    padding: 0 10px;
    align-items: stretch;
    /* Растягиваем на мобильных */
  }

  .directions-grid,
  .advantages-grid,
  .specialists-container {
    grid-template-columns: 1fr;
    justify-items: stretch;
    /* Растягиваем элементы */
  }

  .disease-item,
  .advantage-card,
  .specialist-card {
    max-width: none;
    /* Убираем ограничение на мобильных */
    width: 100%;
  }

  .directions-section {
    margin: 40px -10px;
    /* Расширяем на всю ширину */
    padding: 30px 15px;
    border-radius: 0;
    width: calc(100% + 20px);
    /* Компенсируем отрицательные margin */
  }
}

@media (max-width: 480px) {
  .page-container {
    padding: 0 5px;
  }

  .directions-section {
    margin: 30px -5px;
    padding: 25px 10px;
    width: calc(100% + 10px);
  }
}

/* Быстрое исправление только для направлений */
.directions-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 25px;
  margin: 40px auto 0;
  /* Центрируем через auto margin */
  width: 100%;
  max-width: 1200px;
  place-items: center;
  /* Центрируем и по горизонтали и по вертикали */
}

.direction-card {
  background: white;
  padding: 30px 25px;
  border-radius: 15px;
  text-align: center;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  width: 100%;
  max-width: 350px;
  /* Ограничиваем ширину карточки */
  margin: 0 auto;
  /* Центрируем карточку внутри ячейки */
}

/* Основные исправления для кнопки и изображения */
.workspace {
  padding: 0 15px;
}

.workspace img {
  display: block;
  margin: 0 auto 40px;
  /* Увеличиваем отступ снизу */
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

.detail__first-link-left {
  position: static;
  top: auto;
  width: 100%;
  margin: 0 auto 50px;
  /* Большой отступ снизу */
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
  /* Добавляем внутренние отступы */
}

.detail__first-link-left a {
  position: static;
  left: auto;
  display: inline-block;
  margin: 0 auto;
  padding: 18px 45px;
  background: #203ba6;
  color: white;
  border-radius: 30px;
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
  transition: all 0.3s ease;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 15px rgba(32, 59, 166, 0.3);
  border: none;
  cursor: pointer;
}

.detail__first-link-left a:hover {
  background: #1a2f8a;
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(32, 59, 166, 0.4);
}

.detail__first-link-left a span {
  display: inline-block;
  line-height: 1.3;
}

@media (max-width: 768px) {
  .workspace {
    padding: 0 10px;
  }

  .workspace img {
    margin-bottom: 30px;
    /* Уменьшаем отступ на мобильных */
  }

  .detail__first-link-left {
    margin: 0 auto 40px;
    padding: 15px 0;
  }

  .detail__first-link-left a {
    padding: 16px 35px;
    font-size: 16px;
    min-height: 55px;
    width: 90%;
    max-width: 300px;
  }
}

@media (max-width: 480px) {
  .workspace img {
    margin-bottom: 25px;
  }

  .detail__first-link-left {
    margin: 0 auto 30px;
    padding: 10px 0;
  }

  .detail__first-link-left a {
    padding: 14px 30px;
    font-size: 15px;
    min-height: 50px;
    width: 100%;
  }
}

/* Мобильная адаптация для раздела "Как делают ультразвуковое дуплексное сканирование" */
@media (max-width: 768px) {
  .how_does_ultrasound_go_content {
    flex-direction: column !important;
    gap: 20px;
    padding: 20px 0 !important;
  }

  .how_does_ultrasound_go_content_clock {
    flex-direction: column !important;
    text-align: center;
    width: 100% !important;
    padding: 15px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  }

  .how_does_ultrasound_go_content_clock img {
    padding-right: 0 !important;
    margin-bottom: 10px;
    width: 60px !important;
    height: 60px !important;
  }

  .how_does_ultrasound_go_content div {
    width: 100% !important;
  }

  .how_does_ultrasound_go_content_clock div {
    width: 100% !important;
    text-align: center;
  }

  .how_does_ultrasound_go_content_clock span {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
  }

  .how_does_ultrasound_go_content_clock p {
    text-align: center !important;
    font-size: 14px;
    margin: 5px 0 !important;
  }
}

/* Мобильная адаптация для раздела "Преимущества дуплексного сканирования" */
@media (max-width: 768px) {
  .cards-benefits {
    padding: 0 10px;
  }

  .three-cards-wrap,
  .four-cards-wrap {
    flex-direction: column !important;
    gap: 15px;
  }

  .block {
    /* width: 100% !important;
    min-height: auto !important;
    margin-bottom: 15px;
    padding: 20px 15px; */
  }

  .block .picture {
    width: 40px !important;
    height: 40px !important;
    margin-bottom: 10px;
  }

  .card-title-h5 {
    font-size: 16px;
    margin: 10px 0;
    line-height: 1.3;
  }

  .block p {
    /* font-size: 14px !important;
    line-height: 1.4;
    text-align: center;
    margin: 0; */
  }

  .bg-wrap {
    padding: 20px 15px !important;
  }

  .line-for-title {
    font-size: 18px;
    padding: 10px 0;
    margin-bottom: 20px;
  }
}

/* Дополнительные улучшения для очень маленьких экранов */
@media (max-width: 480px) {
  .how_does_ultrasound_go_content_clock {
    padding: 12px;
  }

  .how_does_ultrasound_go_content_clock img {
    width: 50px !important;
    height: 50px !important;
  }

  .how_does_ultrasound_go_content_clock span {
    font-size: 13px;
  }

  .how_does_ultrasound_go_content_clock p {
    font-size: 13px;
  }

  .block {
    /* padding: 15px 10px; */
  }

  .block .picture {
    width: 35px !important;
    height: 35px !important;
  }

  .card-title-h5 {
    font-size: 15px;
  }

  .block p {
    /* font-size: 13px !important; */
  }

  .bg-wrap {
    padding: 15px 10px !important;
  }
}

/* Исправление отступов для всего контента на мобильных */
@media (max-width: 768px) {
  .wrapper {
    width: 100% !important;
    padding: 0 15px;
    box-sizing: border-box;
  }

  .bg-ecf6f5 {
    padding: 20px 15px !important;
  }

  .workspace p {
    font-size: 14px !important;
    text-align: left !important;
  }

  .workspace h2 {
    font-size: 18px !important;
  }

  .workspace li {
    font-size: 14px !important;
    padding-bottom: 15px;
  }

  .workspace li:before {
    font-size: 20px;
  }

  /* Исправление кнопки "Записаться онлайн" */
  .detail__first-link-left {
    position: static !important;
    top: auto !important;
    margin-bottom: 20px !important;
    text-align: center;
  }

  .detail__first-link-left a {
    position: static !important;
    left: auto !important;
    display: inline-block;
    margin: 0 auto;
    padding: 14px 30px;
    font-size: 14px !important;
  }

  /* Исправление изображения */
  .workspace img {
    margin-bottom: 20px;
  }
}

/* Гарантированное отображение без наложений */
@media (max-width: 768px) {
  .how_does_ultrasound_go_content_clock,
  .block {
    position: relative;
    z-index: 1;
  }

  * {
    max-width: 100%;
    box-sizing: border-box;
  }
}

/* Центрирование текста в разделе УЗДС для мобильных */
@media (max-width: 768px) {
  .how_does_ultrasound_go_content_clock {
    flex-direction: column !important;
    text-align: center;
    width: 100% !important;
    padding: 15px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    align-items: center !important;
    justify-content: center !important;
  }

  .how_does_ultrasound_go_content_clock img {
    padding-right: 0 !important;
    margin-bottom: 10px;
    width: 60px !important;
    height: 60px !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .how_does_ultrasound_go_content_clock div {
    width: 100% !important;
    text-align: center !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .how_does_ultrasound_go_content_clock span {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    text-align: center;
    width: 100%;
  }

  .how_does_ultrasound_go_content_clock p {
    text-align: center !important;
    font-size: 14px;
    margin: 5px 0 !important;
    width: 100%;
    text-align: center;
  }

  /* Специально для текста "15-20 мин" */
  .how_does_ultrasound_go_content_clock div p {
    text-align: center !important;
    display: block;
    margin: 0 auto !important;
  }

  /* Гарантированное центрирование всех текстовых элементов */
  .how_does_ultrasound_go_content_clock > * {
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
  }
}

/* Дополнительное центрирование для очень маленьких экранов */
@media (max-width: 480px) {
  .how_does_ultrasound_go_content_clock {
    padding: 12px 8px;
  }

  .how_does_ultrasound_go_content_clock div p {
    font-size: 13px;
    text-align: center !important;
    margin: 2px auto !important;
  }

  .how_does_ultrasound_go_content_clock span {
    font-size: 13px;
    text-align: center;
  }
}

/* Альтернативное решение - принудительное центрирование */
@media (max-width: 768px) {
  .how_does_ultrasound_go_content_clock p,
  .how_does_ultrasound_go_content_clock span,
  .how_does_ultrasound_go_content_clock div {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: column;
  }

  /* Специфический селектор для текста "15-20 мин" */
  .how_does_ultrasound_go_content_clock div p:last-child {
    text-align: center !important;
    width: 100%;
    margin: 5px auto !important;
  }
}

@media screen and (max-width: 768px) {
  .bg-wrap {
    padding: 20px 15px !important;
    margin: 0px !important;
    width: calc(100% + 20px);
    box-sizing: border-box;
  }
}

/* Центрирование текста в кнопках на мобильных */
@media (max-width: 768px) {
  .btn,
  .btn-green,
  .main-appointment-btn,
  .detail__first-link-left a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 12px 20px !important;
    line-height: 1.4 !important;
    min-height: 44px !important;
  }

  /* Специально для кнопки "Все услуги" */
  .services-btn,
  .all-services-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 15px 25px !important;
    margin: 20px auto !important;
  }

  /* Отступ снизу для кнопки "Все записи блога" */
  .blog-all-posts-btn {
    margin-bottom: 30px !important;
    display: block !important;
    width: 90% !important;
    max-width: 300px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 768px) {
  .reviews-slider .owl-item {
    width: 100% !important;
    margin-right: 0 !important;
  }

  .review-item {
    width: 100% !important;
    margin: 0 0 20px 0 !important;
    padding: 20px 15px !important;
  }

  /* Гарантируем что виден только один отзыв */
  .reviews-container {
    overflow: hidden;
  }

  .reviews-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}

@media (max-width: 768px) {
  .specialists-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .specialist-card {
    width: 100% !important;
    max-width: 320px !important;
    margin: 0 auto 20px auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  /* Гарантируем что фото отображается */
  /* .doctor-photo,
  .specialist-photo {
    display: block !important;
    width: 120px !important;
    height: 120px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    margin: 0 auto 15px auto !important;
    background-color: #f5f5f5 !important;
  } */

  /* Исправление для адаптивного отображения фото */
  .pd_widget_app .pd_doctorlist_main_info {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 15px !important;
    padding: 15px !important;
  }

  .pd_widget_app .doctor-photo {
    border-radius: 50% !important;
    width: 100px !important;
    height: 100px !important;
  }
}

@media (max-width: 768px) {
  /* Исправление контейнеров */
  .container {
    margin: 15px 8px !important;
    padding: 0 10px !important;
    width: calc(100% - 16px) !important;
    box-sizing: border-box !important;
  }

  /* Исправление колонок */
  .col-4,
  .col-6,
  .col-3 {
    width: 100% !important;
    float: none !important;
    margin-bottom: 20px !important;
  }

  /* Центрирование контента */
  .content {
    min-width: auto !important;
    width: 100% !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
  }

  /* Исправление отступов */
  .white-content-box {
    padding: 20px 15px !important;
    margin: 10px 0 !important;
  }

  .owl-item {
    width: 150px;
  }

  .otziv_slide {
    height: 100%;
  }
}

/* Скрытие баннера на мобильных устройствах */
@media screen and (max-width: 768px) {
  /* Дополнительно можно скрыть отступы, если они есть */
  .col-margin-top {
    margin-top: 0 !important;
  }
}

@media screen and (max-width: 768px) {
  #main-banner {
    display: none !important;
  }
}

/* Стили для блока специалистов на мобильных */
@media screen and (max-width: 768px) {
  .main-vrachi {
    width: 100% !important;
    margin-bottom: 0;
  }

  .doctor-item-image {
    /* width: 100%; */
    /* height: 450px; */
    background-size: cover;
    background-position: center;
    /* border-radius: 10px 10px 0 0; */
  }

  .doctor-item-content {
    padding: 15px;
    text-align: center;
  }

  .doctor-item-header {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .doctor-item-description {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.4;
  }

  /* Исправляем структуру блоков */
  .my-block-wrap {
    display: flex;
    flex-direction: column;
  }

  .my-block-wrap2 {
    display: block;
  }

  .my-flex-class {
    display: flex;
    flex-direction: column;
    height: auto !important;
  }

  .doctor-button {
    margin-top: auto;
    width: 100%;
    text-align: center;
    padding: 12px;
  }
}

/* Для очень маленьких экранов */
@media screen and (max-width: 480px) {
  .doctor-item-image {
    /* height: 450px; */
  }

  .doctor-item-header {
    font-size: 16px;
  }

  .doctor-item-description {
    font-size: 13px;
  }
}

/* Стили для блока специалистов на мобильных */
@media screen and (max-width: 768px) {
  .main-vrachi {
    width: 100% !important;
    margin-bottom: 0;
  }

  .doctor-item-image {
    /* width: 100%; */
    /* height: 450px; */
    background-size: cover;
    background-position: center;
    /* border-radius: 10px 10px 0 0; */
  }

  .doctor-item-content {
    padding: 15px;
    text-align: center;
    display: flex;
    flex-direction: column;
    min-height: 200px;
  }

  .doctor-item-header {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .doctor-item-description {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.4;
    flex-grow: 1;
  }

  /* Стили для кнопки записи */
  .doctor-button {
    /* margin-top: 20px !important;
    padding: 12px 20px !important;
    width: 100% !important;
    text-align: center;
    display: block;
    border-radius: 8px;
    background-color: #2d8cff;
    color: white;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s; */
  }

  .doctor-button:hover {
    background-color: #1a75e0;
  }

  .doctor-button-color {
    background-color: #2d8cff !important;
    color: white !important;
  }

  /* Исправляем структуру блоков */
  .my-block-wrap {
    display: flex;
    flex-direction: column;
    height: auto;
  }

  .my-block-wrap2 {
    display: block;
    flex-grow: 1;
  }

  .my-flex-class {
    display: flex;
    flex-direction: column;
    height: auto !important;
    min-height: 180px;
  }

  /* Добавляем отступ между карточками */
  .col-4.col-margin-top.main-vrachi {
    margin-bottom: 30px !important;
  }
}

/* Для очень маленьких экранов */
@media screen and (max-width: 480px) {
  .doctor-item-image {
    /* height: 450px; */
  }

  .doctor-item-content {
    min-height: 180px;
    padding: 12px;
  }

  .doctor-button {
    margin-top: 15px !important;
    padding: 10px 15px !important;
    font-size: 14px;
  }

  .col-4.col-margin-top.main-vrachi {
    margin-bottom: 25px !important;
  }
}

/* Более агрессивные стили для кнопок */
@media screen and (max-width: 768px) {
  .doctors-list .doctor-item .doctor-item-content .doctor-button {
    margin-top: 25px !important;
    margin-bottom: 10px !important;
    padding: 15px !important;
    width: calc(100% - 30px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    position: relative !important;
    z-index: 10 !important;
  }

  /* Гарантируем отступ между карточками */
  .doctors-list > .main-vrachi {
    margin-bottom: 40px !important;
    padding-bottom: 10px !important;
  }

  .tabs-switcher.active {
    margin-bottom: 20px;
  }

  .otziv_slide {
    height: 100% !important;
    margin-top: 0px !important;
    padding-top: 40px !important;
  }

  .otziv__container {
    padding: 0px !important;
  }

  custom-nav {
    display: none !important;
  }
}

/* СТИЛИ ДЛЯ АНИМАЦИИ СВАЙПА */
@media screen and (max-width: 768px) {
  .doctors-mobile-carousel-container,
  .device-mobile-carousel-container,
  .otziv-mobile-carousel-container {
    display: flex !important;
    overflow: hidden;
    position: relative;
    width: 100%;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
  }

  .doctor-mobile-carousel-item,
  .device-mobile-item,
  .otziv-mobile-item {
    flex: 0 0 100%;
    width: 100%;
    transition: transform 0.3s ease;
    will-change: transform;
    min-width: 0;
  }

  /* Убираем стандартное скрытие неактивных элементов */
  .doctor-mobile-carousel-item,
  .device-mobile-item,
  .otziv-mobile-item {
    display: block !important;
  }

  /* Навигация */
  .mobile-carousel-nav,
  .device-mobile-nav,
  .otziv-mobile-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
    gap: 20px;
  }

  .mobile-prev,
  .mobile-next {
    background: #2d8cff;
    color: white;
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
    -webkit-tap-highlight-color: rgba(45, 140, 255, 0.3);
    touch-action: manipulation;
    z-index: 10;
    position: relative;
  }

  .mobile-prev:hover,
  .mobile-next:hover {
    background: #1a75e0;
  }
}

/* СТИЛИ ДЛЯ АНИМАЦИИ СВАЙПА */
@media screen and (max-width: 768px) {
  .doctors-mobile-carousel-container,
  .device-mobile-carousel-container,
  .otziv-mobile-carousel-container {
    display: flex !important;
    overflow: hidden !important;
    position: relative;
    width: 100%;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
  }

  .doctor-mobile-carousel-item,
  .device-mobile-item,
  .otziv-mobile-item {
    flex: 0 0 100% !important;
    width: 100% !important;
    transition: transform 0.3s ease !important;
    will-change: transform;
    min-width: 0;
    display: block !important;
  }

  /* Убираем любые другие стили, которые могут мешать */
  .doctor-mobile-carousel-item:not(.active),
  .device-mobile-item:not(.active),
  .otziv-mobile-item:not(.active) {
    /* НЕ скрываем неактивные элементы - они будут за пределами экрана */
  }

  /* Навигация */
  .mobile-carousel-nav,
  .device-mobile-nav,
  .otziv-mobile-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
    gap: 20px;
  }

  .mobile-prev,
  .mobile-next {
    background: #2d8cff;
    color: white;
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
    -webkit-tap-highlight-color: rgba(45, 140, 255, 0.3);
    touch-action: manipulation;
    z-index: 10;
    position: relative;
  }

  .mobile-prev:hover,
  .mobile-next:hover {
    background: #1a75e0;
  }
}

/* Улучшенные стили для анимации свайпа */
@media screen and (max-width: 768px) {
  .doctors-mobile-carousel-container,
  .device-mobile-carousel-container,
  .otziv-mobile-carousel-container {
    display: flex !important;
    overflow: hidden !important;
    position: relative;
    width: 100%;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
  }

  .doctor-mobile-carousel-item,
  .device-mobile-item,
  .otziv-mobile-item {
    flex: 0 0 100% !important;
    width: 100% !important;
    transition: transform 0.3s ease !important;
    will-change: transform;
    min-width: 0;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Убираем любые другие стили, которые могут мешать */
  .doctor-mobile-carousel-item:not(.active),
  .device-mobile-item:not(.active),
  .otziv-mobile-item:not(.active) {
    /* НЕ скрываем неактивные элементы - они будут за пределами экрана */
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Визуальная обратная связь при перетаскивании */
  .doctors-mobile-carousel-container.swiping,
  .device-mobile-carousel-container.swiping,
  .otziv-mobile-carousel-container.swiping {
    transition: none;
  }

  /* Улучшаем отклик кнопок */
  .mobile-prev,
  .mobile-next {
    background: #2d8cff;
    color: white;
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
    -webkit-tap-highlight-color: rgba(45, 140, 255, 0.3);
    touch-action: manipulation;
    z-index: 10;
    position: relative;
  }

  .mobile-prev:hover,
  .mobile-next:hover {
    background: #1a75e0;
  }

  /* Визуальная обратная связь при нажатии */
  .mobile-prev:active,
  .mobile-next:active {
    transform: scale(0.95);
  }
}

/* Стили для улучшенной анимации свайпа */
@media screen and (max-width: 768px) {
  .doctors-mobile-carousel-container,
  .device-mobile-carousel-container,
  .otziv-mobile-carousel-container {
    display: flex !important;
    overflow: hidden !important;
    position: relative;
    width: 100%;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    will-change: transform;
  }

  .doctor-mobile-carousel-item,
  .device-mobile-item,
  .otziv-mobile-item {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    transition: transform 0.3s ease;
    will-change: transform;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Визуальная обратная связь при перетаскивании */
  .doctors-mobile-carousel-container.swiping,
  .device-mobile-carousel-container.swiping,
  .otziv-mobile-carousel-container.swiping {
    transition: none !important;
  }

  /* Эффект резинки при достижении границ */
  .doctors-mobile-carousel-container,
  .device-mobile-carousel-container,
  .otziv-mobile-carousel-container {
    -webkit-overflow-scrolling: touch;
  }

  /* Улучшаем отклик кнопок */
  .mobile-prev,
  .mobile-next {
    background: #2d8cff;
    color: white;
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    -webkit-tap-highlight-color: rgba(45, 140, 255, 0.3);
    touch-action: manipulation;
    z-index: 10;
    position: relative;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  }

  .mobile-prev:hover,
  .mobile-next:hover {
    background: #1a75e0;
    transform: scale(1.05);
  }

  .mobile-prev:active,
  .mobile-next:active {
    transform: scale(0.95);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  }

  /* Плавная анимация для контента внутри слайдов */
  .doctor-mobile-carousel-item,
  .device-mobile-item,
  .otziv-mobile-item {
    transition:
      opacity 0.3s ease,
      transform 0.3s ease;
  }

  /* Улучшаем читабельность во время свайпа */
  .doctors-mobile-carousel-container.swiping .doctor-mobile-carousel-item,
  .device-mobile-carousel-container.swiping .device-mobile-item,
  .otziv-mobile-carousel-container.swiping .otziv-mobile-item {
    opacity: 0.9;
  }
}

/* Для очень маленьких экранов */
@media screen and (max-width: 480px) {
  .mobile-prev,
  .mobile-next {
    width: 45px;
    height: 45px;
    font-size: 20px;
  }
}

/* Индикатор текущего слайда (опционально) */
.mobile-carousel-indicator {
  display: flex;
  justify-content: center;
  margin: 15px 0;
  gap: 8px;
}

.mobile-carousel-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ccc;
  transition: all 0.3s ease;
  cursor: pointer;
}

.mobile-carousel-dot.active {
  background: #2d8cff;
  transform: scale(1.2);
}

/* Обновленные стили для мобильной карусели */
@media screen and (max-width: 768px) {
  .doctors-mobile-carousel-container,
  .device-mobile-carousel-container,
  .otziv-mobile-carousel-container {
    display: flex !important;
    overflow: hidden !important;
    position: relative;
    width: 100%;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
  }

  .device-mobile-carousel {
    padding: 0 10px !important;
  }

  .alphabet__content::before {
    display: none;
  }

  .white-box,
  .item {
    margin-bottom: 40px;
  }

  .tabs-switchers {
    padding-top: 40px;
  }

  .video__box iframe {
    height: 350px !important;
  }

  .video__box {
    max-width: 100% !important;
  }

  .about {
    padding-bottom: 20px !important;
  }

  .doctor-mobile-carousel-item,
  .device-mobile-item,
  .otziv-mobile-item {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    transition: transform 0.3s ease;
    will-change: transform;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .otziv__btn {
    padding: 15px 40px !important;
  }

  /* Визуальная обратная связь при перетаскивании */
  .doctors-mobile-carousel-container.swiping,
  .device-mobile-carousel-container.swiping,
  .otziv-mobile-carousel-container.swiping {
    transition: none !important;
  }
}

@media screen and (max-width: 768px) {
  .doctors-mobile-carousel-container,
  .device-mobile-carousel-container,
  .otziv-mobile-carousel-container {
    display: flex !important;
    overflow: hidden !important;
    position: relative;
    width: 100%;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
  }

  .more-btn {
    margin: 0 auto;
  }

  .otziv__btn {
    padding: 15px 40px;
  }

  .doctor-mobile-carousel-item,
  .device-mobile-item,
  .otziv-mobile-item {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    scroll-snap-align: start;
    transition: transform 0.3s ease;
    will-change: transform;
    /* УБЕРИТЕ display: none и display: block */
  }
}

.doctor-mobile-carousel-item,
.device-mobile-item,
.otziv-mobile-item {
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.doctors-mobile-carousel-container.swiping .doctor-mobile-carousel-item,
.device-mobile-carousel-container.swiping .device-mobile-item,
.otziv-mobile-carousel-container.swiping .otziv-mobile-item {
  transition: none;
}

/* Мобильная версия */
@media screen and (max-width: 768px) {
  .doctor-mobile-image-container {
    width: 100%;
    height: 300px;
    position: relative;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    background-size: cover !important;
    background-position: center 15% !important;
    /* Сдвигаем на 15% вверх */
    background-repeat: no-repeat !important;
    background-color: #cdfff2;
  }

  .doctor-mobile-image-container {
    width: 230px !important;
    margin: 0 auto;
  }

  .alphabet__list {
    width: 100% !important;
  }

  .vrachi-fon {
    padding: 0px !important;
  }
}

.detail__first-link-right {
  left: 50px;
}

/* ПК версия */
@media screen and (min-width: 769px) {
  .doctor-item-image-container {
    height: 450px;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    background-size: cover !important;
    background-position: center 15% !important;
    /* Сдвигаем на 15% вверх */
    background-repeat: no-repeat !important;
    background-color: #cdfff2;
  }
}

/* Для очень маленьких экранов */
@media screen and (max-width: 480px) {
  .doctor-mobile-image-container {
    height: 250px;
  }

  .doctor-short-info {
    display: block !important;
  }
}

/* Специалисты */
.specialists-section {
  margin: 50px 0;
}

.specialists-section h2 {
  color: #083291;
  text-align: center;
  margin-bottom: 40px;
  font-size: 28px;
  font-weight: bold;
}

.specialists-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /* Три карточки в ряд для десктопа */
  gap: 30px;
  margin-bottom: 40px;
}

.specialist-card {
  background: white;
  border-radius: 15px;
  padding: 25px;
  text-align: center;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.specialist-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.specialist-photo {
  /* margin-bottom: 20px; */
}

.specialist-photo img {
  width: 160px;
  height: 200px;
  object-fit: cover;
  border-radius: 10px;
  border: 3px solid #f0f0f0;
}

.specialist-info h3 {
  color: #083291;
  margin: 0 0 10px 0;
  font-size: 18px;
  font-weight: bold;
}

.specialty {
  color: #333;
  font-weight: 600;
  margin: 0 0 5px 0;
  font-size: 16px;
}

.experience {
  color: #666;
  margin: 0 0 15px 0;
  font-size: 14px;
}

.specialist-link {
  display: inline-block;
  background: #083291;
  color: white;
  padding: 10px 20px;
  border-radius: 25px;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  transition: background 0.3s ease;
}

.specialist-link:hover {
  background: #06257a;
  color: white;
  text-decoration: none;
}

/* Планшетная версия */
@media screen and (max-width: 1024px) {
  .specialists-grid {
    grid-template-columns: repeat(2, 1fr);
    /* Две карточки в ряд для планшетов */
    gap: 25px;
  }
}

/* Мобильная адаптация */
@media screen and (max-width: 768px) {
  .specialists-grid {
    grid-template-columns: 1fr;
    /* Одна карточка для мобильных */
    gap: 20px;
  }

  .specialist-card {
    padding: 20px;
  }

  .specialist-photo img {
    width: 140px;
    height: 180px;
  }

  .specialists-section h2 {
    font-size: 24px;
  }
}

@media screen and (max-width: 480px) {
  .specialist-photo img {
    width: 120px;
    height: 160px;
  }

  .specialist-info h3 {
    font-size: 16px;
  }

  .specialty {
    font-size: 14px;
  }

  .experience {
    font-size: 13px;
  }
}

.main-vrachi {
  /* width: 30% !important; */
}

.detail__first-link-right {
  position: relative;
  top: -70px;
  width: 100%;
  margin-bottom: -36px;
  text-align: center;
  /* Изменил с right на center */
  display: flex;
  justify-content: center;
  /* Центрируем кнопку */
}

.detail__first-link-right a {
  position: relative;
  right: unset;
  /* Убираем смещение вправо */
  background-color: #3650db !important;
  /* Синий цвет */
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto !important;
  padding: 18px 40px !important;
  min-height: 60px;
  font-size: 16px;
  border-radius: 12px;
  text-decoration: none;
  border: none;
  font-weight: 600;
  box-shadow: 0 4px 15px rgba(54, 80, 219, 0.3);
  white-space: nowrap;
}

.detail__first-link-right a:hover {
  background-color: #2a3fb5 !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(54, 80, 219, 0.4);
  color: #fff;
  text-decoration: none;
}

.detail__first-link-right a span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-weight: 600;
  line-height: 1.3;
}

/* Также обновим стили для других кнопок на странице */
.online_write {
  max-width: 270px;
  padding: 20px;
  line-height: 20px;
  border-radius: 60px;
  margin: 40px auto !important;
  font-weight: bold;
  width: auto !important;
  /* Добавляем для центрирования */
  display: block;
  /* Чтобы margin: auto работал */
}

.blue_btn {
  display: block;
  width: auto !important;
  /* Меняем с 100% на auto */
  background: #3650db;
  /* Обновляем цвет */
  color: #fff;
  text-align: center;
  margin: 20px auto;
  /* Центрируем */
  padding: 18px 40px;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 600;
  box-shadow: 0 4px 15px rgba(54, 80, 219, 0.3);
  max-width: 320px;
}

.blue_btn:hover {
  background: #2a3fb5;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(54, 80, 219, 0.4);
  color: white;
}

/* Мобильная адаптация */
@media screen and (max-width: 768px) {
  .detail__first-link-right {
    text-align: center;
    top: -50px;
    margin-bottom: -20px;
  }

  .detail__first-link-right a {
    width: auto !important;
    min-width: 280px;
    padding: 16px 35px !important;
    font-size: 15px;
  }

  .detail__first-link-right a span {
    font-size: 16px;
  }

  .blue_btn,
  .online_write {
    width: auto !important;
    min-width: 280px;
    padding: 16px 35px;
    font-size: 15px;
    margin: 20px auto !important;
  }
}

@media screen and (max-width: 480px) {
  .detail__first-link-right a {
    min-width: 260px;
    padding: 14px 30px !important;
    font-size: 14px;
  }

  .detail__first-link-right a span {
    font-size: 15px;
  }

  .blue_btn,
  .online_write {
    min-width: 260px;
    padding: 14px 30px;
    font-size: 14px;
  }
}

<style>
/* Дополнительные стили для мобильной адаптации отступов по всей странице */
@media screen and (max-width: 768px) {
  .detail__first-link-left {
    text-align: center;
    position: static;
    margin: 20px 15px;
    /* Отступы по бокам */
    padding: 0 10px;
    top: 0;
    margin-bottom: 20px;
  }

  .detail__first-link-left a {
    position: static;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    display: block;
    left: unset;
  }

  /* Отступы для всего контента */
  .content.content__prof {
    padding: 0 15px;
  }

  /* Отступы для заголовков */
  .content.content__prof h2 {
    padding: 0 10px;
    margin-left: 5px;
    margin-right: 5px;
  }

  /* Отступы для параграфов */
  .content.content__prof p {
    padding: 0 10px;
    margin-left: 5px;
    margin-right: 5px;
  }

  /* Отступы для списков */
  .uzi-list_img-wrap {
    padding: 0 15px;
    margin: 10px 0;
  }

  /* Отступы для блоков с преимуществами */
  .bg-wrap {
    margin: 0 10px;
    padding: 20px 15px;
  }

  /* Отступы для кнопок */
  .blue_btn.online_write {
    margin: 20px 15px !important;
    width: calc(100% - 30px);
    max-width: none;
  }

  /* Адаптация карточек преимуществ */
  .three-cards-wrap,
  .four-cards-wrap {
    flex-direction: column;
    align-items: center;
    padding: 0 5px;
  }

  .block {
    /* width: 100% !important;
    max-width: 400px;
    margin: 10px 0;
    padding: 15px; */
  }

  /* Адаптация блока с часами */
  .how_does_ultrasound_go_content {
    flex-direction: column;
    gap: 20px;
    padding: 15px 10px;
  }

  .how_does_ultrasound_go_content div {
    width: 100%;
  }

  .how_does_ultrasound_go_content_clock {
    justify-content: flex-start;
    padding: 0 10px;
  }

  /* Уменьшение шрифтов для мобильных */
  p,
  .list-elem {
    font-size: 14pt;
    line-height: 1.5;
  }

  .block p {
    /* font-size: 13px; */
  }

  /* Отступы для последнего блока "Обратитесь в Гармонию Мед" */
  .content.content__prof h2:last-of-type,
  .content.content__prof p:last-of-type {
    padding: 0 10px;
    margin-left: 5px;
    margin-right: 5px;
  }
}

@media screen and (max-width: 480px) {
  .content.content__prof {
    padding: 0 10px;
  }

  .content.content__prof h2,
  .content.content__prof p {
    padding: 0 5px;
    margin-left: 0;
    margin-right: 0;
  }

  .uzi-list_img-wrap {
    padding: 0 10px;
  }

  .bg-wrap {
    margin: 0 5px;
    padding: 15px 10px;
  }

  .detail__first-link-left {
    margin: 15px 10px;
    padding: 0 5px;
  }

  .detail__first-link-left a {
    max-width: 280px;
    padding: 14px 25px !important;
  }

  .blue_btn.online_write {
    margin: 15px 10px !important;
    width: calc(100% - 20px);
  }

  /* Еще меньше шрифты для очень маленьких экранов */
  p,
  .list-elem {
    font-size: 13pt;
  }

  .block {
    /* padding: 12px; */
    min-height: auto;
  }

  .picture {
    width: 40px;
    height: 40px;
  }
}

/* Убедимся, что изображение тоже адаптируется */
@media screen and (max-width: 768px) {
  .content.content__prof img {
    width: 100%;
    height: auto;
    margin: 0;
  }
}

/* Дополнительные отступы для последних элементов */
@media screen and (max-width: 768px) {
  .content.content__prof p:last-of-type {
    margin-bottom: 20px;
  }

  .content.content__prof .uzi-list_img-wrap:last-of-type {
    margin-bottom: 20px;
  }
}

/* Стили для верхней кнопки */
.detail__first-link-left a {
  background-color: #3650db !important;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto !important;
  padding: 18px 40px !important;
  min-height: 60px;
  font-size: 16px;
  border-radius: 12px;
  text-decoration: none;
  border: none;
  font-weight: 600;
  box-shadow: 0 4px 15px rgba(54, 80, 219, 0.3);
  white-space: nowrap;
}

.detail__first-link-left a:hover {
  background-color: #2a3fb5 !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(54, 80, 219, 0.4);
}

.detail__first-link-left a span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-weight: 600;
  line-height: 1.3;
}

/* Полное исправление позиционирования верхней кнопки */
.detail__first-link-right {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -40px;
}

.detail__first-link-right a {
  position: static;
  background: linear-gradient(135deg, #3650db, #2a3fb5) !important;
  color: #fff !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  padding: 18px 40px !important;
  min-height: 60px;
  font-size: 16px;
  border-radius: 15px;
  text-decoration: none;
  border: none;
  font-weight: 600;
  box-shadow: 0 6px 20px rgba(54, 80, 219, 0.3);
  white-space: nowrap;
  margin: 0 auto;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.detail__first-link-right a:hover {
  background: linear-gradient(135deg, #2a3fb5, #1e2f8a) !important;
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(54, 80, 219, 0.4);
  color: #fff !important;
}

.detail__first-link-right a:active {
  transform: translateY(-1px);
  box-shadow: 0 4px 15px rgba(54, 80, 219, 0.3);
}

.detail__first-link-right a span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-weight: 600;
  line-height: 1.3;
  font-size: 16px;
}

/* Мобильная адаптация */
@media screen and (max-width: 1024px) {
  .detail__first-link-right {
    top: -35px;
    margin-bottom: 25px;
    padding: 0 20px;
  }

  .detail__first-link-right a {
    width: 100%;
    max-width: 320px;
    padding: 16px 30px !important;
    min-height: 55px;
    font-size: 15px;
    border-radius: 12px;
  }

  .detail__first-link-right a span {
    font-size: 15px;
  }
}

@media screen and (max-width: 768px) {
  .detail__first-link-right {
    top: -30px;
    margin-bottom: 20px;
    padding: 0 15px;
  }

  .detail__first-link-right a {
    max-width: 300px;
    padding: 14px 25px !important;
    min-height: 50px;
    font-size: 14px;
    border-radius: 10px;
  }

  .detail__first-link-right a span {
    font-size: 14px;
  }
}

@media screen and (max-width: 480px) {
  .detail__first-link-right {
    top: -25px;
    margin-bottom: 15px;
    padding: 0 10px;
  }

  .detail__first-link-right a {
    max-width: 280px;
    padding: 12px 20px !important;
    min-height: 45px;
    font-size: 13px;
    border-radius: 8px;
  }

  .detail__first-link-right a span {
    font-size: 13px;
    text-align: center;
    line-height: 1.2;
  }
}

.center-button-container {
  text-align: center;
  margin: 30px 0 40px 0;
  /* Увеличиваем отступ сверху и снизу */
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 10;
}

.center-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 18px 40px;
  background: linear-gradient(135deg, #3650db, #2a3fb5) !important;
  color: white !important;
  text-decoration: none;
  border-radius: 15px;
  font-weight: bold;
  font-size: 16px;
  width: auto !important;
  max-width: none;
  border: none;
  box-shadow: 0 6px 20px rgba(54, 80, 219, 0.3);
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
}

.center-button:hover {
  background: linear-gradient(135deg, #2a3fb5, #1e2f8a) !important;
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(54, 80, 219, 0.4);
  color: white !important;
}

/* Мобильная адаптация */
@media screen and (max-width: 768px) {
  .center-button-container {
    margin: 25px 0 35px 0;
    padding: 0 15px;
  }

  .center-button {
    padding: 14px 25px;
    font-size: 14px;
    width: 100% !important;
    max-width: 300px;
  }
}

@media screen and (max-width: 480px) {
  .center-button-container {
    margin: 20px 0 30px 0;
  }

  .center-button {
    padding: 12px 20px;
    font-size: 13px;
    max-width: 280px;
  }
}

/* Добавьте эти стили в существующий блок <style> */

.uzi-list_img-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  /* Добавляем перенос на новую строку */
}

.uzi-img-1 {
  max-width: 22%;
  padding-right: 50px;
  margin-left: 40px;
  flex-shrink: 0;
  /* Запрещаем сжимание */
}

/* Мобильная версия */
@media screen and (max-width: 768px) {
  .uzi-list_img-wrap {
    flex-direction: column;
    /* Меняем направление на колонку */
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .doctor-item-header {
    margin: 0px;
  }

  .news-item {
    min-height: 100px !important;
  }

  .uzi-img-1 {
    max-width: 80% !important;
    /* Увеличиваем размер фото на мобильных */
    width: 80% !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-top: 30px !important;
    /* Добавляем отступ сверху */
    order: 2;
    /* Перемещаем фото после списка */
  }

  .uzi-list_img-wrap ul {
    order: 1;
    /* Список идет первым */
    width: 100%;
    text-align: left;
    padding-left: 20px;
  }
}

@media screen and (max-width: 480px) {
  .uzi-img-1 {
    max-width: 95% !important;
    width: 95% !important;
  }
}

/* .doctor-item-image {
  border-radius: 0px;
} */

/* .doctor-item {
  min-height: 440px;
} */

/* .doctor-item-image {
  min-height: 300px;
} */

.doctor-item-header {
  margin: 0px;
  margin-top: 20px;
}

.our_spec {
  gap: 60px 30px !important;
}

.doctorItem_card {
  min-height: 100px !important;
}

/* СТИЛИ ДЛЯ КНОПКИ ЗАПИСАТЬСЯ ОНЛАЙН - ТОЛЬКО МОБИЛЬНАЯ ВЕРСИЯ */
@media screen and (max-width: 768px) {
  .detail__first-link-right {
    position: static !important;
    top: 0 !important;
    width: 100% !important;
    margin-bottom: 20px !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .detail__first-link-right {
    padding-top: 20px !important;
  }

  .detail__first-link-right a {
    position: static !important;
    right: 0 !important;
    width: 90% !important;
    max-width: 280px !important;
    margin: 0 auto !important;
    padding: 12px 20px !important;
    font-size: 14px !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .detail__first-link-right a span {
    font-size: 14px !important;
    font-weight: 500 !important;
  }

  .doctor-item-image {
    max-height: 300px !important;
  }
}

/* ДЛЯ ОЧЕНЬ МАЛЕНЬКИХ ЭКРАНОВ */
@media screen and (max-width: 480px) {
  .detail__first-link-right a {
    width: 95% !important;
    max-width: 260px !important;
    padding: 10px 16px !important;
  }

  .detail__first-link-right a span {
    font-size: 13px !important;
  }
}

.card-text {
  margin-left: 20px;
  margin-bottom: 20px;
  margin-right: 20px;
  line-height: 1.3;
}

@media (max-width: 1440px) {
  .card-text {
    font-size: 12px;
  }
}

.cart-text-left {
  text-align: left;
  line-height: 1.3;
}

.tab_window img {
  width: 50px;
}

.news-item-content {
  /* margin-top: -20px; */
  /* Поднимаем блок на 20px вверх */
  /* position: relative; */
  /* Чтобы оставался в потоке */
  z-index: 2;
  /* Чтобы был поверх других элементов */
}

.news-item-more {
  margin-bottom: 0px;
}

/* ГАРАНТИЯ ВИДИМОСТИ СЛАЙДЕРА НА МОБИЛЬНЫХ - САМЫЕ ВАЖНЫЕ ПРАВИЛА */
@media screen and (max-width: 768px) {
  #main-banner {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 150px !important;
    position: relative !important;
    overflow: visible !important;
  }

  .banner-box {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    position: relative !important;
  }

  .big-slider {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 150px !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
  }

  /* Отключаем любые скрывающие свойства */
  .big-slider[style*="display: none"],
  .big-slider[style*="visibility: hidden"],
  .big-slider[style*="opacity: 0"],
  .big-slider[style*="height: 0"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 150px !important;
  }

  /* Обеспечиваем отображение изображений */
  .slider-main-img {
    display: none !important;
  }

  img.slider-main-img-mobile,
  img.slider-main-img-desktop {
    display: block !important;
    width: 100% !important;
    height: 250px !important;
    object-fit: cover !important;
    margin-bottom: 15px;
  }

  /* Кнопки для мобильных */
  .slider-button1,
  .slider-button2 {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    display: inline-block !important;
    width: 45% !important;
    margin: 10px 2.5% !important;
    text-align: center !important;
    box-sizing: border-box !important;
    min-height: 44px !important;
    line-height: 44px !important;
  }
}

.icon-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-inline-start: 0 !important;
}
.icon-list__item {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border-radius: 12px;
  gap: 1rem;
  background: #fff;
  box-shadow: 0px 0px 8px rgba(8, 50, 145, 0.07);
}

.icon-list__icon {
  color: var(--iconColor, currentColor);
  flex-shrink: 0;
}