.wrap-box{background: url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/05/25064736/dreamshare_main_bg.jpg) no-repeat center top/cover; overflow: hidden;}
#banner_box h1{background: url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/05/25064732/dreamshare_logo.png) no-repeat left center; padding:20px 0 20px 85px; margin: 115px 0 15px;}
#banner_box h5{color: #28a5f4; margin: 0;}
#banner_box .banner-btn{margin: 40px 0;}
#banner_box .banner-btn .learn_more{color: #525151;}
#banner_box .banner-btn .learn_more:before{background:#c7c2c2;}
#banner_box .banner-btn .contact_us{background: #1e9eee;}
#banner_box .banner-btn .contact_us:before{background: #0b7cc3; }
#banner_box .media h5{color: #46b2f6; font-size: 18px; margin:0;}
#banner_box .media p{font-size: 16px; color: #fff;}

#key_feature{padding: 75px 0 40px;}
#key_feature h2{font-weight: normal; position: relative; margin: 0 0 15px; letter-spacing: 0;}
#key_feature h2:before{background: url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/05/25064731/dreamshare_key_heading_bg.png) no-repeat center center; position: absolute; content: ''; height:71px; width:71px; top: -71px; left: 0; right: 0; margin: auto;}
#key_feature h5{margin: 0 0 60px; /*color: #26b7fa;*/ color: #fff;}
.feature-box{min-height: 421px; position: relative;}
.feature-box .col-sm-4{padding: 0; position: relative;min-height: 318px; }
.feature-box .col-sm-4 .f-box{
	position: absolute;
	top: 0;
	background: #30a8f5; 
	min-height: 318px; 
	width: 100%;
	transition: top 0.6s; 
	-webkit-transition: top 0.6s; 
	-moz-transition: top 0.6s; 
	-ms-transition: top 0.6s;
	align-content: center;
  	display: flex;
  	flex-wrap: wrap;
  	padding: 0 15px;
}
.feature-box .col-sm-4 .f-box:after{background:url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/05/25064723/dreamshare_feature_box_bg.png) no-repeat 0 -4px/cover; position: absolute; content: ''; width: 100%; height: 41px; bottom: -41px; left: 0;}
.feature-box .col-sm-4 .f-box:before{ position: absolute; content: ''; width: 0; height: 0; border-left: 35px solid transparent; border-right: 35px solid transparent; border-top: 35px solid #011936;
	top: 0; left: 0; right: 0; margin: auto;
}
.feature-box .col-sm-4 .f-box:hover{top: 25px; background: #1f92da; box-shadow: inset 25px 0px 25px -25px #0b6eac, inset -25px 0px 25px -25px #0b6eac;}
.feature-box .col-sm-4 .f-box:hover:after{background-position: 0 -50px;}
#key_feature  .feature-box .col-sm-4 .f-box h5{color: #011936; font-weight: 600; margin: 0 0 15px; width: 100%;}
.feature-box .col-sm-4 .f-box p{color: #fff;}
.feature-box .col-sm-4 .f-box span{width: 126px; height: 126px; border-radius: 100%; display: inline-block; border:10px solid #30a9f5; background: #011936 url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/05/25064725/dreamshare_feature_icon.png) no-repeat 15px 30px; 
	position: absolute; left: 0; right: 0; bottom: -75px; margin: auto; z-index: 1;}
.feature-box .col-sm-4:nth-child(2) .f-box span{background-position: -99px 30px;}
.feature-box .col-sm-4:nth-child(3) .f-box span{background-position: -223px 30px;}
.feature-box .col-sm-4 .f-box:hover span{border-color: #1f92da}

#more_features{padding: 60px 0;}
#more_features h2{font-weight: normal; letter-spacing: 0; font-size: 35px;}
#more_features h5{color: #fff; margin: 0 0 50px;}
#more_features .media h5{color: #2babfb; margin: 0;}
#more_features .media p{color: #fff;}
#more_features .media-left,
#more_features .media{overflow: visible;}
#more_features .media:hover img{
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-name: hvr-icon-wobble-vertical;
	animation-timing-function: ease-in-out;
}

#tech h2,
#delivery h2{ letter-spacing: 0; font-weight: normal; }
#tech h5,
#delivery h5{ color: #26a8fa; }
#tech .tech-icon{margin: 35px 0 60px; padding: 25px 0; position: relative;}
#tech .tech-icon:after,
#tech .tech-icon:before,
#delivery ul:after,
#delivery ul:before{position: absolute; content: ''; background: url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/05/25064749/dreamshare_tech_bdr.png) no-repeat center center; width: 100%; height: 2px; top: 0; left: 0;}
#tech .tech-icon:before,
#delivery ul:before{top: auto; bottom: 0;}

#tech li{margin: 0 15px;}


#delivery{padding-bottom: 40px;}
#delivery h4{color: #fff; margin: 40px 0 13px;}
#delivery ul{padding: 10px 0; margin: 0 0 25px; position: relative;}
#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: #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;}

#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: url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/05/25064720/dreamshare_contact_bg.png) repeat; padding: 80px 0 65px;}
#contact p{color: #28a5f4;}
#contact .btn{color: #302f30; margin-top: 25px;}
#contact .btn:before{background: #b9b6b9;}

@media all and (max-width: 1400px){
	.feature-box .col-sm-4 .f-box::after{height: 38px; bottom: -38px; background-position: 0 0;}
	.feature-box .col-sm-4 .f-box:hover::after {background-position: 0 -41px;}
	#more_features {padding: 15px 0;}
	#dream_app {padding: 0 0 95px;}
	#contact{padding: 35px 0;}
}

@media all and (max-width: 992px){
	#more_features h2{font-size: 30px;}
	.feature-box .col-sm-4 .f-box::after {bottom: -28px; height: 28px;}
	.feature-box .col-sm-4 .f-box:hover::after {background-position: 0 -30px;}
	.feature-box .col-sm-4 .f-box span {
	  background-position:6px 20px;
	  border: 6px solid rgb(48, 169, 245);
	  height: 100px;
	  width: 100px;
	}
	.feature-box .col-sm-4:nth-child(2) .f-box span {background-position: -108px 25px;}
	.feature-box .col-sm-4:nth-child(3) .f-box span {background-position: -232px 20px;}
}

@media all and (max-width: 767px){
	#banner_box h1{margin-top: 15px;}
	.feature-box .col-sm-4{margin-bottom: 80px;}
	.feature-box .col-sm-4 .f-box:hover{top: 0; box-shadow: none; background: #30a8f5;}
	.feature-box .col-sm-4 .f-box:hover:after{background-position: 0 0px;}
	.feature-box .col-sm-4 .f-box:hover span{border-color: #30a9f5 }
	#more_features h2{font-size: 24px; line-height: 28px;}
	#tech .tech-icon{margin: 25px 0 15px}
	#dream_app .col-xs-12 {padding-top: 115px;}
	.btn-box a{width: 140px;}
	#dream_app {padding: 0 0 45px;}
	#contact {padding: 15px 0 25px;}
	#delivery li{padding-right: 15px;}
}