.language-links {
  text-align: right;
}
.language-links a {
  color: white;
  text-decoration: none;
  font-weight: normal;
  min-width: 40px;
  text-align: center;
  display: inline-block;
}
.language-links a strong {
  background-color: white;
  color: #b99fdf;
  display: inline-block;
  min-width: 40px;
}
.language-links a:hover {
  color: #efefef;
}
.language-links a:hover strong {
  background-color: white;
  color: #b99fdf;
  cursor: default;
}
.menu {
  box-shadow: 0px 2px 10px grey;
}
.navbar-brand {
  position: relative;
  padding-left: 40px;
}
.navbar-brand img {
  position: absolute;
  top: 5px;
  left: 0px;
  border-radius: 4px;
}
.dental-r {
  position: relative;
}
.dental-r .row {
  padding-top: 30px;
}
.dental-r .services {
  overflow: hidden;
  position: relative;
  margin-bottom: 2px;
}
.dental-r .services img {
  margin-top: 5px;
}
.dental-r .services ul {
  padding-left: 10px;
}
.dental-r .services ul li {
  padding-top: 3px;
  padding-bottom: 3px;
}
.dental-r .services .close-info {
  visibility: collapse;
  position: absolute;
  z-index: 200;
  right: 5px;
  top: 5px;
  padding: 5px;
  background-color: white;
  border-radius: 2px;
  cursor: pointer;
  opacity: .5;
}
.dental-r .services.active .close-info {
  visibility: visible;
}
.dental-r .services.active:hover .close-info {
  opacity: .75;
}
.dental-r .services section {
  cursor: pointer;
  position: relative;
}
.dental-r .services section:hover {
  background-color: #b99fdf;
}
.dental-r .services section.open {
  background-color: #b99fdf;
}
.dental-r .services section .desc {
  height: 0px;
  position: absolute;
  top: 100%;
  background-color: #b99fdf;
  left: 0px;
  right: 0px;
  z-index: 100;
  overflow: hidden;
}
.dental-r .services section .desc .container {
  padding: 0px 30px;
}
.dental-r .services section .desc .container .row {
  padding-top: 0px;
}
.dental-r .services section .desc img {
  border-radius: 4px;
}
.dental-r .services section .desc .content {
  padding: 0px 30px 30px 30px;
}
.dental-r .box {
  overflow: hidden;
  position: absolute;
  top: 100px;
  left: 50%;
  right: 100px;
  display: none;
}
.dental-r .box section {
  padding: 10px 30px;
  background-color: rgba(205, 191, 226, 0.75);
  color: white;
  margin-bottom: 2px;
  position: relative;
  left: 100%;
}
.dental-r .box section:last-of-type {
  margin-bottom: 0px;
}
.dental-r .box section h4 {
  font-size: 16px;
  margin-bottom: 0px;
}
.dental-r .box section.strong {
  background-color: #cdbfe2;
}
.dental-r .action {
  height: 150px;
  text-align: center;
  background-color: #cdbfe2;
  margin-bottom: 30px;
  padding-top: 70px;
}
.section-title {
  margin-bottom: 30px;
  font-weight: bold;
}
.section-padding {
  padding-top: 60px;
  padding-bottom: 60px;
}
.mission {
  background-color: #cdbfe2;
  padding-bottom: 30px;
}
.mission h2 {
  padding-top: 60px;
  color: white;
  text-shadow: 2px 2px 3px black;
  margin-bottom: 30px;
  font-weight: bold;
}
.mission .box {
  text-align: center;
  padding-bottom: 30px;
}
.contact-form {
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
  overflow: hidden;
}
.contact-form .loading {
  position: absolute;
  width: 100%;
  height: 100%;
  top: -100%;
  left: 0px;
  transition: top 400ms;
}
.contact-form .loading .shadow {
  opacity: .75;
  background-color: #e4deed;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.contact-form .done {
  position: absolute;
  width: 100%;
  height: 100%;
  top: -100%;
  left: 0px;
  transition: top 400ms;
}
.contact-form .done .shadow {
  opacity: .75;
  background-color: #e4deed;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.contact-form .ajax-msg {
  text-align: center;
  background-color: white;
  width: 200px;
  border-radius: 4px;
  margin-top: 50px;
  padding: 20px;
  position: absolute;
  left: 50%;
  margin-left: -100px;
}
.contact-form.state-loading .loading {
  top: 0px;
}
.contact-form.state-done .done {
  top: 0px;
}
.contact-form.state-done .done .ajax-msg img {
  width: 64px;
}
.contact-form.state-done .loading {
  display: none;
}
.social {
  padding-top: 60px;
}
section.services {
  padding-top: 60px;
}
section.services h2 {
  margin-bottom: 30px;
}
section.services .row {
  margin-left: -2px;
  margin-right: -2px;
}
section.services .promo {
  background-color: #efefef;
  padding-top: 15px;
  padding-bottom: 15px;
}
section.services .col-md-4 {
  padding: 3px;
}
section.services .col-md-4 span {
  background-color: #e4deed;
  display: block;
  padding: 30px;
  border-radius: 8px;
}
section.contact {
  padding-bottom: 60px;
  padding-top: 60px;
}
section.contact h2 {
  margin-bottom: 15px;
}
section.contact .phone {
  margin-bottom: 30px;
}
section.contact .phone img {
  margin-right: 5px;
  position: relative;
  bottom: 2px;
}
section.contact textarea {
  height: 177px;
}
.menu .payment-methods {
  background-color: #b99fdf;
  color: white;
  padding-top: 5px;
  padding-bottom: 5px;
}
section#ordinacija {
  padding-top: 60px;
}
section#ordinacija h2 {
  margin-bottom: 30px;
}
section#ordinacija img {
  border-radius: 50%;
  margin-bottom: 30px;
}
section.map {
  border-top: solid 30px #cdbfe2;
}
section.map iframe {
  width: 100%;
}
@media (min-width: 1162px) {
  .dental-r .box {
    display: block;
  }
  .dental-r .box .msg {
    font-size: 14px;
  }
  .order-action {
    display: none;
  }
}
.ordinacija {
  position: relative;
}
.ordinacija .order-action {
  position: absolute;
  bottom: 0px;
  width: 100%;
  text-align: center;
}
.ordinacija .order-action .contact-link {
  position: relative;
  top: 18px;
}
@media (max-width: 1366px) {
  .dental-r .box {
    top: 60px;
    right: 60px;
  }
}
@media (min-width: 1367px) {
  .dental-r .services .close-info {
    top: 10px;
    right: 10px;
  }
  .dental-r .box section {
    padding: 15px 30px;
  }
}
@media (max-width: 649px) {
  .services .payment-methods {
    display: block;
    text-align: center;
    margin-top: 10px;
  }
  .mission img {
    width: 96px;
  }
}
@media (min-width: 650px) {
  .services .payment-methods {
    display: block;
    text-align: center;
    margin-top: 15px;
  }
}
@media (max-width: 732px) {
  .ordinacija {
    height: 500px;
    background: url('/images/ordinacija-v7.jpg');
    background-size: cover;
    background-position: 0px 0px;
  }
  .ordinacija img {
    display: none;
  }
}
@media (min-width: 567px) {
  .contact-phone > div {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .credit-cards img {
    width: 64px;
  }
  section.services .col-md-4 span {
    padding: 15px 30px;
  }
  section#ordinacija,
  section#contact,
  section.services {
    padding-top: 30px;
  }
  .mission .box {
    padding-top: 15px;
  }
}
@media (min-width: 768px) {
  .mission h2 {
    font-size: 48px;
  }
}
@media (max-width: 830px) {
  .payment-methods .payment-info {
    display: none;
  }
  .payment-methods .language-links {
    min-width: 100%;
    text-align: center;
  }
}