body {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}

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

.tprice table {
  width: 100%;
}

.tprice .pricesect {
  font-weight: bold;
  background-color: #4ba4e2;
  color: #fff;
  cursor: pointer;
}

.tprice .subheadtable {
  font-weight: bold;
}

/*.tprice .priceitems {
    display: none;
}*/
.tprice .priceitems:nth-child(2n) {
  background-color: #e0edf6;
}

.tprice .priceitems td:first-child {
  padding-right: 15px;
}

.tprice .priceitems td {
  padding: 4px 2px;
}

.widget_container {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}

.wr-embedded-widget .wr-app__content-wrapper {
  min-height: 300px;
}

.columns-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 20px -5px;
}

.columns-row-item {
  border: 2px solid #3cbfc5;
  width: calc(33.33333% - 10px);
  margin: 5px;
  padding: 10px 15px;
}
.columns-row-item h3 {
  margin-top: 0 !important;
  font-size: 16px;
  color: #20979e;
}
.page_onkology_custom .slider_text_how_oftalmo  {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
body .page_onkology_custom {
  padding-bottom: 20px;
}
body .columns-row-item ul {
  padding: 0;
  margin-left: 12px;
}
body .columns-row-item ul li {
  font-size: 16px;
}
body .columns-row-item ul li + li {
  margin-top: 10px;
}
.page-actions-phone-container-link {
  display: flex;
  align-items: center;
}
.page-actions-phone-container-link span {
  font-size: 28px;
  font-weight: 700;
  text-decoration: underline;
  color: #198088;
  white-space: nowrap;
}
.page-actions-phone-container-link:hover span {
  text-decoration: none;
}
.page-actions-phone-container-link:before {
  content: '📞';
  font-size: 20px;
  margin-right: 4px;
}

.page-actions-wrap {
  display: flex;
  align-items: center;
  justify-content: space-around;
  max-width: 900px;
  margin: auto;
}

.page-services-map-container #map-contacts {
  height: 465px;
  width: 100%;
}
.page-services-map-container #map-contacts > ymaps {
  max-width: 100%;
}
.center-area_custom .button_make_appointment  {
  display: inline-block;
}

.link-map{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  color: #20979E;
  border: 1px solid #20979E;
  border-radius: 5px;
}

.button_callback-mob{
  height: 40px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding-top: 0 !important;
  margin-top: 20px;
}

.mob-bar{
  display: none;
}
@media screen and (max-width: 767px) {
  .wr-app__content-wrapper {
    margin: 0 auto 10px !important;
    padding: 10px 0 !important;
  }

  .wr-month-calendar-table__day-cell-info {
    font-size: 8px !important;
  }

  .wr-month-calendar-table>tbody>tr>td {
    padding: 5px 3px !important;
  }

  .well {
    padding: 10px 0 !important;
  }

  #widget_container {
    margin-top: 0;
    width: 90%;
  }

  .widget_container {
    position: initial;
    padding: 0 4px;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    margin-right: 0;
  }

  .fancybox-slide::before {
    height: 10% !important;
  }

  .mob-bar{
    display: block;
  }
}

.column-right.col-md-3 {
  border: 2px solid #20979e;
  padding: 15px 5px 15px 25px;
  overflow: hidden;
}

.menu-right {
  margin: 16px 0px;
}

.menu-right li {
  padding: 20px 10px 16px;
}

.menu-right li a {
  color: #000;
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 2px;
}

.menu-right li a:hover,
.menu-right li.active a {
  border-bottom: 2px #000 solid;
}

.menu-right li a:hover .icon,
.menu-right li.active a .icon {
  background-position: left bottom;
}

.menu-right li .icon {
  width: 35px;
  height: 35px;
  float: left;
  margin-right: 10px;
  margin-top: -5px;
  background: url("images/icon/icon-center.png") no-repeat left top;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}

.menu-right li .icon:hover {
  background-position: left bottom;
}

.menu-right li .icon.icon-news {
  background-image: url("images/icon/icon-programs.png");
}

.menu-right li .icon.icon-tv {
  background-image: url("images/icon/icon-pediatr.png");
}

.menu-right li .icon.icon-rukovodstvo {
  background-image: url("images/icon/icon-lead.png");
}

.menu-right li .icon.icon-sotr {
  background-image: url("images/icon/icon-partners.png");
}

.menu-right li .icon.icon-punkt {
  background-image: url("images/icon/icon-terapevt.png");
}

.menu-right li .icon.icon-vakansii {
  background-image: url("images/icon/icon-pediatr.png");
}

.menu-right li .icon.icon-pacienta {
  background-image: url("images/icon/icon-programs.png");
}

.menu-right li .icon.icon-dobratsya {
  background-image: url("images/icon/icon-uzi.png");
}

.menu-right li .icon.icon-liniya {
  background-image: url("images/icon/icon-pediatr.png");
}

.menu-right li .icon.icon-informaciya {
  background-image: url("images/icon/icon-contacts.png");
}

.med-centr .row.col-md-12 {
  padding: 0px;
}

.med-centr .column-left.col-md-9 {
  padding-left: 0px;
}

.text.column-left.col-md-9 .inner p,
.column-all-width p {
  padding: 10px 0px;
}

.text.column-left.col-md-9 .inner-top {
  padding-top: 20px;
  padding-bottom: 30px;
}

.text.column-left.col-md-9 .inner-bottom {
  padding-bottom: 30px;
}

.container.med-centr h1 {
  padding-bottom: 20px;
}

.th-centr {
  text-align: center;
  font-size: 24px;
  margin-top: 30px;
}

.none-top {
  margin-top: 0px;
}

.width-100 {
  width: 100%;
}

.valignmiddle {
  vertical-align: middle;
}

.column-all-width ul li {
  list-style-type: disc;
  margin-left: 12px;
}

.reception {
  text-align: center;
}

.reception-item {
  margin: 20px 0px;
}

.orange-btn {
  padding: 10px 15px;
  background: #ffa200;
  color: white;
  text-transform: uppercase;
}

/*links*/
a.prime-link {
  font-size: 13px;
  color: #00b395;
  font-weight: 400;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}

a.prime-link.__pseudo:hover {
  border-bottom: 1px dashed #00b395;
}

a.prime-link:hover {
  color: #047b68;
  border-bottom: 1px solid #00b395;
}

.subhead {
  margin: 0 0 15px;
  font-weight: 300;
  font-size: 24px;
  text-align: center;
  color: #333333;
}

/*advants*/
.advants {
  overflow: hidden;
  margin: 40px 0;
}

.advants-inner {
  margin: 0 0 0 0px;
}

.advants-item {
  float: left;
  width: 33.3%;
  padding: 0 0 0 40px;
  font-weight: 300;
  font-size: 18px;
  box-sizing: padding-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.advants-item-face,
.advants-item-text {
  display: table-cell;
  vertical-align: top;
}

.advants-item-face {
  padding-right: 10px;
}

/*
	text page
*/
.text {
  font-size: 14px;
  font-weight: 400;
}

.text b,
.text strong {
  font-weight: 600;
  color: #333333;
}

.text ul {
  list-style-type: none;
  padding: 0 0 0 80px;
}

.text ul li {
  position: relative;
}

.text ul li+li {
  margin-top: 7px;
}

.text .inner ul li:before {
  content: "\25CF";
  position: absolute;
  top: -1px;
  left: -19px;
  color: #00b197;
}

.doctor-list-item {
  width: 100%;
  border-bottom: 2px solid #eee;
  padding-bottom: 18px;
}

.doctor-list-item .left-news {
  float: left;
  display: inline-block;
}

.doctor-list-item .right-news {
  float: left;
  display: inline-block;
  margin-left: 10px;
  width: 50%;
}

.doctor-list-item .right-news h4 {
  font-size: 16px;
  padding: 10px 0px;
}

.doctor-list-item .right-news span {
  font-size: 14px;
}

.news .detail-text {
  font-size: 14px;
  padding: 20px 0px 30px;
}

.zagolovok-ul-li {
  color: #54dbc2;
  font-size: 12px;
  line-height: 48px;
  border-bottom: 2px solid #60dec6;
  display: block;
  padding: 0 14px;
  text-transform: uppercase;
  font-weight: 500;
  margin: -9px -20px 0 -20px;
}

#vzr .vzr-mi {
  width: 178px;
  margin-right: 7px;
  float: left;
  height: 266px;
  background-color: white;
  overflow: hidden;
  /*border:1px solid rgb(221, 221, 221);*/
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin-bottom: 7px;
}

#vzr .vzr-mi a {
  height: 266px;
  display: block;
  padding-top: 181px;
  background-repeat: no-repeat;
  -webkit-transition: background-position 0.3s;
  -o-transition: background-position 0.3s;
  -moz-transition: background-position 0.3s;
  transition: background-position 0.3s;
}

#vzr .vzr-mi a span {
  background-color: white;
  display: block;
  font-size: 12px;
  font-weight: 400;
  height: 85px;
  line-height: 18px;
  padding: 18px;
  text-transform: uppercase;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  -moz-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

/*{height:85px;display:block;line-height:85px;font-size:12px;font-weight:400;text-transform:uppercase;padding:0 18px;background-color:white;-webkit-transition: opacity 0.3s; transition: opacity 0.3s;}*/
#vzr .vzr-mi a:hover {
  background-position: 0 -181px;
}

#vzr .vzr-mi a:hover span {
  opacity: 0;
}

.inner.inner-bottom {
  margin-bottom: 30px;
}

.reception {
  clear: both;
  padding-top: 30px;
}

ul.programmes-list li a img {
  float: left;
}

ul.programmes-list li a span {
  display: block;
  margin-left: 116px;
  padding: 70px 30px 0 30px;
  line-height: 24px;
  font-size: 18px;
}

.programmes-list {
  padding: 0;
  list-style-type: none;
}

.programmes-list a.li {
  padding: 0;
  margin: 0;
  list-style-type: none;
  float: left;
  background: #fff;
  position: relative;
  display: block;
  text-decoration: none
}

.programm-content ol li {
  margin-bottom: 32px
}

.programm-content ul li {
  margin: 9px 0
}

.btn-med,
.btn-med-lg,
.btn-med-sm,
.btn-med-clear {
  /*background-image: linear-gradient(to top, #ef9200 0px, #ef9200 100%);*/
  background-color: #ffa200;
  border: medium none;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  font-size: 12px;
  line-height: 12px;
  padding: 12px 27px;
  text-transform: uppercase;
  font-weight: 500;
  color: white;
}

.btn-med-lg {
  font-size: 14px;
  line-height: 14px;
  padding: 11px 27px;
}

.btn-med-sm {
  font-size: 12px;
  line-height: 12px;
  padding: 9px 18px;
  /*background-image: linear-gradient(to bottom, #0eb595 0px, #55c29a 100%);*/
  background-color: #0eb595;
}

.btn-med-clear {
  font-size: 12px;
  line-height: 12px;
  padding: 9px 18px;
  /*background-image: linear-gradient(to bottom, #0eb595 0px, #55c29a 100%);*/
  background-color: #fff;
  color: #333;
}

.btn-med:hover,
.btn-med:focus {
  background-position: 0 -18px;
  background-color: #ffa200;
  color: white;
}

.btn-med-lg:hover,
.btn-med-lg:focus {
  background-position: 0 -18px;
  background-color: #ffa200;
  color: white;
}

.btn-med-sm:hover,
.btn-med-sm:focus {
  background-position: 0 -15px;
  background-color: #ffa200;
  /* background-color:#55c29a;*/
  color: white;
}

.btn-med-clear:hover,
.btn-med-clear:focus {
  background-position: 0 -15px;
  background-color: #fff;
  /* background-color:#55c29a;*/
  color: #333;
}

.btn-med:hover,
.btn-med-lg:hover,
.btn-med-sm:hover,
.btn-med-clear:hover {
  -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.27);
  -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.27);
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.27);
  /*box-shadow:0 0px 1px 0px rgba(0, 0, 0, 0.3);*/
}

.text.column-left.col-md-9 h2 {
  margin-top: 30px;
}

.zagolovok_menu_programms {
  border-bottom: 0;
  border-left: 6px solid #00b294;
  font-size: 16px;
  padding-left: 10px;
}

.inner.inner-bottom a:hover {
  text-decoration: underline;
}

.rukovodstvo h4 {
  font-size: 18px;
}

.rukovodstvo .doctor-list-item a {
  margin: 10px 0px;
}

.rukovodstvo .doctor-list-item a:hover {
  text-decoration: underline;
}

.rukovodstvo strong {
  font-size: 18px;
}

.text .inner ul li::before {
  content: "";
}

.text .doctors-grid ul li+li {
  margin-top: 0px;
}

/**/
.e-inner-right {
  background: none;
  padding: 25px;
  margin-bottom: 5px;
}

.e-appointment {
  text-align: center;
  margin-bottom: 5px;
}

.e-appointment .e-app-title {
  font-size: 22px;
  margin-bottom: 15px;
  color: #363c44;
  font-weight: 400;
}

.e-appointment .e-app-price {
  position: relative;
  padding: 0 20px;
  color: #363c44;
  font-size: 20px;
  margin-bottom: 20px;
}

.e-app-price .e-why-price {
  width: 25px;
  position: absolute;
  right: 2px;
  height: 25px;
  top: -7px;
  background: url(/assets/images/e-info.jpg);
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

.e-appointment .e-button {
  font-size: 16px;
  width: 180px;
  height: 40px;
  margin-bottom: 5px;
  display: block;
  margin: 0 auto;
  margin-bottom: 5px;
  color: #fff;
  line-height: 40px;
  padding: 0 18px;
}

.e-appointment .e-app-how-to {
  margin-top: 15px;
  font-size: 12px;
  color: #363c44;
}

/**/
.main-menu .phones {
  text-align: right;
}

#vzr .vzr-mi .mini-card {
  height: 266px;
  display: block;
  padding-top: 181px;
  background-repeat: no-repeat;
  -webkit-transition: background-position 0.3s;
  -o-transition: background-position 0.3s;
  -moz-transition: background-position 0.3s;
  transition: background-position 0.3s;
}

#vzr .vzr-mi .mini-card span {
  background-color: white;
  display: block;
  font-size: 12px;
  font-weight: 400;
  height: 85px;
  line-height: 18px;
  padding: 18px;
  text-transform: uppercase;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  -moz-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

/*{height:85px;display:block;line-height:85px;font-size:12px;font-weight:400;text-transform:uppercase;padding:0 18px;background-color:white;-webkit-transition: opacity 0.3s; transition: opacity 0.3s;}*/
#vzr .vzr-mi .mini-card:hover {
  background-position: 0 -181px;
}

#vzr .vzr-mi .mini-card:hover span {
  opacity: 0;
}

.column-right.col-md-3 {
  margin-bottom: 30px;
}

.service-detail h2 {
  font-size: 24px;
  margin-bottom: 25px;
  margin-top: 25px;
}

.service-detail h3 {
  margin: 15px 0px 10px;
}

.error_html {
  color: red;
}

.history-main.doctor-element {
  margin-top: 30px;
}

