.wrap-box{overflow: hidden;}
h1,.h1,.h2,h2{letter-spacing: 0;}
#banner_box{background: url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/06/17065309/pyramid_banner_bg.jpg) no-repeat center bottom/cover; min-height: 825px; overflow: hidden;}
.mobile-banner .vertical-phone{position: absolute; right: 0; left: 0; bottom:-100px; margin:auto; z-index: 1}
.mobile-banner .pyramid{position: absolute; right: -25px;  bottom:-155px; margin:auto; z-index: 2}
#banner_box h1{color: #276970;}
#banner_box h5{color: #1a555b;}
#banner_box .banner-btn{margin: 30px 0;}
#banner_box .banner-btn .learn_more{color: #525151;}
#banner_box .banner-btn .learn_more:before{background: #e9e9e9;}
#banner_box .banner-btn .contact_us{background: #b24b2c; color: #fff;}
#banner_box .banner-btn .contact_us:before{background: #a03819;}
#banner_box .media{background: #de833d; border-radius: 10px; width: auto; padding: 10px 20px; margin:0 0 10px;}
#banner_box .media h5{color: #212120; font-weight: 600;}
#banner_box .media .fa{color: #212120;}
#banner_box .media p{color: #fff; margin-bottom: 0;}
#banner_box .media-body{width: auto;}
#banner_box .media{width: auto; float: left;}

#pyramidFeature {background:url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/06/17065315/pyramid_feature_man_icon.png)no-repeat right bottom/10%, url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/06/17065313/pyramid_feature_bg.jpg) no-repeat center center/cover; border-bottom: 9px solid #674901; padding-bottom: 80px;}
#pyramidFeature h3 {color: #e1b05a;}
#pyramidFeature h5{color: #fff6e7;}

.border{position: relative; display: inline-block; margin-bottom: 45px;}
.diamond-shape{width: 15px; height: 15px; transform:rotate(45deg);  -webkit-transform:rotate(45deg); background: #e1b05a; display: inline-block; float: left; }
.border:after,
.border:before{position: absolute;content: ''; width: 150px; height: 2px; background: #e1b05a; top: 0; bottom: 0; margin: auto; left: -160px;}
.border:after{left: auto; right: -160px;}

#pyramidFeature .media,
#pyramidFeature .media-left,
#moreFeature .media,
#moreFeature .media-left{overflow: visible;}
#pyramidFeature .media h5{color: #e1b05a;}
#pyramidFeature .media p{color: #ddd8da;}
#pyramidFeature .media .fa{color: #edbb63;}
#pyramidFeature .media:hover .fa,
#moreFeature .media:hover .fa{animation-duration: 1s; animation-iteration-count: 1; animation-name: hvr-icon-wobble-vertical; animation-timing-function: ease-in-out;}

#integralFeature{background: url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/06/17065338/pyramid_reverse_mountain.png)no-repeat center top/contain, url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/06/17065336/pyramid_mountain.png)no-repeat center bottom/contain, #a2d0e1; padding:150px 0 180px;}
#integralFeature h3,
#integralFeature h5{color: #0a5d7c;}
#integralFeature .diamond-shape,
#integralFeature .border:after,
#integralFeature .border:before{background: #0a5d7c;}
.screen-box{position: relative; z-index: 1;}
.left-screen,
.right-screen{position: absolute; right: 0; top: 0; bottom: 0; margin: auto;z-index: -1;}
.left-screen{left: 0; right: auto;}

#moreFeature{background:url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/06/17065329/pyramid_more_feature_bg.jpg)no-repeat center bottom/contain, #f2cf7c; padding-bottom: 100px;}
#moreFeature h3,
#moreFeature h5{color: #8d411f;}
#moreFeature .diamond-shape,
#moreFeature .border:after,
#moreFeature .border:before{background: #8d411f;}
#moreFeature .media h5{color: #8d411f;}
#moreFeature .media p{color: #372a0b;}
#moreFeature .icon{width: 65px; height: 65px; border-radius: 100%; background: #8d411f; text-align: center; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s;}
#moreFeature .icon .fa{line-height: 65px; color: #f2cf7c;}
#moreFeature .media:hover .icon{box-shadow: 0 0 0 6px #ca7647;}
#moreFeature .media:first-child{margin-top: 70px;}
#moreFeature .feature-screen{position: absolute; right: 0; left: 0; bottom: 0; top: 0; margin: auto; z-index: -1;}

#tech,
#delivery{background: #321d06; position: relative; z-index: 2; padding-top: 30px;}
#tech h3,
#delivery h3{color: #fbb040; font-weight: 500;}
#tech h5,
#delivery h5{color: #fff;}
#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%;
}
#tech .diamond-shape,
#tech .border:after,
#tech .border:before,
#delivery .diamond-shape,
#delivery .border:after,
#delivery .border:before{background: #fbb040;}
#tech .tech-icon::before, #delivery ul::before {bottom: 0;  top: auto;}
#tech li {margin: 0 15px;}
#tech .border,
#delivery .border{margin-bottom: 20px;}
#delivery{padding-bottom: 40px;}
#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;}

#contact {background: #e1b05a;  padding: 35px 0 45px;}
#contact h3{color: #322e2e; font-weight: 600;}
#contact h4{color: #1d1c1c;}
#contact .btn{margin-top: 20px;}
#contact .btn{color: #fff; background: #303440;}
#contact .btn:before{background: #40424a;}

@media all and (max-width: 992px){
	.mobile-banner{margin-top: 80px;}
	.mobile-banner img.img-responsive.center-block{width: 230px;}
	.mobile-banner .pyramid{width: 200px;}
	#pyramidFeature img{margin-top: 80px;}
	#integralFeature{padding: 85px 0 100px;}
	.left-screen, .right-screen{width: 300px;}
	.main-screen{width: 375px;}
	#moreFeature{padding-bottom: 50px;}
}
@media all and (max-width: 767px){
	#banner_box{min-height: inherit; padding-bottom: 70px;}
}