/*********************************************
 __   ___      ___  __   __   __   ___      ___
/  ` |__  |\ |  |  |__) /  \ |  \ |__  |\ |  |
\__, |___ | \|  |  |  \ \__/ |__/ |___ | \|  |
**********************************************/

body {
  font-family: "Lato", sans-serif;
  color: #000;
  margin: 0;
  font-size: 16px;
  overflow-x: hidden;
}

.no_scroll {
  overflow: hidden;
  height: 100%;
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  overflow-y: scroll;
}

/* .shine { */
	/* position: relative; */
	/* overflow: hidden; */
/* } */

/* .shine::before { */
	/* content: ""; */
	/* position: absolute; */
	/* left: -100%; */
	/* width: 100%; */
	/* height: 100%; */
	/* background: linear-gradient(45deg,#fff,transparent,transparent); */
	/* transition: 1.5s; */
/* } */

/* .shine:hover::before { */
	/* left: 100%; */
/* } */

.main-header{
	position:relative;
	z-index:9;
}

.dark-overlay{
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
	position:fixed;
	top:-100%;
	left:0;
	z-index:8;
	opacity:0;
	visibility:0;
	transition: all 0.3s ease-in-out;
}

.dark-overlay.active{
	display:block;
	top:0;
	opacity:1;
	visibility:1;
}

.shine {
	position: relative;
	overflow: hidden;
}

.shine::before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    width: 30%;
    height: 100%;
    background: linear-gradient(90deg, transparent, #fff, transparent);
    transform: translateX(-180px) skew(40deg);
    transition: 1s;
    opacity: 0.6;
}

.shine:hover::before {
	transform: translateX(220px) skew(40deg);
}


.shiny-effect {
  overflow: hidden;
  position: relative;
}

.shiny-effect:after {
  background: #fff;
  content: "";
  height: 150px;
  left: -20%;
  opacity: 0.2;
  position: absolute;
  top: -50px;
  transform: rotate(35deg);
  transition: all 9000ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 30px;
}

.shiny-effect:hover:after {
  left: 120%;
  transition: all 9000ms cubic-bezier(0.19, 1, 0.22, 1);
}

.magic-radio,
.magic-checkbox {
  display: block;
  opacity: 0;
  visibility: hidden;
}

.section_margin_bottom {
  margin-bottom: 60px;
}

.mh-main,
.home-banner,
.golden-bar,
.home-info + .golden-bar,
.home-quote,
.doctor-intro,
.home-slider,
.service-boxes,
.blog-section,
.home-testimonials,
.home-info,
.contact-section,
.mf-main,
.mf-bottom {
  /*	display: none;*/
}

a,
a:hover,
a:focus {
  color: inherit;
  text-decoration: none;
  outline: none;
}

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

section h3 {
	font-size: 28px;
    margin: 15px 0;
}

section h4 {
	font-size: 22px;
    margin: 15px 0;
}

section h5 {
	font-size: 18px;
    margin: 15px 0;
}

section h6 {
	font-size: 15px;
    margin: 15px 0;
}

.align-left {
  text-align: left;
}
.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}

.heading-border {
  position: relative;
  margin-bottom: 0.5em;
}

.heading-border:after {
  content: "";
  border-bottom: 2px solid #d7a240;
  position: absolute;
  bottom: -10px;
  left: -20px;
  display: inline-block;
  width: 2em;
  transition: 1s;
}

.icon:before,
.icon:after {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.quick-contact {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: fixed;
  right: 5px;
  bottom: 1%;
  z-index: 9;
  gap: 9px;
}

.qc-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background-color: #d7a240;
  color: #fff;
}

.qc-btn:hover,
.qc-btn:focus,
.qc-btn:active {
  color: #fff;
}

.qc-btn-accessibility {
  width: 60px;
  height: 60px;
  background-color: #185380;
  font-size: 51px;
  cursor: pointer;
}

.qc-btn .icon-phone {
  font-size: 22px;
}

.qc-btn .icon-mail {
  font-size: 26px;
}

.mh-topbar {
  display: flex;
  align-items: center;
  background-color: #f1f1f1;
  font-size: 12px;
  letter-spacing: 0.04em;
  height: 45px;
}

.mht-icons,
.mht-menu,
.mh-topbar > .container,
.items-wrapper {
  gap: 30px;
}

.mh-topbar > .container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}

.search-container {
	display: none;
    position: absolute;
    top: 39px;
    right: 12px;
    width: 600px;
    padding: 15px 30px;
    background: #fff;
    border: 1px solid #94A5B2;
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.25));
    z-index: 9;
	border-radius: 7px;
}

.search-container .search-toggle {
	margin-right: 30px;
	display: inline-block;
}

.search-container form {
	display: flex;
	align-items: center;
}

.search-container input {
	width: 70%;
    margin: 0;
	display: inline-block;
    padding: 0 30px 0 0;
    border: none;
	color: #000;
	font-family: Lato;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}

.search-container input:focus,
.search-container input:hover,
.search-container input:active {
	outline: none;
	box-shadow: none;
	border: none;
}

.search-container button {
	width: 30%;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
	display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    text-align: center;
    padding: 0 15px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #fff;
    background-color: #d7a240;
}

.mht-icons {
  display: flex;
  align-items: center;
}

.mht-icons a {
  display: flex;
  align-items: center;
}

.mht-icons i {
  margin-right: 10px;
}

.mht-icons .icon-mail {
  font-size: 1.91667em;
  color: #002a4a;
}

.mht-icons .icon-phone {
  font-size: 1.58333em;
}

.mht-menu {
  display: flex;
  align-items: center;
}

.mht-menu a {
  text-transform: uppercase;
}

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

.lang-switcher {
  position: relative;
}

.ls-current {
  cursor: pointer;
  font-weight: 500;
}

.ls-current:after {
  content: "\e908";
  font-size: 0.6em;
  margin-left: 7px;
}

.lang-switcher.active .ls-current:after {
  content: "\e90b";
}

.ls-menu {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: -18px;
  padding: 10px 0;
  background: linear-gradient(90deg, rgba(215, 162, 64, 1) 0%, rgba(113, 85, 34, 1) 100%);
  line-height: 1;
  z-index: 1;
  -webkit-transition: opacity 0.3s, visibility 0s 0.3s;
  transition: opacity 0.3s, visibility 0s 0.3s;
}

.ls-menu.open {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.ls-menu span {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  padding: 10px 20px;
  text-transform: uppercase;
  cursor: pointer;
}

.search-toggle {
  font-size: 19px;
  cursor: pointer;
}

.mh-main {
  height: 92px;
  background-color: #fff;
}

.mh-main > .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

.mhm-logo {
  max-width: 260px;
  margin: 0;
}

.mhm-group,
.mhm-menu {
  display: flex;
  align-items: center;
  gap: 30px;
}

.mhm-menu {
  font-size: 14px;
}

.mhm-menu li {
  line-height: 1;
}

.mhm-menu a {
  color: #002a4a;
  font-weight: 500;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 0.02em;
}

.mhm-menu .has-sub {
  position: relative;
}

.mhm-submenu {
  display: none;
  position: absolute;
  background: white;
  border-top: 2px solid #d4d4d4;
  z-index: 3;
  padding: 30px 60px;
  left: -60px;
  top: 53px;
  width: 500px;
}

.submenu-title {
  display: inline-block;
  color: #000;
  font-family: Lato;
  font-size: 36px;
  font-weight: 300;
  line-height: normal;
}

.mhm-submenu ul {
  margin-top: 10px;
}

.mhm-submenu ul li a {
  display: inline-block;
  padding: 15px 0;
}

.mhm-submenu ul li:last-child {
  margin-bottom: 0;
}

.mhm-submenu .golden-bar {
  position: absolute;
  bottom: 0;
  top: auto;
  display: block;
  width: 100%;
  left: 0;
  right: 0;
  height: 10px;
}

#hamburger-1 {
  display: none;
}

.mhm-location {
  font-size: 20px;
}

.main-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 65px;
  text-align: center;
  min-width: 155px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #fff;
  background-color: #d7a240;
  outline: none;
  border: none;
}

