/*!
Theme Name: Vatanov
Author: Bonum Studio
Author URI: https://bonum-studio.com
Description: Custom theme: Vatanov, developed by Bonum Studio
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: vatanov


*/
/**
 * @package Helix Ultimate Framework
 * @author JoomShaper https://www.joomshaper.com
 * @copyright Copyright (c) 2010 - 2018 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
 */
body,
.sp-preloader {
  background-color: #fff;
  color: #252525;
}

.sp-preloader>div {
  background: #0345bf;
}

.sp-preloader>div:after {
  background: #fff;
}

#sp-top-bar {
  background: #333;
  color: #aaa;
}

#sp-top-bar a {
  color: #aaa;
}

#sp-header {
  background: #fff;
}

a {
  color: #0345bf;
}

a:hover,
a:focus,
a:active {
  color: #044cd0;
}

.tags>li {
  display: inline-block;
}

.tags>li a {
  background: rgba(3, 69, 191, 0.1);
  color: #0345bf;
}

.tags>li a:hover {
  background: #044cd0;
}

.article-social-share .social-share-icon ul li a {
  color: #252525;
}

.article-social-share .social-share-icon ul li a:hover,
.article-social-share .social-share-icon ul li a:focus {
  background: #0345bf;
}

.pager>li a {
  border: 1px solid #ededed;
  color: #252525;
}

.sp-megamenu-parent>li>a {
  color: #252525;
}

.sp-megamenu-parent>li:hover>a {
  color: #0345bf;
}

.sp-megamenu-parent>li.active>a,
.sp-megamenu-parent>li.active:hover>a {
  color: #0345bf;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: #fff;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
  color: #252525;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
  color: #0345bf;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
  color: #0345bf;
}

.sp-megamenu-parent .sp-mega-group>li>a {
  color: #252525;
}

#offcanvas-toggler>.fa {
  color: #252525;
}

#offcanvas-toggler>.fa:hover,
#offcanvas-toggler>.fa:focus,
#offcanvas-toggler>.fa:active {
  color: #0345bf;
}

.offcanvas-menu {
  background-color: #fff;
  color: #252525;
}

.offcanvas-menu .offcanvas-inner .sp-module ul>li a,
.offcanvas-menu .offcanvas-inner .sp-module ul>li span {
  color: #252525;
}

.offcanvas-menu .offcanvas-inner .sp-module ul>li a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul>li span:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul>li a:focus,
.offcanvas-menu .offcanvas-inner .sp-module ul>li span:focus {
  color: #0345bf;
}

.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler,
.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>.menu-separator>.menu-toggler {
  color: rgba(37, 37, 37, 0.5);
}

.offcanvas-menu .offcanvas-inner .sp-module ul>li ul li a {
  color: rgba(37, 37, 37, 0.8);
}

.btn-primary,
.sppb-btn-primary {
  border-color: #0345bf;
  background-color: #0345bf;
}

.btn-primary:hover,
.sppb-btn-primary:hover {
  border-color: #044cd0;
  background-color: #044cd0;
}

ul.social-icons>li a:hover {
  color: #0345bf;
}

.sp-page-title {
  background: #0345bf;
}

.layout-boxed .body-innerwrapper {
  background: #fff;
}

.sp-module ul>li>a {
  color: #252525;
}

.sp-module ul>li>a:hover {
  color: #0345bf;
}

.sp-module .latestnews>div>a {
  color: #252525;
}

.sp-module .latestnews>div>a:hover {
  color: #0345bf;
}

.sp-module .tagscloud .tag-name:hover {
  background: #0345bf;
}

.search .btn-toolbar button {
  background: #0345bf;
}

#sp-footer,
#sp-bottom {
  background: #171717;
  color: #fff;
}

#sp-footer a,
#sp-bottom a {
  color: #a2a2a2;
}

#sp-footer a:hover,
#sp-bottom a:hover,
#sp-footer a:active,
#sp-bottom a:active,
#sp-footer a:focus,
#sp-bottom a:focus {
  color: #fff;
}

#sp-bottom .sp-module-content .latestnews>li>a>span {
  color: #fff;
}

.sp-comingsoon body {
  background-color: #0345bf;
}

.pagination>li>a,
.pagination>li>span {
  color: #252525;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
  color: #252525;
}

.pagination>.active>a,
.pagination>.active>span {
  border-color: #0345bf;
  background-color: #0345bf;
}

.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
  border-color: #0345bf;
  background-color: #0345bf;
}

