.top-heading{
    background-color:#01414b; 
    color:#fff;
}

.fade-in {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 2s;
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.c-img{
    max-height: 600px;
    width: 100%;
  }


.carousel-caption{
    font-family: Helvetica;
  padding-top: 225px;
  text-align: left;
  background-color: rgba(15,10,20, 0.7);
  width: 100%;
  height: 100% !important;
  left: 0;
  bottom: 0 !important;
}

.carousel-caption h2,.carousel-caption h3,.carousel-caption h4,.carousel-caption p {
    padding-left: 50px !important;
    color: white;
    font-weight: bolder;
    line-height: 170%;
    font-size: 150%;
    
}




  .carousel-caption h3{
    text-transform: uppercase;
    font-weight:900;
    font-size: xx-large;
    word-spacing: 8px;
  }

  .carousel-caption h3 span{
    color: Gold;
  }
  .carousel-caption h2{
    text-transform: uppercase;
    font-weight:1200;
    font-size: xx-large;
    word-spacing: 8px;
  }

  .carousel-caption h4 span{
    color: Gold;
  }
  .carousel-caption p{
    font-size: 100%;
    font-weight: 200;
  }

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

    .carousel-caption{
        font-family: Helvetica;
      padding-top: 150px;
      text-align: left;
      background-color: rgba(15,10,20, 0.7);
      width: 100%;
      height: 110% !important;
      left: 0;
      bottom: 0 !important;
    }
    
    .carousel-caption h2,.carousel-caption h3,.carousel-caption h4,.carousel-caption p {
        padding-left: 50px !important;
        color: white;
        font-weight: bolder;
        line-height: 100%;
        font-size: 100%;
        
    }
    
    
    
    
      .carousel-caption h3{
        text-transform: uppercase;
        /* font-weight:900;
        font-size: xx-large;
        word-spacing: 8px; */
      }
    
      .carousel-caption h3 span{
        color: Gold;
      }
      .carousel-caption h2{
        text-transform: uppercase;
        /* font-weight:1200;
        font-size: xx-large;
        word-spacing: 8px; */
      }
    
      .carousel-caption h4 span{
        color: Gold;
      }
      .carousel-caption p{
        font-size: 100%;
        font-weight: 100;
      }
    
  }
  .card6{
    border-radius: 13%;
  }

  div .fixed {
      position: fixed !important;
      background-color:white;
        bottom: 0;
        left: 0;
        width: 300px;
      height: 55px;
        border: 3px solid #73AD21;
      opacity: 1 !important;
      z-index: 999 !important;
    }

.main-heading{
    background-color:#01414b; 
    margin-top:40px;
    font-size: 110%;
    font-family: 'open sans', 'Arial Narrow Bold', sans-serif;
    text-transform: uppercase;
    border: #fff solid;
}

.main-heading .nav-item{
    border : gold solid;
}

.carousel-below{
    background-color:#01414b;
}

.headings{
    padding:6px;
    border-radius:25%; 
    border-bottom : 2px solid #01414b;
    color: #01414b;
    text-transform: uppercase;
}

.app-headings{
    background-color:#01414b; 
    color:#fff;
}

.f-heading{
    background-color:#01414b;  
    background-attachment: fixed;
}

.page-inner{
    background-color:#fff; 
    color:#01414b;
    font-size: large;
    padding-left: 12%;

    padding-right: 12%;

    padding-top: 3%;
}



.page-inner .address{
    text-transform: uppercase;
}
footer .nav-item{
    text-transform: capitalize;
    /* margin-left: 11%;
    margin-right: 11%; */
    margin-left: 10vw;
    margin-right: 10vw;
 
    text-decoration: underline;
    
}
footer .nav-link span .text-white{

    text-align: center !important;
    justify-items: center;
    justify-content: center;
   
    
}