.main-btn:hover,
.main-btn:focus,
.main-btn:active {
  color: #fff;
}

.mhm-btn {
  margin-left: 20px;
}

.home-banner {
	max-height: 820px;
	overflow: hidden;
}

.hb-slider .swiper-wrapper {
	position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.hbs-img {
  display: block;
}

.hbs-img img {
  width: auto;
  margin: 0 auto;
  display: block;
}

.hbs-content {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.hbs-txt {
  flex: 1;
}

.hbs-title {
  font-size: 64px;
  font-weight: 300;
  color: #fff;
  margin: 0;
}

.hbs-btn {
  margin-top: 30px;
}

.hbs-cols {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 23px;
}

.hbs-cols > .container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 30px;
}

.hbs-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 0 40px;
  height: 146px;
  background-color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
  border-bottom: 6px solid #213d66;
}

.hbs-count {
  font-size: 44px;
  line-height: 1;
  white-space: nowrap;
  font-weight: 300;
  color: #185380;
}

.hbs-description {
  font-size: 16px;
  text-transform: uppercase;
  color: #002a4a;
}

.golden-bar {
  background: linear-gradient(
    90deg,
    rgba(215, 162, 64, 1) 0%,
    rgba(113, 85, 34, 1) 100%
  );
}

.golden-bar > .container {
  display: flex;
  height: 40px;
  align-items: center;
  justify-content: center;
}

.gb-title {
  font-size: 18px;
  line-height: 1;
  white-space: nowrap;
  font-weight: 300;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.19em;
}

.home-quote {
  text-align: center;
  position: relative;
}

.hq-txt {
  position: relative;
  max-width: 928px;
  margin: 0 auto;
  padding: 60px 30px;
  letter-spacing: -0.02em;
}

.home-quote:before,
.home-quote:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #213d66;
  margin: 0 auto;
}

.home-quote:before {
  top: 0;
  width: 65%;
}

.home-quote:after {
  bottom: 0;
  width: 45%;
}

.hq-title {
  font-size: 37px;
  font-weight: 300;
  color: #000;
  margin: 0;
}

.hq-description {
  font-size: 18px;
  font-style: italic;
  font-weight: 300;
  line-height: 1.83;
  max-width: 80.8%;
  margin: 0 auto;
}

.hq-title + .hq-description {
  margin-top: 30px;
}

.di-cols {
  display: flex;
   background: linear-gradient(
    135deg,
    rgba(241, 241, 241, 1) 50%,
    rgba(222, 222, 222, 1) 100%
  );
}

.di-col:first-child {
  flex: 0 0 572px;
}

.doctor-intro.reversed .di-col:first-child {
  order: 2;
  display: flex;
  justify-content: flex-end;
}

.doctor-intro.reversed .di-img {
  top: auto;
  bottom: 0;
  left: auto;
  right: 30px;
}

.di-col + .di-col {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 100px 0 150px;
  flex: 1;
  transition: 1s;
}

.doctor-intro.reversed .di-col + .di-col {
	padding: 0 150px 0 100px;
}

.doctor-intro.animation-effect.active .di-col + .di-col {
	padding: 0 150px 0 100px;
}

.doctor-intro.reversed.animation-effect.active .di-col + .di-col {
	padding: 0 100px 0 150px;
}

.di-col + .di-col:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  aspect-ratio: 1;
  background: url("../img/tooth.png") no-repeat center;
  background-size: cover;
}

.di-img {
  max-width: 100%;
  position: relative;
  bottom: 0;
  left: 0;
  transition: 1s;
}

.strucni-tim:not(.reversed) .di-img {
	left: 30px;
}

.doctor-intro.animation-effect.active .di-img {
	transform: scale(1.1);
    bottom: 19px;
    left: 60px;
	right: auto;
}

.doctor-intro.reversed.animation-effect.active .di-img {
	transform: scale(1.1);
    bottom: 18px;
    right: 60px;
	left: auto;
}

.di-txt {
  position: relative;
  letter-spacing: -0.02em;
  font-weight: 300;
}

.di-name {
  margin: 0;
  font-size: 44px;
  font-weight: 300;
  color: #000;
  line-height: 1;
  white-space: nowrap;
  margin-top: 15px;
}

.di-title {
  font-size: 28px;
  color: #4e4e4e;
}

.di-description {
  font-size: 18px;
  line-height: 1.6;
  margin-top: 30px;
}

.di-btn {
  margin-top: 30px;
}

.section-wrap {
  padding: 65px 0 25px;
  background-image: url("../img/section-bg.svg"), url("../img/section-bg.svg");
  background-position: left 8% top 33%, right -12% bottom 30%;
  background-repeat: no-repeat;
  background-color: #f7f7f7;
}

.section-wrap1 {
  margin-top: 70px;
}

.section-title {
  font-size: 44px;
  font-weight: 300;
  margin: 0 0 60px;
  text-align: center;
  letter-spacing: -0.02em;
}

.user-content-desc h2,
.user-content-desc h3,
.user-content-desc h4,
.user-content-desc h5,
.user-content-desc h6 {
	letter-spacing: -0.02em;
    font-weight: 300;
}

.user-content-desc h2 {
  font-size: 40px;
  margin: 0 0 30px;
}

.user-content-desc h3 {
  font-size: 28px;
  margin: 15px 0;
}

.user-content-desc h4 {
  font-size: 22px;
  margin: 15px 0;
}

.user-content-desc h5 {
  font-size: 18px;
  margin: 15px 0;
}

.user-content-desc h6 {
  font-size: 15px;
  margin: 15px 0;
}

.hs-slider-wrap {
  position: relative;
}

.hs-box {
  display: block;
  letter-spacing: -0.02em;
}

.hs-img {
  position: relative;
}

.hs-img:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 42, 74, 0.3);
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.hs-box:hover .hs-img:before {
  opacity: 0;
}

.hs-img > img {
  display: block;
  width: 100%;
}