.padding-top3 {
  padding-top: 36px;
}

.nonpadding {
  padding: 0px !important;
}

.form-horizontal label {
  font-weight: 400
}

.form-horizontal .control-label {
  text-align: left
}

.doctor-preview .text {
  height: auto
}

#booking .form-control {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  height: 36px
}

#booking .form-group {
  margin-bottom: 25px
}

#booking .col-sm-8.control-label {
  width: 100%;
}

#booking .input-group.date.col-sm-10 {
  width: 238px;
}

#booking .col-sm-7.col-sm-offset-2 {
  margin-left: 0px;
}

#booking #time {
  width: 100px;
}

#booking .glyphicon-calendar::before {
  content: " ";
  background-image: url("images/calendar.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  padding: 16px;
}

#booking .input-group-addon {
  padding: 8px;
}

#booking .bootstrap-select {
  display: block;
  width: 100%;
  height: 34px;
  padding: -1px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
}

#booking .btn-med-sm {
  font-size: 14px;
  line-height: 14px;
  padding: 14px 18px 10px;
  background-image: -webkit-linear-gradient(top, #0eb595 0px, #55c29a 100%);
  background-image: -moz-linear-gradient(top, #0eb595 0px, #55c29a 100%);
  background-image: -o-linear-gradient(top, #0eb595 0px, #55c29a 100%);
  background-image: linear-gradient(to bottom, #0eb595 0px, #55c29a 100%);
  background-color: #0eb595;
  width: 180px;
}

#booking textarea {
  min-height: 140px;
}

#booking .error {
  color: red;
}

.spasibo {
  width: 100%;
  text-align: center;
}

.spasibo a {
  text-align: center;
  margin: 20px 0px;
}

.doctor-element {
  padding-bottom: 30px;
}

.maps-sitemap {
  padding-left: 30%;
}

.sitemap li {
  padding: 5px 0px;
}

.sitemap li:before {
  content: " ● ";
  color: #55edd1;
  padding: 0px 5px 0px 10px;
}

.sitemap li ul {
  padding-left: 20px;
  padding-top: 10px;
}

.middle-header .cta {
  height: 45px;
}

.inner ul {
  line-height: 16px;
  padding: 15px 0;
  padding-left: 37px;
  border-bottom: 2px solid #EEF4F5;
  border-top: 2px solid #EEF4F5;
}

.inner ul li {
  list-style-type: disc;
}

.inner p {
  font-size: 18px;
}

.specialization p {
  font-size: 12px;
  color: #5d5d5e;
}

/**********************/
.page-width {
  max-width: 1440px;
  margin: 0 auto;
}

.right-header-left {
  float: left;
  width: 60%;
}

.right-header-right {
  float: right;
  width: 40%;
}

.cta-item {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 14px;
  color: #20979e;
  width: 200px;
  padding: 10px 10px;
}

.cta-item i {
  font-size: 23px;
  margin-right: 5px;
  vertical-align: middle;
}

.main-menu .phone {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  font-size: 30px;
  letter-spacing: 0.03em;
  color: #198088;
}

.advantages .title {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 16px;
  text-align: center;
  color: #20979e;
}

.block-answer .container-a {
  color: #373737;
  padding: 85px 0 0 0;
  min-height: 315px;
  text-align: center;
  background: url(/local/templates/john/images/questions_image.png) bottom left no-repeat;
  position: relative;
}

.block-answer .container-a:before {
  content: " ";
  background: none;
}

.container-a-inner {
  position: absolute;
  left: 130px;
}

.block-answer .bot_request_h1 {
  text-align: left;
  margin-left: 10px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  font-size: 35px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #198088;
}

.block-answer .request_note {
  text-align: left;
  margin-left: 10px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 18px;
  color: #198088;
}

.block-answer .button-ask,
.block-answer .button-call,
.block_page_text .button-ask,
.block_page_text .button-call,
.banner_small_button .button-ask {
  display: inline-block;
  padding: 14px 42px;
  vertical-align: top;
  margin: 0 10px;
  border: 0;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 18px;
  text-transform: uppercase;
  background-color: #20979e;
  color: #fff;
}

.block-answer .button-ask,
.block-answer .button-call,
.block_page_text .button-ask,
.block_page_text .button-call {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 14px;
  color: #FFFFFF;
}

.block-answer .button-ask,
.block_page_text .button-call {
  background-color: #198088;
}

.block-answer .button-call {
  background-color: #3cbfc5;
}

.block_page_text .button-ask,
.banner_small_button .button-ask {
  background: #20979e;
  -webkit-box-shadow: 0px 4px 8px rgba(32, 151, 158, 0.29);
  -moz-box-shadow: 0px 4px 8px rgba(32, 151, 158, 0.29);
  box-shadow: 0px 4px 8px rgba(32, 151, 158, 0.29);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.block_page_text .button-call,
.block_page_text .button-ask {
  background-image: url(/local/templates/john/images/arrow_right.svg);
  background-position: 22px center;
  background-repeat: no-repeat;
  float: left;
}

.banner_small_button .button-ask {
  background-image: url(/local/templates/john/images/arrow_right.svg);
  background-position: 60px center;
  background-repeat: no-repeat;
  width: 280px;
  text-transform: none;
}

.press h2 {
  margin: 33px 40px 20px 60px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 36px;
  letter-spacing: 0.03em;
  color: #20979e;
}

.press .article .content .title a {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 18px;
  color: #20979e;
}

/**/
.footer-top {
  background-color: #F7F7F7;
  padding: 20px 0;
}

.footer-top .menu-list li a {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  font-size: 14px;
  color: #20979e;
}

.address-desc {
  margin-top: 20px;
}

.banner-main-wrapper {
  padding-top: 5px;
}

.banner-main-inner-left {
  /*display: inline-block;
    float: left;
    width: 940px;
    height: 510px;*/
  padding-right: 0px;
  padding-left: 0px;
}

.banner-main-inner-right {
  /*display: inline-block;
    float: left;
    width: 500px;
    height: 510px;*/
  padding-left: 5px;
  padding-right: 0px;
}

.banner-main-left {
  height: 560px;
  /*510*/
  margin-top: 10px;
  position: relative;
}

.banner-main-right {
  height: 280px;
  /*255*/
  margin-top: 5px;
  position: relative;
}

@media only screen and (max-width: 1714px) {
  .banner-main-left {
    height: 470px;
    /*510*/
  }

  .banner-main-right {
    height: 235px;
    /*255*/
  }
}

@media only screen and (max-width: 1370px) {
  .banner-main-left {
    height: 420px;
    /*510*/
  }

  .banner-main-right {
    height: 210px;
    /*255*/
  }
}

.banner-main-left .button-ask,
.banner-main-right .button-ask {
  background-color: #20979e;
  background-image: url(/local/templates/john/images/arrow_right.svg);
  background-position: 22px center;
  background-repeat: no-repeat;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 14px;
  display: inline-block;
  padding: 12px 12px;
  vertical-align: top;
  margin: 0 10px;
  border: 0;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  position: absolute;
  -webkit-box-shadow: 0px 4px 8px rgba(71, 122, 106, 0.29);
  -moz-box-shadow: 0px 4px 8px rgba(71, 122, 106, 0.29);
  box-shadow: 0px 4px 8px rgba(71, 122, 106, 0.29);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 200px;
  height: 44px;
}

.banner-main-left .button-ask {
  bottom: 80px;
  left: 130px;
}

.banner-main-right .button-ask {
  bottom: 30px;
  left: 40px;
}

.advantages {
  /*margin-top:90px;*/
  /* height: 380px; */
  padding: 30px 0 0px;
  border: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.advantages .adv_item {
  text-align: center;
  padding: 0 35px;
  width: 30%;
}

.advantages .adv_item .img {
  height: 70px;
}

.slider_doctor_main {
  margin: 0 auto;
}

.slider_doctor_main_wrapper {
  background: #F7F7F7;
  padding: 58px 0 18px;
}

.slider_doctor_main_wrapper .bx-wrapper {
  border: 5px solid #f7f7f7;
  background: #F7F7F7;
}

.slider_doctor_main_wrapper .bx-viewport {
  background: #F7F7F7;
}

.slider_doctor_main .doctor-item {
  min-height: 350px;
}

/*.slider_doctor_main .doctor-item img{
    height: 245px;
    width: 220px;
}*/
.slider_doctor_main .doctor-name {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 21px;
  color: #20979e;
  margin-top: 20px;
}

.slider_doctor_main .doctor-prof {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 16px;
  color: #20979e;
  margin-top: 5px;
}

.bx-wrapper {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0 auto;
}

.bx-wrapper .bx-next {
  right: -40px;
  background: url(images/slider_arrow_right.svg) no-repeat right center;
}

.bx-wrapper .bx-prev {
  left: -40px;
  background: url(images/slider_arrow_left.svg) no-repeat left center;
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: left center;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: right center;
}

.news_main {
  margin-top: 50px;
  padding: 50px 0;
}

.news_main_item .date {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 14px;
  color: #3cbfc5;
}

.news_main_item .title a {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 18px;
  color: #20979e;
}

.news_main_wrapper {
  margin-top: 30px;
}

h2 {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 36px;
  letter-spacing: 0.03em;
  color: #20979e;
  border-bottom: 4px solid #F7F7F7;
  padding: 25px 0;
}

.menu-list2 a {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  font-size: 14px;
  color: #20979e;
}

/**/
.footer-bottom {
  background: #3cbfc5;
  /*height: 84px;*/
  /*padding:24px 0px 18px;*/
  padding: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 84px;
}

.footer-bottom .copy {
  margin: auto;
}

.footer_phone {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 18px;
  color: #FFFFFF;
}

.footer_email {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 14px;
  color: #FFFFFF;
}

.footer_email {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 12px;
  color: #FFFFFF;
}

.icon_phone {
  height: 30px;
  width: 30px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  background: url(images/icon_phone.svg) center center no-repeat;
}

.icon_car {
  height: 30px;
  width: 30px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  background: url(images/icon_car.svg) center center no-repeat;
}

.icon_rec {
  height: 30px;
  width: 30px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  background: url(images/icon_rec.svg) center center no-repeat;
}

.top_menu2 {
  background: #F7F7F7;
}

.top_menu2_item a {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 14px;
  color: #20979e;
  padding-left: 40px;
  padding-top: 6px;
  display: block;
  height: 30px;
}

.top_menu2_item {
  display: inline-block;
  /*padding: 12px 15px;*/
  padding: 12px 8px 12px 15px;
}

.top_menu2_item a img {
  margin-left: 5px;
}

.main_menu_sub_wrapper {
  position: relative;
  margin-left: 90px;
}

.main_menu_sub {
  display: none;
  width: 740px;
  height: 400px;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 10;
  -webkit-box-shadow: 0px 5px 7px rgba(105, 175, 150, 0.14);
  -moz-box-shadow: 0px 5px 7px rgba(105, 175, 150, 0.14);
  box-shadow: 0px 5px 7px rgba(105, 175, 150, 0.14);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.main_menu_sub1 {
  left: 10px;
  height: auto;
  width: auto;
}

.main_menu_sub2 {
  left: 0;
  width: 900px;
}

.main_menu_sub3 {
  left: 0;
}

.main_menu_sub4 {
  left: 380px;
}

.main_menu_sub2 .main_menu_sub_right {
  width: 501px;
}

.main_menu_sub.active {
  display: block;
}

.main_menu2_sub {
  width: 1032px;
  left: 100px;
  display: none;
}

.main_menu_sub_left {
  background: #F7F7F7;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  /*display: inline-block;*/
  width: 370px;
  height: 100%;
  padding: 30px 10px 40px 80px;
  float: left;
}

.main_menu_sub_right {
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 30px 10px 20px 20px;
  /*display: inline-block;*/
  /*width: 50%;
    height: 100%;*/
  float: left;
}

.main_menu2_sub .main_menu_sub_right {
  width: 600px;
}

.main_menu_sub_item {
  display: block;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  line-height: 30px;
  font-size: 14px;
  color: #747474;
  padding: 5px 10px 5px 40px;
}

.main_menu_sub_all {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  line-height: 34px;
  font-size: 14px;
  color: #20979e;
  margin-top: 0px;
  /*30*/
  display: block;
  background-image: url(/local/templates/john/images/arrow_right_green.svg);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px;
}

.main_menu_sub_title {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  line-height: 34px;
  font-size: 14px;
  color: #000000;
  padding-bottom: 15px;
}

.main_menu_sub_item_right {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: 34px;
  font-size: 14px;
  color: #747474;
  display: block;
}

.page-width-padding-60 {
  max-width: 1440px;
}

.top_menu2_mob {
  background: #F7F7F7;
}

.top_menu2_mob_item_wrapper {
  padding: 15px 10px 10px;
}

.top_menu2_mob_item {
  display: inline-block;
  height: 84px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 5px 7px rgba(105, 175, 150, 0.14);
  -moz-box-shadow: 0px 5px 7px rgba(105, 175, 150, 0.14);
  box-shadow: 0px 5px 7px rgba(105, 175, 150, 0.14);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
  padding-top: 12px;
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
}

.top_menu2_mob_item.inverse {
  background: #ffffff;
  -webkit-box-shadow: 0px 5px 7px rgba(105, 175, 150, 0.14);
  -moz-box-shadow: 0px 5px 7px rgba(105, 175, 150, 0.14);
  box-shadow: 0px 5px 7px rgba(105, 175, 150, 0.14);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.icon_topmenu2_mob {
  height: 25px;
  width: 40px;
  display: inline-block;
  margin: 0 auto;
}

.top_menu2_mob_item_title {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 0.95;
  font-size: 12px;
  color: #20979e;
}

.top_menu2_mob_item.inverse .top_menu2_mob_item_title {
  color: #20979e;
}

.search-dropdown .dropdown-wr2 {
  width: 100%;
  padding: 5px 20px;
  color: #8f8f8f;
  font-size: 13px;
  background: #FFFFFF;
  border: 1px solid #CBCBCB;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 20px;
  margin-bottom: 20px;
}

.search-dropdown input {
  width: 100%;
  padding: 15px 20px;
  color: #8f8f8f;
  font-size: 13px;
  background: #FFFFFF;
  border: 1px solid #CBCBCB;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.search-dropdown .dropdown-wr2 button {
  border: none;
  background: #fff;
  outline: none !important;
  padding-left: 0;
}

.search-dropdown .dropdown-wr2 .filter-option {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #747474;
}

.search-dropdown .dropdown-wr2 .dropdown-menu li a span.text {
  padding: 5px;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px;
}

.js-letter2 {
  display: inline-block;
  padding: 13px 30px 13px 15px;
  border: 1px solid #ccc;
  margin-right: -1px;
}

.js-letter2-all {
  display: inline-block;
  padding: 13px 30px 13px 10px;
  border: 1px solid #ccc;
  margin-right: -1px;
}

.cta .cta-wr {
  border-bottom: 3px solid #f7f7f7;
  border-left: 3px solid #f7f7f7;
  border-right: 3px solid #f7f7f7;
}

.cta .cta-item {
  border-right: 3px solid #f7f7f7;
}

.middle-header .search-top {
  border-right: none;
}

.logo {
  margin-left: 0;
  padding-left: 20px;
}

.logo img {
  max-width: 272px;
}

.main-menu {
  padding: 5px 8px 5px 20px;
  /*0 8px 0 0;*/
}

.menu-item a {
  color: #20979e;
}

.main-menu ul a {
  color: #198088;
}

.menu-item.cab_link {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 13px;
  color: #000;
  width: 43%;
  padding: 0px 0px;
}

.right-header .personal-link {
  float: none;
  margin-right: 0;
  margin-top: 0;
  padding: 10px 0px;
}

.cta-item {
  width: 55%;
  padding: 10px 8px;
  /*10 8*/
}

.make-review,
.cta-item,
.right-header .personal-link {
  font-size: 14px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.btn-green-bg:hover input,
.btn-green-bg:hover button {
  background-color: #fff;
  color: #20979e;
}

.middle-header .search-top .input-wr {
  position: relative;
}

.search_inner {
  display: inline-block;
  position: absolute;
  top: 11px;
  left: 100px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  font-size: 13px;
  /*text-decoration-line: underline;*/
  color: #747474;
  pointer-events: none;
}

.search_inner span {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 14px;
  color: #747474;
  margin-right: 20px;
}

.search_inner a {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  font-size: 13px;
  -webkit-text-decoration-line: underline;
  -moz-text-decoration-line: underline;
  text-decoration-line: underline;
  color: #747474;
  margin-right: 10px;
}

.btn-green-bg i {
  position: absolute;
  left: 9px;
  top: 9px;
}

.right-header .personal-link span {
  margin-left: 0;
}

.icon_personal {
  height: 20px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  margin-right: 5px;
  background: url(images/icon_personal.svg) no-repeat center center;
  background-size: cover;
}

.block-answer {
  margin-top: 0px;
}

.footer-top .soc i {
  margin-right: 20px;
}

.footer_note {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 12px;
  color: #FFFFFF;
}

.footer-bottom .copyright {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 13px;
  color: #FFFFFF;
}

.button_callback {
  background: #198088;
}

.button_calldoctor {
  background: #20979e;
}

.button_personal {
  background: #747474;
}

.button_callback .top_menu2_mob_item_title,
.button_calldoctor .top_menu2_mob_item_title,
.button_personal .top_menu2_mob_item_title {
  color: #fff;
}

.bx-wrapper .bx-controls-direction a {
  top: 45%;
}

.button-search-doctor {
  display: inline-block;
  padding: 14px 42px;
  vertical-align: top;
  margin: 40px 0px 0;
  border: 0;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  background-color: #20979e;
  color: #fff;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
}

.doctor_main_wrapper {
  background: #F7F7F7;
}

.banner_main_buttons_wrapper .banner-main-inner-left,
.banner_main_buttons_wrapper .banner-main-inner-right {
  height: 0;
}

.banner_main_buttons_wrapper .banner-main-inner-left a {
  position: absolute;
  top: -100px;
}

.banner_main_buttons_wrapper .banner-main-inner-right a {
  position: absolute;
  top: -280px;
}

.mob_contacts_wrapper {
  text-align: center;
  margin-left: 27px;
}

.mob_contacts_inner {
  text-align: center;
  display: inline-block;
  padding-bottom: 10px;
  padding-top: 10px;
}

.mob_contacts_inner a {
  margin: 0 45px 0 0;
}

/* Header row | Begin */

.cc-header-row-flex-desktop {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cc-social-wrapper-desktop {
  text-align: center;
  display: inline-block;
  padding-bottom: 10px;
  padding-top: 10px;
  font-size: 20px;
  position: relative;
  top: 8px;
}

.cc-social-wrapper-desktop a {
  margin: 0 12px 0 0;
}

.cc-messengers-desktop__wrapper {
  padding-bottom: 10px;
  padding-top: 10px;
  position: relative;
  top: 5px;
}

.cc-messengers-mobile__wrapper {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}

a.cc-messengers-desktop__link {
  display: flex;
  align-items: center;
}

/* Header row | End */

.alphabet .bx-viewport {
  height: 50px !important;
}

.alphabet .bx-wrapper .bx-prev {
  left: -15px;
  background: url(images/bx_arrow_left_gray.png) no-repeat left center;
}

.alphabet .bx-wrapper .bx-next {
  right: -38px;
  background: url(images/bx_arrow_right_gray.png) no-repeat left center;
}

.banner_page_wrapper {
  height: 604px;
}

.banner_page_wrapper.page_checkup {
  height: 480px;
}

.block_page_text .container-a {
  color: #373737;
  padding: 60px 0 0 0;
  min-height: 315px;
  /* text-align: center; */
  /* background: url(/local/templates/john/images/questions_image.png) bottom left no-repeat; */
  position: relative;
}

.block_page_text .page_title {
  text-align: left;
  margin-left: 10px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  font-size: 37px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #185157;
}

.block_page_text .page_note {
  text-align: left;
  margin-left: 10px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 18px;
  color: #185157;
  padding-bottom: 44px;
  margin-top: 20px;
}

.block_page_text .page_note li {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 18px;
  padding: 8px 0 8px 12px;
  letter-spacing: 0.03em;
  color: #185157;
  list-style-image: url(images/page_li_style.svg);
}

.page_separator {
  background: url(images/page_separator.svg) no-repeat left center;
  height: 5px;
}

.page_separator_gray {
  background: url(images/page_separator_gray.svg) repeat-x left center;
  height: 5px;
  margin-top: 20px;
  margin-bottom: 60px;
}

.block_page_text_over_wrapper {
  margin-top: 230px;
}

.block_page_text_over_wrapper_1 {
  margin-top: 230px;
  width: 100%;
  margin: 0 auto;
}

.block_page_text_over {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.082);
  -moz-box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.082);
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.082);
  /*width: 1122px;*/
  height: 365px;
  /*margin: 250px auto 0;*/
  padding-top: 60px;
}

.block_page_text_over>p {
  display: inline-block;
  text-align: center;
}

.block_page_text_over_title {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  font-size: 24px;
  letter-spacing: 0.03em;
  color: #20979e;
  padding-left: 50px;
  margin-bottom: 10px;
}

.block_page_text_over_text li {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 5px;
  font-size: 16px;
  color: #747474;
  list-style-image: url(images/page_overtext_li_style.svg);
}

.page_onkology {
  padding-top: 50px;
  /*height: 650px;*/
  padding-bottom: 50px;
}

.page_onkology .text_how {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 24px;
  letter-spacing: 0.03em;
  padding-bottom: 25px;
  color: #747474;
}

.page_onkology .text_how_item {
  width: 20%;
  float: left;
  text-align: center;
}

.page_onkology .text_how_item_number {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  font-size: 64px;
  letter-spacing: 0.03em;
  color: #3cbfc5;
}

.page_onkology .text_how_item_title {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  font-size: 16px;
  color: #198088;
}

.page_onkology .text_how_item_text {
  padding-top: 15px;
}

.page_onkology .text_how_item_text li {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 5px;
  font-size: 16px;
  color: #747474;
  list-style-image: url(images/page_overtext_li_style.svg);
}

.text_how_item_inner {
  padding: 0 20px;
  text-align: left;
}

.block-page-gray-wrapper {
  background: #F7F7F7;
  padding-bottom: 60px;
}

.banner_small_inner {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.082);
  -moz-box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.082);
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.082);
  min-height: 710px;
}

.page_onkology_2 {
  margin-top: 1px;
}

.page_onkology_2 .banner_small_img {
  height: 200px;
}

.page_onkology_2 .banner_small_title {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  font-size: 24px;
  letter-spacing: 0.03em;
  color: #20979e;
  padding: 20px 20px 10px;
  min-height: 88px;
}

.page_onkology_2 .banner_small_text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 16px;
  color: #747474;
  padding: 0px 37px 10px;
  min-height: 500px;
}

