.d-block{
    height:70vh;
	min-height: 150px;
}
.carousel-item {
}
.hide{
    display: none;
}
.overlay {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0, 0, 0, 0.6);
    z-index:0;
}
.carousel-caption,.arousel-control-prev {
    z-index: 99;
    text-align: left;
    bottom: 60px;
}
.carousel-caption h5 {
	font-size: 45px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 25px;
}
.carousel-caption p {
	width: 80%;
	font-size: 18px;
	line-height: 1.9;
    text-align: left;
}
.carousel-caption a {
	text-transform: uppercase;
	text-decoration: none;
	background: darkorange;
	padding: 10px 30px;
	display: inline-block;
	color: #000;
}
@media only screen and (max-width: 1080px) {
    .carousel-caption,.arousel-control-prev {
        z-index: 99;
        text-align: left;
        bottom: 0px;
    }
  
}
@media only screen and (max-width: 780px) {
    .carousel-caption,.arousel-control-prev {
        z-index: 99;
        text-align: left;
        bottom: 0px;
    }
    .carousel-caption h5 {
        font-size: 40px;
    }
}
@media only screen and (max-width: 767px) {
.carousel-caption {
		bottom: 0px;
        top: 0px;
	}
.carousel-caption h5 {
		font-size: 18px;
	}
.carousel-caption a {
		padding: 10px 15px;
		font-size: 15px;
        margin-top: 5px;
	}
.carousel-caption p{
    width: 80%;
	font-size: 13px;
	line-height: 1.9;
    text-align: left;
    color: white;
    }
 .d-block{
        height:50vh;
        min-height: 120px;
    }
    .hide{
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }
    
}

/* Start of Ticker Styling  */

#scroll-container {
    border-radius: 5px;
    overflow: hidden;
  }
  #scroll-text {
    font-size: 20px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: bold;
    display: inline-block;
    /* animation properties */
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    
    -moz-animation: my-animation 25s linear infinite;
    -webkit-animation: my-animation 25s linear infinite;
    animation: my-animation 25s linear infinite;
  }


  * for Firefox */
  @-moz-keyframes my-animation {
    from { -moz-transform: translateX(100%); }
    to { -moz-transform: translateX(-100%); }
  }
    /* for Chrome */
@-webkit-keyframes my-animation {
    from { -webkit-transform: translateX(100%); }
    to { -webkit-transform: translateX(-100%); }
  }
  @media only screen and (max-width: 800px) {
    #scroll-text {
       font-size: 16px;
       text-align: center;
    }
    
}
@media only screen and (max-width: 620px) {
    #scroll-text {
       font-size: 13px;
       text-align: center;
    }
    
}
  /* End of Ticker Styling  */

  /* Start of Rotating Text Styling */
  .sentence{
    color: #54595F;
    font-size: 35px;
    font-weight: bolder;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.slidingHorizontal{
	display: inline;
	text-indent: 10px;
}
.slidingHorizontal span{
	animation: leftToRight 12.5s linear infinite 0s;
	-ms-animation: leftToRight 12.5s linear infinite 0s;
	-webkit-animation: leftToRight 12.5s linear infinite 0s;
	color:#ED1D1D;
	opacity: 0;
	overflow: hidden;
	position: absolute;
}
.slidingHorizontal span:nth-child(2){
	animation-delay: 4s;
	-ms-animation-delay: 4s;
	-webkit-animation-delay: 4s;
}
.slidingHorizontal span:nth-child(3){
	animation-delay: 8s;
	-ms-animation-delay: 8s;
	-webkit-animation-delay: 8s;
}
@media only screen and (max-width: 1100px) {
    .slidingHorizontal span{
     display: none;
    }
 }
@media only screen and (max-width: 720px) {
    .sentence{
     font-size: 25px
    }
    .slidingHorizontal span{
     display: none;
    }
 }

/*leftToRight Animation*/
@-moz-keyframes leftToRight{
	0% { opacity: 0; }
	5% { opacity: 0; -moz-transform: translateX(-50px); }
	10% { opacity: 1; -moz-transform: translateX(0px); }
	25% { opacity: 1; -moz-transform: translateX(0px); }
	30% { opacity: 0; -moz-transform: translateX(50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-webkit-keyframes leftToRight{
	0% { opacity: 0; }
	5% { opacity: 0; -webkit-transform: translateX(-50px); }
	10% { opacity: 1; -webkit-transform: translateX(0px); }
	25% { opacity: 1; -webkit-transform: translateX(0px); }
	30% { opacity: 0; -webkit-transform: translateX(50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes leftToRight{
	0% { opacity: 0; }
	5% { opacity: 0; -ms-transform: translateX(-50px); }
	10% { opacity: 1; -ms-transform: translateX(0px); }
	25% { opacity: 1; -ms-transform: translateX(0px); }
	30% { opacity: 0; -ms-transform: translateX(50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}

/* End of Rotating Text Styling */
/* End of Rotating Text Styling */
.rota{
    width: 100%;
    text-align: center;
}

.stat{
    width: 100%;
    height: auto;
    padding: 10px;
}
@media only screen and (max-width: 520px) {
    .stat{
        width: 100%;
        height: 200px;
        padding: 10px;
    }
 }
.para{
    font-family: open Sans;
    font-size: 18px;
    color: #54595F;
    padding: 10px;
}
@media only screen and (max-width: 920px) {
    .para{
        font-family: open Sans;
        font-size: 16px;
        color: #54595F;
        padding: 8px;
    }
    
 }
 #footer{
    background-color: #54595F;
 }
 #foot a{
    padding: 10px;
    color: white;
 }
/*  Image Box Creation   */
 .imbox{
    display: flex;
    align-items: flex-start;
 }
 .ima{
    width: 40%;
    margin-right: 10px;
 }
 @media only screen and (max-width: 480px) {
    .imbox{
        display: block;
        text-align: center;
     }
    
 }
 .servi{
    font-weight: bolder;
    color: black;
    padding: 10px;
 }

 #pic{
    background-color: #6EC1E44D;
    padding-top: 10px;
 }

#active{
    color: #ED1D1D;
}
table{
    padding: 20px;
}
tr{
    padding: 25px;
}
td{
    padding: 10px;
    padding-left: 10px;
}
a{
    color: #000;
}
/* Tracking */
.par{
    font-family: open Sans;
    font-size: 18px;
    text-align: center;
    color: #54595F;
    padding: 10px;
}
@media only screen and (max-width: 920px) {
    .par{
        font-family: open Sans;
        font-size: 16px;
        color: #54595F;
        padding: 8px;
    }
    
 }

 /* Tracking Form */
 form{
    width: 60%;
    margin: auto;
 }

input[type=text], [type=email], select {
  width: 100%;
  padding: 7px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid rgb(36, 35, 35);
  border-radius: 20px;
  box-sizing: border-box;
}

input[type=submit] {
  width: 80%;
  background-color: #c91d1d;
  color: white;
  padding: 10px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 20px;
  font-weight: bold;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #6EC1E4;
}