.hs-title {
  position: absolute;
  left: 12px;
  bottom: 15px;
  backdrop-filter: blur(10px) opacity(0);
  padding: 35px 60px 20px 25px;
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.hs-box:hover .hs-title {
  background-color: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(10px) opacity(1);
}

.hs-title:before {
  content: "";
  height: 2px;
  width: 24px;
  background-color: #fff;
  position: absolute;
  top: 20px;
  left: 25px;
}

.hs-title:after {
  content: "\e903";
  position: absolute;
  right: 25px;
  top: 46%;
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.hs-box:hover .hs-title:after {
  opacity: 1;
}

.hs-description {
  color: #000;
  line-height: 1.6;
  font-size: 16px;
  font-weight: 300;
  padding: 15px 0px;
}

.hs-description strong {
  font-weight: 500;
}

.hs-nav {
  position: absolute;
  top: 40%;
  margin-top: -40px;
  left: 0;
  right: 0;
  z-index: 1;
}

.hs-nav > .container {
  display: flex;
  justify-content: space-between;
  height: 0;
}

.hsn-prev,
.hsn-next {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 80px;
  color: #fff;
}

.section-divider {
  padding: 0 15%;
}

.section-divider:before {
  content: "";
  display: block;
  margin: 0 auto;
  height: 1px;
  background-color: #213d66;
  max-width: 928px;
}

.sb-boxes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-column-gap: 90px;
  grid-row-gap: 60px;
}

/*.sb-img {
  padding-right: 56px;
}*/

.sb-img > img {
  display: block;
  width: 100%;
}

.sb-txt-wrap {
  padding-left: 40px;
  margin-top: -65px;
}

.sb-txt {
  position: relative;
  left: 0;
  background-color: #fff;
  border-bottom: 6px solid #213d66;
  letter-spacing: -0.02em;
  padding: 25px;
  -webkit-transition: left 0.3s;
  transition: left 0.3s;
}

.sb-box:hover .sb-txt {
  left: -30px;
}

.sb-title {
  margin: 0;
  color: #000;
  font-size: 24px;
  font-weight: 400;
}

.sb-description {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  margin-top: 15px;
}

.sb-box.nolink  {
	pointer-events: none;
}

.home-info {
  background-color: #002a4a;
  padding: 60px 0;
  color: #fff;
}

.hi-cols {
  display: flex;
  align-items: center;
  margin: 0 -12px;
}

.hi-col {
  width: 50%;
  padding: 0 12px;
}

.home-info .section-title {
  margin-bottom: 10px;
  color: #fff;
  text-align: left;
}

.hi-description {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: -0.02em;
  max-width: 527px;
}

.hi-btn {
  margin-top: 25px;
}

.hi-dots {
  display: flex;
  flex-direction: column;
  padding-left: 50px;
  font-size: 16px;
  background: url("../img/vertical-dots.svg") no-repeat left top 2px;
  height: 300px;
}

.hi-dots > li {
  height: 33.33333%;
  max-width: 537px;
}

.hi-dots > li + li {
  margin-left: 30px;
}

.hi-dots > li + li + li {
  margin-left: 60px;
}

.hid-title {
  margin: 0;
  text-transform: uppercase;
  font-size: inherit;
  font-weight: 400;
  letter-spacing: 0.04em;
}

.hid-description {
  font-weight: 300;
  letter-spacing: -0.02em;
  line-height: 1.6;
  margin-top: 5px;
  padding-left: 5px;
}

.bs-cols,
.bsc-cols {
  display: flex;
  margin: 0 -5px;
}

.bsc-cols {
  flex-wrap: wrap;
  margin-top: -1.9%;
}

.bs-col,
.bsc-col {
  width: 50%;
  padding: 0 5px;
}

.bsc-col {
  margin-top: 1.9%;
}

.bs-box {
  position: relative;
  display: block;
  height: 100%;
}

.bs-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bs-btn {
  text-align: center;
  margin-top: 60px;
}

.bs-txt {
  position: absolute;
  bottom: 20px;
  left: 15px;
  right: 15px;
  letter-spacing: -0.02em;
  color: #fff;
  z-index: 2;
}

.blog-overlay {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.bs-box-large .bs-txt {
  left: 40px;
  right: 40px;
}

.bs-title {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}

.bs-description {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  margin-top: 8px;
  max-width: 380px;
}

.ht-container {
  display: flex;
  align-items: flex-end;
}

.ht-img {
  width: 50%;
}

.ht-slider {
  flex: 1;
  width: 50%;
  margin-left: -50px;
  margin-bottom: 45px;
}

.ht-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #002a4a;
  color: #fff;
  letter-spacing: -0.02em;
  padding: 0 115px 0 90px;
  height: 360px;
}

.ht-box:before {
  content: "";
  position: absolute;
  top: 25px;
  right: 25px;
  width: 90px;
  aspect-ratio: 1.2598;
  background: url("../img/quotes.svg") no-repeat center;
  background-size: cover;
}

.htb-header {
  display: flex;
  align-items: center;
  gap: 20px;
}

.htbh-avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.htbh-title {
  font-size: 18px;
  margin: 0;
}

.htbh-description {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.76);
}

.htb-txt {
  margin-top: 15px;
  font-size: 18px;
  font-style: italic;
  line-height: 1.6;
}

.htb-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 25px;
}

.htbf-source {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 16px;
}

.ht-btn {
  width: 42px;
  height: 79px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  color: #fff;
  font-size: 11px;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ht-btn-prev:before {
  content: "\e90a";
}

.ht-btn-next:before {
  content: "\e90b";
}

.ht-btn-prev {
  left: 0;
}

.ht-btn-next {
  right: 0;
}

.contact-section .section-title {
  text-align: left;
  margin-bottom: 30px;
}

.cs-cols {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-column-gap: 90px;
}

.cs-form {
  overflow: hidden;
}

.csf-cols {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
  margin-top: -15px;
}

.csf-col {
  width: 50%;
  padding: 0 15px;
  margin-top: 15px;
}

.csf-col-wide {
  width: 100%;
}

.cs-img {
  display: block;
  width: 100%;
}

.clabel {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 8px;
}

.cinput {
  background-color: #e0e6eb;
  border: none;
  outline: none;
  width: 100%;
  height: 45px;
  padding: 0 10px;
}

.ctextarea {
  width: 100%;
  height: 112px;
  background-color: #e0e6eb;
  border: none;
  outline: none;
  resize: none;
  padding: 10px 10px;
}

.csf-btn {
  margin-top: 10px;
}

.magic-checkbox + label {
  padding-left: 39px;
}

.magic-checkbox + label:before {
  border-radius: 0;
  border: none;
  background-color: #e4eaef;
  width: 24px;
  height: 24px;
  top: -3px;
}

.magic-checkbox:checked + label:before {
  background-color: #e4eaef;
  border: none;
}

.magic-checkbox + label:after {
  border-color: #000;
  left: 9px;
}

.main-footer {
  border-top: 6px solid #213d66;
  background-color: #f8f8f8;
}

.mf-main {
  padding: 60px 0;
  overflow: hidden;
}

.mf-logo img {
    max-width: 300px;
    height: auto;
}

.mf-cols {
  display: flex;
  margin: 60px -50px 0;
}

.mf-col {
  position: relative;
  width: 50%;
  padding: 0 50px;
}

.mf-col + .mf-col:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  background-color: #213d66;
}

.mfc-cols {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-column-gap: 60px;
  grid-row-gap: 30px;
}

.mfc-title {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 500;
  color: #002a4a;
  text-transform: uppercase;
}

.mfc-list > li + li {
  margin-top: 5px;
}

.mfc-list a {
  font-size: 16px;
  font-weight: 300;
  color: #000;
}

.mfc-contact-map {
  display: grid;
  grid-template-columns: 35% auto;
  grid-column-gap: 40px;
}

.mfc-socials {
  display: flex;
  flex-wrap: wrap;
  margin-top: -15px;
}

.mfc-socials > li {
  margin-right: 25px;
  margin-top: 15px;
}

.mfc-socials > li:last-child {
  margin-right: 0;
}

.mfc-socials a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  background-color: #fff;
  font-size: 23px;
  color: #185380;
  border-radius: 50%;
  box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.3);
}

.mfcc-list > li {
  display: flex;
}

.mfccl-book {
  align-items: center;
}

.mfcc-list > li + li {
  margin-top: 40px;
}

.mfcc-icon {
  font-size: 40px;
  color: #213d66;
  line-height: 1;
}

.mfcc-txt {
  font-size: 16px;
  padding-left: 20px;
}

.mfcc-description {
  font-weight: 300;
  color: #000;
  line-height: 1.6;
}

.mfcc-txt a,
.mfcc-txt strong {
  font-weight: 400;
  color: #185380;
}

.mfcc-txt a:hover {
  text-decoration: underline;
}

.mfcm-img {
  border: 1px solid #36c6f4;
}

.mfcm-img > img {
  display: block;
  width: 100%;
}

.mfcm-btns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-column-gap: 22px;
  margin-top: 25px;
}

.alt-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 47px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  border: 1px solid #94a5b2;
  color: #185380;
}

.alt-btn:hover,
.alt-btn:focus .alt-btn:active {
  color: #185380;
}

.alt-btn2 {
  border: none;
  background-color: #002a4a;
  color: #fff;
}

.alt-btn2:hover,
.alt-btn2:focus,
.alt-btn2:active {
  color: #fff;
}

.mf-bottom {
  background-color: #002a4a;
}

.mf-bottom > .container {
  text-align: center;
  padding-top: 13px;
  padding-bottom: 13px;
  font-size: 16px;
  font-weight: 500;
  color: rgba(255, 225, 255, 0.73);
}

.mf-bottom.npoo {
   background-color: #fff;
}

.mf-bottom.npoo > .container {
	text-align: left;
	color: #000;
	display: flex;
    align-items: center;
}

.mf-bottom.npoo>.container img {
	max-width: 150px;
	height: auto;
	margin-right: 50px;
}

.mf-text-wrap {
	display: flex;
    flex-direction: column;
    font-size: 15px;
}

