.wrap-box{overflow: hidden;}
h1,.h1,.h2,h2{letter-spacing: 0;}
#banner_box{ position: relative;padding-bottom: 80px; background: url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/07/28064106/lta-banner-bg.jpg)no-repeat center center/100% 100%;}
#banner_box h1{margin-top: 65px;}
#banner_box h5{color: #fff;}
#banner_box .banner-btn{margin: 35px 0 15px;}
#banner_box .banner-btn .learn_more{color: #3b3635; background: #fff;}
#banner_box .banner-btn .learn_more:before{background: #bdbcbc;}
#banner_box .banner-btn .contact_us{background: #24b4e9; color: #fff;}
#banner_box .banner-btn .contact_us:before{background: #12a0d5;}
#banner_box .media{margin-top: 20px;}
#banner_box .media .f-icon .fa{color: #fff; line-height: 40px;}
#banner_box .media h5{color: #fff; font-weight: 600;}
#banner_box .media p{color: #24b4e9;}

#feature{background: #093253; padding: 0 0 50px;}
#feature .f-android{position: absolute; right:50px; top: 0; bottom: 0; margin: auto;}
#feature h3{color: #21b7fd;}
#feature h3+h5{color: #fff; padding-bottom: 15px; position: relative; margin-bottom: 20px;}
#feature h3+h5:after{position: absolute;content: ''; width: 60px; height: 5px; background: #21b7fd; bottom: 0; left: 0;}
#feature .media h5{color: #24b8fd; font-weight: 600;}
#feature .media .f-icon{width: 50px; height: 50px; border-radius: 100%; background:  #072945; text-align: center; position: relative; z-index: 1;transition: all 0.6s; -webkit-transition: all 0.6s;}
#feature .media .f-icon .fa{position: absolute;content: ''; width: 37px; height: 37px; border-radius: 100%; background: #093253; top: 0;right: 0; bottom: 0; left: 0; margin: auto; z-index: -1;
color: #24b8fd; line-height: 37px; font-size: 1.5em;}
#feature .media .f-icon:before{
  border-left: 25px solid rgba(0, 0, 0, 0);
  border-right: 25px solid rgba(0, 0, 0, 0);
  border-top: 45px solid #072945;
  bottom: -25px;
  content: "";
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  transition: all 0.6s ease 0s;
  width: 15px;
  z-index: -1;
}
#feature .media p{color: #fff;}
#feature .media .media-left,
#feature .media{overflow: visible;}
#feature .media .media-left{position: relative; z-index: 1;}
#feature .media .media-left:after{position: absolute; content: ''; width: 38px; height: 10px; border-radius: 100%; border:1px solid #24b8fd; left: 0; right: 10px; margin: auto;top:65px; opacity: 0;
transition: all 0.6s; -webkit-transition: all 0.6s;z-index: -2;}
#feature .media:hover .f-icon{animation-duration: 1s; animation-iteration-count: 1; animation-name: hvr-icon-wobble-vertical; animation-timing-function: ease-in-out;}
#feature .media:hover .media-left:after{top:70px; opacity: 1;}

#screens {background: url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/07/28064137/lta-imp-feature-bg.jpg)no-repeat center top/cover; padding-bottom: 65px;}
#screens h3,
#Quintessential h3{color: #07bb64; font-weight: 600;}
#screens h5,
#Quintessential h3+h5{color: #fff; font-weight: 500; margin-bottom: 40px;}
#screens figure{position: relative;}
.screen3{position: absolute; left: 100px; top: 0; bottom: 0; margin: auto;}
.screen2{position: absolute;right: 100px; top: 0; bottom: 0; margin: auto;}

