.wrap-box{overflow: hidden;}
#banner_box{background: url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/06/07123102/dot_link_banner_bg.jpg)no-repeat center bottom/cover; position: relative; overflow: hidden;}
#banner_box h5{color: #fff;}
#banner_box .banner-btn {margin:30px 0 40px;}
#banner_box .banner-btn .learn_more{color: #525151;}
#banner_box .banner-btn .learn_more:before{background: #e1e1e1;}
#banner_box .banner-btn .contact_us{background: #f07124;}
#banner_box .banner-btn .contact_us:before{background: #d25f19;}

#features{background: #322d2f; padding: 20px 0 30px; position: relative; }
#features .title-box:after{position: absolute;content: ''; background: url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/06/07123115/dot_link_feature_heading_bg.png)no-repeat center bottom; width: 100%; height: 130px; top: -20px; left: 0; right: 0; margin: auto; z-index: -1;}
/*#features:before{position: absolute;content: ''; width: 708px; height: 723px; background: url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/06/07123114/dot_link_feature_graph.png)no-repeat center center/contain; left: 10%; bottom: 2%; margin: auto;}*/
#features h5{color: #fff; margin-bottom: 30px;}
#features h5 span{color: #f07124;}
#features  .icon-flip{ perspective: 160px;
    position: relative;
    transform-style: preserve-3d; width: 164px; margin: 0 auto 30px;}
#features .icon-flip .fa{color: #fff; width: 80px; height: 80px; background: #f07124; line-height: 80px; transform:translateX(4px) translateZ(-0px) rotateY(-25deg);
-webkit-transform:translateX(4px) translateZ(-0px) rotateY(-25deg); -moz-transform:translateX(4px) translateZ(-0px) rotateY(-25deg); -ms-transform:translateX(4px) translateZ(-0px) rotateY(-25deg);-0-transform:translateX(4px) translateZ(-0px) rotateY(-25deg);}
#features .icon-flip .fa:last-child{transform:translateX(-4px) translateZ(0px) rotateY(25deg); -webkit-transform:translateX(-4px) translateZ(0px) rotateY(25deg); -ms-transform:translateX(-4px) translateZ(0px) rotateY(25deg);
-o-transform:translateX(-4px) translateZ(0px) rotateY(25deg);}
#features h3{color: #fff;}
#features h3 span{color: #f07124;}
#features h3+h5{color: #c0c0c0; padding: 0 0 20px; margin-bottom: 40px; position: relative;}
#features h3+h5:after{position: absolute;content: ''; width: 65px; height: 5px; background: #f07124; left: 0; bottom: 0;}
#features .media h5{margin-bottom:10px;}
#features .media p{color: #c0c0c0;}
#features .media .icon{width: 50px; height: 50px; border-radius: 100%; background: #fff; text-align: center;}
#features .media .fa{color: #f07124; line-height: 50px;}
#features .media,
#features .media-left,
#techUsed .media-right,
#techUsed .media{position: relative; overflow: visible; z-index: 1;}
#features .media-left::after {
  border-left: 1px dashed #fff;
  content: "";
  height: 100%;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 10px;
  top: 30px;
  width: 1px;
  z-index: -1;
}
#features div{position: relative;z-index: 2;}
#features .media:last-child .media-left:after{display: none;}
#features .media:hover h5{color:#f07124;}
#features .media:hover .icon{background:#f07124;}
#features .media:hover .fa{color: #fff;}
#features span.featureSubHeading{font-weight: 400; color:#f07124;}

#screenshot{background: #322d2f; padding-bottom: 45px; position: relative; z-index: 1;}
#screenshot:after,
#screenshot:before{position: absolute;content: ''; width: 100%; height: 100%; background: url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/06/07123124/dot_link_map.png)no-repeat center center/contain; right: 0; left:0; top: 0; bottom: 0; margin: auto;z-index: -1;}
#screenshot:before{ height:301px ; background: url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/06/07123122/dot_link_graph_conect.png)no-repeat center bottom/contain; top: -300px; bottom: auto; left: -40px;}
#screenshot h3{color: #fff;}
#screenshot h5{color: #f07124; margin: 10px 0 30px;}


