.wrap-box{overflow: hidden;}
#banner_box {background: url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/05/30071117/feastbeast_banner_bg.jpg)no-repeat center bottom/cover; position: relative;}
#banner_box h1{font-weight: 600; letter-spacing: 0; margin-top: 142px;}
#banner_box h5{color: #fff;}
#banner_box .banner-btn{margin:25px 0 55px;}
#banner_box .banner-btn .learn_more{color: #525151;}
#banner_box .banner-btn .learn_more:before{background:#c7c2c2;}
#banner_box .banner-btn .contact_us{background: #fd8d0e;}
#banner_box .banner-btn .contact_us:before{background: #ea820c; }
#banner_box .media {margin: 0 0 175px;}
#banner_box .media h5{color: #fd8d0e; font-weight: 600;}
#banner_box .media span{background: #fff;}
#banner_box .media span:after{box-shadow: 0 0 0 3px #fff;}
#banner_box .media .fa{color: #fd8d0e;}
#banner_box .media p{color: #fff;}
.top-tray{position: absolute; top: 0; right: 0;}
.mobile-tray-box{position: relative;z-index: 1;}
.mobile-tray{position: absolute;z-index: -1; right: -35px;}
#banner_box figure:not(.top-tray) img{width:280px;}
.tomato{position: absolute; right: 0; bottom: 0;}
.top-tray img { width: 430px;}

#flavours h5,
#screenshot h5{color: #ef4836; font-weight: 500; margin: 0;text-indent: 150px;}
#flavours h3,
#screenshot h3{color: #151515; font-weight: 600; margin: 0 0 50px; text-indent: 80px; position: relative;}
#flavours h3:after,
#feature h3:after,
#screenshot h3:after{position: absolute;content: ''; background: url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/05/30071140/feastbeast_heading_bg.png) no-repeat 80px center; bottom: -25px; width: 100%; height:22px; left: 0;}
#flavours .media p{border-bottom: 1px solid #aeacac; padding-bottom: 20px;}
#flavours .media:last-child p{border: none; padding: 0;}
#flavours .media p{color: #595959;}
#flavours .media h5{color: #424342; font-weight: 500; text-indent: 0;}
#flavours .media:hover h5{color: #ef4836;}
#flavours .media:hover p{color: #010101;}
#flavours .media,
#flavours .media-left{overflow: visible;}
#flavours .media span{ width: 64px; height: 64px; border-radius: 100%; display: block; text-align: center; background:#1f1f1f; 
 transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  position: relative;
  overflow: hidden;
  z-index: 1;
  }
#flavours .media span:after{position: absolute;content: '';background: url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/05/30071141/feastbeast_media_pizza_icon.png)no-repeat center center; width: 34px; height: 30px; z-index: -2; right: -10px;top: -10px;
	transition: transform 2s linear;
  -webkit-animation: spin1 2s infinite linear;
-moz-animation: spin1 2s infinite linear;
-o-animation: spin1 2s infinite linear;
-ms-animation: spin1 2s infinite linear;
animation: spin1 2s infinite linear;
}
@-webkit-keyframes spin1 {
	0% { -webkit-transform: rotate(0deg);}
	50% { -webkit-transform: rotate(45deg);}
	100% { -webkit-transform: rotate(0deg);}
}
@-moz-keyframes spin1 {
	0% { -moz-transform: rotate(0deg);}
	50% { -moz-transform: rotate(45deg);}
	100% { -moz-transform: rotate(0deg);}
}
@-o-keyframes spin1 {
	0% { -o-transform: rotate(0deg);}
	50% { -o-transform: rotate(45deg);}
	100% { -o-transform: rotate(0deg);}
}
@-ms-keyframes spin1 {
	0% { -ms-transform: rotate(0deg);}
	50% { -ms-transform: rotate(45deg);}
	100% { -ms-transform: rotate(0deg);}
}
@-keyframes spin1 {
	0% { transform: rotate(0deg);}
	50% { transform: rotate(45deg);}
	100% { transform: rotate(0deg);}
} 

