.how-it-work-img {
	-webkit-box-shadow: 0 8px 16px -6px black;
	-moz-box-shadow: 0 8px 16px -6px black;
	box-shadow: 0 8px 16px -6px black;
}
.how-it-work-box {
	padding:30px 0px 30px 0px;
}
.how-it-work-title {
	font-family:'KabelITCbyBT-Medium';
	font-size:40px;
	text-align:center;
	color:#2ba2a2
}
.text-cont-how-it-work {
	padding:0px 60px 0px 60px;
}
.banner-inner {
	background-image:url(../images/hou-it-cookfinder.jpg);
}
.tab-button {
	background:#6fd1d2;
	padding:15px;
	cursor:pointer;
	font-size:22px;
	font-family:'KabelITCbyBT-Medium';
	text-align:center;
	color:#064647
}
.tab-hover {
	background:#fff
}
/************/
.how-work-tab-apsolute{
margin-top:-60px;
}

.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
  margin:40px 200px 0px 120px;
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 2px;
  background-color: #eeeeee;
  left: 25px;
  margin-right: -1.5px;
}
.timeline > li {
  margin-bottom:170px;
  position: relative;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-panel {
  width: calc( 100% - 75px );
  float: right;
  
  border-radius: 2px;
  padding: 0px;
  position: relative;
  
}
.timeline > li > .timeline-badge {
  color: #3b3b3b;
  width: 30px;
  height: 30px;
  line-height: 27px;
  font-family:Verdana;

  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 8px;
  left: 12px;
  margin-right: -25px;
  background-color: #f0eeee;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}

.timeline-title{
 font-family:'KabelITCbyBT-Medium';
font-size:21px;
color:#494949
}
.timeline-body{

 font-family:'KabelITCbyBT-Medium';
 color:#787985;
 font-size:18px;
}
.timeline-body p{

margin:40px 0px;
padding:0px 0px;
}
.why-top{
margin-top:100px;
}
 @media( max-width : 800px ) {
 .how-work-tab-apsolute{
margin-top:0px;
}
.timeline > li > .timeline-panel {
    width:100%;
    float: none;
    border-radius: 2px;
    padding: 20px;
    position: relative;
}
.timeline-body p {
   
 
    padding: 0px 0px;
	text-align:justify
}
.why-top{
margin-top:0px;

}

 }