.wrap-box{overflow: hidden;}
h1,.h1,.h2,h2{letter-spacing: 0;}
#banner_box{ position: relative;background:url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/08/02095854/portfolio_diva_search_banner_bg.jpg) no-repeat center center/100% 100% ;position: relative;z-index: 2}

#banner_box .img-box{position: relative; z-index:1;}
#banner_box h1{margin-top: 100px;}
#banner_box h5{color: #fff; font-weight: 500;}
#banner_box .banner-btn .learn-more{ background:#fff; color:#3b3635; }
#banner_box .banner-btn .learn-more:before{background: #cbcbcb;}
#banner_box .banner-btn .contact-us{ background:#ef3d60; color:#fff; }
#banner_box .banner-btn .contact-us:before{background: #e42349;}
#banner_box .banner-btn{ margin: 30px 0 45px; }
#banner_box .fa{color: #ef3d60;}
#banner_box .media-icons{margin-top: 20px;}
#banner_box .media-icons .media-body p{color: #fff;}
#banner_box .img-box .banner-bg-shape{ position: absolute; left: 0; top: 0;  z-index: -1;  }

/* -------------Feature to Match With------------------ */

#more_feature_box{background:url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/08/02095907/portfolio_diva_search_feature_bg.jpg) no-repeat center center/cover; padding: 30px 0 0; z-index: 2;position: relative;}
#more_feature_box .heading-box{ margin-bottom: 50px; position: relative;}
#more_feature_box .heading-box:before{
content: '';
background:url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/08/02095916/portfolio_diva_search_feature_top_icon.png) no-repeat center center/cover;
display: block;width: 67px; height: 67px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: -75px;
}
#more_feature_box .heading-box h3{color: #ef3d60; font-weight: 600;}
#more_feature_box .heading-box h5{color: #fff; }
#more_feature_box .media-heading{color: #ef3d60; font-weight: 600;}
#more_feature_box .media-body p{color: #fff;}
#more_feature_box .media-icons .f-icon{ background: #e23b60; height:80px; width:80px; text-align: center;position: relative;z-index: 9; border-radius: 50%; -webkit-border-radius: 50%; }
#more_feature_box .media-icons .f-icon .fa {color: #fff;font-size: 34px;line-height: 2.3;}
#more_feature_box .img-box {position: relative;}
#more_feature_box .img-box .feature-icon { bottom: 123px;  position: absolute;  right: -230px;}
#more_feature_box .img-box img{position: relative; z-index: 9;}
#more_feature_box .img-box .mobile-bg{
  bottom: 0;
  display: block;
  height: 400px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 400px;
  z-index:1;
}



#screenshot{padding:130px 0 20px; background: url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/08/02104109/diva-screenshot-bg.jpg) repeat top center; position: relative;z-index: 1; overflow: hidden;}
#screenshot:after{position: absolute;content: ''; width: 940px; height: 940px; border:180px solid #ef3d60; border-radius: 100%; top: -440px; right: 0; left: 0; margin:auto; z-index: -1;}