.error-code,
.coming-soon-number {
  color: #0345bf;
}

#sp-header {
  background: linear-gradient(45deg, #1de099, #1dc8cd);
}

.sp-megamenu-parent>li>a {
  font-size: 16px;
  color: white;
}

.sp-megamenu-parent>li {
  position: relative;
  overflow-x: hidden;
}

.sp-megamenu-parent>li>a:hover {
  color: #FFF;
}

.sp-megamenu-parent>li:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: -100%;
  background: #fff;
  transition: all 0.3s ease;
}

.sp-megamenu-parent>li:hover:before {
  left: 0;
}

.sp-megamenu-parent>li.active>a,
.sp-megamenu-parent>li.active:hover>a {
  font-weight: 700;
  color: white;
}

.callMeBack {}

.callMeBack .cmbf-field-container {

  float: left;
  width: 100%;

}

.callMeBack .cmbf-form-class legend {
  color: white;
  text-align: center;
}

.callMeBack .cmbf-form-class legend span {
  display: none;
}

.callMeBack .cmbf-form-class input[type="text"] {
  padding: 14px 12px 14px 45px;
}

.callMeBack .cmbf-form-class input[type="submit"] {
  background: white;
  color: #1dc8cd;
  text-shadow: none;
  font-size: 20px;
  font-family: inherit;
  font-weight: 500;
}

.callMeBack .cmbf-form-class input[type="submit"]:hover {
  background: #1de099;
  color: white;
}

.callMeBack .cmbf-button-container .cmbf-button {
  background: red;
}

#sp-footer,
#sp-bottom,
#sp-top-bar {
  background: #1A535C;
  color: white;
}


.services.sppb-img-responsive img {
  margin-left: 0;
  margin-right: 0;
  background: red;
}

.services img {
  margin-left: 0;
  margin-right: 0;
  width: 64px;
  height: 64px;
}

.services {
  height: 100%;
}

.cmbf-success {
  COLOR: WHITE;
  TEXT-ALIGN: CENTER;
}




.servicesItself h4 {
  font-weight: 600;
  cursor: pointer;
}

.servicesItself h5 {
  font-weight: 600;
  text-align: left;
  padding-bottom: 10px;
  color: #1dc8cd;
}







.servicesItselfOdd h4 {
  font-weight: 600;
  cursor: pointer;
}

.servicesItselfOdd h5 {
  font-weight: 600;
  text-align: left;
  padding-bottom: 10px;
  color: #35535B;
}






.serviceAccordion .sppb-panel-faq {
  font-weight: 500;
  color: #35535B;

  font-size: 24px;
}

.serviceAccordion .sppb-panel-heading:hover {
  background: #f1f1f1;
  color: #1de099;
}

.serviceAccordion .sppb-panel-title {
  color: #35535;
  font-size: 18px;
  font-weight: 400;
}

.serviceAccordion>.sppb-toggle-direction {
  color: #35535;
}


.serviceAccordion .active {
  background: #1A535C;

}

.serviceAccordion .active:hover {
  background: #1A535C;
  color: white;
}

.serviceAccordion .active>.sppb-panel-title {
  color: white;
  text-transform: uppercase;
  font-weight: 700;

}



.serviceAccordion .active>.sppb-toggle-direction {
  color: white;
}


.langSwitcher {
  display: inline-block;
  line-height: 60px;

}

.langSwitcher ul {
  vertical-align: middle;
}

.langSwitcher ul>li>a {
  font-size: 18px;
  color: white;
  font-weight: 700
}

.langSwitcher ul>li>a:hover {
  font-weight: 700;
  color: white;
}

@media (max-width : 992px) {

  .offcanvas-menu {
    background: #1A535C;
  }

  .offcanvas-menu ul>li a {
    color: #ffffff;
    font-weight: 600;

  }

  .offcanvas-menu ul li {
    border-bottom: 1px solid white;


    width: 150px;
    line-height: 60px;


  }

  .offcanvas-menu .offcanvas-inner .sp-module ul>li a,
  .offcanvas-menu .offcanvas-inner .sp-module ul>li span {
    color: #fff;
    border-bottom: 1px solid white;
  }
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: rgba(0, 166, 177, 0.1);
  cursor: pointer;
}

.table td {
  padding-left: 40px;
}

.table thead {
  font-weight: bold;
}

.table thead td {
  border-top: none;
}

p.additionalInfo {
  font-size: 12px;
  color: #999;
}