.page_onkology_2 .banner_small_text ul {
  padding-left: 10px;
}

.page_onkology_2 .banner_small_text li {
  padding: 10px 0;
  list-style-image: url(images/page_overtext_li_style.svg);
}

.banner_small_button {
  text-align: center;
  padding-bottom: 30px;
}

.page_onkology_2 .text_how_title {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 36px;
  letter-spacing: 0.03em;
  color: #20979e;
}

.block_banner_small {
  margin-top: 30px;
}

.page_onkology_3 .doctors_list_title {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 24px;
  letter-spacing: 0.03em;
  padding-bottom: 25px;
  color: #747474;
}

.page_onkology_3 {
  padding-top: 50px;
  height: 515px;
}

.page_onkology_3 .doctors_list_item_img {
  height: 245px;
}

.page_onkology_3 .doctors_list_item {
  padding-bottom: 20px;
}

.page_onkology_3 .doctors_list_item_name {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 21px;
  color: #20979e;
}

.page_onkology_3 .doctors_list_item_spec {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 16px;
  color: #20979e;
  margin-top: 12px;
}

.page_onkology_3 .doctors_list_item_cat {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 16px;
  color: #20979e;
}

.text_how_title2 {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: 32px;
  font-size: 24px;
  color: #747474;
}

.block-answer .container-b {
  color: #373737;
  padding: 85px 0 0 0;
  min-height: 315px;
  text-align: left;
  background: none;
  position: relative;
}

.block-answer .container-b .button-ask {
  background-image: url(/local/templates/john/images/arrow_right.svg);
  background-position: 18px center;
  background-repeat: no-repeat;
  width: 230px;
  text-transform: none;
  padding: 14px 30px;
}

#form_get_consult input {
  width: 75%;
  padding: 15px 20px;
  color: #8f8f8f;
  font-size: 13px;
  background: #FFFFFF;
  border: 1px solid #CBCBCB;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.get_consult_button_block {
  padding-left: 5px;
  margin-top: 25px;
}

.consult_note {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  color: #198088;
}

.video {
  position: relative;
}

.video_control {
  position: absolute;
  top: 380px;
  left: 100px;
}

.video_control_text {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  font-size: 36px;
  color: #FCFFFE;
}

