#pilotwithus {
  margin-bottom: 90px;
  margin-top: 70px; }
  #pilotwithus .intro h6 {
    font-size: 21px;
    font-style: italic;
    color: #252526;
    line-height: 29px;
    font-weight: normal;
    margin: 0 0 16px 0; }
  #pilotwithus .intro p {
    color: #3F3F3F;
    line-height: 24px; }
  #pilotwithus .flexslider {
    box-shadow: none;
    margin: 0;
    border: 0 none; }
  #pilotwithus .flex-control-paging li a {
    background: #666666;
    box-shadow: none;
    width: 11px;
    height: 11px;
    border: 3px solid #E6E6E6; }
    #pilotwithus .flex-control-paging li a.flex-active {
      box-shadow: none;
      background: #2894DC;
      border-color: #2894DC; }
  #pilotwithus .flex-control-nav {
    bottom: -30px; }

/*the System */
#process {
  min-height: 250px; }
  #process .section_header h3 {
    margin: 0; }
    #process .section_header h3 span {
      font-size: 18px;
      line-height: 20px; }
  #process .description {
    position: relative; }
    #process .description .text {
      position: absolute;
      display: none; }
      #process .description .text.active {
        display: block; }
    #process .description h4 {
      font-size: 32px;
      line-height: 35px;
      font-weight: normal;
      margin-bottom: 20px; }
    #process .description p {
      font-size: 15px;
      color: #3F3F3F;
      line-height: 26px; }
  #process .areas {
    margin-left: 0;
    float: right; }
    #process .areas .circle {
      height: 210px;
      cursor: pointer;
      float: left;
      margin-right: -45px;
      text-align: center;
      width: 210px;
      background: rgba(36, 124, 172, 1);
      border-radius: 100%;
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      -ms-transition: all .3s;
      transition: all .3s; }
      #process .areas .circle img {
        margin-top: 56px; }
      #process .areas .circle span {
        font-weight: 700;
        font-size: 18px;
        color: #fff;
        display: block;
        margin-top: 21px; }
      #process .areas .circle:hover, #process .areas .circle.active {
        background:#4e4e51; }
    #process .areas .first {
      margin-left: 0; }
      
      
      /* For consumers & For enterprise*/
     
     
     #process2 .container .key , .app{
     	margin-top:160px;
     }
     
     #process2 .container .dash{
     	margin-top:80px;
     }
     
      #process2 {
  		min-height: 350px; }
 	 #process2 .section_header h3 {
  		  margin-top: 150px;
  		  }
    #process2 .section_header h3 span {
      font-size: 18px;
      line-height: 20px; 
      }
      
 	#process2 .description {
  	  position: relative;
  	  margin-top: 40px;
  	   }
    #process2 .description .text {
      position: absolute;
      display: none; }
    #process2 .description .text.active {
        display: block; }
    #process2 .description h4 {
      font-size: 32px;
      line-height: 35px;
      font-weight: normal;
      margin-bottom: 20px; }
    #process2 .description p {
      font-size: 15px;
      color: #3F3F3F;
      line-height: 26px; }
  #process2 .areas {
    margin-bottom: 1px;
    float: right; }
    #process2 .areas .circle {
      height: 155px;
      cursor: pointer;
      float: left;
      margin-right: 25px;
      margin-top:25px;
      text-align: center;
      width: 155px;
      background: rgba(36, 124, 172, 1);
      border-radius: 100%;
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      -ms-transition: all .3s;
      transition: all .3s; }
    
      #process2 .areas .circle:hover, #process2 .areas .circle.active {
        background: #4E4E51; }
    #process2 .areas .first {
      margin-left: 0; }


/* Responsive
-------------------------------------------------- */
@media (min-width: 768px) and (max-width: 979px) {

  #process .areas {
    text-align: center; }
    #process .areas .last_circle {
      float: none;
      display: inline-block;
      margin-left: -75px;
      margin-top: -54px; }
      
      #process2 .areas {
    text-align: center; }
    #process2 .areas .last_circle {
      float: none;
      display: inline-block;
      margin-left: -75px;
      margin-top: -54px; }

   }
@media (max-width: 767px) {
  

  #process .areas {
    margin-top: 193px;
    margin-bottom: 0px;
    text-align: center; }
    #process .areas .circle {
      float: none;
      display: inline-block;
      margin: 0; }
    #process .areas .last_circle {
      margin-top: -23px; }
      
      #process2 .areas {
    margin-top: 193px;
    margin-bottom: 0px;
    text-align: center; }
    #process2 .areas .circle {
      float: none;
      display: inline-block;
      margin: 0; }
    #process2 .areas .last_circle {
      margin-top: -23px; }
       }
      
@media (max-width: 480px) {

  #process .areas {
    margin-top: 250px; }
    #process .areas .circle {
      width: 100px;
      height: 100px;
      }
      #process .areas .circle img {
        margin-top: 22px; }
      #process .areas .circle span {
        display: none; }
    #process .areas .last_circle {
      margin-top: 0; } 
      
     #process2 .section_header h3 {
  		  margin-top: 160px;
  		  }
      #process2 .areas {
    margin-top: 0px; }
    #process2 .areas .circle {
      width: 100px;
      height: 100px; }
      #process2 .areas .circle img {
        margin-top: 0px; }
      #process2 .areas .circle span {
        display: none; }
      #process2 #key    {
        display: none; }
        #process2 #app {
        display: none; }
         #process2 #dash {
        display: none; }	
    #process2 .areas .last_circle {
      margin-top: 0; }
      #process2 .description {
  	  position: relative;
  	  margin-top: 10px;
  	  margin-bottom: 100px;
  	   }
      }