.jh-solid-box {background-color:#ffffff; box-shadow: -2px 2px 12px #7A7A7A ; margin: 8px 0px; border-radius: 8px; padding:25px; min-height:150px; display:block;}
.jh-solid-box-black {background-color:#000000; margin: 8px 0px; border-radius: 8px; padding:25px; min-height:150px; display:block;}
.jh-solid-box-contact {background-color:#EEEEEE; margin: 8px 0px; border-radius: 8px; padding:25px; min-height:100px; display:block;}

.jh-hover-box {background-color: rgba(0, 0, 0, 0.4);
padding:25px; min-height:300px; display:block; border-radius: 0px 0px 8px 8px; 
-moz-transition: all .35s ease-in;
    -o-transition: all .35s ease-in;
      -webkit-transition: all .35s ease-in;
    transition: all .35s ease-in;}
  .jh-hover-box:hover { background-color: rgba(0, 0, 0, 0.8); cursor: pointer;}

.jh-hover-box1 {background-color: rgba(0, 0, 0, 0.8);
padding: 5px 15px; min-height:20px; display:block; border-radius: 8px 8px 0px 0px; 
-moz-transition: all .35s ease-in;
    -o-transition: all .35s ease-in;
      -webkit-transition: all .35s ease-in;
    transition: all .35s ease-in;}
  .jh-hover-box:hover { background-color: rgba(0, 0, 0, 0.9); cursor: pointer;}

#r8_content h3 {
font-family: poppins;
color:#000000;
}

@media only screen and (min-width: 800px){
.d0-services-shift-up {transform: translate(0px, -80px);}
.d0-heading-shift-up {transform: translate(0px, -45px);}
.d0-top-banner-shift {transform: translate(0px, -1px);}
.d0-top-banner-shift-deep {transform: translate(0px, -5px);}}


.r8_form {border:0px;}


#r8_logo img {
margin:20px;
}

@keyframes animation {
0%,
100% {top: 0;}
10% {top: 0;} 
20% {top: -55px;}
25% {top: -55px;}
35% {top: -100px;}
40% {top: -100px;}
50% {top: -145px;}
55% {top: -145px;}
60% {top: -190px;}
65% {top: -190px;}
70% {top: -235px;}
75% {top: -235px;}
80% {top: -280px;}
85% {top: -280px;}
}

@media (min-width: 992px)
{
.revolving-headings p {
line-height: 45px;
font-size: 45px;
}
.revolving-headings {
padding : 0px;
height: 55px;
line-height: 45px;
font-size: 45px;
text-transform: uppercase;
overflow: hidden; 
}
}
@media (max-width: 991px)
{
.revolving-headings p {
line-height: 45px;
font-size: 20px;
}
.revolving-headings {
padding : 0px;
height: 55px;
line-height: 45px;
font-size: 20px;
text-transform: uppercase;
overflow: hidden; 
}
#r8_content h1 {
text-align: left !important;
}
}

.revolving-headings span {
position: relative; 
colour: white;
animation: animation 15s 
ease infinite;
}