/* --------------------- */

/*    --main setup--    */

/* -------------------- */

* {
  margin: 0;

  padding: 0;

  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  font-size: 1.25rem;

  font-weight: 300;

  color: #555555;

  font-family: 'Lato', 'Arial', sans-serif;

  text-rendering: optimizeLegibility;

  min-height: 100%;
}

header {
  height: 80vh;
}

/* --------------------- */

/*    --sections--    */

/* -------------------- */

.section-service,
.section-team,
.section-price,
.section-gallery {
  margin-top: 100px;
}

/* --------------------- */

/*    --heading--    */

/* -------------------- */

.heading-h2 {
  font-size: 160%;

  word-spacing: 2px;

  text-align: center;

  margin-bottom: 30px;

  letter-spacing: 1px;
}

.heading-h2::after {
  display: block;

  height: 2px;

  background-color: #00bcd4;

  content: ' ';

  width: 100px;

  margin: 0 auto;

  margin-top: 30px;
}

.demo h3 {
  font-size: 110%;

  margin-bottom: 15px;
}

.long-copy {
  line-height: 140%;

  width: 70%;

  margin-left: 15%;

  text-align: center;

  margin-top: -13px;
}

.demo .description {
  font-size: 70%;

  line-height: 140%;
}

.description {
  font-size: 70%;

  line-height: 140%;
}

/* --------------------- */

/*    --transparent navbar--    */

/* -------------------- */

/* .navbar-nav .nav-item a {

  font-size: 90%;

} */

@media (min-width: 800px) and (max-width: 850px) {
  .navbar:not(.top-nav-collapse) {
    background: #1c2331 !important;
  }
}

.navbar {
  background-color: rgba(0, 0, 0, 0.2);
}

.page-footer,
.top-nav-collapse {
  background-color: #1c2331;
}

.navbar.navbar-dark .navbar-nav .nav-item .nav-link {
  font-size: smaller;
}

@media only screen and (max-width: 992px) {
  .navbar {
    background-color: #1c2331 !important;
  }

  .navbar.navbar-dark .navbar-nav .nav-item .nav-link {
    font-size: smaller;
  }

  /* .logo {

    width: 55px;

  } */
}

/* -------------------- */

/*  ---button---  */

/* -------------------- */

.btn-outline-white {
  border: 1px solid #fff !important;
}

.btn-outline-cyan {
  border: 1px solid #00bcd4 !important;

  color: #fff !important;
}

button.btn:not([href]):not([tabindex]),
button.btn:not([href]):not([tabindex]):focus,
button.btn:not([href]):not([tabindex]):hover {
  color: #fff !important;
}

.btn-navbar {
  padding-top: 0.5rem !important;

  padding-bottom: 0.5rem !important;
}

/* -------------------- */

/*    ---section container info---    */

/* -------------------- */

.my-row-container {
  z-index: 99;

  margin-top: -110px;

  padding: 0px;
}

@media screen and (max-width: 992px) {
  .my-row-container {
    z-index: 99;

    padding: 20px;

    margin-top: -100px;

    padding-top: 30px;
  }

  header {
    height: 100vh;
  }
}

.my-row-container p {
  font-size: 75%;

  line-height: 145%;

  color: #fff;

  margin-top: 10px;

  margin-bottom: 20px;
}

.appointment-row {
  /* margin: 0 auto; */

  padding-left: 30px;

  padding-right: 30px;

  padding-bottom: 30px;
}

.appointment-row .md-form {
  margin-top: 0px;

  margin-bottom: 0px;
}

.appointment-row .md-form input[type='text'] {
  color: #fff;
}

.appointment-row
  .md-form
  input[type='text']:not(.browser-default):focus:not([readonly]) {
  border-bottom: 1px solid #fff;

  box-shadow: 0 1px 0 0 #fff;
}

.appointment-row .md-form input[type='number'] {
  color: #fff;
}

.appointment-row
  .md-form
  input[type='number']:not(.browser-default):focus:not([readonly]) {
  border-bottom: 1px solid #fff;

  box-shadow: 0 1px 0 0 #fff;
}

.appointment-row .md-form input[type='email'] {
  color: #fff;
}

.appointment-row
  .md-form
  input[type='email']:not(.browser-default):focus:not([readonly]) {
  border-bottom: 1px solid #fff;

  box-shadow: 0 1px 0 0 #fff;
}

.appointment-row ::placeholder {
  color: white;
}

.picker__date-display
  .clockpicker-display
  .clockpicker-display-am-pm
  .clockpicker-span-am-pm {
  display: none;
}

.clockpicker-am-pm-block {
  display: none;
}

/* -------------------- */

/*    ---section container service---    */

/* -------------------- */

.servicebox {
  padding: 40px 20px 10px;

  background: #fff;

  text-align: center;

  border-radius: 25px;

  overflow: hidden;

  position: relative;
}

.servicebox .service-img {
  position: relative;

  width: 100px;

  height: 100px;

  background: #f8fbff;

  margin: 0 auto;

  border-radius: 50%;
}

.container-fluid {
  padding-right: 0px;

  padding-left: 0px;

  position: relative;
}

.jarallax {
  position: relative;

  z-index: 0;

  min-height: 250px;
}

.jarallax > .jarallax-img {
  position: absolute;

  object-fit: cover;

  font-family: 'object-fit: cover;';

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;
}

/* @media only screen and (max-device-width: 1366px) {

    .parallax {

      background-attachment: scroll;

    }

  }  */

.overlay {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.5);
}

.diamond-title {
  text-align: left;
}

