@font-face {
  font-family:anari;
  src: url(fonts/Proxima-Nova-Alt-Bold.otf);
}
@font-face {
  font-family:habiya;
  src: url(fonts/Proxima-Nova-Bold.otf);
}

@font-face {
  font-family:khilari;
  src: url(fonts/ProximaNova-Regular.otf);
}
@font-face {
  font-family:george;
  src: url(fonts/Georgia.ttf);
}


/* header div starts here */
 .header{
   height:80px;
   background-color:#eef2f5;
 }
 .header .header-left{
   width:20%;
   float: left;
   margin-top:10px;
 }
 .header .header-right{
   float:left;

 }
 .header .header-right ul{
   margin-left:527px;
   margin-top:32px;
 }
 .header .header-right ul li:nth-child(1) a{
   color: #21d0b6;
   font-family:anari;
   font-weight:400;
 }
 .header .header-right ul li{
   display: inline-block;
   font-family:khilari;
   margin-right:20px;
   font-weight:700;


 }


 .header .header-right ul li a{
   color:#63656b;
 }
  .header .header-right ul li:nth-child(6) a{
    border:1px solid #63656b;
    padding:5px 15px;
    border-radius:5px;
  }
  .header .header-right ul li:nth-child(2) a i{
    margin-right:5px;
  }