#flavours .media span:before{width: 50px; height: 50px; background: #000000; border-radius: 100%; position: absolute;content: ''; top: 7px; left: 7px; z-index: -1; 
transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
}
#flavours .media:nth-child(2) span:after{top: auto; right: auto; left: -5px; bottom: 15px; }
#flavours .media:nth-child(3) span:after{top: auto; right: -8px; left: auto; bottom: 0;}
#flavours .media span .fa{line-height: 64px; color: #fff;}
#flavours .media:hover span{background: #f05342;}
#flavours .media:hover span:after{
	 -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
     animation-play-state: paused;
}
#flavours .media:hover span:before{background: #ef4836;}
#flavours .media:hover .fa,
#feature .f-box:hover span .fa{animation-duration: 1s;
	animation-iteration-count: 1;
	animation-name: hvr-icon-wobble-vertical;
	animation-timing-function: ease-in-out;
}

#flavours .mobile-screen{position: relative;}
.brocoli{position: absolute; right: 10px; top: 0; margin: auto; bottom: 0;}
.chily{position: absolute; top: 45px;}




#screenshot{position: relative; padding: 0 0 35px;}
#screenshot .half-tray{position: absolute; top: 110px; left: 0;}
#screenshot h3,
#screenshot h5{text-indent: 0;}
#screenshot h3:after{background-position: center center;}
#screenshot .screenshot-box{margin:40px 0 	20px;}
#screenshot .screenshot-box figure img:first-child{position: absolute; right: 0; left: 0; margin: auto; top: 0; bottom: 0; width: 370px;}
#screenshot .screenshot-box .screenshot2{position: absolute; right: 8%;top: 0; bottom: 0; margin: auto;}
#screenshot .screenshot-box .screenshot3{position: absolute; left: 8%; top: 0; bottom: 0; margin: auto;}

#feature{padding: 55px 0 80px; background: url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/05/30071137/feastbeast_feature_bg.jpg) no-repeat center bottom/cover;}
#feature h5{color: #fff; margin: 0; font-weight: 500;}
#feature h3{color: #fff; font-weight: 600; position: relative; margin: 0;}
#feature h3:after{background-position: center center;}
#feature .feature-box {margin-top: 65px;}
#feature .feature-box .col-md-4 {padding: 3px;}
#feature .feature-box .col-md-4 .f-box{background: rgba(0, 0, 0,0.7); border-radius: 5px;min-height: 320px;padding: 40px 15px;position: relative;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
}
#feature .feature-box .col-md-4 .f-box h5{margin: 15px 0; width: 100%}
#feature .feature-box .col-md-4 .f-box p{color: #fff;}
#feature .f-box span {
  border: 13px solid #5f5f5f;
  border-radius: 50%;
  display: block;
  height: 80px;
  position: relative;
  width: 80px;
  z-index: 1;
  margin: 0 auto;
}
#feature .f-box span::after {
  background: none;
  border: 13px solid #ef4836;
  border-radius: 50%;
  box-sizing: content-box;
  content: "";
  height: 100%;
  left: -13px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: -13px;
  transform: scale(1.3);
  transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
  width: 100%;
  z-index: -1;
}
#feature .f-box:hover span::after {
  opacity: 1;
  transform: scale(1);
}
#feature .f-box p{width:100%;}
#feature .f-box span .fa{line-height: 54px; color: #fff;}
#feature .f-box:hover h5{color: #ef4836;}
#feature .full-box{background: rgba(0, 0, 0,0.7); border-radius: 5px;padding:30px 3px 20px; }
#feature .full-box h4{color: #f94f3d; margin: 0;}
#feature .full-box .col-sm-8{padding-left: 80px;display: flex; flex-wrap: wrap; align-content: center;}
#feature .full-box p{color: #fff;}
#feature .full-box a{color: #302f30;margin: 0 auto; display: block;}
#feature .full-box a:before{background:#ef4836; }
#feature .full-box .col-sm-4{display: flex; flex-wrap: wrap; align-content: center; min-height: 60px;}

