.main_header
{
  position: fixed;
/*  width:100%;
  height: 100%;*/
 
  top:0;
  left:0;
 /* z-index: 11;*/
}

#content_services
{
 
  width:100%;
  background-color: #fff;
  position: absolute;
  left: 0;
  z-index:12;
  overflow:auto;
      top: 100%;

}

 
.tf_home {
/*  background: -webkit-linear-gradient(top, #87CEFA, #fff);
  background: -moz-linear-gradient(top, #87CEFA, #fff);
  background: -o-linear-gradient(top, #87CEFA, #fff);
  background: -ms-linear-gradient(top, #87CEFA, #fff);
  background: linear-gradient(to bottom, #87CEFA, #fff);*/
  /*width: 1300px;*/
  height: 100%;
    width:105%;
 /* margin: 0 auto;*/
   top:0;
  left:0;
  position: fixed;
  overflow: hidden;
    background-image: url("../img-rev-slider/techfamous-home.svg");
        background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
}

.tf_background {



}


.plane {
 /* background-image: url("/plane.png");
  
  background-repeat: no-repeat;*/
  width: 600px;
  height: 252px;
   
  left: 0%;
  z-index: 11;
   margin-top: -17%;
  -webkit-animation-duration: 15s;
  -moz-animation-duration: 15s;
  -o-animation-duration: 15s;
  -ms-animation-duration: 15s;
  animation-duration: 15s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: planes;
  -moz-animation-name: planes;
  -o-animation-name: planes;
  -ms-animation-name: planes;
  animation-name: planes;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
.tf_clouds
{
  
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: clouds;
  -moz-animation-name: clouds;
  -o-animation-name: clouds;
  -ms-animation-name: clouds;
  animation-name: clouds;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
 /* background-image: url("/cloud.png")  ;
  background-repeat: no-repeat;*/
  height: 69px;
  width: 121px;
  z-index: 8 ;
margin-left: 100%;
}

.airbaloon {
  -webkit-animation-duration: 5s;
  -moz-animation-duration: 5s;
  -o-animation-duration: 5s;
  -ms-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: baloon  ;
  -moz-animation-name: baloon;
  -o-animation-name: baloon;
  -ms-animation-name: baloon ;
  animation-name: baloon;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  background-image: url("/techfamous-baloon.svg")  ;
  background-repeat: no-repeat;
  height: 169px;
   margin-left:  1100px;
  top: 290px;
  width: 121px;
  z-index: 99 ;
}




.cloud1
{
  /*right: 303.652px;*/
  top: 113.898px;
 /* background-image: url("/cloud2.png") !important ;*/
  -webkit-animation-duration: 1180s;
  -moz-animation-duration: 1180s;
  -o-animation-duration: 1180s;
  -ms-animation-duration: 11180s;
  animation-duration: 1180s;
  
margin-left:  55%;
}

.cloud4
{
  /* right:  .652px;*/
  top: 13.898px;
/*background-image: url("/cloud2.png") !important ;*/
-webkit-animation-duration: 1000s;
  -moz-animation-duration: 1000s;
  -o-animation-duration: 1000s;
  -ms-animation-duration: 1000s;
  animation-duration: 1000s;
  margin-left:  70%;

}
.cloud2
{
   /*right: 103.652px;*/
  top: 153.898px;
  /*background-image: url("/cloud2.png") !important ;*/
  -webkit-animation-duration: 11380s;
  -moz-animation-duration: 11380s;
  -o-animation-duration: 11380s;
  -ms-animation-duration: 11380s;
  animation-duration: 11380s;
  margin-left:  35%;
}

.cloud3
{
   /*right: 1003.652px;*/
  top: 103.898px;
  /*background-image: url("/cloud2.png") !important ;*/
  -webkit-animation-duration: 11680s;
  -moz-animation-duration: 11680s;
  -o-animation-duration: 11680s;
  -ms-animation-duration: 11680s;
  animation-duration: 11680s;
  margin-left:  45%;
}


.cloud5
{
  /* right:  .652px;*/
  top: 13.898px;
/*background-image: url("/cloud2.png") !important ;*/
-webkit-animation-duration: 12580s;
  -moz-animation-duration: 12580s;
  -o-animation-duration: 12580s;
  -ms-animation-duration: 12580s;
  animation-duration: 11580s;
  margin-left:  25%;

}


/*--------------------------------------------------------------
# Class / ID
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Keyframes
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/




@-moz-keyframes clouds {
  
  100% {
     
    margin-left:  0%;
  }
}
@-webkit-keyframes clouds {
  
  100% {
   margin-left:  0%;
  }
}
@-o-keyframes clouds {
 
  100% {
   margin-left:  0%;
  }  
 
}
@keyframes clouds {
  
  100% {
   margin-left:  0%;
  }
}


@-moz-keyframes baloon {
   0% {
    top:10%;
  }
  50% {
    top:11%;
  }
  100% {
     top: 10%;
  }
}
@-webkit-keyframes baloon {
   0% {
    margin-top:10%;
  }
  50% {
    margin-top:11%;
  }
  100% {
    margin-top: 10%;
  }
}
@-o-keyframes baloon {
   0% {
    margin-top:10%;
  }
  50% {
    margin-top:11%;
  }
  100% {
    margin-top: 10%;
  }
}
@keyframes baloon {
 0% {
    margin-top:10%;
  }
  50% {
    margin-top:11%;
  }
  100% {
    margin-top: 10%;
  }
}




@-moz-keyframes planes {
   0% {
      margin-left: 0%;

      }
      100% {
      margin-left: 100%;
      }
}
@-webkit-keyframes planes {
  0% {
      margin-left: 0%;
      }
      100% {
      margin-left: 100%;
      }
}
@-o-keyframes planes {
  0% {
      margin-left: 0%;
      }
      100% {
      margin-left: 100%;
      }
}
@keyframes planes {
   0% {
      margin-left: 0%;
      }
      100% {
      margin-left: 100%;
      }
}