.diamond-text {
  color: #fff;

  font-size: 70%;

  font-weight: 300;

  line-height: 140%;

  text-align: left;
}

@media screen and (max-width: 992px) {
  .diamond-title {
    text-align: center;
  }

  .diamond-text {
    text-align: center;
  }

  .overlay {
    top: -0.09px;
  }
}

/* -------------------- */

/*    ---section container team---    */

/* -------------------- */

.team-carousel {
  margin-top: 65px;
}

.my-achievement {
  background: #2f89fc;

  color: #fff;

  padding: 40px;
}

.achievement {
  width: 275px;

  text-align: center;

  margin: 0 auto;
}

@media screen and (max-width: 992px) {
  .achievement {
    width: auto;

    /* margin: 0 auto; */
  }
}

.my-achievement h3 {
  font-size: 120%;

  margin-bottom: 15px;
}

/* #counter {

   

    padding-top: 55px;

  } */

/* -------------------- */

/*    ---section container prices---    */

/* -------------------- */

.row-price {
  margin-top: 65px;
}

.price-table {
  text-align: center;

  overflow: hidden;

  margin: 20px;

  background: #fff;

  box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.2) 0 20px 50px rgba(0, 0, 0, 0.5);

  border-radius: 20px;

  border: 1px solid transparent;

  transition: 0.5s;
}

.col-12.col-lg-4:nth-child(2) .price-table {
  transform: scale(1.1);
}

.price-table:hover {
  border: 1px solid #54b1e4;
}

.price-table .price-head {
  padding: 50px;

  background: linear-gradient(45deg, #90caf9, #2196f3);

  border-bottom-left-radius: 50%;

  border-bottom-right-radius: 50%;
}

.price-table .price-head h4 {
  margin: 0;

  padding: 0;

  color: #fff;

  font-weight: 700;
}

.price-table .price-head h3 {
  margin: 0;

  padding: 20px 0 0;

  font-size: 1.8rem;

  color: #fff;
}

.price-table .price-head h3 span {
  font-size: 1rem;
}

.price-content {
  position: relative;
}

.price-content ul {
  position: relative;

  margin: 0;

  padding: 20px 0;
}

.price-content ul li {
  list-style: none;

  font-size: 1rem;

  padding: 10px 0;

  color: #777;

  cursor: pointer;

  border-left: 15px solid transparent;

  border-right: 15px solid transparent;

  transition: 0.5s;
}

.price-content ul li:nth-child(odd) {
  background-color: #f8fbff;
}

.price-content ul li:hover {
  border-left: 15px solid #54b1e4;

  border-right: 15px solid #54b1e4;
}

.price-button {
  padding: 0 0 30px;
}

.price-button a {
  padding: 10px 40px;

  background: linear-gradient(45deg, #90caf9, #2196f3);

  color: #fff;

  border-radius: 25px;

  font-size: 1.15rem;

  text-decoration: none;
}

.carousel-multi-item.v-2 .carousel-inner .carousel-item.active,
.carousel-multi-item.v-2 .carousel-item-next,
.carousel-multi-item.v-2 .carousel-item-prev {
  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;
}

.carousel-multi-item.v-2 .carousel-item-right.active,
.carousel-multi-item.v-2 .carousel-item-next {
  -webkit-transform: translateX(50%);

  -ms-transform: translateX(50%);

  transform: translateX(50%);
}

.carousel-multi-item.v-2 .carousel-item-left.active,
.carousel-multi-item.v-2 .carousel-item-prev {
  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);
}

.carousel-multi-item.v-2 .carousel-item-right,
.carousel-multi-item.v-2 .carousel-item-left {
  -webkit-transform: translateX(0);

  -ms-transform: translateX(0);

  transform: translateX(0);
}

.map-container {
  overflow: hidden;

  padding-bottom: 25.25%;

  position: relative;

  height: 0;
}

.map-container iframe {
  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  position: absolute;
}

.select-box select {
  background: white;

  color: #858585;

  padding-top: 10px;

  padding-bottom: 10px;

  width: 100%;

  height: 50px;

  border: none;

  border-bottom: 1px solid #ced4da;

  outline: none;

  font-size: 16px;
}

.md-form .validate {
  margin-bottom: 1.5rem;
}

.service-link:link,
.service-link:visited {
  color: #555555;
}

.select-lang {
  width: 59px;

  height: 15px;

  font-size: small;

  margin-top: 5px;
}

.select-lang input[type='text']:not(.browser-default) {
  border-bottom: none !important;
}

@media screen and (max-width: 992px) {
  .select-lang input[type='text']:not(.browser-default) {
    border-bottom: none !important;
  }

  .select-lang {
    width: 59px;

    height: 15px;

    font-size: small;

    margin-top: 0px;
  }
}

/* .select-label {

  position: relative;

}

.select-label:after {

  content: '<>';

  font: 11px 'Consolas', monospace;

  color: #666;

  -webkit-transform: rotate(90deg);

  -moz-transform: rotate(90deg);

  transform: rotate(90deg);

  right: 8px;

  top: 20px;

  padding: 0 0 2px;

  border-bottom: 1px solid #ddd;

  position: absolute;

  pointer-events: none;

}

.select-label:before {

  content: '';

  right: 6px;

  top: 15px;

  width: 20px;

  height: 20px;

  background: #eee;

  position: absolute;

  pointer-events: none;

  display: block;

} */

.img-box {
  max-width: 750px;
}

.img-box img {
  width: 100%;
  height: 350px;
  object-fit: cover;
}