.block-answer-wrapper.page_onkology_0 {
  background-image: url(/local/templates/john/images/onkology_banner_bottom.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.banner_page_wrapper.page_onkology_0 {
  background-image: url(/local/templates/john/images/kuznecov_banner.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.banner_page_wrapper.page_onkology_1 {
  /*background-image: url(/local/templates/john/images/tinh.jpg);*/
  background-position: top center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.block-answer-wrapper.page_checkup {
  background-image: url(/local/templates/john/images/onkology_banner_bottom.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.banner_page_wrapper.page_checkup {
  background-image: url(/local/templates/john/images/checkup_banner_1.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.banner_page_wrapper.page_checkup2 {
  background-image: url(/local/templates/john/images/checkup_male.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.banner_page_wrapper.page_checkup3 {
  background-image: url(/local/templates/john/images/checkup_covid.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/*.video-responsive {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
}
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}*/
li.checkup_header_button {
  background: #fff;
  display: inline-block;
  float: left;
  padding: 7px 10px;
  border: 1px solid #20979e;
  margin-right: -1px;
  font-family: Roboto;
  font-style: normal;
  /*font-weight: 900;*/
  line-height: normal;
  font-size: 14px;
  color: #20979e;
  cursor: pointer;
}

li.checkup_header_button.active {
  background: #20979e;
  color: #fff;
}

.checkup_page_note li {
  display: inline-block;
  width: 230px;
  border-left: 4px solid #3cbfc5;
  padding: 5px 15px;
  text-align: left;
}

.checkup_header_buttons_block {
  height: 40px;
  text-align: left;
  margin-top: 30px;
  margin-bottom: 30px;
}

.checkup_page_note .page_note_title {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 18px;
  letter-spacing: 0.03em;
  color: #198088;
  text-align: left;
  margin-bottom: 30px;
}

.checkup_page_note .page_note_text_number {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 64px;
  color: #198088;
}

.checkup_page_note .page_note_text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 16px;
  color: #198088;
  min-height: 60px;
}

.checkup_page_note .page_note_detail_link {
  background-image: url(/local/templates/john/images/arrow_right_green.svg);
  background-position: 0px center;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 15px 0px 14px 20px;
  vertical-align: top;
  margin: 0 0px;
  border: 0;
  text-align: left;
  text-decoration: none;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 14px;
  color: #20979e;
}

.checkup_program_price {
  font-family: Roboto;
  font-style: normal;
  line-height: normal;
  font-size: 40px;
  letter-spacing: 0.03em;
  color: #198088;
  display: inline-block;
  float: left;
}

.checkup_program_price span {
  font-weight: 900;
}

.page_note_buttons {
  margin-top: 60px;
}

.page_note_buttons .button-ask,
.page_note_buttons .button-call {
  text-transform: none;
  font-weight: normal;
}

.page_note_buttons .button-call {
  background: #9D9D9D;
  background-image: url(/local/templates/john/images/arrow_right.svg);
  background-position: 22px center;
  background-repeat: no-repeat;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
  border-radius: 3px;
}

.page_checkup .block_page_text_over {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.082);
  -moz-box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.082);
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.082);
  width: 430px;
  height: 160px;
  /* margin: 250px auto 0; */
  padding-top: 60px;
  position: absolute;
  right: 0;
  padding: 40px;
  background: url(/local/templates/john/images/citata.svg) no-repeat right bottom, #fff;
}

.page_checkup .block_page_text_over_text {
  font-family: Roboto;
  font-style: italic;
  font-weight: normal;
  line-height: 24px;
  font-size: 18px;
  color: #20979e;
}

.page_checkup .block_page_text_over_author {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 14px;
  letter-spacing: 0.1em;
  color: #9D9D9D;
  margin-top: 15px;
}

.program_list_item_name {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  font-size: 18px;
  letter-spacing: 0.03em;
  color: #20979e;
  background: url(images/page_separator_gray.svg) repeat-x left top;
  margin-top: 30px;
  padding-top: 30px;
  position: relative;
  cursor: pointer;
}

.program_list_item .box-hide {
  display: none;
  -webkit-transition: all .2s linear 0s;
  -webkit-transition-delay: .2s 0s;
  transition: all .2s linear 0s;
}

/* переключатель панелей, положение вниз */
.program_list_item_name:before {
  content: '';
  height: 10px;
  width: 10px;
  display: block;
  border: 2px solid #ccc;
  border-right-width: 0;
  border-top-width: 0;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  right: 20px;
}

/* активный переключатель, положение вверх */
.program_list_item.opened .program_list_item_name:before {
  border: 2px solid #ccc;
  border-left-width: 0;
  border-bottom-width: 0;
  top: 37px;
}

.page_checkup_program .program_list_title {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 24px;
  letter-spacing: 0.03em;
  color: #747474;
}

.program_list_item ul {
  padding-left: 15px;
}

.program_list_item li {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 16px;
  color: #747474;
  padding: 5px 0;
  list-style-image: url(images/page_overtext_li_style.svg);
}

.page_checkup_program .price_block {
  background: #F7F7F7;
  border-radius: 6px;
  padding: 20px;
  margin-bottom: 70px;
  margin-top: 30px;
}

.page_checkup_program .price_block .price_text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: 2.5;
  font-size: 24px;
  letter-spacing: 0.03em;
  color: #747474;
  display: inline-block;
}

.page_checkup_program .price_block .price_sum {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  font-size: 24px;
  letter-spacing: 0.03em;
  color: #198088;
  display: inline-block;
  float: right;
  margin-right: 20px;
  line-height: 2.5;
}

.page_checkup_program .button-ask {
  display: inline-block;
  padding: 14px 42px;
  vertical-align: top;
  margin: 0 10px;
  border: 0;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 18px;
  text-transform: none;
  background-color: #20979e;
  color: #fff;
  background-image: url(/local/templates/john/images/arrow_right.svg);
  background-position: 22px center;
  background-repeat: no-repeat;
  float: right;
}

.page_checkup_program .page_separator_gray {
  margin-bottom: 30px;
}

.checkup_program_desc_wrapper {
  margin-top: 50px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: 32px;
  font-size: 24px;
  color: #747474;
}

.page_checkup_1 {
  padding-top: 50px;
  /* height: 650px; */
  padding-bottom: 50px;
  background: #F7F7F7;
  margin-top: 50px;
  margin-bottom: 50px;
}

.page_checkup_1 .text_how {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  font-size: 24px;
  letter-spacing: 0.03em;
  color: #20979e;
  z-index: 1;
}

.page_checkup_1 .text_how_item_number {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  font-size: 64px;
  letter-spacing: 0.03em;
  color: #3cbfc5;
}

.page_checkup_1 .text_how_item_title {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  font-size: 16px;
  color: #198088;
}

.page_checkup_1 .text_how_item_text {
  padding-top: 15px;
  font-size: 16px;
  color: #198088;
}

/****************************************************************************************/
/****************************************************************************************/
@media screen and (max-width: 1440px) {

  .menu-area-wr.container,
  .top_menu2_wrapper {
    padding: 0 0px;
    width: 100%;
  }

  .cta .cta-wr {
    border-right: none;
  }

  .top_menu2_item {
    padding: 12px 20px 12px 0px;
  }
}

@media screen and (max-width: 1199px) {
  .top_menu2_item {
    display: inline-block;
    padding: 10px 8px;
  }

  .top_menu2_item a {
    font-size: 12px;
    padding-left: 40px;
  }

  .logo {
    max-width: 100px;
  }

  .main-menu .menu-item a {
    font-size: 13px;
  }

  .middle-header .search-top .input-wr {
    margin: 11px 0 10px 10px;
  }

  .right-header-left {
    width: 55%;
  }

  .right-header-right {
    width: 45%;
  }

  .right-header-right .icon_rec {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    background: url(images/icon_rec.svg) no-repeat center center /contain;
  }

  .right-header-right .icon_car {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    background: url(images/icon_car.svg) no-repeat center center /contain;
  }

  .right-header-right .icon_phone {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    background: url(images/icon_phone.svg) no-repeat center center /contain;
  }

  .right-header-right .icon_personal {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    background: url(images/icon_personal.svg) no-repeat center center /contain;
  }

  .cta-item {
    width: 49%;
    padding: 10px 7px;
  }

  .cta .menu-item a {
    font-size: 13px;
  }

  .right-header .top-header {
    padding: 0px 25px 3px;
  }

  .slider_doctor_main_wrapper {
    background: #F7F7F7;
    padding: 50px 0 0;
  }

  .slider_doctor_main .doctor-name {
    font-size: 15px;
  }

  .slider_doctor_main .doctor-prof {
    font-size: 13px;
  }

  .banner-main-left {
    height: 300px;
  }

  .banner-main-right {
    height: 150px;
  }

  .banner-main-left .button-ask {
    bottom: 30px;
    left: 30px;
  }

  .banner-main-right .button-ask {
    bottom: 20px;
    left: 10px;
  }

  .block-answer .container-a {
    padding: 85px 0 0 0;
    min-height: 315px;
    text-align: center;
    background: url(/local/templates/john/images/questions_image.png) 65% 0px no-repeat;
  }

  .container-a-inner {
    position: absolute;
    left: 30px;
  }

  .menu-list2 a {
    font-size: 12px;
  }

  .news_main_item .title a {
    font-size: 14px;
  }

  .block-answer .bot_request_h1 {
    font-size: 38px;
  }

  .bx-wrapper .bx-controls-direction a {
    top: 22%;
  }

  .footer_phone {
    font-size: 16px;
  }

  .page_onkology .page_separator_gray,
  .page_onkology_3 .page_separator_gray {
    margin-top: 10px;
    margin-bottom: 30px;
  }

  .page_onkology_2 .banner_small_text {
    min-height: 640px;
  }

  .page_onkology_2 .banner_small_button .button-ask {
    background-position: 25px center;
    width: auto;
  }

  .page_onkology_3 .doctors_list_item_desc {
    margin-top: 8%;
  }

  .video_control {
    top: 200px;
    left: 100px;
  }
}

@media screen and (max-width: 1023px) {
  .top_menu2_item {
    display: inline-block;
    padding: 10px 8px;
  }

  .top_menu2_item a {
    font-size: 12px;
    padding-left: 40px;
  }

  .logo {
    max-width: 100px;
  }

  .main-menu .menu-item a {
    font-size: 13px;
  }

  .middle-header .search-top .input-wr {
    margin: 11px 0 10px 10px;
  }

  .right-header-left {
    width: 55%;
  }

  .right-header-right {
    width: 45%;
  }

  .right-header-right .icon_rec {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    background: url(images/icon_rec.svg) no-repeat center center /contain;
  }

  .right-header-right .icon_car {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    background: url(images/icon_car.svg) no-repeat center center /contain;
  }

  .right-header-right .icon_phone {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    background: url(images/icon_phone.svg) no-repeat center center /contain;
  }

  .right-header-right .icon_personal {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    background: url(images/icon_personal.svg) no-repeat center center /contain;
  }

  .cta-item {
    width: 49%;
    padding: 10px 7px;
  }

  .cta .menu-item a {
    font-size: 13px;
  }

  .right-header .top-header {
    padding: 0px 25px 3px;
  }

  .slider_doctor_main_wrapper {
    background: #F7F7F7;
    padding: 50px 0 0;
  }

  .slider_doctor_main .doctor-name {
    font-size: 15px;
  }

  .slider_doctor_main .doctor-prof {
    font-size: 13px;
  }

  .banner-main-left {
    height: 300px;
  }

  .banner-main-right {
    height: 150px;
  }

  .banner-main-left .button-ask {
    bottom: 30px;
    left: 30px;
  }

  .banner-main-right .button-ask {
    bottom: 20px;
    left: 10px;
  }

  .block-answer .container-a {
    padding: 85px 0 0 0;
    min-height: 315px;
    text-align: center;
    background: url(/local/templates/john/images/questions_image.png) 65% 0px no-repeat;
  }

  .container-a-inner {
    position: absolute;
    left: 30px;
  }

  .menu-list2 a {
    font-size: 12px;
  }

  .news_main_item .title a {
    font-size: 14px;
  }

  .block-answer .bot_request_h1 {
    font-size: 38px;
  }

  .bx-wrapper .bx-controls-direction a {
    top: 22%;
  }

  .footer_phone {
    font-size: 16px;
  }

  .page_onkology_2 .banner_small_title {
    font-size: 18px;
    min-height: 75px;
  }

  .page_onkology_2 .banner_small_text {
    font-size: 14px;
    padding: 10px 30px;
  }

  .banner_small_inner {
    min-height: 660px;
  }

  .page_onkology_3 {
    padding-top: 50px;
    height: auto;
  }

  .video_control {
    top: 200px;
    left: 90px;
  }

  .page_separator_gray {
    margin-bottom: 40px;
  }

  .text_how_item_inner {
    padding: 0 14px;
    text-align: left;
  }

  /*checkup*/
  .page_checkup .block_page_text_over {
    width: 320px;
    height: 120px;
    padding: 20px;
  }

  .banner_page_wrapper.page_onkology_0 {
    height: 1000px;
  }

  .banner_page_wrapper.page_onkology_1 {
    height: 1000px;
  }
}

@media screen and (max-width: 991px) {
  .top_menu2_item {
    display: inline-block;
    padding: 10px 4px;
  }

  .top_menu2_item a {
    font-size: 10px;
    padding-left: 40px;
  }

  .logo {
    max-width: 100px;
  }

  .main-menu .menu-item a {
    font-size: 13px;
  }

  .middle-header .search-top .input-wr {
    margin: 11px 0 10px 10px;
  }

  .right-header-left {
    width: 55%;
  }

  .right-header-right {
    width: 45%;
  }

  .right-header-right .icon_rec {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    background: url(images/icon_rec.svg) no-repeat center center /contain;
  }

  .right-header-right .icon_car {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    background: url(images/icon_car.svg) no-repeat center center /contain;
  }

  .right-header-right .icon_phone {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    background: url(images/icon_phone.svg) no-repeat center center /contain;
  }

  .right-header-right .icon_personal {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    background: url(images/icon_personal.svg) no-repeat center center /contain;
  }

  .cta-item {
    width: 49%;
    padding: 10px 7px;
  }

  .cta .menu-item a {
    font-size: 9px;
  }

  .right-header .top-header {
    padding: 0px 25px 3px;
  }

  .slider_doctor_main_wrapper {
    background: #F7F7F7;
    padding: 50px 0 0;
  }

  .slider_doctor_main .doctor-name {
    font-size: 15px;
  }

  .slider_doctor_main .doctor-prof {
    font-size: 13px;
  }

  .banner-main-left {
    height: 300px;
  }

  .banner-main-right {
    height: 150px;
  }

  .banner-main-left .button-ask {
    bottom: 30px;
    left: 30px;
  }

  .banner-main-right .button-ask {
    bottom: 20px;
    left: 10px;
  }

  .block-answer .container-a {
    padding: 85px 0 0 0;
    min-height: 315px;
    text-align: center;
    background: url(/local/templates/john/images/questions_image.png) 65% 0px no-repeat;
  }

  .container-a-inner {
    position: absolute;
    left: 30px;
  }

  .menu-list2 a {
    font-size: 12px;
  }

  .news_main_item .title a {
    font-size: 14px;
  }

  .block-answer .bot_request_h1 {
    font-size: 38px;
  }

  .block_page_text_over_title {
    font-size: 22px;
    padding-left: 30px;
  }

  .block_page_text_over_text li {
    font-size: 14px;
  }

  .page_onkology .text_how_item_inner {
    padding: 0 12px;
  }

  .page_onkology .text_how_item_title {
    font-size: 14px;
  }

  .page_onkology .text_how_item_text {
    font-size: 12px;
  }

  .page_onkology_2 .block_banner_small .banner_small {
    padding: 0px 5px;
  }

  .page_onkology_2 .banner_small_title {
    font-size: 18px;
  }

  .page_onkology_2 .banner_small_text {
    font-size: 16px;
    padding: 0px 15px;
    min-height: 620px;
  }

  .page_onkology_2 .banner_small_title {
    min-height: 100px;
  }

  .banner_small_button .button-ask {
    background-position: 24px center;
  }

  .page_separator_gray {
    margin-top: 10px;
    margin-bottom: 30px;
  }

  .video_control {
    top: 120px;
    left: 80px;
  }

  .video_control_text {
    font-size: 30px;
  }

  .search_inner {
    top: 13px;
    left: 90px;
    font-size: 9px;
  }

  /*~~~~~~~~~~~~~~~~~~
/ checkup          /
~~~~~~~~~~~~~~~~~~*/
  .page_checkup .block_page_text_over {
    width: 300px;
    height: 120px;
    padding: 20px;
  }

  .page_checkup .block_page_text_over_text {
    font-size: 16px;
  }

  .checkup_program_desc {
    font-size: 18px;
  }

  .page_checkup_1 .text_how {
    font-size: 18px;
  }

  .page_checkup_1 .text_how_item_inner {
    padding: 0 0px;
    text-align: left;
  }

  .page_checkup_1 .text_how_item_text {
    padding-top: 15px;
    font-size: 14px;
    color: #198088;
  }

  .checkup_page_note li {
    width: 200px;
  }

  .checkup_program_price {
    font-size: 24px;
  }

  .checkup_page_note .page_note_buttons {
    margin-top: 25px;
  }
}

.footer-container-color{
  background: #3cbfc5;
}

@media screen and (max-width: 767px) {
  .main-menu {
    padding: 20px 8px 0 35px;
  }

  .block-answer .container-a {
    color: #373737;
    padding: 85px 0 0 0;
    min-height: 315px;
    text-align: center;
    background: url(/local/templates/john/images/questions_image_768.jpg) -230px 0px no-repeat;
    position: relative;
  }

  .block-answer .bot_request_h1 {
    font-size: 36px;
  }

  .container-a-inner {
    position: absolute;
    left: 20px;
    top: 0px;
    width: 80%;
  }

  .block-answer .button-ask,
  .block-answer .button-call {
    text-transform: none;
  }

  .block-answer .button-call {
    background: #3cbfc5;
  }

  .footer-bottom {
    display: block;
    padding-top: 25px;
    padding-bottom: 20px;
    background: #20979E;
  }

  .footer-container-color{
    background: #20979E;
  }

  .footer-bottom .copy {
    color: #fff;
    font-size: 13px;
    margin-bottom: 15px;
  }

  .footer_email {
    font-size: 14px;
  }

  .footer_note {
    font-size: 12px;
  }

  .advantages {
    margin-top: 30px;
  }

  .advantages .adv_item.col-xs-6 {
    text-align: center;
    padding: 0 10px;
    min-height: 200px;
  }

  .button_block1 .top_menu2_mob_item_wrapper {
    padding: 20px 10px 10px;
  }

  .top_menu2_mob.hidden_menu {
    padding-left: 35px;
    padding-top: 10px;
    padding-bottom: 25px;
  }

  .top_menu2_mob.hidden_menu .main_menu_sub_item {
    color: #20979e;
    padding-left: 40px;
  }

  .block_page_text {
    padding-top: 5px;
  }

  .onkology_container .container-a-inner {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
  }

  .onkology_container .block_page_text .page_note {
    padding-bottom: 0px;
  }

  .onkology_container .page_note ul {
    padding-left: 10px;
  }

  .banner_page_wrapper.page_onkology_0 {
    height: 1100px;
  }

  .banner_page_wrapper.page_onkology_1 {
    height: 1100px;
    background-image: none !important;
  }

  .onkology_container .block_page_text_over_wrapper {
    margin-top: 300px;
  }

  .onkology_container .block_page_text_over_wrapper_1 {
    margin-top: 300px;
  }

  .onkology_container .container-a-inner .button-ask,
  .onkology_container .container-a-inner .button-call {
    margin: 15px 0px;
    display: block;
    float: none;
  }

  .onkology_container .block_page_text_over {
    padding-top: 30px;
    padding-bottom: 20px;
    height: auto;
  }

  .onkology_container .block_page_text_over_title {
    padding-bottom: 20px;
  }

  .onkology_container .block_page_text_over_text li {
    margin-bottom: 10px;
  }

  .page_onkology {
    padding-top: 50px;
    height: auto;
    padding-bottom: 20px;
  }

  .page_onkology .text_how {
    padding-bottom: 0px;
  }

  .page_onkology .text_how_item {
    width: 100%;
  }

  .page_onkology_2 {
    margin-top: 30px;
  }

  .page_onkology_2 .banner_small_title {
    min-height: 80px;
  }

  .page_onkology_2 .banner_small {
    margin-top: 25px;
  }

  .page_onkology_2 .banner_small_text {
    min-height: 0;
  }

  .page_onkology_2 .banner_small_inner {
    min-height: 0;
  }

  .page_onkology_3 {
    padding-top: 30px;
  }

  .page_onkology_3 .doctors_list_title {
    padding-bottom: 0;
  }

  .page_onkology_3 .doctors_list_item_desc {
    margin-top: 20%;
  }

  .video_wrapper {
    padding-right: 0px;
    padding-left: 0px;
  }

  .video_control {
    position: absolute;
    top: 20px;
    left: 30px;
  }

  .video_control_text {
    font-size: 24px;
  }

  .container-a-inner.page_onkology_0 {
    left: 15px;
    top: 0px;
    width: 100%;
  }

  #form_get_consult .form-group_0 {
    margin-bottom: 15px;
  }

  #form_get_consult input {
    background: #E8EFF1;
    width: 100%;
  }

  .container-a-inner.page_onkology_0 .get_consult_button_block {
    margin-top: 0px;
    padding-left: 15px;
  }

  .container-a-inner.page_onkology_0 .get_consult_button_block .button-ask {
    width: 100%;
    margin: 0px 0px;
    display: block;
    float: none;
  }

  .block-answer-wrapper.page_onkology_0 {
    background-image: none;
    background-color: #E8EFF1;
    height: 350px;
  }

  .block-answer-wrapper.page_checkup {
    background-image: none;
    background-color: #E8EFF1;
    height: 350px;
  }

  .block-answer-wrapper.page_onkology_0 .consult_note {
    margin-top: 10px;
  }

  .block-answer-wrapper.page_checkup .consult_note {
    margin-top: 10px;
  }

  .page_separator_gray {
    margin-bottom: 30px;
    z-index: 10;
  }

  .page_onkology .page_separator_gray {
    margin-bottom: 5px;
  }

  .page_onkology .bx-wrapper .bx-controls-direction a {
    top: 50%;
  }

  .page_onkology .bx-wrapper .bx-prev {
    left: -25px;
  }

  .page_onkology .bx-wrapper .bx-next {
    right: -25px;
  }

  .banner_page_wrapper.page_onkology_0 {
    background-image: none;
    background-color: #E7F0F9;
  }

  .banner_page_wrapper.page_onkology_1 {
    background-image: none;
    background-color: #E7F0F9;
  }

  .banner_page_wrapper.page_checkup {
    background-image: none;
    background-color: #E7F0F9;
  }

  /*~~~~~~~~~~~~~~~~~~
/ checkup          /
~~~~~~~~~~~~~~~~~~*/
  .banner_page_wrapper.page_checkup {
    height: 585px;
  }

  .page_checkup .block_page_text .page_title {
    font-size: 24px;
    text-align: center;
  }

  .checkup_page_note {
    margin-top: 5px;
  }

  .checkup_page_note li {
    width: 100%;
    padding: 5px 5px 5px 10px;
    margin-bottom: 5px;
  }

  .checkup_page_note .page_note_text_number {
    display: inline-block;
    font-size: 36px;
  }

  .checkup_page_note .page_note_text {
    display: inline-block;
    width: 210px;
    min-height: 30px;
  }

  .checkup_page_note .page_note_title {
    font-size: 14px;
    margin-bottom: 10px;
    text-align: center;
  }

  .checkup_page_note .page_note_text {
    display: inline-block;
    width: 210px;
    min-height: 30px;
  }

  .checkup_page_note .page_note_detail_link {
    background-position: 0px 16px;
    padding: 15px 0px 0px 20px;
    margin: 0 0px;
    font-size: 14px;
  }

  .checkup_program_price {
    float: none;
  }

  .checkup_page_note .button-ask {
    background-position: 80px center;
  }

  .checkup_page_note .button-call {
    background-position: 40px center;
  }

  .checkup_program_desc_wrapper {
    margin-top: 20px;
    line-height: 24px;
    font-size: 18px;
  }

  .page_checkup_1 {
    margin-top: 30px;
    padding-top: 30px;
  }

  .page_checkup_1 .text_how {
    font-size: 25px;
  }

  .page_checkup_program .program_list_title {
    font-size: 18px;
  }

  .program_list_item_name {
    font-size: 16px;
  }

  .page_checkup_program .price_block .price_text {
    font-size: 18px;
  }

  .page_checkup_program .price_block .price_sum {
    line-height: 1.5;
  }

  .page_checkup_program .button-ask {
    width: 100%;
    margin: 0 auto;
  }

  .page_checkup_program .price_block {
    margin-bottom: 30px;
  }

  .page_checkup_block_answer .block-answer .bot_request_h1 {
    font-size: 30px;
    margin-bottom: 10px;
  }

  .block-answer-wrapper.page_checkup_block_answer {
    height: 390px;
  }

  .footer-top {
    padding: 30px 0;
  }

  .page_checkup_1 .bx-wrapper .bx-prev {
    left: 0px;
  }

  .page_checkup_1 .bx-wrapper .bx-next {
    right: 0px;
  }

  .page_checkup_1 .bx-wrapper .bx-controls-direction a {
    top: 32%;
  }

  .page_checkup_1 .text_how_item_number {
    padding-left: 50px;
  }

  .bx-wrapper {
    border: 5px solid #F7F7F7;
    background: #F7F7F7;
  }

  .checkup_program_slider li.checkup_header_button {
    display: block;
    float: none;
  }

  .checkup_program_slider_block .bx-wrapper .bx-controls-direction a {
    margin-top: -7px;
  }

  .checkup_program_slider_block .bx-wrapper .bx-prev {
    left: -25px;
  }

  .checkup_program_slider_block .bx-wrapper {
    padding: 0 20px;
    border: 5px solid #E7F0F9;
    background: #E7F0F9;
  }

  .checkup_program_slider_block .bx-wrapper .bx-next {
    right: -25px;
  }
}

@media only screen and (max-width: 700px) {
  .banner_page_wrapper.page_onkology_0 {
    height: auto;
  }
  .pkmc-hotline-p a{
    display: block;
  }


  .banner_page_wrapper.page_onkology_1 {
    height: 1200px;
  }
}

@media only screen and (max-width: 600px) {
  .banner_page_wrapper.page_onkology_0 {
    /*height: 1300px;*/
  }

  .banner_page_wrapper.page_onkology_1 {
    height: 1300px;
  }
}

@media only screen and (max-width: 500px) {
  .banner_page_wrapper.page_onkology_0 {
    /*height: 1400px;*/
  }

  .banner_page_wrapper.page_onkology_1 {
    height: 1400px;
  }
}

@media only screen and (max-width: 400px) {
  .banner_page_wrapper.page_onkology_0 {
    /*height: 1500px;*/
  }

  .banner_page_wrapper.page_onkology_1 {
    height: 1500px;
  }

  .onkology_container .block_page_text_over_wrapper {
    margin-top: 350px;
  }

  .onkology_container .block_page_text_over_wrapper_1 {
    margin-top: 350px;
  }
}

@media only screen and (max-width: 350px) {
  .banner_page_wrapper.page_onkology_0 {
    /*height: 1650px;*/
  }

  .banner_page_wrapper.page_onkology_1 {
    height: 470px !important;
  }

  .onkology_container .block_page_text_over_wrapper {
    margin-top: 200px;
  }

  .onkology_container .block_page_text_over_wrapper_1 {
    margin-top: 350px;
  }
}

/*~~~~~~~~~~~~~~~~~~
/ YOUTUBE ANCOLOGY /
~~~~~~~~~~~~~~~~~~*/
.pkmc-youtube-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2%;
  background-color: #fff;
  margin-bottom: 30px;
  flex-wrap: wrap;
  min-height: 370px;
}

.pkmc-youtube-container h4 {
  font-size: 18px;
  line-height: 17px;
  font-weight: 500;
  color: #20979efa;
}

.pkmc-youtube-container>div {
  background-color: #fff;
  margin: 0 2%;
  margin: 0 0 135px 58px;
  width: 25%;
  height: auto;
}

@media only screen and (max-width: 1199px) {
  .pkmc-youtube-container>div {
    width: 25%;
    height: auto;
  }

  .pkmc-youtube-container {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 991px) {
  .pkmc-youtube-container>div {
    width: 100%;
    height: auto;
  }
}

@media only screen and (max-width: 767px) {
  .pkmc-youtube-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .pkmc-youtube-container>div {
    margin: 2% 0;
    width: 100%;
    height: 400px;
    margin-bottom: 50px;
  }

  .pkmc-youtube-container {
    min-height: 300px;
  }

  .advantages .adv_item {
    width: 50%;
  }
}

@media only screen and (max-width: 480px) {
  .pkmc-youtube-container>div {
    height: 240px;
  }
}

/*~~~~~~~~~~~~~~~~~~~~~~~
/ ONCOLOGY HOT LINE FIX /
~~~~~~~~~~~~~~~~~~~~~~~*/
.pkmc-hotline-p {
  margin: 20px 0;
  text-align: center;
}

.pkmc-hotline-p a {
  color: #20979e;
  font-size: 24px;
  font-weight: 800;
}

.pkmc-union-fix {
  margin: 12px;
  font-size: 16px;
  color: #747474;
}

.pkmc-union-fix img {
  max-width: 100px;
  float: left;
  padding-right: 12px;
  margin-top: -46px;
}

@media only screen and (max-width: 1199px) {
  .pkmc-block-2-fix {
    height: 410px;
  }
}

@media only screen and (max-width: 1000px) {
  .pkmc-block-2-fix {
    height: 460px;
  }
}

.wrap-content {
  margin-left: 25px;
}

.few-width {
  width: 33%;
}

.more-width {
  width: 100%;
  text-align: center;
}

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

/* БЛОК ОНКОЛОГИЯ ВРАЧИ */
@media only screen and (max-width: 1200px) {
  .doc-width-max {
    width: 100%;
    margin-bottom: -10px;
  }
}

@media only screen and (max-width: 768px) {
  .doc-width-max {
    width: 50%;
  }
}

@media only screen and (max-width: 470px) {
  .few-width {
    width: 50%;
  }
}

@media only screen and (max-width: 438px) {
  .doc-width-max {
    width: 50%;
  }

  .block_page_text .page_title {
    font-size: 18px;
  }

  .page_onkology_3 .doctors_list_item_spec {
    font-size: 13px;
  }
}

@media only screen and (max-width: 364px) {
  .page_onkology_3 .doctors_list_item_spec {
    font-size: 11px;
  }
}

/* КОНЕЦ ОНКОЛОГИЯ ВРАЧИ */
.col-xs-12-fix {
  width: 98%;
}

/*****************ПРАВКИ ЧЕКАПА ДЛИННЫЙ ТЕКСТ РЯДОМ С ЛИЦОМ *************/
@media screen and (max-width: 1470px) {
  .block-answer .bot_request_h1 {
    font-size: 29px;
  }
}
@media screen and (max-width: 1200px) {
  .cc-main-menu-desktop ul {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 991px) {
  .columns-row-item {
    width: 51%;
    margin-left: auto;
    margin-right: auto;
  }
  .block-answer .bot_request_h1 {
    font-size: 24px;
  }

}
@media screen and (max-width: 768px) {
  .columns-row-item {
    width: 100%;
  }
  .page-actions-phone-container-link {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    text-align: center;
  }
}

@media screen and (max-width: 600px) {
  .page-actions-wrap {
    flex-wrap: wrap;
  }
  .advants-item {
    padding: 0 0 0 0px;
    font-size: 13px;
    display: flex;
    flex-direction: column;
    text-align: center;
  }

  .advants-item-face {
    padding-right: 0px;
  }
}
/***************** КОНЕЦ ПРАВКИ ЧЕКАПА ДЛИННЫЙ ТЕКСТ РЯДОМ С ЛИЦОМ *************/
/*###################################
# Стилизация списков от 02 Окт 2018 #
###################################*/
.text ul {
  padding: 16px 0 0 30px;
  list-style-image: url(images/page_overtext_li_style.svg);
}

/***********10.10.2018 menu onkologiya dropdown***************/
.podcast-menu-pov li {
  margin: 0;
  padding: 0 !important;
  list-style: none !important;
}

.lishow {
  display: none;
}

#btn-more-onko {
  text-align: center;
  font-size: 18px;
  font-weight: 800;
  cursor: pointer;
  color: #a4e6cd;
}

/**********11.10.2018***********/
.htg-wrap-help {
  display: flex;
}

.htg-wrap-help img {
  width: 50%;
  height: 50%;
}

@media only screen and (max-width: 470px) {
  .htg-wrap-help {
    flex-direction: column;
  }

  .htg-wrap-help img {
    width: 80%;
    height: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}

/**********17.10.2018 pulsing call ******/
.animate-pulsing {
  -webkit-animation: pulsing 2s infinite;
  animation: pulsing 2s infinite;
}

@-webkit-keyframes pulsing {
  0% {
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8)
  }

  50% {
    -webkit-transform: scale(1.0, 1.0);
    transform: scale(1.0, 1.0);
  }

  100% {
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }
}

@keyframes pulsing {
  0% {
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8)
  }

  50% {
    -webkit-transform: scale(1.0, 1.0);
    transform: scale(1.0, 1.0);
  }

  100% {
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }
}

/*********************************************/
.col1 .detail a {
  border: 1px solid red;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.news-tv>div {
  margin-bottom: 25px;
}

.news-tv h3 {
  text-align: left;
  line-height: 26px;
  font-size: 21px;
  margin: 0;
}

.row-video-nw {
  height: 200px;
  display: flex;
  flex-wrap: wrap;
}

/*Tairinn*/
@media only screen and (max-width: 470px) {
  .advantages .title {
    font-size: 14px;
  }
}

/** Новая страница Эндоскопическая диагностика**/
/*баннер*/
.endos_block_banner {
  width: 100%;
  display: block;
  padding: 60px 0 85px 0;
  background: url(/local/templates/john/images/endo/воробьёв.png) center center no-repeat;
  background-clip: padding-box;
  background-size: cover;
  margin-bottom: 25px;
}

.endos_block_banner_content {
  margin-left: 15%;
  position: relative;
}

.endos_block_banner_content ul {
  margin-left: 17px;
}

.endos_block_banner_content_h1 {
  text-transform: uppercase;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  color: #4a786d;
  font-size: 48px;
  margin-left: 30px;
  margin-bottom: 30px;
}

.endos_block_banner_content_list {
  width: 60%;
  font-size: 20px;
  line-height: 1.5;
  color: #4a786d;
  margin: 10px 0 10px 15px;
  font-weight: bold;
  list-style-image: none;
  list-style-image: url(images/page_li_style.svg);
}

.endos_block_banner_content_button-1 {
  background-color: #198088;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 14px;
  color: #FFFFFF;
  padding: 14px 42px;
  vertical-align: top;
  margin: 30px 10px 0px;
  border: 0;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-transform: uppercase;
  background-image: url(/local/templates/john/images/arrow_right.svg);
  background-position: 22px center;
  background-repeat: no-repeat;
  float: left;
}

.endos_block_banner_content_button-2 {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 14px;
  color: #FFFFFF;
  background: #20979e;
  background-image: url(/local/templates/john/images/arrow_right.svg);
  background-position: 22px center;
  background-repeat: no-repeat;
  float: left;
  text-decoration: none;
  text-transform: uppercase;
  padding: 14px 42px;
  vertical-align: top;
  margin: 30px 10px 0px;
  border: 0;
}

/*второй блок*/
.endos_block_1 {
  padding: 10px 50px 25px;
  display: block;
}

.endos_block_1_title {
  font-size: 30px;
  line-height: 1.2;
  color: #20979e;
  margin-bottom: 10px;
  margin-top: 15px;
}

.endos_block_1_items {
  padding-left: 30px;
}

.endos_block_1_item {
  font-size: 18px;
  width: 65%;
  line-height: 1.6;
  letter-spacing: 0.03em;
  padding-left: 10px;
  margin-bottom: 8px;
  list-style-image: url(images/page_overtext_li_style.svg);
}

.endos_block_1-backgroung {
  background-color: #f8f2f2;
}

.endos_block_1_line {
  max-width: 1440px;
  width: 92%;
  margin: 0px auto 30px;
}

/*блок - реклама*/
.endos_block_reclame {
  background-color: #f8f2f2;
  padding: 50px 100px;
}

.endos_block_reclame_content {
  background-color: #ffffff;
  padding: 20px 30px;
  display: inline-block;
}

.endos_block_reclame_content img {
  width: 115px;
  float: left;
  margin-right: 30px;
}

.endos_block_reclame_content p {
  font-size: 18px;
}

.endos_block_reclame_content span {
  font-size: 19px;
  color: #20979e;
}

/*описание*/
.endos_block_description {
  padding: 30px 50px;
}

.endos_block_description_title {
  font-size: 30px;
  margin-bottom: 20px;
}

.endos_block_description_subtitle {
  color: #20979e;
  font-size: 35px;
}

.endos_block_description_info {
  font-size: 18px;
  line-height: 1.7;
  width: 75%;
  letter-spacing: 0.03em;
}

/*как выполняется?*/
.endos_how_info {
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0.03em;
}

/*подчёркивание*/
.endos_block_underline {
  height: 2px;
  background: silver;
}

/*памятка*/
.endos_block_refresher {
  padding: 25px 22px;
  text-align: center;
  display: block;
  margin: auto;
  background: #f8f2f2;
}

/*блок с картинками врачей*/
.block_with_doctors_image {
  padding: 20px 40px;
  display: block;
}

.block_with_doctors_image_item {
  width: 24%;
  height: auto;
}

.block_with_doctors_image_item p {
  color: #20979e;
  font-size: 17px;
  margin-top: 10px;
}

/*блок врачей*/
.endos_block_doctors {
  padding: 30px 50px 0px;
}

/*блок с видео*/
.pkmc-youtube-container-margin {
  margin-bottom: unset;
}

/*блок с кнопкой*/
.endos_block_button {
  padding: 30px 50px;
  text-align: center;
}

.endos_block_otzyv {
  padding: 0px 30px;
  border-bottom: none;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {

  /*баннер*/
  .endos_block_banner {
    padding: 40px 0 20px 0;
    margin-bottom: 10px;
  }

  .endos_block_banner_content {
    left: 4%;
  }

  .endos_block_banner_content h1 {
    left: 12%;
    width: 80%;
    font-size: 40px;
    margin-left: 30px;
  }

  .endos_block_banner_content_list {
    width: 78%;
    list-style-image: url(images/page_li_style.svg);
  }

  /*второй блок*/
  .endos_block_1 {
    padding: 10px 25px 25px;
    display: block;
  }

  .endos_block_1_item {
    width: 100%;
    list-style-image: url(images/page_overtext_li_style.svg);
  }

  /*блок - реклама*/
  .endos_block_reclame {
    background-color: #f8f2f2;
    padding: 35px 60px;
  }

  /*описание*/
  .endos_block_description {
    padding: 20px 25px;
  }

  .endos_block_description_title {
    font-size: 25px;
    margin-bottom: 20px;
  }

  .endos_block_description_subtitle {
    color: #20979e;
    font-size: 30px;
  }

  .endos_block_description_info {
    width: 100%;
  }

  .endos_block_refresher {
    padding: 0px 22px 0px;
  }

  .btn-wr-endos {
    padding-bottom: 0px;
  }

  .endos_block_1_line {
    margin-bottom: 15px;
  }

  /*блок с картинками врачей*/
  .block_with_doctors_image {
    padding: 20px 30px;
  }

  .block_with_doctors_image_item {
    width: 33%;
  }

  .block_with_doctors_image_item p {
    font-size: 16px;
  }

  /*блок врачей*/
  .endos_block_doctors {
    padding: 0px 30px 0px;
  }

  .endos_block_otzyv {
    padding: unset;
  }
}

@media screen and (max-width: 767px) {

  /*баннер*/
  .endos_block_banner {
    padding: 15px 0 10px;
    margin-bottom: unset;
    background: #E7F0F9;
  }

  .endos_block_banner_content {
    left: 0px;
  }

  .endos_block_banner_content_h1 {
    font-size: 27px;
    padding: 0px 23px;
    margin-bottom: unset;
    color: #198088;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    text-align: left;
    margin-left: 10px;
    font-family: Roboto;
    line-height: normal;
    font-style: normal;
    font-weight: 300;
    margin-left: unset;
    text-shadow: none;
  }

  .endos_block_banner_content_list {
    width: 87%;
    font-size: 15px;
    padding-left: 12px;
    margin: 12px 0 10px 17px;
    color: #198088;
    list-style-image: url(images/page_li_style.svg);
  }

  /*второй блок*/
  .endos_block_1 {
    padding: 15px;
  }

  .endos_block_1_title {
    font-size: 30px;
    margin-top: unset;
  }

  .endos_block_1_items {
    padding-left: 30px;
  }

  .endos_how_info {
    line-height: 1.3;
  }

  .endos_block_1_item {
    font-size: 18px;
    width: 95%;
    line-height: 1.4;
  }

  .endos_block_1-backgroung {
    background-color: #f8f2f2;
  }

  .endos_block_1_line {
    margin-top: unset;
    margin-bottom: 15px;
  }

  /*блок - реклама*/
  .endos_block_reclame {
    background-color: #f8f2f2;
    padding: 15px;
  }

  .endos_block_reclame_content {
    background-color: #ffffff;
    padding: 20px 30px;
    display: inline-block;
  }

  .endos_block_reclame_content img {
    width: 75px;
    margin-right: 30px;
    margin-bottom: 10px;
  }

  .endos_block_reclame_content p {
    font-size: 17px;
  }

  .endos_block_reclame_content span {
    font-size: 18px;
  }

  /*описание*/
  .endos_block_description {
    padding: 15px;
  }

  .endos_block_description_title {
    font-size: 28px;
    margin-bottom: 20px;
  }

  .endos_block_description_subtitle {
    font-size: 30px;
  }

  .endos_block_description_info {
    font-size: 18px;
    line-height: 1.3;
    width: 95%;
  }

  /*памятка*/
  .endos_block_refresher {
    padding: 15px 22px;
  }

  .btn-wr-endos a span {
    width: 50%;
  }

  /*блок с картинками врачей*/
  .block_with_doctors_image {
    padding: 15px;
  }

  .block_with_doctors_image_item {
    width: 100%;
  }

  /*блок врачей*/
  .endos_block_doctors {
    padding: 15px;
  }

  /*блок с видео*/
  .pkmc-youtube-container-margin {
    margin-bottom: unset;
  }

  /*блок с кнопкой*/
  .endos_block_button {
    padding: 0px 0px;
    text-align: center;
  }

  .endos_block_otzyv {
    padding: unset;
  }
}

@media screen and (min-width: 1024px) {
  .endos_block_banner {
    height: 700px;
  }

  .endos_block_max_width {
    /*width: 83.333333%;*/
    margin: auto;
    max-width: 1440px;
    background: white
  }

  .block_with_doctors_image {
    padding: 39px 64px 5px;
  }

  .endos_block_banner_content_h1 {
    font-size: 43px;
    margin-left: unset;
  }

  .endos_block_doctors {
    padding: 30px 0px 0px;
  }

  .pkmc-youtube-container-margin {
    margin-bottom: unset;
    padding: unset;
  }
}

/*****20.11.2018***Hirurgiya***/
.hir-kinds-wrap {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: 30px;
  background: #fff;
}

.hir-offer-wrap h4 {
  color: #20979e;
  font-size: 25px;
  margin: 20px 0 20px;
}

.hir-offer-wrap {
  font-size: 16px;
  background: #fff;
  padding: 20px 15px;
}

.hir-kinds h5 {
  font-size: 16px;
  margin: 10px 0;
  color: #20979e;
}

.hir-kinds {
  flex: 19%;
  padding: 15px;
  margin-left: 2px;
  -webkit-box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.082);
  -moz-box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.082);
  box-shadow: 2px 8px 20px rgba(0, 0, 0, 0.082);
}

.hir-kinds-flex50 {
  flex: 50%;
}

.text-hir-title {
  font-size: 35px;
  color: #20979e;
  margin-top: 20px;
}

.li-rad-green li {
  padding: 5px 0;
  list-style-image: url(images/page_overtext_li_style.svg);
  margin-left: 12px;
}

.show_button {
  text-align: center;
  font-size: 18px;
  font-weight: 800;
  cursor: pointer;
  color: #a4e6cd;
  height: 40px;
  width: 54px;
  margin: 0 auto;
  background: url("/local/templates/john/images/hirurgiya/arrow.png") left top no-repeat;
}

.kardio-kinds h4 {
  font-size: 18px;
  color: #20979e;
}

.kardio-kinds {
  padding: 20px;
}

.back-gray-hir {
  background: #e4e8df;
}

.pul-box {
  padding: 15px;
  margin: 50px 0;
  font-size: 16px;
}

.inner {
  background: #fff;
  padding: 20px 15px;
  /*margin-top: -150px;*/
}

.show_button_styles {
  text-align: center;
  font-size: 18px;
  font-weight: 800;
  cursor: pointer;
  color: #a4e6cd;
  height: 40px;
  width: 54px;
  margin: 0 auto;
  background: url("/local/templates/john/images/hirurgiya/arrow.png") left top no-repeat;
}

.padd-ul {
  padding-left: 20px;
}

/******26.11.2018*********/
.khirurgiya_block_banner {
  width: 100%;
  padding: 60px 0 130px 0;
  background: url("/local/templates/john/images/hirurgiya/32e699dd7d067d1e796095289d6df0d8.jpg")center no-repeat;
  margin-bottom: 25px;
}

.ssh_khirurgiya_block_banner {
  width: 100%;
  padding: 60px 0 130px 0;
  background: url("/local/templates/john/images/hirurgiya/9fcf8b1152902750c3c177e3ae881ddc.jpg")center no-repeat;
  margin-bottom: 25px;
  background-clip: padding-box;
  background-size: cover;
}

.kardiologiya_block_banner {
  width: 100%;
  padding: 60px 0 130px 0;
  background: url("/local/templates/john/images/hirurgiya/d2c87888115107d1191a5a6abb5a6f07.jpg")center no-repeat;
  margin-bottom: 25px;
  background-clip: padding-box;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .khirurgiya_block_banner {
    background-image: none;
    background-color: #E7F0F9;
  }

  .ssh_khirurgiya_block_banner {
    background-image: none;
    background-color: #E7F0F9;
  }

  .kardiologiya_block_banner {
    background-image: none;
    background-color: #E7F0F9;
  }

  .block_page_text .page_note li {
    font-size: 15px;
  }
}

.mob-center-tel {
  text-align: center;
  font-weight: 800;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-content: space-between;
}

.mob-center-tel a {
  font-size: 22px;
  color: #20979E;
}

@media screen and (max-width: 1400px) {
  .main_menu_sub1 {
    left: -10%;
  }
}

@media screen and (max-width: 470px) {
  .block_page_text .page_note li {
    font-size: 13px;
  }
}

/******29.11.2018** Кнопки ССХ*****/
/* .button2{
	border:none;
	margin:0;
	padding:0;
    background: #20979e;
	flex:50%;
	padding:7px 20px;
	margin-left: 30px;
	width: 100% !important;
	color:#fff;
  }

.button1{
	border:none;
	margin:0;
	padding:0;
	background:#198088;
	flex:50%;
	vertical-align: middle;
	padding:9px 20px;
	width: 100% !important;
}

.button1:hover{
	background: #198088;
}

.button2:hover{
	background: #20979e;
}

.icon-notepad-remake {
    content: "css\e908";
    color: #ffffff;
}



.button1 a{
	color:#fff;
}

.block1{
	display: flex;
    flex: 50%;
    width: 50%;
    margin: 0 auto !important;
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}





@media only screen and (max-width: 700px) {
	.button2{
		margin-left:0;
		margin-top:20px;
	}

	.block1{
		flex-direction:column;
		width:100%;
	}
}*/
/****Онкология как добраться****/
.title-onko-bl {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 24px;
  letter-spacing: 0.03em;
  color: #20979e;
  margin-top: 30px;
}

.lnk-how-tocome {
  color: #20979e;
  font-size: 20px;
}

.lnk-how-tocome-wrap {
  text-align: center;
  padding: 20px;
}

/***********************************/
/**
* Форма - Записаться на прием
*/
.med-form__container input[type=text],
.med-form__container input[type=tel] {
  background-color: white;
  width: 100%;
  margin-bottom: 20px;
  padding: 12px;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.med-form__container textarea {
  background-color: white;
  width: 100%;
  min-width: 30%;
  max-width: 100%;
  min-height: 90px;
  margin-bottom: 20px;
  padding: 12px;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.med-form__container select {
  width: 100%;
  margin-bottom: 20px;
  padding: 12px;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.med-form__container select[name=TIME] {
  max-width: 100px;
}

.med-form__container input[type=text]:focus,
.med-form__container input[type=tel]:focus,
.med-form__container textarea:focus,
.med-form__container select:focus {
  border-color: #66afe9;
  -webkit-box-shadow: 0 0 3px rgba(35, 173, 255, 0.7);
  -moz-box-shadow: 0 0 3px rgba(35, 173, 255, 0.7);
  box-shadow: 0 0 3px rgba(35, 173, 255, 0.7);
}

.med-form__container input[name=DATA] {
  background: url(/local/templates/john/images/calendar.jpg) no-repeat scroll 7px 7px;
  padding-left: 40px;
  -webkit-background-size: 26px 26px;
  -moz-background-size: 26px;
  -o-background-size: 26px;
  background-size: 26px;
  max-width: 140px;
}

.med-form__container label {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 10px;
  display: block;
}

.med-form__container label span,
.med-form__container .error {
  color: #f44336;
}

.med-form__container button {
  width: 180px;
  padding: 12px 24px;
}

.med-form__container .center {
  text-align: center;
}

.med-form__container .btn-green-bg {
  width: 180px;
  display: block;
  margin: 12px auto 0 auto;
}

.med-form__container .choose-time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.med-form__container .choose-time input {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -moz-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  margin-right: 12px;
}

.med-form__container .choose-time select {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.med-form__container h1 {
  margin-bottom: 18px;
}

.med-form__container {
  display: block;
  max-width: 1340px;
  margin: 0 auto;
  padding: 42px 16px;
}

.med-form__2col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.med-form__2col>label {
  min-width: 30%;
}

@media only screen and (max-width: 920px) {
  .med-form__2col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

/*********Кнопка оставить отзыв **********/
.button_leave_review {
  text-transform: uppercase;
  font-weight: bold;
  padding: 12px 36px;
  border-radius: 6px;
  border: none;
  margin-left: 16px;
  background: #198088;
  /* border: 2px solid #198088; */
  color: white;
  cursor: pointer;
  font-size: 15px;
  width: 250px;
}

.button_make_appointment {
  text-transform: uppercase;
  border-radius: 6px;
  border: none;
  background: #3cbfc5;
  color: white;
  cursor: pointer;
  padding: 14px 15px;
  font-weight: 600;
  width: 300px;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 14px;
  color: #FFFFFF;
}
.button_make_appointment.p-kardio-btn-dark {
  background: #198088 !important;
}
.button_make_appointment .icon-notepad:before {
  margin-right: 5px;
}
.button_make_appointment.p-kardio-btn-l {
  display: inline-block;
  margin-right: 20px;
}
.button_make_appointment .icon-notepad:hover {
  background-color: #20979e;
}

@media screen and (max-width: 1000px) {
  .button_make_appointment {
    padding: 10px 5px;
    width: 350px;
  }

  .button_leave_review {
    width: 350px;
  ;
  }

  .block1 {
    width: 100%;
  }
}

@media only screen and (max-width: 700px) {
  .button_leave_review {
    margin: 0 auto;
    margin-top: 20px;
    width: 100%;
  }
  .button_make_appointment.p-kardio-btn-l{
    margin-bottom: 20px !important;
    margin-right: 0 !important;
  }

  .button_make_appointment {
    margin: 0 auto;
    padding: 10px 5px;
    width: 100%;
  }
}

/*********03.12.2018 Кнопки врачи**********/
.button_make_appointment_doctors {
  background: none;
  list-style: none;
  border: none;
  display: inline-block;
  text-transform: uppercase;
  background-color: #fff;
  padding: 11px 28px 8px;
  border: 1px solid #3cbfc5;
  border-radius: 5px;
  cursor: pointer;
  font-weight: bold;
  white-space: nowrap;
  transition: all .25s ease-out;
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  vertical-align: middle;
  color: #585858;
  margin-top: auto;
}

.button_make_appointment_doctors:hover {
  color: #fff;
  background-color: #20979e;
}

.button_make_appointment_doctors .icon-notepad {
  margin-right: 5px;
}

.center-area {
  margin: 60px 0;
  text-align: center
}

@media (max-width: 550px) {
  .center-area {
    margin: 25px 0
  }
}

/**
* YouTube Video Grid
*/
.ytb-event-ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0 8px;
  margin: 0 0 0 -16px;
}

.ytb-event-item {
  margin: 8px 0;
  width: 33.33%
}

.ytb-event-ul .ytb-event-item {
  padding-left: 16px;
}

.ytb-event-bg {
  width: 100%;
  height: 100%;
  padding-bottom: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ytb-event-bg>div,
.ytb-event-bg>a {
  display: block;
  padding: 0 24px;
}

.ytb-event-bg>div>iframe {
  height: 290px !important;
}

.ytb-event-bg>div>p,
.ytb-event-bg>a>p {
  font-size: 18px;
  color: #198088;
}

.ytb-padding {
  padding-bottom: 34px;
}

@media only screen and (max-width: 1380px) {
  .ytb-event-item {
    width: 50%
  }
}

@media only screen and (max-width: 992px) {
  .ytb-event-item {
    width: 100%
  }

  .ytb-event-bg>div>p,
  .ytb-event-bg>a>p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 520px) {
  .ti-event-bg>div>iframe {
    min-height: 240px !important;
  }
}

/**
* Specialization Header Banner
*/
.pkmc-spec__banner {
  background-color: #e7f0f9;
  height: auto;
  background-position: top right;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  padding: 64px 24px 81px 24px;
}

.pkmc-spec__banner .block_page_text {
  max-width: 1190px;
  margin: 0 auto;
}

.pkmc-spec__banner .page_note {
  padding-bottom: 0;
}

.pkmc-spec__banner .block_page_text .button-call,
.pkmc-spec__banner .block_page_text .button-ask {
  float: none;
  margin-top: 44px;
}

@media only screen and (max-width: 767px) {
  .pkmc-spec__banner {
    position: relative;
    padding: 12px 24px 12px 24px;
  }

  .pkmc-spec__banner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(310deg, rgba(213, 255, 240, 0.9), rgba(255, 255, 255, 0.75));
  }

  .pkmc-spec__banner .block_page_text {
    position: relative;
    z-index: 1;
  }

  .pkmc-spec__banner .block_page_text .button-call,
  .pkmc-spec__banner .block_page_text .button-ask {
    display: block;
    width: 100%;
    margin: 12px 0;
  }
}

/************14.12.2018****************/
@media only screen and (max-width: 500px) {
  .advants-item {
    padding: 0 0 0 0px;
    font-size: 13px;
    display: flex;
    flex-direction: column;
    text-align: center;
  }

  .advants-item-face {
    padding-right: 0px;
  }
}

/*******19.12.2018******/
.oft-width50 {
  width: 50%;
  word-wrap: break-word;
}

.oftol-bg {
  background: #f7f7f7;
  padding: 30px 20px;
}

.nonfix-oft {
  height: 100%;
  padding-bottom: 20px;
}

.margin-80px-oft {
  margin-top: -80px;
}

.oft-width100 {
  width: 50%;
}

@media only screen and (max-width: 770px) {
  .margin-80px-oft {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 500px) {
  .oftol-bg {
    background: #f7f7f7;
    padding: 10px 0px;
  }

  .font-oftol-micro {
    font-size: 11px;
  }

  .font-oftol-micro li {
    font-size: 13px;
  }

  .resize-btn-oft {
    width: 80% !important;
    padding: 10px !important;
    font-size: 12px !important;
  }

  .page_onkology_2 .banner_small_button .button-ask {
    background-position: 7px center;
  }

  .title-size-oft {
    font-size: 15px !important;
  }

  .flex-oftol {
    display: flex;
    flex-direction: column;
  }

  .oft-width100 {
    width: 100%;
  }
}

.padding30oft {
  padding-top: 0;
  padding-top: 30px;
}

/*******25.12.2018********/
.oft-pad0 {
  margin: 0;
  padding: 0;
  padding-right: 100px;
}

.width-separator {
  width: 90%;
}

/**
 * New Year Block
 */
#ny_flakes {
  position: relative;
  overflow: hidden;
}
#ny_flakes .snowfall-flakes { opacity: 0.5; display: none}
#ny_flakes .ny-container {
  background: #fff;
  padding: 2rem 0 3rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: -30px;
}
#ny_flakes .ny-container > * { padding-left: 30px; }
#ny_flakes .ny-container__item_l { width: 65%; }
#ny_flakes .ny-container__item_r { width: 35%; }
#ny_flakes .ny-title-appeal {
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #000;
  font-weight: 700;
}
#ny_flakes .ny-title {
  margin: 0;
  padding: 0;
  margin-bottom: 2rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  color: #20979e;
  font-weight: 700;
}
#ny_flakes .ny-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
#ny_flakes .ny-list > li {
  padding-left: 15px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 130%;
  color: #000;
}
#ny_flakes .ny-list > li::before {
  content: "\00A0";
  color: #000;
  list-style-type: disc;
  position: relative;
  left: -15px;
  width: 15px;
  height: 1.5em;
  margin-bottom: -1.5em;
  display: list-item;
  list-style-position: inside;
  text-align: right;
}
#ny_flakes .ny-img-box {
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  /* max-height: 200px; */
  display: flex;
  align-items: center;
  justify-content: center;
}
#ny_flakes .ny-img-box img { max-height: 330px; }
@media only screen and (max-width: 1024px) {
  #ny_flakes .ny-container { padding: 1rem 0 2rem; }
  #ny_flakes .ny-container__item_l, #ny_flakes .ny-container__item_r { width: 100%; }
  #ny_flakes .ny-container__item_r { margin-top: 10px; order: -1; }
  #ny_flakes .ny-title { margin-bottom: 1rem; font-size: 1.5rem; line-height: 2rem; }
}
/* New Year Block - END */

/**
* Uslugi if > 8 -> hide items
*/
.pkmc-toggleitems__js {
  text-align: center;
  margin: 12px;
  display: none;
}

.pkmc-toggleitems__js button {
  display: inline-block;
  padding: 6px 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  background-color: #fff;
  border: none;
  color: #333;
  text-transform: uppercase;
  font-weight: 600;
}

.pkmc-toggleitems__js button i {
  border: solid #333;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 5px;
  margin-left: 4px;
  position: relative;
}

.pkmc-toggleitems__js button i.pkmc-toggleitems__up {
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  top: 4px;
}

.pkmc-toggleitems__js button i.pkmc-toggleitems__down {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  bottom: 3px;
}

@media only screen and (max-width: 460px) {
  .pkmc-toggleitems__js button {
    font-size: 12px;
  }

  .pkmc-toggleitems__js button i {
    padding: 3px;
  }
}

/**
* Fix for /uslugi/
*/
tr.priceitems.type-caption,
.priceitems.usluga_undefined {
  background-color: #198088 !important;
  color: #fff;
  font-weight: bold;
}

/**
* Фикс для списка врачей
*/
.button_make_appointment_doctors.fake-button {
  border-color: #fff;
  color: #fff;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.button_make_appointment_doctors.fake-button .icon-notepad:before {
  color: #fff;
}

.button_make_appointment_doctors.fake-button:hover {
  color: #fff;
  background-color: #fff;
}

/**
* Checkup Banner Fix
*/
.page_checkup .container-a.col-xs-12 {
  padding: 10px 0 0 0;
}

.page_checkup .container-a.col-xs-12 {
  padding: 10px 0 0 0;
}

.page_checkup .page_note_buttons {
  margin-top: 20px;
}

.page_checkup .checkup_header_buttons_block {
  margin-top: 10px;
  margin-bottom: 10px;
}

.page_checkup h3 {
  text-align: left;
  color: #198088;
  font-weight: normal;
}

.page_checkup .block_page_text .page_title {
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  .page_checkup h3 {
    text-align: center;
  }

  .page_checkup .page_note_buttons {
    margin-top: 0;
  }
}

.social {
  margin-left: 8px;
  margin-top: 2px;
}

.social img {
  width: 26px;
}

.mob-center-tel a {
  position: relative;
  padding-top: 1px;
}

.navPhone {
  position: absolute;
  left: -27px;
  top: 6px;
  width: 20px;
}

/**
 * Калькулятор массы тела .cli-bh-calc
 */
.cli-bh-calc {
  border: 3px solid #00CEAA;
  padding: 12px;
  background: url(/local/templates/john/images/bg-calc.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.cli-bh-calc>h3 {
  font-size: 18px;
  text-align: center
}

#form_calc_index {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#form_calc_index #button_calc {
  background-color: #00CEAA;
  text-transform: none;
  padding: 12px 14px;
  width: auto;
}

#form_calc_index input[type="text"] {
  height: 38px
}

#form_calc_index>div {
  padding: 6px
}

#form_calc_index>div:nth-child(1),
#form_calc_index>div:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
}

#form_calc_index>div:nth-child(1)>span,
#form_calc_index>div:nth-child(2)>span {
  display: inline-block;
  padding: 6px;
}