/* header div ends here */
/* slider div starts here */
  .slider{
    height:500px;
    background:linear-gradient(#eef2f5,#b2b5b7);
    position: relative;
    overflow: hidden;


  }

  .slider .bgi{
    position:absolute;
    top:2px;
    left:188px;
  }
  .slider .bgi-people{
    position:absolute;
    bottom:1px;
    right:54px;
  }

  .mid{
    width:80%;
    margin: auto;
  }
  .slider .slider-left h1{
    font-family:anari;
    font-weight:normal;
    color:#222325;
    width:55%;
    float: left;
    font-size:35px;
  }
  .slider .slider-left{
    position: relative;

  }
.slider .slider-left input[type="text"]{

  box-sizing: border-box;
  position:absolute;
  top:128px;
  left:0px;
  padding:15px 155px;
  border:1px solid #DDDDDD;

}
.slider .slider-left input[type="submit"]{
  color:#fff;
  background-color:#1DBF73;
  position:absolute;
  top:128px;
  left:468px;
  padding:15px 25px;
  font-family:anari;
  border:1px solid transparent;
  border-top-right-radius:3px;
  border-bottom-right-radius:3px;
}
.slider .slider-left form i{
  color:#999999;
  position: absolute;
  top:145px;
  left:16px;
}
.slider .slider-left input[type="text"]::placeholder{
  color:#9B9AA0;
  font-family:khilari;
  font-size:15px;
  text-align:right;
}
.slider .slider-left ul li{
  display: inline-block;
  font-family:khilari;
  font-size:15px;
  margin:0px 5px;



}
.slider .slider-left  ul li a{
  color: #62646A;
  border:1px solid #BEBFC3;
  padding:2px 5px;
  display: block;
  border-radius:5px;
}
.slider .slider-left  ul li:hover a{
  background-color:#c5c6c9;
}
.slider .slider-left ul{
  position: absolute;
  top:200px;
  left:0px;
  overflow:hidden;
}
.slider .slider-left ul li:nth-child(1){
  color:#62646A;
}
.slider .slider-right ul li{
  display: inline-block;


}
.slider .slider-right ul{
  bottom:39px;
  right:243px;
  position: absolute;
}
.slider .slider-right ul li i{
  color: #FFC100;
  font-size:14px;

}
.slider .slider-right h6{
  bottom:21px;
  right:153px;
  position: absolute;
  color:#fff;
  font-family:anari;
  font-size:13px;
}
.slider .slider-right h6 span{
  font-family:khilari ;
}

/* slider div ends here */
/* clients div starts here */
.clients{
  height:70px;

  box-shadow:inset 0 0 10px #dcdcdc;
}
.clients ul{
  width:80%;
  margin: auto;

}
.clients ul li{
  display: inline-block;
  margin-right:50px;
}
/* clients div ends here */
/* services div starts here */
.services{
  margin-top:100px;
  position: relative;
  margin-bottom:100px;
}
.services .matha{
  font-family:khilari;
  font-size:28px;
  margin-left:31px;
}
.services ul li{
  display: inline-block;
}
.services ul li:nth-child(1){
  margin-left:30px;
}
.services ul li:hover a img{
  opacity: 0.8;
  transition:0.1s;
}
.services ul li a img{
  width:90%;

  margin-right:10px;

}
.services ul li a{
  display: block;
}
.services ul li a h3{
  position: absolute;
  top:22px;
  left:18px;
  font-family:khilari;
  color: #fff;
  font-size:14px;
  font-weight:400;
}
.services ul li a h1{
  position: absolute;
  top:30px;
  left:18px;
  font-family:khilari;
  color: #fff;
  font-size:22px;
}
.services ul li a{
  position: relative;
}
.car-left{
  width:50px;
  height:50px;
  background-color:#fff;
  border-radius:50%;
  position: absolute;
  top:126px;
  left:-25px;
  box-shadow:inset 0 0 5px #dcdcdc;
}
.car-left i{
  color: #959595;
  text-align: center;
  font-size:25px;
  margin-top:13px;
  margin-left:18px;
}
.car-right{
  width:50px;
  height:50px;
  background-color:#fff;
  border-radius:50%;
  position: absolute;
  top:126px;
  right:0px;
  box-shadow:inset 0 0 5px #dcdcdc;
}
.car-right i{
  color: #959595;
  text-align: center;
  font-size:25px;
  margin-top:13px;
  margin-left:18px;
}
/* services div ends here */
/* video div starts here */
 .video{
   margin-left:30px;
 }
 .video-left{
   width:50%;
   float: left;
 }
 .video-right{
   width:50%;
   float: left;
 }
 .video-left h2{
   font-family:khilari;
   font-size:26px;
   color: #222325;
   font-weight:700;

 }
 .video-left h3{
   font-family:khilari;
   display: block;
   float: left;
   width:95%;
}
 .video-left p{
   font-family:khilari;
   font-weight:400;
   color: #62777C;
   width:80%;
   padding:30px 0px;


}
  .video-left i{
    color: #1DBF73;
    width:5%;
    float: left;
}
.video-left .vl1{
  padding-top:20px;
}
.video-left .vl1,.vl2,.vl3{
  margin-top:20px;
}
.video-right{
  position: relative;
}
.video-right img{

  margin-left:-59px;

}
.video-right a i{
  font-size:70px;
  position: absolute;
  top:200px;
  left:258px;
  color: #2F261E;
}
/* video div ends here */
.marketplace ul{
 margin-left:100px;
}
.marketplace ul li{
  display: inline-block;
}
.marketplace ul li hr{
  width:20%;
  margin-left:10px;
  transition:0.5s;

  border-top:none;
  border:1.5px solid #C5C6C9;

}
.marketplace ul li:hover hr{
  transform: scale(1.5);

  border:1.5px solid #1DBF73;

}
.marketplace-top ul li{
  width:20%;
  padding:0px 25px;

}
.marketplace-top ul li img{
  margin-left:81px;
}

.marketplace-bottom ul{
  margin-top:100px;
}
.marketplace-bottom ul li{
  width:20%;
  padding:0px 25px;
}
.marketplace ul li h6{
  font-family:khilari;
  color:#898A8B;
  font-size:18px;
  font-weight:normal;
  text-align: center;
}
.marketplace-bottom ul li img{
  margin-left:81px;
}
.marketplace-bottom ul li hr{
  margin-left:97px;
}
.marketplace-top ul li hr{
  margin-left:97px;
}
.marketplace-top ul li:nth-child(1) img{
  margin-left:94px;
}
.marketplace-top ul li:nth-child(2) img{
  margin-left:82px;
}
.marketplace-top ul li:nth-child(3) img{
  margin-left:91px;
}
.marketplace-top ul li:nth-child(4) img{
  margin-left:95px;
}
.marketplace-bottom ul li:nth-child(1) img{
  margin-left:93px;
}
.marketplace-bottom ul li:nth-child(2) img{
  margin-left:95px;
}
.marketplace-bottom ul li:nth-child(3) img{
  margin-left:83px;
}
.marketplace-bottom ul li:nth-child(4) img{
  margin-left:88px;
}
.marketplace h2{
  font-family:khilari;
  font-size:26px;
  color: #222325;
  font-weight:700;
  margin-left:27px;
  padding-bottom:80px;
}
.marketplace{
  margin-top:703px;
  margin-bottom:120px;
}
/* marketplace div ends here */
/* inspiration div starts here */
 .inspiration{
   margin-left:50px;

   position: relative;

 }

 .inspiration .ins1,.ins2,.ins3,.ins4{
   width:280px;
   height:300px;

   float: left;
   margin-right:30px;

   border-radius:5px;
   box-shadow:inset 0 0 5px #dcdcdc;
 }
.inspiration .ins1-top,.ins2-top,.ins3-top,.ins4-top{
  width:280px;
  height:230px;
  overflow: hidden;


}
.inspiration .ins1-top a:hover img{
  opacity: 0.8;

}
.inspiration .ins2-top a:hover img{
  opacity: 0.8;
}
.inspiration .ins3-top a:hover img{
  opacity: 0.8;
}
.inspiration .ins4-top a:hover img{
  opacity: 0.8;
}

.ins1-bottom-left{
  width:25%;

  float: left;

}
.ins1-bottom-right{
  width:75%;

  float: left;

}
.ins2-bottom-left{
  width:25%;

  float: left;

}
.ins2-bottom-right{
  width:75%;

  float: left;

}
.ins3-bottom-left{
  width:25%;

  float: left;

}
.ins3-bottom-right{
  width:75%;

  float: left;

}
.ins4-bottom-left{
  width:25%;

  float: left;

}
.ins4-bottom-right{
  width:75%;

  float: left;

}
.circle1{
  width:40px;
  height:40px;
  border-radius:50%;
  background-color:blue;
  background-image: url(images/c1.jpg);
  background-position: center center;
  -webkit-background-size:cover;
  background-size:cover;
  margin-left:20px;
  margin-top:15px;
}
.circle2{
  width:40px;
  height:40px;
  border-radius:50%;
  background-color:blue;
  background-image: url(images/c2.jpg);
  background-position: center center;
  -webkit-background-size:cover;
  background-size:cover;
  margin-left:20px;
  margin-top:15px;

}
.circle3{
  width:40px;
  height:40px;
  border-radius:50%;
  background-color:blue;
  background-image: url(images/c3.jpg);
  background-position: center center;
  -webkit-background-size:cover;
  background-size:cover;
  margin-left:20px;
  margin-top:15px;

}
.circle4{
  width:40px;
  height:40px;
  border-radius:50%;
  background-color:blue;
  background-image: url(images/c4.jpg);
  background-position: center center;
  -webkit-background-size:cover;
  background-size:cover;
  margin-left:20px;
  margin-top:15px;

}
.inspiration h5{
  font-family:khilari;
  font-size:16px;
  margin-top:15px;
  margin-left:5px;
  color: #3C3D3F;
}
.inspiration h6{
  font-family:khilari;
  font-size:13px;
  font-weight:normal;
  margin-left:5px;
  color: #7A7B7C;
}
.car-right2{
  width:50px;
  height:50px;
  background-color:#fff;
  border-radius:50%;
  position: absolute;
  top:221px;
  right:62px;
  box-shadow:inset 0 0 5px #dcdcdc;
}
.car-right2 i{
  color: #959595;
  text-align: center;
  font-size:25px;
  margin-top:13px;
  margin-left:18px;
}
.inspiration h2{
  font-family:khilari;
  font-size:26px;
  color: #222325;
  font-weight:700;
  margin-left:4px;
  padding-bottom:80px;

}
.car-left2{
  width:50px;
  height:50px;
  background-color:#fff;
  border-radius:50%;
  position: absolute;
  top:221px;
  left:-25px;
  box-shadow:inset 0 0 5px #dcdcdc;
}
.car-left2 i{
  color: #959595;
  text-align: center;
  font-size:25px;
  margin-top:13px;
  margin-left:18px;
}
/* inspiration div ends here */
/* testimonial div starts here */
.testimonial{
  height:404px;
  margin-top:430px;
  margin-left:30px;
  margin-right:30px;

  box-shadow:inset 0 0 5px #dcdcdc;
}
.test-left{
  width:50%;
  float: left;
  position: relative;
}
.test-right{
  width:50%;
  float: left;
  position: relative;
}
.test-right h2{
  font-family:george;
  color:#8A8C90;
  font-weight:400;
  font-size:18px;
  width:70%;
  margin-top:80px;
  line-height:30px;
}
.test-right h6{
  font-family:khilari;
  color: #62646a;
  font-weight:400;
  font-size:16px;
  padding-top:30px;
  padding-bottom:10px;
}
.test-right img{
  width:20%;
}
.car-left3{
  width:50px;
  height:50px;
  background-color:#fff;
  border-radius:50%;
  position: absolute;
  top:171px;
  left:-25px;
  box-shadow:inset 0 0 5px #dcdcdc;
}
.car-left3 i{
  color: #959595;
  text-align: center;
  font-size:25px;
  margin-top:13px;
  margin-left:18px;
}
.car-right3{
  width:50px;
  height:50px;
  background-color:#fff;
  border-radius:50%;
  position: absolute;
  top:171px;
  right:-24px;
  box-shadow:inset 0 0 5px #dcdcdc;
}
.car-right3 i{
  color: #959595;
  text-align: center;
  font-size:25px;
  margin-top:13px;
  margin-left:18px;
}
.testimonial .test-left .fa-play-circle {
  position: absolute;
  left:275px;
  top:157px;
  font-size:60px;
  color:#fff;
}

/* testimonial div ends here */
/* banner div starts here */
.pro{
  height:300px;
  background-image:url(images/pro_banner.jpg);
  background-position: center center;
  margin:100px 30px;
}
.pro-left{
  width:50%;
  float: left;
}
.pro-left-sticker{
  width:50%;
}
.pro-left-sticker .pls1{
  width:50%;
  float: left;
}
.pro-left-sticker .pls1 h6{
  color: #fff;
  margin-top:70px;
  margin-left:80px;
  font-family:khilari;
  font-weight:normal;
  font-size:16px;
}
.pro-left-sticker .pls2{
  width:50%;
  float: left;
}
.pro-left-sticker .pls2 img{
  width:70%;
  margin-top:64px;
  margin-left:-51px;
}
.pro-left h3{
  color: #fff;
  font-family:khilari;
  font-weight:400;
  font-size:28px;
  margin-top:110px;
  margin-left: 80px;
}
.button{
  margin-top:40px;
}
.button a{
  padding:10px 30px;
  color: #029F8B;
  border:2px solid #029F8B;
  margin-top:50px;
  margin-left:80px;
  font-family:khilari;
  border-radius:5px;
  font-size:16px;
}
.button a:hover {
  color: #fff;
  background-color: #029F8B;
}
/* banner div ends here */
/* business div starts here */
.business{
  margin-left:30px;
  padding-bottom:550px;
  padding-top:50px;
}
.business-left{
  width:50%;
  float: left;
}
.business-right{
  width:50%;
  float: left;
}
.business-left h2{
  font-family:khilari;
  font-size:26px;
  color: #222325;
  font-weight:700;

}
.business-left h3{
  font-family:khilari;
  display: block;
  float: left;
  width:95%;
}
.business-left p{
  font-family:khilari;
  font-weight:400;
  color: #62777C;
  width:80%;
  padding:30px 0px;


}
 .business-left i{
   color: #1DBF73;
   width:5%;
   float: left;
}
.business-left .bl1{
 padding-top:20px;
}
.business-left .bl1,.bl2,.bl3{
 margin-top:20px;
}
.business-right{
  position: relative;
}
.business-right img{

  margin-left:-59px;

}
.business-right a i{
  font-size:70px;
  position: absolute;
  top:200px;
  left:258px;
  color: #2F261E;
}
.business-right img{
  margin-top:-20px;
  margin-left:-30px;
  width:90%;
}
/* business div ends here */
/* guide div starts here */
.guides{
  margin-left:50px;
  margin-bottom:400px;


}
.guides h2{
  font-family:anari;
  color: #222325;
  font-weight:normal;
  font-size:25px;
  margin-bottom:30px;
}

.guides .guide1,.guide2,.guide3{
   width:400px;
  float: left;
  margin-right:20px;
}
.guides .guide1-top,.guide2-top,.guide3-top{
width:400px;
overflow: hidden;
border-radius:5px;
}
.guides a h5{
  color:#222325;
  font-family:khilari;
  font-size:18px;
  margin-top:20px;
  margin-bottom:8px;
}
.guides a h6{
  color:#667C93;
  font-family:khilari;
  font-size:15px;
  font-weight:normal;
}
.guides .guide1-top a:hover img{
  opacity:0.8;
}
.guides .guide2-top a:hover img{
  opacity:0.8;
}
.guides .guide3-top a:hover img{
  opacity:0.8;
}
/* guide div ends here */
/* ad div starts here */
.ad{
  height:250px;
  background-image: url(images/footer1.jpg);
  background-repeat:no-repeat;
  margin:100px 30px;
  overflow: hidden;

}
.ad h2{
  font-family:khilari;
  color: #222325;
  text-align: center;
  font-size:27px ;
  margin-top:50px;
}
.ad p{
  font-family:khilari;
  color: #94969B;
  text-align: center;
  font-size:17px ;
  font-weight:400;
  margin-top:20px;
}
.ad a{
  font-family:khilari;
  color: #fff;
  padding:12px 5px;
  background-color: #1DBF73;
  text-align: center;
  display: block;
  margin:auto;
  width:10%;
  border-radius:5px;
  margin-top:30px;
}
.ad a:hover{
  background-color: #19a463;
}
/* ad div ends here */
/* footer-top div starts here */
.footer-top{
  margin:0px 30px;
  border-top:1px solid #E4E5E7;
  height:550px;
  border-bottom:1px solid #E4E5E7;

}
.footer-top .ft1,.ft2,.ft3,.ft4,.ft5{
  width:20%;
  float: left;
  margin-top:70px;
  margin-bottom:70px;
}
.footer-top h4{
  font-family:khilari;
  color: #404145;
  font-size:18px;
  margin-bottom:40px;
}
.footer-top a{
  font-family:khilari;
  color: #7A7D85;
  font-weight:400;
  font-size:16px;
  margin-bottom:20px;
  display: block;
}
.footer-top a span{
  display: block;
  font-size:14px;
  color: #B9BABE;
}
.footer-top a:hover {
  text-decoration:underline;
}
/* footer-top div ends here */
/* footer-bottom starts here */
 .footer-bottom .fb-l{
   width:30%;
   float: left;
   margin-left:30px;
 }
  .footer-bottom .fb-l ul li{
    display: inline-block;
  }
  .footer-bottom .fb-r{
    width:50%;
    float: right;
  }
  .footer-bottom .fb-r ul li{
    display: inline-block;
  }

  .fb-l ul li:nth-child(1) a {
    margin-top:-50px;
    display: block;
  }
  .fb-l ul li:nth-child(2) a{
    font-family:khilari;
    color:#B9BABE;
    font-size:14px;

    margin-left:15px;
    display: block;
  }
    .fb-r ul li a{
      color: #777777;
      font-family:khilari;
      margin-right:10px;
      padding:10px 10px;
      border-radius:50%;
      background-color:transparent;
      display: block;
      text-align: center;
    }
    .fb-r ul{
      margin-top:-33px;
      margin-left:215px;
    }
    .fb-r ul li a i{
      font-size:19px;
    }
    .fb-r ul li:nth-child(6) a{
      background-color:transparent;
      padding:12px 12px;
      border-radius:20px;
      font-size:14px;
    }
    .fb-r ul li:nth-child(7) a{
      background-color:transparent;
      padding:10px 10px;
      border-radius:20px;
      font-size:14px;
    }
    .fb-r ul li:nth-child(6) a i{
      margin-right:5px;
      font-size:14px;
    }
    .fb-r ul li:nth-child(6) a:hover{
      background-color:#f5f5f5;
     }
     .fb-r ul li:nth-child(7) a:hover{
       background-color:#f5f5f5;
      }
      .fb-r ul li:hover a{
         background-color:#f5f5f5;
      }
/* footer-bottom ends here */