.subpage-hero {
  background: linear-gradient(
    45deg,
    rgba(241, 241, 241, 1) 0%,
    rgba(222, 222, 222, 1) 100%
  );
}

.wide {
  width: auto;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  margin-left: calc((100% - 1640px) / 2);
  max-width: none !important;
  padding: 0;
}

.wide .sh-cols {
  display: flex;
  width: 100%;
}

.sh-col:first-child {
	width: 45%;
}

.wide .sh-col + .sh-col {
  width: auto;
  flex: 1 0 1000px;
  max-width: 55%;
  display: flex;
  justify-content: flex-end;
}

.sh-title {
  margin: 0;
  padding-right: 30px;
  font-size: 44px;
  font-weight: 300;
  color: #000;
  line-height: 1;
}

.sh-description {
  font-size: 18px;
  line-height: 1.6;
  margin-top: 22px;
  font-weight: 300;
  padding-right: 50px;
}

.sh-txt {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding: 30px 30px 30px 0;
  max-width: 900px;
}

.sh-img {
	object-fit: cover;
	margin: 0 auto;
	width: 100%;
	height: 450px;
}

.picture-left.reversed .pl-col:first-child {
  order: 2;
}

.pl-cols {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 60px;
}

.pl-content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.pl-title {
  font-size: 37px;
  font-weight: 300;
  color: #000;
  margin: 0;
}

.pl-description {
  font-size: 18px;
  line-height: 1.6;
  margin-top: 30px;
  padding-right: 50px;
  margin-bottom: 60px;
}

.pl-list,
.user-content-desc ul {
  max-width: 80%;
}

.pl-list li,
.user-content-desc ul li {
  padding-bottom: 30px;
  border-left: 2px solid #213d66;
  padding-left: 30px;
  position: relative;
}

.pl-list li:last-child,
.user-content-desc ul li:last-child {
  padding-bottom: 0;
  /* border-left: none; */
}

.pl-list li::before,
.user-content-desc ul li::before {
  content: "";
  position: absolute;
  top: 0;
  left: -7px;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: #213d66;
}

.pl-col img:not(.icv__img) {
	/* max-height: 600px; */
	width: 100%;
	height: auto;
	object-fit: cover;
}

.pll-title {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0;
}

.pl-subtitle {
  font-weight: 500;
  font-size: 22px;
  margin-bottom: 30px;
}

.pll-desc {
  font-size: 16px;
  font-weight: 300;
  margin-top: 5px;
  padding-left: 10px;
}

.pl-content >*:last-child {
	margin-bottom: 0;
}

.home-info.unutarnja {
  background-color: #f8f8f8;
  color: #000;
}

.home-info.unutarnja .section-title {
  color: #000;
}

.home-info.unutarnja .pl-list {
  margin-top: 0;
}

.home-info.unutarnja .hi-description {
  max-width: 80%;
}

#tab-triggers {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
}

.tabovi .container {
  max-width: 1550px;
}

.tabovi .nav-item {
  background: #f1f1f1;
  position: relative;
}

.tabovi .nav-link {
  display: block;
  padding: 30px 40px;
  color: #002a4a;
  border: none;
  position: relative;
  text-align: left;
  width: 100%;
  height: 100%;
  border-radius: 0;
}

.nav-link span {
  display: block;
}

.nav-link::after {
  content: "";
  /* border-left: 1px solid #213d66; */
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1px;
  height: 50%;
  margin: auto 0;
  width: 1px;
  background: #213d66;
}

.nav-link.active::after,
.nav-link:hover::after {
  display: none;
}

.tabovi .nav-item:first-child .nav-link::after {
  content: none;
}

.t-number {
  color: #185380;
  font-size: 34px;
  font-weight: 300;
}

.t-title {
  text-transform: uppercase;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
  color: #fff;
  background-color: #002a4a;
}

.nav-tabs .nav-link.active .t-number,
.nav-tabs .nav-link:hover .t-number {
  color: #fff;
}

.tab-pane {
  background-color: #f8f8f8;
  border: none;
  border-radius: 0;
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.25);
}

.tab-pane.accordion-item {
  margin-top: 0;
  border-bottom: none;
}

.tab-pane .accordion-body {
  position: relative;
  padding: 60px 120px;
  color: #213d66;
  max-width: 100%;
  font-weight: 400;
}

.ab-btn {
  width: 42px;
  height: 79px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  color: #213d66;
  font-size: 11px;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}

.ab-btn-next {
  right: 0;
}

.ab-btn-next:before {
  content: "\e90b";
}

.ab-btn-prev {
  left: 0;
}

.ab-btn-prev:before {
  content: "\e90a";
}

.cesta-pitanja {
    padding: 60px 0;
    background: linear-gradient(180deg, #F8F8F8 0%, #EFEFEF 100%);
}

.cesta-pitanja .container {
  max-width: 1350px;
}

.accordion-item {
  border: none;
  border-bottom: 5px solid #213d66;
  margin-top: 20px;
}

.accordion-button {
  padding: 40px 60px 30px 60px;
  color: #002a4a;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.9px;
  text-transform: uppercase;
  border-radius: 0;
}

.accordion-button::after,
.accordion-button:not(.collapsed)::after {
    background-image: url("../img/accordion-arrow.svg");
    background-color: #213d66;
    padding: 10px;
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 100%;
    background-position: center;
    background-size: 15px;
}

.accordion-button:hover,
.accordion-button:focus,
.accordion-button:active {
  outline: none;
  box-shadow: none;
}

.accordion-body {
  padding: 0 60px 40px 60px;
  max-width: 80%;
  color: #000;
  font-size: 18px;
  font-weight: 300;
}

.home-testimonials.unutarnja {
  margin-bottom: 120px;
}

/* .strucni-tim .di-cols { */
  /* background: linear-gradient( */
    /* 135deg, */
    /* rgba(241, 241, 241, 1) 50%, */
    /* rgba(222, 222, 222, 1) 100% */
  /* ); */
  /* height: 404px; */
/* } */

/* .strucni-tim .di-col + .di-col { */
  /* background: transparent; */
/* } */

/* .strucni-tim .di-img { */
  /* width: auto; */
  /* position: relative; */
  /* top: -65px; */
  /* left: 30px; */
/* } */

.doctor-intro.reversed .di-col + .di-col:before {
  left: 0;
  right: auto;
}

.sg-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 60px;
}

.sg-img {
  background: linear-gradient(113deg, #f1f1f1 40.08%, #dedede 126.31%);
  margin-bottom: 30px;
  transition: 1s;
  overflow: hidden;
}

.sg-item:hover .sg-img {
	background: #213D66;
}

.sg-img img {
  display: block;
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
  transition: 1s;
}

.sg-item:hover .sg-img img {
	transform: scale(1.1);
}

.sg-item:hover .sg-title.heading-border:after {
	left: 0;
	transition: 1s;
}

.sg-title {
  display: inline-block;
  font-size: 24px;
  font-weight: 300;
}

.sg-item:hover .sg-title.heading-border {
	text-shadow: 1px 0px 0px black;
	transition: 1s;
}

.sg-subtitle {
  color: #213d66;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 10px;
}

.bl-cols {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));
  grid-gap: 30px;
}

.blc-cols {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
  grid-gap: 30px;
  height: 100%;
}

.bl-box {
  display: block;
  height: 100%;
  background: #f2f2f2;
  position: relative;
  padding-bottom: 60px;
}

.bl-box .bn-btn {
	position: absolute;
    bottom: 30px;
    left: 30px;
    display: block;
    top: auto;
	opacity: 0;
	visibility: hidden;
	transition: 1s;
}

.bl-box:hover .bn-btn {
	opacity: 1;
	visibility: visible;
}

.bl-txt {
  padding: 30px;
  font-weight: 300;
}

.bl-title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 30px;
  transition: 1s;
}

.bl-box:hover .bl-title {
    text-shadow: 1px 0 0 black;
    transition: 1s;
	/* transform: scaleX(1.1); */
	/* transform-origin: left; */
}

.bl-box-large .bl-title {
  font-size: 30px;
  font-weight: 300;
}