#calc_result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6px;
  text-align: center;
}

#calc_result>.button_leave_review {
  text-transform: none;
  padding: 12px 14px;
  width: auto;
}

/*vmp*/
.wrap-shadow-ban {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.shadow-ban {
  width: 47%;
  position: relative;
  padding-bottom: 100px;
  margin-bottom: 20px;
  -webkit-box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.082);
  -moz-box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.082);
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.082);
}

.shadow-ban h3 {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  font-size: 24px;
  letter-spacing: 0.03em;
  color: #20979e;
  padding: 20px 20px 10px;
}

.shadow-ban>ul>li {
  padding: 10px 0;
  list-style-image: url(images/page_overtext_li_style.svg);
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 16px;
  color: #747474;
}

.shadow-ban ul {
  padding: 0 40px;
}

.new-content-wrapper {
  max-width: 1200px;
  margin: 0 auto;
}

.padd-for-gb {
  padding: 40px 0;
}

.abs-position {
  position: absolute;
  bottom: 10px;
  width: 100%;
}

.new-content-wrapper .text_how_title2 {
  margin-bottom: 20px;
}

.description-tt {
  padding: 20px;
  margin-top: 30px;
  -webkit-box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.082);
  -moz-box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.082);
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.082);
}

.description-tt>p {
  font-size: 16px;
  color: #747474;
  padding: 5px 0;
}