.price {
  font-weight: 600;
  color: #005059;
}


/* BLOG */
.article {
  position: relative;
}

.article-header {
  text-align: center;
}

.article-header h2 a {
  color: #005059 !important;
  transition: all 0.3s ease;
}

.article-header h2 a:hover {
  color: #00a6b1 !important;
}

.article-introtext {
  /* position: absolute;
  left:0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,166,177,0.7);
  pointer-events: none;
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  transition: all 0.3s ease;
  opacity: 0; */
}

.article-introtext p {
  font-size: 18px;
  text-align: center;
}

.article:hover {
  box-shadow: 0 3px 5px #eee;
}

.personColumn {
  position: sticky !important;
  position: -webkit-sticky;
  top: 0;

}



/***********************************/
/* SelectBox for language*/

.mod-languages form {
  position: relative;
  padding-right: 40px;
}



.advancedSelect {
  background: rgba(29, 200, 205, 0.001) !important;
  background: transparent;
  border: 0px !important;
  outline: 0px !important;
  color: #fff !important;
  outline: none !important;
  -webkit-appearance: button !important;
  appearance: button !important;
  -moz-appearance: button !important;
}

.advancedSelect option {
  background: #FFF !important;
  color: #005059 !important;
  font-weight: 500 !important;
}

.leftimg {
  float: left;
  /* Вирівнювання по лівому краю */
  margin: 15px 30px 15px 0;
  /* Відступи навколо картинки */
}

.rightimg {
  float: right;
  /* Вирівнювання по правому краю */
  margin: 0 15px 15px 30px;
  /* Відступи навколо картинки */
}

#text-about ul {
  list-style: disc !important;
}

#text-about ul li:after {
  display: none !important;
}

#text-about ul li::marker {
  color: #72B1BA !important;
}

#sp-main-body #text-about h3 {
  color: #3f5c65 !important;
  font-size: 30px !important;
}

.contacts__form {
  padding-top: 50px;
}

.contacts__form .form-container__item .form-container__item-input,
.contacts__form .form-container__item input.form-container__item-input {
  background-color: #eff5f5;
}

.form-container__item>p {
  height: calc(100% - 1rem);
}

.contacts__form-title {
  text-align: center;
  color: #2bb8c2;
}

.contacts__page {
  background-color: #eaf8f9;
  padding-top: 150px;
  padding-bottom: 50px;
  position: relative;
}

.contacts__form .contacts__form-wrapper {
  background: #fff;
  border-radius: 20px;
  padding: 20px;
}

.contacts__city {
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
  row-gap: 20px;
}

.contacts__city:not(:first-child) {
  margin-top: 20px;
}

.contacts__city>h3 {
  width: 100%;
}

.contacts__city i {
  color: #00a6b1;
  margin-right: 5px;
}

.contacts__city-phone>a {
  display: block;
}

.contacts__page-wrapper {
  display: flex;
  align-items: center;
}

.contacts__page-title {
  text-align: center;
}

.contacts__page .contact__img-wrapper {
  right: 0;
  bottom: 0;
  width: 250px;
}

.service__similar-wrapper .col-3 {
  max-width: none;
}

.service__cards:has(.service__similar) {
  display: block;
}

.service__similar-wrapper .service__cards-item {
  margin: 0 10px;
}

.service__similar-wrapper .slick-dots li {
  font-size: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #cccccc;
}

.service__similar-wrapper .slick-dots .slick-active {
  background-color: #9cdae7;
  ;
}

.service__similar-wrapper .slick-dots li button:before {
  display: none;
}

#sp-header.open {
  overflow-x: hidden;
}

#sp-header.header-sticky.open {
  z-index: 100;
}

.whyus__content button#whyusBtn,
.features__content button#featureVideoBtn {
  z-index: 38;
}

#scroll-container-new {
  height: 330px;
  position: relative;
  overflow-y: hidden;
}

#scroll-container-new.open__text::after {
  display: none;
}

#scroll-container-new::after {
  content: '';
  position: absolute;
  height: 50px;
  width: 100%;
  left: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  pointer-events: none;
}

#scroll-container-new.open__text {
  height: auto;
}

.button__see-more,
.button__see-less {
  border: 0;
  background: #2bb8c2;
  color: #fff;
  margin: 20px auto 0;
  padding: 10px 15px;
  border-radius: 5px;
  display: block;
}

.button__see-less {
  display: none;
}

#header-container .social-icons li a {
  height: 19px;
  display: block;
}