.screenshot-list{ padding: 45px 0 0; margin: 0;}
.screenshot-list li {
  height: 590px;
  margin: 0;
  padding: 0;
  position: relative;
  width: 315px;
 -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s; 
}
.screenshot-list  li img{
  display: inline-block;
  margin: 47px 0 0 27px;
  width: 264px;
}
.screenshot-list li:hover{
  z-index: 1; 
  -webkit-transform: scale(1.1);
  transform: scale(1.1) ;
  background: url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/07/01113618/phone_screenshot_screen.png)no-repeat;
}
.contact-us {
  align-content: center;
  background: rgb(254, 52, 99) none repeat scroll 0 0;
  border-radius: 4px;
  box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.6);
  display: flex;
  flex-wrap: wrap;
  margin:70px 0 -55px;
  padding: 5px 100px 15px;
}
.contact-us .col-sm-3{display: flex; display: -webkit-flex; align-content: center; flex-wrap: wrap;}
.contact-us p{color: #fff;}
.banner-btn .btn {
  background: #fff;
  color: #3b3b3e;
  margin: auto;
}
.banner-btn .btn:before{background: #d5d5d5;}

#screenshot h3{color: #e3446d; font-weight: 600;}
#screenshot h3+h5{color: #fff; margin-bottom: 40px;}
#screenshot .media h5{color: #ee426f; font-weight: 500;}
#screenshot .media p{color: #fff;}
#screenshot .media,
#screenshot .media-left{overflow: visible;}
#screenshot .media .f-icon{width: 65px; height: 65px; border-radius: 100%; border: 8px solid #ee426f; text-align: center; position: relative;}
#screenshot .media .f-icon:after{position: absolute;content: ''; background: url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/08/02104202/diva-feature-item-hvr.png)no-repeat center center; width: 0; height: 0; bottom:39px; left:45px;
transition: all 0.6s; -webkit-transition: all 0.6s;}
#screenshot .media .fa{color: #fff; line-height: 49px;}
#screenshot .media:hover .f-icon:after{width: 27px; height: 29px; left: 43px; bottom: 38px;}
#screenshot .screen01{position: absolute; right: 50px; top: 0; bottom: 0; margin:auto; z-index: 1}


#tech,
#delivery{padding: 15px 0;background: #301765; position: relative; z-index: 3;}
#tech h5,
#delivery h5{color: #1cb4ea;}
#tech .tech-icon {margin: 35px 0 50px;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%;
}
#delivery .h3,#tech .h3{color: #f95546; font-weight: 600;}
#tech .tech-icon::before, #delivery ul::before {bottom: 0;  top: auto;}
#tech li {margin: 0 15px;}
#delivery h4{color: #fff;}
#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: #fff;}
#delivery li:nth-child(2) span {background: #ffc000;}
#delivery li:nth-child(3) span { background: #29cef1;}
#delivery li:nth-child(4) span{background: #4ee751;}

#delivery h5,#tech h5{color: #fff;display: block;  font-size: 22px;  line-height: 28px; position: relative; margin-bottom:45px;}
#delivery h5:after,#tech h5:after{content: ''; background: #fff; height: 3px; display:inline-block; width:70px; position: absolute; right: 0; left: 0; margin: auto; bottom: -17px;}

#delivery span.team-member {color: #fff;display: block;  font-size: 22px;  line-height: 28px;  margin-bottom: 15px;}
#delivery .timeline-box { background: #3c216f ;  padding:25px 25px; position: relative; z-index: 99; margin-bottom: 40px;}

@media all and (max-width: 1400px){
  .screenshot-list li:hover{-webkit-transform: scale(1.06);transform: scale(1.06) ;}
  .screenshot-list li img{margin-top: 45px}
  .heading-box + .col-xs-12.col-sm-6 {padding-top: 85px;}
  #more_feature_box .img-box .mobile-bg{left: -20px;}
}
@media all and (max-width: 992px){
  #banner_box h1{margin-top: 40px;}
  .banner-detail-box{position: relative; z-index: 1}
  #banner_box .img-box figure {left: -35px;position: absolute;width: 414px;z-index: 1;}
  #more_feature_box .media-icons .f-icon{width: 50px; height: 50px;}
  #more_feature_box .media-icons .f-icon .fa{line-height: 50px; font-size: 2em}
  #more_feature_box .img-box .mobile-bg img {width: 345px;}
  .contact-us{padding: 5px 30px 15px}
  #screenshot::after {border-width: 90px; height: 600px;top: -300px;width: 600px; }
  .screenshot-list li img{margin: 0;}
  .screenshot-list li{width: 230px; margin:0 5px; height: auto; margin-bottom: 20px;}
  .screenshot-list li:hover{background: none;}
  #screenshot{padding-top: 75px;}
  #screenshot .screen01{width: 275px; right: 0;}
   #screenshot .screen02{width: 200px;}
   .feature-screens{margin-top: 50px;}
   .heading-box + .col-xs-12.col-sm-6 {padding-top: 45px;}
}

@media all and (max-width: 767px){
  #screenshot:after{display: none;}
  .feature-screens {margin-bottom: 50px;}
  .heading-box + .col-xs-12.col-sm-6 {padding-top: 0;}
}