/*ScreenShot slider css*/
.dg-wrapper{
  height: 560px;
  width: 275px;
  margin: 0 auto;
  position: relative;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -o-perspective: 1000px;
  -ms-perspective: 1000px;
  perspective: 1000px;
  background: url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/06/07123141/dot_link_screenshot_mobile.png)no-repeat center center/contain;
}
.dg-wrapper div{
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 256px;
  height: 545px;
  
}
.dg-wrapper div img{padding:74px 0 0 22px}
.dg-wrapper div.dg-transition{
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.dg-container nav span{
  display: inline-block;
  cursor:pointer;
  width: 40px;
  height: 40px;
  opacity: 0.8;
  border-radius: 100%; background: #f07124;
  margin-top: 20px;
}
.dg-container nav span .fa{line-height: 40px; color: #fff; font-weight: 700;}
.dg-container nav span.dg-next{margin-left: 10px;}
.dg-container nav span:hover{background: #c95914;}

/*End ScreenShot slider css*/

#techUsed{background: #f07124; padding: 45px 0; position: relative; z-index: 1;}
#techUsed:after{position: absolute;content: ''; background: url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/06/07123106/dot_link_bullet_map.png)no-repeat center center/contain; width: 317px; margin: auto; height: 149px; bottom: -72px; left: 0; right: -15%; z-index: -1}
#techUsed h3{color: #fff;}
#techUsed h5{color: #0e1217; margin-bottom: 25px;}
#techUsed .icon{width: 58px; height: 58px; border-radius: 100%; background: #fff; text-align: center; border: 6px solid #fff;}
#techUsed .fa{color: #f07124; line-height: 46px;}
#techUsed .media h5{margin-bottom: 10px; font-weight: 600; color: #fff;}
#techUsed .media-icons{padding-top: 50px;}
#techUsed .media p{color: #0e1217;}
#techUsed .media:hover .icon{background: #141414;}
#techUsed .media:hover .fa{color: #fff;}
.graphmob:after{position: absolute;content: '';width: 100%; height: 100%; background:url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/06/07123114/dot_link_feature_graph.png)no-repeat center center/contain; top: 0; z-index: -1; left: 0;}
#techUsed .media-right::after {
  border-left: 2px solid #141414;
  content: "";
  height: 100%;
  left: 10px;
  margin: 0 auto;
  position: absolute;
  right: 0px;
  top: 30px;
  width: 1px;
  z-index: -1;
}
#techUsed .media:last-child .media-right:after{display: none;}




#tech{padding-top: 55px;background: #322d2f;}
#tech h5,
#delivery h5{color: #858082;}
#tech h3,
#delivery h3{color: #f07124; position: relative;}
#tech .tech-icon {margin: 35px 0 105px;padding: 25px 0; position: relative;}
#tech .tech-icon::after, 
#tech .tech-icon::before,
 #delivery ul::before ,
  #delivery ul:after{background: rgba(0, 0, 0, 0) url("https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/05/30071158/feastbeast_tech_border.png") no-repeat scroll center center;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#tech .tech-icon::before, #delivery ul::before {bottom: 0;  top: auto;}
#tech li {margin: 0 15px;}

#delivery{background: #322d2f; padding-bottom: 40px;}
#delivery h3:after{position: absolute;content: ''; background: url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/06/07123108/dot_link_bullet_map1.png)no-repeat center center/contain; right: 0; left: 0; margin: auto; top: -125px; width: 100%; height: 125px;}
#delivery h4{color: #fff; margin: 40px 0 15px;}
#delivery ul {margin: 0 0 25px;padding: 10px 0; position: relative;}
#delivery li {color: rgb(255, 255, 255);font-size: 16px; line-height: 18px;padding-right: 55px;}
#delivery li span {display: inline-block;height: 15px; margin-right: 10px; width: 15px;}
#delivery li:nth-child(1) span {background: #ff1e6d;}
#delivery li:nth-child(2) span {background: #ffc000;}
#delivery li:nth-child(3) span { background: #29cef1;}
#delivery li:nth-child(4) span{background: #4ee751;}

#contact {background: #f07124;  padding: 55px 0 45px;}
#contact p{color: #1d1c1c; font-weight: 600;}
#contact .btn{margin-top: 20px;}
#contact .btn{color: #302f30;}
#contact .btn:before{background: #e4e4e4;}

@media all and (max-width: 1400px){
  
}
@media all and (max-width: 992px){
  #features .title-box::after{background-size: contain; top: -40px;}
  #techUsed .media-icons{padding-top: 0;}
}
@media all and (max-width: 767px){
  #screenshot::before,
  #techUsed::after{display: none;}
  #delivery h3::after{height: 70px; top: -70px;}
  #tech .tech-icon{margin-bottom: 50px;}
  #contact{padding: 15px 0 25px}
  #tech,#techUsed{padding-top: 25px;}
}
@media all and (max-width: 479px){
  #features .title-box::after{display: none;}
}