.bl-description {
	padding-top: 0;
	transition: 1s;
}

.bl-box:hover .bl-description {
	padding-top: 15px;
	transition: 1s;
}

.bl-box-large .bl-txt {
  font-size: 18px;
}

.blog-landing.reversed .bl-col:first-child {
  order: 2;
}

.two-cols.siva {
	background: #f8f8f8;
	padding: 60px 0;
}

.tc-cols {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 60px;
}

.tc-title {
  font-size: 36px;
  font-weight: 300;
  margin-bottom: 30px;
}

.tc-desc {
  font-size: 18px;
  font-weight: 400;
}

.bn-cols {
  display: grid;
  grid-template-columns: repeat(2, 650px);
  grid-gap: 60px;
  justify-content: space-between;
}

.bn-box {
  display: flex;
  width: 100%;
  height: 100%;
}

.bn-img {
  max-width: 300px;
  height: auto;
  object-fit: cover;
}

.bn-txt {
  background: #f2f2f2;
  padding: 30px 15px;
  flex: 1;
}

.bn-title {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 30px;
}

.bn-btn {
  color: #213d66;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
}

.bn-btn span {
  margin-left: 15px;
  font-weight: 700;
}

.bn-nav-buttons {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

.bn-nav-buttons a {
  font-size: 22px;
  font-weight: 500;
}

.c-cols {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 120px;
}

.c-title {
  font-size: 36px;
  font-weight: 300;
  margin-bottom: 30px;
}

.c-list li {
  padding: 15px;
  display: flex;
  justify-content: space-between;
}

.c-list li:nth-child(odd) {
  background: #f2f2f2;
}

.c-name {
  font-size: 18px;
  font-weight: 400;
}

.c-price {
  font-size: 18px;
  font-weight: 300;
}

.compare-text {
  display: flex;
  justify-content: space-between;
  background: #f2f2f2;
  padding: 15px;
  margin-bottom: 30px;
  font-size: 18px;
}

.duration-text {
  font-weight: 400;
}

.duration-time {
  font-weight: 300;
}

.c-linkovi a {
  display: block;
  color: #213d66;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.c-linkovi a:last-child {
  margin-bottom: 0;
}

.c-linkovi a span {
  margin-left: 15px;
}

.user-content-desc table {
	max-width: 100%;
	width: 100%;
	margin-bottom: 60px;
}

.user-content-desc table:last-child {
	margin-bottom: 0;
}

.user-content-desc table tr {
  padding: 15px;
  display: flex;
  justify-content: space-between;
}

.user-content-desc table tr:nth-child(odd) {
  background: #f2f2f2;
}


.hq-ikone {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 30px;
  max-width: 80%;
  margin: 0 auto;
  padding-bottom: 60px;
}

.hqi-box {
  display: flex;
}

.hqi-box .ico {
  font-size: 45px;
  color: #213d66;
}

.hqi-title {
  color: #002a4a;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.hqi-text {
  text-align: left;
  margin-left: 20px;
  font-weight: 300;
}



.hqi-list li {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 10px;
}

.hqi-list li:last-child {
  margin-bottom: 0;
}

.hqi-list li a,
.hqi-text a {
  color: #185380;
  font-size: 16px;
  font-weight: 400;
  margin-left: 5px;
}

.hqi-list .termin {
  color: #185380;
  font-weight: 500;
  transform: translateY(50%);
}

.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
}

.pagination .page-link {
	padding: 5px 13px;
	color: #484848;
    font-size: 16px;
    font-weight: 600;
    background: transparent;
    border: 1px solid transparent;
    outline: none;
    box-shadow: none;
}

.pagination .page-link.active,
.pagination .page-link:hover {
	border: 1px solid #E5E6EA;
	color: #185380;
}

.prev-page,
.next-page {
	color: #185380;
}

.pagination .prev-page {
	margin-right: 15px;
}
.pagination .next-page {
	margin-left: 15px;
}

.pretrazivanje {
	margin-bottom: 30px;
	font-weight: 300;
}

.pretrazivanje span {
	font-weight: 700;
	margin-left: 15px;
}

.error {
    color: #ff0000;
    font-size: 12px;
}

.cinput.error {
	font-size: 16px;
}

.m-check {
	position: relative;
	padding-bottom: 10px !important;
}

.m-check .izjava-privatnosti,
.izjava-privatnosti {
	position: relative;
	top: 4px;
}

a.izjava-privatnosti {
	text-decoration: underline;
}

.m-check #Constent-error {
    position: absolute;
    display: block;
    bottom: -15px;
}

.mobile-topbar-links {
	display: none;
}

.cinput[type="file"] {
    visibility:hidden;
	width:0px !important;
	height:0px !important;
	padding:0px !important;
	position:absolute;
}

.privitak .cinput {
    background-color: #fff;
}

.cinput[type="file"] + label {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    cursor: pointer;
    background-color: #e0e6eb;
	font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.successmsg {
    color: #0c7d0c;	
}

.gdc-info-icon-bkg {
    fill: #0a2a4a;
}

.gdc-options input[type=checkbox]:checked + label:before {
    font-size: 10px;
    color: #1f1f1f;
    background: #0a2a4a;
    border: 1px solid #0a2a4a;
}

.gdc-button {
    border: 1px solid #0a2a4a;
	color: #0a2a4a;
}

.gdc-button:hover {
    background-color: #0a2a4a;
    border-color: #0a2a4a;
}

#gdc-accept-all {
    border-color: #0a2a4a;
    color: #0a2a4a;
}

#gdc-accept-all:hover {
    background: #0a2a4a;
    color: #fff;
}

.user-content-desc img {
	width: 100px;
}

@media only screen and (min-width: 1688px) {
  .container {
    max-width: 1664px;
  }
}

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

  .wide {
    margin-left: calc((100% - 1296px) / 2);
  }
	
  .mhm-logo {
    max-width: 200px;
  }

  .mhm-submenu {
    width: 400px;
  }

  .submenu-title {
    font-size: 31px;
  }

  .ht-slider {
    margin-bottom: 0;
  }
  
  .mfc-contact-map {
		grid-template-columns: 40% auto;
		grid-column-gap: 30px;
	}
	
	.mfcc-icon {
		font-size: 35px;
	}
	
	.mfcc-txt {
		font-size: 15px;
	}
	
	.mfc-socials a {
		width: 40px;
		height: 40px;
	}
	
	.mf-logo img {
		max-width: 280px;
		height: auto;
	}
	
	.di-col + .di-col {
		padding: 0 90px 0 90px;
	}
	
	.hq-ikone {
		max-width: 90%;
	}
	
	.bn-nav-buttons a {
		font-size: 20px;
	}
	
	.bn-cols {
		grid-template-columns: repeat(2, 550px);
	}
	
	.bn-img {
		max-width: 260px;
	}
	
	.bn-txt {
		padding: 15px;
	}
	
	.bn-title {
		font-size: 20px;
		margin-bottom: 20px;
	}
	
	.c-cols {
		grid-gap: 90px;
	}
	
	.doctor-intro.animation-effect.active .di-col+.di-col {
		padding: 0 100px 0 60px;
	}
	
	.di-name {
		font-size: 42px;
		margin-top: 10px;
	}
	
	.di-title {
		font-size: 26px;
	}
	
	.di-description {
		font-size: 17px;
		margin-top: 20px;
	}
	
	.di-btn {
		margin-top: 20px;
	}
	
	
}

