body{
  overflow-x: hidden;
}
@font-face{
	font-family: Dosis-Regular;
	src: url(../fonts/Dosis-Regular.otf);
}
.activity-section{
    background: rgba(126,188,51,1);
    font-family: Dosis-Regular;
    color: #fff;
    padding-bottom: 0px!important;
}
.activity-section h1{
  color: #fff;
    text-align: center;
    font-family: Dosis-Regular;
    font-size: 60px;
    margin-bottom: 19px;
}
.reactangle-area{
	background-image: url(../img/rectengale.png);
    background-repeat: no-repeat;
        height: 253px;
            padding: 26px 98px;
          margin-top: -36px;
}
.reactangle-area ul li{
	color: #000;
	    padding: 6px;
}
.image-1{
  position: relative;
  -webkit-animation: mymove 5s infinite; /* Safari 4.0 - 8.0 */
  animation: mymove 5s infinite;
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
  from {right: 0px;}
  to {right: 400px;}
}

@keyframes mymove {
  from {right: 0px;}
  to {right: 400px;}
}
#contact:after{
      width: 100%;
    content: " ";
    background-image: url(../img/path.png);
    position: absolute;
    /* left: -16px; */
    /* top: -6px; */
    height: 54px;
     margin-top: 37px;
    background-size: cover;
    background-position: center;
}
.car:after {
    content: '';
    display: block;
    width: 365px;
    height: 198px;
    background-image: url(../img/bus.png);
    background-size: 100%;
    position: absolute;
    z-index: 1;
    background-repeat: no-repeat;
    left: 0;
    margin-top: -98px;
     -webkit-animation: slide 10s linear infinite;
}
@-webkit-keyframes slide {
  from {left: 0px;}
  to {left: 800px;}
}

/*
.car{
   position: relative;
  -webkit-animation: moveimg 5s infinite; 
  animation: moveimg 10s infinite;
}
.car:hover {
  -webkit-animation-play-state: paused; 
  animation-play-state: paused;
}
@-webkit-keyframes moveimg {
  from {left: 0px;}
  to {left: 800px;}
}

@keyframes moveimg {
  from {left: 0px;}
  to {left: 800px;}
}
*/

@media(max-width: 450px){
  .navbar-nav > li > a{
        line-height: 30px !important;
  }
  .reactangle-area{
    background-size: cover;
    padding: 30px !important;
  }
  #contact:after{
    display: none;
  }
}