.hover-block {
  background: #fff;
  margin-top: -70px;
  position: relative;
}

.shadow-top-block {
  margin-bottom: 40px;
  margin-top: 0;
}

.mini-steps .page_onkology .text_how_item_number {
  font-size: 55px;
  text-align: center;
}

.tt-flex {
  display: flex;
}

.wrap-gospit {
  width: 15%;
  text-align: center;
  border: 2px solid #f7f7f7;
  border-radius: 25px;
  padding: 15px 10px;
  margin: 0 3px;
}

.wrap-gospit h2 {
  border: none;
  font-size: 60px;
}

.wrap-gospit p {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  font-size: 16px;
  color: #198088;
}

.mini-steps .text_how {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 24px;
  letter-spacing: 0.03em;
  padding-bottom: 25px;
  color: #747474;
  border-bottom: 2px solid #F7F7F7;
  margin: 40px 0;
}

.vmp-block-onko .text_how_item {
  width: 16%;
}

.mrg-for-p p {
  margin-bottom: 15px;
}

.link-gr-vmp {
  font-weight: 600;
  color: #198088;
  text-decoration: underline;
}

/*//vmp*/
@media only screen and (max-width: 1399px) {
  .new-content-wrapper {
    padding: 0 80px;
    max-width: 100%;
  }

  .tt-flex {
    flex-wrap: wrap;
  }

  .wrap-gospit {
    margin-bottom: 6px;
    width: 22%;
  }
}