@media only screen and (max-width: 1399px) {
  .wide {
    margin-left: calc((100% - 1116px) / 2);
  }
  
  .sh-col:first-child {
    width: 50%;
  }
  
  .wide .sh-col + .sh-col {
    max-width: 50%;
  }
  
  .sh-title {
    font-size: 37px;
  }
  
  .sh-description {
    font-size: 16px;
    margin-top: 30px;
    padding-right: 30px;
  }
  
  .di-name {
    font-size: 37px;
  }
  
  .di-title {
    font-size: 24px;
  }
  
  .sg-title {
    font-size: 20px;
  }
  
  .mhm-logo {
    max-width: 180px;
  }

  .mhm-group,
  .mhm-menu {
    gap: 15px;
  }

  .mhm-btn {
    margin-left: 0;
  }
  
  .submenu-title {
		font-size: 27px;
	}

  .main-btn {
    height: 50px;
    min-width: 125px;
  }

  .hbs-title {
    font-size: 54px;
  }

  .hbs-count {
    font-size: 36px;
  }

  .hbs-description {
    font-size: 15px;
  }
  
  .hbs-cols {
	  bottom: 5px;
	}

  .di-col:first-child {
    flex: 0 0 432px;
  }

  .di-col + .di-col {
    padding: 0 100px 0 50px;
  }

  .gb-title {
    font-size: 17px;
  }

  .sb-boxes {
    grid-column-gap: 60px;
  }
  
  .cs-cols {
		grid-column-gap: 60px;
	}
	
  .csf-cols {
	margin: -15px -15px 0;
  }
  
  .csf-col {
    padding: 0 15px;
  }
  
  .section-title {
    font-size: 37px;
  }
  
  .user-content-desc h2 {
	  font-size: 32px;
	}

	.user-content-desc h3 {
	  font-size: 23px;
	}

	.user-content-desc h4 {
	  font-size: 20px;
	}

  .mfcm-btns {
    grid-column-gap: 15px;
  }

  .alt-btn {
    font-size: 13px;
  }
  
  .mfc-cols {
		grid-column-gap: 30px;
		grid-row-gap: 30px;
	}
  
  .mfc-contact-map {
		grid-template-columns: 1fr;
	}
	
	.mfcc-list {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));
		margin-bottom: 30px;
		grid-gap: 30px;
	}
	
	.mfcc-list > li + li {
		margin-top: 0;
	}
	
	.search-container {
		top: 45px;
		padding: 10px 25px;
	}
	
	.search-container button {
		height: 45px;
	}
	
	.pl-cols {
		grid-column-gap: 30px;
	}
	
	.tc-cols {
		grid-gap: 30px;
	}
	
	.pl-description {
		margin-top: 30px;
		padding-right: 0;
		margin-bottom: 30px;
	}
	
	.hq-ikone {
		max-width: 100%;
	}
	
	.bn-cols {
		grid-template-columns: repeat(2, 500px);
	}
	
	.bn-img {
		max-width: 250px;
	}
	
	.bn-title {
		font-size: 18px;
	}
	
	.bn-nav-buttons {
		margin-bottom: 15px;
	}
	
	.bn-nav-buttons a {
		font-size: 18px;
	}
	
	.accordion-button::after, .accordion-button:not(.collapsed)::after {
		width: 40px;
		height: 40px;
		background-size: 12px;
	}
	
	.ht-box {
		height: 350px;
	}
	
	.sh-img {
		height: 350px;
	}
}

@media only screen and (max-width: 1199px) {
  .wide {
    margin-left: calc((100% - 936px) / 2);
  }
  
  .mhm-logo {
    max-width: 200px;
  }

  #hamburger-1 {
    display: inline-block;
    cursor: pointer;
    padding: 20px 0;
  }

  #hamburger-1 .line {
    width: 40px;
    height: 4px;
    background-color: #000;
    display: block;
    margin: 6px auto;
    transition: all 0.3s ease-in-out;
  }

  #hamburger-1.is-active .line:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
  }

  #hamburger-1.is-active .line:nth-child(2) {
    opacity: 0;
  }

  #hamburger-1.is-active .line:nth-child(3) {
    transform: translateY(-13px) rotate(-45deg);
  }

  .mhm-menu-wrap {
    display: none;
    position: fixed;
    right: 0;
    flex-direction: column;
    border: #13233a;
    bottom: 0;
    top: 137px;
    z-index: 11;
    padding: 0;
    width: 350px;
    overflow-y: auto;
    background: #fff;
  }

  .mhm-group {
    gap: 30px;
  }

  .mhm-menu {
    flex-direction: column;
  }

  .mhm-menu li {
    width: 100%;
  }

  .mhm-menu .has-sub {
    width: 100%;
  }
  
  .mhm-menu .has-sub > a {
	  position: relative;
  }
  
  .mhm-menu .has-sub > a:after {
	  content: "+";
	  display: inline-block;
	  position: absolute;
	  right: 0;
	  top: 11px;
	  font-size: 20px;
  }
  
  .mhm-menu .has-sub.opened > a:after {
	  content: "-";
  }

  .mhm-menu a {
    padding: 15px 30px;
    display: inline-block;
  }

  .mhm-submenu {
    position: relative;
    width: 100%;
    background: #efefef;
    padding: 20px 30px;
    left: 0;
    top: 0;
  }
  
  .section-title {
    font-size: 33px;
  }
  
    .user-content-desc h2 {
	  font-size: 28px;
	}

	.user-content-desc h3 {
	  font-size: 20px;
	}

	.user-content-desc h4 {
	  font-size: 18px;
	}
	
	.user-content-desc h5 {
	  font-size: 16px;
	}
	
	.user-content-desc h6 {
	  font-size: 14px;
	}
	
	
  
  .sh-title {
    font-size: 33px;
  }
  
  .sh-description {
    font-size: 15px;
  }
  
  .hq-title {
    font-size: 33px;
  }
  
  .hbs-cols {
    bottom: 20px;
  }
  
  .hbs-cols > .container {
    grid-column-gap: 15px;
  }
  
  .hbs-box {
    padding: 0 15px;
  }
  
  .hbs-count {
    font-size: 32px;
  }
  
  .hbs-description {
    font-size: 14px;
  }

  .di-col:first-child {
    flex: 0 0 372px;
  }

  .di-col + .di-col {
    padding: 0 30px;
  }

  .di-name {
    font-size: 33px;
  }

  .di-title {
    font-size: 20px;
  }

  .di-description {
    font-size: 16px;
  }

  .hbs-txt {
    margin-bottom: 130px;
  }

  .hbs-title {
    font-size: 45px;
  }

  .sb-boxes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cs-cols {
    grid-column-gap: 84px;
  }

  .mfc-cols {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mfc-contact-map {
    grid-template-columns: 1fr;
  }

  .mfc-map {
    margin-top: 60px;
  }
  
  .mf-logo img {
		max-width: 240px;
	}
	
	.mfcc-list {
		grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
		margin-bottom: 0;
	}
	
	.sg-title {
		font-size: 18px;
	}
	
	.pl-title {
		font-size: 33px;
	}
	
	.pl-description {
		font-size: 16px;
	}
	
	.pl-subtitle {
		font-size: 20px;
	}
	
	.pll-title {
		font-size: 14px;
	}
	
	.pll-desc {
		font-size: 14px;
	}
	
	.tabovi .nav-link {
		padding: 15px;
	}
	
	.t-number {
		font-size: 30px;
	}
	
	.t-title {
		font-size: 13px;
	}
	
	.tab-pane .accordion-body {
		padding: 30px 60px;
		font-size: 16px;
	}
	
	.hq-ikone {
		grid-template-columns: repeat(2, 1fr);
		grid-row-gap: 60px;
	}
	
	.hqi-box {
		justify-content: center;
	}
	
	.bl-cols,
	.blc-cols {
		grid-gap: 15px;
	}

	.bl-txt {
		padding: 15px;
	}
	
	.bl-box-large .bl-title {
		font-size: 24px;
		font-weight: 300;
	}
	
	.bl-box-large .bl-txt {
		font-size: 17px;
	}
	
	.bl-title {
		font-size: 16px;
		margin-bottom: 15px;
	}
	
	.bl-description {
		font-size: 15px;
	}
	
	.bn-cols {
		grid-template-columns: repeat(2, 420px);
	}
	
	.bn-img {
		max-width: 180px;
	}
	
	.bn-title {
		font-size: 16px;
	}
	
	.bn-btn {
		font-size: 12px;
	}
	
	.bl-box {
		padding-bottom: 45px;
	}
	
	.bl-box .bn-btn {
		bottom: 15px;
		left: 15px;
		opacity: 1;
		visibility: visible;
	}
	
	.bn-nav-buttons a {
		font-size: 16px;
	}
	
	.di-img {
		left: 0;
	}
	
	.c-cols {
		grid-gap: 60px;
	}
	
	.ht-box {
		height: 300px;
	}
	
	.htbh-title {
		font-size: 16px;
	}
	
	.htbh-description {
		font-size: 15px;
	}
	
	.htb-txt {
		margin-top: 10px;
		font-size: 15px;
	}
	
	.htb-footer {
		margin-top: 10px;
	}
	
	.mobile-topbar-links {
		display: block;
	}
	
	.mobile-topbar-links .mht-menu {
		flex-direction: column;
		align-items: flex-start;
		background: #f1f1f1;
		grid-gap: 0;
	}
	
	.mobile-topbar-links .mht-menu li {
		padding: 15px 30px;
	}
	
	.mobile-topbar-links .mht-menu li a {
		font-size: 14px;
	}
	
}