#tech{background: #0f0f0f; padding-top: 50px;}





#tech h3,
#delivery h3{ letter-spacing: 0;color: #ef4836; font-weight: 600; margin: 0; margin-bottom: 50px; position: relative;}
#tech h3:after,
#delivery h3:after{position: absolute;content: ''; background:url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/05/30071140/feastbeast_heading_bg.png) no-repeat center center; width: 100%; height: 22px; bottom: -30px; left: 0;}
#tech h5,
#delivery h5{ color: #fff; font-weight: 500; margin: 0;}
#tech .tech-icon{margin: 35px 0 50px; padding: 25px 0; position: relative; }
#tech .tech-icon:after,
#tech .tech-icon:before{position: absolute; content: ''; background: url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/05/30071158/feastbeast_tech_border.png) no-repeat center center; width: 100%; height: 2px; top: 0; left: 0;}
#tech .tech-icon:before{top: auto; bottom: 0;}

#tech li{margin: 0 15px;}



#delivery{padding-bottom: 40px; background: #0f0f0f;}
#delivery h4{color: #fff; margin: 40px 0 13px;}
#delivery ul{padding: 10px 0; margin: 0 0 25px; position: relative;}
#delivery ul:before,
#delivery ul:after{position: absolute; content: ''; background: url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/05/30071133/feastbeast_del_process_border.png) no-repeat center center; width: 100%; height: 2px; top: 0; left: 0;}
#delivery ul:before{top: auto; bottom: 0;}
#delivery li{font-size: 16px; line-height: 18px; color: #fff; padding-right: 55px;}
#delivery li span{ width: 15px; height: 15px; display: inline-block;margin-right: 10px;}

#delivery li:nth-child(1) span{ background: #fff;}
#delivery li:nth-child(2) span{ background: #e6b41c;}
#delivery li:nth-child(3) span{ background: #29cef1;}
#delivery li:nth-child(4) span{ background: #4ee751;}

#dream_app{padding:0 0 150px; position: relative;}
#dream_app .col-xs-12{padding-top:200px;}
#dream_app h2{font-weight: normal}
#dream_app h5{color: #28a5f4; margin: 0;}
.uffo{position: absolute; top: 0; right: 0; left: 0; margin: auto;}
.btn-box a{display: inline-block; margin: 0 1% 0 0;}

#contact{background: #ef4836; padding: 65px 0 55px;}
#contact p{color: #1d1c1c;}
#contact .btn{color: #302f30; margin-top: 25px;}
#contact .btn:before{background: #e5e7e8;}

@media all and (max-width: 1400px){
	#tech li {margin: 0 10px;}
}

@media all and (max-width: 992px){
	.tomato{width: 180px;}
	#banner_box figure:not(.top-tray) img {width: 195px;}
	.mobile-tray{right: -30px;}
	.top-tray img {width: 251px;}
	#banner_box h1{margin-top: 65px;}
	#banner_box .media {margin: 0 0 110px;}
	#banner_box .banner-btn {margin: 20px 0;}

	.brocoli{width: 100px;}
	.chily+img{width: 250px;}
	.chily{left: 0;}
	#screenshot .screenshot-box figure img:first-child{width: 270px;}
	#screenshot .screenshot-box .screenshot2{width: 200px; right: 5%;}
	#screenshot .screenshot-box .screenshot3{width: 200px; left: 5%;}
	#screenshot .screenshot-box .screenshot1 {width: 220px;}
	.half-tray img {width: 125px;}
}

@media all and (max-width: 767px){
	#banner_box h1 {margin-top: 30px;}
	#banner_box .media{margin:0 0 20px;}
	#flavours{padding: 30px;}
	#flavours h5,#flavours h3{text-indent: 0; text-align: center;}
	#flavours .media h5{text-align: left;}
	#flavours h3::after{background-position: center center; left: 0;}
	#feature .full-box .col-sm-8{padding-left: 15px;}
}