@media only screen and (max-width: 1023px) {
  #form_calc_index {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  #calc_result {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  #calc_result>.button_leave_review {
    margin-top: 12px
  }

  .new-content-wrapper {
    padding: 0 40px;
  }

  .wrap-gospit {
    width: 29%;
  }
}

.help_block_info {
  background: #20979e;
  padding: 10px 0;
  text-align: center;
  color: white;
}

.help_block_info p {
  text-align: center;
  color: #ffffff;
}

/**
* Fix https://clinicalcenter.ru/vrachi/~NAME~/ 6 9 2019
*/
ul.vrachi-list {
  margin-left: 10px;
}

.vrachi-container {
  margin-top: 38px;
}

.map-main #map-contacts{
  width: 100%;
  height: 500px;
  margin-bottom: 50px;
}

.toggle-menu-mob{
  border-top: 1px solid #e3e3e3;
  color: #20979e;
  margin-right: 35px;
  margin-top: 20px;
  text-align: center;
  padding-top: 10px;
}

.toggle-menu-mob button{
  color: #20979e;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .vrachi-container {
    margin-top: 16px;
  }

  .wrap-shadow-ban {
    flex-direction: column;
  }

  .shadow-ban {
    width: 100%;
  }

  .hover-block {
    margin: 0;
  }

  .new-content-wrapper {
    padding: 0 20px;
  }

  .wrap-gospit {
    width: 47%;
  }

  .wrap-gospit p {
    font-size: 11px;
  }

  .wrap-gospit h2 {
    padding: 0;
  }

  .mini-steps .text_how, .text_how_title2 {
    font-size: 18px;
  }

  .map-main #map-contacts{
    height: 250px;
  }

  .main-contacts-adress{
    padding-left: 20px;
  }
  .main-contacts-adress::before{
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 20px;
    height: 20px;
    background: url("/local/templates/john/images/local.svg")left top no-repeat;
    background-size: contain;
  }

  .main-contacts-adress .address-desc, .main-contacts-adress{
    color: #20979E;
  }
}