@media only screen and (max-width: 991px) {
	
	.section_margin_bottom {
		margin-bottom: 30px;
	}
	
	.home-info {
		padding: 30px 0;
	}
	
	.picture-left.reversed .pl-col + .pl-col {
		order: 2;
		margin-top: 30px;
	}
	
	.picture-left .pl-col + .pl-col {
		margin-top: 30px;
	}
	
	.sg-grid {
		grid-row-gap: 30px;
	}
	
	#tab-triggers {
		display: none;
	}
	
  .tab-content > .tab-pane {
    display: block;
    opacity: 1;
  }

  .mht-icons,
  .mht-menu,
  .mh-topbar > .container,
  .items-wrapper {
    gap: 15px;
  }

  .hbs-title {
    font-size: 37px;
  }

  .hbs-box {
    height: 106px;
  }

  .hbs-count {
    font-size: 25px;
  }

  .hbs-description {
    font-size: 13px;
  }

  .hq-txt {
    padding: 30px 15px;
  }

  .section-title {
    margin: 0 0 30px;
    font-size: 37px;
  }

  .sb-boxes {
    grid-column-gap: 30px;
  }

  .di-cols {
    flex-direction: column;
  }

  .di-col:first-child {
    flex: 0 0 100%;
  }

  .di-col + .di-col {
    padding: 30px;
  }

  .hi-cols {
    flex-direction: column;
  }

  .hi-col {
    width: 100%;
  }

  .hi-col + .hi-col {
    margin-top: 40px;
  }

  .bs-cols {
    flex-direction: column;
  }

  .bs-col {
    width: 100%;
  }

  .bs-col + .bs-col {
    margin-top: 30px;
  }

  .ht-container {
    flex-direction: column;
  }

  .ht-img {
    width: 100%;
  }

  .ht-slider {
    width: 100%;
    margin-left: 0;
  }

  .cs-cols {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .cs-col + .cs-col {
    margin-top: 40px;
  }

  .mf-main {
    padding: 40px 0;
  }

  .mf-logo img {
    max-width: 220px;
    height: auto;
  }

  .mfc-cols {
    grid-column-gap: 40px;
  }

  .mfc-title {
    font-size: 15px;
  }

  .mfc-list a {
    font-size: 15px;
  }

  .mfc-socials a {
    width: 35px;
    height: 35px;
    font-size: 20px;
  }

  .mfcc-icon {
    font-size: 30px;
  }

  .mfcc-txt {
    font-size: 15px;
  }

  .qc-btn {
    width: 48px;
    height: 48px;
  }

  .qc-btn-accessibility {
    width: 48px;
    height: 48px;
    font-size: 40px;
  }

  .qc-btn .icon-phone {
    font-size: 20px;
  }

  .qc-btn .icon-mail {
    font-size: 24px;
  }

  .mf-bottom > .container {
    font-size: 15px;
  }

  .mf-cols {
    margin: 40px -40px 0;
  }

  .mf-col {
    padding: 0 40px;
  }

  .bs-btn {
    margin-top: 40px;
  }

  .mfc-map {
    margin-top: 40px;
  }
  
  .search-container {
    width: 400px;
  }
  
  .wide {
    margin-right: 0;
    margin-left: 0;
  }
  
  .sh-cols {
    flex-direction: column;
  }
  
  .sh-col:first-child {
	  width: 100%;
	  order: 2;
  }
  
  .sh-txt {
    padding: 30px 0;
    margin-left: calc((100% - 696px) / 2);
    margin-right: calc((100% - 696px) / 2);
  }
  
  .wide .sh-col + .sh-col {
    max-width: 100%;
	flex: unset;
  }
  
  .sh-description {
    padding-right: 0;
	font-size: 17px;
  }
  
  .sg-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .ab-btn {
	display: none;
  }
  
  .tab-pane.accordion-item {
    border-bottom: 5px solid #213d66;
    margin-top: 20px;
  }
  
  .t-title {
    padding-right: 15px;
  }
  
  .t-number {
    margin-right: 30px;
  }
  
  .cesta-pitanja {
    padding: 30px 0;
  }
  
  .accordion-body {
		max-width: 100%;
	}
	
	.c-linkovi a {
		font-size: 15px;
	}
	
	.hq-ikone {
		grid-row-gap: 30px;
		padding-bottom: 30px;
	}
	
	.bl-cols {
		grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
	}
	
	.bl-cols,
	.blc-cols {
		grid-gap: 30px;
	}
	
	.blog-landing.reversed .bl-col:first-child {
		order: unset;
	}
	
	.bn-cols {
		grid-template-columns: repeat(2, 47%);
		grid-gap: 30px;
	}
	
	.bn-img {
		max-width: 140px;
	}
	
	.accordion-button::after, .accordion-button:not(.collapsed)::after {
		width: 30px;
		height: 30px;
		background-size: 10px;
	}
	
	.strucni-tim:not(.reversed) .di-col:first-child {
		order: 2;
	}
	
	.doctor-intro.reversed .di-col + .di-col {
		padding: 30px;
	}
	
	.strucni-tim .di-img {
		max-width: 70%;
		left: 0;
	}
	
	.doctor-intro.strucni-tim.reversed .di-img {
		right: 0;
	}
	
	.c-cols {
		grid-template-columns: repeat(1,1fr);
		grid-gap: 0;
	}
	
	.c-cols .c-col:first-child {
		margin-bottom: 30px;
	}
	
	table {
		margin-bottom: 30px;
	}
	
	.mh-topbar > .container {
		justify-content: space-between;
    }
	
	.mf-bottom.npoo>.container img {
		margin-right: 30px;
	}
	
	.pl-cols,
	.tc-cols {
		grid-template-columns: repeat(1, 1fr);
	}
	
}

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

  .mhm-logo {
    max-width: 170px;
  }

  .main-btn {
    height: 40px;
    min-width: 115px;
  }


  .mht-icons span {
    display: none;
  }

  .mht-icons .icon-mail {
    font-size: 20px;
  }

  .mht-icons .icon-phone {
    font-size: 17px;
  }

  .search-toggle {
    font-size: 17px;
  }

  .mht-icons,
  .mht-menu,
  .mh-topbar > .container,
  .items-wrapper {
    gap: 30px;
  }
  
  .submenu-title {
    font-size: 25px;
  }

  .hbs-cols > .container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }
  
  .hbs-content {
    align-items: baseline;
  }
  
  .hbs-txt {
    margin-bottom: 30px;
	position: relative;
	top: 100px;
  }
  
  .hbs-cols {
    bottom: 60px;
  }
  
  .hbs-box {
    height: 130px;
  }
  
  .hbs-title {
    font-size: 35px;
  }
  
  .hq-title {
    font-size: 30px;
  }
  
  .section-title {
    font-size: 30px;
  }
  
    .user-content-desc h2 {
	  font-size: 24px;
	}

	.user-content-desc h3 {
	  font-size: 18px;
	}

	.user-content-desc h4 {
	  font-size: 16px;
	}
  
  .di-name {
    font-size: 30px;
  }
  
  .di-title {
    font-size: 18px;
  }

  .mht-icons i {
    margin-right: 0;
  }

  .mf-cols {
    margin: 40px -20px 0;
  }

  .mf-col {
    padding: 0 20px;
  }

  .mfcm-btns {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    margin-top: 20px;
  }

  .alt-btn2 {
    margin-top: 20px;
  }
  
  .mfc-cols {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  
  .search-container {
		width: 100%;
		right:0;
	}
	
	.search-container .search-toggle {
		margin-right: 20px;
	}
	
	.search-container input {
		padding: 0 20px 0 0;
		font-size: 16px;
	}
	
	.search-container button {
		height: 40px;
		font-size: 13px;
	}
	
	.sh-txt {
		margin-left: calc((100% - 516px) / 2);
		margin-right: calc((100% - 516px) / 2);
	}
	
	.picture-left.reversed .pl-col:first-child {
		order: 1;
	}
	
	.pl-content {
		position: static;
		transform: none;
	}
	
	.accordion-body {
		padding: 0 30px 30px;
		font-size: 16px;
	}
	
	.compare-view .pl-col:first-child {
		order: 2;
		margin-top: 30px;
	}
	
	.compare-view .pl-col + .pl-col {
		margin-top: 0;
	}
	
	.compare-view.picture-right .pl-col:first-child {
		order: 1;
		margin-top: 0;
	}
	
	.compare-view.picture-right .pl-col + .pl-col {
		margin-top: 30px;
		order: 2;
	}
	
	.compare-text {
		font-size: 16px;
	}
	
	.hqi-box .ico {
		font-size: 30px;
	}
	
	.hqi-list li a,
	.hqi-text a {
		font-size: 15px;
	}
	
	.bn-img {
		display: none;
	}
	
	.hs-description {
		padding: 15px 0;
	}
	
	.csf-col {
		width:100%;
	}
	
	.bsc-col {
		width:100%;
	}
	
	.sh-img {
		height: 300px;
	}
	
	.mf-bottom.npoo>.container {
		flex-direction: column;
	}
	
	.mf-bottom.npoo>.container img:last-child {
		margin-right: 0;
	}
	
	.mf-text-wrap {
		margin-top: 10px;
	}
		  
}


