/*!
 * Start Bootstrap - Business Casual v5.0.11 (https://startbootstrap.com/theme/business-casual)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-business-casual/blob/master/LICENSE)
 */

 body {
 	font-family:Lora;
 	background-image:linear-gradient(rgba(47,23,15,.65),rgba(47,23,15,.65)),url(../img/bg.jpg); 
 	background-attachment:fixed;
 	background-position:center;
 	background-size:cover;
  display: flex;
  min-height: 100vh;
  max-width: 100vw;
  flex-direction: column;
}

 	h1,h2,h3,h4,h5,h6{font-family:Raleway}
 	/*p{line-height:1.75}*/

 	.site-heading {
 		margin-top:3rem;
 		margin-bottom:3rem;
 		text-transform:uppercase;
 		line-height:1;
 		font-family:Raleway;
    display: block;
  }

/* 	.site-heading */.site-heading-upper {
 		display:block;
    line-height:1;
 		font-size:2rem;
 		font-weight:800}

 /*	.site-heading*/ .site-heading-lower {
 		font-size:5rem;
 		font-weight:100;
 		line-height:4rem;}

  #mainNav {
    background-color: #2f170f;
    font-family:Raleway;
    border: 2px;
      border-style: outset;
      color: white; 
  }

  #mainNav .navbar-brand {
    color:#e6a756} 

  #mainNav .navbar-nav .nav-item .nav-link {
    color:rgba(255,255,255,.7);
    font-weight:800}

  #mainNav .navbar-nav .nav-item.active .nav-link {
    color:#e6a756}

  @media (min-width:992px) {
    #mainNav .navbar-nav .nav-item .nav-link {font-size:.9rem}
    #mainNav .navbar-nav .nav-item .nav-link:hover{color:rgba(255,255,255,.4)}
    #mainNav .navbar-nav .nav-item.active .nav-link:hover{color:#e6a756}}

  a{
    text-decoration: none;
    color: #BA5517;
  }

  a:hover{
    text-decoration: none;
    color: #F87625;
  }


 	.page-section {
 		margin-top:2rem;
 		margin-bottom:2rem;}

  .intro{position:relative}

  @media (min-width:992px)
  {.intro .intro-img {
    width:75%;float:right}

 .intro .intro-text {
  left:0;
  width:40%;
  margin-top:3rem;
  position:absolute;}

  .intro .intro-text .intro-button {
    width:100%;
    left:0;
    position:absolute;
    bottom:-2rem;}}

  @media (min-width:1200px){
      .intro .intro-text {
        width:45%;}
      }


 	.section-heading {
 		text-transform:uppercase;}

 	.section-heading .section-heading-upper {
 		display:block;
    font-size:1rem;
    font-weight:800;
  }

 	.section-heading .section-heading-lower {
 		display:block;
 		font-size:3rem;
 		font-weight:100;
  }

 	.bg-faded {
 		background-color:rgba(255,255,255,.85);
  }



	.btn-xl {
		font-weight:700;
		font-size:.8rem;
		padding-top:1.5rem;
		padding-bottom:1.5rem;
		padding-left:2rem;
		padding-right:2rem}


.cta {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.cta .cta-inner {
  position: relative;
  padding: 4%;
  margin: 0.5rem;
  background-color: #ffffffe3;
}

.cta .cta-inner:before {
  border-radius: 0.5rem;
  content: '';
  position: absolute;
  top: -0.5rem;
  bottom: -0.5rem;
  left: -0.5rem;
  right: -0.5rem;
  border: 0.25rem solid rgba(255, 255, 255, 0.85);
  z-index: -1;
}

.ctb {
    padding-top:3rem;
    padding-bottom:3rem;
    }

  .ctb .ctb-inner {
    position:relative;
    padding:4%;
    margin:.5rem;
    background-color:#ffffffe3;
  }

  .ctb .ctb-inner:before {
    border-radius:.5rem;
    content:'';
    position:absolute;
    top:-.5rem;
    bottom:-.5rem;
    left:-.5rem;
    right:-.5rem;
    border:.25rem solid rgba(255,255,255,.85);
    z-index:-1;
  }


.cth {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.cth .cth-inner {
  position: relative;
  padding: 4%;
  margin-top: -2rem;
  background-color: #ffffffe3;
}

.cth .cth-inner:before {
  border-radius: 0.5rem;
  content: '';
  position: absolute;
  top: -0.5rem;
  bottom: -0.5rem;
  left: -0.5rem;
  right: -0.5rem;
  border: 0.25rem solid rgba(255, 255, 255, 0.85);
  z-index: 1;
}

@media (min-width: 992px) {
  .about-heading .about-heading-img {
    position: relative;
    z-index: 0;
  }
  .about-heading .about-heading-content {
    margin-top: -5rem;
    position: relative;
    z-index: 1;
  }
}

  #map-container-2{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
    }
  #map-container-2 iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
    }

.just {
  text-align: justify;
}

 	
 	@media (min-width:992px) {
 		.text-primary{color:#e6a756!important;}
 		.bg-primary{background-color:#e6a756!important;}
 		.btn{box-shadow:0 3px 3px 0 rgba(33,37,41,.1);}
 		.btn-primary{background-color:#e6a756; border-color:#e6a756;}
 		.btn-primary:active,
 		.btn-primary:focus,
 		.btn-primary:hover{background-color:#df902a; border-color:#df902a;};
	  .font-weight-light{font-weight:100!important;}
	}

/*carousel
*/
.slider {
  padding: 1rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
  background-color: #ffffff;
  border-radius: 1rem;
  -webkit-box-shadow: 0rem 0.25rem 1.25rem 0.0625rem rgba(0, 0, 0, 0.25);
          box-shadow: 0rem 0.25rem 1.25rem 0.0625rem rgba(0, 0, 0, 0.25);
}

.slider .imgContainer {
  min-height: 18.75rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background-image: linear-gradient(45deg, #9c7365 1%, #2f170f);  
  -webkit-box-shadow: 0rem 0.125rem 0.625rem 0.0625rem rgba(0, 0, 0, 0.15);
          box-shadow: 0rem 0.125rem 0.625rem 0.0625rem rgba(0, 0, 0, 0.15);
  border-radius: 1rem;
  overflow: hidden;
}

.slider .imgContainer .image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.slider .imgContainer .image img {
  max-width: 100%;
  max-height: 100%;
  -webkit-transform: translateX(-40px);
          transform: translateX(-40px);
  position: relative;
}

.slider .imgContainer .image.active {
  opacity: 1;
}

.slider .imgContainer .image.active img {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}

/* slider content*/
.slider .content {
  background-color: rgba(255, 255, 255, 1);
  margin-top: 1rem;
  margin-bottom: 1rem;
}


.slider .content .title {
  font-weight: 600;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.slider .content .desc {
  font-size: 0.875rem;
  text-align: justify;
  color: rgb(101, 101, 101);
  margin-bottom: 1rem;
}

.slider .content .readMoreBtn {
  background-image: linear-gradient(45deg, #966868 1%, #2f170f);
  padding: 0.5rem 1.5rem;
  border-radius: 31.25rem;
  color: #ffffff;
  font-weight: 600;
  border: none;
  text-transform: uppercase;
  outline: 0;
  -webkit-box-shadow: 0rem 0.0625rem 0.25rem rgba(0, 0, 0, 0.15);
          box-shadow: 0rem 0.0625rem 0.25rem rgba(0, 0, 0, 0.15);
}

/*carousel slide*/
.slider .slide {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.slider .indicators {
  top: 0;
  bottom: auto;
  margin: 0.25rem;
}

.slider .indicators li {
  height: 0.625rem;
  width: 0.625rem;
  background-color: #b3b3b3;
  border-radius: 1.25rem;
  background-clip: initial;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  margin: 0.25rem;
}

.slider .indicators li.active {
  width: 1.875rem;
  background-color: #e6a756;  
}

@media (min-width: 768px) {
  .slider .indicators {
    top: auto;
    bottom: 0;
  }
}

/*indicators*/
@media (min-width: 992px) {
  .slider .indicators {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    left: auto;
    margin: auto 1rem;
    bottom: 0;
    top: 0;
  }
  .slider .indicators li.active {
    height: 1.875rem;
    width: 0.625rem;
  }
}

/*animation*/
.slider .carousel-item .content > * {
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}

.slider .carousel-item.active .content > * {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
}

.slider .carousel-item.active .content > *:nth-child(1) {
  -webkit-transition-delay: 0.05s;
          transition-delay: 0.05s;
}

.slider .carousel-item.active .content > *:nth-child(2) {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.slider .carousel-item.active .content > *:nth-child(3) {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

.slider .carousel-item.active .content > *:nth-child(4) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.slider .carousel-item.active .content > *:nth-child(5) {
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}

.slider .carousel-item.active .content > *:nth-child(6) {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.slider .carousel-item.active .content > *:nth-child(7) {
  -webkit-transition-delay: 0.35s;
          transition-delay: 0.35s;
}

.slider .carousel-item.active .content > *:nth-child(8) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.slider .carousel-item.active .content > *:nth-child(9) {
  -webkit-transition-delay: 0.45s;
          transition-delay: 0.45s;
}

.slider .carousel-item.active .content > *:nth-child(10) {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

/*   back to top button 
*/
#toTopBtn {
    position: fixed;
    bottom: 26px;
    right: 10px;
    z-index: 98;
    padding: 20px;
    background-color: hsla(5, 76%, 62%, .4);
}

.js .cd-top--fade-out {
    opacity: .5
}

.js .cd-top--is-visible {
    visibility: visible;
    opacity: 1
}

.js .cd-top {
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s, visibility .3s, background-color .3s
}

.cd-top {
    position: fixed;
    bottom: 20px;
    bottom: var(--cd-back-to-top-margin);
    right: 20px;
    right: var(--cd-back-to-top-margin);
    display: inline-block;
    height: 40px;
    height: var(--cd-back-to-top-size);
    width: 40px;
    width: var(--cd-back-to-top-size);
    box-shadow: 0 0 10px rgba(0, 0, 0, .05) !important;
    background: url(https://res.cloudinary.com/dxfq3iotg/image/upload/v1571057658/cd-top-arrow.svg) no-repeat center 50%;
    background-color: hsla(5, 76%, 62%, .5);
/*    background-color: hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0.8)
*/}

    .scroll {
    color: #fff;
    margin-top: 100px
}

/*end of back to top button
*/

/*parallax
*/
.bg-primary {
  background-color: #e6a756 !important;
}

.btn {
  box-shadow: 0px 3px 3px 0px rgba(33, 37, 41, 0.1);
}

.btn-primary {
  background-color: #e6a756;
  border-color: #e6a756;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: #df902a;
  border-color: #df902a;
}

.font-weight-light {
  font-weight: 100 !important;
}

/*parallax
*/
.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4 {
  position: relative;
  opacity: 0.8;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.bgimg-1 {
  background-image: url("../img/hip dysplasia xray.png");
  min-height: 100%;
}

.bgimg-2 {
  background-image: url("../img/products-02.jpg");
  min-height: 100%;
}

.bgimg-3 {
  background-image: url("../img/GVD.jpg");
  min-height: 100%;
}

.bgimg-4{
  background-image: url("../img/Odin-post-op.jpg");
  min-height: 100%;
}

.caption {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #000;
}

.caption span.border {
  background-color: #111;
  border-style: inset;
  color: #fff;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px;
}

h3 {
  letter-spacing: 5px;
  text-transform: uppercase;
  font: 20px "Lato", sans-serif;
  color: #111;
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (width: 1024px) {
  .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4 {
    background-attachment: scroll;
  }
}    

/*modal
*/
   .bs-example{
      margin: 0 auto;
    } 
    .modal-dialog iframe{
        margin: 0 auto;
        display: block;
    }


/*end of modal
*/
  .text-faded {color:rgba(255,255,255,.6)}
 	   		
 .footer{
    background-color:rgba(47,23,15,1);
    border: 2px;
    border-style: outset;
    color: white;
        }

.ftcontainer{
    width: 100%;
}