.main-contacts-adress .mob-center-tel{
  align-items: flex-start;
  justify-content: flex-start;
  padding-left: 35px;
  margin-top: 20px;
}

/* Fix END */
/**
 * Checkbox
 */
/* The container */
.container-policy-checkbox {
  display: inline-block !important;
  position: relative;
  padding-left: 24px;
  margin-bottom: 14px !important;
  cursor: pointer;
  font-size: 22px !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: 12px;
}

/* Hide the browser's default checkbox */
.container-policy-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.policy-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.container-policy-checkbox:hover input~.policy-checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-policy-checkbox input:checked~.policy-checkmark {
  background-color: #20979e;
}

/* Create the checkmark/indicator (hidden when not checked) */
.policy-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container-policy-checkbox input:checked~.policy-checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container-policy-checkbox .policy-checkmark:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.flex-ab {
  display: flex;
  flex-wrap: wrap;
}

.flex-ab>.item {
  width: 30%;
}

/****5 банеров*****/
.wrap-fban {
  display: flex;
  /* min-height: 510px; */
  margin: 40px 0;
}

.wrap-fban div {
  background-size: cover !important;
}

.first-fban {
  width: 50%;
  margin-right: 10px;
  /*background: url("/local/templates/john/images/banner/ban1.jpg")left top no-repeat;*/
  background-size: cover;
}

.second-fban, .third-fban {
  width: 25%;
}

.second-fban {
  margin-right: 10px;
}

.second-fban div:first-child, .third-fban div:first-child {
  margin-bottom: 10px;
}

.first-fban img, .second-fban img, .third-fban img {
  width: 100%;
}

.sec-2-1 {
  /*background: url("/local/templates/john/images/banner/ban2-1.jpg")left top no-repeat;*/
  background-size: cover;
}

.sec-2-2 {
  /*background: url("/local/templates/john/images/banner/ban2-2.jpg")left top no-repeat;*/
  background-size: cover;
}

.sec-3-1 {
  /*background: url("/local/templates/john/images/banner/ban3-1.jpg")left top no-repeat;*/
  background-size: cover;
}

.sec-3-2 {
  /*background: url("/local/templates/john/images/banner/ban3-2.jpg")left top no-repeat;*/
  background-size: cover;
}

.sec-2-1, .sec-2-2, .sec-3-1, .sec-3-2 {
  min-height: 350px;
}

.more-info-ban {
  position: relative;
}

.more-link-ban {
  position: absolute;
  bottom: 20px;
  left: 20px;
  /* padding: 10px 20px;
	background: #000;
	color: #fff;
	text-decoration: none;
	font-size: 14px; */
  background-color: #20979e;
  background-image: url(/local/templates/john/images/arrow_right.svg);
  background-position: 22px center;
  background-repeat: no-repeat;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 14px;
  display: inline-block;
  padding: 12px 12px;
  vertical-align: top;
  border: 0;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  -webkit-box-shadow: 0px 4px 8px rgba(71, 122, 106, 0.29);
  -moz-box-shadow: 0px 4px 8px rgba(71, 122, 106, 0.29);
  box-shadow: 0px 4px 8px rgba(71, 122, 106, 0.29);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 200px;
  height: 44px;
}

@media only screen and (max-width: 1921px) {
  .sec-2-1, .sec-2-2, .sec-3-1, .sec-3-2 {
    min-height: 255px;
  }
}

@media only screen and (max-width: 1800px) {
  .sec-2-1, .sec-2-2, .sec-3-1, .sec-3-2 {
    min-height: 170px;
  }

  .more-link-ban {
    bottom: 5px;
    left: 15px;
    width: 153px;
    height: 37px;
    padding: 9px 12px;
  }
}

/*for covid oncology*/
.info-covid {
  font-size: 16px;
}

.info-covid p {
  margin-bottom: 10px;
}

.info-covid ul {
  list-style: disclosure-closed;
  padding-left: 30px;
}

.info-covid a {
  color: #5000ff;
}

/**
 * Список препаратов / begin
 */
.cc-onk-himeo-list__item {
  text-transform: capitalize;
}

.cc-onk-himeo-list__item_hidden {
  display: none;
}

.cc-onk-himeo-more {
  text-align: center;
  font-size: 18px;
  font-weight: 800;
  cursor: pointer;
  color: #a4e6cd;
  margin: 16px 0;
}

/* Список препаратов / end */
/**
 * top-menu-desktop / begin
 */
.cc-top-menu-desktop__container {
  margin-left: 5px;
}

.cc-top-menu-desktop__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  white-space: nowrap;
}

.cc-top-menu-desktop__list>li>a {
  padding-top: 8px;
}

.cc-top-menu-desktop__list>li:nth-child(1)>a {
  /* color: #f00; */
}

.cc-top-menu-desktop__list>li:nth-child(1)>a,
.cc-top-menu-desktop__list>li:nth-child(9)>a {
  /*background: #fff !important;*/
  /* padding-left: 0; */
}

.cc-main-menu-desktop {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap-reverse;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}

.cc-main-menu-desktop__phone {
  white-space: nowrap;
}

@media (max-width: 1024px) {
  .cc-main-menu-desktop ul {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .cc-main-menu-desktop ul>li:last-child>a {
    margin-right: 0;
  }

  .cc-main-menu-desktop__phone {
    padding-left: 12px;
  }
}

/* top-menu-desktop / end */
.icon-soc-youtube::before {
  content: '';
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url("/images/youtube.svg")center center no-repeat;
  background-size: cover;
}

.icon-soc-zen::before {
  content: '';
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url("/images/zen.png")center center no-repeat;
  background-size: cover;
}

.icon-soc-telegram::before {
  content: '';
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url("/images/telegram.svg")center center no-repeat;
  background-size: cover;
}

.ethics__wrap {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  padding: 40px 0;
}

.ethics__item {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  /* border: 2px solid #3cbfc5; */
  background: #3cbfc5;
  color: #fff;
  font-weight: 500;
  flex-basis: 30%;
  padding: 15px;
  border-radius: 5px;
  position: relative;
  padding-left: 45px;
  transition: all 0.3s;
}

.ethics__item::before {
  content: '';
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translate(0, -50%);
  width: 20px;
  height: 20px;
  background: url("/images/ethic-dow.png")center center no-repeat;
  background-size: contain;
}

.ethics__item:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  transform: scale(1.02);
  transition: all 0.3s;
}

.ethics .page_title {
  text-align: left;
  margin-left: 10px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  font-size: 48px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #185157;
  margin-top: 20px;
}

.file {
  display: inline-block;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  background: #3cbfc5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 4px 8px rgb(32 151 158 / 29%);
  -moz-box-shadow: 0px 4px 8px rgba(32, 151, 158, 0.29);
  box-shadow: 0px 4px 8px rgb(32 151 158 / 29%);
  padding: 10px 15px;
  margin-top: 15px;
}

.pfile {
  display: inline-block;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  background: #3cbfc5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 4px 8px rgb(32 151 158 / 29%);
  -moz-box-shadow: 0px 4px 8px rgba(32, 151, 158, 0.29);
  box-shadow: 0px 4px 8px rgb(32 151 158 / 29%);
  padding: 10px 15px;
  margin-top: 15px;
}


.tr-mob-search{
  display: none;
}

.tr-search{
  display: flex;
  padding-left: 10px;
  margin-bottom: 10px;
}

.tr-search .input-wr {
  width: 100%;
  border-radius: 5px;
  position: relative;
}

.tr-search #search_title_mob{
  width: 100%;
  height: 100%;
  border: none;
  background-color: #F5F5F5;
  padding: 10px;
  border-radius: 5px;
}

@media screen and (max-width: 1200px) {
  .ethics__wrap {
    flex-direction: column;
  }

  .ethics__item {
    display: inline-block;
    width: 50%;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 1020px) {
  .ethics__item {
    display: inline-block;
    width: 75%;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 760px) {
  .ethics__item {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
  }

  .ethics .page_title {
    font-size: 30px;
  }

  .tr-mob-search{
    display: block;
  }

  .block-answer .button-ask{
    margin-bottom: 15px;
  }

  .tr-search .search_inner{
    top: 16px;
  }

  .menu-wr-pos{
    position: absolute;
    top: 69px;
    left: 0;
    background: #fff;
  }

  .menu-wr-pos .menu-area{
    background: #fff;
  }
}

/*26.04.2021*/
.pk-row-cust__wrap {
  display: flex;
  flex-wrap: wrap;
}

.pk-row-cust__wrap .text_how {
  margin-bottom: 20px;
}

.pk-row-cust__wrap .text_how_item {
  margin-bottom: 20px;
}

.pk-row-cust {
  display: flex;
  flex-wrap: wrap;
}

.program_desc__custom {
  width: 80%;
  box-sizing: border-box;
  margin-bottom: 40px;
}

.pk-static-content {
  width: 80%;
  font-size: 18px;
  color: #747474;
}

.categories__left {
  flex: 1;
}

.categories__left {
  flex-basis: 50%;
  background: linear-gradient(90deg, #03A3A2 0%, #AAE0CE 100%);
  padding: 68px 58px 65px 47px;
}

.categories__double-list li {
  list-style-image: url("/headneck/img/main/check-white.svg");
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 130%;
  color: #FFFFFF;
  margin-top: 20px;
}

.pk-static-content-100 {
  width: 100%;
}


/*Index Vacansy*/
.ivac {
  display: flex;
  flex-wrap: wrap;
  padding-top: 30px;
}

.ivac__item {
  flex-basis: 31%;
  background-color: #eff5f4;
  padding: 25px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.ivac__title {
  font-size: 18px;
  font-weight: bold;
  line-height: 19px;
  padding-bottom: 10px;
  border-bottom: 2px solid #7D7D7D;
  margin-bottom: 15px;
}

.ivac__label{
  font-size: 17px;
  margin-bottom: 10px;
}

.ivac__ul{
  list-style: disc;
  font-size: 15px;
  padding-left: 20px;
}

.ivac__li{
  margin-bottom: 10px;
}

.ivac__p{
  font-size: 15px;
  margin-bottom: 20px;
}

.formCallback{
  width: 50%;
}

@media screen and (max-width: 1020px) {
  .ivac__item{
    flex-basis: 100%;
    margin-right: 0;
  }

  .formCallback{
    width: 80%;
  }
}

.cookieBanner{
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 9999;
  width: 100%;
  background: #fff;
  box-shadow: 0 -3px 10px rgb(0 0 0 / 10%);
}

.cookieBanner__container{
  display: flex;
  align-items: center;
  justify-content: center;
}

.cookieBanner__body{
  padding: 30px;
}

.cookieBanner__body p {
  font-size: 13px;
  color: #000;
}

.cookieBanner__close button{
  padding: 10px;
  margin-top: 30px;
}

.cookieBanner-message__close button{
  padding: 10px;
  margin-top: 30px;
}

@media only screen and (max-width: 1023px) {
  .cookieBanner__content {
    max-height: 100px;
    overflow: auto;
    margin-bottom: 20px;
    border-bottom: 2px solid #eee;
  }
}

.container-partners {
  padding: 40px 0;
}

.container-partners p {
  font-size: 16px;
  line-height: 25px;
}

.container-partners h1 {
  background: #20979e;
  color: #fff;
  font-weight: 700;
  padding: 20px;
  margin-bottom: 20px;
}

.container-partners .row {
  margin-bottom: 30px;
}

.container-partners .col-md-6 {
  margin-bottom: 20px;
}

.partners-btn{
  display: inline-block;
  width: auto;
  margin-top: 20px;
}

/** Форма на странице /feedback */
.cf-feedback-form { max-width: 750px; margin-bottom: 60px; }
.cf-feedback-grid-1\/2 { display: flex; flex-wrap: wrap; margin-left: -40px; margin-top: -20px; }
.cf-feedback-grid-1\/2 > * { padding-left: 40px; padding-top: 20px; width: 50%; }
.cf-feedback-label { display: block; margin-bottom: 10px; font-size: 16px; color: #333; }
.cf-feedback-label > sup { color: #f00; }
.cf-feedback-input, .cf-feedback-textarea { box-sizing: border-box; margin: 0; border-radius: 6px; font-size: 16px; overflow: visible; -webkit-appearance: none; height: 40px; vertical-align: middle; display: inline-block; max-width: 100%; width: 100%; padding: 0 10px; background: #fff; color: #000; border: 1px solid #ccc; transition: border .2s ease-in-out; }
.cf-feedback-textarea { resize: vertical; height: 150px; padding: 8px 10px; }
.cf-feedback-input:focus, .cf-feedback-textarea:focus { outline: 0; border-color: #20979e; }
.cf-feedback-select-container .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; }
.cf-feedback-select-container .btn { border: 1px solid #ccc; padding: 9px 25px 9px 12px; }
.cf-feedback-policy { color: #555; font-size: 12px; }
.cf-feedback-success { margin-top: 40px; margin-bottom: 60px; }
.cf-feedback-success__title { font-size: 24px; }
.cf-feedback-success__text { font-size: 16px; }
@media (max-width: 767px) { .cf-feedback-grid-1\/2 > * { width: 100%; } }