@media only screen and (max-width: 767px) and (min-width: 576px) {
	.hsn-prev,
	.hsn-next {
		height: 0px;
	}
}


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

  .mh-topbar {
    align-items: center;
  }

  .mhm-location {
    display: none;
  }

  .mht-icons,
  .mht-menu,
  .mh-topbar > .container,
  .items-wrapper {
    gap: 20px;
  }

  .mh-topbar > .container {
    justify-content: space-between;
  }

  .mht-menu-wrap {
    display: none;
  }

  .mht-icons i {
    margin-right: 8px;
  }

  .mht-icons .icon-mail {
    font-size: 20px;
  }

  .mht-icons .icon-phone {
    font-size: 17px;
  }

  .search-toggle {
    font-size: 17px;
  }

  .mht-menu a {
    font-size: 11px;
  }

  .mhm-logo > a {
    width: 142px;
  }

  .mhm-group {
    gap: 20px;
  }
  
  .mhm-logo {
    max-width: 150px;
  }

  #hamburger-1 .line {
    width: 30px;
  }

  .main-btn {
    height: 40px;
    min-width: 115px;
  }
  
  .hbs-txt {
    top: 50px;
  }

  .hbs-title {
    font-size: 28px;
  }

  .hbs-btn {
    margin-top: 15px;
  }
  
  .hbs-cols {
    bottom: 30px;
  }

  .hbs-box {
    height: 80px;
  }

  .hbs-count {
    font-size: 19px;
  }

  .hbs-description {
    font-size: 10px;
  }

  .gb-title {
    font-size: 14px;
  }

  .hq-txt {
    padding: 30px 15px;
  }

  .hq-title {
    font-size: 30px;
  }

  .di-col + .di-col {
    padding: 30px;
  }

  .di-name {
    font-size: 30px;
	white-space: normal;
  }

  .di-title {
    font-size: 20px;
  }

  .di-description {
    font-size: 16px;
  }

  .section-title {
    margin: 0 0 30px;
    font-size: 25px;
  }
  
    .user-content-desc h2 {
	  font-size: 20px;
	}

  .hs-title {
    padding: 30px 50px 15px 20px;
    font-size: 16px;
  }

  .sb-boxes {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .sb-title {
    font-size: 20px;
  }

  .sb-description {
    font-size: 15px;
  }

  .hi-dots {
    font-size: 14px;
  }

  .bs-title {
    font-size: 16px;
  }

  .bs-description {
    font-size: 15px;
  }

  .bs-btn {
    margin-top: 30px;
  }

  .ht-box {
    padding: 0 35px 0 45px;
    height: 400px;
  }

  .ht-box:before {
    opacity: 0.4;
  }

  .csf-cols {
    margin: -12px -12px 0;
  }

  .csf-col {
    padding: 0 12px;
  }

  .clabel {
    font-size: 13px;
    margin-bottom: 5px;
  }

  .cs-col + .cs-col {
    margin-top: 30px;
  }

  .mf-main {
    padding: 30px 0;
  }

  .mf-cols {
    margin: 30px -20px 0;
    flex-direction: column;
  }

  .mf-col {
    width: 100%;
  }

  .mf-col + .mf-col {
    margin-top: 40px;
  }

  .mfc-cols {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .mfc-map {
    margin-top: 30px;
  }
  
  .mf-logo img {
    max-width: 180px;
  }
  
  .sh-txt {
		margin-left: 12px;
		margin-right: 12px;
	}
	
	.sg-img {
		margin-bottom: 15px;
	}
	
	.sg-title {
		font-size: 16px;
	}
	
	.heading-border:after {
		left: -10px;
		width: 1.5em;
	}
	
	.tab-pane .accordion-body {
		padding: 30px;
	}
	
	.accordion-button {
		padding: 30px;
	}
	
	.hq-ikone {
		grid-template-columns: repeat(1, 1fr);
	}
	
	.bl-cols, .blc-cols {
		grid-gap: 15px;
	}
	
	.bl-title {
		font-size: 15px;
	}
	
	.bl-description {
		font-size: 14px;
	}
	
	.bl-box-large .bl-title {
		font-size: 19px;
	}
	
	.pagination .page-link {
		font-size: 14px;
	}
	
	.bn-cols {
		grid-template-columns: repeat(2, 48%);
		grid-gap: 15px;
	}
	
	.bn-txt {
		padding: 10px;
	}
	
	.bn-title {
		font-size: 14px;
		margin-bottom: 15px;
	}
	
	.bn-btn {
		font-size: 11px;
	}
	
	.bn-nav-buttons a {
		font-size: 14px;
	}
	
	.tc-title,
	.pl-title {
		font-size: 30px;
	}
	
	.sh-img {
		height: 250px;
	}
	
	.strucni-tim .di-img {
		max-width: 50%;
	}
}

@media only screen and (max-width: 414px) {
	.hbs-title {
		font-size: 25px;
	}
	
	.hbs-txt {
		top: 30px;
	}
}

@media only screen and (max-width: 374px) {
	.mhm-group {
		gap: 15px;
	}
	
	.main-btn {
		height: 40px;
		min-width: unset;
		font-size: 13px;
		padding: 0 15px;
	}
	
	.gb-title {
		font-size: 13px;
	}
	
	.search-container {
		width: 300px;
	}
	
	.sg-grid {
		grid-column-gap: 15px;
	}
	
	.tab-pane .accordion-body {
		font-size: 14px;
	}
	
	.accordion-body {
		font-size: 14px;
	}
	
	.mf-bottom.npoo>.container img {
		margin-right: 15px;
	}
	
}

@media only screen and (max-width: 359px) {
	.mhm-menu-wrap {
		width: 300px;
	}
	
	.hbs-title {
		font-size: 22px;
	}
	
	.hbs-txt {
		top: 15px;
	}
	
	.hi-dots {
		padding-left: 30px;
		font-size: 13px;
	}
}