/*
  Project Name : Dream Rastaurant
  Author : LogicsForest
  Project Date: 01 June, 2016
  Author Email : logicsforest@gmail.com
*/


/*FONTS */
@font-face {
	font-family: 'robotobold';
	src: url('../fonts/roboto-bold-webfont.eot');
	src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/roboto-bold-webfont.woff2') format('woff2'),  url('../fonts/roboto-bold-webfont.woff') format('woff'),  url('../fonts/roboto-bold-webfont.ttf') format('truetype'),  url('../fonts/roboto-bold-webfont.svg#robotobold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'robotoregular';
	src: url('../fonts/roboto-regular-webfont.eot');
	src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/roboto-regular-webfont.woff2') format('woff2'),  url('../fonts/roboto-regular-webfont.woff') format('woff'),  url('../fonts/roboto-regular-webfont.ttf') format('truetype'),  url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}


body {
	font-family: 'robotoregular';
	margin: 0;
	font-size: 16px;
	padding: 0;
	width: 100%;
	height: 100%;
	color: #6D6D6D;
}
html {
	width: 100%;
	height: 100%;
}
.container{
	width:1170px;
	max-width:100%;
}
.padding{
	padding:40px 0;
}
.bg-yellow{
	background:#ffcd23;
}
.bg-yellow h2, .bg-yellow p {
  color: #fff;
}
header{
	background:url(../images/header-bg.jpg);
	background-position: 50% center;
	background-repeat: no-repeat;
	background-size: cover;
	background: rgba(0, 0, 0, 0) url("../images/header-bg.jpg") no-repeat scroll 50% center / cover ;
	padding:15px 0;
	background-attachment:fixed;
}
header .text-image{
	background:rgba(0, 0, 0, .8);
	padding:90px;
}
.text-image > a {
  background: #ffcd23;
  color:#fff;
  margin: 20px;
  padding:20px 70px;
}
header .text-image .heading h1 {
  color: #fff;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 60px;
}
.imglcd img{
	transition: all 0.5s ease 0s;
}
.text-image > img {
  margin-bottom:0;
  width:100%;
}
.imglcd:hover img{
	transform: scale(0.9);
}
.imglcd h3 {
  background: transparent;
  display: inline-block;
  font-size: 18px;
  padding: 10px 20px;
  text-transform: uppercase;
  transition: all 0.9s ease 0s;
}
.imglcd:hover h3{
	background:#ffcd23;
	color:#fff;
	transition: all 0.9s ease 0s;
}
.mb30 {
  margin-bottom: 30px;
}
.color-box-1,.color-box-2,.color-box-3,.color-box-4,.color-box-5,.color-box-6,.color-box-7{

	height: 25px;

    width: 25px;

    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);

    border: 5px solid #fff;

    margin-left: 5px;

    display: inline-block;

}

.color-box-1{	

	background:#ffcd23; 

}

.color-box-2{	

	background:#A0CE4E; 

}

.color-box-3{	

	background:#F9B83E; 

}

.color-box-4{	

	background:#BAAD7C; 

}

.color-box-5{	

	background:#8B4DA5; 

}

.color-box-6{	

	background:#818EDB; 

}

.color-box-7{	

	background:#23D1B7; 

}

.color-box-1, .color-box-2, .color-box-3, .color-box-4, .color-box-5, .color-box-6, .color-box-7 {
  border: 5px solid #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  display: inline-block;
  height: 25px;
  margin-left: 5px;
  width: 25px;
}
.mb50 {
  margin-bottom: 50px;
}
.icon-color {
  color: #ffcd23;
}
#feature-desc i{
    margin-bottom: 20px;
}
#feature-desc{
	background:#f1f1f1;
}

.icon-block i {
    font-size: 4rem;
}
footer{
	background:#222222;
	padding: 20px 10px 0;
}
footer p{
	color:#fff;
}