#Quintessential{background: #093253;}
#Quintessential .f-box{background:url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/07/28064118/lta-f-box-bg.jpg)no-repeat center center/cover;padding: 20px; border:1px solid #07bb64; border-radius: 4px; position: relative; margin-top: 55px; transition: all 0.6s; -webkit-transition:all 0.6s;}
#Quintessential .col-sm-6:not(:nth-child(3)):not(:nth-child(4)) .f-box{margin-top:30px;}
#Quintessential .f-box h5{color: #07bb64; font-weight: 600; margin:35px 0 25px;}
#Quintessential .f-box p{color: #f2f2f2;}
#Quintessential .fa-box{width: 78px; height: 78px; border-radius: 100%; background: #07bb64; position: absolute; right: 0; margin: auto; left: 0; top: -39px; z-index: 1; text-align: center;}
#Quintessential .fa-box:after{position: absolute;content: ''; width: 61px; height: 61px; border-radius: 100%; background: #093253; right: 0; left: 0; margin: auto; top: 1px; z-index: -1}
#Quintessential .fa{color: #fff; line-height: 61px;}
#Quintessential .f-box:hover{ box-shadow: 0 25px 25px rgba(0,0,0,0.5); -webkit-box-shadow: 0 35px 25px rgba(0,0,0,0.5);}
#Quintessential .col-sm-6:nth-child(4) .f-box{background: #07bb64; display: flex; display: -webkit-flex; align-content: center; flex-wrap: wrap;}
#Quintessential .col-sm-6:nth-child(4) .f-box h5{margin:0; color: #fff; width: 100%;}
#Quintessential .col-sm-6:nth-child(4) .f-box h2{margin:10px 0; width: 100%; font-size: 36px;}
#Quintessential .banner-btn{width: 100%;}
#Quintessential .btn{background: #151718; color: #fff; margin: 20px auto 10px;}
#Quintessential .btn:before{background: #000000}

#tech,
#delivery{background: #093253;  padding-top: 30px;}
#tech h3,
#delivery h3{color: #07bb64; font-weight: 600;}
#tech h4,
#delivery h4{color: #fff; position: relative;}
#tech .tech-icon {margin: 35px 0;padding: 10px 0; position: relative; border-top: 1px solid #087b5c; border-bottom: 1px solid #087b5c;}
#tech .tech-icon li{vertical-align: middle;}

#tech .tech-icon::before, #delivery ul::before {bottom: 0;  top: auto;}
#tech li {margin: 0 15px;}
#delivery{padding-bottom: 40px;}
.del-process-graph{background: #0c385c; min-height: 310px; margin: 30px 0 10px; padding-bottom: 10px; border-radius: 20px;}
#delivery .del-process-graph h5{color: #fff;  margin: 30px 0 20px;}
#delivery .del-process-graph ~ div h5{color: #fff;}

@media all and (max-width: 1400px){
  .screen2{right: 30px;}
  .screen3{left: 30px;}
  #Quintessential .col-sm-6:nth-child(4) .f-box h2{font-size: 30px; }
  #Quintessential .fa-box{height: 68px; width: 68px;}
  #Quintessential .fa-box::after{height: 51px; width: 51px;}
  #Quintessential .fa-box .fa{line-height: 51px;}
  #Quintessential .col-sm-6:not(:nth-child(3)):not(:nth-child(4)) .f-box {margin-top: 15px;}
 .del-process-graph{min-height: 240px;}
 #delivery .del-process-graph h5{margin: 35px 0;}
  #tech li {margin: 0 5px; padding: 0;}
  #tech .tech-icon{margin-bottom: 0;}
  #Quintessential .f-box:hover {box-shadow: 0 20px 20px rgba(0, 0, 0, 0.5);}
}

@media all and (max-width: 992px){
  #banner_box{background-size:cover;}
   .screen2{right: 0px; width: 225px;}
  .screen3{left: 0px; width: 225px;}
  #screens .center-block{width: 300px;}
	#delivery{padding-top: 0;}
  #tech li{margin: 5px;}
	.del-process-graph{margin-top: 0; min-height: 230px;}

}
@media all and (max-width: 767px){
  #Quintessential .col-sm-6:nth-child(4) .f-box h2 {font-size: 28px;}
  #Quintessential .col-sm-6:not(:nth-child(3)):not(:nth-child(4)) .f-box {margin-top: 55px;}
  #tech li {margin: 5px 0;}
	.dg-wrapper{width: 285px; height: 485px;}
	.dg-wrapper div{width: 219px; padding: 39px 0 0;}
}