#header-container .social-icons li a svg,
#header-container .social-icons li a span {
  vertical-align: top;
}

.body-wrapper #text-about {
  padding: 0;
}

#price-list-sevicecat .price-list__table {
  margin-bottom: 50px;
}

.body-wrapper #photoGallery {
  margin-top: 50px;
}

.body-wrapper #reviews {
  margin-top: 80px;
}

.body-wrapper #service-video {
  padding-top: 50px;
}

.body-wrapper #service-gallery,
.body-wrapper #visit {
  padding: 50px 0;
}

.body-wrapper .service__name {
  margin-top: 45px;
}

.body-wrapper section#sp-main-body {
  padding: 150px 0;
}

.body-wrapper #contacts {
  margin-top: 70px;
}

.body-wrapper section#sp-main-body.sp-main-body-mod {
  padding: 0;
}

.doctor-card .doctor-card__img img {
  object-position: top center;
}

@media (max-width:1199px) {
  .body-wrapper section#sp-main-body {
    padding: 100px 0;
  }
}

@media (max-width:1100px) {
  .contacts__page-wrapper {
    flex-wrap: wrap;
  }
}

@media (max-width:1024px) {
  .service__similar-wrapper .service__cards-item__name h3 {
    font-size: 16px;
  }

  .service__similar-wrapper .service__cards-item {
    padding: 25px;
  }

  .service__similar-wrapper .service__cards-item__img {
    margin-top: 10px;
  }
}

@media (max-width:992px) {
  .price-list__table__col-item {
    flex-direction: column;
  }

  #price-list-sevicecat .price-list__table__col .price-list__table__col-title {
    padding: 10px 15px;
  }

  .price-list__table__col-title>div:last-child {
    display: none;
  }

  #price-list-sevicecat a.price-list__table__name,
  #price-list-sevicecat div.price-list__table__name {
    padding: 5px 15px;
  }

  #price-list-sevicecat div.price-list__table__price {
    padding: 5px 15px;
  }

  div.price-list__table__col-title p {
    font-size: 22px;
  }
}

@media (max-width:768px) {

  #sp-header.open #sp-menu .sp-megamenu-wrapper .dropdown-menu .sp-contact-phone a,
  #sp-header.open #sp-menu .sp-megamenu-wrapper .dropdown-menu .sp-phone a,
  #sp-header.open #sp-menu .sp-megamenu-wrapper .dropdown-menu .sp-contact-phone span {
    height: auto;
    gap: 5px;
    line-height: 1.5;
    align-items: baseline;
  }

  #sp-header.open #sp-menu .sp-megamenu-wrapper .dropdown-menu .sp-phone a {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }

  #sp-menu .sp-megamenu-wrapper .dropdown-menu {
    margin-top: 20px;
  }

  #sp-header.open #sp-menu .dropdown-menu a i,
  #sp-header.open #sp-menu .dropdown-menu span i {
    margin: 0 !important;
    font-size: 16px;
  }

  #sp-header.open .sp-megamenu-wrapper #header-contacts li {
    line-height: 1;
    margin-top: 10px;
  }

  #header-contacts .dropdown li a.sp-contact-phone-email {
    font-size: 10px;
  }

  #sp-header.open .container-fluid {
    padding: 0;
  }

  #sp-header.open div#header-contacts {
    justify-content: center;
    gap: 0px;
    margin-left: -35px;
  }
}

@media (max-width:599px) {
  .contacts__page .contact__img-wrapper {
    display: none;
  }

  .search-toggle.innericon {
    display: none;
  }

  .header-btn-wrapper ul.social-icons {
    display: block;
  }

  div.header-btn-wrapper {
    padding-left: 0;
  }

  .header-btn-wrapper ul.social-icons>li {
    margin: 0 5px;
  }

  .body-wrapper section#sp-main-body {
    padding: 0;
  }

  #sp-main-body .title__aboutUs {
    margin-bottom: 0;
  }

  .body-wrapper #contacts b {
    margin-top: 0;
  }

  #header-container .social-icons li a svg,
  #header-container .social-icons li a span {
    vertical-align: text-top;
  }

  div#features .row,
  div#whyus .row {
    padding: 20px 0 !important;
  }
}

@media (max-width:410px) {
  .logo .logo-image {
    width: 80%;
    height: 100%;
  }

  div#sp-logo {
    width: 100px;
    height: 100%;
  }
}

/* #sp-logo {
  display: none;
} */